bj-web-components 0.2.26 → 0.2.28

package/dist/web/ProductField/ProductField.js

@@ -0,0 +1,272 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const reactDom = require("react-dom");
+;/* empty css                   */
+const no_data_light = require("./no_data_light.svg.js");
+const arrowUp = require("./arrow-up.svg.js");
+const sort = require("./sort.svg.js");
+const search = require("./search.svg.js");
+const checkboxNo = require("./checkbox-no.svg.js");
+const checkboxOk = require("./checkbox-ok.svg.js");
+function CloseIcon({ size = 20 }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16.5613 6.73027C16.7558 6.53571 17.0723 6.53442 17.2684 6.72736C17.4644 6.92032 17.4657 7.23444 17.2713 7.42901L12.7036 12.0002L17.2713 16.5714C17.4657 16.766 17.4644 17.0801 17.2684 17.273C17.0723 17.4659 16.7558 17.4646 16.5613 17.2701L11.9996 12.7047L7.43794 17.2701C7.24352 17.4647 6.92699 17.4659 6.73091 17.273C6.53485 17.0801 6.53355 16.7659 6.72798 16.5714L11.2955 12.0002L6.72798 7.42901C6.53355 7.23442 6.53485 6.92032 6.73091 6.72736C6.92698 6.53442 7.2435 6.53571 7.43794 6.73027L11.9996 11.2955L16.5613 6.73027Z", fill: "currentColor" }) });
+}
+function BuProductField({
+  options = [],
+  value = [],
+  onChange,
+  placeholder = "请选择",
+  emptyText = "暂无产品数据",
+  onManageField,
+  multiple = true,
+  showSearch = true,
+  showSort = true,
+  addButtonText,
+  onAdd,
+  labels,
+  className,
+  style,
+  getPopupContainer
+}) {
+  const searchPlaceholder = (labels == null ? void 0 : labels.searchPlaceholder) ?? "搜索";
+  const sortDefault = (labels == null ? void 0 : labels.sortDefault) ?? "默认顺序";
+  const sortAsc = (labels == null ? void 0 : labels.sortAsc) ?? "名称A-Z";
+  const sortDesc = (labels == null ? void 0 : labels.sortDesc) ?? "名称Z-A";
+  const noMatchText = (labels == null ? void 0 : labels.noMatchText) ?? "暂无选项";
+  const manageFieldPre = (labels == null ? void 0 : labels.manageFieldPre) ?? "请前往";
+  const manageFieldLink = (labels == null ? void 0 : labels.manageFieldLink) ?? "管理字段";
+  const manageFieldPost = (labels == null ? void 0 : labels.manageFieldPost) ?? "添加";
+  const [open, setOpen] = react.useState(false);
+  const [search$1, setSearch] = react.useState("");
+  const [sortOrder, setSortOrder] = react.useState("none");
+  const [sortDropdownOpen, setSortDropdownOpen] = react.useState(false);
+  const rootRef = react.useRef(null);
+  const sortBtnRef = react.useRef(null);
+  const portalRef = react.useRef(null);
+  const [dropdownPos, setDropdownPos] = react.useState({ top: 0, left: 0, width: 0 });
+  const updatePosition = react.useCallback(() => {
+    if (!rootRef.current) return;
+    const rect = rootRef.current.getBoundingClientRect();
+    setDropdownPos({
+      top: rect.bottom + 4,
+      left: rect.left,
+      width: rect.width
+    });
+  }, []);
+  react.useLayoutEffect(() => {
+    if (open) updatePosition();
+  }, [open, updatePosition]);
+  react.useEffect(() => {
+    if (!open) return;
+    const handler = (e) => {
+      var _a, _b;
+      const target = e.target;
+      if (((_a = portalRef.current) == null ? void 0 : _a.contains(target)) || ((_b = rootRef.current) == null ? void 0 : _b.contains(target))) {
+        return;
+      }
+      close();
+    };
+    document.addEventListener("mousedown", handler);
+    window.addEventListener("scroll", updatePosition, true);
+    window.addEventListener("resize", updatePosition);
+    return () => {
+      document.removeEventListener("mousedown", handler);
+      window.removeEventListener("scroll", updatePosition, true);
+      window.removeEventListener("resize", updatePosition);
+    };
+  }, [open, updatePosition]);
+  react.useEffect(() => {
+    if (!sortDropdownOpen) return;
+    const handler = (e) => {
+      if (sortBtnRef.current && !sortBtnRef.current.contains(e.target)) {
+        setSortDropdownOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, [sortDropdownOpen]);
+  const tagsRef = react.useRef(null);
+  const triggerTagsRef = react.useRef(null);
+  const dragState = react.useRef({ dragging: false, startX: 0, scrollLeft: 0, target: null });
+  const makeDragHandlers = react.useCallback((ref) => ({
+    onMouseDown: (e) => {
+      const el = ref.current;
+      if (!el) return;
+      dragState.current = { dragging: true, startX: e.clientX, scrollLeft: el.scrollLeft, target: el };
+    },
+    onMouseMove: (e) => {
+      const { dragging, startX, scrollLeft, target } = dragState.current;
+      if (!dragging || !target) return;
+      e.preventDefault();
+      target.scrollLeft = scrollLeft - (e.clientX - startX);
+    },
+    onMouseUp: () => {
+      dragState.current.dragging = false;
+    },
+    onMouseLeave: () => {
+      dragState.current.dragging = false;
+    }
+  }), []);
+  function toggleOption(val) {
+    if (!multiple) {
+      onChange == null ? void 0 : onChange(value.includes(val) ? [] : [val]);
+      if (!value.includes(val)) close();
+      return;
+    }
+    const next = value.includes(val) ? value.filter((v) => v !== val) : [...value, val];
+    onChange == null ? void 0 : onChange(next);
+  }
+  function removeTag(val) {
+    onChange == null ? void 0 : onChange(value.filter((v) => v !== val));
+  }
+  function close() {
+    setOpen(false);
+    setSearch("");
+    setSortOrder("none");
+  }
+  function selectSort(order) {
+    setSortOrder(order);
+    setSortDropdownOpen(false);
+  }
+  const filteredOptions = react.useMemo(() => {
+    let list = options.filter((o) => {
+      const text = o.searchText ?? (typeof o.label === "string" ? o.label : "");
+      return text.toLowerCase().includes(search$1.toLowerCase());
+    });
+    const getText = (o) => o.searchText ?? (typeof o.label === "string" ? o.label : "");
+    if (sortOrder === "asc") list = [...list].sort((a, b) => getText(a).localeCompare(getText(b)));
+    if (sortOrder === "desc") list = [...list].sort((a, b) => getText(b).localeCompare(getText(a)));
+    return list;
+  }, [options, search$1, sortOrder]);
+  const selectedOptions = options.filter((o) => value.includes(o.value));
+  const hasOptions = options.length > 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: rootRef, className: ["bu-pf", className].filter(Boolean).join(" "), style, children: [
+    !open && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `bu-pf__trigger${selectedOptions.length > 0 ? " bu-pf__trigger--selected" : ""}`, onClick: () => setOpen(true), children: [
+      selectedOptions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "bu-pf__trigger-tags",
+          ref: triggerTagsRef,
+          ...makeDragHandlers(triggerTagsRef),
+          children: selectedOptions.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `bu-pf__tag${!multiple ? " bu-pf__tag--single" : ""}`, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bu-pf__tag-text", children: opt.label }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "bu-pf__tag-close",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  removeTag(opt.value);
+                },
+                children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, { size: 12 })
+              }
+            )
+          ] }, opt.value))
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bu-pf__placeholder", children: placeholder }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bu-pf__arrow", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: arrowUp, width: 24, height: 24, alt: "" }) })
+    ] }),
+    open && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bu-pf__panel", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bu-pf__header", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "bu-pf__tags",
+            ref: tagsRef,
+            ...makeDragHandlers(tagsRef),
+            children: selectedOptions.length > 0 ? selectedOptions.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `bu-pf__tag${!multiple ? " bu-pf__tag--single" : ""}`, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bu-pf__tag-text", children: opt.label }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "bu-pf__tag-close",
+                  onClick: () => removeTag(opt.value),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, { size: 12 })
+                }
+              )
+            ] }, opt.value)) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bu-pf__placeholder-inline", children: placeholder })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "bu-pf__close", onClick: close, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: arrowUp, width: 24, height: 24, alt: "" }) })
+      ] }) }),
+      reactDom.createPortal(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { ref: portalRef, className: "bu-pf__portal", style: { position: "fixed", top: dropdownPos.top, left: dropdownPos.left, width: dropdownPos.width, zIndex: 1050 }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bu-pf__dropdown", children: [
+          (showSearch || showSort) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bu-pf__toolbar", children: [
+            showSearch && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bu-pf__search", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bu-pf__search-icon", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: search, width: 20, height: 20, alt: "" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  className: "bu-pf__search-input",
+                  placeholder: searchPlaceholder,
+                  value: search$1,
+                  onChange: (e) => setSearch(e.target.value)
+                }
+              )
+            ] }),
+            showSort && /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: sortBtnRef, className: "bu-pf__sort-wrap", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  className: `bu-pf__sort-btn${sortOrder !== "none" ? " bu-pf__sort-btn--active" : ""}`,
+                  onClick: () => setSortDropdownOpen((v) => !v),
+                  children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: sort, width: 24, height: 24, alt: "" })
+                }
+              ),
+              sortDropdownOpen && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bu-pf__sort-dropdown", children: [
+                { key: "none", label: sortDefault },
+                { key: "asc", label: sortAsc },
+                { key: "desc", label: sortDesc }
+              ].map(({ key, label }) => /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: `bu-pf__sort-option${sortOrder === key ? " bu-pf__sort-option--active" : ""}`,
+                  onClick: () => selectSort(key),
+                  children: label
+                },
+                key
+              )) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bu-pf__list", children: hasOptions && filteredOptions.length > 0 ? filteredOptions.map((opt) => {
+            const checked = value.includes(opt.value);
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: `bu-pf__option${multiple ? " bu-pf__option--multiple" : ""}${checked && !multiple ? " bu-pf__option--selected" : ""}`,
+                onClick: () => toggleOption(opt.value),
+                children: [
+                  multiple && /* @__PURE__ */ jsxRuntime.jsx(
+                    "img",
+                    {
+                      className: "bu-pf__checkbox-img",
+                      src: checked ? checkboxOk : checkboxNo,
+                      alt: ""
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bu-pf__option-label", children: opt.label })
+                ]
+              },
+              opt.value
+            );
+          }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bu-pf__no-match", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("img", { className: "bu-pf__no-match-img", src: no_data_light, alt: hasOptions ? noMatchText : emptyText }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "bu-pf__no-match-text", children: hasOptions ? noMatchText : emptyText }),
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "bu-pf__no-match-hint", children: [
+              manageFieldPre,
+              /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "bu-pf__manage-btn", onClick: onManageField, children: manageFieldLink }),
+              manageFieldPost
+            ] })
+          ] }) }),
+          addButtonText && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bu-pf__add-row", onClick: onAdd, children: addButtonText })
+        ] }) }),
+        (getPopupContainer == null ? void 0 : getPopupContainer()) ?? document.body
+      )
+    ] })
+  ] });
+}
+module.exports = BuProductField;

package/dist/web/ProductField/ProductField.mjs

@@ -0,0 +1,273 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useState, useRef, useCallback, useLayoutEffect, useEffect, useMemo } from "react";
+import { createPortal } from "react-dom";
+/* empty css                   */
+import defaultEmptyImage from "./no_data_light.svg.mjs";
+import arrowUpImg from "./arrow-up.svg.mjs";
+import sortImg from "./sort.svg.mjs";
+import searchImg from "./search.svg.mjs";
+import checkboxNoImg from "./checkbox-no.svg.mjs";
+import checkboxOkImg from "./checkbox-ok.svg.mjs";
+function CloseIcon({ size = 20 }) {
+  return /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M16.5613 6.73027C16.7558 6.53571 17.0723 6.53442 17.2684 6.72736C17.4644 6.92032 17.4657 7.23444 17.2713 7.42901L12.7036 12.0002L17.2713 16.5714C17.4657 16.766 17.4644 17.0801 17.2684 17.273C17.0723 17.4659 16.7558 17.4646 16.5613 17.2701L11.9996 12.7047L7.43794 17.2701C7.24352 17.4647 6.92699 17.4659 6.73091 17.273C6.53485 17.0801 6.53355 16.7659 6.72798 16.5714L11.2955 12.0002L6.72798 7.42901C6.53355 7.23442 6.53485 6.92032 6.73091 6.72736C6.92698 6.53442 7.2435 6.53571 7.43794 6.73027L11.9996 11.2955L16.5613 6.73027Z", fill: "currentColor" }) });
+}
+function BuProductField({
+  options = [],
+  value = [],
+  onChange,
+  placeholder = "请选择",
+  emptyText = "暂无产品数据",
+  onManageField,
+  multiple = true,
+  showSearch = true,
+  showSort = true,
+  addButtonText,
+  onAdd,
+  labels,
+  className,
+  style,
+  getPopupContainer
+}) {
+  const searchPlaceholder = (labels == null ? void 0 : labels.searchPlaceholder) ?? "搜索";
+  const sortDefault = (labels == null ? void 0 : labels.sortDefault) ?? "默认顺序";
+  const sortAsc = (labels == null ? void 0 : labels.sortAsc) ?? "名称A-Z";
+  const sortDesc = (labels == null ? void 0 : labels.sortDesc) ?? "名称Z-A";
+  const noMatchText = (labels == null ? void 0 : labels.noMatchText) ?? "暂无选项";
+  const manageFieldPre = (labels == null ? void 0 : labels.manageFieldPre) ?? "请前往";
+  const manageFieldLink = (labels == null ? void 0 : labels.manageFieldLink) ?? "管理字段";
+  const manageFieldPost = (labels == null ? void 0 : labels.manageFieldPost) ?? "添加";
+  const [open, setOpen] = useState(false);
+  const [search, setSearch] = useState("");
+  const [sortOrder, setSortOrder] = useState("none");
+  const [sortDropdownOpen, setSortDropdownOpen] = useState(false);
+  const rootRef = useRef(null);
+  const sortBtnRef = useRef(null);
+  const portalRef = useRef(null);
+  const [dropdownPos, setDropdownPos] = useState({ top: 0, left: 0, width: 0 });
+  const updatePosition = useCallback(() => {
+    if (!rootRef.current) return;
+    const rect = rootRef.current.getBoundingClientRect();
+    setDropdownPos({
+      top: rect.bottom + 4,
+      left: rect.left,
+      width: rect.width
+    });
+  }, []);
+  useLayoutEffect(() => {
+    if (open) updatePosition();
+  }, [open, updatePosition]);
+  useEffect(() => {
+    if (!open) return;
+    const handler = (e) => {
+      var _a, _b;
+      const target = e.target;
+      if (((_a = portalRef.current) == null ? void 0 : _a.contains(target)) || ((_b = rootRef.current) == null ? void 0 : _b.contains(target))) {
+        return;
+      }
+      close();
+    };
+    document.addEventListener("mousedown", handler);
+    window.addEventListener("scroll", updatePosition, true);
+    window.addEventListener("resize", updatePosition);
+    return () => {
+      document.removeEventListener("mousedown", handler);
+      window.removeEventListener("scroll", updatePosition, true);
+      window.removeEventListener("resize", updatePosition);
+    };
+  }, [open, updatePosition]);
+  useEffect(() => {
+    if (!sortDropdownOpen) return;
+    const handler = (e) => {
+      if (sortBtnRef.current && !sortBtnRef.current.contains(e.target)) {
+        setSortDropdownOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, [sortDropdownOpen]);
+  const tagsRef = useRef(null);
+  const triggerTagsRef = useRef(null);
+  const dragState = useRef({ dragging: false, startX: 0, scrollLeft: 0, target: null });
+  const makeDragHandlers = useCallback((ref) => ({
+    onMouseDown: (e) => {
+      const el = ref.current;
+      if (!el) return;
+      dragState.current = { dragging: true, startX: e.clientX, scrollLeft: el.scrollLeft, target: el };
+    },
+    onMouseMove: (e) => {
+      const { dragging, startX, scrollLeft, target } = dragState.current;
+      if (!dragging || !target) return;
+      e.preventDefault();
+      target.scrollLeft = scrollLeft - (e.clientX - startX);
+    },
+    onMouseUp: () => {
+      dragState.current.dragging = false;
+    },
+    onMouseLeave: () => {
+      dragState.current.dragging = false;
+    }
+  }), []);
+  function toggleOption(val) {
+    if (!multiple) {
+      onChange == null ? void 0 : onChange(value.includes(val) ? [] : [val]);
+      if (!value.includes(val)) close();
+      return;
+    }
+    const next = value.includes(val) ? value.filter((v) => v !== val) : [...value, val];
+    onChange == null ? void 0 : onChange(next);
+  }
+  function removeTag(val) {
+    onChange == null ? void 0 : onChange(value.filter((v) => v !== val));
+  }
+  function close() {
+    setOpen(false);
+    setSearch("");
+    setSortOrder("none");
+  }
+  function selectSort(order) {
+    setSortOrder(order);
+    setSortDropdownOpen(false);
+  }
+  const filteredOptions = useMemo(() => {
+    let list = options.filter((o) => {
+      const text = o.searchText ?? (typeof o.label === "string" ? o.label : "");
+      return text.toLowerCase().includes(search.toLowerCase());
+    });
+    const getText = (o) => o.searchText ?? (typeof o.label === "string" ? o.label : "");
+    if (sortOrder === "asc") list = [...list].sort((a, b) => getText(a).localeCompare(getText(b)));
+    if (sortOrder === "desc") list = [...list].sort((a, b) => getText(b).localeCompare(getText(a)));
+    return list;
+  }, [options, search, sortOrder]);
+  const selectedOptions = options.filter((o) => value.includes(o.value));
+  const hasOptions = options.length > 0;
+  return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: ["bu-pf", className].filter(Boolean).join(" "), style, children: [
+    !open && /* @__PURE__ */ jsxs("div", { className: `bu-pf__trigger${selectedOptions.length > 0 ? " bu-pf__trigger--selected" : ""}`, onClick: () => setOpen(true), children: [
+      selectedOptions.length > 0 ? /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "bu-pf__trigger-tags",
+          ref: triggerTagsRef,
+          ...makeDragHandlers(triggerTagsRef),
+          children: selectedOptions.map((opt) => /* @__PURE__ */ jsxs("span", { className: `bu-pf__tag${!multiple ? " bu-pf__tag--single" : ""}`, children: [
+            /* @__PURE__ */ jsx("span", { className: "bu-pf__tag-text", children: opt.label }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "bu-pf__tag-close",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  removeTag(opt.value);
+                },
+                children: /* @__PURE__ */ jsx(CloseIcon, { size: 12 })
+              }
+            )
+          ] }, opt.value))
+        }
+      ) : /* @__PURE__ */ jsx("span", { className: "bu-pf__placeholder", children: placeholder }),
+      /* @__PURE__ */ jsx("span", { className: "bu-pf__arrow", children: /* @__PURE__ */ jsx("img", { src: arrowUpImg, width: 24, height: 24, alt: "" }) })
+    ] }),
+    open && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "bu-pf__panel", children: /* @__PURE__ */ jsxs("div", { className: "bu-pf__header", children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "bu-pf__tags",
+            ref: tagsRef,
+            ...makeDragHandlers(tagsRef),
+            children: selectedOptions.length > 0 ? selectedOptions.map((opt) => /* @__PURE__ */ jsxs("span", { className: `bu-pf__tag${!multiple ? " bu-pf__tag--single" : ""}`, children: [
+              /* @__PURE__ */ jsx("span", { className: "bu-pf__tag-text", children: opt.label }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "bu-pf__tag-close",
+                  onClick: () => removeTag(opt.value),
+                  children: /* @__PURE__ */ jsx(CloseIcon, { size: 12 })
+                }
+              )
+            ] }, opt.value)) : /* @__PURE__ */ jsx("span", { className: "bu-pf__placeholder-inline", children: placeholder })
+          }
+        ),
+        /* @__PURE__ */ jsx("button", { type: "button", className: "bu-pf__close", onClick: close, children: /* @__PURE__ */ jsx("img", { src: arrowUpImg, width: 24, height: 24, alt: "" }) })
+      ] }) }),
+      createPortal(
+        /* @__PURE__ */ jsx("div", { ref: portalRef, className: "bu-pf__portal", style: { position: "fixed", top: dropdownPos.top, left: dropdownPos.left, width: dropdownPos.width, zIndex: 1050 }, children: /* @__PURE__ */ jsxs("div", { className: "bu-pf__dropdown", children: [
+          (showSearch || showSort) && /* @__PURE__ */ jsxs("div", { className: "bu-pf__toolbar", children: [
+            showSearch && /* @__PURE__ */ jsxs("div", { className: "bu-pf__search", children: [
+              /* @__PURE__ */ jsx("span", { className: "bu-pf__search-icon", children: /* @__PURE__ */ jsx("img", { src: searchImg, width: 20, height: 20, alt: "" }) }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  className: "bu-pf__search-input",
+                  placeholder: searchPlaceholder,
+                  value: search,
+                  onChange: (e) => setSearch(e.target.value)
+                }
+              )
+            ] }),
+            showSort && /* @__PURE__ */ jsxs("div", { ref: sortBtnRef, className: "bu-pf__sort-wrap", children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: `bu-pf__sort-btn${sortOrder !== "none" ? " bu-pf__sort-btn--active" : ""}`,
+                  onClick: () => setSortDropdownOpen((v) => !v),
+                  children: /* @__PURE__ */ jsx("img", { src: sortImg, width: 24, height: 24, alt: "" })
+                }
+              ),
+              sortDropdownOpen && /* @__PURE__ */ jsx("div", { className: "bu-pf__sort-dropdown", children: [
+                { key: "none", label: sortDefault },
+                { key: "asc", label: sortAsc },
+                { key: "desc", label: sortDesc }
+              ].map(({ key, label }) => /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: `bu-pf__sort-option${sortOrder === key ? " bu-pf__sort-option--active" : ""}`,
+                  onClick: () => selectSort(key),
+                  children: label
+                },
+                key
+              )) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "bu-pf__list", children: hasOptions && filteredOptions.length > 0 ? filteredOptions.map((opt) => {
+            const checked = value.includes(opt.value);
+            return /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: `bu-pf__option${multiple ? " bu-pf__option--multiple" : ""}${checked && !multiple ? " bu-pf__option--selected" : ""}`,
+                onClick: () => toggleOption(opt.value),
+                children: [
+                  multiple && /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      className: "bu-pf__checkbox-img",
+                      src: checked ? checkboxOkImg : checkboxNoImg,
+                      alt: ""
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: "bu-pf__option-label", children: opt.label })
+                ]
+              },
+              opt.value
+            );
+          }) : /* @__PURE__ */ jsxs("div", { className: "bu-pf__no-match", children: [
+            /* @__PURE__ */ jsx("img", { className: "bu-pf__no-match-img", src: defaultEmptyImage, alt: hasOptions ? noMatchText : emptyText }),
+            /* @__PURE__ */ jsx("p", { className: "bu-pf__no-match-text", children: hasOptions ? noMatchText : emptyText }),
+            /* @__PURE__ */ jsxs("p", { className: "bu-pf__no-match-hint", children: [
+              manageFieldPre,
+              /* @__PURE__ */ jsx("button", { type: "button", className: "bu-pf__manage-btn", onClick: onManageField, children: manageFieldLink }),
+              manageFieldPost
+            ] })
+          ] }) }),
+          addButtonText && /* @__PURE__ */ jsx("div", { className: "bu-pf__add-row", onClick: onAdd, children: addButtonText })
+        ] }) }),
+        (getPopupContainer == null ? void 0 : getPopupContainer()) ?? document.body
+      )
+    ] })
+  ] });
+}
+export {
+  BuProductField as default
+};

package/dist/web/ProductField/arrow-up.svg.js

@@ -0,0 +1,3 @@
+"use strict";
+const arrowUpImg = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.1868%2013.4098C17.3821%2013.6051%2017.3821%2013.9216%2017.1868%2014.1169C16.9915%2014.3121%2016.675%2014.3121%2016.4798%2014.1169L11.8362%209.47332L7.27307%2014.1139C7.07945%2014.3108%206.76292%2014.3134%206.56604%2014.1198C6.36918%2013.9262%206.36658%2013.6097%206.56018%2013.4128L11.2412%208.65252C11.5658%208.32242%2012.0972%208.32011%2012.4246%208.64748L17.1868%2013.4098Z'%20fill='%23333333'/%3e%3cpath%20d='M17.1868%2013.4098C17.3821%2013.6051%2017.3821%2013.9216%2017.1868%2014.1169C16.9915%2014.3121%2016.675%2014.3121%2016.4798%2014.1169L11.8362%209.47332L7.27307%2014.1139C7.07945%2014.3108%206.76292%2014.3134%206.56604%2014.1198C6.36918%2013.9262%206.36658%2013.6097%206.56018%2013.4128L11.2412%208.65252C11.5658%208.32242%2012.0972%208.32011%2012.4246%208.64748L17.1868%2013.4098Z'%20fill='black'%20fill-opacity='0.2'/%3e%3c/svg%3e";
+module.exports = arrowUpImg;

package/dist/web/ProductField/arrow-up.svg.mjs

@@ -0,0 +1,4 @@
+const arrowUpImg = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.1868%2013.4098C17.3821%2013.6051%2017.3821%2013.9216%2017.1868%2014.1169C16.9915%2014.3121%2016.675%2014.3121%2016.4798%2014.1169L11.8362%209.47332L7.27307%2014.1139C7.07945%2014.3108%206.76292%2014.3134%206.56604%2014.1198C6.36918%2013.9262%206.36658%2013.6097%206.56018%2013.4128L11.2412%208.65252C11.5658%208.32242%2012.0972%208.32011%2012.4246%208.64748L17.1868%2013.4098Z'%20fill='%23333333'/%3e%3cpath%20d='M17.1868%2013.4098C17.3821%2013.6051%2017.3821%2013.9216%2017.1868%2014.1169C16.9915%2014.3121%2016.675%2014.3121%2016.4798%2014.1169L11.8362%209.47332L7.27307%2014.1139C7.07945%2014.3108%206.76292%2014.3134%206.56604%2014.1198C6.36918%2013.9262%206.36658%2013.6097%206.56018%2013.4128L11.2412%208.65252C11.5658%208.32242%2012.0972%208.32011%2012.4246%208.64748L17.1868%2013.4098Z'%20fill='black'%20fill-opacity='0.2'/%3e%3c/svg%3e";
+export {
+  arrowUpImg as default
+};

package/dist/web/ProductField/checkbox-no.svg.js

@@ -0,0 +1,3 @@
+"use strict";
+const checkboxNoImg = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%200.5H12C13.933%200.5%2015.5%202.067%2015.5%204V12C15.5%2013.933%2013.933%2015.5%2012%2015.5H4C2.067%2015.5%200.5%2013.933%200.5%2012V4C0.5%202.067%202.067%200.5%204%200.5Z'%20fill='white'%20fill-opacity='0.2'%20stroke='%23DBDBDB'/%3e%3c/svg%3e";
+module.exports = checkboxNoImg;

package/dist/web/ProductField/checkbox-no.svg.mjs

@@ -0,0 +1,4 @@
+const checkboxNoImg = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%200.5H12C13.933%200.5%2015.5%202.067%2015.5%204V12C15.5%2013.933%2013.933%2015.5%2012%2015.5H4C2.067%2015.5%200.5%2013.933%200.5%2012V4C0.5%202.067%202.067%200.5%204%200.5Z'%20fill='white'%20fill-opacity='0.2'%20stroke='%23DBDBDB'/%3e%3c/svg%3e";
+export {
+  checkboxNoImg as default
+};

package/dist/web/ProductField/checkbox-ok.svg.js

@@ -0,0 +1,3 @@
+"use strict";
+const checkboxOkImg = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='white'%20fill-opacity='0.2'/%3e%3cpath%20d='M4%200.5H12C13.933%200.5%2015.5%202.067%2015.5%204V12C15.5%2013.933%2013.933%2015.5%2012%2015.5H4C2.067%2015.5%200.5%2013.933%200.5%2012V4C0.5%202.067%202.067%200.5%204%200.5Z'%20stroke='%23DBDBDB'/%3e%3cpath%20d='M11.2976%204.51378C11.4%204.3608%2011.607%204.31982%2011.76%204.4222C11.913%204.52459%2011.954%204.73167%2011.8516%204.88466L7.46663%2011.437C7.30081%2011.6847%206.94289%2011.7021%206.75374%2011.4717L4.1677%208.32097C4.05092%208.17866%204.07163%207.96857%204.21392%207.85178C4.35622%207.73501%204.56632%207.75571%204.6831%207.89801L7.07905%2010.8173L11.2976%204.51378Z'%20fill='%23333333'/%3e%3c/svg%3e";
+module.exports = checkboxOkImg;

package/dist/web/ProductField/checkbox-ok.svg.mjs

@@ -0,0 +1,4 @@
+const checkboxOkImg = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='white'%20fill-opacity='0.2'/%3e%3cpath%20d='M4%200.5H12C13.933%200.5%2015.5%202.067%2015.5%204V12C15.5%2013.933%2013.933%2015.5%2012%2015.5H4C2.067%2015.5%200.5%2013.933%200.5%2012V4C0.5%202.067%202.067%200.5%204%200.5Z'%20stroke='%23DBDBDB'/%3e%3cpath%20d='M11.2976%204.51378C11.4%204.3608%2011.607%204.31982%2011.76%204.4222C11.913%204.52459%2011.954%204.73167%2011.8516%204.88466L7.46663%2011.437C7.30081%2011.6847%206.94289%2011.7021%206.75374%2011.4717L4.1677%208.32097C4.05092%208.17866%204.07163%207.96857%204.21392%207.85178C4.35622%207.73501%204.56632%207.75571%204.6831%207.89801L7.07905%2010.8173L11.2976%204.51378Z'%20fill='%23333333'/%3e%3c/svg%3e";
+export {
+  checkboxOkImg as default
+};

package/dist/web/ProductField/no_data_light.svg.js

@@ -0,0 +1,3 @@
+"use strict";
+const defaultEmptyImage = "data:image/svg+xml,%3csvg%20width='80'%20height='80'%20viewBox='0%200%2080%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20width='80'%20height='80'%20fill='url(%23pattern0_11245_89379)'/%3e%3cdefs%3e%3cpattern%20id='pattern0_11245_89379'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_11245_89379'%20transform='scale(0.00416667)'/%3e%3c/pattern%3e%3cimage%20id='image0_11245_89379'%20width='240'%20height='240'%20preserveAspectRatio='none'%20xlink:href='data:image/png;base64,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'/%3e%3c/defs%3e%3c/svg%3e";
+module.exports = defaultEmptyImage;

package/dist/web/ProductField/no_data_light.svg.mjs

@@ -0,0 +1,4 @@
+const defaultEmptyImage = "data:image/svg+xml,%3csvg%20width='80'%20height='80'%20viewBox='0%200%2080%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20width='80'%20height='80'%20fill='url(%23pattern0_11245_89379)'/%3e%3cdefs%3e%3cpattern%20id='pattern0_11245_89379'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_11245_89379'%20transform='scale(0.00416667)'/%3e%3c/pattern%3e%3cimage%20id='image0_11245_89379'%20width='240'%20height='240'%20preserveAspectRatio='none'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAADwCAYAAAA+VemSAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAwwSURBVHic7d1Pb9vmHcDx30PRlOxItuHUrg0EiQysQG6zoNZDT01fQdDTdmt62rHYK2jzCpq+gGHZO0huu0U5pXMQ0APWIUAPUgt4TtvU4AxVpln+2SGy4diSJZGUyUf8foCisC2LDxh/zYcU/UgEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAdqKwHAGTFtu1l3/e3DMOoG4ZxKwzDulKqfuYhyyLiiIhEUeSIiGMYRicMw+/DMOyYprnbaDScDIZ+ioBRGLZt18MwvCMid/uhbqXwtJ0oinZF5KnneY8+/PDDTgrPOTYCxkyzbbsuIp9HUXRH0gl2lI5S6pHv+48/+OCD1rQ3RsCYSS9evLinlPpURO5kOIyWUqolIl9Pa6pNwJgp/XC/EJF61mM5w1FKPZAphEzAmAk5Dfc8Ryn1oNFo3E/rCQkYWrNtux5F0RPJd7jndYIg+CyNc2QChrZs2/4iiqIvsx5HXP1p9f0k02oChnb6R92/SbYXqNKyq5T6pNFodOJ8MwFDK5pOmUdxfN//eHt7e3fSbzSmMRpgGnZ2drZmMF4RkWXTNO0XL17cm/QbOQJDCzs7O1umaT6RN7c3zqwoiv7SbDYfjPt4Akbu9afNtsx4vCfCMPzk/ffffzTOYwkYuTaj57yjOEqpxjgXtjgHRq71rzbXsx7HFVuOouiJbdsjZxwEjNyybfsrmY2XiuKoi8hXox7EFBq59Pz58zulUulJ1uPIWhRFnzWbzYfDvs4RGLlUKpW+yHoMedC/v3soAkbuPH/+/I4Ud+p8Xt227aEREzByh6Pv26IoujfsawSMXOHoO1B92F1aBIxc4eg7mFLq84Gfv+qBAMPYtr0cRVFbCnLH1aSUUpvnb+7gCIzc8H1/S4h3qP6Kmm8hYOSGaZp3sx5DnvUX6XsLASM3+ku/YrgLy+ISMPKkPo0nLZVKYz/WsqyR/427TcuyJtr2GJbP3x9tpvnsQFzPnj2ryxTOf6vVqqysrMgPP/ww1uN/9957l0bqeZ7859tvh37dsiy5efOm1Go1EREJgkAcx5G9vT0JgmCywQ/Qv07QOvmYIzBm2sbGhly/fl2q1erUtzU/Py+3b98+jVfkzZH4+vXrcvv27alsk4CRC6Zp1tN+zpWVldNwb926lfbTX3Djxo2hU2bLsmR1dTXxNgzDqJ/9mCn0AO12uyIiFeEljStzdHT0ruu6qT1fqVSSGzdunH5sWZasrKzIwcFBats4v71RR/mlpSX5+eefU90uAfe12+3lcrn8h/5bTK5nPZ6iCcNwPc2AV1dXLxwNNzY2pNvtiud5qW3nxDgXq8rlcurbLXzA7XZ72bKsj0RkK4oiUYqb07JgGEZq9VqWJWtrawM/v7q6Knt7e2lt6tQ4F6jS+MURhmHn7MeFPgdut9vr5XL5U7mat53EJSzLSu1Nv27dujX0iLi2tjb2S0GTCIJAfvnll0sfs7+/n3g7vu93zn5c2IDb7Xbdsqw/R1HEeW5OlEqlV0mfo1qtjjwXXV+fzhnS3t6eHB0dDfza/v6+dLvdpJtwzr+BeCGn0P1p8x+zHgfeppRyRCRRXfPz8yOPhCePGxTb/xzn0vPZy6bKQRDId999J6urq1Kr1cSyLDk+PpaDg4O0Lp51zn+ikAHPzc3dlTdXmZEjlmW99H0/0QumSa/yJj0/DoJAXr16Ja9eJZ5MXNB/s/C3FG4K3W6360qpetbjwEXlcrmT9RjyzPf9x+c/V7iA5+bmPsp6DBjMsiwnjfPgGeUMej/hQgXcbrcrHH3zrVwuf5P1GPKo/17CFxQqYBGZzg2pSE2tVtvtX8zC274e9MlCBWyaJi8ZaaBcLk/8PrmzTCn1sNFoDPylVqiAec1XD7Va7RuOwqccEbk/7IuFChh6MAzDnZ+fb2U9jjxQSj247F0KCRi5VKvVdkulUifrcWSsI0POfU8U8kaOaQvDUPwwlNDPeiT5YJon/5/sx21xcfGR4zj3Cnrq4/i+/8n29valpxIEnBLfD6XnutLreeL5lDuIZZpSqViyWK2IYYye/FmW5Vy7du0f3W73T1cwvFyJouj+9vb2yIt5TKFT0HM9+em1I85hj3gv4fm+HHZ78t+fHOm54/1p3bVr115WKpXWdEeWL0qpL5vN5sDXfc8j4IQOuz15fXAofhhmPRRthGEorw8OxTnsjfX4paWlVlEijqLoYaPRGHrV+TwCTsD1/LF/CHHRYbcnrjfejGVpaallmubLKQ8pU1EUPWw2m59N8j0EnMDBwWHWQ9DeJPvQ9/369EaSrf60eaJ4RQg4tp7rMW1OgR+G0u2NXk3H87xlmdE/AVVKfTnJtPksrkLH1EtxAbai67meVBcub9N13Vm8j72jlPr4shs1RuEIHJPncrU5Lf4Y58Ge581UwEqph0qpRpJ4RTgCx8b0OT2j9mUYhpUgCGZlqd/ER92zCBi5d3x8vC76n/92oii632w2H6b5pASM3Ds+PtZ5+tyKoujvaYd7goCRewlePupEUbTbX4XlKtf+7vQXoLuf1lR5GAJGrk16/msYxr+DIPhrEASts/cS7+zsbJVKpTtKqbvyJua0/0CipZRq+b7/dNDaVdNCwMi1X3/99dLpc6lUemWaZqdcLr+cn5/vBEHwr5s3bz46/7h+zLsi8kDkNOgtwzB+338/rJOoLwvbkTd/4ucopXbDMPw+DMNd0zR3h62YMW0EDK0opRzTNDtzc3OdcrncifuWLGeCvsC27WXXdU9DrlQqTlaBjkLAyLVarbYrIhJFUcWyrE6lUpn6srP9WHMZ7HkEjNw7iRgXcScWoDECBjRGwIDGCBjQGAEDGiNgQGMEDGiMgAGNETCgMQIGNEbAgMYIGNAYAQMaI2BAYwQMaIyAAY0RMKAxAgY0RsCAxggY0BgBAxojYEBjBByTYbDr0sK+jI89F5PJD11q2JfxsedisiqsiZ8W9mV8BBzT4sJC1kOYGezL+Ag4JtM0ZGFB9zeNz97CQkVMkx/DuNhzCawsLnD+loBpGLKyyNE3CX76EjAMQ9beWRbL5BxuUmZ/33EFOhl+8hIyTUPW3lmUw64r3Z4rYRhmPaTcW6wuyGK1QrwpIOAUGIYhy4tvfih7rieu50kYCjGfYZqGVCxLKpbFOW+KCDhFhmFIdaEiVS5u4YrwqxDQGAEDGiNgQGMEDGiMgAGNETCgMQIGNEbAgMYIGNAYAQMaI2BAYwQMaIyAAY3x10gJeb4voZ/1KPRkmiImiyEkwt6LKQxDeX1wKK5HvUlULFNWlhf5G+GY2GsxHThd4k2B6/nidHtZD0NbBBwT8abHdb2sh6AtAo6J1SjTw56Mj30XU7XKsjlpYV/Gx0WsmKoLFTFNUw67PRavi8kwDFmoWKwhlgABJ1CxTKmsLGY9DBQYU2hAYwQMaIyAAY0RMKAxAgY0RsCAxggY0BgBAxojYEBjBAxojFspE2JFjvhYkSM59l5MrMiRDlbkSIa9FhMrcqSDFTmSIeCYiDc9rMgRHwHHxIoc6WFPxse+i4lVJNLDvoyPi1gxsSJHcqzIkRwBJ8CKHMgaU2hAYwQMaIyAAY0RMKAxAgY0RsCAxggY0BgBAxojYEBjBAxojIABjREwoDECBjRGwIDGCBjQGAEDGiNgQGMEDGiMgAGNETCgMQIGNEbAgMYIGNAYAQMaI2BAYwQMaIyAAY0RMKAxAgY0RsCAxggY0FihAjZN8yjrMWC6ivZvXKiAgyA4znoMmC7DMJysx3CVChWw7/udrMeA6To6Ovox6zFcpUIFvLm52RERN+txYGrc/r9xYRQq4L6XWQ8A06GU2s16DFetcAF7nvc06zFgKtzj4+PC/dsWLuDNzU3HMIxW1uNAukqlUmtzc7Nwp0eFC1hEZGNj46kwlZ4lL9fX1/+Z9SCyUMiARUQ8z3scRVEn63EgsZee5z3OehBZUVkPIGv7+/sfhWF4J+txYHKGYbT6s6nCKnzAIiLtdnt5bm7urlKqnvVYMJZdz/Oebm5uFuqmjUEI+Ix2u10Rkdvlcvld3/fnDcNYynpMEFFKuUopJwzDH3/77bcO4QIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAOf8HNG6DfH1Yfi4AAAAASUVORK5CYII='/%3e%3c/defs%3e%3c/svg%3e";
+export {
+  defaultEmptyImage as default
+};

package/dist/web/ProductField/search.svg.js

@@ -0,0 +1,3 @@
+"use strict";
+const searchImg = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.38154%204.67725C11.9512%204.67725%2014.0343%206.76037%2014.0343%209.33002C14.0343%2010.5162%2013.5901%2011.5984%2012.8595%2012.4202L15.1454%2014.6078C15.3102%2014.7684%2015.3136%2015.0322%2015.153%2015.197C14.9924%2015.3618%2014.7286%2015.3652%2014.5638%2015.2046L12.2521%2012.9919C11.4614%2013.6126%2010.4647%2013.9828%209.38154%2013.9828C6.81188%2013.9828%204.72876%2011.8997%204.72876%209.33002C4.72876%206.76037%206.81188%204.67725%209.38154%204.67725ZM9.38154%205.51058C7.27212%205.51058%205.56209%207.2206%205.56209%209.33002C5.56209%2011.4394%207.27212%2013.1495%209.38154%2013.1495C11.491%2013.1495%2013.201%2011.4394%2013.201%209.33002C13.201%207.2206%2011.491%205.51058%209.38154%205.51058Z'%20fill='%23666666'/%3e%3c/svg%3e";
+module.exports = searchImg;

package/dist/web/ProductField/search.svg.mjs

@@ -0,0 +1,4 @@
+const searchImg = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.38154%204.67725C11.9512%204.67725%2014.0343%206.76037%2014.0343%209.33002C14.0343%2010.5162%2013.5901%2011.5984%2012.8595%2012.4202L15.1454%2014.6078C15.3102%2014.7684%2015.3136%2015.0322%2015.153%2015.197C14.9924%2015.3618%2014.7286%2015.3652%2014.5638%2015.2046L12.2521%2012.9919C11.4614%2013.6126%2010.4647%2013.9828%209.38154%2013.9828C6.81188%2013.9828%204.72876%2011.8997%204.72876%209.33002C4.72876%206.76037%206.81188%204.67725%209.38154%204.67725ZM9.38154%205.51058C7.27212%205.51058%205.56209%207.2206%205.56209%209.33002C5.56209%2011.4394%207.27212%2013.1495%209.38154%2013.1495C11.491%2013.1495%2013.201%2011.4394%2013.201%209.33002C13.201%207.2206%2011.491%205.51058%209.38154%205.51058Z'%20fill='%23666666'/%3e%3c/svg%3e";
+export {
+  searchImg as default
+};

package/dist/web/ProductField/sort.svg.js

@@ -0,0 +1,3 @@
+"use strict";
+const sortImg = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.3576%2017.528C10.3576%2017.7887%2010.1444%2018%209.88136%2018C9.61835%2018%209.40513%2017.7887%209.40513%2017.528V7.58313L6.67551%2010.8295C6.50712%2011.0297%206.20676%2011.0568%206.00473%2010.8899C5.80272%2010.723%205.77545%2010.4254%205.9438%2010.2251L9.23476%206.31136C9.61494%205.85923%2010.3575%206.12565%2010.3576%206.71418V17.528ZM17.9981%2013.1613C18.1989%2013.3296%2018.2239%2013.6275%2018.0541%2013.8265L14.683%2017.7758C14.3009%2018.2233%2013.5632%2017.9556%2013.5632%2017.3694V6.47196C13.5632%206.21131%2013.7765%206.00001%2014.0395%206C14.3025%206%2014.5157%206.2113%2014.5157%206.47196V16.5101L17.327%2013.2169C17.4969%2013.0179%2017.7973%2012.993%2017.9981%2013.1613Z'%20fill='%23333333'/%3e%3cpath%20d='M10.3576%2017.528C10.3576%2017.7887%2010.1444%2018%209.88136%2018C9.61835%2018%209.40513%2017.7887%209.40513%2017.528V7.58313L6.67551%2010.8295C6.50712%2011.0297%206.20676%2011.0568%206.00473%2010.8899C5.80272%2010.723%205.77545%2010.4254%205.9438%2010.2251L9.23476%206.31136C9.61494%205.85923%2010.3575%206.12565%2010.3576%206.71418V17.528ZM17.9981%2013.1613C18.1989%2013.3296%2018.2239%2013.6275%2018.0541%2013.8265L14.683%2017.7758C14.3009%2018.2233%2013.5632%2017.9556%2013.5632%2017.3694V6.47196C13.5632%206.21131%2013.7765%206.00001%2014.0395%206C14.3025%206%2014.5157%206.2113%2014.5157%206.47196V16.5101L17.327%2013.2169C17.4969%2013.0179%2017.7973%2012.993%2017.9981%2013.1613Z'%20fill='black'%20fill-opacity='0.2'/%3e%3c/svg%3e";
+module.exports = sortImg;