@wikicasa-dev/components 1.2.14 → 1.2.16

package/dist/BaseAutocomplete.vue_vue_type_script_setup_true_lang-CVOeKK-H.js

@@ -0,0 +1,173 @@
+import { defineComponent as z, mergeModels as $, useModel as E, ref as u, computed as b, onBeforeMount as N, watch as v, openBlock as h, createBlock as y, normalizeClass as U, withCtx as s, createVNode as A, renderSlot as V, createElementBlock as F, Fragment as K, renderList as W, unref as j, createElementVNode as q } from "vue";
+import G from "./lib/UIKit/BaseInput.js";
+import { _ as J } from "./BaseDropDown.vue_vue_type_script_setup_true_lang-t-jias47.js";
+import { c as P } from "./utilities-CBCDB5EB.js";
+import { _ as Q } from "./SelectItem.vue_vue_type_script_setup_true_lang-BOLdDTLM.js";
+import { useKeyboardController as R } from "./lib/composables/useKeyboardController.js";
+const X = ["innerHTML"], oe = /* @__PURE__ */ z({
+  __name: "BaseAutocomplete",
+  props: /* @__PURE__ */ $({
+    border: { type: Boolean, default: !0 },
+    isValid: { default: null },
+    theme: { default: "" },
+    label: { default: "" },
+    disableCb: { type: Boolean, default: !1 },
+    onInputChangeCb: {},
+    onOptionSelectedCb: { default: null },
+    manualClose: { type: Boolean, default: !1 },
+    keepState: { default: null }
+  }, {
+    modelValue: {
+      default() {
+        return { id: "", label: "" };
+      }
+    },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ $(["dropdownClosed", "changedValue", "click"], ["update:modelValue"]),
+  setup(w, { expose: S, emit: B }) {
+    const o = w, r = E(w, "modelValue"), p = B, i = u(""), a = u([]), f = u(null), d = u(!1), t = u(!1), C = u(null), M = b(() => a.value.length);
+    N(() => {
+      i.value = r.value?.label || "", f.value = P({ delay: 300 }, o.onInputChangeCb);
+    });
+    const { activeIdx: k, selectedIdx: m } = R({
+      optionsLength: M,
+      isDropdownOpen: t,
+      disableSpaceHandler: !0
+    }), I = b(() => {
+      switch (o.theme) {
+        case "bordered":
+          return "";
+        case "all-bordered":
+          return "uikit-rounded " + (t.value && "uikit-rounded-b-none");
+        case "all-bordered-thick":
+          return "uikit-rounded-xl !uikit-h-[60px] " + (t.value && "uikit-rounded-b-none");
+        default:
+          return "";
+      }
+    }), O = b(() => {
+      switch (o.theme) {
+        case "bordered":
+          return "";
+        case "all-bordered":
+          return "uikit-border uikit-border-w-lavender uikit-border-solid uikit-rounded " + (t.value ? "uikit-border-b-0 uikit-rounded-b-none" : "");
+        case "all-bordered-thick":
+          return "uikit-rounded-xl !uikit-h-[60px]" + (t.value && "uikit-rounded-b-none");
+        default:
+          return "";
+      }
+    }), L = b(() => {
+      let e = "uikit-rounded-b-xl uikit-shadow uikit-rounded-t-none uikit-mb-0 !uikit-mt-0 uikit-text-w-black !uikit-rounded-b-xl !uikit-rounded-t-none";
+      switch (o.theme) {
+        case "bordered":
+          return "before:uikit-content-[''] before:uikit-absolute before:uikit-w-1/2 before:uikit-border-b before:uikit-border-b-w-lavender before:[border-bottom-style:solid] before:uikit-right-1/4 uikit-rounded-b-xl uikit-shadow uikit-rounded-t-none uikit-mt-5px uikit-mb-0";
+        case "all-bordered":
+          return e;
+        case "all-bordered-thick":
+          return e;
+        default:
+          return "";
+      }
+    }), D = async (e) => {
+      if (i.value !== e && (p("changedValue", e), i.value = e, !!o.onInputChangeCb)) {
+        if (r.value && !e && (r.value.label = "", t.value = !1), !e || d.value) {
+          a.value = [], d.value = !1, m.value = -1, k.value = -1, await f.value(null);
+          return;
+        }
+        o.disableCb || (a.value = await f.value(e), a.value.length && (t.value = !0));
+      }
+    }, g = (e, l) => {
+      o.onOptionSelectedCb && o.onOptionSelectedCb(e), d.value = !0, i.value = e.label, r.value = e, t.value = !1, m.value = l;
+    }, H = () => {
+      a.value.length && o.keepState !== "closed" && (t.value = !0);
+    };
+    return v(r, (e, l) => {
+      e !== l && (i.value = e?.label || "");
+    }), v(m, (e) => {
+      if (e === -1)
+        return;
+      const l = a.value[e];
+      d.value && l.label === r.value?.label || g(l, e);
+    }), v(
+      () => o.manualClose,
+      (e) => {
+        e && (d.value && (a.value = []), p("dropdownClosed"));
+      }
+    ), S({
+      select: () => {
+        C.value?.select();
+      }
+    }), (e, l) => (h(), y(J, {
+      class: U(e.$attrs["root-classes"]),
+      "data-cy": `ac_${e.$attrs.id}`,
+      "dropdown-element": "ul",
+      "dropdown-classes": [
+        { "bordered-dropdown": e.theme === "bordered" },
+        { "all-bordered-dropdown": e.theme === "all-bordered" },
+        { "all-bordered-dropdown thick": e.theme === "all-bordered-thick" },
+        {
+          "uikit-mt-10px !uikit-border !uikit-border-w-secondary !uikit-rounded-xs": !e.theme
+        },
+        L.value,
+        "!uikit-max-h-[210px] uikit-z-10",
+        e.$attrs["dropdown-classes"]
+      ],
+      "open-dropdown": t.value,
+      "keep-state": a.value.length ? "" : "closed",
+      "onUpdate:dropdownState": l[0] || (l[0] = (n) => t.value = n),
+      onClick: l[1] || (l[1] = (n) => {
+        p("click"), H();
+      })
+    }, {
+      btn_slot: s(() => [
+        A(G, {
+          id: `ac_input_${e.$attrs.id}`,
+          ref_key: "baseInput",
+          ref: C,
+          "data-cy": `ac_input_${e.$attrs.id}`,
+          "label-text": e.label,
+          "model-value": r.value?.label || "",
+          "is-valid": e.isValid,
+          disabled: e.$attrs.disabled,
+          placeholder: e.$attrs.placeholder,
+          "with-left-icon": !!e.$slots.lefticon,
+          "with-right-icon": !!e.$slots.righticon,
+          border: !e.theme,
+          radius: !e.theme || e.theme === "bordered",
+          "input-class": [I.value, e.$attrs["input-classes"]],
+          "fieldset-classes": [O.value, e.$attrs["fieldset-classes"]],
+          "keep-floating-label": !!i.value,
+          "onUpdate:modelValue": D
+        }, {
+          leftIcon: s(() => [
+            V(e.$slots, "lefticon")
+          ]),
+          righticon: s(({ handleClean: n }) => [
+            V(e.$slots, "righticon", { handleClean: n })
+          ]),
+          _: 3
+        }, 8, ["id", "data-cy", "label-text", "model-value", "is-valid", "disabled", "placeholder", "with-left-icon", "with-right-icon", "border", "radius", "input-class", "fieldset-classes", "keep-floating-label"])
+      ]),
+      default: s(() => [
+        (h(!0), F(K, null, W(a.value, (n, c) => (h(), y(Q, {
+          key: c,
+          active: j(k) === c,
+          class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
+          onClick: (T) => g(n, c),
+          onMouseover: (T) => k.value = c
+        }, {
+          default: s(() => [
+            q("span", {
+              innerHTML: n.label
+            }, null, 8, X)
+          ]),
+          _: 2
+        }, 1032, ["active", "onClick", "onMouseover"]))), 128))
+      ]),
+      _: 3
+    }, 8, ["class", "data-cy", "dropdown-classes", "open-dropdown", "keep-state"]));
+  }
+});
+export {
+  oe as _
+};

package/dist/BaseAutocomplete.vue_vue_type_script_setup_true_lang-LiuIZMOu.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),S=require("./lib/UIKit/BaseInput.cjs"),I=require("./BaseDropDown.vue_vue_type_script_setup_true_lang-BdoYFj6h.cjs"),M=require("./utilities-gwVlEyWn.cjs"),q=require("./SelectItem.vue_vue_type_script_setup_true_lang-3ie26G8n.cjs"),D=require("./lib/composables/useKeyboardController.cjs"),O=["innerHTML"],L=t.defineComponent({__name:"BaseAutocomplete",props:t.mergeModels({border:{type:Boolean,default:!0},isValid:{default:null},theme:{default:""},label:{default:""},disableCb:{type:Boolean,default:!1},onInputChangeCb:{},onOptionSelectedCb:{default:null},manualClose:{type:Boolean,default:!1},keepState:{default:null}},{modelValue:{default(){return{id:"",label:""}}},modelModifiers:{}}),emits:t.mergeModels(["dropdownClosed","changedValue","click"],["update:modelValue"]),setup(f,{expose:m,emit:w}){const a=f,u=t.useModel(f,"modelValue"),c=w,i=t.ref(""),r=t.ref([]),b=t.ref(null),d=t.ref(!1),l=t.ref(!1),v=t.ref(null),C=t.computed(()=>r.value.length);t.onBeforeMount(()=>{i.value=u.value?.label||"",b.value=M.cs({delay:300},a.onInputChangeCb)});const{activeIdx:p,selectedIdx:k}=D.useKeyboardController({optionsLength:C,isDropdownOpen:l,disableSpaceHandler:!0}),g=t.computed(()=>{switch(a.theme){case"bordered":return"";case"all-bordered":return"uikit-rounded "+(l.value&&"uikit-rounded-b-none");case"all-bordered-thick":return"uikit-rounded-xl !uikit-h-[60px] "+(l.value&&"uikit-rounded-b-none");default:return""}}),$=t.computed(()=>{switch(a.theme){case"bordered":return"";case"all-bordered":return"uikit-border uikit-border-w-lavender uikit-border-solid uikit-rounded "+(l.value?"uikit-border-b-0 uikit-rounded-b-none":"");case"all-bordered-thick":return"uikit-rounded-xl !uikit-h-[60px]"+(l.value&&"uikit-rounded-b-none");default:return""}}),y=t.computed(()=>{let e="uikit-rounded-b-xl uikit-shadow uikit-rounded-t-none uikit-mb-0 !uikit-mt-0 uikit-text-w-black !uikit-rounded-b-xl !uikit-rounded-t-none";switch(a.theme){case"bordered":return"before:uikit-content-[''] before:uikit-absolute before:uikit-w-1/2 before:uikit-border-b before:uikit-border-b-w-lavender before:[border-bottom-style:solid] before:uikit-right-1/4 uikit-rounded-b-xl uikit-shadow uikit-rounded-t-none uikit-mt-5px uikit-mb-0";case"all-bordered":return e;case"all-bordered-thick":return e;default:return""}}),_=async e=>{if(i.value!==e&&(c("changedValue",e),i.value=e,!!a.onInputChangeCb)){if(u.value&&!e&&(u.value.label="",l.value=!1),!e||d.value){r.value=[],d.value=!1,k.value=-1,p.value=-1,await b.value(null);return}a.disableCb||(r.value=await b.value(e),r.value.length&&(l.value=!0))}},h=(e,o)=>{a.onOptionSelectedCb&&a.onOptionSelectedCb(e),d.value=!0,i.value=e.label,u.value=e,l.value=!1,k.value=o},B=()=>{r.value.length&&a.keepState!=="closed"&&(l.value=!0)};return t.watch(u,(e,o)=>{e!==o&&(i.value=e?.label||"")}),t.watch(k,e=>{if(e===-1)return;const o=r.value[e];d.value&&o.label===u.value?.label||h(o,e)}),t.watch(()=>a.manualClose,e=>{e&&(d.value&&(r.value=[]),c("dropdownClosed"))}),m({select:()=>{v.value?.select()}}),(e,o)=>(t.openBlock(),t.createBlock(I._sfc_main,{class:t.normalizeClass(e.$attrs["root-classes"]),"data-cy":`ac_${e.$attrs.id}`,"dropdown-element":"ul","dropdown-classes":[{"bordered-dropdown":e.theme==="bordered"},{"all-bordered-dropdown":e.theme==="all-bordered"},{"all-bordered-dropdown thick":e.theme==="all-bordered-thick"},{"uikit-mt-10px !uikit-border !uikit-border-w-secondary !uikit-rounded-xs":!e.theme},y.value,"!uikit-max-h-[210px] uikit-z-10",e.$attrs["dropdown-classes"]],"open-dropdown":l.value,"keep-state":r.value.length?"":"closed","onUpdate:dropdownState":o[0]||(o[0]=n=>l.value=n),onClick:o[1]||(o[1]=n=>{c("click"),B()})},{btn_slot:t.withCtx(()=>[t.createVNode(S,{id:`ac_input_${e.$attrs.id}`,ref_key:"baseInput",ref:v,"data-cy":`ac_input_${e.$attrs.id}`,"label-text":e.label,"model-value":u.value?.label||"","is-valid":e.isValid,disabled:e.$attrs.disabled,placeholder:e.$attrs.placeholder,"with-left-icon":!!e.$slots.lefticon,"with-right-icon":!!e.$slots.righticon,border:!e.theme,radius:!e.theme||e.theme==="bordered","input-class":[g.value,e.$attrs["input-classes"]],"fieldset-classes":[$.value,e.$attrs["fieldset-classes"]],"keep-floating-label":!!i.value,"onUpdate:modelValue":_},{leftIcon:t.withCtx(()=>[t.renderSlot(e.$slots,"lefticon")]),righticon:t.withCtx(({handleClean:n})=>[t.renderSlot(e.$slots,"righticon",{handleClean:n})]),_:3},8,["id","data-cy","label-text","model-value","is-valid","disabled","placeholder","with-left-icon","with-right-icon","border","radius","input-class","fieldset-classes","keep-floating-label"])]),default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(r.value,(n,s)=>(t.openBlock(),t.createBlock(q._sfc_main,{key:s,active:t.unref(p)===s,class:"uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",onClick:V=>h(n,s),onMouseover:V=>p.value=s},{default:t.withCtx(()=>[t.createElementVNode("span",{innerHTML:n.label},null,8,O)]),_:2},1032,["active","onClick","onMouseover"]))),128))]),_:3},8,["class","data-cy","dropdown-classes","open-dropdown","keep-state"]))}});exports._sfc_main=L;

package/dist/BaseButton.vue_vue_type_script_setup_true_lang-8iapE8e5.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("vue"),m=require("./lib/UIKit/BaseIcon.cjs"),c=require("./lib/UIKit/StaticSpinner.cjs"),f=["id","data-cy","type","data-active","disabled","aria-labelledby"],p=i.defineComponent({__name:"BaseButton",props:{lazyLoadIcon:{type:Boolean,default:!0},btnClass:{default:""},iconName:{default:""},iconNameHovering:{default:""},iconClass:{default:"uikit-mr-[5px]"},isEmpty:{type:Boolean,default:!1},keepActive:{type:Boolean,default:!1},isLoading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["mouseover","mouseout","click"],setup(r){const t=r,n=i.ref(!1),s=i.ref("");i.onBeforeMount(()=>{s.value=t.iconName??""});const u=()=>{n.value=!0,t.iconNameHovering&&l(t.iconNameHovering)},d=()=>{n.value=!1,t.iconNameHovering&&l(t.iconName)},l=e=>{s.value=e};return(e,o)=>(i.openBlock(),i.createElementBlock("button",{id:e.$attrs.id,"data-cy":e.$attrs["data-cy"],type:e.$attrs.type,class:i.normalizeClass([{"uikit-btn":!e.isEmpty,"uikit-btn-empty":e.isEmpty,"active uikit-font-medium":e.keepActive,"uikit-flex uikit-items-center uikit-justify-center":e.iconName||e.isLoading},e.btnClass]),style:i.normalizeStyle(e.$attrs.style),"data-active":e.keepActive,disabled:e.isLoading||e.disabled,"aria-labelledby":e.$attrs.id,onMouseover:o[0]||(o[0]=i.withModifiers(a=>{u(),e.$emit("mouseover",a)},["stop"])),onMouseout:o[1]||(o[1]=i.withModifiers(a=>{d(),e.$emit("mouseout",a)},["stop"])),onClick:o[2]||(o[2]=a=>e.$emit("click",a))},[e.iconName&&!e.isLoading?(i.openBlock(),i.createBlock(m,{key:e.$attrs.id?e.$attrs.id:`btn-${e.iconName}`,"icon-name":s.value,"icon-class":e.iconClass,"alt-attribute":"button icon","lazy-loading":e.lazyLoadIcon},null,8,["icon-name","icon-class","lazy-loading"])):i.createCommentVNode("",!0),e.isLoading?i.renderSlot(e.$slots,"spinner",{key:2},()=>[i.createVNode(c,{color:e.btnClass.includes("uikit-btn-light")?"uikit-stroke-black":"uikit-stroke-white"},null,8,["color"])]):i.renderSlot(e.$slots,"default",{key:1,hover:n.value})],46,f))}});exports._sfc_main=p;

package/dist/BaseButton.vue_vue_type_script_setup_true_lang-hyGBRoUS.js

@@ -0,0 +1,75 @@
+import { defineComponent as y, ref as l, onBeforeMount as c, openBlock as r, createElementBlock as k, normalizeClass as v, normalizeStyle as b, withModifiers as u, createBlock as g, createCommentVNode as $, renderSlot as d, createVNode as B } from "vue";
+import N from "./lib/UIKit/BaseIcon.js";
+import C from "./lib/UIKit/StaticSpinner.js";
+const L = ["id", "data-cy", "type", "data-active", "disabled", "aria-labelledby"], I = /* @__PURE__ */ y({
+  __name: "BaseButton",
+  props: {
+    lazyLoadIcon: { type: Boolean, default: !0 },
+    btnClass: { default: "" },
+    iconName: { default: "" },
+    iconNameHovering: { default: "" },
+    iconClass: { default: "uikit-mr-[5px]" },
+    isEmpty: { type: Boolean, default: !1 },
+    keepActive: { type: Boolean, default: !1 },
+    isLoading: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["mouseover", "mouseout", "click"],
+  setup(m) {
+    const a = m, t = l(!1), n = l("");
+    c(() => {
+      n.value = a.iconName ?? "";
+    });
+    const p = () => {
+      t.value = !0, a.iconNameHovering && s(a.iconNameHovering);
+    }, f = () => {
+      t.value = !1, a.iconNameHovering && s(a.iconName);
+    }, s = (e) => {
+      n.value = e;
+    };
+    return (e, o) => (r(), k("button", {
+      id: e.$attrs.id,
+      "data-cy": e.$attrs["data-cy"],
+      type: e.$attrs.type,
+      class: v([
+        {
+          "uikit-btn": !e.isEmpty,
+          "uikit-btn-empty": e.isEmpty,
+          "active uikit-font-medium": e.keepActive,
+          "uikit-flex uikit-items-center uikit-justify-center": e.iconName || e.isLoading
+        },
+        e.btnClass
+      ]),
+      style: b(e.$attrs.style),
+      "data-active": e.keepActive,
+      disabled: e.isLoading || e.disabled,
+      "aria-labelledby": e.$attrs.id,
+      onMouseover: o[0] || (o[0] = u((i) => {
+        p(), e.$emit("mouseover", i);
+      }, ["stop"])),
+      onMouseout: o[1] || (o[1] = u((i) => {
+        f(), e.$emit("mouseout", i);
+      }, ["stop"])),
+      onClick: o[2] || (o[2] = (i) => e.$emit("click", i))
+    }, [
+      e.iconName && !e.isLoading ? (r(), g(N, {
+        key: e.$attrs.id ? e.$attrs.id : `btn-${e.iconName}`,
+        "icon-name": n.value,
+        "icon-class": e.iconClass,
+        "alt-attribute": "button icon",
+        "lazy-loading": e.lazyLoadIcon
+      }, null, 8, ["icon-name", "icon-class", "lazy-loading"])) : $("", !0),
+      e.isLoading ? d(e.$slots, "spinner", { key: 2 }, () => [
+        B(C, {
+          color: e.btnClass.includes("uikit-btn-light") ? "uikit-stroke-black" : "uikit-stroke-white"
+        }, null, 8, ["color"])
+      ]) : d(e.$slots, "default", {
+        key: 1,
+        hover: t.value
+      })
+    ], 46, L));
+  }
+});
+export {
+  I as _
+};

package/dist/BaseDropDown.vue_vue_type_script_setup_true_lang-BdoYFj6h.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),u=require("./BaseButton.vue_vue_type_script_setup_true_lang-8iapE8e5.cjs"),c=require("./ArrowIcon-p3-glcm0.cjs"),k=["innerHTML"],p=e.defineComponent({inheritAttrs:!1,__name:"BaseDropDown",props:{id:{default:""},dropdownClasses:{default:""},containerDropdownClasses:{default:""},iconName:{default:""},iconClasses:{default:""},btnClasses:{default:""},withArrowIcon:{type:Boolean,default:!1},btnLabel:{default:""},labelClasses:{default:""},direction:{default:"down"},arrowWidth:{default:12},isAbsolute:{type:Boolean,default:!0},openDropdown:{type:Boolean,default:!1},closeWhenClickedOutside:{type:Boolean,default:!0},dropdownElement:{default:"div"},keepState:{default:""}},emits:["click","update:dropdownState"],setup(r,{emit:d}){const i=r,n=d,o=e.ref(!1);e.watch(()=>i.openDropdown,t=>{o.value=t},{immediate:!0}),e.watch(o,t=>{n("update:dropdownState",t)});const s=()=>{o.value=!1},l=()=>{i.keepState==="closed"&&!o.value||i.keepState==="opened"&&o.value||(o.value=!o.value)};return e.onBeforeMount(()=>{i.closeWhenClickedOutside&&document&&document.body.addEventListener("click",s)}),e.onUnmounted(()=>{i.closeWhenClickedOutside&&document&&document.body.removeEventListener("click",s)}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["uikit-relative uikit-block",t.$attrs.class]),onClick:a[1]||(a[1]=e.withModifiers(f=>{n("click"),l()},["stop"]))},[e.renderSlot(t.$slots,"btn_slot",{toggleDropdown:l,isOpen:o.value},()=>[e.createVNode(u._sfc_main,{id:t.id,type:"button","data-cy":t.$attrs["data-cy"],class:e.normalizeClass(["!uikit-flex uikit-w-full uikit-items-center uikit-truncate",t.btnClasses]),"aria-expanded":o.value,"btn-class":"uikit-btn-single-selection","icon-class":t.iconClasses,"icon-name":t.iconName},{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(["uikit-mr-5px",t.labelClasses]),innerHTML:t.btnLabel},null,10,k),t.withArrowIcon?(e.openBlock(),e.createBlock(e.unref(c.ArrowIcon),{key:0,class:e.normalizeClass(["uikit-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none",o.value&&"uikit-rotate-180"]),width:t.arrowWidth,height:t.arrowWidth,"stroke-color":t.$attrs["arrow-stroke-color"]},null,8,["class","width","height","stroke-color"])):e.createCommentVNode("",!0)]),_:1},8,["id","data-cy","class","aria-expanded","icon-class","icon-name"])]),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.dropdownElement),{id:"dropdown_"+t.id,ref:"dropdown","data-cy":t.$attrs["data-cy"]&&`${t.$attrs["data-cy"]}_dropdown`,class:e.normalizeClass(["uikit-max-h-[220px] uikit-w-full uikit-min-w-[90px] uikit-flex-col uikit-overflow-y-auto uikit-border uikit-border-solid uikit-border-w-lavender uikit-bg-white uikit-opacity-100 uikit-shadow uikit-no-scrollbar",[t.dropdownClasses,o.value?"uikit-flex":"uikit-hidden",{"uikit-bottom-[55px] uikit-rounded-xs":t.direction==="up"},{"uikit-rounded-b uikit-border-t-0":t.direction==="down"},{"uikit-absolute":t.isAbsolute}]]),onClick:a[0]||(a[0]=e.withModifiers(()=>{},["stop"]))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{isOpen:o.value})]),_:3},8,["id","data-cy","class"]))],2))}});exports._sfc_main=p;

package/dist/BaseDropDown.vue_vue_type_script_setup_true_lang-t-jias47.js

@@ -0,0 +1,111 @@
+import { defineComponent as w, ref as b, watch as r, onBeforeMount as h, onUnmounted as v, openBlock as n, createElementBlock as C, normalizeClass as i, withModifiers as u, renderSlot as c, createVNode as y, withCtx as p, createElementVNode as $, createBlock as k, unref as B, createCommentVNode as g, resolveDynamicComponent as D } from "vue";
+import { _ as A } from "./BaseButton.vue_vue_type_script_setup_true_lang-hyGBRoUS.js";
+import { A as E } from "./ArrowIcon-BAw-0KtW.js";
+const L = ["innerHTML"], M = /* @__PURE__ */ w({
+  inheritAttrs: !1,
+  __name: "BaseDropDown",
+  props: {
+    id: { default: "" },
+    dropdownClasses: { default: "" },
+    containerDropdownClasses: { default: "" },
+    iconName: { default: "" },
+    iconClasses: { default: "" },
+    btnClasses: { default: "" },
+    withArrowIcon: { type: Boolean, default: !1 },
+    btnLabel: { default: "" },
+    labelClasses: { default: "" },
+    direction: { default: "down" },
+    arrowWidth: { default: 12 },
+    isAbsolute: { type: Boolean, default: !0 },
+    openDropdown: { type: Boolean, default: !1 },
+    closeWhenClickedOutside: { type: Boolean, default: !0 },
+    dropdownElement: { default: "div" },
+    keepState: { default: "" }
+  },
+  emits: ["click", "update:dropdownState"],
+  setup(f, { emit: m }) {
+    const o = f, l = m, t = b(!1);
+    r(
+      () => o.openDropdown,
+      (e) => {
+        t.value = e;
+      },
+      {
+        immediate: !0
+      }
+    ), r(t, (e) => {
+      l("update:dropdownState", e);
+    });
+    const s = () => {
+      t.value = !1;
+    }, d = () => {
+      o.keepState === "closed" && !t.value || o.keepState === "opened" && t.value || (t.value = !t.value);
+    };
+    return h(() => {
+      o.closeWhenClickedOutside && document && document.body.addEventListener("click", s);
+    }), v(() => {
+      o.closeWhenClickedOutside && document && document.body.removeEventListener("click", s);
+    }), (e, a) => (n(), C("div", {
+      class: i(["uikit-relative uikit-block", e.$attrs.class]),
+      onClick: a[1] || (a[1] = u((S) => {
+        l("click"), d();
+      }, ["stop"]))
+    }, [
+      c(e.$slots, "btn_slot", {
+        toggleDropdown: d,
+        isOpen: t.value
+      }, () => [
+        y(A, {
+          id: e.id,
+          type: "button",
+          "data-cy": e.$attrs["data-cy"],
+          class: i([
+            "!uikit-flex uikit-w-full uikit-items-center uikit-truncate",
+            e.btnClasses
+          ]),
+          "aria-expanded": t.value,
+          "btn-class": "uikit-btn-single-selection",
+          "icon-class": e.iconClasses,
+          "icon-name": e.iconName
+        }, {
+          default: p(() => [
+            $("span", {
+              class: i(["uikit-mr-5px", e.labelClasses]),
+              innerHTML: e.btnLabel
+            }, null, 10, L),
+            e.withArrowIcon ? (n(), k(B(E), {
+              key: 0,
+              class: i(["uikit-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", t.value && "uikit-rotate-180"]),
+              width: e.arrowWidth,
+              height: e.arrowWidth,
+              "stroke-color": e.$attrs["arrow-stroke-color"]
+            }, null, 8, ["class", "width", "height", "stroke-color"])) : g("", !0)
+          ]),
+          _: 1
+        }, 8, ["id", "data-cy", "class", "aria-expanded", "icon-class", "icon-name"])
+      ]),
+      (n(), k(D(e.dropdownElement), {
+        id: "dropdown_" + e.id,
+        ref: "dropdown",
+        "data-cy": e.$attrs["data-cy"] && `${e.$attrs["data-cy"]}_dropdown`,
+        class: i(["uikit-max-h-[220px] uikit-w-full uikit-min-w-[90px] uikit-flex-col uikit-overflow-y-auto uikit-border uikit-border-solid uikit-border-w-lavender uikit-bg-white uikit-opacity-100 uikit-shadow uikit-no-scrollbar", [
+          e.dropdownClasses,
+          t.value ? "uikit-flex" : "uikit-hidden",
+          { "uikit-bottom-[55px] uikit-rounded-xs": e.direction === "up" },
+          { "uikit-rounded-b uikit-border-t-0": e.direction === "down" },
+          { "uikit-absolute": e.isAbsolute }
+        ]]),
+        onClick: a[0] || (a[0] = u(() => {
+        }, ["stop"]))
+      }, {
+        default: p(() => [
+          c(e.$slots, "default", { isOpen: t.value })
+        ]),
+        _: 3
+      }, 8, ["id", "data-cy", "class"]))
+    ], 2));
+  }
+});
+export {
+  M as _
+};

package/dist/CheckboxGroup.vue_vue_type_script_setup_true_lang-B28hp87l.js

@@ -0,0 +1,93 @@
+import { defineComponent as v, useAttrs as y, reactive as g, computed as d, watch as C, onBeforeMount as V, openBlock as u, createElementBlock as i, normalizeClass as B, renderSlot as $, Fragment as A, renderList as G, createBlock as K, unref as E, createCommentVNode as R } from "vue";
+import { h as w, G as L } from "./utilities-CBCDB5EB.js";
+import I from "./lib/UIKit/Checkbox/CheckboxBtn.js";
+const _ = ["id", "data-cy"], S = /* @__PURE__ */ v({
+  inheritAttrs: !1,
+  __name: "CheckboxGroup",
+  props: {
+    valuesObj: { default() {
+      return {};
+    } },
+    formCheckInline: { type: Boolean, default: !1 },
+    customClass: { default: "" },
+    reset: { type: Boolean, default: !1 },
+    autoCheckResetAll: { type: Boolean, default: !1 },
+    autoCheckResetEmpty: { type: Boolean, default: !1 },
+    getKey: { default() {
+      return (r) => r.id;
+    } }
+  },
+  emits: ["resetted", "update:modelValue", "checkedGroup"],
+  setup(r, { emit: b }) {
+    const f = y(), t = r, o = b, s = g({
+      checkedValuesObj: {}
+    }), a = d(() => {
+      for (const e in t.valuesObj) {
+        const c = t.valuesObj[e];
+        if (c.reset)
+          return c;
+      }
+      return null;
+    }), p = d(
+      () => Object.keys(t.valuesObj).length
+    ), h = d(
+      () => Object.values(s.checkedValuesObj).reduce(
+        (e, c) => c.checked ? e + 1 : e,
+        0
+      )
+    );
+    C(
+      () => t.reset,
+      (e) => {
+        e && (k(), o("resetted"));
+      }
+    ), V(() => {
+      for (const e in t.valuesObj) {
+        const c = t.valuesObj[e];
+        c.checked = !!c.checked, s.checkedValuesObj[e] = c;
+      }
+    });
+    const k = () => {
+      for (const e in s.checkedValuesObj)
+        s.checkedValuesObj[e].checked = !1;
+    }, n = (e) => s.checkedValuesObj[t.getKey(e)].checked, m = (e) => {
+      s.checkedValuesObj[e.id].checked = !n(e);
+    }, j = (e) => {
+      if (!(!t.valuesObj || L(t.valuesObj))) {
+        if (t.valuesObj[e.id].reset && e.checked ? k() : a.value && !t.valuesObj[e.id].reset && (s.checkedValuesObj[t.getKey(a.value)].checked = !1), s.checkedValuesObj[e.id].checked = !!e.checked, t.autoCheckResetAll && a.value && h.value === p.value - 1)
+          for (const c in s.checkedValuesObj)
+            s.checkedValuesObj[c].checked = !!s.checkedValuesObj[c].reset;
+        t.autoCheckResetEmpty && a.value && !h.value && (s.checkedValuesObj[t.getKey(a.value)].checked = !0), o(
+          "update:modelValue",
+          Object.values(s.checkedValuesObj).filter(
+            (c) => c.checked
+          )
+        ), o("checkedGroup", f["group-id"] || "");
+      }
+    };
+    return (e, c) => (u(), i("div", {
+      id: e.$attrs["group-id"] || "",
+      class: B(["checkbox-group-container", e.$attrs.class || ""]),
+      "data-cy": e.$attrs["data-cy"] || ""
+    }, [
+      $(e.$slots, "checkboxElement", {
+        isActive: n,
+        handleChange: m
+      }, () => [
+        e.valuesObj ? (u(!0), i(A, { key: 0 }, G(e.valuesObj, (l, z, O) => (u(), K(I, {
+          id: e.getKey(l),
+          key: O,
+          "data-cy": `checkbox_${E(w)(`${l.label}`)}`,
+          label: l.label,
+          inline: e.formCheckInline,
+          "wrapper-margin-y": e.$attrs["checkbox-padding-y"],
+          "model-value": n(l),
+          onChange: j
+        }, null, 8, ["id", "data-cy", "label", "inline", "wrapper-margin-y", "model-value"]))), 128)) : R("", !0)
+      ])
+    ], 10, _));
+  }
+});
+export {
+  S as _
+};

package/dist/CheckboxGroup.vue_vue_type_script_setup_true_lang-BkB2KUyO.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),h=require("./utilities-gwVlEyWn.cjs"),m=require("./lib/UIKit/Checkbox/CheckboxBtn.cjs"),v=["id","data-cy"],y=t.defineComponent({inheritAttrs:!1,__name:"CheckboxGroup",props:{valuesObj:{default(){return{}}},formCheckInline:{type:Boolean,default:!1},customClass:{default:""},reset:{type:Boolean,default:!1},autoCheckResetAll:{type:Boolean,default:!1},autoCheckResetEmpty:{type:Boolean,default:!1},getKey:{default(){return o=>o.id}}},emits:["resetted","update:modelValue","checkedGroup"],setup(o,{emit:k}){const b=t.useAttrs(),c=o,r=k,a=t.reactive({checkedValuesObj:{}}),l=t.computed(()=>{for(const e in c.valuesObj){const s=c.valuesObj[e];if(s.reset)return s}return null}),f=t.computed(()=>Object.keys(c.valuesObj).length),d=t.computed(()=>Object.values(a.checkedValuesObj).reduce((e,s)=>s.checked?e+1:e,0));t.watch(()=>c.reset,e=>{e&&(i(),r("resetted"))}),t.onBeforeMount(()=>{for(const e in c.valuesObj){const s=c.valuesObj[e];s.checked=!!s.checked,a.checkedValuesObj[e]=s}});const i=()=>{for(const e in a.checkedValuesObj)a.checkedValuesObj[e].checked=!1},u=e=>a.checkedValuesObj[c.getKey(e)].checked,p=e=>{a.checkedValuesObj[e.id].checked=!u(e)},j=e=>{if(!(!c.valuesObj||h.Gn(c.valuesObj))){if(c.valuesObj[e.id].reset&&e.checked?i():l.value&&!c.valuesObj[e.id].reset&&(a.checkedValuesObj[c.getKey(l.value)].checked=!1),a.checkedValuesObj[e.id].checked=!!e.checked,c.autoCheckResetAll&&l.value&&d.value===f.value-1)for(const s in a.checkedValuesObj)a.checkedValuesObj[s].checked=!!a.checkedValuesObj[s].reset;c.autoCheckResetEmpty&&l.value&&!d.value&&(a.checkedValuesObj[c.getKey(l.value)].checked=!0),r("update:modelValue",Object.values(a.checkedValuesObj).filter(s=>s.checked)),r("checkedGroup",b["group-id"]||"")}};return(e,s)=>(t.openBlock(),t.createElementBlock("div",{id:e.$attrs["group-id"]||"",class:t.normalizeClass(["checkbox-group-container",e.$attrs.class||""]),"data-cy":e.$attrs["data-cy"]||""},[t.renderSlot(e.$slots,"checkboxElement",{isActive:u,handleChange:p},()=>[e.valuesObj?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:0},t.renderList(e.valuesObj,(n,C,O)=>(t.openBlock(),t.createBlock(m,{id:e.getKey(n),key:O,"data-cy":`checkbox_${t.unref(h.hs)(`${n.label}`)}`,label:n.label,inline:e.formCheckInline,"wrapper-margin-y":e.$attrs["checkbox-padding-y"],"model-value":u(n),onChange:j},null,8,["id","data-cy","label","inline","wrapper-margin-y","model-value"]))),128)):t.createCommentVNode("",!0)])],10,v))}});exports._sfc_main=y;

package/dist/CloseIcon-B0iqXdWk.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("vue"),s=require("./DefaultValues-S0CTWW-b.cjs"),h=(o,{attrs:e})=>{o={...s.getDefaultSvgPropsValues(),...o};const{width:t,height:n}=o;return i.h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 18.558 18.558",width:`${t}`,height:`${n}`,class:o.class??"","aria-hidden":e["aria-hidden"]??"true"},i.h("g",{fill:"none",stroke:`${e["stroke-color"]??"#222"}`,"stroke-linecap":`${e["stroke-linecap"]??"round"}`,"stroke-linejoin":`${e["stroke-linejoin"]??"round"}`,"stroke-width":`${e["stroke-width"]??"3"}`},[i.h("path",{d:"m2.121 2.121 14.316 14.316"}),i.h("path",{d:"M2.121 16.437 16.244 2.121"})]))};exports.CloseIcon=h;

package/dist/CloseIcon-o6CokGLA.js

@@ -0,0 +1,38 @@
+import { h as i } from "vue";
+import { g as r } from "./DefaultValues-k7iQWtC2.js";
+const l = (o, { attrs: e }) => {
+  o = { ...r(), ...o };
+  const { width: t, height: n } = o;
+  return i(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 18.558 18.558",
+      width: `${t}`,
+      height: `${n}`,
+      class: o.class ?? "",
+      "aria-hidden": e["aria-hidden"] ?? "true"
+    },
+    i(
+      "g",
+      {
+        fill: "none",
+        stroke: `${e["stroke-color"] ?? "#222"}`,
+        "stroke-linecap": `${e["stroke-linecap"] ?? "round"}`,
+        "stroke-linejoin": `${e["stroke-linejoin"] ?? "round"}`,
+        "stroke-width": `${e["stroke-width"] ?? "3"}`
+      },
+      [
+        i("path", {
+          d: "m2.121 2.121 14.316 14.316"
+        }),
+        i("path", {
+          d: "M2.121 16.437 16.244 2.121"
+        })
+      ]
+    )
+  );
+};
+export {
+  l as C
+};

package/dist/DefaultValues-S0CTWW-b.cjs

@@ -0,0 +1 @@
+"use strict";const e=()=>({width:20,height:20,strokeColor:"#222",fillColor:"none"});exports.getDefaultSvgPropsValues=e;

package/dist/DefaultValues-k7iQWtC2.js

@@ -0,0 +1,9 @@
+const o = () => ({
+  width: 20,
+  height: 20,
+  strokeColor: "#222",
+  fillColor: "none"
+});
+export {
+  o as g
+};

package/dist/IntersectionObservable.vue_vue_type_script_setup_true_lang-D3wBzHZD.js

@@ -0,0 +1,24 @@
+import { defineComponent as t, ref as l, onMounted as a, openBlock as i, createElementBlock as b, normalizeClass as p, renderSlot as s } from "vue";
+const u = /* @__PURE__ */ t({
+  __name: "IntersectionObservable",
+  props: {
+    observer: {},
+    isVisible: { type: Boolean }
+  },
+  setup(n) {
+    const r = n, o = l(null);
+    return a(() => {
+      !r.observer || !o.value || r.observer.observe(o.value);
+    }), (e, v) => e.isVisible ? s(e.$slots, "observable", { key: 1 }) : (i(), b("div", {
+      key: 0,
+      ref_key: "root",
+      ref: o,
+      class: p(e.$attrs["root-classes"])
+    }, [
+      s(e.$slots, "observable")
+    ], 2));
+  }
+});
+export {
+  u as _
+};

package/dist/IntersectionObservable.vue_vue_type_script_setup_true_lang-JNuYyviS.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=e.defineComponent({__name:"IntersectionObservable",props:{observer:{},isVisible:{type:Boolean}},setup(n){const o=n,s=e.ref(null);return e.onMounted(()=>{!o.observer||!s.value||o.observer.observe(s.value)}),(r,l)=>r.isVisible?e.renderSlot(r.$slots,"observable",{key:1}):(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"root",ref:s,class:e.normalizeClass(r.$attrs["root-classes"])},[e.renderSlot(r.$slots,"observable")],2))}});exports._sfc_main=t;

package/dist/IntersectionObserver.vue_vue_type_script_setup_true_lang-Bwf1jUFo.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),f=e.defineComponent({__name:"IntersectionObserver",props:{observeOnce:{type:Boolean,default:!0},skip:{type:Boolean,default:!1},threshold:{default:0}},emits:["intersection"],setup(l,{emit:u}){const a=u,t=l;let o=e.reactive({root:null,isVisible:!1});const s=e.ref(null),c=r=>{r.forEach(({target:n,isIntersecting:i})=>{i&&(o.isVisible=!0,a("intersection")),t.observeOnce&&i&&v(n)})},v=r=>{s.value&&s.value.unobserve(r)},b=()=>{s.value&&s.value.disconnect()};return e.onBeforeMount(()=>{if(t.skip){o.isVisible=!0;return}s.value=new IntersectionObserver(c,{root:null,threshold:t.threshold})}),e.onBeforeUnmount(()=>{b()}),(r,n)=>e.unref(o).isVisible?e.renderSlot(r.$slots,"observer",{key:1,observer:s.value,isVisible:e.unref(o).isVisible}):(e.openBlock(),e.createElementBlock("div",{key:0,ref:"root",class:e.normalizeClass(r.$attrs["root-classes"])},[e.renderSlot(r.$slots,"observer",{observer:s.value,isVisible:e.unref(o).isVisible})],2))}});exports._sfc_main=f;

package/dist/IntersectionObserver.vue_vue_type_script_setup_true_lang-CQHjzQc3.js

@@ -0,0 +1,52 @@
+import { defineComponent as p, reactive as d, ref as m, onBeforeMount as h, onBeforeUnmount as V, unref as t, openBlock as k, createElementBlock as B, normalizeClass as O, renderSlot as l } from "vue";
+const _ = /* @__PURE__ */ p({
+  __name: "IntersectionObserver",
+  props: {
+    observeOnce: { type: Boolean, default: !0 },
+    skip: { type: Boolean, default: !1 },
+    threshold: { default: 0 }
+  },
+  emits: ["intersection"],
+  setup(a, { emit: u }) {
+    const c = u, o = a;
+    let r = d({ root: null, isVisible: !1 });
+    const e = m(null), v = (s) => {
+      s.forEach(({ target: n, isIntersecting: i }) => {
+        i && (r.isVisible = !0, c("intersection")), o.observeOnce && i && b(n);
+      });
+    }, b = (s) => {
+      e.value && e.value.unobserve(s);
+    }, f = () => {
+      e.value && e.value.disconnect();
+    };
+    return h(() => {
+      if (o.skip) {
+        r.isVisible = !0;
+        return;
+      }
+      e.value = new IntersectionObserver(v, {
+        root: null,
+        //if the root is null, then we will check if the target is visible in the doc root!
+        threshold: o.threshold
+      });
+    }), V(() => {
+      f();
+    }), (s, n) => t(r).isVisible ? l(s.$slots, "observer", {
+      key: 1,
+      observer: e.value,
+      isVisible: t(r).isVisible
+    }) : (k(), B("div", {
+      key: 0,
+      ref: "root",
+      class: O(s.$attrs["root-classes"])
+    }, [
+      l(s.$slots, "observer", {
+        observer: e.value,
+        isVisible: t(r).isVisible
+      })
+    ], 2));
+  }
+});
+export {
+  _
+};

package/dist/SelectItem.vue_vue_type_script_setup_true_lang-3ie26G8n.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),u=["tabindex"],c=["innerHTML"],d=e.defineComponent({__name:"SelectItem",props:{label:{default:""},active:{type:Boolean,default:!1},idx:{default:-1}},emits:["click","mouseover"],setup(o,{emit:a}){const l=a,i=o,s=e.ref(null);return e.watch(()=>i.active,t=>{t&&e.nextTick(()=>{s.value?.focus()})},{immediate:!0}),(t,n)=>(e.openBlock(),e.createElementBlock("li",{ref_key:"liItem",ref:s,class:e.normalizeClass(["uikit-text-w-black",[{"active uikit-bg-w-cultured":t.active},"uikit-outline-none",t.$attrs.class]]),tabindex:t.$attrs.tabindex??-1,onClick:n[0]||(n[0]=r=>l("click",i.idx)),onMouseover:n[1]||(n[1]=r=>l("mouseover",i.idx))},[e.renderSlot(t.$slots,"default",{itemIdx:t.idx},()=>[e.createElementVNode("span",{innerHTML:i.label},null,8,c)])],42,u))}});exports._sfc_main=d;