@swiftwc/ui 0.0.0-dev.98 → 1.0.0-canary.0

package/generated/components/plain-button.d.ts

@@ -1,7 +0,0 @@
-import { ButtonBase } from '../namespace-browser/base';
-export declare class PlainButton extends ButtonBase {
-    #private;
-    constructor();
-    static polyfillDisconnectedCallback(el: PlainButton): void;
-    static polyfillConnectedCallback(el: PlainButton): void;
-}

package/generated/components/plain-button.js

@@ -1,22 +0,0 @@
-import { CleanupRegistry } from '../internal/class/cleanup-registry';
-import { devFlags, onoff } from '../internal/utils';
-import { ButtonBase } from '../namespace-browser/base';
-export class PlainButton extends ButtonBase {
-    constructor() {
-        super();
-    }
-    static polyfillDisconnectedCallback(el) {
-        if (devFlags.debug)
-            console.debug(`${PlainButton.name} ⚡️ disconnect`);
-        CleanupRegistry.unregister(el);
-    }
-    static polyfillConnectedCallback(el) {
-        if (devFlags.debug)
-            console.debug(`${PlainButton.name} ⚡️ connect`);
-        el.tabIndex = 0;
-        CleanupRegistry.register(el, onoff('click', PlainButton.#handleClick, el).on());
-    }
-    static #handleClick = async (evt) => {
-        // alert(99)
-    };
-}

package/generated/components/progress-view.d.ts

@@ -1,20 +0,0 @@
-/**
- * @summary A view that shows how far along a task is.
- *
- * @slot — The default slot.
- * @slot current-value
- */
-export declare class ProgressView extends HTMLElement {
-    #private;
-    static get observedAttributes(): string[];
-    get progressViewStyle(): "circular" | "linear";
-    constructor();
-    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
-    disconnectedCallback(): void;
-    connectedCallback(): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'progress-view': ProgressView;
-    }
-}

package/generated/components/progress-view.js

@@ -1,125 +0,0 @@
-var _a;
-import { CleanupRegistry } from '../internal/class/cleanup-registry';
-import { CSSStyleObserver } from '../internal/class/css-style-observer';
-import { $, devFlags } from '../internal/utils';
-import { queryMorph } from '../morphdom';
-import { Snapshot } from '../snapshot';
-import { html } from '../tpl';
-const progressViewStyles = ['circular', 'linear'];
-/**
- * @summary A view that shows how far along a task is.
- *
- * @slot — The default slot.
- * @slot current-value
- */
-export class ProgressView extends HTMLElement {
-    static get observedAttributes() {
-        return ['label', 'current-value-label', 'value'];
-    }
-    static #templates = new Map();
-    #cssStyleObserver;
-    #progressViewStyle;
-    #lastRenderedStyle;
-    #shadowRoot;
-    #slots = new Map();
-    get progressViewStyle() {
-        return this.#progressViewStyle ?? 'circular';
-    }
-    get #template() {
-        if (!_a.#templates.has(this.progressViewStyle))
-            switch (this.progressViewStyle) {
-                case 'linear':
-                    _a.#templates.set(this.progressViewStyle, $(html `
-              <slot></slot>
-              <div part="root progress-control progress-line-control"></div>
-              <slot name="current-value"></slot>
-            `));
-                    break;
-                case 'circular':
-                default:
-                    _a.#templates.set(this.progressViewStyle, $(html `
-              <div part="root progress-control progress-circular-control">
-                <div part="root progress-control progress-circular-blade progress-circular-blade-1"></div>
-                <div part="root progress-control progress-circular-blade progress-circular-blade-2"></div>
-                <div part="root progress-control progress-circular-blade progress-circular-blade-3"></div>
-                <div part="root progress-control progress-circular-blade progress-circular-blade-4"></div>
-                <div part="root progress-control progress-circular-blade progress-circular-blade-5"></div>
-                <div part="root progress-control progress-circular-blade progress-circular-blade-6"></div>
-                <div part="root progress-control progress-circular-blade progress-circular-blade-7"></div>
-                <div part="root progress-control progress-circular-blade progress-circular-blade-8"></div>
-              </div>
-              <slot></slot>
-              <slot name="current-value"></slot>
-            `));
-                    break;
-            }
-        return _a.#templates.get(this.progressViewStyle);
-    }
-    constructor() {
-        super();
-        this.#shadowRoot = this.attachShadow({ mode: 'closed' });
-    }
-    attributeChangedCallback(name, oldValue, newValue) {
-        if (devFlags.debug)
-            console.debug(`${_a.name} ⚡️ attr-change [${name}] ("${oldValue}" → "${newValue}")`);
-        switch (name) {
-            case 'label': {
-                const label = this.querySelector(':scope>label-view:not([slot])') ?? this.appendChild($(html `<label-view foreground="secondary"></label-view>`, '>1'));
-                if (newValue) {
-                    label.setAttribute('title', newValue);
-                }
-                else
-                    label.removeAttribute('title');
-                break;
-            }
-            case 'current-value-label': {
-                queryMorph('[slot=current-value]', html `<label-view slot="current-value" font="callout" foreground="secondary">${newValue ? html `<span>${newValue}</span>` : null}</label-view>`, this);
-                break;
-            }
-        }
-    }
-    disconnectedCallback() {
-        if (devFlags.debug)
-            console.debug(`${_a.name} ⚡️ disconnect`);
-        CleanupRegistry.unregister(this);
-    }
-    connectedCallback() {
-        if (devFlags.debug)
-            console.debug(`${_a.name} ⚡️ connect`);
-        this.inert = true;
-        this.#cssStyleObserver = new CSSStyleObserver({
-            properties: ['--progress-view-style-index'],
-        });
-        this.#cssStyleObserver.observe(this, this.#handleStyleChange);
-        Snapshot.waitReady.then(() => self.requestAnimationFrame(this.#handleStyleChange));
-    }
-    #handleStyleChange = () => {
-        if (devFlags.debug)
-            console.debug(`${_a.name} ⚡️ style`);
-        const raw = self.getComputedStyle(this).getPropertyValue('--progress-view-style-index').trim();
-        const newValue = progressViewStyles[Number(raw)] ?? progressViewStyles[0];
-        if (newValue === this.#progressViewStyle)
-            return;
-        this.#progressViewStyle = newValue;
-        this.#render();
-    };
-    #render() {
-        if (devFlags.debug)
-            console.debug(`${_a.name} ⚡️ #render (${this.#progressViewStyle})`);
-        if (this.#lastRenderedStyle === this.#progressViewStyle)
-            return; // skip if already applied
-        this.#lastRenderedStyle = this.#progressViewStyle;
-        this.#shadowRoot.replaceChildren(document.importNode(this.#template, true)); // clear shadow DOM
-        CleanupRegistry.unregister(this, 'slots');
-        for (const slot of this.#shadowRoot.querySelectorAll('slot'))
-            this.#slots?.set(slot.name, slot);
-        CleanupRegistry.register(this, () => {
-            this.#slots = new Map();
-        }, 'slots');
-        switch (this.#progressViewStyle
-        //
-        ) {
-        }
-    }
-}
-_a = ProgressView;

package/generated/components/screen-view.d.ts

@@ -1,5 +0,0 @@
-import { DialogBase } from '../namespace-browser/base';
-export declare class ScreenView extends DialogBase {
-    constructor();
-    disconnectedCallback(): void;
-}

package/generated/components/screen-view.js

@@ -1,11 +0,0 @@
-import { devFlags } from '../internal/utils';
-import { DialogBase } from '../namespace-browser/base';
-export class ScreenView extends DialogBase {
-    constructor() {
-        super();
-    }
-    disconnectedCallback() {
-        if (devFlags.debug)
-            console.debug(`${ScreenView.name} ⚡️ disconnect`);
-    }
-}

package/generated/components/scroll-view-proxy.d.ts

@@ -1,13 +0,0 @@
-/**
- * @summary A wrapper for {hv}-stacks
- */
-export declare class ScrollViewProxy extends HTMLElement {
-    constructor();
-    disconnectedCallback(): void;
-    connectedCallback(): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'scroll-view-proxy': ScrollViewProxy;
-    }
-}

package/generated/components/scroll-view-proxy.js

@@ -1,17 +0,0 @@
-import { devFlags } from '../internal/utils';
-/**
- * @summary A wrapper for {hv}-stacks
- */
-export class ScrollViewProxy extends HTMLElement {
-    constructor() {
-        super();
-    }
-    disconnectedCallback() {
-        if (devFlags.debug)
-            console.debug(`${ScrollViewProxy.name} ⚡️ disconnect`);
-    }
-    connectedCallback() {
-        if (devFlags.debug)
-            console.debug(`${ScrollViewProxy.name} ⚡️ connect`);
-    }
-}

package/generated/components/scroll-view.d.ts

@@ -1,22 +0,0 @@
-/**
- * @summary A view that scrolls its content when it doesn’t fit the screen.
- *
- * @slot — The default slot.
- * @slot top-bar-principal
- * @slot bottom-bar-principal
- */
-export declare class ScrollView extends HTMLElement {
-    #private;
-    static get observedAttributes(): string[];
-    static get template(): DocumentFragment;
-    constructor();
-    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
-    disconnectedCallback(): void;
-    connectedCallback(): void;
-    centerScrollToElement(child: Element): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'scroll-view': ScrollView;
-    }
-}

package/generated/components/scroll-view.js

@@ -1,237 +0,0 @@
-var _a;
-import { lifecycleObserver } from '../buses';
-import { CleanupRegistry } from '../internal/class/cleanup-registry';
-import { ResizeObserverSingleton } from '../internal/class/resize-observer-singleton';
-import { $, devFlags, frame, onoff, slowHideShow } from '../internal/utils';
-import { queryMorph } from '../morphdom';
-import { html } from '../tpl';
-const observers = new ResizeObserverSingleton();
-/**
- * @summary A view that scrolls its content when it doesn’t fit the screen.
- *
- * @slot — The default slot.
- * @slot top-bar-principal
- * @slot bottom-bar-principal
- */
-export class ScrollView extends HTMLElement {
-    static get observedAttributes() {
-        return [
-            /**
-             * Configures the view’s title for purposes of navigation. Shorthand for `<v-stack spacing="0" alignment="fill" slot="top-bar-principal"><label-view line-limit="1" truncation-mode="tail" font="headline"><span>Navigation Title</span></label-view></v-stack>`
-             */
-            'navigation-title',
-            'navigation-inline-title',
-            'navigation-inline-subtitle',
-            'navigation-icon',
-            'navigation-bar-title-display-mode',
-        ];
-    }
-    static #template;
-    static get template() {
-        return (this.#template ??= $(html `<slot></slot>
-        <div part="root scroll-view-navbar">
-          <div part="root scroll-view-navbar-stack">
-            <slot name="top-bar-principal"></slot>
-          </div>
-        </div>
-        <div part="root scroll-view-toolbar">
-          <div part="root scroll-view-toolbar-stack">
-            <slot name="bottom-bar-principal"></slot>
-          </div>
-        </div>`));
-    }
-    #shadowRoot;
-    #slots = new Map();
-    #isMidScroll;
-    #lastScrollTop = 0;
-    // #stopRecordingScrollTop?: boolean = false
-    #beforeTabSwapLastScrolltop;
-    constructor() {
-        super();
-        this.#shadowRoot = this.attachShadow({ mode: 'closed' });
-        this.#shadowRoot.appendChild(document.importNode(this.constructor.template, true));
-        for (const slot of this.#shadowRoot.querySelectorAll('slot'))
-            this.#slots?.set(slot.name, slot);
-        CleanupRegistry.register(this, () => {
-            this.#slots = new Map();
-        });
-    }
-    attributeChangedCallback(name, oldValue, newValue) {
-        if (devFlags.debug)
-            console.debug(`${_a.name} ⚡️ attr-change [${name}] ("${oldValue}" → "${newValue}")`);
-        switch (name) {
-            case 'navigation-inline-title':
-                this.#renderNavTitle(newValue, this.getAttribute('navigation-inline-subtitle'));
-                break;
-            case 'navigation-inline-subtitle':
-                this.#renderNavTitle(this.getAttribute('navigation-inline-title'), newValue);
-                break;
-            case 'navigation-title': {
-                if (oldValue === newValue)
-                    return;
-                this.#renderNavTitleComponent(newValue, null, this.getAttribute('navigation-icon'));
-                break;
-            }
-            case 'navigation-bar-title-display-mode':
-                if (oldValue === newValue)
-                    break;
-                this.#syncSibling(`${oldValue}${newValue}`);
-                break;
-        }
-    }
-    disconnectedCallback() {
-        if (devFlags.debug)
-            console.debug(`${_a.name} ⚡️ disconnect`);
-        CleanupRegistry.unregister(this);
-        observers.unobserve(this);
-        frame().then(() => lifecycleObserver.dispatchEvent(new CustomEvent('pagehide', { detail: { page: this }, bubbles: true, composed: true })));
-    }
-    connectedCallback() {
-        if (devFlags.debug)
-            console.debug(`${_a.name} ⚡️ connect`);
-        CleanupRegistry.register(this, onoff([
-            // { types: 'tabreveal', listener: this.#handleTabReveal as EventListener },
-            { types: 'beforetabswap', listener: this.#handleTabBeforeswap },
-        ], this.closest('tab-view') ?? undefined).on());
-        CleanupRegistry.register(this, onoff([
-            { types: 'scroll', listener: this.#handleScroll, addOptions: { passive: true } },
-            { types: 'scrollend', listener: this.#handleScrollend, addOptions: { passive: true } },
-        ], this).on());
-        frame().then(() => lifecycleObserver.dispatchEvent(new CustomEvent('pageshow', { detail: { page: this }, bubbles: true, composed: true })));
-        observers.observe(this, this.#handleMeasure.bind(this));
-        // frame(this).then((r) => {
-        //   if (!r) return
-        //   let first = true
-        //   observeResizeEnd(this, () => {
-        //     if (first) {
-        //       first = false
-        //       return
-        //     }
-        //     this.dispatchEvent(new CustomEvent('resizeend', { bubbles: true, composed: true }))
-        //   })
-        // })
-    }
-    #syncSibling = (comp) => {
-        if (!this.isConnected)
-            return;
-        if (this.closest('[hidden]'))
-            return; // iREPAINT ALERT! if (0 === this.offsetHeight + this.offsetWidth) break
-        if (!this.#isMidScroll)
-            return;
-        const title = this.#slots?.get('top-bar-principal')?.assignedElements({ flatten: true })?.at(0);
-        slowHideShow('largeinline' === `${comp}` ? 'show' : 'hide', title);
-    };
-    #handleScroll = ({ target, type }) => {
-        if (devFlags.debug)
-            console.debug(`${_a.name} ⚡️ ${type}`);
-        if (!this.#isMidScroll)
-            this.#isMidScroll = true;
-        // if (this.#stopRecordingScrollTop) return
-        if (!(target instanceof HTMLElement))
-            return;
-        this.#lastScrollTop = target.scrollTop;
-    };
-    #handleScrollend = (evt) => {
-        if (devFlags.debug)
-            console.debug(`${_a.name} ⚡️ ${evt?.type}`);
-        if (this.#isMidScroll)
-            this.#isMidScroll = false;
-    };
-    #handleMeasure = (entry) => {
-        if (devFlags.debug)
-            console.debug(`${_a.name} ⚡️ measure`);
-        if (0 === entry.contentRect.width + entry.contentRect.height)
-            return;
-        if (undefined === this.#beforeTabSwapLastScrolltop)
-            return;
-        if (this.#beforeTabSwapLastScrolltop === this.#lastScrollTop)
-            return;
-        // this.#stopRecordingScrollTop = true
-        entry.target.scrollTop = this.#beforeTabSwapLastScrolltop;
-        // entry.target.scrollTo({
-        //   top: this.#beforeTabSwapLastScrolltop,
-        //   behavior: 'smooth',
-        // }) //
-        // this.#stopRecordingScrollTop = false
-        this.#beforeTabSwapLastScrolltop = undefined;
-    };
-    // #handleTabReveal = ({ type, target }: CustomEvent<TabDetail>) => {
-    //   if (devFlags.debug) console.debug(`${ScrollView.name} ⚡️ ${type}`)
-    //   if (!(target instanceof HTMLElement)) return
-    //   if (!target.contains(this)) return
-    //   if (this.closest('[hidden]')) return
-    //   // console.log(888, this.#beforeTabSwapLastScrolltop, this.#lastScrollTop)
-    //   // this.style.setProperty('clip-path', 'inset(50%)')
-    //   // this.style.setProperty('opacity', '0.001')
-    //   // this.style.opacity = '0.001'
-    //   // console.log(99, this.style.opacity)
-    //   // self.requestAnimationFrame(() => {
-    //   //   if (undefined === this.#beforeTabSwapLastScrolltop) return
-    //   //   if (this.#beforeTabSwapLastScrolltop === this.#lastScrollTop) return
-    //   //   this.#stopRecordingScrollTop = true
-    //   //   // console.log(999, this.#beforeTabSwapLastScrolltop)
-    //   //   // console.log(999, this, this.#beforeTabSwapLastScrolltop, this.#lastScrollTop)
-    //   //   this.scrollTop = this.#beforeTabSwapLastScrolltop
-    //   //   // this.scrollTo({
-    //   //   //   top: this.#beforeTabSwapLastScrolltop,
-    //   //   //   behavior: 'instant',
-    //   //   // }) //
-    //   //   this.#stopRecordingScrollTop = false
-    //   //   this.#beforeTabSwapLastScrolltop = undefined
-    //   //   // self.requestAnimationFrame(() => {
-    //   //   //   // this.style.removeProperty('opacity')
-    //   //   // })
-    //   // })
-    // }
-    #handleTabBeforeswap = ({ type, target }) => {
-        if (devFlags.debug)
-            console.debug(`${_a.name} ⚡️ ${type}`);
-        if (!(target instanceof HTMLElement))
-            return;
-        if (!target.contains(this))
-            return;
-        if (this.closest('[hidden]'))
-            return;
-        this.#beforeTabSwapLastScrolltop = this.scrollTop; //#lastScrollTop
-    };
-    centerScrollToElement(child) {
-        // scrollTop needed to center child
-        const parentRect = this.getBoundingClientRect(), childRect = child.getBoundingClientRect();
-        // current scroll + offset of child relative to parent
-        const top = this.scrollTop + childRect.top - parentRect.top - parentRect.height / 2 + childRect.height / 2;
-        this.scrollTo({
-            top,
-            behavior: self.matchMedia('(prefers-reduced-motion: no-preference)').matches ? 'smooth' : 'instant', // optional: smooth scroll
-        });
-    }
-    #renderNavTitle = (title, subtitle) => {
-        // const titleTemplate = `<label-view line-limit="1" truncation-mode="tail" font="headline"><span></span></label-view>`,
-        //   subtitleTemplate = `<label-view line-limit="1" truncation-mode="tail" foreground="secondary" font="callout"><span></span></label-view>`
-        // const vStack =
-        //   this.querySelector(':scope>[slot=top-bar-principal]') ?? this.appendChild($(`<v-stack spacing="0" alignment="fill" slot="top-bar-principal">${titleTemplate}${subtitleTemplate}</v-stack>`, '>1'))
-        // renderLabel(':scope>label-view:nth-child(1)', titleTemplate, vStack, title)
-        // renderLabel(':scope>label-view:nth-child(2)', subtitleTemplate, vStack, subtitle)
-        // const container = this.querySelector(':scope>[slot=top-bar-principal]') ?? this.appendChild($(`<v-stack spacing="0" alignment="fill" slot="top-bar-principal"></v-stack>`, '>1'))
-        queryMorph('[slot=top-bar-principal]', html `<v-stack spacing="0" alignment="fill" slot="top-bar-principal">
-        ${title ? html `<label-view line-limit="1" truncation-mode="tail" font="headline"><span>${title}</span></label-view>` : null}
-        ${subtitle ? html `<label-view line-limit="1" truncation-mode="tail" foreground="secondary" font="callout"><span>${subtitle}</span></label-view>` : null}
-      </v-stack>`, this);
-        // render(
-        //   html`
-        //     ${title ? html`<label-view line-limit="1" truncation-mode="tail" font="headline"><span>${title}</span></label-view>` : null}
-        //     ${subtitle ? html`<label-view line-limit="1" truncation-mode="tail" foreground="secondary" font="callout"><span>${subtitle}</span></label-view>` : null}
-        //   `,
-        //   container
-        // )
-    };
-    #renderNavTitleComponent = (title, subtitle, icon) => {
-        if (!title)
-            return this.querySelector(':scope>v-stack>navigation-title:not([slot])')?.remove?.();
-        // const container = ((vs = this.querySelector<HTMLElement>(':scope>v-stack') ?? (this.appendChild($(`<v-stack></v-stack>`, '>1')) as HTMLElement)) =>
-        //   vs.querySelector<HTMLElement>(':scope>navigation-title:not([slot])') ??
-        //   vs.appendChild($(html`<navigation-title value="${title}" subtitle="${subtitle}" system-image="${icon}" padding></navigation-title>`.toString(), '>1')))()
-        const container = this.querySelector(':scope>v-stack') ?? this.appendChild($(html `<v-stack></v-stack>`, '>1'));
-        queryMorph('navigation-title:not([slot])', html `<navigation-title value="${title}" subtitle="${subtitle}" system-image="${icon}" padding></navigation-title>`, container);
-    };
-}
-_a = ScrollView;

package/generated/components/search-view.d.ts

@@ -1,12 +0,0 @@
-import { InputBase } from '../namespace-browser/base';
-export declare class SearchView extends InputBase {
-    constructor();
-    static polyfillDisconnectedCallback(el: InputBase): void;
-    static polyfillConnectedCallback(el: InputBase): void;
-    static polyfillAttributeChangedCallback([{ attributeName, target, oldValue }]: Pick<MutationRecord, 'attributeName' | 'oldValue' | 'target'>[]): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'search-view': SearchView;
-    }
-}

package/generated/components/search-view.js

@@ -1,27 +0,0 @@
-import { CleanupRegistry } from '../internal/class/cleanup-registry';
-import { devFlags, onoff, touchGlass } from '../internal/utils';
-import { InputBase } from '../namespace-browser/base';
-export class SearchView extends InputBase {
-    constructor() {
-        super();
-    }
-    static polyfillDisconnectedCallback(el) {
-        if (devFlags.debug)
-            console.debug(`${SearchView.name} ⚡️ disconnect`);
-        CleanupRegistry.unregister(el);
-    }
-    static polyfillConnectedCallback(el) {
-        if (devFlags.debug)
-            console.debug(`${SearchView.name} ⚡️ connect`);
-        CleanupRegistry.register(el, onoff(touchGlass(el, (t) => t, () => true), el).on());
-        el.type = 'search';
-    }
-    static polyfillAttributeChangedCallback([{ attributeName, target, oldValue }]) {
-        if (devFlags.debug)
-            console.debug(`${SearchView.name} ⚡️ attr-change [${attributeName}] ("${oldValue}" → "${target.getAttribute(attributeName ?? '')}")`);
-        const node = target instanceof HTMLInputElement;
-        if (!node)
-            return;
-        //
-    }
-}

package/generated/components/section-view.d.ts

@@ -1,21 +0,0 @@
-/**
- * @summary A container view that groups related content together.
- *
- * @slot — The default slot.
- * @slot header
- * @slot footer
- */
-export declare class SectionView extends HTMLElement {
-    #private;
-    static get observedAttributes(): string[];
-    static get template(): DocumentFragment;
-    constructor();
-    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
-    disconnectedCallback(): void;
-    connectedCallback(): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'section-view': SectionView;
-    }
-}

package/generated/components/section-view.js

@@ -1,64 +0,0 @@
-import { $, devFlags } from '../internal/utils';
-import { queryMorph } from '../morphdom';
-import { html } from '../tpl';
-/**
- * @summary A container view that groups related content together.
- *
- * @slot — The default slot.
- * @slot header
- * @slot footer
- */
-export class SectionView extends HTMLElement {
-    static get observedAttributes() {
-        return ['header', 'footer'];
-    }
-    static #template;
-    static get template() {
-        return (this.#template ??= $(html `<div part="root section-main-stack">
-          <slot></slot>
-        </div>
-        <div part="root section-header-stack">
-          <slot name="header"></slot>
-        </div>
-        <div part="root section-footer-stack">
-          <slot name="footer"></slot>
-        </div>`));
-        // <div class="sticky-sentinel" style="grid-area:sentinel;inline-size:100%;block-size:0.1px;pointer-events:none;"></div>
-    }
-    #shadowRoot;
-    constructor() {
-        super();
-        this.#shadowRoot = this.attachShadow({ mode: 'closed' });
-        this.#shadowRoot.appendChild(document.importNode(this.constructor.template, true));
-    }
-    attributeChangedCallback(name, oldValue, newValue) {
-        if (devFlags.debug)
-            console.debug(`${SectionView.name} ⚡️ attr-change [${name}] ("${oldValue}" → "${newValue}")`);
-        switch (name) {
-            case 'header':
-                queryMorph('[slot=header]', html `<header slot="header">
-            <label-view line-limit="1" truncation-mode="tail" font="callout">
-              <span>${newValue}</span>
-            </label-view>
-          </header>`, this, { removeIf: !newValue });
-                break;
-            case 'footer':
-                queryMorph('[slot=footer]', html `<footer slot="footer">
-            <label-view line-limit="1" truncation-mode="tail" font="callout">
-              <span>${newValue}</span>
-            </label-view>
-          </footer>`, this, { removeIf: !newValue });
-                break;
-        }
-    }
-    disconnectedCallback() {
-        if (devFlags.debug)
-            console.debug(`${SectionView.name} ⚡️ disconnect`);
-        //
-    }
-    connectedCallback() {
-        if (devFlags.debug)
-            console.debug(`${SectionView.name} ⚡️ connect`);
-        //
-    }
-}

package/generated/components/sheet-view.d.ts

@@ -1,11 +0,0 @@
-import { DialogBase } from '../namespace-browser/base';
-/**
- * @summary A dialog that slides up over the current screen.
- */
-export declare class SheetView extends DialogBase {
-    #private;
-    constructor();
-    static polyfillDisconnectedCallback(el: SheetView): void;
-    static polyfillConnectedCallback(el: SheetView): void;
-    static polyfillAttributeChangedCallback([{ attributeName, target, oldValue }]: Pick<MutationRecord, 'attributeName' | 'oldValue' | 'target'>[]): void;
-}