mirror of
https://github.com/google/blockly.git
synced 2026-05-12 23:20:10 +02:00
Beka Westberg
f85304f0ae
* chore: automatically change imports to import types * chore: revert changes that actually need to be imports * chore: format * chore: add more import type statements based on importsNotUsedAsValues * chore: fix tsconfig * chore: add link to compiler issue
77 lines
2.3 KiB
TypeScript
77 lines
2.3 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright 2019 Google LLC
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
/**
|
|
* @fileoverview Class representing inline inputs with connections on a rendered
|
|
* block.
|
|
*/
|
|
|
|
/**
|
|
* Class representing inline inputs with connections on a rendered
|
|
* block.
|
|
* @class
|
|
*/
|
|
import * as goog from '../../../closure/goog/goog.js';
|
|
goog.declareModuleId('Blockly.blockRendering.InlineInput');
|
|
|
|
/* eslint-disable-next-line no-unused-vars */
|
|
import type {Input} from '../../input.js';
|
|
import type {ConstantProvider} from '../common/constants.js';
|
|
|
|
import {InputConnection} from './input_connection.js';
|
|
import {Types} from './types.js';
|
|
|
|
|
|
/**
|
|
* An object containing information about the space an inline input takes up
|
|
* during rendering
|
|
* @struct
|
|
* @alias Blockly.blockRendering.InlineInput
|
|
*/
|
|
export class InlineInput extends InputConnection {
|
|
connectionHeight: number;
|
|
connectionWidth: number;
|
|
|
|
/**
|
|
* @param constants The rendering constants provider.
|
|
* @param input The inline input to measure and store information for.
|
|
* @internal
|
|
*/
|
|
constructor(constants: ConstantProvider, input: Input) {
|
|
super(constants, input);
|
|
this.type |= Types.INLINE_INPUT;
|
|
|
|
if (!this.connectedBlock) {
|
|
this.height = this.constants_.EMPTY_INLINE_INPUT_HEIGHT;
|
|
this.width = this.constants_.EMPTY_INLINE_INPUT_PADDING;
|
|
} else {
|
|
// We allow the dark path to show on the parent block so that the child
|
|
// block looks embossed. This takes up an extra pixel in both x and y.
|
|
this.width = this.connectedBlockWidth;
|
|
this.height = this.connectedBlockHeight;
|
|
}
|
|
|
|
this.connectionHeight = !this.isDynamicShape ?
|
|
this.shape.height as number :
|
|
(this.shape.height as (p1: number) => number)(this.height);
|
|
|
|
this.connectionWidth = !this.isDynamicShape ?
|
|
this.shape.width as number :
|
|
(this.shape.width as (p1: number) => number)(this.height);
|
|
if (!this.connectedBlock) {
|
|
this.width += this.connectionWidth * (this.isDynamicShape ? 2 : 1);
|
|
}
|
|
|
|
this.connectionOffsetY = 'connectionOffsetY' in this.shape ?
|
|
this.shape.connectionOffsetY(this.connectionHeight) :
|
|
this.constants_.TAB_OFFSET_FROM_TOP;
|
|
|
|
this.connectionOffsetX = 'connectionOffsetX' in this.shape ?
|
|
this.shape.connectionOffsetX(this.connectionWidth) :
|
|
0;
|
|
}
|
|
}
|