/**
 * 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.
 */
import type Nullable from '../common/Nullable';
import type Updater from '../common/Updater';
import { UpdateLevel } from '../common/Updater';
import type Bounding from '../common/Bounding';
import { createDefaultBounding } from '../common/Bounding';

import type Chart from '../Chart';

import { createDom } from '../common/utils/dom';
export default abstract class Pane implements Updater {
  private _rootContainer: HTMLElement;
  private _container: HTMLElement;
  private readonly _id: string;
  private readonly _chart: Chart;

  private readonly _bounding: Bounding = createDefaultBounding();

  constructor(
    rootContainer: HTMLElement,
    afterElement: Nullable<HTMLElement>,
    chart: Chart,
    id: string,
  ) {
    this._chart = chart;
    this._id = id;
    this._init(rootContainer, afterElement);
  }

  private _init(
    rootContainer: HTMLElement,
    afterElement: Nullable<HTMLElement>,
  ): void {
    this._rootContainer = rootContainer;
    this._container = createDom('div', {
      width: '100%',
      margin: '0',
      padding: '0',
      position: 'relative',
      overflow: 'hidden',
      boxSizing: 'border-box',
    });
    if (afterElement !== null) {
      rootContainer.insertBefore(this._container, afterElement);
    } else {
      rootContainer.appendChild(this._container);
    }
  }

  getContainer(): HTMLElement {
    return this._container;
  }

  getId(): string {
    return this._id;
  }

  getChart(): Chart {
    return this._chart;
  }

  getBounding(): Bounding {
    return this._bounding;
  }

  update(level?: UpdateLevel): void {
    if (this._bounding.height !== this._container.clientHeight) {
      this._container.style.height = `${this._bounding.height}px`;
    }
    this.updateImp(
      level ?? UpdateLevel.Drawer,
      this._container,
      this._bounding,
    );
  }

  destroy(): void {
    this._rootContainer.removeChild(this._container);
  }

  abstract setBounding(...bounding: Array<Partial<Bounding>>): Pane;

  abstract getImage(includeOverlay: boolean): HTMLCanvasElement;

  abstract updateImp(
    level: UpdateLevel,
    container: HTMLElement,
    bounding: Bounding,
  ): void;
}