119 lines
4 KiB
TypeScript
119 lines
4 KiB
TypeScript
|
/*************************************************************
|
||
|
|
*
|
||
|
|
* Copyright (c) 2017-2022 The MathJax Consortium
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @fileoverview Implements the a base class for CHTMLmsubsup, CHTMLmunderover
|
||
|
|
* and their relatives. (Since munderover can become msubsup
|
||
|
|
* when movablelimits is set, munderover needs to be able to
|
||
|
|
* do the same thing as msubsup in some cases.)
|
||
|
|
*
|
||
|
|
* @author dpvc@mathjax.org (Davide Cervone)
|
||
|
|
*/
|
||
|
|
|
||
|
|
import {CHTMLWrapper, CHTMLConstructor} from '../Wrapper.js';
|
||
|
|
import {CommonScriptbaseMixin} from '../../common/Wrappers/scriptbase.js';
|
||
|
|
import {BBox} from '../../../util/BBox.js';
|
||
|
|
import {StyleData} from '../../../util/StyleList.js';
|
||
|
|
|
||
|
|
/*****************************************************************/
|
||
|
|
/**
|
||
|
|
* A base class for msup/msub/msubsup and munder/mover/munderover
|
||
|
|
* wrapper implementations
|
||
|
|
*
|
||
|
|
* @template N The HTMLElement node class
|
||
|
|
* @template T The Text node class
|
||
|
|
* @template D The Document class
|
||
|
|
*/
|
||
|
|
// @ts-ignore
|
||
|
|
export class CHTMLscriptbase<N, T, D> extends
|
||
|
|
CommonScriptbaseMixin<CHTMLWrapper<any, any, any>, CHTMLConstructor<any, any, any>>(CHTMLWrapper) {
|
||
|
|
|
||
|
|
/**
|
||
|
|
* The scriptbase wrapper
|
||
|
|
*/
|
||
|
|
public static kind = 'scriptbase';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* This gives the common output for msub and msup. It is overridden
|
||
|
|
* for all the others (msubsup, munder, mover, munderover).
|
||
|
|
*
|
||
|
|
* @override
|
||
|
|
*/
|
||
|
|
public toCHTML(parent: N) {
|
||
|
|
this.chtml = this.standardCHTMLnode(parent);
|
||
|
|
const [x, v] = this.getOffset();
|
||
|
|
const dx = x - (this.baseRemoveIc ? this.baseIc : 0);
|
||
|
|
const style: StyleData = {'vertical-align': this.em(v)};
|
||
|
|
if (dx) {
|
||
|
|
style['margin-left'] = this.em(dx);
|
||
|
|
}
|
||
|
|
this.baseChild.toCHTML(this.chtml);
|
||
|
|
this.scriptChild.toCHTML(this.adaptor.append(this.chtml, this.html('mjx-script', {style})) as N);
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {N[]} nodes The HTML elements to be centered in a stack
|
||
|
|
* @param {number[]} dx The x offsets needed to center the elements
|
||
|
|
*/
|
||
|
|
protected setDeltaW(nodes: N[], dx: number[]) {
|
||
|
|
for (let i = 0; i < dx.length; i++) {
|
||
|
|
if (dx[i]) {
|
||
|
|
this.adaptor.setStyle(nodes[i], 'paddingLeft', this.em(dx[i]));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {N} over The HTML element for the overscript
|
||
|
|
* @param {BBox} overbox The bbox for the overscript
|
||
|
|
*/
|
||
|
|
protected adjustOverDepth(over: N, overbox: BBox) {
|
||
|
|
if (overbox.d >= 0) return;
|
||
|
|
this.adaptor.setStyle(over, 'marginBottom', this.em(overbox.d * overbox.rscale));
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {N} under The HTML element for the underscript
|
||
|
|
* @param {BBox} underbox The bbox for the underscript
|
||
|
|
*/
|
||
|
|
protected adjustUnderDepth(under: N, underbox: BBox) {
|
||
|
|
if (underbox.d >= 0) return;
|
||
|
|
const adaptor = this.adaptor;
|
||
|
|
const v = this.em(underbox.d);
|
||
|
|
const box = this.html('mjx-box', {style: {'margin-bottom': v, 'vertical-align': v}});
|
||
|
|
for (const child of adaptor.childNodes(adaptor.firstChild(under) as N) as N[]) {
|
||
|
|
adaptor.append(box, child);
|
||
|
|
}
|
||
|
|
adaptor.append(adaptor.firstChild(under) as N, box);
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {N} base The HTML element for the base
|
||
|
|
* @param {BBox} basebox The bbox for the base
|
||
|
|
*/
|
||
|
|
protected adjustBaseHeight(base: N, basebox: BBox) {
|
||
|
|
if (this.node.attributes.get('accent')) {
|
||
|
|
const minH = this.font.params.x_height * basebox.scale;
|
||
|
|
if (basebox.h < minH) {
|
||
|
|
this.adaptor.setStyle(base, 'paddingTop', this.em(minH - basebox.h));
|
||
|
|
basebox.h = minH;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|