@formicoidea/labre-core 0.40.0 → 0.41.0

package/dist/_pkgs/affine-widget-edgeless-selected-rect/edgeless-element-link.js

@@ -33,6 +33,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     return useValue ? value : void 0;
 };
 import { RefNodeSlotsProvider } from '../affine-inline-reference/index.js';
+import { translateKey } from '../affine-shared/services/index.js';
 import { overlayScale, requestThrottledConnectedFrame, toOverlayCoord, } from '../affine-shared/utils/index.js';
 import { WidgetComponent } from '../std/index.js';
 import { GfxControllerIdentifier, GfxPrimitiveElementModel, } from '../std/gfx/index.js';
@@ -40,6 +41,7 @@ import { OpenInNewIcon, RightSidebarIcon } from '@blocksuite/icons/lit';
 import { css, html, nothing } from 'lit';
 import { state } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';
+import { EDGELESS_LINK_OPEN_DOC, EDGELESS_LINK_OPEN_LINK, } from './translations.js';
 export const EDGELESS_ELEMENT_LINK_WIDGET = 'edgeless-element-link';
 /**
  * Shows a clickable arrow when hovering a drawing element that carries a link
@@ -210,7 +212,7 @@ let EdgelessElementLinkWidget = (() => {
             if (!target || !rect)
                 return nothing;
             const isDoc = Boolean(target.linkedDocId);
-            const label = isDoc ? 'Open linked doc' : 'Open link';
+            const label = translateKey(this.std, ...(isDoc ? EDGELESS_LINK_OPEN_DOC : EDGELESS_LINK_OPEN_LINK));
             return html `<div
       class="open-link-button"
       role="button"

package/dist/_pkgs/affine-widget-edgeless-selected-rect/translations.d.ts

@@ -0,0 +1,17 @@
+import { type ChromeWording } from '../affine-shared/services/index.js';
+/**
+ * The "+" auto-complete panel's own wordings. `TOOL_NAME_TEXT` /
+ * `TOOL_NAME_NOTE` / `TOOL_NAME_FRAME` are declared once in `chrome.ts`
+ * (shared with `gfx/mindmap` and `gfx/shape`'s own tool buttons) and
+ * re-exported here under this package's own name.
+ */
+export declare const AUTO_COMPLETE_TEXT: ChromeWording;
+export declare const AUTO_COMPLETE_NOTE: ChromeWording;
+export declare const AUTO_COMPLETE_FRAME: ChromeWording;
+/** The button that duplicates the currently selected element. */
+export declare const AUTO_COMPLETE_ADD_SAME_OBJECT: ChromeWording;
+/** The floating "open link" button drawn over a linked element. */
+export declare const EDGELESS_LINK_OPEN_DOC: ChromeWording;
+export declare const EDGELESS_LINK_OPEN_LINK: ChromeWording;
+/** Every wording this package DECLARES (see `SHAPE_WORDINGS`'s own note). */
+export declare const EDGELESS_SELECTED_RECT_WORDINGS: readonly ChromeWording[];

package/dist/_pkgs/affine-widget-edgeless-selected-rect/translations.js

@@ -0,0 +1,30 @@
+import { TOOL_NAME_FRAME, TOOL_NAME_NOTE, TOOL_NAME_TEXT, } from '../affine-shared/services/index.js';
+/**
+ * The "+" auto-complete panel's own wordings. `TOOL_NAME_TEXT` /
+ * `TOOL_NAME_NOTE` / `TOOL_NAME_FRAME` are declared once in `chrome.ts`
+ * (shared with `gfx/mindmap` and `gfx/shape`'s own tool buttons) and
+ * re-exported here under this package's own name.
+ */
+export const AUTO_COMPLETE_TEXT = TOOL_NAME_TEXT;
+export const AUTO_COMPLETE_NOTE = TOOL_NAME_NOTE;
+export const AUTO_COMPLETE_FRAME = TOOL_NAME_FRAME;
+/** The button that duplicates the currently selected element. */
+export const AUTO_COMPLETE_ADD_SAME_OBJECT = [
+    'com.labre.auto-complete.add-same-object',
+    'Add a same object',
+];
+/** The floating "open link" button drawn over a linked element. */
+export const EDGELESS_LINK_OPEN_DOC = [
+    'com.labre.edgeless-element-link.open-doc',
+    'Open linked doc',
+];
+export const EDGELESS_LINK_OPEN_LINK = [
+    'com.labre.edgeless-element-link.open-link',
+    'Open link',
+];
+/** Every wording this package DECLARES (see `SHAPE_WORDINGS`'s own note). */
+export const EDGELESS_SELECTED_RECT_WORDINGS = [
+    AUTO_COMPLETE_ADD_SAME_OBJECT,
+    EDGELESS_LINK_OPEN_DOC,
+    EDGELESS_LINK_OPEN_LINK,
+];

package/dist/_pkgs/affine-widget-edgeless-toolbar/button/tool-icon-button.d.ts

@@ -1,3 +1,4 @@
+import type { BlockStdScope } from '../../std/index.js';
 import type { Placement } from '@floating-ui/dom';
 import type { TemplateResult } from 'lit';
 import { LitElement } from 'lit';
@@ -23,4 +24,7 @@ export declare class EdgelessToolIconButton extends LitElement {
     accessor tooltip: string | TemplateResult<1>;
     accessor tooltipOffset: number;
     accessor withHover: boolean | undefined;
+    /** Set by a caller that has one — optional so this button still renders
+     * (in English) when created with none, as it does today. */
+    accessor std: BlockStdScope | undefined;
 }

package/dist/_pkgs/affine-widget-edgeless-toolbar/button/tool-icon-button.js

@@ -32,10 +32,12 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
+import { translateKey } from '../../affine-shared/services/index.js';
 import { css, html, LitElement, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { cache } from 'lit/directives/cache.js';
 import { styleMap } from 'lit/directives/style-map.js';
+import { EDGELESS_TOOLBAR_COMING_SOON } from '../translations.js';
 let EdgelessToolIconButton = (() => {
     let _classSuper = LitElement;
     let _active_decorators;
@@ -89,6 +91,9 @@ let EdgelessToolIconButton = (() => {
     let _withHover_decorators;
     let _withHover_initializers = [];
     let _withHover_extraInitializers = [];
+    let _std_decorators;
+    let _std_initializers = [];
+    let _std_extraInitializers = [];
     return class EdgelessToolIconButton extends _classSuper {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
@@ -109,6 +114,7 @@ let EdgelessToolIconButton = (() => {
             _tooltip_decorators = [property({ attribute: false })];
             _tooltipOffset_decorators = [property({ attribute: false })];
             _withHover_decorators = [property({ attribute: false })];
+            _std_decorators = [property({ attribute: false })];
             __esDecorate(this, null, _active_decorators, { kind: "accessor", name: "active", static: false, private: false, access: { has: obj => "active" in obj, get: obj => obj.active, set: (obj, value) => { obj.active = value; } }, metadata: _metadata }, _active_initializers, _active_extraInitializers);
             __esDecorate(this, null, _activeMode_decorators, { kind: "accessor", name: "activeMode", static: false, private: false, access: { has: obj => "activeMode" in obj, get: obj => obj.activeMode, set: (obj, value) => { obj.activeMode = value; } }, metadata: _metadata }, _activeMode_initializers, _activeMode_extraInitializers);
             __esDecorate(this, null, _arrow_decorators, { kind: "accessor", name: "arrow", static: false, private: false, access: { has: obj => "arrow" in obj, get: obj => obj.arrow, set: (obj, value) => { obj.arrow = value; } }, metadata: _metadata }, _arrow_initializers, _arrow_extraInitializers);
@@ -126,6 +132,7 @@ let EdgelessToolIconButton = (() => {
             __esDecorate(this, null, _tooltip_decorators, { kind: "accessor", name: "tooltip", static: false, private: false, access: { has: obj => "tooltip" in obj, get: obj => obj.tooltip, set: (obj, value) => { obj.tooltip = value; } }, metadata: _metadata }, _tooltip_initializers, _tooltip_extraInitializers);
             __esDecorate(this, null, _tooltipOffset_decorators, { kind: "accessor", name: "tooltipOffset", static: false, private: false, access: { has: obj => "tooltipOffset" in obj, get: obj => obj.tooltipOffset, set: (obj, value) => { obj.tooltipOffset = value; } }, metadata: _metadata }, _tooltipOffset_initializers, _tooltipOffset_extraInitializers);
             __esDecorate(this, null, _withHover_decorators, { kind: "accessor", name: "withHover", static: false, private: false, access: { has: obj => "withHover" in obj, get: obj => obj.withHover, set: (obj, value) => { obj.withHover = value; } }, metadata: _metadata }, _withHover_initializers, _withHover_extraInitializers);
+            __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 = css `
@@ -199,7 +206,7 @@ let EdgelessToolIconButton = (() => {
   `; }
         constructor() {
             super();
-            __runInitializers(this, _withHover_extraInitializers);
+            __runInitializers(this, _std_extraInitializers);
             this.addEventListener('click', event => {
                 if (this.disabled) {
                     event.stopPropagation();
@@ -212,7 +219,11 @@ let EdgelessToolIconButton = (() => {
             this.role = 'button';
         }
         render() {
-            const tooltip = this.coming ? '(Coming soon)' : this.tooltip;
+            const tooltip = this.coming
+                ? this.std
+                    ? translateKey(this.std, ...EDGELESS_TOOLBAR_COMING_SOON)
+                    : EDGELESS_TOOLBAR_COMING_SOON[1]
+                : this.tooltip;
             const classnames = `icon-container active-mode-${this.activeMode} ${this.hoverState ? 'hovered' : ''}`;
             const padding = this.iconContainerPadding;
             const iconContainerStyles = styleMap({
@@ -301,6 +312,11 @@ let EdgelessToolIconButton = (() => {
         #withHover_accessor_storage = (__runInitializers(this, _tooltipOffset_extraInitializers), __runInitializers(this, _withHover_initializers, undefined));
         get withHover() { return this.#withHover_accessor_storage; }
         set withHover(value) { this.#withHover_accessor_storage = value; }
+        #std_accessor_storage = (__runInitializers(this, _withHover_extraInitializers), __runInitializers(this, _std_initializers, undefined));
+        /** Set by a caller that has one — optional so this button still renders
+         * (in English) when created with none, as it does today. */
+        get std() { return this.#std_accessor_storage; }
+        set std(value) { this.#std_accessor_storage = value; }
     };
 })();
 export { EdgelessToolIconButton };

package/dist/_pkgs/affine-widget-edgeless-toolbar/catalogue/artefact-catalogue-widget.js

@@ -34,7 +34,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
 };
 import { EDITOR_ANCHORED_PANEL_Z_INDEX } from '../../affine-block-surface/index.js';
 import { TOUCH_TARGET_MIN_PX } from '../../affine-shared/consts/index.js';
-import { translateKey } from '../../affine-shared/services/index.js';
+import { CATALOGUE_OTHER, translateKey } from '../../affine-shared/services/index.js';
 import { IS_MAC } from '../../global/env/index.js';
 import { getCommandIcon, CommandUsageIdentifier, getCommandsForSurface, isCommandAvailable, normalizeLegacyCombo, rankCommandsByUsage, runCommand, ShortcutOverrideIdentifier, WidgetComponent, WidgetViewExtension, } from '../../std/index.js';
 import { css, html, nothing, unsafeCSS } from 'lit';
@@ -458,7 +458,7 @@ let EdgelessArtefactCatalogueWidget = (() => {
         _groupLabel(group) {
             const { category } = group;
             if (category === null) {
-                return translateKey(this.std, 'com.labre.catalogue.other', 'Other');
+                return translateKey(this.std, ...CATALOGUE_OTHER);
             }
             return translateKey(this.std, `${CATALOGUE_CATEGORY_KEY_PREFIX}${category}`, humanizeCategory(category));
         }

package/dist/_pkgs/affine-widget-edgeless-toolbar/config/consts.d.ts

@@ -1,9 +1,11 @@
 export declare const LINE_STYLE_LIST: [{
     readonly key: "General";
+    readonly keyWording: import("../../affine-shared/services/index.js").ChromeWording;
     readonly value: false;
     readonly icon: import("lit-html").TemplateResult<1>;
 }, {
     readonly key: "Scribbled";
+    readonly keyWording: import("../../affine-shared/services/index.js").ChromeWording;
     readonly value: true;
     readonly icon: import("lit-html").TemplateResult<1>;
 }];

package/dist/_pkgs/affine-widget-edgeless-toolbar/config/consts.js

@@ -1,12 +1,15 @@
+import { STYLE_GENERAL, STYLE_SCRIBBLED } from '../../affine-shared/services/index.js';
 import { StyleGeneralIcon, StyleScribbleIcon } from '@blocksuite/icons/lit';
 export const LINE_STYLE_LIST = [
     {
         key: 'General',
+        keyWording: STYLE_GENERAL,
         value: false,
         icon: StyleGeneralIcon(),
     },
     {
         key: 'Scribbled',
+        keyWording: STYLE_SCRIBBLED,
         value: true,
         icon: StyleScribbleIcon(),
     },

package/dist/_pkgs/affine-widget-edgeless-toolbar/config/types.d.ts

@@ -1,20 +1,37 @@
 import type { MenuConfig } from '../../affine-components/context-menu/index.js';
-import type { BlockComponent } from '../../std/index.js';
+import type { ChromeWording } from '../../affine-shared/services/index.js';
+import type { BlockComponent, BlockStdScope } from '../../std/index.js';
 import type { GfxController } from '../../std/gfx/index.js';
 import type { TemplateResult } from 'lit';
 export type MenuItem<T> = {
     key?: string;
+    /**
+     * {@link key}, said as an i18n key with its English default — resolved
+     * ahead of `key` by `renderMenu` / `renderMenuItems` / `resolveMenuItemLabel`
+     * when the caller passes `std`. A caller that does not (every framework
+     * this widget did not yet reach) keeps the English literal, exactly as
+     * before this field existed.
+     */
+    keyWording?: ChromeWording;
     value: T;
     icon?: TemplateResult;
     disabled?: boolean;
 };
 export type Menu<T> = {
     label: string;
+    /** {@link label}, for the translation seam. See {@link MenuItem.keyWording}. */
+    labelWording?: ChromeWording;
     icon?: TemplateResult;
     tooltip?: string;
+    /** {@link tooltip}, for the translation seam. */
+    tooltipWording?: ChromeWording;
     items: MenuItem<T>[];
     currentValue: T;
     onPick: (value: T) => void;
+    /** The editor's std scope, needed to resolve any `…Wording` above. Optional
+     * for the same reason they are: a caller with no `std` at hand renders the
+     * English literal it always has. */
+    std?: BlockStdScope;
 };
 /**
  * Helper function to build a menu configuration for a tool in dense mode

package/dist/_pkgs/affine-widget-edgeless-toolbar/config/utils.d.ts

@@ -1,7 +1,12 @@
 import type { ToolbarContext } from '../../affine-shared/services/index.js';
-import type { BlockComponent } from '../../std/index.js';
+import type { BlockComponent, BlockStdScope } from '../../std/index.js';
 import type { Menu, MenuItem } from './types.js';
 export declare function renderCurrentMenuItemWith<T, F extends keyof MenuItem<T>>(items: MenuItem<T>[], currentValue: T, field: F): MenuItem<T>[F] | undefined;
-export declare function renderMenu<T>({ label, tooltip, icon, items, currentValue, onPick, }: Menu<T>): import("lit-html").TemplateResult<1>;
-export declare function renderMenuItems<T>(items: MenuItem<T>[], currentValue: T, onPick: (value: T) => void): unknown;
+/**
+ * The currently selected item's display text — {@link MenuItem.keyWording}
+ * resolved through `std` when the caller has one, else its `key` literal.
+ */
+export declare function resolveMenuItemLabel<T>(items: MenuItem<T>[], currentValue: T, std?: BlockStdScope): string | undefined;
+export declare function renderMenu<T>({ label, labelWording, tooltip, tooltipWording, icon, items, currentValue, onPick, std, }: Menu<T>): import("lit-html").TemplateResult<1>;
+export declare function renderMenuItems<T>(items: MenuItem<T>[], currentValue: T, onPick: (value: T) => void, std?: BlockStdScope): unknown;
 export declare function getRootBlock(ctx: ToolbarContext): BlockComponent | null;

package/dist/_pkgs/affine-widget-edgeless-toolbar/config/utils.js

@@ -1,41 +1,61 @@
 import { EditorChevronDown } from '../../affine-components/toolbar/index.js';
+import { translateKey } from '../../affine-shared/services/index.js';
 import { html } from 'lit';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { repeat } from 'lit/directives/repeat.js';
 export function renderCurrentMenuItemWith(items, currentValue, field) {
     return items.find(({ value }) => value === currentValue)?.[field];
 }
-export function renderMenu({ label, tooltip, icon, items, currentValue, onPick, }) {
+/**
+ * The currently selected item's display text — {@link MenuItem.keyWording}
+ * resolved through `std` when the caller has one, else its `key` literal.
+ */
+export function resolveMenuItemLabel(items, currentValue, std) {
+    const item = items.find(({ value }) => value === currentValue);
+    if (!item)
+        return undefined;
+    return item.keyWording && std
+        ? translateKey(std, ...item.keyWording)
+        : item.key;
+}
+export function renderMenu({ label, labelWording, tooltip, tooltipWording, icon, items, currentValue, onPick, std, }) {
+    const resolvedLabel = labelWording && std ? translateKey(std, ...labelWording) : label;
+    const resolvedTooltip = tooltipWording && std
+        ? translateKey(std, ...tooltipWording)
+        : (tooltip ?? resolvedLabel);
     return html `
     <editor-menu-button
-      aria-label="${`${label.toLowerCase()}-menu`}"
+      aria-label="${`${resolvedLabel.toLowerCase()}-menu`}"
       .button=${html `
         <editor-icon-button
-          aria-label="${label}"
-          .tooltip="${tooltip ?? label}"
+          aria-label="${resolvedLabel}"
+          .tooltip="${resolvedTooltip}"
         >
           ${icon ?? renderCurrentMenuItemWith(items, currentValue, 'icon')}
           ${EditorChevronDown}
         </editor-icon-button>
       `}
     >
-      ${renderMenuItems(items, currentValue, onPick)}
+      ${renderMenuItems(items, currentValue, onPick, std)}
     </editor-menu-button>
   `;
 }
-export function renderMenuItems(items, currentValue, onPick) {
-    return repeat(items, item => item.value, ({ key, value, icon, disabled }) => html `
-      <editor-icon-button
-        aria-label="${ifDefined(key)}"
-        .disabled=${ifDefined(disabled)}
-        .tooltip="${ifDefined(key)}"
-        .active="${currentValue === value}"
-        .activeMode="${'background'}"
-        @click=${() => onPick(value)}
-      >
-        ${icon}
-      </editor-icon-button>
-    `);
+export function renderMenuItems(items, currentValue, onPick, std) {
+    return repeat(items, item => item.value, ({ key, keyWording, value, icon, disabled }) => {
+        const resolvedKey = keyWording && std ? translateKey(std, ...keyWording) : key;
+        return html `
+        <editor-icon-button
+          aria-label="${ifDefined(resolvedKey)}"
+          .disabled=${ifDefined(disabled)}
+          .tooltip="${ifDefined(resolvedKey)}"
+          .active="${currentValue === value}"
+          .activeMode="${'background'}"
+          @click=${() => onPick(value)}
+        >
+          ${icon}
+        </editor-icon-button>
+      `;
+    });
 }
 export function getRootBlock(ctx) {
     const rootModel = ctx.store.root;

package/dist/_pkgs/affine-widget-edgeless-toolbar/edgeless-toolbar.js

@@ -39,6 +39,7 @@ import { darkToolbarStyles, lightToolbarStyles, } from '../affine-components/too
 import { ColorScheme } from '../affine-model/index.js';
 import { EditPropsStore, ThemeProvider, translateKey, } from '../affine-shared/services/index.js';
 import { stopPropagation } from '../affine-shared/utils/index.js';
+import { EDGELESS_TOOLBAR_MORE_TOOLS } from './translations.js';
 import { ArrowLeftSmallIcon, ArrowRightSmallIcon, MoreHorizontalIcon, } from '@blocksuite/icons/lit';
 import { WidgetComponent, WidgetViewExtension } from '../std/index.js';
 import { GfxControllerIdentifier } from '../std/gfx/index.js';
@@ -505,7 +506,7 @@ let EdgelessToolbarWidget = (() => {
         >
           ${MoreHorizontalIcon({ width: '20px', height: '20px' })}
           <affine-tooltip tip-position="top" .offset=${25}>
-            More Tools
+            ${translateKey(this.std, ...EDGELESS_TOOLBAR_MORE_TOOLS)}
           </affine-tooltip>
         </icon-button>
       </div>

package/dist/_pkgs/affine-widget-edgeless-toolbar/panel/font-weight-and-style-panel.d.ts

@@ -1,13 +1,21 @@
 import { FontFamily, FontStyle, FontWeight } from '../../affine-model/index.js';
+import type { BlockStdScope } from '../../std/index.js';
 import { LitElement } from 'lit';
 export declare class EdgelessFontWeightAndStylePanel extends LitElement {
     static styles: import("lit").CSSResult;
     private _isActive;
     private _isDisabled;
     private _onSelect;
+    /** The wording for a font weight — translated when `std` is available. */
+    private _weightLabel;
+    private get _italicLabel();
     render(): Iterable<unknown>;
     accessor fontFamily: FontFamily;
     accessor fontStyle: FontStyle;
     accessor fontWeight: FontWeight;
     accessor onSelect: ((fontWeight: FontWeight, fontStyle: FontStyle) => void) | undefined;
+    /** Set by the caller that has one (`gfx/text`'s `createTextActions`) —
+     * optional so this panel still renders (in English) when created with
+     * none. */
+    accessor std: BlockStdScope | undefined;
 }

package/dist/_pkgs/affine-widget-edgeless-toolbar/panel/font-weight-and-style-panel.js

@@ -34,16 +34,16 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
 };
 import { TextUtils } from '../../affine-block-surface/index.js';
 import { FontFamily, FontFamilyMap, FontStyle, FontWeight, } from '../../affine-model/index.js';
+import { FONT_STYLE_ITALIC, FONT_WEIGHT_LIGHT, FONT_WEIGHT_REGULAR, FONT_WEIGHT_SEMIBOLD, translateKey, } from '../../affine-shared/services/index.js';
 import { DoneIcon } from '@blocksuite/icons/lit';
 import { css, html, LitElement, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
-import { choose } from 'lit/directives/choose.js';
 import { join } from 'lit/directives/join.js';
 import { repeat } from 'lit/directives/repeat.js';
 const FONT_WEIGHT_CHOOSE = [
-    [FontWeight.Light, () => 'Light'],
-    [FontWeight.Regular, () => 'Regular'],
-    [FontWeight.SemiBold, () => 'Semibold'],
+    [FontWeight.Light, FONT_WEIGHT_LIGHT],
+    [FontWeight.Regular, FONT_WEIGHT_REGULAR],
+    [FontWeight.SemiBold, FONT_WEIGHT_SEMIBOLD],
 ];
 let EdgelessFontWeightAndStylePanel = (() => {
     let _classSuper = LitElement;
@@ -59,6 +59,9 @@ let EdgelessFontWeightAndStylePanel = (() => {
     let _onSelect_decorators;
     let _onSelect_initializers = [];
     let _onSelect_extraInitializers = [];
+    let _std_decorators;
+    let _std_initializers = [];
+    let _std_extraInitializers = [];
     return class EdgelessFontWeightAndStylePanel extends _classSuper {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
@@ -66,10 +69,12 @@ let EdgelessFontWeightAndStylePanel = (() => {
             _fontStyle_decorators = [property({ attribute: false })];
             _fontWeight_decorators = [property({ attribute: false })];
             _onSelect_decorators = [property({ attribute: false })];
+            _std_decorators = [property({ attribute: false })];
             __esDecorate(this, null, _fontFamily_decorators, { kind: "accessor", name: "fontFamily", static: false, private: false, access: { has: obj => "fontFamily" in obj, get: obj => obj.fontFamily, set: (obj, value) => { obj.fontFamily = value; } }, metadata: _metadata }, _fontFamily_initializers, _fontFamily_extraInitializers);
             __esDecorate(this, null, _fontStyle_decorators, { kind: "accessor", name: "fontStyle", static: false, private: false, access: { has: obj => "fontStyle" in obj, get: obj => obj.fontStyle, set: (obj, value) => { obj.fontStyle = value; } }, metadata: _metadata }, _fontStyle_initializers, _fontStyle_extraInitializers);
             __esDecorate(this, null, _fontWeight_decorators, { kind: "accessor", name: "fontWeight", static: false, private: false, access: { has: obj => "fontWeight" in obj, get: obj => obj.fontWeight, set: (obj, value) => { obj.fontWeight = value; } }, metadata: _metadata }, _fontWeight_initializers, _fontWeight_extraInitializers);
             __esDecorate(this, null, _onSelect_decorators, { kind: "accessor", name: "onSelect", static: false, private: false, access: { has: obj => "onSelect" in obj, get: obj => obj.onSelect, set: (obj, value) => { obj.onSelect = value; } }, metadata: _metadata }, _onSelect_initializers, _onSelect_extraInitializers);
+            __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 = css `
@@ -103,6 +108,18 @@ let EdgelessFontWeightAndStylePanel = (() => {
                 this.onSelect(fontWeight, fontStyle);
             }
         }
+        /** The wording for a font weight — translated when `std` is available. */
+        _weightLabel(weight) {
+            const wording = FONT_WEIGHT_CHOOSE.find(([w]) => w === weight)?.[1];
+            if (!wording)
+                return '';
+            return this.std ? translateKey(this.std, ...wording) : wording[1];
+        }
+        get _italicLabel() {
+            return this.std
+                ? translateKey(this.std, ...FONT_STYLE_ITALIC)
+                : FONT_STYLE_ITALIC[1];
+        }
         render() {
             let fontFaces = TextUtils.getFontFacesByFontFamily(this.fontFamily);
             // Compatible with old data
@@ -125,7 +142,7 @@ let EdgelessFontWeightAndStylePanel = (() => {
                     .iconSize=${'20px'}
                     @click=${() => this._onSelect(fontFace.weight)}
                   >
-                    ${choose(fontFace.weight, FONT_WEIGHT_CHOOSE)}
+                    ${this._weightLabel(fontFace.weight)}
                     ${active ? DoneIcon() : nothing}
                   </edgeless-tool-icon-button>
                 `;
@@ -143,8 +160,8 @@ let EdgelessFontWeightAndStylePanel = (() => {
                     .active=${active}
                     @click=${() => this._onSelect(fontFace.weight, FontStyle.Italic)}
                   >
-                    ${choose(fontFace.weight, FONT_WEIGHT_CHOOSE)} Italic
-                    ${active ? DoneIcon() : nothing}
+                    ${this._weightLabel(fontFace.weight)}
+                    ${this._italicLabel} ${active ? DoneIcon() : nothing}
                   </edgeless-tool-icon-button>
                 `;
                     })
@@ -167,9 +184,15 @@ let EdgelessFontWeightAndStylePanel = (() => {
         #onSelect_accessor_storage = (__runInitializers(this, _fontWeight_extraInitializers), __runInitializers(this, _onSelect_initializers, void 0));
         get onSelect() { return this.#onSelect_accessor_storage; }
         set onSelect(value) { this.#onSelect_accessor_storage = value; }
+        #std_accessor_storage = (__runInitializers(this, _onSelect_extraInitializers), __runInitializers(this, _std_initializers, undefined));
+        /** Set by the caller that has one (`gfx/text`'s `createTextActions`) —
+         * optional so this panel still renders (in English) when created with
+         * none. */
+        get std() { return this.#std_accessor_storage; }
+        set std(value) { this.#std_accessor_storage = value; }
         constructor() {
             super(...arguments);
-            __runInitializers(this, _onSelect_extraInitializers);
+            __runInitializers(this, _std_extraInitializers);
         }
     };
 })();

package/dist/_pkgs/affine-widget-edgeless-toolbar/translations.d.ts

@@ -0,0 +1,15 @@
+import { type ChromeWording } from '../affine-shared/services/index.js';
+/**
+ * The generic edgeless toolbar's own wordings — not a specific tool's, the
+ * toolbar chrome itself. `STYLE_GENERAL`/`STYLE_SCRIBBLED` (`config/consts.ts`'s
+ * `LINE_STYLE_LIST`) and `FONT_WEIGHT_*`/`FONT_STYLE_ITALIC`
+ * (`panel/font-weight-and-style-panel.ts`) are declared once in `chrome.ts`
+ * (shared with `gfx/shape` and `gfx/text`) and imported directly there rather
+ * than re-declared here. `EDGELESS_TOOLBAR_COMING_SOON` (L7 dedupe: the same
+ * word as `@labre/affine-components`'s own icon-button placeholder) aliases
+ * `ICON_BUTTON_COMING_SOON` for the same reason.
+ */
+export declare const EDGELESS_TOOLBAR_COMING_SOON: ChromeWording;
+export declare const EDGELESS_TOOLBAR_MORE_TOOLS: ChromeWording;
+/** Every wording this package declares, in the order it renders them. */
+export declare const EDGELESS_TOOLBAR_WORDINGS: readonly ChromeWording[];

package/dist/_pkgs/affine-widget-edgeless-toolbar/translations.js

@@ -0,0 +1,20 @@
+import { ICON_BUTTON_COMING_SOON, } from '../affine-shared/services/index.js';
+/**
+ * The generic edgeless toolbar's own wordings — not a specific tool's, the
+ * toolbar chrome itself. `STYLE_GENERAL`/`STYLE_SCRIBBLED` (`config/consts.ts`'s
+ * `LINE_STYLE_LIST`) and `FONT_WEIGHT_*`/`FONT_STYLE_ITALIC`
+ * (`panel/font-weight-and-style-panel.ts`) are declared once in `chrome.ts`
+ * (shared with `gfx/shape` and `gfx/text`) and imported directly there rather
+ * than re-declared here. `EDGELESS_TOOLBAR_COMING_SOON` (L7 dedupe: the same
+ * word as `@labre/affine-components`'s own icon-button placeholder) aliases
+ * `ICON_BUTTON_COMING_SOON` for the same reason.
+ */
+export const EDGELESS_TOOLBAR_COMING_SOON = ICON_BUTTON_COMING_SOON;
+export const EDGELESS_TOOLBAR_MORE_TOOLS = [
+    'com.labre.edgeless-toolbar.more-tools',
+    'More Tools',
+];
+/** Every wording this package declares, in the order it renders them. */
+export const EDGELESS_TOOLBAR_WORDINGS = [
+    EDGELESS_TOOLBAR_MORE_TOOLS,
+];

package/dist/_pkgs/affine-widget-edgeless-zoom-toolbar/translations.d.ts

@@ -0,0 +1,7 @@
+import type { ChromeWording } from '../affine-shared/services/index.js';
+export declare const ZOOM_TOGGLE_BAR_TOOLTIP: ChromeWording;
+export declare const ZOOM_FIT_TO_SCREEN_TOOLTIP: ChromeWording;
+export declare const ZOOM_OUT_TOOLTIP: ChromeWording;
+export declare const ZOOM_IN_TOOLTIP: ChromeWording;
+/** Every wording this package declares, in the order it renders them. */
+export declare const ZOOM_TOOLBAR_WORDINGS: readonly ChromeWording[];

package/dist/_pkgs/affine-widget-edgeless-zoom-toolbar/translations.js

@@ -0,0 +1,23 @@
+export const ZOOM_TOGGLE_BAR_TOOLTIP = [
+    'com.labre.zoom-toolbar.toggle-bar',
+    'Toggle Zoom Tool Bar',
+];
+export const ZOOM_FIT_TO_SCREEN_TOOLTIP = [
+    'com.labre.zoom-toolbar.fit-to-screen',
+    'Fit to screen',
+];
+export const ZOOM_OUT_TOOLTIP = [
+    'com.labre.zoom-toolbar.zoom-out',
+    'Zoom out',
+];
+export const ZOOM_IN_TOOLTIP = [
+    'com.labre.zoom-toolbar.zoom-in',
+    'Zoom in',
+];
+/** Every wording this package declares, in the order it renders them. */
+export const ZOOM_TOOLBAR_WORDINGS = [
+    ZOOM_TOGGLE_BAR_TOOLTIP,
+    ZOOM_FIT_TO_SCREEN_TOOLTIP,
+    ZOOM_OUT_TOOLTIP,
+    ZOOM_IN_TOOLTIP,
+];

package/dist/_pkgs/affine-widget-edgeless-zoom-toolbar/zoom-bar-toggle-button.js

@@ -34,12 +34,14 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
 };
 import { EdgelessLegacySlotIdentifier } from '../affine-block-surface/index.js';
 import { createLitPortal } from '../affine-components/portal/index.js';
+import { translateKey } from '../affine-shared/services/index.js';
 import { stopPropagation } from '../affine-shared/utils/index.js';
 import { WithDisposable } from '../global/lit/index.js';
 import { MoreHorizontalIcon } from '@blocksuite/icons/lit';
 import { offset } from '@floating-ui/dom';
 import { css, html, LitElement, nothing } from 'lit';
 import { property, query, state } from 'lit/decorators.js';
+import { ZOOM_TOGGLE_BAR_TOOLTIP } from './translations.js';
 let ZoomBarToggleButton = (() => {
     let _classSuper = WithDisposable(LitElement);
     let __showPopper_decorators;
@@ -128,7 +130,7 @@ let ZoomBarToggleButton = (() => {
             return html `
       <div class="toggle-button" @pointerdown=${stopPropagation}>
         <edgeless-tool-icon-button
-          .tooltip=${'Toggle Zoom Tool Bar'}
+          .tooltip=${translateKey(this.std, ...ZOOM_TOGGLE_BAR_TOOLTIP)}
           .tipPosition=${'right'}
           .active=${this._showPopper}
           .arrow=${false}

package/dist/_pkgs/affine-widget-edgeless-zoom-toolbar/zoom-toolbar.js

@@ -33,6 +33,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     return useValue ? value : void 0;
 };
 import { EdgelessLegacySlotIdentifier } from '../affine-block-surface/index.js';
+import { translateKey } from '../affine-shared/services/index.js';
 import { stopPropagation } from '../affine-shared/utils/index.js';
 import { WithDisposable } from '../global/lit/index.js';
 import { MinusIcon, PlusIcon, ViewBarIcon } from '@blocksuite/icons/lit';
@@ -42,6 +43,7 @@ import { baseTheme } from '@toeverything/theme';
 import { css, html, LitElement, nothing, unsafeCSS } from 'lit';
 import { property } from 'lit/decorators.js';
 import clamp from 'lodash-es/clamp.js';
+import { ZOOM_FIT_TO_SCREEN_TOOLTIP, ZOOM_IN_TOOLTIP, ZOOM_OUT_TOOLTIP, } from './translations.js';
 let EdgelessZoomToolbar = (() => {
     let _classSuper = WithDisposable(LitElement);
     let _layout_decorators;
@@ -182,7 +184,7 @@ let EdgelessZoomToolbar = (() => {
         @pointerdown=${stopPropagation}
       >
         <edgeless-tool-icon-button
-          .tooltip=${'Fit to screen'}
+          .tooltip=${translateKey(this.std, ...ZOOM_FIT_TO_SCREEN_TOOLTIP)}
           .tipPosition=${this._isVerticalBar() ? 'right' : 'top-end'}
           .arrow=${!this._isVerticalBar()}
           @click=${() => this.gfx.fitToScreen()}
@@ -193,7 +195,7 @@ let EdgelessZoomToolbar = (() => {
           ${ViewBarIcon()}
         </edgeless-tool-icon-button>
         <edgeless-tool-icon-button
-          .tooltip=${'Zoom out'}
+          .tooltip=${translateKey(this.std, ...ZOOM_OUT_TOOLTIP)}
           .tipPosition=${this._isVerticalBar() ? 'right' : 'top'}
           .arrow=${!this._isVerticalBar()}
           @click=${() => this.setZoomByStep(-ZOOM_STEP)}
@@ -211,7 +213,7 @@ let EdgelessZoomToolbar = (() => {
           ${formattedZoom}
         </button>
         <edgeless-tool-icon-button
-          .tooltip=${'Zoom in'}
+          .tooltip=${translateKey(this.std, ...ZOOM_IN_TOOLTIP)}
           .tipPosition=${this._isVerticalBar() ? 'right' : 'top'}
           .arrow=${!this._isVerticalBar()}
           @click=${() => this.setZoomByStep(ZOOM_STEP)}