mspace.ts 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. /*************************************************************
  2. *
  3. * Copyright (c) 2017-2022 The MathJax Consortium
  4. *
  5. * Licensed under the Apache License, Version 2.0 (the "License");
  6. * you may not use this file except in compliance with the License.
  7. * You may obtain a copy of the License at
  8. *
  9. * http://www.apache.org/licenses/LICENSE-2.0
  10. *
  11. * Unless required by applicable law or agreed to in writing, software
  12. * distributed under the License is distributed on an "AS IS" BASIS,
  13. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14. * See the License for the specific language governing permissions and
  15. * limitations under the License.
  16. */
  17. /**
  18. * @fileoverview Implements the CHTMLmspace wrapper for the MmlMspace object
  19. *
  20. * @author dpvc@mathjax.org (Davide Cervone)
  21. */
  22. import {CHTMLWrapper, CHTMLConstructor} from '../Wrapper.js';
  23. import {CommonMspaceMixin} from '../../common/Wrappers/mspace.js';
  24. import {MmlMspace} from '../../../core/MmlTree/MmlNodes/mspace.js';
  25. /*****************************************************************/
  26. /**
  27. * The CHTMLmspace wrapper for the MmlMspace object
  28. *
  29. * @template N The HTMLElement node class
  30. * @template T The Text node class
  31. * @template D The Document class
  32. */
  33. // @ts-ignore
  34. export class CHTMLmspace<N, T, D> extends
  35. CommonMspaceMixin<CHTMLConstructor<any, any, any>>(CHTMLWrapper) {
  36. /**
  37. * The mspace wrapper
  38. */
  39. public static kind = MmlMspace.prototype.kind;
  40. /**
  41. * @override
  42. */
  43. public toCHTML(parent: N) {
  44. let chtml = this.standardCHTMLnode(parent);
  45. let {w, h, d} = this.getBBox();
  46. if (w < 0) {
  47. this.adaptor.setStyle(chtml, 'marginRight', this.em(w));
  48. w = 0;
  49. }
  50. if (w) {
  51. this.adaptor.setStyle(chtml, 'width', this.em(w));
  52. }
  53. h = Math.max(0, h + d);
  54. if (h) {
  55. this.adaptor.setStyle(chtml, 'height', this.em(Math.max(0, h)));
  56. }
  57. if (d) {
  58. this.adaptor.setStyle(chtml, 'verticalAlign', this.em(-d));
  59. }
  60. }
  61. }