@aquera/nile-elements 0.1.28-beta-1.4 → 0.1.28-beta-1.6

package/package.json

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

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

@@ -414,6 +414,8 @@ export { default as refresh } from './refresh';
 export { default as reminder } from './reminder';
 export { default as resize } from './resize';
 export { default as resource } from './resource';
+export { default as resource_analysis } from './resource_analysis';
+export { default as resource_graph } from './resource_graph';
 export { default as restart_alt } from './restart_alt';
 export { default as revocationcycle } from './revocationcycle';
 export { default as revokationcycle } from './revokation-cycle';
@@ -489,6 +491,7 @@ export { default as thumsup } from './thumsup';
 export { default as tick } from './tick';
 export { default as timeupdate } from './timeupdate';
 export { default as timezone } from './timezone';
+export { default as transaction_monitor } from './transaction_monitor';
 export { default as trash01 } from './trash-01';
 export { default as trash03 } from './trash-03';
 export { default as trashnofill } from './trash-no-fill';

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

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

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

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

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

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

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

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

package/src/nile-tooltip/nile-tooltip.css.ts

@@ -11,60 +11,119 @@ import { css } from 'lit';
  * Tooltip CSS
  */
 export const styles = css`
-  :host {
-    --max-width: 20rem;
-    --hide-delay: 0ms;
-    --show-delay: 150ms;
-
-    display: contents;
-  }
-
-  .tooltip {
-    --arrow-size: 6px;
-    --arrow-color: var(--nile-tooltip-color-background);
-  }
-
-  .tooltip::part(popup) {
-    pointer-events: none;
-    z-index: 1000;
-  }
-
-  .tooltip[placement^='top']::part(popup) {
-    transform-origin: bottom;
-  }
-
-  .tooltip[placement^='bottom']::part(popup) {
-    transform-origin: top;
-  }
-
-  .tooltip[placement^='left']::part(popup) {
-    transform-origin: right;
-  }
-
-  .tooltip[placement^='right']::part(popup) {
-    transform-origin: left;
-  }
-
-  .tooltip__body {
-    display: block;
-    width: max-content;
-    max-width: var(--max-width);
-    border-radius: 4px;
-    background-color: var(--nile-tooltip-color-background);
-    font-size: var(--nile-tooltip-font-size-sm);
-    font-weight: var(--nile-tooltip-font-weight-sm);
-    line-height: var(--nile-tooltip-line-height-sm);
-    padding: var(--nile-tooltip-padding-y) var(--nile-tooltip-padding-x);
-    color: var(--nile-colors-white-base);
-    pointer-events: none;
-    word-break: break-word;
-  }
-
-  .tooltip__body--large {
-    font-size: var(--nile-tooltip-font-size-lg);
-    line-height: var(--nile-tooltip-line-height-lg);
-    font-weight: var(--nile-tooltip-font-weight-lg);
-  }
+
+
+:host {
+      position: relative;
+      display: inline-block;
+    }
+
+    .tooltip {
+      position: fixed;
+      z-index: 1000;
+      background-color: var(--nile-tooltip-color-background, #333);
+      color: var(--nile-colors-white-base, #fff);
+      padding: 6px 10px;
+      border-radius: 4px;
+      font-size: var(--nile-tooltip-font-size-sm, 14px);
+      line-height: var(--nile-tooltip-line-height-sm, 1.5);
+      opacity: 0;
+      transition: opacity 0.2s, transform 0.2s;
+      pointer-events: none;
+      white-space: nowrap;
+      visibility: hidden;
+      transform: scale(0.95);
+      transition: opacity 0.2s ease-out, transform 0.2s ease-out;
+    }
+
+    .tooltip[open] {
+  opacity: 1;
+  transform: scale(1);
+}
+
+    :host([open]) .tooltip {
+      opacity: 1;
+      visibility: visible;
+      pointer-events: auto;
+    }
+
+    .tooltip__body--large {
+      font-size: var(--nile-type-scale-4, 16px);
+      line-height: var(--nile-tooltip-line-height-lg, 1.75);
+    }
+
+    /* Tooltip Arrow */
+    .tooltip::after {
+      content: '';
+      position: absolute;
+      width: 0;
+      height: 0;
+      border-style: solid;
+    }
+
+    /* Basic Arrow Positions */
+    .tooltip[data-placement^="top"]::after {
+      bottom: -6px;
+      border-width: 6px 6px 0 6px;
+      border-color: var(--nile-tooltip-color-background, #333) transparent transparent transparent;
+    }
+
+    .tooltip[data-placement^="bottom"]::after {
+      top: -6px;
+      border-width: 0 6px 6px 6px;
+      border-color: transparent transparent var(--nile-tooltip-color-background, #333) transparent;
+    }
+
+    .tooltip[data-placement^="left"]::after {
+      right: -6px;
+      border-width: 6px 0 6px 6px;
+      border-color: transparent transparent transparent var(--nile-tooltip-color-background, #333);
+    }
+
+    .tooltip[data-placement^="right"]::after {
+      left: -6px;
+      border-width: 6px 6px 6px 0;
+      border-color: transparent var(--nile-tooltip-color-background, #333) transparent transparent;
+    }
+
+    /* Arrow Horizontal Alignment for top/bottom placements */
+    .tooltip[data-placement="top"]::after,
+    .tooltip[data-placement="bottom"]::after {
+      left: 50%;
+      transform: translateX(-50%);
+    }
+
+    .tooltip[data-placement="top-start"]::after,
+    .tooltip[data-placement="bottom-start"]::after {
+      left: 12px;
+    }
+
+    .tooltip[data-placement="top-end"]::after,
+    .tooltip[data-placement="bottom-end"]::after {
+      right: 12px;
+      left: auto;
+    }
+
+    /* Arrow Vertical Alignment for left/right placements */
+    .tooltip[data-placement="left"]::after,
+    .tooltip[data-placement="right"]::after {
+      top: 50%;
+      transform: translateY(-50%);
+    }
+
+    .tooltip[data-placement="left-start"]::after,
+    .tooltip[data-placement="right-start"]::after {
+      top: 12px;
+      transform: none;
+    }
+
+    .tooltip[data-placement="left-end"]::after,
+    .tooltip[data-placement="right-end"]::after {
+      bottom: 12px;
+      top: auto;
+      transform: none;
+    }
+  
 `;
 
 export default [styles];