@wikicasa-dev/components 1.2.15 → 1.2.16

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

@@ -0,0 +1,66 @@
+import n from "./RadioButton.js";
+import { defineComponent as o, resolveComponent as r, openBlock as a, createElementBlock as l, normalizeClass as d, renderSlot as u, Fragment as c, renderList as h, createBlock as p } from "vue";
+import { _ as m } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const f = o({
+  name: "RadioGroup",
+  components: { RadioButton: n },
+  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;
+    }
+  }
+}), V = ["data-cy"];
+function C(e, $, b, g, y, k) {
+  const s = r("radio-button");
+  return a(), l("div", {
+    class: d(["radio-group-container", e.$attrs.class || ""]),
+    "data-cy": e.$attrs["data-cy"] || ""
+  }, [
+    u(e.$slots, "radio_element", {
+      handleClick: e.handleChange,
+      activeValue: e.selectedValue,
+      reset: e.reset,
+      isActive: e.isActive
+    }, () => [
+      (a(!0), l(c, null, h(e.radioValues, (t, i) => (a(), p(s, {
+        id: t.id,
+        key: i,
+        label: `${t.label}`,
+        "is-checked": t.label === e.selectedValue?.label,
+        onChange: e.handleChange
+      }, null, 8, ["id", "label", "is-checked", "onChange"]))), 128))
+    ])
+  ], 10, V);
+}
+const R = /* @__PURE__ */ m(f, [["render", C]]);
+export {
+  R as default
+};

package/dist/lib/UIKit/StaticSpinner.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),i=require("../../_plugin-vue_export-helper-BHFhmbuH.cjs"),s={viewBox:"0 0 128 128",class:"icon-spin uikit-h-6 uikit-w-6"},o=["stroke-width"],c=e.defineComponent({__name:"StaticSpinner",props:{thickness:{default:9},color:{default:"uikit-stroke-white"}},setup(r){return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["uikit-m-auto uikit-flex uikit-items-center uikit-justify-center",t.color])},[(e.openBlock(),e.createElementBlock("svg",s,[e.createElementVNode("circle",{class:"path",cx:"64",cy:"64",r:"42",fill:"none","stroke-width":t.thickness},null,8,o)]))],2))}}),n=i._export_sfc(c,[["__scopeId","data-v-e2a047a8"]]);module.exports=n;

package/dist/lib/UIKit/StaticSpinner.js

@@ -0,0 +1,31 @@
+import { defineComponent as o, openBlock as e, createElementBlock as i, normalizeClass as s, createElementVNode as c } from "vue";
+import { _ as n } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const r = {
+  viewBox: "0 0 128 128",
+  class: "icon-spin uikit-h-6 uikit-w-6"
+}, a = ["stroke-width"], l = /* @__PURE__ */ o({
+  __name: "StaticSpinner",
+  props: {
+    thickness: { default: 9 },
+    color: { default: "uikit-stroke-white" }
+  },
+  setup(p) {
+    return (t, u) => (e(), i("div", {
+      class: s(["uikit-m-auto uikit-flex uikit-items-center uikit-justify-center", t.color])
+    }, [
+      (e(), i("svg", r, [
+        c("circle", {
+          class: "path",
+          cx: "64",
+          cy: "64",
+          r: "42",
+          fill: "none",
+          "stroke-width": t.thickness
+        }, null, 8, a)
+      ]))
+    ], 2));
+  }
+}), d = /* @__PURE__ */ n(l, [["__scopeId", "data-v-e2a047a8"]]);
+export {
+  d as default
+};

package/dist/lib/components/IntersectionObserver/IntersectionObservable.cjs

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

package/dist/lib/components/IntersectionObserver/IntersectionObservable.js

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

package/dist/lib/components/IntersectionObserver/IntersectionObserver.cjs

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

package/dist/lib/components/IntersectionObserver/IntersectionObserver.js

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

package/dist/lib/components/carousel/SwiperCarousel.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("../../../SwiperCarousel.vue_vue_type_style_index_0_lang-CQsYG4_e.cjs");module.exports=e._sfc_main;

package/dist/lib/components/carousel/SwiperCarousel.js

@@ -0,0 +1,4 @@
+import { _ as f } from "../../../SwiperCarousel.vue_vue_type_style_index_0_lang-DUANcQKT.js";
+export {
+  f as default
+};

package/dist/lib/composables/useBreakpoints.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue");var i=(e=>(e[e.SMALL=576]="SMALL",e[e.MEDIUM=768]="MEDIUM",e[e.LARGE=992]="LARGE",e[e.EXTRA_LARGE=1200]="EXTRA_LARGE",e))(i||{});function t(){const e=n.reactive({isDesktopMode:!1,isSmall:!1,isLarge:!1,isMedium:!1,isExtraLarge:!1}),s=()=>{e.isDesktopMode=window.innerWidth>i.SMALL,e.isSmall=window.innerWidth<=i.SMALL,e.isMedium=window.innerWidth>i.SMALL,e.isLarge=window.innerWidth>i.MEDIUM,e.isExtraLarge=window.innerWidth>i.LARGE};return n.onBeforeMount(()=>{s(),window.addEventListener("resize",s)}),n.onUnmounted(()=>{window.removeEventListener("resize",s)}),n.toRefs(e)}exports.useBreakpoints=t;

package/dist/lib/composables/useBreakpoints.js

@@ -0,0 +1,21 @@
+import { reactive as s, onBeforeMount as o, onUnmounted as t, toRefs as r } from "vue";
+var i = /* @__PURE__ */ ((e) => (e[e.SMALL = 576] = "SMALL", e[e.MEDIUM = 768] = "MEDIUM", e[e.LARGE = 992] = "LARGE", e[e.EXTRA_LARGE = 1200] = "EXTRA_LARGE", e))(i || {});
+function d() {
+  const e = s({
+    isDesktopMode: !1,
+    isSmall: !1,
+    isLarge: !1,
+    isMedium: !1,
+    isExtraLarge: !1
+  }), n = () => {
+    e.isDesktopMode = window.innerWidth > i.SMALL, e.isSmall = window.innerWidth <= i.SMALL, e.isMedium = window.innerWidth > i.SMALL, e.isLarge = window.innerWidth > i.MEDIUM, e.isExtraLarge = window.innerWidth > i.LARGE;
+  };
+  return o(() => {
+    n(), window.addEventListener("resize", n);
+  }), t(() => {
+    window.removeEventListener("resize", n);
+  }), r(e);
+}
+export {
+  d as useBreakpoints
+};

package/dist/lib/composables/useFloatingLabel.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("vue");function c(t){const l=b.ref("inline-label");function i(e){e!=null&&`${e}`.length>0&&(l.value="floating-label")}const o=(e=!0)=>{l.value!=="floating-label"&&e&&(l.value="floating-label"),t("focusin")};function u(e,s=!1,f=!0){if(e!=null&&`${e}`.trim().length>0||!s&&!f){a(),t("focusout");return}n()}const n=()=>{l.value="inline-label"},a=()=>{l.value="floating-label"};return{labelState:l,setInitialLabelState:i,handleFocusIn:o,handleFocusOut:u,setInlineLabel:n,setFloatingLabel:a}}exports.useFloatingLabel=c;

package/dist/lib/composables/useFloatingLabel.js

@@ -0,0 +1,33 @@
+import { ref as b } from "vue";
+function r(n) {
+  const e = b("inline-label");
+  function i(l) {
+    l != null && `${l}`.length > 0 && (e.value = "floating-label");
+  }
+  const o = (l = !0) => {
+    e.value !== "floating-label" && l && (e.value = "floating-label"), n("focusin");
+  };
+  function u(l, f = !1, s = !0) {
+    if (l != null && `${l}`.trim().length > 0 || !f && !s) {
+      a(), n("focusout");
+      return;
+    }
+    t();
+  }
+  const t = () => {
+    e.value = "inline-label";
+  }, a = () => {
+    e.value = "floating-label";
+  };
+  return {
+    labelState: e,
+    setInitialLabelState: i,
+    handleFocusIn: o,
+    handleFocusOut: u,
+    setInlineLabel: t,
+    setFloatingLabel: a
+  };
+}
+export {
+  r as useFloatingLabel
+};

package/dist/lib/composables/useKeyboardController.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),K=u=>{const{isDropdownOpen:t,disableSpaceHandler:_}=u,n=o.ref(-1),s=o.ref(-1),a=e=>{const c="ArrowUp",d="ArrowDown",E="Enter",i="Escape",l=" ",v="PageUp",y="Home",f="PageDown",k="End";if(!t.value||![c,d,E,i,l,v,y,f,k].includes(e.key))return;const r=o.unref(u.optionsLength);if(e.key===c)n.value=n.value===0?r-1:n.value-1;else if(e.key===d)n.value=(n.value+1)%r;else if(e.key===E||e.key===l){if(e.key===l&&_)return;s.value=n.value,t.value=!1}else e.key===i?(n.value=s.value,t.value=!1):e.key===v||e.key===y?n.value=0:(e.key===f||e.key===k)&&(n.value=r-1);e.stopPropagation(),e.preventDefault()};return o.onMounted(()=>{document&&document.addEventListener("keydown",a)}),o.onUnmounted(()=>{document&&document.removeEventListener("keydown",a)}),{activeIdx:n,selectedIdx:s}};exports.useKeyboardController=K;

package/dist/lib/composables/useKeyboardController.js

@@ -0,0 +1,41 @@
+import { ref as k, onMounted as p, onUnmounted as K, unref as m } from "vue";
+const Y = (l) => {
+  const { isDropdownOpen: o, disableSpaceHandler: _ } = l, n = k(-1), t = k(-1), u = (e) => {
+    const r = "ArrowUp", c = "ArrowDown", E = "Enter", d = "Escape", s = " ", v = "PageUp", i = "Home", y = "PageDown", f = "End";
+    if (!o.value || ![
+      r,
+      c,
+      E,
+      d,
+      s,
+      v,
+      i,
+      y,
+      f
+    ].includes(e.key))
+      return;
+    const a = m(l.optionsLength);
+    if (e.key === r)
+      n.value = n.value === 0 ? a - 1 : n.value - 1;
+    else if (e.key === c)
+      n.value = (n.value + 1) % a;
+    else if (e.key === E || e.key === s) {
+      if (e.key === s && _)
+        return;
+      t.value = n.value, o.value = !1;
+    } else
+      e.key === d ? (n.value = t.value, o.value = !1) : e.key === v || e.key === i ? n.value = 0 : (e.key === y || e.key === f) && (n.value = a - 1);
+    e.stopPropagation(), e.preventDefault();
+  };
+  return p(() => {
+    document && document.addEventListener("keydown", u);
+  }), K(() => {
+    document && document.removeEventListener("keydown", u);
+  }), {
+    activeIdx: n,
+    selectedIdx: t
+  };
+};
+export {
+  Y as useKeyboardController
+};

package/dist/lib/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../BaseAccordion.vue_vue_type_script_setup_true_lang-f0Al20X4.cjs"),_=require("../BaseAccordionBtn.vue_vue_type_script_setup_true_lang-D9D4w7Mn.cjs"),t=require("../BaseAccordionContent.vue_vue_type_script_setup_true_lang-U3YQw0dV.cjs"),i=require("../BaseAccordionItem.vue_vue_type_script_setup_true_lang-CkRPO2NI.cjs"),s=require("../SelectItem.vue_vue_type_script_setup_true_lang-3ie26G8n.cjs"),r=require("./UIKit/Checkbox/CheckboxBtn.cjs"),a=require("../CheckboxGroup.vue_vue_type_script_setup_true_lang-BkB2KUyO.cjs"),o=require("./UIKit/Radio/RadioButton.cjs"),n=require("./UIKit/Radio/RadioGroup.cjs"),u=require("../AccessibleSelect.vue_vue_type_script_setup_true_lang-BoZC-MRc.cjs"),c=require("./UIKit/BaseAlert.cjs"),l=require("../BaseAutocomplete.vue_vue_type_script_setup_true_lang-LiuIZMOu.cjs"),p=require("./UIKit/BaseBadge.cjs"),B=require("../BaseButton.vue_vue_type_script_setup_true_lang-8iapE8e5.cjs"),b=require("./UIKit/BaseCard.cjs"),v=require("./UIKit/BaseComplexToggle.cjs"),I=require("../BaseDropDown.vue_vue_type_script_setup_true_lang-BdoYFj6h.cjs"),q=require("./UIKit/BaseFloatingLabel.cjs"),g=require("./UIKit/BaseIcon.cjs"),d=require("./UIKit/BaseInput.cjs"),m=require("./UIKit/BaseNavItem.cjs"),U=require("./UIKit/BasePagination.cjs"),K=require("./UIKit/BasePaper.cjs"),y=require("./UIKit/BaseSlider.cjs"),f=require("./UIKit/BaseTab.cjs"),A=require("./UIKit/BaseTextarea.cjs"),C=require("./UIKit/BaseToggle.cjs"),T=require("./UIKit/BaseTooltip.cjs"),x=require("./UIKit/BaseUploadFile.cjs"),S=require("../IntersectionObservable.vue_vue_type_script_setup_true_lang-JNuYyviS.cjs"),R=require("../IntersectionObserver.vue_vue_type_script_setup_true_lang-Bwf1jUFo.cjs"),h=require("../SwiperCarousel.vue_vue_type_style_index_0_lang-CQsYG4_e.cjs");exports.BaseAccordion=e._sfc_main;exports.BaseAccordionBtn=_._sfc_main;exports.BaseAccordionContent=t._sfc_main;exports.BaseAccordionItem=i._sfc_main;exports.SelectItem=s._sfc_main;exports.CheckboxBtn=r;exports.CheckboxGroup=a._sfc_main;exports.RadioButton=o;exports.RadioGroup=n;exports.AccessibleSelect=u._sfc_main;exports.BaseAlert=c;exports.BaseAutocomplete=l._sfc_main;exports.BaseBadge=p;exports.BaseButton=B._sfc_main;exports.BaseCard=b;exports.BaseComplexToggle=v;exports.BaseDropDown=I._sfc_main;exports.BaseFloatingLabel=q;exports.BaseIcon=g;exports.BaseInput=d;exports.BaseNavItem=m;exports.BasePagination=U;exports.BasePaper=K;exports.BaseSlider=y;exports.BaseTab=f;exports.BaseTextarea=A;exports.BaseToggle=C;exports.BaseTooltip=T;exports.BaseUploadFile=x;exports.IntersectionObservable=S._sfc_main;exports.IntersectionObserver=R._sfc_main;exports.SwiperCarousel=h._sfc_main;

package/dist/lib/index.js

@@ -0,0 +1,66 @@
+import { _ as a } from "../BaseAccordion.vue_vue_type_script_setup_true_lang-CoE2D2rV.js";
+import { _ as t } from "../BaseAccordionBtn.vue_vue_type_script_setup_true_lang-B5N_3-gi.js";
+import { _ as f } from "../BaseAccordionContent.vue_vue_type_script_setup_true_lang-N7oILwdv.js";
+import { _ as m } from "../BaseAccordionItem.vue_vue_type_script_setup_true_lang-34wcOXN7.js";
+import { _ as l } from "../SelectItem.vue_vue_type_script_setup_true_lang-BOLdDTLM.js";
+import { default as B } from "./UIKit/Checkbox/CheckboxBtn.js";
+import { _ as n } from "../CheckboxGroup.vue_vue_type_script_setup_true_lang-B28hp87l.js";
+import { default as i } from "./UIKit/Radio/RadioButton.js";
+import { default as b } from "./UIKit/Radio/RadioGroup.js";
+import { _ as A } from "../AccessibleSelect.vue_vue_type_script_setup_true_lang-cO2THN1r.js";
+import { default as C } from "./UIKit/BaseAlert.js";
+import { _ as S } from "../BaseAutocomplete.vue_vue_type_script_setup_true_lang-CVOeKK-H.js";
+import { default as h } from "./UIKit/BaseBadge.js";
+import { _ as w } from "../BaseButton.vue_vue_type_script_setup_true_lang-hyGBRoUS.js";
+import { default as F } from "./UIKit/BaseCard.js";
+import { default as O } from "./UIKit/BaseComplexToggle.js";
+import { _ as R } from "../BaseDropDown.vue_vue_type_script_setup_true_lang-t-jias47.js";
+import { default as N } from "./UIKit/BaseFloatingLabel.js";
+import { default as j } from "./UIKit/BaseIcon.js";
+import { default as y } from "./UIKit/BaseInput.js";
+import { default as E } from "./UIKit/BaseNavItem.js";
+import { default as J } from "./UIKit/BasePagination.js";
+import { default as M } from "./UIKit/BasePaper.js";
+import { default as V } from "./UIKit/BaseSlider.js";
+import { default as X } from "./UIKit/BaseTab.js";
+import { default as Z } from "./UIKit/BaseTextarea.js";
+import { default as ee } from "./UIKit/BaseToggle.js";
+import { default as ae } from "./UIKit/BaseTooltip.js";
+import { default as te } from "./UIKit/BaseUploadFile.js";
+import { _ as fe } from "../IntersectionObservable.vue_vue_type_script_setup_true_lang-D3wBzHZD.js";
+import { _ as me } from "../IntersectionObserver.vue_vue_type_script_setup_true_lang-CQHjzQc3.js";
+import { _ as le } from "../SwiperCarousel.vue_vue_type_style_index_0_lang-DUANcQKT.js";
+export {
+  A as AccessibleSelect,
+  a as BaseAccordion,
+  t as BaseAccordionBtn,
+  f as BaseAccordionContent,
+  m as BaseAccordionItem,
+  C as BaseAlert,
+  S as BaseAutocomplete,
+  h as BaseBadge,
+  w as BaseButton,
+  F as BaseCard,
+  O as BaseComplexToggle,
+  R as BaseDropDown,
+  N as BaseFloatingLabel,
+  j as BaseIcon,
+  y as BaseInput,
+  E as BaseNavItem,
+  J as BasePagination,
+  M as BasePaper,
+  V as BaseSlider,
+  X as BaseTab,
+  Z as BaseTextarea,
+  ee as BaseToggle,
+  ae as BaseTooltip,
+  te as BaseUploadFile,
+  B as CheckboxBtn,
+  n as CheckboxGroup,
+  fe as IntersectionObservable,
+  me as IntersectionObserver,
+  i as RadioButton,
+  b as RadioGroup,
+  l as SelectItem,
+  le as SwiperCarousel
+};

package/dist/navigation-Dyvby5gX.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/pagination-Dyvby5gX.cjs

@@ -0,0 +1 @@
+"use strict";