@formicoidea/labre-core 0.40.0 → 0.42.0

package/dist/_pkgs/affine-components/context-menu/menu-renderer.js

@@ -32,30 +32,41 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
+import { translateKey } from '../../affine-shared/services/index.js';
 import { unsafeCSSVar, unsafeCSSVarV2 } from '../../affine-shared/theme/index.js';
 import { IS_MOBILE } from '../../global/env/index.js';
 import { SignalWatcher, WithDisposable } from '../../global/lit/index.js';
 import { ArrowLeftBigIcon, ArrowLeftSmallIcon, CloseIcon, SearchIcon, } from '@blocksuite/icons/lit';
-import { ShadowlessElement } from '../../std/index.js';
+import { ShadowlessElement, stdContext } from '../../std/index.js';
 import { RANGE_SYNC_EXCLUDE_ATTR } from '../../std/inline/index.js';
 import { autoPlacement, autoUpdate, computePosition, offset, shift, } from '@floating-ui/dom';
+import { consume } from '@lit/context';
 import { css, html, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { Menu } from './menu.js';
+import { CONTEXT_MENU_DONE, CONTEXT_MENU_NO_RESULTS } from '../translations.js';
 let MenuComponent = (() => {
     let _classSuper = SignalWatcher(WithDisposable(ShadowlessElement));
+    let _std_decorators;
+    let _std_initializers = [];
+    let _std_extraInitializers = [];
     let _menu_decorators;
     let _menu_initializers = [];
     let _menu_extraInitializers = [];
     return class MenuComponent extends _classSuper {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _std_decorators = [consume({ context: stdContext })];
             _menu_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, _menu_decorators, { kind: "accessor", name: "menu", static: false, private: false, access: { has: obj => "menu" in obj, get: obj => obj.menu, set: (obj, value) => { obj.menu = value; } }, metadata: _metadata }, _menu_initializers, _menu_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 `
     affine-menu {
       font-family: var(--affine-font-family);
@@ -171,7 +182,11 @@ let MenuComponent = (() => {
       ${this.renderTitle()} ${this.renderSearch()}
       <div class="affine-menu-body">
         ${result.length === 0 && this.menu.enableSearch
-                ? html ` <div class="no-results">No Results</div>`
+                ? html ` <div class="no-results">
+              ${this.std
+                    ? translateKey(this.std, ...CONTEXT_MENU_NO_RESULTS)
+                    : CONTEXT_MENU_NO_RESULTS[1]}
+            </div>`
                 : ''}
         ${result}
       </div>
@@ -250,11 +265,12 @@ let MenuComponent = (() => {
         set menu(value) { this.#menu_accessor_storage = value; }
         constructor() {
             super(...arguments);
-            this._clickContainer = (e) => {
+            this.#std_accessor_storage = __runInitializers(this, _std_initializers, void 0);
+            this._clickContainer = (__runInitializers(this, _std_extraInitializers), (e) => {
                 e.stopPropagation();
                 this.focusInput();
                 this.menu.closeSubMenu();
-            };
+            });
             this.searchRef = createRef();
             this.#menu_accessor_storage = __runInitializers(this, _menu_initializers, void 0);
             __runInitializers(this, _menu_extraInitializers);
@@ -264,16 +280,24 @@ let MenuComponent = (() => {
 export { MenuComponent };
 let MobileMenuComponent = (() => {
     let _classSuper = SignalWatcher(WithDisposable(ShadowlessElement));
+    let _std_decorators;
+    let _std_initializers = [];
+    let _std_extraInitializers = [];
     let _menu_decorators;
     let _menu_initializers = [];
     let _menu_extraInitializers = [];
     return class MobileMenuComponent extends _classSuper {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _std_decorators = [consume({ context: stdContext })];
             _menu_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, _menu_decorators, { kind: "accessor", name: "menu", static: false, private: false, access: { has: obj => "menu" in obj, get: obj => obj.menu, set: (obj, value) => { obj.menu = value; } }, metadata: _metadata }, _menu_initializers, _menu_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 `
     mobile-menu {
       height: 100%;
@@ -365,7 +389,9 @@ let MobileMenuComponent = (() => {
           margin-right: 10px;
          "
         >
-          Done
+          ${this.std
+                ? translateKey(this.std, ...CONTEXT_MENU_DONE)
+                : CONTEXT_MENU_DONE[1]}
         </div>
       </div>
     `;
@@ -375,7 +401,8 @@ let MobileMenuComponent = (() => {
         set menu(value) { this.#menu_accessor_storage = value; }
         constructor() {
             super(...arguments);
-            this.onClose = () => {
+            this.#std_accessor_storage = __runInitializers(this, _std_initializers, void 0);
+            this.onClose = (__runInitializers(this, _std_extraInitializers), () => {
                 const close = this.menu.options.title?.onClose;
                 if (close) {
                     close();
@@ -383,7 +410,7 @@ let MobileMenuComponent = (() => {
                 else {
                     this.menu.close();
                 }
-            };
+            });
             this.#menu_accessor_storage = __runInitializers(this, _menu_initializers, void 0);
             __runInitializers(this, _menu_extraInitializers);
         }

package/dist/_pkgs/affine-components/edgeless-line-styles-panel/line-styles-panel.d.ts

@@ -1,4 +1,5 @@
 import { LineWidth, StrokeStyle } from '../../affine-model/index.js';
+import type { BlockStdScope } from '../../std/index.js';
 import { LitElement } from 'lit';
 export type LineDetailType = {
     type: 'size';
@@ -9,6 +10,7 @@ export type LineDetailType = {
 };
 declare const EdgelessLineStylesPanel_base: typeof LitElement & import("../../global/utils/types.js").Constructor<import("../../global/lit/with-disposable.js").DisposableClass>;
 export declare class EdgelessLineStylesPanel extends EdgelessLineStylesPanel_base {
+    accessor std: BlockStdScope;
     static styles: import("lit").CSSResult;
     select(detail: LineDetailType): void;
     render(): import("lit-html").TemplateResult<1>;

package/dist/_pkgs/affine-components/edgeless-line-styles-panel/line-styles-panel.js

@@ -33,12 +33,16 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     return useValue ? value : void 0;
 };
 import { LineWidth, StrokeStyle } from '../../affine-model/index.js';
+import { translateKey } from '../../affine-shared/services/index.js';
 import { WithDisposable } from '../../global/lit/index.js';
 import { BanIcon, DashLineIcon, StraightLineIcon } from '@blocksuite/icons/lit';
+import { stdContext } from '../../std/index.js';
+import { consume } from '@lit/context';
 import { css, html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { repeat } from 'lit/directives/repeat.js';
+import { LINE_STYLE_DASH, LINE_STYLE_NONE, LINE_STYLE_SOLID, } from '../translations.js';
 const LINE_STYLE_LIST = [
     {
         key: 'Solid',
@@ -56,8 +60,16 @@ const LINE_STYLE_LIST = [
         icon: BanIcon(),
     },
 ];
+const LINE_STYLE_WORDINGS = {
+    Solid: LINE_STYLE_SOLID,
+    Dash: LINE_STYLE_DASH,
+    None: LINE_STYLE_NONE,
+};
 let EdgelessLineStylesPanel = (() => {
     let _classSuper = WithDisposable(LitElement);
+    let _std_decorators;
+    let _std_initializers = [];
+    let _std_extraInitializers = [];
     let _lineStyle_decorators;
     let _lineStyle_initializers = [];
     let _lineStyle_extraInitializers = [];
@@ -70,14 +82,19 @@ let EdgelessLineStylesPanel = (() => {
     return class EdgelessLineStylesPanel extends _classSuper {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _std_decorators = [consume({ context: stdContext })];
             _lineStyle_decorators = [property({ attribute: false })];
             _lineSize_decorators = [property({ attribute: false })];
             _lineStyles_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, _lineStyle_decorators, { kind: "accessor", name: "lineStyle", static: false, private: false, access: { has: obj => "lineStyle" in obj, get: obj => obj.lineStyle, set: (obj, value) => { obj.lineStyle = value; } }, metadata: _metadata }, _lineStyle_initializers, _lineStyle_extraInitializers);
             __esDecorate(this, null, _lineSize_decorators, { kind: "accessor", name: "lineSize", static: false, private: false, access: { has: obj => "lineSize" in obj, get: obj => obj.lineSize, set: (obj, value) => { obj.lineSize = value; } }, metadata: _metadata }, _lineSize_initializers, _lineSize_extraInitializers);
             __esDecorate(this, null, _lineStyles_decorators, { kind: "accessor", name: "lineStyles", static: false, private: false, access: { has: obj => "lineStyles" in obj, get: obj => obj.lineStyles, set: (obj, value) => { obj.lineStyles = value; } }, metadata: _metadata }, _lineStyles_initializers, _lineStyles_extraInitializers);
             if (_metadata) Object.defineProperty(this, 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 `
     edgeless-line-width-panel {
       flex: 1;
@@ -116,7 +133,9 @@ let EdgelessLineStylesPanel = (() => {
                 return html `
             <editor-icon-button
               class=${classMap(classInfo)}
-              .tooltip="${key}"
+              .tooltip="${this.std
+                    ? translateKey(this.std, ...LINE_STYLE_WORDINGS[key])
+                    : LINE_STYLE_WORDINGS[key][1]}"
               .withHover=${active}
               @click=${() => this.select({ type: 'style', value })}
             >
@@ -126,7 +145,7 @@ let EdgelessLineStylesPanel = (() => {
             })}
     `;
         }
-        #lineStyle_accessor_storage = __runInitializers(this, _lineStyle_initializers, void 0);
+        #lineStyle_accessor_storage = (__runInitializers(this, _std_extraInitializers), __runInitializers(this, _lineStyle_initializers, void 0));
         get lineStyle() { return this.#lineStyle_accessor_storage; }
         set lineStyle(value) { this.#lineStyle_accessor_storage = value; }
         #lineSize_accessor_storage = (__runInitializers(this, _lineStyle_extraInitializers), __runInitializers(this, _lineSize_initializers, LineWidth.Two));

package/dist/_pkgs/affine-components/edgeless-line-width-panel/line-width-panel.d.ts

@@ -1,6 +1,8 @@
+import type { BlockStdScope } from '../../std/index.js';
 import { LitElement } from 'lit';
 declare const EdgelessLineWidthPanel_base: typeof LitElement & import("../../global/utils/types.js").Constructor<import("../../global/lit/with-disposable.js").DisposableClass>;
 export declare class EdgelessLineWidthPanel extends EdgelessLineWidthPanel_base {
+    accessor std: BlockStdScope;
     private _onSelect;
     render(): import("lit-html").TemplateResult<1>;
     accessor disabled: boolean;

package/dist/_pkgs/affine-components/edgeless-line-width-panel/line-width-panel.js

@@ -33,11 +33,18 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     return useValue ? value : void 0;
 };
 import { BRUSH_LINE_WIDTHS, LineWidth } from '../../affine-model/index.js';
+import { translateKey } from '../../affine-shared/services/index.js';
 import { WithDisposable } from '../../global/lit/index.js';
+import { stdContext } from '../../std/index.js';
+import { consume } from '@lit/context';
 import { html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
+import { LINE_WIDTH_THICKNESS } from '../translations.js';
 let EdgelessLineWidthPanel = (() => {
     let _classSuper = WithDisposable(LitElement);
+    let _std_decorators;
+    let _std_initializers = [];
+    let _std_extraInitializers = [];
     let _disabled_decorators;
     let _disabled_initializers = [];
     let _disabled_extraInitializers = [];
@@ -53,16 +60,21 @@ let EdgelessLineWidthPanel = (() => {
     return class EdgelessLineWidthPanel extends _classSuper {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _std_decorators = [consume({ context: stdContext })];
             _disabled_decorators = [property({ attribute: false })];
             _hasTooltip_decorators = [property({ attribute: false })];
             _lineWidths_decorators = [property({ attribute: false })];
             _selectedSize_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, _disabled_decorators, { kind: "accessor", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
             __esDecorate(this, null, _hasTooltip_decorators, { kind: "accessor", name: "hasTooltip", static: false, private: false, access: { has: obj => "hasTooltip" in obj, get: obj => obj.hasTooltip, set: (obj, value) => { obj.hasTooltip = value; } }, metadata: _metadata }, _hasTooltip_initializers, _hasTooltip_extraInitializers);
             __esDecorate(this, null, _lineWidths_decorators, { kind: "accessor", name: "lineWidths", static: false, private: false, access: { has: obj => "lineWidths" in obj, get: obj => obj.lineWidths, set: (obj, value) => { obj.lineWidths = value; } }, metadata: _metadata }, _lineWidths_initializers, _lineWidths_extraInitializers);
             __esDecorate(this, null, _selectedSize_decorators, { kind: "accessor", name: "selectedSize", static: false, private: false, access: { has: obj => "selectedSize" in obj, get: obj => obj.selectedSize, set: (obj, value) => { obj.selectedSize = value; } }, metadata: _metadata }, _selectedSize_initializers, _selectedSize_extraInitializers);
             if (_metadata) Object.defineProperty(this, 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; }
         _onSelect(lineWidth) {
             this.dispatchEvent(new CustomEvent('select', {
                 detail: lineWidth,
@@ -76,14 +88,18 @@ let EdgelessLineWidthPanel = (() => {
       ?disabled=${this.disabled}
       .range=${{ points: this.lineWidths }}
       .value=${this.selectedSize}
-      .tooltip=${this.hasTooltip ? 'Thickness' : undefined}
+      .tooltip=${this.hasTooltip
+                ? this.std
+                    ? translateKey(this.std, ...LINE_WIDTH_THICKNESS)
+                    : LINE_WIDTH_THICKNESS[1]
+                : undefined}
       @select=${(e) => {
                 e.stopPropagation();
                 this._onSelect(e.detail.value);
             }}
     ></affine-slider>`;
         }
-        #disabled_accessor_storage = __runInitializers(this, _disabled_initializers, false);
+        #disabled_accessor_storage = (__runInitializers(this, _std_extraInitializers), __runInitializers(this, _disabled_initializers, false));
         get disabled() { return this.#disabled_accessor_storage; }
         set disabled(value) { this.#disabled_accessor_storage = value; }
         #hasTooltip_accessor_storage = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _hasTooltip_initializers, true));

package/dist/_pkgs/affine-components/edgeless-shape-color-picker/color-picker.d.ts

@@ -1,14 +1,29 @@
 import { type Color, type ColorScheme, type LineWidth, type Palette, type ShapeProps, type StrokeStyle } from '../../affine-model/index.js';
-import { LitElement } from 'lit';
+import type { BlockStdScope } from '../../std/index.js';
+import { LitElement, type PropertyValues } from 'lit';
+import { type PaletteCarouselDirection, type PaletteGroup } from '../color-picker/index.js';
 import type { EditorMenuButton } from '../toolbar/index.js';
 type TabType = 'normal' | 'custom';
 type ColorType = Extract<keyof ShapeProps, 'fillColor' | 'strokeColor'>;
 declare const EdgelessShapeColorPicker_base: typeof LitElement & import("../../global/utils/types.js").Constructor<import("../../global/lit/with-disposable.js").DisposableClass>;
 export declare class EdgelessShapeColorPicker extends EdgelessShapeColorPicker_base {
     #private;
+    accessor std: BlockStdScope;
     static styles: import("lit").CSSResult;
     tabType$: import("@preact/signals-core").Signal<TabType>;
     colorType$: import("@preact/signals-core").Signal<ColorType>;
+    /**
+     * The page of {@link paletteGroups} on screen — see the twin getter on
+     * `edgeless-color-picker-button` for why a click wins over the prop.
+     */
+    get groupIndex(): number;
+    /** The page on screen, or the caller's own list when there is no carousel. */
+    get activePalettes(): readonly Palette[];
+    /**
+     * A new selection re-opens on ITS framework — see the twin on
+     * `edgeless-color-picker-button`.
+     */
+    willUpdate(changed: PropertyValues): void;
     get fillColorWithoutAlpha(): string;
     firstUpdated(): void;
     render(): import("lit-html").TemplateResult<1>;
@@ -23,6 +38,23 @@ export declare class EdgelessShapeColorPicker extends EdgelessShapeColorPicker_b
         enableCustomColor: boolean;
     };
     accessor palettes: Palette[];
+    /**
+     * The carousel's pages, base palette first (`docs/adr/0027`). Empty falls
+     * back to {@link palettes} and draws no header — the panel as it was.
+     */
+    accessor paletteGroups: readonly PaletteGroup[];
+    /** The page to open on: the framework of the selected element, usually. */
+    accessor activeGroupKey: string | undefined;
+    /** Component state only, never persisted: which page the user paged TO. */
+    accessor pickedGroupIndex: number | undefined;
+    /**
+     * View state too: whether the header's list of pages is showing IN PLACE of
+     * the two grids and the line styles — see the twin on
+     * `edgeless-color-picker-button`.
+     */
+    accessor paletteListOpen: boolean;
+    /** Which way the page arrived — see the twin. Both grids take it together. */
+    accessor pageDirection: PaletteCarouselDirection;
     accessor menuButton: EditorMenuButton;
 }
 export {};