refactor(item): remove no-lines attribute in favor of lines property (#14407)

* docs(components): update grammar and docs

* docs(item): update item documentation and add usage

* test(item): add lines test

* feat(list): add lines property to override borders on items

* feat(item): add lines property to override borders on items

* refactor(item): remove old uses of no-lines attribute

* fix(item-sliding): update item options to show border

- show the border on left options only if in a full list
- show the border on both options only if in an inset list (or ios by
default)
- don’t show border on either for no lines list (and md by default)

also renames isRightSide to isEndSide to match the side values

* chore(package): update package lock

* style(item): fix lint errors

* test(item): update item tests

* refactor(item): remove the custom styling of last child items

instead of us overriding first/last child items to have borders we are
going to add to the documentation how to style items with a full border

* fix(item): apply border to item inputs for MD mode

* docs(components): update docs based on new build

* docs(usage): update item usage to show lines being used

* fix(item): do not set the padding right to 0 on an item by default

* fix(item): cast lines to boolean

fixes: #5537 #13218 #12689 #12073 #9112

core/src/components/item-options/item-options.tsx

@@ -1,5 +1,5 @@
 import { Component, Element, Event, EventEmitter, Method, Prop } from '@stencil/core';
-import { Side, isRightSide } from '../../utils/helpers';
+import { Side, isEndSide } from '../../utils/helpers';
 
 
 @Component({
@@ -7,6 +7,9 @@ import { Side, isRightSide } from '../../utils/helpers';
   styleUrls: {
     ios: 'item-options.ios.scss',
     md: 'item-options.md.scss'
+  },
+  host: {
+    theme: 'item-options'
   }
 })
 export class ItemOptions {
@@ -28,8 +31,8 @@ export class ItemOptions {
   @Event() ionSwipe!: EventEmitter<void>;
 
   @Method()
-  isRightSide() {
-    return isRightSide(this.win, this.side);
+  isEndSide() {
+    return isEndSide(this.win, this.side);
   }
 
   @Method()
@@ -45,8 +48,8 @@ export class ItemOptions {
   hostData() {
     return {
       class: {
-        'item-options-left': !this.isRightSide(),
-        'item-options-right': this.isRightSide()
+        'item-options-start': !this.isEndSide(),
+        'item-options-end': this.isEndSide()
       }
     };
   }