@aquera/nile-elements 0.1.35 → 0.1.36

package/src/nile-icon/index.ts

@@ -5,6 +5,7 @@ import { classMap } from 'lit/directives/class-map.js';
 import { unsafeSVG } from 'lit/directives/unsafe-svg.js';
 import { unsafeHTML } from 'lit/directives/unsafe-html.js';
 import * as Icons from './icons/svg';
+import { aliasMap }    from './aliasmap';
 
 interface IconPaths {
   [key: string]: string;
@@ -136,11 +137,9 @@ export class NileIcon extends LitElement {
     if (changedProperties.has('color')) {
       this.style.setProperty('--nile-svg-fill', `${this.color}`);
     }
-    if (
-      changedProperties.has('name') ||
-      changedProperties.has('customSvgPath')
-    ) {
-      let iconName = this.name ? this.removeHyphens(this.name) : undefined;
+    if (changedProperties.has('name') || changedProperties.has('customSvgPath')) {
+      const raw = this.name?.replace(/-/g, '') ?? '';
+      const iconName = aliasMap[raw] || raw;
       if (iconName && iconPaths[iconName]) {
         this._svg = atob(iconPaths[iconName]);
       } else if (this.customSvgPath) {
@@ -248,15 +247,15 @@ export class NileIcon extends LitElement {
     }
 
     return html`
-    <span class="nds-icon ${classMap(this.buttonClassMap)}">
-      ${unsafeSVG(this.getSvgTemplate())}
+      <span class="nds-icon ${classMap(this.buttonClassMap)}">
+        ${unsafeSVG(this.getSvgTemplate())}
       </span>
     `
-    }
+  }
 }
 
 declare global {
- interface HTMLElementTagNameMap {
+  interface HTMLElementTagNameMap {
     'nile-icon': NileIcon;
   }
 }