@retailcrm/embed-ui-v1-components 0.9.18 → 0.9.21

package/dist/host.js

@@ -419,7 +419,7 @@ function render$h(_ctx, _cache) {
   ])]);
 }
 const SpriteVIP = { render: render$h };
-const ImageWorkersKey = Symbol("$image.workers");
+const ImageWorkersKey = /* @__PURE__ */ Symbol("$image.workers");
 const _hoisted_1$L = ["alt", "src"];
 const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "UiImage",
@@ -490,7 +490,7 @@ var STATUS = /* @__PURE__ */ ((STATUS2) => {
   STATUS2["FREE"] = "free";
   return STATUS2;
 })(STATUS || {});
-const AvatarSizeKey = Symbol("UiAvatarSize");
+const AvatarSizeKey = /* @__PURE__ */ Symbol("UiAvatarSize");
 const _hoisted_1$K = {
   key: 1,
   class: "ui-v1-avatar__unresolved"
@@ -703,7 +703,7 @@ const normalize$3 = (content) => {
   });
   return normalized;
 };
-const ElementRefKey = Symbol.for(
+const ElementRefKey = /* @__PURE__ */ Symbol.for(
   "[@retailcrm/embed-ui-v1-components]:ElementRef"
 );
 const useElementRef = () => {
@@ -1097,7 +1097,7 @@ class VueI18n {
     this._state.locale = locale;
   }
 }
-const I18nInjectKey = Symbol("$embedI18n");
+const I18nInjectKey = /* @__PURE__ */ Symbol("$embedI18n");
 const plugin$1 = {
   install(app, options) {
     app.provide(I18nInjectKey, options instanceof VueI18n ? options : new VueI18n(options?.locale));
@@ -2589,10 +2589,10 @@ var SIZE$9 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["MD"] = "md";
   return SIZE2;
 })(SIZE$9 || {});
-const CollapseGroupRegisterKey = Symbol("UiCollapseGroup_register");
-const CollapseGroupUnregisterKey = Symbol("UiCollapseGroup_unregister");
-const CollapseGroupExpandKey = Symbol("UiCollapseGroup_expand");
-const CollapseGroupCollapseKey = Symbol("UiCollapseGroup_collapse");
+const CollapseGroupRegisterKey = /* @__PURE__ */ Symbol("UiCollapseGroup_register");
+const CollapseGroupUnregisterKey = /* @__PURE__ */ Symbol("UiCollapseGroup_unregister");
+const CollapseGroupExpandKey = /* @__PURE__ */ Symbol("UiCollapseGroup_expand");
+const CollapseGroupCollapseKey = /* @__PURE__ */ Symbol("UiCollapseGroup_collapse");
 const _hoisted_1$B = ["id", "aria-labelledby"];
 const _hoisted_2$j = ["id", "disabled", "aria-controls", "aria-expanded", "aria-disabled"];
 const _hoisted_3$f = { class: "ui-v1-collapse-box__icon-sprite" };
@@ -4479,7 +4479,7 @@ const computePosition = (reference, floating, options) => {
     platform: platformWithCache
   });
 };
-const ProcessedByPopperKey = Symbol.for("[@retailcrm/embed-ui-v1-components]:ProcessedByPopper");
+const ProcessedByPopperKey = /* @__PURE__ */ Symbol.for("[@retailcrm/embed-ui-v1-components]:ProcessedByPopper");
 const sides = ["top", "right", "bottom", "left"];
 const isPlacementLiteral = (value) => sides.some((side) => {
   return value === side || value === `${side}-start` || value === `${side}-end`;
@@ -4494,7 +4494,7 @@ const isPlacementAdaptation = (value) => {
 const isPlacementOptions = (value) => {
   return typeof value === "object" && value !== null && "side" in value && isPlacementSide(value.side) && "alignment" in value && isPlacementAlignment(value.alignment) && "adaptation" in value && isPlacementAdaptation(value.adaptation);
 };
-const PopperTargetKey = Symbol.for(
+const PopperTargetKey = /* @__PURE__ */ Symbol.for(
   "[@retailcrm/embed-ui-v1-components]:PopperTarget"
 );
 const useTarget = (target) => {
@@ -7575,7 +7575,7 @@ class LayerRegistry {
   }
 }
 const layers = new LayerRegistry();
-const ModalInjectKey = Symbol("$embedModal");
+const ModalInjectKey = /* @__PURE__ */ Symbol("$embedModal");
 const plugin = {
   install(app, options) {
     app.provide(ModalInjectKey, reactive({
@@ -10460,6 +10460,12 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
     const onInput = (event) => {
       const target = event.target;
+      if (inputReadonly.value) {
+        if (target) {
+          target.value = inputValue.value;
+        }
+        return;
+      }
       emit("input", target?.value ?? "");
     };
     const onFocus = (event) => emit("focus", event);
@@ -10518,7 +10524,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             active: __props.expanded,
             clearable: __props.clearable,
             invalid: __props.invalid,
-            readonly: inputReadonly.value,
+            readonly: __props.readonly,
             size: __props.textboxSize,
             disabled: __props.disabled,
             "input-attributes": textboxAttributes.value,
@@ -12580,7 +12586,7 @@ var SIZE = /* @__PURE__ */ ((SIZE2) => {
   return SIZE2;
 })(SIZE || {});
 const ToolbarInjectKeys = {
-  size: Symbol("UiToolbarSize")
+  size: /* @__PURE__ */ Symbol("UiToolbarSize")
 };
 const useToolbarSize = () => inject(ToolbarInjectKeys.size, computed(
   () => "sm"

package/dist/remote.cjs

@@ -154,7 +154,7 @@ const _hoisted_3$3 = {
   class: "ui-v1-field__required-mark",
   "aria-hidden": "true"
 };
-const _hoisted_4$1 = {
+const _hoisted_4$2 = {
   key: 1,
   class: "ui-v1-field__hint"
 };
@@ -233,7 +233,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
             ]),
             __props.required ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$3, " * ")) : vue.createCommentVNode("", true)
           ], 8, _hoisted_2$3)) : vue.createCommentVNode("", true),
-          __props.hint || _ctx.$slots.hint ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$1, [
+          __props.hint || _ctx.$slots.hint ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$2, [
             vue.createVNode(vue.unref(UiPopperConnector), null, {
               default: vue.withCtx(() => [
                 vue.createVNode(vue.unref(UiPopperTarget), {
@@ -404,14 +404,15 @@ const UiPageHeaderTitle = remote.defineRemoteComponent(UiPageHeaderTitleType, {
     blur: remote.defineRemoteMethod()
   }
 });
-const _hoisted_1$5 = { class: "ui-v1-page-header__main" };
-const _hoisted_2$2 = {
+const _hoisted_1$5 = {
   key: 0,
-  class: "ui-v1-page-header__addon"
+  class: "ui-v1-page-header__actions"
 };
-const _hoisted_3$2 = {
+const _hoisted_2$2 = { class: "ui-v1-page-header__main" };
+const _hoisted_3$2 = { class: "ui-v1-page-header__body" };
+const _hoisted_4$1 = {
   key: 0,
-  class: "ui-v1-page-header__actions"
+  class: "ui-v1-page-header__addon"
 };
 const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   ...{
@@ -497,60 +498,62 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
           "ui-v1-page-header_readonly": __props.readonly
         }
       }, _ctx.$attrs), [
-        vue.createElementVNode("div", _hoisted_1$5, [
-          vue.createVNode(vue.unref(UiPopperConnector), null, {
-            default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(UiPopperTarget), {
-                tag: "div",
-                class: "ui-v1-page-header__title"
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(UiPageHeaderTitle), {
-                    id: __props.id,
-                    ref_key: "header",
-                    ref: header,
-                    value: valueState.value,
-                    placeholder: __props.placeholder,
-                    error: __props.error,
-                    invalid: __props.invalid,
-                    editable: __props.editable,
-                    autofocus: __props.autofocus,
-                    autoselect: __props.autoselect,
-                    readonly: __props.readonly,
-                    disabled: __props.disabled,
-                    onBlur: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("blur", $event)),
-                    onChange: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("change", $event)),
-                    onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("focus", $event)),
-                    onKeydown: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("keydown", $event)),
-                    "onUpdate:value": onUpdateValue
-                  }, null, 8, ["id", "value", "placeholder", "error", "invalid", "editable", "autofocus", "autoselect", "readonly", "disabled"])
-                ]),
-                _: 1
-              }),
-              displayInvalid.value && __props.error ? (vue.openBlock(), vue.createBlock(vue.unref(UiTooltip), {
-                key: 0,
-                "target-triggers": {
-                  hide: [""]
-                },
-                "offset-main-axis": 8,
-                visible: "",
-                placement: "right"
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createTextVNode(vue.toDisplayString(__props.error), 1)
-                ]),
-                _: 1
-              })) : vue.createCommentVNode("", true)
-            ]),
-            _: 1
-          }),
-          _ctx.$slots.addon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$2, [
-            vue.renderSlot(_ctx.$slots, "addon")
-          ])) : vue.createCommentVNode("", true)
-        ]),
-        _ctx.$slots.actions ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, [
+        _ctx.$slots.actions ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
           vue.renderSlot(_ctx.$slots, "actions")
-        ])) : vue.createCommentVNode("", true)
+        ])) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_2$2, [
+          vue.createElementVNode("div", _hoisted_3$2, [
+            vue.createVNode(vue.unref(UiPopperConnector), null, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(UiPopperTarget), {
+                  tag: "div",
+                  class: "ui-v1-page-header__title"
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(UiPageHeaderTitle), {
+                      id: __props.id,
+                      ref_key: "header",
+                      ref: header,
+                      value: valueState.value,
+                      placeholder: __props.placeholder,
+                      error: __props.error,
+                      invalid: __props.invalid,
+                      editable: __props.editable,
+                      autofocus: __props.autofocus,
+                      autoselect: __props.autoselect,
+                      readonly: __props.readonly,
+                      disabled: __props.disabled,
+                      onBlur: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("blur", $event)),
+                      onChange: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("change", $event)),
+                      onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("focus", $event)),
+                      onKeydown: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("keydown", $event)),
+                      "onUpdate:value": onUpdateValue
+                    }, null, 8, ["id", "value", "placeholder", "error", "invalid", "editable", "autofocus", "autoselect", "readonly", "disabled"])
+                  ]),
+                  _: 1
+                }),
+                displayInvalid.value && __props.error ? (vue.openBlock(), vue.createBlock(vue.unref(UiTooltip), {
+                  key: 0,
+                  "target-triggers": {
+                    hide: [""]
+                  },
+                  "offset-main-axis": 8,
+                  visible: "",
+                  placement: "right"
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(vue.toDisplayString(__props.error), 1)
+                  ]),
+                  _: 1
+                })) : vue.createCommentVNode("", true)
+              ]),
+              _: 1
+            }),
+            _ctx.$slots.addon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, [
+              vue.renderSlot(_ctx.$slots, "addon")
+            ])) : vue.createCommentVNode("", true)
+          ])
+        ])
       ], 16);
     };
   }
@@ -586,13 +589,13 @@ var SIZE$4 = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["LG"] = "lg";
   return SIZE2;
 })(SIZE$4 || {});
-const AppearanceKey = Symbol("UiRadioSwitchAppearance");
-const SizeKey$1 = Symbol("UiRadioSwitchSize");
-const RegistryKey$1 = Symbol("UiRadioSwitchRegistry");
-const UpdateKey = Symbol("UiRadioSwitchUpdate");
-const FocusableIdKey$1 = Symbol("UiRadioSwitchFocusableId");
-const SetFocusableIdKey$1 = Symbol("UiRadioSwitchSetFocusableId");
-const MoveFocusKey$1 = Symbol("UiRadioSwitchMoveFocus");
+const AppearanceKey = /* @__PURE__ */ Symbol("UiRadioSwitchAppearance");
+const SizeKey$1 = /* @__PURE__ */ Symbol("UiRadioSwitchSize");
+const RegistryKey$1 = /* @__PURE__ */ Symbol("UiRadioSwitchRegistry");
+const UpdateKey = /* @__PURE__ */ Symbol("UiRadioSwitchUpdate");
+const FocusableIdKey$1 = /* @__PURE__ */ Symbol("UiRadioSwitchFocusableId");
+const SetFocusableIdKey$1 = /* @__PURE__ */ Symbol("UiRadioSwitchSetFocusableId");
+const MoveFocusKey$1 = /* @__PURE__ */ Symbol("UiRadioSwitchMoveFocus");
 const useAppearance = () => vue.inject(AppearanceKey, vue.computed(() => APPEARANCE$2.DEFAULT));
 const useSize$1 = () => vue.inject(SizeKey$1, vue.computed(() => SIZE$4.MD));
 const useRegistry$1 = () => vue.inject(RegistryKey$1, {
@@ -1661,13 +1664,13 @@ var UiToggleButtonSize = /* @__PURE__ */ ((UiToggleButtonSize2) => {
   UiToggleButtonSize2["XS"] = "xs";
   return UiToggleButtonSize2;
 })(UiToggleButtonSize || {});
-const FocusableIdKey = Symbol("UiToggleGroupFocusableId");
-const MoveFocusKey = Symbol("UiToggleGroupMoveFocus");
-const RegistryKey = Symbol("UiToggleGroupRegistry");
-const SetFocusableIdKey = Symbol("UiToggleGroupSetFocusableId");
-const SizeKey = Symbol("UiToggleGroupSize");
-const DisabledKey = Symbol("UiToggleGroupDisabled");
-const ToggleKey$1 = Symbol("UiToggleGroupToggle");
+const FocusableIdKey = /* @__PURE__ */ Symbol("UiToggleGroupFocusableId");
+const MoveFocusKey = /* @__PURE__ */ Symbol("UiToggleGroupMoveFocus");
+const RegistryKey = /* @__PURE__ */ Symbol("UiToggleGroupRegistry");
+const SetFocusableIdKey = /* @__PURE__ */ Symbol("UiToggleGroupSetFocusableId");
+const SizeKey = /* @__PURE__ */ Symbol("UiToggleGroupSize");
+const DisabledKey = /* @__PURE__ */ Symbol("UiToggleGroupDisabled");
+const ToggleKey$1 = /* @__PURE__ */ Symbol("UiToggleGroupToggle");
 const useFocusableId = () => vue.inject(FocusableIdKey, vue.computed(() => null));
 const useMoveFocus = () => vue.inject(MoveFocusKey, () => {
 });
@@ -2228,24 +2231,24 @@ const highlight = (text, term, style) => text.replace(
 );
 let counter = 0;
 const uid = (prefix = "ui-v1-select") => `${prefix}-${++counter}`;
-const IsSelectedKey = Symbol("UiSelectedIsSelected");
-const RegisterKey = Symbol("UiSelectRegister");
-const SyncKey = Symbol("UiSelectSync");
-const UnregisterKey = Symbol("UiSelectUnregister");
-const ToggleKey = Symbol("UiSelectToggle");
-const FilterKey = Symbol("UiSelectFilter");
-const FilteredKey = Symbol("UiSelectFiltered");
-const TickerKey = Symbol("UiSelectTicker");
-const MultipleKey = Symbol("UiSelectMultiple");
-const ActiveOptionIdKey = Symbol("UiSelectActiveOptionId");
-const FastenedKey = Symbol("UiSelectFastened");
-const UnregisterOptionKey = Symbol("UiSelectUnregisterOption");
-const RegisterOptionKey = Symbol("UiSelectRegisterOption");
-const RegisterGroupKey = Symbol("UiSelectOptionGroupRegister");
-const UnregisterGroupKey = Symbol("UiSelectOptionGroupUnregister");
-const RegisterHeaderOptionKey = Symbol("UiSelectOptionGroupRegisterHeaderOption");
-const UnregisterHeaderOptionKey = Symbol("UiSelectOptionGroupUnregisterHeaderOption");
-const I18nInjectKey = Symbol("$embedI18n");
+const IsSelectedKey = /* @__PURE__ */ Symbol("UiSelectedIsSelected");
+const RegisterKey = /* @__PURE__ */ Symbol("UiSelectRegister");
+const SyncKey = /* @__PURE__ */ Symbol("UiSelectSync");
+const UnregisterKey = /* @__PURE__ */ Symbol("UiSelectUnregister");
+const ToggleKey = /* @__PURE__ */ Symbol("UiSelectToggle");
+const FilterKey = /* @__PURE__ */ Symbol("UiSelectFilter");
+const FilteredKey = /* @__PURE__ */ Symbol("UiSelectFiltered");
+const TickerKey = /* @__PURE__ */ Symbol("UiSelectTicker");
+const MultipleKey = /* @__PURE__ */ Symbol("UiSelectMultiple");
+const ActiveOptionIdKey = /* @__PURE__ */ Symbol("UiSelectActiveOptionId");
+const FastenedKey = /* @__PURE__ */ Symbol("UiSelectFastened");
+const UnregisterOptionKey = /* @__PURE__ */ Symbol("UiSelectUnregisterOption");
+const RegisterOptionKey = /* @__PURE__ */ Symbol("UiSelectRegisterOption");
+const RegisterGroupKey = /* @__PURE__ */ Symbol("UiSelectOptionGroupRegister");
+const UnregisterGroupKey = /* @__PURE__ */ Symbol("UiSelectOptionGroupUnregister");
+const RegisterHeaderOptionKey = /* @__PURE__ */ Symbol("UiSelectOptionGroupRegisterHeaderOption");
+const UnregisterHeaderOptionKey = /* @__PURE__ */ Symbol("UiSelectOptionGroupUnregisterHeaderOption");
+const I18nInjectKey = /* @__PURE__ */ Symbol("$embedI18n");
 const UiSelectTriggerType = "UiSelectTrigger";
 const UiSelectTrigger = remote.defineRemoteComponent(UiSelectTriggerType, {
   emits: [
@@ -2309,7 +2312,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     /** Атрибут placeholder нативного поля ввода input */
     placeholder: {
       type: String,
-      default: "test"
+      default: ""
     },
     /** Отображает иконку сброса введённого или выбранного значения в виде крестика */
     clearable: {
@@ -2413,7 +2416,9 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
       default: false
     }
   },
-  setup(__props) {
+  emits: ["change", "update:value"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
     const props = __props;
     const state = vue.reactive({
       expanded: props.expanded,
@@ -2442,6 +2447,11 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     const equals = (a, b) => props.equalsFn(a, b);
     const contains = (array, value) => array.some((v) => equals(v, value));
     const navigableOptions = vue.computed(() => optionsRegistry.value.filter((option) => option.isMatched() && !option.disabled));
+    const setValue = (value) => {
+      state.value = value;
+      emit("change", value);
+      emit("update:value", value);
+    };
     vue.provide(RegisterKey, (option) => {
       if (optionsRegistry.value.some((item) => item.id === option.id)) {
         throw new Error(`[UiSelect] Component with id ${option.id} already registered. Unregister it before using again.`);
@@ -2474,12 +2484,12 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
         } else {
           model.push(value);
         }
-        state.value = model;
+        setValue(model);
         if (!props.multiple) {
           close();
         }
       } else {
-        state.value = value;
+        setValue(value);
         close();
       }
     });
@@ -2533,9 +2543,9 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
         } else {
           model.push(option.value);
         }
-        state.value = model;
+        setValue(model);
       } else {
-        state.value = option.value;
+        setValue(option.value);
         close();
       }
     };
@@ -2664,7 +2674,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
           }, _ctx.$attrs, {
             onInput,
             onKeydown: onKeyDown,
-            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => state.value = $event),
+            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => setValue($event)),
             "onUpdate:expanded": _cache[1] || (_cache[1] = ($event) => state.expanded = $event)
           }), null, 16, ["id", "value", "multiple", "selection", "filter", "filterable", "clearable", "expanded", "invalid", "disabled", "readonly", "placeholder-only", "placeholder", "textbox-size", "width", "active-descendant"]),
           vue.createVNode(vue.unref(UiSelectPopper), {
@@ -3104,7 +3114,7 @@ const mountEndpointRoot = async (channel) => {
   await root.mount();
   return root;
 };
-const ImageWorkersKey = Symbol("$image.workers");
+const ImageWorkersKey = /* @__PURE__ */ Symbol("$image.workers");
 const usePreview = (workers = vue.ref([])) => {
   const _workers = vue.inject(ImageWorkersKey, workers);
   return {

package/dist/remote.d.ts

@@ -1,5 +1,6 @@
 import { Alignment } from '@floating-ui/dom';
 import { AllowedComponentProps } from 'vue';
+import { Attrs } from 'vue';
 import { Channel } from '@omnicajs/vue-remote/remote';
 import { ComponentCustomProperties } from 'vue';
 import { ComponentCustomProps } from 'vue';
@@ -34,7 +35,6 @@ import { SerializedEvent } from '@omnicajs/vue-remote/types/events';
 import { SerializedFocusEvent } from '@omnicajs/vue-remote/types/events';
 import { SerializedInputEvent } from '@omnicajs/vue-remote/types/events';
 import { SerializedKeyboardEvent } from '@omnicajs/vue-remote/types/events';
-import { ShallowUnwrapRef } from 'vue';
 import { Side } from '@floating-ui/dom';
 import { Slot } from 'vue';
 import { Strategy } from '@floating-ui/dom';
@@ -271,9 +271,7 @@ declare const __VLS_component_2: DefineComponent<ExtractPropTypes<{
         $props: Partial<{}> & Omit<{
             readonly [x: string]: any;
         } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>;
-        $attrs: {
-            [x: string]: unknown;
-        };
+        $attrs: Attrs;
         $refs: {
             [x: string]: unknown;
         };
@@ -328,9 +326,9 @@ declare const __VLS_component_2: DefineComponent<ExtractPropTypes<{
             any,
             OnCleanup
         ]) => any, options?: WatchOptions): WatchStopHandle;
-    } & Readonly<{}> & Omit<Readonly<ExtractPropTypes<RemoteProperties<UiPageHeaderProperties>>>, string> & ShallowUnwrapRef<{
+    } & Readonly<{}> & Omit<Readonly<ExtractPropTypes<RemoteProperties<UiPageHeaderProperties>>>, string> & {
         [x: string]: unknown;
-    }> & {
+    } & {
         [x: string]: never;
     } & {
         [x: string]: unknown;
@@ -643,7 +641,10 @@ declare const __VLS_component_5: DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    change: (value: unknown) => any;
+    "update:value": (value: unknown) => any;
+}, string, PublicProps, Readonly<ExtractPropTypes<{
     /** Атрибут id корневого элемента выпадающего списка. Должен быть уникальным на странице */
     id: {
         type: StringConstructor;
@@ -759,7 +760,10 @@ declare const __VLS_component_5: DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onChange?: ((value: unknown) => any) | undefined;
+    "onUpdate:value"?: ((value: unknown) => any) | undefined;
+}>, {
     id: string;
     placeholder: string;
     disabled: boolean;
@@ -789,9 +793,7 @@ declare const __VLS_component_5: DefineComponent<ExtractPropTypes<{
         $props: Partial<{}> & Omit<{
             readonly [x: string]: any;
         } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>;
-        $attrs: {
-            [x: string]: unknown;
-        };
+        $attrs: Attrs;
         $refs: {
             [x: string]: unknown;
         };
@@ -842,14 +844,14 @@ declare const __VLS_component_5: DefineComponent<ExtractPropTypes<{
             R,
             R,
             OnCleanup
-        ]) => any : (... /** @type { [typeof __VLS_components.UiPopperConnector, typeof __VLS_components.UiPopperConnector, ] } */args: [
+        ]) => any : (...args: [
             any,
             any,
             OnCleanup
         ]) => any, options?: WatchOptions): WatchStopHandle;
-    } & Readonly<{}> & Omit<Readonly<ExtractPropTypes<RemoteProperties<UiSelectPopperProperties>>>, string> & ShallowUnwrapRef<{
+    } & Readonly<{}> & Omit<Readonly<ExtractPropTypes<RemoteProperties<UiSelectPopperProperties>>>, string> & {
         [x: string]: unknown;
-    }> & {
+    } & {
         [x: string]: never;
     } & {
         [x: string]: unknown;
@@ -995,8 +997,8 @@ declare function __VLS_template(): {
 declare function __VLS_template_2(): {
     attrs: Partial<{}>;
     slots: {
-        addon?(_: {}): any;
         actions?(_: {}): any;
+        addon?(_: {}): any;
     };
     refs: {
         header: ({
@@ -1007,9 +1009,7 @@ declare function __VLS_template_2(): {
             $props: Partial<{}> & Omit<{
                 readonly [x: string]: any;
             } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>;
-            $attrs: {
-                [x: string]: unknown;
-            };
+            $attrs: Attrs;
             $refs: {
                 [x: string]: unknown;
             };
@@ -1064,9 +1064,9 @@ declare function __VLS_template_2(): {
                 any,
                 OnCleanup
             ]) => any, options?: WatchOptions): WatchStopHandle;
-        } & Readonly<{}> & Omit<Readonly<ExtractPropTypes<RemoteProperties<UiPageHeaderProperties>>>, string> & ShallowUnwrapRef<{
+        } & Readonly<{}> & Omit<Readonly<ExtractPropTypes<RemoteProperties<UiPageHeaderProperties>>>, string> & {
             [x: string]: unknown;
-        }> & {
+        } & {
             [x: string]: never;
         } & {
             [x: string]: unknown;
@@ -1133,9 +1133,7 @@ declare function __VLS_template_5(): {
             $props: Partial<{}> & Omit<{
                 readonly [x: string]: any;
             } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>;
-            $attrs: {
-                [x: string]: unknown;
-            };
+            $attrs: Attrs;
             $refs: {
                 [x: string]: unknown;
             };
@@ -1186,14 +1184,14 @@ declare function __VLS_template_5(): {
                 R,
                 R,
                 OnCleanup
-            ]) => any : (... /** @type { [typeof __VLS_components.UiPopperConnector, typeof __VLS_components.UiPopperConnector, ] } */args: [
+            ]) => any : (...args: [
                 any,
                 any,
                 OnCleanup
             ]) => any, options?: WatchOptions): WatchStopHandle;
-        } & Readonly<{}> & Omit<Readonly<ExtractPropTypes<RemoteProperties<UiSelectPopperProperties>>>, string> & ShallowUnwrapRef<{
+        } & Readonly<{}> & Omit<Readonly<ExtractPropTypes<RemoteProperties<UiSelectPopperProperties>>>, string> & {
             [x: string]: unknown;
-        }> & {
+        } & {
             [x: string]: never;
         } & {
             [x: string]: unknown;
@@ -3492,9 +3490,7 @@ export declare const UiRadioSwitchOption: __VLS_WithTemplateSlots_4<DefineCompon
         $props: Partial<{}> & Omit<{
             readonly [x: string]: any;
         } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>;
-        $attrs: {
-            [x: string]: unknown;
-        };
+        $attrs: Attrs;
         $refs: {
             [x: string]: unknown;
         };
@@ -3548,9 +3544,9 @@ export declare const UiRadioSwitchOption: __VLS_WithTemplateSlots_4<DefineCompon
             any,
             OnCleanup
         ]) => any, options?: WatchOptions): WatchStopHandle;
-    } & Readonly<{}> & Omit<Readonly<ExtractPropTypes<RemoteProperties<UiRadioSwitchOptionShellProperties>>>, string> & ShallowUnwrapRef<{
+    } & Readonly<{}> & Omit<Readonly<ExtractPropTypes<RemoteProperties<UiRadioSwitchOptionShellProperties>>>, string> & {
         [x: string]: unknown;
-    }> & {
+    } & {
         [x: string]: never;
     } & {
         [x: string]: unknown;
@@ -4942,9 +4938,7 @@ export declare const UiToggleGroupOption: __VLS_WithTemplateSlots_6<DefineCompon
         $props: Partial<{}> & Omit<{
             readonly [x: string]: any;
         } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>;
-        $attrs: {
-            [x: string]: unknown;
-        };
+        $attrs: Attrs;
         $refs: {
             [x: string]: unknown;
         };
@@ -4999,9 +4993,9 @@ export declare const UiToggleGroupOption: __VLS_WithTemplateSlots_6<DefineCompon
             any,
             OnCleanup
         ]) => any, options?: WatchOptions): WatchStopHandle;
-    } & Readonly<{}> & Omit<Readonly<ExtractPropTypes<RemoteProperties<UiToggleButtonProperties>>>, string> & ShallowUnwrapRef<{
+    } & Readonly<{}> & Omit<Readonly<ExtractPropTypes<RemoteProperties<UiToggleButtonProperties>>>, string> & {
         [x: string]: unknown;
-    }> & {
+    } & {
         [x: string]: never;
     } & {
         [x: string]: unknown;