@lion/collapsible
Advanced tools
@lion/collapsible - npm Package Compare versions
Comparing version 0.3.0 to 0.3.1
| # Change Log | ||
| ## 0.3.1 | ||
| ### Patch Changes | ||
| - 701aadce: Fix types of mixins to include LitElement static props and methods, and use Pick generic type instead of fake constructors. | ||
| - Updated dependencies [701aadce] | ||
| - @lion/core@0.14.1 | ||
| ## 0.3.0 | ||
@@ -4,0 +12,0 @@ |
@@ -58,340 +58,2 @@ { | ||
| "kind": "javascript-module", | ||
| "path": "./demo/CustomCollapsible.d.ts", | ||
| "declarations": [ | ||
| { | ||
| "kind": "class", | ||
| "name": "CustomCollapsible", | ||
| "superclass": { | ||
| "name": "LionCollapsible", | ||
| "module": "/demo/src/LionCollapsible.js" | ||
| }, | ||
| "members": [ | ||
| { | ||
| "kind": "field", | ||
| "name": "transitioning", | ||
| "privacy": "public", | ||
| "type": { | ||
| "text": "boolean" | ||
| } | ||
| }, | ||
| { | ||
| "kind": "method", | ||
| "name": "_waitForTransition", | ||
| "privacy": "public", | ||
| "description": "Wait until the transition event is finished.", | ||
| "return": { | ||
| "type": { | ||
| "text": "Promise<void>" | ||
| } | ||
| }, | ||
| "parameters": [ | ||
| { | ||
| "name": "options", | ||
| "type": { | ||
| "text": "Object" | ||
| }, | ||
| "description": "element node and its options" | ||
| }, | ||
| { | ||
| "name": "options.contentNode", | ||
| "type": { | ||
| "text": "HTMLElement" | ||
| } | ||
| } | ||
| ] | ||
| }, | ||
| { | ||
| "kind": "field", | ||
| "name": "__calculateHeight", | ||
| "privacy": "private" | ||
| } | ||
| ] | ||
| } | ||
| ], | ||
| "exports": [ | ||
| { | ||
| "kind": "js", | ||
| "name": "CustomCollapsible", | ||
| "declaration": { | ||
| "name": "CustomCollapsible", | ||
| "module": "./demo/CustomCollapsible.d.ts" | ||
| } | ||
| } | ||
| ] | ||
| }, | ||
| { | ||
| "kind": "javascript-module", | ||
| "path": "./demo/CustomCollapsible.js", | ||
| "declarations": [ | ||
| { | ||
| "kind": "class", | ||
| "name": "CustomCollapsible", | ||
| "superclass": { | ||
| "name": "LionCollapsible", | ||
| "module": "/demo/src/LionCollapsible.js" | ||
| }, | ||
| "attributes": [ | ||
| { | ||
| "name": "transitioning", | ||
| "fieldName": "transitioning" | ||
| }, | ||
| { | ||
| "name": "opened", | ||
| "fieldName": "opened", | ||
| "inheritedFrom": { | ||
| "name": "LionCollapsible", | ||
| "module": "./src/LionCollapsible.js" | ||
| } | ||
| } | ||
| ], | ||
| "members": [ | ||
| { | ||
| "kind": "field", | ||
| "name": "transitioning", | ||
| "privacy": "public", | ||
| "default": "false" | ||
| }, | ||
| { | ||
| "kind": "method", | ||
| "name": "connectedCallback", | ||
| "privacy": "public" | ||
| }, | ||
| { | ||
| "kind": "method", | ||
| "name": "toggle", | ||
| "privacy": "public", | ||
| "description": "Wait until transition is finished." | ||
| }, | ||
| { | ||
| "kind": "method", | ||
| "name": "_showAnimation", | ||
| "privacy": "public", | ||
| "description": "Trigger show animation and wait for transition to be finished.", | ||
| "parameters": [ | ||
| { | ||
| "name": "options", | ||
| "type": { | ||
| "text": "Object" | ||
| }, | ||
| "description": "element node and its options" | ||
| }, | ||
| { | ||
| "name": "options.contentNode", | ||
| "type": { | ||
| "text": "HTMLElement" | ||
| } | ||
| } | ||
| ] | ||
| }, | ||
| { | ||
| "kind": "method", | ||
| "name": "_hideAnimation", | ||
| "privacy": "public", | ||
| "description": "Trigger hide animation and wait for transition to be finished.", | ||
| "parameters": [ | ||
| { | ||
| "name": "options", | ||
| "type": { | ||
| "text": "Object" | ||
| }, | ||
| "description": "element node and its options" | ||
| }, | ||
| { | ||
| "name": "options.contentNode", | ||
| "type": { | ||
| "text": "HTMLElement" | ||
| } | ||
| } | ||
| ] | ||
| }, | ||
| { | ||
| "kind": "method", | ||
| "name": "_waitForTransition", | ||
| "privacy": "public", | ||
| "description": "Wait until the transition event is finished.", | ||
| "return": { | ||
| "type": { | ||
| "text": "Promise<void>" | ||
| } | ||
| }, | ||
| "parameters": [ | ||
| { | ||
| "name": "options", | ||
| "type": { | ||
| "text": "Object" | ||
| }, | ||
| "description": "element node and its options" | ||
| }, | ||
| { | ||
| "name": "options.contentNode", | ||
| "type": { | ||
| "text": "HTMLElement" | ||
| } | ||
| } | ||
| ] | ||
| }, | ||
| { | ||
| "kind": "method", | ||
| "name": "__calculateHeight", | ||
| "privacy": "private", | ||
| "description": "Calculate total content height after collapsible opens", | ||
| "parameters": [ | ||
| { | ||
| "name": "contentNode", | ||
| "type": { | ||
| "text": "HTMLElement" | ||
| }, | ||
| "description": "content node" | ||
| } | ||
| ] | ||
| }, | ||
| { | ||
| "kind": "field", | ||
| "name": "opened", | ||
| "privacy": "public", | ||
| "default": "false", | ||
| "inheritedFrom": { | ||
| "name": "LionCollapsible", | ||
| "module": "./src/LionCollapsible.js" | ||
| } | ||
| }, | ||
| { | ||
| "kind": "method", | ||
| "name": "show", | ||
| "privacy": "public", | ||
| "description": "Show extra content.", | ||
| "inheritedFrom": { | ||
| "name": "LionCollapsible", | ||
| "module": "./src/LionCollapsible.js" | ||
| } | ||
| }, | ||
| { | ||
| "kind": "method", | ||
| "name": "hide", | ||
| "privacy": "public", | ||
| "description": "Hide extra content.", | ||
| "inheritedFrom": { | ||
| "name": "LionCollapsible", | ||
| "module": "./src/LionCollapsible.js" | ||
| } | ||
| }, | ||
| { | ||
| "kind": "field", | ||
| "name": "_invokerNode", | ||
| "privacy": "public", | ||
| "inheritedFrom": { | ||
| "name": "LionCollapsible", | ||
| "module": "./src/LionCollapsible.js" | ||
| } | ||
| }, | ||
| { | ||
| "kind": "field", | ||
| "name": "_contentNode", | ||
| "privacy": "public", | ||
| "inheritedFrom": { | ||
| "name": "LionCollapsible", | ||
| "module": "./src/LionCollapsible.js" | ||
| } | ||
| }, | ||
| { | ||
| "kind": "field", | ||
| "name": "_contentHeight", | ||
| "privacy": "public", | ||
| "inheritedFrom": { | ||
| "name": "LionCollapsible", | ||
| "module": "./src/LionCollapsible.js" | ||
| } | ||
| }, | ||
| { | ||
| "kind": "method", | ||
| "name": "__openedChanged", | ||
| "privacy": "private", | ||
| "description": "Update content slot size and fire `opened-changed` event", | ||
| "inheritedFrom": { | ||
| "name": "LionCollapsible", | ||
| "module": "./src/LionCollapsible.js" | ||
| } | ||
| }, | ||
| { | ||
| "kind": "method", | ||
| "name": "__updateContentSize", | ||
| "privacy": "private", | ||
| "description": "Toggle extra content visibility on state change.", | ||
| "inheritedFrom": { | ||
| "name": "LionCollapsible", | ||
| "module": "./src/LionCollapsible.js" | ||
| } | ||
| }, | ||
| { | ||
| "kind": "method", | ||
| "name": "__setDefaultState", | ||
| "privacy": "private", | ||
| "description": "Set default state for content based on `opened` attr", | ||
| "inheritedFrom": { | ||
| "name": "LionCollapsible", | ||
| "module": "./src/LionCollapsible.js" | ||
| } | ||
| } | ||
| ], | ||
| "tagName": "custom-collapsible", | ||
| "events": [ | ||
| { | ||
| "name": "opened-changed", | ||
| "type": { | ||
| "text": "CustomEvent" | ||
| }, | ||
| "inheritedFrom": { | ||
| "name": "LionCollapsible", | ||
| "module": "./src/LionCollapsible.js" | ||
| } | ||
| } | ||
| ] | ||
| } | ||
| ], | ||
| "exports": [ | ||
| { | ||
| "kind": "js", | ||
| "name": "CustomCollapsible", | ||
| "declaration": { | ||
| "name": "CustomCollapsible", | ||
| "module": "./demo/CustomCollapsible.js" | ||
| } | ||
| } | ||
| ] | ||
| }, | ||
| { | ||
| "kind": "javascript-module", | ||
| "path": "./demo/applyDemoCollapsibleStyles.d.ts", | ||
| "declarations": [], | ||
| "exports": [] | ||
| }, | ||
| { | ||
| "kind": "javascript-module", | ||
| "path": "./demo/applyDemoCollapsibleStyles.js", | ||
| "declarations": [], | ||
| "exports": [] | ||
| }, | ||
| { | ||
| "kind": "javascript-module", | ||
| "path": "./demo/custom-collapsible.d.ts", | ||
| "declarations": [], | ||
| "exports": [] | ||
| }, | ||
| { | ||
| "kind": "javascript-module", | ||
| "path": "./demo/custom-collapsible.js", | ||
| "declarations": [], | ||
| "exports": [ | ||
| { | ||
| "kind": "custom-element-definition", | ||
| "name": "custom-collapsible", | ||
| "declaration": { | ||
| "name": "CustomCollapsible", | ||
| "module": "./demo/CustomCollapsible.d.ts" | ||
| } | ||
| } | ||
| ] | ||
| }, | ||
| { | ||
| "kind": "javascript-module", | ||
| "path": "./src/LionCollapsible.d.ts", | ||
@@ -558,16 +220,4 @@ "declarations": [ | ||
| }, | ||
| "attributes": [ | ||
| { | ||
| "name": "opened", | ||
| "fieldName": "opened" | ||
| } | ||
| ], | ||
| "members": [ | ||
| { | ||
| "kind": "field", | ||
| "name": "opened", | ||
| "privacy": "public", | ||
| "default": "false" | ||
| }, | ||
| { | ||
| "kind": "method", | ||
@@ -650,4 +300,16 @@ "name": "show", | ||
| "description": "Set default state for content based on `opened` attr" | ||
| }, | ||
| { | ||
| "kind": "field", | ||
| "name": "opened", | ||
| "privacy": "public", | ||
| "default": "false" | ||
| } | ||
| ], | ||
| "attributes": [ | ||
| { | ||
| "name": "opened", | ||
| "fieldName": "opened" | ||
| } | ||
| ], | ||
| "tagName": "lion-collapsible" | ||
@@ -674,2 +336,2 @@ } | ||
| ] | ||
| } | ||
| } |
| { | ||
| "name": "@lion/collapsible", | ||
| "version": "0.3.0", | ||
| "version": "0.3.1", | ||
| "description": "This component is a combination of a button (the invoker), a chunk of extra content.", | ||
@@ -27,3 +27,3 @@ "license": "MIT", | ||
| "scripts": { | ||
| "custom-elements-manifest": "custom-elements-manifest analyze --exclude 'docs/**/*'", | ||
| "custom-elements-manifest": "custom-elements-manifest analyze --litelement --exclude 'docs/**/*' 'demo/**/*'", | ||
| "debug": "cd ../../ && npm run debug -- --group collapsible", | ||
@@ -41,3 +41,3 @@ "debug:firefox": "cd ../../ && npm run debug:firefox -- --group collapsible", | ||
| "dependencies": { | ||
| "@lion/core": "0.14.0" | ||
| "@lion/core": "0.14.1" | ||
| }, | ||
@@ -53,7 +53,7 @@ "keywords": [ | ||
| }, | ||
| "customElementsManifest": "custom-elements.json", | ||
| "exports": { | ||
| ".": "./index.js", | ||
| "./lion-collapsible": "./lion-collapsible.js" | ||
| }, | ||
| "customElementsManifest": "custom-elements.json" | ||
| } | ||
| } | ||
| } |
@@ -27,4 +27,6 @@ import { expect, fixture as _fixture, html } from '@open-wc/testing'; | ||
| <lion-collapsible | ||
| @opened-changed=${/** @param {Event} e */ e => | ||
| collapsibleToggle(/** @type {LionCollapsible} */ (e.target)?.opened)} | ||
| @opened-changed=${ | ||
| /** @param {Event} e */ e => | ||
| collapsibleToggle(/** @type {LionCollapsible} */ (e.target)?.opened) | ||
| } | ||
| > | ||
@@ -31,0 +33,0 @@ ${collapsibleTemplate} |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Improved metrics
- Number of medium supply chain risk alerts
- decreased by-100%
0
Worsened metrics
- Total package byte prevSize
- decreased by-22.98%
32633
- Lines of code
- decreased by-32.91%
683
Dependency changes
+ Added@lion/core@0.14.1(transitive)
- Removed@lion/core@0.14.0(transitive)
Updated@lion/core@0.14.1