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

package/dist/host.cjs

@@ -6560,10 +6560,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const emit = __emit;
     const uid2 = vue.useId();
-    const boxId = vue.computed(() => props.id ?? uid2);
-    const inputId = vue.computed(() => `${boxId.value}-input`);
-    const popperId = vue.computed(() => `${boxId.value}-popper`);
-    const popperContentId = vue.computed(() => `${boxId.value}-content`);
+    const inputId = vue.computed(() => props.id ?? uid2);
     const i18n = vue.computed(() => _i18n$4.init(vue.inject(I18nInjectKey, null)?.locale ?? _i18n$4.fallback));
     const trigger = vue.ref(null);
     const popperContent = vue.ref(null);
@@ -6797,10 +6794,10 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
-        id: boxId.value,
+        id: `${inputId.value}-root`,
         ref_key: "trigger",
         ref: trigger,
-        "aria-controls": popperId.value,
+        "aria-controls": `${inputId.value}-popper`,
         "aria-disabled": __props.disabled ? "true" : "false",
         "aria-expanded": showCalendar.value ? "true" : "false",
         "aria-haspopup": "dialog",
@@ -6849,7 +6846,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
           } : void 0
         ]), 1040, ["id", "clearable", "value", "placeholder", "active", "disabled", "readonly"])),
         vue.createVNode(_sfc_main$u, vue.mergeProps({
-          id: popperId.value,
+          id: `${inputId.value}-popper`,
           visible: showCalendar.value,
           target: triggerTarget.value,
           "global-triggers": [],
@@ -6864,7 +6861,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
         }), {
           default: vue.withCtx(() => [
             vue.createElementVNode("div", {
-              id: popperContentId.value,
+              id: `${inputId.value}-popper-content`,
               ref_key: "popperContent",
               ref: popperContent,
               class: "ui-v1-date-picker__popper-content",
@@ -7830,7 +7827,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
               "aria-hidden": visibility.value !== "shown" ? "true" : "false",
               class: [_ctx.$attrs.class, {
                 ["ui-v1-modal"]: true,
-                ["ui-v1-modal_overlapped"]: state.overlapped,
+                ["ui-v1-modal_overlapped"]: state.overlapped || __props.fixed,
                 ["ui-v1-modal-sidebar-overlay"]: true,
                 ["ui-v1-modal-sidebar-overlay_fixed"]: __props.fixed,
                 [`ui-v1-modal-sidebar-overlay_${__props.direction}`]: __props.fixed
@@ -7851,6 +7848,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
                     id: __props.id + "-sidebar",
                     class: vue.normalizeClass({
                       "ui-v1-modal-sidebar": true,
+                      "ui-v1-modal-sidebar_fixed": __props.fixed,
                       "ui-v1-modal-sidebar_left": __props.direction === vue.unref(DIRECTION$1).LEFT,
                       "ui-v1-modal-sidebar_size_sm": __props.size === vue.unref(SIZE$2).SM,
                       "ui-v1-modal-sidebar_size_lg": __props.size === vue.unref(SIZE$2).LG
@@ -10366,9 +10364,8 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const emit = __emit;
     const uid2 = vue.useId();
-    const boxId = vue.computed(() => props.id ?? uid2);
-    const inputId = vue.computed(() => `${boxId.value}-input`);
-    const listboxId = vue.computed(() => `${boxId.value}-listbox`);
+    const inputId = vue.computed(() => props.id ?? uid2);
+    const listboxId = vue.computed(() => `${inputId.value}-listbox`);
     const i18n = vue.computed(() => _i18n.init(vue.inject(I18nInjectKey, null)?.locale ?? _i18n.fallback));
     const root = vue.ref(null);
     const rootTarget = vue.computed(() => root);
@@ -10622,11 +10619,11 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-        id: boxId.value,
+        id: `${inputId.value}-root`,
         ref_key: "root",
         ref: root,
         "aria-activedescendant": expanded.value && activeOptionId.value ? activeOptionId.value : void 0,
-        "aria-controls": listboxId.value,
+        "aria-controls": `${inputId.value}-listbox`,
         "aria-disabled": __props.disabled ? "true" : "false",
         "aria-expanded": expanded.value ? "true" : "false",
         "aria-haspopup": "listbox",
@@ -10667,7 +10664,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
           _: 3
         }, 16, ["id", "value", "placeholder", "clearable", "disabled", "readonly"]),
         vue.createVNode(_sfc_main$u, {
-          id: listboxId.value,
+          id: `${inputId.value}-listbox`,
           visible: expanded.value,
           target: rootTarget.value,
           "global-triggers": [],

package/dist/host.css

@@ -2860,10 +2860,12 @@
   background: none;
 }
 .ui-v1-modal-sidebar-overlay_left {
+  left: 0;
   right: auto;
 }
 .ui-v1-modal-sidebar-overlay_right {
   left: auto;
+  right: 0;
 }
 .ui-v1-modal-sidebar {
   display: flex;
@@ -2878,6 +2880,9 @@
   right: 0;
   bottom: 0;
 }
+.ui-v1-modal-sidebar_fixed {
+  position: fixed;
+}
 .ui-v1-modal-sidebar_left {
   left: 0;
   right: auto;

package/dist/host.js

@@ -6558,10 +6558,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const uid2 = useId();
-    const boxId = computed(() => props.id ?? uid2);
-    const inputId = computed(() => `${boxId.value}-input`);
-    const popperId = computed(() => `${boxId.value}-popper`);
-    const popperContentId = computed(() => `${boxId.value}-content`);
+    const inputId = computed(() => props.id ?? uid2);
     const i18n = computed(() => _i18n$4.init(inject(I18nInjectKey, null)?.locale ?? _i18n$4.fallback));
     const trigger = ref(null);
     const popperContent = ref(null);
@@ -6795,10 +6792,10 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", mergeProps({
-        id: boxId.value,
+        id: `${inputId.value}-root`,
         ref_key: "trigger",
         ref: trigger,
-        "aria-controls": popperId.value,
+        "aria-controls": `${inputId.value}-popper`,
         "aria-disabled": __props.disabled ? "true" : "false",
         "aria-expanded": showCalendar.value ? "true" : "false",
         "aria-haspopup": "dialog",
@@ -6847,7 +6844,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
           } : void 0
         ]), 1040, ["id", "clearable", "value", "placeholder", "active", "disabled", "readonly"])),
         createVNode(_sfc_main$u, mergeProps({
-          id: popperId.value,
+          id: `${inputId.value}-popper`,
           visible: showCalendar.value,
           target: triggerTarget.value,
           "global-triggers": [],
@@ -6862,7 +6859,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         }), {
           default: withCtx(() => [
             createElementVNode("div", {
-              id: popperContentId.value,
+              id: `${inputId.value}-popper-content`,
               ref_key: "popperContent",
               ref: popperContent,
               class: "ui-v1-date-picker__popper-content",
@@ -7828,7 +7825,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
               "aria-hidden": visibility.value !== "shown" ? "true" : "false",
               class: [_ctx.$attrs.class, {
                 ["ui-v1-modal"]: true,
-                ["ui-v1-modal_overlapped"]: state.overlapped,
+                ["ui-v1-modal_overlapped"]: state.overlapped || __props.fixed,
                 ["ui-v1-modal-sidebar-overlay"]: true,
                 ["ui-v1-modal-sidebar-overlay_fixed"]: __props.fixed,
                 [`ui-v1-modal-sidebar-overlay_${__props.direction}`]: __props.fixed
@@ -7849,6 +7846,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                     id: __props.id + "-sidebar",
                     class: normalizeClass({
                       "ui-v1-modal-sidebar": true,
+                      "ui-v1-modal-sidebar_fixed": __props.fixed,
                       "ui-v1-modal-sidebar_left": __props.direction === unref(DIRECTION$1).LEFT,
                       "ui-v1-modal-sidebar_size_sm": __props.size === unref(SIZE$2).SM,
                       "ui-v1-modal-sidebar_size_lg": __props.size === unref(SIZE$2).LG
@@ -10364,9 +10362,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const uid2 = useId();
-    const boxId = computed(() => props.id ?? uid2);
-    const inputId = computed(() => `${boxId.value}-input`);
-    const listboxId = computed(() => `${boxId.value}-listbox`);
+    const inputId = computed(() => props.id ?? uid2);
+    const listboxId = computed(() => `${inputId.value}-listbox`);
     const i18n = computed(() => _i18n.init(inject(I18nInjectKey, null)?.locale ?? _i18n.fallback));
     const root = ref(null);
     const rootTarget = computed(() => root);
@@ -10620,11 +10617,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", mergeProps({
-        id: boxId.value,
+        id: `${inputId.value}-root`,
         ref_key: "root",
         ref: root,
         "aria-activedescendant": expanded.value && activeOptionId.value ? activeOptionId.value : void 0,
-        "aria-controls": listboxId.value,
+        "aria-controls": `${inputId.value}-listbox`,
         "aria-disabled": __props.disabled ? "true" : "false",
         "aria-expanded": expanded.value ? "true" : "false",
         "aria-haspopup": "listbox",
@@ -10665,7 +10662,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           _: 3
         }, 16, ["id", "value", "placeholder", "clearable", "disabled", "readonly"]),
         createVNode(_sfc_main$u, {
-          id: listboxId.value,
+          id: `${inputId.value}-listbox`,
           visible: expanded.value,
           target: rootTarget.value,
           "global-triggers": [],

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@retailcrm/embed-ui-v1-components",
   "type": "module",
-  "version": "0.9.11-alpha.6",
+  "version": "0.9.11-alpha.7",
   "license": "MIT",
   "author": "RetailDriverLLC <integration@retailcrm.ru>",
   "repository": "git@github.com:retailcrm/embed-ui.git",