@aquera/nile-elements 0.1.52-beta-1.2 → 0.1.52-beta-1.5
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.
- package/README.md +2 -3
- package/demo/index.html +33 -150
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.js +639 -1385
- package/dist/internal/form.cjs.js +1 -1
- package/dist/internal/form.cjs.js.map +1 -1
- package/dist/internal/form.esm.js +1 -1
- package/dist/nile-accordion/nile-accordian.test.cjs.js +1 -1
- package/dist/nile-auto-complete/index.cjs.js +1 -1
- package/dist/nile-auto-complete/index.esm.js +1 -1
- package/dist/nile-auto-complete/nile-auto-complete.cjs.js +17 -1
- package/dist/nile-auto-complete/nile-auto-complete.cjs.js.map +1 -1
- package/dist/nile-auto-complete/nile-auto-complete.esm.js +29 -8
- package/dist/nile-auto-complete/nile-auto-complete.test.cjs.js +1 -1
- package/dist/nile-auto-complete/nile-auto-complete.test.cjs.js.map +1 -1
- package/dist/nile-auto-complete/nile-auto-complete.test.esm.js +1 -1
- package/dist/nile-avatar/nile-avatar.test.cjs.js +1 -1
- package/dist/nile-badge/nile-badge.test.cjs.js +1 -1
- package/dist/nile-button/nile-button.test.cjs.js +1 -1
- package/dist/nile-button-toggle-group/nile-button-toggle-group.test.cjs.js +1 -1
- package/dist/nile-calendar/nile-calendar.test.cjs.js +1 -1
- package/dist/nile-calendar/nile-calendar.test.cjs.js.map +1 -1
- package/dist/nile-calendar/nile-calendar.test.esm.js +1 -1
- package/dist/nile-card/nile-card.test.cjs.js +1 -1
- package/dist/nile-checkbox/nile-checkbox.test.cjs.js +1 -1
- package/dist/nile-chip/nile-chip.test.cjs.js +1 -1
- package/dist/nile-chip/nile-chip.test.cjs.js.map +1 -1
- package/dist/nile-chip/nile-chip.test.esm.js +1 -1
- package/dist/nile-code-editor/extensionSetup.cjs.js +5 -5
- package/dist/nile-code-editor/extensionSetup.cjs.js.map +1 -1
- package/dist/nile-code-editor/extensionSetup.esm.js +1 -1
- package/dist/nile-code-editor/nile-code-editor.cjs.js +2 -2
- package/dist/nile-code-editor/nile-code-editor.cjs.js.map +1 -1
- package/dist/nile-code-editor/nile-code-editor.esm.js +3 -3
- package/dist/nile-code-editor/theme.cjs.js +1 -1
- package/dist/nile-code-editor/theme.cjs.js.map +1 -1
- package/dist/nile-code-editor/theme.esm.js +1 -1
- package/dist/nile-dialog/nile-dialog.test.cjs.js +1 -1
- package/dist/nile-drawer/nile-drawer.test.cjs.js +1 -1
- package/dist/nile-dropdown/nile-dropdown.test.cjs.js +1 -1
- package/dist/nile-empty-state/nile-empty-state.test.cjs.js +1 -1
- package/dist/nile-error-message/nile-error-message.test.cjs.js +1 -1
- package/dist/nile-filter-chip/nile-filter-chip.test.cjs.js +1 -1
- package/dist/nile-form-group/nile-form-group.test.cjs.js +1 -1
- package/dist/nile-form-help-text/nile-form-help-text.test.cjs.js +1 -1
- package/dist/nile-hero/nile-hero.test.cjs.js +1 -1
- package/dist/nile-icon/nile-icon.test.cjs.js +1 -1
- package/dist/nile-input/nile-input.test.cjs.js +1 -1
- package/dist/nile-link/nile-link.test.cjs.js +1 -1
- package/dist/nile-loader/nile-loader.test.cjs.js +1 -1
- package/dist/nile-option/nile-option.cjs.js +1 -1
- package/dist/nile-option/nile-option.cjs.js.map +1 -1
- package/dist/nile-option/nile-option.css.cjs.js +1 -1
- package/dist/nile-option/nile-option.css.cjs.js.map +1 -1
- package/dist/nile-option/nile-option.css.esm.js +1 -1
- package/dist/nile-option/nile-option.esm.js +2 -2
- package/dist/nile-popover/nile-popover.test.cjs.js +1 -1
- package/dist/nile-popup/nile-popup.test.cjs.js +1 -1
- package/dist/nile-progress-bar/nile-progress-bar.test.cjs.js +1 -1
- package/dist/nile-radio/nile-radio.test.cjs.js +1 -1
- package/dist/nile-radio-group/nile-radio-group.test.cjs.js +1 -1
- package/dist/nile-select/index.cjs.js +1 -1
- package/dist/nile-select/index.esm.js +1 -1
- package/dist/nile-select/nile-select.cjs.js +1 -1
- package/dist/nile-select/nile-select.cjs.js.map +1 -1
- package/dist/nile-select/nile-select.esm.js +2 -2
- package/dist/nile-select/nile-select.test.cjs.js +1 -1
- package/dist/nile-select/nile-select.test.cjs.js.map +1 -1
- package/dist/nile-select/nile-select.test.esm.js +2 -2
- package/dist/nile-slide-toggle/nile-slide-toggle.test.cjs.js +1 -1
- package/dist/nile-tab-group/nile-tab-group.test.cjs.js +1 -1
- package/dist/nile-textarea/nile-textarea.test.cjs.js +1 -1
- package/dist/src/index.d.ts +0 -1
- package/dist/src/index.js +0 -1
- package/dist/src/index.js.map +1 -1
- package/dist/src/internal/form.js +2 -2
- package/dist/src/internal/form.js.map +1 -1
- package/dist/src/nile-code-editor/nile-code-editor.d.ts +2 -0
- package/dist/src/nile-code-editor/nile-code-editor.js +46 -4
- package/dist/src/nile-code-editor/nile-code-editor.js.map +1 -1
- package/dist/src/nile-code-editor/theme.d.ts +68 -0
- package/dist/src/nile-code-editor/theme.js +68 -0
- package/dist/src/nile-code-editor/theme.js.map +1 -1
- package/dist/src/nile-option/nile-option.css.js +1 -1
- package/dist/src/nile-option/nile-option.css.js.map +1 -1
- package/dist/src/nile-option/nile-option.d.ts +1 -5
- package/dist/src/nile-option/nile-option.js +6 -21
- package/dist/src/nile-option/nile-option.js.map +1 -1
- package/dist/src/nile-select/nile-select.d.ts +2 -11
- package/dist/src/nile-select/nile-select.js +18 -37
- package/dist/src/nile-select/nile-select.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +4 -1
- package/src/index.ts +1 -3
- package/src/internal/form.ts +2 -2
- package/src/nile-code-editor/nile-code-editor.ts +53 -4
- package/src/nile-code-editor/theme.ts +69 -0
- package/src/nile-option/nile-option.css.ts +1 -1
- package/src/nile-option/nile-option.ts +3 -17
- package/src/nile-select/nile-select.ts +9 -35
- package/vscode-html-custom-data.json +8 -230
- package/dist/nile-select/virtual-scroll-helper.cjs.js +0 -2
- package/dist/nile-select/virtual-scroll-helper.cjs.js.map +0 -1
- package/dist/nile-select/virtual-scroll-helper.esm.js +0 -38
- package/dist/nile-virtual-select/index.cjs.js +0 -2
- package/dist/nile-virtual-select/index.cjs.js.map +0 -1
- package/dist/nile-virtual-select/index.esm.js +0 -1
- package/dist/nile-virtual-select/nile-virtual-select.cjs.js +0 -2
- package/dist/nile-virtual-select/nile-virtual-select.cjs.js.map +0 -1
- package/dist/nile-virtual-select/nile-virtual-select.css.cjs.js +0 -2
- package/dist/nile-virtual-select/nile-virtual-select.css.cjs.js.map +0 -1
- package/dist/nile-virtual-select/nile-virtual-select.css.esm.js +0 -467
- package/dist/nile-virtual-select/nile-virtual-select.esm.js +0 -227
- package/dist/nile-virtual-select/nile-virtual-select.test.cjs.js +0 -2
- package/dist/nile-virtual-select/nile-virtual-select.test.cjs.js.map +0 -1
- package/dist/nile-virtual-select/nile-virtual-select.test.esm.js +0 -49
- package/dist/nile-virtual-select/renderer.cjs.js +0 -2
- package/dist/nile-virtual-select/renderer.cjs.js.map +0 -1
- package/dist/nile-virtual-select/renderer.esm.js +0 -18
- package/dist/nile-virtual-select/search-manager.cjs.js +0 -2
- package/dist/nile-virtual-select/search-manager.cjs.js.map +0 -1
- package/dist/nile-virtual-select/search-manager.esm.js +0 -1
- package/dist/nile-virtual-select/selection-manager.cjs.js +0 -2
- package/dist/nile-virtual-select/selection-manager.cjs.js.map +0 -1
- package/dist/nile-virtual-select/selection-manager.esm.js +0 -1
- package/dist/nile-virtual-select/types.cjs.js +0 -2
- package/dist/nile-virtual-select/types.cjs.js.map +0 -1
- package/dist/nile-virtual-select/types.esm.js +0 -1
- package/dist/src/nile-select/virtual-scroll-helper.d.ts +0 -9
- package/dist/src/nile-select/virtual-scroll-helper.js +0 -51
- package/dist/src/nile-select/virtual-scroll-helper.js.map +0 -1
- package/dist/src/nile-virtual-select/index.d.ts +0 -1
- package/dist/src/nile-virtual-select/index.js +0 -2
- package/dist/src/nile-virtual-select/index.js.map +0 -1
- package/dist/src/nile-virtual-select/nile-virtual-select.css.d.ts +0 -12
- package/dist/src/nile-virtual-select/nile-virtual-select.css.js +0 -479
- package/dist/src/nile-virtual-select/nile-virtual-select.css.js.map +0 -1
- package/dist/src/nile-virtual-select/nile-virtual-select.d.ts +0 -263
- package/dist/src/nile-virtual-select/nile-virtual-select.js +0 -1183
- package/dist/src/nile-virtual-select/nile-virtual-select.js.map +0 -1
- package/dist/src/nile-virtual-select/nile-virtual-select.test.d.ts +0 -7
- package/dist/src/nile-virtual-select/nile-virtual-select.test.js +0 -341
- package/dist/src/nile-virtual-select/nile-virtual-select.test.js.map +0 -1
- package/dist/src/nile-virtual-select/renderer.d.ts +0 -11
- package/dist/src/nile-virtual-select/renderer.js +0 -51
- package/dist/src/nile-virtual-select/renderer.js.map +0 -1
- package/dist/src/nile-virtual-select/search-manager.d.ts +0 -12
- package/dist/src/nile-virtual-select/search-manager.js +0 -40
- package/dist/src/nile-virtual-select/search-manager.js.map +0 -1
- package/dist/src/nile-virtual-select/selection-manager.d.ts +0 -12
- package/dist/src/nile-virtual-select/selection-manager.js +0 -64
- package/dist/src/nile-virtual-select/selection-manager.js.map +0 -1
- package/dist/src/nile-virtual-select/types.d.ts +0 -50
- package/dist/src/nile-virtual-select/types.js +0 -8
- package/dist/src/nile-virtual-select/types.js.map +0 -1
- package/dist/virtualize-a4a40d96.esm.js +0 -22
- package/dist/virtualize-b6a2fbe0.cjs.js +0 -18
- package/dist/virtualize-b6a2fbe0.cjs.js.map +0 -1
- package/src/nile-select/virtual-scroll-helper.ts +0 -56
- package/src/nile-virtual-select/index.ts +0 -1
- package/src/nile-virtual-select/nile-virtual-select.css.ts +0 -481
- package/src/nile-virtual-select/nile-virtual-select.test.ts +0 -414
- package/src/nile-virtual-select/nile-virtual-select.ts +0 -1268
- package/src/nile-virtual-select/renderer.ts +0 -73
- package/src/nile-virtual-select/search-manager.ts +0 -50
- package/src/nile-virtual-select/selection-manager.ts +0 -75
- 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":"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"}
|
@@ -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 +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 +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"]}
|