Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@lrnwebcomponents/simple-tooltip

Package Overview
Dependencies
Maintainers
4
Versions
56
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@lrnwebcomponents/simple-tooltip - npm Package Compare versions

Comparing version 7.0.0 to 7.0.1

49

custom-elements.json

@@ -52,51 +52,2 @@ {

]
},
{
"name": "simple-tooltip",
"description": "`simple-tooltip`\n`a simple tooltip forked from paper-tooltip with the same api minus apply removal`\n ### Styling\n The following custom properties and mixins are available for styling:\n\n Custom property | Description | Default\n ----------------|-------------|----------\n `--simple-tooltip-background` | The background color of the tooltip | `#616161`\n `--simple-tooltip-opacity` | The opacity of the tooltip | `0.9`\n `--simple-tooltip-text-color` | The text color of the tooltip | `white`\n `--simple-tooltip-delay-in` | Delay before tooltip starts to fade in | `500`\n `--simple-tooltip-delay-out` | Delay before tooltip starts to fade out | `0`\n `--simple-tooltip-duration-in` | Timing for animation when showing tooltip | `500`\n `--simple-tooltip-duration-out` | Timing for animation when hiding tooltip | `0`\n\nAttributes:\n\n * `for` {`string`} - The id of the element that the tooltip is anchored to. This element\nmust be a sibling of the tooltip. If this property is not set,\nthen the tooltip will be centered to the parent node containing it.\n\n * `animation-delay` {`number`} - The delay that will be applied before the `entry` animation is\nplayed when showing the tooltip.\n\n * `_showing` {`boolean`} - \n\n * `manual-mode` {`boolean`} - Set this to true if you want to manually control when the tooltip\nis shown or hidden.\n\n * `position` {`string`} - Positions the tooltip to the top, right, bottom, left of its content.\n\n * `fit-to-visible-bounds` {`boolean`} - If true, no parts of the tooltip will ever be shown offscreen.\n\n * `offset` {`number`} - The spacing between the top of the tooltip and the element it is\nanchored to.\n\n * `margin-top` {`number`} - This property is deprecated, but left over so that it doesn't\nbreak exiting code. Please use `offset` instead. If both `offset` and\n`marginTop` are provided, `marginTop` will be ignored.\n\n * `animation-entry` {`string`} - The animation that will be played on entry. This replaces the\ndeprecated animationConfig. Entries here will override the\nanimationConfig settings. You can enter your own animation\nby setting it to the css class name.\n\n * `animation-exit` {`string`} - The animation that will be played on exit. This replaces the\ndeprecated animationConfig. Entries here will override the\nanimationConfig settings. You can enter your own animation\nby setting it to the css class name.\n\nProperties:\n\n * `for` {`string`} - The id of the element that the tooltip is anchored to. This element\nmust be a sibling of the tooltip. If this property is not set,\nthen the tooltip will be centered to the parent node containing it.\n\n * `animationDelay` {`number`} - The delay that will be applied before the `entry` animation is\nplayed when showing the tooltip.\n\n * `_showing` {`boolean`} - \n\n * `target` {Node} - Returns the target element that this tooltip is anchored to. It is\neither the element given by the `for` attribute, or the immediate parent\nof the tooltip.\n\n * `manualMode` {`boolean`} - Set this to true if you want to manually control when the tooltip\nis shown or hidden.\n\n * `position` {`string`} - Positions the tooltip to the top, right, bottom, left of its content.\n\n * `fitToVisibleBounds` {`boolean`} - If true, no parts of the tooltip will ever be shown offscreen.\n\n * `offset` {`number`} - The spacing between the top of the tooltip and the element it is\nanchored to.\n\n * `marginTop` {`number`} - This property is deprecated, but left over so that it doesn't\nbreak exiting code. Please use `offset` instead. If both `offset` and\n`marginTop` are provided, `marginTop` will be ignored.\n\n * `animationEntry` {`string`} - The animation that will be played on entry. This replaces the\ndeprecated animationConfig. Entries here will override the\nanimationConfig settings. You can enter your own animation\nby setting it to the css class name.\n\n * `animationExit` {`string`} - The animation that will be played on exit. This replaces the\ndeprecated animationConfig. Entries here will override the\nanimationConfig settings. You can enter your own animation\nby setting it to the css class name.\n\n * `animationConfig` - ",
"attributes": [
{
"name": "for",
"description": "`for` {`string`} - The id of the element that the tooltip is anchored to. This element\nmust be a sibling of the tooltip. If this property is not set,\nthen the tooltip will be centered to the parent node containing it.\n\nProperty: for"
},
{
"name": "animation-delay",
"description": "`animation-delay` {`number`} - The delay that will be applied before the `entry` animation is\nplayed when showing the tooltip.\n\nProperty: animationDelay"
},
{
"name": "_showing",
"description": "`_showing` {`boolean`} - \n\nProperty: _showing",
"valueSet": "v"
},
{
"name": "manual-mode",
"description": "`manual-mode` {`boolean`} - Set this to true if you want to manually control when the tooltip\nis shown or hidden.\n\nProperty: manualMode\n\nDefault: false",
"valueSet": "v"
},
{
"name": "position",
"description": "`position` {`string`} - Positions the tooltip to the top, right, bottom, left of its content.\n\nProperty: position\n\nDefault: bottom"
},
{
"name": "fit-to-visible-bounds",
"description": "`fit-to-visible-bounds` {`boolean`} - If true, no parts of the tooltip will ever be shown offscreen.\n\nProperty: fitToVisibleBounds\n\nDefault: false",
"valueSet": "v"
},
{
"name": "offset",
"description": "`offset` {`number`} - The spacing between the top of the tooltip and the element it is\nanchored to.\n\nProperty: offset\n\nDefault: 14"
},
{
"name": "margin-top",
"description": "`margin-top` {`number`} - This property is deprecated, but left over so that it doesn't\nbreak exiting code. Please use `offset` instead. If both `offset` and\n`marginTop` are provided, `marginTop` will be ignored.\n\nProperty: marginTop\n\nDefault: 14"
},
{
"name": "animation-entry",
"description": "`animation-entry` {`string`} - The animation that will be played on entry. This replaces the\ndeprecated animationConfig. Entries here will override the\nanimationConfig settings. You can enter your own animation\nby setting it to the css class name.\n\nProperty: animationEntry\n\nDefault: "
},
{
"name": "animation-exit",
"description": "`animation-exit` {`string`} - The animation that will be played on exit. This replaces the\ndeprecated animationConfig. Entries here will override the\nanimationConfig settings. You can enter your own animation\nby setting it to the css class name.\n\nProperty: animationExit\n\nDefault: "
}
]
}

@@ -103,0 +54,0 @@ ],

11

package.json

@@ -19,3 +19,3 @@ {

},
"version": "7.0.0",
"version": "7.0.1",
"description": "a simple tooltip forked from paper-tooltip with the same api",

@@ -26,2 +26,3 @@ "repository": {

},
"type": "module",
"main": "simple-tooltip.js",

@@ -32,3 +33,3 @@ "module": "simple-tooltip.js",

"start": "yarn run dev",
"build": "gulp --gulpfile=gulpfile.cjs && node --experimental-json-modules ../../node_modules/.bin/rollup --config && prettier --ignore-path ../../.prettierignore --write \"**/*.{js,json}\" && wca analyze \"**/*.js\" --format vscode --outFile custom-elements.json",
"build": "gulp --gulpfile=gulpfile.cjs && node --experimental-json-modules ../../node_modules/.bin/rollup --config && prettier --ignore-path ../../.prettierignore --write \"**/*.{js,json}\" && wca analyze \"{*,lib/**}.js\" --format vscode --outFile custom-elements.json",
"dev": "concurrently --kill-others \"yarn run watch\" \"yarn run serve\"",

@@ -46,7 +47,7 @@ "watch": "gulp dev --gulpfile=gulpfile.cjs",

"dependencies": {
"lit": "^2.7.2"
"lit": "^2.7.4"
},
"devDependencies": {
"@lrnwebcomponents/deduping-fix": "^7.0.0",
"@lrnwebcomponents/simple-icon": "^7.0.0",
"@lrnwebcomponents/simple-icon": "^7.0.1",
"@open-wc/testing": "3.0.4",

@@ -69,3 +70,3 @@ "@web/dev-server": "0.1.34",

],
"gitHead": "619ebdfc0aac017516b65f4e6eb1c12080dff39e"
"gitHead": "7087ebc5fd7f631a2a78ad40af08384933139929"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc