@ionic/core 7.5.3-dev.11698760841.12aff234 → 7.5.3-dev.11698765436.1c5d9418
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/list.js +2 -2
- package/dist/cjs/ion-item_8.cjs.entry.js +2 -2
- package/dist/collection/components/list/list.ios.css +13 -6
- package/dist/collection/components/list/list.md.css +22 -10
- package/dist/collection/components/list/test/lines/list.e2e.js +77 -2
- package/dist/docs.json +1 -1
- package/dist/esm/ion-item_8.entry.js +2 -2
- package/dist/esm-es5/ion-item_8.entry.js +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/p-0fb53284.system.js +1 -1
- package/dist/ionic/{p-715ec7ce.system.entry.js → p-60d74a4c.system.entry.js} +1 -1
- package/dist/ionic/{p-a78d1521.entry.js → p-eb84dff4.entry.js} +1 -1
- package/hydrate/index.js +2 -2
- package/package.json +1 -1
package/components/list.js
CHANGED
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
5
5
|
import { b as getIonMode } from './ionic-global.js';
|
|
6
6
|
|
|
7
|
-
const listIosCss = "ion-list{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:block;contain:content;list-style-type:none}ion-list.list-inset{-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.list-ios{background:var(--ion-item-background, var(--ion-background-color, #fff))}.list-ios.list-inset{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px;border-radius:10px}.list-ios.list-inset ion-item:
|
|
7
|
+
const listIosCss = "ion-list{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:block;contain:content;list-style-type:none}ion-list.list-inset{-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.list-ios{background:var(--ion-item-background, var(--ion-background-color, #fff))}.list-ios.list-inset{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px;border-radius:10px}.list-ios.list-inset ion-item:only-child,.list-ios.list-inset ion-item:not(:only-of-type):last-of-type,.list-ios.list-inset ion-item-sliding:last-of-type ion-item{--border-width:0;--inner-border-width:0}.list-ios.list-inset+ion-list.list-inset{margin-top:0}.list-ios-lines-none .item-lines-default{--inner-border-width:0px;--border-width:0px}.list-ios-lines-full .item-lines-default{--inner-border-width:0px;--border-width:0 0 0.55px 0}.list-ios-lines-inset .item-lines-default{--inner-border-width:0 0 0.55px 0;--border-width:0px}ion-card .list-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}";
|
|
8
8
|
|
|
9
|
-
const listMdCss = "ion-list{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:block;contain:content;list-style-type:none}ion-list.list-inset{-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.list-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:8px;padding-bottom:8px;background:var(--ion-item-background, var(--ion-background-color, #fff))}@supports (inset-inline-start: 0){.list-md>.input:last-child::after{inset-inline-start:0}}@supports not (inset-inline-start: 0){.list-md>.input:last-child::after{left:0}:host-context([dir=rtl]) .list-md>.input:last-child::after{left:unset;right:unset;right:0}[dir=rtl] .list-md>.input:last-child::after{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.list-md>.input:last-child::after:dir(rtl){left:unset;right:unset;right:0}}}.list-md.list-inset{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px;border-radius:2px}.list-md.list-inset ion-item:
|
|
9
|
+
const listMdCss = "ion-list{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:block;contain:content;list-style-type:none}ion-list.list-inset{-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.list-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:8px;padding-bottom:8px;background:var(--ion-item-background, var(--ion-background-color, #fff))}@supports (inset-inline-start: 0){.list-md>.input:last-child::after{inset-inline-start:0}}@supports not (inset-inline-start: 0){.list-md>.input:last-child::after{left:0}:host-context([dir=rtl]) .list-md>.input:last-child::after{left:unset;right:unset;right:0}[dir=rtl] .list-md>.input:last-child::after{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.list-md>.input:last-child::after:dir(rtl){left:unset;right:unset;right:0}}}.list-md.list-inset{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px;border-radius:2px}.list-md.list-inset ion-item:only-child,.list-md.list-inset ion-item:not(:only-of-type):first-of-type,.list-md.list-inset ion-item-sliding:first-of-type ion-item{--border-radius:2px 2px 0 0}.list-md.list-inset ion-item:only-child,.list-md.list-inset ion-item:not(:only-of-type):last-of-type,.list-md.list-inset ion-item-sliding:last-of-type ion-item{--border-radius:0 0 2px 2px;--border-width:0;--inner-border-width:0}.list-md.list-inset+ion-list.list-inset{margin-top:0}.list-md-lines-none .item-lines-default{--inner-border-width:0px;--border-width:0px}.list-md-lines-full .item-lines-default{--inner-border-width:0px;--border-width:0 0 1px 0}.list-md-lines-inset .item-lines-default{--inner-border-width:0 0 1px 0;--border-width:0px}ion-card .list-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}";
|
|
10
10
|
|
|
11
11
|
const List = /*@__PURE__*/ proxyCustomElement(class List extends HTMLElement {
|
|
12
12
|
constructor() {
|
|
@@ -398,9 +398,9 @@ Label.style = {
|
|
|
398
398
|
md: labelMdCss
|
|
399
399
|
};
|
|
400
400
|
|
|
401
|
-
const listIosCss = "ion-list{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:block;contain:content;list-style-type:none}ion-list.list-inset{-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.list-ios{background:var(--ion-item-background, var(--ion-background-color, #fff))}.list-ios.list-inset{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px;border-radius:10px}.list-ios.list-inset ion-item:
|
|
401
|
+
const listIosCss = "ion-list{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:block;contain:content;list-style-type:none}ion-list.list-inset{-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.list-ios{background:var(--ion-item-background, var(--ion-background-color, #fff))}.list-ios.list-inset{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px;border-radius:10px}.list-ios.list-inset ion-item:only-child,.list-ios.list-inset ion-item:not(:only-of-type):last-of-type,.list-ios.list-inset ion-item-sliding:last-of-type ion-item{--border-width:0;--inner-border-width:0}.list-ios.list-inset+ion-list.list-inset{margin-top:0}.list-ios-lines-none .item-lines-default{--inner-border-width:0px;--border-width:0px}.list-ios-lines-full .item-lines-default{--inner-border-width:0px;--border-width:0 0 0.55px 0}.list-ios-lines-inset .item-lines-default{--inner-border-width:0 0 0.55px 0;--border-width:0px}ion-card .list-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}";
|
|
402
402
|
|
|
403
|
-
const listMdCss = "ion-list{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:block;contain:content;list-style-type:none}ion-list.list-inset{-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.list-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:8px;padding-bottom:8px;background:var(--ion-item-background, var(--ion-background-color, #fff))}@supports (inset-inline-start: 0){.list-md>.input:last-child::after{inset-inline-start:0}}@supports not (inset-inline-start: 0){.list-md>.input:last-child::after{left:0}:host-context([dir=rtl]) .list-md>.input:last-child::after{left:unset;right:unset;right:0}[dir=rtl] .list-md>.input:last-child::after{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.list-md>.input:last-child::after:dir(rtl){left:unset;right:unset;right:0}}}.list-md.list-inset{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px;border-radius:2px}.list-md.list-inset ion-item:
|
|
403
|
+
const listMdCss = "ion-list{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:block;contain:content;list-style-type:none}ion-list.list-inset{-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.list-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:8px;padding-bottom:8px;background:var(--ion-item-background, var(--ion-background-color, #fff))}@supports (inset-inline-start: 0){.list-md>.input:last-child::after{inset-inline-start:0}}@supports not (inset-inline-start: 0){.list-md>.input:last-child::after{left:0}:host-context([dir=rtl]) .list-md>.input:last-child::after{left:unset;right:unset;right:0}[dir=rtl] .list-md>.input:last-child::after{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.list-md>.input:last-child::after:dir(rtl){left:unset;right:unset;right:0}}}.list-md.list-inset{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px;border-radius:2px}.list-md.list-inset ion-item:only-child,.list-md.list-inset ion-item:not(:only-of-type):first-of-type,.list-md.list-inset ion-item-sliding:first-of-type ion-item{--border-radius:2px 2px 0 0}.list-md.list-inset ion-item:only-child,.list-md.list-inset ion-item:not(:only-of-type):last-of-type,.list-md.list-inset ion-item-sliding:last-of-type ion-item{--border-radius:0 0 2px 2px;--border-width:0;--inner-border-width:0}.list-md.list-inset+ion-list.list-inset{margin-top:0}.list-md-lines-none .item-lines-default{--inner-border-width:0px;--border-width:0px}.list-md-lines-full .item-lines-default{--inner-border-width:0px;--border-width:0 0 1px 0}.list-md-lines-inset .item-lines-default{--inner-border-width:0 0 1px 0;--border-width:0px}ion-card .list-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}";
|
|
404
404
|
|
|
405
405
|
const List = class {
|
|
406
406
|
constructor(hostRef) {
|
|
@@ -131,13 +131,20 @@ ion-list.list-inset {
|
|
|
131
131
|
}
|
|
132
132
|
|
|
133
133
|
/**
|
|
134
|
-
* These selectors ensure the
|
|
135
|
-
*
|
|
136
|
-
|
|
137
|
-
|
|
134
|
+
* These selectors ensure the first item in the list
|
|
135
|
+
* has the correct border.
|
|
136
|
+
* We need to consider the following scenarios:
|
|
137
|
+
1. The only item in a list.
|
|
138
|
+
2. The last item in a list as long as it is not the only item.
|
|
139
|
+
3. The item in the last item-sliding in a list.
|
|
140
|
+
* Note that we do not select ion-item:last-of-type
|
|
141
|
+
* because that will cause the borders to disappear for
|
|
142
|
+
* when for items in item-sliding where the item is the last
|
|
143
|
+
* element in the item-sliding container.
|
|
138
144
|
*/
|
|
139
|
-
.list-ios.list-inset ion-item:
|
|
140
|
-
.list-ios.list-inset ion-item-
|
|
145
|
+
.list-ios.list-inset ion-item:only-child,
|
|
146
|
+
.list-ios.list-inset ion-item:not(:only-of-type):last-of-type,
|
|
147
|
+
.list-ios.list-inset ion-item-sliding:last-of-type ion-item {
|
|
141
148
|
--border-width: 0;
|
|
142
149
|
--inner-border-width: 0;
|
|
143
150
|
}
|
|
@@ -170,23 +170,35 @@ ion-list.list-inset {
|
|
|
170
170
|
* These selectors ensure the first item in the list
|
|
171
171
|
* has the correct radius.
|
|
172
172
|
* We need to consider the following scenarios:
|
|
173
|
-
1. The
|
|
174
|
-
2. The item in
|
|
173
|
+
1. The only item in a list.
|
|
174
|
+
2. The first item in a list as long as it is not the only item.
|
|
175
|
+
3. The item in the first item-sliding in a list.
|
|
176
|
+
* Note that we do not select ion-item:first-of-type
|
|
177
|
+
* because that will cause the borders to disappear for
|
|
178
|
+
* when for items in item-sliding where the item is the last
|
|
179
|
+
* element in the item-sliding container.
|
|
175
180
|
*/
|
|
176
|
-
.list-md.list-inset ion-item:
|
|
177
|
-
.list-md.list-inset ion-item-
|
|
181
|
+
.list-md.list-inset ion-item:only-child,
|
|
182
|
+
.list-md.list-inset ion-item:not(:only-of-type):first-of-type,
|
|
183
|
+
.list-md.list-inset ion-item-sliding:first-of-type ion-item {
|
|
178
184
|
--border-radius: 2px 2px 0 0;
|
|
179
185
|
}
|
|
180
186
|
|
|
181
187
|
/**
|
|
182
|
-
* These selectors ensure the
|
|
183
|
-
*
|
|
188
|
+
* These selectors ensure the first item in the list
|
|
189
|
+
* has the correct radius and border.
|
|
184
190
|
* We need to consider the following scenarios:
|
|
185
|
-
1. The
|
|
186
|
-
2. The item in
|
|
191
|
+
1. The only item in a list.
|
|
192
|
+
2. The last item in a list as long as it is not the only item.
|
|
193
|
+
3. The item in the last item-sliding in a list.
|
|
194
|
+
* Note that we do not select ion-item:last-of-type
|
|
195
|
+
* because that will cause the borders to disappear for
|
|
196
|
+
* when for items in item-sliding where the item is the last
|
|
197
|
+
* element in the item-sliding container.
|
|
187
198
|
*/
|
|
188
|
-
.list-md.list-inset ion-item:
|
|
189
|
-
.list-md.list-inset ion-item-
|
|
199
|
+
.list-md.list-inset ion-item:only-child,
|
|
200
|
+
.list-md.list-inset ion-item:not(:only-of-type):last-of-type,
|
|
201
|
+
.list-md.list-inset ion-item-sliding:last-of-type ion-item {
|
|
190
202
|
--border-radius: 0 0 2px 2px;
|
|
191
203
|
--border-width: 0;
|
|
192
204
|
--inner-border-width: 0;
|
|
@@ -28,7 +28,30 @@ configs().forEach(({ title, screenshot, config }) => {
|
|
|
28
28
|
*/
|
|
29
29
|
configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
|
|
30
30
|
test.describe(title('list: lines with children'), () => {
|
|
31
|
-
test('
|
|
31
|
+
test('only item in inset list should not have line', async ({ page }) => {
|
|
32
|
+
await page.setContent(`
|
|
33
|
+
<style>
|
|
34
|
+
#container {
|
|
35
|
+
padding: 10px;
|
|
36
|
+
background: #0088cc;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
ion-item {
|
|
40
|
+
--border-color: red;
|
|
41
|
+
}
|
|
42
|
+
</style>
|
|
43
|
+
<div id="container">
|
|
44
|
+
<ion-list inset="true">
|
|
45
|
+
<ion-item>
|
|
46
|
+
<ion-label>Item 0</ion-label>
|
|
47
|
+
</ion-item>
|
|
48
|
+
</ion-list>
|
|
49
|
+
</div>
|
|
50
|
+
`, config);
|
|
51
|
+
const container = page.locator('#container');
|
|
52
|
+
await expect(container).toHaveScreenshot(screenshot('inset-list-only-item-no-lines'));
|
|
53
|
+
});
|
|
54
|
+
test('last item in inset list with end options should not have line', async ({ page }) => {
|
|
32
55
|
await page.setContent(`
|
|
33
56
|
<style>
|
|
34
57
|
#container {
|
|
@@ -78,7 +101,59 @@ configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
|
|
|
78
101
|
</div>
|
|
79
102
|
`, config);
|
|
80
103
|
const container = page.locator('#container');
|
|
81
|
-
await expect(container).toHaveScreenshot(screenshot('inset-list-
|
|
104
|
+
await expect(container).toHaveScreenshot(screenshot('inset-list-end-options-no-lines'));
|
|
105
|
+
});
|
|
106
|
+
test('last item in inset list with start options should not have line', async ({ page }) => {
|
|
107
|
+
await page.setContent(`
|
|
108
|
+
<style>
|
|
109
|
+
#container {
|
|
110
|
+
padding: 10px;
|
|
111
|
+
background: #0088cc;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
ion-item {
|
|
115
|
+
--border-color: red;
|
|
116
|
+
}
|
|
117
|
+
</style>
|
|
118
|
+
<div id="container">
|
|
119
|
+
<ion-list inset="true">
|
|
120
|
+
<ion-item-sliding>
|
|
121
|
+
<ion-item-options slot="start">
|
|
122
|
+
<ion-item-option color="warning">
|
|
123
|
+
<ion-icon slot="icon-only" name="pin"></ion-icon>
|
|
124
|
+
</ion-item-option>
|
|
125
|
+
</ion-item-options>
|
|
126
|
+
<ion-item>
|
|
127
|
+
<ion-label>Item 0</ion-label>
|
|
128
|
+
</ion-item>
|
|
129
|
+
</ion-item-sliding>
|
|
130
|
+
|
|
131
|
+
<ion-item-sliding>
|
|
132
|
+
<ion-item-options slot="start">
|
|
133
|
+
<ion-item-option color="warning">
|
|
134
|
+
<ion-icon slot="icon-only" name="pin"></ion-icon>
|
|
135
|
+
</ion-item-option>
|
|
136
|
+
</ion-item-options>
|
|
137
|
+
<ion-item>
|
|
138
|
+
<ion-label>Item 1</ion-label>
|
|
139
|
+
</ion-item>
|
|
140
|
+
</ion-item-sliding>
|
|
141
|
+
|
|
142
|
+
<ion-item-sliding>
|
|
143
|
+
<ion-item-options slot="start">
|
|
144
|
+
<ion-item-option color="warning">
|
|
145
|
+
<ion-icon slot="icon-only" name="pin"></ion-icon>
|
|
146
|
+
</ion-item-option>
|
|
147
|
+
</ion-item-options>
|
|
148
|
+
<ion-item>
|
|
149
|
+
<ion-label>Item 2</ion-label>
|
|
150
|
+
</ion-item>
|
|
151
|
+
</ion-item-sliding>
|
|
152
|
+
</ion-list>
|
|
153
|
+
</div>
|
|
154
|
+
`, config);
|
|
155
|
+
const container = page.locator('#container');
|
|
156
|
+
await expect(container).toHaveScreenshot(screenshot('inset-list-start-options-no-lines'));
|
|
82
157
|
});
|
|
83
158
|
});
|
|
84
159
|
});
|
package/dist/docs.json
CHANGED
|
@@ -394,9 +394,9 @@ Label.style = {
|
|
|
394
394
|
md: labelMdCss
|
|
395
395
|
};
|
|
396
396
|
|
|
397
|
-
const listIosCss = "ion-list{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:block;contain:content;list-style-type:none}ion-list.list-inset{-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.list-ios{background:var(--ion-item-background, var(--ion-background-color, #fff))}.list-ios.list-inset{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px;border-radius:10px}.list-ios.list-inset ion-item:
|
|
397
|
+
const listIosCss = "ion-list{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:block;contain:content;list-style-type:none}ion-list.list-inset{-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.list-ios{background:var(--ion-item-background, var(--ion-background-color, #fff))}.list-ios.list-inset{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px;border-radius:10px}.list-ios.list-inset ion-item:only-child,.list-ios.list-inset ion-item:not(:only-of-type):last-of-type,.list-ios.list-inset ion-item-sliding:last-of-type ion-item{--border-width:0;--inner-border-width:0}.list-ios.list-inset+ion-list.list-inset{margin-top:0}.list-ios-lines-none .item-lines-default{--inner-border-width:0px;--border-width:0px}.list-ios-lines-full .item-lines-default{--inner-border-width:0px;--border-width:0 0 0.55px 0}.list-ios-lines-inset .item-lines-default{--inner-border-width:0 0 0.55px 0;--border-width:0px}ion-card .list-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}";
|
|
398
398
|
|
|
399
|
-
const listMdCss = "ion-list{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:block;contain:content;list-style-type:none}ion-list.list-inset{-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.list-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:8px;padding-bottom:8px;background:var(--ion-item-background, var(--ion-background-color, #fff))}@supports (inset-inline-start: 0){.list-md>.input:last-child::after{inset-inline-start:0}}@supports not (inset-inline-start: 0){.list-md>.input:last-child::after{left:0}:host-context([dir=rtl]) .list-md>.input:last-child::after{left:unset;right:unset;right:0}[dir=rtl] .list-md>.input:last-child::after{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.list-md>.input:last-child::after:dir(rtl){left:unset;right:unset;right:0}}}.list-md.list-inset{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px;border-radius:2px}.list-md.list-inset ion-item:
|
|
399
|
+
const listMdCss = "ion-list{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:block;contain:content;list-style-type:none}ion-list.list-inset{-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.list-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:8px;padding-bottom:8px;background:var(--ion-item-background, var(--ion-background-color, #fff))}@supports (inset-inline-start: 0){.list-md>.input:last-child::after{inset-inline-start:0}}@supports not (inset-inline-start: 0){.list-md>.input:last-child::after{left:0}:host-context([dir=rtl]) .list-md>.input:last-child::after{left:unset;right:unset;right:0}[dir=rtl] .list-md>.input:last-child::after{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.list-md>.input:last-child::after:dir(rtl){left:unset;right:unset;right:0}}}.list-md.list-inset{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:16px;margin-bottom:16px;border-radius:2px}.list-md.list-inset ion-item:only-child,.list-md.list-inset ion-item:not(:only-of-type):first-of-type,.list-md.list-inset ion-item-sliding:first-of-type ion-item{--border-radius:2px 2px 0 0}.list-md.list-inset ion-item:only-child,.list-md.list-inset ion-item:not(:only-of-type):last-of-type,.list-md.list-inset ion-item-sliding:last-of-type ion-item{--border-radius:0 0 2px 2px;--border-width:0;--inner-border-width:0}.list-md.list-inset+ion-list.list-inset{margin-top:0}.list-md-lines-none .item-lines-default{--inner-border-width:0px;--border-width:0px}.list-md-lines-full .item-lines-default{--inner-border-width:0px;--border-width:0 0 1px 0}.list-md-lines-inset .item-lines-default{--inner-border-width:0 0 1px 0;--border-width:0px}ion-card .list-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}";
|
|
400
400
|
|
|
401
401
|
const List = class {
|
|
402
402
|
constructor(hostRef) {
|