var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
var __generator = (this && this.__generator) || function (thisArg, body) {
    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
    function verb(n) { return function (v) { return step([n, v]); }; }
    function step(op) {
        if (f) throw new TypeError("Generator is already executing.");
        while (_) try {
            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
            if (y = 0, t) op = [op[0] & 2, t.value];
            switch (op[0]) {
                case 0: case 1: t = op; break;
                case 4: _.label++; return { value: op[1], done: false };
                case 5: _.label++; y = op[1]; op = [0]; continue;
                case 7: op = _.ops.pop(); _.trys.pop(); continue;
                default:
                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
                    if (t[2]) _.ops.pop();
                    _.trys.pop(); continue;
            }
            op = body.call(thisArg, _);
        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
    }
};
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './core-58de451e.js';
import { c as constrainFocus } from './a11y-3dcc958f.js';
var Drawer = /** @class */ (function () {
    function class_1(hostRef) {
        registerInstance(this, hostRef);
        this.anjDrawerChange = createEvent(this, "anjDrawerChange", 7);
    }
    class_1.prototype.onKeyDown = function (event) {
        return __awaiter(this, void 0, void 0, function () {
            return __generator(this, function (_a) {
                if (event.key === 'Escape') {
                    return [2 /*return*/, this.close()];
                }
                else if (event.key === 'Tab') {
                    constrainFocus(event, this.element);
                }
                return [2 /*return*/];
            });
        });
    };
    class_1.prototype.onTransitionEnd = function (event) {
        if (event.target === this.element && event.propertyName === 'transform') {
            if (this.active) {
                this.element.focus();
            }
            else {
                this.element.style.display = '';
            }
        }
    };
    /**
     * Close the drawer
     */
    class_1.prototype.close = function () {
        return __awaiter(this, void 0, void 0, function () {
            return __generator(this, function (_a) {
                this.active = false;
                this.emitChange();
                if (this.triggerEl) {
                    this.triggerEl.focus();
                }
                return [2 /*return*/];
            });
        });
    };
    /**
     * Open the drawer
     */
    class_1.prototype.open = function () {
        return __awaiter(this, void 0, void 0, function () {
            var _this = this;
            return __generator(this, function (_a) {
                this.triggerEl = document.activeElement;
                return [2 /*return*/, new Promise(function (resolve) {
                        _this.element.style.display = 'block';
                        window.setTimeout(function () {
                            _this.contentEl.style.maxHeight = _this.contentEl.offsetHeight + "px";
                            _this.active = true;
                            _this.emitChange();
                            resolve();
                        });
                    })];
            });
        });
    };
    /**
     * Toggle the drawer
     */
    class_1.prototype.toggle = function () {
        return __awaiter(this, void 0, void 0, function () {
            return __generator(this, function (_a) {
                if (this.active) {
                    return [2 /*return*/, this.close()];
                }
                else {
                    return [2 /*return*/, this.open()];
                }
                return [2 /*return*/];
            });
        });
    };
    class_1.prototype.emitChange = function () {
        this.anjDrawerChange.emit({
            active: this.active,
            contentHeight: this.contentEl.offsetHeight
        });
    };
    class_1.prototype.render = function () {
        var _this = this;
        return (h(Host, { class: { 'anj-active': this.active }, tabindex: "-1" }, h("div", { class: "anj-drawer-content", ref: function (el) { return _this.contentEl = el; } }, h("slot", null))));
    };
    Object.defineProperty(class_1.prototype, "element", {
        get: function () { return getElement(this); },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(class_1, "style", {
        get: function () { return ".sc-anj-drawer-h{display:none;font-size:.875rem;font-family:var(--anj-font-family);font-weight:400;line-height:1.5;outline:none;background-color:var(--anj-light);bottom:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);z-index:500}.sc-anj-drawer-h, .sc-anj-drawer-h:after, .sc-anj-drawer-h:before{-webkit-box-sizing:border-box;box-sizing:border-box;outline:none}.sc-anj-drawer-h:active, .sc-anj-drawer-h .sc-anj-drawer:active, .sc-anj-drawer-h:focus, .sc-anj-drawer-h .sc-anj-drawer:focus{outline:none}.anj-active.sc-anj-drawer-h{-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);pointer-events:auto;-webkit-transform:translateX(0);transform:translateX(0)}.hydrated.sc-anj-drawer-h{-webkit-transition:all .5s ease;transition:all .5s ease}.sc-anj-drawer-h .anj-drawer-content.sc-anj-drawer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:100%}"; },
        enumerable: true,
        configurable: true
    });
    return class_1;
}());
var DrawerBody = /** @class */ (function () {
    function DrawerBody(hostRef) {
        registerInstance(this, hostRef);
    }
    Object.defineProperty(DrawerBody, "style", {
        get: function () { return "anj-drawer-body{-ms-flex:1 1 auto;flex:1 1 auto;overflow-y:scroll;padding:1.25rem}"; },
        enumerable: true,
        configurable: true
    });
    return DrawerBody;
}());
var DrawerContainer = /** @class */ (function () {
    function DrawerContainer(hostRef) {
        registerInstance(this, hostRef);
    }
    Object.defineProperty(DrawerContainer, "style", {
        get: function () { return "anj-drawer-container{display:block;min-height:100%;overflow:hidden;position:relative}"; },
        enumerable: true,
        configurable: true
    });
    return DrawerContainer;
}());
var DrawerFooter = /** @class */ (function () {
    function DrawerFooter(hostRef) {
        registerInstance(this, hostRef);
    }
    Object.defineProperty(DrawerFooter, "style", {
        get: function () { return "anj-drawer-footer{border-top:1px solid var(--anj-border);padding:1.25rem}"; },
        enumerable: true,
        configurable: true
    });
    return DrawerFooter;
}());
var DrawerHeader = /** @class */ (function () {
    function DrawerHeader(hostRef) {
        registerInstance(this, hostRef);
    }
    Object.defineProperty(DrawerHeader, "style", {
        get: function () { return "anj-drawer-header{border-bottom:1px solid var(--anj-border);padding:.75rem 1.25rem}"; },
        enumerable: true,
        configurable: true
    });
    return DrawerHeader;
}());
export { Drawer as anj_drawer, DrawerBody as anj_drawer_body, DrawerContainer as anj_drawer_container, DrawerFooter as anj_drawer_footer, DrawerHeader as anj_drawer_header };
