@wikicasa-dev/components 1.2.25 → 1.2.27
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.
- package/dist/AccessibleSelect.cjs +1 -1
- package/dist/AccessibleSelect.js +1 -1
- package/dist/AccessibleSelect.vue_vue_type_script_setup_true_lang-CWGYPn_s.cjs +1 -0
- package/dist/{AccessibleSelect.vue_vue_type_script_setup_true_lang-k0dF89Mx.js → AccessibleSelect.vue_vue_type_script_setup_true_lang-V0XqgKXS.js} +62 -62
- package/dist/BaseAccordionBtn.cjs +1 -1
- package/dist/BaseAccordionBtn.js +1 -1
- package/dist/{BaseAccordionBtn.vue_vue_type_script_setup_true_lang-D9D4w7Mn.cjs → BaseAccordionBtn.vue_vue_type_script_setup_true_lang-BQr2_BlM.cjs} +1 -1
- package/dist/{BaseAccordionBtn.vue_vue_type_script_setup_true_lang-B5N_3-gi.js → BaseAccordionBtn.vue_vue_type_script_setup_true_lang-CzbKLH4-.js} +10 -10
- package/dist/BaseAccordionItem.cjs +1 -1
- package/dist/BaseAccordionItem.js +1 -1
- package/dist/BaseAccordionItem.vue_vue_type_script_setup_true_lang-0R0-KeUL.cjs +1 -0
- package/dist/{BaseAccordionItem.vue_vue_type_script_setup_true_lang-34wcOXN7.js → BaseAccordionItem.vue_vue_type_script_setup_true_lang-CHXsLP6t.js} +42 -42
- package/dist/BaseAlert.cjs +1 -1
- package/dist/BaseAlert.css +1 -0
- package/dist/BaseAlert.js +2 -21
- package/dist/BaseAlert.vue_vue_type_script_setup_true_lang-CwrICy7C.js +23 -0
- package/dist/BaseAlert.vue_vue_type_script_setup_true_lang-EApeOMaK.cjs +1 -0
- package/dist/BaseAutocomplete.cjs +1 -1
- package/dist/BaseAutocomplete.js +1 -1
- package/dist/{BaseAutocomplete.vue_vue_type_script_setup_true_lang-DA6Bh4l4.js → BaseAutocomplete.vue_vue_type_script_setup_true_lang-DO8H2Lnc.js} +1 -1
- package/dist/{BaseAutocomplete.vue_vue_type_script_setup_true_lang-CyfnN6eP.cjs → BaseAutocomplete.vue_vue_type_script_setup_true_lang-Vw4TREJv.cjs} +1 -1
- package/dist/BaseBadge.cjs +1 -1
- package/dist/BaseBadge.css +1 -0
- package/dist/BaseBadge.js +2 -18
- package/dist/BaseBadge.vue_vue_type_style_index_0_lang-CTjNbikr.js +20 -0
- package/dist/BaseBadge.vue_vue_type_style_index_0_lang-CoTdlbL5.cjs +1 -0
- package/dist/BaseBtModal.cjs +1 -1
- package/dist/BaseBtModal.css +1 -0
- package/dist/BaseBtModal.js +3 -2
- package/dist/BaseButton.cjs +1 -1
- package/dist/BaseButton.css +1 -0
- package/dist/BaseButton.js +1 -1
- package/dist/BaseButton.vue_vue_type_script_setup_true_lang-C4Jpz6nD.cjs +1 -0
- package/dist/{BaseButton.vue_vue_type_script_setup_true_lang-N-iDFqmD.js → BaseButton.vue_vue_type_script_setup_true_lang-CBdWTtB_.js} +1 -0
- package/dist/BaseCard.cjs +1 -1
- package/dist/BaseCard.css +1 -0
- package/dist/BaseCard.js +9 -8
- package/dist/BaseComplexToggle.cjs +1 -1
- package/dist/BaseComplexToggle.css +1 -0
- package/dist/BaseComplexToggle.js +2 -1
- package/dist/BaseDropDown.cjs +1 -1
- package/dist/BaseDropDown.js +1 -1
- package/dist/{BaseDropDown.vue_vue_type_script_setup_true_lang-BweFMHGP.js → BaseDropDown.vue_vue_type_script_setup_true_lang-6hJBGFOb.js} +1 -1
- package/dist/{BaseDropDown.vue_vue_type_script_setup_true_lang-C-tvIgOk.cjs → BaseDropDown.vue_vue_type_script_setup_true_lang-BHoTtg5-.cjs} +1 -1
- package/dist/BaseFloatingLabel.cjs +1 -1
- package/dist/BaseFloatingLabel.css +1 -0
- package/dist/BaseFloatingLabel.js +9 -8
- package/dist/BaseIcon.cjs +1 -1
- package/dist/BaseIcon.css +1 -0
- package/dist/BaseIcon.js +2 -1
- package/dist/BaseInput.cjs +1 -1
- package/dist/BaseInput.css +1 -0
- package/dist/BaseInput.js +14 -12
- package/dist/BaseNavItem.cjs +1 -1
- package/dist/BaseNavItem.css +1 -0
- package/dist/BaseNavItem.js +1 -0
- package/dist/BasePagination.cjs +1 -1
- package/dist/BasePagination.js +1 -1
- package/dist/BasePaper.cjs +1 -1
- package/dist/BasePaper.css +1 -0
- package/dist/BasePaper.js +1 -0
- package/dist/BaseSlider.cjs +2 -2
- package/dist/BaseSlider.css +1 -0
- package/dist/BaseSlider.js +7 -6
- package/dist/BaseSnackbar.cjs +1 -1
- package/dist/BaseSnackbar.css +1 -0
- package/dist/BaseSnackbar.js +8 -7
- package/dist/BaseTab.cjs +1 -1
- package/dist/BaseTab.js +9 -9
- package/dist/BaseTextarea.cjs +1 -1
- package/dist/BaseTextarea.css +1 -0
- package/dist/BaseTextarea.js +2 -1
- package/dist/BaseToggle.cjs +1 -1
- package/dist/BaseToggle.css +1 -0
- package/dist/BaseToggle.js +4 -3
- package/dist/BaseTooltip.cjs +1 -1
- package/dist/BaseTooltip.css +1 -0
- package/dist/BaseTooltip.js +2 -1
- package/dist/BaseUploadFile.cjs +1 -1
- package/dist/BaseUploadFile.js +2 -2
- package/dist/CheckboxBtn.cjs +1 -1
- package/dist/CheckboxBtn.css +1 -0
- package/dist/CheckboxBtn.js +11 -10
- package/dist/RadioButton.cjs +1 -1
- package/dist/RadioButton.js +1 -1
- package/dist/StaticSpinner.cjs +1 -1
- package/dist/StaticSpinner.css +1 -0
- package/dist/StaticSpinner.js +2 -1
- package/dist/SwiperCarousel.cjs +1 -1
- package/dist/SwiperCarousel.css +1 -0
- package/dist/SwiperCarousel.js +1 -1
- package/dist/{SwiperCarousel.vue_vue_type_style_index_0_lang-wAOLSjLf.js → SwiperCarousel.vue_vue_type_style_index_0_lang-Ck2g-QeX.js} +9 -8
- package/dist/SwiperCarousel.vue_vue_type_style_index_0_lang-Dcp0WsTT.cjs +5 -0
- package/dist/free-mode.css +1 -0
- package/dist/{index-BgbVfPBC.js → index-BYvf5Yfg.js} +2 -2
- package/dist/{index-zWmFcQq_.cjs → index-EIUFf5Sn.cjs} +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.css +1 -0
- package/dist/index.js +12 -11
- package/dist/navigation.css +1 -0
- package/dist/pagination.css +1 -0
- package/package.json +5 -1
- package/dist/AccessibleSelect.vue_vue_type_script_setup_true_lang-Cz_pL6kx.cjs +0 -1
- package/dist/BaseAccordionItem.vue_vue_type_script_setup_true_lang-CkRPO2NI.cjs +0 -1
- package/dist/BaseButton.vue_vue_type_script_setup_true_lang-OKgyG00A.cjs +0 -1
- package/dist/SwiperCarousel.vue_vue_type_style_index_0_lang-i2Sb9Y22.cjs +0 -5
- package/dist/free-mode-Dyvby5gX.cjs +0 -1
- package/dist/free-mode-l0sNRNKZ.js +0 -1
- package/dist/navigation-Dyvby5gX.cjs +0 -1
- package/dist/navigation-l0sNRNKZ.js +0 -1
- package/dist/pagination-Dyvby5gX.cjs +0 -1
- package/dist/pagination-l0sNRNKZ.js +0 -1
- package/dist/style.css +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const t=require("vue"),_=require("./BaseInput.cjs"),M=require("./BaseDropDown.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
"use strict";const t=require("vue"),_=require("./BaseInput.cjs"),M=require("./BaseDropDown.vue_vue_type_script_setup_true_lang-BHoTtg5-.cjs");require("./js.cookie-BMVAK0Pe.cjs");const I=require("./SelectItem.vue_vue_type_script_setup_true_lang-3ie26G8n.cjs"),q=require("./useKeyboardController.cjs");function D(u,p){return(...k)=>new Promise((l,r)=>{u.id&&clearTimeout(u.id),u.id=setTimeout(()=>{try{const i=p(...k);l(i)}catch(i){r(i)}},u.delay)})}const O=["innerHTML"],T=t.defineComponent({__name:"BaseAutocomplete",props:t.mergeModels({border:{type:Boolean,default:!0},isValid:{default:null},theme:{default:""},label:{default:""},disableCb:{type:Boolean,default:!1},onInputChangeCb:{},onOptionSelectedCb:{default:null},manualClose:{type:Boolean,default:!1},keepState:{default:null}},{modelValue:{default(){return{id:"",label:""}}},modelModifiers:{}}),emits:t.mergeModels(["dropdownClosed","changedValue","click"],["update:modelValue"]),setup(u,{expose:p,emit:k}){const l=u,r=t.useModel(u,"modelValue"),i=k,s=t.ref(""),n=t.ref([]),f=t.ref(null),c=t.ref(!1),o=t.ref(!1),m=t.ref(null),C=t.computed(()=>n.value.length);t.onBeforeMount(()=>{s.value=r.value?.label||"",f.value=D({delay:300},l.onInputChangeCb)});const{activeIdx:v,selectedIdx:h}=q.useKeyboardController({optionsLength:C,isDropdownOpen:o,disableSpaceHandler:!0}),g=t.computed(()=>{switch(l.theme){case"bordered":return"";case"all-bordered":return"uikit-rounded "+(o.value&&"uikit-rounded-b-none");case"all-bordered-thick":return"uikit-rounded-xl !uikit-h-[60px] "+(o.value&&"uikit-rounded-b-none");default:return""}}),y=t.computed(()=>{switch(l.theme){case"bordered":return"";case"all-bordered":return"uikit-border uikit-border-w-lavender uikit-border-solid uikit-rounded "+(o.value?"uikit-border-b-0 uikit-rounded-b-none":"");case"all-bordered-thick":return"uikit-rounded-xl !uikit-h-[60px]"+(o.value&&"uikit-rounded-b-none");default:return""}}),$=t.computed(()=>{let e="uikit-rounded-b-xl uikit-shadow uikit-rounded-t-none uikit-mb-0 !uikit-mt-0 uikit-text-w-black !uikit-rounded-b-xl !uikit-rounded-t-none";switch(l.theme){case"bordered":return"before:uikit-content-[''] before:uikit-absolute before:uikit-w-1/2 before:uikit-border-b before:uikit-border-b-w-lavender before:[border-bottom-style:solid] before:uikit-right-1/4 uikit-rounded-b-xl uikit-shadow uikit-rounded-t-none uikit-mt-5px uikit-mb-0";case"all-bordered":return e;case"all-bordered-thick":return e;default:return""}}),B=async e=>{if(s.value!==e&&(i("changedValue",e),s.value=e,!!l.onInputChangeCb)){if(r.value&&!e&&(r.value.label="",o.value=!1),!e||c.value){n.value=[],c.value=!1,h.value=-1,v.value=-1,await f.value(null);return}l.disableCb||(n.value=await f.value(e),n.value.length&&(o.value=!0))}},w=(e,a)=>{l.onOptionSelectedCb&&l.onOptionSelectedCb(e),c.value=!0,s.value=e.label,r.value=e,o.value=!1,h.value=a},V=()=>{n.value.length&&l.keepState!=="closed"&&(o.value=!0)};return t.watch(r,(e,a)=>{e!==a&&(s.value=e?.label||"")}),t.watch(h,e=>{if(e===-1)return;const a=n.value[e];c.value&&a.label===r.value?.label||w(a,e)}),t.watch(()=>l.manualClose,e=>{e&&(c.value&&(n.value=[]),i("dropdownClosed"))}),p({select:()=>{m.value?.select()}}),(e,a)=>(t.openBlock(),t.createBlock(M._sfc_main,{class:t.normalizeClass(e.$attrs["root-classes"]),"data-cy":`ac_${e.$attrs.id}`,"dropdown-element":"ul","dropdown-classes":[{"bordered-dropdown":e.theme==="bordered"},{"all-bordered-dropdown":e.theme==="all-bordered"},{"all-bordered-dropdown thick":e.theme==="all-bordered-thick"},{"uikit-mt-10px !uikit-border !uikit-border-w-secondary !uikit-rounded-xs":!e.theme},$.value,"!uikit-max-h-[210px] uikit-z-10",e.$attrs["dropdown-classes"]],"open-dropdown":o.value,"keep-state":n.value.length?"":"closed","onUpdate:dropdownState":a[0]||(a[0]=d=>o.value=d),onClick:a[1]||(a[1]=d=>{i("click"),V()})},{btn_slot:t.withCtx(()=>[t.createVNode(_,{id:`ac_input_${e.$attrs.id}`,ref_key:"baseInput",ref:m,"data-cy":`ac_input_${e.$attrs.id}`,"label-text":e.label,"model-value":r.value?.label||"","is-valid":e.isValid,disabled:e.$attrs.disabled,placeholder:e.$attrs.placeholder,"with-left-icon":!!e.$slots.lefticon,"with-right-icon":!!e.$slots.righticon,border:!e.theme,radius:!e.theme||e.theme==="bordered","input-class":[g.value,e.$attrs["input-classes"]],"fieldset-classes":[y.value,e.$attrs["fieldset-classes"]],"keep-floating-label":!!s.value,"onUpdate:modelValue":B},{leftIcon:t.withCtx(()=>[t.renderSlot(e.$slots,"lefticon")]),righticon:t.withCtx(({handleClean:d})=>[t.renderSlot(e.$slots,"righticon",{handleClean:d})]),_:3},8,["id","data-cy","label-text","model-value","is-valid","disabled","placeholder","with-left-icon","with-right-icon","border","radius","input-class","fieldset-classes","keep-floating-label"])]),default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n.value,(d,b)=>(t.openBlock(),t.createBlock(I._sfc_main,{key:b,active:t.unref(v)===b,class:"uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",onClick:S=>w(d,b),onMouseover:S=>v.value=b},{default:t.withCtx(()=>[t.createElementVNode("span",{innerHTML:d.label},null,8,O)]),_:2},1032,["active","onClick","onMouseover"]))),128))]),_:3},8,["class","data-cy","dropdown-classes","open-dropdown","keep-state"]))}});exports._sfc_main=T;
|
package/dist/BaseBadge.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("
|
|
1
|
+
"use strict";const e=require("./BaseBadge.vue_vue_type_style_index_0_lang-CoTdlbL5.cjs");module.exports=e._sfc_main;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.uikit-badge{display:inline-flex;height:1.75rem;cursor:default;align-items:center;justify-content:center;border-radius:20px;padding-left:11px;padding-right:11px;padding-top:.25rem;padding-bottom:.25rem;font-weight:600}.uikit-badge-w-warning{--tw-bg-opacity: 1;background-color:rgb(255 209 103 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(42 55 97 / var(--tw-text-opacity))}.uikit-badge-w-lavender{--tw-bg-opacity: 1;background-color:rgb(233 239 254 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(42 55 97 / var(--tw-text-opacity));--tw-shadow: 0 1px 6px #79797929;--tw-shadow-colored: 0 1px 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.uikit-badge-outline-tag{height:2.25rem;border-radius:20px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(34 34 34 / var(--tw-border-opacity));padding-left:18px;padding-right:18px;padding-top:.5rem;padding-bottom:.5rem;font-weight:400;--tw-text-opacity: 1;color:rgb(34 34 34 / var(--tw-text-opacity))}.uikit-badge-outline-tag-listing{border-radius:20px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(34 34 34 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));font-size:12px;line-height:16px;font-weight:400;--tw-text-opacity: 1;color:rgb(34 34 34 / var(--tw-text-opacity))}.uikit-badge-w-primary-sm{height:23px;border-radius:10px;--tw-bg-opacity: 1;background-color:rgb(43 93 255 / var(--tw-bg-opacity));font-size:10px;line-height:14px;font-weight:500;line-height:inherit;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.uikit-badge-w-dark-primary{z-index:10;--tw-bg-opacity: 1;background-color:rgb(42 55 97 / var(--tw-bg-opacity));padding-left:11px;padding-right:11px}@media (min-width: 576px){.uikit-badge-w-dark-primary{padding-right:10px;font-size:12px;line-height:16px}}
|
package/dist/BaseBadge.js
CHANGED
|
@@ -1,20 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { _ as d } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
3
|
-
const i = ["id"], n = /* @__PURE__ */ s({
|
|
4
|
-
inheritAttrs: !1,
|
|
5
|
-
__name: "BaseBadge",
|
|
6
|
-
props: {
|
|
7
|
-
badgeClass: { default: "uikit-badge-w-primary-sm" }
|
|
8
|
-
},
|
|
9
|
-
setup(l) {
|
|
10
|
-
return (e, p) => (a(), t("span", {
|
|
11
|
-
id: e.$attrs.id,
|
|
12
|
-
class: o(["uikit-badge uikit-shadow-sm", e.badgeClass, e.$attrs.class])
|
|
13
|
-
}, [
|
|
14
|
-
r(e.$slots, "default", {}, void 0, !0)
|
|
15
|
-
], 10, i));
|
|
16
|
-
}
|
|
17
|
-
}), c = /* @__PURE__ */ d(n, [["__scopeId", "data-v-1281543a"]]);
|
|
1
|
+
import { _ as f } from "./BaseBadge.vue_vue_type_style_index_0_lang-CTjNbikr.js";
|
|
18
2
|
export {
|
|
19
|
-
|
|
3
|
+
f as default
|
|
20
4
|
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import './BaseBadge.css';
|
|
2
|
+
import { defineComponent as e, openBlock as a, createElementBlock as t, normalizeClass as r, renderSlot as i } from "vue";
|
|
3
|
+
const o = ["id"], p = /* @__PURE__ */ e({
|
|
4
|
+
inheritAttrs: !1,
|
|
5
|
+
__name: "BaseBadge",
|
|
6
|
+
props: {
|
|
7
|
+
badgeClass: { default: "uikit-badge-w-primary-sm" }
|
|
8
|
+
},
|
|
9
|
+
setup(n) {
|
|
10
|
+
return (s, d) => (a(), t("span", {
|
|
11
|
+
id: s.$attrs.id,
|
|
12
|
+
class: r(["uikit-badge uikit-shadow-sm", s.badgeClass, s.$attrs.class])
|
|
13
|
+
}, [
|
|
14
|
+
i(s.$slots, "default")
|
|
15
|
+
], 10, o));
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
export {
|
|
19
|
+
p as _
|
|
20
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
require('./BaseBadge.css');"use strict";const s=require("vue"),a=["id"],t=s.defineComponent({inheritAttrs:!1,__name:"BaseBadge",props:{badgeClass:{default:"uikit-badge-w-primary-sm"}},setup(i){return(e,r)=>(s.openBlock(),s.createElementBlock("span",{id:e.$attrs.id,class:s.normalizeClass(["uikit-badge uikit-shadow-sm",e.badgeClass,e.$attrs.class])},[s.renderSlot(e.$slots,"default")],10,a))}});exports._sfc_main=t;
|
package/dist/BaseBtModal.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const t=require("vue");require("./js.cookie-BMVAK0Pe.cjs");const u=require("./BaseButton.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
require('./BaseBtModal.css');"use strict";const t=require("vue");require("./js.cookie-BMVAK0Pe.cjs");const u=require("./BaseButton.vue_vue_type_script_setup_true_lang-C4Jpz6nD.cjs"),r=require("./CloseIcon-B0iqXdWk.cjs"),c=require("./useBreakpoints.cjs"),m=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),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;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.custom-modal[data-v-0cddde3c]{--modal-max-height: 690px;--modal-width-sm: 496px;--modal-width-md: 592px;--modal-width-lg: 670px;--modal-max-width: var(--modal-width-sm);max-width:var(--modal-max-width)}.base-modal-md[data-v-0cddde3c]{--modal-max-width: var(--modal-width-md)}.base-modal-lg[data-v-0cddde3c]{--modal-max-width: var(--modal-width-lg)}.base-modal-sm[data-v-0cddde3c],.base-modal-md[data-v-0cddde3c],.base-modal-lg[data-v-0cddde3c]{max-height:var(--modal-max-height)}@media not all and (min-width: 576px){.base-modal-sm[data-v-0cddde3c],.base-modal-md[data-v-0cddde3c],.base-modal-lg[data-v-0cddde3c]{max-height:none;max-width:none}}@media screen and (max-width: 576px){.base-modal-sm[data-v-0cddde3c],.base-modal-md[data-v-0cddde3c],.base-modal-lg[data-v-0cddde3c]{width:100%!important}}.base-modal-xxl[data-v-0cddde3c]{max-width:1500px}.base-modal-full[data-v-0cddde3c]{width:100%}.default-header[data-v-0cddde3c]{justify-content:space-between;padding-top:25px}.colored-backdrop[data-v-0cddde3c]{animation:backdrop-opacity-0cddde3c .3s ease-out 0s backwards;background-color:#b4c2f0b3}.custom-modal[data-v-0cddde3c]{will-change:transform}@media (min-width: 576px){.custom-modal.show.transition-y[data-v-0cddde3c]{animation:slide-down-0cddde3c .5s ease-out 0s backwards}}@media not all and (min-width: 576px){.custom-modal.show .uikit-modal-content.transition-y[data-v-0cddde3c]{animation:slide-up-0cddde3c .5s ease-out 0s backwards}}.custom-modal.closed[data-v-0cddde3c]{overflow-y:hidden!important}@media (min-width: 576px){.custom-modal.closed.transition-y[data-v-0cddde3c]{animation:slide-down-back-0cddde3c .25s both}}@media not all and (min-width: 576px){.custom-modal.closed .uikit-modal-content.transition-y[data-v-0cddde3c]{animation:slide-up-back-0cddde3c .25s both}}[data-v-0cddde3c] #close-icon-btn{position:absolute;right:15px;top:15px}@media not all and (min-width: 576px){.full-height-mobile[data-v-0cddde3c]{height:95%;max-height:none}}@keyframes slide-up-0cddde3c{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-up-back-0cddde3c{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slide-down-0cddde3c{0%{transform:translateY(-110%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-down-back-0cddde3c{0%{transform:translateY(0)}to{transform:translateY(-110%)}}@keyframes backdrop-opacity-0cddde3c{0%{opacity:0}to{opacity:1}}
|
package/dist/BaseBtModal.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import './BaseBtModal.css';
|
|
1
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";
|
|
2
3
|
import "./js.cookie-BaTT4o7s.js";
|
|
3
|
-
import { _ as M } from "./BaseButton.vue_vue_type_script_setup_true_lang-
|
|
4
|
+
import { _ as M } from "./BaseButton.vue_vue_type_script_setup_true_lang-CBdWTtB_.js";
|
|
4
5
|
import { C as v } from "./CloseIcon-o6CokGLA.js";
|
|
5
6
|
import { useBreakpoints as g } from "./useBreakpoints.js";
|
|
6
7
|
import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
@@ -181,7 +182,7 @@ function O(t, i, s, l, u, H) {
|
|
|
181
182
|
], 2)
|
|
182
183
|
]);
|
|
183
184
|
}
|
|
184
|
-
const V = /* @__PURE__ */ x($, [["render", O], ["__scopeId", "data-v-
|
|
185
|
+
const V = /* @__PURE__ */ x($, [["render", O], ["__scopeId", "data-v-0cddde3c"]]);
|
|
185
186
|
export {
|
|
186
187
|
V as default
|
|
187
188
|
};
|
package/dist/BaseButton.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("./BaseButton.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
"use strict";const e=require("./BaseButton.vue_vue_type_script_setup_true_lang-C4Jpz6nD.cjs");module.exports=e._sfc_main;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.uikit-btn{--btn-px: 25px;--btn-py: 11px;--btn-bg-color: transparent;--btn-text-color: #222222;--btn-border-color: unset;--btn-border-width: 0;--btn-border-radius: 25px;--btn-border-style: solid;--btn-height: 42px;--btn-min-w: 90px;--btn-font-size: 14px;--btn-transition: color, background-color cubic-bezier(.4, 0, .2, 1) .15s;display:inline-block;font-size:var(--btn-font-size);font-weight:600;white-space:nowrap;border:var(--btn-border-width) var(--btn-border-color) var(--btn-border-style);border-radius:var(--btn-border-radius);cursor:pointer;height:var(--btn-height);min-width:var(--btn-min-w);background-color:var(--btn-bg-color);color:var(--btn-text-color);padding:var(--btn-py) var(--btn-px);transition:var(--btn-transition);line-height:1;-webkit-tap-highlight-color:transparent}.uikit-btn:disabled{--btn-bg-color: #2b5dff;--btn-text-color: rgb(255 255 255 / .8);cursor:not-allowed;opacity:.5}.uikit-btn.uikit-btn-lg{--btn-height: 47px;--btn-px: 28px;--btn-py: 12px;line-height:0}.uikit-btn.uikit-btn-md{--btn-height: 42px}.uikit-btn.uikit-btn-sm{--btn-px: 18px;--btn-py: 8px;--btn-height: 36px}.uikit-btn.uikit-btn-outline{--btn-border-width: 1px;--btn-bg-color: #fff}@media screen and (max-width: 576px){.uikit-btn.uikit-btn-outline:hover{--btn-bg-color: #fff}}@media screen and (min-width: 576px){.uikit-btn.uikit-btn-outline:hover{--btn-text-color: #fff}.uikit-btn.uikit-btn-outline:hover svg,.uikit-btn.uikit-btn-outline:hover img{filter:brightness(0) invert(1)}}.uikit-btn.uikit-btn-outline:active{--btn-text-color: #fff !important}.uikit-btn.uikit-btn-outline:active svg,.uikit-btn.uikit-btn-outline:active img{filter:brightness(0) invert(1)}.uikit-btn-empty{--btn-min-w: 0}.uikit-btn-w-primary{--btn-bg-color: #2b5dff;--btn-text-color: #fff}@media screen and (max-width: 576px){.uikit-btn-w-primary:hover{--btn-bg-color: #2b5dff;--btn-text-color: #fff}}@media screen and (min-width: 576px){.uikit-btn-w-primary:hover{--btn-bg-color: #0057d9}}.uikit-btn-w-primary:hover:disabled{--btn-bg-color: #2b5dff}.uikit-btn-w-primary:active{--btn-bg-color: #0057d9}.uikit-btn-w-primary.uikit-btn-outline{--btn-border-color: #2b5dff;--btn-text-color: #2b5dff}.uikit-btn-w-primary.uikit-btn-outline:active{--btn-bg-color: #2b5dff !important}.uikit-btn-w-primary.uikit-btn-outline:disabled:hover{--btn-bg-color: #2b5dff}@media screen and (min-width: 576px){.uikit-btn-w-primary.uikit-btn-outline:hover{--btn-bg-color: #2b5dff}}.uikit-btn-light{--btn-bg-color: #fff;--btn-text-color: #2b5dff}@media screen and (max-width: 576px){.uikit-btn-light:hover{--btn-bg-color: #fff;--btn-text-color: #2b5dff}}@media screen and (min-width: 576px){.uikit-btn-light:hover{--btn-bg-color: #fafafa;--btn-text-color: #2b5dff}}.uikit-btn-light:hover:disabled{--btn-bg-color: #fff}.uikit-btn-light:active{--btn-bg-color: #fafafa;--btn-text-color: #2b5dff}.uikit-btn-w-secondary{--btn-bg-color: #b4c2f0;--btn-text-color: #fff}@media screen and (max-width: 576px){.uikit-btn-w-secondary:hover{--btn-bg-color: #b4c2f0;--btn-text-color: #fff}}@media screen and (min-width: 576px){.uikit-btn-w-secondary:hover{--btn-bg-color: #8a9ddd}}.uikit-btn-w-secondary:hover:disabled{--btn-bg-color: #b4c2f0}.uikit-btn-w-secondary:active{--btn-bg-color: #8a9ddd}.uikit-btn-w-secondary.uikit-btn-outline{--btn-border-color: #b4c2f0;--btn-text-color: #222222}.uikit-btn-w-secondary.uikit-btn-outline:active{--btn-bg-color: #b4c2f0 !important}.uikit-btn-w-secondary.uikit-btn-outline:disabled:hover{--btn-bg-color: #b4c2f0}@media screen and (max-width: 576px){.uikit-btn-w-secondary.uikit-btn-outline:hover{--btn-text-color: #222222}}@media screen and (min-width: 576px){.uikit-btn-w-secondary.uikit-btn-outline:hover{--btn-bg-color: #b4c2f0}}.uikit-btn-w-warning{--btn-bg-color: #ffd167;--btn-text-color: #2a3761}@media screen and (max-width: 576px){.uikit-btn-w-warning:hover{--btn-bg-color: #ffd167;--btn-text-color: #2a3761}}@media screen and (min-width: 576px){.uikit-btn-w-warning:hover{--btn-bg-color: #f2c761}}.uikit-btn-w-warning:hover:disabled{--btn-bg-color: #ffd167}.uikit-btn-w-warning:active{--btn-bg-color: #f2c761}.uikit-btn-w-danger{--btn-bg-color: #fa4f64;--btn-text-color: #fff}@media screen and (max-width: 576px){.uikit-btn-w-danger:hover{--btn-bg-color: #fa4f64;--btn-text-color: #fff}}@media screen and (min-width: 576px){.uikit-btn-w-danger:hover{--btn-bg-color: #e0485a}}.uikit-btn-w-danger:hover:disabled{--btn-bg-color: #fa4f64}.uikit-btn-w-danger:active{--btn-bg-color: #e0485a}.uikit-btn-w-danger.uikit-btn-outline{--btn-border-color: #fa4f64;--btn-text-color: #fa4f64}.uikit-btn-w-danger.uikit-btn-outline:active{--btn-bg-color: #fa4f64 !important}.uikit-btn-w-danger.uikit-btn-outline:disabled:hover{--btn-bg-color: #fa4f64}@media screen and (min-width: 576px){.uikit-btn-w-danger.uikit-btn-outline:hover{--btn-bg-color: #fa4f64}}.uikit-btn-multi-selection[data-active=true],.uikit-btn-single-selection[data-active=true]{--btn-bg-color: #e9effe;--btn-border-color: #385cf6}.uikit-btn-multi-selection[data-active=true]:hover,.uikit-btn-single-selection[data-active=true]:hover{--btn-text-color: #222222}.uikit-btn-multi-selection{--btn-py: 10px;--btn-height: 40px;font-weight:400;--btn-border-radius: 12px;--btn-border-color: #eaeffd;--btn-border-width: 1px;white-space:normal;--btn-bg-color: #f5f7fa;--btn-text-color: #222222}@media screen and (max-width: 576px){.uikit-btn-multi-selection:hover{--btn-bg-color: #f5f7fa;--btn-text-color: #222222}}@media screen and (min-width: 576px){.uikit-btn-multi-selection:hover{--btn-bg-color: #e9effe;--btn-border-color: #385cf6}}.uikit-btn-multi-selection:hover:disabled{--btn-bg-color: #fff}.uikit-btn-multi-selection:active{--btn-bg-color: #e9effe;--btn-border-color: #385cf6}.uikit-btn-single-selection{--btn-px: 16px;--btn-py: 8px;--btn-height: 40px;--btn-border-radius: 5px;font-weight:400;--btn-bg-color: #fff;--btn-text-color: #222222}@media screen and (max-width: 576px){.uikit-btn-single-selection:hover{--btn-bg-color: #fff;--btn-text-color: #222222}}@media screen and (min-width: 576px){.uikit-btn-single-selection:hover{--btn-bg-color: #f4f7ff}}.uikit-btn-single-selection:hover:disabled{--btn-bg-color: #fff}.uikit-btn-single-selection:active{--btn-bg-color: #f4f7ff}.uikit-btn-facile{--btn-facile-color: #ff6600;--btn-facile-hover-color: #b34700;--btn-bg-color: var(--btn-facile-color);--btn-text-color: #fff}@media screen and (max-width: 576px){.uikit-btn-facile:hover{--btn-bg-color: var(--btn-facile-color);--btn-text-color: #fff}}@media screen and (min-width: 576px){.uikit-btn-facile:hover{--btn-bg-color: var(--btn-facile-hover-color);--btn-text-color: #fff}}.uikit-btn-facile:hover:disabled{--btn-bg-color: var(--btn-facile-color)}.uikit-btn-facile:active{--btn-bg-color: var(--btn-facile-hover-color);--btn-text-color: #fff}.uikit-btn-show-more{--btn-border-radius: 0;--btn-border-color: #fff;--btn-bg-color: #fff;--btn-text-color: #2b5dff}@media screen and (max-width: 576px){.uikit-btn-show-more:hover{--btn-bg-color: #fff;--btn-text-color: #2b5dff}}@media screen and (min-width: 576px){.uikit-btn-show-more:hover{--btn-bg-color: #fff;--btn-text-color: #3646b3}}.uikit-btn-show-more:hover:disabled{--btn-bg-color: #fff}.uikit-btn-show-more:active{--btn-bg-color: #fff;--btn-text-color: #3646b3}.uikit-btn-transparent{--border-color: transparent;--btn-px: 0;--btn-py: 0}.uikit-btn-transparent:hover{--btn-bg-color: transparent: --border-color: transparent}.uikit-btn-transparent:disabled{--btn-bg-color: transparent}
|
package/dist/BaseButton.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
require('./BaseButton.css');"use strict";const o=require("vue"),m=require("./BaseIcon.cjs"),c=require("./StaticSpinner.cjs"),f=["id","data-cy","type","data-active","disabled","aria-labelledby"],p=o.defineComponent({__name:"BaseButton",props:{lazyLoadIcon:{type:Boolean,default:!0},btnClass:{default:""},iconName:{default:""},iconNameHovering:{default:""},iconClass:{default:"uikit-mr-[5px]"},isEmpty:{type:Boolean,default:!1},keepActive:{type:Boolean,default:!1},isLoading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["mouseover","mouseout","click"],setup(r){const t=r,n=o.ref(!1),s=o.ref("");o.onBeforeMount(()=>{s.value=t.iconName??""});const u=()=>{n.value=!0,t.iconNameHovering&&l(t.iconNameHovering)},d=()=>{n.value=!1,t.iconNameHovering&&l(t.iconName)},l=e=>{s.value=e};return(e,i)=>(o.openBlock(),o.createElementBlock("button",{id:e.$attrs.id,"data-cy":e.$attrs["data-cy"],type:e.$attrs.type,class:o.normalizeClass([{"uikit-btn":!e.isEmpty,"uikit-btn-empty":e.isEmpty,"active uikit-font-medium":e.keepActive,"uikit-flex uikit-items-center uikit-justify-center":e.iconName||e.isLoading},e.btnClass]),style:o.normalizeStyle(e.$attrs.style),"data-active":e.keepActive,disabled:e.isLoading||e.disabled,"aria-labelledby":e.$attrs.id,onMouseover:i[0]||(i[0]=o.withModifiers(a=>{u(),e.$emit("mouseover",a)},["stop"])),onMouseout:i[1]||(i[1]=o.withModifiers(a=>{d(),e.$emit("mouseout",a)},["stop"])),onClick:i[2]||(i[2]=a=>e.$emit("click",a))},[e.iconName&&!e.isLoading?(o.openBlock(),o.createBlock(m,{key:e.$attrs.id?e.$attrs.id:`btn-${e.iconName}`,"icon-name":s.value,"icon-class":e.iconClass,"alt-attribute":"button icon","lazy-loading":e.lazyLoadIcon},null,8,["icon-name","icon-class","lazy-loading"])):o.createCommentVNode("",!0),e.isLoading?o.renderSlot(e.$slots,"spinner",{key:2},()=>[o.createVNode(c,{color:e.btnClass.includes("uikit-btn-light")?"uikit-stroke-black":"uikit-stroke-white"},null,8,["color"])]):o.renderSlot(e.$slots,"default",{key:1,hover:n.value})],46,f))}});exports._sfc_main=p;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import './BaseButton.css';
|
|
1
2
|
import { defineComponent as y, ref as l, onBeforeMount as c, openBlock as r, createElementBlock as k, normalizeClass as v, normalizeStyle as b, withModifiers as u, createBlock as g, createCommentVNode as $, renderSlot as d, createVNode as B } from "vue";
|
|
2
3
|
import N from "./BaseIcon.js";
|
|
3
4
|
import C from "./StaticSpinner.js";
|
package/dist/BaseCard.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),d=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),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-
|
|
1
|
+
require('./BaseCard.css');"use strict";const e=require("vue"),d=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),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;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.card[data-v-ee64f70b]{position:relative;z-index:0;display:flex;max-width:930px;overflow:hidden;border-radius:20px;border-width:1px}@media (min-width: 576px){.card[data-v-ee64f70b]{height:230px}}.card .card-body[data-v-ee64f70b]{width:100%;padding:10px 15px}.card .card-img[data-v-ee64f70b]{height:200px;width:100%;max-width:none}@media (min-width: 576px){.card .card-img[data-v-ee64f70b]{height:100%;max-width:300px}}.card.vertical[data-v-ee64f70b]{height:350px;flex-direction:column}@media not all and (min-width: 576px){.card.vertical[data-v-ee64f70b]{min-height:100px;min-width:335px}}.card.vertical .card-img[data-v-ee64f70b]{height:200px;min-height:100px;width:100%;max-width:100%}@media not all and (min-width: 576px){.card.vertical .card-img[data-v-ee64f70b]{max-width:100%}}.map-card[data-v-ee64f70b]{max-height:100px;max-width:370px}.map-card-img[data-v-ee64f70b]{max-height:110px;max-width:120px}.card.news-card[data-v-ee64f70b]{flex-direction:row}@media not all and (min-width: 576px){.card.news-card[data-v-ee64f70b]{width:320px}}@media (min-width: 576px){.card.news-card[data-v-ee64f70b]{flex-direction:column}}
|
package/dist/BaseCard.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
1
|
+
import './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 "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
3
4
|
const y = /* @__PURE__ */ m({
|
|
4
5
|
inheritAttrs: !1,
|
|
5
6
|
__name: "BaseCard",
|
|
@@ -11,23 +12,23 @@ const y = /* @__PURE__ */ m({
|
|
|
11
12
|
const i = l, s = d, n = r(
|
|
12
13
|
() => s.type === "news" ? "news-card" : s.type
|
|
13
14
|
), p = r(() => s.type ? `${s.type}-img` : "");
|
|
14
|
-
return (e,
|
|
15
|
-
class:
|
|
16
|
-
onClick:
|
|
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"))
|
|
17
18
|
}, [
|
|
18
19
|
o("div", {
|
|
19
|
-
class:
|
|
20
|
+
class: t(["card-img", [p.value, e.$attrs["card-img-classes"]]])
|
|
20
21
|
}, [
|
|
21
22
|
c(e.$slots, "card-image", {}, void 0, !0)
|
|
22
23
|
], 2),
|
|
23
24
|
o("div", {
|
|
24
|
-
class:
|
|
25
|
+
class: t(["card-body", [e.$attrs["card-body-classes"]]])
|
|
25
26
|
}, [
|
|
26
27
|
c(e.$slots, "card-description", {}, void 0, !0)
|
|
27
28
|
], 2)
|
|
28
29
|
], 2));
|
|
29
30
|
}
|
|
30
|
-
}), k = /* @__PURE__ */
|
|
31
|
+
}), k = /* @__PURE__ */ v(y, [["__scopeId", "data-v-ee64f70b"]]);
|
|
31
32
|
export {
|
|
32
33
|
k as default
|
|
33
34
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const t=require("vue"),o=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),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-
|
|
1
|
+
require('./BaseComplexToggle.css');"use strict";const t=require("vue"),o=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),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;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.base-complex-toggle[data-v-f02f3790]{--base-complex-toggle-height: 42px;--base-complex-toggle-width: 230px;--base-complex-toggle-lg-width: 342px;--base-complex-toggle-radius: 23px;--base-complex-toggle-border-width: 1px;--base-complex-toggle-active: #E9EFFE;--base-complex-border-color: #B4C2F0;--padding-x-bg: 7px;--padding-y-bg: 8px;--base-complex-toggle-bg-height: var(--base-complex-toggle-height);--base-complex-toggle-bg-width: calc(var(--base-complex-toggle-width) / 2);--base-complex-toggle-bg-lg-width: calc( var(--base-complex-toggle-lg-width) / 2 );--base-complex-toggle-bg-padded-width: calc( var(--base-complex-toggle-bg-width) - var(--padding-x-bg) );--base-complex-toggle-bg-lg-padded-width: calc( var(--base-complex-toggle-bg-lg-width) - var(--padding-x-bg) );--base-complex-toggle-bg-padded-height: calc( var(--base-complex-toggle-bg-height) - var(--padding-y-bg) );--padded-bg-dist-from-top: calc( ( var(--base-complex-toggle-height) - var(--base-complex-toggle-bg-padded-height) ) / 2 );--round-interval: 1px;--translateX-value: calc(var(--base-complex-toggle-bg-width) / 2);--translateX-lg-value: calc(var(--base-complex-toggle-bg-lg-width) / 2);--left-translateX: translateX(calc(var(--translateX-value) * -1));--left-lg-translateX: translateX(calc(var(--translateX-lg-value) * -1));--right-translateX: translateX(var(--translateX-value));--right-lg-translateX: translateX(var(--translateX-lg-value));width:var(--base-complex-toggle-width)}@media screen and (max-width: 576px){.base-complex-toggle.mobile[data-v-f02f3790]{width:var(--base-complex-toggle-lg-width)}}.base-complex-toggle[data-v-f02f3790]{height:var(--base-complex-toggle-height);border:var(--base-complex-toggle-border-width) var(--base-complex-toggle-active) solid;border-radius:var(--base-complex-toggle-radius)}.left-button.base-complex-toggle-active[data-v-f02f3790],.right-button.base-complex-toggle-active[data-v-f02f3790]{cursor:default}.base-complex-toggle-active[data-v-f02f3790]{font-weight:500}.base-complex-toggle-active-bg[data-v-f02f3790]{width:var(--base-complex-toggle-bg-width)}@media screen and (max-width: 576px){.base-complex-toggle-active-bg .mobile[data-v-f02f3790]{width:var(--base-complex-toggle-bg-lg-width)}}.base-complex-toggle-active-bg[data-v-f02f3790]{height:calc(var(--base-complex-toggle-bg-height) - (2 * var(--base-complex-toggle-border-width)));border-radius:var(--base-complex-toggle-radius);z-index:1}.base-complex-toggle-active-padded-bg[data-v-f02f3790]{width:var(--base-complex-toggle-bg-padded-width)}@media screen and (max-width: 576px){.base-complex-toggle-active-padded-bg.mobile[data-v-f02f3790]{width:var(--base-complex-toggle-bg-lg-padded-width)}}.base-complex-toggle-active-padded-bg[data-v-f02f3790]{height:calc(var(--base-complex-toggle-bg-padded-height) - (2 * var(--base-complex-toggle-border-width)));border-radius:var(--base-complex-toggle-radius);z-index:1;top:var(--padded-bg-dist-from-top)}.translateX-left[data-v-f02f3790]{transform:var(--left-translateX)}@media screen and (max-width: 576px){.translateX-left.mobile[data-v-f02f3790]{transform:var(--left-lg-translateX)}}.translateX-right[data-v-f02f3790]{transform:var(--right-translateX)}@media screen and (max-width: 576px){.translateX-right.mobile[data-v-f02f3790]{transform:var(--right-lg-translateX)}}.uikit-bg-w-lavender-bordered[data-v-f02f3790]{--tw-border-opacity: 1;border-color:rgb(180 194 240 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(233 239 254 / var(--tw-bg-opacity))}.uikit-bg-w-cultured-bordered[data-v-f02f3790]{border-width:1px;--tw-border-opacity: 1;border-color:rgb(180 194 240 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity))}.uikit-bg-facile[data-v-f02f3790]{--tw-bg-opacity: 1;background-color:rgb(255 102 0 / var(--tw-bg-opacity))}.border-facile[data-v-f02f3790]{--tw-border-opacity: 1;border-color:rgb(255 102 0 / var(--tw-border-opacity))}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import './BaseComplexToggle.css';
|
|
1
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";
|
|
2
3
|
import { _ as d } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
3
4
|
const c = n({
|
|
@@ -133,7 +134,7 @@ function T(e, i, v, y, B, L) {
|
|
|
133
134
|
}, null, 2)
|
|
134
135
|
], 10, u);
|
|
135
136
|
}
|
|
136
|
-
const w = /* @__PURE__ */ d(c, [["render", T], ["__scopeId", "data-v-
|
|
137
|
+
const w = /* @__PURE__ */ d(c, [["render", T], ["__scopeId", "data-v-f02f3790"]]);
|
|
137
138
|
export {
|
|
138
139
|
w as default
|
|
139
140
|
};
|
package/dist/BaseDropDown.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("./BaseDropDown.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
"use strict";const e=require("./BaseDropDown.vue_vue_type_script_setup_true_lang-BHoTtg5-.cjs");module.exports=e._sfc_main;
|
package/dist/BaseDropDown.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as w, ref as b, watch as r, onBeforeMount as h, onUnmounted as v, openBlock as n, createElementBlock as C, normalizeClass as i, withModifiers as u, renderSlot as c, createVNode as y, withCtx as p, createElementVNode as $, createBlock as k, unref as B, createCommentVNode as g, resolveDynamicComponent as D } from "vue";
|
|
2
|
-
import { _ as A } from "./BaseButton.vue_vue_type_script_setup_true_lang-
|
|
2
|
+
import { _ as A } from "./BaseButton.vue_vue_type_script_setup_true_lang-CBdWTtB_.js";
|
|
3
3
|
import { A as E } from "./ArrowIcon-BAw-0KtW.js";
|
|
4
4
|
const L = ["innerHTML"], M = /* @__PURE__ */ w({
|
|
5
5
|
inheritAttrs: !1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),u=require("./BaseButton.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
"use strict";const e=require("vue"),u=require("./BaseButton.vue_vue_type_script_setup_true_lang-C4Jpz6nD.cjs"),c=require("./ArrowIcon-p3-glcm0.cjs"),k=["innerHTML"],p=e.defineComponent({inheritAttrs:!1,__name:"BaseDropDown",props:{id:{default:""},dropdownClasses:{default:""},containerDropdownClasses:{default:""},iconName:{default:""},iconClasses:{default:""},btnClasses:{default:""},withArrowIcon:{type:Boolean,default:!1},btnLabel:{default:""},labelClasses:{default:""},direction:{default:"down"},arrowWidth:{default:12},isAbsolute:{type:Boolean,default:!0},openDropdown:{type:Boolean,default:!1},closeWhenClickedOutside:{type:Boolean,default:!0},dropdownElement:{default:"div"},keepState:{default:""}},emits:["click","update:dropdownState"],setup(r,{emit:d}){const i=r,n=d,o=e.ref(!1);e.watch(()=>i.openDropdown,t=>{o.value=t},{immediate:!0}),e.watch(o,t=>{n("update:dropdownState",t)});const s=()=>{o.value=!1},l=()=>{i.keepState==="closed"&&!o.value||i.keepState==="opened"&&o.value||(o.value=!o.value)};return e.onBeforeMount(()=>{i.closeWhenClickedOutside&&document&&document.body.addEventListener("click",s)}),e.onUnmounted(()=>{i.closeWhenClickedOutside&&document&&document.body.removeEventListener("click",s)}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["uikit-relative uikit-block",t.$attrs.class]),onClick:a[1]||(a[1]=e.withModifiers(f=>{n("click"),l()},["stop"]))},[e.renderSlot(t.$slots,"btn_slot",{toggleDropdown:l,isOpen:o.value},()=>[e.createVNode(u._sfc_main,{id:t.id,type:"button","data-cy":t.$attrs["data-cy"],class:e.normalizeClass(["!uikit-flex uikit-w-full uikit-items-center uikit-truncate",t.btnClasses]),"aria-expanded":o.value,"btn-class":"uikit-btn-single-selection","icon-class":t.iconClasses,"icon-name":t.iconName},{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(["uikit-mr-5px",t.labelClasses]),innerHTML:t.btnLabel},null,10,k),t.withArrowIcon?(e.openBlock(),e.createBlock(e.unref(c.ArrowIcon),{key:0,class:e.normalizeClass(["uikit-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none",o.value&&"uikit-rotate-180"]),width:t.arrowWidth,height:t.arrowWidth,"stroke-color":t.$attrs["arrow-stroke-color"]},null,8,["class","width","height","stroke-color"])):e.createCommentVNode("",!0)]),_:1},8,["id","data-cy","class","aria-expanded","icon-class","icon-name"])]),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.dropdownElement),{id:"dropdown_"+t.id,ref:"dropdown","data-cy":t.$attrs["data-cy"]&&`${t.$attrs["data-cy"]}_dropdown`,class:e.normalizeClass(["uikit-max-h-[220px] uikit-w-full uikit-min-w-[90px] uikit-flex-col uikit-overflow-y-auto uikit-border uikit-border-solid uikit-border-w-lavender uikit-bg-white uikit-opacity-100 uikit-shadow uikit-no-scrollbar",[t.dropdownClasses,o.value?"uikit-flex":"uikit-hidden",{"uikit-bottom-[55px] uikit-rounded-xs":t.direction==="up"},{"uikit-rounded-b uikit-border-t-0":t.direction==="down"},{"uikit-absolute":t.isAbsolute}]]),onClick:a[0]||(a[0]=e.withModifiers(()=>{},["stop"]))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{isOpen:o.value})]),_:3},8,["id","data-cy","class"]))],2))}});exports._sfc_main=p;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),l=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),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"],
|
|
1
|
+
require('./BaseFloatingLabel.css');"use strict";const e=require("vue"),l=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),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;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.floating-label[data-v-bc398569]{top:-10px;left:1.25rem;border-radius:5px;font-size:14px;line-height:18px}.inline-label[data-v-bc398569]{top:.75rem;background-color:transparent;font-size:16px;line-height:20px}.inline-label>span[data-v-bc398569]{--tw-text-opacity: 1;color:rgb(109 118 135 / var(--tw-text-opacity))}.floating-label[data-v-bc398569],.inline-label[data-v-bc398569]{transition-property:top,left;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;will-change:top,left}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import './BaseFloatingLabel.css';
|
|
1
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";
|
|
2
|
-
import { _ as
|
|
3
|
-
const
|
|
3
|
+
import { _ as u } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
+
const d = s({
|
|
4
5
|
name: "BaseFloatingLabel",
|
|
5
6
|
props: {
|
|
6
7
|
labelState: {
|
|
@@ -21,11 +22,11 @@ const u = s({
|
|
|
21
22
|
}
|
|
22
23
|
},
|
|
23
24
|
emits: ["click"]
|
|
24
|
-
}), p = ["for"],
|
|
25
|
-
function
|
|
25
|
+
}), p = ["for"], k = ["innerHTML"];
|
|
26
|
+
function m(e, i, c, f, b, y) {
|
|
26
27
|
return a(), l("label", {
|
|
27
28
|
for: e.$attrs.for,
|
|
28
|
-
class: t(["uikit-absolute uikit-left-15px uikit-h-5", [
|
|
29
|
+
class: t(["uikit-absolute uikit-left-15px uikit-h-5 uikit-text-sm", [
|
|
29
30
|
e.labelState,
|
|
30
31
|
{ "uikit-text-w-secondary": e.disabled },
|
|
31
32
|
e.$attrs["label-classes"]
|
|
@@ -35,14 +36,14 @@ function k(e, i, m, c, b, y) {
|
|
|
35
36
|
n("span", {
|
|
36
37
|
class: t(["uikit-text uikit-font-medium uikit-text-w-black", { "!uikit-text-w-secondary": e.disabled }]),
|
|
37
38
|
innerHTML: e.labelText
|
|
38
|
-
}, null, 10,
|
|
39
|
+
}, null, 10, k),
|
|
39
40
|
e.$attrs.required ? (a(), l("sup", {
|
|
40
41
|
key: 0,
|
|
41
|
-
class: t(["-uikit-top-[0.3rem] uikit-text uikit-text-w-primary", { "uikit-text-w-secondary": e.disabled }])
|
|
42
|
+
class: t(["uikit-absolute -uikit-top-[0.3rem] uikit-text uikit-text-w-primary", { "uikit-text-w-secondary": e.disabled }])
|
|
42
43
|
}, " *", 2)) : r("", !0)
|
|
43
44
|
], 10, p);
|
|
44
45
|
}
|
|
45
|
-
const g = /* @__PURE__ */ d
|
|
46
|
+
const g = /* @__PURE__ */ u(d, [["render", m], ["__scopeId", "data-v-bc398569"]]);
|
|
46
47
|
export {
|
|
47
48
|
g as default
|
|
48
49
|
};
|
package/dist/BaseIcon.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const t=require("vue"),a=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),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-
|
|
1
|
+
require('./BaseIcon.css');"use strict";const t=require("vue"),a=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),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;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.icon-sm[data-v-8b2e5b08]{width:9px;height:5px}.icon-md[data-v-8b2e5b08]{width:16px;height:16px}.icon-lg[data-v-8b2e5b08]{width:24px;height:24px}.icon-xl[data-v-8b2e5b08]{width:30px;height:30px}.icon-xxl[data-v-8b2e5b08]{width:36px;height:36px}
|
package/dist/BaseIcon.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import './BaseIcon.css';
|
|
1
2
|
import { defineComponent as e, openBlock as a, createElementBlock as i, normalizeClass as n, normalizeStyle as o } from "vue";
|
|
2
3
|
import { _ as s } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
3
4
|
const r = e({
|
|
@@ -34,7 +35,7 @@ function d(t, p, c, f, m, u) {
|
|
|
34
35
|
loading: t.lazyLoading ? "lazy" : "eager"
|
|
35
36
|
}, null, 14, l);
|
|
36
37
|
}
|
|
37
|
-
const h = /* @__PURE__ */ s(r, [["render", d], ["__scopeId", "data-v-
|
|
38
|
+
const h = /* @__PURE__ */ s(r, [["render", d], ["__scopeId", "data-v-8b2e5b08"]]);
|
|
38
39
|
export {
|
|
39
40
|
h as default
|
|
40
41
|
};
|
package/dist/BaseInput.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const d=require("./BaseFloatingLabel.cjs"),p=require("./useFloatingLabel.cjs"),t=require("vue"),k=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),
|
|
1
|
+
require('./BaseInput.css');"use strict";const d=require("./BaseFloatingLabel.cjs"),p=require("./useFloatingLabel.cjs"),t=require("vue"),k=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),b=t.defineComponent({name:"BaseInput",components:{BaseFloatingLabel:d},inheritAttrs:!1,props:{inputClass:{type:[String,Array],required:!1,default:""},inputType:{type:String,default:"text-input"},labelText:{type:String,default:""},border:{type:Boolean,default:!0},radius:{type:Boolean,default:!0},modelValue:{type:[String,Number]},feedback:{type:Object},isValid:{type:Boolean,default:null},auto:{type:Boolean,default:!0},keepFloatingLabel:{type:Boolean,default:!1},formatter:{type:Object,default:null}},emits:["update:modelValue","click","keydown-enter-pressed","focusin","focusout","keydown"],setup(e,i){const{labelState:l,setInitialLabelState:o,handleFocusIn:r,handleFocusOut:u,setInlineLabel:n,setFloatingLabel:a}=p.useFloatingLabel(i.emit);return{labelState:l,setInitialLabelState:o,handleFocusIn:r,handleFocusOut:u,setInlineLabel:n,setFloatingLabel:a}},data(){return{type:"",feedbackObj:{},pointerDownListener:e=>{e.preventDefault()}}},computed:{passwordIcon(){return document?document.querySelector("[data-type='password-icon']"):null}},watch:{feedback(){this.normalizeFeedbackProp()},modelValue(e){if(e){const i=this.$refs.baseInput;if(!i)return;!i.value&&this.formatter&&(e=i.value);const l=this.updateInputValue(i,e);this.$emit("update:modelValue",l)}else this.$refs.baseInput.value="";e!=null&&`${e}`.length>0&&this.auto&&this.labelState!=="floating-label"?this.labelState="floating-label":(e==null||e==null)&&(this.labelState="inline-label")},keepFloatingLabel(e){e?this.setFloatingLabel():this.handleFocusOut(this.modelValue,!0,this.auto)}},created(){this.type=this.$attrs.type,this.normalizeFeedbackProp(),this.setInitialLabelState(this.modelValue)},mounted(){if((this.modelValue!=null||this.modelValue!=null)&&(this.$refs.baseInput.value=`${this.modelValue}`),this.formatter){const e=this.updateInputValue(this.$refs.baseInput,`${this.modelValue}`);this.$emit("update:modelValue",e)}this.setPointerOutListener()},unmounted(){this.passwordIcon?.removeEventListener("pointerdown",this.pointerDownListener)},methods:{select(){this.$refs.baseInput.select()},setPointerOutListener(){if(this.$attrs.type!=="password")return;const e=this.passwordIcon;e&&e.addEventListener("pointerdown",this.pointerDownListener)},handleFloatingLabelClick(){this.$refs.baseInput.focus()},normalizeFeedbackProp(){this.feedback&&(this.feedbackObj=this.feedback,this.feedback.valid&&typeof this.feedback.valid=="string"&&(this.feedbackObj.valid=[this.feedback.valid]),this.feedback.invalid&&typeof this.feedback.invalid=="string"&&(this.feedbackObj.invalid=[this.feedback.invalid]))},updateInputValue(e,i){if(!i)return e.value="","";let l="";return this.formatter&&this.formatter.unFormatFn?l=`${this.formatter.unFormatFn(i)}`:l=i,this.formatter?e.value=this.formatter.formatFn(l):e.value=l,l},handleInputChange({target:e}){if(this.inputType==="select")return;const i=e,l=this.updateInputValue(i,i.value);this.$emit("update:modelValue",l)},handleClick(e){this.$emit("click",e)},handleClean(){this.$emit("update:modelValue",""),this.setInlineLabel()},handleShowPasswd(){this.type==="password"?this.type="text":this.type==="text"&&(this.type="password")}}}),h=["id","data-cy","name","autocomplete","disabled","aria-labelledby","readonly","type","pattern","min","max","maxlength","inputmode","placeholder"],f={key:0,class:"uikit-invisible uikit-float-none uikit-mb-2 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-transition-[max-width] uikit-duration-[50ms] uikit-ease-out"},m=["innerHTML"],$=["innerHTML"],v=["innerHTML"],c={class:"under-label uikit-absolute uikit-text-12"};function y(e,i,l,o,r,u){const n=t.resolveComponent("base-floating-label");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["input-wrapper uikit-relative uikit-inline-block uikit-w-full [&.has-right-icon.is-invalid_.text-input-icon]:uikit-mr-25px [&.has-right-icon.is-valid_.text-input-icon]:uikit-mr-25px",[e.$attrs.class,{"uikit-mt-10px":e.labelText},{"floating-label":e.labelText},e.labelState==="floating-label"?"floating-state":"inline-state",{"has-right-icon":e.$attrs["with-right-icon"]!==void 0?e.$attrs["with-right-icon"]:!!e.$slots.righticon},{"has-left-icon":e.$attrs["with-left-icon"]!==void 0?e.$attrs["with-left-icon"]:!!e.$slots.leftIcon},{"is-invalid":e.isValid===!1,"is-valid":e.isValid}]])},[t.renderSlot(e.$slots,"leftIcon",{},void 0,!0),t.renderSlot(e.$slots,"righticon",{handleClean:e.handleClean,handleShowPasswd:e.handleShowPasswd,curType:e.type},void 0,!0),t.createElementVNode("input",{id:e.$attrs.id,ref:"baseInput","data-cy":e.$attrs["data-cy"],name:e.$attrs.name,class:t.normalizeClass(["uikit-peer uikit-box-border uikit-h-11 uikit-truncate !uikit-border-none uikit-bg-no-repeat focus:uikit-shadow-none focus:uikit-outline-none",[{"uikit-rounded-xs":e.radius},{"input-element uikit-block uikit-w-full uikit-appearance-none uikit-px-4 uikit-outline-0":e.inputType==="text-input"},{"uikit-text-w-secondary":e.$attrs.disabled},{"is-invalid invalid-bg !uikit-pr-9":e.isValid===!1,"is-valid valid-bg !uikit-pr-9":e.isValid},{"uikit-pr-[42px]":e.$attrs["with-right-icon"]!==void 0?e.$attrs["with-right-icon"]:!!e.$slots.righticon},{"uikit-pl-[42px]":e.$attrs["with-left-icon"]!==void 0?e.$attrs["with-left-icon"]:!!e.$slots.leftIcon},e.inputClass]]),autocomplete:e.$attrs.autocomplete==="on"?"on":"off",disabled:e.$attrs.disabled,"aria-labelledby":e.$attrs.id,readonly:e.$attrs.readonly,type:e.type,pattern:e.$attrs.pattern,min:e.$attrs.min,max:e.$attrs.max,maxlength:e.$attrs.maxlength,inputmode:e.$attrs.inputmode,placeholder:e.$attrs.placeholder,onClick:i[0]||(i[0]=(...a)=>e.handleClick&&e.handleClick(...a)),onFocusin:i[1]||(i[1]=t.withModifiers(()=>e.handleFocusIn(),["stop"])),onFocusout:i[2]||(i[2]=t.withModifiers(a=>!e.keepFloatingLabel&&e.handleFocusOut(e.modelValue,!1,e.auto),["stop"])),onInput:i[3]||(i[3]=t.withModifiers((...a)=>e.handleInputChange&&e.handleInputChange(...a),["stop"])),onKeydown:[i[4]||(i[4]=t.withKeys(a=>e.$emit("keydown-enter-pressed"),["enter"])),i[5]||(i[5]=a=>e.$emit("keydown",a))]},null,42,h),t.createElementVNode("fieldset",{class:t.normalizeClass(["uikit-pointer-events-none uikit-absolute -uikit-top-[5px] uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-m-0 uikit-h-12 uikit-overflow-hidden uikit-px-2 uikit-py-0 uikit-text-left",[{"uikit-border-0":!e.border},{"uikit-border uikit-border-solid uikit-transition-[border] uikit-duration-100 uikit-ease-out peer-focus:uikit-border-2 peer-focus:uikit-border-w-primary peer-focus:[&.is-invalid]:uikit-border-w-danger":e.border,"uikit-rounded-xs":e.radius,"is-invalid uikit-border-w-danger":e.isValid===!1,"is-valid uikit-border-w-primary":e.isValid,"uikit-border-w-secondary":e.isValid===null&&e.border},{"no-floating-label uikit-top-0":!e.labelText},e.$attrs["fieldset-classes"]]])},[e.labelText?(t.openBlock(),t.createElementBlock("legend",f,[t.createElementVNode("span",{class:t.normalizeClass(["visible-label uikit-opacity-0",[{"uikit-mx-5px":e.labelText},{"uikit-visible uikit-inline-block":e.labelState==="floating-label"},{"uikit-invisible uikit-hidden":e.labelState==="inline-label"}]]),innerHTML:e.labelText},null,10,m)])):t.createCommentVNode("",!0)],2),e.labelText?(t.openBlock(),t.createBlock(n,{key:0,for:e.$attrs.id,"label-text":e.labelText,"label-state":e.labelState,"is-valid":e.isValid,required:e.$attrs.required,disabled:e.$attrs.disabled,"label-classes":e.$attrs["label-classes"],onClick:e.handleFloatingLabelClick},null,8,["for","label-text","label-state","is-valid","required","disabled","label-classes","onClick"])):t.createCommentVNode("",!0),e.isValid===!1?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:1},t.renderList(e.feedbackObj.invalid,(a,s)=>(t.openBlock(),t.createElementBlock("div",{key:`${e.$attrs.id}_invalid_${s}`,class:"uikit-mt-1 uikit-text-12 uikit-text-w-danger",innerHTML:a},null,8,$))),128)):e.isValid===!0?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:2},t.renderList(e.feedbackObj.valid,(a,s)=>(t.openBlock(),t.createElementBlock("div",{key:`${e.$attrs.id}_valid_${s}`,class:"uikit-mt-1 uikit-text-12 uikit-text-w-primary",innerHTML:a},null,8,v))),128)):t.createCommentVNode("",!0),t.createElementVNode("div",c,[t.renderSlot(e.$slots,"under-label",{},void 0,!0)])],2)}const w=k._export_sfc(b,[["render",y],["__scopeId","data-v-bbdd7899"]]);module.exports=w;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.input-wrapper[data-v-bbdd7899]{--icon-default-size: 44px}.invalid-bg[data-v-bbdd7899]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-bbdd7899]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-bbdd7899],.valid-bg[data-v-bbdd7899]{background-position:top 12px right 12px;background-size:20px}.has-right-icon[data-v-bbdd7899]>label.inline-label{right:var(--icon-default-size)}.has-left-icon[data-v-bbdd7899]>label.inline-label{left:var(--icon-default-size)}[data-v-bbdd7899] .text-input-icon{position:absolute;box-sizing:border-box;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 25px}[data-v-bbdd7899] .text-input-icon.left{left:5px}[data-v-bbdd7899] .text-input-icon.right{right:5px}[data-v-bbdd7899] .text-input-icon{--icon-size: var(--icon-size-sm);width:var(--icon-default-size);height:var(--icon-default-size);padding:calc((var(--icon-default-size) - var(--icon-size)) / 2);top:0}[data-v-bbdd7899] .text-input-icon.md{--icon-size: var(--icon-size-md)}[data-v-bbdd7899] .text-input-icon.lg{--icon-size: var(--icon-size-lg)}.no-floating-label[data-v-bbdd7899]{height:42px}.under-label[data-v-bbdd7899]{left:4px;font-style:italic}
|
package/dist/BaseInput.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import './BaseInput.css';
|
|
1
2
|
import v from "./BaseFloatingLabel.js";
|
|
2
3
|
import { useFloatingLabel as y } from "./useFloatingLabel.js";
|
|
3
|
-
import { defineComponent as w, resolveComponent as g, openBlock as l, createElementBlock as s, normalizeClass as n, renderSlot as d, createElementVNode as o, withModifiers as p, withKeys as
|
|
4
|
+
import { defineComponent as w, resolveComponent as g, openBlock as l, createElementBlock as s, normalizeClass as n, renderSlot as d, createElementVNode as o, withModifiers as p, withKeys as V, createCommentVNode as b, createBlock as c, Fragment as m, renderList as $ } from "vue";
|
|
4
5
|
import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
6
|
const F = w({
|
|
6
7
|
name: "BaseInput",
|
|
@@ -36,7 +37,7 @@ const F = w({
|
|
|
36
37
|
setup(e, t) {
|
|
37
38
|
const {
|
|
38
39
|
labelState: a,
|
|
39
|
-
setInitialLabelState:
|
|
40
|
+
setInitialLabelState: k,
|
|
40
41
|
handleFocusIn: h,
|
|
41
42
|
handleFocusOut: f,
|
|
42
43
|
setInlineLabel: r,
|
|
@@ -44,7 +45,7 @@ const F = w({
|
|
|
44
45
|
} = y(t.emit);
|
|
45
46
|
return {
|
|
46
47
|
labelState: a,
|
|
47
|
-
setInitialLabelState:
|
|
48
|
+
setInitialLabelState: k,
|
|
48
49
|
handleFocusIn: h,
|
|
49
50
|
handleFocusOut: f,
|
|
50
51
|
setInlineLabel: r,
|
|
@@ -151,7 +152,7 @@ const F = w({
|
|
|
151
152
|
key: 0,
|
|
152
153
|
class: "uikit-invisible uikit-float-none uikit-mb-2 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-transition-[max-width] uikit-duration-[50ms] uikit-ease-out"
|
|
153
154
|
}, S = ["innerHTML"], T = ["innerHTML"], O = ["innerHTML"], B = { class: "under-label uikit-absolute uikit-text-12" };
|
|
154
|
-
function j(e, t, a,
|
|
155
|
+
function j(e, t, a, k, h, f) {
|
|
155
156
|
const r = g("base-floating-label");
|
|
156
157
|
return l(), s("div", {
|
|
157
158
|
class: n(["input-wrapper uikit-relative uikit-inline-block uikit-w-full [&.has-right-icon.is-invalid_.text-input-icon]:uikit-mr-25px [&.has-right-icon.is-valid_.text-input-icon]:uikit-mr-25px", [
|
|
@@ -179,10 +180,10 @@ function j(e, t, a, b, h, f) {
|
|
|
179
180
|
ref: "baseInput",
|
|
180
181
|
"data-cy": e.$attrs["data-cy"],
|
|
181
182
|
name: e.$attrs.name,
|
|
182
|
-
class: n(["uikit-peer uikit-h-
|
|
183
|
+
class: n(["uikit-peer uikit-box-border uikit-h-11 uikit-truncate !uikit-border-none uikit-bg-no-repeat focus:uikit-shadow-none focus:uikit-outline-none", [
|
|
183
184
|
{ "uikit-rounded-xs": e.radius },
|
|
184
185
|
{
|
|
185
|
-
"input-element uikit-block uikit-
|
|
186
|
+
"input-element uikit-block uikit-w-full uikit-appearance-none uikit-px-4 uikit-outline-0": e.inputType === "text-input"
|
|
186
187
|
},
|
|
187
188
|
{ "uikit-text-w-secondary": e.$attrs.disabled },
|
|
188
189
|
{
|
|
@@ -213,12 +214,13 @@ function j(e, t, a, b, h, f) {
|
|
|
213
214
|
onFocusout: t[2] || (t[2] = p((i) => !e.keepFloatingLabel && e.handleFocusOut(e.modelValue, !1, e.auto), ["stop"])),
|
|
214
215
|
onInput: t[3] || (t[3] = p((...i) => e.handleInputChange && e.handleInputChange(...i), ["stop"])),
|
|
215
216
|
onKeydown: [
|
|
216
|
-
t[4] || (t[4] =
|
|
217
|
+
t[4] || (t[4] = V((i) => e.$emit("keydown-enter-pressed"), ["enter"])),
|
|
217
218
|
t[5] || (t[5] = (i) => e.$emit("keydown", i))
|
|
218
219
|
]
|
|
219
220
|
}, null, 42, L),
|
|
220
221
|
o("fieldset", {
|
|
221
222
|
class: n(["uikit-pointer-events-none uikit-absolute -uikit-top-[5px] uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-m-0 uikit-h-12 uikit-overflow-hidden uikit-px-2 uikit-py-0 uikit-text-left", [
|
|
223
|
+
{ "uikit-border-0": !e.border },
|
|
222
224
|
{
|
|
223
225
|
"uikit-border uikit-border-solid uikit-transition-[border] uikit-duration-100 uikit-ease-out peer-focus:uikit-border-2 peer-focus:uikit-border-w-primary peer-focus:[&.is-invalid]:uikit-border-w-danger": e.border,
|
|
224
226
|
"uikit-rounded-xs": e.radius,
|
|
@@ -243,9 +245,9 @@ function j(e, t, a, b, h, f) {
|
|
|
243
245
|
]]),
|
|
244
246
|
innerHTML: e.labelText
|
|
245
247
|
}, null, 10, S)
|
|
246
|
-
])) :
|
|
248
|
+
])) : b("", !0)
|
|
247
249
|
], 2),
|
|
248
|
-
e.labelText ? (l(),
|
|
250
|
+
e.labelText ? (l(), c(r, {
|
|
249
251
|
key: 0,
|
|
250
252
|
for: e.$attrs.id,
|
|
251
253
|
"label-text": e.labelText,
|
|
@@ -255,7 +257,7 @@ function j(e, t, a, b, h, f) {
|
|
|
255
257
|
disabled: e.$attrs.disabled,
|
|
256
258
|
"label-classes": e.$attrs["label-classes"],
|
|
257
259
|
onClick: e.handleFloatingLabelClick
|
|
258
|
-
}, null, 8, ["for", "label-text", "label-state", "is-valid", "required", "disabled", "label-classes", "onClick"])) :
|
|
260
|
+
}, null, 8, ["for", "label-text", "label-state", "is-valid", "required", "disabled", "label-classes", "onClick"])) : b("", !0),
|
|
259
261
|
e.isValid === !1 ? (l(!0), s(m, { key: 1 }, $(e.feedbackObj.invalid, (i, u) => (l(), s("div", {
|
|
260
262
|
key: `${e.$attrs.id}_invalid_${u}`,
|
|
261
263
|
class: "uikit-mt-1 uikit-text-12 uikit-text-w-danger",
|
|
@@ -264,13 +266,13 @@ function j(e, t, a, b, h, f) {
|
|
|
264
266
|
key: `${e.$attrs.id}_valid_${u}`,
|
|
265
267
|
class: "uikit-mt-1 uikit-text-12 uikit-text-w-primary",
|
|
266
268
|
innerHTML: i
|
|
267
|
-
}, null, 8, O))), 128)) :
|
|
269
|
+
}, null, 8, O))), 128)) : b("", !0),
|
|
268
270
|
o("div", B, [
|
|
269
271
|
d(e.$slots, "under-label", {}, void 0, !0)
|
|
270
272
|
])
|
|
271
273
|
], 2);
|
|
272
274
|
}
|
|
273
|
-
const z = /* @__PURE__ */ I(F, [["render", j], ["__scopeId", "data-v-
|
|
275
|
+
const z = /* @__PURE__ */ I(F, [["render", j], ["__scopeId", "data-v-bbdd7899"]]);
|
|
274
276
|
export {
|
|
275
277
|
z as default
|
|
276
278
|
};
|