@retailcrm/embed-ui-v1-components 0.9.11-alpha.4 → 0.9.11-alpha.6

package/dist/host.cjs

@@ -8706,11 +8706,8 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const uid2 = vue.useId();
+    const uid2 = "embed-ui-" + vue.useId();
     const stepperId = vue.computed(() => props.id ?? uid2);
-    const inputId = vue.computed(() => `${stepperId.value}-input`);
-    const increaseId = vue.computed(() => `${stepperId.value}-increase`);
-    const decreaseId = vue.computed(() => `${stepperId.value}-decrease`);
     const i18n = vue.computed(() => _i18n$3.init(vue.inject(I18nInjectKey, null)?.locale ?? _i18n$3.fallback));
     const textbox = vue.ref(null);
     const model = vue.ref("");
@@ -8946,7 +8943,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-        id: stepperId.value,
+        id: `${stepperId.value}-root`,
         class: {
           "ui-v1-number-stepper": true,
           "ui-v1-number-stepper_horizontal": __props.direction === vue.unref(DIRECTION).HORIZONTAL,
@@ -8961,8 +8958,8 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
         role: "group"
       }, _ctx.$attrs), [
         vue.createElementVNode("button", {
-          id: decreaseId.value,
-          "aria-controls": inputId.value,
+          id: `${stepperId.value}-decrease`,
+          "aria-controls": stepperId.value,
           "aria-label": decreaseLabel.value,
           disabled: !canDecrease.value,
           class: "ui-v1-number-stepper__button ui-v1-number-stepper__button_decrease",
@@ -8981,7 +8978,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
           }))
         ], 8, _hoisted_2$4),
         vue.createVNode(_sfc_main$q, vue.mergeProps(resolvedTextboxOptions.value, {
-          id: inputId.value,
+          id: stepperId.value,
           ref_key: "textbox",
           ref: textbox,
           value: model.value,
@@ -9001,8 +8998,8 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
           onKeydown: onTextboxKeydown
         }), null, 16, ["id", "value", "size", "outlined", "autofit", "readonly", "disabled", "required", "invalid", "input-attributes"]),
         vue.createElementVNode("button", {
-          id: increaseId.value,
-          "aria-controls": inputId.value,
+          id: `${stepperId.value}-increase`,
+          "aria-controls": stepperId.value,
           "aria-label": increaseLabel.value,
           disabled: !canIncrease.value,
           class: "ui-v1-number-stepper__button ui-v1-number-stepper__button_increase",

package/dist/host.css

@@ -3640,6 +3640,10 @@
   box-shadow: 0 0 0 2px #6CADFF;
   outline: none;
 }
+.ui-v1-select {
+  width: fit-content;
+  max-width: 100%;
+}
 .ui-v1-select,
 .ui-v1-select *,
 .ui-v1-select *::before,

package/dist/host.js

@@ -8704,11 +8704,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const uid2 = useId();
+    const uid2 = "embed-ui-" + useId();
     const stepperId = computed(() => props.id ?? uid2);
-    const inputId = computed(() => `${stepperId.value}-input`);
-    const increaseId = computed(() => `${stepperId.value}-increase`);
-    const decreaseId = computed(() => `${stepperId.value}-decrease`);
     const i18n = computed(() => _i18n$3.init(inject(I18nInjectKey, null)?.locale ?? _i18n$3.fallback));
     const textbox = ref(null);
     const model = ref("");
@@ -8944,7 +8941,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", mergeProps({
-        id: stepperId.value,
+        id: `${stepperId.value}-root`,
         class: {
           "ui-v1-number-stepper": true,
           "ui-v1-number-stepper_horizontal": __props.direction === unref(DIRECTION).HORIZONTAL,
@@ -8959,8 +8956,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         role: "group"
       }, _ctx.$attrs), [
         createElementVNode("button", {
-          id: decreaseId.value,
-          "aria-controls": inputId.value,
+          id: `${stepperId.value}-decrease`,
+          "aria-controls": stepperId.value,
           "aria-label": decreaseLabel.value,
           disabled: !canDecrease.value,
           class: "ui-v1-number-stepper__button ui-v1-number-stepper__button_decrease",
@@ -8979,7 +8976,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           }))
         ], 8, _hoisted_2$4),
         createVNode(_sfc_main$q, mergeProps(resolvedTextboxOptions.value, {
-          id: inputId.value,
+          id: stepperId.value,
           ref_key: "textbox",
           ref: textbox,
           value: model.value,
@@ -8999,8 +8996,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           onKeydown: onTextboxKeydown
         }), null, 16, ["id", "value", "size", "outlined", "autofit", "readonly", "disabled", "required", "invalid", "input-attributes"]),
         createElementVNode("button", {
-          id: increaseId.value,
-          "aria-controls": inputId.value,
+          id: `${stepperId.value}-increase`,
+          "aria-controls": stepperId.value,
           "aria-label": increaseLabel.value,
           disabled: !canIncrease.value,
           class: "ui-v1-number-stepper__button ui-v1-number-stepper__button_increase",

package/dist/remote.cjs

@@ -728,6 +728,9 @@ const _hoisted_1$3 = {
   class: "ui-v1-select__no-results-text"
 };
 const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    inheritAttrs: false
+  },
   __name: "UiSelect",
   props: {
     /** Атрибут id корневого элемента выпадающего списка. Должен быть уникальным на странице */
@@ -737,8 +740,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     },
     /** Атрибут value, содержащий выбранный элемент из выпадающего списка */
     value: {
-      type: null,
-      default: void 0
+      type: null
     },
     /** Атрибут placeholder нативного поля ввода input */
     placeholder: {
@@ -1055,7 +1057,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(UiPopperConnector), null, {
         default: vue.withCtx(() => [
-          vue.createVNode(vue.unref(UiSelectTrigger), {
+          vue.createVNode(vue.unref(UiSelectTrigger), vue.mergeProps({
             id: resolvedId.value,
             value: state.value,
             multiple: __props.multiple,
@@ -1070,12 +1072,13 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
             "placeholder-only": __props.placeholderOnly,
             placeholder: __props.placeholder,
             "textbox-size": __props.textboxSize,
-            "active-descendant": activeOptionId.value,
+            "active-descendant": activeOptionId.value
+          }, _ctx.$attrs, {
             onInput,
             onKeydown: onKeyDown,
             "onUpdate:value": _cache[0] || (_cache[0] = ($event) => state.value = $event),
             "onUpdate:expanded": _cache[1] || (_cache[1] = ($event) => state.expanded = $event)
-          }, null, 8, ["id", "value", "multiple", "selection", "filter", "filterable", "clearable", "expanded", "invalid", "disabled", "readonly", "placeholder-only", "placeholder", "textbox-size", "active-descendant"]),
+          }), null, 16, ["id", "value", "multiple", "selection", "filter", "filterable", "clearable", "expanded", "invalid", "disabled", "readonly", "placeholder-only", "placeholder", "textbox-size", "active-descendant"]),
           vue.createVNode(vue.unref(UiSelectPopper), {
             id: resolvedId.value,
             disabled: __props.disabled || __props.readonly,

package/dist/remote.d.ts

@@ -129,7 +129,6 @@ declare const __VLS_component_2: DefineComponent<ExtractPropTypes<{
     /** Атрибут value, содержащий выбранный элемент из выпадающего списка */
     value: {
         type: PropType<unknown | unknown[]>;
-        default: undefined;
     };
     /** Атрибут placeholder нативного поля ввода input */
     placeholder: {
@@ -240,7 +239,6 @@ declare const __VLS_component_2: DefineComponent<ExtractPropTypes<{
     /** Атрибут value, содержащий выбранный элемент из выпадающего списка */
     value: {
         type: PropType<unknown | unknown[]>;
-        default: undefined;
     };
     /** Атрибут placeholder нативного поля ввода input */
     placeholder: {
@@ -346,7 +344,6 @@ declare const __VLS_component_2: DefineComponent<ExtractPropTypes<{
     id: string;
     placeholder: string;
     disabled: boolean;
-    value: undefined;
     expanded: boolean;
     targetTriggers: TriggerSchema | Trigger[];
     popperTriggers: TriggerSchema | Trigger[];

package/dist/remote.js

@@ -726,6 +726,9 @@ const _hoisted_1$3 = {
   class: "ui-v1-select__no-results-text"
 };
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
   __name: "UiSelect",
   props: {
     /** Атрибут id корневого элемента выпадающего списка. Должен быть уникальным на странице */
@@ -735,8 +738,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     },
     /** Атрибут value, содержащий выбранный элемент из выпадающего списка */
     value: {
-      type: null,
-      default: void 0
+      type: null
     },
     /** Атрибут placeholder нативного поля ввода input */
     placeholder: {
@@ -1053,7 +1055,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(UiPopperConnector), null, {
         default: withCtx(() => [
-          createVNode(unref(UiSelectTrigger), {
+          createVNode(unref(UiSelectTrigger), mergeProps({
             id: resolvedId.value,
             value: state.value,
             multiple: __props.multiple,
@@ -1068,12 +1070,13 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             "placeholder-only": __props.placeholderOnly,
             placeholder: __props.placeholder,
             "textbox-size": __props.textboxSize,
-            "active-descendant": activeOptionId.value,
+            "active-descendant": activeOptionId.value
+          }, _ctx.$attrs, {
             onInput,
             onKeydown: onKeyDown,
             "onUpdate:value": _cache[0] || (_cache[0] = ($event) => state.value = $event),
             "onUpdate:expanded": _cache[1] || (_cache[1] = ($event) => state.expanded = $event)
-          }, null, 8, ["id", "value", "multiple", "selection", "filter", "filterable", "clearable", "expanded", "invalid", "disabled", "readonly", "placeholder-only", "placeholder", "textbox-size", "active-descendant"]),
+          }), null, 16, ["id", "value", "multiple", "selection", "filter", "filterable", "clearable", "expanded", "invalid", "disabled", "readonly", "placeholder-only", "placeholder", "textbox-size", "active-descendant"]),
           createVNode(unref(UiSelectPopper), {
             id: resolvedId.value,
             disabled: __props.disabled || __props.readonly,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@retailcrm/embed-ui-v1-components",
   "type": "module",
-  "version": "0.9.11-alpha.4",
+  "version": "0.9.11-alpha.6",
   "license": "MIT",
   "author": "RetailDriverLLC <integration@retailcrm.ru>",
   "repository": "git@github.com:retailcrm/embed-ui.git",
@@ -54,7 +54,7 @@
     "vue": "^3.5"
   },
   "dependencies": {
-    "@omnicajs/vue-remote": "^0.2.14",
+    "@omnicajs/vue-remote": "^0.2.16",
     "@remote-ui/rpc": "^1.4.7",
     "@retailcrm/image-preview": "^1.0.2",
     "date-fns": "^4.1.0",