blockly/core/label_flyout_inflater.ts

/**
 * @license
 * Copyright 2024 Google LLC
 * SPDX-License-Identifier: Apache-2.0
 */

import {FlyoutButton} from './flyout_button.js';
import type {IBoundedElement} from './interfaces/i_bounded_element.js';
import type {IFlyoutInflater} from './interfaces/i_flyout_inflater.js';
import * as registry from './registry.js';
import {ButtonOrLabelInfo} from './utils/toolbox.js';
import type {WorkspaceSvg} from './workspace_svg.js';

/**
 * Class responsible for creating labels for flyouts.
 */
export class LabelFlyoutInflater implements IFlyoutInflater {
  /**
   * Inflates a flyout label from the given state and adds it to the flyout.
   *
   * @param state A JSON representation of a flyout label.
   * @param flyoutWorkspace The workspace to create the label on.
   * @returns A FlyoutButton configured as a label.
   */
  load(state: object, flyoutWorkspace: WorkspaceSvg): IBoundedElement {
    const label = new FlyoutButton(
      flyoutWorkspace,
      flyoutWorkspace.targetWorkspace!,
      state as ButtonOrLabelInfo,
      true,
    );
    label.show();
    return label;
  }

  /**
   * Returns the amount of space that should follow this label.
   *
   * @param state A JSON representation of a flyout label.
   * @param defaultGap The default spacing for flyout items.
   * @returns The amount of space that should follow this label.
   */
  gapForElement(state: object, defaultGap: number): number {
    return defaultGap;
  }

  /**
   * Disposes of the given label.
   *
   * @param element The flyout label to dispose of.
   */
  disposeElement(element: IBoundedElement): void {
    if (element instanceof FlyoutButton) {
      element.dispose();
    }
  }
}

registry.register(registry.Type.FLYOUT_INFLATER, 'label', LabelFlyoutInflater);