@aquera/nile-elements 0.1.50-beta-1.0 → 0.1.50

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 (209) hide show
  1. package/README.md +4 -4
  2. package/demo/index.html +33 -150
  3. package/dist/axe.min-2720cd56.esm.js +1 -0
  4. package/dist/axe.min-69d47269.cjs.js +2 -0
  5. package/dist/axe.min-69d47269.cjs.js.map +1 -0
  6. package/dist/{fixture-372df3b0.esm.js → fixture-e7023246.esm.js} +1 -1
  7. package/dist/{fixture-161dee0b.cjs.js → fixture-fe6c932e.cjs.js} +2 -2
  8. package/dist/fixture-fe6c932e.cjs.js.map +1 -0
  9. package/dist/index.cjs.js +1 -1
  10. package/dist/index.esm.js +1 -1
  11. package/dist/index.js +10339 -0
  12. package/dist/internal/form.cjs.js +1 -1
  13. package/dist/internal/form.cjs.js.map +1 -1
  14. package/dist/internal/form.esm.js +1 -1
  15. package/dist/nile-accordion/nile-accordian.test.cjs.js +1 -1
  16. package/dist/nile-accordion/nile-accordian.test.esm.js +1 -1
  17. package/dist/nile-auto-complete/index.cjs.js +1 -1
  18. package/dist/nile-auto-complete/index.esm.js +1 -1
  19. package/dist/nile-auto-complete/nile-auto-complete.cjs.js +17 -1
  20. package/dist/nile-auto-complete/nile-auto-complete.cjs.js.map +1 -1
  21. package/dist/nile-auto-complete/nile-auto-complete.esm.js +29 -8
  22. package/dist/nile-auto-complete/nile-auto-complete.test.cjs.js +1 -1
  23. package/dist/nile-auto-complete/nile-auto-complete.test.cjs.js.map +1 -1
  24. package/dist/nile-auto-complete/nile-auto-complete.test.esm.js +1 -1
  25. package/dist/nile-avatar/nile-avatar.test.cjs.js +1 -1
  26. package/dist/nile-avatar/nile-avatar.test.esm.js +1 -1
  27. package/dist/nile-badge/nile-badge.test.cjs.js +1 -1
  28. package/dist/nile-badge/nile-badge.test.esm.js +1 -1
  29. package/dist/nile-button/nile-button.test.cjs.js +1 -1
  30. package/dist/nile-button/nile-button.test.esm.js +1 -1
  31. package/dist/nile-button-toggle-group/nile-button-toggle-group.test.cjs.js +1 -1
  32. package/dist/nile-button-toggle-group/nile-button-toggle-group.test.esm.js +1 -1
  33. package/dist/nile-calendar/nile-calendar.test.cjs.js +1 -1
  34. package/dist/nile-calendar/nile-calendar.test.cjs.js.map +1 -1
  35. package/dist/nile-calendar/nile-calendar.test.esm.js +1 -1
  36. package/dist/nile-card/nile-card.test.cjs.js +1 -1
  37. package/dist/nile-card/nile-card.test.esm.js +1 -1
  38. package/dist/nile-checkbox/nile-checkbox.test.cjs.js +1 -1
  39. package/dist/nile-checkbox/nile-checkbox.test.esm.js +1 -1
  40. package/dist/nile-chip/nile-chip.cjs.js +1 -1
  41. package/dist/nile-chip/nile-chip.cjs.js.map +1 -1
  42. package/dist/nile-chip/nile-chip.esm.js +1 -0
  43. package/dist/nile-chip/nile-chip.test.cjs.js +1 -1
  44. package/dist/nile-chip/nile-chip.test.cjs.js.map +1 -1
  45. package/dist/nile-chip/nile-chip.test.esm.js +1 -1
  46. package/dist/nile-dialog/nile-dialog.test.cjs.js +1 -1
  47. package/dist/nile-dialog/nile-dialog.test.esm.js +1 -1
  48. package/dist/nile-drawer/nile-drawer.test.cjs.js +1 -1
  49. package/dist/nile-drawer/nile-drawer.test.esm.js +1 -1
  50. package/dist/nile-dropdown/nile-dropdown.test.cjs.js +1 -1
  51. package/dist/nile-dropdown/nile-dropdown.test.esm.js +1 -1
  52. package/dist/nile-empty-state/nile-empty-state.test.cjs.js +1 -1
  53. package/dist/nile-empty-state/nile-empty-state.test.esm.js +1 -1
  54. package/dist/nile-error-message/nile-error-message.test.cjs.js +1 -1
  55. package/dist/nile-error-message/nile-error-message.test.esm.js +1 -1
  56. package/dist/nile-filter-chip/nile-filter-chip.test.cjs.js +1 -1
  57. package/dist/nile-filter-chip/nile-filter-chip.test.esm.js +1 -1
  58. package/dist/nile-form-group/nile-form-group.test.cjs.js +1 -1
  59. package/dist/nile-form-group/nile-form-group.test.esm.js +1 -1
  60. package/dist/nile-form-help-text/nile-form-help-text.test.cjs.js +1 -1
  61. package/dist/nile-form-help-text/nile-form-help-text.test.esm.js +1 -1
  62. package/dist/nile-hero/nile-hero.test.cjs.js +1 -1
  63. package/dist/nile-hero/nile-hero.test.esm.js +1 -1
  64. package/dist/nile-icon/nile-icon.test.cjs.js +1 -1
  65. package/dist/nile-icon/nile-icon.test.esm.js +1 -1
  66. package/dist/nile-input/nile-input.test.cjs.js +1 -1
  67. package/dist/nile-input/nile-input.test.esm.js +1 -1
  68. package/dist/nile-link/nile-link.test.cjs.js +1 -1
  69. package/dist/nile-link/nile-link.test.esm.js +1 -1
  70. package/dist/nile-loader/nile-loader.test.cjs.js +1 -1
  71. package/dist/nile-loader/nile-loader.test.esm.js +1 -1
  72. package/dist/nile-option/nile-option.cjs.js +1 -1
  73. package/dist/nile-option/nile-option.cjs.js.map +1 -1
  74. package/dist/nile-option/nile-option.css.cjs.js +1 -1
  75. package/dist/nile-option/nile-option.css.cjs.js.map +1 -1
  76. package/dist/nile-option/nile-option.css.esm.js +1 -1
  77. package/dist/nile-option/nile-option.esm.js +2 -2
  78. package/dist/nile-pagination/nile-pagination.cjs.js +1 -1
  79. package/dist/nile-pagination/nile-pagination.cjs.js.map +1 -1
  80. package/dist/nile-pagination/nile-pagination.css.cjs.js +1 -1
  81. package/dist/nile-pagination/nile-pagination.css.cjs.js.map +1 -1
  82. package/dist/nile-pagination/nile-pagination.css.esm.js +152 -39
  83. package/dist/nile-pagination/nile-pagination.esm.js +118 -29
  84. package/dist/nile-popover/nile-popover.test.cjs.js +1 -1
  85. package/dist/nile-popover/nile-popover.test.esm.js +1 -1
  86. package/dist/nile-popup/nile-popup.test.cjs.js +1 -1
  87. package/dist/nile-popup/nile-popup.test.esm.js +1 -1
  88. package/dist/nile-progress-bar/nile-progress-bar.test.cjs.js +1 -1
  89. package/dist/nile-progress-bar/nile-progress-bar.test.esm.js +1 -1
  90. package/dist/nile-radio/nile-radio.test.cjs.js +1 -1
  91. package/dist/nile-radio/nile-radio.test.esm.js +1 -1
  92. package/dist/nile-radio-group/nile-radio-group.test.cjs.js +1 -1
  93. package/dist/nile-radio-group/nile-radio-group.test.esm.js +1 -1
  94. package/dist/nile-select/index.cjs.js +1 -1
  95. package/dist/nile-select/index.esm.js +1 -1
  96. package/dist/nile-select/nile-select.cjs.js +1 -1
  97. package/dist/nile-select/nile-select.cjs.js.map +1 -1
  98. package/dist/nile-select/nile-select.esm.js +2 -2
  99. package/dist/nile-select/nile-select.test.cjs.js +1 -1
  100. package/dist/nile-select/nile-select.test.cjs.js.map +1 -1
  101. package/dist/nile-select/nile-select.test.esm.js +2 -2
  102. package/dist/nile-slide-toggle/nile-slide-toggle.test.cjs.js +1 -1
  103. package/dist/nile-slide-toggle/nile-slide-toggle.test.esm.js +1 -1
  104. package/dist/nile-tab-group/nile-tab-group.test.cjs.js +1 -1
  105. package/dist/nile-tab-group/nile-tab-group.test.esm.js +1 -1
  106. package/dist/nile-textarea/nile-textarea.test.cjs.js +1 -1
  107. package/dist/nile-textarea/nile-textarea.test.esm.js +1 -1
  108. package/dist/src/index.d.ts +0 -1
  109. package/dist/src/index.js +0 -1
  110. package/dist/src/index.js.map +1 -1
  111. package/dist/src/internal/form.js +2 -2
  112. package/dist/src/internal/form.js.map +1 -1
  113. package/dist/src/nile-chip/nile-chip.js +1 -0
  114. package/dist/src/nile-chip/nile-chip.js.map +1 -1
  115. package/dist/src/nile-option/nile-option.css.js +1 -1
  116. package/dist/src/nile-option/nile-option.css.js.map +1 -1
  117. package/dist/src/nile-option/nile-option.d.ts +1 -5
  118. package/dist/src/nile-option/nile-option.js +6 -21
  119. package/dist/src/nile-option/nile-option.js.map +1 -1
  120. package/dist/src/nile-pagination/nile-pagination.css.js +151 -38
  121. package/dist/src/nile-pagination/nile-pagination.css.js.map +1 -1
  122. package/dist/src/nile-pagination/nile-pagination.d.ts +3 -0
  123. package/dist/src/nile-pagination/nile-pagination.js +167 -40
  124. package/dist/src/nile-pagination/nile-pagination.js.map +1 -1
  125. package/dist/src/nile-select/nile-select.d.ts +2 -11
  126. package/dist/src/nile-select/nile-select.js +18 -37
  127. package/dist/src/nile-select/nile-select.js.map +1 -1
  128. package/dist/tsconfig.tsbuildinfo +1 -1
  129. package/package.json +2 -1
  130. package/rollup.config.js +27 -39
  131. package/src/index.ts +1 -3
  132. package/src/internal/form.ts +2 -2
  133. package/src/nile-chip/nile-chip.ts +1 -0
  134. package/src/nile-option/nile-option.css.ts +1 -1
  135. package/src/nile-option/nile-option.ts +3 -17
  136. package/src/nile-pagination/nile-pagination.css.ts +151 -38
  137. package/src/nile-pagination/nile-pagination.ts +188 -46
  138. package/src/nile-select/nile-select.ts +9 -35
  139. package/vscode-html-custom-data.json +3 -230
  140. package/dist/axe.min-2b379f29.cjs.js +0 -12
  141. package/dist/axe.min-2b379f29.cjs.js.map +0 -1
  142. package/dist/axe.min-c2cd8733.esm.js +0 -12
  143. package/dist/fixture-161dee0b.cjs.js.map +0 -1
  144. package/dist/nile-select/virtual-scroll-helper.cjs.js +0 -2
  145. package/dist/nile-select/virtual-scroll-helper.cjs.js.map +0 -1
  146. package/dist/nile-select/virtual-scroll-helper.esm.js +0 -38
  147. package/dist/nile-virtual-select/index.cjs.js +0 -2
  148. package/dist/nile-virtual-select/index.cjs.js.map +0 -1
  149. package/dist/nile-virtual-select/index.esm.js +0 -1
  150. package/dist/nile-virtual-select/nile-virtual-select.cjs.js +0 -2
  151. package/dist/nile-virtual-select/nile-virtual-select.cjs.js.map +0 -1
  152. package/dist/nile-virtual-select/nile-virtual-select.css.cjs.js +0 -2
  153. package/dist/nile-virtual-select/nile-virtual-select.css.cjs.js.map +0 -1
  154. package/dist/nile-virtual-select/nile-virtual-select.css.esm.js +0 -467
  155. package/dist/nile-virtual-select/nile-virtual-select.esm.js +0 -227
  156. package/dist/nile-virtual-select/nile-virtual-select.test.cjs.js +0 -2
  157. package/dist/nile-virtual-select/nile-virtual-select.test.cjs.js.map +0 -1
  158. package/dist/nile-virtual-select/nile-virtual-select.test.esm.js +0 -49
  159. package/dist/nile-virtual-select/renderer.cjs.js +0 -2
  160. package/dist/nile-virtual-select/renderer.cjs.js.map +0 -1
  161. package/dist/nile-virtual-select/renderer.esm.js +0 -18
  162. package/dist/nile-virtual-select/search-manager.cjs.js +0 -2
  163. package/dist/nile-virtual-select/search-manager.cjs.js.map +0 -1
  164. package/dist/nile-virtual-select/search-manager.esm.js +0 -1
  165. package/dist/nile-virtual-select/selection-manager.cjs.js +0 -2
  166. package/dist/nile-virtual-select/selection-manager.cjs.js.map +0 -1
  167. package/dist/nile-virtual-select/selection-manager.esm.js +0 -1
  168. package/dist/nile-virtual-select/types.cjs.js +0 -2
  169. package/dist/nile-virtual-select/types.cjs.js.map +0 -1
  170. package/dist/nile-virtual-select/types.esm.js +0 -1
  171. package/dist/src/nile-select/virtual-scroll-helper.d.ts +0 -9
  172. package/dist/src/nile-select/virtual-scroll-helper.js +0 -51
  173. package/dist/src/nile-select/virtual-scroll-helper.js.map +0 -1
  174. package/dist/src/nile-virtual-select/index.d.ts +0 -1
  175. package/dist/src/nile-virtual-select/index.js +0 -2
  176. package/dist/src/nile-virtual-select/index.js.map +0 -1
  177. package/dist/src/nile-virtual-select/nile-virtual-select.css.d.ts +0 -12
  178. package/dist/src/nile-virtual-select/nile-virtual-select.css.js +0 -479
  179. package/dist/src/nile-virtual-select/nile-virtual-select.css.js.map +0 -1
  180. package/dist/src/nile-virtual-select/nile-virtual-select.d.ts +0 -263
  181. package/dist/src/nile-virtual-select/nile-virtual-select.js +0 -1183
  182. package/dist/src/nile-virtual-select/nile-virtual-select.js.map +0 -1
  183. package/dist/src/nile-virtual-select/nile-virtual-select.test.d.ts +0 -7
  184. package/dist/src/nile-virtual-select/nile-virtual-select.test.js +0 -341
  185. package/dist/src/nile-virtual-select/nile-virtual-select.test.js.map +0 -1
  186. package/dist/src/nile-virtual-select/renderer.d.ts +0 -11
  187. package/dist/src/nile-virtual-select/renderer.js +0 -51
  188. package/dist/src/nile-virtual-select/renderer.js.map +0 -1
  189. package/dist/src/nile-virtual-select/search-manager.d.ts +0 -12
  190. package/dist/src/nile-virtual-select/search-manager.js +0 -40
  191. package/dist/src/nile-virtual-select/search-manager.js.map +0 -1
  192. package/dist/src/nile-virtual-select/selection-manager.d.ts +0 -12
  193. package/dist/src/nile-virtual-select/selection-manager.js +0 -64
  194. package/dist/src/nile-virtual-select/selection-manager.js.map +0 -1
  195. package/dist/src/nile-virtual-select/types.d.ts +0 -50
  196. package/dist/src/nile-virtual-select/types.js +0 -8
  197. package/dist/src/nile-virtual-select/types.js.map +0 -1
  198. package/dist/virtualize-a4a40d96.esm.js +0 -22
  199. package/dist/virtualize-b6a2fbe0.cjs.js +0 -18
  200. package/dist/virtualize-b6a2fbe0.cjs.js.map +0 -1
  201. package/src/nile-select/virtual-scroll-helper.ts +0 -56
  202. package/src/nile-virtual-select/index.ts +0 -1
  203. package/src/nile-virtual-select/nile-virtual-select.css.ts +0 -481
  204. package/src/nile-virtual-select/nile-virtual-select.test.ts +0 -414
  205. package/src/nile-virtual-select/nile-virtual-select.ts +0 -1268
  206. package/src/nile-virtual-select/renderer.ts +0 -73
  207. package/src/nile-virtual-select/search-manager.ts +0 -50
  208. package/src/nile-virtual-select/selection-manager.ts +0 -75
  209. package/src/nile-virtual-select/types.ts +0 -54
@@ -1 +0,0 @@
1
- {"version":3,"file":"search-manager.cjs.js","sources":["../../../src/nile-virtual-select/search-manager.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport class VirtualSelectSearchManager {\n static filterVirtualOptions(\n searchValue: string,\n originalOptionItems: any[],\n data: any[], \n renderItemFunction: (item: any) => string,\n getSearchText?: (item: any) => string\n ): { filteredItems: any[], showNoResults: boolean } {\n if (originalOptionItems.length === 0 && data.length > 0) {\n return {\n filteredItems: [...data],\n showNoResults: false\n };\n }\n\n if (!originalOptionItems || originalOptionItems.length === 0) {\n return {\n filteredItems: [],\n showNoResults: true\n };\n }\n\n if (!searchValue || searchValue.trim() === '') {\n return {\n filteredItems: [...originalOptionItems],\n showNoResults: false\n };\n }\n\n const lowerCaseSearchValue = searchValue.toLowerCase();\n const searchTextFn = getSearchText || renderItemFunction;\n const filteredItems = originalOptionItems.filter((item: any) => {\n const itemValue = searchTextFn(item);\n const lowerCaseItemValue = itemValue.toLowerCase();\n return lowerCaseItemValue.includes(lowerCaseSearchValue);\n });\n\n return {\n filteredItems,\n showNoResults: filteredItems.length === 0\n };\n }\n} \n"],"names":["VirtualSelectSearchManager","t","_classCallCheck","_createClass","key","value","filterVirtualOptions","searchValue","originalOptionItems","data","renderItemFunction","getSearchText","length","filteredItems","showNoResults","trim","lowerCaseSearchValue","toLowerCase","searchTextFn","filter","item","includes"],"mappings":"oqEAOaA,CACT,kCAAAC,EAAA,EAAAC,eAAA,MAAAD,CAAA,UAAAE,YAAA,CAAAF,CAAA,QAAAG,GAAA,wBAAAC,KAAA,CAAA,QAAA,CAAAC,oBAAOA,CACPC,EAAAA,CACAC,EACAC,CACAC,CAAAA,CAAAA,CACAC,CAEA,CAAA,CAAA,GAAmC,CAA/BH,GAAAA,CAAAA,CAAoBI,MAAgBH,EAAAA,CAAAA,CAAKG,OAAS,CACpD,CAAA,MAAO,CACLC,aAAAA,CAAAA,kBAAAA,CAAmBJ,CAAAA,CAAAA,CACnBK,aAAe,CAAA,CAAA,CAAA,CAAA,CAInB,IAAKN,CAAsD,EAAA,CAAA,GAA/BA,CAAoBI,CAAAA,MAAAA,CAC9C,MAAO,CACLC,aAAe,CAAA,EAAA,CACfC,eAAe,CAInB,CAAA,CAAA,GAAA,CAAKP,EAAsC,EAAA,EAAA,GAAvBA,EAAYQ,CAAAA,IAAAA,CAAAA,CAAAA,CAC9B,MAAO,CACLF,iCAAmBL,CAAAA,CAAAA,CACnBM,aAAe,CAAA,CAAA,CAAA,CAAA,CAInB,GAAME,CAAAA,CAAAA,CAAuBT,EAAYU,CAAAA,WAAAA,CAAAA,CAAAA,CACnCC,EAAeP,CAAiBD,EAAAA,CAAAA,CAChCG,CAAgBL,CAAAA,CAAAA,CAAoBW,MAAQC,CAAAA,SAAAA,GAAAA,QAC9BF,CAAAA,CAAaE,CAAAA,GAAAA,CAAAA,CACMH,cACXI,QAASL,CAAAA,CAAAA,CAAAA,EAAAA,CAAAA,CAGrC,MAAO,CACLH,aACAC,CAAAA,CAAAA,CAAAA,aAAAA,CAAwC,CAAzBD,GAAAA,CAAAA,CAAcD,OAEhC"}
@@ -1 +0,0 @@
1
- class t{static filterVirtualOptions(t,e,s,r,i){if(0===e.length&&s.length>0)return{filteredItems:[...s],showNoResults:!1};if(!e||0===e.length)return{filteredItems:[],showNoResults:!0};if(!t||""===t.trim())return{filteredItems:[...e],showNoResults:!1};const l=t.toLowerCase(),o=i||r,u=e.filter((t=>o(t).toLowerCase().includes(l)));return{filteredItems:u,showNoResults:0===u.length}}}export{t as V};
@@ -1,2 +0,0 @@
1
- System.register([],function(_export,_context){"use strict";var t;function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}return{setters:[],execute:function execute(){_export("V",t=/*#__PURE__*/function(){function t(){_classCallCheck(this,t);}return _createClass(t,null,[{key:"createVirtualOptionsFromValues",value:function createVirtualOptionsFromValues(_t,e,r,a){if(!_t||Array.isArray(_t)&&0===_t.length)return[];return(Array.isArray(_t)?_t:[_t]).map(function(_t2){var n=r,s=a||function(_t3){return(_t3===null||_t3===void 0?void 0:_t3.value)||_t3;},u=e.find(function(e){var r=s(e),a=n(e);return r===_t2||a===_t2;}),i=u?n(u):_t2;return{value:_t2,selected:!0,getTextLabel:function getTextLabel(){if("string"==typeof i&&/<[^>]+>/.test(i)){var _t4=document.createElement("div");return _t4.innerHTML=i,_t4.textContent||_t4.innerText||"";}return i;},getOptionPrefix:function getOptionPrefix(){return"";}};});}},{key:"updateDisplayLabel",value:function updateDisplayLabel(_t5,e,r,a){if(r)return e&&0===_t5.length?"":_t5.length+" selected";{var _t5$;var _e=Array.isArray(a)?a[0]:a;return(_t5$=_t5[0])!==null&&_t5$!==void 0&&_t5$.getTextLabel()?_t5[0].getTextLabel():_e!==null&&_e!==void 0?_e:"";}}},{key:"updateValue",value:function updateValue(_t6,e){var _t6$0$value,_t6$;return e?_t6.map(function(_t7){return _t7.value;}):(_t6$0$value=(_t6$=_t6[0])===null||_t6$===void 0?void 0:_t6$.value)!==null&&_t6$0$value!==void 0?_t6$0$value:"";}}]);}());}};});
2
- //# sourceMappingURL=selection-manager.cjs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"selection-manager.cjs.js","sources":["../../../src/nile-virtual-select/selection-manager.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport type { VirtualOption } from './types.js';\n\nexport class VirtualSelectSelectionManager {\n static createVirtualOptionsFromValues(\n value: string | string[], \n data: any[], \n getDisplayText: (item: any) => string,\n getItemValue?: (item: any) => string\n ): VirtualOption[] {\n if (!value || (Array.isArray(value) && value.length === 0)) {\n return [];\n }\n\n const values = Array.isArray(value) ? value : [value];\n \n return values.map(valueItem => {\n // Use enhanced functions if available, otherwise fallback to basic logic\n const displayTextFn = getDisplayText;\n const valueFn = getItemValue || ((item: any) => item?.value || item);\n \n const item = data.find((item: any) => {\n const itemValue = valueFn(item);\n const itemDisplayText = displayTextFn(item);\n return itemValue === valueItem || itemDisplayText === valueItem;\n });\n \n const displayText = item ? displayTextFn(item) : valueItem;\n \n return {\n value: valueItem,\n selected: true,\n getTextLabel: () => {\n // If displayText contains HTML, strip tags\n if (typeof displayText === 'string' && /<[^>]+>/.test(displayText)) {\n const div = document.createElement('div');\n div.innerHTML = displayText;\n return div.textContent || div.innerText || '';\n }\n return displayText;\n },\n getOptionPrefix: () => '',\n };\n });\n }\n\n static updateDisplayLabel(selectedOptions: VirtualOption[], placeholder: string, multiple: boolean, value: string | string[]): string {\n if (multiple) {\n if (placeholder && selectedOptions.length === 0) {\n return '';\n } else {\n return selectedOptions.length + ' selected';\n }\n } else {\n const currentValue = Array.isArray(value) ? value[0] : value;\n return selectedOptions[0]?.getTextLabel()\n ? selectedOptions[0].getTextLabel()\n : currentValue ?? '';\n }\n }\n\n static updateValue(selectedOptions: VirtualOption[], multiple: boolean): string | string[] {\n if (multiple) {\n return selectedOptions.map(el => el.value);\n } else {\n return selectedOptions[0]?.value ?? '';\n }\n }\n} \n"],"names":["VirtualSelectSelectionManager","t","_classCallCheck","_createClass","key","value","createVirtualOptionsFromValues","data","getDisplayText","getItemValue","Array","isArray","length","map","valueItem","displayTextFn","valueFn","item","find","itemValue","itemDisplayText","displayText","selected","getTextLabel","test","div","document","createElement","innerHTML","textContent","innerText","getOptionPrefix","updateDisplayLabel","selectedOptions","placeholder","multiple","_t5$","currentValue","updateValue","el"],"mappings":"6sCASaA,CACX,kCAAAC,EAAA,EAAAC,eAAA,MAAAD,CAAA,UAAAE,YAAA,CAAAF,CAAA,QAAAG,GAAA,kCAAAC,KAAA,CAAA,QAAA,CAAAC,8BAAOA,CACLD,EAAAA,CACAE,EACAC,CACAC,CAAAA,CAAAA,CAAAA,CAEA,GAAKJ,CAAAA,EAAAA,EAAUK,MAAMC,OAAQN,CAAAA,EAAAA,CAAAA,EAA2B,CAAjBA,GAAAA,EAAAA,CAAMO,OAC3C,MAAO,EAAA,CAKT,MAFeF,CAAAA,KAAAA,CAAMC,OAAQN,CAAAA,EAAAA,CAAAA,CAASA,EAAQ,CAAA,CAACA,KAEjCQ,GAAIC,CAAAA,SAAAA,GAAAA,CAAAA,CAEhB,GAAMC,CAAAA,CAAAA,CAAgBP,EAChBQ,CAAUP,CAAAA,CAAAA,EAAkBQ,SAAAA,GAAAA,QAAcA,CAAAA,YAAAA,oBAAAA,IAAMZ,KAASY,GAAAA,GAAAA,EAAAA,CAEzDA,CAAOV,CAAAA,CAAAA,CAAKW,IAAMD,CAAAA,SAAAA,CAAAA,CAAAA,CACtB,GAAME,CAAAA,CAAAA,CAAYH,EAAQC,CACpBG,CAAAA,CAAAA,CAAAA,CAAkBL,CAAcE,CAAAA,CAAAA,CAAAA,CACtC,MAAOE,CAAAA,CAAcL,GAAAA,GAAAA,EAAaM,CAAoBN,GAAAA,GAAS,IAG3DO,CAAcJ,CAAAA,CAAAA,CAAOF,CAAcE,CAAAA,CAAAA,CAAAA,CAAQH,GAEjD,CAAA,MAAO,CACLT,KAAAA,CAAOS,IACPQ,QAAU,CAAA,CAAA,CAAA,CACVC,YAAc,CAAA,QAAdA,CAAAA,YAAcA,CAAA,CAAA,CAEZ,GAA2B,QAAhBF,EAAAA,MAAAA,CAAAA,CAAAA,EAA4B,SAAUG,CAAAA,IAAAA,CAAKH,GAAc,CAClE,GAAMI,CAAAA,GAAMC,CAAAA,QAAAA,CAASC,aAAc,CAAA,KAAA,CAAA,CAEnC,MADAF,CAAAA,GAAAA,CAAIG,UAAYP,CACTI,CAAAA,GAAAA,CAAII,WAAeJ,EAAAA,GAAAA,CAAIK,WAAa,EAC5C,EACD,MAAOT,CAAAA,CAAW,GAEpBU,eAAiB,CAAA,QAAjBA,CAAAA,eAAiBA,CAAA,QAAM,EACxB,GAAA,EAAA,CAEJ,EAED,GAAA3B,GAAA,sBAAAC,KAAA,SAAA,CAAA2B,kBAAOA,CAAmBC,GAAAA,CAAkCC,EAAqBC,CAAmB9B,CAAAA,CAAAA,CAAAA,CAClG,GAAI8B,CAAAA,CACF,MAAID,CAAAA,CAA0C,EAAA,CAAA,GAA3BD,GAAgBrB,CAAAA,MAAAA,CAC1B,GAEAqB,GAAgBrB,CAAAA,MAAAA,CAAS,WAE7B,CAAA,KAAAwB,IAAA,CACL,GAAMC,CAAAA,EAAAA,CAAe3B,KAAMC,CAAAA,OAAAA,CAAQN,GAASA,CAAM,CAAA,CAAA,CAAA,CAAKA,CACvD,CAAA,MAAO4B,CAAAA,IAAAA,CAAAA,IAAgB,CAAIV,CAAAA,UAAAA,IAAAA,WAApBU,IAAAA,CAAoBV,YAAAA,CAAAA,CAAAA,CACvBU,GAAgB,CAAA,CAAA,CAAA,CAAGV,eACnBc,EAAgB,SAAhBA,EAAgB,UAAhBA,EAAgB,CAAA,EACrB,EACF,CAED,GAAAjC,GAAA,eAAAC,KAAA,SAAOiC,CAAAA,WAAAA,CAAYL,GAAkCE,CAAAA,CAAAA,CAAAA,KAAAA,WAAAA,CAAAA,IAAAA,CACnD,MAAIA,CAAAA,CACKF,CAAAA,GAAAA,CAAgBpB,GAAI0B,CAAAA,SAAAA,GAAAA,QAAMA,CAAAA,IAAGlC,KAE7B4B,EAAAA,CAAAA,EAAAA,WAAAA,EAAAA,IAAAA,CAAAA,GAAAA,CAAgB,CAAI5B,CAAAA,UAAAA,IAAAA,iBAApB4B,IAAAA,CAAoB5B,KAAAA,UAAAA,WAAAA,UAAAA,WAAAA,CAAS,EAEvC"}
@@ -1 +0,0 @@
1
- class t{static createVirtualOptionsFromValues(t,e,r,a){if(!t||Array.isArray(t)&&0===t.length)return[];return(Array.isArray(t)?t:[t]).map((t=>{const n=r,s=a||(t=>t?.value||t),u=e.find((e=>{const r=s(e),a=n(e);return r===t||a===t})),i=u?n(u):t;return{value:t,selected:!0,getTextLabel:()=>{if("string"==typeof i&&/<[^>]+>/.test(i)){const t=document.createElement("div");return t.innerHTML=i,t.textContent||t.innerText||""}return i},getOptionPrefix:()=>""}}))}static updateDisplayLabel(t,e,r,a){if(r)return e&&0===t.length?"":t.length+" selected";{const e=Array.isArray(a)?a[0]:a;return t[0]?.getTextLabel()?t[0].getTextLabel():e??""}}static updateValue(t,e){return e?t.map((t=>t.value)):t[0]?.value??""}}export{t as V};
@@ -1,2 +0,0 @@
1
- System.register([],function(_export,_context){"use strict";return{setters:[],execute:function execute(){}};});
2
- //# sourceMappingURL=types.cjs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1 +0,0 @@
1
-
@@ -1,9 +0,0 @@
1
- import type NileElement from '../internal/nile-element';
2
- /**
3
- * Helper class to manage virtual scroll functionality for nile-select component
4
- */
5
- export declare class VirtualScrollHelper {
6
- private component;
7
- constructor(component: NileElement);
8
- renderVirtualizedContent(): any;
9
- }
@@ -1,51 +0,0 @@
1
- import { html } from 'lit';
2
- /**
3
- * Helper class to manage virtual scroll functionality for nile-select component
4
- */
5
- export class VirtualScrollHelper {
6
- constructor(component) {
7
- this.component = component;
8
- }
9
- renderVirtualizedContent() {
10
- const component = this.component;
11
- return html `
12
- <div class="virtual-select">
13
- <nile-virtual-select
14
- .name=${component.name}
15
- .value=${component.value}
16
- .placeholder=${component.placeholder}
17
- .size=${component.size}
18
- .searchEnabled=${component.searchEnabled}
19
- .internalSearchPlaceHolder=${component.internalSearchPlaceHolder}
20
- .disableLocalSearch=${component.disableLocalSearch}
21
- .optionsLoading=${component.optionsLoading}
22
- .multiple=${component.multiple}
23
- .helpText=${component.helpText}
24
- .errorMessage=${component.errorMessage}
25
- .warning=${component.warning}
26
- .error=${component.error}
27
- .success=${component.success}
28
- .disabled=${component.disabled}
29
- .clearable=${component.clearable}
30
- .hoist=${component.hoist}
31
- .filled=${component.filled}
32
- .pill=${component.pill}
33
- .label=${component.label}
34
- .placement=${component.placement}
35
- .form=${component.form}
36
- .required=${component.required}
37
- .showNoResults=${component.showNoResults}
38
- .noResultsMessage=${component.noResultsMessage}
39
- .renderItemConfig=${component.renderItemConfig}
40
- .blockValueChange=${component.blockValueChange}
41
- .noWidthSync=${component.noWidthSync}
42
- .maxOptionsVisible=${component.maxOptionsVisible}
43
- .data=${component.data}
44
- >
45
- <slot name="prefix" slot="prefix"></slot>
46
- </nile-virtual-select>
47
- </div>
48
- `;
49
- }
50
- }
51
- //# sourceMappingURL=virtual-scroll-helper.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"virtual-scroll-helper.js","sourceRoot":"","sources":["../../../src/nile-select/virtual-scroll-helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAG3B;;GAEG;AACH,MAAM,OAAO,mBAAmB;IAG9B,YAAY,SAAsB;QAChC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC7B,CAAC;IAED,wBAAwB;QACtB,MAAM,SAAS,GAAG,IAAI,CAAC,SAAgB,CAAC;QAExC,OAAO,IAAI,CAAA;;;kBAGG,SAAS,CAAC,IAAI;mBACb,SAAS,CAAC,KAAK;yBACT,SAAS,CAAC,WAAW;kBAC5B,SAAS,CAAC,IAAI;2BACL,SAAS,CAAC,aAAa;uCACX,SAAS,CAAC,yBAAyB;gCAC1C,SAAS,CAAC,kBAAkB;4BAChC,SAAS,CAAC,cAAc;sBAC9B,SAAS,CAAC,QAAQ;sBAClB,SAAS,CAAC,QAAQ;0BACd,SAAS,CAAC,YAAY;qBAC3B,SAAS,CAAC,OAAO;mBACnB,SAAS,CAAC,KAAK;qBACb,SAAS,CAAC,OAAO;sBAChB,SAAS,CAAC,QAAQ;uBACjB,SAAS,CAAC,SAAS;mBACvB,SAAS,CAAC,KAAK;oBACd,SAAS,CAAC,MAAM;kBAClB,SAAS,CAAC,IAAI;mBACb,SAAS,CAAC,KAAK;uBACX,SAAS,CAAC,SAAS;kBACxB,SAAS,CAAC,IAAI;sBACV,SAAS,CAAC,QAAQ;2BACb,SAAS,CAAC,aAAa;8BACpB,SAAS,CAAC,gBAAgB;8BAC1B,SAAS,CAAC,gBAAgB;8BAC1B,SAAS,CAAC,gBAAgB;yBAC/B,SAAS,CAAC,WAAW;+BACf,SAAS,CAAC,iBAAiB;kBACxC,SAAS,CAAC,IAAI;;;;;KAK3B,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { html } from 'lit';\nimport type NileElement from '../internal/nile-element';\n\n/**\n * Helper class to manage virtual scroll functionality for nile-select component\n */\nexport class VirtualScrollHelper {\n private component: NileElement;\n\n constructor(component: NileElement) {\n this.component = component;\n }\n\n renderVirtualizedContent(): any {\n const component = this.component as any;\n\n return html`\n <div class=\"virtual-select\">\n <nile-virtual-select\n .name=${component.name}\n .value=${component.value}\n .placeholder=${component.placeholder}\n .size=${component.size}\n .searchEnabled=${component.searchEnabled}\n .internalSearchPlaceHolder=${component.internalSearchPlaceHolder}\n .disableLocalSearch=${component.disableLocalSearch}\n .optionsLoading=${component.optionsLoading}\n .multiple=${component.multiple}\n .helpText=${component.helpText}\n .errorMessage=${component.errorMessage}\n .warning=${component.warning}\n .error=${component.error}\n .success=${component.success}\n .disabled=${component.disabled}\n .clearable=${component.clearable}\n .hoist=${component.hoist}\n .filled=${component.filled}\n .pill=${component.pill}\n .label=${component.label}\n .placement=${component.placement}\n .form=${component.form}\n .required=${component.required}\n .showNoResults=${component.showNoResults}\n .noResultsMessage=${component.noResultsMessage}\n .renderItemConfig=${component.renderItemConfig}\n .blockValueChange=${component.blockValueChange}\n .noWidthSync=${component.noWidthSync}\n .maxOptionsVisible=${component.maxOptionsVisible}\n .data=${component.data}\n >\n <slot name=\"prefix\" slot=\"prefix\"></slot>\n </nile-virtual-select>\n </div>\n `;\n }\n}\n"]}
@@ -1 +0,0 @@
1
- export { NileVirtualSelect } from './nile-virtual-select';
@@ -1,2 +0,0 @@
1
- export { NileVirtualSelect } from './nile-virtual-select';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-virtual-select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC","sourcesContent":["export { NileVirtualSelect } from './nile-virtual-select';\n"]}
@@ -1,12 +0,0 @@
1
- /**
2
- * Copyright Aquera Inc 2025
3
- *
4
- * This source code is licensed under the BSD-3-Clause license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
- /**
8
- * Select_2 CSS
9
- */
10
- export declare const styles: import("lit").CSSResult;
11
- declare const _default: import("lit").CSSResult[];
12
- export default _default;
@@ -1,479 +0,0 @@
1
- /**
2
- * Copyright Aquera Inc 2025
3
- *
4
- * This source code is licensed under the BSD-3-Clause license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
- import { css } from 'lit';
8
- /**
9
- * Select_2 CSS
10
- */
11
- export const styles = css `
12
- :host {
13
- box-sizing: border-box;
14
- }
15
-
16
- .virtualized{
17
- min-width: 110px;
18
- width: 100%;
19
- }
20
-
21
- .virtualized ::slotted(nile-option),
22
- .virtualized nile-option {
23
- width: 100%;
24
- display: block;
25
- }
26
-
27
- :host *,
28
- :host *::before,
29
- :host *::after {
30
- box-sizing: inherit;
31
- }
32
-
33
- [hidden] {
34
- display: none !important;
35
- }
36
-
37
- .form-control .form-control__label {
38
- display: none;
39
- }
40
-
41
- .form-control .form-control__help-text {
42
- display: none;
43
- }
44
-
45
- /* Label */
46
- .form-control--has-label .form-control__label {
47
- display: block;
48
- margin-bottom: 6px;
49
- color: var(--nile-colors-dark-900);
50
- font-family: Colfax-regular;
51
- font-size: 14px;
52
- font-style: normal;
53
- font-weight: 400;
54
- line-height: 20px;
55
- letter-spacing: 0.2px;
56
- }
57
-
58
- .form-control--has-label.form-control--medium .form-control__label {
59
- font-size: 14px;
60
- }
61
-
62
- :host([required]) .form-control--has-label .form-control__label::after {
63
- content: '*';
64
- margin-inline-start: -2px;
65
- color: var(--nile-colors-red-700);
66
- }
67
-
68
- /* Help text */
69
- .form-control--has-help-text .form-control__help-text {
70
- display: block;
71
- color: var(--nile-colors-dark-500);
72
- margin-top: 0.75rem;
73
- }
74
-
75
- .form-control--has-help-text.form-control--medium .form-control__help-text {
76
- font-size: 0.875rem;
77
- }
78
-
79
- .form-control--has-help-text.form-control--radio-group
80
- .form-control__help-text {
81
- margin-top: 0.25rem;
82
- }
83
-
84
- :host {
85
- display: block;
86
- }
87
-
88
- /** The popup */
89
- .select {
90
- flex: 1 1 auto;
91
- display: inline-flex;
92
- width: 100%;
93
- position: relative;
94
- vertical-align: middle;
95
- }
96
-
97
- .select::part(popup) {
98
- z-index: 9999;
99
- }
100
-
101
- .select[data-current-placement^='top']::part(popup) {
102
- transform-origin: bottom;
103
- }
104
-
105
- .select[data-current-placement^='bottom']::part(popup) {
106
- transform-origin: top;
107
- }
108
-
109
- /* Combobox */
110
- .select__combobox {
111
- flex: 1;
112
- display: flex;
113
- width: 100%;
114
- min-width: 0;
115
- position: relative;
116
- align-items: center;
117
- justify-content: start;
118
- font-family: var(--nile-font-family-sans-serif);
119
- font-weight: 400;
120
- letter-spacing: normal;
121
- vertical-align: middle;
122
- overflow: hidden;
123
- cursor: pointer;
124
- transition: 150ms color, 150ms border, 150ms box-shadow,
125
- 150ms background-color;
126
- }
127
-
128
- .select__display-input {
129
- position: relative;
130
- width: 100%;
131
- font: inherit;
132
- border: none;
133
- background: none;
134
- color: var(--nile-colors-dark-900);
135
- cursor: inherit;
136
- overflow: hidden;
137
- padding: 0;
138
- margin: 0;
139
- -webkit-appearance: none;
140
- font-family: var(--nile-font-family-serif);
141
- }
142
-
143
- .select__display-input::placeholder {
144
- font-family: var(--nile-font-family-serif);
145
- }
146
-
147
- .select:not(.select--disabled):hover .select__display-input {
148
- color: var(--nile-colors-dark-900);
149
- }
150
-
151
- .select__display-input:focus {
152
- outline: none;
153
- }
154
-
155
- /* Visually hide the display input when multiple is enabled */
156
- .select--multiple:not(.select--placeholder-visible) .select__display-input {
157
- position: absolute;
158
- z-index: -1;
159
- top: 0;
160
- left: 0;
161
- width: 100%;
162
- height: 100%;
163
- opacity: 0;
164
- }
165
-
166
- .select__value-input {
167
- position: absolute;
168
- top: 0;
169
- left: 0;
170
- width: 100%;
171
- height: 100%;
172
- padding: 0;
173
- margin: 0;
174
- opacity: 0;
175
- z-index: -1;
176
- }
177
-
178
- .select__tags {
179
- display: flex;
180
- flex: 1;
181
- align-items: center;
182
- flex-wrap: no-wrap;
183
- margin-inline-start: 0.5rem;
184
- width: 100%;
185
- overflow: hidden;
186
- }
187
-
188
- .select__tags-count {
189
- color: var(--nile-colors-primary-600);
190
- font-family: Colfax-regular;
191
- font-size: 14px;
192
- font-style: normal;
193
- font-weight: 400;
194
- line-height: 14px;
195
- letter-spacing: 0.2px;
196
- margin: 6px;
197
- }
198
-
199
- .select__tags-count-clearable {
200
- margin-right: 50px;
201
- }
202
-
203
- .select__tags::slotted(nile-tag) {
204
- cursor: pointer !important;
205
- }
206
-
207
- .select--disabled .select__tags,
208
- .select--disabled .select__tags::slotted(nile-tag) {
209
- cursor: not-allowed !important;
210
- }
211
-
212
- /* Standard selects */
213
- .select--standard .select__combobox {
214
- background-color: var(--nile-colors-white-base);
215
- border: solid 1px var(--nile-colors-neutral-500);
216
- }
217
-
218
- .select--standard .select__combobox:hover {
219
- border: 1px solid var(--nile-colors-dark-900);
220
- background: var(--nile-colors-white-base);
221
- }
222
-
223
- .select--standard.select--disabled .select__combobox {
224
- background-color: var(--nile-colors-neutral-100);
225
- border-color: var(--nile-colors-neutral-500);
226
- color: var(--nile-colors-dark-500);
227
- opacity: 0.5;
228
- cursor: not-allowed;
229
- outline: none;
230
- }
231
-
232
- .select--standard:not(.select--disabled).select--open .select__combobox,
233
- .select--standard:not(.select--disabled).select--focused .select__combobox {
234
- background-color: var(--nile-colors-neutral-100);
235
- }
236
-
237
- .select--warning .select__combobox {
238
- border-color: var(--nile-colors-yellow-500);
239
- }
240
-
241
- .select--error .select__combobox {
242
- border-color: var(--nile-colors-red-500);
243
- }
244
-
245
- .select--success {
246
- border-color: var(--nile-colors-green-500);
247
- }
248
-
249
- /* Filled selects */
250
- .select--filled .select__combobox {
251
- border: none;
252
- background-color: var(--nile-colors-neutral-100);
253
- color: var(--nile-colors-dark-900);
254
- }
255
-
256
- .select--filled:hover:not(.select--disabled) .select__combobox {
257
- background-color: var(--nile-colors-neutral-100);
258
- }
259
-
260
- .select--filled.select--disabled .select__combobox {
261
- background-color: var(--nile-colors-neutral-100);
262
- opacity: 0.5;
263
- cursor: not-allowed;
264
- }
265
-
266
- .select--filled:not(.select--disabled).select--open .select__combobox,
267
- .select--filled:not(.select--disabled).select--focused .select__combobox {
268
- background-color: var(--nile-colors-neutral-100);
269
- outline: 3px solid rgba(0, 89, 255, 0.4);
270
- }
271
-
272
- .select--medium .select__combobox {
273
- border-radius: 4px;
274
- font-size: 14px;
275
- padding: 12px;
276
- height: 40px;
277
- box-sizing: border-box;
278
- }
279
-
280
- .select--medium .select__clear {
281
- margin-inline-start: 0.75rem;
282
- }
283
-
284
- .select--medium .select__prefix::slotted(*) {
285
- margin-inline-end: 0.75rem;
286
- }
287
-
288
- .select--medium .select__prefix.multiple::slotted(*) {
289
- margin-inline-start: 0.75rem;
290
- }
291
-
292
- .select--medium.select--multiple:not(.select--placeholder-visible)
293
- .select__combobox {
294
- padding-inline-start: 0;
295
- }
296
-
297
- .select--medium .select__tags {
298
- gap: 3px;
299
- }
300
-
301
- /* Pills */
302
- .select--pill.select--medium .select__combobox {
303
- border-radius: 2.5rem;
304
- }
305
-
306
- /* Prefix */
307
- .select__prefix {
308
- flex: 0;
309
- display: inline-flex;
310
- align-items: center;
311
- color: var(--nile-colors-dark-500);
312
- }
313
-
314
- .select__suffix {
315
- flex: 0;
316
- display: inline-flex;
317
- align-items: center;
318
- color: var(--nile-colors-dark-500);
319
- }
320
-
321
- /* Clear button */
322
- .select__clear {
323
- display: inline-flex;
324
- align-items: center;
325
- justify-content: center;
326
- font-size: inherit;
327
- color: var(--nile-colors-primary-600);
328
- border: none;
329
- background: none;
330
- padding: 0;
331
- transition: 150ms color;
332
- cursor: pointer;
333
- }
334
-
335
- .select__clear:hover {
336
- color: var(--nile-colors-dark-500);
337
- }
338
-
339
- .select__clear:focus {
340
- outline: none;
341
- }
342
-
343
- /* Expand icon */
344
- .select__expand-icon {
345
- flex: 0 0 auto;
346
- display: flex;
347
- align-items: center;
348
- transition: 250ms rotate ease;
349
- rotate: 0;
350
- margin-inline-start: 0.25rem;
351
- }
352
-
353
- .select--open .select__expand-icon {
354
- rotate: -180deg;
355
- }
356
-
357
- /* Listbox */
358
- .select__listbox {
359
- display: block;
360
- position: relative;
361
- font-size: 1rem;
362
- font-weight: 400;
363
- background: var(--nile-colors-white-base);
364
- border: solid 1px var(--nile-colors-neutral-500);
365
- border-radius: 0.25rem;
366
- padding-block: 0;
367
- padding-inline: 0;
368
- overflow: auto;
369
- overscroll-behavior: none;
370
- /* Make sure it adheres to the popup's auto size */
371
- max-width: var(--auto-size-available-width);
372
- max-height: var(--auto-size-available-height);
373
- }
374
-
375
- .select__options {
376
- font-size: 14px;
377
- color: rgb(133, 129, 129);
378
- width: 100%;
379
- }
380
-
381
- .select__options__search-enabled {
382
- padding-top: 10px;
383
- width: 100%;
384
- }
385
-
386
- .select__listbox::slotted(nile-divider) {
387
- --spacing: 0.25rem;
388
- }
389
-
390
- .select__listbox::slotted(small) {
391
- font-size: 0.875rem;
392
- font-weight: 600;
393
- color: var(--nile-colors-dark-500);
394
- padding-block: 0.25rem;
395
- padding-inline: 1rem;
396
- }
397
-
398
- .select__search {
399
- position: sticky;
400
- top: 0px;
401
- z-index: 1;
402
- width: calc(100% - 16px);
403
- padding: 8px;
404
- background-color: white;
405
- margin-bottom: -8px;
406
- }
407
-
408
- .select__footer {
409
- position: sticky;
410
- bottom: 0px;
411
- background: var(--nile-colors-neutral-100);
412
- border: 1px solid var(--nile-colors-neutral-400);
413
- display: flex;
414
- height: 15px;
415
- /* Auto layout */
416
- display: flex;
417
- flex-direction: row;
418
- align-items: flex-start;
419
- padding: 8px 12px 16px;
420
- gap: 12px;
421
- justify-content: space-between;
422
- }
423
-
424
- .tag__prefix[slot='prefix'] {
425
- height: 14px;
426
- display: inline-block;
427
- overflow: hidden;
428
- }
429
-
430
- .tag__prefix[slot='prefix'] img {
431
- max-height: 100%;
432
- }
433
-
434
- .select__loader {
435
- width: 100%;
436
- text-align: center;
437
- display: block;
438
- }
439
-
440
- .select__loader--icon {
441
- margin-top: 20px;
442
- animation: spin 0.6s linear infinite;
443
- }
444
-
445
- .select__no-results {
446
- padding: 10px;
447
- }
448
-
449
- @keyframes spin {
450
- 0% {
451
- transform: rotate(0deg);
452
- }
453
- 100% {
454
- transform: rotate(360deg);
455
- }
456
- }
457
-
458
- .select__invisible{
459
- opacity: 0;
460
- }
461
-
462
- .select__prefix--from-options {
463
- margin-inline-end: 12px;
464
- }
465
-
466
- .select__hide-default{
467
- display: none;
468
- }
469
-
470
- .virtualized nile-option[selected] {
471
- background-color: var(--nile-colors-neutral-100);
472
- }
473
-
474
- .virtualized nile-option[selected]::part(base) {
475
- color: var(--nile-colors-primary-600);
476
- }
477
- `;
478
- export default [styles];
479
- //# sourceMappingURL=nile-virtual-select.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"nile-virtual-select.css.js","sourceRoot":"","sources":["../../../src/nile-virtual-select/nile-virtual-select.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkdxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {css} from 'lit';\n\n/**\n * Select_2 CSS\n */\nexport const styles = css`\n :host {\n box-sizing: border-box;\n }\n\n .virtualized{\n min-width: 110px;\n width: 100%;\n }\n\n .virtualized ::slotted(nile-option),\n .virtualized nile-option {\n width: 100%;\n display: block;\n }\n\n :host *,\n :host *::before,\n :host *::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n .form-control .form-control__label {\n display: none;\n }\n\n .form-control .form-control__help-text {\n display: none;\n }\n\n /* Label */\n .form-control--has-label .form-control__label {\n display: block;\n margin-bottom: 6px;\n color: var(--nile-colors-dark-900);\n font-family: Colfax-regular;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.2px;\n }\n\n .form-control--has-label.form-control--medium .form-control__label {\n font-size: 14px;\n }\n\n :host([required]) .form-control--has-label .form-control__label::after {\n content: '*';\n margin-inline-start: -2px;\n color: var(--nile-colors-red-700);\n }\n\n /* Help text */\n .form-control--has-help-text .form-control__help-text {\n display: block;\n color: var(--nile-colors-dark-500);\n margin-top: 0.75rem;\n }\n\n .form-control--has-help-text.form-control--medium .form-control__help-text {\n font-size: 0.875rem;\n }\n\n .form-control--has-help-text.form-control--radio-group\n .form-control__help-text {\n margin-top: 0.25rem;\n }\n\n :host {\n display: block;\n }\n\n /** The popup */\n .select {\n flex: 1 1 auto;\n display: inline-flex;\n width: 100%;\n position: relative;\n vertical-align: middle;\n }\n\n .select::part(popup) {\n z-index: 9999;\n }\n\n .select[data-current-placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .select[data-current-placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n /* Combobox */\n .select__combobox {\n flex: 1;\n display: flex;\n width: 100%;\n min-width: 0;\n position: relative;\n align-items: center;\n justify-content: start;\n font-family: var(--nile-font-family-sans-serif);\n font-weight: 400;\n letter-spacing: normal;\n vertical-align: middle;\n overflow: hidden;\n cursor: pointer;\n transition: 150ms color, 150ms border, 150ms box-shadow,\n 150ms background-color;\n }\n\n .select__display-input {\n position: relative;\n width: 100%;\n font: inherit;\n border: none;\n background: none;\n color: var(--nile-colors-dark-900);\n cursor: inherit;\n overflow: hidden;\n padding: 0;\n margin: 0;\n -webkit-appearance: none;\n font-family: var(--nile-font-family-serif);\n }\n\n .select__display-input::placeholder {\n font-family: var(--nile-font-family-serif);\n }\n\n .select:not(.select--disabled):hover .select__display-input {\n color: var(--nile-colors-dark-900);\n }\n\n .select__display-input:focus {\n outline: none;\n }\n\n /* Visually hide the display input when multiple is enabled */\n .select--multiple:not(.select--placeholder-visible) .select__display-input {\n position: absolute;\n z-index: -1;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .select__value-input {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n opacity: 0;\n z-index: -1;\n }\n\n .select__tags {\n display: flex;\n flex: 1;\n align-items: center;\n flex-wrap: no-wrap;\n margin-inline-start: 0.5rem;\n width: 100%;\n overflow: hidden;\n }\n\n .select__tags-count {\n color: var(--nile-colors-primary-600);\n font-family: Colfax-regular;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: 0.2px;\n margin: 6px;\n }\n\n .select__tags-count-clearable {\n margin-right: 50px;\n }\n\n .select__tags::slotted(nile-tag) {\n cursor: pointer !important;\n }\n\n .select--disabled .select__tags,\n .select--disabled .select__tags::slotted(nile-tag) {\n cursor: not-allowed !important;\n }\n\n /* Standard selects */\n .select--standard .select__combobox {\n background-color: var(--nile-colors-white-base);\n border: solid 1px var(--nile-colors-neutral-500);\n }\n\n .select--standard .select__combobox:hover {\n border: 1px solid var(--nile-colors-dark-900);\n background: var(--nile-colors-white-base);\n }\n\n .select--standard.select--disabled .select__combobox {\n background-color: var(--nile-colors-neutral-100);\n border-color: var(--nile-colors-neutral-500);\n color: var(--nile-colors-dark-500);\n opacity: 0.5;\n cursor: not-allowed;\n outline: none;\n }\n\n .select--standard:not(.select--disabled).select--open .select__combobox,\n .select--standard:not(.select--disabled).select--focused .select__combobox {\n background-color: var(--nile-colors-neutral-100);\n }\n\n .select--warning .select__combobox {\n border-color: var(--nile-colors-yellow-500);\n }\n\n .select--error .select__combobox {\n border-color: var(--nile-colors-red-500);\n }\n\n .select--success {\n border-color: var(--nile-colors-green-500);\n }\n\n /* Filled selects */\n .select--filled .select__combobox {\n border: none;\n background-color: var(--nile-colors-neutral-100);\n color: var(--nile-colors-dark-900);\n }\n\n .select--filled:hover:not(.select--disabled) .select__combobox {\n background-color: var(--nile-colors-neutral-100);\n }\n\n .select--filled.select--disabled .select__combobox {\n background-color: var(--nile-colors-neutral-100);\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .select--filled:not(.select--disabled).select--open .select__combobox,\n .select--filled:not(.select--disabled).select--focused .select__combobox {\n background-color: var(--nile-colors-neutral-100);\n outline: 3px solid rgba(0, 89, 255, 0.4);\n }\n\n .select--medium .select__combobox {\n border-radius: 4px;\n font-size: 14px;\n padding: 12px;\n height: 40px;\n box-sizing: border-box;\n }\n\n .select--medium .select__clear {\n margin-inline-start: 0.75rem;\n }\n\n .select--medium .select__prefix::slotted(*) {\n margin-inline-end: 0.75rem;\n }\n\n .select--medium .select__prefix.multiple::slotted(*) {\n margin-inline-start: 0.75rem;\n }\n\n .select--medium.select--multiple:not(.select--placeholder-visible)\n .select__combobox {\n padding-inline-start: 0;\n }\n\n .select--medium .select__tags {\n gap: 3px;\n }\n\n /* Pills */\n .select--pill.select--medium .select__combobox {\n border-radius: 2.5rem;\n }\n\n /* Prefix */\n .select__prefix {\n flex: 0;\n display: inline-flex;\n align-items: center;\n color: var(--nile-colors-dark-500);\n }\n\n .select__suffix {\n flex: 0;\n display: inline-flex;\n align-items: center;\n color: var(--nile-colors-dark-500);\n }\n\n /* Clear button */\n .select__clear {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: inherit;\n color: var(--nile-colors-primary-600);\n border: none;\n background: none;\n padding: 0;\n transition: 150ms color;\n cursor: pointer;\n }\n\n .select__clear:hover {\n color: var(--nile-colors-dark-500);\n }\n\n .select__clear:focus {\n outline: none;\n }\n\n /* Expand icon */\n .select__expand-icon {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n transition: 250ms rotate ease;\n rotate: 0;\n margin-inline-start: 0.25rem;\n }\n\n .select--open .select__expand-icon {\n rotate: -180deg;\n }\n\n /* Listbox */\n .select__listbox {\n display: block;\n position: relative;\n font-size: 1rem;\n font-weight: 400;\n background: var(--nile-colors-white-base);\n border: solid 1px var(--nile-colors-neutral-500);\n border-radius: 0.25rem;\n padding-block: 0;\n padding-inline: 0;\n overflow: auto;\n overscroll-behavior: none;\n /* Make sure it adheres to the popup's auto size */\n max-width: var(--auto-size-available-width);\n max-height: var(--auto-size-available-height);\n }\n\n .select__options {\n font-size: 14px;\n color: rgb(133, 129, 129);\n width: 100%;\n }\n\n .select__options__search-enabled {\n padding-top: 10px;\n width: 100%;\n }\n\n .select__listbox::slotted(nile-divider) {\n --spacing: 0.25rem;\n }\n\n .select__listbox::slotted(small) {\n font-size: 0.875rem;\n font-weight: 600;\n color: var(--nile-colors-dark-500);\n padding-block: 0.25rem;\n padding-inline: 1rem;\n }\n\n .select__search {\n position: sticky;\n top: 0px;\n z-index: 1;\n width: calc(100% - 16px);\n padding: 8px;\n background-color: white;\n margin-bottom: -8px;\n }\n\n .select__footer {\n position: sticky;\n bottom: 0px;\n background: var(--nile-colors-neutral-100);\n border: 1px solid var(--nile-colors-neutral-400);\n display: flex;\n height: 15px;\n /* Auto layout */\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n padding: 8px 12px 16px;\n gap: 12px;\n justify-content: space-between;\n }\n\n .tag__prefix[slot='prefix'] {\n height: 14px;\n display: inline-block;\n overflow: hidden;\n }\n\n .tag__prefix[slot='prefix'] img {\n max-height: 100%;\n }\n\n .select__loader {\n width: 100%;\n text-align: center;\n display: block;\n }\n\n .select__loader--icon {\n margin-top: 20px;\n animation: spin 0.6s linear infinite;\n }\n\n .select__no-results {\n padding: 10px;\n }\n\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n\n .select__invisible{\n opacity: 0;\n }\n\n .select__prefix--from-options {\n margin-inline-end: 12px;\n }\n \n .select__hide-default{\n display: none;\n }\n\n .virtualized nile-option[selected] {\n background-color: var(--nile-colors-neutral-100);\n }\n\n .virtualized nile-option[selected]::part(base) {\n color: var(--nile-colors-primary-600);\n }\n`;\n\nexport default [styles];\n"]}