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