@formicoidea/labre-core 0.39.3 → 0.41.0

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

@@ -32,13 +32,20 @@ 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, 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 { ICON_BUTTON_COMING_SOON } from '../translations.js';
 let EditorIconButton = (() => {
     let _classSuper = LitElement;
+    let _std_decorators;
+    let _std_initializers = [];
+    let _std_extraInitializers = [];
     let _active_decorators;
     let _active_initializers = [];
     let _active_extraInitializers = [];
@@ -96,6 +103,7 @@ let EditorIconButton = (() => {
     return class EditorIconButton extends _classSuper {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _std_decorators = [consume({ context: stdContext })];
             _active_decorators = [property({ type: Boolean, reflect: true })];
             _activeMode_decorators = [property({ attribute: false })];
             _arrow_decorators = [property({ attribute: false })];
@@ -114,6 +122,7 @@ let EditorIconButton = (() => {
             _tooltip_decorators = [property({ attribute: false })];
             _tooltipOffset_decorators = [property({ attribute: false })];
             _withHover_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, _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);
@@ -134,6 +143,9 @@ let EditorIconButton = (() => {
             __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);
             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 `
     :host([disabled]),
     :host(:disabled) {
@@ -235,7 +247,11 @@ let EditorIconButton = (() => {
             this.role = 'button';
         }
         render() {
-            const tooltip = this.coming ? '(Coming soon)' : this.tooltip;
+            const tooltip = this.coming
+                ? this.std
+                    ? translateKey(this.std, ...ICON_BUTTON_COMING_SOON)
+                    : ICON_BUTTON_COMING_SOON[1]
+                : this.tooltip;
             const classnames = `icon-container active-mode-${this.activeMode} ${this.hoverState ? 'hovered' : ''}`;
             const padding = this.iconContainerPadding;
             const iconContainerStyles = styleMap({
@@ -273,7 +289,7 @@ let EditorIconButton = (() => {
       </div>
     `;
         }
-        #active_accessor_storage = __runInitializers(this, _active_initializers, false);
+        #active_accessor_storage = (__runInitializers(this, _std_extraInitializers), __runInitializers(this, _active_initializers, false));
         get active() { return this.#active_accessor_storage; }
         set active(value) { this.#active_accessor_storage = value; }
         #activeMode_accessor_storage = (__runInitializers(this, _active_extraInitializers), __runInitializers(this, _activeMode_initializers, 'color'));

package/dist/_pkgs/affine-components/toolbar/tooltip.d.ts

@@ -7,12 +7,12 @@ import { type HoverOptions } from '../hover/index.js';
  * ```ts
  * // Simple usage
  * html`
- * <affine-tooltip>Content</affine-tooltip>
+ * <affine-tooltip>${content}</affine-tooltip>
  * `
  * // With placement
  * html`
  * <affine-tooltip tip-position="top">
- *   Content
+ *   ${content}
  * </affine-tooltip>
  * `
  *
@@ -26,7 +26,7 @@ import { type HoverOptions } from '../hover/index.js';
  *   .tooltipStyle=${css`:host { z-index: 0; --affine-tooltip: #fff; }`}
  *   .allowInteractive=${false}
  * >
- *   Content
+ *   ${content}
  * </affine-tooltip>
  * `
  * ```

package/dist/_pkgs/affine-components/toolbar/tooltip.js

@@ -110,12 +110,12 @@ const updateArrowStyles = ({ placement, middlewareData, }) => {
  * ```ts
  * // Simple usage
  * html`
- * <affine-tooltip>Content</affine-tooltip>
+ * <affine-tooltip>${content}</affine-tooltip>
  * `
  * // With placement
  * html`
  * <affine-tooltip tip-position="top">
- *   Content
+ *   ${content}
  * </affine-tooltip>
  * `
  *
@@ -129,7 +129,7 @@ const updateArrowStyles = ({ placement, middlewareData, }) => {
  *   .tooltipStyle=${css`:host { z-index: 0; --affine-tooltip: #fff; }`}
  *   .allowInteractive=${false}
  * >
- *   Content
+ *   ${content}
  * </affine-tooltip>
  * `
  * ```

package/dist/_pkgs/affine-components/translations.d.ts

@@ -0,0 +1,141 @@
+import { type ChromeWording, COLOR_LABEL, FILL_COLOR_LABEL, ICON_BUTTON_COMING_SOON } from '../affine-shared/services/index.js';
+/**
+ * `@labre/affine-components`'s own wordings — the placeholders, aria-labels,
+ * toasts and button captions of the shared panels rendered by many blocks
+ * (image/attachment resource popovers, embed-card modals, colour and icon
+ * pickers, the generic context menu…).
+ *
+ * Most of these components have no `std` of their own (they are leaves with
+ * no framework context, reused across blocks this lot does not own). Where a
+ * component genuinely renders inside the editor's DOM (a popup, a modal, a
+ * slotted panel) it now consumes `stdContext` — the SAME seam
+ * `caption/block-caption.ts` already used — so a host's catalogue reaches it
+ * with zero change to the (out-of-lot) callers that render it; with no
+ * provider registered (or truly detached, e.g. a story) `std` stays
+ * `undefined` and the component reads exactly as it did before any of this
+ * existed.
+ */
+export declare const CAPTION_PLACEHOLDER: ChromeWording;
+export declare const CARD_STYLE_LABEL: ChromeWording;
+export declare const FAVICON_ALT: ChromeWording;
+export declare const COLOR_PICKER_TAB_COLORS: ChromeWording;
+export declare const COLOR_PICKER_TAB_CUSTOM: ChromeWording;
+export declare const COLOR_PICKER_MODE_NORMAL: ChromeWording;
+export declare const COLOR_PICKER_MODE_LIGHT: ChromeWording;
+export declare const COLOR_PICKER_MODE_DARK: ChromeWording;
+export { COLOR_LABEL, FILL_COLOR_LABEL };
+export declare const BORDER_COLOR_LABEL: ChromeWording;
+export declare const CONTEXT_MENU_NO_RESULTS: ChromeWording;
+export declare const CONTEXT_MENU_DONE: ChromeWording;
+export declare const LINE_STYLE_SOLID: ChromeWording;
+export declare const LINE_STYLE_DASH: ChromeWording;
+export declare const LINE_STYLE_NONE: ChromeWording;
+export declare const LINE_WIDTH_THICKNESS: ChromeWording;
+export declare const EMBED_CARD_INVALID_LINK: ChromeWording;
+export declare const EMBED_CARD_LINK_PLACEHOLDER: ChromeWording;
+export declare const EMBED_CARD_TITLE_EMPTY: ChromeWording;
+export declare const EMBED_CARD_TITLE_ALIAS_PLACEHOLDER: ChromeWording;
+export declare const EMBED_CARD_DESCRIPTION_ALIAS_PLACEHOLDER: ChromeWording;
+export declare const EMBED_CARD_TITLE_PLACEHOLDER: ChromeWording;
+export declare const EMBED_CARD_DESCRIPTION_PLACEHOLDER: ChromeWording;
+/**
+ * Generic verbs shared by the two embed-card modals and reused, within this
+ * same lot, by the inline reference popup (`@labre/affine-inline-reference`
+ * already depends on this package) — the exact same words, so one key each
+ * rather than a second "Reset"/"Save" minted per package.
+ */
+export declare const CONFIRM_LABEL: ChromeWording;
+export declare const CANCEL_LABEL: ChromeWording;
+export declare const SAVE_LABEL: ChromeWording;
+export declare const RESET_LABEL: ChromeWording;
+export declare const FILTERABLE_LIST_SEARCH_PLACEHOLDER: ChromeWording;
+export declare const HIGHLIGHT_LABEL: ChromeWording;
+export declare const HIGHLIGHT_BACKGROUND_LABEL: ChromeWording;
+export declare const HIGHLIGHT_DEFAULT_FOREGROUND: ChromeWording;
+export declare const HIGHLIGHT_DEFAULT_BACKGROUND: ChromeWording;
+/**
+ * The colour names shared by the highlight menu's foreground/background
+ * lists AND the icon picker's tint swatches (`icon-data.ts`) — the same
+ * closed palette rendered as a word in one place and a `title=` in the
+ * other, so one key per colour rather than two.
+ */
+export declare const COLOR_NAME_RED: ChromeWording;
+export declare const COLOR_NAME_ORANGE: ChromeWording;
+export declare const COLOR_NAME_YELLOW: ChromeWording;
+export declare const COLOR_NAME_GREEN: ChromeWording;
+export declare const COLOR_NAME_TEAL: ChromeWording;
+export declare const COLOR_NAME_BLUE: ChromeWording;
+export declare const COLOR_NAME_PURPLE: ChromeWording;
+export declare const COLOR_NAME_GREY: ChromeWording;
+export declare const COLOR_NAME_MAGENTA: ChromeWording;
+/** Keyed by the raw colour id both `highlight-dropdown-menu` and `icon-data` use. */
+export declare const COLOR_NAME_WORDINGS: Readonly<Record<string, ChromeWording>>;
+export declare const ICON_PICKER_FILTER_PLACEHOLDER: ChromeWording;
+export declare const ICON_PICKER_NO_ICON_FOUND: ChromeWording;
+export declare const ICON_PICKER_NO_EMOJI_FOUND: ChromeWording;
+export declare const ICON_PICKER_ICONS_GROUP: ChromeWording;
+export declare const ICON_PICKER_RECENT_GROUP: ChromeWording;
+export declare const ICON_PICKER_TAB_EMOJI: ChromeWording;
+export declare const ICON_PICKER_REMOVE: ChromeWording;
+/**
+ * The eight emoji-mart categories `emoji-data.ts`'s `GROUP_ORDER` names, in
+ * the same order.
+ */
+export declare const EMOJI_GROUP_PEOPLE: ChromeWording;
+export declare const EMOJI_GROUP_NATURE: ChromeWording;
+export declare const EMOJI_GROUP_FOODS: ChromeWording;
+export declare const EMOJI_GROUP_ACTIVITY: ChromeWording;
+export declare const EMOJI_GROUP_PLACES: ChromeWording;
+export declare const EMOJI_GROUP_OBJECTS: ChromeWording;
+export declare const EMOJI_GROUP_SYMBOLS: ChromeWording;
+export declare const EMOJI_GROUP_FLAGS: ChromeWording;
+/** Keyed by `emoji-data.ts`'s own group id (`people`, `nature`…). */
+export declare const EMOJI_GROUP_WORDINGS: Readonly<Record<string, ChromeWording>>;
+export declare const DOC_TITLE_ARIA: ChromeWording;
+export declare const NOTIFY_SWITCHED_TO_CARD_TITLE: ChromeWording;
+export declare const NOTIFY_SWITCHED_TO_CARD_MESSAGE: ChromeWording;
+export declare const NOTIFY_SWITCHED_TO_EMBED_TITLE: ChromeWording;
+export declare const NOTIFY_SWITCHED_TO_EMBED_MESSAGE: ChromeWording;
+export declare const NOTIFY_CLEARED_ALIASES_TITLE: ChromeWording;
+export declare const NOTIFY_CLEARED_ALIASES_MESSAGE: ChromeWording;
+export declare const OPEN_LABEL: ChromeWording;
+export declare const OPEN_DOC_MENU_ARIA: ChromeWording;
+export declare const OPEN_DOC_WITH_ARIA: ChromeWording;
+/**
+ * `resource.ts`'s `ResourceController.blob()` interpolates a KIND word into
+ * two sentences ("Image not found", "Failed to retrieve Image"). `kind` is a
+ * closed set (`ResourceKind`: `'Blob' | 'File' | 'Image'`), so — per the
+ * brief's own guidance for exactly this shape — this is one key per
+ * kind×message (six keys) rather than two keys with a `{{kind}}` parameter:
+ * the seam has no grammar, and "Image not found" reads better translated
+ * whole than word-by-word recomposed from an English noun the host never
+ * chose to inline.
+ */
+export declare const RESOURCE_BLOB_NOT_FOUND: ChromeWording;
+export declare const RESOURCE_FILE_NOT_FOUND: ChromeWording;
+export declare const RESOURCE_IMAGE_NOT_FOUND: ChromeWording;
+export declare const RESOURCE_BLOB_RETRIEVE_FAILED: ChromeWording;
+export declare const RESOURCE_FILE_RETRIEVE_FAILED: ChromeWording;
+export declare const RESOURCE_IMAGE_RETRIEVE_FAILED: ChromeWording;
+/** Keyed by `ResourceKind` (`'Blob' | 'File' | 'Image'`). */
+export declare const RESOURCE_NOT_FOUND_WORDINGS: Readonly<Record<string, ChromeWording>>;
+export declare const RESOURCE_RETRIEVE_FAILED_WORDINGS: Readonly<Record<string, ChromeWording>>;
+/**
+ * `status.ts`'s popover header — the same closed-set choice: `needUpload`
+ * picks between exactly two sentences, so two whole keys rather than one
+ * with a `{{type}}` hole.
+ */
+export declare const RESOURCE_STATUS_UPLOAD_FAILED: ChromeWording;
+export declare const RESOURCE_STATUS_DOWNLOAD_FAILED: ChromeWording;
+export declare const RESOURCE_STATUS_RETRY: ChromeWording;
+export declare const RESOURCE_STATUS_RELOAD: ChromeWording;
+export declare const SIZE_LABEL_SCALE: ChromeWording;
+export declare const TOGGLE_EXPAND_ARIA: ChromeWording;
+export declare const TOGGLE_COLLAPSE_ARIA: ChromeWording;
+export { ICON_BUTTON_COMING_SOON };
+/**
+ * Every wording declared above, in declaration order — walked by
+ * `PACKAGE_WORDINGS` in `packages/affine/all/src/translations.ts` rather than
+ * restated there.
+ */
+export declare const COMPONENTS_WORDINGS: readonly ChromeWording[];