@aquera/nile-elements 1.5.1-beta-1.3 → 1.5.1

package/README.md

@@ -79,6 +79,13 @@ To run a local development server that serves the basic demo located in `demo/in
 
 In this section, you can find the updates for each release of `nile-elements`. It's a good practice to maintain detailed release notes to help users and developers understand what changes have been made from one version to another and how these changes might affect their projects.
 
+#### Version 1.5.1 (Feb 05, 2026)
+- Nile Option:  Resolved issue where option descriptions break or render incorrectly. (UIF-1095)  
+- Nile Input & Nile Select:  Fixed visual style inconsistencies in NxtGen to ensure alignment with the design system. (UIF-1089)  
+- Nile Sidebar: Updates and fixes in Sidebar. (UIF-1090)  
+- Nile Icons: Added ng-refresh-01, ng-power-01, ng-key-01. (UIF-1094) 
+- Dependency Nile 1.1.9
+
 #### Version 1.5.0 (Jan 27, 2026)
 - Nile Date Picker: Added portal feature (UIF-1083)
 - Nile File Preview: Fixed width issues (UIF-1081)

package/demo/index.html

@@ -30,164 +30,16 @@
 </nile-input>
   -->
  
-    <div style="width: 500px;">
-      <nile-side-bar id="appSidebar" >
-        <nile-side-bar-header>
-              <nile-side-bar-logo slot="logo"   collapsedSrc="" collapsed></nile-side-bar-logo>
-              <nile-side-bar-expand slot="expand"  ></nile-side-bar-expand>
-            </nile-side-bar-header> 
-           <nile-side-bar-panel> 
-            <nile-side-bar-group  >
-              <nile-side-bar-group-item>
-                <nile-side-bar-group-item-icon icon="dashboard" slot="icon"></nile-side-bar-group-item-icon>
-                <nile-side-bar-group-item-text >Dashboard </nile-side-bar-group-item-text>
-              </nile-side-bar-group-item>
-              <nile-side-bar-group-item >
-                <nile-side-bar-group-item-icon icon="application" slot="icon"></nile-side-bar-group-item-icon>
-                <nile-side-bar-group-item-text >Applications </nile-side-bar-group-item-text>
-              </nile-side-bar-group-item>
-              <nile-side-bar-group-item >
-                <nile-side-bar-group-item-icon icon="logs" slot="icon"></nile-side-bar-group-item-icon>
-                <nile-side-bar-group-item-text >Logs</nile-side-bar-group-item-text>
-              </nile-side-bar-group-item>
-              <nile-side-bar-group-item >
-                <nile-side-bar-group-item-icon icon="agent" slot="icon"></nile-side-bar-group-item-icon>
-                <nile-side-bar-group-item-text >Agent</nile-side-bar-group-item-text>
-              </nile-side-bar-group-item>
-              <nile-side-bar-group-item >
-                <nile-side-bar-group-item-icon icon="user" slot="icon"></nile-side-bar-group-item-icon>
-                <nile-side-bar-group-item-text >Users</nile-side-bar-group-item-text>
-              </nile-side-bar-group-item>
-          
-              
-            </nile-side-bar-group>
-           
-            <nile-side-bar-group divider>
-              <nile-side-bar-group-item >
-                <nile-side-bar-group-item-icon icon="flowmap-orchestration" slot="icon"></nile-side-bar-group-item-icon>
-                <nile-side-bar-group-item-text >Integrations</nile-side-bar-group-item-text>
-              </nile-side-bar-group-item>
-              <nile-side-bar-group-item >
-                <nile-side-bar-group-item-icon icon="persistentdata" slot="icon"></nile-side-bar-group-item-icon>
-                <nile-side-bar-group-item-text >Data Loader</nile-side-bar-group-item-text>
-              </nile-side-bar-group-item>
-              <nile-side-bar-group-item >
-                <nile-side-bar-group-item-icon icon="data-insight" slot="icon"></nile-side-bar-group-item-icon>
-                <nile-side-bar-group-item-text >Data Insights</nile-side-bar-group-item-text>
-              </nile-side-bar-group-item>
-          
-           </nile-side-bar-group>   
-         </nile-side-bar-panel>
-          
-              <nile-side-bar-footer>
-                <nile-side-bar-footer-item  (click)="toggleHelpSupportMenu($event)" type="support">
-                  <span slot="icon"><nile-icon name="helpandsupport"> </nile-icon></span>
-                  <nile-side-bar-footer-text 
-                  text="Help and Support" 
-                  slot="text">
-                </nile-side-bar-footer-text>
-                  <nile-side-bar-action  [open]="enableHelpSupportMenu"(nile-hide)="closeHelpSupportMenu()" slot="action" placement="right" hoist distance="5" skidding="-22"  >
-                    <nile-icon name="arrowright" slot="trigger"></nile-icon>
-              
-                <nile-side-bar-action-menu>
-                    <nile-side-bar-action-menu-item class="menu2">Help Center</nile-side-bar-action-menu-item>
-                    <nile-side-bar-action-menu-item class="menu2">API Documentation</nile-side-bar-action-menu-item>
-                  </nile-side-bar-action-menu>
-                </nile-side-bar-action>
-                </nile-side-bar-footer-item>
-          
-                <nile-side-bar-footer-item (click)="toggleProfileMenu($event)" type="avatar">
-                  <span slot="icon">
-          
-                    <nile-avatar 
-                    name="James Albert" 
-                    variant="text" 
-                    size="lg" 
-                    bg-color="#005EA6" 
-                    text-color="white">
-                  </nile-avatar>
-          
-                  </span>
-                  <nile-side-bar-footer-text 
-                  text="James Albert" 
-                  subtext="Aquera Internals"
-                  slot="text">
-                </nile-side-bar-footer-text>
-                
-                  <nile-side-bar-action  [open]="enableProfileMenu"(nile-hide)="closeProfileMenu()" slot="action" placement="right" hoist distance="2" skidding="-22"  >
-                    <nile-icon name="arrowright" slot="trigger"></nile-icon>
-                  
-                    <nile-side-bar-action-menu searchEnabled>
-                  
-                      <!-- PRE-HEADER (Profile Section) -->
-                      <div slot="menu__pre-header" class="profile">
-                        <nile-avatar 
-                        name="James Albert" 
-                        variant="text" 
-                        size="xl" 
-                        bg-color="#005EA6" 
-                        text-color="white">
-                      </nile-avatar>
-                        <div class="profile-info">
-                          <div class="name">James Albert</div>
-                          <div class="org">Aquera Internals</div>
-                          <div class="email">jamesalbertgmail.com</div>
-                        </div>
-                        <nile-button variant="tertiary" class="settings-button" >      <nile-icon name="settings" class="settings-icon"></nile-icon> </nile-button>
-                  
-                      </div>
-                  
-                      <!-- HEADER (Tenant Accounts label) -->
-                      <!-- <div slot="menu__header" class="tenant-header">Tenant Accounts</div> -->
-                  
-                      <!-- MENU ITEMS -->
-                      <nile-side-bar-action-menu-item>Acme</nile-side-bar-action-menu-item>
-                      <nile-side-bar-action-menu-item class="active-item" active>
-                        Aquera Internals
-          
-                        
-                        <nile-icon name="tick" slot="suffix"></nile-icon>
-                      </nile-side-bar-action-menu-item>
-                      <nile-side-bar-action-menu-item>Dayforce to Okta Saas</nile-side-bar-action-menu-item>
-                      <nile-side-bar-action-menu-item>Andrew Wells</nile-side-bar-action-menu-item>
-                      <nile-side-bar-action-menu-item>Villa Groups</nile-side-bar-action-menu-item>
-                  
-                      <!-- FOOTER -->
-                      <div slot="menu__footer" class="footer">
-                        <nile-button variant="tertiary" class="sign-out">Sign Out</nile-button>
-                      </div>
-                  
-                    </nile-side-bar-action-menu>
-                  </nile-side-bar-action>
-                  
-                </nile-side-bar-footer-item>
-              </nile-side-bar-footer>
-            
-            
-          </nile-side-bar>
-          </div>
-          <script>
-            window.addEventListener('DOMContentLoaded', () => {
-              const sidebar = document.getElementById('appSidebar');
-              const mq = window.matchMedia('(max-width: 500px)');
-          
-              const applyState = () => {
-                if (mq.matches) {
-                  // below 500px
-                  sidebar.style.display = 'none';
-                  sidebar.collapsed = true;
-                } else {
-                  // above 500px
-                  sidebar.style.display = 'block';
-                  sidebar.collapsed = false;
-                }
-              };
-          
-              applyState(); // initial state
-              mq.addEventListener('change', applyState);
-            });
-          </script>
-          
-          
+
+  <nile-chip
+   autoCompleteOptions='["React", "Angular", "Vue", "Tailwind"]'
+   acceptUserInput
+></nile-chip>
+
+
+<nile-button id="small-btn1">Small tooltip</nile-button>
+<nile-lite-tooltip for="small-btn1" id="small-tooltip1" content="This is a small tooltip." size="small"></nile-lite-tooltip>
+
+
   </body>
 </html>