@m3e/tooltip 1.0.0-rc.1

package/dist/custom-elements.json

@@ -0,0 +1,400 @@
+{
+  "schemaVersion": "1.0.0",
+  "readme": "",
+  "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "src/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./TooltipElement\""
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./TooltipPosition\""
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "\"./TooltipTouchGestures\""
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/TooltipElement.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "M3eTooltipElement",
+          "cssProperties": [
+            {
+              "description": "Internal spacing of the tooltip container.",
+              "name": "--m3e-tooltip-padding"
+            },
+            {
+              "description": "Minimum width of the tooltip.",
+              "name": "--m3e-tooltip-min-width"
+            },
+            {
+              "description": "Maximum width of the tooltip.",
+              "name": "--m3e-tooltip-max-width"
+            },
+            {
+              "description": "Minimum height of the tooltip container.",
+              "name": "--m3e-tooltip-min-height"
+            },
+            {
+              "description": "Maximum height of the tooltip.",
+              "name": "--m3e-tooltip-max-height"
+            },
+            {
+              "description": "Border radius of the tooltip container.",
+              "name": "--m3e-tooltip-shape"
+            },
+            {
+              "description": "Background color of the tooltip.",
+              "name": "--m3e-tooltip-container-color"
+            },
+            {
+              "description": "Text color of supporting text.",
+              "name": "--m3e-tooltip-supporting-text-color"
+            },
+            {
+              "description": "Font size of supporting text.",
+              "name": "--m3e-tooltip-supporting-text-font-size"
+            },
+            {
+              "description": "Font weight of supporting text.",
+              "name": "--m3e-tooltip-supporting-text-font-weight"
+            },
+            {
+              "description": "Line height of supporting text.",
+              "name": "--m3e-tooltip-supporting-text-line-height"
+            },
+            {
+              "description": "Letter spacing of supporting text.",
+              "name": "--m3e-tooltip-supporting-text-tracking"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Renders the content of the tooltip.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "__openTooltips",
+              "privacy": "private",
+              "static": true,
+              "readonly": true,
+              "default": "new Array<M3eTooltipElement>()"
+            },
+            {
+              "kind": "field",
+              "name": "_base",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#message",
+              "privacy": "private",
+              "type": {
+                "text": "string | null | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#for",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "#anchorCleanup",
+              "privacy": "private",
+              "type": {
+                "text": "() => void | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#clickHandler",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#hoverController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HoverController(this, { target: null, endDelay: TOOLTIP_HIDE_DELAY, callback: (hovering) => { if (hovering) { this.show(); } else { this.hide(); } }, })"
+            },
+            {
+              "kind": "field",
+              "name": "#longPressController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LongPressController(this, { target: null, callback: (pressed) => { if (pressed) { this.show(); } else { this.hide(); } }, })"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the element is disabled.",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "position",
+              "type": {
+                "text": "TooltipPosition"
+              },
+              "default": "\"below\"",
+              "description": "The position of the tooltip.",
+              "attribute": "position"
+            },
+            {
+              "kind": "field",
+              "name": "showDelay",
+              "type": {
+                "text": "number"
+              },
+              "description": "The amount of time, in milliseconds, before showing the tooltip.",
+              "default": "0",
+              "attribute": "show-delay"
+            },
+            {
+              "kind": "field",
+              "name": "hideDelay",
+              "type": {
+                "text": "number"
+              },
+              "description": "The amount of time, in milliseconds, before hiding the tooltip.",
+              "default": "200",
+              "attribute": "hide-delay"
+            },
+            {
+              "kind": "field",
+              "name": "touchGestures",
+              "type": {
+                "text": "TooltipTouchGestures"
+              },
+              "default": "\"auto\"",
+              "description": "The mode in which to handle touch gestures.",
+              "attribute": "touch-gestures"
+            },
+            {
+              "kind": "method",
+              "name": "attach",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "control",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "detach",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "description": "Manually shows the tooltip."
+            },
+            {
+              "kind": "method",
+              "name": "hide",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Manually hides the tooltip."
+            },
+            {
+              "kind": "method",
+              "name": "#handleSlotChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#handleToggle",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "ToggleEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#disableNativeGesturesIfNecessary",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Whether the element is disabled.",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disabled"
+            },
+            {
+              "description": "The query selector used to specify the element related to this element.",
+              "name": "for"
+            },
+            {
+              "description": "The amount of time, in milliseconds, before hiding the tooltip.",
+              "name": "hide-delay",
+              "type": {
+                "text": "number"
+              },
+              "default": "200",
+              "fieldName": "hideDelay"
+            },
+            {
+              "description": "The position of the tooltip.",
+              "name": "position",
+              "type": {
+                "text": "TooltipPosition"
+              },
+              "default": "\"below\"",
+              "fieldName": "position"
+            },
+            {
+              "description": "The amount of time, in milliseconds, before showing the tooltip.",
+              "name": "show-delay",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "fieldName": "showDelay"
+            },
+            {
+              "name": "touch-gestures",
+              "type": {
+                "text": "TooltipTouchGestures"
+              },
+              "default": "\"auto\"",
+              "description": "The mode in which to handle touch gestures.",
+              "fieldName": "touchGestures"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "HtmlFor",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "AttachInternals",
+              "package": "@m3e/core"
+            },
+            {
+              "name": "Role",
+              "package": "@m3e/core"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "m3e-tooltip",
+          "customElement": true,
+          "summary": "Adds additional context to a button or other UI element."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "M3eTooltipElement",
+          "declaration": {
+            "name": "M3eTooltipElement",
+            "module": "src/TooltipElement.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "m3e-tooltip",
+          "declaration": {
+            "name": "M3eTooltipElement",
+            "module": "src/TooltipElement.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/TooltipPosition.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/TooltipTouchGestures.ts",
+      "declarations": [],
+      "exports": []
+    }
+  ]
+}

package/dist/html-custom-data.json

@@ -0,0 +1,43 @@
+{
+  "$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
+  "version": 1.1,
+  "tags": [
+    {
+      "name": "m3e-tooltip",
+      "description": "Adds additional context to a button or other UI element.\n---\n\n\n### **Methods:**\n - **show(): _Promise<void>_** - Manually shows the tooltip.\n- **hide(): _void_** - Manually hides the tooltip.\n\n### **Slots:**\n - _default_ - Renders the content of the tooltip.\n\n### **CSS Properties:**\n - **--m3e-tooltip-padding** - Internal spacing of the tooltip container. _(default: undefined)_\n- **--m3e-tooltip-min-width** - Minimum width of the tooltip. _(default: undefined)_\n- **--m3e-tooltip-max-width** - Maximum width of the tooltip. _(default: undefined)_\n- **--m3e-tooltip-min-height** - Minimum height of the tooltip container. _(default: undefined)_\n- **--m3e-tooltip-max-height** - Maximum height of the tooltip. _(default: undefined)_\n- **--m3e-tooltip-shape** - Border radius of the tooltip container. _(default: undefined)_\n- **--m3e-tooltip-container-color** - Background color of the tooltip. _(default: undefined)_\n- **--m3e-tooltip-supporting-text-color** - Text color of supporting text. _(default: undefined)_\n- **--m3e-tooltip-supporting-text-font-size** - Font size of supporting text. _(default: undefined)_\n- **--m3e-tooltip-supporting-text-font-weight** - Font weight of supporting text. _(default: undefined)_\n- **--m3e-tooltip-supporting-text-line-height** - Line height of supporting text. _(default: undefined)_\n- **--m3e-tooltip-supporting-text-tracking** - Letter spacing of supporting text. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Whether the element is disabled.",
+          "values": []
+        },
+        {
+          "name": "for",
+          "description": "The query selector used to specify the element related to this element.",
+          "values": []
+        },
+        {
+          "name": "hide-delay",
+          "description": "The amount of time, in milliseconds, before hiding the tooltip.",
+          "values": []
+        },
+        {
+          "name": "position",
+          "description": "The position of the tooltip.",
+          "values": [{ "name": "TooltipPosition" }]
+        },
+        {
+          "name": "show-delay",
+          "description": "The amount of time, in milliseconds, before showing the tooltip.",
+          "values": []
+        },
+        {
+          "name": "touch-gestures",
+          "description": "The mode in which to handle touch gestures.",
+          "values": [{ "name": "TooltipTouchGestures" }]
+        }
+      ],
+      "references": []
+    }
+  ]
+}