@swiftwc/ui 0.0.0-dev.113 → 0.0.0-dev.115

package/generated/client/index.js

@@ -263,7 +263,7 @@ export const confirmationDialog = async (trigger, title, message, actions, optio
         }
         dialog.insertAdjacentElement('beforeend', btn);
     }
-    trigger.closest('body-view,dialog')?.insertAdjacentElement('beforeend', dialog); // dialog.showModal()
+    trigger.closest('content-view,dialog')?.insertAdjacentElement('beforeend', dialog); // dialog.showModal()
     const { promise, resolve } = Promise.withResolvers(), off = onoff('confirmation:return', (evt) => {
         const { detail } = evt;
         off();

package/generated/components/{body-view.d.ts → content-view.d.ts}

@@ -1,13 +1,13 @@
 /**
  * @summary A container view that wraps a scroll view, marking it as a screen your app can navigate to.
  */
-export declare class BodyView extends HTMLElement {
+export declare class ContentView extends HTMLElement {
     constructor();
     disconnectedCallback(): void;
     connectedCallback(): void;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'body-view': BodyView;
+        'content-view': ContentView;
     }
 }

package/generated/components/{body-view.js → content-view.js}

@@ -2,14 +2,14 @@ import { debug } from '../internal/utils';
 /**
  * @summary A container view that wraps a scroll view, marking it as a screen your app can navigate to.
  */
-export class BodyView extends HTMLElement {
+export class ContentView extends HTMLElement {
     constructor() {
         super();
     }
     disconnectedCallback() {
-        debug(`${BodyView.name} ⚡️ disconnect`);
+        debug(`${ContentView.name} ⚡️ disconnect`);
     }
     connectedCallback() {
-        debug(`${BodyView.name} ⚡️ connect`);
+        debug(`${ContentView.name} ⚡️ connect`);
     }
 }

package/generated/components/index.d.ts

@@ -1,11 +1,11 @@
 export * from './alert-dialog';
-export * from './body-view';
 export * from './bordered-button';
 export * from './bordered-prominent-button';
 export * from './borderless-button';
 export * from './color-scheme';
 export * from './confirmation-dialog';
 export * from './content-unavailable';
+export * from './content-view';
 export * from './date-picker';
 export * from './detail-placeholder';
 export * from './disclosure-group';

package/generated/components/index.js

@@ -1,11 +1,11 @@
 export * from './alert-dialog';
-export * from './body-view';
 export * from './bordered-button';
 export * from './bordered-prominent-button';
 export * from './borderless-button';
 export * from './color-scheme';
 export * from './confirmation-dialog';
 export * from './content-unavailable';
+export * from './content-view';
 export * from './date-picker';
 export * from './detail-placeholder';
 export * from './disclosure-group';

package/generated/components/picker-view.js

@@ -184,7 +184,7 @@ export class PickerView extends FormAssociatedBase {
             const { target } = evt;
             if (!(target instanceof HTMLElement))
                 return;
-            const newPage = this.#spawnPage(el instanceof Element ? Array.from(el.children) : el.children, 'body-view', groupId, this.hasAttribute('searchable'), extractLabel(el));
+            const newPage = this.#spawnPage(el instanceof Element ? Array.from(el.children) : el.children, 'content-view', groupId, this.hasAttribute('searchable'), extractLabel(el));
             if (!newPage)
                 return;
             newPage.dataset.groupId = groupId; // <-- tag the spawned page
@@ -212,7 +212,7 @@ export class PickerView extends FormAssociatedBase {
                   </tool-bar-item>
                 </tool-bar>
               </dialog>`, '>1')
-            : $(html `<body-view>
+            : $(html `<content-view>
                 <scroll-view>
                   <v-stack placement="leading fill">
                     <list-view preferred-expanded-style="inset"></list-view>
@@ -225,7 +225,7 @@ export class PickerView extends FormAssociatedBase {
                     </button>
                   </tool-bar-item>
                 </tool-bar>
-              </body-view>`, '>1'), sv = body.querySelector('scroll-view'), list = body.querySelector('list-view'), backBtn = body.querySelector('button');
+              </content-view>`, '>1'), sv = body.querySelector('scroll-view'), list = body.querySelector('list-view'), backBtn = body.querySelector('button');
         if (title)
             sv?.setAttribute('navigation-inline-title', title);
         if (searchable) {
@@ -336,8 +336,8 @@ export class PickerView extends FormAssociatedBase {
         if (!this.#spawn)
             return;
         const groupMap = indexGroups(freshRoot);
-        for (const el of this.#spawn.querySelectorAll('body-view')) {
-            const depth = ancestors('body-view,[is=sheet-view]', el).indexOf(this.#spawn);
+        for (const el of this.#spawn.querySelectorAll('content-view')) {
+            const depth = ancestors('content-view,[is=sheet-view]', el).indexOf(this.#spawn);
             if (0 >= depth)
                 continue;
             const groupId = el.dataset.groupId;
@@ -348,7 +348,7 @@ export class PickerView extends FormAssociatedBase {
             }
             const children = source instanceof Element ? Array.from(source.children) : source.children;
             const title = source instanceof Element ? extractLabel(source) : (source.title ?? null);
-            const newPage = this.#spawnPage(children, 'body-view', groupId, this.hasAttribute('searchable'), title);
+            const newPage = this.#spawnPage(children, 'content-view', groupId, this.hasAttribute('searchable'), title);
             newPage.dataset.groupId = groupId;
             reflectSpawnedPage(el, newPage);
         }
@@ -422,18 +422,18 @@ export class PickerView extends FormAssociatedBase {
                 if (!this.#spawn)
                     break;
                 // rerender level 0
-                reflectSpawnedPage(this.#spawn, this.#spawnPage(input.source, 'DIALOG' === this.#spawn.tagName ? 'sheet-view' : 'body-view', undefined, this.hasAttribute('searchable'), this.getAttribute('label')));
+                reflectSpawnedPage(this.#spawn, this.#spawnPage(input.source, 'DIALOG' === this.#spawn.tagName ? 'sheet-view' : 'content-view', undefined, this.hasAttribute('searchable'), this.getAttribute('label')));
                 this.#resyncSpawnedPages(input.source);
                 // // FIXME:
-                // for (const el of this.#spawn.querySelectorAll<HTMLElement>('body-view')) {
-                //   const depth = $.ancestors('body-view,[is=sheet-view]', el).indexOf(this.#spawn)
+                // for (const el of this.#spawn.querySelectorAll<HTMLElement>('content-view')) {
+                //   const depth = $.ancestors('content-view,[is=sheet-view]', el).indexOf(this.#spawn)
                 //   if (0 >= depth) continue
                 //   const datalist = this.querySelector<HTMLElement>(`:scope>${Array.from({ length: depth }, () => 'datalist').join('>')}`)
                 //   if (!datalist) {
                 //     el.remove()
                 //     break
                 //   }
-                //   reflectSpawnedElement(el, this.#spawnPage(Array.from(datalist.children), 'body-view', this.hasAttribute('searchable'), datalist.dataset.label))
+                //   reflectSpawnedElement(el, this.#spawnPage(Array.from(datalist.children), 'content-view', this.hasAttribute('searchable'), datalist.dataset.label))
                 // }
                 break;
             }
@@ -788,7 +788,7 @@ export class PickerView extends FormAssociatedBase {
         this.#spawn?.remove?.();
         const { source } = this.#resolveSource();
         const level0 = this.#spawnPage(source, // this.hasAttribute('dictionary') ? parseDictionary(this.getAttribute('dictionary')) : (this.#slots?.get('list')?.assignedElements() ?? []),
-        'sheet' === this.pickerStyle ? 'sheet-view' : 'body-view', undefined, this.hasAttribute('searchable'), this.getAttribute('label'));
+        'sheet' === this.pickerStyle ? 'sheet-view' : 'content-view', undefined, this.hasAttribute('searchable'), this.getAttribute('label'));
         if (!level0)
             return;
         const path = new NavigationPath(target)?.hydrate();