tooltip-manager.js 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. /*!
  2. * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  3. * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  4. * v1.0.0-beta.97
  5. */
  6. import { h } from "@stencil/core";
  7. /**
  8. * @slot - A slot for adding elements that reference a `calcite-tooltip` by the `selector` property.
  9. * @deprecated No longer required for tooltip usage.
  10. */
  11. export class TooltipManager {
  12. constructor() {
  13. // --------------------------------------------------------------------------
  14. //
  15. // Properties
  16. //
  17. // --------------------------------------------------------------------------
  18. /**
  19. * CSS Selector to match reference elements for tooltips. Reference elements will be identified by this selector in order to open their associated tooltip.
  20. *
  21. * @default `[data-calcite-tooltip-reference]`
  22. */
  23. this.selector = "[data-calcite-tooltip-reference]";
  24. }
  25. // --------------------------------------------------------------------------
  26. //
  27. // Render Methods
  28. //
  29. // --------------------------------------------------------------------------
  30. render() {
  31. return h("slot", null);
  32. }
  33. static get is() { return "calcite-tooltip-manager"; }
  34. static get encapsulation() { return "shadow"; }
  35. static get originalStyleUrls() {
  36. return {
  37. "$": ["tooltip-manager.scss"]
  38. };
  39. }
  40. static get styleUrls() {
  41. return {
  42. "$": ["tooltip-manager.css"]
  43. };
  44. }
  45. static get properties() {
  46. return {
  47. "selector": {
  48. "type": "string",
  49. "mutable": false,
  50. "complexType": {
  51. "original": "string",
  52. "resolved": "string",
  53. "references": {}
  54. },
  55. "required": false,
  56. "optional": false,
  57. "docs": {
  58. "tags": [{
  59. "name": "default",
  60. "text": "`[data-calcite-tooltip-reference]`"
  61. }],
  62. "text": "CSS Selector to match reference elements for tooltips. Reference elements will be identified by this selector in order to open their associated tooltip."
  63. },
  64. "attribute": "selector",
  65. "reflect": true,
  66. "defaultValue": "\"[data-calcite-tooltip-reference]\""
  67. }
  68. };
  69. }
  70. }