@statistikzh/leu 0.17.0 → 0.18.0

package/dist/leu-table.js

@@ -3,12 +3,12 @@ import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/directives/style-map.js';
 import 'lit/directives/ref.js';
-import './LeuElement-BRZYxDjR.js';
+import './LeuElement-DlQXnrk8.js';
 import './Icon.js';
-import './Pagination.js';
 import './_tslib-CNEFicEt.js';
-import 'lit/directives/live.js';
 import 'lit/decorators.js';
+import './Pagination.js';
+import 'lit/directives/live.js';
 import './Button.js';
 import 'lit/directives/if-defined.js';
 import './hasSlotController-Bm2tipvG.js';

package/dist/leu-tag.js

@@ -2,7 +2,7 @@ import { LeuTag } from './Tag.js';
 import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
-import './LeuElement-BRZYxDjR.js';
+import './LeuElement-DlQXnrk8.js';
 
 LeuTag.define("leu-tag");
 

package/dist/leu-visually-hidden.js

@@ -1,6 +1,6 @@
 import { LeuVisuallyHidden } from './VisuallyHidden.js';
 import 'lit';
-import './LeuElement-BRZYxDjR.js';
+import './LeuElement-DlQXnrk8.js';
 
 LeuVisuallyHidden.define("leu-visually-hidden");
 

package/dist/vscode.html-custom-data.json

@@ -304,7 +304,7 @@
         {
           "name": "name",
           "description": "The name of the icon to display.",
-          "values": [{ "name": "IconPathName" }]
+          "values": [{ "name": "IconPathName" }, { "name": "\"\"" }]
         }
       ],
       "references": [

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@statistikzh/leu",
-  "version": "0.17.0",
+  "version": "0.18.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -603,7 +603,7 @@
             {
               "name": "name",
               "description": "The name of the icon to display.",
-              "value": { "type": "IconPathName", "default": "\"\"" }
+              "value": { "type": "IconPathName | \"\"", "default": "\"\"" }
             }
           ],
           "events": [],

package/package.json

@@ -3,7 +3,7 @@
   "description": "UI component library of the canton of zurich",
   "license": "MIT",
   "author": "statistikzh",
-  "version": "0.17.0",
+  "version": "0.18.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/src/components/icon/Icon.ts

@@ -1,9 +1,10 @@
 import { html, svg } from "lit"
+import { property } from "lit/decorators.js"
 
 import { LeuElement } from "../../lib/LeuElement.js"
 
 import styles from "./icon.css"
-import { paths } from "./paths.js"
+import { paths, IconPathName } from "./paths.js"
 
 /**
  * A component to render all defined zhWeb icons.
@@ -12,7 +13,6 @@ import { paths } from "./paths.js"
  * If the icon name is not found, a placeholder will be displayed.
  *
  * @tagname leu-icon
- * @prop {import("./paths").IconPathName} name - The name of the icon to display.
  * @cssprop --leu-icon-size - The size of the icon.
  */
 export class LeuIcon extends LeuElement {
@@ -22,14 +22,11 @@ export class LeuIcon extends LeuElement {
     name: { type: String, reflect: true },
   }
 
-  constructor() {
-    super()
-
-    /**
-     * @type {import("./paths").IconPathName | ""}
-     */
-    this.name = ""
-  }
+  /**
+   * The name of the icon to display.
+   */
+  @property({ type: String, reflect: true })
+  name: IconPathName | "" = ""
 
   render() {
     if (!paths[this.name]) {