@aquera/nile-elements 0.1.35-beta-1.2 → 0.1.35-beta-1.4

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent nile-elements following open-wc recommendations",
   "license": "MIT",
   "author": "nile-elements",
-  "version": "0.1.35-beta-1.2",
+  "version": "0.1.35-beta-1.4",
   "main": "dist/src/index.js",
   "type": "module",
   "module": "dist/src/index.js",

package/plop-templates/lit/index.ts.hbs

@@ -1,5 +1,5 @@
 /**
-* Copyright Aquera Inc 2023
+* Copyright Aquera Inc 2025
 *
 * This source code is licensed under the BSD-3-Clause license found in the
 * LICENSE file in the root directory of this source tree.

package/plop-templates/lit/lit.css.ts.hbs

@@ -1,5 +1,5 @@
 /**
-* Copyright Aquera Inc 2023
+* Copyright Aquera Inc 2025
 *
 * This source code is licensed under the BSD-3-Clause license found in the
 * LICENSE file in the root directory of this source tree.

package/plop-templates/lit/lit.template.ts.hbs

@@ -0,0 +1,3 @@
+/**
+ * Template File for nile-{{name}} component
+ */

package/plop-templates/lit/lit.test.ts.hbs

@@ -0,0 +1,38 @@
+/**
+ * Copyright Aquera Inc 2025
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+ 
+import { fixture, assert, expect, html } from '@open-wc/testing';
+import './nile-{{name}}'; // Just import to register the element
+
+describe('<nile-{{name}}>', () => {
+  let element: HTMLElement;
+
+  beforeEach(async () => {
+    element = await fixture(html`<nile-{{name}}></nile-{{name}}>`);
+  });
+
+  it('passes accessibility test', async () => {
+    await expect(element).to.be.accessible();
+  });
+
+  it('renders with the correct tag name', () => {
+    expect(element.tagName.toLowerCase()).to.equal('nile-{{name}}');
+  });
+
+  it('renders with slot content when provided', async () => {
+    const testContent = 'Test Content';
+    element = await fixture(html`<nile-{{name}}>${testContent}</nile-{{name}}>`);
+    
+    const slot = (element.shadowRoot!.querySelector('slot') as HTMLSlotElement);
+    assert.exists(slot, 'Slot should exist');
+
+    const assignedNodes = slot.assignedNodes({ flatten: true });
+    expect(assignedNodes.length).to.be.greaterThan(0);
+    expect(assignedNodes[0].textContent?.trim()).to.equal(testContent);
+  });
+});

package/plop-templates/lit/lit.ts.hbs

@@ -1,5 +1,5 @@
 /**
- * Copyright Aquera Inc 2023
+ * Copyright Aquera Inc 2025
  *
  * This source code is licensed under the BSD-3-Clause license found in the
  * LICENSE file in the root directory of this source tree.
@@ -37,8 +37,12 @@ export class Nile{{pascalCase name}} extends NileElement {
 	 * @slot This is a slot test
 	 */
 	public render(): TemplateResult {
-		return html`
-			<slot> </slot>
+	const time = new Date().toLocaleTimeString();
+  	return html`
+
+    <slot>
+	<div>Hello Nile - ${time}</div>
+    </slot>
 			`;
 	}
 

package/plop-templates/lit/sub-components/index.ts.hbs

@@ -0,0 +1,4 @@
+/**
+ * Sub component  for nile-{{name}} component. 
+ * Follows the same parent folder structure.
+ */

package/plop-templates/lit/types/type.ts.hbs

@@ -0,0 +1,3 @@
+/**
+ * Types for nile-{{name}} component
+ */

package/plop-templates/lit/utils/lit.utils.ts.hbs

@@ -0,0 +1,4 @@
+/**
+ * Utility functions for nile-{{name}} component
+ *  
+ */

package/plopfile.js

@@ -1,7 +1,7 @@
 export default function (plop) {
   // lit generator
   plop.setGenerator('lit', {
-    description: 'create lit-element',
+    description: 'create nile-element',
     prompts: [
       {
         type: 'input',
@@ -30,6 +30,37 @@ export default function (plop) {
         path: 'src/nile-{{name}}/nile-{{name}}.css.ts',
         templateFile: 'plop-templates/lit/lit.css.ts.hbs',
       },
+      {
+        type: 'add',
+        path: 'src/nile-{{name}}/nile-{{name}}.template.ts',
+        templateFile: 'plop-templates/lit/lit.template.ts.hbs',
+      },
+     
+      {
+        type: 'add',
+        path: 'src/nile-{{name}}/nile-{{name}}.test.ts',
+        templateFile: 'plop-templates/lit/lit.test.ts.hbs',
+      },
+      {
+        type: 'add',
+        path: 'src/nile-{{name}}/sub-components/nile-{{name}}.ts',
+        template: '',
+      },
+      {
+        type: 'add',
+        path: 'src/nile-{{name}}/utils/nile-{{name}}.utils.ts',
+        template: '',
+      },
+      {
+        type: 'add',
+        path: 'src/nile-{{name}}/types/index.ts',
+        templateFile: 'plop-templates/lit/types/index.ts.hbs',
+      },
+      {
+        type: 'add',
+        path: 'src/nile-{{name}}/types/{{name}}.type.ts',
+        templateFile: 'plop-templates/lit/types/type.ts.hbs',
+      },
       {
         type: 'modify',
         path: 'package.json',

package/src/nile-icon/aliasmap.ts

@@ -0,0 +1,112 @@
+
+export const aliasMap: Record<string, string> = {
+  'userremove1': 'userremove',
+  'userremove2': 'userremove',
+  'deleteuser': 'userremove',
+  'userinactive': 'userremove',
+  'headeractions': 'action',
+  'actionworkflow': 'action',
+  'block02': 'block',
+  'componentblock': 'block',
+  'flowmapblock': 'block',
+  'calendar01': 'calendar',
+  'playcircle': 'play',
+  'setting': 'settings',
+  'settings1': 'settings',
+  'trash': 'delete',
+  'trash01': 'delete',
+  'trashnofill': 'delete',
+  'trash03': 'delete',
+  'download01': 'download',
+  'download02': 'download',
+  'datatypepersistentvariable': 'persistentvariable',
+  'leftarrow': 'arrowleft',
+  'rightarrow': 'arrowright',
+  'searchlg': 'search',
+  'info2': 'info',
+  'infoicon1': 'info',
+  'infocircle': 'info',
+  'dropdown': 'options',
+  'flowmapellipsis': 'options',
+  'dotsvertical': 'options',
+  'stopcircle': 'stop',
+  'agents': 'agent',
+  'event': 'trigger',
+  'editpencil': 'pencil',
+  'pen': 'pencil',
+  'editwrite': 'pencil',
+  'shape': 'pencil',
+  'edit01': 'pencil',
+  'updateuser': 'pencil',
+  'edit1': 'pencil',
+  'notscheduled': 'error',
+  'not': 'error',
+  'flowmapcancel': 'error',
+  'cancel': 'error',
+  'xcircle': 'error',
+  'undo1': 'undo',
+  'privilage': 'privilege',
+  'privilegeobject': 'privilege',
+  'bell': 'mute',
+  'barchartsquare03': 'barchartsquare02',
+  'helpcircle': 'helpandsupport',
+  'help1': 'helpandsupport',
+  'caution': 'helpandsupport',
+  'smalltick': 'tick',
+  'check': 'tick',
+  'userselection': 'useractive',
+  'selectuser': 'useractive',
+  'usergroup': 'group',
+  'multipleuser': 'group',
+  'usersquare': 'user',
+  'useranalysisicon': 'user',
+  'usercircle': 'user',
+  'user03': 'user',
+  'personaldetails': 'user',
+  'user01': 'user',
+  'workfloworchestration': 'flowmaporchestration',
+  'workflow01': 'flowmap',
+  'workflowsolid': 'flowmap',
+  'section02': 'section',
+  'flowmapsection': 'section',
+  'workflowsection': 'section',
+  'variablenew1': 'variablenew',
+  'rolemanager': 'role',
+  'manageduser': 'manage',
+  'folder01': 'folder',
+  'headerfunctions': 'script',
+  'users01': 'users',
+  'users02': 'users',
+  'ouanalysisicon': 'users',
+  'draglist': 'drag',
+  'flowmapdrag': 'drag',
+  'itemplaceholder': 'drag',
+  'placeholderwf': 'drag',
+  'anomaly': 'thumbsdown',
+  'noanomaly': 'thumbsup',
+  'approve': 'thumbsup',
+  'enabled': 'enable',
+  'themes': 'color',
+  'palette': 'color',
+  'expand1': 'sort',
+  'chevronselectorvertical': 'sort',
+  'default1': 'default',
+  'custom': 'default',
+  'basic': 'default',
+  'droparrow': 'arrowdown',
+  'nextdown': 'arrowdown',
+  'chevrondown': 'arrowdown',
+  'downarrow': 'arrowdown',
+  'plusicon': 'pluscircle',
+  'flow01': 'condition',
+  'table1': 'logs',
+  'flowmaptext': 'text',
+  'workflowtext': 'text',
+  'layersthree01': 'layersthree02',
+  'uparrow': 'chevronup',
+  'prevup': 'chevronup',
+  'headervariable': 'variable',
+  'datatypevariable': 'variable',
+  'variablelocal1': 'variablelocal',
+  'refreshcw03': 'refresh',
+};