@aquera/nile-elements 0.0.94 → 0.0.96

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent nile-elements following open-wc recommendations",
   "license": "MIT",
   "author": "nile-elements",
-  "version": "0.0.94",
+  "version": "0.0.96",
   "main": "dist/src/index.js",
   "type": "module",
   "module": "dist/src/index.js",

package/src/nile-code-editor/extensionSetup.ts

@@ -62,24 +62,20 @@ export const basicSetup = (options: BasicSetupOptions = {}): Extension[] => {
   const { crosshairCursor: initCrosshairCursor = false } = options;
   let keymaps: KeyBinding[] = [];
   isValidSetup(options.defaultKeymap) && keymaps.push(...defaultKeymap);
-  isValidSetup(options.closeBracketsKeymap) &&
-    keymaps.push(...closeBracketsKeymap);
+  isValidSetup(options.closeBracketsKeymap) && keymaps.push(...closeBracketsKeymap);
   isValidSetup(options.searchKeymap) && keymaps.push(...searchKeymap);
   isValidSetup(options.historyKeymap) && keymaps.push(...historyKeymap);
   isValidSetup(options.foldKeymap) && keymaps.push(...foldKeymap);
   isValidSetup(options.lintKeymap) && keymaps.push(...lintKeymap);
   const extensions: Extension[] = [];
   isValidSetup(options.lineNumbers) && extensions.push(lineNumbers());
-  isValidSetup(options.highlightActiveLineGutter) &&
-    extensions.push(highlightActiveLineGutter());
-  isValidSetup(options.highlightSpecialChars) &&
-    extensions.push(highlightSpecialChars());
+  isValidSetup(options.highlightActiveLineGutter) && extensions.push(highlightActiveLineGutter());
+  isValidSetup(options.highlightSpecialChars) && extensions.push(highlightSpecialChars());
   isValidSetup(options.history) && extensions.push(history());
   isValidSetup(options.foldGutter) && extensions.push(foldGutter());
   isValidSetup(options.drawSelection) && extensions.push(drawSelection());
   isValidSetup(options.dropCursor) && extensions.push(dropCursor());
-  isValidSetup(options.allowMultipleSelections) &&
-    extensions.push(EditorState.allowMultipleSelections.of(true));
+  isValidSetup(options.allowMultipleSelections) && extensions.push(EditorState.allowMultipleSelections.of(true));
   isValidSetup(options.indentOnInput) && extensions.push(indentOnInput());
   isValidSetup(options.syntaxHighlighting) &&
     extensions.push(
@@ -88,13 +84,10 @@ export const basicSetup = (options: BasicSetupOptions = {}): Extension[] => {
   isValidSetup(options.bracketMatching) && extensions.push(bracketMatching());
   isValidSetup(options.closeBrackets) && extensions.push(closeBrackets());
   isValidSetup(options.autocompletion) && extensions.push(autocompletion());
-  isValidSetup(options.rectangularSelection) &&
-    extensions.push(rectangularSelection());
+  isValidSetup(options.rectangularSelection) && extensions.push(rectangularSelection());
   isValidSetup(options.crosshairCursor) && extensions.push(crosshairCursor());
-  isValidSetup(options.highlightActiveLine) &&
-    extensions.push(highlightActiveLine());
-  isValidSetup(options.highlightSelectionMatches) &&
-    extensions.push(highlightSelectionMatches());
+  isValidSetup(options.highlightActiveLine) && extensions.push(highlightActiveLine());
+  isValidSetup(options.highlightSelectionMatches) && extensions.push(highlightSelectionMatches());
   if (options.tabSize && typeof options.tabSize === 'number')
     extensions.push(indentUnit.of(' '.repeat(options.tabSize)));
   return extensions.concat([keymap.of(keymaps.flat())]).filter(Boolean);

package/src/nile-code-editor/nile-code-editor.ts

@@ -19,8 +19,13 @@ import { styles } from './nile-code-editor.css';
 import { EditorView } from 'codemirror';
 import { ViewUpdate } from '@codemirror/view';
 import { 
-  EditorState,
   Compartment,
+  type EditorSelection,
+  EditorState,
+  Transaction,
+  type Extension,
+  type Text,
+  type ChangeSpec,
 } from '@codemirror/state';
 
 import { lineNumbers } from '@codemirror/view';
@@ -55,7 +60,7 @@ export class NileCodeEditor extends NileElement {
 
   @property({ type: String, reflect: true , attribute: true }) value = '';
 
-  @property({ type: String, reflect: true , attribute: true }) customAutoCompletions: any = {};
+  @property({ type: Object, reflect: true , attribute: true }) customAutoCompletions: object = {};
 
   @property({ type: String, reflect: true , attribute: true}) language: 'javascript' | 'sql' = 'javascript'
 
@@ -81,6 +86,7 @@ export class NileCodeEditor extends NileElement {
   private lineNumbersComp = new Compartment();
   private restrictSingleLineComp = new Compartment();
   private readOnlyComp = new Compartment();
+  private customCompletionComp = new Compartment();
 
   /**
    * The styles for CodeEditor
@@ -105,9 +111,9 @@ export class NileCodeEditor extends NileElement {
     const lineNumbersExtension = this.lineNumbersComp.of(this.getLineNumbersExension());
     const readOnlyExtension = this.readOnlyComp.of(this.getReadOnlyExtension());
     const restrictSingleLineExtension = this.restrictSingleLineComp.of(this.getSingleLineExtension())
-    const customAutoCompletions = javascriptLanguage.data.of({
+    const customAutoCompletions = this.customCompletionComp.of(javascriptLanguage.data.of({
       autocomplete: scopeCompletionSource(this.customAutoCompletions),
-    });
+    }));
     const language = this.language == "sql" ? sql() : javascript()
     let startState = EditorState.create({
       doc: !this.multiline ? this.convertToSingleLine(this.value) : this.value,
@@ -141,7 +147,7 @@ export class NileCodeEditor extends NileElement {
       parent: this.codeEditor
     });
 
-    this.emit('nile-after-init',{ codeMirrorInstance: this.view } )
+    this.emit('nile-after-init',{ codeMirrorInstance: this.view, insertAtCursor: this.insertBetweenCode } )
   }
 
   protected updated(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void{
@@ -173,6 +179,15 @@ export class NileCodeEditor extends NileElement {
         ]
       })
     }
+    if(changedProperties.has('customAutoCompletions')){
+      this.view.dispatch({ 
+        effects: [
+          this.customCompletionComp.reconfigure(javascriptLanguage.data.of({
+            autocomplete: scopeCompletionSource(this.customAutoCompletions),
+          }))
+        ]
+      })
+    }
   }
 
   public render(): TemplateResult {
@@ -227,6 +242,14 @@ export class NileCodeEditor extends NileElement {
     // Remove line breaks and unnecessary whitespace
     return code.replace(/\s+/g, ' ').trim();
   }
+
+  public insertBetweenCode=(text: string) => {
+    const transaction = this.view.state.changeByRange(range => {
+      const { from, to } = range;
+      return { changes: { from, to, insert: text }, range };
+    });
+    this.view.dispatch(transaction);
+  }
   
   //EXTENSION CONFIGURATIONS
   getLineNumbersExension() {

package/src/nile-icon/icons/svg/block-02.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxkZWZzPjxzdHlsZT4gICAgICAuY2xzLTEgeyAgICAgICAgZmlsbDogbm9uZTsgICAgICAgIHN0cm9rZTogIzAwMDsgICAgICAgIHN0cm9rZS13aWR0aDogMS41cHg7ICAgICAgfSAgICA8L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yLjgsMi44aDE4LjV2MTguNUgyLjhWMi44WiIvPjwvc3ZnPg==";

package/src/nile-icon/icons/svg/full-union.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyLjk5OTkgMTkuNDk5QzExLjY4NjUgMjAuNDQzNiAxMC4wNzUxIDIxIDguMzMzNzQgMjFDMy45MTU0NiAyMSAwLjMzMzc0IDE3LjQxODMgMC4zMzM3NCAxM0MwLjMzMzc0IDguNTgxNzIgMy45MTU0NiA1IDguMzMzNzQgNUMxMC4wNzUxIDUgMTEuNjg2NSA1LjU1NjM2IDEyLjk5OTkgNi41MDEwMUMxNC4zMTMzIDUuNTU2MzYgMTUuOTI0NyA1IDE3LjY2NiA1QzIyLjA4NDMgNSAyNS42NjYgOC41ODE3MiAyNS42NjYgMTNDMjUuNjY2IDE3LjQxODMgMjIuMDg0MyAyMSAxNy42NjYgMjFDMTUuOTI0NyAyMSAxNC4zMTMzIDIwLjQ0MzYgMTIuOTk5OSAxOS40OTlaIiBmaWxsPSIjMDA1RUE2Ii8+PC9zdmc+";

package/src/nile-icon/icons/svg/index.ts

@@ -44,6 +44,7 @@ export { default as bargraph } from './bargraph';
 export { default as basic } from './basic';
 export { default as bellicon } from './bell-icon';
 export { default as bell } from './bell';
+export { default as block02 } from './block-02';
 export { default as block } from './block';
 export { default as bluedot } from './bluedot';
 export { default as bookclosed } from './book-closed';
@@ -210,6 +211,7 @@ export { default as folder } from './folder';
 export { default as foreach } from './foreach';
 export { default as form } from './form';
 export { default as frequency } from './frequency';
+export { default as fullunion } from './full-union';
 export { default as fullscreen } from './fullscreen';
 export { default as fullscreenexit } from './fullscreenexit';
 export { default as fullscreenshrink } from './fullscreenshrink';
@@ -260,6 +262,7 @@ export { default as infoicon } from './info-icon';
 export { default as infoicon1 } from './info-icon1';
 export { default as info } from './info';
 export { default as info2 } from './info2';
+export { default as innerunion } from './inner-union';
 export { default as inprogress } from './inprogress';
 export { default as integer } from './integer';
 export { default as intersection } from './intersection';
@@ -274,6 +277,7 @@ export { default as layersthree02 } from './layers-three-02';
 export { default as layoutalt02 } from './layout-alt-02';
 export { default as layoutalt03 } from './layout-alt-03';
 export { default as leftjoin } from './left-join';
+export { default as leftunion } from './left-union';
 export { default as leftarrow } from './leftarrow';
 export { default as leftpointarrow } from './leftpointarrow';
 export { default as lifebuoy01 } from './life-buoy-01';
@@ -336,6 +340,7 @@ export { default as other } from './other';
 export { default as otherdetails } from './otherdetails';
 export { default as ouanalysisicon } from './ou-analysis-icon';
 export { default as override } from './override';
+export { default as palette } from './palette';
 export { default as palletemenu } from './palletemenu';
 export { default as partner } from './partner';
 export { default as partners } from './partners';
@@ -384,6 +389,7 @@ export { default as readonly } from './readonly';
 export { default as readonlyuser } from './readonlyuser';
 export { default as readuser } from './readuser';
 export { default as reddot } from './reddot';
+export { default as redo02 } from './redo-02';
 export { default as redo } from './redo';
 export { default as refreshcw03 } from './refresh-cw-03';
 export { default as refresh } from './refresh';
@@ -394,6 +400,7 @@ export { default as returnvalue } from './returnvalue';
 export { default as revocationcycle } from './revocationcycle';
 export { default as revokationcycle } from './revokation-cycle';
 export { default as rightjoin } from './right-join';
+export { default as rightunion } from './right-union';
 export { default as rightarrow } from './rightarrow';
 export { default as role } from './role';
 export { default as rolemanager } from './rolemanager';
@@ -407,7 +414,9 @@ export { default as script } from './script';
 export { default as searchlg } from './search-lg';
 export { default as searchstepsicon } from './search-steps-icon';
 export { default as search } from './search';
+export { default as section02 } from './section-02';
 export { default as section } from './section';
+export { default as select02 } from './select-02';
 export { default as select } from './select';
 export { default as selectapplication } from './selectapplication';
 export { default as selectattributes } from './selectattributes';
@@ -448,6 +457,7 @@ export { default as table1 } from './table-1';
 export { default as table } from './table';
 export { default as tag } from './tag';
 export { default as test } from './test';
+export { default as text02 } from './text-02';
 export { default as text } from './text';
 export { default as textareaexpander } from './textarea-expander';
 export { default as themes } from './themes';
@@ -463,6 +473,7 @@ export { default as trashnofill } from './trash-no-fill';
 export { default as trash } from './trash';
 export { default as trendup02 } from './trend-up-02';
 export { default as trigger } from './trigger';
+export { default as undo02 } from './undo-02';
 export { default as undo1 } from './undo-1';
 export { default as undo } from './undo';
 export { default as union } from './union';

package/src/nile-icon/icons/svg/inner-union.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bWFzayBpZD0icGF0aC0xLWluc2lkZS0xXzE4OThfMzU3ODIiIGZpbGw9IndoaXRlIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEzLjAwMDEgMTkuNDk5QzExLjY4NjcgMjAuNDQzNiAxMC4wNzUzIDIxIDguMzMzOTggMjFDMy45MTU3MSAyMSAwLjMzMzk4NCAxNy40MTgzIDAuMzMzOTg0IDEzQzAuMzMzOTg0IDguNTgxNzIgMy45MTU3MSA1IDguMzMzOTggNUMxMC4wNzUzIDUgMTEuNjg2NyA1LjU1NjM2IDEzLjAwMDEgNi41MDEwMUMxNC4zMTM1IDUuNTU2MzYgMTUuOTI0OSA1IDE3LjY2NjIgNUMyMi4wODQ1IDUgMjUuNjY2MiA4LjU4MTcyIDI1LjY2NjIgMTNDMjUuNjY2MiAxNy40MTgzIDIyLjA4NDUgMjEgMTcuNjY2MiAyMUMxNS45MjQ5IDIxIDE0LjMxMzUgMjAuNDQzNiAxMy4wMDAxIDE5LjQ5OVoiLz48L21hc2s+PHBhdGggZD0iTTEzLjAwMDEgMTkuNDk5TDEzLjU4NCAxOC42ODcyTDEzLjAwMDEgMTguMjY3MkwxMi40MTYyIDE4LjY4NzJMMTMuMDAwMSAxOS40OTlaTTEzLjAwMDEgNi41MDEwMUwxMi40MTYyIDcuMzEyODRMMTMuMDAwMSA3LjczMjgxTDEzLjU4NCA3LjMxMjg0TDEzLjAwMDEgNi41MDEwMVpNMTIuNDE2MiAxOC42ODcyQzExLjI2NzMgMTkuNTEzNSA5Ljg1ODkyIDIwIDguMzMzOTggMjBWMjJDMTAuMjkxNyAyMiAxMi4xMDYyIDIxLjM3MzcgMTMuNTg0IDIwLjMxMDhMMTIuNDE2MiAxOC42ODcyWk04LjMzMzk4IDIwQzQuNDY3OTkgMjAgMS4zMzM5OCAxNi44NjYgMS4zMzM5OCAxM0gtMC42NjYwMTZDLTAuNjY2MDE2IDE3Ljk3MDYgMy4zNjM0MiAyMiA4LjMzMzk4IDIyVjIwWk0xLjMzMzk4IDEzQzEuMzMzOTggOS4xMzQwMSA0LjQ2Nzk5IDYgOC4zMzM5OCA2VjRDMy4zNjM0MiA0IC0wLjY2NjAxNiA4LjAyOTQ0IC0wLjY2NjAxNiAxM0gxLjMzMzk4Wk04LjMzMzk4IDZDOS44NTg5MSA2IDExLjI2NzMgNi40ODY0NiAxMi40MTYyIDcuMzEyODRMMTMuNTg0IDUuNjg5MTlDMTIuMTA2MiA0LjYyNjI1IDEwLjI5MTcgNCA4LjMzMzk4IDRWNlpNMTMuNTg0IDcuMzEyODRDMTQuNzMzIDYuNDg2NDYgMTYuMTQxMyA2IDE3LjY2NjIgNlY0QzE1LjcwODUgNCAxMy44OTQxIDQuNjI2MjUgMTIuNDE2MiA1LjY4OTE5TDEzLjU4NCA3LjMxMjg0Wk0xNy42NjYyIDZDMjEuNTMyMiA2IDI0LjY2NjIgOS4xMzQwMSAyNC42NjYyIDEzSDI2LjY2NjJDMjYuNjY2MiA4LjAyOTQ0IDIyLjYzNjggNCAxNy42NjYyIDRWNlpNMjQuNjY2MiAxM0MyNC42NjYyIDE2Ljg2NiAyMS41MzIyIDIwIDE3LjY2NjIgMjBWMjJDMjIuNjM2OCAyMiAyNi42NjYyIDE3Ljk3MDYgMjYuNjY2MiAxM0gyNC42NjYyWk0xNy42NjYyIDIwQzE2LjE0MTMgMjAgMTQuNzMzIDE5LjUxMzUgMTMuNTg0IDE4LjY4NzJMMTIuNDE2MiAyMC4zMTA4QzEzLjg5NDEgMjEuMzczNyAxNS43MDg1IDIyIDE3LjY2NjIgMjJWMjBaIiBmaWxsPSIjMDA1RUE2IiBtYXNrPSJ1cmwoI3BhdGgtMS1pbnNpZGUtMV8xODk4XzM1NzgyKSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTMuMDAxOCAxOS40OThDMTUuMDIwOSAxOC4wNDU4IDE2LjMzNTcgMTUuNjc1OSAxNi4zMzU3IDEyLjk5OUMxNi4zMzU3IDEwLjMyMjEgMTUuMDIwOSA3Ljk1MjIgMTMuMDAxOCA2LjVDMTAuOTgyOCA3Ljk1MjIgOS42Njc5NyAxMC4zMjIxIDkuNjY3OTcgMTIuOTk5QzkuNjY3OTcgMTUuNjc1OSAxMC45ODI4IDE4LjA0NTggMTMuMDAxOCAxOS40OThaIiBmaWxsPSIjMDA1RUE2Ii8+PC9zdmc+";

package/src/nile-icon/icons/svg/left-union.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNy42NjYiIGN5PSIxMyIgcj0iNy41IiBzdHJva2U9IiMwMDVFQTYiLz48Y2lyY2xlIGN4PSI4LjMzMzc0IiBjeT0iMTMiIHI9IjgiIGZpbGw9IiMwMDVFQTYiLz48L3N2Zz4=";

package/src/nile-icon/icons/svg/palette.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxkZWZzPjxzdHlsZT4gICAgICAuY2xzLTEgeyAgICAgICAgZmlsbDogbm9uZTsgICAgICAgIHN0cm9rZTogIzAwMDsgICAgICAgIHN0cm9rZS1saW5lY2FwOiByb3VuZDsgICAgICAgIHN0cm9rZS1saW5lam9pbjogcm91bmQ7ICAgICAgICBzdHJva2Utd2lkdGg6IDEuNHB4OyAgICAgIH0gICAgPC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMiwxMmMwLDUuNSw0LjUsMTAsMTAsMTBzMy0xLjMsMy0zdi0uNWMwLS41LDAtLjcsMC0uOS4yLTEuMywxLjItMi40LDIuNi0yLjYuMiwwLC40LDAsLjksMGguNWMxLjcsMCwzLTEuMywzLTMsMC01LjUtNC41LTEwLTEwLTEwUzIsNi41LDIsMTJaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNywxM2MuNiwwLDEtLjQsMS0xcy0uNC0xLTEtMS0xLC40LTEsMSwuNCwxLDEsMVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNiw5Yy42LDAsMS0uNCwxLTFzLS40LTEtMS0xLTEsLjQtMSwxLC40LDEsMSwxWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLDhjLjYsMCwxLS40LDEtMXMtLjQtMS0xLTEtMSwuNC0xLDEsLjQsMSwxLDFaIi8+PC9zdmc+";

package/src/nile-icon/icons/svg/redo-02.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxkZWZzPjxzdHlsZT4gICAgICAuY2xzLTEgeyAgICAgICAgZmlsbDogbm9uZTsgICAgICAgIHN0cm9rZTogIzAwMDsgICAgICAgIHN0cm9rZS13aWR0aDogMS40cHg7ICAgICAgfSAgICA8L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yMSw5SDcuNWMtMi41LDAtNC41LDItNC41LDQuNXMyLDQuNSw0LjUsNC41aDQuNU0yMSw5bC00LTRNMjEsOWwtNCw0Ii8+PC9zdmc+";

package/src/nile-icon/icons/svg/right-union.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iOTgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCA5OCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9Ijk3IiBoZWlnaHQ9IjM3IiByeD0iMy41IiBzdHJva2U9IiNDN0NFRDQiLz48Y2lyY2xlIGN4PSIyOS42NjYiIGN5PSIxOSIgcj0iOCIgZmlsbD0iIzAwNUVBNiIvPjxjaXJjbGUgY3g9IjIwLjMzMzciIGN5PSIxOSIgcj0iNy41IiBzdHJva2U9IiMwMDVFQTYiLz48cGF0aCBkPSJNNDUuMjc0IDIzVjEzLjJINDkuMzJDNTEuNDc2IDEzLjIgNTIuNjEgMTQuNTg2IDUyLjYxIDE2LjMyMkM1Mi42MSAxNy42OCA1MS44MjYgMTguODI4IDUwLjQ5NiAxOS4yNDhMNTIuNjI0IDIzSDUxLjM3OEw0OS4zOSAxOS40MTZINDYuMzY2VjIzSDQ1LjI3NFpNNDYuMzY2IDE4LjU0OEg0OS4xOEM1MC43NDggMTguNTQ4IDUxLjUxOCAxNy41OTYgNTEuNTE4IDE2LjMyMkM1MS41MTggMTUuMDQ4IDUwLjcwNiAxNC4wODIgNDkuMTggMTQuMDgySDQ2LjM2NlYxOC41NDhaTTU0Ljg2NDkgMjNWMTUuODMySDU1LjkyODlWMjNINTQuODY0OVpNNTQuNzI0OSAxMy45NDJDNTQuNzI0OSAxMy41NjQgNTQuOTkwOSAxMy4yOTggNTUuMzk2OSAxMy4yOThDNTUuODAyOSAxMy4yOTggNTYuMDY4OSAxMy41NjQgNTYuMDY4OSAxMy45NDJDNTYuMDY4OSAxNC4zMiA1NS44MDI5IDE0LjU4NiA1NS4zOTY5IDE0LjU4NkM1NC45OTA5IDE0LjU4NiA1NC43MjQ5IDE0LjMyIDU0LjcyNDkgMTMuOTQyWk02MS4zNTE2IDI1LjYwNEM1OS45MjM2IDI1LjYwNCA1OC42MzU2IDI0Ljk0NiA1OC4yNDM2IDIzLjc3SDU5LjI5MzZDNTkuNjg1NiAyNC40NTYgNjAuMzcxNiAyNC43NjQgNjEuMzUxNiAyNC43NjRDNjIuNTk3NiAyNC43NjQgNjMuNDUxNiAyNC4wNjQgNjMuNDUxNiAyMi45NzJWMjEuMzQ4QzYzLjIyNzYgMjIuMDA2IDYyLjI0NzYgMjIuNzA2IDYxLjA0MzYgMjIuNzA2QzU5LjE4MTYgMjIuNzA2IDU4LjExNzYgMjEuMzc2IDU4LjExNzYgMTkuNzhWMTguNTlDNTguMTE3NiAxNi45NjYgNTkuMTY3NiAxNS42NjQgNjEuMDU3NiAxNS42NjRDNjIuNDAxNiAxNS42NjQgNjMuMTk5NiAxNi4zOTIgNjMuNDkzNiAxNy4wMjJWMTUuODMySDY0LjUxNTZWMjNDNjQuNTE1NiAyNC40ODQgNjMuMTcxNiAyNS42MDQgNjEuMzUxNiAyNS42MDRaTTYxLjI1MzYgMjEuODM4QzYyLjQ3MTYgMjEuODM4IDYzLjQ1MTYgMjEuMDI2IDYzLjQ1MTYgMTkuNjY4VjE4Ljc0NEM2My40NTE2IDE3LjUyNiA2Mi41Mjc2IDE2LjUzMiA2MS4yOTU2IDE2LjUzMkM1OS44OTU2IDE2LjUzMiA1OS4xNjc2IDE3LjMwMiA1OS4xNjc2IDE4LjY3NFYxOS42OTZDNTkuMTY3NiAyMS4wNCA1OS44ODE2IDIxLjgzOCA2MS4yNTM2IDIxLjgzOFpNNjYuOTgwMSAyM1YxMi43OEg2OC4wNDQxVjE2LjkzOEM2OC40NTAxIDE2LjE5NiA2OS4xOTIxIDE1LjY2NCA3MC4zODIxIDE1LjY2NEM3MS45OTIxIDE1LjY2NCA3My4wMTQxIDE2Ljc1NiA3My4wMTQxIDE4LjQ3OFYyM0g3MS45NTAxVjE4LjYzMkM3MS45NTAxIDE3LjQxNCA3MS40MDQxIDE2LjU4OCA3MC4xMTYxIDE2LjU4OEM2OC45NDAxIDE2LjU4OCA2OC4wNDQxIDE3LjMwMiA2OC4wNDQxIDE4Ljc4NlYyM0g2Ni45ODAxWk03OC43NzIyIDIzSDc3Ljg3NjJDNzYuNTA0MiAyMyA3NS45MzAyIDIyLjMxNCA3NS45MzAyIDIxLjA5NlYxNi43SDc0LjcxMjJWMTUuODMySDc1LjkzMDJWMTMuNzc0SDc2Ljk5NDJWMTUuODMySDc4LjgyODJWMTYuN0g3Ni45OTQyVjIxLjA5NkM3Ni45OTQyIDIxLjgyNCA3Ny4yNjAyIDIyLjEzMiA3OC4wNTgyIDIyLjEzMkg3OC43NzIyVjIzWiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";

package/src/nile-icon/icons/svg/section-02.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZGVmcz48c3R5bGU+ICAgICAgLmNscy0xIHsgICAgICAgIGZpbGw6ICMwMDA7ICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7ICAgICAgICBzdHJva2Utd2lkdGg6IDBweDsgICAgICB9ICAgIDwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIsMTdoMS41djJoLTEuNXYtMlpNMiwxM2gxLjV2MmgtMS41di0yWk0yLDloMS41djJoLTEuNXYtMlpNMiw1aDEuNXYyaC0xLjV2LTJaTTcsMnYxLjVoLTJ2LTEuNWgyWk0xMSwydjEuNWgtMnYtMS41aDJaTTE1LDJ2MS41aC0ydi0xLjVoMlpNMTksMnYxLjVoLTJ2LTEuNWgyWk0yMiw3aC0xLjV2LTJoMS41djJaTTIyLDExaC0xLjV2LTJoMS41djJaTTIyLDE1aC0xLjV2LTJoMS41djJaTTIyLDE5aC0xLjV2LTJoMS41djJaTTE3LDIydi0xLjVoMnYxLjVoLTJaTTEzLDIydi0xLjVoMnYxLjVoLTJaTTksMjJ2LTEuNWgydjEuNWgtMlpNNSwyMnYtMS41aDJ2MS41aC0yWk0yMiwyMC41djEuNWgtMS41di0xaC41di0uNWgxWk0yMC41LDJoMS41djEuNWgtMXYtLjVoLS41di0xWk0yLDMuNXYtMS41aDEuNXYxaC0uNXYuNWgtMVpNMiwyMmgxLjV2LTFoLS41di0uNWgtMXYxLjVaIi8+PC9zdmc+";

package/src/nile-icon/icons/svg/select-02.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxkZWZzPjxzdHlsZT4gICAgICAuY2xzLTEgeyAgICAgICAgZmlsbDogbm9uZTsgICAgICAgIHN0cm9rZTogIzAwMDsgICAgICAgIHN0cm9rZS1saW5lY2FwOiBzcXVhcmU7ICAgICAgICBzdHJva2Utd2lkdGg6IDEuNXB4OyAgICAgIH0gICAgPC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTguNywyMS45bDMuMy0zLjMuNi0uNi0uNi0uNi01LjEtNS4xLDQuNi00LjctMS41LS40TDMuMiwyLjdsLS42LS4yLjIuOCw0LjUsMTYuNi40LDEuNCwxLTEsMy41LTMuNSw1LjEsNS4xLjYuNi43LS43Ii8+PC9zdmc+";

package/src/nile-icon/icons/svg/text-02.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxkZWZzPjxzdHlsZT4gICAgICAuY2xzLTEgeyAgICAgICAgZmlsbDogbm9uZTsgICAgICAgIHN0cm9rZTogIzAwMDsgICAgICAgIHN0cm9rZS13aWR0aDogMS41cHg7ICAgICAgfSAgICA8L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04LjIsMjJoNy41TTEyLDJ2MjBNMjIsNS44di0zLjhIMnYzLjgiLz48L3N2Zz4=";

package/src/nile-icon/icons/svg/undo-02.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxkZWZzPjxzdHlsZT4gICAgICAuY2xzLTEgeyAgICAgICAgZmlsbDogbm9uZTsgICAgICAgIHN0cm9rZTogIzAwMDsgICAgICAgIHN0cm9rZS13aWR0aDogMS40cHg7ICAgICAgfSAgICA8L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zLDloMTMuNWMyLjUsMCw0LjUsMiw0LjUsNC41cy0yLDQuNS00LjUsNC41aC00LjVNMyw5bDQtNE0zLDlsNCw0Ii8+PC9zdmc+";

package/src/nile-select/nile-select.ts

@@ -233,8 +233,6 @@ export class NileSelect extends NileElement implements NileFormControl {
 
   @property({ type: String }) noResultsMessage: string = 'No results found';
 
-  @state() hiddenItems: any = [];
-
   /** Gets the validity state object */
   get validity() {
     return this.valueInput?.validity;
@@ -317,18 +315,13 @@ export class NileSelect extends NileElement implements NileFormControl {
 
     // Hide unselected options if showSelected is true
     const allOptions = this.getAllOptions();
-    this.hiddenItems = [];
     allOptions.forEach(el => {
       if (!el.selected) {
-        this.hiddenItems.push(el.value);
         el.hidden = this.showSelected;
       }
     });
-    if(!this.showSelected){
-      this.hiddenItems=[]
-    }
 
-    this.requestUpdate();
+    // this.requestUpdate();
   }
 
   /**
@@ -542,10 +535,6 @@ export class NileSelect extends NileElement implements NileFormControl {
     const target = event.target as HTMLElement;
     const option = target.closest('nile-option');
 
-    if(this.hiddenItems.includes(option?.value)){
-      return;
-    }
-
     if (this.blockValueChange && option) {
       this.emit('nile-block-change', { value: option?.value, name: this.name });
       this.hide();
@@ -762,13 +751,10 @@ export class NileSelect extends NileElement implements NileFormControl {
       if (this.selectedOptions.length === 0) {
         this.showSelected = false;
         const allOptions = this.getAllOptions();
-        this.hiddenItems = [];
         allOptions.forEach(el => {
           if (!el.selected) {
             el.hidden = this.showSelected;
-          } else {
-            this.hiddenItems.push(el.value);
-          }
+          } else {}
         });
 
         this.requestUpdate();
@@ -885,15 +871,14 @@ export class NileSelect extends NileElement implements NileFormControl {
       if (this.currentOption) {
         scrollIntoView(this.currentOption, this.listbox, 'vertical', 'auto');
       }
+      this.searchValue = '';
+      this.filterOptions(this.searchValue);
 
       this.emit('nile-after-show', { value: this.value, name: this.name });
     } else {
       // Hide
       this.emit('nile-hide', { value: this.value, name: this.name });
       this.showSelected = false;
-      this.hiddenItems = [];
-      this.searchValue = '';
-      this.filterOptions(this.searchValue);
       this.removeOpenListeners();
 
       await stopAnimations(this);