@wikicasa-dev/components 1.7.6 → 1.7.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/BaseTabView.js +1 -1
  2. package/dist/UIKit/Tab/BaseTabView.vue.d.ts +10 -9
  3. package/dist/chunks/{BaseTabView.vue_vue_type_script_setup_true_lang.uPKMPIZj.js → BaseTabView.vue_vue_type_script_setup_true_lang.CJk6dPgk.js} +20 -19
  4. package/dist/index.d.ts +1 -2
  5. package/dist/index.js +63 -65
  6. package/package.json +1 -1
package/dist/BaseTabView.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as f } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.uPKMPIZj.js";
1
+ import { _ as f } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.CJk6dPgk.js";
2
2
  export {
3
3
  f as default
4
4
  };
package/dist/UIKit/Tab/BaseTabView.vue.d.ts CHANGED
@@ -1,24 +1,25 @@
1
+ import { ClassType } from "@wikicasa-dev/types";
1
2
  declare const _default: import("vue").DefineComponent<{
2
3
  activeIdx: import("vue").PropType<number | undefined>;
3
- header: {
4
- type: import("vue").PropType<string>;
5
- default: string;
6
- };
7
4
  tabViewDescription: {
8
5
  type: import("vue").PropType<string>;
9
6
  required: true;
10
7
  };
11
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
12
- activeIdx: import("vue").PropType<number | undefined>;
13
- header: {
14
- type: import("vue").PropType<string>;
8
+ tabListClasses: {
9
+ type: import("vue").PropType<ClassType>;
15
10
  default: string;
16
11
  };
12
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
13
+ activeIdx: import("vue").PropType<number | undefined>;
17
14
  tabViewDescription: {
18
15
  type: import("vue").PropType<string>;
19
16
  required: true;
20
17
  };
18
+ tabListClasses: {
19
+ type: import("vue").PropType<ClassType>;
20
+ default: string;
21
+ };
21
22
  }>>, {
22
- header: string;
23
+ tabListClasses: ClassType;
23
24
  }, {}>;
24
25
  export default _default;
package/dist/chunks/{BaseTabView.vue_vue_type_script_setup_true_lang.uPKMPIZj.js → BaseTabView.vue_vue_type_script_setup_true_lang.CJk6dPgk.js} RENAMED
@@ -1,30 +1,30 @@
1
- import { defineComponent as E, mergeModels as M, useModel as N, getCurrentInstance as S, ref as v, useSlots as z, computed as L, watch as j, openBlock as r, createElementBlock as l, Fragment as p, createElementVNode as T, toDisplayString as I, normalizeClass as $, renderList as g, createBlock as h, resolveDynamicComponent as C, createCommentVNode as F, withCtx as q } from "vue";
1
+ import { defineComponent as E, mergeModels as M, useModel as N, getCurrentInstance as L, ref as v, useSlots as S, computed as z, watch as j, openBlock as i, createElementBlock as l, normalizeClass as y, createElementVNode as T, toDisplayString as I, Fragment as $, renderList as g, createBlock as p, resolveDynamicComponent as C, createCommentVNode as F, withCtx as q } from "vue";
2
2
  import { _ as G } from "./BaseTabPanel.vue_vue_type_script_setup_true_lang.DoZHWHt1.js";
3
3
  const H = ["id"], J = ["aria-labelledby"], K = ["id", "aria-selected", "aria-controls", "tabindex", "onClick"], O = { key: 0 }, W = /* @__PURE__ */ E({
4
4
  inheritAttrs: !1,
5
5
  __name: "BaseTabView",
6
6
  props: /* @__PURE__ */ M({
7
7
  tabViewDescription: {},
8
- header: { default: "" }
8
+ tabListClasses: { default: "" }
9
9
  }, {
10
10
  activeIdx: { default: 0 },
11
11
  activeIdxModifiers: {}
12
12
  }),
13
13
  emits: ["update:activeIdx"],
14
14
  setup(B) {
15
- const c = N(B, "activeIdx"), m = S(), i = v(m ? m.uid : null), P = v(""), f = v(""), _ = z(), o = (e) => e.props ?? null, k = (e) => e.type.__name === "BaseTab", y = (e, a) => ({
15
+ const c = N(B, "activeIdx"), h = L(), r = v(h ? h.uid : null), P = v(""), m = v(""), f = S(), o = (e) => e.props ?? null, _ = (e) => e.type.__name === "BaseTab", k = (e, a) => ({
16
16
  renderFn: e,
17
17
  tabId: u(a),
18
18
  "active-tab-panel-idx": o(e)?.["active-tab-panel-idx"] ?? a,
19
19
  "header-title": o(e)?.["header-title"] || "",
20
20
  class: o(e)?.class || ""
21
- }), s = L(() => _.default ? _.default().reduce((e, a) => (a.children && Array.isArray(a.children) ? a.children.forEach((t) => {
22
- k(t) && e.push(y(t, e.length));
23
- }) : k(a) && e.push(y(a, e.length)), e), []) : []), d = (e) => c.value === e, w = (e) => f.value === e, u = (e) => `base-tab-${e}-${i.value}`, b = (e) => `base-tab-panel-${e}-${i.value}`, A = (e) => s.value.find((a) => a["active-tab-panel-idx"] === e)?.tabId, V = (e) => {
21
+ }), s = z(() => f.default ? f.default().reduce((e, a) => (a.children && Array.isArray(a.children) ? a.children.forEach((t) => {
22
+ _(t) && e.push(k(t, e.length));
23
+ }) : _(a) && e.push(k(a, e.length)), e), []) : []), d = (e) => c.value === e, w = (e) => m.value === e, u = (e) => `base-tab-${e}-${r.value}`, b = (e) => `base-tab-panel-${e}-${r.value}`, A = (e) => s.value.find((a) => a["active-tab-panel-idx"] === e)?.tabId, V = (e) => {
24
24
  P.value = u(e);
25
25
  }, D = (e) => {
26
26
  const a = s.value.at(e ?? -1), t = b(a?.["active-tab-panel-idx"] ?? -1);
27
- t && (f.value = t);
27
+ t && (m.value = t);
28
28
  }, x = (e) => {
29
29
  V(e), c.value = e;
30
30
  };
@@ -36,25 +36,26 @@ const H = ["id"], J = ["aria-labelledby"], K = ["id", "aria-selected", "aria-con
36
36
  {
37
37
  immediate: !0
38
38
  }
39
- ), (e, a) => (r(), l(p, null, [
39
+ ), (e, a) => (i(), l("div", {
40
+ class: y(e.$attrs.class)
41
+ }, [
40
42
  T("span", {
41
- id: `tablist-${i.value}`,
43
+ id: `tablist-${r.value}`,
42
44
  class: "uikit-sr-only"
43
45
  }, I(e.tabViewDescription), 9, H),
44
46
  T("div", {
45
47
  role: "tablist",
46
- "aria-labelledby": `tablist-${i.value}`,
47
- class: $(e.$attrs.class)
48
+ "aria-labelledby": `tablist-${r.value}`
48
49
  }, [
49
- (r(!0), l(p, null, g(s.value, (t, n) => (r(), l("button", {
50
+ (i(!0), l($, null, g(s.value, (t, n) => (i(), l("button", {
50
51
  key: n,
51
52
  id: u(n),
52
53
  type: "button",
53
54
  role: "tab",
54
55
  "aria-selected": d(n),
55
- "aria-controls": `base-tab-panel-${n}-${i.value}`,
56
+ "aria-controls": `base-tab-panel-${n}-${r.value}`,
56
57
  tabindex: d(n) ? void 0 : -1,
57
- class: $([
58
+ class: y([
58
59
  "uikit-bg-transparent uikit-p-5px",
59
60
  {
60
61
  "uikit-border-b-2 uikit-border-solid uikit-border-w-primary uikit-font-semibold": d(n)
@@ -63,21 +64,21 @@ const H = ["id"], J = ["aria-labelledby"], K = ["id", "aria-selected", "aria-con
63
64
  ]),
64
65
  onClick: (Q) => x(n)
65
66
  }, [
66
- t["header-title"] ? (r(), l("span", O, I(t["header-title"]), 1)) : t.renderFn.children && t.renderFn.children.header ? (r(), h(C(t.renderFn.children.header), { key: 1 })) : F("", !0)
67
+ t["header-title"] ? (i(), l("span", O, I(t["header-title"]), 1)) : t.renderFn.children && t.renderFn.children.header ? (i(), p(C(t.renderFn.children.header), { key: 1 })) : F("", !0)
67
68
  ], 10, K))), 128))
68
- ], 10, J),
69
- (r(!0), l(p, null, g(s.value, (t, n) => (r(), h(G, {
69
+ ], 8, J),
70
+ (i(!0), l($, null, g(s.value, (t, n) => (i(), p(G, {
70
71
  key: n,
71
72
  id: b(n),
72
73
  "labelled-by": A(n) || "",
73
74
  active: w(b(n))
74
75
  }, {
75
76
  default: q(() => [
76
- t.renderFn.children && t.renderFn.children.default ? (r(), h(C(t.renderFn.children.default), { key: 0 })) : F("", !0)
77
+ t.renderFn.children && t.renderFn.children.default ? (i(), p(C(t.renderFn.children.default), { key: 0 })) : F("", !0)
77
78
  ]),
78
79
  _: 2
79
80
  }, 1032, ["id", "labelled-by", "active"]))), 128))
80
- ], 64));
81
+ ], 2));
81
82
  }
82
83
  });
83
84
  export {
package/dist/index.d.ts CHANGED
@@ -7,7 +7,6 @@ import CheckboxBtn from './UIKit/Checkbox/CheckboxBtn.vue';
7
7
  import CheckboxGroup from './UIKit/Checkbox/CheckboxGroup.vue';
8
8
  import BaseTab from './UIKit/Tab/BaseTab.vue';
9
9
  import BaseTabList from './UIKit/Tab/BaseTabView.vue';
10
- import BaseTabPanel from './UIKit/Tab/BaseTabPanel.vue';
11
10
  import RadioButton from './UIKit/Radio/RadioButton.vue';
12
11
  import RadioGroup from './UIKit/Radio/RadioGroup.vue';
13
12
  import AccessibleSelect from './UIKit/AccessibleSelect.vue';
@@ -39,4 +38,4 @@ import SwiperCarousel from './components/carousel/SwiperCarousel.vue';
39
38
  import SwiperSlide from './components/carousel/SwiperSlide.vue';
40
39
  import { useValidator } from './composables/useValidator';
41
40
  export type { ChartOptions, ChartData } from "chart.js";
42
- export { DoughnutChart, LineChart, BaseAccordion, BaseAccordionBtn, BaseAccordionContent, BaseAccordionItem, SelectItem, BaseAlert, BaseAutocomplete, BaseBadge, BaseButton, AccessibleSelect, BaseComplexToggle, BaseDropDown, BaseFloatingLabel, BaseCard, BaseIcon, BaseInput, BaseNavItem, BasePagination, BasePaper, BaseSlider, BaseTab, BaseTextarea, BaseToggle, BaseTooltip, BaseUploadFile, CheckboxBtn, CheckboxGroup, RadioButton, RadioGroup, SwiperCarousel, SwiperSlide, IntersectionObservable, IntersectionObserver, useValidator, BaseModal, BaseSnackbar, BaseTabList, BaseTabPanel, };
41
+ export { DoughnutChart, LineChart, BaseAccordion, BaseAccordionBtn, BaseAccordionContent, BaseAccordionItem, SelectItem, BaseAlert, BaseAutocomplete, BaseBadge, BaseButton, AccessibleSelect, BaseComplexToggle, BaseDropDown, BaseFloatingLabel, BaseCard, BaseIcon, BaseInput, BaseNavItem, BasePagination, BasePaper, BaseSlider, BaseTab, BaseTextarea, BaseToggle, BaseTooltip, BaseUploadFile, CheckboxBtn, CheckboxGroup, RadioButton, RadioGroup, SwiperCarousel, SwiperSlide, IntersectionObservable, IntersectionObserver, useValidator, BaseModal, BaseSnackbar, BaseTabList, };
package/dist/index.js CHANGED
@@ -5,79 +5,77 @@ import { _ as f } from "./chunks/BaseAccordionContent.vue_vue_type_script_setup_
5
5
  import { _ as m } from "./chunks/BaseAccordionItem.vue_vue_type_script_setup_true_lang.cWFIcTGL.js";
6
6
  import { _ as l } from "./chunks/SelectItem.vue_vue_type_script_setup_true_lang.Colhxc7n.js";
7
7
  import { default as d } from "./CheckboxBtn.js";
8
- import { _ as n } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.DDtN9_Bg.js";
8
+ import { _ } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.DDtN9_Bg.js";
9
9
  import { _ as i } from "./chunks/BaseTab.vue_vue_type_script_setup_true_lang.BRubYI9e.js";
10
- import { _ as b } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.uPKMPIZj.js";
11
- import { _ as C } from "./chunks/BaseTabPanel.vue_vue_type_script_setup_true_lang.DoZHWHt1.js";
12
- import { _ as I } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.DR6a7QAi.js";
13
- import { _ as T } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.DTUA_Q5e.js";
14
- import { _ as k } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.5pqk7vlZ.js";
15
- import { _ as w } from "./chunks/BaseAlert.vue_vue_type_style_index_0_lang.BtqP_iYL.js";
16
- import { _ as L } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.DyNyXytE.js";
17
- import { _ as F } from "./chunks/BaseBadge.vue_vue_type_style_index_0_lang.BOA1gBKu.js";
18
- import { _ as O } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.BwONsejV.js";
19
- import { _ as M } from "./chunks/BaseCard.vue_vue_type_style_index_0_lang.w5aEohzG.js";
20
- import { default as U } from "./BaseComplexToggle.js";
21
- import { _ as j } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.BRcL69nu.js";
22
- import { default as y } from "./BaseFloatingLabel.js";
23
- import { default as E } from "./BaseIcon.js";
24
- import { default as J } from "./BaseInput.js";
25
- import { default as Q } from "./BaseNavItem.js";
26
- import { default as X } from "./BasePagination.js";
27
- import { default as Z } from "./BasePaper.js";
28
- import { default as ee } from "./BaseSlider.js";
29
- import { default as ae } from "./BaseTextarea.js";
30
- import { default as te } from "./BaseToggle.js";
31
- import { default as fe } from "./BaseTooltip.js";
32
- import { _ as me } from "./chunks/BaseUploadFile.vue_vue_type_script_setup_true_lang.1Uo4HnFM.js";
33
- import { _ as le } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.Cz2Kd5zD.js";
34
- import { default as de } from "./BaseSnackbar.js";
35
- import { _ as ne } from "./chunks/DoughnutChart.vue_vue_type_script_setup_true_lang.C4QPaUsI.js";
36
- import { _ as ie } from "./chunks/LineChart.vue_vue_type_script_setup_true_lang.D1HsyTJq.js";
37
- import { _ as be } from "./chunks/IntersectionObservable.vue_vue_type_script_setup_true_lang.BBMxY-re.js";
38
- import { _ as Ce } from "./chunks/IntersectionObserver.vue_vue_type_script_setup_true_lang.CQHjzQc3.js";
39
- import { _ as Ie } from "./chunks/SwiperCarousel.vue_vue_type_style_index_0_lang.DDYbH2A1.js";
40
- import { default as Te } from "./SwiperSlide.js";
41
- import { useValidator as ke } from "./useValidator.js";
10
+ import { _ as b } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.CJk6dPgk.js";
11
+ import { _ as C } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.DR6a7QAi.js";
12
+ import { _ as I } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.DTUA_Q5e.js";
13
+ import { _ as T } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.5pqk7vlZ.js";
14
+ import { _ as k } from "./chunks/BaseAlert.vue_vue_type_style_index_0_lang.BtqP_iYL.js";
15
+ import { _ as w } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.DyNyXytE.js";
16
+ import { _ as L } from "./chunks/BaseBadge.vue_vue_type_style_index_0_lang.BOA1gBKu.js";
17
+ import { _ as G } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.BwONsejV.js";
18
+ import { _ as P } from "./chunks/BaseCard.vue_vue_type_style_index_0_lang.w5aEohzG.js";
19
+ import { default as M } from "./BaseComplexToggle.js";
20
+ import { _ as U } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.BRcL69nu.js";
21
+ import { default as j } from "./BaseFloatingLabel.js";
22
+ import { default as y } from "./BaseIcon.js";
23
+ import { default as E } from "./BaseInput.js";
24
+ import { default as J } from "./BaseNavItem.js";
25
+ import { default as Q } from "./BasePagination.js";
26
+ import { default as X } from "./BasePaper.js";
27
+ import { default as Z } from "./BaseSlider.js";
28
+ import { default as ee } from "./BaseTextarea.js";
29
+ import { default as ae } from "./BaseToggle.js";
30
+ import { default as te } from "./BaseTooltip.js";
31
+ import { _ as fe } from "./chunks/BaseUploadFile.vue_vue_type_script_setup_true_lang.1Uo4HnFM.js";
32
+ import { _ as me } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.Cz2Kd5zD.js";
33
+ import { default as le } from "./BaseSnackbar.js";
34
+ import { _ as de } from "./chunks/DoughnutChart.vue_vue_type_script_setup_true_lang.C4QPaUsI.js";
35
+ import { _ as _e } from "./chunks/LineChart.vue_vue_type_script_setup_true_lang.D1HsyTJq.js";
36
+ import { _ as ie } from "./chunks/IntersectionObservable.vue_vue_type_script_setup_true_lang.BBMxY-re.js";
37
+ import { _ as be } from "./chunks/IntersectionObserver.vue_vue_type_script_setup_true_lang.CQHjzQc3.js";
38
+ import { _ as Ce } from "./chunks/SwiperCarousel.vue_vue_type_style_index_0_lang.DDYbH2A1.js";
39
+ import { default as Ie } from "./SwiperSlide.js";
40
+ import { useValidator as Te } from "./useValidator.js";
42
41
  export {
43
- k as AccessibleSelect,
42
+ T as AccessibleSelect,
44
43
  a as BaseAccordion,
45
44
  t as BaseAccordionBtn,
46
45
  f as BaseAccordionContent,
47
46
  m as BaseAccordionItem,
48
- w as BaseAlert,
49
- L as BaseAutocomplete,
50
- F as BaseBadge,
51
- O as BaseButton,
52
- M as BaseCard,
53
- U as BaseComplexToggle,
54
- j as BaseDropDown,
55
- y as BaseFloatingLabel,
56
- E as BaseIcon,
57
- J as BaseInput,
58
- le as BaseModal,
59
- Q as BaseNavItem,
60
- X as BasePagination,
61
- Z as BasePaper,
62
- ee as BaseSlider,
63
- de as BaseSnackbar,
47
+ k as BaseAlert,
48
+ w as BaseAutocomplete,
49
+ L as BaseBadge,
50
+ G as BaseButton,
51
+ P as BaseCard,
52
+ M as BaseComplexToggle,
53
+ U as BaseDropDown,
54
+ j as BaseFloatingLabel,
55
+ y as BaseIcon,
56
+ E as BaseInput,
57
+ me as BaseModal,
58
+ J as BaseNavItem,
59
+ Q as BasePagination,
60
+ X as BasePaper,
61
+ Z as BaseSlider,
62
+ le as BaseSnackbar,
64
63
  i as BaseTab,
65
64
  b as BaseTabList,
66
- C as BaseTabPanel,
67
- ae as BaseTextarea,
68
- te as BaseToggle,
69
- fe as BaseTooltip,
70
- me as BaseUploadFile,
65
+ ee as BaseTextarea,
66
+ ae as BaseToggle,
67
+ te as BaseTooltip,
68
+ fe as BaseUploadFile,
71
69
  d as CheckboxBtn,
72
- n as CheckboxGroup,
73
- ne as DoughnutChart,
74
- be as IntersectionObservable,
75
- Ce as IntersectionObserver,
76
- ie as LineChart,
77
- I as RadioButton,
78
- T as RadioGroup,
70
+ _ as CheckboxGroup,
71
+ de as DoughnutChart,
72
+ ie as IntersectionObservable,
73
+ be as IntersectionObserver,
74
+ _e as LineChart,
75
+ C as RadioButton,
76
+ I as RadioGroup,
79
77
  l as SelectItem,
80
- Ie as SwiperCarousel,
81
- Te as SwiperSlide,
82
- ke as useValidator
78
+ Ce as SwiperCarousel,
79
+ Ie as SwiperSlide,
80
+ Te as useValidator
83
81
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wikicasa-dev/components",
3
- "version": "1.7.6",
3
+ "version": "1.7.7",
4
4
  "description": "Wikicasa frontend components",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",