@das-fed/ui 6.4.0-hot.8 → 6.4.0-hot.9.1

package/packages/components/autocomplete/index.js

@@ -875,112 +875,133 @@ const St = ["onClick"], zt = { style: { display: "inline-block" } }, _t = /* @__
       }
     ), (r, o) => {
       const T = je;
-      return O(), E("div", {
-        class: "autocomplete-page",
-        ref_key: "$completeEL",
-        ref: ce,
-        style: ie(`width:${H.value}`)
-      }, [
-        re(T, {
-          ref_key: "domPopover",
-          ref: W,
-          visible: I.value,
-          placement: r.placement,
-          width: fe.value,
-          "popper-class": "autocomplete-popover",
-          "show-arrow": !1,
-          offset: r.offset,
-          "popper-options": r.popperOptions
-        }, {
-          reference: F(() => [
-            me("div", {
-              class: "slot-component-box",
-              onClick: pe($, ["stop"])
-            }, [
-              re(R(Ue), se({
-                ref_key: "inputRef",
-                ref: c,
-                modelValue: R(v),
-                "onUpdate:modelValue": o[3] || (o[3] = (p) => Le(v) ? v.value = p : null),
-                modelModifiers: { trim: !0 },
-                size: R(w),
-                width: H.value,
-                isView: R(m)
-              }, r.$attrs, {
-                onClear: A,
-                onInput: k,
-                onChange: d
-              }), He({ _: 2 }, [
-                ge(r.$slots, (p, D, $e) => ({
-                  name: D,
-                  fn: F(() => [
-                    j(r.$slots, D, {}, void 0, !0)
-                  ])
-                }))
-              ]), 1040, ["modelValue", "size", "width", "isView"])
-            ])
-          ]),
-          default: F(() => [
-            B((O(), E("div", {
-              class: "autocomplete-select-box",
-              style: ie(`max-height: ${32 * r.maxCount}px;`),
-              onClick: o[2] || (o[2] = pe(() => {
-              }, ["stop"]))
-            }, [
-              B((O(), U(R(de), {
-                key: S.value.length,
-                items: S.value,
-                "item-size": 32,
-                "key-field": r.fieldNames.value || r.fieldNames.label,
-                class: "virtual-list"
-              }, {
-                default: F(({ item: p, index: D }) => [
-                  me("div", {
-                    onClick: ($e) => y(p),
-                    class: ee([
-                      "select-label",
-                      { "current-select-label": p[r.fieldNames.label] === z.value },
-                      { "is-disabled": p.disabled }
-                    ])
-                  }, [
-                    B((O(), E("span", zt, [
-                      De(Fe(p[r.fieldNames.label]), 1)
-                    ])), [
-                      [R(We)]
+      return O(), E(
+        "div",
+        {
+          class: "autocomplete-page",
+          ref_key: "$completeEL",
+          ref: ce,
+          style: ie(`width:${H.value}`)
+        },
+        [
+          re(T, {
+            ref_key: "domPopover",
+            ref: W,
+            visible: I.value,
+            placement: r.placement,
+            width: fe.value,
+            "popper-class": "autocomplete-popover",
+            "show-arrow": !1,
+            offset: r.offset,
+            "popper-options": r.popperOptions
+          }, {
+            reference: F(() => [
+              me("div", {
+                class: "slot-component-box",
+                onClick: pe($, ["stop"])
+              }, [
+                re(R(Ue), se({
+                  ref_key: "inputRef",
+                  ref: c,
+                  modelValue: R(v),
+                  "onUpdate:modelValue": o[3] || (o[3] = (p) => Le(v) ? v.value = p : null),
+                  modelModifiers: { trim: !0 },
+                  size: R(w),
+                  width: H.value,
+                  isView: R(m)
+                }, r.$attrs, {
+                  onClear: A,
+                  onInput: k,
+                  onChange: d
+                }), He({
+                  _: 2
+                  /* DYNAMIC */
+                }, [
+                  ge(r.$slots, (p, D, $e) => ({
+                    name: D,
+                    fn: F(() => [
+                      j(r.$slots, D, {}, void 0, !0)
                     ])
-                  ], 10, St)
-                ]),
-                _: 1
-              }, 8, ["items", "key-field"])), [
-                [ve, s.mode === "list" || N.value]
-              ]),
-              s.mode === "tree" ? B((O(), U(R(qe), se({
-                key: 0,
-                width: "120px",
-                filterMode: "input",
-                "node-key": n.value,
-                ref_key: "treeRef",
-                ref: _,
-                "is-ellipsis": "",
-                data: s.options,
-                showFilterInput: !1
-              }, r.treeOptions, {
-                props: { ...r.fieldNames },
-                modelValue: z.value,
-                "onUpdate:modelValue": o[0] || (o[0] = (p) => z.value = p),
-                path: u.value,
-                "onUpdate:path": o[1] || (o[1] = (p) => u.value = p),
-                onNodeClick: P
-              }), null, 16, ["node-key", "data", "props", "modelValue", "path"])), [
-                [ve, !N.value]
-              ]) : te("", !0)
-            ], 4)), [
-              [R(Ke)]
-            ])
-          ]),
-          _: 3
-        }, 8, ["visible", "placement", "width", "offset", "popper-options"])
-      ], 4);
+                  }))
+                ]), 1040, ["modelValue", "size", "width", "isView"])
+              ])
+            ]),
+            default: F(() => [
+              B((O(), E(
+                "div",
+                {
+                  class: "autocomplete-select-box",
+                  style: ie(`max-height: ${32 * r.maxCount}px;`),
+                  onClick: o[2] || (o[2] = pe(() => {
+                  }, ["stop"]))
+                },
+                [
+                  B((O(), U(R(de), {
+                    key: S.value.length,
+                    items: S.value,
+                    "item-size": 32,
+                    "key-field": r.fieldNames.value || r.fieldNames.label,
+                    class: "virtual-list"
+                  }, {
+                    default: F(({ item: p, index: D }) => [
+                      me("div", {
+                        onClick: ($e) => y(p),
+                        class: ee([
+                          "select-label",
+                          { "current-select-label": p[r.fieldNames.label] === z.value },
+                          { "is-disabled": p.disabled }
+                        ])
+                      }, [
+                        B((O(), E("span", zt, [
+                          De(
+                            Fe(p[r.fieldNames.label]),
+                            1
+                            /* TEXT */
+                          )
+                        ])), [
+                          [R(We)]
+                        ])
+                      ], 10, St)
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["items", "key-field"])), [
+                    [ve, s.mode === "list" || N.value]
+                  ]),
+                  s.mode === "tree" ? B((O(), U(R(qe), se({
+                    key: 0,
+                    width: "120px",
+                    filterMode: "input",
+                    "node-key": n.value,
+                    ref_key: "treeRef",
+                    ref: _,
+                    "is-ellipsis": "",
+                    data: s.options,
+                    showFilterInput: !1
+                  }, r.treeOptions, {
+                    props: { ...r.fieldNames },
+                    modelValue: z.value,
+                    "onUpdate:modelValue": o[0] || (o[0] = (p) => z.value = p),
+                    path: u.value,
+                    "onUpdate:path": o[1] || (o[1] = (p) => u.value = p),
+                    onNodeClick: P
+                  }), null, 16, ["node-key", "data", "props", "modelValue", "path"])), [
+                    [ve, !N.value]
+                  ]) : te("v-if", !0)
+                ],
+                4
+                /* STYLE */
+              )), [
+                [R(Ke)]
+              ])
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["visible", "placement", "width", "offset", "popper-options"])
+        ],
+        4
+        /* STYLE */
+      );
     };
   }
 }), It = (e, t) => {
@@ -988,7 +1009,7 @@ const St = ["onClick"], zt = { style: { display: "inline-block" } }, _t = /* @__
   for (const [s, n] of t)
     i[s] = n;
   return i;
-}, $t = /* @__PURE__ */ It(_t, [["__scopeId", "data-v-c2a15510"]]), At = () => x(null), Lt = Be($t);
+}, $t = /* @__PURE__ */ It(_t, [["__scopeId", "data-v-a3c6e752"]]), At = () => x(null), Lt = Be($t);
 export {
   Lt as DasAutocomplete,
   At as DasAutocompleteRef,