@aquera/nile-elements 0.1.35 → 0.1.36-beta-1.0

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;
   }
 }

package/vscode-html-custom-data.json

@@ -1393,6 +1393,140 @@
         }
       ]
     },
+    {
+      "name": "nile-preview",
+      "description": "Nile preview component.\n\nAttributes:\n\n  * `errorMessage` {`string`} - \n\n  * `inputFile` {`File`} - \n\n  * `fileUrl` {`string`} - \n\n  * `uploadStatus` {`number`} - \n\n  * `allowedTypes` {`string[]`} - \n\n  * `state` {`FilePreviewState`} - \n\n  * `variant` {`FilePreviewVariant`} - \n\n  * `inputFileName` {`string`} - \n\nProperties:\n\n  * `errorMessage` {`string`} - \n\n  * `inputFile` {`File`} - \n\n  * `fileUrl` {`string`} - \n\n  * `uploadStatus` {`number`} - \n\n  * `allowedTypes` {`string[]`} - \n\n  * `state` {`FilePreviewState`} - \n\n  * `variant` {`FilePreviewVariant`} - \n\n  * `inputFileName` {`string`} - \n\n  * `inputFileHtml` {`UncompiledTemplateResult<ResultType> | null`} - \n\n  * `originalUrl` {`string`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "attributes": [
+        {
+          "name": "errorMessage",
+          "description": "`errorMessage` {`string`} - \n\nProperty: errorMessage\n\nDefault: "
+        },
+        {
+          "name": "inputFile",
+          "description": "`inputFile` {`File`} - \n\nProperty: inputFile"
+        },
+        {
+          "name": "fileUrl",
+          "description": "`fileUrl` {`string`} - \n\nProperty: fileUrl\n\nDefault: "
+        },
+        {
+          "name": "uploadStatus",
+          "description": "`uploadStatus` {`number`} - \n\nProperty: uploadStatus\n\nDefault: 0"
+        },
+        {
+          "name": "allowedTypes",
+          "description": "`allowedTypes` {`string[]`} - \n\nProperty: allowedTypes\n\nDefault: "
+        },
+        {
+          "name": "state",
+          "description": "`state` {`FilePreviewState`} - \n\nProperty: state\n\nDefault: default",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "uploading"
+            },
+            {
+              "name": "preview"
+            },
+            {
+              "name": "no-preview"
+            },
+            {
+              "name": "error"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "`variant` {`FilePreviewVariant`} - \n\nProperty: variant\n\nDefault: horizontal",
+          "values": [
+            {
+              "name": "horizontal"
+            },
+            {
+              "name": "vertical"
+            }
+          ]
+        },
+        {
+          "name": "inputFileName",
+          "description": "`inputFileName` {`string`} - \n\nProperty: inputFileName\n\nDefault: "
+        }
+      ]
+    },
+    {
+      "name": "nile-file-upload",
+      "description": "Nile file-upload component.\n\nAttributes:\n\n  * `size` {`number`} - \n\n  * `error` {`boolean`} - \n\n  * `errorMessage` {`string`} - \n\n  * `allowMultiple` {`boolean`} - \n\n  * `allowDuplicates` {`boolean`} - \n\n  * `uploadedFiles` {`File[]`} - \n\n  * `title` {`string`} - \n\n  * `subtitle` {`string`} - \n\n  * `state` {`FileUploadState`} - \n\n  * `variant` {`FileUploadVariant`} - \n\nProperties:\n\n  * `size` {`number`} - \n\n  * `error` {`boolean`} - \n\n  * `errorMessage` {`string`} - \n\n  * `allowMultiple` {`boolean`} - \n\n  * `allowDuplicates` {`boolean`} - \n\n  * `uploadedFiles` {`File[]`} - \n\n  * `title` {`string`} - \n\n  * `subtitle` {`string`} - \n\n  * `state` {`FileUploadState`} - \n\n  * `variant` {`FileUploadVariant`} - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `dragHandler` - \n\n  * `setState` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "`size` {`number`} - \n\nProperty: size\n\nDefault: 0"
+        },
+        {
+          "name": "error",
+          "description": "`error` {`boolean`} - \n\nProperty: error\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "errorMessage",
+          "description": "`errorMessage` {`string`} - \n\nProperty: errorMessage\n\nDefault: "
+        },
+        {
+          "name": "allowMultiple",
+          "description": "`allowMultiple` {`boolean`} - \n\nProperty: allowMultiple\n\nDefault: true",
+          "valueSet": "v"
+        },
+        {
+          "name": "allowDuplicates",
+          "description": "`allowDuplicates` {`boolean`} - \n\nProperty: allowDuplicates\n\nDefault: true",
+          "valueSet": "v"
+        },
+        {
+          "name": "uploadedFiles",
+          "description": "`uploadedFiles` {`File[]`} - \n\nProperty: uploadedFiles\n\nDefault: "
+        },
+        {
+          "name": "title",
+          "description": "`title` {`string`} - \n\nProperty: title\n\nDefault: Drag and drop to upload"
+        },
+        {
+          "name": "subtitle",
+          "description": "`subtitle` {`string`} - \n\nProperty: subtitle\n\nDefault: PNG, JPG or SVG (upto 1MB) | 1:1 ratio"
+        },
+        {
+          "name": "state",
+          "description": "`state` {`FileUploadState`} - \n\nProperty: state\n\nDefault: default",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "disabled"
+            },
+            {
+              "name": "hover"
+            },
+            {
+              "name": "drag"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "`variant` {`FileUploadVariant`} - \n\nProperty: variant\n\nDefault: horizontal",
+          "values": [
+            {
+              "name": "horizontal"
+            },
+            {
+              "name": "vertical"
+            }
+          ]
+        }
+      ]
+    },
     {
       "name": "nile-footer",
       "description": "Nile icon component.\n\n",