@aquera/nile-elements 0.1.49-beta-1.4 → 0.1.49

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 (156) hide show
  1. package/README.md +2 -2
  2. package/demo/index.html +32 -72
  3. package/dist/index.cjs.js +1 -1
  4. package/dist/index.esm.js +1 -1
  5. package/dist/internal/form.cjs.js +1 -1
  6. package/dist/internal/form.cjs.js.map +1 -1
  7. package/dist/internal/form.esm.js +1 -1
  8. package/dist/nile-accordion/nile-accordian.test.cjs.js +1 -1
  9. package/dist/nile-auto-complete/index.cjs.js +1 -1
  10. package/dist/nile-auto-complete/index.esm.js +1 -1
  11. package/dist/nile-auto-complete/nile-auto-complete.cjs.js +17 -1
  12. package/dist/nile-auto-complete/nile-auto-complete.cjs.js.map +1 -1
  13. package/dist/nile-auto-complete/nile-auto-complete.esm.js +29 -8
  14. package/dist/nile-auto-complete/nile-auto-complete.test.cjs.js +1 -1
  15. package/dist/nile-auto-complete/nile-auto-complete.test.cjs.js.map +1 -1
  16. package/dist/nile-auto-complete/nile-auto-complete.test.esm.js +1 -1
  17. package/dist/nile-avatar/nile-avatar.test.cjs.js +1 -1
  18. package/dist/nile-badge/nile-badge.test.cjs.js +1 -1
  19. package/dist/nile-button/nile-button.test.cjs.js +1 -1
  20. package/dist/nile-button-toggle-group/nile-button-toggle-group.test.cjs.js +1 -1
  21. package/dist/nile-calendar/nile-calendar.test.cjs.js +1 -1
  22. package/dist/nile-calendar/nile-calendar.test.cjs.js.map +1 -1
  23. package/dist/nile-calendar/nile-calendar.test.esm.js +1 -1
  24. package/dist/nile-card/nile-card.test.cjs.js +1 -1
  25. package/dist/nile-checkbox/nile-checkbox.test.cjs.js +1 -1
  26. package/dist/nile-chip/nile-chip.cjs.js +1 -1
  27. package/dist/nile-chip/nile-chip.cjs.js.map +1 -1
  28. package/dist/nile-chip/nile-chip.esm.js +1 -0
  29. package/dist/nile-chip/nile-chip.test.cjs.js +1 -1
  30. package/dist/nile-chip/nile-chip.test.cjs.js.map +1 -1
  31. package/dist/nile-chip/nile-chip.test.esm.js +1 -1
  32. package/dist/nile-dialog/nile-dialog.test.cjs.js +1 -1
  33. package/dist/nile-drawer/nile-drawer.test.cjs.js +1 -1
  34. package/dist/nile-dropdown/nile-dropdown.test.cjs.js +1 -1
  35. package/dist/nile-empty-state/nile-empty-state.test.cjs.js +1 -1
  36. package/dist/nile-error-message/nile-error-message.test.cjs.js +1 -1
  37. package/dist/nile-filter-chip/nile-filter-chip.test.cjs.js +1 -1
  38. package/dist/nile-form-group/nile-form-group.test.cjs.js +1 -1
  39. package/dist/nile-form-help-text/nile-form-help-text.test.cjs.js +1 -1
  40. package/dist/nile-hero/nile-hero.test.cjs.js +1 -1
  41. package/dist/nile-icon/nile-icon.test.cjs.js +1 -1
  42. package/dist/nile-input/nile-input.test.cjs.js +1 -1
  43. package/dist/nile-link/nile-link.test.cjs.js +1 -1
  44. package/dist/nile-loader/nile-loader.test.cjs.js +1 -1
  45. package/dist/nile-option/nile-option.cjs.js +1 -1
  46. package/dist/nile-option/nile-option.cjs.js.map +1 -1
  47. package/dist/nile-option/nile-option.css.cjs.js +1 -1
  48. package/dist/nile-option/nile-option.css.cjs.js.map +1 -1
  49. package/dist/nile-option/nile-option.css.esm.js +1 -1
  50. package/dist/nile-option/nile-option.esm.js +2 -2
  51. package/dist/nile-popover/nile-popover.test.cjs.js +1 -1
  52. package/dist/nile-popup/nile-popup.test.cjs.js +1 -1
  53. package/dist/nile-progress-bar/nile-progress-bar.test.cjs.js +1 -1
  54. package/dist/nile-radio/nile-radio.test.cjs.js +1 -1
  55. package/dist/nile-radio-group/nile-radio-group.test.cjs.js +1 -1
  56. package/dist/nile-select/index.cjs.js +1 -1
  57. package/dist/nile-select/index.esm.js +1 -1
  58. package/dist/nile-select/nile-select.cjs.js +1 -1
  59. package/dist/nile-select/nile-select.cjs.js.map +1 -1
  60. package/dist/nile-select/nile-select.esm.js +2 -2
  61. package/dist/nile-select/nile-select.test.cjs.js +1 -1
  62. package/dist/nile-select/nile-select.test.cjs.js.map +1 -1
  63. package/dist/nile-select/nile-select.test.esm.js +2 -2
  64. package/dist/nile-slide-toggle/nile-slide-toggle.test.cjs.js +1 -1
  65. package/dist/nile-tab-group/nile-tab-group.test.cjs.js +1 -1
  66. package/dist/nile-textarea/nile-textarea.test.cjs.js +1 -1
  67. package/dist/src/index.d.ts +0 -1
  68. package/dist/src/index.js +0 -1
  69. package/dist/src/index.js.map +1 -1
  70. package/dist/src/internal/form.js +2 -2
  71. package/dist/src/internal/form.js.map +1 -1
  72. package/dist/src/nile-chip/nile-chip.js +1 -0
  73. package/dist/src/nile-chip/nile-chip.js.map +1 -1
  74. package/dist/src/nile-option/nile-option.css.js +1 -1
  75. package/dist/src/nile-option/nile-option.css.js.map +1 -1
  76. package/dist/src/nile-option/nile-option.d.ts +1 -5
  77. package/dist/src/nile-option/nile-option.js +6 -21
  78. package/dist/src/nile-option/nile-option.js.map +1 -1
  79. package/dist/src/nile-select/nile-select.d.ts +2 -9
  80. package/dist/src/nile-select/nile-select.js +18 -38
  81. package/dist/src/nile-select/nile-select.js.map +1 -1
  82. package/dist/tsconfig.tsbuildinfo +1 -1
  83. package/package.json +2 -1
  84. package/src/index.ts +1 -3
  85. package/src/internal/form.ts +2 -2
  86. package/src/nile-chip/nile-chip.ts +1 -0
  87. package/src/nile-option/nile-option.css.ts +1 -1
  88. package/src/nile-option/nile-option.ts +3 -17
  89. package/src/nile-select/nile-select.ts +9 -33
  90. package/vscode-html-custom-data.json +2 -229
  91. package/dist/nile-select/virtual-scroll-helper.cjs.js +0 -2
  92. package/dist/nile-select/virtual-scroll-helper.cjs.js.map +0 -1
  93. package/dist/nile-select/virtual-scroll-helper.esm.js +0 -38
  94. package/dist/nile-virtual-select/index.cjs.js +0 -2
  95. package/dist/nile-virtual-select/index.cjs.js.map +0 -1
  96. package/dist/nile-virtual-select/index.esm.js +0 -1
  97. package/dist/nile-virtual-select/nile-virtual-select.cjs.js +0 -2
  98. package/dist/nile-virtual-select/nile-virtual-select.cjs.js.map +0 -1
  99. package/dist/nile-virtual-select/nile-virtual-select.css.cjs.js +0 -2
  100. package/dist/nile-virtual-select/nile-virtual-select.css.cjs.js.map +0 -1
  101. package/dist/nile-virtual-select/nile-virtual-select.css.esm.js +0 -467
  102. package/dist/nile-virtual-select/nile-virtual-select.esm.js +0 -227
  103. package/dist/nile-virtual-select/nile-virtual-select.test.cjs.js +0 -2
  104. package/dist/nile-virtual-select/nile-virtual-select.test.cjs.js.map +0 -1
  105. package/dist/nile-virtual-select/nile-virtual-select.test.esm.js +0 -49
  106. package/dist/nile-virtual-select/renderer.cjs.js +0 -2
  107. package/dist/nile-virtual-select/renderer.cjs.js.map +0 -1
  108. package/dist/nile-virtual-select/renderer.esm.js +0 -17
  109. package/dist/nile-virtual-select/search-manager.cjs.js +0 -2
  110. package/dist/nile-virtual-select/search-manager.cjs.js.map +0 -1
  111. package/dist/nile-virtual-select/search-manager.esm.js +0 -1
  112. package/dist/nile-virtual-select/selection-manager.cjs.js +0 -2
  113. package/dist/nile-virtual-select/selection-manager.cjs.js.map +0 -1
  114. package/dist/nile-virtual-select/selection-manager.esm.js +0 -1
  115. package/dist/nile-virtual-select/types.cjs.js +0 -2
  116. package/dist/nile-virtual-select/types.cjs.js.map +0 -1
  117. package/dist/nile-virtual-select/types.esm.js +0 -1
  118. package/dist/src/nile-select/virtual-scroll-helper.d.ts +0 -9
  119. package/dist/src/nile-select/virtual-scroll-helper.js +0 -51
  120. package/dist/src/nile-select/virtual-scroll-helper.js.map +0 -1
  121. package/dist/src/nile-virtual-select/index.d.ts +0 -1
  122. package/dist/src/nile-virtual-select/index.js +0 -2
  123. package/dist/src/nile-virtual-select/index.js.map +0 -1
  124. package/dist/src/nile-virtual-select/nile-virtual-select.css.d.ts +0 -12
  125. package/dist/src/nile-virtual-select/nile-virtual-select.css.js +0 -479
  126. package/dist/src/nile-virtual-select/nile-virtual-select.css.js.map +0 -1
  127. package/dist/src/nile-virtual-select/nile-virtual-select.d.ts +0 -251
  128. package/dist/src/nile-virtual-select/nile-virtual-select.js +0 -1158
  129. package/dist/src/nile-virtual-select/nile-virtual-select.js.map +0 -1
  130. package/dist/src/nile-virtual-select/nile-virtual-select.test.d.ts +0 -7
  131. package/dist/src/nile-virtual-select/nile-virtual-select.test.js +0 -317
  132. package/dist/src/nile-virtual-select/nile-virtual-select.test.js.map +0 -1
  133. package/dist/src/nile-virtual-select/renderer.d.ts +0 -11
  134. package/dist/src/nile-virtual-select/renderer.js +0 -48
  135. package/dist/src/nile-virtual-select/renderer.js.map +0 -1
  136. package/dist/src/nile-virtual-select/search-manager.d.ts +0 -12
  137. package/dist/src/nile-virtual-select/search-manager.js +0 -39
  138. package/dist/src/nile-virtual-select/search-manager.js.map +0 -1
  139. package/dist/src/nile-virtual-select/selection-manager.d.ts +0 -12
  140. package/dist/src/nile-virtual-select/selection-manager.js +0 -57
  141. package/dist/src/nile-virtual-select/selection-manager.js.map +0 -1
  142. package/dist/src/nile-virtual-select/types.d.ts +0 -45
  143. package/dist/src/nile-virtual-select/types.js +0 -8
  144. package/dist/src/nile-virtual-select/types.js.map +0 -1
  145. package/dist/virtualize-a4a40d96.esm.js +0 -22
  146. package/dist/virtualize-b6a2fbe0.cjs.js +0 -18
  147. package/dist/virtualize-b6a2fbe0.cjs.js.map +0 -1
  148. package/src/nile-select/virtual-scroll-helper.ts +0 -56
  149. package/src/nile-virtual-select/index.ts +0 -1
  150. package/src/nile-virtual-select/nile-virtual-select.css.ts +0 -481
  151. package/src/nile-virtual-select/nile-virtual-select.test.ts +0 -390
  152. package/src/nile-virtual-select/nile-virtual-select.ts +0 -1234
  153. package/src/nile-virtual-select/renderer.ts +0 -65
  154. package/src/nile-virtual-select/search-manager.ts +0 -48
  155. package/src/nile-virtual-select/selection-manager.ts +0 -64
  156. package/src/nile-virtual-select/types.ts +0 -48
@@ -1 +0,0 @@
1
- class t{static filterVirtualOptions(t,e,s,r){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 i=t.toLowerCase(),l=e.filter((t=>r(t).toLowerCase().includes(i)));return{filteredItems:l,showNoResults:0===l.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){if(!_t||Array.isArray(_t)&&0===_t.length)return[];return(Array.isArray(_t)?_t:[_t]).map(function(_t2){var a=e.find(function(e){return e.value===_t2||r(e)===_t2;}),n=a?r(a):_t2;return{value:_t2,selected:!0,getTextLabel:function getTextLabel(){if("string"==typeof n&&/<[^>]+>/.test(n)){var _t3=document.createElement("div");return _t3.innerHTML=n,_t3.textContent||_t3.innerText||"";}return n;},getOptionPrefix:function getOptionPrefix(){return"";}};});}},{key:"updateDisplayLabel",value:function updateDisplayLabel(_t4,e,r,a){if(r)return e&&0===_t4.length?"":_t4.length+" selected";{var _t4$;var _e=Array.isArray(a)?a[0]:a;return(_t4$=_t4[0])!==null&&_t4$!==void 0&&_t4$.getTextLabel()?_t4[0].getTextLabel():_e!==null&&_e!==void 0?_e:"";}}},{key:"updateValue",value:function updateValue(_t5,e){var _t5$0$value,_t5$;return e?_t5.map(function(_t6){return _t6.value;}):(_t5$0$value=(_t5$=_t5[0])===null||_t5$===void 0?void 0:_t5$.value)!==null&&_t5$0$value!==void 0?_t5$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(value: string | string[], data: any[], renderItemFunction: (item: any) => string): 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 const item = data.find((item: any) => \n item.value === valueItem || renderItemFunction(item) === valueItem\n );\n \n const displayText = item ? renderItemFunction(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","renderItemFunction","Array","isArray","length","map","valueItem","item","find","displayText","selected","getTextLabel","test","div","document","createElement","innerHTML","textContent","innerText","getOptionPrefix","updateDisplayLabel","selectedOptions","placeholder","multiple","_t4$","currentValue","updateValue","el"],"mappings":"6sCASaA,CACX,kCAAAC,EAAA,EAAAC,eAAA,MAAAD,CAAA,UAAAE,YAAA,CAAAF,CAAA,QAAAG,GAAA,kCAAAC,KAAA,CAAA,QAAA,CAAAC,8BAAOA,CAA+BD,EAAAA,CAA0BE,CAAaC,CAAAA,CAAAA,CAAAA,CAC3E,GAAKH,CAAAA,EAAAA,EAAUI,KAAMC,CAAAA,OAAAA,CAAQL,EAA2B,CAAA,EAAA,CAAA,GAAjBA,EAAMM,CAAAA,MAAAA,CAC3C,MAAO,EAAA,CAKT,MAFeF,CAAAA,KAAAA,CAAMC,OAAQL,CAAAA,EAAAA,CAAAA,CAASA,EAAQ,CAAA,CAACA,EAEjCO,CAAAA,EAAAA,GAAAA,CAAIC,SAAAA,GAChB,CAAA,CAAA,GAAMC,CAAAA,CAAOP,CAAAA,CAAAA,CAAKQ,KAAMD,SAAAA,CACtBA,QAAAA,CAAAA,CAAAA,CAAKT,KAAUQ,GAAAA,GAAAA,EAAaL,CAAmBM,CAAAA,CAAAA,CAAAA,GAAUD,GAGrDG,EAAAA,CAAAA,CAAAA,CAAAA,CAAcF,CAAON,CAAAA,CAAAA,CAAmBM,CAAQD,CAAAA,CAAAA,GAAAA,CAEtD,MAAO,CACLR,KAAOQ,CAAAA,GAAAA,CACPI,UAAU,CACVC,CAAAA,YAAAA,CAAc,QAAdA,CAAAA,YAAAA,CAAAA,CAEE,CAAA,GAA2B,QAAhBF,EAAAA,MAAAA,CAAAA,CAAAA,EAA4B,SAAUG,CAAAA,IAAAA,CAAKH,CAAc,CAAA,CAAA,CAClE,GAAMI,CAAAA,GAAAA,CAAMC,QAASC,CAAAA,aAAAA,CAAc,KAEnC,CAAA,CAAA,MADAF,CAAAA,IAAIG,SAAYP,CAAAA,CAAAA,CACTI,GAAII,CAAAA,WAAAA,EAAeJ,GAAIK,CAAAA,SAAAA,EAAa,EAC5C,EACD,MAAOT,CAAAA,CAAW,EAEpBU,CAAAA,eAAAA,CAAiB,QAAjBA,CAAAA,eAAAA,CAAAA,QAAuB,EAAA,GACxB,EAEJ,CAAA,EAED,GAAAtB,GAAA,sBAAAC,KAAA,4BAAOsB,CAAmBC,GAAAA,CAAkCC,CAAqBC,CAAAA,CAAAA,CAAmBzB,CAClG,CAAA,CAAA,GAAIyB,CACF,CAAA,MAAID,CAAAA,CAA0C,EAAA,CAAA,GAA3BD,GAAgBjB,CAAAA,MAAAA,CAC1B,EAEAiB,CAAAA,GAAAA,CAAgBjB,MAAS,CAAA,WAAA,CAE7B,KAAAoB,IAAA,CACL,GAAMC,CAAAA,EAAAA,CAAevB,KAAMC,CAAAA,OAAAA,CAAQL,CAASA,CAAAA,CAAAA,CAAAA,CAAM,CAAKA,CAAAA,CAAAA,CAAAA,CACvD,MAAOuB,CAAAA,IAAAA,CAAAA,GAAAA,CAAgB,CAAIV,CAAAA,UAAAA,IAAAA,WAApBU,IAAAA,CAAoBV,YAAAA,CAAAA,CAAAA,CACvBU,GAAgB,CAAA,CAAA,CAAA,CAAGV,YACnBc,CAAAA,CAAAA,CAAAA,EAAAA,SAAAA,EAAAA,UAAAA,EAAAA,CAAgB,EACrB,EACF,CAED,GAAA5B,GAAA,eAAAC,KAAA,SAAO4B,CAAAA,WAAAA,CAAYL,GAAkCE,CAAAA,CAAAA,CAAAA,KAAAA,WAAAA,CAAAA,IAAAA,CACnD,MAAIA,CAAAA,CAAAA,CACKF,GAAgBhB,CAAAA,GAAAA,CAAIsB,SAAAA,GAAMA,QAAAA,CAAAA,GAAAA,CAAG7B,KAE7BuB,EAAAA,CAAAA,EAAAA,WAAAA,EAAAA,IAAAA,CAAAA,GAAAA,CAAgB,CAAIvB,CAAAA,UAAAA,IAAAA,iBAApBuB,IAAAA,CAAoBvB,KAAAA,UAAAA,WAAAA,UAAAA,WAAAA,CAAS,EAEvC"}
@@ -1 +0,0 @@
1
- class t{static createVirtualOptionsFromValues(t,e,r){if(!t||Array.isArray(t)&&0===t.length)return[];return(Array.isArray(t)?t:[t]).map((t=>{const a=e.find((e=>e.value===t||r(e)===t)),n=a?r(a):t;return{value:t,selected:!0,getTextLabel:()=>{if("string"==typeof n&&/<[^>]+>/.test(n)){const t=document.createElement("div");return t.innerHTML=n,t.textContent||t.innerText||""}return n},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
- .renderItemFunction=${component.renderItemFunction}
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;gCACxB,SAAS,CAAC,kBAAkB;8BAC9B,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 .renderItemFunction=${component.renderItemFunction}\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"]}