@soxa-ui/setup 0.0.0-stage → 0.3.0-beta.1

package/dist/content/descriptors/components/date-picker.descriptor.js

@@ -0,0 +1,255 @@
+import { defineComponent } from "../../../protected/define/component.js";
+import { defineDescriptor } from "../../../protected/define/descriptor.js";
+import { defineType } from "../../../protected/define/prop-type.js";
+import { HideOutsidePluginDescriptor } from "../plugins/hide-outside.plugin.js";
+import { SwipePluginDescriptor } from "../plugins/swipe.plugin.js";
+import { DismissPluginDescriptor } from "../plugins/dismiss.plugin.js";
+import { LocalePluginDescriptor } from "../plugins/locale.plugin.js";
+import { ActionPluginDescriptor } from "../plugins/action.plugin.js";
+import { DatePickerTriggerPluginDescriptor } from "../plugins/date-picker-trigger.plugin.js";
+import { DatePickerFocusPluginDescriptor } from "../plugins/date-picker-focus.plugin.js";
+import { DatePickerIdsPluginDescriptor } from "../plugins/date-picker-ids.plugin.js";
+import { DatePickerNamesPluginDescriptor } from "../plugins/date-picker-names.plugin.js";
+import { ClearableDescriptor } from "./clearable.descriptor.js";
+import { TDatePicker } from "@soxa-ui/core";
+import { fieldSegmentOf } from "@soxa-ui/plugins";
+//#region content/descriptors/components/date-picker.descriptor.ts
+/**
+* Дескриптор DatePicker (TDatePicker).
+*
+* Наследует `ClearableDescriptor` — DatePicker сам поле: кнопка очистки
+* (`clearable`, набор `clearAria`) поверх value, name, readonly, required, id,
+* disabled, size, variant, ... Добавляет слоты, режим, открытость
+* панели, выбор с подтверждением и то, что DatePicker отдаёт полям и
+* календарю: границы, недоступные дни, проверку набора, первый день недели,
+* пояс «сегодня» — и имена концов в форме. Язык, имена кнопок и концов
+* диапазона и текст кнопок подвала — от локали поддерева: их пишут плагины
+* языка и имён, а разметка получает готовые выходы.
+*
+* Кнопка очистки одна на значение: у одной даты — в слоте `clear` поля, перед
+* кнопкой календаря, у диапазона — одна на период, после поля конца. Полям
+* `clearable` не уходит: очищает DatePicker свой режим целиком.
+*
+* Поля (`field`, `start`, `end`), календарь и его движок — экземпляры ядра
+* DatePicker: разметка отдаёт их компонентам целиком (`:ctrl`, `:engine`), как
+* Select — поле. Пропсов календаря сверх перечисленных (месяцы сеток) здесь
+* нет: они у `ctrl.calendar`.
+*
+* Паттерн — APG Date Picker Dialog: поле и отдельная кнопка календаря, панель —
+* диалог, модальный для клавиатуры и скринридера, а нажатие мимо просто её
+* закрывает. Жест (`swipe`) смахивает панель от поля, как у Select. См.
+* AGENTS.md, «Даты» и «Готовые паттерны».
+*/
+var DatePickerDescriptor = defineDescriptor(() => defineComponent({
+	ctor: TDatePicker,
+	extends: ClearableDescriptor(),
+	contribution: {
+		slots: {
+			/**
+			* Своя кнопка очистки вместо встроенной — целиком, и рисуется, когда
+			* задана, без `clearable`. Scope — команда DatePicker `clear`,
+			* привязанная к инстансу: кнопка зовёт её голой функцией.
+			*/
+			clear: {
+				scope: { clear: defineType(Function) },
+				description: "Кнопка очистки значения"
+			},
+			"trigger-icon": { description: "Значок кнопки календаря" },
+			/**
+			* Содержимое дня календаря — проброс слота `item` Calendar под тем
+			* же именем и с тем же scope: заводить своё было бы вторым способом
+			* делать то же.
+			*/
+			item: {
+				scope: {
+					item: defineType(Object),
+					text: defineType(String)
+				},
+				description: "Содержимое дня календаря: цена, точка события. Без него — номер дня"
+			}
+		},
+		props: {
+			/** Строкой — дата `YYYY-MM-DD`, массивом — пара «начало, конец». */
+			value: { type: [String, Array] },
+			mode: {
+				type: String,
+				triggers: ["change:mode"]
+			},
+			open: {
+				type: Boolean,
+				triggers: ["change:open"]
+			},
+			closeOnSelect: {
+				type: Boolean,
+				triggers: ["change:closeOnSelect"]
+			},
+			/**
+			* Выбор подтверждают кнопкой: в подвале панели — «Отмена» и «OK»,
+			* их текст — строки локали, выходы плагина имён.
+			*/
+			confirmable: {
+				type: Boolean,
+				triggers: ["change:confirmable"]
+			},
+			min: {
+				type: String,
+				triggers: ["change:min"]
+			},
+			max: {
+				type: String,
+				triggers: ["change:max"]
+			},
+			unavailable: {
+				type: Function,
+				triggers: ["change:unavailable"]
+			},
+			/**
+			* Проверка набора: «00» у дня и месяца не записывается, часть ждёт
+			* следующей цифры. Выключена — верна ли дата, решает приложение.
+			* Полям DatePicker отдаёт его сам — одной даты и обоим концам.
+			*/
+			validate: {
+				type: Boolean,
+				triggers: ["change:validate"]
+			},
+			weekStart: {
+				type: Number,
+				triggers: ["change:weekStart"]
+			},
+			/**
+			* Язык поля и календаря — не вход: это тег локали поддерева, и
+			* пишет его плагин языка. Полям и календарю DatePicker отдаёт его
+			* сам.
+			*/
+			locale: {
+				type: String,
+				protected: true,
+				triggers: ["change:locale"]
+			},
+			timeZone: {
+				type: String,
+				triggers: ["change:timeZone"]
+			},
+			/**
+			* Имена концов диапазона в форме — у полей концов, как `name` у
+			* поля одной даты: значение в форму отдаёт поле.
+			*/
+			startName: {
+				type: String,
+				triggers: ["change:startName"]
+			},
+			endName: {
+				type: String,
+				triggers: ["change:endName"]
+			},
+			/** За что панель смахивают, чтобы закрыть. По умолчанию — ни за что. */
+			swipe: {
+				type: String,
+				triggers: ["change:swipe"]
+			},
+			/**
+			* Сторона кнопки календаря в связке с панелью и её вид «нажат».
+			* Вычисляют ядро и `TDatePickerIdsPlugin` (`aria-controls`): своего
+			* экземпляра у кнопки нет, и формула в разметке повторилась бы в
+			* каждом из шести адаптеров.
+			*/
+			triggerAria: {
+				type: Object,
+				protected: true,
+				triggers: ["change:triggerAria"]
+			},
+			triggerDataset: {
+				type: Object,
+				protected: true,
+				triggers: ["change:open"]
+			},
+			/** Роль, модальность, имя и `id` панели: панель — Frame без экземпляра в ядре. */
+			panelAria: {
+				type: Object,
+				protected: true,
+				triggers: ["change:panelAria"]
+			},
+			/**
+			* `data-*` панели: тянут ли её. Набор отдельный от `panelAria`: ARIA
+			* и `data-*` не смешиваются. Открытость панели (`data-open`) пишет её
+			* слой, сторону (`data-placement`) — плагин якоря.
+			*/
+			panelDataset: {
+				type: Object,
+				protected: true,
+				triggers: ["change:swiping"]
+			},
+			/**
+			* Рисовать ли полосу, за которую тянут. Вычисляет ядро: разметка
+			* без экземпляра формулу не повторяет.
+			*/
+			handleRendered: {
+				type: Boolean,
+				protected: true,
+				triggers: ["change:swipe"]
+			},
+			/** Whether the panel's calendar is mounted: from the first opening on. */
+			contentRendered: {
+				type: Boolean,
+				protected: true,
+				triggers: ["change:open"]
+			},
+			/**
+			* Набор корня: у диапазона корень — группа полей концов со своим
+			* именем, у одной даты группа — само поле. Перечитывается на смену
+			* `aria` и режима.
+			*/
+			rootAria: {
+				type: Object,
+				protected: true,
+				triggers: ["change:aria", "change:mode"]
+			},
+			/** Можно ли открыть панель: запрещают `disabled` и `readonly`. */
+			openable: {
+				type: Boolean,
+				protected: true,
+				triggers: ["change:disabled", "change:readonly"]
+			},
+			/**
+			* Выключена ли «OK»: пока диапазон выбран наполовину. Вычисляет
+			* ядро по якорю выбора календаря — разметка формулу не повторяет.
+			*/
+			confirmDisabled: {
+				type: Boolean,
+				protected: true,
+				triggers: ["change:confirmDisabled"]
+			}
+		},
+		events: [
+			"open",
+			"close",
+			"change:mode",
+			"change:open",
+			"change:closeOnSelect",
+			"change:confirmable",
+			"change:min",
+			"change:max",
+			"change:unavailable",
+			"change:validate",
+			"change:weekStart",
+			"change:locale",
+			"change:timeZone",
+			"change:startName",
+			"change:endName",
+			"change:swipe"
+		]
+	},
+	plugins: [
+		ActionPluginDescriptor.with({ focusTarget: fieldSegmentOf }),
+		LocalePluginDescriptor,
+		DismissPluginDescriptor,
+		HideOutsidePluginDescriptor,
+		DatePickerTriggerPluginDescriptor,
+		DatePickerFocusPluginDescriptor,
+		DatePickerIdsPluginDescriptor,
+		DatePickerNamesPluginDescriptor,
+		SwipePluginDescriptor
+	]
+}));
+//#endregion
+export { DatePickerDescriptor };

package/dist/content/descriptors/components/dialog.descriptor.d.ts

@@ -0,0 +1,256 @@
+/**
+ * Дескриптор Dialog (TDialog) — модальное окно.
+ *
+ * Наследует ModalLayerDescriptor (видимость, слой, размер, кнопка и запрос
+ * закрытия, `dismissible`, заголовок и плагины модального слоя) и добавляет
+ * место, отступ от краёв экрана, разворот, режим предупреждения, выходы
+ * кнопки разворота и тела и плагин раскладки окна.
+ *
+ * Слоты — все, что рисует шаблон окна, вместе с иконкой крестика: у базы своей
+ * разметки нет, а слоты не наследуются.
+ */
+import { TDialog } from '@soxa-ui/core';
+export declare const DialogDescriptor: () => import("../../..").IComponentDescriptor<import("../../../protected/define/inference.types").TContractFrom<{
+    readonly ctor: typeof TDialog;
+    readonly extends: import("../../..").IComponentDescriptor<import("../../../protected/define/inference.types").TContractFrom<{
+        readonly ctor: typeof import("@soxa-ui/core").TModalLayer;
+        readonly extends: import("../../..").IComponentDescriptor<import("../../../protected/define/inference.types").TContractFrom<{
+            readonly ctor: typeof import("@soxa-ui/core").TLayer;
+            readonly extends: import("../../..").IComponentDescriptor<import("../../../protected/define/inference.types").TContractFrom<{
+                readonly ctor: typeof import("@soxa-ui/core").TComponentView;
+                readonly extends: import("../../..").IComponentDescriptor<import("../../../protected/define/inference.types").TContractFrom<{
+                    readonly ctor: typeof import("@soxa-ui/core").TComponent;
+                    readonly extends: import("../../..").IComponentDescriptor<import("../../../protected/define/inference.types").TContractFrom<{
+                        readonly contribution: {
+                            readonly props: {
+                                readonly ctrl: {
+                                    readonly type: ObjectConstructor;
+                                };
+                                readonly embedded: {
+                                    readonly type: StringConstructor;
+                                };
+                                readonly pluginProps: {
+                                    readonly type: ObjectConstructor;
+                                };
+                            };
+                            readonly events: readonly ["bundle:create", "plugin:event"];
+                        };
+                    }>>;
+                    readonly contribution: {};
+                }>>;
+                readonly contribution: {
+                    readonly slots: {
+                        readonly default: {
+                            readonly description: "Содержимое компонента";
+                        };
+                    };
+                    readonly props: {
+                        readonly rendered: {
+                            readonly type: BooleanConstructor;
+                            readonly triggers: readonly ["change:rendered"];
+                        };
+                        readonly visible: {
+                            readonly type: BooleanConstructor;
+                            readonly triggers: readonly ["change:visible"];
+                        };
+                        readonly present: {
+                            readonly type: BooleanConstructor;
+                            readonly protected: true;
+                            readonly triggers: readonly ["change:rendered", "change:visible"];
+                        };
+                        readonly tag: {
+                            readonly type: readonly [StringConstructor, ObjectConstructor];
+                            readonly triggers: readonly ["change:tag"];
+                        };
+                        readonly direction: {
+                            readonly type: StringConstructor;
+                            readonly triggers: readonly ["change:direction"];
+                        };
+                        readonly classes: {
+                            readonly type: ObjectConstructor;
+                            readonly protected: true;
+                            readonly triggers: readonly ["change:classes"];
+                        };
+                        readonly aria: {
+                            readonly type: ObjectConstructor;
+                            readonly protected: true;
+                            readonly triggers: readonly ["change:aria"];
+                        };
+                        readonly dataset: {
+                            readonly type: ObjectConstructor;
+                            readonly protected: true;
+                            readonly triggers: readonly ["change:dataset"];
+                        };
+                        readonly attrs: {
+                            readonly type: ObjectConstructor;
+                            readonly protected: true;
+                            readonly triggers: readonly ["change:attrs"];
+                        };
+                    };
+                    readonly events: readonly ["show", "hide", "show:before", "hide:before", "ready", "change:rendered", "change:visible", "change:tag", "change:direction"];
+                };
+                readonly plugins: readonly [import("../../..").IPluginDefinition<import("../../../protected/define/inference.types").TPluginContractFrom<import("@soxa-ui/plugins").TElementPlugin, "element", {
+                    readonly events: readonly ["ready", "removed"];
+                }>>, import("../../..").IPluginDefinition<import("../../../protected/define/inference.types").TPluginContractFrom<import("@soxa-ui/plugins").TReadyPlugin, "ready", import("../../..").IContribution>>];
+            }>>;
+            readonly contribution: {
+                readonly props: {
+                    readonly target: {
+                        readonly type: readonly [ObjectConstructor, StringConstructor];
+                        readonly triggers: readonly ["change:target"];
+                    };
+                };
+                readonly events: readonly ["change:zIndex", "change:target"];
+            };
+        }>>;
+        readonly contribution: {
+            readonly props: {
+                readonly width: {
+                    readonly type: readonly [NumberConstructor, StringConstructor];
+                    readonly triggers: readonly ["change:width"];
+                };
+                readonly height: {
+                    readonly type: readonly [NumberConstructor, StringConstructor];
+                    readonly triggers: readonly ["change:height"];
+                };
+                readonly closable: {
+                    readonly type: BooleanConstructor;
+                    readonly triggers: readonly ["change:closable"];
+                };
+                readonly dismissible: {
+                    readonly type: BooleanConstructor;
+                    readonly triggers: readonly ["change:dismissible"];
+                };
+                readonly titleAria: {
+                    readonly type: ObjectConstructor;
+                    readonly protected: true;
+                    readonly triggers: readonly ["change:titleAria"];
+                };
+                readonly closeAria: {
+                    readonly type: ObjectConstructor;
+                    readonly protected: true;
+                    readonly triggers: readonly ["change:closeAria"];
+                };
+                readonly backdropDataset: {
+                    readonly type: ObjectConstructor;
+                    readonly protected: true;
+                    readonly triggers: readonly ["change:zIndex", "change:visible"];
+                };
+            };
+            readonly events: readonly ["close:before", "change:width", "change:height", "change:closable", "change:dismissible"];
+        };
+        readonly plugins: readonly [import("../../..").IPluginDefinition<import("../../../protected/define/inference.types").TPluginContractFrom<import("@soxa-ui/plugins").TDismissPlugin, "dismiss", {
+            readonly events: readonly ["dismiss", "change:enabled"];
+            readonly props: {
+                readonly enabled: {
+                    readonly type: BooleanConstructor;
+                    readonly triggers: readonly ["change:enabled"];
+                };
+                readonly ownerAttribute: {
+                    readonly type: ObjectConstructor;
+                    readonly protected: true;
+                    readonly triggers: readonly ["create"];
+                };
+            };
+        }>>, import("../../..").IPluginDefinition<import("../../../protected/define/inference.types").TPluginContractFrom<import("@soxa-ui/plugins").TModalFocusPlugin, "focus", {}>>, import("../../..").IPluginDefinition<import("../../../protected/define/inference.types").TPluginContractFrom<import("@soxa-ui/plugins").THideOutsidePlugin, "hideOutside", {
+            readonly props: {
+                readonly enabled: {
+                    readonly type: BooleanConstructor;
+                    readonly triggers: readonly ["change:enabled"];
+                };
+            };
+            readonly events: readonly ["change:enabled"];
+        }>>, import("../../..").IPluginDefinition<import("../../../protected/define/inference.types").TPluginContractFrom<import("@soxa-ui/plugins").TScrollLockPlugin, "scrollLock", {
+            readonly props: {
+                readonly enabled: {
+                    readonly type: BooleanConstructor;
+                    readonly triggers: readonly ["change:enabled"];
+                };
+            };
+            readonly events: readonly ["change:enabled"];
+        }>>];
+    }>>;
+    readonly contribution: {
+        readonly slots: {
+            readonly title: {
+                readonly description: "Заголовок окна. Он же его доступное имя: окно ссылается на него aria-labelledby";
+            };
+            readonly default: {
+                readonly description: "Содержимое окна. Длинное прокручивается внутри";
+            };
+            readonly footer: {
+                readonly description: "Подвал окна — ряд действий";
+            };
+            readonly 'close-icon': {
+                readonly description: "Иконка кнопки закрытия";
+            };
+            readonly 'maximize-icon': {
+                readonly description: "Иконка кнопки разворота, пока окно не развёрнуто";
+            };
+            readonly 'restore-icon': {
+                readonly description: "Иконка кнопки разворота у развёрнутого окна";
+            };
+        };
+        readonly props: {
+            readonly placement: {
+                readonly type: StringConstructor;
+                readonly triggers: readonly ["change:placement"];
+            };
+            /**
+             * Отступ от краёв экрана, один на все стороны. Теме уходит
+             * переменными раскладки; стороны по отдельности правит подписчик
+             * `layout:offset:before`.
+             */
+            readonly offset: {
+                readonly type: readonly [NumberConstructor, StringConstructor];
+                readonly triggers: readonly ["change:offset"];
+            };
+            readonly maximized: {
+                readonly type: BooleanConstructor;
+                readonly triggers: readonly ["change:maximized"];
+            };
+            readonly maximizable: {
+                readonly type: BooleanConstructor;
+                readonly triggers: readonly ["change:maximizable"];
+            };
+            readonly alert: {
+                readonly type: BooleanConstructor;
+                readonly triggers: readonly ["change:alert"];
+            };
+            /**
+             * Сторона связки у тела — `id` для `aria-describedby`
+             * предупреждения. Набор окна: `id` в него пишет
+             * `TDialogIdsPlugin`.
+             */
+            readonly bodyAria: {
+                readonly type: ObjectConstructor;
+                readonly protected: true;
+                readonly triggers: readonly ["change:bodyAria"];
+            };
+            /**
+             * Набор кнопки разворота — её имя и состояние. Отдельный набор:
+             * кнопка — сосед содержимого. Состояние пишет окно, имя —
+             * `TDialogNamesPlugin`.
+             */
+            readonly maximizeAria: {
+                readonly type: ObjectConstructor;
+                readonly protected: true;
+                readonly triggers: readonly ["change:maximizeAria"];
+            };
+        };
+        readonly events: readonly ["change:placement", "change:offset", "change:maximized", "change:maximizable", "change:alert"];
+    };
+    readonly plugins: readonly [import("../../..").IPluginDefinition<import("../../../protected/define/inference.types").TPluginContractFrom<import("@soxa-ui/plugins").TDialogLayoutPlugin, "layout", {
+        readonly events: readonly ["offset:before"];
+        readonly props: {
+            readonly styles: {
+                readonly protected: true;
+                readonly triggers: readonly ["change:styles"];
+            };
+            readonly backdropStyles: {
+                readonly protected: true;
+                readonly triggers: readonly ["change:backdropStyles"];
+            };
+        };
+    }>>, import("../../..").IPluginDefinition<import("../../../protected/define/inference.types").TPluginContractFrom<import("@soxa-ui/plugins").TDialogIdsPlugin, "ids", import("../../..").IContribution>>, import("../../..").IPluginDefinition<import("../../../protected/define/inference.types").TPluginContractFrom<import("@soxa-ui/plugins").TDialogNamesPlugin, "names", import("../../..").IContribution>>];
+}>>;

package/dist/content/descriptors/components/dialog.descriptor.js

@@ -0,0 +1,94 @@
+import { defineComponent } from "../../../protected/define/component.js";
+import { defineDescriptor } from "../../../protected/define/descriptor.js";
+import { DialogLayoutPluginDescriptor } from "../plugins/dialog-layout.plugin.js";
+import { DialogIdsPluginDescriptor } from "../plugins/dialog-ids.plugin.js";
+import { DialogNamesPluginDescriptor } from "../plugins/dialog-names.plugin.js";
+import { ModalLayerDescriptor } from "./modal-layer.descriptor.js";
+import { TDialog } from "@soxa-ui/core";
+//#region content/descriptors/components/dialog.descriptor.ts
+/**
+* Дескриптор Dialog (TDialog) — модальное окно.
+*
+* Наследует ModalLayerDescriptor (видимость, слой, размер, кнопка и запрос
+* закрытия, `dismissible`, заголовок и плагины модального слоя) и добавляет
+* место, отступ от краёв экрана, разворот, режим предупреждения, выходы
+* кнопки разворота и тела и плагин раскладки окна.
+*
+* Слоты — все, что рисует шаблон окна, вместе с иконкой крестика: у базы своей
+* разметки нет, а слоты не наследуются.
+*/
+var DialogDescriptor = defineDescriptor(() => defineComponent({
+	ctor: TDialog,
+	extends: ModalLayerDescriptor(),
+	contribution: {
+		slots: {
+			title: { description: "Заголовок окна. Он же его доступное имя: окно ссылается на него aria-labelledby" },
+			default: { description: "Содержимое окна. Длинное прокручивается внутри" },
+			footer: { description: "Подвал окна — ряд действий" },
+			"close-icon": { description: "Иконка кнопки закрытия" },
+			"maximize-icon": { description: "Иконка кнопки разворота, пока окно не развёрнуто" },
+			"restore-icon": { description: "Иконка кнопки разворота у развёрнутого окна" }
+		},
+		props: {
+			placement: {
+				type: String,
+				triggers: ["change:placement"]
+			},
+			/**
+			* Отступ от краёв экрана, один на все стороны. Теме уходит
+			* переменными раскладки; стороны по отдельности правит подписчик
+			* `layout:offset:before`.
+			*/
+			offset: {
+				type: [Number, String],
+				triggers: ["change:offset"]
+			},
+			maximized: {
+				type: Boolean,
+				triggers: ["change:maximized"]
+			},
+			maximizable: {
+				type: Boolean,
+				triggers: ["change:maximizable"]
+			},
+			alert: {
+				type: Boolean,
+				triggers: ["change:alert"]
+			},
+			/**
+			* Сторона связки у тела — `id` для `aria-describedby`
+			* предупреждения. Набор окна: `id` в него пишет
+			* `TDialogIdsPlugin`.
+			*/
+			bodyAria: {
+				type: Object,
+				protected: true,
+				triggers: ["change:bodyAria"]
+			},
+			/**
+			* Набор кнопки разворота — её имя и состояние. Отдельный набор:
+			* кнопка — сосед содержимого. Состояние пишет окно, имя —
+			* `TDialogNamesPlugin`.
+			*/
+			maximizeAria: {
+				type: Object,
+				protected: true,
+				triggers: ["change:maximizeAria"]
+			}
+		},
+		events: [
+			"change:placement",
+			"change:offset",
+			"change:maximized",
+			"change:maximizable",
+			"change:alert"
+		]
+	},
+	plugins: [
+		DialogLayoutPluginDescriptor,
+		DialogIdsPluginDescriptor,
+		DialogNamesPluginDescriptor
+	]
+}));
+//#endregion
+export { DialogDescriptor };

package/dist/content/descriptors/components/drag-and-drop.descriptor.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Дескриптор DragAndDrop (TDragAndDrop).
+ *
+ * Наследует ComponentDescriptor (невизуальная база) и добавляет события
+ * перестановки жестом и слот по умолчанию. Пропсов своих нет: обёртка опускает
+ * себя коллекциям внутри (`TDragAndDropExtension`), а те подхватывают её своим
+ * расширением (`TDragAndDropCollectionExtension`).
+ */
+import { TDragAndDrop } from '@soxa-ui/core';
+export declare const DragAndDropDescriptor: () => import("../../..").IComponentDescriptor<import("../../../protected/define/inference.types").TContractFrom<{
+    readonly ctor: typeof TDragAndDrop;
+    readonly extends: import("../../..").IComponentDescriptor<import("../../../protected/define/inference.types").TContractFrom<{
+        readonly ctor: typeof import("@soxa-ui/core").TComponent;
+        readonly extends: import("../../..").IComponentDescriptor<import("../../../protected/define/inference.types").TContractFrom<{
+            readonly contribution: {
+                readonly props: {
+                    readonly ctrl: {
+                        readonly type: ObjectConstructor;
+                    };
+                    readonly embedded: {
+                        readonly type: StringConstructor;
+                    };
+                    readonly pluginProps: {
+                        readonly type: ObjectConstructor;
+                    };
+                };
+                readonly events: readonly ["bundle:create", "plugin:event"];
+            };
+        }>>;
+        readonly contribution: {};
+    }>>;
+    readonly contribution: {
+        /**
+         * Перестановка элемента жестом: `move:before` — до неё, отменяется
+         * `preventDefault()`, `move` — после, с местом, где элемент встал
+         */
+        readonly events: readonly ["move:before", "move"];
+        /**
+         * Своего узла у компонента нет: разметка — один слот, и перестановку
+         * получают коллекции внутри него. Слот объявлен здесь, а не взят у
+         * ComponentView: визуального слоя у DragAndDrop нет.
+         */
+        readonly slots: {
+            readonly default: {
+                readonly description: "Коллекции, элементы которых переставляют перетаскиванием";
+            };
+        };
+    };
+}>>;