"use strict";
/**
 * Plugin: "dropdown_input" (Tom Select)
 * Copyright (c) contributors
 *
 * 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.
 *
 */
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = default_1;
const constants = require("../../constants.js");
const vanilla_ts_1 = require("../../vanilla.js");
const utils_ts_1 = require("../../utils.js");
function default_1() {
    const self = this;
    self.settings.shouldOpen = true; // make sure the input is shown even if there are no options to display in the dropdown
    self.hook('before', 'setup', () => {
        var _a;
        self.focus_node = self.control;
        (0, vanilla_ts_1.addClasses)(self.control_input, 'dropdown-input');
        const div = (0, vanilla_ts_1.getDom)('<div class="dropdown-input-wrap">');
        div.append(self.control_input);
        self.dropdown.insertBefore(div, self.dropdown.firstChild);
        // set a placeholder in the select control
        const placeholder = (0, vanilla_ts_1.getDom)('<input class="items-placeholder" tabindex="-1" />');
        placeholder.placeholder = self.settings.placeholder || '';
        self.control.append(placeholder);
        /**
         * TomSelect renders a custom control with a focusable <input class="items-placeholder">.
         * The source <select>'s aria-label is not automatically propagated to that input,
         * which triggers "Missing form label" accessibility warnings.
         * This helper copies the label from the <select> onto the generated input.
         */
        const label = (_a = self.input) === null || _a === void 0 ? void 0 : _a.getAttribute('aria-label');
        if (!label)
            return;
        placeholder.setAttribute('aria-label', label);
    });
    self.on('initialize', () => {
        // set tabIndex on control to -1, otherwise [shift+tab] will put focus right back on control_input
        self.control_input.addEventListener('keydown', (evt) => {
            //addEvent(self.control_input,'keydown' as const,(evt:KeyboardEvent) =>{
            switch (evt.keyCode) {
                case constants.KEY_ESC:
                    if (self.isOpen) {
                        (0, utils_ts_1.preventDefault)(evt, true);
                        self.close();
                    }
                    self.clearActiveItems();
                    return;
                case constants.KEY_TAB:
                    self.focus_node.tabIndex = -1;
                    break;
            }
            return self.onKeyDown.call(self, evt);
        });
        self.on('blur', () => {
            self.focus_node.tabIndex = self.isDisabled ? -1 : self.tabIndex;
        });
        // give the control_input focus when the dropdown is open
        self.on('dropdown_open', () => {
            self.control_input.focus();
        });
        // prevent onBlur from closing when focus is on the control_input
        const orig_onBlur = self.onBlur;
        self.hook('instead', 'onBlur', (evt) => {
            if (evt && evt.relatedTarget == self.control_input)
                return;
            return orig_onBlur.call(self);
        });
        (0, utils_ts_1.addEvent)(self.control_input, 'blur', () => self.onBlur());
        // return focus to control to allow further keyboard input
        self.hook('before', 'close', () => {
            if (!self.isOpen)
                return;
            self.focus_node.focus({ preventScroll: true });
        });
    });
}
;
//# sourceMappingURL=plugin.js.map