basic-list-box - npm Package Compare versions

Comparing version 0.7.0 to 0.7.1

package.json

 {
   "name": "basic-list-box",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "description": "A single-selection list box that supports selection highlighting (using the system highlight color) and keyboard navigation.",
@@ -14,4 +14,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"
   },
@@ -18,0 +18,0 @@ "browserify": {

README.md

 <a name="ListBox"></a>
 ## ListBox
-A single-selection list box that supports selection highlighting
-(using the system highlight color) and keyboard navigation
+A single-selection list box that supports selection highlighting (using the
+system highlight color) and keyboard navigation.
 
+[Live demo](http://basicwebcomponents.org/basic-web-components/packages/basic-list-box/)
+
 The user can select an item with the mouse/touch or keyboard: Up/Down, Page
@@ -25,9 +27,9 @@ Up/Down, Home/End.
 * The Page Up/Down and Home/End keys actually move the selection, rather than
-  just scrolling the list. The former behavior seems more generally useful for
-  keyboard users.
+  just scrolling the list. The former behavior seems more generally useful
+  for keyboard users.
 
 * Pressing Page Up/Down will move the selection to the topmost/bottommost
-  visible item if the selection is not already there. Thereafter, the key will
-  move the selection up/down by a page, and (per the above point) make the
-  selected item visible.
+  visible item if the selection is not already there. Thereafter, the key
+  will move the selection up/down by a page, and (per the above point) make
+  the selected item visible.
 
@@ -41,4 +43,4 @@ Programmatically selecting an item (by setting the selected property) scrolls
 **Mixes**: <code>DistributedChildrenAsContent</code>, <code>ClickSelection</code>, <code>TargetInCollective</code>, <code>ContentAsItems</code>, <code>DirectionSelection</code>, <code>Generic</code>, <code>ItemsSelection</code>, <code>SelectionAriaActive</code>, <code>Keyboard</code>, <code>KeyboardDirection</code>, <code>KeyboardPagedSelection</code>, <code>KeyboardPrefixSelection</code>, <code>SelectionHighlight</code>, <code>SelectionInView</code>  
-<a name="value"></a>
-## value : <code>String</code>
+<a name="ListBox+value"></a>
+### listBox.value : <code>string</code>
 The text content of the selected item.
@@ -50,9 +52,3 @@
 
-**Kind**: global variable  
-**Properties**
-
-| Name |
-| --- |
-| value | 
-
+**Kind**: instance property of <code>[ListBox](#ListBox)</code>  
 <a name="event_value-changed"></a>
@@ -59,0 +55,0 @@ ## "value-changed"

src/ListBox.js

@@ -0,6 +1,25 @@
+import ElementBase from '../../basic-element-base/src/ElementBase';
+import DistributedChildrenAsContent from '../../basic-component-mixins/src/DistributedChildrenAsContent';
+import ClickSelection from '../../basic-component-mixins/src/ClickSelection';
+import ContentAsItems from '../../basic-component-mixins/src/ContentAsItems';
+import DirectionSelection from '../../basic-component-mixins/src/DirectionSelection';
+import Generic from '../../basic-component-mixins/src/Generic';
+import ItemsSelection from '../../basic-component-mixins/src/ItemsSelection';
+import Keyboard from '../../basic-component-mixins/src/Keyboard';
+import KeyboardDirection from '../../basic-component-mixins/src/KeyboardDirection';
+import KeyboardPagedSelection from '../../basic-component-mixins/src/KeyboardPagedSelection';
+import KeyboardPrefixSelection from '../../basic-component-mixins/src/KeyboardPrefixSelection';
+import ObserveContentChanges from '../../basic-component-mixins/src/ObserveContentChanges';
+import SelectionAriaActive from '../../basic-component-mixins/src/SelectionAriaActive';
+import SelectionHighlight from '../../basic-component-mixins/src/SelectionHighlight';
+import SelectionInView from '../../basic-component-mixins/src/SelectionInView';
+import TargetInCollective from '../../basic-component-mixins/src/TargetInCollective';
+
+
 /**
- * @class ListBox
- * @classdesc A single-selection list box that supports selection highlighting
- * (using the system highlight color) and keyboard navigation
+ * A single-selection list box that supports selection highlighting (using the
+ * system highlight color) and keyboard navigation.
  *
+ * [Live demo](http://basicwebcomponents.org/basic-web-components/packages/basic-list-box/)
+ *
  * The user can select an item with the mouse/touch or keyboard: Up/Down, Page
@@ -25,9 +44,9 @@ * Up/Down, Home/End.
  * * The Page Up/Down and Home/End keys actually move the selection, rather than
- *   just scrolling the list. The former behavior seems more generally useful for
- *   keyboard users.
+ *   just scrolling the list. The former behavior seems more generally useful
+ *   for keyboard users.
  *
  * * Pressing Page Up/Down will move the selection to the topmost/bottommost
- *   visible item if the selection is not already there. Thereafter, the key will
- *   move the selection up/down by a page, and (per the above point) make the
- *   selected item visible.
+ *   visible item if the selection is not already there. Thereafter, the key
+ *   will move the selection up/down by a page, and (per the above point) make
+ *   the selected item visible.
  *
@@ -54,23 +73,3 @@ * Programmatically selecting an item (by setting the selected property) scrolls
  */
-
-
-import ElementBase from '../../basic-element-base/src/ElementBase';
-import DistributedChildrenAsContent from '../../basic-component-mixins/src/DistributedChildrenAsContent';
-import ClickSelection from '../../basic-component-mixins/src/ClickSelection';
-import ContentAsItems from '../../basic-component-mixins/src/ContentAsItems';
-import DirectionSelection from '../../basic-component-mixins/src/DirectionSelection';
-import Generic from '../../basic-component-mixins/src/Generic';
-import ItemsSelection from '../../basic-component-mixins/src/ItemsSelection';
-import Keyboard from '../../basic-component-mixins/src/Keyboard';
-import KeyboardDirection from '../../basic-component-mixins/src/KeyboardDirection';
-import KeyboardPagedSelection from '../../basic-component-mixins/src/KeyboardPagedSelection';
-import KeyboardPrefixSelection from '../../basic-component-mixins/src/KeyboardPrefixSelection';
-import ObserveContentChanges from '../../basic-component-mixins/src/ObserveContentChanges';
-import SelectionAriaActive from '../../basic-component-mixins/src/SelectionAriaActive';
-import SelectionHighlight from '../../basic-component-mixins/src/SelectionHighlight';
-import SelectionInView from '../../basic-component-mixins/src/SelectionInView';
-import TargetInCollective from '../../basic-component-mixins/src/TargetInCollective';
-
-
-export default class ListBox extends ElementBase.compose(
+class ListBox extends ElementBase.compose(
   DistributedChildrenAsContent,
@@ -149,4 +148,3 @@ ClickSelection,
    *
-   * @property value
-   * @type String
+   * @type {string}
    */
@@ -189,1 +187,2 @@ get value() {
 document.registerElement('basic-list-box', ListBox);
+export default ListBox;

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

334738

increased by4.79%

Lines of code

3784

increased by18.96%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Number of lines in readme file

56

decreased by-6.67%

Dependency changes

• Updatedbasic-component-mixins@^0.7.1

• Updatedbasic-element-base@^0.7.1