@aquera/nile-elements 0.1.60-beta-1.0 → 0.1.61-beta-1.0

package/README.md

@@ -77,100 +77,7 @@ To run a local development server that serves the basic demo located in `demo/in
 
 ## Release Notes
 
-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 0.1.60-beta-1.0
-- Nile Tokenization: Ng nxt defect fixes
-- Dependeny Nile 0.3.72-beta-1.2
- 
-#### Version 0.1.57-beta-1.6
-- Nile Icon: Added new ng-eye-off icon
-- Dependeny Nile 0.3.72-beta-1.1
-
-#### Version 0.1.57-beta-1.3
-- Nile Icon: Added new ng-eye icon
-- Dependeny Nile 0.3.72-beta-1.0
-
-#### Version 0.1.50-beta-1.8
-- Nile Tokenization: Admin UI defect fixes
-
-#### Version 0.1.50-beta-1.7
-- Nile Tokenization: Admin UI defect fixes
-
-#### Version 0.1.50-beta-1.6
-- Nile Tokenization: Admin UI defect fixes
-- Dependency Nile 0.3.70-beta-1.6
-
-#### Version 0.1.50-beta-1.4
-- Nile Tokenization: Admin UI defect fixes
-
-#### Version 0.1.50-beta-1.3
-- Nile Tokenization: Admin UI defect fixes
-
-#### Version 0.1.50-beta-1.2
-- Nile Tokenization: Admin UI defect fixes
-
-#### Version 0.1.49-beta-1.3
-- Nile Tokenization: Admin UI defect fixes
-
-#### Version 0.1.49-beta-1.1
-- Fixes: Fixed bugs in Form group and Font-Weight
-
-#### Version 0.1.49-beta-1.0
-- Fixes: Fixed bugs in Button Toggle, Select, Badge and Card components
-
-#### Version 0.1.47-beta-1.6
-- Nile Card: Hover Issue Fix
-
-
-#### Version 0.1.47-beta-1.5
-- Nile CDN Changes
-- Dependency Nile 0.3.70-beta-1.5
-
-#### Version 0.1.47-beta-1.4
-- Nile Icon Changes: Icon SVG Fixes
-- Dependency Nile 0.3.70-beta-1.4
-
-#### Version 0.1.47-beta-1.2
-- Nile Icon Changes: Icon SVG Fixes
-- Dependency Nile 0.3.70-beta-1.2
-
-#### Version 0.1.47-beta-1.1
-- Nile Icon Changes: Icon SVG Fixes
-- Dependency Nile 0.3.70-beta-1.1
-
-#### Version 0.1.46-beta-1.8
-- Nile Tokenization: Admin UI defect fixes
-- Dependency Nile 0.3.69-beta-1.6
-
-#### Version 0.1.46-beta-1.4
-- Nile Tokenization: Admin UI defect fixes
-- Dependency Nile 0.3.69-beta-1.4
-
-#### Version 0.1.46-beta-1.3
-- Nile Tokenization: Admin UI defect fixes
-- Dependency Nile 0.3.69-beta-1.3
-
-#### Version 0.1.46-beta-1.1
-- Nile Tokenization: Admin UI defect fixes
-- Dependency Nile 0.3.69-beta-1.2
-
-#### Version 0.1.46-beta-1.0
-- Nile Tokenization: Admin UI defect fixes
-- Dependency Nile 0.3.69-beta-1.0
-
-#### Version 0.1.59
-- Nile Select: Virtual scroll feature added [UIF-734]
-
-#### Version 0.1.58
-- Nile Table: Column resize feature added [UIF-889]
-
-#### Version 0.1.57
-- New Component: Nile Slider [UIF-854]
-- Dependency Nile 0.3.71
-
-#### Version 0.1.56
-- Nile Empty State: Added Parts for Styling[UIF-891]
+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 0.1.55
 - Nile Code Editor: Autocomplete drop down css changed[UIF-887]
@@ -208,36 +115,6 @@ In this section, you can find the updates for each release of `nile-elements`. I
 - Nile Icon Component: Bug Fixes for Nile Info Icon.
 - Dependency Nile 0.3.68
 
-#### Version 0.1.44-beta-2.1
-- Nile Tokenization: Admin UI defect fixes
-- Dependency Nile 0.3.68-beta-1.9
-
-#### Version 0.1.44-beta-2.0
-- Nile Tokenization: Admin UI defect fixes
-- Dependency Nile 0.3.68-beta-1.8
-
-#### Version 0.1.44-beta-1.8
-- Nile Tokenization: Admin UI defect fixes
-- Dependency Nile 0.3.68-beta-1.6
-
-#### Version 0.1.44-beta-1.6
-- Nile Tokenization: Admin UI defect fixes & pagination token changes
-- Dependency Nile 0.3.68-beta-1.4
-
-#### Version 0.1.44-beta-1.5
-- Nile Tokenization: Admin UI defect fixes
-- Dependency Nile 0.3.68-beta-1.3
-
-#### Version 0.1.44-beta-1.4
-- Nile Tokenization: Admin UI defect fixes
-- Dependency Nile 0.3.68-beta-1.2
-
-#### Version 0.1.44-beta-1.3
-- Nile Tokenization: Admin UI defect fixes
-
-#### Version 0.1.44-beta-1.2
-- Nile Tokenization: Admin UI defect fixes
-- Dependency Nile 0.3.68-beta-1.1
 #### Version 0.1.44
 - Nile Tab Component: Bug Fixes for Nile-Tab [UIF-817]
 
@@ -250,56 +127,6 @@ In this section, you can find the updates for each release of `nile-elements`. I
 #### Version 0.1.41
 - Nile Pagination Component: Bug Fixes for Pagination Component [UIF-736]
 
-#### Version 0.1.40-beta-2.5
-- Nile Tokenization: Admin UI defect fixes
-
-#### Version 0.1.40-beta-2.1
-- Nile Tokenization: Admin UI defect fixes
-
-#### Version 0.1.40-beta-1.6
-- Nile Tokenization: Admin UI defect fixes
-
-#### Version 0.1.40-beta-1.2
-- Nile Tokenization: Admin UI defect fixes and new icons added
-- Dependency Nile 0.3.66-beta-1.2
-
-#### Version 0.1.38-beta-1.4
-- Nile Tokenization: New Design Tokens added
-- Dependency Nile 0.3.64-beta-1.2
-
-#### Version 0.1.35-beta-1.2
-- Nile Select: Help text property updated
-
-#### Version 0.1.35-beta-1.1
-- Nile Filter Chip : New Component
-- Dependency Nile 0.3.61-beta-1.1
-
-#### Version 0.1.35-beta-1.0
-- Nile Code Editor: Bugfix for autocomplete dialog
-
-#### Version 0.1.34-beta-1.1
-- Nile Code Editor: Bugfix for search section one cmd+f
-
-#### Version 0.1.34-beta-1.0
-- Nile Error Message: Ux updated & maxHeight, maxWidth properties added
-
-
-#### Version 0.1.33-beta-1.1
-- Nile Menu: Property added allowSpaceKey
-
-#### Version 0.1.33-beta-1.0
-- Nile Menu: Bugfix for using space key in nile input inside nile-menu
-
-#### Version 0.1.32-beta-1.5
-- Nile Tokens: Spacing tokens updated
-- Dependency Nile 0.3.61-beta-1.0
-
-#### Version 0.1.32-beta-1.4
--  Nile Tooltip: Bug Fixes
-
-#### Version 0.1.32-beta-1.3
-- Nile Input: Safari's AutoFill icon defect fix
-- 
 #### Version 0.1.40
 - Nile Pagination Component: Component Published for v1 for [UIF-736]
 #### Version 0.1.39

package/demo/index.css

@@ -1,14 +1,8 @@
 body {
-  font-family: var(--ng-font-family-body);
-  justify-content: center;
-  align-items: center;
-  display: flex;
-  height: 100vh;
+  background: #fafafa;
+  font-family: colfax-regular, sans-serif;
+  margin:0px;
 }
-
-
- 
-
 #demo {
   max-width: 40ch;
   padding: 48px;
@@ -43,7 +37,7 @@ body {
   width:100%;
   word-wrap: break-word;
 }
-/* 
+
 @font-face {
   font-family: 'colfax-regular';
   src: url('https://use.typekit.net/af/bac079/00000000000000003b9acde4/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3')
@@ -68,7 +62,7 @@ body {
   font-display: auto;
   font-style: normal;
   font-weight: bold;
-} */
+}
 
 .stack {
   display: flex;
@@ -121,99 +115,4 @@ nile-drawer {
 
 .body {
   display: flex;
-}
-
-
-nile-input:not(:defined),
-nile-button:not(:defined),
-nile-icon:not(:defined),
-nile-icon-button:not(:defined),
-nile-tree:not(:defined),
-nile-table:not(:defined),
-nile-sidebar-menu:not(:defined),
-nile-filter-chip:not(:defined),
-nile-radio-group:not(:defined),
-nile-popover:not(:defined),
-nile-option:not(:defined),
-nile-sidebar-wrapper:not(:defined),
-nile-card:not(:defined),
-nile-table-body:not(:defined),
-nile-list-item:not(:defined),
-nile-tab-group:not(:defined),
-nile-vertical-stepper-item:not(:defined),
-nile-tab:not(:defined),
-nile-content-editor:not(:defined),
-nile-tab-panel:not(:defined),
-nile-drawer:not(:defined),
-nile-error-notification:not(:defined),
-nile-menu-item:not(:defined),
-nile-divider:not(:defined),
-nile-date-picker:not(:defined),
-nile-footer:not(:defined),
-nile-chip:not(:defined),
-nile-slide-toggle:not(:defined),
-nile-progress-bar:not(:defined),
-nile-auto-complete:not(:defined),
-nile-tree-item:not(:defined),
-nile-form-help-text:not(:defined),
-nile-sidebar-menu-items:not(:defined),
-nile-section-message:not(:defined),
-nile-table-row:not(:defined),
-nile-badge:not(:defined),
-nile-file-upload:not(:defined),
-nile-textarea:not(:defined),
-nile-checkbox:not(:defined),
-nile-page-header:not(:defined),
-nile-file-preview:not(:defined),
-nile-tooltip:not(:defined),
-nile-inline-edit:not(:defined),
-nile-circular-progressbar:not(:defined),
-nile-breadcrumb:not(:defined),
-nile-sidebar:not(:defined),
-nile-table-header-item:not(:defined),
-nile-popup:not(:defined),
-nile-link:not(:defined),
-nile-button-toggle-group:not(:defined),
-nile-stepper-item:not(:defined),
-nile-select:not(:defined),
-nile-button-filter:not(:defined),
-nile-empty-state:not(:defined),
-nile-tag:not(:defined),
-nile-table-cell-item:not(:defined),
-nile-radio:not(:defined),
-nile-breadcrumb-item:not(:defined),
-nile-list:not(:defined),
-nile-menu:not(:defined),
-nile-title:not(:defined),
-nile-heading:not(:defined),
-nile-code-editor:not(:defined),
-nile-toast:not(:defined),
-nile-toolbar:not(:defined),
-nile-calendar:not(:defined),
-nile-accordion:not(:defined),
-nile-form-error-message:not(:defined),
-nile-avatar:not(:defined),
-nile-switcher:not(:defined),
-nile-spinner:not(:defined),
-nile-form-group:not(:defined),
-nile-hero:not(:defined),
-nile-dialog:not(:defined),
-nile-split-panel:not(:defined),
-nile-error-message:not(:defined),
-nile-hero-header:not(:defined),
-nile-dropdown:not(:defined),
-nile-format-date:not(:defined),
-nile-loader:not(:defined),
-nile-button-toggle:not(:defined),
-nile-stepper:not(:defined) {
-  opacity: 0;
-}
-
-
-
-
-
-
-
-
-
+}

package/demo/index.html

@@ -1,21 +1,74 @@
 <!DOCTYPE html>
 <html lang="en-GB">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="stylesheet" href="nxtgen.css" id="stylesheet" />
-    <!-- <link rel="stylesheet" href="variables.css" id="stylesheet" /> -->
-    <link rel="stylesheet" href="index.css" />
-
-    <style>
-    </style>
-    <script type="module" src="index.js"></script>
-  </head>
-  <body>
-    <nile-tag removable>
-      Info
-    </nile-tag>
-    <nile-icon name="ng-file-question-03" method="stroke"></nile-icon>
-     <nile-icon name="ng-eye-off" method="stroke"></nile-icon>
-     <nile-button>Button CTA</nile-button>
-  </body>
-</html>
+
+<head>
+  <meta charset="utf-8" />
+  <link rel="stylesheet" href="variables_v2.css" id="stylesheet" />
+  <link rel="stylesheet" href="index.css" />
+  <script type="module" src="index.js"></script>
+</head>
+<style>
+  .flex-container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 30px;
+    padding: 0;
+    margin: 0;
+    border: 1px solid silver;
+    height: 900px;
+  }
+
+  nile-button {
+    flex: 0 0 auto;
+    height: 38px;
+  }
+</style>
+
+<body>
+  <div style="width: 200px;">
+    <nile-select id="select1" placeholder="Please select" multiple="false">
+    </nile-select>
+
+    <nile-select id="select2" placeholder="Please select" multiple="true">
+    </nile-select>
+  </div>
+
+
+  <script>
+    let select = document.querySelector('#select1');
+    setTimeout(() => {
+      select.multiple = true;
+      setTimeout(() => {
+        select.multiple = false;
+      }, 4000);
+    }, 4000);
+
+    // let select = document.querySelector('nile-select');
+    let arr = Array.from({length: 1000}, (_, i) => i + 1);
+    arr.forEach(item => {
+      let option = document.createElement('nile-option');
+      option.value = item;
+      option.textContent = item;
+      select.appendChild(option);
+    });
+
+    let select2 = document.querySelector('#select2');
+    setTimeout(() => {
+      select2.multiple = false;
+      setTimeout(() => {
+        select2.multiple = true;
+      }, 4000);
+    }, 4000);
+
+    // let select = document.querySelector('nile-select');
+    let arr2 = Array.from({length: 1000}, (_, i) => i + 1);
+    arr2.forEach(item => {
+      let option = document.createElement('nile-option');
+      option.value = item;
+      option.textContent = item;
+      select2.appendChild(option);
+    });
+  </script>
+</body>
+
+</html>