@swiftwc/ui 0.0.0-dev.102 → 0.0.0-dev.103
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.
|
@@ -173,7 +173,35 @@ export class PickerView extends FormAssociatedBase {
|
|
|
173
173
|
#spawnPage = (elements, tag, parentGroupId, searchable = false, title) => {
|
|
174
174
|
if (devFlags.debug)
|
|
175
175
|
console.debug(`${_a.name} #spawnPage`);
|
|
176
|
-
const body =
|
|
176
|
+
const body = tag === 'sheet-view'
|
|
177
|
+
? $(html `<dialog is="sheet-view">
|
|
178
|
+
<scroll-view>
|
|
179
|
+
<v-stack placement="leading fill">
|
|
180
|
+
<list-view preferred-expanded-style="inset"></list-view>
|
|
181
|
+
</v-stack>
|
|
182
|
+
</scroll-view>
|
|
183
|
+
<tool-bar>
|
|
184
|
+
<tool-bar-item slot="top-bar-leading">
|
|
185
|
+
<button type="button" tabindex="0">
|
|
186
|
+
<label-view system-image="x"></label-view>
|
|
187
|
+
</button>
|
|
188
|
+
</tool-bar-item>
|
|
189
|
+
</tool-bar>
|
|
190
|
+
</dialog>`, '>1')
|
|
191
|
+
: $(html `<body-view>
|
|
192
|
+
<scroll-view>
|
|
193
|
+
<v-stack placement="leading fill">
|
|
194
|
+
<list-view preferred-expanded-style="inset"></list-view>
|
|
195
|
+
</v-stack>
|
|
196
|
+
</scroll-view>
|
|
197
|
+
<tool-bar>
|
|
198
|
+
<tool-bar-item slot="top-bar-leading">
|
|
199
|
+
<button type="button" tabindex="0">
|
|
200
|
+
<label-view system-image="caret-left"></label-view>
|
|
201
|
+
</button>
|
|
202
|
+
</tool-bar-item>
|
|
203
|
+
</tool-bar>
|
|
204
|
+
</body-view>`, '>1'), sv = body.querySelector('scroll-view'), list = body.querySelector('list-view'), backBtn = body.querySelector('button');
|
|
177
205
|
if (title)
|
|
178
206
|
sv?.setAttribute('navigation-inline-title', title);
|
|
179
207
|
if (searchable) {
|
package/generated/css/index.css
CHANGED
|
@@ -5310,7 +5310,7 @@
|
|
|
5310
5310
|
@container style(--picker-style: menu) {
|
|
5311
5311
|
:where(picker-view:not([picker-style])) {
|
|
5312
5312
|
--picker--labelstack-display: grid;
|
|
5313
|
-
--picker--input-stack-text-align:
|
|
5313
|
+
--picker--input-stack-text-align: start;
|
|
5314
5314
|
--picker--stack-row-gap: var(--labeled-content-row-gap);
|
|
5315
5315
|
--picker--stack-column-gap: var(--labeled-content-column-gap);
|
|
5316
5316
|
--picker--stack-grid-padding-inline: var(--itempadistart, ) var(--itempadiend, );
|
|
@@ -5351,7 +5351,7 @@
|
|
|
5351
5351
|
}
|
|
5352
5352
|
:where(form picker-view[picker-style=menu]) {
|
|
5353
5353
|
--picker--labelstack-display: grid;
|
|
5354
|
-
--picker--input-stack-text-align:
|
|
5354
|
+
--picker--input-stack-text-align: start;
|
|
5355
5355
|
--picker--stack-row-gap: var(--labeled-content-row-gap);
|
|
5356
5356
|
--picker--stack-column-gap: var(--labeled-content-column-gap);
|
|
5357
5357
|
--picker--stack-grid-padding-inline: var(--itempadistart, ) var(--itempadiend, );
|
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
$picker-ifs: (
|
|
8
8
|
menu: (
|
|
9
9
|
--picker--labelstack-display: grid,
|
|
10
|
-
--picker--input-stack-text-align:
|
|
10
|
+
--picker--input-stack-text-align: start,
|
|
11
11
|
// copy from labeled-content
|
|
12
12
|
// --picker--stack-display: flex,
|
|
13
13
|
// --picker--stack-justify-content: space-between,
|