@dxtmisha/constructor 0.39.7 → 0.52.1

package/dist/menu.js

@@ -1,538 +1,201 @@
-var S = Object.defineProperty;
-var C = (r, e, t) => e in r ? S(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
-var s = (r, e, t) => C(r, typeof e != "symbol" ? e + "" : e, t);
-import { ref as h, computed as l, watch as y, h as B } from "vue";
-import { isFunction as k, executePromise as V, Api as M, isFilled as q, isObject as L, ListDataRef as A, DesignConstructorAbstract as D, toBinds as N } from "@dxtmisha/functional";
-import { E as T } from "./EventClickInclude-WHJqxZ1b.js";
-import { M as j } from "./ModelInclude-BiYm_iCQ.js";
-import { B as I } from "./BarsInclude-BOEoY-O4.js";
-import { W } from "./WindowInclude-BWm4-0Gh.js";
-import { M as tt } from "./MenuInclude-DfGCfr_I.js";
-class E {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   */
-  constructor(e) {
-    s(this, "progress", h(!1));
-    s(this, "buffer", h());
-    /**
-     * Returns current list data.
-     *
-     * Возвращает текущие данные списка.
-     */
-    s(this, "item", l(() => {
-      var e, t;
-      return (t = (e = this.buffer.value) != null ? e : this.props.list) != null ? t : [];
-    }));
-    this.props = e;
-  }
-  /**
-   * Checks whether a request is needed.
-   *
-   * Проверяет, нужно ли делать запрос.
-   */
-  is() {
-    return !!(this.props.ajax || this.props.request);
-  }
-  /**
-   * Prepares data.
-   *
-   * Подготавливает данные.
-   */
-  async preparation() {
-    return await this.update(), !0;
-  }
-  /**
-   * Updates data.
-   *
-   * Обновляет данные.
-   */
-  async update() {
-    await this.read((e) => this.buffer.value = e);
-  }
-  /**
-   * Returns data from AJAX or request function.
-   *
-   * Возвращает данные из AJAX или функции запроса.
-   */
-  async getAjax() {
-    return k(this.props.ajax) ? V(this.props.ajax) : await M.request({
-      path: this.props.ajax,
-      ...this.props.request
-    });
-  }
-  /**
-   * Executes a request to retrieve data.
-   *
-   * Выполняет запрос для получения данных.
-   */
-  async read(e) {
-    this.is() && (this.props.cache && this.buffer.value !== void 0 && e(this.buffer.value), this.progress.value = !0, e(await this.getAjax()), this.progress.value = !1);
-  }
-}
-class F {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   */
-  constructor(e) {
-    s(this, "item", h());
-    /** Returns the search string/ Возвращает строку поиска */
-    s(this, "value", l(() => this.props.highlight ? this.props.highlight : this.item.value));
-    this.props = e;
-  }
-  /**
-   * Sets the search string.
-   *
-   * Устанавливает строку поиска.
-   * @param value new value/ новое значение
-   */
-  set(e) {
-    const t = this.getValue(e);
-    this.item.value !== t && (this.item.value = t);
-  }
-  /**
-   * Resets the search string.
-   *
-   * Сбрасывает строку поиска.
-   */
-  reset() {
-    return this.set(), this;
-  }
-  /**
-   * Returns a processed value.
-   *
-   * Возвращает обработанное значение.
-   * @param value source value/ исходное значение
-   */
-  getValue(e) {
-    if (q(e))
-      return e.trim();
-  }
-}
-class O {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param request menu request handler/ обработчик запросов меню
-   */
-  constructor(e, t) {
-    s(this, "lite", h());
-    s(this, "control", h());
-    /**
-     * Preparing data before opening the menu
-     *
-     * Подготовка данных перед открытием меню
-     * @returns Promise that resolves to true when preparation is complete/
-     * Promise, который разрешается в true после завершения подготовки
-     */
-    s(this, "preparation", async () => {
-      await this.request.preparation(), this.props.list && this.props.liteThreshold && Number(this.props.liteThreshold) <= Object.keys(this.props.list).length && (this.lite.value = !0);
-    });
-    /**
-     * Actions performed after opening the window
-     *
-     * Действия, выполняемые после открытия окна
-     * @returns Promise that resolves to true when opening actions are complete/
-     * Promise, который разрешается в true после завершения действий открытия
-     */
-    s(this, "opening", async () => (this.lite.value = !1, this.control.value = !0, !0));
-    /**
-     * Actions performed when closing the window
-     *
-     * Действия, выполняемые при закрытии окна
-     * @returns Promise that resolves to true when closing actions are complete/
-     * Promise, который разрешается в true после завершения действий закрытия
-     */
-    s(this, "closing", async () => (this.lite.value = !1, this.control.value = !1, !0));
-    this.props = e, this.request = t;
-  }
-  /**
-   * Returns extra methods for window management
-   *
-   * Возвращает дополнительные методы для управления окном
-   * @returns object with window management methods/ объект с методами управления окном
-   */
-  getExtra() {
-    return {
-      adaptive: "menu",
-      preparation: this.preparation,
-      opening: this.opening,
-      closing: this.closing,
-      role: "menu",
-      autoTabIndex: !1,
-      openOnArrowDown: !0
-    };
-  }
-}
-class H {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param refs input data in the form of reactive elements/ входные данные в виде реактивных элементов
-   * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
-   */
-  constructor(e, t, i) {
-    s(this, "value", h());
-    /**
-     * Computed selected value
-     *
-     * Вычисляемое выбранное значение
-     */
-    s(this, "selected", l(() => this.props.isSelectedByValue ? this.value.value : this.props.selected));
-    this.props = e, this.refs = t, this.emits = i, this.props.isSelectedByValue && (new j("selected", this.emits, this.value), t.selected && y(
-      t.selected,
-      (o) => {
-        this.value.value = o;
-      },
-      { immediate: !0 }
-    ));
-  }
-  /**
-   * Sets a new selected value if it has changed and returns the instance for chaining.
-   *
-   * Устанавливает новое выбранное значение, если оно изменилось, и возвращает экземпляр для чейнинга.
-   * @param value selected list value/ выбранное значение списка
-   * @param isEmit whether to emit the update event/ нужно ли вызвать событие обновления
-   */
-  setValue(e, t = !1) {
-    var i;
-    return this.props.isSelectedByValue && !L(e) && this.value.value !== e && (this.value.value = e, t && ((i = this.emits) == null || i.call(this, "updateValue", e))), this;
-  }
-}
-class R {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param value value manager/ менеджер значений
-   * @param data data manager for list/ менеджер данных списка
-   */
-  constructor(e, t, i) {
-    /**
-     * Navigates to the previous item in the menu
-     *
-     * Переходит к предыдущему элементу меню
-     * @returns value of the previous item or undefined/ значение предыдущего элемента или undefined
-     */
-    s(this, "previous", () => this.go(-1));
-    /**
-     * Navigates to the next item in the menu
-     *
-     * Переходит к следующему элементу меню
-     * @returns value of the next item or undefined/ значение следующего элемента или undefined
-     */
-    s(this, "next", () => this.go(1));
-    this.props = e, this.value = t, this.data = i;
-  }
-  /**
-   * Returns the step value for navigation
-   *
-   * Возвращает значение шага для навигации
-   * @returns step value/ значение шага
-   */
-  getStep() {
-    return Number(this.props.step) || 1;
-  }
-  /**
-   * Navigates through the menu items by the specified direction
-   *
-   * Перемещается по элементам меню в указанном направлении
-   * @param directions direction multiplier (-1 for previous, 1 for next)/ множитель направления (-1 для предыдущего, 1 для следующего)
-   * @returns value of the selected item or undefined/ значение выбранного элемента или undefined
-   */
-  go(e) {
-    const t = this.data.getSelectedByStep(this.getStep() * e);
-    return t && this.value.setValue(t, !0), t;
-  }
-}
-class _ {
-  /**
-   * Constructor
-   * @param props input data/ входные данные
-   * @param refs input data in the form of reactive elements/ входные данные в виде реактивных элементов
-   * @param element input element/ элемент ввода
-   * @param classDesign design name/ название дизайна
-   * @param className class name/ название класса
-   * @param components object for working with components/ объект для работы с компонентами
-   * @param slots object for working with slots/ объект для работы со слотами
-   * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
-   * @param MenuRequestConstructor class for working with request/ класс для работы с запросом
-   * @param MenuSearchConstructor class for working with search/ класс для работы с поиском
-   * @param MenuValueConstructor class for working with value/ класс для работы со значением
-   * @param ListDataRefConstructor class for working with list data/ класс для работы с данными списка
-   * @param MenuGoConstructor class for working with navigation/ класс для работы с навигацией
-   * @param BarsIncludeConstructor class for working with bars/ класс для работы с барами
-   * @param MenuWindowConstructor class for working with menu window/ класс для работы с окном меню
-   * @param WindowIncludeConstructor class for working with window/ класс для работы с окном
-   * @param EventClickIncludeConstructor class for working with event click/ класс для работы с событием клика
-   */
-  constructor(e, t, i, o, a, n, u, p, d = E, c = F, m = H, v = A, f = R, g = I, w = O, b = W, x = T) {
-    /** Request handler for list data/ Обработчик запросов данных списка */
-    s(this, "request");
-    /** Search helper for menu filtering/ Вспомогательный класс поиска для фильтрации меню */
-    s(this, "search");
-    /** Value manager for selected handling/ Менеджер выбранного значения */
-    s(this, "value");
-    /** Data manager for list selection and mapping/ Менеджер данных списка для выбора и сопоставления */
-    s(this, "data");
-    s(this, "go");
-    /** Include for working with the Bars component/ Подключение для работы с компонентом Bars */
-    s(this, "bars");
-    /** Include for working with the Window component/ Подключение для работы с компонентом Window */
-    s(this, "window");
-    /** Window manager for Menu/ Класс управления окном Menu */
-    s(this, "menuWindow");
-    /** Click event helper to unify click emissions/ Вспомогательный класс кликов для унифицированной отправки событий */
-    s(this, "event");
-    /** Data for binding to controls/ Данные для привязки к контролам */
-    s(this, "slotData");
-    /**
-     * Getting data for binding to the List component.
-     *
-     * Получение данных для привязки к компоненту List.
-     */
-    s(this, "binds", l(() => ({
-      filterMode: this.props.filterMode,
-      liteThreshold: this.props.liteThreshold,
-      keyLabel: this.props.keyLabel,
-      keyValue: this.props.keyValue,
-      max: this.props.max,
-      tag: this.props.tag,
-      onClick: this.onClick,
-      onClose: this.window.expose.toClose,
-      itemAttrs: this.props.itemAttrs,
-      control: !this.props.embedded
-    })));
-    /**
-     * Click handler.
-     *
-     * Обработчик клика.
-     * @param event event object/ объект события
-     * @param options data object/ объект с данными
-     */
-    s(this, "onClick", (e, t) => {
-      t && "value" in t && this.value.setValue(t.value), this.event.onClick(e, t);
-    });
-    /**
-     * Click on the slot handler.
-     *
-     * Обработчик клика по слоту.
-     * @param event event object/ объект события
-     */
-    s(this, "onClickSlot", (e) => {
-      var o;
-      const t = e.target, i = t.closest("*[data-value]");
-      i && !t.closest(`.${this.className}__list`) && ((o = this.emits) == null || o.call(this, "clickSlot", i.dataset.value));
-    });
-    this.props = e, this.refs = t, this.element = i, this.classDesign = o, this.className = a, this.components = n, this.slots = u, this.emits = p, this.request = new d(this.props), this.search = new c(this.props), this.value = new m(this.props, this.refs, this.emits), this.data = new v(
-      this.request.item,
-      void 0,
-      void 0,
-      void 0,
-      void 0,
-      this.value.selected,
-      this.refs.keyValue,
-      this.refs.keyLabel
-    ), this.go = new f(this.props, this.value, this.data), this.bars = new g(
-      this.props,
-      this.className,
-      this.components,
-      this.emits
-    ), this.menuWindow = new w(this.props, this.request), this.window = new b(
-      this.props,
-      this.className,
-      this.components,
-      this.emits,
-      this.menuWindow.getExtra()
-    ), this.event = new x(void 0, void 0, this.emits), this.slotData = {
-      loading: this.request.progress,
-      isSelected: this.data.isSelected,
-      selectedList: this.data.selectedList,
-      selectedNames: this.data.selectedNames,
-      selectedValues: this.data.selectedValues,
-      previous: this.go.previous,
-      next: this.go.next
-    };
-  }
-  /**
-   * Getting data for binding to controls.
-   *
-   * Получение данных для привязки к контролам.
-   * @returns data for binding to controls/ данные для привязки к контролам
-   */
-  getControlBinds() {
-    return this.slotData;
-  }
-}
-const U = {
-  liteThreshold: 40,
-  barsHide: !0,
-  barsBackHide: !0,
-  tag: "a",
-  step: 1,
-  autoClose: !0
-};
-class X extends D {
-  /**
-   * Constructor
-   * @param name class name/ название класса
-   * @param props properties/ свойства
-   * @param options list of additional parameters/ список дополнительных параметров
-   * @param ItemConstructor class for working with the item/ класс для работы с элементом
-   */
-  constructor(t, i, o, a = _) {
-    super(
-      t,
-      i,
-      o
-    );
-    s(this, "item");
-    /**
-     * Generates data for control.
-     *
-     * Генерирует данные для контроля.
-     * @param props data for the transferable property/ данные для передаваемого свойства
-     */
-    s(this, "renderControl", (t) => this.initSlot("control", void 0, this.getBinds(t)));
-    /**
-     * Render title element.
-     *
-     * Рендер элемента заголовка.
-     * @param props data for the transferable property/ данные для передаваемого свойства
-     */
-    s(this, "renderTitle", (t) => {
-      const i = [];
-      return this.item.bars.is.value && i.push(...this.item.bars.render()), this.initSlot("title", i, this.getBinds(t)), i;
-    });
-    /**
-     * Render list element.
-     *
-     * Рендер элемента списка.
-     * @param props data for the transferable property/ данные для передаваемого свойства
-     */
-    s(this, "renderList", (t) => {
-      var o;
-      const i = this.item.request.item.value;
-      if (i) {
-        const a = [];
-        return this.initSlot("contextTop", a, this.getBinds(t)), this.props.hideList || a.push(
-          this.components.render(
-            "list",
-            N(
-              {
-                ...this.item.binds.value,
-                class: (o = this.classes) == null ? void 0 : o.value.list,
-                selected: this.item.value.selected.value,
-                highlight: this.item.search.value.value,
-                list: i,
-                lite: this.item.menuWindow.lite.value,
-                role: this.props.roleList,
-                roleItem: this.props.roleItem
-              },
-              this.props.listAttrs
-            ),
-            this.slots
-          )
-        ), this.initSlot("contextBottom", a, this.getBinds(t)), B(
-          "div",
-          {
-            ...this.getAttrs(),
-            ref: this.element,
-            onClick: this.item.onClickSlot
-          },
-          a
-        );
-      }
-    });
-    /**
-     * Render footer element.
-     *
-     * Рендер элемента футера.
-     * @param props data for the transferable property/ данные для передаваемого свойства
-     */
-    s(this, "renderFooter", (t) => this.initSlot("footer", void 0, this.getBinds(t)));
-    this.item = new a(
-      this.props,
-      this.refs,
-      this.element,
-      this.getDesign(),
-      this.getName(),
-      this.components,
-      this.slots,
-      this.emits
-    ), this.init();
-  }
-  /**
-   * Initialization of all the necessary properties for work
-   *
-   * Инициализация всех необходимых свойств для работы.
-   */
-  initExpose() {
-    return {
-      ...this.item.window.expose,
-      ...this.item.getControlBinds()
-    };
-  }
-  /**
-   * Improvement of the obtained list of classes.
-   *
-   * Доработка полученного списка классов.
-   */
-  initClasses() {
-    return {
-      main: {},
-      // :classes [!] System label / Системная метка
-      bars: this.getSubClass("bars"),
-      list: this.getSubClass("list")
-    };
-  }
-  /**
-   * Refinement of the received list of styles.
-   *
-   * Доработка полученного списка стилей.
-   */
-  initStyles() {
-    return {};
-  }
-  /**
-   * A method for rendering.
-   *
-   * Метод для рендеринга.
-   */
-  initRender() {
-    var t;
-    return this.item.window.render(
-      {
-        control: this.renderControl,
-        title: this.renderTitle,
-        default: this.renderList,
-        footer: this.renderFooter
-      },
-      {
-        class: (t = this.classes) == null ? void 0 : t.value.main,
-        closeOnEsc: !1,
-        ariaHaspopup: "listbox",
-        embedded: this.props.embedded
-      }
-    );
-  }
-  /**
-   * Generates data for control.
-   *
-   * Генерирует данные для контроля.
-   * @param props data for the transferable property/ данные для передаваемого свойства
-   */
-  getBinds(t) {
-    return {
-      ...t,
-      ...this.item.getControlBinds()
-    };
-  }
-}
-export {
-  _ as Menu,
-  X as MenuDesign,
-  tt as MenuInclude,
-  U as defaultsMenu
+import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { t } from "./EventClickInclude-6I8kuFc9.js";
+import { t as n } from "./ModelInclude-D8LkrhPp.js";
+import { t as r } from "./WindowInclude-GF4aSfrJ.js";
+import { t as i } from "./BarsInclude-rBLacb0J.js";
+import { t as a } from "./MenuInclude-BT27rmFW.js";
+import { computed as o, h as s, ref as c, watch as l } from "vue";
+import { Api as u, DesignConstructorAbstract as d, ListDataRef as f, executePromise as p, isFilled as m, isFunction as h, isObject as g, toBinds as _ } from "@dxtmisha/functional";
+//#region src/constructors/Menu/MenuRequest.ts
+var v = class {
+	constructor(t) {
+		e(this, "progress", c(!1)), e(this, "buffer", c()), e(this, "item", o(() => {
+			var e, t;
+			return (e = (t = this.buffer.value) == null ? this.props.list : t) == null ? [] : e;
+		})), this.props = t;
+	}
+	is() {
+		return !!(this.props.ajax || this.props.request);
+	}
+	async preparation() {
+		return await this.update(), !0;
+	}
+	async update() {
+		await this.read((e) => this.buffer.value = e);
+	}
+	async getAjax() {
+		return h(this.props.ajax) ? p(this.props.ajax) : await u.request({
+			path: this.props.ajax,
+			...this.props.request
+		});
+	}
+	async read(e) {
+		this.is() && (this.props.cache && this.buffer.value !== void 0 && e(this.buffer.value), this.progress.value = !0, e(await this.getAjax()), this.progress.value = !1);
+	}
+}, y = class {
+	constructor(t) {
+		e(this, "item", c()), e(this, "value", o(() => this.props.highlight ? this.props.highlight : this.item.value)), this.props = t;
+	}
+	set(e) {
+		let t = this.getValue(e);
+		this.item.value !== t && (this.item.value = t);
+	}
+	reset() {
+		return this.set(), this;
+	}
+	getValue(e) {
+		if (m(e)) return e.trim();
+	}
+}, b = class {
+	constructor(t, n) {
+		e(this, "lite", c()), e(this, "control", c()), e(this, "preparation", async () => {
+			await this.request.preparation(), this.props.list && this.props.liteThreshold && Number(this.props.liteThreshold) <= Object.keys(this.props.list).length && (this.lite.value = !0);
+		}), e(this, "opening", async () => (this.lite.value = !1, this.control.value = !0, !0)), e(this, "closing", async () => (this.lite.value = !1, this.control.value = !1, !0)), this.props = t, this.request = n;
+	}
+	getExtra() {
+		return {
+			adaptive: "menu",
+			preparation: this.preparation,
+			opening: this.opening,
+			closing: this.closing,
+			role: "menu",
+			autoTabIndex: !1,
+			openOnArrowDown: !0
+		};
+	}
+}, x = class {
+	constructor(t, r, i) {
+		e(this, "value", c()), e(this, "selected", o(() => this.props.isSelectedByValue ? this.value.value : this.props.selected)), this.props = t, this.refs = r, this.emits = i, this.props.isSelectedByValue && (new n("selected", this.emits, this.value), r.selected && l(r.selected, (e) => {
+			this.value.value = e;
+		}, { immediate: !0 }));
+	}
+	setValue(e, t = !1) {
+		if (this.props.isSelectedByValue && !g(e) && this.value.value !== e && (this.value.value = e, t)) {
+			var n;
+			(n = this.emits) == null || n.call(this, "updateValue", e);
+		}
+		return this;
+	}
+}, S = class {
+	constructor(t, n, r) {
+		e(this, "previous", () => this.go(-1)), e(this, "next", () => this.go(1)), this.props = t, this.value = n, this.data = r;
+	}
+	getStep() {
+		return Number(this.props.step) || 1;
+	}
+	go(e) {
+		let t = this.data.getSelectedByStep(this.getStep() * e);
+		return t && this.value.setValue(t, !0), t;
+	}
+}, C = class {
+	constructor(n, a, s, c, l, u, d, p, m) {
+		e(this, "request", void 0), e(this, "search", void 0), e(this, "value", void 0), e(this, "data", void 0), e(this, "go", void 0), e(this, "bars", void 0), e(this, "window", void 0), e(this, "menuWindow", void 0), e(this, "event", void 0), e(this, "slotData", void 0), e(this, "binds", o(() => ({
+			filterMode: this.props.filterMode,
+			liteThreshold: this.props.liteThreshold,
+			keyLabel: this.props.keyLabel,
+			keyValue: this.props.keyValue,
+			max: this.props.max,
+			tag: this.props.tag,
+			onClick: this.onClick,
+			onClose: this.window.expose.toClose,
+			itemAttrs: this.props.itemAttrs,
+			control: !this.props.embedded
+		}))), e(this, "onClick", (e, t) => {
+			t && "value" in t && this.value.setValue(t.value), this.event.onClick(e, t);
+		}), e(this, "onClickSlot", (e) => {
+			let t = e.target, n = t.closest("*[data-value]");
+			if (n && !t.closest(`.${this.className}__list`)) {
+				var r;
+				(r = this.emits) == null || r.call(this, "clickSlot", n.dataset.value);
+			}
+		}), this.props = n, this.refs = a, this.element = s, this.classDesign = c, this.className = l, this.components = u, this.slots = d, this.emits = p;
+		let { BarsIncludeConstructor: h = i, EventClickIncludeConstructor: g = t, ListDataRefConstructor: _ = f, MenuGoConstructor: C = S, MenuRequestConstructor: w = v, MenuSearchConstructor: T = y, MenuValueConstructor: E = x, MenuWindowConstructor: D = b, WindowIncludeConstructor: O = r } = m == null ? {} : m;
+		this.request = new w(this.props), this.search = new T(this.props), this.value = new E(this.props, this.refs, this.emits), this.data = new _(this.request.item, void 0, void 0, void 0, void 0, this.value.selected, this.refs.keyValue, this.refs.keyLabel), this.go = new C(this.props, this.value, this.data), this.bars = new h(this.props, this.className, this.components, this.emits), this.menuWindow = new D(this.props, this.request), this.window = new O(this.props, this.className, this.components, this.emits, this.menuWindow.getExtra()), this.event = new g(void 0, void 0, this.emits), this.slotData = {
+			loading: this.request.progress,
+			isSelected: this.data.isSelected,
+			selectedList: this.data.selectedList,
+			selectedNames: this.data.selectedNames,
+			selectedValues: this.data.selectedValues,
+			previous: this.go.previous,
+			next: this.go.next
+		};
+	}
+	getControlBinds() {
+		return this.slotData;
+	}
+}, w = {
+	liteThreshold: 40,
+	barsHide: !0,
+	barsBackHide: !0,
+	tag: "a",
+	step: 1,
+	autoClose: !0
+}, T = class extends d {
+	constructor(t, n, r, i = C) {
+		super(t, n, r), e(this, "item", void 0), e(this, "renderControl", (e) => this.initSlot("control", void 0, this.getBinds(e))), e(this, "renderTitle", (e) => {
+			let t = [];
+			return this.item.bars.is.value && t.push(...this.item.bars.render()), this.initSlot("title", t, this.getBinds(e)), t;
+		}), e(this, "renderList", (e) => {
+			let t = this.item.request.item.value;
+			if (t) {
+				let r = [];
+				if (this.initSlot("contextTop", r, this.getBinds(e)), !this.props.hideList) {
+					var n;
+					r.push(this.components.render("list", _({
+						...this.item.binds.value,
+						class: (n = this.classes) == null ? void 0 : n.value.list,
+						selected: this.item.value.selected.value,
+						highlight: this.item.search.value.value,
+						list: t,
+						lite: this.item.menuWindow.lite.value,
+						role: this.props.roleList,
+						roleItem: this.props.roleItem
+					}, this.props.listAttrs), this.slots));
+				}
+				return this.initSlot("contextBottom", r, this.getBinds(e)), s("div", {
+					...this.getAttrs(),
+					ref: this.element,
+					onClick: this.item.onClickSlot
+				}, r);
+			}
+		}), e(this, "renderFooter", (e) => this.initSlot("footer", void 0, this.getBinds(e))), this.item = new i(this.props, this.refs, this.element, this.getDesign(), this.getName(), this.components, this.slots, this.emits), this.init();
+	}
+	initExpose() {
+		return {
+			...this.item.window.expose,
+			...this.item.getControlBinds()
+		};
+	}
+	initClasses() {
+		return {
+			main: {},
+			bars: this.getSubClass("bars"),
+			list: this.getSubClass("list")
+		};
+	}
+	initStyles() {
+		return {};
+	}
+	initRender() {
+		var e;
+		return this.item.window.render({
+			control: this.renderControl,
+			title: this.renderTitle,
+			default: this.renderList,
+			footer: this.renderFooter
+		}, {
+			class: (e = this.classes) == null ? void 0 : e.value.main,
+			closeOnEsc: !1,
+			ariaHaspopup: "listbox",
+			embedded: this.props.embedded
+		});
+	}
+	getBinds(e) {
+		return {
+			...e,
+			...this.item.getControlBinds()
+		};
+	}
 };
+//#endregion
+export { C as Menu, T as MenuDesign, S as MenuGo, a as MenuInclude, v as MenuRequest, y as MenuSearch, x as MenuValue, b as MenuWindow, w as defaultsMenu };