@aquera/nile-elements 0.0.67 → 0.0.68

package/src/nile-table-row/nile-table-row.ts

@@ -41,8 +41,28 @@ export class NileTableRow extends NileElement {
    * Render method
    * @slot This is a slot test
    */
+
+  private handleSortingAlter(event: CustomEvent) {
+    const header_items: any = [
+      ...this.querySelectorAll('nile-table-header-item'),
+    ];
+    for (let i = 0; i < header_items.length; i++) {
+      const header = header_items[i];
+      const haveIcon =
+        header.textContent == event.detail.value.curr_sort_string;
+      if (!haveIcon) {
+        header.sorting_ct = 0;
+      }
+    }
+  }
+
   public render(): TemplateResult {
-    return html` <slot  part="nile-row"></slot> `;
+    return html`
+      <slot
+        part="nile-row"
+        @nile-click-sort="${this.handleSortingAlter}"
+      ></slot>
+    `;
   }
 
   /* #endregion */

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

@@ -67,11 +67,9 @@ export class NileTextarea extends NileElement  {
   /** The textarea's label. If you need to display HTML, use the `label` slot instead. */
   @property() label = '';
 
-  /** The textarea's help text. If you need to display HTML, use the `help-text` slot instead. */
-  @property({ attribute: 'help-text' }) helpText = '';
+  @property({ attribute: 'help-text', reflect: true }) helpText = '';
 
-  /** The input's error message. If you need to display HTML, use the `error-message` slot instead. */
-  @property({ attribute: 'error-message' }) errorMessage = '';
+  @property({ attribute: 'error-message', reflect: true }) errorMessage = '';;
 
   /** Placeholder text to show as a hint when the input is empty. */
   @property() placeholder = '';