124 lines
3.5 KiB
TypeScript
124 lines
3.5 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 CHTMLmtd wrapper for the MmlMtd object
|
|
*
|
|
* @author dpvc@mathjax.org (Davide Cervone)
|
|
*/
|
|
|
|
import {CHTMLWrapper, CHTMLConstructor} from '../Wrapper.js';
|
|
import {CommonMtdMixin} from '../../common/Wrappers/mtd.js';
|
|
import {MmlMtd} from '../../../core/MmlTree/MmlNodes/mtd.js';
|
|
import {StyleList} from '../../../util/StyleList.js';
|
|
|
|
/*****************************************************************/
|
|
/**
|
|
* The CHTMLmtd wrapper for the MmlMtd object
|
|
*
|
|
* @template N The HTMLElement node class
|
|
* @template T The Text node class
|
|
* @template D The Document class
|
|
*/
|
|
// @ts-ignore
|
|
export class CHTMLmtd<N, T, D> extends
|
|
CommonMtdMixin<CHTMLConstructor<any, any, any>>(CHTMLWrapper) {
|
|
|
|
/**
|
|
* The mtd wrapper
|
|
*/
|
|
public static kind = MmlMtd.prototype.kind;
|
|
|
|
/**
|
|
* @override
|
|
*/
|
|
public static styles: StyleList = {
|
|
'mjx-mtd': {
|
|
display: 'table-cell',
|
|
'text-align': 'center',
|
|
'padding': '.215em .4em'
|
|
},
|
|
'mjx-mtd:first-child': {
|
|
'padding-left': 0
|
|
},
|
|
'mjx-mtd:last-child': {
|
|
'padding-right': 0
|
|
},
|
|
'mjx-mtable > * > mjx-itable > *:first-child > mjx-mtd': {
|
|
'padding-top': 0
|
|
},
|
|
'mjx-mtable > * > mjx-itable > *:last-child > mjx-mtd': {
|
|
'padding-bottom': 0
|
|
},
|
|
'mjx-tstrut': {
|
|
display: 'inline-block',
|
|
height: '1em',
|
|
'vertical-align': '-.25em'
|
|
},
|
|
'mjx-labels[align="left"] > mjx-mtr > mjx-mtd': {
|
|
'text-align': 'left'
|
|
},
|
|
'mjx-labels[align="right"] > mjx-mtr > mjx-mtd': {
|
|
'text-align': 'right'
|
|
},
|
|
'mjx-mtd[extra]': {
|
|
padding: 0
|
|
},
|
|
'mjx-mtd[rowalign="top"]': {
|
|
'vertical-align': 'top'
|
|
},
|
|
'mjx-mtd[rowalign="center"]': {
|
|
'vertical-align': 'middle'
|
|
},
|
|
'mjx-mtd[rowalign="bottom"]': {
|
|
'vertical-align': 'bottom'
|
|
},
|
|
'mjx-mtd[rowalign="baseline"]': {
|
|
'vertical-align': 'baseline'
|
|
},
|
|
'mjx-mtd[rowalign="axis"]': {
|
|
'vertical-align': '.25em'
|
|
}
|
|
};
|
|
|
|
/**
|
|
* @override
|
|
*/
|
|
public toCHTML(parent: N) {
|
|
super.toCHTML(parent);
|
|
const ralign = this.node.attributes.get('rowalign') as string;
|
|
const calign = this.node.attributes.get('columnalign') as string;
|
|
const palign = this.parent.node.attributes.get('rowalign') as string;
|
|
if (ralign !== palign) {
|
|
this.adaptor.setAttribute(this.chtml, 'rowalign', ralign);
|
|
}
|
|
if (calign !== 'center' &&
|
|
(this.parent.kind !== 'mlabeledtr' || this !== this.parent.childNodes[0] ||
|
|
calign !== this.parent.parent.node.attributes.get('side'))) {
|
|
this.adaptor.setStyle(this.chtml, 'textAlign', calign);
|
|
}
|
|
//
|
|
// If we are using minimum row heights,
|
|
// Include a strut to force minimum height and depth
|
|
//
|
|
if (this.parent.parent.node.getProperty('useHeight')) {
|
|
this.adaptor.append(this.chtml, this.html('mjx-tstrut'));
|
|
}
|
|
}
|
|
|
|
}
|