@digipair/skill-web-material-icons 0.8.20 → 0.8.22

package/index.cjs.js

@@ -1924,19 +1924,15 @@ function n(t) {
 }
 
 class IconElement extends s {
-    connectedCallback() {
-        super.connectedCallback();
-        if (document.querySelector('#digipair-material-icons-css')) {
-            return;
-        }
-        const link = document.createElement('link');
-        link.id = 'digipair-material-icons-css';
-        link.href = 'https://fonts.googleapis.com/icon?family=Material+Icons';
-        link.rel = 'stylesheet';
-        document.head.appendChild(link);
-    }
     render() {
-        return x` <span style=${this.iconStyle}>${this.name}</span> `;
+        return x`
+      <link
+        id="digipair-material-icons-css"
+        href="https://fonts.googleapis.com/icon?family=Material+Icons"
+        rel="stylesheet"
+      />
+      <span class="material-icons" style=${this.iconStyle}>${this.name}</span>
+    `;
     }
     constructor(...args){
         super(...args);

package/index.esm.js

@@ -1920,19 +1920,15 @@ function n(t) {
 }
 
 class IconElement extends s {
-    connectedCallback() {
-        super.connectedCallback();
-        if (document.querySelector('#digipair-material-icons-css')) {
-            return;
-        }
-        const link = document.createElement('link');
-        link.id = 'digipair-material-icons-css';
-        link.href = 'https://fonts.googleapis.com/icon?family=Material+Icons';
-        link.rel = 'stylesheet';
-        document.head.appendChild(link);
-    }
     render() {
-        return x` <span style=${this.iconStyle}>${this.name}</span> `;
+        return x`
+      <link
+        id="digipair-material-icons-css"
+        href="https://fonts.googleapis.com/icon?family=Material+Icons"
+        rel="stylesheet"
+      />
+      <span class="material-icons" style=${this.iconStyle}>${this.name}</span>
+    `;
     }
     constructor(...args){
         super(...args);

package/libs/skill-web-material-icons/src/lib/icon.element.d.ts

@@ -2,6 +2,5 @@ import { LitElement, TemplateResult } from 'lit';
 export declare class IconElement extends LitElement {
     name: string;
     iconStyle: string;
-    connectedCallback(): void;
     render(): TemplateResult;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digipair/skill-web-material-icons",
-  "version": "0.8.20",
+  "version": "0.8.22",
   "dependencies": {},
   "main": "./index.cjs.js",
   "module": "./index.esm.js"

package/schema.json

@@ -2,7 +2,7 @@
   "openapi": "3.0.0",
   "info": {
     "title": "@digipair/skill-web-material-icons",
-    "summary": "Affichage d'icones material'",
+    "summary": "Affichage d'icones material",
     "description": "Affichage des icones material.",
     "version": "0.1.0",
     "x-icon": "🎨"
@@ -31,6 +31,15 @@
             "schema": {
               "type": "object"
             }
+          },
+          {
+            "name": "slot",
+            "summary": "Slot",
+            "required": false,
+            "description": "Emplacement de l'icone",
+            "schema": {
+              "type": "string"
+            }
           }
         ],
         "x-events": []