@aquera/nile-elements 0.0.6-2 → 0.0.6-4

package/package.json

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

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

@@ -1068,7 +1068,6 @@ export class NileSelect extends NileElement implements NileFormControl {
               @mouseup=${this.handleOptionClick}
               @slotchange=${this.handleDefaultSlotChange}
             >
-
               ${this.optionsLoading
                 ? html`
                     <span class="select__loader">
@@ -1079,7 +1078,6 @@ export class NileSelect extends NileElement implements NileFormControl {
                     </span>
                   `
                 : ''}
-
               ${this.searchEnabled
                 ? html` <div class="select__search">
                     <nile-input
@@ -1122,9 +1120,13 @@ export class NileSelect extends NileElement implements NileFormControl {
                         &nbsp; Show Selected</nile-checkbox
                       >
                     </span>
-                    <span class="select__clear" @click="${this.unSlectAll}"
-                      >clear all</span
-                    >
+                    ${this.selectedOptions.length !== 0
+                      ? html` <span
+                          class="select__clear"
+                          @click="${this.unSlectAll}"
+                          >clear all</span
+                        >`
+                      : ``}
                   </div>`
                 : ``}
             </div>

package/src/nile-textarea/nile-textarea.ts

@@ -149,6 +149,8 @@ export class NileTextarea extends NileElement  {
   /** The default value of the form control. Primarily used for resetting the form control. */
   @defaultValue() defaultValue = '';
 
+  @property({ type: Boolean, reflect: true }) fullHeight = false;
+
   connectedCallback() {
     super.connectedCallback();
     this.resizeObserver = new ResizeObserver(() => this.setTextareaHeight());
@@ -157,6 +159,18 @@ export class NileTextarea extends NileElement  {
       this.setTextareaHeight();
       this.resizeObserver.observe(this.input);
     });
+
+    if(this.fullHeight){
+    requestAnimationFrame(() => {
+      let parentHeight = this.parentElement?.getBoundingClientRect().height;
+
+      if (parentHeight) {
+        parentHeight = parentHeight - 65;
+        this.shadowRoot?.querySelector('textarea')?.style.setProperty('height', `${parentHeight}px`);
+      }
+    });
+    }
+
     this.emit('nile-init');
   }