Zabbix

/*

** Copyright (C) 2001-2025 Zabbix SIA

**

** This program is free software: you can redistribute it and/or modify it under the terms of

** the GNU Affero General Public License as published by the Free Software Foundation, version 3.

**

** This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;

** without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.

** See the GNU Affero General Public License for more details.

**

** You should have received a copy of the GNU Affero General Public License along with this program.

** If not, see <https://www.gnu.org/licenses/>.

**/

​

​

class ZVertical extends HTMLElement {

​

    /**

     * @type {HTMLElement|null};

     */

    #inner_container = null;

​

    /**

     * @type {Object}

     */

    #events = {};

​

    /**

     * @type {Object}

     */

    #events_data = {};

​

    constructor() {

        super();

​

        this.attachShadow({mode: 'open'});

​

        this.#inner_container = document.createElement('div');

​

        Object.assign(this.#inner_container.style, {

            display: 'inline-block',

            position: 'absolute',

            bottom: 0,

            left: 0,

            transform: 'rotate(270deg)'

        });

​

        const slot = document.createElement('slot');

        this.#inner_container.append(slot);

​

        this.shadowRoot.append(this.#inner_container);

    }

​

    connectedCallback() {

        const props_to_inherit = {

            maxHeight: 'maxWidth',

            maxWidth: 'maxHeight',

            width: 'height',

            height: 'width',

            minWidth: 'minHeight',

            minHeight: 'minWidth',

            textOverflow: 'textOverflow',

            overflow: 'overflow'