@vertexvis/ui 0.0.16-canary.0 → 0.1.0-canary.1

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 (133) hide show
  1. package/dist/cjs/{auto-resize-textarea-56a57fd3.js → auto-resize-textarea-deb05359.js} +2 -14
  2. package/dist/cjs/button-edd366d8.js +67 -0
  3. package/dist/cjs/components.cjs.js +1 -1
  4. package/dist/cjs/{draggable-popover-ee0db70b.js → draggable-popover-edf23d3a.js} +4 -9
  5. package/dist/cjs/{icon-092d8624.js → icon-53d62a46.js} +1 -1
  6. package/dist/cjs/icon-button-f868bf06.js +43 -0
  7. package/dist/cjs/{icon-helper-546f9a04.js → icon-helper-caf2699e.js} +2 -2
  8. package/dist/cjs/index.cjs.js +14 -12
  9. package/dist/cjs/loader.cjs.js +1 -1
  10. package/dist/cjs/{menu-0579351b.js → menu-d1ecf43b.js} +4 -3
  11. package/dist/cjs/popover-d9ec8e10.js +1684 -0
  12. package/dist/cjs/{result-list-77ba2fa9.js → result-list-1e592c3c.js} +1 -1
  13. package/dist/cjs/{search-bar-81ca45b3.js → search-bar-bb40cfa7.js} +1 -1
  14. package/dist/cjs/slots-fb5ac359.js +29 -0
  15. package/dist/cjs/{templates-4e22ccc0.js → templates-e7b3ffbb.js} +3 -32
  16. package/dist/cjs/tooltip-80a7b722.js +2152 -0
  17. package/dist/cjs/tslib.es6-838fd860.js +68 -0
  18. package/dist/cjs/vertex-auto-resize-textarea.cjs.entry.js +2 -1
  19. package/dist/cjs/vertex-button.cjs.entry.js +1 -1
  20. package/dist/cjs/vertex-draggable-popover.cjs.entry.js +1 -1
  21. package/dist/cjs/vertex-icon-button.cjs.entry.js +2 -2
  22. package/dist/cjs/vertex-icon.cjs.entry.js +2 -2
  23. package/dist/cjs/vertex-menu.cjs.entry.js +1 -1
  24. package/dist/cjs/vertex-popover.cjs.entry.js +1 -1
  25. package/dist/cjs/vertex-result-list.cjs.entry.js +3 -2
  26. package/dist/cjs/vertex-search-bar.cjs.entry.js +3 -2
  27. package/dist/cjs/vertex-tooltip.cjs.entry.js +3 -1
  28. package/dist/collection/components/button/button.css +17 -3
  29. package/dist/collection/components/draggable-popover/draggable-popover.js +4 -9
  30. package/dist/collection/components/dropdown-menu/dropdown-menu.js +1 -1
  31. package/dist/collection/components/help-tooltip/help-tooltip.js +1 -1
  32. package/dist/collection/components/icon/icons/invert.js +1 -1
  33. package/dist/collection/components/icon-button/icon-button.css +14 -3
  34. package/dist/collection/components/menu/menu.js +28 -4
  35. package/dist/collection/components/popover/middleware.js +26 -0
  36. package/dist/collection/components/popover/popover.css +1 -1
  37. package/dist/collection/components/popover/popover.js +147 -115
  38. package/dist/collection/components/popover/util.js +9 -0
  39. package/dist/collection/components/result-list/result-list.js +1 -1
  40. package/dist/collection/components/search-bar/search-bar.js +1 -1
  41. package/dist/collection/components/tooltip/tooltip.css +6 -0
  42. package/dist/collection/components/tooltip/tooltip.js +60 -4
  43. package/dist/collection/util/components/dom.js +10 -0
  44. package/dist/collection/util/components/slots.js +12 -0
  45. package/dist/components/components.css +1 -1
  46. package/dist/components/components.esm.js +1 -1
  47. package/dist/components/index.esm.js +1 -1
  48. package/dist/components/p-0517ca62.entry.js +1 -0
  49. package/dist/components/p-1356f525.js +1 -0
  50. package/dist/components/{p-73e2e8f4.js → p-17b97932.js} +1 -1
  51. package/dist/components/p-19318fee.entry.js +1 -0
  52. package/dist/components/p-1d6cb015.entry.js +1 -0
  53. package/dist/components/p-41a7564c.js +1 -0
  54. package/dist/components/{p-5a93c1b6.js → p-4224c2ad.js} +1 -1
  55. package/dist/components/{p-60ca5d84.js → p-52739247.js} +1 -1
  56. package/dist/components/p-59032668.js +1 -0
  57. package/dist/components/p-64e8b92c.js +1 -0
  58. package/dist/components/p-6505cdb3.js +1 -0
  59. package/dist/components/p-79fd6fb6.entry.js +1 -0
  60. package/dist/components/p-7b75e004.js +1 -0
  61. package/dist/components/{p-ddb5a066.js → p-94168b92.js} +1 -1
  62. package/dist/components/p-9c384f6c.entry.js +1 -0
  63. package/dist/components/p-ae6a3c46.entry.js +1 -0
  64. package/dist/components/p-b2c7b113.js +1 -0
  65. package/dist/components/p-bec53c3a.js +1 -0
  66. package/dist/components/p-e576818b.entry.js +1 -0
  67. package/dist/components/p-e7336466.entry.js +1 -0
  68. package/dist/components/p-ee8b96b2.js +1 -0
  69. package/dist/components/p-f49a7ffd.js +1 -0
  70. package/dist/components/p-f900d0f4.entry.js +1 -0
  71. package/dist/components/p-fca52578.entry.js +1 -0
  72. package/dist/esm/{auto-resize-textarea-ac4b5f3b.js → auto-resize-textarea-087fecdb.js} +1 -13
  73. package/dist/esm/button-547336b8.js +65 -0
  74. package/dist/esm/components.js +1 -1
  75. package/dist/esm/{draggable-popover-5f14cca5.js → draggable-popover-8ef3aec6.js} +4 -9
  76. package/dist/esm/{icon-a2d4cafb.js → icon-2630793d.js} +1 -1
  77. package/dist/esm/icon-button-25edf617.js +41 -0
  78. package/dist/esm/{icon-helper-aa2001ba.js → icon-helper-10a99d95.js} +2 -2
  79. package/dist/esm/index.js +14 -12
  80. package/dist/esm/loader.js +1 -1
  81. package/dist/esm/{menu-f35637ca.js → menu-daa7f9c9.js} +4 -3
  82. package/dist/esm/popover-67c88e4b.js +1682 -0
  83. package/dist/esm/{result-list-9c83f22a.js → result-list-36cfb08a.js} +1 -1
  84. package/dist/esm/{search-bar-600fb8d9.js → search-bar-59cc151d.js} +1 -1
  85. package/dist/esm/slots-fbb5afb3.js +26 -0
  86. package/dist/esm/{templates-51212dae.js → templates-797420bf.js} +1 -30
  87. package/dist/esm/tooltip-97c1b3ec.js +2150 -0
  88. package/dist/esm/tslib.es6-99cd0de8.js +65 -0
  89. package/dist/esm/vertex-auto-resize-textarea.entry.js +2 -1
  90. package/dist/esm/vertex-button.entry.js +1 -1
  91. package/dist/esm/vertex-draggable-popover.entry.js +1 -1
  92. package/dist/esm/vertex-icon-button.entry.js +2 -2
  93. package/dist/esm/vertex-icon.entry.js +2 -2
  94. package/dist/esm/vertex-menu.entry.js +1 -1
  95. package/dist/esm/vertex-popover.entry.js +1 -1
  96. package/dist/esm/vertex-result-list.entry.js +3 -2
  97. package/dist/esm/vertex-search-bar.entry.js +3 -2
  98. package/dist/esm/vertex-tooltip.entry.js +3 -1
  99. package/dist/types/components/menu/menu.d.ts +2 -1
  100. package/dist/types/components/popover/middleware.d.ts +3 -0
  101. package/dist/types/components/popover/popover.d.ts +39 -23
  102. package/dist/types/components/popover/util.d.ts +2 -0
  103. package/dist/types/components/tooltip/tooltip.d.ts +10 -0
  104. package/dist/types/components.d.ts +31 -15
  105. package/dist/types/util/components/dom.d.ts +3 -0
  106. package/dist/types/util/components/slots.d.ts +1 -0
  107. package/package.json +5 -4
  108. package/dist/cjs/button-76a9db69.js +0 -67
  109. package/dist/cjs/icon-button-0671f42e.js +0 -43
  110. package/dist/cjs/popover-34e1a386.js +0 -2029
  111. package/dist/cjs/tooltip-afebbca8.js +0 -46
  112. package/dist/components/p-0ec0a007.entry.js +0 -1
  113. package/dist/components/p-30f5b948.entry.js +0 -1
  114. package/dist/components/p-4226645b.js +0 -1
  115. package/dist/components/p-58f8a354.js +0 -1
  116. package/dist/components/p-76ef57b9.js +0 -1
  117. package/dist/components/p-7c31f30e.js +0 -1
  118. package/dist/components/p-852be06f.js +0 -1
  119. package/dist/components/p-8764954b.js +0 -1
  120. package/dist/components/p-87de6fc5.js +0 -1
  121. package/dist/components/p-939391df.entry.js +0 -1
  122. package/dist/components/p-990852f6.entry.js +0 -1
  123. package/dist/components/p-9a46c8b6.entry.js +0 -1
  124. package/dist/components/p-a1d160cc.entry.js +0 -1
  125. package/dist/components/p-c8df41df.entry.js +0 -1
  126. package/dist/components/p-dd94aaef.entry.js +0 -1
  127. package/dist/components/p-e8e6ee3f.js +0 -1
  128. package/dist/components/p-eff16591.entry.js +0 -1
  129. package/dist/components/p-f98b2ecb.entry.js +0 -1
  130. package/dist/esm/button-f9ac74e4.js +0 -65
  131. package/dist/esm/icon-button-53bc2b56.js +0 -41
  132. package/dist/esm/popover-4375db1b.js +0 -2027
  133. package/dist/esm/tooltip-e78d2c7a.js +0 -44
package/dist/esm/tooltip-e78d2c7a.js DELETED
@@ -1,44 +0,0 @@
1
- import { r as registerInstance, h } from './index-72f28b71.js';
2
- import { c as classnames } from './index-9c609209.js';
3
-
4
- const tooltipCss = ":host{--tooltip-width:auto;--tooltip-white-space:normal;display:flex}.popover{width:100%;height:100%}.target{display:flex}.tooltip{display:flex;justify-content:center;text-align:center;width:var(--tooltip-width);font-family:var(--vertex-ui-font-family);font-size:var(--vertex-ui-text-xxs);background-color:var(--vertex-ui-neutral-700);color:var(--vertex-ui-white);padding:0.25rem 0.5rem;border-radius:4px;pointer-events:none;white-space:var(--tooltip-white-space);user-select:none}.tooltip.hidden{display:none}";
5
-
6
- const TOOLTIP_OPEN_DELAY = 500;
7
- const Tooltip = class {
8
- constructor(hostRef) {
9
- registerInstance(this, hostRef);
10
- this.content = undefined;
11
- this.disabled = undefined;
12
- this.placement = 'bottom';
13
- this.delay = TOOLTIP_OPEN_DELAY;
14
- this.animated = true;
15
- this.open = false;
16
- this.handlePointerEnter = this.handlePointerEnter.bind(this);
17
- this.handlePointerLeave = this.handlePointerLeave.bind(this);
18
- }
19
- render() {
20
- var _a;
21
- return (h("vertex-popover", { class: "popover", open: this.open, resizeBehavior: "fixed", backdrop: false, placement: this.placement, animated: this.animated }, h("div", { slot: "anchor", class: "target", onPointerEnter: this.handlePointerEnter, onPointerLeave: this.handlePointerLeave }, h("slot", null)), h("div", { class: classnames('tooltip', { hidden: !this.open || this.disabled }) }, (_a = this.content) !== null && _a !== void 0 ? _a : h("slot", { name: "content" }))));
22
- }
23
- handlePointerEnter() {
24
- if (this.openTimeout == null) {
25
- this.openTimeout = setTimeout(() => {
26
- this.open = true;
27
- this.openTimeout = undefined;
28
- }, this.delay);
29
- }
30
- }
31
- handlePointerLeave() {
32
- this.clearOpenTimeout();
33
- this.open = false;
34
- }
35
- clearOpenTimeout() {
36
- if (this.openTimeout != null) {
37
- clearTimeout(this.openTimeout);
38
- this.openTimeout = undefined;
39
- }
40
- }
41
- };
42
- Tooltip.style = tooltipCss;
43
-
44
- export { Tooltip as T };