@formicoidea/labre-core 0.48.0 → 0.49.0

package/dist/_pkgs/data-view/widget-presets/tools/presets/view-options/view-options.js

@@ -1,19 +1,55 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
 import { menu, popMenu, popupTargetFromElement, } from '../../../../../affine-components/context-menu/index.js';
 import { unsafeCSSVarV2 } from '../../../../../affine-shared/theme/index.js';
-import { ArrowRightSmallIcon, DeleteIcon, DuplicateIcon, FilterIcon, GroupingIcon, InfoIcon, LayoutIcon, MoreHorizontalIcon, SortIcon, } from '@blocksuite/icons/lit';
+import { ArrowRightSmallIcon, DeleteIcon, DuplicateIcon, FilterIcon, GroupingIcon, InfoIcon, LayoutIcon, MoreHorizontalIcon, OpenInNewIcon, SortIcon, } from '@blocksuite/icons/lit';
+import { stdContext } from '../../../../../std/index.js';
+import { consume } from '@lit/context';
 import { css, html } from 'lit';
-import { styleMap } from 'lit/directives/style-map.js';
-import { popPropertiesSetting } from '../../../../core/common/properties.js';
 import { filterTraitKey } from '../../../../core/filter/trait.js';
-import { popGroupSetting, popSelectGroupByProperty, } from '../../../../core/group-by/setting.js';
 import { groupTraitKey } from '../../../../core/group-by/trait.js';
-import { emptyFilterGroup, popCreateFilter, renderUniLit, } from '../../../../core/index.js';
+import { emptyFilterGroup, popCreateFilter, } from '../../../../core/index.js';
 import { popCreateSort } from '../../../../core/sort/add-sort.js';
 import { sortTraitKey } from '../../../../core/sort/manager.js';
 import { createSortUtils } from '../../../../core/sort/utils.js';
+import { englishWording, wordingOf, } from '../../../../core/utils/wording.js';
 import { WidgetBase } from '../../../../core/widget/widget-base.js';
 import { popFilterRoot } from '../../../quick-setting-bar/filter/root-panel-view.js';
 import { popSortRoot } from '../../../quick-setting-bar/sort/root-panel.js';
+import { DATA_VIEW_OPEN_IN } from '../../../../translations.js';
+import { openInCurrent, openInOptions, openViewSetting, popViewSetting, viewSettingAvailable, } from './view-settings.js';
 const styles = css `
   .affine-database-toolbar-item.more-action {
     padding: 2px;
@@ -36,31 +72,83 @@ const styles = css `
     background: var(--affine-hover-color);
   }
 `;
-export class DataViewHeaderToolsViewOptions extends WidgetBase {
-    constructor() {
-        super(...arguments);
-        this.clickMoreAction = (e) => {
-            e.stopPropagation();
-            this.openMoreAction(popupTargetFromElement(e.currentTarget));
-        };
-        this.openMoreAction = (target) => {
-            popViewOptions(target, this.dataViewLogic);
-        };
-    }
-    static { this.styles = styles; }
-    render() {
-        if (this.view.readonly$.value) {
-            return;
+let DataViewHeaderToolsViewOptions = (() => {
+    let _classSuper = WidgetBase;
+    let _std_decorators;
+    let _std_initializers = [];
+    let _std_extraInitializers = [];
+    return class DataViewHeaderToolsViewOptions extends _classSuper {
+        constructor() {
+            super(...arguments);
+            this.#std_accessor_storage = __runInitializers(this, _std_initializers, void 0);
+            this.clickMoreAction = (__runInitializers(this, _std_extraInitializers), (e) => {
+                e.stopPropagation();
+                this.openMoreAction(popupTargetFromElement(e.currentTarget));
+            });
+            this.openMoreAction = (target) => {
+                popViewOptions(target, this.dataViewLogic, undefined, wordingOf(this.std));
+            };
         }
-        return html ` <div
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _std_decorators = [consume({ context: stdContext })];
+            __esDecorate(this, null, _std_decorators, { kind: "accessor", name: "std", static: false, private: false, access: { has: obj => "std" in obj, get: obj => obj.std, set: (obj, value) => { obj.std = value; } }, metadata: _metadata }, _std_initializers, _std_extraInitializers);
+            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static { this.styles = styles; }
+        #std_accessor_storage;
+        /** Absent outside an editor host: the wordings read English. */
+        get std() { return this.#std_accessor_storage; }
+        set std(value) { this.#std_accessor_storage = value; }
+        /**
+         * Whether the current view offers setting `key` now (labre PRD REQ-DB-10:
+         * what a host's "This view" menu lists for the full page of a database).
+         */
+        settingAvailable(key) {
+            return viewSettingAvailable(this.dataViewLogic, key);
+        }
+        /**
+         * Open the menu of one setting of the current view, anchored on this
+         * button, its "back" leading to the view settings: the entry the view
+         * settings menu would open, for a caller outside it (a host's menu, through
+         * the database page's view-menu commands). Nothing when not offered.
+         */
+        openSetting(key) {
+            const target = popupTargetFromElement(this);
+            popViewSetting(target, this.dataViewLogic, key, () => this.openMoreAction(target), wordingOf(this.std));
+        }
+        render() {
+            if (this.view.readonly$.value) {
+                return;
+            }
+            return html ` <div
       class="affine-database-toolbar-item more-action"
       @click="${this.clickMoreAction}"
     >
       ${MoreHorizontalIcon()}
     </div>`;
-    }
-}
-const createSettingMenus = (target, dataViewLogic, reopen) => {
+        }
+    };
+})();
+export { DataViewHeaderToolsViewOptions };
+/**
+ * "Open pages in" (B8, PRD REQ-DB-11): a view setting shared by everyone,
+ * offered only where rows are pages, written on the pick alone.
+ */
+const openInMenu = (dataViewLogic, reopen, wording) => {
+    if (!viewSettingAvailable(dataViewLogic, 'open-in'))
+        return;
+    const currentChoice = openInCurrent(dataViewLogic);
+    return menu.subMenu({
+        name: wording(DATA_VIEW_OPEN_IN),
+        prefix: OpenInNewIcon(),
+        postfix: html ` <div style="font-size: 14px;">
+      ${currentChoice ? wording(currentChoice.wording) : ''}
+    </div>`,
+        options: openInOptions(dataViewLogic, reopen, wording),
+    });
+};
+const createSettingMenus = (target, dataViewLogic, reopen, wording) => {
     const view = dataViewLogic.view;
     const settingItems = [];
     settingItems.push(menu.action({
@@ -71,10 +159,7 @@ const createSettingMenus = (target, dataViewLogic, reopen) => {
         </div>
         ${ArrowRightSmallIcon()}`,
         select: () => {
-            popPropertiesSetting(target, {
-                view: view,
-                onBack: reopen,
-            });
+            openViewSetting(target, dataViewLogic, 'properties', reopen, wording);
         },
     }));
     const filterTrait = view.traitGet(filterTraitKey);
@@ -165,25 +250,19 @@ const createSettingMenus = (target, dataViewLogic, reopen) => {
           </div>
           ${ArrowRightSmallIcon()}`,
             select: () => {
-                const groupBy = groupTrait.property$.value;
-                if (!groupBy) {
-                    popSelectGroupByProperty(target, groupTrait, {
-                        onSelect: () => popGroupSetting(target, groupTrait, reopen),
-                        onBack: reopen,
-                    });
-                }
-                else {
-                    popGroupSetting(target, groupTrait, reopen);
-                }
+                openViewSetting(target, dataViewLogic, 'group', reopen, wording);
             },
         }));
     }
+    const openIn = openInMenu(dataViewLogic, reopen, wording);
+    if (openIn)
+        settingItems.push(openIn);
     return settingItems;
 };
-export const popViewOptions = (target, dataViewLogic, onClose) => {
+export const popViewOptions = (target, dataViewLogic, onClose, wording = englishWording) => {
     const view = dataViewLogic.view;
     const reopen = () => {
-        popViewOptions(target, dataViewLogic);
+        popViewOptions(target, dataViewLogic, undefined, wording);
     };
     const items = [];
     items.push(menu.input({
@@ -204,96 +283,14 @@ export const popViewOptions = (target, dataViewLogic, onClose) => {
             </div>
             ${ArrowRightSmallIcon()}`,
                 select: () => {
-                    const viewTypes = view.manager.viewMetas.map(meta => {
-                        return menu => {
-                            if (!menu.search(meta.model.defaultName)) {
-                                return;
-                            }
-                            const isSelected = meta.type === view.manager.currentView$.value?.type;
-                            const iconStyle = styleMap({
-                                fontSize: '24px',
-                                color: isSelected
-                                    ? 'var(--affine-text-emphasis-color)'
-                                    : 'var(--affine-icon-secondary)',
-                            });
-                            const textStyle = styleMap({
-                                fontSize: '14px',
-                                lineHeight: '22px',
-                                color: isSelected
-                                    ? 'var(--affine-text-emphasis-color)'
-                                    : 'var(--affine-text-secondary-color)',
-                            });
-                            const data = {
-                                content: () => html `
-                    <div
-                      style="color:var(--affine-text-emphasis-color);width:100%;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 6px 16px;white-space: nowrap"
-                    >
-                      <div style="${iconStyle}">
-                        ${renderUniLit(meta.renderer.icon)}
-                      </div>
-                      <div style="${textStyle}">${meta.model.defaultName}</div>
-                    </div>
-                  `,
-                                select: () => {
-                                    const id = view.manager.currentViewId$.value;
-                                    // Re-picking the current layout would reset the view to the
-                                    // defaults of its own type, dropping widths and filters.
-                                    if (!id || meta.type === view.type) {
-                                        return;
-                                    }
-                                    view.manager.viewChangeType(id, meta.type);
-                                    dataViewLogic.clearSelection();
-                                },
-                                class: {},
-                            };
-                            const containerStyle = styleMap({
-                                flex: '1',
-                            });
-                            return html ` <affine-menu-button
-                  style="${containerStyle}"
-                  .data="${data}"
-                  .menu="${menu}"
-                ></affine-menu-button>`;
-                        };
-                    });
-                    popMenu(target, {
-                        options: {
-                            title: {
-                                onBack: reopen,
-                                text: 'Layout',
-                            },
-                            items: [
-                                menu => {
-                                    const result = menu.renderItems(viewTypes);
-                                    if (result.length) {
-                                        return html ` <div style="display: flex">${result}</div>`;
-                                    }
-                                    return html ``;
-                                },
-                                // menu.toggleSwitch({
-                                //   name: 'Show block icon',
-                                //   on: true,
-                                //   onChange: value => {
-                                //     console.log(value);
-                                //   },
-                                // }),
-                                // menu.toggleSwitch({
-                                //   name: 'Show Vertical lines',
-                                //   on: true,
-                                //   onChange: value => {
-                                //     console.log(value);
-                                //   },
-                                // }),
-                            ],
-                        },
-                    });
+                    openViewSetting(target, dataViewLogic, 'layout', reopen, wording);
                 },
                 prefix: LayoutIcon(),
             }),
         ],
     }));
     items.push(menu.group({
-        items: createSettingMenus(target, dataViewLogic, reopen),
+        items: createSettingMenus(target, dataViewLogic, reopen, wording),
     }));
     items.push(menu.group({
         items: [

package/dist/_pkgs/data-view/widget-presets/tools/presets/view-options/view-settings.d.ts

@@ -0,0 +1,43 @@
+import { type MenuOptions, type PopupTarget } from '../../../../../affine-components/context-menu/index.js';
+import type { DatabaseViewOpenIn } from '../../../../../affine-model/index.js';
+import type { ChromeWording } from '../../../../../affine-shared/services/index.js';
+import { type TemplateResult } from 'lit';
+import { type DataViewUILogicBase } from '../../../../core/index.js';
+import type { Wording } from '../../../../core/utils/wording.js';
+/**
+ * The settings of a view that a menu entry opens on its own (labre PRD
+ * REQ-DB-10: the "This view" section of a host's header menu lists them for
+ * the full page of a database). The view settings menu (`popViewOptions`)
+ * opens the very same functions from its entries, so a host's entry and the
+ * library's own menu are one code path: same menus, same writes, same
+ * "back" to the view settings. Open: a later minor may add a key.
+ */
+export type ViewSettingKey = 'layout' | 'properties' | 'group' | 'open-in';
+/**
+ * Whether the current view offers `key`: grouping needs the group trait,
+ * "Open pages in" a source whose rows are pages (B8). A read-only or
+ * fallback view offers nothing: its settings menu is not drawn either.
+ */
+export declare function viewSettingAvailable(dataViewLogic: DataViewUILogicBase, key: ViewSettingKey): boolean;
+/** The current "Open pages in" choice, with its wording, for a postfix. */
+export declare function openInCurrent(dataViewLogic: DataViewUILogicBase): {
+    mode: DatabaseViewOpenIn;
+    wording: ChromeWording;
+    icon: () => TemplateResult;
+} | undefined;
+/**
+ * "Open pages in" (B8, PRD REQ-DB-11) as menu options: a view setting shared
+ * by everyone, written on the pick alone.
+ */
+export declare function openInOptions(dataViewLogic: DataViewUILogicBase, reopen: () => void, wording: Wording): MenuOptions;
+/**
+ * Open the menu of one view setting, anchored on `target`. `reopen` is the
+ * menus' "back" (the view settings menu). A setting the view does not offer
+ * opens nothing.
+ */
+export declare function popViewSetting(target: PopupTarget, dataViewLogic: DataViewUILogicBase, key: ViewSettingKey, reopen: () => void, wording: Wording): void;
+/**
+ * The entries of the view settings menu: the same openers, without the
+ * availability check, since that menu decides itself which entries it draws.
+ */
+export declare function openViewSetting(target: PopupTarget, dataViewLogic: DataViewUILogicBase, key: ViewSettingKey, reopen: () => void, wording: Wording): void;

package/dist/_pkgs/data-view/widget-presets/tools/presets/view-options/view-settings.js

@@ -0,0 +1,187 @@
+import { menu, popMenu, } from '../../../../../affine-components/context-menu/index.js';
+import { CenterPeekIcon, ExpandFullIcon, RightSidebarIcon, } from '@blocksuite/icons/lit';
+import { html } from 'lit';
+import { styleMap } from 'lit/directives/style-map.js';
+import { popPropertiesSetting } from '../../../../core/common/properties.js';
+import { popGroupSetting, popSelectGroupByProperty, } from '../../../../core/group-by/setting.js';
+import { groupTraitKey } from '../../../../core/group-by/trait.js';
+import { renderUniLit, } from '../../../../core/index.js';
+import { rowsArePages, viewOpenIn, viewOpenInSet, } from '../../../../core/view/open-in.js';
+import { PropertiesPanelOpenerKey } from '../../../../core/view-manager/properties-panel-opener.js';
+import { DATA_VIEW_OPEN_IN, DATA_VIEW_OPEN_IN_CENTER, DATA_VIEW_OPEN_IN_FULL, DATA_VIEW_OPEN_IN_SIDE, } from '../../../../translations.js';
+/** The three places a row's page opens, in the stored order (ADR 0035 §8). */
+const OPEN_IN_CHOICES = [
+    { mode: 'side', wording: DATA_VIEW_OPEN_IN_SIDE, icon: RightSidebarIcon },
+    { mode: 'center', wording: DATA_VIEW_OPEN_IN_CENTER, icon: CenterPeekIcon },
+    { mode: 'full', wording: DATA_VIEW_OPEN_IN_FULL, icon: ExpandFullIcon },
+];
+/**
+ * Whether the current view offers `key`: grouping needs the group trait,
+ * "Open pages in" a source whose rows are pages (B8). A read-only or
+ * fallback view offers nothing: its settings menu is not drawn either.
+ */
+export function viewSettingAvailable(dataViewLogic, key) {
+    const view = dataViewLogic.view;
+    if (view.readonly$.value || view.shownAsFallback$.value)
+        return false;
+    switch (key) {
+        case 'group':
+            return !!view.traitGet(groupTraitKey);
+        case 'open-in':
+            return rowsArePages(view.manager.dataSource);
+        case 'layout':
+        case 'properties':
+            return true;
+    }
+}
+/** The current "Open pages in" choice, with its wording, for a postfix. */
+export function openInCurrent(dataViewLogic) {
+    const view = dataViewLogic.view;
+    const current = viewOpenIn(view.manager.dataSource.viewDataGet(view.id));
+    return OPEN_IN_CHOICES.find(choice => choice.mode === current);
+}
+/**
+ * "Open pages in" (B8, PRD REQ-DB-11) as menu options: a view setting shared
+ * by everyone, written on the pick alone.
+ */
+export function openInOptions(dataViewLogic, reopen, wording) {
+    const view = dataViewLogic.view;
+    const current = openInCurrent(dataViewLogic)?.mode;
+    return {
+        title: { text: wording(DATA_VIEW_OPEN_IN) },
+        items: OPEN_IN_CHOICES.map(choice => menu.action({
+            name: wording(choice.wording),
+            prefix: choice.icon(),
+            isSelected: choice.mode === current,
+            select: () => {
+                viewOpenInSet(view, choice.mode);
+                reopen();
+            },
+        })),
+    };
+}
+function popLayout(target, dataViewLogic, reopen) {
+    const view = dataViewLogic.view;
+    const viewTypes = view.manager.viewMetas.map(meta => {
+        return menu => {
+            if (!menu.search(meta.model.defaultName)) {
+                return;
+            }
+            const isSelected = meta.type === view.manager.currentView$.value?.type;
+            const iconStyle = styleMap({
+                fontSize: '24px',
+                color: isSelected
+                    ? 'var(--affine-text-emphasis-color)'
+                    : 'var(--affine-icon-secondary)',
+            });
+            const textStyle = styleMap({
+                fontSize: '14px',
+                lineHeight: '22px',
+                color: isSelected
+                    ? 'var(--affine-text-emphasis-color)'
+                    : 'var(--affine-text-secondary-color)',
+            });
+            const data = {
+                content: () => html `
+          <div
+            style="color:var(--affine-text-emphasis-color);width:100%;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 6px 16px;white-space: nowrap"
+          >
+            <div style="${iconStyle}">${renderUniLit(meta.renderer.icon)}</div>
+            <div style="${textStyle}">${meta.model.defaultName}</div>
+          </div>
+        `,
+                select: () => {
+                    const id = view.manager.currentViewId$.value;
+                    // Re-picking the current layout would reset the view to the
+                    // defaults of its own type, dropping widths and filters.
+                    if (!id || meta.type === view.type) {
+                        return;
+                    }
+                    dataViewLogic.eventTrace('DatabaseViewTypeChanged', {
+                        fromViewType: view.type,
+                        toViewType: meta.type,
+                    });
+                    view.manager.viewChangeType(id, meta.type);
+                    dataViewLogic.clearSelection();
+                },
+                class: {},
+            };
+            const containerStyle = styleMap({
+                flex: '1',
+            });
+            return html ` <affine-menu-button
+        style="${containerStyle}"
+        .data="${data}"
+        .menu="${menu}"
+      ></affine-menu-button>`;
+        };
+    });
+    popMenu(target, {
+        options: {
+            title: {
+                onBack: reopen,
+                text: 'Layout',
+            },
+            items: [
+                menu => {
+                    const result = menu.renderItems(viewTypes);
+                    if (result.length) {
+                        return html ` <div style="display: flex">${result}</div>`;
+                    }
+                    return html ``;
+                },
+            ],
+        },
+    });
+}
+/**
+ * Open the menu of one view setting, anchored on `target`. `reopen` is the
+ * menus' "back" (the view settings menu). A setting the view does not offer
+ * opens nothing.
+ */
+export function popViewSetting(target, dataViewLogic, key, reopen, wording) {
+    if (!viewSettingAvailable(dataViewLogic, key))
+        return;
+    openViewSetting(target, dataViewLogic, key, reopen, wording);
+}
+/**
+ * The entries of the view settings menu: the same openers, without the
+ * availability check, since that menu decides itself which entries it draws.
+ */
+export function openViewSetting(target, dataViewLogic, key, reopen, wording) {
+    const view = dataViewLogic.view;
+    switch (key) {
+        case 'layout':
+            popLayout(target, dataViewLogic, reopen);
+            return;
+        case 'properties': {
+            const openPanel = view.serviceGet(PropertiesPanelOpenerKey);
+            if (openPanel) {
+                openPanel(view.id);
+                return;
+            }
+            popPropertiesSetting(target, { view, onBack: reopen });
+            return;
+        }
+        case 'group': {
+            const groupTrait = view.traitGet(groupTraitKey);
+            if (!groupTrait)
+                return;
+            if (!groupTrait.property$.value) {
+                popSelectGroupByProperty(target, groupTrait, {
+                    onSelect: () => popGroupSetting(target, groupTrait, reopen, wording),
+                    onBack: reopen,
+                });
+            }
+            else {
+                popGroupSetting(target, groupTrait, reopen, wording);
+            }
+            return;
+        }
+        case 'open-in':
+            popMenu(target, {
+                options: openInOptions(dataViewLogic, reopen, wording),
+            });
+            return;
+    }
+}

package/dist/_pkgs/data-view/widget-presets/views-bar/views-view.d.ts

@@ -1,16 +1,49 @@
 import { type PopupTarget } from '../../../affine-components/context-menu/index.js';
+import { type BlockStdScope } from '../../../std/index.js';
 import { WidgetBase } from '../../core/widget/widget-base.js';
+/** A finger-sized tab, "N more" and "+" on a phone (ADR 0035 §1, B5, B11). */
+export declare const VIEWS_BAR_TOUCH_TARGET = 44;
+/**
+ * The views bar of a database (ADR 0035 B11, labre PRD REQ-DB-7): one tab per
+ * view while the width allows, the rest under "N more", then "+".
+ *
+ * - The tabs are measured by `component-overflow` (`fitOverflow`): views keep
+ *   their order, and the current view's tab is always drawn, in place of the
+ *   last one that would have fitted, so the view you look at never hides.
+ * - "N more" lists the views without a tab; picking one draws it.
+ * - "+" is the bar's only creation entry. It pops the `AddViewMenu` the
+ *   `core-database` bundle registers (sources) when there is one, the
+ *   creatable presets otherwise. Readonly, or with creation switched off for
+ *   the source (`ViewCreationOffKey`, ADR 0035 §5), there is no "+".
+ * - On a phone the tabs, "N more" and "+" are 44px tall, nothing else changes.
+ *
+ * Stays in core: a core-only host must reach every stored view (ADR 0035 §1).
+ */
 export declare class DataViewHeaderViews extends WidgetBase {
     static styles: import("lit").CSSResult;
-    private addView;
+    accessor std: BlockStdScope;
+    /** A popup renders outside the host, so wordings are resolved here. */
+    private wording;
+    /** The host switched view creation off for this source (ADR 0035 §5). */
+    private get creationOff();
+    /**
+     * The bar's "add a view of this preset", also handed to the bundle's "+"
+     * menu: the name is resolved here, at the gesture, and written as is
+     * (ADR 0023); `DatabaseViewAdded` is reported once (B17), `source` saying
+     * whether the gesture created the source the view reads.
+     */
+    private readonly addView;
+    private presetItems;
     _addViewMenu: (event: MouseEvent) => void;
-    _showMore: (event: MouseEvent) => void;
+    _showMore: (event: MouseEvent, hidden: readonly string[]) => void;
     openViewOption: (target: PopupTarget, id: string) => void;
-    renderMore: (count: number) => import("lit-html").TemplateResult<1> | undefined;
+    renderMore: (_count: number, hiddenIndices: readonly number[]) => import("lit-html").TemplateResult<1>;
+    private moreLabel;
     renderViews: () => (() => import("lit-html").TemplateResult<1>)[];
     get readonly(): boolean;
     private getRenderer;
     private clickView;
+    connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
     accessor onChangeView: ((id: string) => void) | undefined;
 }