npm - @aquera/nile-elements - Versions diffs - 0.1.69 → 0.1.70-beta-1.0 - Mend

@aquera/nile-elements 0.1.69 → 0.1.70-beta-1.0

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 (499) hide show

package/README.md CHANGED Viewed

@@ -79,24 +79,9 @@ To run a local development server that serves the basic demo located in `demo/in
 In this section, you can find the updates for each release of `nile-elements`. It's a good practice to maintain detailed release notes to help users and developers understand what changes have been made from one version to another and how these changes might affect their projects.
-#### Version 0.1.69
-- Nile Table: Column resize defect fix [UIF-959]
-#### Version 0.1.68
--  Nile Code Editor: Code Editor Fixes [UIF-956]
-#### Version 0.1.67
-- New Component: Nile Option Group [UIF-948]
 #### Version 0.1.66
   Nile Virtual Select: Provide option to pass class to `nile-option` [UIF-938]
-#### Version 0.1.55-patch-2
-- Nile Code Editor: Defect fix [UIF-939]
-#### Version 0.1.55-1
-- Nile Code Editor: Added defaultFont property, Enabled tab completion by default [UIF-887]
 #### Version 0.1.65
 - Nile Option: Added a CSS Part (Technical Change) [UIF-937]

package/demo/index.html CHANGED Viewed

@@ -22,18 +22,356 @@
     flex: 0 0 auto;
     height: 38px;
   }
+  /* nile-table-row.expandableHeader::part(expandable-icon){visibility: hidden;
+  } */
+/*
+  .mytable::part(base) {
+    height: 400px;
+    overflow-y: auto;
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+  }
+  .mytable nile-table-header-item {
+    position: sticky;
+    top: 0;
+    z-index: 1;
+  }
+  .mytable nile-table-row.expandableHeader {
+    position: sticky;
+    top: 0;
+    z-index: 1;
+  } */
+  /* First Name & Last Name - 15% each */
+ /* nile-table-header-item:nth-child(3),  nile-table-cell-item:nth-child(3)  {
+	width: 100px;
+} */
 </style>
 <body>
-    <div style="padding: 30px;">
-        <nile-progress-bar value="80"></nile-progress-bar>
-    </div>
-    <div style="padding: 30px;">
-        <nile-circular-progressbar content="text"></nile-circular-progressbar>
-<nile-circular-progressbar value="80" size="60"></nile-circular-progressbar>
-<nile-circular-progressbar></nile-circular-progressbar>
-<nile-circular-progressbar value="30" content=" "></nile-circular-progressbar>
-    </div>
+  <nile-table-body class="mytable" expandableRows singleRowExpand>
+    <nile-table-row class="expandableHeader" expandable="false">
+      <nile-table-header-item haveFilter class="header1">First Name</nile-table-header-item>
+      <nile-table-header-item class="header2">Last Name</nile-table-header-item>
+      <nile-table-header-item class="header3">Rating</nile-table-header-item>
+      <nile-table-header-item class="header4">Demo</nile-table-header-item>
+      <nile-table-header-item class="header5">Description</nile-table-header-item>
+    </nile-table-row>
+    <nile-table-row>
+      <nile-table-cell-item>Birat</nile-table-cell-item>
+      <nile-table-cell-item>Doe</nile-table-cell-item>
+      <nile-table-cell-item>4.5</nile-table-cell-item>
+      <nile-table-cell-item>Yes</nile-table-cell-item>
+      <nile-table-cell-item>Something</nile-table-cell-item>
+      <div slot="expanded" style="padding: 40px;">
+        <nile-table-body>
+          <nile-table-row>
+            <nile-table-header-item>First Name</nile-table-header-item>
+            <nile-table-header-item>Last Name</nile-table-header-item>
+            <nile-table-header-item>Rating</nile-table-header-item>
+            <nile-table-header-item>Demo</nile-table-header-item>
+            <nile-table-header-item>Description</nile-table-header-item>
+          </nile-table-row>
+          <nile-table-row>
+            <nile-table-cell-item>John</nile-table-cell-item>
+            <nile-table-cell-item>Doe</nile-table-cell-item>
+            <nile-table-cell-item>4.5</nile-table-cell-item>
+            <nile-table-cell-item>Yes</nile-table-cell-item>
+            <nile-table-cell-item>Something</nile-table-cell-item>
+          </nile-table-row>
+          <nile-table-row>
+            <nile-table-cell-item>John</nile-table-cell-item>
+            <nile-table-cell-item>Doe</nile-table-cell-item>
+            <nile-table-cell-item>4.5</nile-table-cell-item>
+            <nile-table-cell-item>No</nile-table-cell-item>
+            <nile-table-cell-item>Something</nile-table-cell-item>
+          </nile-table-row>
+          <nile-table-row>
+            <nile-table-cell-item>John</nile-table-cell-item>
+            <nile-table-cell-item>Doe</nile-table-cell-item>
+            <nile-table-cell-item>4.5</nile-table-cell-item>
+            <nile-table-cell-item>Yes</nile-table-cell-item>
+            <nile-table-cell-item>Something</nile-table-cell-item>
+          </nile-table-row>
+          <nile-table-row>
+            <nile-table-cell-item>John</nile-table-cell-item>
+            <nile-table-cell-item>Doe</nile-table-cell-item>
+            <nile-table-cell-item>4.5</nile-table-cell-item>
+            <nile-table-cell-item>No</nile-table-cell-item>
+            <nile-table-cell-item>Something</nile-table-cell-item>
+          </nile-table-row>
+        </nile-table-body>
+      </div>
+    </nile-table-row>
+    <nile-table-row>
+      <nile-table-cell-item>John</nile-table-cell-item>
+      <nile-table-cell-item>Doe</nile-table-cell-item>
+      <nile-table-cell-item>4.5</nile-table-cell-item>
+      <nile-table-cell-item>No</nile-table-cell-item>
+      <nile-table-cell-item>Something</nile-table-cell-item>
+      <div slot="expanded" style="padding: 40px;">
+        <nile-table-body>
+          <nile-table-row>
+            <nile-table-header-item>First Name</nile-table-header-item>
+            <nile-table-header-item>Last Name</nile-table-header-item>
+            <nile-table-header-item>Rating</nile-table-header-item>
+            <nile-table-header-item>Demo</nile-table-header-item>
+            <nile-table-header-item>Description</nile-table-header-item>
+          </nile-table-row>
+          <nile-table-row>
+            <nile-table-cell-item>John</nile-table-cell-item>
+            <nile-table-cell-item>Doe</nile-table-cell-item>
+            <nile-table-cell-item>4.5</nile-table-cell-item>
+            <nile-table-cell-item>Yes</nile-table-cell-item>
+            <nile-table-cell-item>Something</nile-table-cell-item>
+          </nile-table-row>
+          <nile-table-row>
+            <nile-table-cell-item>John</nile-table-cell-item>
+            <nile-table-cell-item>Doe</nile-table-cell-item>
+            <nile-table-cell-item>4.5</nile-table-cell-item>
+            <nile-table-cell-item>No</nile-table-cell-item>
+            <nile-table-cell-item>Something</nile-table-cell-item>
+          </nile-table-row>
+          <nile-table-row>
+            <nile-table-cell-item>John</nile-table-cell-item>
+            <nile-table-cell-item>Doe</nile-table-cell-item>
+            <nile-table-cell-item>4.5</nile-table-cell-item>
+            <nile-table-cell-item>Yes</nile-table-cell-item>
+            <nile-table-cell-item>Something</nile-table-cell-item>
+          </nile-table-row>
+          <nile-table-row>
+            <nile-table-cell-item>John</nile-table-cell-item>
+            <nile-table-cell-item>Doe</nile-table-cell-item>
+            <nile-table-cell-item>4.5</nile-table-cell-item>
+            <nile-table-cell-item>No</nile-table-cell-item>
+            <nile-table-cell-item>Something</nile-table-cell-item>
+          </nile-table-row>
+        </nile-table-body>
+      </div>
+    </nile-table-row>
+    <nile-table-row>
+      <nile-table-cell-item>John</nile-table-cell-item>
+      <nile-table-cell-item>Doe</nile-table-cell-item>
+      <nile-table-cell-item>4.5</nile-table-cell-item>
+      <nile-table-cell-item>No</nile-table-cell-item>
+      <nile-table-cell-item>Something</nile-table-cell-item>
+      <div slot="expanded" style="padding: 40px;">
+        <nile-table-body>
+          <nile-table-row>
+            <nile-table-header-item>First Name</nile-table-header-item>
+            <nile-table-header-item>Last Name</nile-table-header-item>
+            <nile-table-header-item>Rating</nile-table-header-item>
+            <nile-table-header-item>Demo</nile-table-header-item>
+            <nile-table-header-item>Description</nile-table-header-item>
+          </nile-table-row>
+          <nile-table-row>
+            <nile-table-cell-item>John</nile-table-cell-item>
+            <nile-table-cell-item>Doe</nile-table-cell-item>
+            <nile-table-cell-item>4.5</nile-table-cell-item>
+            <nile-table-cell-item>Yes</nile-table-cell-item>
+            <nile-table-cell-item>Something</nile-table-cell-item>
+          </nile-table-row>
+          <nile-table-row>
+            <nile-table-cell-item>John</nile-table-cell-item>
+            <nile-table-cell-item>Doe</nile-table-cell-item>
+            <nile-table-cell-item>4.5</nile-table-cell-item>
+            <nile-table-cell-item>No</nile-table-cell-item>
+            <nile-table-cell-item>Something</nile-table-cell-item>
+          </nile-table-row>
+          <nile-table-row>
+            <nile-table-cell-item>John</nile-table-cell-item>
+            <nile-table-cell-item>Doe</nile-table-cell-item>
+            <nile-table-cell-item>4.5</nile-table-cell-item>
+            <nile-table-cell-item>Yes</nile-table-cell-item>
+            <nile-table-cell-item>Something</nile-table-cell-item>
+          </nile-table-row>
+          <nile-table-row>
+            <nile-table-cell-item>John</nile-table-cell-item>
+            <nile-table-cell-item>Doe</nile-table-cell-item>
+            <nile-table-cell-item>4.5</nile-table-cell-item>
+            <nile-table-cell-item>No</nile-table-cell-item>
+            <nile-table-cell-item>Something</nile-table-cell-item>
+          </nile-table-row>
+        </nile-table-body>
+      </div>
+    </nile-table-row> <nile-table-row>
+      <nile-table-cell-item>John</nile-table-cell-item>
+      <nile-table-cell-item>Doe</nile-table-cell-item>
+      <nile-table-cell-item>4.5</nile-table-cell-item>
+      <nile-table-cell-item>No</nile-table-cell-item>
+      <nile-table-cell-item>Something</nile-table-cell-item>
+    </nile-table-row> <nile-table-row>
+      <nile-table-cell-item>John</nile-table-cell-item>
+      <nile-table-cell-item>Doe</nile-table-cell-item>
+      <nile-table-cell-item>4.5</nile-table-cell-item>
+      <nile-table-cell-item>No</nile-table-cell-item>
+      <nile-table-cell-item>Something</nile-table-cell-item>
+    </nile-table-row> <nile-table-row>
+      <nile-table-cell-item>John</nile-table-cell-item>
+      <nile-table-cell-item>Doe</nile-table-cell-item>
+      <nile-table-cell-item>4.5</nile-table-cell-item>
+      <nile-table-cell-item>No</nile-table-cell-item>
+      <nile-table-cell-item>Something</nile-table-cell-item>
+    </nile-table-row> <nile-table-row>
+      <nile-table-cell-item>John</nile-table-cell-item>
+      <nile-table-cell-item>Doe</nile-table-cell-item>
+      <nile-table-cell-item>4.5</nile-table-cell-item>
+      <nile-table-cell-item>No</nile-table-cell-item>
+      <nile-table-cell-item>Something</nile-table-cell-item>
+    </nile-table-row> <nile-table-row>
+      <nile-table-cell-item>John</nile-table-cell-item>
+      <nile-table-cell-item>Doe</nile-table-cell-item>
+      <nile-table-cell-item>4.5</nile-table-cell-item>
+      <nile-table-cell-item>No</nile-table-cell-item>
+      <nile-table-cell-item>Something</nile-table-cell-item>
+    </nile-table-row>
+    <nile-table-row>
+      <nile-table-cell-item>John</nile-table-cell-item>
+      <nile-table-cell-item>Doe</nile-table-cell-item>
+      <nile-table-cell-item>4.5</nile-table-cell-item>
+      <nile-table-cell-item>No</nile-table-cell-item>
+      <nile-table-cell-item>Something</nile-table-cell-item>
+    </nile-table-row>
+    <nile-table-row>
+      <nile-table-cell-item>John</nile-table-cell-item>
+      <nile-table-cell-item>Doe</nile-table-cell-item>
+      <nile-table-cell-item>4.5</nile-table-cell-item>
+      <nile-table-cell-item>Yes</nile-table-cell-item>
+      <nile-table-cell-item>Something</nile-table-cell-item>
+    </nile-table-row>
+    <nile-table-row>
+      <nile-table-cell-item>John</nile-table-cell-item>
+      <nile-table-cell-item>Doe</nile-table-cell-item>
+      <nile-table-cell-item>4.5</nile-table-cell-item>
+      <nile-table-cell-item>No</nile-table-cell-item>
+      <nile-table-cell-item>Something Something Something Something Something Something Something Something Something
+        Something Something Something Something Something Something Something Something Something Something Something
+        Something Something Something Something Something Something Something Something Something Something Something
+        Something Something
+      </nile-table-cell-item>
+      <div slot="expanded" style="padding: 40px;">
+        <nile-table-body>
+          <nile-table-row>
+            <nile-table-header-item>First Name</nile-table-header-item>
+            <nile-table-header-item>Last Name</nile-table-header-item>
+            <nile-table-header-item>Rating</nile-table-header-item>
+            <nile-table-header-item>Demo</nile-table-header-item>
+            <nile-table-header-item>Description</nile-table-header-item>
+          </nile-table-row>
+          <nile-table-row>
+            <nile-table-cell-item>John</nile-table-cell-item>
+            <nile-table-cell-item>Doe</nile-table-cell-item>
+            <nile-table-cell-item>4.5</nile-table-cell-item>
+            <nile-table-cell-item>Yes</nile-table-cell-item>
+            <nile-table-cell-item>Something</nile-table-cell-item>
+          </nile-table-row>
+          <nile-table-row>
+            <nile-table-cell-item>John</nile-table-cell-item>
+            <nile-table-cell-item>Doe</nile-table-cell-item>
+            <nile-table-cell-item>4.5</nile-table-cell-item>
+            <nile-table-cell-item>No</nile-table-cell-item>
+            <nile-table-cell-item>Something</nile-table-cell-item>
+          </nile-table-row>
+          <nile-table-row>
+            <nile-table-cell-item>John</nile-table-cell-item>
+            <nile-table-cell-item>Doe</nile-table-cell-item>
+            <nile-table-cell-item>4.5</nile-table-cell-item>
+            <nile-table-cell-item>Yes</nile-table-cell-item>
+            <nile-table-cell-item>Something</nile-table-cell-item>
+          </nile-table-row>
+          <nile-table-row>
+            <nile-table-cell-item>John</nile-table-cell-item>
+            <nile-table-cell-item>Doe</nile-table-cell-item>
+            <nile-table-cell-item>4.5</nile-table-cell-item>
+            <nile-table-cell-item>No</nile-table-cell-item>
+            <nile-table-cell-item>Something</nile-table-cell-item>
+          </nile-table-row>
+        </nile-table-body>
+      </div>
+    </nile-table-row>
+    <nile-table-row class="cancel" .expandable="false">
+      <nile-table-cell-item>John</nile-table-cell-item>
+      <nile-table-cell-item>Doe</nile-table-cell-item>
+      <nile-table-cell-item>4.5</nile-table-cell-item>
+      <nile-table-cell-item>No</nile-table-cell-item>
+      <nile-table-cell-item>Something </nile-table-cell-item>
+      <div slot="expanded" style="padding: 40px;">
+        <nile-table-body>
+          <nile-table-row>
+            <nile-table-header-item>First Name</nile-table-header-item>
+            <nile-table-header-item>Last Name</nile-table-header-item>
+            <nile-table-header-item>Rating</nile-table-header-item>
+            <nile-table-header-item>Demo</nile-table-header-item>
+            <nile-table-header-item>Description</nile-table-header-item>
+          </nile-table-row>
+          <nile-table-row>
+            <nile-table-cell-item>John</nile-table-cell-item>
+            <nile-table-cell-item>Doe</nile-table-cell-item>
+            <nile-table-cell-item>4.5</nile-table-cell-item>
+            <nile-table-cell-item>Yes</nile-table-cell-item>
+            <nile-table-cell-item>Something</nile-table-cell-item>
+          </nile-table-row>
+          <nile-table-row>
+            <nile-table-cell-item>John</nile-table-cell-item>
+            <nile-table-cell-item>Doe</nile-table-cell-item>
+            <nile-table-cell-item>4.5</nile-table-cell-item>
+            <nile-table-cell-item>No</nile-table-cell-item>
+            <nile-table-cell-item>Something</nile-table-cell-item>
+          </nile-table-row>
+          <nile-table-row>
+            <nile-table-cell-item>John</nile-table-cell-item>
+            <nile-table-cell-item>Doe</nile-table-cell-item>
+            <nile-table-cell-item>4.5</nile-table-cell-item>
+            <nile-table-cell-item>Yes</nile-table-cell-item>
+            <nile-table-cell-item>Something</nile-table-cell-item>
+          </nile-table-row>
+          <nile-table-row>
+            <nile-table-cell-item>John</nile-table-cell-item>
+            <nile-table-cell-item>Doe</nile-table-cell-item>
+            <nile-table-cell-item>4.5</nile-table-cell-item>
+            <nile-table-cell-item>No</nile-table-cell-item>
+            <nile-table-cell-item>Something</nile-table-cell-item>
+          </nile-table-row>
+        </nile-table-body>
+      </div>
+    </nile-table-row>
+  </nile-table-body>
+  </div>
+  <script>
+    document.addEventListener('nile-body-load', () => {
+      const cancel = document.querySelector('.expandableHeader');
+      // console.log(cancel.expandable);
+      setTimeout(() => {
+        // cancel.expandable = false;
+      });
+      // setTimeout(() => {
+      //   cancel.expandable = false;
+      //   setTimeout(() => {
+      //     cancel.expandable = true;
+      //   }, 3000);
+      // }, 4000);
+    });
+  </script>
 </body>
 </html>

package/dist/aquera-nile-elements-0.1.57-beta-2.0.tgz ADDED Viewed

Binary file