basic-arrow-selection - npm Package Compare versions

Comparing version 0.7.0 to 0.7.1

package.json

 {
   "name": "basic-arrow-selection",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "description": "Mixin used to add prominent left and right arrow buttons to a wrapped child. Clicking the left/right buttons selects the previous/next item.",
@@ -15,4 +15,4 @@ "homepage": "https://component.kitchen",
   "dependencies": {
-    "basic-element-base": "^0.7.0",
-    "basic-component-mixins": "^0.7.0"
+    "basic-element-base": "^0.7.1",
+    "basic-component-mixins": "^0.7.1"
   },
@@ -19,0 +19,0 @@ "browserify": {

README.md

 <a name="ArrowSelection"></a>
 ## ArrowSelection
-Component which adds prominent left and right arrow buttons to a
-wrapped child such as a carousel
+Component which adds prominent left and right arrow buttons to a wrapped
+child such as a carousel.
 
+You can see a [live demo](http://basicwebcomponents.org/basic-web-components/packages/basic-carousel/carouselWithArrows.html)
+of this component applied to a carousel.
+
 Clicking the left/right buttons selects the previous/next item.
@@ -7,0 +10,0 @@

src/ArrowSelection.js

@@ -0,6 +1,28 @@
+import ElementBase from '../../basic-element-base/src/ElementBase';
+import ContentFirstChildTarget from '../../basic-component-mixins/src/ContentFirstChildTarget';
+import DistributedChildrenAsContent from '../../basic-component-mixins/src/DistributedChildrenAsContent';
+import ItemsSelection from '../../basic-component-mixins/src/ItemsSelection';
+import Keyboard from '../../basic-component-mixins/src/Keyboard';
+import ObserveContentChanges from '../../basic-component-mixins/src/ObserveContentChanges';
+import TargetInCollective from '../../basic-component-mixins/src/TargetInCollective';
+import TargetSelection from '../../basic-component-mixins/src/TargetSelection';
+
+
+let base = ElementBase.compose(
+  ContentFirstChildTarget,
+  DistributedChildrenAsContent,
+  ItemsSelection,
+  Keyboard,
+  ObserveContentChanges,
+  TargetInCollective,
+  TargetSelection
+);
+
 /**
- * @class ArrowSelection
- * @classdesc Component which adds prominent left and right arrow buttons to a
- * wrapped child such as a carousel
+ * Component which adds prominent left and right arrow buttons to a wrapped
+ * child such as a carousel.
  *
+ * You can see a [live demo](http://basicwebcomponents.org/basic-web-components/packages/basic-carousel/carouselWithArrows.html)
+ * of this component applied to a carousel.
+ *
  * Clicking the left/right buttons selects the previous/next item.
@@ -28,26 +50,4 @@ *
  */
+class ArrowSelection extends base {
 
-
-import ElementBase from '../../basic-element-base/src/ElementBase';
-import ContentFirstChildTarget from '../../basic-component-mixins/src/ContentFirstChildTarget';
-import DistributedChildrenAsContent from '../../basic-component-mixins/src/DistributedChildrenAsContent';
-import ItemsSelection from '../../basic-component-mixins/src/ItemsSelection';
-import Keyboard from '../../basic-component-mixins/src/Keyboard';
-import ObserveContentChanges from '../../basic-component-mixins/src/ObserveContentChanges';
-import TargetInCollective from '../../basic-component-mixins/src/TargetInCollective';
-import TargetSelection from '../../basic-component-mixins/src/TargetSelection';
-
-
-let base = ElementBase.compose(
-  ContentFirstChildTarget,
-  DistributedChildrenAsContent,
-  ItemsSelection,
-  Keyboard,
-  ObserveContentChanges,
-  TargetInCollective,
-  TargetSelection
-);
-
-export default class ArrowSelection extends base {
-
   get canSelectNext() {
@@ -286,1 +286,2 @@ return super.canSelectNext;
 document.registerElement('basic-arrow-selection', ArrowSelection);
+export default ArrowSelection;

New alerts

License Policy Violation

License

This 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

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

233392

increased by6.73%

Lines of code

2702

increased by22.04%

Number of lines in readme file

26

increased by13.04%

Number of medium supply chain risk alerts

0

decreased by-100%

Dependency changes

• Updatedbasic-component-mixins@^0.7.1

• Updatedbasic-element-base@^0.7.1