@vertexvis/ui 0.0.16-canary.0 → 0.1.0-testing.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 (100) hide show
  1. package/dist/cjs/{auto-resize-textarea-56a57fd3.js → auto-resize-textarea-deb05359.js} +2 -14
  2. package/dist/cjs/components.cjs.js +1 -1
  3. package/dist/cjs/{draggable-popover-ee0db70b.js → draggable-popover-edf23d3a.js} +4 -9
  4. package/dist/cjs/index.cjs.js +10 -8
  5. package/dist/cjs/loader.cjs.js +1 -1
  6. package/dist/cjs/{menu-0579351b.js → menu-d1ecf43b.js} +4 -3
  7. package/dist/cjs/popover-d9ec8e10.js +1684 -0
  8. package/dist/cjs/{result-list-77ba2fa9.js → result-list-1e592c3c.js} +1 -1
  9. package/dist/cjs/{search-bar-81ca45b3.js → search-bar-bb40cfa7.js} +1 -1
  10. package/dist/cjs/slots-fb5ac359.js +29 -0
  11. package/dist/cjs/{templates-4e22ccc0.js → templates-e7b3ffbb.js} +3 -32
  12. package/dist/cjs/tooltip-31b596f5.js +2152 -0
  13. package/dist/cjs/tslib.es6-838fd860.js +68 -0
  14. package/dist/cjs/vertex-auto-resize-textarea.cjs.entry.js +2 -1
  15. package/dist/cjs/vertex-draggable-popover.cjs.entry.js +1 -1
  16. package/dist/cjs/vertex-menu.cjs.entry.js +1 -1
  17. package/dist/cjs/vertex-popover.cjs.entry.js +1 -1
  18. package/dist/cjs/vertex-result-list.cjs.entry.js +3 -2
  19. package/dist/cjs/vertex-search-bar.cjs.entry.js +3 -2
  20. package/dist/cjs/vertex-tooltip.cjs.entry.js +3 -1
  21. package/dist/collection/components/draggable-popover/draggable-popover.js +4 -9
  22. package/dist/collection/components/dropdown-menu/dropdown-menu.js +1 -1
  23. package/dist/collection/components/help-tooltip/help-tooltip.js +1 -1
  24. package/dist/collection/components/menu/menu.js +28 -4
  25. package/dist/collection/components/popover/middleware.js +26 -0
  26. package/dist/collection/components/popover/popover.css +1 -1
  27. package/dist/collection/components/popover/popover.js +147 -115
  28. package/dist/collection/components/popover/util.js +9 -0
  29. package/dist/collection/components/result-list/result-list.js +1 -1
  30. package/dist/collection/components/search-bar/search-bar.js +1 -1
  31. package/dist/collection/components/tooltip/tooltip.css +4 -0
  32. package/dist/collection/components/tooltip/tooltip.js +60 -4
  33. package/dist/collection/util/components/dom.js +10 -0
  34. package/dist/collection/util/components/slots.js +12 -0
  35. package/dist/components/components.css +1 -1
  36. package/dist/components/components.esm.js +1 -1
  37. package/dist/components/index.esm.js +1 -1
  38. package/dist/components/p-0517ca62.entry.js +1 -0
  39. package/dist/components/p-1356f525.js +1 -0
  40. package/dist/components/p-19318fee.entry.js +1 -0
  41. package/dist/components/p-41a7564c.js +1 -0
  42. package/dist/components/{p-5a93c1b6.js → p-4224c2ad.js} +1 -1
  43. package/dist/components/p-45cfd66e.entry.js +1 -0
  44. package/dist/components/{p-60ca5d84.js → p-52739247.js} +1 -1
  45. package/dist/components/p-59032668.js +1 -0
  46. package/dist/components/p-6505cdb3.js +1 -0
  47. package/dist/components/p-7b75e004.js +1 -0
  48. package/dist/components/p-9c384f6c.entry.js +1 -0
  49. package/dist/components/p-ae6a3c46.entry.js +1 -0
  50. package/dist/components/p-b2c7b113.js +1 -0
  51. package/dist/components/p-bec53c3a.js +1 -0
  52. package/dist/components/p-da0a7b57.js +1 -0
  53. package/dist/components/p-e576818b.entry.js +1 -0
  54. package/dist/components/p-e7336466.entry.js +1 -0
  55. package/dist/esm/{auto-resize-textarea-ac4b5f3b.js → auto-resize-textarea-087fecdb.js} +1 -13
  56. package/dist/esm/components.js +1 -1
  57. package/dist/esm/{draggable-popover-5f14cca5.js → draggable-popover-8ef3aec6.js} +4 -9
  58. package/dist/esm/index.js +10 -8
  59. package/dist/esm/loader.js +1 -1
  60. package/dist/esm/{menu-f35637ca.js → menu-daa7f9c9.js} +4 -3
  61. package/dist/esm/popover-67c88e4b.js +1682 -0
  62. package/dist/esm/{result-list-9c83f22a.js → result-list-36cfb08a.js} +1 -1
  63. package/dist/esm/{search-bar-600fb8d9.js → search-bar-59cc151d.js} +1 -1
  64. package/dist/esm/slots-fbb5afb3.js +26 -0
  65. package/dist/esm/{templates-51212dae.js → templates-797420bf.js} +1 -30
  66. package/dist/esm/tooltip-14b65fb5.js +2150 -0
  67. package/dist/esm/tslib.es6-99cd0de8.js +65 -0
  68. package/dist/esm/vertex-auto-resize-textarea.entry.js +2 -1
  69. package/dist/esm/vertex-draggable-popover.entry.js +1 -1
  70. package/dist/esm/vertex-menu.entry.js +1 -1
  71. package/dist/esm/vertex-popover.entry.js +1 -1
  72. package/dist/esm/vertex-result-list.entry.js +3 -2
  73. package/dist/esm/vertex-search-bar.entry.js +3 -2
  74. package/dist/esm/vertex-tooltip.entry.js +3 -1
  75. package/dist/types/components/menu/menu.d.ts +2 -1
  76. package/dist/types/components/popover/middleware.d.ts +3 -0
  77. package/dist/types/components/popover/popover.d.ts +39 -23
  78. package/dist/types/components/popover/util.d.ts +2 -0
  79. package/dist/types/components/tooltip/tooltip.d.ts +10 -0
  80. package/dist/types/components.d.ts +31 -15
  81. package/dist/types/util/components/dom.d.ts +3 -0
  82. package/dist/types/util/components/slots.d.ts +1 -0
  83. package/package.json +5 -4
  84. package/dist/cjs/popover-34e1a386.js +0 -2029
  85. package/dist/cjs/tooltip-afebbca8.js +0 -46
  86. package/dist/components/p-0ec0a007.entry.js +0 -1
  87. package/dist/components/p-4226645b.js +0 -1
  88. package/dist/components/p-58f8a354.js +0 -1
  89. package/dist/components/p-7c31f30e.js +0 -1
  90. package/dist/components/p-852be06f.js +0 -1
  91. package/dist/components/p-8764954b.js +0 -1
  92. package/dist/components/p-939391df.entry.js +0 -1
  93. package/dist/components/p-990852f6.entry.js +0 -1
  94. package/dist/components/p-a1d160cc.entry.js +0 -1
  95. package/dist/components/p-c8df41df.entry.js +0 -1
  96. package/dist/components/p-e8e6ee3f.js +0 -1
  97. package/dist/components/p-eff16591.entry.js +0 -1
  98. package/dist/components/p-f98b2ecb.entry.js +0 -1
  99. package/dist/esm/popover-4375db1b.js +0 -2027
  100. 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 };