r3ui-lib 1.3.19 → 1.3.21

package/dist/modules/components/notifications/ErrorMessageComponent.vue2.js

@@ -0,0 +1,45 @@
+import { defineComponent as g, computed as n, createElementBlock as r, createCommentVNode as o, openBlock as t, createElementVNode as l, normalizeClass as c, createBlock as d, Fragment as u, createTextVNode as p, toDisplayString as f } from "vue";
+import y from "./NotificationMessage.vue.js";
+const _ = {
+  key: 0,
+  class: "row",
+  "data-test": "ErrorMessageComponent",
+  role: "alert",
+  tabindex: "-1"
+}, v = { class: "col-12" }, h = {
+  key: 0,
+  class: "bi bi-exclamation-triangle pe-2",
+  "aria-hidden": "true"
+}, w = /* @__PURE__ */ g({
+  __name: "ErrorMessageComponent",
+  props: {
+    message: { default: "" },
+    warningIcon: { type: Boolean, default: !1 },
+    type: { default: "danger" },
+    asHtml: { type: Boolean, default: !1 }
+  },
+  setup(i) {
+    const e = i, m = n(() => e.message === null || e.message === void 0 ? !1 : Array.isArray(e.message) ? e.message.length > 0 : !!(e.message && typeof e.message == "string" && e.message.length > 0 && e.message.trim() !== "")), a = n(() => Array.isArray(e.message) ? e.message.join(", ") : e.message || "");
+    return (s, k) => m.value ? (t(), r("div", _, [
+      l("div", v, [
+        l("div", {
+          class: c([
+            a.value ? `alert alert-${s.type}` : "",
+            { "d-flex align-items-center": s.warningIcon }
+          ])
+        }, [
+          a.value && s.warningIcon ? (t(), r("i", h)) : o("", !0),
+          s.asHtml ? (t(), d(y, {
+            key: 1,
+            message: a.value
+          }, null, 8, ["message"])) : (t(), r(u, { key: 2 }, [
+            p(f(a.value), 1)
+          ], 64))
+        ], 2)
+      ])
+    ])) : o("", !0);
+  }
+});
+export {
+  w as default
+};

package/dist/modules/components/notifications/NotificationMessage.vue.js

@@ -0,0 +1,55 @@
+import { defineComponent as f, shallowRef as c, onMounted as p, computed as A, createElementBlock as o, openBlock as s, toDisplayString as m } from "vue";
+import _ from "../../vendor/dompurify/dist/purify.es.js";
+const h = ["innerHTML"], b = { key: 1 }, T = /* @__PURE__ */ f({
+  __name: "NotificationMessage",
+  props: {
+    message: {}
+  },
+  setup(a) {
+    const n = a, r = c(null);
+    p(() => {
+      const e = _(window);
+      if (!e.isSupported)
+        throw new Error("Безопасное отображение HTML не поддерживается браузером");
+      e.addHook("afterSanitizeAttributes", (t) => {
+        if (t.nodeName !== "A") return;
+        const i = t.getAttribute("href");
+        if (i !== null)
+          try {
+            const u = new URL(i, "https://notification.invalid/");
+            ["http:", "https:", "mailto:", "tel:"].includes(u.protocol) || t.removeAttribute("href");
+          } catch {
+            t.removeAttribute("href");
+          }
+        t.hasAttribute("href") && t.getAttribute("target")?.toLowerCase() === "_blank" ? (t.setAttribute("target", "_blank"), t.setAttribute("rel", "noopener noreferrer")) : t.removeAttribute("target");
+      }), r.value = e;
+    });
+    const l = A(
+      () => r.value?.sanitize(n.message, {
+        ALLOWED_TAGS: [
+          "a",
+          "b",
+          "br",
+          "em",
+          "i",
+          "li",
+          "ol",
+          "p",
+          "strong",
+          "u",
+          "ul"
+        ],
+        ALLOWED_ATTR: ["href", "title", "target"],
+        ALLOW_DATA_ATTR: !1,
+        ALLOW_ARIA_ATTR: !1
+      })
+    );
+    return (e, t) => r.value ? (s(), o("div", {
+      key: 0,
+      innerHTML: l.value
+    }, null, 8, h)) : (s(), o("div", b, m(e.message), 1));
+  }
+});
+export {
+  T as default
+};

package/dist/modules/components/notifications/NotificationMessage.vue2.js

@@ -0,0 +1,4 @@
+import f from "./NotificationMessage.vue.js";
+export {
+  f as default
+};

package/dist/modules/components/notifications/Toast.vue.js

@@ -0,0 +1,71 @@
+import { ref as d, watch as p, createElementBlock as n, createCommentVNode as g, openBlock as r, createElementVNode as t, normalizeClass as _, createBlock as f, Fragment as v, createTextVNode as y, toDisplayString as c } from "vue";
+import k from "./NotificationMessage.vue.js";
+/* empty css           */
+import b from "../../_virtual/_plugin-vue_export-helper.js";
+const h = {
+  key: 0,
+  class: "row w-100 parent r3-toast"
+}, w = { class: "col-12 wrapper w-100" }, x = ["role"], B = {
+  __name: "Toast",
+  props: {
+    message: {
+      type: String,
+      default: ""
+    },
+    isError: {
+      type: Boolean,
+      default: !1
+    },
+    asHtml: {
+      type: Boolean,
+      default: !0
+    },
+    closeLabel: {
+      type: String,
+      default: "Закрыть"
+    }
+  },
+  emits: ["clear-message"],
+  setup(a, { emit: i }) {
+    const s = a, e = d(s.message), m = i;
+    p(
+      () => s.message,
+      (l) => {
+        e.value = l;
+      }
+    );
+    const u = () => {
+      e.value = "", m("clear-message");
+    };
+    return (l, o) => e.value && e.value.length > 0 ? (r(), n("div", h, [
+      t("div", w, [
+        t("div", {
+          class: _(["alert align-items-center message", [s.isError ? "alert-danger" : "alert-success"]]),
+          role: s.isError ? "alert" : "status",
+          "aria-atomic": "true"
+        }, [
+          a.asHtml ? (r(), f(k, {
+            key: 0,
+            message: e.value
+          }, null, 8, ["message"])) : (r(), n(v, { key: 1 }, [
+            y(c(e.value), 1)
+          ], 64))
+        ], 10, x),
+        t("button", {
+          type: "button",
+          class: "r3-toast__close",
+          onClick: u
+        }, [
+          o[0] || (o[0] = t("i", {
+            class: "bi bi-x-lg",
+            "aria-hidden": "true"
+          }, null, -1)),
+          t("span", null, c(a.closeLabel), 1)
+        ])
+      ])
+    ])) : g("", !0);
+  }
+}, T = /* @__PURE__ */ b(B, [["__scopeId", "data-v-67640004"]]);
+export {
+  T as default
+};

package/dist/modules/components/sidebar/CollapsedSidebarLink.vue.js

@@ -0,0 +1,7 @@
+import o from "./CollapsedSidebarLink.vue2.js";
+/* empty css                          */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f180b3df"]]);
+export {
+  p as default
+};

package/dist/modules/components/sidebar/CollapsedSidebarLink.vue2.js

@@ -0,0 +1,90 @@
+import { defineComponent as y, resolveComponent as x, createElementBlock as n, createCommentVNode as s, openBlock as t, createElementVNode as l, unref as d, normalizeClass as v, toDisplayString as r, Fragment as g, renderList as w, createVNode as C, withModifiers as L } from "vue";
+import { injectExpandAccordion as E, injectExpandedAccordion as N } from "../../composables/layout/useR3uiLayoutInject.js";
+const M = { key: 0 }, S = { key: 0 }, q = ["title"], A = ["innerHTML"], H = { key: 1 }, T = {
+  key: 0,
+  class: "d-flex position-relative",
+  style: { "z-index": "999", top: "-50px" }
+}, V = { class: "hidden-div" }, j = { key: 1 }, z = ["href", "target", "rel"], I = ["title"], K = ["innerHTML"], W = {
+  key: 0,
+  class: "ms-2"
+}, B = {
+  key: 1,
+  class: "btn btn-light w-100 text-align-left border-0 py-3 bg-white",
+  type: "button"
+}, D = {
+  key: 0,
+  class: "ms-2"
+}, $ = /* @__PURE__ */ y({
+  name: "CollapsedSidebarLink",
+  __name: "CollapsedSidebarLink",
+  props: {
+    link: { type: Object, required: !0 }
+  },
+  emits: ["navigate"],
+  setup(e, { emit: u }) {
+    const k = u, b = E(), c = N(), f = (o) => {
+      o.isExternal && o.href ? o.openInNewWindow !== !1 ? window.open(o.href, "_blank", "noopener,noreferrer") : window.location.href = o.href : k("navigate", o.href);
+    };
+    return (o, i) => {
+      const h = x("CollapsedSidebarLink", !0);
+      return e.link.isVisible ? (t(), n("div", M, [
+        e.link.childrens?.length ? (t(), n("div", S, [
+          l("button", {
+            title: e.link.label,
+            class: v(["btn btn-light w-100 text-start border-0", [e.link.icon ? "icon" : "text-align-left bg-white"]]),
+            type: "button",
+            onClick: i[0] || (i[0] = (a) => d(b)?.(e.link.uniqueKey, e.link.level))
+          }, [
+            e.link.icon ? (t(), n("span", {
+              key: 0,
+              innerHTML: e.link.icon
+            }, null, 8, A)) : (t(), n("span", H, r(e.link.label), 1))
+          ], 10, q),
+          d(c) && d(c)[e.link.level] === e.link.uniqueKey ? (t(), n("div", T, [
+            l("div", V, [
+              l("h5", null, r(e.link.label), 1),
+              i[3] || (i[3] = l("hr", { size: "1" }, null, -1)),
+              l("ul", null, [
+                (t(!0), n(g, null, w(e.link.childrens, (a) => (t(), n("li", {
+                  class: "mb-0",
+                  key: a.uniqueKey
+                }, [
+                  C(h, {
+                    link: a,
+                    onNavigate: i[1] || (i[1] = (m) => k("navigate", m))
+                  }, null, 8, ["link"])
+                ]))), 128))
+              ])
+            ])
+          ])) : s("", !0)
+        ])) : (t(), n("div", j, [
+          l("a", {
+            href: e.link.href,
+            target: e.link.isExternal && e.link.openInNewWindow !== !1 ? "_blank" : void 0,
+            rel: e.link.isExternal && e.link.openInNewWindow !== !1 ? "noopener noreferrer" : void 0,
+            onClick: i[2] || (i[2] = L(() => f(e.link), ["prevent"]))
+          }, [
+            e.link.level < 1 ? (t(), n("button", {
+              key: 0,
+              title: e.link.label,
+              class: "btn btn-light w-100 text-start border-0",
+              type: "button",
+              style: { padding: "15px 20px", background: "#efefef" }
+            }, [
+              l("span", {
+                innerHTML: e.link.icon
+              }, null, 8, K),
+              e.link.isExternal ? (t(), n("span", W, "↗")) : s("", !0)
+            ], 8, I)) : (t(), n("button", B, [
+              l("span", null, r(e.link.label), 1),
+              e.link.isExternal ? (t(), n("span", D, "↗")) : s("", !0)
+            ]))
+          ], 8, z)
+        ]))
+      ])) : s("", !0);
+    };
+  }
+});
+export {
+  $ as default
+};

package/dist/modules/components/sidebar/Sidebar.vue.js

@@ -0,0 +1,59 @@
+import { defineComponent as C, computed as u, createElementBlock as e, openBlock as t, normalizeClass as g, createCommentVNode as c, createElementVNode as s, Fragment as m, renderList as p, unref as v, createVNode as a, renderSlot as S } from "vue";
+import h from "../Divider.vue.js";
+import { useSidebar as L } from "../../composables/sidebar/useSidebar.js";
+import N from "./SidebarLink.vue.js";
+import V from "./CollapsedSidebarLink.vue.js";
+const q = { key: 0 }, B = {
+  class: "accordion accordion-flush",
+  id: "accordionMenu"
+}, w = { key: 1 }, E = { class: "row" }, K = { class: "col-12" }, $ = { class: "sidebar-footer p-3" }, j = /* @__PURE__ */ C({
+  __name: "Sidebar",
+  props: {
+    links: { type: Array, required: !0 },
+    isCollapsed: { type: Boolean, default: !1 }
+  },
+  emits: ["navigate"],
+  setup(f, { emit: _ }) {
+    const d = f, l = _, n = u(() => !d.isCollapsed), { sidebarLinks: b, collapsedSidebarLinks: k } = L(
+      u(() => d.links)
+    );
+    return (y, i) => (t(), e("div", {
+      id: "sidebarContent",
+      class: g(["sidebar sidebarContent", { "collapse-width": !n.value }])
+    }, [
+      n.value ? (t(), e("div", q, [
+        s("div", B, [
+          (t(!0), e(m, null, p(v(b), (o) => (t(), e("div", {
+            key: o.uniqueKey
+          }, [
+            a(N, {
+              sidebarLink: o,
+              onNavigate: i[0] || (i[0] = (r) => l("navigate", r))
+            }, null, 8, ["sidebarLink"])
+          ]))), 128))
+        ])
+      ])) : c("", !0),
+      n.value ? c("", !0) : (t(), e("div", w, [
+        (t(!0), e(m, null, p(v(k), (o) => (t(), e("div", {
+          key: o.uniqueKey
+        }, [
+          a(V, {
+            link: o,
+            onNavigate: i[1] || (i[1] = (r) => l("navigate", r))
+          }, null, 8, ["link"])
+        ]))), 128))
+      ])),
+      s("div", E, [
+        s("div", K, [
+          a(h)
+        ])
+      ]),
+      s("div", $, [
+        S(y.$slots, "footer")
+      ])
+    ], 2));
+  }
+});
+export {
+  j as default
+};

package/dist/modules/components/sidebar/Sidebar.vue3.js

@@ -0,0 +1,5 @@
+import o from "./Sidebar.vue.js";
+/* empty css             */
+export {
+  o as default
+};

package/dist/modules/components/sidebar/SidebarLink.vue.js

@@ -0,0 +1,7 @@
+import o from "./SidebarLink.vue2.js";
+/* empty css                 */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const i = /* @__PURE__ */ r(o, [["__scopeId", "data-v-859907dd"]]);
+export {
+  i as default
+};

package/dist/modules/components/sidebar/SidebarLink.vue2.js

@@ -0,0 +1,93 @@
+import { defineComponent as h, resolveComponent as y, createElementBlock as d, openBlock as t, createCommentVNode as o, createElementVNode as i, withModifiers as w, normalizeClass as r, toDisplayString as u, unref as s, createTextVNode as g, Fragment as x, renderList as N, createVNode as q } from "vue";
+import { injectExpandAccordion as E, injectExpandedAccordion as A } from "../../composables/layout/useR3uiLayoutInject.js";
+const C = { key: 0 }, K = ["href", "target", "rel"], V = ["innerHTML"], M = { key: 1 }, S = ["id"], T = ["innerHTML"], H = ["id"], j = { class: "accordion-body" }, $ = /* @__PURE__ */ h({
+  name: "SidebarLink",
+  __name: "SidebarLink",
+  props: {
+    sidebarLink: { type: Object, required: !0 }
+  },
+  emits: ["navigate"],
+  setup(e, { emit: L }) {
+    const b = L, k = E(), l = A(), f = (n) => {
+      n.isExternal && n.href ? n.openInNewWindow !== !1 ? window.open(n.href, "_blank", "noopener,noreferrer") : window.location.href = n.href : b("navigate", n.href);
+    };
+    return (n, a) => {
+      const m = y("SidebarLink", !0);
+      return t(), d("div", null, [
+        e.sidebarLink.childrens?.length ? o("", !0) : (t(), d("div", C, [
+          i("a", {
+            href: e.sidebarLink.href,
+            target: e.sidebarLink.isExternal && e.sidebarLink.openInNewWindow !== !1 ? "_blank" : void 0,
+            rel: e.sidebarLink.isExternal && e.sidebarLink.openInNewWindow !== !1 ? "noopener noreferrer" : void 0,
+            onClick: a[0] || (a[0] = w(() => f(e.sidebarLink), ["prevent"])),
+            class: "sidebar-link-item"
+          }, [
+            e.sidebarLink.isVisible ? (t(), d("span", {
+              key: 0,
+              class: r(["btn btn-light w-100 text-start border-0", [
+                e.sidebarLink.level === 0 ? "nested-links" : "extended-menu-item",
+                e.sidebarLink.isActive ? "fw-bolder" : ""
+              ]]),
+              style: { background: "#efefef" }
+            }, [
+              i("span", {
+                innerHTML: e.sidebarLink.icon,
+                class: r([e.sidebarLink.level === 0 ? "sidebar-link-icon" : ""])
+              }, null, 10, V),
+              i("span", null, u(e.sidebarLink.label), 1)
+            ], 2)) : o("", !0)
+          ], 8, K)
+        ])),
+        e.sidebarLink.childrens?.length ? (t(), d("div", M, [
+          e.sidebarLink.isVisible ? (t(), d("div", {
+            key: 0,
+            class: r(["accordion-item bg-transparent border-0", [e.sidebarLink.level > 0 ? "extended-menu-item" : ""]])
+          }, [
+            i("h2", {
+              class: "accordion-header",
+              id: `heading-${e.sidebarLink.uniqueKey}`
+            }, [
+              i("button", {
+                class: r(["accordion-button outline-none rounded", {
+                  "fw-bolder": e.sidebarLink.isActive,
+                  collapsed: s(l) && s(l)[e.sidebarLink.level] !== e.sidebarLink.uniqueKey
+                }]),
+                type: "button",
+                onClick: a[1] || (a[1] = (c) => s(k) && s(k)(e.sidebarLink.uniqueKey, e.sidebarLink.level))
+              }, [
+                i("span", {
+                  innerHTML: e.sidebarLink.icon,
+                  class: r([e.sidebarLink.level === 0 ? "sidebar-link-icon" : ""])
+                }, null, 10, T),
+                g(" " + u(e.sidebarLink.label), 1)
+              ], 2)
+            ], 8, S),
+            i("div", {
+              id: `flush-${e.sidebarLink.uniqueKey}`,
+              class: r(["accordion-collapse collapse", {
+                show: s(l) && s(l)[e.sidebarLink.level] === e.sidebarLink.uniqueKey
+              }]),
+              style: { transition: "0.5s" }
+            }, [
+              i("div", j, [
+                i("ul", null, [
+                  (t(!0), d(x, null, N(e.sidebarLink.childrens, (c) => (t(), d("li", {
+                    key: c.uniqueKey
+                  }, [
+                    q(m, {
+                      sidebarLink: c,
+                      onNavigate: a[2] || (a[2] = (v) => b("navigate", v))
+                    }, null, 8, ["sidebarLink"])
+                  ]))), 128))
+                ])
+              ])
+            ], 10, H)
+          ], 2)) : o("", !0)
+        ])) : o("", !0)
+      ]);
+    };
+  }
+});
+export {
+  $ as default
+};

package/dist/modules/components/tables/ColumnSubFilter.vue.js

@@ -0,0 +1,7 @@
+import o from "./ColumnSubFilter.vue2.js";
+/* empty css                     */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0ddbb5a3"]]);
+export {
+  p as default
+};

package/dist/modules/components/tables/ColumnSubFilter.vue2.js

@@ -0,0 +1,36 @@
+import { defineComponent as a, watch as r, onMounted as f } from "vue";
+import { mountSubFilter as n } from "../../utils/helpers.js";
+const s = /* @__PURE__ */ a({
+  __name: "ColumnSubFilter",
+  props: {
+    tableRefEl: { default: void 0 },
+    columnField: { default: "" },
+    mountedComponent: { default: void 0 },
+    dataProps: { default: () => ({}) },
+    table: { default: void 0 },
+    isVisible: { type: Boolean, default: !1 }
+  },
+  setup(u) {
+    const e = u;
+    function l() {
+      if (!e?.tableRefEl) return !1;
+      const o = `[tabulator-field='${e.columnField}']`, t = e.tableRefEl?.querySelector(o);
+      if (!e.table || !t) return !1;
+      if (e.isVisible && t && e.mountedComponent)
+        return n(t, e.mountedComponent, e.dataProps), !1;
+      n(t, null, {}, !0);
+    }
+    return r(
+      () => e,
+      () => {
+        l();
+      },
+      { deep: !0 }
+    ), f(() => {
+      l();
+    }), (o, t) => null;
+  }
+});
+export {
+  s as default
+};

package/dist/modules/components/tables/EditTableColumns.vue.js

@@ -0,0 +1,7 @@
+import o from "./EditTableColumns.vue2.js";
+/* empty css                      */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2e852532"]]);
+export {
+  e as default
+};

package/dist/modules/components/tables/EditTableColumns.vue2.js

@@ -0,0 +1,125 @@
+import { defineComponent as V, ref as M, watch as y, computed as x, createBlock as B, openBlock as a, withCtx as f, createElementVNode as s, toDisplayString as r, createElementBlock as n, createCommentVNode as u, Fragment as h, renderList as E } from "vue";
+import w from "../modals/EditTableColumnsModalComponent.vue.js";
+const D = {
+  key: 0,
+  role: "alert",
+  class: "alert alert-danger"
+}, H = {
+  key: 0,
+  class: "col-4 mb-2"
+}, L = { class: "form-check" }, S = ["checked", "disabled", "id", "onChange"], I = ["for"], N = ["innerHTML"], U = { class: "col-auto" }, F = ["disabled"], j = { class: "col-auto ps-0" }, q = { class: "col-auto ps-0" }, z = ["disabled"], G = ["disabled"], O = /* @__PURE__ */ V({
+  __name: "EditTableColumns",
+  props: {
+    title: { default: "Table Data" },
+    modalVisibility: { type: Boolean, default: !1 },
+    columns: { default: () => [] },
+    applying: { type: Boolean, default: !1 },
+    errorText: { default: "" },
+    applyText: { default: "Apply" },
+    selectAllText: { default: "Select All" },
+    unselectAllText: { default: "Unselect All" }
+  },
+  emits: ["emitModalVisibility", "columnVisibilityChange", "apply", "selectAll", "unselectAll"],
+  setup(v, { emit: _ }) {
+    const o = v, d = _, t = M(o.columns.map((e) => ({ ...e })));
+    function b() {
+      t.value = o.columns.map((e) => ({ ...e }));
+    }
+    y(() => o.columns, b, { deep: !0 }), y(
+      () => o.modalVisibility,
+      (e) => {
+        e && b();
+      }
+    );
+    const m = x(
+      () => t.value.some((e) => e.title && !e.visible)
+    ), C = (e) => {
+      o.applying || d("emitModalVisibility", e);
+    }, g = (e, l) => {
+      const i = e.target, c = t.value.findIndex(
+        (p) => p.field === l
+      );
+      c !== -1 && (t.value[c].visible = i.checked), d("columnVisibilityChange", e, l);
+    }, k = () => {
+      o.applying || d("apply", t.value);
+    }, T = () => {
+      const e = t.value.map((l) => ({
+        ...l,
+        visible: l.title ? !0 : l.visible
+      }));
+      t.value = e, d("selectAll");
+    }, A = () => {
+      const e = t.value.map((l) => ({
+        ...l,
+        visible: l.title ? !1 : l.visible
+      }));
+      t.value = e, d("unselectAll");
+    };
+    return (e, l) => (a(), B(w, {
+      title: e.title,
+      "modal-visibility": e.modalVisibility,
+      onEmitModalVisibility: C
+    }, {
+      "modal-body": f(() => [
+        e.errorText ? (a(), n("div", D, r(e.errorText), 1)) : u("", !0),
+        (a(!0), n(h, null, E(t.value, (i, c) => (a(), n(h, { key: c }, [
+          i.title ? (a(), n("div", H, [
+            s("div", L, [
+              s("input", {
+                checked: i.visible,
+                disabled: e.applying,
+                class: "form-check-input",
+                type: "checkbox",
+                id: i.field,
+                ref_for: !0,
+                ref: "editColumns",
+                onChange: (p) => g(p, i.field)
+              }, null, 40, S),
+              s("label", {
+                class: "form-check-label",
+                for: i.field
+              }, [
+                s("span", {
+                  class: "lh-sm",
+                  innerHTML: i.title
+                }, null, 8, N)
+              ], 8, I)
+            ])
+          ])) : u("", !0)
+        ], 64))), 128))
+      ]),
+      "modal-footer": f(() => [
+        s("div", U, [
+          s("button", {
+            type: "button",
+            class: "btn btn-primary px-4",
+            disabled: e.applying,
+            onClick: k
+          }, r(e.applyText), 9, F)
+        ]),
+        s("div", j, [
+          s("div", q, [
+            m.value ? (a(), n("button", {
+              key: "select-all",
+              type: "button",
+              disabled: e.applying,
+              class: "btn btn-light",
+              onClick: T
+            }, r(e.selectAllText), 9, z)) : u("", !0),
+            m.value ? u("", !0) : (a(), n("button", {
+              key: "unselect-all",
+              type: "button",
+              disabled: e.applying,
+              class: "btn btn-light",
+              onClick: A
+            }, r(e.unselectAllText), 9, G))
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["title", "modal-visibility"]));
+  }
+});
+export {
+  O as default
+};