tooltip-manager.js 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  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.82
  5. */
  6. import { Component, h, Prop } 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. * @default `[data-calcite-tooltip-reference]`
  21. */
  22. this.selector = "[data-calcite-tooltip-reference]";
  23. }
  24. // --------------------------------------------------------------------------
  25. //
  26. // Render Methods
  27. //
  28. // --------------------------------------------------------------------------
  29. render() {
  30. return h("slot", null);
  31. }
  32. static get is() { return "calcite-tooltip-manager"; }
  33. static get encapsulation() { return "shadow"; }
  34. static get originalStyleUrls() { return {
  35. "$": ["tooltip-manager.scss"]
  36. }; }
  37. static get styleUrls() { return {
  38. "$": ["tooltip-manager.css"]
  39. }; }
  40. static get properties() { return {
  41. "selector": {
  42. "type": "string",
  43. "mutable": false,
  44. "complexType": {
  45. "original": "string",
  46. "resolved": "string",
  47. "references": {}
  48. },
  49. "required": false,
  50. "optional": false,
  51. "docs": {
  52. "tags": [{
  53. "name": "default",
  54. "text": "`[data-calcite-tooltip-reference]`"
  55. }],
  56. "text": "CSS Selector to match reference elements for tooltips. Reference elements will be identified by this selector in order to open their associated tooltip."
  57. },
  58. "attribute": "selector",
  59. "reflect": false,
  60. "defaultValue": "\"[data-calcite-tooltip-reference]\""
  61. }
  62. }; }
  63. }