@formicoidea/labre-core 0.40.0 → 0.42.0

package/dist/_pkgs/affine-components/highlight-dropdown-menu/dropdown-menu.js

@@ -32,13 +32,16 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
-import { PropTypes, requiredProperties } from '../../std/index.js';
+import { translateKey } from '../../affine-shared/services/index.js';
+import { PropTypes, requiredProperties, stdContext } from '../../std/index.js';
+import { consume } from '@lit/context';
 import { LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { html } from 'lit-html';
 import { repeat } from 'lit-html/directives/repeat.js';
 import { EditorChevronDown } from '../toolbar/index.js';
+import { COLOR_LABEL, COLOR_NAME_WORDINGS, HIGHLIGHT_BACKGROUND_LABEL, HIGHLIGHT_DEFAULT_BACKGROUND, HIGHLIGHT_DEFAULT_FOREGROUND, HIGHLIGHT_LABEL, } from '../translations.js';
 const colors = [
     'default',
     'red',
@@ -63,6 +66,9 @@ let HighlightDropdownMenu = (() => {
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = LitElement;
+    let _std_decorators;
+    let _std_initializers = [];
+    let _std_extraInitializers = [];
     let _updateHighlight_decorators;
     let _updateHighlight_initializers = [];
     let _updateHighlight_extraInitializers = [];
@@ -70,7 +76,8 @@ let HighlightDropdownMenu = (() => {
         static { _classThis = this; }
         constructor() {
             super(...arguments);
-            this.#updateHighlight_accessor_storage = __runInitializers(this, _updateHighlight_initializers, void 0);
+            this.#std_accessor_storage = __runInitializers(this, _std_initializers, void 0);
+            this.#updateHighlight_accessor_storage = (__runInitializers(this, _std_extraInitializers), __runInitializers(this, _updateHighlight_initializers, void 0));
             this._update = (__runInitializers(this, _updateHighlight_extraInitializers), (style) => {
                 // latestHighlightColor = value;
                 // latestHighlightType = type;
@@ -79,23 +86,49 @@ let HighlightDropdownMenu = (() => {
         }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _std_decorators = [consume({ context: stdContext })];
             _updateHighlight_decorators = [property({ attribute: false })];
+            __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);
             __esDecorate(this, null, _updateHighlight_decorators, { kind: "accessor", name: "updateHighlight", static: false, private: false, access: { has: obj => "updateHighlight" in obj, get: obj => obj.updateHighlight, set: (obj, value) => { obj.updateHighlight = value; } }, metadata: _metadata }, _updateHighlight_initializers, _updateHighlight_extraInitializers);
             __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             HighlightDropdownMenu = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
             __runInitializers(_classThis, _classExtraInitializers);
         }
+        #std_accessor_storage;
+        get std() { return this.#std_accessor_storage; }
+        set std(value) { this.#std_accessor_storage = value; }
         #updateHighlight_accessor_storage;
         get updateHighlight() { return this.#updateHighlight_accessor_storage; }
         set updateHighlight(value) { this.#updateHighlight_accessor_storage = value; }
+        _colorLabel(color, background) {
+            if (color === 'default') {
+                const wording = background
+                    ? HIGHLIGHT_DEFAULT_BACKGROUND
+                    : HIGHLIGHT_DEFAULT_FOREGROUND;
+                return this.std ? translateKey(this.std, ...wording) : wording[1];
+            }
+            const wording = COLOR_NAME_WORDINGS[color];
+            if (!wording)
+                return color;
+            return this.std ? translateKey(this.std, ...wording) : wording[1];
+        }
         render() {
             const prefix = '--affine-text-highlight';
+            const label = this.std
+                ? translateKey(this.std, ...HIGHLIGHT_LABEL)
+                : HIGHLIGHT_LABEL[1];
+            const backgroundLabel = this.std
+                ? translateKey(this.std, ...HIGHLIGHT_BACKGROUND_LABEL)
+                : HIGHLIGHT_BACKGROUND_LABEL[1];
+            const colorLabel = this.std
+                ? translateKey(this.std, ...COLOR_LABEL)
+                : COLOR_LABEL[1];
             return html `
       <editor-menu-button
         .contentPadding="${'8px'}"
         .button=${html `
-          <editor-icon-button aria-label="highlight" .tooltip="${'Highlight'}">
+          <editor-icon-button aria-label="${label}" .tooltip="${label}">
             <affine-highlight-duotone-icon
               style=${styleMap({
                 '--color': 
@@ -108,7 +141,7 @@ let HighlightDropdownMenu = (() => {
         `}
       >
         <div data-size="large" data-orientation="vertical">
-          <div class="highlight-heading">Color</div>
+          <div class="highlight-heading">${colorLabel}</div>
           ${repeat(colors, color => {
                 const isDefault = color === 'default';
                 const value = isDefault
@@ -125,13 +158,13 @@ let HighlightDropdownMenu = (() => {
                 })}
                 ></affine-text-duotone-icon>
                 <span class="label capitalize"
-                  >${isDefault ? `${color} color` : color}</span
+                  >${this._colorLabel(color, false)}</span
                 >
               </editor-menu-action>
             `;
             })}
 
-          <div class="highlight-heading">Background</div>
+          <div class="highlight-heading">${backgroundLabel}</div>
           ${repeat(colors, color => {
                 const isDefault = color === 'default';
                 const value = isDefault ? null : `var(${prefix}-${color})`;
@@ -148,7 +181,7 @@ let HighlightDropdownMenu = (() => {
                 ></affine-text-duotone-icon>
 
                 <span class="label capitalize"
-                  >${isDefault ? `${color} background` : color}</span
+                  >${this._colorLabel(color, true)}</span
                 >
               </editor-menu-action>
             `;

package/dist/_pkgs/affine-components/icon-button/index.d.ts

@@ -13,7 +13,7 @@ import { LitElement, nothing, type TemplateResult } from 'lit';
  *   ${UnlinkIcon}
  * </icon-button>`
  *
- * html`<icon-button size="32px" text="HTML" @click=${this._importHtml}>
+ * html`<icon-button size="32px" text="${this.label}" @click=${this._importHtml}>
  *   ${ExportToHTMLIcon}
  * </icon-button>`
  * ```

package/dist/_pkgs/affine-components/icon-button/index.js

@@ -50,7 +50,7 @@ import { property, query } from 'lit/decorators.js';
  *   ${UnlinkIcon}
  * </icon-button>`
  *
- * html`<icon-button size="32px" text="HTML" @click=${this._importHtml}>
+ * html`<icon-button size="32px" text="${this.label}" @click=${this._importHtml}>
  *   ${ExportToHTMLIcon}
  * </icon-button>`
  * ```

package/dist/_pkgs/affine-components/icon-picker/affine-icon-picker-panel.d.ts

@@ -1,3 +1,4 @@
+import type { BlockStdScope } from '../../std/index.js';
 import { LitElement } from 'lit';
 import { type PickerIcon } from './icon-data.js';
 /**
@@ -5,6 +6,7 @@ import { type PickerIcon } from './icon-data.js';
  * the full `@blocksuite/icons` set.
  */
 export declare class AffineIconPickerPanel extends LitElement {
+    accessor std: BlockStdScope;
     static styles: import("lit").CSSResult[];
     private accessor _keyword;
     private accessor _colorMenuOpen;
@@ -18,6 +20,10 @@ export declare class AffineIconPickerPanel extends LitElement {
     get icons(): PickerIcon[];
     firstUpdated(): void;
     private readonly _select;
+    private _colorName;
+    private _recentGroupLabel;
+    private _iconsGroupLabel;
+    private _emptyLabel;
     private _renderGroup;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/_pkgs/affine-components/icon-picker/affine-icon-picker-panel.js

@@ -32,22 +32,28 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
+import { translateKey } from '../../affine-shared/services/index.js';
 import { SearchIcon } from '@blocksuite/icons/lit';
+import { stdContext } from '../../std/index.js';
+import { consume } from '@lit/context';
 import { css, html, LitElement, nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { repeat } from 'lit/directives/repeat.js';
 import { styleMap } from 'lit/directives/style-map.js';
-import { RECENT_GROUP_NAME } from './emoji-data.js';
 import { DEFAULT_ICON_COLOR, filterIcons, getIcons, ICON_COLORS, renderAffineIcon, } from './icon-data.js';
 import { pushRecent, readRecent, RECENT_ICONS_KEY } from './recent-store.js';
 import { panelStyles } from './styles.js';
 import { IconType } from './types.js';
+import { COLOR_NAME_WORDINGS, ICON_PICKER_FILTER_PLACEHOLDER, ICON_PICKER_ICONS_GROUP, ICON_PICKER_NO_ICON_FOUND, ICON_PICKER_RECENT_GROUP, } from '../translations.js';
 /**
  * The icon half of the picker: a filter box, a colour menu, a recents row and
  * the full `@blocksuite/icons` set.
  */
 let AffineIconPickerPanel = (() => {
     let _classSuper = LitElement;
+    let _std_decorators;
+    let _std_initializers = [];
+    let _std_extraInitializers = [];
     let __keyword_decorators;
     let __keyword_initializers = [];
     let __keyword_extraInitializers = [];
@@ -66,7 +72,8 @@ let AffineIconPickerPanel = (() => {
     return class AffineIconPickerPanel extends _classSuper {
         constructor() {
             super(...arguments);
-            this.#_keyword_accessor_storage = __runInitializers(this, __keyword_initializers, '');
+            this.#std_accessor_storage = __runInitializers(this, _std_initializers, void 0);
+            this.#_keyword_accessor_storage = (__runInitializers(this, _std_extraInitializers), __runInitializers(this, __keyword_initializers, ''));
             this.#_colorMenuOpen_accessor_storage = (__runInitializers(this, __keyword_extraInitializers), __runInitializers(this, __colorMenuOpen_initializers, false));
             this.#_recent_accessor_storage = (__runInitializers(this, __colorMenuOpen_extraInitializers), __runInitializers(this, __recent_initializers, []));
             this.#color_accessor_storage = (__runInitializers(this, __recent_extraInitializers), __runInitializers(this, _color_initializers, DEFAULT_ICON_COLOR));
@@ -84,11 +91,13 @@ let AffineIconPickerPanel = (() => {
         }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _std_decorators = [consume({ context: stdContext })];
             __keyword_decorators = [state()];
             __colorMenuOpen_decorators = [state()];
             __recent_decorators = [state()];
             _color_decorators = [property({ attribute: false })];
             _rememberRecent_decorators = [property({ attribute: false })];
+            __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);
             __esDecorate(this, null, __keyword_decorators, { kind: "accessor", name: "_keyword", static: false, private: false, access: { has: obj => "_keyword" in obj, get: obj => obj._keyword, set: (obj, value) => { obj._keyword = value; } }, metadata: _metadata }, __keyword_initializers, __keyword_extraInitializers);
             __esDecorate(this, null, __colorMenuOpen_decorators, { kind: "accessor", name: "_colorMenuOpen", static: false, private: false, access: { has: obj => "_colorMenuOpen" in obj, get: obj => obj._colorMenuOpen, set: (obj, value) => { obj._colorMenuOpen = value; } }, metadata: _metadata }, __colorMenuOpen_initializers, __colorMenuOpen_extraInitializers);
             __esDecorate(this, null, __recent_decorators, { kind: "accessor", name: "_recent", static: false, private: false, access: { has: obj => "_recent" in obj, get: obj => obj._recent, set: (obj, value) => { obj._recent = value; } }, metadata: _metadata }, __recent_initializers, __recent_extraInitializers);
@@ -96,6 +105,9 @@ let AffineIconPickerPanel = (() => {
             __esDecorate(this, null, _rememberRecent_decorators, { kind: "accessor", name: "rememberRecent", static: false, private: false, access: { has: obj => "rememberRecent" in obj, get: obj => obj.rememberRecent, set: (obj, value) => { obj.rememberRecent = value; } }, metadata: _metadata }, _rememberRecent_initializers, _rememberRecent_extraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
+        #std_accessor_storage;
+        get std() { return this.#std_accessor_storage; }
+        set std(value) { this.#std_accessor_storage = value; }
         static { this.styles = [
             panelStyles,
             css `
@@ -139,6 +151,27 @@ let AffineIconPickerPanel = (() => {
             if (this.rememberRecent)
                 this._recent = readRecent(RECENT_ICONS_KEY);
         }
+        _colorName(name) {
+            const wording = COLOR_NAME_WORDINGS[name];
+            if (!wording)
+                return name;
+            return this.std ? translateKey(this.std, ...wording) : wording[1];
+        }
+        _recentGroupLabel() {
+            return this.std
+                ? translateKey(this.std, ...ICON_PICKER_RECENT_GROUP)
+                : ICON_PICKER_RECENT_GROUP[1];
+        }
+        _iconsGroupLabel() {
+            return this.std
+                ? translateKey(this.std, ...ICON_PICKER_ICONS_GROUP)
+                : ICON_PICKER_ICONS_GROUP[1];
+        }
+        _emptyLabel() {
+            return this.std
+                ? translateKey(this.std, ...ICON_PICKER_NO_ICON_FOUND)
+                : ICON_PICKER_NO_ICON_FOUND[1];
+        }
         _renderGroup(name, iconNames) {
             return html `
       <div class="picker-group">
@@ -169,7 +202,9 @@ let AffineIconPickerPanel = (() => {
             ${SearchIcon()}
             <input
               type="text"
-              placeholder="Filter..."
+              placeholder=${this.std
+                ? translateKey(this.std, ...ICON_PICKER_FILTER_PLACEHOLDER)
+                : ICON_PICKER_FILTER_PLACEHOLDER[1]}
               .value=${this._keyword}
               @input=${(e) => {
                 this._keyword = e.target.value;
@@ -197,7 +232,7 @@ let AffineIconPickerPanel = (() => {
                       <button
                         class="picker-cell"
                         type="button"
-                        title=${swatch.name}
+                        title=${this._colorName(swatch.name)}
                         data-color-name=${swatch.name}
                         @click=${() => {
                     this.color = swatch.value;
@@ -217,11 +252,11 @@ let AffineIconPickerPanel = (() => {
 
         <div class="picker-scroll">
           ${this._recent.length && !this._keyword
-                ? this._renderGroup(RECENT_GROUP_NAME, this._recent)
+                ? this._renderGroup(this._recentGroupLabel(), this._recent)
                 : nothing}
           ${icons.length
-                ? this._renderGroup('Icons', icons.map(icon => icon.name))
-                : html `<div class="picker-empty">No icon found</div>`}
+                ? this._renderGroup(this._iconsGroupLabel(), icons.map(icon => icon.name))
+                : html `<div class="picker-empty">${this._emptyLabel()}</div>`}
         </div>
       </div>
     `;

package/dist/_pkgs/affine-components/icon-picker/emoji-picker-panel.d.ts

@@ -1,3 +1,4 @@
+import type { BlockStdScope } from '../../std/index.js';
 import { LitElement } from 'lit';
 import { type EmojiGroup } from './emoji-data.js';
 /**
@@ -6,6 +7,9 @@ import { type EmojiGroup } from './emoji-data.js';
  */
 export declare class AffineEmojiPickerPanel extends LitElement {
     static styles: import("lit").CSSResult[];
+    accessor std: BlockStdScope;
+    private _groupLabel;
+    private _emptyLabel;
     private accessor _keyword;
     private accessor _skin;
     private accessor _skinMenuOpen;

package/dist/_pkgs/affine-components/icon-picker/emoji-picker-panel.js

@@ -32,7 +32,10 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
+import { translateKey } from '../../affine-shared/services/index.js';
 import { SearchIcon } from '@blocksuite/icons/lit';
+import { stdContext } from '../../std/index.js';
+import { consume } from '@lit/context';
 import { css, html, LitElement, nothing } from 'lit';
 import { property, query, state } from 'lit/decorators.js';
 import { repeat } from 'lit/directives/repeat.js';
@@ -40,12 +43,16 @@ import { emojiUnicode, filterEmojiGroups, getEmojiGroups, RECENT_GROUP_NAME, SKI
 import { pushRecent, readRecent, RECENT_EMOJIS_KEY } from './recent-store.js';
 import { panelStyles } from './styles.js';
 import { IconType } from './types.js';
+import { EMOJI_GROUP_WORDINGS, ICON_PICKER_FILTER_PLACEHOLDER, ICON_PICKER_NO_EMOJI_FOUND, ICON_PICKER_RECENT_GROUP, } from '../translations.js';
 /**
  * The emoji half of the picker: a filter box, a skin-tone menu, a recents row
  * and the eight emoji groups, with a footer that jumps to a group.
  */
 let AffineEmojiPickerPanel = (() => {
     let _classSuper = LitElement;
+    let _std_decorators;
+    let _std_initializers = [];
+    let _std_extraInitializers = [];
     let __keyword_decorators;
     let __keyword_initializers = [];
     let __keyword_extraInitializers = [];
@@ -70,7 +77,8 @@ let AffineEmojiPickerPanel = (() => {
     return class AffineEmojiPickerPanel extends _classSuper {
         constructor() {
             super(...arguments);
-            this.#_keyword_accessor_storage = __runInitializers(this, __keyword_initializers, '');
+            this.#std_accessor_storage = __runInitializers(this, _std_initializers, void 0);
+            this.#_keyword_accessor_storage = (__runInitializers(this, _std_extraInitializers), __runInitializers(this, __keyword_initializers, ''));
             this.#_skin_accessor_storage = (__runInitializers(this, __keyword_extraInitializers), __runInitializers(this, __skin_initializers, undefined));
             this.#_skinMenuOpen_accessor_storage = (__runInitializers(this, __skin_extraInitializers), __runInitializers(this, __skinMenuOpen_initializers, false));
             this.#_recent_accessor_storage = (__runInitializers(this, __skinMenuOpen_extraInitializers), __runInitializers(this, __recent_initializers, []));
@@ -115,6 +123,7 @@ let AffineEmojiPickerPanel = (() => {
         }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _std_decorators = [consume({ context: stdContext })];
             __keyword_decorators = [state()];
             __skin_decorators = [state()];
             __skinMenuOpen_decorators = [state()];
@@ -122,6 +131,7 @@ let AffineEmojiPickerPanel = (() => {
             __activeGroup_decorators = [state()];
             __scroll_decorators = [query('.picker-scroll')];
             _rememberRecent_decorators = [property({ attribute: false })];
+            __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);
             __esDecorate(this, null, __keyword_decorators, { kind: "accessor", name: "_keyword", static: false, private: false, access: { has: obj => "_keyword" in obj, get: obj => obj._keyword, set: (obj, value) => { obj._keyword = value; } }, metadata: _metadata }, __keyword_initializers, __keyword_extraInitializers);
             __esDecorate(this, null, __skin_decorators, { kind: "accessor", name: "_skin", static: false, private: false, access: { has: obj => "_skin" in obj, get: obj => obj._skin, set: (obj, value) => { obj._skin = value; } }, metadata: _metadata }, __skin_initializers, __skin_extraInitializers);
             __esDecorate(this, null, __skinMenuOpen_decorators, { kind: "accessor", name: "_skinMenuOpen", static: false, private: false, access: { has: obj => "_skinMenuOpen" in obj, get: obj => obj._skinMenuOpen, set: (obj, value) => { obj._skinMenuOpen = value; } }, metadata: _metadata }, __skinMenuOpen_initializers, __skinMenuOpen_extraInitializers);
@@ -141,6 +151,22 @@ let AffineEmojiPickerPanel = (() => {
       }
     `,
         ]; }
+        #std_accessor_storage;
+        get std() { return this.#std_accessor_storage; }
+        set std(value) { this.#std_accessor_storage = value; }
+        _groupLabel(name) {
+            const wording = name === RECENT_GROUP_NAME
+                ? ICON_PICKER_RECENT_GROUP
+                : EMOJI_GROUP_WORDINGS[getEmojiGroups().find(group => group.name === name)?.id ?? ''];
+            if (!wording)
+                return name;
+            return this.std ? translateKey(this.std, ...wording) : wording[1];
+        }
+        _emptyLabel() {
+            return this.std
+                ? translateKey(this.std, ...ICON_PICKER_NO_EMOJI_FOUND)
+                : ICON_PICKER_NO_EMOJI_FOUND[1];
+        }
         #_keyword_accessor_storage;
         get _keyword() { return this.#_keyword_accessor_storage; }
         set _keyword(value) { this.#_keyword_accessor_storage = value; }
@@ -176,7 +202,9 @@ let AffineEmojiPickerPanel = (() => {
         _renderGroup(name, unicodes) {
             return html `
       <div class="picker-group">
-        <div class="picker-group-name" data-group-name=${name}>${name}</div>
+        <div class="picker-group-name" data-group-name=${name}>
+          ${this._groupLabel(name)}
+        </div>
         <div class="picker-group-grid">
           ${repeat(unicodes, unicode => unicode, unicode => html `
               <button
@@ -203,7 +231,9 @@ let AffineEmojiPickerPanel = (() => {
             ${SearchIcon()}
             <input
               type="text"
-              placeholder="Filter..."
+              placeholder=${this.std
+                ? translateKey(this.std, ...ICON_PICKER_FILTER_PLACEHOLDER)
+                : ICON_PICKER_FILTER_PLACEHOLDER[1]}
               .value=${this._keyword}
               @input=${(e) => {
                 this._keyword = e.target.value;
@@ -247,7 +277,7 @@ let AffineEmojiPickerPanel = (() => {
                 : nothing}
           ${groups.length
                 ? repeat(groups, group => group.id, group => this._renderGroup(group.name, group.emojis.map(emoji => emojiUnicode(emoji, this._skin))))
-                : html `<div class="picker-empty">No emoji found</div>`}
+                : html `<div class="picker-empty">${this._emptyLabel()}</div>`}
         </div>
 
         <footer class="picker-footer">
@@ -260,7 +290,7 @@ let AffineEmojiPickerPanel = (() => {
             ], group => group.name, group => html `
               <button
                 type="button"
-                title=${group.name}
+                title=${this._groupLabel(group.name)}
                 data-active=${this._activeGroup === group.name}
                 @click=${() => this._jumpTo(group.name)}
               >

package/dist/_pkgs/affine-components/icon-picker/icon-picker.d.ts

@@ -1,3 +1,4 @@
+import type { BlockStdScope } from '../../std/index.js';
 import { LitElement } from 'lit';
 import type { IconPickerTab } from './types.js';
 /**
@@ -14,6 +15,7 @@ import type { IconPickerTab } from './types.js';
  * ```
  */
 export declare class AffineIconPicker extends LitElement {
+    accessor std: BlockStdScope;
     static styles: import("lit").CSSResult;
     /**
      * The panel currently shown. Upstream opens on Icons; a host may set another

package/dist/_pkgs/affine-components/icon-picker/icon-picker.js

@@ -32,13 +32,17 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
+import { translateKey } from '../../affine-shared/services/index.js';
 import { unsafeCSSVarV2 } from '../../affine-shared/theme/index.js';
+import { stdContext } from '../../std/index.js';
+import { consume } from '@lit/context';
 import { css, html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
 import { DEFAULT_ICON_COLOR } from './icon-data.js';
+import { ICON_PICKER_ICONS_GROUP, ICON_PICKER_REMOVE, ICON_PICKER_TAB_EMOJI, } from '../translations.js';
 const TABS = [
-    { value: 'emoji', label: 'Emoji' },
-    { value: 'icons', label: 'Icons' },
+    { value: 'emoji', wording: ICON_PICKER_TAB_EMOJI },
+    { value: 'icons', wording: ICON_PICKER_ICONS_GROUP },
 ];
 /**
  * A standalone emoji + icon picker, ported from upstream's React component.
@@ -55,6 +59,9 @@ const TABS = [
  */
 let AffineIconPicker = (() => {
     let _classSuper = LitElement;
+    let _std_decorators;
+    let _std_initializers = [];
+    let _std_extraInitializers = [];
     let _activeTab_decorators;
     let _activeTab_initializers = [];
     let _activeTab_extraInitializers = [];
@@ -70,7 +77,8 @@ let AffineIconPicker = (() => {
     return class AffineIconPicker extends _classSuper {
         constructor() {
             super(...arguments);
-            this.#activeTab_accessor_storage = __runInitializers(this, _activeTab_initializers, 'icons');
+            this.#std_accessor_storage = __runInitializers(this, _std_initializers, void 0);
+            this.#activeTab_accessor_storage = (__runInitializers(this, _std_extraInitializers), __runInitializers(this, _activeTab_initializers, 'icons'));
             this.#color_accessor_storage = (__runInitializers(this, _activeTab_extraInitializers), __runInitializers(this, _color_initializers, DEFAULT_ICON_COLOR));
             this.#showRemove_accessor_storage = (__runInitializers(this, _color_extraInitializers), __runInitializers(this, _showRemove_initializers, true));
             this.#rememberRecent_accessor_storage = (__runInitializers(this, _showRemove_extraInitializers), __runInitializers(this, _rememberRecent_initializers, true));
@@ -84,16 +92,21 @@ let AffineIconPicker = (() => {
         }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _std_decorators = [consume({ context: stdContext })];
             _activeTab_decorators = [property({ attribute: false })];
             _color_decorators = [property({ attribute: false })];
             _showRemove_decorators = [property({ attribute: false })];
             _rememberRecent_decorators = [property({ attribute: false })];
+            __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);
             __esDecorate(this, null, _activeTab_decorators, { kind: "accessor", name: "activeTab", static: false, private: false, access: { has: obj => "activeTab" in obj, get: obj => obj.activeTab, set: (obj, value) => { obj.activeTab = value; } }, metadata: _metadata }, _activeTab_initializers, _activeTab_extraInitializers);
             __esDecorate(this, null, _color_decorators, { kind: "accessor", name: "color", static: false, private: false, access: { has: obj => "color" in obj, get: obj => obj.color, set: (obj, value) => { obj.color = value; } }, metadata: _metadata }, _color_initializers, _color_extraInitializers);
             __esDecorate(this, null, _showRemove_decorators, { kind: "accessor", name: "showRemove", static: false, private: false, access: { has: obj => "showRemove" in obj, get: obj => obj.showRemove, set: (obj, value) => { obj.showRemove = value; } }, metadata: _metadata }, _showRemove_initializers, _showRemove_extraInitializers);
             __esDecorate(this, null, _rememberRecent_decorators, { kind: "accessor", name: "rememberRecent", static: false, private: false, access: { has: obj => "rememberRecent" in obj, get: obj => obj.rememberRecent, set: (obj, value) => { obj.rememberRecent = value; } }, metadata: _metadata }, _rememberRecent_initializers, _rememberRecent_extraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
+        #std_accessor_storage;
+        get std() { return this.#std_accessor_storage; }
+        set std(value) { this.#std_accessor_storage = value; }
         static { this.styles = css `
     :host {
       display: flex;
@@ -199,7 +212,9 @@ let AffineIconPicker = (() => {
                 data-active=${this.activeTab === tab.value}
                 @click=${() => (this.activeTab = tab.value)}
               >
-                ${tab.label}
+                ${this.std
+                ? translateKey(this.std, ...tab.wording)
+                : tab.wording[1]}
               </button>
             `)}
         </div>
@@ -211,7 +226,9 @@ let AffineIconPicker = (() => {
                 data-testid="icon-picker-remove"
                 @click=${this._remove}
               >
-                Remove
+                ${this.std
+                    ? translateKey(this.std, ...ICON_PICKER_REMOVE)
+                    : ICON_PICKER_REMOVE[1]}
               </button>
             `
                 : null}

package/dist/_pkgs/affine-components/linked-doc-title/doc-title.d.ts

@@ -1,5 +1,7 @@
+import type { BlockStdScope } from '../../std/index.js';
 import { LitElement } from 'lit';
 export declare class DocTitle extends LitElement {
+    accessor std: BlockStdScope;
     static styles: import("lit").CSSResult;
     accessor title: string;
     accessor open: (event: MouseEvent) => void;

package/dist/_pkgs/affine-components/linked-doc-title/doc-title.js

@@ -32,10 +32,13 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
-import { PropTypes, requiredProperties } from '../../std/index.js';
+import { translateKey } from '../../affine-shared/services/index.js';
+import { PropTypes, requiredProperties, stdContext } from '../../std/index.js';
+import { consume } from '@lit/context';
 import { css, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
 import { html } from 'lit-html';
+import { DOC_TITLE_ARIA } from '../translations.js';
 let DocTitle = (() => {
     let _classDecorators = [requiredProperties({
             title: PropTypes.string,
@@ -45,6 +48,9 @@ let DocTitle = (() => {
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = LitElement;
+    let _std_decorators;
+    let _std_initializers = [];
+    let _std_extraInitializers = [];
     let _title_decorators;
     let _title_initializers = [];
     let _title_extraInitializers = [];
@@ -55,14 +61,19 @@ let DocTitle = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _std_decorators = [consume({ context: stdContext })];
             _title_decorators = [property({ attribute: false })];
             _open_decorators = [property({ attribute: false })];
+            __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);
             __esDecorate(this, null, _title_decorators, { kind: "accessor", name: "title", static: false, private: false, access: { has: obj => "title" in obj, get: obj => obj.title, set: (obj, value) => { obj.title = value; } }, metadata: _metadata }, _title_initializers, _title_extraInitializers);
             __esDecorate(this, null, _open_decorators, { kind: "accessor", name: "open", static: false, private: false, access: { has: obj => "open" in obj, get: obj => obj.open, set: (obj, value) => { obj.open = value; } }, metadata: _metadata }, _open_initializers, _open_extraInitializers);
             __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             DocTitle = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
+        #std_accessor_storage = __runInitializers(this, _std_initializers, void 0);
+        get std() { return this.#std_accessor_storage; }
+        set std(value) { this.#std_accessor_storage = value; }
         static { this.styles = css `
     editor-icon-button .label {
       min-width: 60px;
@@ -85,7 +96,7 @@ let DocTitle = (() => {
       text-wrap: nowrap;
     }
   `; }
-        #title_accessor_storage = __runInitializers(this, _title_initializers, void 0);
+        #title_accessor_storage = (__runInitializers(this, _std_extraInitializers), __runInitializers(this, _title_initializers, void 0));
         get title() { return this.#title_accessor_storage; }
         set title(value) { this.#title_accessor_storage = value; }
         #open_accessor_storage = (__runInitializers(this, _title_extraInitializers), __runInitializers(this, _open_initializers, void 0));
@@ -95,7 +106,9 @@ let DocTitle = (() => {
             const { title, open } = this;
             return html `
       <editor-icon-button
-        aria-label="Doc title"
+        aria-label="${this.std
+                ? translateKey(this.std, ...DOC_TITLE_ARIA)
+                : DOC_TITLE_ARIA[1]}"
         .hover=${false}
         .labelHeight="${'20px'}"
         .tooltip=${title}

package/dist/_pkgs/affine-components/notification/linked-doc.js

@@ -1,6 +1,7 @@
-import { NotificationProvider } from '../../affine-shared/services/index.js';
+import { NotificationProvider, translateKey, } from '../../affine-shared/services/index.js';
 import {} from '../../std/index.js';
 import { toast } from '../toast/toast.js';
+import { NOTIFY_CLEARED_ALIASES_MESSAGE, NOTIFY_CLEARED_ALIASES_TITLE, NOTIFY_SWITCHED_TO_CARD_MESSAGE, NOTIFY_SWITCHED_TO_CARD_TITLE, NOTIFY_SWITCHED_TO_EMBED_MESSAGE, NOTIFY_SWITCHED_TO_EMBED_TITLE, } from '../translations.js';
 function notify(std, title, message) {
     const notification = std.getOptional(NotificationProvider);
     const { host } = std;
@@ -16,11 +17,11 @@ function notify(std, title, message) {
     });
 }
 export function notifyLinkedDocSwitchedToCard(std) {
-    notify(std, 'View Updated', 'The alias modification has disabled sync. The embed has been updated to a card view.');
+    notify(std, translateKey(std, ...NOTIFY_SWITCHED_TO_CARD_TITLE), translateKey(std, ...NOTIFY_SWITCHED_TO_CARD_MESSAGE));
 }
 export function notifyLinkedDocSwitchedToEmbed(std) {
-    notify(std, 'Embed View Restored', 'Custom alias removed. The linked doc now displays the original title and description.');
+    notify(std, translateKey(std, ...NOTIFY_SWITCHED_TO_EMBED_TITLE), translateKey(std, ...NOTIFY_SWITCHED_TO_EMBED_MESSAGE));
 }
 export function notifyLinkedDocClearedAliases(std) {
-    notify(std, 'Reset successful', `Card view has been restored to original doc title and description. All custom aliases have been removed.`);
+    notify(std, translateKey(std, ...NOTIFY_CLEARED_ALIASES_TITLE), translateKey(std, ...NOTIFY_CLEARED_ALIASES_MESSAGE));
 }