Merge pull request #53 from theNorstroem/feat/tile-events

feat: tiles are fireing a tile-clicked event now.

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@furo/ui5",
   "description": "SAP UI5 Web Components data bindings for furo",
-  "version": "1.4.4",
+  "version": "1.5.0",
   "homepage": "https://github.com/eclipse/eclipsefuro-web/tree/main/packages/furo-ui5",
   "repository": "[email protected]:eclipse/eclipsefuro-web.git",
   "author": {

src/spaces/furo-ui5-launchpad-page-renderer.js

@@ -6,6 +6,9 @@ import './furo-ui5-launchpad-section-renderer.js';
  * `furo-ui5-launchpad-page-renderer`
  *  Renders a page of a space.
  *
+ *  > **Hint**: when you build a custom tile, do not forget to trigger the tile-clicked event.
+ *
+ * @fires {PointerEvent} tile-clicked - Fired from the default tiles inside of the rendered pages.
  * @summary tile renderer
  * @customElement furo-ui5-launchpad-page-renderer
  * @appliesMixin FBP

src/typerenderer/line-launchpad-launchtile.js

@@ -79,7 +79,7 @@ class LineLaunchpadLaunchtile extends FieldNodeAdapter(FBP(LitElement)) {
   render() {
     // language=HTML
     return html`
-      <a href="${this.target}" at-click="^^deep-dive"
+      <a href="${this.target}" at-click="^^tile-clicked"
         >${this.display_name}
         <span class="subheader">${this.subheader}</span>
       </a>

src/typerenderer/line-launchpad-monitortile.js

@@ -85,7 +85,7 @@ class LineLaunchpadMonitortile extends FieldNodeAdapter(FBP(LitElement)) {
   render() {
     // language=HTML
     return html`
-      <a href="${this.target}"
+      <a href="${this.target}" at-click="^^tile-clicked"
         >${this.display_name}
         <span class="subheader"
           >${this.icon ? html`<ui5-icon name="${this.icon}"></ui5-icon>` : ''}

src/typerenderer/tile-launchpad-launchtile.js

@@ -136,7 +136,7 @@ class TileLaunchpadLaunchtile extends FieldNodeAdapter(FBP(LitElement)) {
   render() {
     // language=HTML
     return html`
-      <a href="${this.target}" fn-focus="|--focus">
+      <a href="${this.target}" at-click="^^tile-clicked" fn-focus="|--focus">
         <furo-vertical-flex>
           <div class="title">${this.display_name}</div>
           <div class="subheader">${this.subheader}</div>

src/typerenderer/tile-launchpad-monitortile.js

@@ -143,7 +143,7 @@ class TileLaunchpadMonitortile extends FieldNodeAdapter(FBP(LitElement)) {
   render() {
     // language=HTML
     return html`
-      <a href="${this.target}" fn-focus="|--focus">
+      <a href="${this.target}" at-click="^^tile-clicked" fn-focus="|--focus">
         <furo-vertical-flex>
           <div class="title">${this.display_name}</div>
           <div class="subheader">${this.subheader}</div>