@aquera/nile-elements 1.2.6-beta-1.0 → 1.2.6-beta-1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/README.md +3 -0
  2. package/demo/index.html +38 -7
  3. package/dist/index.js +66 -66
  4. package/dist/nile-select/nile-select.cjs.js +1 -1
  5. package/dist/nile-select/nile-select.cjs.js.map +1 -1
  6. package/dist/nile-select/nile-select.esm.js +2 -2
  7. package/dist/nile-select/virtual-scroll-helper.cjs.js +1 -1
  8. package/dist/nile-select/virtual-scroll-helper.cjs.js.map +1 -1
  9. package/dist/nile-select/virtual-scroll-helper.esm.js +1 -1
  10. package/dist/nile-virtual-select/nile-virtual-select.cjs.js +2 -2
  11. package/dist/nile-virtual-select/nile-virtual-select.cjs.js.map +1 -1
  12. package/dist/nile-virtual-select/nile-virtual-select.esm.js +13 -13
  13. package/dist/src/nile-select/nile-select.d.ts +12 -12
  14. package/dist/src/nile-select/nile-select.js +71 -71
  15. package/dist/src/nile-select/nile-select.js.map +1 -1
  16. package/dist/src/nile-select/virtual-scroll-helper.js +1 -1
  17. package/dist/src/nile-select/virtual-scroll-helper.js.map +1 -1
  18. package/dist/src/nile-virtual-select/nile-virtual-select.d.ts +10 -10
  19. package/dist/src/nile-virtual-select/nile-virtual-select.js +119 -80
  20. package/dist/src/nile-virtual-select/nile-virtual-select.js.map +1 -1
  21. package/dist/src/version.js +1 -1
  22. package/dist/src/version.js.map +1 -1
  23. package/dist/tsconfig.tsbuildinfo +1 -1
  24. package/package.json +1 -1
  25. package/src/nile-select/nile-select.ts +96 -101
  26. package/src/nile-select/virtual-scroll-helper.ts +1 -1
  27. package/src/nile-virtual-select/nile-virtual-select.ts +149 -115
  28. package/vscode-html-custom-data.json +22 -22
package/README.md CHANGED
@@ -79,6 +79,9 @@ To run a local development server that serves the basic demo located in `demo/in
79
79
 
80
80
  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.
81
81
 
82
+ #### Version 1.2.6
83
+ - Nile Virtual Select: Scroll Not going to Top while searching when Portal is true (UIF-1001).
84
+
82
85
  #### Version 1.2.5
83
86
  - Nile Virtual Select: search and scroll bar issue fixed (UIF-997, UIF-1000).
84
87
 
package/demo/index.html CHANGED
@@ -1,22 +1,36 @@
1
- <!DOCTYPE html>
2
1
  <html lang="en-GB">
3
2
  <head>
4
3
  <meta charset="utf-8" />
4
+ <link rel="stylesheet" href="nxtgen.css" id="stylesheet" />
5
+ <!-- <link rel="stylesheet" href="variables.css" id="stylesheet" /> -->
5
6
  <link rel="stylesheet" href="variables.css" id="stylesheet" />
6
7
  <link rel="stylesheet" href="index.css" />
8
+
9
+ <style>
10
+
11
+ </style>
7
12
  <script type="module" src="index.js"></script>
8
13
  </head>
9
- <body style="height: 9000px;"> <!-- make page scrollable -->
14
+ <body>
15
+
16
+ <body style="height: 3000px;"> <!-- make page scrollable -->
10
17
 
11
18
 
12
19
  <!-- Tall content for scroll test -->
13
20
 
21
+
14
22
  <nile-select
15
23
  noWidthSync
16
24
  multiple
17
25
  placeholder="Please Select"
18
26
  searchEnabled="true">
19
27
 
28
+ <!-- <nile-input
29
+ type="password"
30
+ canSavePassword>
31
+ </nile-input>
32
+ -->
33
+
20
34
  <nile-icon slot="custom-select" name="chevron-down">Cli</nile-icon>
21
35
  <nile-option value="1">Option 1</nile-option>
22
36
  <nile-option value="2">Option 2</nile-option>
@@ -28,7 +42,7 @@
28
42
  <nile-option value="8">Option 8</nile-option>
29
43
  <nile-option value="9">Option 9</nile-option>
30
44
  </nile-select>
31
-
45
+ </div>
32
46
  <nile-select placeholder="Select item">
33
47
  <nile-option value="a">Alpha</nile-option>
34
48
  <nile-option value="b">Beta</nile-option>
@@ -41,7 +55,19 @@
41
55
  </nile-select>
42
56
 
43
57
 
44
- <div style="height: 400px; background: linear-gradient(white, lightgray); padding: 8px;">
58
+
59
+ <div style="height: 400px; padding-top: 1000px; background: linear-gradient(white, lightgray); padding: 8px; overflow-y: auto;">
60
+ <nile-select
61
+ searchEnabled="true"
62
+ portal
63
+ multiple="true"
64
+ class="virtual-scroll-string"
65
+ enableVisibilityEffect="true"
66
+ enableTabClose="true"
67
+ enableVirtualScroll="true"
68
+ >
69
+
70
+ </nile-select>
45
71
  <p>Scrollable area content</p>
46
72
  <p>Keep scrolling down...</p>
47
73
  <p>Keep scrolling down...</p>
@@ -49,18 +75,23 @@
49
75
  <p>Keep scrolling down...</p>
50
76
  </div>
51
77
 
78
+ <nile-chip
79
+ autoCompleteOptions='["React", "Angular", "Vue", "Tailwind"]'
80
+ acceptUserInput
81
+ ></nile-chip>
52
82
 
53
83
  </div>
54
84
 
55
85
  <script>
56
86
  const optionsString = Array.from({ length: 100000 }, (_, i) => `Option ${i + 1}`);
57
- const basicString = document.querySelector('nile-virtual-select.virtual-scroll-string');
87
+ const basicString = document.querySelector('nile-select.virtual-scroll-string');
58
88
  basicString.data = optionsString;
59
89
 
60
- document.querySelector('nile-virtual-select.virtual-scroll-string').addEventListener('nile-visibility-change', (event) => {
90
+ document.querySelector('nile-select.virtual-scroll-string').addEventListener('nile-visibility-change', (event) => {
61
91
  console.log('nile-visibility-change', event);
62
92
  });
63
93
  </script>
64
94
 
65
95
  </body>
66
- </html>
96
+
97
+ </html>