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

package/dist/content/descriptors/components/select/group.descriptor.d.ts

@@ -0,0 +1,115 @@
+/**
+ * Дескриптор группы опций Select (TSelectGroup) — опции списка панели под
+ * общей подписью.
+ *
+ * Подпись, её набор и плагин связок — от `ItemGroupDescriptor`, общей базы
+ * групп меню, ListBox и Select. Своё — слот опций. Группы из данных
+ * (`_: { group }`, `groupBy`, `groups`) Select рисует этой частью сам, по
+ * секциям нарисованного.
+ */
+import { TSelectGroup } from '@soxa-ui/core';
+export declare const SelectGroupDescriptor: () => import("../../../..").IComponentDescriptor<import("../../../../protected/define/inference.types").TContractFrom<{
+    readonly ctor: typeof TSelectGroup;
+    readonly extends: import("../../../..").IComponentDescriptor<import("../../../../protected/define/inference.types").TContractFrom<{
+        readonly ctor: typeof import("@soxa-ui/core").TItemGroup;
+        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 label: {
+                    readonly type: StringConstructor;
+                    readonly triggers: readonly ["change:label"];
+                };
+                readonly labelAria: {
+                    readonly type: ObjectConstructor;
+                    readonly protected: true;
+                    readonly triggers: readonly ["change:labelAria"];
+                };
+            };
+            readonly events: readonly ["change:label"];
+        };
+        readonly plugins: readonly [import("../../../..").IPluginDefinition<import("../../../../protected/define/inference.types").TPluginContractFrom<import("@soxa-ui/plugins").TItemGroupIdsPlugin, "ids", import("../../../..").IContribution>>];
+    }>>;
+    readonly contribution: {
+        readonly slots: {
+            readonly default: {
+                readonly description: "Опции группы";
+            };
+        };
+    };
+}>>;

package/dist/content/descriptors/components/select/group.descriptor.js

@@ -0,0 +1,21 @@
+import { defineComponent } from "../../../../protected/define/component.js";
+import { defineDescriptor } from "../../../../protected/define/descriptor.js";
+import { ItemGroupDescriptor } from "../item-group.descriptor.js";
+import { TSelectGroup } from "@soxa-ui/core";
+//#region content/descriptors/components/select/group.descriptor.ts
+/**
+* Дескриптор группы опций Select (TSelectGroup) — опции списка панели под
+* общей подписью.
+*
+* Подпись, её набор и плагин связок — от `ItemGroupDescriptor`, общей базы
+* групп меню, ListBox и Select. Своё — слот опций. Группы из данных
+* (`_: { group }`, `groupBy`, `groups`) Select рисует этой частью сам, по
+* секциям нарисованного.
+*/
+var SelectGroupDescriptor = defineDescriptor(() => defineComponent({
+	ctor: TSelectGroup,
+	extends: ItemGroupDescriptor(),
+	contribution: { slots: { default: { description: "Опции группы" } } }
+}));
+//#endregion
+export { SelectGroupDescriptor };

package/dist/content/descriptors/components/select/index.d.ts

@@ -0,0 +1,4 @@
+export { SelectDescriptor } from './select.descriptor';
+export { SelectItemDescriptor } from './item.descriptor';
+export { SelectGroupDescriptor } from './group.descriptor';
+export { SelectCollectionDescriptor, SelectCollectionItemDescriptor } from './collection.descriptor';

package/dist/content/descriptors/components/select/item.descriptor.d.ts

@@ -0,0 +1,210 @@
+/**
+ * Дескриптор опции Select (TSelectItem).
+ *
+ * Наследует ValueControlDescriptor (value, name, disabled, focused, size,
+ * variant, ...) и добавляет text.
+ *
+ * `TListItemPlugin` даёт `listItem_highlighted` — визуальную подсветку при
+ * навигации с клавиатуры. Она не то же самое, что выбор: подсветка живёт,
+ * только пока панель открыта, и в `value` не попадает.
+ */
+import { TSelectItem } from '@soxa-ui/core';
+export declare const SelectItemDescriptor: () => import("../../../..").IComponentDescriptor<import("../../../../protected/define/inference.types").TContractFrom<{
+    readonly ctor: typeof TSelectItem;
+    readonly extends: import("../../../..").IComponentDescriptor<import("../../../../protected/define/inference.types").TContractFrom<{
+        readonly ctor: typeof import("@soxa-ui/core").TValueControl;
+        readonly extends: import("../../../..").IComponentDescriptor<import("../../../../protected/define/inference.types").TContractFrom<{
+            readonly ctor: typeof import("@soxa-ui/core").TControl;
+            readonly extends: import("../../../..").IComponentDescriptor<import("../../../../protected/define/inference.types").TContractFrom<{
+                readonly ctor: typeof import("@soxa-ui/core").TStylable;
+                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 size: {
+                            readonly type: StringConstructor;
+                            readonly triggers: readonly ["change:size"];
+                        };
+                        readonly variant: {
+                            readonly type: StringConstructor;
+                            readonly triggers: readonly ["change:variant"];
+                        };
+                    };
+                    readonly events: readonly ["change:size", "change:variant"];
+                };
+            }>>;
+            readonly contribution: {
+                readonly props: {
+                    readonly disabled: {
+                        readonly type: BooleanConstructor;
+                        readonly triggers: readonly ["change:disabled"];
+                    };
+                    readonly focused: {
+                        readonly type: BooleanConstructor;
+                        readonly triggers: readonly ["change:focused"];
+                    };
+                };
+                readonly events: readonly ["change:disabled", "change:focused"];
+            };
+            readonly plugins: readonly [import("../../../..").IPluginDefinition<import("../../../../protected/define/inference.types").TPluginContractFrom<import("@soxa-ui/plugins").TActionPlugin, "action", {
+                readonly events: readonly ["press", "click", "focus", "blur"];
+            }>>, import("../../../..").IPluginDefinition<import("../../../../protected/define/inference.types").TPluginContractFrom<import("@soxa-ui/plugins").TAriaPlugin, "aria", {
+                readonly props: {
+                    readonly label: {
+                        readonly type: StringConstructor;
+                        readonly triggers: readonly ["change:label"];
+                    };
+                    readonly labelledBy: {
+                        readonly type: StringConstructor;
+                        readonly triggers: readonly ["change:labelledBy"];
+                    };
+                    readonly describedBy: {
+                        readonly type: StringConstructor;
+                        readonly triggers: readonly ["change:describedBy"];
+                    };
+                };
+                readonly events: readonly ["change:label", "change:labelledBy", "change:describedBy"];
+            }>>];
+        }>>;
+        readonly contribution: {
+            readonly props: {
+                readonly value: {
+                    readonly type: readonly [StringConstructor, NumberConstructor, BooleanConstructor, ObjectConstructor, ArrayConstructor];
+                    readonly triggers: readonly ["change:value"];
+                };
+                readonly name: {
+                    readonly type: StringConstructor;
+                    readonly triggers: readonly ["change:name"];
+                };
+            };
+            readonly events: readonly ["change:value", "change:name"];
+        };
+    }>>;
+    readonly contribution: {
+        readonly slots: {
+            readonly leading: {
+                readonly description: "Перед текстом опции";
+            };
+            readonly 'indicator-icon': {
+                readonly scope: {
+                    readonly selected: import("../../../..").TPropType<boolean>;
+                };
+                readonly description: "Отметка выбранной опции";
+            };
+            readonly default: {
+                readonly scope: {
+                    readonly text: import("../../../..").TPropType<string>;
+                    readonly selected: import("../../../..").TPropType<boolean>;
+                };
+                readonly description: "Содержимое опции. Задано — переопределяет проп text";
+            };
+            readonly trailing: {
+                readonly description: "После текста опции";
+            };
+        };
+        readonly props: {
+            readonly text: {
+                readonly type: StringConstructor;
+                readonly triggers: readonly ["change:text"];
+            };
+            readonly size: {
+                readonly protected: true;
+            };
+            readonly variant: {
+                readonly protected: true;
+            };
+        };
+        readonly events: readonly ["change:text"];
+    };
+    readonly plugins: readonly [import("../../../..").IPluginDefinition<import("../../../../protected/define/inference.types").TPluginContractFrom<import("@soxa-ui/plugins").TListItemPlugin, "listItem", {
+        readonly props: {
+            readonly highlighted: {
+                readonly protected: true;
+                readonly triggers: readonly ["change:highlighted"];
+            };
+        };
+    }>>, import("../../../..").IPluginDefinition<import("../../../../protected/define/inference.types").TPluginContractFrom<import("@soxa-ui/plugins").TIdPlugin, undefined, {
+        readonly props: {
+            readonly id: {
+                readonly type: StringConstructor;
+                readonly triggers: readonly ["change:id"];
+            };
+        };
+        readonly events: readonly ["change:id"];
+    }>>, import("../../../..").IPluginDefinition<import("../../../../protected/define/inference.types").TPluginContractFrom<import("@soxa-ui/plugins").TOptionIdsPlugin, "ids", import("../../../..").IContribution>>];
+}>>;

package/dist/content/descriptors/components/select/item.descriptor.js

@@ -0,0 +1,56 @@
+import { defineComponent } from "../../../../protected/define/component.js";
+import { defineDescriptor } from "../../../../protected/define/descriptor.js";
+import { defineType } from "../../../../protected/define/prop-type.js";
+import { IdPluginDescriptor } from "../../plugins/id.plugin.js";
+import { ListItemPluginDescriptor } from "../../plugins/list-item.plugin.js";
+import { OptionIdsPluginDescriptor } from "../../plugins/option-ids.plugin.js";
+import { OWNER_STYLE_PROPS } from "../stylable.descriptor.js";
+import { ValueControlDescriptor } from "../value-control.descriptor.js";
+import { TSelectItem } from "@soxa-ui/core";
+//#region content/descriptors/components/select/item.descriptor.ts
+/**
+* Дескриптор опции Select (TSelectItem).
+*
+* Наследует ValueControlDescriptor (value, name, disabled, focused, size,
+* variant, ...) и добавляет text.
+*
+* `TListItemPlugin` даёт `listItem_highlighted` — визуальную подсветку при
+* навигации с клавиатуры. Она не то же самое, что выбор: подсветка живёт,
+* только пока панель открыта, и в `value` не попадает.
+*/
+var SelectItemDescriptor = defineDescriptor(() => defineComponent({
+	ctor: TSelectItem,
+	extends: ValueControlDescriptor(),
+	contribution: {
+		slots: {
+			leading: { description: "Перед текстом опции" },
+			"indicator-icon": {
+				scope: { selected: defineType(Boolean) },
+				description: "Отметка выбранной опции"
+			},
+			default: {
+				scope: {
+					text: defineType(String),
+					selected: defineType(Boolean)
+				},
+				description: "Содержимое опции. Задано — переопределяет проп text"
+			},
+			trailing: { description: "После текста опции" }
+		},
+		props: {
+			...OWNER_STYLE_PROPS,
+			text: {
+				type: String,
+				triggers: ["change:text"]
+			}
+		},
+		events: ["change:text"]
+	},
+	plugins: [
+		ListItemPluginDescriptor,
+		IdPluginDescriptor,
+		OptionIdsPluginDescriptor
+	]
+}));
+//#endregion
+export { SelectItemDescriptor };