@wikicasa-dev/components 2.6.9-alpha.1 → 2.6.9-alpha.2

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.
@@ -1,6 +1,6 @@
1
1
  import { InputTypeHTMLAttribute, Nullable, Numberish } from '@wikicasa-dev/types';
2
2
  import { ClassType, ClassTypeProp, FeedbackLabels } from './types';
3
- export type BaseInputModelValue = Numberish | undefined;
3
+ export type BaseInputModelValue = Numberish | undefined | null;
4
4
  export type BaseInputFormatter<ModelValue extends BaseInputModelValue> = Partial<{
5
5
  formatFn: (value: string) => string;
6
6
  unFormatFn: (value: string) => Nullable<ModelValue>;
@@ -1,7 +1,7 @@
1
1
  import o from "./BaseInput.vue.js";
2
2
  import '../assets/BaseInput2.css';/* empty css */
3
3
  import t from "../_virtual/_plugin-vue_export-helper.js";
4
- const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5a2b700e"]]);
4
+ const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f25fc601"]]);
5
5
  export {
6
- e as default
6
+ a as default
7
7
  };
@@ -1,7 +1,7 @@
1
1
  import { defineComponent as A, useModel as N, ref as m, useId as O, computed as j, watch as y, useAttrs as D, openBlock as u, createElementBlock as r, normalizeClass as v, unref as d, renderSlot as h, createElementVNode as g, withKeys as G, withModifiers as J, createBlock as Q, createCommentVNode as x, Fragment as C, renderList as T, mergeModels as B } from "vue";
2
2
  import W from "./BaseFloatingLabel.js";
3
3
  import { useFloatingLabel as X } from "../composables/useFloatingLabel.js";
4
- const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby", "readonly", "type", "pattern", "min", "max", "maxlength", "inputmode", "placeholder", "value"], Z = { 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" }, U = ["innerHTML"], p = ["innerHTML"], _ = ["innerHTML"], ee = {
4
+ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "readonly", "type", "pattern", "min", "max", "maxlength", "inputmode", "placeholder", "value"], Z = { 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" }, U = ["innerHTML"], p = ["innerHTML"], _ = ["innerHTML"], ee = {
5
5
  key: 1,
6
6
  class: "under-label uikit-absolute uikit-text-12"
7
7
  }, ne = /* @__PURE__ */ A({
@@ -35,8 +35,8 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
35
35
  handleFocusOut: $,
36
36
  setInlineLabel: I,
37
37
  setFloatingLabel: V
38
- } = X(k), R = O(), f = j(() => e.id || R), n = m("text"), b = m({}), c = m(null), P = () => {
39
- e.feedback && (b.value = e.feedback, e.feedback.valid && typeof e.feedback.valid == "string" && (b.value.valid = [e.feedback.valid]), e.feedback.invalid && typeof e.feedback.invalid == "string" && (b.value.invalid = [e.feedback.invalid]));
38
+ } = X(k), R = O(), b = j(() => e.id || R), n = m("text"), f = m({}), c = m(null), P = () => {
39
+ e.feedback && (f.value = e.feedback, e.feedback.valid && typeof e.feedback.valid == "string" && (f.value.valid = [e.feedback.valid]), e.feedback.invalid && typeof e.feedback.invalid == "string" && (f.value.invalid = [e.feedback.invalid]));
40
40
  }, L = (t, i) => {
41
41
  if (!e.formatter || !e.formatter.formatFn)
42
42
  return a.value = t, "";
@@ -110,7 +110,7 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
110
110
  curType: n.value
111
111
  }, void 0, !0),
112
112
  g("input", {
113
- id: f.value,
113
+ id: b.value,
114
114
  ref_key: "baseInputEl",
115
115
  ref: c,
116
116
  "data-cy": e.dataCy,
@@ -130,7 +130,6 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
130
130
  ]]),
131
131
  autocomplete: t.$attrs.autocomplete === "on" ? "on" : "off",
132
132
  disabled: t.$attrs.disabled,
133
- "aria-labelledby": f.value,
134
133
  readonly: t.$attrs.readonly,
135
134
  type: n.value,
136
135
  pattern: t.$attrs.pattern,
@@ -178,7 +177,7 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
178
177
  ], 2),
179
178
  e.labelText ? (u(), Q(W, {
180
179
  key: 0,
181
- for: f.value,
180
+ for: b.value,
182
181
  "label-text": e.labelText,
183
182
  "label-state": d(s),
184
183
  "is-valid": e.isValid,
@@ -191,12 +190,12 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
191
190
  "label-text-classes": e.labelTextClasses
192
191
  }, null, 8, ["for", "label-text", "label-state", "is-valid", "required", "disabled", "label-classes", "label-text-classes"])) : x("", !0),
193
192
  h(t.$slots, "feedback", {}, () => [
194
- e.isValid === !1 ? (u(!0), r(C, { key: 0 }, T(b.value.invalid, (l, w) => (u(), r("div", {
195
- key: `${f.value}_invalid_${w}`,
193
+ e.isValid === !1 ? (u(!0), r(C, { key: 0 }, T(f.value.invalid, (l, w) => (u(), r("div", {
194
+ key: `${b.value}_invalid_${w}`,
196
195
  class: "uikit-mt-1 uikit-text-12 uikit-text-w-danger",
197
196
  innerHTML: l
198
- }, null, 8, p))), 128)) : e.isValid === !0 ? (u(!0), r(C, { key: 1 }, T(b.value.valid, (l, w) => (u(), r("div", {
199
- key: `${f.value}_valid_${w}`,
197
+ }, null, 8, p))), 128)) : e.isValid === !0 ? (u(!0), r(C, { key: 1 }, T(f.value.valid, (l, w) => (u(), r("div", {
198
+ key: `${b.value}_valid_${w}`,
200
199
  class: "uikit-mt-1 uikit-text-12 uikit-text-w-primary",
201
200
  innerHTML: l
202
201
  }, null, 8, _))), 128)) : x("", !0)
@@ -1 +1 @@
1
- .input-wrapper[data-v-5a2b700e]{--icon-default-size: 44px}.invalid-bg[data-v-5a2b700e]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-5a2b700e]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-5a2b700e],.valid-bg[data-v-5a2b700e]{background-position:top 10px right 12px;background-size:20px}.has-right-icon[data-v-5a2b700e]>label.inline-label{right:var(--icon-default-size)}.has-left-icon[data-v-5a2b700e]>label.inline-label{left:var(--icon-default-size)}[data-v-5a2b700e] .text-input-icon{position:absolute;z-index:20;box-sizing:border-box;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 25px}[data-v-5a2b700e] .text-input-icon.left{left:5px}[data-v-5a2b700e] .text-input-icon.right{right:5px}[data-v-5a2b700e] .text-input-icon{--icon-top: 5px;--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:var(--icon-top)}[data-v-5a2b700e] .text-input-icon.md{--icon-size: var(--icon-size-md)}[data-v-5a2b700e] .text-input-icon.lg{--icon-top: 0;--icon-size: var(--icon-size-lg)}.under-label[data-v-5a2b700e]{left:4px;font-style:italic}
1
+ .input-wrapper[data-v-f25fc601]{--icon-default-size: 44px}.invalid-bg[data-v-f25fc601]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-f25fc601]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-f25fc601],.valid-bg[data-v-f25fc601]{background-position:top 10px right 12px;background-size:20px}.has-right-icon[data-v-f25fc601]>label.inline-label{right:var(--icon-default-size)}.has-left-icon[data-v-f25fc601]>label.inline-label{left:var(--icon-default-size)}[data-v-f25fc601] .text-input-icon{position:absolute;z-index:20;box-sizing:border-box;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 25px}[data-v-f25fc601] .text-input-icon.left{left:5px}[data-v-f25fc601] .text-input-icon.right{right:5px}[data-v-f25fc601] .text-input-icon{--icon-top: 5px;--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:var(--icon-top)}[data-v-f25fc601] .text-input-icon.md{--icon-size: var(--icon-size-md)}[data-v-f25fc601] .text-input-icon.lg{--icon-top: 0;--icon-size: var(--icon-size-lg)}.under-label[data-v-f25fc601]{left:4px;font-style:italic}
@@ -1 +1 @@
1
- .no-transition[data-v-c4229b26]{transition-duration:0ms!important}.disable-select[data-v-c4229b26]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.swiper-button-disabled[data-v-c4229b26]{pointer-events:auto!important}
1
+ .swiper-pagination-bullet{--swiper-pagination-color: #ccc}.swiper-pagination-bullet-active{--swiper-pagination-color: #fff}
@@ -0,0 +1 @@
1
+ .no-transition[data-v-c4229b26]{transition-duration:0ms!important}.disable-select[data-v-c4229b26]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.swiper-button-disabled[data-v-c4229b26]{pointer-events:auto!important}
@@ -1,5 +1,5 @@
1
1
  import o from "./SwiperPaginationPrimitive.vue.js";
2
- import '../../../assets/SwiperPaginationPrimitive.css';/* empty css */
2
+ import '../../../assets/SwiperCarousel.css';/* empty css */
3
3
  export {
4
4
  o as default
5
5
  };
@@ -1,5 +1,5 @@
1
1
  import o from "./SwiperCarousel.vue.js";
2
- import '../../assets/SwiperCarousel.css';import '../../assets/SwiperPaginationPrimitive.css';/* empty css */
2
+ import '../../assets/SwiperCarousel2.css';import '../../assets/SwiperCarousel.css';/* empty css */
3
3
  /* empty css */
4
4
  import r from "../../_virtual/_plugin-vue_export-helper.js";
5
5
  const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-c4229b26"]]);
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { default as P } from "./UIKit/Accordion/BaseAccordion.vue.js";
2
2
  import { default as S } from "./UIKit/Accordion/BaseAccordionItem.vue.js";
3
- import './assets/baseCard.css';import './assets/SwiperSlideImagePrimitive.css';import './assets/SwiperPaginationPrimitive.css';import './assets/BaseSnackbar.css';import './assets/baseModal.css';import './assets/BaseDropDown.css';import './assets/BaseBadge.css';import './assets/ClearableAutocomplete.css';import './assets/BaseAutocomplete.css';import './assets/baseAlert.css';import './assets/AccessibleSelect.css';import './assets/RadioButtonItem.css';import './assets/BaseTabsIndicator.css';import './assets/BaseTabs.css';import './assets/CheckboxBtn.css';import './assets/BaseAccordionItem.css';/* empty css */
3
+ import './assets/baseCard.css';import './assets/SwiperSlideImagePrimitive.css';import './assets/SwiperCarousel.css';import './assets/BaseSnackbar.css';import './assets/baseModal.css';import './assets/BaseDropDown.css';import './assets/BaseBadge.css';import './assets/ClearableAutocomplete.css';import './assets/BaseAutocomplete.css';import './assets/baseAlert.css';import './assets/AccessibleSelect.css';import './assets/RadioButtonItem.css';import './assets/BaseTabsIndicator.css';import './assets/BaseTabs.css';import './assets/CheckboxBtn.css';import './assets/BaseAccordionItem.css';/* empty css */
4
4
  import { default as I } from "./UIKit/Accordion/AccordionItemPrimitive.vue.js";
5
5
  import { default as h } from "./UIKit/Accordion/AccordionHeaderPrimitive.vue.js";
6
6
  import { default as w } from "./UIKit/Accordion/AccordionTriggerPrimitive.vue.js";
@@ -1,4 +1,4 @@
1
- import '../../../assets/swiper-keyboard.css';/* empty css */
1
+ import '../../../assets/swiper-thumbs.css';/* empty css */
2
2
  import "swiper/modules";
3
3
  import { Autoplay as m } from "swiper/modules";
4
4
  export {
@@ -1,4 +1,4 @@
1
- import '../../../assets/swiper-keyboard.css';/* empty css */
1
+ import '../../../assets/swiper-thumbs.css';/* empty css */
2
2
  import "swiper/modules";
3
3
  import { Controller as m } from "swiper/modules";
4
4
  export {
@@ -1,4 +1,4 @@
1
- import '../../../assets/swiper-keyboard.css';/* empty css */
1
+ import '../../../assets/swiper-thumbs.css';/* empty css */
2
2
  import "swiper/modules";
3
3
  import { Keyboard as t } from "swiper/modules";
4
4
  export {
@@ -1,4 +1,4 @@
1
- import '../../../assets/swiper-keyboard.css';/* empty css */
1
+ import '../../../assets/swiper-thumbs.css';/* empty css */
2
2
  import "swiper/modules";
3
3
  import { Thumbs as p } from "swiper/modules";
4
4
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wikicasa-dev/components",
3
- "version": "2.6.9-alpha.1",
3
+ "version": "2.6.9-alpha.2",
4
4
  "description": "Wikicasa frontend components",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
@@ -1 +0,0 @@
1
- .swiper-pagination-bullet{--swiper-pagination-color: #ccc}.swiper-pagination-bullet-active{--swiper-pagination-color: #fff}