@wikicasa-dev/components 1.2.14 → 1.2.16

package/dist/lib/UIKit/BaseTab.js

@@ -0,0 +1,78 @@
+import r from "./BaseNavItem.js";
+import { defineComponent as c, resolveComponent as d, openBlock as s, createElementBlock as o, normalizeClass as m, renderSlot as p, createVNode as l, Fragment as b, renderList as k, createBlock as u } from "vue";
+import { _ as f } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const v = c({
+  name: "BaseTab",
+  components: { BaseNavItem: r },
+  props: {
+    navTabsCustomClass: {
+      type: String
+    },
+    firstLabel: {
+      type: String,
+      default: "Tab1"
+    },
+    firstIconName: {
+      type: String
+    },
+    secondLabel: {
+      type: String,
+      default: "Tab2"
+    },
+    secondIconName: {
+      type: String
+    },
+    tabs: {
+      type: Array
+    }
+  },
+  emits: ["clickedTab"],
+  data() {
+    return {
+      selectedId: ""
+    };
+  },
+  methods: {
+    handleClick(e) {
+      this.clickTab(e), this.$emit("clickedTab", e);
+    },
+    clickTab(e) {
+      this.selectedId = e;
+    }
+  }
+});
+function C(e, a, y, I, T, $) {
+  const i = d("base-nav-item");
+  return s(), o("ul", {
+    class: m(["uikit-inline-flex uikit-flex-wrap uikit-gap-5", [e.navTabsCustomClass]])
+  }, [
+    e.tabs ? (s(!0), o(b, { key: 1 }, k(e.tabs, (t, n) => (s(), u(i, {
+      id: t.id + "_" + n,
+      key: n,
+      text: t.label,
+      "is-active": e.selectedId === t.id + "_" + n,
+      "icon-name": t.iconName,
+      onClick: (g) => e.handleClick(`${t.id + "_" + n}`)
+    }, null, 8, ["id", "text", "is-active", "icon-name", "onClick"]))), 128)) : p(e.$slots, "custom", { key: 0 }, () => [
+      l(i, {
+        id: "tab1",
+        "is-active": e.selectedId === "tab1",
+        "icon-name": e.firstIconName,
+        text: e.firstLabel,
+        onClick: a[0] || (a[0] = (t) => e.handleClick("tab1"))
+      }, null, 8, ["is-active", "icon-name", "text"]),
+      l(i, {
+        id: "tab2",
+        ref: "tab2",
+        "is-active": e.selectedId === "tab2",
+        "icon-name": e.secondIconName,
+        text: e.secondLabel,
+        onClick: a[1] || (a[1] = (t) => e.handleClick("tab2"))
+      }, null, 8, ["is-active", "icon-name", "text"])
+    ])
+  ], 2);
+}
+const h = /* @__PURE__ */ f(v, [["render", C]]);
+export {
+  h as default
+};

package/dist/lib/UIKit/BaseTextarea.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("./BaseFloatingLabel.cjs"),d=require("../composables/useFloatingLabel.cjs"),i=require("vue"),k=require("../../_plugin-vue_export-helper-BHFhmbuH.cjs"),b=i.defineComponent({name:"BaseTextarea",components:{BaseFloatingLabel:u},inheritAttrs:!1,props:{labelText:{type:String,default:""},modelValue:{type:[String,Number]},feedback:{type:Object},isValid:{type:Boolean,default:null},textAreaStyle:{type:String,default:""},isDisabled:{type:Boolean,default:!1},resize:{type:Boolean,default:!1}},emits:["update:modelValue","focusin","focusout"],setup(e,t){const{labelState:a,setInitialLabelState:l,handleFocusIn:s,handleFocusOut:r}=d.useFloatingLabel(t.emit);return{labelState:a,setInitialLabelState:l,handleFocusIn:s,handleFocusOut:r}},data(){return{value:""}},computed:{textareaElem(){return this.$refs.textarea}},watch:{modelValue(e){`${e}`.length>0&&this.labelState!=="floating-label"&&(this.labelState="floating-label")}},created(){this.setInitialLabelState(this.modelValue)},methods:{handleOnChange({target:e}){this.value=e.value,this.$emit("update:modelValue",e.value)},handleFloatingLabelClick(){this.$refs.textarea.focus()},disableTextarea(){this.textareaElem.setAttribute("readonly","readonly"),this.textareaElem.classList.add("disabled")},clearTextareaElem(){this.textareaElem.value="",console.log(this.textareaElem.value)},disableAndFocusTextarea(){this.textareaElem.removeAttribute("readonly"),this.textareaElem.classList.remove("disabled"),this.$nextTick(()=>{this.textareaElem.focus()})}}}),p=["id","data-cy","rows","disabled","aria-labelledby","innerHTML"],m={key:0,class:"uikit-visible uikit-float-none uikit-ml-2 uikit-block uikit-h-3 uikit-w-auto uikit-max-w-full uikit-overflow-hidden uikit-whitespace-nowrap uikit-p-0 uikit-text uikit-duration-[50s] uikit-ease-out"},f=["innerHTML"],h=["innerHTML"];function c(e,t,a,l,s,r){const n=i.resolveComponent("base-floating-label");return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(e.$attrs["wrapper-classes"])},[i.createElementVNode("div",{class:i.normalizeClass(["input-wrapper uikit-relative uikit-mt-15px uikit-rounded-xs uikit-px-0",[e.labelState==="floating-label"?"floating-state":"inline-state"]])},[i.createElementVNode("textarea",{id:e.$attrs.id,ref:"textarea","data-cy":e.$attrs["data-cy"],class:i.normalizeClass(["textarea-scrollbar uikit-peer/fieldset uikit-w-full uikit-overflow-y-auto uikit-whitespace-pre-wrap uikit-rounded-xs uikit-border-0 uikit-bg-white uikit-bg-no-repeat uikit-px-15px uikit-pb-[8px] uikit-pt-15px uikit-outline-none",[{"uikit-bg-w-cultured":e.$attrs.disabled||e.isDisabled},{"is-invalid invalid-bg !uikit-pr-10":e.isValid===!1},{"is-valid valid-bg !uikit-pr-10":e.isValid},{"uikit-resize-none":!e.resize}]]),rows:e.$attrs.rows,disabled:e.$attrs.disabled,"aria-labelledby":e.$attrs.id,onFocusin:t[0]||(t[0]=i.withModifiers(()=>e.handleFocusIn(),["stop"])),onFocusout:t[1]||(t[1]=i.withModifiers(o=>e.handleFocusOut(`${e.modelValue}`.trim()||e.value),["stop"])),onInput:t[2]||(t[2]=i.withModifiers((...o)=>e.handleOnChange&&e.handleOnChange(...o),["stop"])),innerHTML:e.modelValue},null,42,p),i.createElementVNode("fieldset",{class:i.normalizeClass(["uikit-pointer-events-none uikit-absolute -uikit-top-5px uikit-bottom-5px uikit-left-0 uikit-right-0 uikit-m-0 uikit-min-w-0 uikit-overflow-hidden uikit-rounded-xs uikit-border uikit-border-solid uikit-px-2 uikit-text-start uikit-transition-[border] uikit-duration-100 uikit-ease-out peer-focus/fieldset:uikit-border-2 peer-focus/fieldset:uikit-border-w-primary",[{"is-invalid":e.isValid===!1,"is-valid":e.isValid},{"uikit-border-w-danger":e.isValid===!1},{"uikit-border-w-primary":e.isValid},{"uikit-border-w-secondary":e.isValid===null}]])},[e.labelText?(i.openBlock(),i.createElementBlock("legend",m,[i.createElementVNode("span",{class:i.normalizeClass(["uikit-px-5px uikit-opacity-0",[{"uikit-visible uikit-inline-block":e.labelState==="floating-label"},{"uikit-invisible uikit-hidden":e.labelState==="inline-label"}]]),innerHTML:e.labelText},null,10,f)])):i.createCommentVNode("",!0)],2),i.createVNode(n,{for:e.$attrs.id,"label-text":e.labelText,"label-state":e.labelState,required:e.$attrs.required,"is-valid":e.isValid,onClick:e.handleFloatingLabelClick},null,8,["for","label-text","label-state","required","is-valid","onClick"])],2),(e.isValid||e.isValid===!1)&&e.feedback?(i.openBlock(),i.createElementBlock("div",{key:0,class:i.normalizeClass(e.isValid===!1?"uikit-mt-1 uikit-text-12 uikit-text-w-danger":"uikit-mt-1 uikit-text-12 uikit-text-w-primary"),innerHTML:e.isValid===!1?e.feedback.invalid:e.feedback.valid},null,10,h)):i.createCommentVNode("",!0)],2)}const v=k._export_sfc(b,[["render",c],["__scopeId","data-v-9544f55f"]]);module.exports=v;

package/dist/lib/UIKit/BaseTextarea.js

@@ -0,0 +1,142 @@
+import f from "./BaseFloatingLabel.js";
+import { useFloatingLabel as m } from "../composables/useFloatingLabel.js";
+import { defineComponent as h, resolveComponent as v, openBlock as l, createElementBlock as s, normalizeClass as t, createElementVNode as a, withModifiers as r, createCommentVNode as b, createVNode as g } from "vue";
+import { _ as w } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const y = h({
+  name: "BaseTextarea",
+  components: { BaseFloatingLabel: f },
+  inheritAttrs: !1,
+  props: {
+    labelText: { type: String, default: "" },
+    modelValue: { type: [String, Number] },
+    feedback: { type: Object },
+    isValid: { type: Boolean, default: null },
+    textAreaStyle: { type: String, default: "" },
+    isDisabled: { type: Boolean, default: !1 },
+    resize: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "focusin", "focusout"],
+  setup(e, i) {
+    const { labelState: o, setInitialLabelState: u, handleFocusIn: n, handleFocusOut: d } = m(i.emit);
+    return {
+      labelState: o,
+      setInitialLabelState: u,
+      handleFocusIn: n,
+      handleFocusOut: d
+    };
+  },
+  data() {
+    return {
+      //This inner value is useful in case the inner value of the textarea do not match with the modelValue
+      value: ""
+    };
+  },
+  computed: {
+    textareaElem() {
+      return this.$refs.textarea;
+    }
+  },
+  watch: {
+    modelValue(e) {
+      `${e}`.length > 0 && this.labelState !== "floating-label" && (this.labelState = "floating-label");
+    }
+  },
+  created() {
+    this.setInitialLabelState(this.modelValue);
+  },
+  methods: {
+    handleOnChange({ target: e }) {
+      this.value = e.value, this.$emit("update:modelValue", e.value);
+    },
+    handleFloatingLabelClick() {
+      this.$refs.textarea.focus();
+    },
+    /* Favorite scenario: multiple baseTextarea */
+    disableTextarea() {
+      this.textareaElem.setAttribute("readonly", "readonly"), this.textareaElem.classList.add("disabled");
+    },
+    clearTextareaElem() {
+      this.textareaElem.value = "", console.log(this.textareaElem.value);
+    },
+    disableAndFocusTextarea() {
+      this.textareaElem.removeAttribute("readonly"), this.textareaElem.classList.remove("disabled"), this.$nextTick(() => {
+        this.textareaElem.focus();
+      });
+    }
+  }
+}), V = ["id", "data-cy", "rows", "disabled", "aria-labelledby", "innerHTML"], c = {
+  key: 0,
+  class: "uikit-visible uikit-float-none uikit-ml-2 uikit-block uikit-h-3 uikit-w-auto uikit-max-w-full uikit-overflow-hidden uikit-whitespace-nowrap uikit-p-0 uikit-text uikit-duration-[50s] uikit-ease-out"
+}, $ = ["innerHTML"], T = ["innerHTML"];
+function L(e, i, o, u, n, d) {
+  const p = v("base-floating-label");
+  return l(), s("div", {
+    class: t(e.$attrs["wrapper-classes"])
+  }, [
+    a("div", {
+      class: t(["input-wrapper uikit-relative uikit-mt-15px uikit-rounded-xs uikit-px-0", [
+        e.labelState === "floating-label" ? "floating-state" : "inline-state"
+      ]])
+    }, [
+      a("textarea", {
+        id: e.$attrs.id,
+        ref: "textarea",
+        "data-cy": e.$attrs["data-cy"],
+        class: t(["textarea-scrollbar uikit-peer/fieldset uikit-w-full uikit-overflow-y-auto uikit-whitespace-pre-wrap uikit-rounded-xs uikit-border-0 uikit-bg-white uikit-bg-no-repeat uikit-px-15px uikit-pb-[8px] uikit-pt-15px uikit-outline-none", [
+          { "uikit-bg-w-cultured": e.$attrs.disabled || e.isDisabled },
+          { "is-invalid invalid-bg !uikit-pr-10": e.isValid === !1 },
+          { "is-valid valid-bg !uikit-pr-10": e.isValid },
+          { "uikit-resize-none": !e.resize }
+        ]]),
+        rows: e.$attrs.rows,
+        disabled: e.$attrs.disabled,
+        "aria-labelledby": e.$attrs.id,
+        onFocusin: i[0] || (i[0] = r(() => e.handleFocusIn(), ["stop"])),
+        onFocusout: i[1] || (i[1] = r((k) => e.handleFocusOut(`${e.modelValue}`.trim() || e.value), ["stop"])),
+        onInput: i[2] || (i[2] = r((...k) => e.handleOnChange && e.handleOnChange(...k), ["stop"])),
+        innerHTML: e.modelValue
+      }, null, 42, V),
+      a("fieldset", {
+        class: t(["uikit-pointer-events-none uikit-absolute -uikit-top-5px uikit-bottom-5px uikit-left-0 uikit-right-0 uikit-m-0 uikit-min-w-0 uikit-overflow-hidden uikit-rounded-xs uikit-border uikit-border-solid uikit-px-2 uikit-text-start uikit-transition-[border] uikit-duration-100 uikit-ease-out peer-focus/fieldset:uikit-border-2 peer-focus/fieldset:uikit-border-w-primary", [
+          { "is-invalid": e.isValid === !1, "is-valid": e.isValid },
+          { "uikit-border-w-danger": e.isValid === !1 },
+          { "uikit-border-w-primary": e.isValid },
+          { "uikit-border-w-secondary": e.isValid === null }
+        ]])
+      }, [
+        e.labelText ? (l(), s("legend", c, [
+          a("span", {
+            class: t(["uikit-px-5px uikit-opacity-0", [
+              {
+                "uikit-visible uikit-inline-block": e.labelState === "floating-label"
+              },
+              {
+                "uikit-invisible uikit-hidden": e.labelState === "inline-label"
+              }
+            ]]),
+            innerHTML: e.labelText
+          }, null, 10, $)
+        ])) : b("", !0)
+      ], 2),
+      g(p, {
+        for: e.$attrs.id,
+        "label-text": e.labelText,
+        "label-state": e.labelState,
+        required: e.$attrs.required,
+        "is-valid": e.isValid,
+        onClick: e.handleFloatingLabelClick
+      }, null, 8, ["for", "label-text", "label-state", "required", "is-valid", "onClick"])
+    ], 2),
+    (e.isValid || e.isValid === !1) && e.feedback ? (l(), s("div", {
+      key: 0,
+      class: t(
+        e.isValid === !1 ? "uikit-mt-1 uikit-text-12 uikit-text-w-danger" : "uikit-mt-1 uikit-text-12 uikit-text-w-primary"
+      ),
+      innerHTML: e.isValid === !1 ? e.feedback.invalid : e.feedback.valid
+    }, null, 10, T)) : b("", !0)
+  ], 2);
+}
+const x = /* @__PURE__ */ w(y, [["render", L], ["__scopeId", "data-v-9544f55f"]]);
+export {
+  x as default
+};

package/dist/{src → lib}/UIKit/BaseTextarea.vue.d.ts

@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
     disableTextarea(): void;
     clearTextareaElem(): void;
     disableAndFocusTextarea(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focusin" | "focusout" | "update:modelValue")[], "focusin" | "focusout" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focusout" | "focusin")[], "update:modelValue" | "focusout" | "focusin", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     labelText: {
         type: StringConstructor;
         default: string;
@@ -73,10 +73,10 @@ declare const _default: import("vue").DefineComponent<{
     onFocusout?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    resize: boolean;
     isValid: Nullable<boolean>;
     labelText: string;
     textAreaStyle: string;
     isDisabled: boolean;
+    resize: boolean;
 }, {}>;
 export default _default;

package/dist/lib/UIKit/BaseToggle.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),r=require("../../_plugin-vue_export-helper-BHFhmbuH.cjs"),l=t.defineComponent({name:"BaseToggle",inheritAttrs:!1,props:{withRightLabel:{type:Boolean,default:!0},label:{type:String,default:""},modelValue:{type:Boolean,default:!1}},emits:["update:modelValue"],methods:{handleToggle({target:e}){this.$emit("update:modelValue",e.checked)}}}),s=e=>(t.pushScopeId("data-v-d999e0e7"),e=e(),t.popScopeId(),e),u={class:"switch uikit-relative uikit-inline-block uikit-min-w-[40px]"},a=["data-cy","checked"],n=s(()=>t.createElementVNode("span",{class:"slider round uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-cursor-pointer uikit-bg-w-lavender uikit-duration-300 before:uikit-absolute before:uikit-bottom-0 before:uikit-left-0 before:uikit-h-[22px] before:uikit-w-[22px] before:uikit-rounded-circle before:uikit-border before:uikit-border-solid before:uikit-border-w-secondary before:uikit-bg-white before:uikit-shadow-sm before:uikit-duration-300 before:uikit-content-[''] peer-checked/toggle:uikit-bg-w-primary"},null,-1)),d=["innerHTML"];function c(e,i,p,b,h,f){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["switch-container uikit-inline-block uikit-items-center",e.$attrs.class])},[t.renderSlot(e.$slots,"leftLabel",{},void 0,!0),t.createElementVNode("label",u,[t.createElementVNode("input",{"data-cy":e.$attrs["data-cy"]??"",class:"uikit-peer/toggle uikit-h-0 uikit-w-0 uikit-opacity-0",type:"checkbox",checked:e.modelValue,onInput:i[0]||(i[0]=t.withModifiers(o=>e.handleToggle(o),["stop"]))},null,40,a),n]),e.withRightLabel?t.renderSlot(e.$slots,"rightLabel",{key:0},()=>[t.createElementVNode("span",{class:"uikit-ml-10px",innerHTML:e.label},null,8,d)],!0):t.createCommentVNode("",!0)],2)}const k=r._export_sfc(l,[["render",c],["__scopeId","data-v-d999e0e7"]]);module.exports=k;

package/dist/lib/UIKit/BaseToggle.js

@@ -0,0 +1,44 @@
+import { defineComponent as l, openBlock as a, createElementBlock as s, normalizeClass as u, renderSlot as o, createElementVNode as t, withModifiers as n, createCommentVNode as d, pushScopeId as c, popScopeId as k } from "vue";
+import { _ as p } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const b = l({
+  name: "BaseToggle",
+  inheritAttrs: !1,
+  props: {
+    withRightLabel: { type: Boolean, default: !0 },
+    label: { type: String, default: "" },
+    modelValue: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  methods: {
+    handleToggle({ target: e }) {
+      this.$emit("update:modelValue", e.checked);
+    }
+  }
+}), f = (e) => (c("data-v-d999e0e7"), e = e(), k(), e), h = { class: "switch uikit-relative uikit-inline-block uikit-min-w-[40px]" }, m = ["data-cy", "checked"], g = /* @__PURE__ */ f(() => /* @__PURE__ */ t("span", { class: "slider round uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-cursor-pointer uikit-bg-w-lavender uikit-duration-300 before:uikit-absolute before:uikit-bottom-0 before:uikit-left-0 before:uikit-h-[22px] before:uikit-w-[22px] before:uikit-rounded-circle before:uikit-border before:uikit-border-solid before:uikit-border-w-secondary before:uikit-bg-white before:uikit-shadow-sm before:uikit-duration-300 before:uikit-content-[''] peer-checked/toggle:uikit-bg-w-primary" }, null, -1)), w = ["innerHTML"];
+function y(e, i, _, $, v, B) {
+  return a(), s("div", {
+    class: u(["switch-container uikit-inline-block uikit-items-center", e.$attrs.class])
+  }, [
+    o(e.$slots, "leftLabel", {}, void 0, !0),
+    t("label", h, [
+      t("input", {
+        "data-cy": e.$attrs["data-cy"] ?? "",
+        class: "uikit-peer/toggle uikit-h-0 uikit-w-0 uikit-opacity-0",
+        type: "checkbox",
+        checked: e.modelValue,
+        onInput: i[0] || (i[0] = n((r) => e.handleToggle(r), ["stop"]))
+      }, null, 40, m),
+      g
+    ]),
+    e.withRightLabel ? o(e.$slots, "rightLabel", { key: 0 }, () => [
+      t("span", {
+        class: "uikit-ml-10px",
+        innerHTML: e.label
+      }, null, 8, w)
+    ], !0) : d("", !0)
+  ], 2);
+}
+const V = /* @__PURE__ */ p(b, [["render", y], ["__scopeId", "data-v-d999e0e7"]]);
+export {
+  V as default
+};

package/dist/lib/UIKit/BaseTooltip.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),o=require("../../_plugin-vue_export-helper-BHFhmbuH.cjs"),s=e.defineComponent({name:"BaseTooltip",inheritAttrs:!1,props:{theme:{type:Object,default(){return{color:"blue",size:"sm"}}},direction:{type:String,default:"top"},customTooltipClass:{type:String,default:""},showTooltipContentManually:{type:Boolean,default:!0}}});function r(t,n,a,i,p,c){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["base-tooltip",t.$attrs.class])},[e.renderSlot(t.$slots,"trigger",{},void 0,!0),e.createElementVNode("div",{class:e.normalizeClass(["bg-transparent",[t.theme.size,`${t.customTooltipClass?t.customTooltipClass:"tooltip-content-wrapper"}`]])},[t.showTooltipContentManually?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["tooltip-content uikit-shadow-lg uikit-shadow-w-primary/10",["base-tooltip-arrow",t.direction,t.theme.color,t.theme.size]])},[e.renderSlot(t.$slots,"content",{},void 0,!0)],2)):e.createCommentVNode("",!0)],2)],2)}const l=o._export_sfc(s,[["render",r],["__scopeId","data-v-cdc2511a"]]);module.exports=l;

package/dist/lib/UIKit/BaseTooltip.js

@@ -0,0 +1,53 @@
+import { defineComponent as r, openBlock as o, createElementBlock as s, normalizeClass as t, renderSlot as a, createElementVNode as l, createCommentVNode as i } from "vue";
+import { _ as n } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const p = r({
+  name: "BaseTooltip",
+  inheritAttrs: !1,
+  props: {
+    theme: {
+      type: Object,
+      default() {
+        return {
+          color: "blue",
+          size: "sm"
+        };
+      }
+    },
+    direction: {
+      type: String,
+      default: "top"
+    },
+    customTooltipClass: {
+      type: String,
+      default: ""
+    },
+    showTooltipContentManually: {
+      type: Boolean,
+      default: !0
+    }
+  }
+});
+function d(e, c, m, u, f, h) {
+  return o(), s("div", {
+    class: t(["base-tooltip", e.$attrs.class])
+  }, [
+    a(e.$slots, "trigger", {}, void 0, !0),
+    l("div", {
+      class: t(["bg-transparent", [
+        e.theme.size,
+        `${e.customTooltipClass ? e.customTooltipClass : "tooltip-content-wrapper"}`
+      ]])
+    }, [
+      e.showTooltipContentManually ? (o(), s("div", {
+        key: 0,
+        class: t(["tooltip-content uikit-shadow-lg uikit-shadow-w-primary/10", ["base-tooltip-arrow", e.direction, e.theme.color, e.theme.size]])
+      }, [
+        a(e.$slots, "content", {}, void 0, !0)
+      ], 2)) : i("", !0)
+    ], 2)
+  ], 2);
+}
+const $ = /* @__PURE__ */ n(p, [["render", d], ["__scopeId", "data-v-cdc2511a"]]);
+export {
+  $ as default
+};

package/dist/lib/UIKit/BaseUploadFile.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("./BaseFloatingLabel.cjs"),t=require("vue"),o=require("../../_plugin-vue_export-helper-BHFhmbuH.cjs"),s=t.defineComponent({name:"BaseUploadFile",components:{BaseFloatingLabel:n},inheritAttrs:!1,props:{withMargin:{type:Boolean,default:!0},labelText:{type:String,default:""},clear:{type:Boolean,default:!1}},emits:["cleared","uploaded"],data(){return{filename:""}},watch:{clear(e){e&&(this.filename="",this.$emit("cleared"))}},methods:{handleInput({target:e}){if(!e)return;const i=e.files;i?.length&&(this.filename=i[0].name,this.$emit("uploaded",i[0]))}}}),u={class:"uikit-pointer-events-none uikit-absolute -uikit-top-5px uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-m-0 uikit-h-[47px] uikit-overflow-hidden uikit-rounded-xs uikit-border uikit-border-dashed uikit-border-w-secondary uikit-px-2 uikit-py-0 uikit-text-start"},r={class:"uikit-invisible uikit-float-none uikit-ml-2 uikit-block uikit-h-3 uikit-w-auto uikit-max-w-full uikit-overflow-hidden uikit-whitespace-nowrap uikit-p-0 uikit-text"},d=["innerHTML"],p={class:"upload-file-input uikit-flex uikit-h-[42px] uikit-w-full uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-xs uikit-bg-w-lavender"},k=["id","multiple","accept"];function c(e,i,f,b,h,g){const l=t.resolveComponent("BaseFloatingLabel");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["base-upload-file-wrapper uikit-relative",[{"mt-10":e.withMargin},e.$attrs.class]])},[t.createElementVNode("fieldset",u,[t.createElementVNode("legend",r,[t.createElementVNode("span",{class:"uikit-visible uikit-inline-block uikit-px-5px uikit-opacity-0",innerHTML:e.labelText},null,8,d)])]),e.labelText?(t.openBlock(),t.createBlock(l,{key:0,class:t.normalizeClass(e.$attrs["floating-label-classes"]),"label-text":e.labelText,"label-state":"floating-label"},null,8,["class","label-text"])):t.createCommentVNode("",!0),t.createElementVNode("label",p,[t.createElementVNode("input",{id:e.$attrs.id,multiple:e.$attrs.multiple,type:"file",class:"uikit-hidden",accept:e.$attrs.accept,onInput:i[0]||(i[0]=(...a)=>e.handleInput&&e.handleInput(...a))},null,40,k),t.renderSlot(e.$slots,"label",{filename:e.filename})])],2)}const m=o._export_sfc(s,[["render",c]]);module.exports=m;

package/dist/lib/UIKit/BaseUploadFile.js

@@ -0,0 +1,70 @@
+import s from "./BaseFloatingLabel.js";
+import { defineComponent as u, resolveComponent as r, openBlock as l, createElementBlock as d, normalizeClass as a, createElementVNode as t, createBlock as p, createCommentVNode as k, renderSlot as c } from "vue";
+import { _ as f } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const m = u({
+  name: "BaseUploadFile",
+  components: {
+    BaseFloatingLabel: s
+  },
+  inheritAttrs: !1,
+  props: {
+    withMargin: { type: Boolean, default: !0 },
+    labelText: { type: String, default: "" },
+    clear: { type: Boolean, default: !1 }
+  },
+  emits: ["cleared", "uploaded"],
+  data() {
+    return {
+      filename: ""
+    };
+  },
+  watch: {
+    clear(e) {
+      e && (this.filename = "", this.$emit("cleared"));
+    }
+  },
+  methods: {
+    handleInput({ target: e }) {
+      if (!e)
+        return;
+      const i = e.files;
+      i?.length && (this.filename = i[0].name, this.$emit("uploaded", i[0]));
+    }
+  }
+}), h = { class: "uikit-pointer-events-none uikit-absolute -uikit-top-5px uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-m-0 uikit-h-[47px] uikit-overflow-hidden uikit-rounded-xs uikit-border uikit-border-dashed uikit-border-w-secondary uikit-px-2 uikit-py-0 uikit-text-start" }, b = { class: "uikit-invisible uikit-float-none uikit-ml-2 uikit-block uikit-h-3 uikit-w-auto uikit-max-w-full uikit-overflow-hidden uikit-whitespace-nowrap uikit-p-0 uikit-text" }, w = ["innerHTML"], $ = { class: "upload-file-input uikit-flex uikit-h-[42px] uikit-w-full uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-xs uikit-bg-w-lavender" }, g = ["id", "multiple", "accept"];
+function B(e, i, v, y, x, F) {
+  const n = r("BaseFloatingLabel");
+  return l(), d("div", {
+    class: a(["base-upload-file-wrapper uikit-relative", [{ "mt-10": e.withMargin }, e.$attrs.class]])
+  }, [
+    t("fieldset", h, [
+      t("legend", b, [
+        t("span", {
+          class: "uikit-visible uikit-inline-block uikit-px-5px uikit-opacity-0",
+          innerHTML: e.labelText
+        }, null, 8, w)
+      ])
+    ]),
+    e.labelText ? (l(), p(n, {
+      key: 0,
+      class: a(e.$attrs["floating-label-classes"]),
+      "label-text": e.labelText,
+      "label-state": "floating-label"
+    }, null, 8, ["class", "label-text"])) : k("", !0),
+    t("label", $, [
+      t("input", {
+        id: e.$attrs.id,
+        multiple: e.$attrs.multiple,
+        type: "file",
+        class: "uikit-hidden",
+        accept: e.$attrs.accept,
+        onInput: i[0] || (i[0] = (...o) => e.handleInput && e.handleInput(...o))
+      }, null, 40, g),
+      c(e.$slots, "label", { filename: e.filename })
+    ])
+  ], 2);
+}
+const C = /* @__PURE__ */ f(m, [["render", B]]);
+export {
+  C as default
+};

package/dist/lib/UIKit/Checkbox/CheckboxBtn.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("vue"),u=require("../../../_plugin-vue_export-helper-BHFhmbuH.cjs"),c=["id"],k=["id","data-cy","checked","disabled"],p=["for"],b=i.defineComponent({__name:"CheckboxBtn",props:{id:{},inputClass:{default:""},inline:{type:Boolean,default:!1},label:{default:""},labelClass:{default:""},isValid:{default:null},modelValue:{type:Boolean,default:!1},containerId:{default:""},containerClass:{default:""},handleLabelClick:{type:Boolean,default:!0}},emits:["click","change","update:modelValue"],setup(r,{emit:o}){const l=r,t=o,n=()=>{t("change",{id:l.id,label:l.label,checked:!l.modelValue}),t("update:modelValue",!l.modelValue)},s=()=>{t("click"),l.handleLabelClick&&(t("change",{id:l.id,label:l.label,checked:!l.modelValue}),t("update:modelValue",!l.modelValue))};return(e,a)=>(i.openBlock(),i.createElementBlock("div",{id:e.containerId,class:i.normalizeClass(["uikit-group uikit-relative uikit-block uikit-pl-25px hover:uikit-cursor-pointer",[{"uikit-mr-4 uikit-inline-flex uikit-items-center":e.inline},{"uikit-py-10px":!e.inline&&!e.$attrs["wrapper-margin-y"]},e.$attrs["wrapper-margin-y"],e.containerClass]]),onClick:i.withModifiers(s,["stop","prevent"])},[i.createElementVNode("input",{id:`${e.id}`,ref:"checkbox","data-cy":e.$attrs["data-cy"],class:i.normalizeClass(["uikit-absolute uikit-left-0 uikit-h-4 uikit-w-4 uikit-appearance-none uikit-rounded-3xs uikit-border uikit-border-solid uikit-border-w-secondary uikit-bg-white checked:uikit-bg-center checked:uikit-bg-no-repeat group-hover:uikit-cursor-pointer",[{"!uikit-border-w-danger":e.isValid===!1},e.inputClass,e.isValid===!1?"checked-bg-invalid":"checked-bg"]]),type:"checkbox",checked:e.$attrs.checked||e.modelValue,disabled:e.$attrs.disabled,onChange:a[0]||(a[0]=i.withModifiers(d=>n(),["stop","prevent"])),onClick:a[1]||(a[1]=i.withModifiers(d=>t("click"),["stop"]))},null,42,k),i.renderSlot(e.$slots,"label",{},()=>[i.createElementVNode("label",{class:i.normalizeClass(["uikit-pl-10px group-hover:uikit-cursor-pointer",[e.labelClass,{"uikit-text-w-danger":e.isValid===!1}]]),for:`${e.id}`},i.toDisplayString(e.label),11,p),e.$attrs.required?(i.openBlock(),i.createElementBlock("span",{key:0,class:i.normalizeClass(["required after:uikit-content-['*']",[e.isValid!==!1?"after:uikit-text-w-primary":"after:uikit-text-w-danger"]])},null,2)):i.createCommentVNode("",!0)],!0)],10,c))}}),f=u._export_sfc(b,[["__scopeId","data-v-b97eed56"]]);module.exports=f;

package/dist/lib/UIKit/Checkbox/CheckboxBtn.js

@@ -0,0 +1,74 @@
+import { defineComponent as b, openBlock as r, createElementBlock as d, normalizeClass as a, withModifiers as o, createElementVNode as n, renderSlot as f, toDisplayString as m, createCommentVNode as h } from "vue";
+import { _ as g } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const C = ["id"], V = ["id", "data-cy", "checked", "disabled"], y = ["for"], v = /* @__PURE__ */ b({
+  __name: "CheckboxBtn",
+  props: {
+    id: {},
+    inputClass: { default: "" },
+    inline: { type: Boolean, default: !1 },
+    label: { default: "" },
+    labelClass: { default: "" },
+    isValid: { default: null },
+    modelValue: { type: Boolean, default: !1 },
+    containerId: { default: "" },
+    containerClass: { default: "" },
+    handleLabelClick: { type: Boolean, default: !0 }
+  },
+  emits: ["click", "change", "update:modelValue"],
+  setup(s, { emit: u }) {
+    const i = s, t = u, k = () => {
+      t("change", {
+        id: i.id,
+        label: i.label,
+        checked: !i.modelValue
+      }), t("update:modelValue", !i.modelValue);
+    }, c = () => {
+      t("click"), i.handleLabelClick && (t("change", {
+        id: i.id,
+        label: i.label,
+        checked: !i.modelValue
+      }), t("update:modelValue", !i.modelValue));
+    };
+    return (e, l) => (r(), d("div", {
+      id: e.containerId,
+      class: a(["uikit-group uikit-relative uikit-block uikit-pl-25px hover:uikit-cursor-pointer", [
+        { "uikit-mr-4 uikit-inline-flex uikit-items-center": e.inline },
+        { "uikit-py-10px": !e.inline && !e.$attrs["wrapper-margin-y"] },
+        e.$attrs["wrapper-margin-y"],
+        e.containerClass
+      ]]),
+      onClick: o(c, ["stop", "prevent"])
+    }, [
+      n("input", {
+        id: `${e.id}`,
+        ref: "checkbox",
+        "data-cy": e.$attrs["data-cy"],
+        class: a(["uikit-absolute uikit-left-0 uikit-h-4 uikit-w-4 uikit-appearance-none uikit-rounded-3xs uikit-border uikit-border-solid uikit-border-w-secondary uikit-bg-white checked:uikit-bg-center checked:uikit-bg-no-repeat group-hover:uikit-cursor-pointer", [
+          { "!uikit-border-w-danger": e.isValid === !1 },
+          e.inputClass,
+          e.isValid === !1 ? "checked-bg-invalid" : "checked-bg"
+        ]]),
+        type: "checkbox",
+        checked: e.$attrs.checked || e.modelValue,
+        disabled: e.$attrs.disabled,
+        onChange: l[0] || (l[0] = o((p) => k(), ["stop", "prevent"])),
+        onClick: l[1] || (l[1] = o((p) => t("click"), ["stop"]))
+      }, null, 42, V),
+      f(e.$slots, "label", {}, () => [
+        n("label", {
+          class: a(["uikit-pl-10px group-hover:uikit-cursor-pointer", [e.labelClass, { "uikit-text-w-danger": e.isValid === !1 }]]),
+          for: `${e.id}`
+        }, m(e.label), 11, y),
+        e.$attrs.required ? (r(), d("span", {
+          key: 0,
+          class: a(["required after:uikit-content-['*']", [
+            e.isValid !== !1 ? "after:uikit-text-w-primary" : "after:uikit-text-w-danger"
+          ]])
+        }, null, 2)) : h("", !0)
+      ], !0)
+    ], 10, C));
+  }
+}), B = /* @__PURE__ */ g(v, [["__scopeId", "data-v-b97eed56"]]);
+export {
+  B as default
+};

package/dist/lib/UIKit/Checkbox/CheckboxGroup.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("../../../CheckboxGroup.vue_vue_type_script_setup_true_lang-BkB2KUyO.cjs");module.exports=e._sfc_main;

package/dist/lib/UIKit/Checkbox/CheckboxGroup.js

@@ -0,0 +1,4 @@
+import { _ as f } from "../../../CheckboxGroup.vue_vue_type_script_setup_true_lang-B28hp87l.js";
+export {
+  f as default
+};

package/dist/lib/UIKit/Radio/RadioButton.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("vue"),s=require("../../../_plugin-vue_export-helper-BHFhmbuH.cjs"),r=i.defineComponent({name:"RadioButton",inheritAttrs:!1,props:{label:{type:[String,Boolean],required:!0},isChecked:{type:Boolean}},emits:["change"],methods:{emitChange(){this.$emit("change",{id:this.$attrs.id,label:this.label,name:this.$attrs.name})},handleClick(){const e=this.$refs.checkbox;e.checked=!e.checked,this.emitChange()},handleOnInput(){this.emitChange()}}}),o=["id","value","name","checked"],a=["for"];function l(e,t,u,k,h,c){return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass([e.$attrs.class,"uikit-mb-4 uikit-mr-4 uikit-inline-block"]),onClick:t[1]||(t[1]=i.withModifiers((...n)=>e.handleClick&&e.handleClick(...n),["stop"]))},[i.createElementVNode("input",{id:e.$attrs.id,ref:"checkbox",type:"radio",class:"uikit-hidden",value:e.label,name:e.$attrs.name,checked:e.isChecked,onChange:t[0]||(t[0]=i.withModifiers((...n)=>e.handleOnInput&&e.handleOnInput(...n),["stop"]))},null,40,o),i.createElementVNode("label",{class:i.normalizeClass([e.$attrs["label-classes"],"uikit-flex uikit-cursor-pointer uikit-items-center"]),for:e.$attrs.id},[i.createElementVNode("span",{class:i.normalizeClass(["uikit-flex-no-shrink uikit-mr-2 uikit-inline-block uikit-h-4 uikit-w-4 uikit-transform uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-secondary uikit-transition-colors uikit-duration-200",{"uikit-border-w-primary uikit-bg-w-primary uikit-shadow-[0_0_0_2px_white_inset]":e.isChecked}])},null,2),i.createTextVNode(" "+i.toDisplayString(e.label),1)],10,a)],2)}const d=s._export_sfc(r,[["render",l]]);module.exports=d;

package/dist/lib/UIKit/Radio/RadioButton.js

@@ -0,0 +1,59 @@
+import { defineComponent as r, openBlock as a, createElementBlock as l, normalizeClass as n, withModifiers as o, createElementVNode as s, createTextVNode as d, toDisplayString as u } from "vue";
+import { _ as k } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const h = r({
+  name: "RadioButton",
+  inheritAttrs: !1,
+  props: {
+    label: { type: [String, Boolean], required: !0 },
+    isChecked: { type: Boolean }
+  },
+  emits: ["change"],
+  methods: {
+    emitChange() {
+      this.$emit("change", {
+        id: this.$attrs.id,
+        label: this.label,
+        name: this.$attrs.name
+      });
+    },
+    handleClick() {
+      const i = this.$refs.checkbox;
+      i.checked = !i.checked, this.emitChange();
+    },
+    handleOnInput() {
+      this.emitChange();
+    }
+  }
+}), c = ["id", "value", "name", "checked"], m = ["for"];
+function p(i, e, b, f, C, $) {
+  return a(), l("div", {
+    class: n([i.$attrs.class, "uikit-mb-4 uikit-mr-4 uikit-inline-block"]),
+    onClick: e[1] || (e[1] = o((...t) => i.handleClick && i.handleClick(...t), ["stop"]))
+  }, [
+    s("input", {
+      id: i.$attrs.id,
+      ref: "checkbox",
+      type: "radio",
+      class: "uikit-hidden",
+      value: i.label,
+      name: i.$attrs.name,
+      checked: i.isChecked,
+      onChange: e[0] || (e[0] = o((...t) => i.handleOnInput && i.handleOnInput(...t), ["stop"]))
+    }, null, 40, c),
+    s("label", {
+      class: n([i.$attrs["label-classes"], "uikit-flex uikit-cursor-pointer uikit-items-center"]),
+      for: i.$attrs.id
+    }, [
+      s("span", {
+        class: n(["uikit-flex-no-shrink uikit-mr-2 uikit-inline-block uikit-h-4 uikit-w-4 uikit-transform uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-secondary uikit-transition-colors uikit-duration-200", {
+          "uikit-border-w-primary uikit-bg-w-primary uikit-shadow-[0_0_0_2px_white_inset]": i.isChecked
+        }])
+      }, null, 2),
+      d(" " + u(i.label), 1)
+    ], 10, m)
+  ], 2);
+}
+const y = /* @__PURE__ */ k(h, [["render", p]]);
+export {
+  y as default
+};

package/dist/lib/UIKit/Radio/RadioGroup.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("./RadioButton.cjs"),t=require("vue"),n=require("../../../_plugin-vue_export-helper-BHFhmbuH.cjs"),o=t.defineComponent({name:"RadioGroup",components:{RadioButton:i},inheritAttrs:!1,props:{initialValue:{type:Object},radioValues:{type:Array},resetRadio:{type:Boolean,default:!1}},emits:["resetted","update:modelValue"],data(){return{selectedValue:null}},watch:{resetRadio(e){e&&(this.reset(),this.$emit("resetted"))}},created(){this.initialValue&&this.handleChange(this.initialValue)},methods:{handleChange(e){this.selectedValue=e,this.$emit("update:modelValue",e)},reset(){this.selectedValue=null},isActive(e){return this.selectedValue?this.selectedValue.id===e.id:!1}}}),r=["data-cy"];function d(e,c,h,p,m,V){const l=t.resolveComponent("radio-button");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["radio-group-container",e.$attrs.class||""]),"data-cy":e.$attrs["data-cy"]||""},[t.renderSlot(e.$slots,"radio_element",{handleClick:e.handleChange,activeValue:e.selectedValue,reset:e.reset,isActive:e.isActive},()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.radioValues,(a,s)=>(t.openBlock(),t.createBlock(l,{id:a.id,key:s,label:`${a.label}`,"is-checked":a.label===e.selectedValue?.label,onChange:e.handleChange},null,8,["id","label","is-checked","onChange"]))),128))])],10,r)}const u=n._export_sfc(o,[["render",d]]);module.exports=u;