fixup! docs(list): improve examples & clarify things a bit more

Author: Kiarokh

src/components/list/examples/list-primary-component.tsx

@@ -3,24 +3,21 @@ import { Component, h } from '@stencil/core';
 
 /**
  * List with a primary component
- /**
-  * List with a primary component
-  *
-  * List items can render a custom primary component using the
-  * `primaryComponent` prop.
-  *
-  * :::tip
-  * By default, the primary component is rendered after the icon
-  * and before the item's text.
-  *
-  * Since the list item is a flexbox, you can easily change the
-  * order of the primary component by applying a different `order`
-  * via `style`.
-  *
-  * You can set `order` either via the primary component's own styles,
-  * or via its `props`.
-  * :::
-  */
+ *
+ * List items can render a custom primary component using the
+ * `primaryComponent` prop.
+ *
+ * :::tip
+ * By default, the primary component is rendered after the icon
+ * and before the item's text.
+ *
+ * Since the list item is a flexbox, you can easily change the
+ * order of the primary component by applying a different `order`
+ * via `style`.
+ *
+ * You can set `order` either via the primary component's own styles,
+ * or via its `props`.
+ * :::
  */
 @Component({
     tag: 'limel-example-list-primary-component',

src/components/list/examples/list-selectable.tsx

@@ -62,9 +62,9 @@ export class SelectableListExample {
     }
 
     private handleChange = (event: LimelListCustomEvent<ListItem>) => {
-        this.lastEvent = `${event.detail.text} (selected: ${
-            (event.detail as any).selected ? 'true' : 'false'
-        })`;
+        const isSelected = event.detail.selected === true;
+        this.lastEvent = `${event.detail.text} (selected: ${isSelected ? 'true' : 'false'})`;
+
         this.items = this.items.map((item: ListItem) => {
             if (item.value === event.detail.value) {
                 return event.detail;