@wikicasa-dev/components 1.2.30 → 1.2.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/dist/AccessibleSelect.js +4 -1
  2. package/dist/BaseAccordion.js +4 -1
  3. package/dist/BaseAccordionBtn.js +4 -1
  4. package/dist/BaseAccordionContent.js +4 -1
  5. package/dist/BaseAccordionItem.js +4 -1
  6. package/dist/BaseAlert.js +4 -1
  7. package/dist/BaseAutocomplete.js +4 -1
  8. package/dist/BaseBadge.js +4 -1
  9. package/dist/BaseBtModal.js +188 -1
  10. package/dist/BaseButton.js +4 -1
  11. package/dist/BaseCard.js +34 -1
  12. package/dist/BaseComplexToggle.js +140 -1
  13. package/dist/BaseDropDown.js +4 -1
  14. package/dist/BaseFloatingLabel.js +49 -1
  15. package/dist/BaseIcon.js +41 -1
  16. package/dist/BaseInput.js +278 -1
  17. package/dist/BaseNavItem.js +59 -1
  18. package/dist/BasePagination.js +164 -1
  19. package/dist/BasePaper.js +15 -1
  20. package/dist/BaseSlider.js +261 -7
  21. package/dist/BaseSnackbar.js +80 -1
  22. package/dist/BaseTab.js +78 -1
  23. package/dist/BaseTextarea.js +143 -1
  24. package/dist/BaseToggle.js +45 -1
  25. package/dist/BaseTooltip.js +54 -1
  26. package/dist/BaseUploadFile.js +70 -1
  27. package/dist/CheckboxBtn.js +75 -1
  28. package/dist/CheckboxGroup.js +4 -1
  29. package/dist/IntersectionObservable.js +4 -1
  30. package/dist/IntersectionObserver.js +4 -1
  31. package/dist/RadioButton.js +59 -1
  32. package/dist/RadioGroup.js +66 -1
  33. package/dist/SelectItem.js +4 -1
  34. package/dist/StaticSpinner.js +32 -1
  35. package/dist/SwiperCarousel.js +4 -1
  36. package/dist/index.js +67 -1
  37. package/dist/useBreakpoints.js +21 -1
  38. package/dist/useFloatingLabel.js +33 -1
  39. package/dist/useKeyboardController.js +41 -1
  40. package/package.json +3 -10
  41. package/dist/chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.BsiqDUGT.js +0 -1
  42. package/dist/chunks/ArrowIcon.BkjChBnb.js +0 -1
  43. package/dist/chunks/BaseAccordion.vue_vue_type_script_setup_true_lang.f0Al20X4.js +0 -1
  44. package/dist/chunks/BaseAccordionBtn.vue_vue_type_script_setup_true_lang.C_HkVDZJ.js +0 -1
  45. package/dist/chunks/BaseAccordionContent.vue_vue_type_script_setup_true_lang.U3YQw0dV.js +0 -1
  46. package/dist/chunks/BaseAccordionItem.vue_vue_type_script_setup_true_lang.BiU7T1M1.js +0 -1
  47. package/dist/chunks/BaseAlert.vue_vue_type_script_setup_true_lang.CjFsLhwr.js +0 -1
  48. package/dist/chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.D8WvGQMa.js +0 -1
  49. package/dist/chunks/BaseBadge.vue_vue_type_style_index_0_lang.DjrBMyt7.js +0 -1
  50. package/dist/chunks/BaseButton.vue_vue_type_script_setup_true_lang.Ns4H_IBk.js +0 -1
  51. package/dist/chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.fEH9G16N.js +0 -1
  52. package/dist/chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.JeL27AzP.js +0 -1
  53. package/dist/chunks/CloseIcon.ClSHNHpF.js +0 -1
  54. package/dist/chunks/DefaultValues.S0CTWW-b.js +0 -1
  55. package/dist/chunks/IntersectionObservable.vue_vue_type_script_setup_true_lang.BPatqpa3.js +0 -1
  56. package/dist/chunks/IntersectionObserver.vue_vue_type_script_setup_true_lang.DYKR3Sel.js +0 -1
  57. package/dist/chunks/ObjectUtils.C5gq8MtL.js +0 -1
  58. package/dist/chunks/SelectItem.vue_vue_type_script_setup_true_lang.3ie26G8n.js +0 -1
  59. package/dist/chunks/SwiperCarousel.vue_vue_type_style_index_0_lang.CPn3IY_R.js +0 -5
  60. package/dist/chunks/_plugin-vue_export-helper.BHFhmbuH.js +0 -1
  61. package/dist/chunks/autoplay.Dyvby5gX.js +0 -1
  62. package/dist/chunks/controller.Dyvby5gX.js +0 -1
  63. package/dist/chunks/index.-WuGFU0l.js +0 -1
  64. package/dist/chunks/js.cookie.BMVAK0Pe.js +0 -1
  65. package/dist/chunks/thumbs.Dyvby5gX.js +0 -1
@@ -1 +1,4 @@
1
- "use strict";const e=require("./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.BsiqDUGT.js");module.exports=e._sfc_main;
1
+ import { _ as f } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.BYoss5rN.js";
2
+ export {
3
+ f as default
4
+ };
@@ -1 +1,4 @@
1
- "use strict";const e=require("./chunks/BaseAccordion.vue_vue_type_script_setup_true_lang.f0Al20X4.js");module.exports=e._sfc_main;
1
+ import { _ as f } from "./chunks/BaseAccordion.vue_vue_type_script_setup_true_lang.CoE2D2rV.js";
2
+ export {
3
+ f as default
4
+ };
@@ -1 +1,4 @@
1
- "use strict";const e=require("./chunks/BaseAccordionBtn.vue_vue_type_script_setup_true_lang.C_HkVDZJ.js");module.exports=e._sfc_main;
1
+ import { _ as f } from "./chunks/BaseAccordionBtn.vue_vue_type_script_setup_true_lang.DBI-gxoJ.js";
2
+ export {
3
+ f as default
4
+ };
@@ -1 +1,4 @@
1
- "use strict";const e=require("./chunks/BaseAccordionContent.vue_vue_type_script_setup_true_lang.U3YQw0dV.js");module.exports=e._sfc_main;
1
+ import { _ as f } from "./chunks/BaseAccordionContent.vue_vue_type_script_setup_true_lang.N7oILwdv.js";
2
+ export {
3
+ f as default
4
+ };
@@ -1 +1,4 @@
1
- "use strict";const e=require("./chunks/BaseAccordionItem.vue_vue_type_script_setup_true_lang.BiU7T1M1.js");module.exports=e._sfc_main;
1
+ import { _ as f } from "./chunks/BaseAccordionItem.vue_vue_type_script_setup_true_lang.Dlyi71Ul.js";
2
+ export {
3
+ f as default
4
+ };
package/dist/BaseAlert.js CHANGED
@@ -1 +1,4 @@
1
- "use strict";const e=require("./chunks/BaseAlert.vue_vue_type_script_setup_true_lang.CjFsLhwr.js");module.exports=e._sfc_main;
1
+ import { _ as f } from "./chunks/BaseAlert.vue_vue_type_script_setup_true_lang.HqYdk4yE.js";
2
+ export {
3
+ f as default
4
+ };
@@ -1 +1,4 @@
1
- "use strict";const e=require("./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.D8WvGQMa.js");module.exports=e._sfc_main;
1
+ import { _ as f } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.BoWyUvIn.js";
2
+ export {
3
+ f as default
4
+ };
package/dist/BaseBadge.js CHANGED
@@ -1 +1,4 @@
1
- "use strict";const e=require("./chunks/BaseBadge.vue_vue_type_style_index_0_lang.DjrBMyt7.js");module.exports=e._sfc_main;
1
+ import { _ as f } from "./chunks/BaseBadge.vue_vue_type_style_index_0_lang.BOA1gBKu.js";
2
+ export {
3
+ f as default
4
+ };
@@ -1 +1,188 @@
1
- require('./assets/BaseBtModal.css');"use strict";const t=require("vue");require("./chunks/js.cookie.BMVAK0Pe.js");const u=require("./chunks/BaseButton.vue_vue_type_script_setup_true_lang.Ns4H_IBk.js"),r=require("./chunks/CloseIcon.ClSHNHpF.js"),c=require("./useBreakpoints.js"),m=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),k=(e,o)=>new Promise((i,s)=>{setTimeout(()=>{try{e&&e(),i()}catch{s()}},o)}),p=["modal-sm","modal-md","modal-lg","modal-xl","modal-xxl","modal-desktop"],b=t.defineComponent({components:{BaseButton:u._sfc_main,CloseIcon:r.CloseIcon},props:{id:{type:String,default:"base-bt-modal"},size:{type:String,default:"modal-md"},customBackdropClasses:{type:String,default:""},customModalClasses:{type:String,default:""},customModalDialogClasses:{type:String,default:""},customModalContentClasses:{type:String,default:""},customModalHeaderClasses:{type:[String,Array],default:""},customModalBodyClasses:{type:String,default:""},customModalFooterClasses:{type:String,default:""},withCustomFooter:{type:Boolean,default:!1},withCloseIcon:{type:Boolean,default:!0},showModal:{type:Boolean,required:!0},closeIcon:{type:String,default:""},headerTitle:{type:String,default:""},autoClose:{type:Number},fullHeight:{type:Boolean,default:!1},closeOnClickOut:{type:Boolean,default:!0}},emits:["closed","opened"],setup(){const{isSmall:e}=c.useBreakpoints();return{isMobile:e}},data(){return{baseModalMaxWidthClass:""}},computed:{backdropEl(){return this.$refs.backdropEl},modalEl(){return this.$refs.modalEl}},watch:{showModal(e){e||this.closeModal()}},created(){document&&document.body.classList.add("uikit-no-scrolling","sm:uikit-pr-15px")},unmounted(){document&&document.body.classList.remove("uikit-no-scrolling","sm:uikit-pr-15px")},mounted(){this.openModal();const e=o=>{o.key==="Escape"&&(this.closeModal(),document&&document.body?.removeEventListener("keydown",e))};document&&document.body?.addEventListener("keydown",e)},methods:{async openModal(){const e=this.backdropEl,o=this.modalEl;e?.classList.add("uikit-flex","colored-backdrop");let i=this.customModalDialogClasses||"";i+=` ${this.size}`;const s=i.split(" ").find(l=>p.includes(l));o?.classList.add("show",`base-${s}`),this.autoClose!==void 0&&setTimeout(()=>{this.closeModal()},this.autoClose)},async closeOnBackdropClick({target:e}){!this.closeOnClickOut||this.isMobile&&!e.classList.contains("bbt-modal-wrapper")||!this.isMobile&&!e.classList.contains("bbt-backdrop")||await this.closeModal()},async closeModal(){this.backdropEl.classList.remove("colored-backdrop"),this.backdropEl.classList.add("uikit-flex","uikit-bg-transparent"),this.modalEl.classList.remove("show"),this.modalEl.classList.add("closed","uikit-overflow-hidden"),document&&document.body.classList.remove("no-scrolling"),await k(()=>{this.$emit("closed")},250)},async onClosed(){await this.closeModal(),this.$emit("closed")},async onOpened(){await this.openModal(),this.$emit("opened")}}}),f=["id","data-cy"],h=["innerHTML"];function y(e,o,i,s,l,w){const a=t.resolveComponent("close-icon"),d=t.resolveComponent("base-button");return t.openBlock(),t.createBlock(t.Teleport,{to:"body"},[t.createElementVNode("div",{ref:"backdropEl",class:t.normalizeClass(["bbt-backdrop uikit-fixed uikit-left-0 uikit-start-0 uikit-top-0 uikit-flex uikit-h-full uikit-w-full uikit-items-start uikit-justify-center uikit-overflow-y-auto uikit-px-0 uikit-pt-0 sm:uikit-px-5 sm:uikit-pt-[30px]",[e.customBackdropClasses]]),style:{"z-index":"1062"},onClick:o[0]||(o[0]=(...n)=>e.closeOnBackdropClick&&e.closeOnBackdropClick(...n))},[t.createElementVNode("dialog",{id:e.id,ref:"modalEl","data-cy":e.$attrs["data-cy"],class:t.normalizeClass(["custom-modal safe-bottom base-bt-modal transition-y !uikit-relative uikit-m-0 uikit-block uikit-h-full uikit-w-full uikit-overflow-x-hidden uikit-overflow-y-hidden uikit-rounded uikit-border-none uikit-bg-transparent uikit-p-0 uikit-no-scrollbar max-sm:uikit-fixed max-sm:uikit-w-full max-sm:uikit-max-w-full max-sm:uikit-rounded-bl-none max-sm:uikit-rounded-br-none max-sm:uikit-border-0 sm:uikit-h-auto",[e.customModalClasses]])},[t.createElementVNode("div",{class:t.normalizeClass(["bbt-modal-wrapper uikit-relative uikit-h-full",[e.customModalDialogClasses]])},[t.createElementVNode("div",{class:t.normalizeClass(["uikit-modal-content uikit-fixed uikit-bottom-0 uikit-h-auto uikit-max-h-[90%] uikit-w-full uikit-overflow-x-hidden uikit-rounded uikit-bg-white uikit-py-0 uikit-no-scrollbar max-sm:uikit-rounded-bl-none max-sm:uikit-rounded-br-none sm:uikit-relative sm:uikit-flex sm:uikit-flex-col sm:uikit-overflow-y-auto sm:uikit-py-0 sm:uikit-shadow-[0_3px_6px_#00000029]",[e.customModalContentClasses,"transition-y",{"full-height-mobile":e.fullHeight}]])},[t.createElementVNode("div",{class:t.normalizeClass(["default-header uikit-border-0 uikit-px-4 sm:uikit-px-6",[e.customModalHeaderClasses]])},[e.withCloseIcon?(t.openBlock(),t.createBlock(d,{key:0,id:"close-icon-btn","data-cy":"bbt-default-close-icon-btn",class:t.normalizeClass(["uikit-z-10 uikit-bg-transparent",e.$attrs["close-icon-btn-classes"]]),type:"button","aria-label":"Close","is-empty":!0,onClick:t.withModifiers(e.closeModal,["prevent","stop"])},{default:t.withCtx(()=>[t.createVNode(a,{class:"bbt-close-icon uikit-p-5px",width:30,height:30})]),_:1},8,["class","onClick"])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"header",{closeModal:e.closeModal},()=>[t.createElementVNode("span",{class:t.normalizeClass(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22",e.$attrs["title-classes"]]),innerHTML:e.headerTitle},null,10,h)],!0)],2),t.createElementVNode("div",{class:t.normalizeClass(["uikit-bbt-body uikit-flex-auto uikit-overflow-y-auto uikit-overflow-x-hidden uikit-px-4 uikit-pb-0 uikit-no-scrollbar sm:uikit-px-6 sm:uikit-pb-25px",[e.customModalBodyClasses]])},[t.renderSlot(e.$slots,"body",{},void 0,!0)],2),e.withCustomFooter?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["uikit-bbt-footer uikit-border-0 uikit-bg-white uikit-px-4 uikit-py-15px sm:uikit-px-6",e.customModalFooterClasses])},[t.renderSlot(e.$slots,"footer",{closeModal:e.closeModal},void 0,!0)],2)):t.createCommentVNode("",!0)],2)],2),t.renderSlot(e.$slots,"fixed-bottom",{},void 0,!0)],10,f)],2)])}const C=m._export_sfc(b,[["render",y],["__scopeId","data-v-0cddde3c"]]);module.exports=C;
1
+ import './assets/BaseBtModal.css';
2
+ import { defineComponent as b, resolveComponent as n, openBlock as d, createBlock as r, Teleport as f, createElementVNode as e, normalizeClass as o, withModifiers as h, withCtx as y, createVNode as C, createCommentVNode as c, renderSlot as a, createElementBlock as w } from "vue";
3
+ import "./chunks/js.cookie.BaTT4o7s.js";
4
+ import { _ as M } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.DZLJGoNO.js";
5
+ import { C as v } from "./chunks/CloseIcon.BiYjxFIs.js";
6
+ import { useBreakpoints as g } from "./useBreakpoints.js";
7
+ import { _ as x } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
8
+ const B = (t, i) => new Promise((s, l) => {
9
+ setTimeout(() => {
10
+ try {
11
+ t && t(), s();
12
+ } catch {
13
+ l();
14
+ }
15
+ }, i);
16
+ }), E = [
17
+ "modal-sm",
18
+ "modal-md",
19
+ "modal-lg",
20
+ "modal-xl",
21
+ "modal-xxl",
22
+ "modal-desktop"
23
+ ], $ = b({
24
+ components: { BaseButton: M, CloseIcon: v },
25
+ props: {
26
+ id: { type: String, default: "base-bt-modal" },
27
+ size: {
28
+ type: String,
29
+ default: "modal-md"
30
+ },
31
+ customBackdropClasses: { type: String, default: "" },
32
+ customModalClasses: { type: String, default: "" },
33
+ customModalDialogClasses: { type: String, default: "" },
34
+ customModalContentClasses: { type: String, default: "" },
35
+ customModalHeaderClasses: { type: [String, Array], default: "" },
36
+ customModalBodyClasses: { type: String, default: "" },
37
+ customModalFooterClasses: { type: String, default: "" },
38
+ withCustomFooter: { type: Boolean, default: !1 },
39
+ withCloseIcon: { type: Boolean, default: !0 },
40
+ showModal: { type: Boolean, required: !0 },
41
+ closeIcon: { type: String, default: "" },
42
+ headerTitle: { type: String, default: "" },
43
+ autoClose: { type: Number },
44
+ fullHeight: { type: Boolean, default: !1 },
45
+ closeOnClickOut: { type: Boolean, default: !0 }
46
+ },
47
+ emits: ["closed", "opened"],
48
+ setup() {
49
+ const { isSmall: t } = g();
50
+ return { isMobile: t };
51
+ },
52
+ data() {
53
+ return {
54
+ baseModalMaxWidthClass: ""
55
+ };
56
+ },
57
+ computed: {
58
+ backdropEl() {
59
+ return this.$refs.backdropEl;
60
+ },
61
+ modalEl() {
62
+ return this.$refs.modalEl;
63
+ }
64
+ },
65
+ watch: {
66
+ showModal(t) {
67
+ t || this.closeModal();
68
+ }
69
+ },
70
+ created() {
71
+ document && document.body.classList.add("uikit-no-scrolling", "sm:uikit-pr-15px");
72
+ },
73
+ unmounted() {
74
+ document && document.body.classList.remove("uikit-no-scrolling", "sm:uikit-pr-15px");
75
+ },
76
+ mounted() {
77
+ this.openModal();
78
+ const t = (i) => {
79
+ i.key === "Escape" && (this.closeModal(), document && document.body?.removeEventListener("keydown", t));
80
+ };
81
+ document && document.body?.addEventListener("keydown", t);
82
+ },
83
+ methods: {
84
+ /** Opens the modal with a transition */
85
+ async openModal() {
86
+ const t = this.backdropEl, i = this.modalEl;
87
+ t?.classList.add("uikit-flex", "colored-backdrop");
88
+ let s = this.customModalDialogClasses || "";
89
+ s += ` ${this.size}`;
90
+ const l = s.split(" ").find((u) => E.includes(u));
91
+ i?.classList.add("show", `base-${l}`), this.autoClose !== void 0 && setTimeout(() => {
92
+ this.closeModal();
93
+ }, this.autoClose);
94
+ },
95
+ async closeOnBackdropClick({ target: t }) {
96
+ !this.closeOnClickOut || this.isMobile && !t.classList.contains("bbt-modal-wrapper") || //In mobile mode, the wrapper will be touched
97
+ !this.isMobile && !t.classList.contains("bbt-backdrop") || await this.closeModal();
98
+ },
99
+ /** Closes the modal with a transition */
100
+ async closeModal() {
101
+ this.backdropEl.classList.remove("colored-backdrop"), this.backdropEl.classList.add("uikit-flex", "uikit-bg-transparent"), this.modalEl.classList.remove("show"), this.modalEl.classList.add("closed", "uikit-overflow-hidden"), document && document.body.classList.remove("no-scrolling"), await B(() => {
102
+ this.$emit("closed");
103
+ }, 250);
104
+ },
105
+ async onClosed() {
106
+ await this.closeModal(), this.$emit("closed");
107
+ },
108
+ async onOpened() {
109
+ await this.openModal(), this.$emit("opened");
110
+ }
111
+ }
112
+ }), L = ["id", "data-cy"], S = ["innerHTML"];
113
+ function O(t, i, s, l, u, H) {
114
+ const m = n("close-icon"), k = n("base-button");
115
+ return d(), r(f, { to: "body" }, [
116
+ e("div", {
117
+ ref: "backdropEl",
118
+ class: o(["bbt-backdrop uikit-fixed uikit-left-0 uikit-start-0 uikit-top-0 uikit-flex uikit-h-full uikit-w-full uikit-items-start uikit-justify-center uikit-overflow-y-auto uikit-px-0 uikit-pt-0 sm:uikit-px-5 sm:uikit-pt-[30px]", [t.customBackdropClasses]]),
119
+ style: { "z-index": "1062" },
120
+ onClick: i[0] || (i[0] = (...p) => t.closeOnBackdropClick && t.closeOnBackdropClick(...p))
121
+ }, [
122
+ e("dialog", {
123
+ id: t.id,
124
+ ref: "modalEl",
125
+ "data-cy": t.$attrs["data-cy"],
126
+ class: o(["custom-modal safe-bottom base-bt-modal transition-y !uikit-relative uikit-m-0 uikit-block uikit-h-full uikit-w-full uikit-overflow-x-hidden uikit-overflow-y-hidden uikit-rounded uikit-border-none uikit-bg-transparent uikit-p-0 uikit-no-scrollbar max-sm:uikit-fixed max-sm:uikit-w-full max-sm:uikit-max-w-full max-sm:uikit-rounded-bl-none max-sm:uikit-rounded-br-none max-sm:uikit-border-0 sm:uikit-h-auto", [t.customModalClasses]])
127
+ }, [
128
+ e("div", {
129
+ class: o(["bbt-modal-wrapper uikit-relative uikit-h-full", [t.customModalDialogClasses]])
130
+ }, [
131
+ e("div", {
132
+ class: o(["uikit-modal-content uikit-fixed uikit-bottom-0 uikit-h-auto uikit-max-h-[90%] uikit-w-full uikit-overflow-x-hidden uikit-rounded uikit-bg-white uikit-py-0 uikit-no-scrollbar max-sm:uikit-rounded-bl-none max-sm:uikit-rounded-br-none sm:uikit-relative sm:uikit-flex sm:uikit-flex-col sm:uikit-overflow-y-auto sm:uikit-py-0 sm:uikit-shadow-[0_3px_6px_#00000029]", [
133
+ t.customModalContentClasses,
134
+ "transition-y",
135
+ { "full-height-mobile": t.fullHeight }
136
+ ]])
137
+ }, [
138
+ e("div", {
139
+ class: o(["default-header uikit-border-0 uikit-px-4 sm:uikit-px-6", [t.customModalHeaderClasses]])
140
+ }, [
141
+ t.withCloseIcon ? (d(), r(k, {
142
+ key: 0,
143
+ id: "close-icon-btn",
144
+ "data-cy": "bbt-default-close-icon-btn",
145
+ class: o(["uikit-z-10 uikit-bg-transparent", t.$attrs["close-icon-btn-classes"]]),
146
+ type: "button",
147
+ "aria-label": "Close",
148
+ "is-empty": !0,
149
+ onClick: h(t.closeModal, ["prevent", "stop"])
150
+ }, {
151
+ default: y(() => [
152
+ C(m, {
153
+ class: "bbt-close-icon uikit-p-5px",
154
+ width: 30,
155
+ height: 30
156
+ })
157
+ ]),
158
+ _: 1
159
+ }, 8, ["class", "onClick"])) : c("", !0),
160
+ a(t.$slots, "header", { closeModal: t.closeModal }, () => [
161
+ e("span", {
162
+ class: o(["uikit-w-auto uikit-text-18 uikit-font-semibold sm:uikit-text-22", t.$attrs["title-classes"]]),
163
+ innerHTML: t.headerTitle
164
+ }, null, 10, S)
165
+ ], !0)
166
+ ], 2),
167
+ e("div", {
168
+ class: o(["uikit-bbt-body uikit-flex-auto uikit-overflow-y-auto uikit-overflow-x-hidden uikit-px-4 uikit-pb-0 uikit-no-scrollbar sm:uikit-px-6 sm:uikit-pb-25px", [t.customModalBodyClasses]])
169
+ }, [
170
+ a(t.$slots, "body", {}, void 0, !0)
171
+ ], 2),
172
+ t.withCustomFooter ? (d(), w("div", {
173
+ key: 0,
174
+ class: o(["uikit-bbt-footer uikit-border-0 uikit-bg-white uikit-px-4 uikit-py-15px sm:uikit-px-6", t.customModalFooterClasses])
175
+ }, [
176
+ a(t.$slots, "footer", { closeModal: t.closeModal }, void 0, !0)
177
+ ], 2)) : c("", !0)
178
+ ], 2)
179
+ ], 2),
180
+ a(t.$slots, "fixed-bottom", {}, void 0, !0)
181
+ ], 10, L)
182
+ ], 2)
183
+ ]);
184
+ }
185
+ const V = /* @__PURE__ */ x($, [["render", O], ["__scopeId", "data-v-0cddde3c"]]);
186
+ export {
187
+ V as default
188
+ };
@@ -1 +1,4 @@
1
- "use strict";const e=require("./chunks/BaseButton.vue_vue_type_script_setup_true_lang.Ns4H_IBk.js");module.exports=e._sfc_main;
1
+ import { _ as f } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.DZLJGoNO.js";
2
+ export {
3
+ f as default
4
+ };
package/dist/BaseCard.js CHANGED
@@ -1 +1,34 @@
1
- require('./assets/BaseCard.css');"use strict";const e=require("vue"),d=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),i=e.defineComponent({inheritAttrs:!1,__name:"BaseCard",props:{type:{default:""}},emits:["click"],setup(a,{emit:o}){const c=o,t=a,l=e.computed(()=>t.type==="news"?"news-card":t.type),n=e.computed(()=>t.type?`${t.type}-img`:"");return(s,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["card",[l.value,s.$attrs.class]]),onClick:r[0]||(r[0]=m=>c("click"))},[e.createElementVNode("div",{class:e.normalizeClass(["card-img",[n.value,s.$attrs["card-img-classes"]]])},[e.renderSlot(s.$slots,"card-image",{},void 0,!0)],2),e.createElementVNode("div",{class:e.normalizeClass(["card-body",[s.$attrs["card-body-classes"]]])},[e.renderSlot(s.$slots,"card-description",{},void 0,!0)],2)],2))}}),p=d._export_sfc(i,[["__scopeId","data-v-ee64f70b"]]);module.exports=p;
1
+ import './assets/BaseCard.css';
2
+ import { defineComponent as m, computed as r, openBlock as u, createElementBlock as f, normalizeClass as t, createElementVNode as o, renderSlot as c } from "vue";
3
+ import { _ as v } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
4
+ const y = /* @__PURE__ */ m({
5
+ inheritAttrs: !1,
6
+ __name: "BaseCard",
7
+ props: {
8
+ type: { default: "" }
9
+ },
10
+ emits: ["click"],
11
+ setup(d, { emit: l }) {
12
+ const i = l, s = d, n = r(
13
+ () => s.type === "news" ? "news-card" : s.type
14
+ ), p = r(() => s.type ? `${s.type}-img` : "");
15
+ return (e, a) => (u(), f("div", {
16
+ class: t(["card", [n.value, e.$attrs.class]]),
17
+ onClick: a[0] || (a[0] = (C) => i("click"))
18
+ }, [
19
+ o("div", {
20
+ class: t(["card-img", [p.value, e.$attrs["card-img-classes"]]])
21
+ }, [
22
+ c(e.$slots, "card-image", {}, void 0, !0)
23
+ ], 2),
24
+ o("div", {
25
+ class: t(["card-body", [e.$attrs["card-body-classes"]]])
26
+ }, [
27
+ c(e.$slots, "card-description", {}, void 0, !0)
28
+ ], 2)
29
+ ], 2));
30
+ }
31
+ }), k = /* @__PURE__ */ v(y, [["__scopeId", "data-v-ee64f70b"]]);
32
+ export {
33
+ k as default
34
+ };
@@ -1 +1,140 @@
1
- require('./assets/BaseComplexToggle.css');"use strict";const t=require("vue"),o=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),a=t.defineComponent({name:"BaseComplexToggle",props:{labels:{type:Object,required:!0},modelValue:{type:String,default:""},type:{type:String,default:"full"},mode:{type:String,default:""},btnBgColor:{type:String,default:"uikit-bg-w-lavender-bordered"},borderContainerColor:{type:String||"uikit-border-w-secondary",default:"uikit-border-w-secondary"}},emits:["update:modelValue"],data(){return{texActiveToggleColor:"uikit-text-white"}},computed:{leftBtn(){return this.$refs.leftBtn},rightBtn(){return this.$refs.rightBtn},dynamicBg(){return this.$refs.dynamicBg}},created(){["uikit-bg-w-cultured-bordered","uikit-bg-w-gray","uikit-bg-w-warning","uikit-bg-w-lavender-bordered"].includes(this.btnBgColor)&&(this.texActiveToggleColor="uikit-text-w-black")},mounted(){this.btnBgColor&&(this.labels.leftToggle.checked?(this.moveDynamicBgToLeft(),this.emitLeftLabel()):this.labels.rightToggle.checked&&(this.moveDynamicBgToRight(),this.emitRightLabel()))},methods:{handleToggle(e){!this.leftBtn||!this.rightBtn||(e==="left-btn"?(this.moveDynamicBgToLeft(),this.$emit("update:modelValue",this.labels.leftToggle.label)):(this.moveDynamicBgToRight(),this.$emit("update:modelValue",this.labels.rightToggle.label)))},moveDynamicBgToLeft(){this.dynamicBg?.classList.remove("translateX-right"),this.dynamicBg?.classList.add("translateX-left"),this.leftBtn?.classList.add("base-complex-toggle-active",this.texActiveToggleColor),this.rightBtn?.classList.remove("base-complex-toggle-active",this.texActiveToggleColor)},moveDynamicBgToRight(){this.dynamicBg?.classList.remove("translateX-left"),this.dynamicBg?.classList.add("translateX-right"),this.rightBtn?.classList.add("base-complex-toggle-active",this.texActiveToggleColor),this.leftBtn?.classList.remove("base-complex-toggle-active",this.texActiveToggleColor)},emitLeftLabel(){this.$emit("update:modelValue",this.labels.leftToggle.label)},emitRightLabel(){this.$emit("update:modelValue",this.labels.rightToggle.label)}}}),s=["id","data-cy"],r=["data-cy"],g=["src","alt"],n=["innerHTML"],c=["data-cy"],d=["src","alt"],u=["innerHTML"];function h(e,l,b,f,p,k){return t.openBlock(),t.createElementBlock("div",{id:e.$attrs.id||"","data-cy":e.$attrs["data-cy"]||"",class:t.normalizeClass(["base-complex-toggle uikit-relative uikit-flex uikit-justify-center uikit-p-0",[e.mode,e.borderContainerColor]])},[t.createElementVNode("div",{ref:"leftBtn","data-cy":`bct-left-btn${e.labels.leftToggle.label?`-${e.labels.leftToggle.label}`:""}`,class:"left-button uikit-flex uikit-flex-1 uikit-items-center uikit-justify-center hover:uikit-cursor-pointer",onClick:l[0]||(l[0]=t.withModifiers(i=>e.handleToggle("left-btn"),["stop"]))},[e.labels.leftToggle.icon?(t.openBlock(),t.createElementBlock("img",{key:0,class:"base-complex-toggle-icon uikit-relative uikit-z-10 uikit-mr-10px",src:e.labels.leftToggle.icon.src,alt:e.labels.leftToggle.icon.alt,width:"15",height:"15"},null,8,g)):t.createCommentVNode("",!0),t.createElementVNode("span",{ref:"leftToggleLabel",class:"base-complex-toggle-label uikit-relative uikit-z-10",innerHTML:e.labels.leftToggle.label},null,8,n)],8,r),t.createElementVNode("div",{ref:"rightBtn","data-cy":`bct-right-btn${e.labels.rightToggle.label?`-${e.labels.rightToggle.label}`:""}`,class:"right-button uikit-flex uikit-flex-1 uikit-items-center uikit-justify-center hover:uikit-cursor-pointer",onClick:l[1]||(l[1]=t.withModifiers(i=>e.handleToggle("right-btn"),["stop"]))},[e.labels.rightToggle.icon?(t.openBlock(),t.createElementBlock("img",{key:0,class:"base-complex-toggle-icon uikit-relative uikit-z-10 uikit-mr-10px",src:e.labels.rightToggle.icon.src,alt:e.labels.rightToggle.icon.alt,width:"15",height:"15"},null,8,d)):t.createCommentVNode("",!0),t.createElementVNode("span",{ref:"rightToggleLabel",class:"base-complex-toggle-label uikit-relative uikit-z-10",innerHTML:e.labels.rightToggle.label},null,8,u)],8,c),t.createElementVNode("div",{ref:"dynamicBg",class:t.normalizeClass(["uikit-absolute uikit-transition-all uikit-duration-200 uikit-ease-out",[e.type==="full"?"base-complex-toggle-active-bg":"base-complex-toggle-active-padded-bg",e.btnBgColor,e.mode]])},null,2)],10,s)}const m=o._export_sfc(a,[["render",h],["__scopeId","data-v-f02f3790"]]);module.exports=m;
1
+ import './assets/BaseComplexToggle.css';
2
+ import { defineComponent as n, openBlock as l, createElementBlock as o, normalizeClass as a, createElementVNode as t, withModifiers as s, createCommentVNode as r } from "vue";
3
+ import { _ as d } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
4
+ const c = n({
5
+ name: "BaseComplexToggle",
6
+ props: {
7
+ labels: {
8
+ type: Object,
9
+ required: !0
10
+ },
11
+ modelValue: { type: String, default: "" },
12
+ type: { type: String, default: "full" },
13
+ mode: { type: String, default: "" },
14
+ btnBgColor: {
15
+ type: String,
16
+ default: "uikit-bg-w-lavender-bordered"
17
+ },
18
+ borderContainerColor: {
19
+ type: String || "uikit-border-w-secondary",
20
+ default: "uikit-border-w-secondary"
21
+ }
22
+ },
23
+ emits: ["update:modelValue"],
24
+ data() {
25
+ return {
26
+ texActiveToggleColor: "uikit-text-white"
27
+ };
28
+ },
29
+ computed: {
30
+ leftBtn() {
31
+ return this.$refs.leftBtn;
32
+ },
33
+ rightBtn() {
34
+ return this.$refs.rightBtn;
35
+ },
36
+ dynamicBg() {
37
+ return this.$refs.dynamicBg;
38
+ }
39
+ },
40
+ created() {
41
+ [
42
+ "uikit-bg-w-cultured-bordered",
43
+ "uikit-bg-w-gray",
44
+ "uikit-bg-w-warning",
45
+ "uikit-bg-w-lavender-bordered"
46
+ ].includes(this.btnBgColor) && (this.texActiveToggleColor = "uikit-text-w-black");
47
+ },
48
+ mounted() {
49
+ this.btnBgColor && (this.labels.leftToggle.checked ? (this.moveDynamicBgToLeft(), this.emitLeftLabel()) : this.labels.rightToggle.checked && (this.moveDynamicBgToRight(), this.emitRightLabel()));
50
+ },
51
+ methods: {
52
+ handleToggle(e) {
53
+ !this.leftBtn || !this.rightBtn || (e === "left-btn" ? (this.moveDynamicBgToLeft(), this.$emit("update:modelValue", this.labels.leftToggle.label)) : (this.moveDynamicBgToRight(), this.$emit("update:modelValue", this.labels.rightToggle.label)));
54
+ },
55
+ moveDynamicBgToLeft() {
56
+ this.dynamicBg?.classList.remove("translateX-right"), this.dynamicBg?.classList.add("translateX-left"), this.leftBtn?.classList.add(
57
+ "base-complex-toggle-active",
58
+ this.texActiveToggleColor
59
+ ), this.rightBtn?.classList.remove(
60
+ "base-complex-toggle-active",
61
+ this.texActiveToggleColor
62
+ );
63
+ },
64
+ moveDynamicBgToRight() {
65
+ this.dynamicBg?.classList.remove("translateX-left"), this.dynamicBg?.classList.add("translateX-right"), this.rightBtn?.classList.add(
66
+ "base-complex-toggle-active",
67
+ this.texActiveToggleColor
68
+ ), this.leftBtn?.classList.remove(
69
+ "base-complex-toggle-active",
70
+ this.texActiveToggleColor
71
+ );
72
+ },
73
+ emitLeftLabel() {
74
+ this.$emit("update:modelValue", this.labels.leftToggle.label);
75
+ },
76
+ emitRightLabel() {
77
+ this.$emit("update:modelValue", this.labels.rightToggle.label);
78
+ }
79
+ }
80
+ }), u = ["id", "data-cy"], h = ["data-cy"], b = ["src", "alt"], m = ["innerHTML"], f = ["data-cy"], p = ["src", "alt"], k = ["innerHTML"];
81
+ function T(e, i, v, y, B, L) {
82
+ return l(), o("div", {
83
+ id: e.$attrs.id || "",
84
+ "data-cy": e.$attrs["data-cy"] || "",
85
+ class: a(["base-complex-toggle uikit-relative uikit-flex uikit-justify-center uikit-p-0", [e.mode, e.borderContainerColor]])
86
+ }, [
87
+ t("div", {
88
+ ref: "leftBtn",
89
+ "data-cy": `bct-left-btn${e.labels.leftToggle.label ? `-${e.labels.leftToggle.label}` : ""}`,
90
+ class: "left-button uikit-flex uikit-flex-1 uikit-items-center uikit-justify-center hover:uikit-cursor-pointer",
91
+ onClick: i[0] || (i[0] = s((g) => e.handleToggle("left-btn"), ["stop"]))
92
+ }, [
93
+ e.labels.leftToggle.icon ? (l(), o("img", {
94
+ key: 0,
95
+ class: "base-complex-toggle-icon uikit-relative uikit-z-10 uikit-mr-10px",
96
+ src: e.labels.leftToggle.icon.src,
97
+ alt: e.labels.leftToggle.icon.alt,
98
+ width: "15",
99
+ height: "15"
100
+ }, null, 8, b)) : r("", !0),
101
+ t("span", {
102
+ ref: "leftToggleLabel",
103
+ class: "base-complex-toggle-label uikit-relative uikit-z-10",
104
+ innerHTML: e.labels.leftToggle.label
105
+ }, null, 8, m)
106
+ ], 8, h),
107
+ t("div", {
108
+ ref: "rightBtn",
109
+ "data-cy": `bct-right-btn${e.labels.rightToggle.label ? `-${e.labels.rightToggle.label}` : ""}`,
110
+ class: "right-button uikit-flex uikit-flex-1 uikit-items-center uikit-justify-center hover:uikit-cursor-pointer",
111
+ onClick: i[1] || (i[1] = s((g) => e.handleToggle("right-btn"), ["stop"]))
112
+ }, [
113
+ e.labels.rightToggle.icon ? (l(), o("img", {
114
+ key: 0,
115
+ class: "base-complex-toggle-icon uikit-relative uikit-z-10 uikit-mr-10px",
116
+ src: e.labels.rightToggle.icon.src,
117
+ alt: e.labels.rightToggle.icon.alt,
118
+ width: "15",
119
+ height: "15"
120
+ }, null, 8, p)) : r("", !0),
121
+ t("span", {
122
+ ref: "rightToggleLabel",
123
+ class: "base-complex-toggle-label uikit-relative uikit-z-10",
124
+ innerHTML: e.labels.rightToggle.label
125
+ }, null, 8, k)
126
+ ], 8, f),
127
+ t("div", {
128
+ ref: "dynamicBg",
129
+ class: a(["uikit-absolute uikit-transition-all uikit-duration-200 uikit-ease-out", [
130
+ e.type === "full" ? "base-complex-toggle-active-bg" : "base-complex-toggle-active-padded-bg",
131
+ e.btnBgColor,
132
+ e.mode
133
+ ]])
134
+ }, null, 2)
135
+ ], 10, u);
136
+ }
137
+ const w = /* @__PURE__ */ d(c, [["render", T], ["__scopeId", "data-v-f02f3790"]]);
138
+ export {
139
+ w as default
140
+ };
@@ -1 +1,4 @@
1
- "use strict";const e=require("./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.fEH9G16N.js");module.exports=e._sfc_main;
1
+ import { _ as f } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.dYLwFJCe.js";
2
+ export {
3
+ f as default
4
+ };
@@ -1 +1,49 @@
1
- require('./assets/BaseFloatingLabel.css');"use strict";const e=require("vue"),l=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),a=e.defineComponent({name:"BaseFloatingLabel",props:{labelState:{type:String,default:()=>"inline-label"},isValid:{type:Boolean,default:()=>null},labelText:{type:String,required:!0},disabled:{type:[String,Boolean],default:!1}},emits:["click"]}),s=["for"],o=["innerHTML"];function n(t,i,u,d,p,c){return e.openBlock(),e.createElementBlock("label",{for:t.$attrs.for,class:e.normalizeClass(["uikit-absolute uikit-left-15px uikit-h-5 uikit-text-sm",[t.labelState,{"uikit-text-w-secondary":t.disabled},t.$attrs["label-classes"]]]),onClick:i[0]||(i[0]=e.withModifiers(k=>t.$emit("click"),["stop"]))},[e.createElementVNode("span",{class:e.normalizeClass(["uikit-text uikit-font-medium uikit-text-w-black",{"!uikit-text-w-secondary":t.disabled}]),innerHTML:t.labelText},null,10,o),t.$attrs.required?(e.openBlock(),e.createElementBlock("sup",{key:0,class:e.normalizeClass(["uikit-absolute -uikit-top-[0.3rem] uikit-text uikit-text-w-primary",{"uikit-text-w-secondary":t.disabled}])}," *",2)):e.createCommentVNode("",!0)],10,s)}const r=l._export_sfc(a,[["render",n],["__scopeId","data-v-bc398569"]]);module.exports=r;
1
+ import './assets/BaseFloatingLabel.css';
2
+ import { defineComponent as s, openBlock as a, createElementBlock as l, normalizeClass as t, withModifiers as o, createElementVNode as n, createCommentVNode as r } from "vue";
3
+ import { _ as u } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
4
+ const d = s({
5
+ name: "BaseFloatingLabel",
6
+ props: {
7
+ labelState: {
8
+ type: String,
9
+ default: () => "inline-label"
10
+ },
11
+ isValid: {
12
+ type: Boolean,
13
+ default: () => null
14
+ },
15
+ labelText: {
16
+ type: String,
17
+ required: !0
18
+ },
19
+ disabled: {
20
+ type: [String, Boolean],
21
+ default: !1
22
+ }
23
+ },
24
+ emits: ["click"]
25
+ }), p = ["for"], k = ["innerHTML"];
26
+ function m(e, i, c, f, b, y) {
27
+ return a(), l("label", {
28
+ for: e.$attrs.for,
29
+ class: t(["uikit-absolute uikit-left-15px uikit-h-5 uikit-text-sm", [
30
+ e.labelState,
31
+ { "uikit-text-w-secondary": e.disabled },
32
+ e.$attrs["label-classes"]
33
+ ]]),
34
+ onClick: i[0] || (i[0] = o(($) => e.$emit("click"), ["stop"]))
35
+ }, [
36
+ n("span", {
37
+ class: t(["uikit-text uikit-font-medium uikit-text-w-black", { "!uikit-text-w-secondary": e.disabled }]),
38
+ innerHTML: e.labelText
39
+ }, null, 10, k),
40
+ e.$attrs.required ? (a(), l("sup", {
41
+ key: 0,
42
+ class: t(["uikit-absolute -uikit-top-[0.3rem] uikit-text uikit-text-w-primary", { "uikit-text-w-secondary": e.disabled }])
43
+ }, " *", 2)) : r("", !0)
44
+ ], 10, p);
45
+ }
46
+ const g = /* @__PURE__ */ u(d, [["render", m], ["__scopeId", "data-v-bc398569"]]);
47
+ export {
48
+ g as default
49
+ };
package/dist/BaseIcon.js CHANGED
@@ -1 +1,41 @@
1
- require('./assets/BaseIcon.css');"use strict";const t=require("vue"),a=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),i=t.defineComponent({name:"BaseIcon",props:{lazyLoading:{type:Boolean,default:!1},altAttribute:{type:String,default:""},iconName:{type:String,default:""},iconType:{type:String,default:"icon-md"},iconClass:{type:String,default:"uikit-mr-5px"}}}),n=["id","alt","src","width","height","loading"];function s(e,o,l,d,p,c){return t.openBlock(),t.createElementBlock("img",{id:e.$attrs.id,class:t.normalizeClass(["uikit-inline-block",e.iconType,e.iconClass]),alt:e.altAttribute||e.$attrs.alt,style:t.normalizeStyle(e.$attrs.style),src:e.$attrs.src?e.$attrs.src:"",width:e.$attrs.width,height:e.$attrs.height,loading:e.lazyLoading?"lazy":"eager"},null,14,n)}const r=a._export_sfc(i,[["render",s],["__scopeId","data-v-8b2e5b08"]]);module.exports=r;
1
+ import './assets/BaseIcon.css';
2
+ import { defineComponent as e, openBlock as a, createElementBlock as i, normalizeClass as n, normalizeStyle as o } from "vue";
3
+ import { _ as s } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
4
+ const r = e({
5
+ name: "BaseIcon",
6
+ props: {
7
+ lazyLoading: { type: Boolean, default: !1 },
8
+ altAttribute: {
9
+ type: String,
10
+ default: ""
11
+ },
12
+ iconName: {
13
+ type: String,
14
+ default: ""
15
+ },
16
+ iconType: {
17
+ type: String,
18
+ default: "icon-md"
19
+ },
20
+ iconClass: {
21
+ type: String,
22
+ default: "uikit-mr-5px"
23
+ }
24
+ }
25
+ }), l = ["id", "alt", "src", "width", "height", "loading"];
26
+ function d(t, p, c, f, m, u) {
27
+ return a(), i("img", {
28
+ id: t.$attrs.id,
29
+ class: n(["uikit-inline-block", t.iconType, t.iconClass]),
30
+ alt: t.altAttribute || t.$attrs.alt,
31
+ style: o(t.$attrs.style),
32
+ src: t.$attrs.src ? t.$attrs.src : "",
33
+ width: t.$attrs.width,
34
+ height: t.$attrs.height,
35
+ loading: t.lazyLoading ? "lazy" : "eager"
36
+ }, null, 14, l);
37
+ }
38
+ const h = /* @__PURE__ */ s(r, [["render", d], ["__scopeId", "data-v-8b2e5b08"]]);
39
+ export {
40
+ h as default
41
+ };