@wikicasa-dev/components 1.2.46 → 1.2.48

package/dist/chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.CJSkDBar.js

@@ -1,204 +0,0 @@
-import { h as f, defineComponent as H, ref as y, computed as T, watch as C, onMounted as F, onUnmounted as B, openBlock as l, createElementBlock as o, Fragment as v, createElementVNode as t, normalizeClass as a, createCommentVNode as u, renderSlot as E, unref as k, withModifiers as p, createBlock as A, createVNode as q, renderList as z } from "vue";
-import { useKeyboardController as N } from "../useKeyboardController.js";
-import { d as P } from "./ArrowIcon.CklBXJPN.js";
-import { o as j } from "./DefaultValues-k7iQWtC2.CPFgoBrE.js";
-const D = (n, { attrs: d }) => {
-  n = { ...j(), ...n };
-  const { width: s, height: e } = n;
-  return f(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 11.175 13.409",
-      width: `${s}`,
-      height: `${e}`,
-      class: n.class ?? "",
-      "aria-hidden": d["aria-hidden"] ?? "true",
-      fill: "none",
-      stroke: d["stroke-color"] ?? "#FA4F64"
-    },
-    [
-      f("circle", {
-        cx: 6,
-        cy: 6,
-        r: 4.5
-      }),
-      f("path", {
-        "stroke-linejoin": "round",
-        d: "M5.8 3.6h.4L6 6.5z"
-      }),
-      f("circle", {
-        cx: 6,
-        cy: 8.2,
-        r: 0.6,
-        fill: d["stroke-color"] ?? "#FA4F64",
-        stroke: "none"
-      })
-    ]
-  );
-}, S = ["id", "innerHTML"], K = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby"], O = ["innerHTML"], U = { class: "uikit-inline-flex" }, G = ["innerHTML"], I = ["data-cy"], J = ["id", "aria-selected", "onClick", "onMouseover"], Q = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, R = ["name", "checked", "onInput"], W = ["innerHTML"], X = ["id", "arial-live", "innerHTML"], Y = ["id", "arial-live", "innerHTML"], ei = /* @__PURE__ */ H({
-  inheritAttrs: !1,
-  __name: "AccessibleSelect",
-  props: {
-    label: { default: "" },
-    dropdownPosition: { default: "bottom" },
-    namespace: {},
-    options: {},
-    modelValue: { default: () => ({
-      id: "",
-      label: ""
-    }) },
-    isValid: { type: [Boolean, null], default: null },
-    feedback: {}
-  },
-  emits: ["update:modelValue"],
-  setup(n, { emit: d }) {
-    const s = n, e = y(!1), g = y(null), V = T(() => !!s.modelValue.label), L = d, { activeIdx: c, selectedIdx: M } = N({
-      optionsLength: s.options.length,
-      isDropdownOpen: e
-    }), h = (i) => {
-      e.value = !1, L("update:modelValue", i);
-    };
-    C(M, (i) => {
-      h(s.options[i]), e.value = !1;
-    });
-    const w = () => {
-      e.value = !1;
-    };
-    return F(() => {
-      document && document.addEventListener("click", w);
-    }), B(() => {
-      document && document.removeEventListener("click", w);
-    }), (i, b) => (l(), o(v, null, [
-      t("div", {
-        class: a(["uikit-relative uikit-flex uikit-items-center", [i.label ? "uikit-h-[52px]" : "uikit-h-[42px]", i.$attrs.class]])
-      }, [
-        i.label ? (l(), o("label", {
-          key: 0,
-          id: `${i.namespace}_label`,
-          class: a(["uikit-absolute uikit-text-sm uikit-font-medium uikit-transition-all uikit-ease-in-out", [
-            V.value ? "as-floating -uikit-top-1 uikit-left-[22px] uikit-text-w-black" : "as-inline uikit-left-4 uikit-top-4 uikit-text-w-gray",
-            i.$attrs["label-classes"]
-          ]]),
-          innerHTML: i.label
-        }, null, 10, S)) : u("", !0),
-        E(i.$slots, "lefticon"),
-        t("button", {
-          id: `${i.namespace}_btn`,
-          ref_key: "btnEl",
-          ref: g,
-          type: "button",
-          "data-cy": i.$attrs["data-cy"],
-          class: a(["uikit-peer uikit-flex uikit-h-full uikit-w-full uikit-items-center uikit-justify-between uikit-truncate uikit-border-0 uikit-bg-white uikit-px-4 uikit-text-left focus-visible:uikit-outline-0", i.$attrs["btn-classes"]]),
-          "aria-required": !!i.$attrs.required,
-          role: "combobox",
-          "aria-haspopup": "listbox",
-          "aria-controls": `${i.namespace}_dropdown`,
-          "aria-labelledby": `${i.namespace}_label ${i.namespace}_btn`,
-          "aria-expanded": e.value,
-          "aria-activedescendant": k(c) >= 0 && e.value ? `${i.namespace}_element_${i.options[k(c)].label}` : "",
-          "aria-invalid": s.isValid === !1,
-          "aria-describedby": s.isValid === !1 ? `${i.namespace}_invalid_msg` : void 0,
-          onClick: b[0] || (b[0] = p((r) => e.value = !e.value, ["stop"]))
-        }, [
-          t("span", {
-            class: a(i.$attrs["btn-text-classes"]),
-            innerHTML: i.modelValue.visibleLabel || i.modelValue.label
-          }, null, 10, O),
-          t("span", U, [
-            s.isValid == !1 ? (l(), A(k(D), {
-              key: 0,
-              class: "uikit-mr-1",
-              width: 20,
-              height: 20
-            })) : u("", !0),
-            q(k(P), {
-              class: a(["uikit-transition-transform motion-reduce:uikit-transition-none", e.value && "uikit-rotate-180"]),
-              width: 18,
-              height: 18,
-              "stroke-color": i.isValid ? "#2B5DFF" : i.isValid === !1 ? "#FA4F64" : "#222"
-            }, null, 8, ["class", "stroke-color"])
-          ])
-        ], 10, K),
-        t("fieldset", {
-          "aria-hidden": "true",
-          class: a(["uikit-pointer-events-none uikit-absolute -uikit-top-[1px] uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-box-border uikit-cursor-pointer uikit-rounded-xs uikit-border uikit-border-solid uikit-px-2 peer-focus:uikit-border-2 peer-focus:uikit-border-w-primary peer-focus-visible:uikit-border-2 peer-focus-visible:uikit-border-w-primary peer-aria-invalid:uikit-border-w-danger", [
-            i.label ? "uikit-h-12" : "uikit-h-[42px]",
-            i.$attrs["fieldset-classes"],
-            i.isValid ? "uikit-border-w-primary" : i.isValid === !1 ? "uikit-border-w-danger" : "uikit-border-w-secondary"
-          ]])
-        }, [
-          i.label ? (l(), o("legend", {
-            key: 0,
-            class: a([i.$attrs["legend-classes"], "uikit-ml-2 uikit-h-3 uikit-px-0"])
-          }, [
-            t("span", {
-              class: a(["uikit-mx-5px", i.modelValue.label ? "uikit-invisible" : "uikit-hidden"]),
-              innerHTML: i.label
-            }, null, 10, G)
-          ], 2)) : u("", !0)
-        ], 2),
-        t("ul", {
-          "data-cy": i.$attrs["data-cy"] && `${i.$attrs["data-cy"]}_dropdown`,
-          role: "listbox",
-          tabindex: -1,
-          "aria-multiselectable": !1,
-          class: a(["uikit-absolute uikit-z-10 uikit-m-0 uikit-max-h-[225px] uikit-w-full uikit-min-w-full uikit-list-none uikit-overflow-y-auto uikit-p-0 uikit-no-scrollbar", [
-            { "uikit-h-0 uikit-w-0 uikit-overflow-hidden": !e.value },
-            {
-              "uikit-rounded-xs uikit-border uikit-border-solid uikit-border-w-secondary uikit-bg-white": e.value
-            },
-            { "uikit-bottom-[55px]": i.dropdownPosition === "top" },
-            { "uikit-top-[55px]": i.dropdownPosition === "bottom" },
-            i.$attrs["dropdown-classes"]
-          ]]),
-          onClick: b[1] || (b[1] = p(() => {
-          }, ["stop"]))
-        }, [
-          (l(!0), o(v, null, z(i.options, (r, m) => (l(), o("li", {
-            id: `${i.namespace}_element_${i.options[m].label}`,
-            key: `${r.label}_${m}`,
-            role: "option",
-            "aria-selected": k(c) === m,
-            class: a(["uikit-m-1 uikit-cursor-pointer uikit-px-20px uikit-py-10px uikit-text aria-selected:uikit-rounded-xs aria-selected:uikit-bg-w-cultured", i.$attrs["dropdown-item-classes"]]),
-            onClick: p(($) => h(r), ["stop"]),
-            onMouseover: p(($) => c.value = m, ["stop"])
-          }, [
-            t("label", Q, [
-              t("input", {
-                tabindex: "-1",
-                class: "uikit-appearance-none",
-                name: `${i.namespace}_radio`,
-                type: "radio",
-                checked: r.label === i.modelValue.label,
-                onInput: p(($) => h(r), ["stop"])
-              }, null, 40, R),
-              t("span", {
-                innerHTML: r.label
-              }, null, 8, W)
-            ])
-          ], 42, J))), 128))
-        ], 10, I)
-      ], 2),
-      i.feedback ? (l(), o(v, { key: 0 }, [
-        i.feedback.valid ? (l(), o("span", {
-          key: 0,
-          id: `${i.namespace}_valid_msg`,
-          "arial-live": i.$attrs["aria-live"],
-          class: "uikit-mb-2 uikit-text-sm",
-          innerHTML: i.isValid ? i.feedback.valid : ""
-        }, null, 8, X)) : u("", !0),
-        i.feedback.invalid ? (l(), o("span", {
-          key: 1,
-          id: `${i.namespace}_invalid_msg`,
-          "arial-live": i.$attrs["aria-live"],
-          class: "uikit-mb-2 uikit-text-sm uikit-text-w-danger",
-          innerHTML: i.isValid === !1 ? i.feedback.invalid : ""
-        }, null, 8, Y)) : u("", !0)
-      ], 64)) : u("", !0)
-    ], 64));
-  }
-});
-export {
-  ei as _
-};