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

package/dist/remote.js

@@ -152,7 +152,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"
 };
@@ -231,7 +231,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             ]),
             __props.required ? (openBlock(), createElementBlock("span", _hoisted_3$3, " * ")) : createCommentVNode("", true)
           ], 8, _hoisted_2$3)) : createCommentVNode("", true),
-          __props.hint || _ctx.$slots.hint ? (openBlock(), createElementBlock("span", _hoisted_4$1, [
+          __props.hint || _ctx.$slots.hint ? (openBlock(), createElementBlock("span", _hoisted_4$2, [
             createVNode(unref(UiPopperConnector), null, {
               default: withCtx(() => [
                 createVNode(unref(UiPopperTarget), {
@@ -402,14 +402,15 @@ const UiPageHeaderTitle = defineRemoteComponent(UiPageHeaderTitleType, {
     blur: 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__ */ defineComponent({
   ...{
@@ -495,60 +496,62 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           "ui-v1-page-header_readonly": __props.readonly
         }
       }, _ctx.$attrs), [
-        createElementVNode("div", _hoisted_1$5, [
-          createVNode(unref(UiPopperConnector), null, {
-            default: withCtx(() => [
-              createVNode(unref(UiPopperTarget), {
-                tag: "div",
-                class: "ui-v1-page-header__title"
-              }, {
-                default: withCtx(() => [
-                  createVNode(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 ? (openBlock(), createBlock(unref(UiTooltip), {
-                key: 0,
-                "target-triggers": {
-                  hide: [""]
-                },
-                "offset-main-axis": 8,
-                visible: "",
-                placement: "right"
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(__props.error), 1)
-                ]),
-                _: 1
-              })) : createCommentVNode("", true)
-            ]),
-            _: 1
-          }),
-          _ctx.$slots.addon ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
-            renderSlot(_ctx.$slots, "addon")
-          ])) : createCommentVNode("", true)
-        ]),
-        _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
+        _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
           renderSlot(_ctx.$slots, "actions")
-        ])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_2$2, [
+          createElementVNode("div", _hoisted_3$2, [
+            createVNode(unref(UiPopperConnector), null, {
+              default: withCtx(() => [
+                createVNode(unref(UiPopperTarget), {
+                  tag: "div",
+                  class: "ui-v1-page-header__title"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(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 ? (openBlock(), createBlock(unref(UiTooltip), {
+                  key: 0,
+                  "target-triggers": {
+                    hide: [""]
+                  },
+                  "offset-main-axis": 8,
+                  visible: "",
+                  placement: "right"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(__props.error), 1)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true)
+              ]),
+              _: 1
+            }),
+            _ctx.$slots.addon ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+              renderSlot(_ctx.$slots, "addon")
+            ])) : createCommentVNode("", true)
+          ])
+        ])
       ], 16);
     };
   }
@@ -584,13 +587,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 = () => inject(AppearanceKey, computed(() => APPEARANCE$2.DEFAULT));
 const useSize$1 = () => inject(SizeKey$1, computed(() => SIZE$4.MD));
 const useRegistry$1 = () => inject(RegistryKey$1, {
@@ -1659,13 +1662,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 = () => inject(FocusableIdKey, computed(() => null));
 const useMoveFocus = () => inject(MoveFocusKey, () => {
 });
@@ -2226,24 +2229,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 = defineRemoteComponent(UiSelectTriggerType, {
   emits: [
@@ -2307,7 +2310,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     /** Атрибут placeholder нативного поля ввода input */
     placeholder: {
       type: String,
-      default: "test"
+      default: ""
     },
     /** Отображает иконку сброса введённого или выбранного значения в виде крестика */
     clearable: {
@@ -2411,7 +2414,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       default: false
     }
   },
-  setup(__props) {
+  emits: ["change", "update:value"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
     const props = __props;
     const state = reactive({
       expanded: props.expanded,
@@ -2440,6 +2445,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const equals = (a, b) => props.equalsFn(a, b);
     const contains = (array, value) => array.some((v) => equals(v, value));
     const navigableOptions = computed(() => optionsRegistry.value.filter((option) => option.isMatched() && !option.disabled));
+    const setValue = (value) => {
+      state.value = value;
+      emit("change", value);
+      emit("update:value", value);
+    };
     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.`);
@@ -2472,12 +2482,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         } else {
           model.push(value);
         }
-        state.value = model;
+        setValue(model);
         if (!props.multiple) {
           close();
         }
       } else {
-        state.value = value;
+        setValue(value);
         close();
       }
     });
@@ -2531,9 +2541,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         } else {
           model.push(option.value);
         }
-        state.value = model;
+        setValue(model);
       } else {
-        state.value = option.value;
+        setValue(option.value);
         close();
       }
     };
@@ -2662,7 +2672,7 @@ const _sfc_main$3 = /* @__PURE__ */ 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"]),
           createVNode(unref(UiSelectPopper), {
@@ -3102,7 +3112,7 @@ const mountEndpointRoot = async (channel) => {
   await root.mount();
   return root;
 };
-const ImageWorkersKey = Symbol("$image.workers");
+const ImageWorkersKey = /* @__PURE__ */ Symbol("$image.workers");
 const usePreview = (workers = ref([])) => {
   const _workers = inject(ImageWorkersKey, workers);
   return {