@agrotools1/at-components 0.5.0 → 0.5.1-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.
Files changed (59) hide show
  1. package/dist/Checkbox/Checkbox.vue.js +1 -1
  2. package/dist/DataTable/DataTable.d.ts +10 -0
  3. package/dist/DataTable/DataTable.vue.js +56 -50
  4. package/dist/DataTable/DataTable.vue2.js +31 -26
  5. package/dist/DataTable/index.d.ts +10 -0
  6. package/dist/Dropdown/Checklist/Dropdown.Checklist.d.ts +2 -0
  7. package/dist/Dropdown/Dropdown.core.d.ts +22 -3
  8. package/dist/Dropdown/Dropdown.core.vue.js +23 -20
  9. package/dist/Dropdown/Dropdown.core.vue2.js +62 -26
  10. package/dist/Dropdown/Dropdown.core.vue3.js +2 -2
  11. package/dist/Dropdown/Dropdown.types.d.ts +2 -0
  12. package/dist/Filter/components/Filter.types.d.ts +2 -0
  13. package/dist/Filter/components/Filter.vue.js +64 -62
  14. package/dist/Filter/components/Filter.vue2.js +57 -52
  15. package/dist/Input/Input.core.d.ts +9 -0
  16. package/dist/Input/Input.core.vue.js +25 -19
  17. package/dist/Input/Input.core.vue2.js +9 -5
  18. package/dist/Input/index.d.ts +9 -0
  19. package/dist/List/components/List.d.ts +18 -0
  20. package/dist/List/components/List.types.d.ts +2 -0
  21. package/dist/List/components/List.vue.js +33 -30
  22. package/dist/List/components/List.vue2.js +20 -12
  23. package/dist/Loading/Loading.d.ts +4 -0
  24. package/dist/Loading/Loading.vue.js +18 -0
  25. package/dist/Loading/Loading.vue2.js +10 -0
  26. package/dist/Loading/Loading.vue3.js +4 -0
  27. package/dist/Loading/index.d.ts +1 -0
  28. package/dist/Modal/Modal.vue2.js +5 -2
  29. package/dist/ProgressBar/ProgressBar.d.ts +2 -2
  30. package/dist/ProgressBar/ProgressBar.vue.js +4 -4
  31. package/dist/ProgressBar/ProgressBar.vue2.js +48 -38
  32. package/dist/Search/Search.d.ts +15 -7
  33. package/dist/Search/Search.vue.js +36 -25
  34. package/dist/Search/Search.vue2.js +21 -17
  35. package/dist/Select/Multiple/Select.multiple.d.ts +11 -0
  36. package/dist/Select/Multiple/Select.multiple.vue.js +10 -9
  37. package/dist/Select/Multiple/Select.multiple.vue2.js +7 -2
  38. package/dist/Select/Select.core.d.ts +11 -0
  39. package/dist/Select/Select.core.vue.js +8 -7
  40. package/dist/Select/Select.core.vue2.js +8 -3
  41. package/dist/Select/Single/Select.single.d.ts +11 -0
  42. package/dist/Select/Single/Select.single.vue.js +13 -12
  43. package/dist/Select/Single/Select.single.vue2.js +14 -9
  44. package/dist/Select/index.d.ts +22 -0
  45. package/dist/Skeleton/Skeleton.d.ts +25 -0
  46. package/dist/Skeleton/Skeleton.vue.js +16 -0
  47. package/dist/Skeleton/Skeleton.vue2.js +19 -0
  48. package/dist/Skeleton/index.d.ts +1 -22
  49. package/dist/Stepper/Stepper.vue.js +10 -10
  50. package/dist/TableConfig/TableConfig.d.ts +9 -0
  51. package/dist/TableConfig/TableConfig.vue.js +7 -6
  52. package/dist/TableConfig/TableConfig.vue2.js +10 -6
  53. package/dist/Tabs/Tabs.d.ts +13 -0
  54. package/dist/Tabs/Tabs.vue.js +21 -17
  55. package/dist/Tabs/Tabs.vue2.js +31 -22
  56. package/dist/index.d.ts +2 -0
  57. package/dist/index.js +50 -46
  58. package/dist/style.css +1 -1
  59. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  import $ from "./Stepper.vue2.js";
2
- import { resolveComponent as u, openBlock as s, createElementBlock as n, normalizeClass as o, createElementVNode as a, normalizeStyle as z, Fragment as S, renderList as y, createBlock as i, resolveDynamicComponent as l, createCommentVNode as p, toDisplayString as c, createVNode as d, withCtx as f, createTextVNode as m } from "vue";
2
+ import { resolveComponent as u, openBlock as s, createElementBlock as n, normalizeClass as o, createElementVNode as i, normalizeStyle as z, Fragment as S, renderList as y, createBlock as a, resolveDynamicComponent as l, createCommentVNode as p, toDisplayString as c, createVNode as d, withCtx as f, createTextVNode as m } from "vue";
3
3
  import "./Stepper.vue3.js";
4
4
  import k from "../_virtual/_plugin-vue_export-helper.js";
5
5
  function E(e, C, I, g, b, A) {
@@ -7,14 +7,14 @@ function E(e, C, I, g, b, A) {
7
7
  return s(), n("div", {
8
8
  class: o(e.$props.direction === "vertical" ? "stepper-vertical" : "")
9
9
  }, [
10
- a("div", {
10
+ i("div", {
11
11
  ref: "stepperElementCollection",
12
12
  class: o([
13
13
  "stepper",
14
14
  e.$props.direction === "vertical" ? "vertical-stepper" : "horizontal-stepper"
15
15
  ])
16
16
  }, [
17
- a("div", {
17
+ i("div", {
18
18
  class: o([
19
19
  "stepper-line",
20
20
  e.$props.direction === "vertical" ? "vertical-stepper-line" : "horizontal-stepper-line"
@@ -29,30 +29,30 @@ function E(e, C, I, g, b, A) {
29
29
  "stepper-item-horizontal": e.$props.direction === "horizontal" ? !0 : ""
30
30
  }])
31
31
  }, [
32
- a("div", {
32
+ i("div", {
33
33
  class: o(["stepper-item-counter", {
34
34
  current: e.$props.step === t,
35
35
  success: r.isSuccess === !0 && r.isError === !1,
36
36
  error: r.isError
37
37
  }])
38
38
  }, [
39
- e.$props.step === t && r.isSuccess === !1 && r.isError === !1 && e.$props.numberedStep === !1 ? (s(), i(l(r.stepIcon), {
39
+ e.$props.step === t && r.isSuccess === !1 && r.isError === !1 && e.$props.numberedStep === !1 ? (s(), a(l(r.stepIcon), {
40
40
  key: 0,
41
41
  size: "20",
42
42
  class: "step-icon",
43
43
  color: "var(--at-primary-color-1)"
44
44
  })) : p("", !0),
45
- e.$props.step !== t && r.isSuccess === !1 && r.isError === !1 && e.$props.numberedStep === !1 ? (s(), i(l(r.stepInactiveIcon), {
45
+ e.$props.step !== t && r.isSuccess === !1 && r.isError === !1 && e.$props.numberedStep === !1 ? (s(), a(l(r.stepInactiveIcon), {
46
46
  key: 1,
47
47
  size: "20",
48
48
  color: "var(--at-dark-grey)"
49
49
  })) : p("", !0),
50
- r.isSuccess && r.isError === !1 ? (s(), i(l(e.AtCheckCircleSolidIcon), {
50
+ r.isSuccess && r.isError === !1 ? (s(), a(l(e.AtCheckCircleSolidIcon), {
51
51
  key: 2,
52
52
  size: "20",
53
53
  color: "var(--at-white)"
54
54
  })) : p("", !0),
55
- r.isError ? (s(), i(l(e.AtWarningSolidIcon), {
55
+ r.isError ? (s(), a(l(e.AtWarningSolidIcon), {
56
56
  key: 3,
57
57
  id: "errorIcon",
58
58
  size: "20",
@@ -63,7 +63,7 @@ function E(e, C, I, g, b, A) {
63
63
  class: o(["number", e.$props.step === t ? "current-number" : ""])
64
64
  }, c(t + 1), 3)) : p("", !0)
65
65
  ], 2),
66
- a("div", {
66
+ i("div", {
67
67
  class: o(["stepper-item-counter-content", {
68
68
  "stepper-item-counter-content-horizontal": e.$props.direction === "horizontal"
69
69
  }])
@@ -94,7 +94,7 @@ function E(e, C, I, g, b, A) {
94
94
  ], 2)
95
95
  ], 2);
96
96
  }
97
- const D = /* @__PURE__ */ k($, [["render", E], ["__scopeId", "data-v-f9f69ae1"]]);
97
+ const D = /* @__PURE__ */ k($, [["render", E], ["__scopeId", "data-v-de902772"]]);
98
98
  export {
99
99
  D as default
100
100
  };
@@ -11,6 +11,7 @@ export interface TableConfigProps {
11
11
  resumedResponse?: boolean;
12
12
  checkAllText?: string;
13
13
  position?: "left" | "right";
14
+ id?: string;
14
15
  }
15
16
  declare const _default: import("vue").DefineComponent<{
16
17
  dropDownList: {
@@ -49,6 +50,10 @@ declare const _default: import("vue").DefineComponent<{
49
50
  type: PropType<"left" | "right" | undefined>;
50
51
  default: string;
51
52
  };
53
+ id: {
54
+ type: PropType<string | undefined>;
55
+ required: false;
56
+ };
52
57
  }, {
53
58
  isDialogOpen: import("vue").Ref<boolean>;
54
59
  getButtonColor: import("vue").ComputedRef<"primary" | "secondary">;
@@ -111,6 +116,10 @@ declare const _default: import("vue").DefineComponent<{
111
116
  type: PropType<"left" | "right" | undefined>;
112
117
  default: string;
113
118
  };
119
+ id: {
120
+ type: PropType<string | undefined>;
121
+ required: false;
122
+ };
114
123
  }>> & {
115
124
  onOnSave?: ((...args: any[]) => any) | undefined;
116
125
  }, {
@@ -1,12 +1,13 @@
1
- import f from "./TableConfig.vue2.js";
2
- import { resolveComponent as n, openBlock as m, createElementBlock as C, createVNode as t, withCtx as e, createElementVNode as s, createTextVNode as i, toDisplayString as a } from "vue";
1
+ import m from "./TableConfig.vue2.js";
2
+ import { resolveComponent as n, openBlock as f, createElementBlock as C, createVNode as t, withCtx as e, createElementVNode as s, createTextVNode as i, toDisplayString as a } from "vue";
3
3
  import "./TableConfig.vue3.js";
4
4
  import k from "../_virtual/_plugin-vue_export-helper.js";
5
5
  const g = { class: "tableConfig" }, v = { class: "at-dropdown-footer" };
6
- function b(o, r, h, A, _, S) {
6
+ function h(o, r, A, b, S, _) {
7
7
  const d = n("AtSettingsSolidIcon"), l = n("AtButton"), c = n("AtChecklist"), p = n("AtDropdown");
8
- return m(), C("section", null, [
8
+ return f(), C("section", null, [
9
9
  t(p, {
10
+ id: o.id,
10
11
  "is-open": o.isDialogOpen,
11
12
  "onUpdate:isOpen": r[0] || (r[0] = (u) => o.isDialogOpen = u),
12
13
  position: o.position
@@ -59,10 +60,10 @@ function b(o, r, h, A, _, S) {
59
60
  ])
60
61
  ]),
61
62
  _: 1
62
- }, 8, ["is-open", "position"])
63
+ }, 8, ["id", "is-open", "position"])
63
64
  ]);
64
65
  }
65
- const D = /* @__PURE__ */ k(f, [["render", b], ["__scopeId", "data-v-837bfa4e"]]);
66
+ const D = /* @__PURE__ */ k(m, [["render", h], ["__scopeId", "data-v-4326c741"]]);
66
67
  export {
67
68
  D as default
68
69
  };
@@ -5,7 +5,7 @@ import x from "../Dropdown/Checklist/Dropdown.Checklist.vue.js";
5
5
  import A from "../Dropdown/Dropdown.core.vue.js";
6
6
  const C = {
7
7
  AtSettingsSolidIcon: y
8
- }, I = g({
8
+ }, q = g({
9
9
  name: "AtTableConfig",
10
10
  components: {
11
11
  AtChecklist: x,
@@ -49,6 +49,10 @@ const C = {
49
49
  position: {
50
50
  type: String,
51
51
  default: "left"
52
+ },
53
+ id: {
54
+ type: String,
55
+ required: !1
52
56
  }
53
57
  },
54
58
  emits: ["onSave"],
@@ -59,9 +63,9 @@ const C = {
59
63
  s.value = JSON.parse(JSON.stringify(i.dropDownList)), n.value = JSON.parse(JSON.stringify(s.value));
60
64
  };
61
65
  a();
62
- const r = () => t.value = !1, f = () => {
66
+ const r = () => t.value = !1, d = () => {
63
67
  r();
64
- }, d = () => {
68
+ }, f = () => {
65
69
  const e = [];
66
70
  return n.value.forEach((o, m) => {
67
71
  e[m] = s.value.find((S) => S.text === o.text) ?? {};
@@ -72,12 +76,12 @@ const C = {
72
76
  getButtonColor: u,
73
77
  list: s,
74
78
  toggleDropdown: p,
75
- handleClose: f,
79
+ handleClose: d,
76
80
  handleSorted: (e) => {
77
81
  n.value = e;
78
82
  },
79
83
  save: () => {
80
- const e = d();
84
+ const e = f();
81
85
  c("onSave", e), r();
82
86
  },
83
87
  cancel: () => {
@@ -93,5 +97,5 @@ const C = {
93
97
  }
94
98
  });
95
99
  export {
96
- I as default
100
+ q as default
97
101
  };
@@ -14,10 +14,12 @@ type AtTabProp = {
14
14
  disabled?: boolean;
15
15
  notifications?: number;
16
16
  icon?: AtTabIconProp;
17
+ fullSize?: boolean;
17
18
  };
18
19
  export type AtTabsProps = {
19
20
  tabs: AtTabProp[];
20
21
  selectedTabIndex?: number;
22
+ fullSize?: boolean;
21
23
  };
22
24
  declare const _default: import("vue").DefineComponent<{
23
25
  tabs: {
@@ -29,6 +31,10 @@ declare const _default: import("vue").DefineComponent<{
29
31
  type: NumberConstructor;
30
32
  default: number;
31
33
  };
34
+ fullSize: {
35
+ type: PropType<boolean | undefined>;
36
+ default: boolean;
37
+ };
32
38
  }, {
33
39
  tabsList: import("vue").ComputedRef<AtTabProp[]>;
34
40
  selectedTab: import("vue").Ref<{
@@ -39,8 +45,10 @@ declare const _default: import("vue").DefineComponent<{
39
45
  disabled?: boolean | undefined;
40
46
  notifications?: number | undefined;
41
47
  icon?: "AtAngleUpSolidIcon" | "AtAngleDownSolidIcon" | "AtCheckCircleSolidIcon" | "AtWarningSolidIcon" | "AtCircleXMarkSolidIcon" | "AtCircleMinusSolidIcon" | "AtCircleQuestionSolidIcon" | "AtArrowRightSolidIcon" | "AtAnalisesRegularIcon" | "AtAnalisesSolidIcon" | "AtAngleLeftSolidIcon" | "AtAngleRightSolidIcon" | "AtArrowDownSolidIcon" | "AtArrowLeftSolidIcon" | "AtArrowUpSolidIcon" | "AtArvoreRegularIcon" | "AtArvoreSolidIcon" | "AtCurralRegularIcon" | "AtCurralSolidIcon" | "AtBellRegularIcon" | "AtBellSolidIcon" | "AtBoldRegularIcon" | "AtBookmarkRegularIcon" | "AtBookmarkSolidIcon" | "AtCadastroRegularIcon" | "AtCadastroSolidIcon" | "AtCalculadoraDeCarbonoIcon" | "AtCalendarRegularIcon" | "AtCalendarSolidIcon" | "AtCarbonoSolidIcon" | "AtCentralAlertasRegularIcon" | "AtCentralAlertasSolidIcon" | "AtCentralFornecimentoRegularIcon" | "AtCentralFornecimentoSolidIcon" | "AtCheckCircleRegularIcon" | "AtCheckSolidIcon" | "AtChuvaRegularIcon" | "AtChuvaSolidIcon" | "AtCircleExclamationRegularIcon" | "AtCircleExclamationSolidIcon" | "AtCircleMinusRegularIcon" | "AtCirclePlusRegularIcon" | "AtCirclePlusSolidIcon" | "AtCircleQuestionRegularIcon" | "AtCircleXMarkRegularIcon" | "AtClipeRegularIcon" | "AtCloseSolidIcon" | "AtCloudDownloadRegularIcon" | "AtCloundDownloadSolidIcon" | "AtCofreDigitalRegularIcon" | "AtCofreDigitalSolidIcon" | "AtCopilotoRegularIcon" | "AtCopilotoSolidIcon" | "AtCopyRegularIcon" | "AtCopySolidIcon" | "AtDesmatamentoSolidIcon" | "AtDoubleArrowLeftSolidIcon" | "AtDoubleArrowRightSolidIcon" | "AtDownloadSolidIcon" | "AtDragOrderRegularIcon" | "AtDrawGeometryRegularIcon" | "AtDrawGeometrySolidIcon" | "AtDrawPolygonRegularIcon" | "AtEdicaoGeometriaRegularIcon" | "AtEdicaoGeometriaSolidIcon" | "AtEditRegularIcon" | "AtEditSolidIcon" | "AtEllipsesHorizontalSolidIcon" | "AtEllipsesVerticalSolidIcon" | "AtEnergyRegularIcon" | "AtEnergySolidIcon" | "AtExcelRegularIcon" | "AtExcelSolidIcon" | "AtExitRegularIcon" | "AtEyeAtivoRegularIcon" | "AtEyeAtivoSolidIcon" | "AtEyeInativoRegularIcon" | "AtEyeInativoSolidIcon" | "AtFavoritasRegularIcon" | "AtFavoritasSolidIcon" | "AtFenceRegularIcon" | "AtFenceSolidIcon" | "AtFilterRegularIcon" | "AtFilterSolidIcon" | "AtFireRegularIcon" | "AtFireSolidIcon" | "AtFolderRegularIcon" | "AtFolderSolidIcon" | "AtGasRegularIcon" | "AtGasSolidIcon" | "AtGeadaRegularIcon" | "AtGeadaSolidIcon" | "AtGraficoRegularIcon" | "AtGroupRegularIcon" | "AtGroupSolidIcon" | "AtHeadsetRegularIcon" | "AtHeadsetSolidIcon" | "AtHelpRegularIcon" | "AtHelpSolidIcon" | "AtHomeRegularIcon" | "AtHomeSolidIcon" | "AtIdentificarRegularIcon" | "AtIdentificarSolidIcon" | "AtImagensRegularIcon" | "AtImagensSolidIcon" | "AtInfoRegularIcon" | "AtInfoSolidIcon" | "AtItalicoRegularIcon" | "AtKeyboardRegularIcon" | "AtKeyboardSolidIcon" | "AtLayersRegularIcon" | "AtLayersSolidIcon" | "AtLegendaMapaRegularIcon" | "AtLegendaMapaSolidIcon" | "AtListRegularIcon" | "AtLocationCrosshairsRegularIcon" | "AtLocationCrosshairsSolidIcon" | "AtLockRegularIcon" | "AtLockSolidIcon" | "AtMailIcon" | "AtMapRegularIcon" | "AtMapSolidIcon" | "AtMarkerRegularIcon" | "AtMarkerSolidIcon" | "AtMirrorRegularIcon" | "AtMonitoramentoRegularIcon" | "AtMonitoramentoSolidIcon" | "AtMoveRegularIcon" | "AtOpacityRegularIcon" | "AtOrdenacaoRegularIcon" | "AtOrdenarRegularIcon" | "AtPdfRegularIcon" | "AtPdfSolidIcon" | "AtPinRegularIcon" | "AtPinSolidIcon" | "AtPlantRegularIcon" | "AtPlantSolidIcon" | "AtPrintSolidIcon" | "AtRatingRegularIcon" | "AtRatingSolidIcon" | "AtRefreshSolidIcon" | "AtUserRegularIcon" | "AtRenovabioSolidIcon" | "AtRulerRegularIcon" | "AtRulerSolidIcon" | "AtSateliteRegularIcon" | "AtSateliteSolidIcon" | "AtSaveRegularIcon" | "AtSaveSolidIcon" | "AtSearchIcon" | "AtSecaRegularIcon" | "AtSecaSolidIcon" | "AtSettingsRegularIcon" | "AtSettingsSolidIcon" | "AtSobreposicaoRegularIcon" | "AtSobreposicaoSolidIcon" | "AtSublinhadoRegularIcon" | "AtSubterritorioRegularIcon" | "AtSubterritorioSolidIcon" | "AtTelephoneIcon" | "AtTemperatureRegularIcon" | "AtTemperatureSolidIcon" | "AtTempestadeRegularIcon" | "AtTempestadeSolidIcon" | "AtTimelineRegularIcon" | "AtTimelineSolidIcon" | "AtToolRegularIcon" | "AtToolSolidIcon" | "AtTrashRegularIcon" | "AtTrashSolidIcon" | "AtUnlockRegularIcon" | "AtUnlockSolidIcon" | "AtUploadSolidIcon" | "AtUserMinusRegularIcon" | "AtUserMinusSolidIcon" | "AtUserPlusRegularIcon" | "AtUserPlusSolidIcon" | "AtUserSolidIcon" | "AtVentosRegularIcon" | "AtWarningRegularIcon" | "AtWorldSolidIcon" | "AtWorldRegularIcon" | "AtZoomInAreaSolidIcon" | "AtFlagBrazilIcon" | "AtFlagSpainIcon" | "AtFlagUnitedStatesIcon" | undefined;
48
+ fullSize?: boolean | undefined;
42
49
  }>;
43
50
  selectedTabIndexRef: import("vue").Ref<number>;
51
+ contentStyle: import("vue").Ref<any>;
44
52
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
45
53
  tabs: {
46
54
  type: PropType<AtTabProp[]>;
@@ -51,7 +59,12 @@ declare const _default: import("vue").DefineComponent<{
51
59
  type: NumberConstructor;
52
60
  default: number;
53
61
  };
62
+ fullSize: {
63
+ type: PropType<boolean | undefined>;
64
+ default: boolean;
65
+ };
54
66
  }>>, {
67
+ fullSize: boolean | undefined;
55
68
  tabs: AtTabProp[];
56
69
  selectedTabIndex: number;
57
70
  }, {}>;
@@ -1,19 +1,19 @@
1
- import _ from "./Tabs.vue2.js";
2
- import { resolveComponent as m, openBlock as n, createElementBlock as c, createElementVNode as a, Fragment as f, renderList as p, createBlock as r, resolveDynamicComponent as u } from "vue";
1
+ import m from "./Tabs.vue2.js";
2
+ import { resolveComponent as f, openBlock as n, createElementBlock as c, createElementVNode as a, Fragment as p, renderList as _, createBlock as l, normalizeStyle as u, resolveDynamicComponent as b } from "vue";
3
3
  import "./Tabs.vue3.js";
4
4
  import T from "../_virtual/_plugin-vue_export-helper.js";
5
- const b = { class: "Tabs_container" }, k = {
5
+ const k = { class: "Tabs_container" }, y = {
6
6
  class: "Tabs_tablist",
7
7
  role: "tablist",
8
8
  "aria-orientation": "horizontal",
9
9
  "tab-index": "0"
10
- }, h = { class: "Tabs_content" };
11
- function B(t, v, $, C, I, y) {
12
- var s;
13
- const l = m("TabButton");
14
- return n(), c("section", b, [
15
- a("div", k, [
16
- (n(!0), c(f, null, p(t.tabsList, (e, o) => (n(), r(l, {
10
+ };
11
+ function B(t, h, v, $, C, I) {
12
+ var i;
13
+ const r = f("TabButton");
14
+ return n(), c("section", k, [
15
+ a("div", y, [
16
+ (n(!0), c(p, null, _(t.tabsList, (e, o) => (n(), l(r, {
17
17
  key: o,
18
18
  "is-selected": o === t.selectedTabIndexRef,
19
19
  title: e.title,
@@ -21,17 +21,21 @@ function B(t, v, $, C, I, y) {
21
21
  icon: e.icon,
22
22
  "data-index": o,
23
23
  "on-click": (d) => {
24
- var i;
25
- (i = e.onClick) == null || i.call(e, d), t.selectedTabIndexRef = o;
24
+ var s;
25
+ (s = e.onClick) == null || s.call(e, d), t.selectedTabIndexRef = o;
26
26
  }
27
27
  }, null, 8, ["is-selected", "title", "notifications", "icon", "data-index", "on-click"]))), 128))
28
28
  ]),
29
- a("main", h, [
30
- (n(), r(u((s = t.selectedTab) == null ? void 0 : s.slot)))
31
- ])
29
+ a("main", {
30
+ id: "tab-content",
31
+ class: "Tabs_content",
32
+ style: u(t.contentStyle)
33
+ }, [
34
+ (n(), l(b((i = t.selectedTab) == null ? void 0 : i.slot)))
35
+ ], 4)
32
36
  ]);
33
37
  }
34
- const x = /* @__PURE__ */ T(_, [["render", B], ["__scopeId", "data-v-4bf80e8f"]]);
38
+ const S = /* @__PURE__ */ T(m, [["render", B], ["__scopeId", "data-v-bfea5fbc"]]);
35
39
  export {
36
- x as default
40
+ S as default
37
41
  };
@@ -1,9 +1,9 @@
1
- import { defineComponent as f, ref as l, computed as v, onMounted as b, watch as c } from "vue";
2
- import m from "./Tab/Tab.vue.js";
3
- const T = f({
1
+ import { defineComponent as m, ref as c, computed as x, onMounted as h, watch as r } from "vue";
2
+ import p from "./Tab/Tab.vue.js";
3
+ const T = m({
4
4
  name: "AtTabs",
5
5
  components: {
6
- TabButton: m
6
+ TabButton: p
7
7
  },
8
8
  props: {
9
9
  tabs: {
@@ -14,34 +14,43 @@ const T = f({
14
14
  selectedTabIndex: {
15
15
  type: Number,
16
16
  default: 0
17
+ },
18
+ fullSize: {
19
+ type: Boolean,
20
+ default: !1
17
21
  }
18
22
  },
19
- setup(a) {
20
- const e = l(a.selectedTabIndex ?? 0), s = window.history.state, t = v(() => a.tabs), d = l(a.tabs[e.value ?? 0]), r = () => {
21
- const n = s == null ? void 0 : s.current, u = t.value.findIndex((o) => o.routeName === n);
22
- u !== -1 ? e.value = u : e.value = 0;
23
- }, i = () => {
24
- const n = t.value.findIndex(
25
- (u, o) => o === e.value
23
+ setup(u) {
24
+ const e = c(u.selectedTabIndex ?? 0), o = window.history.state, a = x(() => u.tabs), s = c(u.tabs[e.value ?? 0]), d = c(), i = () => {
25
+ var n, f;
26
+ const t = (n = document.getElementById("tab-content")) == null ? void 0 : n.getBoundingClientRect(), l = ((t == null ? void 0 : t.top) ?? 0) + 24;
27
+ (u.fullSize || (f = s.value) != null && f.fullSize) && (d.value = { "min-height": `calc(100vh - ${l}px)` });
28
+ }, v = () => {
29
+ const t = o == null ? void 0 : o.current, l = a.value.findIndex((n) => n.routeName === t);
30
+ l !== -1 ? e.value = l : e.value = 0, i(), window.addEventListener("resize", i);
31
+ }, b = () => {
32
+ const t = a.value.findIndex(
33
+ (l, n) => n === e.value
26
34
  );
27
- n !== -1 ? e.value = n : e.value = 0;
35
+ t !== -1 ? e.value = t : e.value = 0;
28
36
  };
29
- return b(() => {
30
- r();
31
- }), c(
37
+ return h(() => {
38
+ v();
39
+ }), r(
32
40
  () => e.value,
33
41
  () => {
34
- d.value = t.value[e.value];
42
+ s.value = a.value[e.value];
35
43
  }
36
- ), c(
37
- () => t.value,
44
+ ), r(
45
+ () => a.value,
38
46
  () => {
39
- i();
47
+ b();
40
48
  }
41
49
  ), {
42
- tabsList: t,
43
- selectedTab: d,
44
- selectedTabIndexRef: e
50
+ tabsList: a,
51
+ selectedTab: s,
52
+ selectedTabIndexRef: e,
53
+ contentStyle: d
45
54
  };
46
55
  }
47
56
  });
package/dist/index.d.ts CHANGED
@@ -12,6 +12,7 @@ export * from "./Illustration";
12
12
  export * from "./Input";
13
13
  export * from "./Legend";
14
14
  export * from "./List";
15
+ export * from "./Loading";
15
16
  export * from "./Map";
16
17
  export * from "./Modal";
17
18
  export * from "./Notifications";
@@ -19,6 +20,7 @@ export * from "./ProgressBar";
19
20
  export * from "./RadioButton";
20
21
  export * from "./Search";
21
22
  export * from "./Select";
23
+ export * from "./Skeleton";
22
24
  export * from "./Stepper";
23
25
  export * from "./TableConfig";
24
26
  export * from "./Tabs";
package/dist/index.js CHANGED
@@ -1,60 +1,64 @@
1
- import { default as r } from "./Accordion/Accordion.vue.js";
2
- import { default as e } from "./Avatar/Avatar.vue.js";
3
- import { default as p } from "./Button/Button.vue.js";
1
+ import { default as e } from "./Accordion/Accordion.vue.js";
2
+ import { default as a } from "./Avatar/Avatar.vue.js";
3
+ import { default as l } from "./Button/Button.vue.js";
4
4
  import { default as s } from "./CardWithInsights/CardWithInsights.vue.js";
5
5
  import { default as x } from "./Checkbox/Checkbox.vue.js";
6
6
  import { default as u } from "./ColorPicker/ColorPicker.vue.js";
7
7
  import { AtDataTable as i } from "./DataTable/index.js";
8
- import { default as c } from "./DatePicker/DatePicker.vue.js";
8
+ import { default as g } from "./DatePicker/DatePicker.vue.js";
9
9
  import { default as T } from "./Faq/Faq.vue.js";
10
10
  import { default as b } from "./Filter/components/Filter.vue.js";
11
- import { default as k } from "./Illustration/Illustration.vue.js";
12
- import { AtInput as I } from "./Input/index.js";
13
- import { default as S } from "./Legend/Legend.vue.js";
14
- import { default as F } from "./List/components/List.vue.js";
15
- import { default as M } from "./Map/Map.vue.js";
16
- import { default as v } from "./Modal/Modal.vue.js";
17
- import { default as R } from "./Notifications/Notifications.vue.js";
18
- import { default as W } from "./ProgressBar/ProgressBar.vue.js";
19
- import { default as w } from "./RadioButton/RadioButton.vue.js";
20
- import { default as z } from "./Search/Search.vue.js";
21
- import { AtSelect as G } from "./Select/index.js";
22
- import { default as J } from "./Stepper/Stepper.vue.js";
23
- import { default as O } from "./TableConfig/TableConfig.vue.js";
24
- import { default as V } from "./Tabs/Tabs.vue.js";
25
- import { default as Y } from "./Tag/Tag.vue.js";
26
- import { AtTipograph as _ } from "./Tipograph/index.js";
27
- import { default as tt } from "./Toggle/Toggle.vue.js";
28
- import { default as rt } from "./Tooltip/Tooltip.vue.js";
29
- import { default as et } from "./Upload/Upload.vue.js";
11
+ import { default as C } from "./Illustration/Illustration.vue.js";
12
+ import { AtInput as B } from "./Input/index.js";
13
+ import { default as L } from "./Legend/Legend.vue.js";
14
+ import { default as D } from "./List/components/List.vue.js";
15
+ import { default as M } from "./Loading/Loading.vue.js";
16
+ import { default as v } from "./Map/Map.vue.js";
17
+ import { default as R } from "./Modal/Modal.vue.js";
18
+ import { default as W } from "./Notifications/Notifications.vue.js";
19
+ import { default as w } from "./ProgressBar/ProgressBar.vue.js";
20
+ import { default as z } from "./RadioButton/RadioButton.vue.js";
21
+ import { default as G } from "./Search/Search.vue.js";
22
+ import { AtSelect as J } from "./Select/index.js";
23
+ import { default as O } from "./Skeleton/Skeleton.vue.js";
24
+ import { default as V } from "./Stepper/Stepper.vue.js";
25
+ import { default as Y } from "./TableConfig/TableConfig.vue.js";
26
+ import { default as _ } from "./Tabs/Tabs.vue.js";
27
+ import { default as tt } from "./Tag/Tag.vue.js";
28
+ import { AtTipograph as et } from "./Tipograph/index.js";
29
+ import { default as at } from "./Toggle/Toggle.vue.js";
30
+ import { default as lt } from "./Tooltip/Tooltip.vue.js";
31
+ import { default as st } from "./Upload/Upload.vue.js";
30
32
  export {
31
- r as AtAccordion,
32
- e as AtAvatar,
33
- p as AtButton,
33
+ e as AtAccordion,
34
+ a as AtAvatar,
35
+ l as AtButton,
34
36
  s as AtCardWithInsights,
35
37
  x as AtCheckbox,
36
38
  i as AtDataTable,
37
- c as AtDatePicker,
39
+ g as AtDatePicker,
38
40
  b as AtFilter,
39
- k as AtIllustration,
40
- I as AtInput,
41
- S as AtLegend,
42
- F as AtList,
43
- M as AtMap,
44
- v as AtModal,
45
- R as AtNotifications,
46
- W as AtProgressBar,
47
- w as AtRadioButton,
48
- z as AtSearch,
49
- G as AtSelect,
50
- O as AtTableConfig,
51
- V as AtTabs,
52
- Y as AtTag,
53
- _ as AtTipograph,
54
- tt as AtToggle,
55
- rt as AtTooltip,
41
+ C as AtIllustration,
42
+ B as AtInput,
43
+ L as AtLegend,
44
+ D as AtList,
45
+ M as AtLoading,
46
+ v as AtMap,
47
+ R as AtModal,
48
+ W as AtNotifications,
49
+ w as AtProgressBar,
50
+ z as AtRadioButton,
51
+ G as AtSearch,
52
+ J as AtSelect,
53
+ O as AtSkeleton,
54
+ Y as AtTableConfig,
55
+ _ as AtTabs,
56
+ tt as AtTag,
57
+ et as AtTipograph,
58
+ at as AtToggle,
59
+ lt as AtTooltip,
56
60
  u as ColorPicker,
57
61
  T as Faq,
58
- J as Stepper,
59
- et as Upload
62
+ V as Stepper,
63
+ st as Upload
60
64
  };