@agrotools1/at-components 0.5.0-4 → 0.5.0-6

package/dist/Select/Single/Select.single.d.ts

@@ -13,6 +13,11 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    required: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
     items: {
         type: () => Array<SelectItemProps>;
         default: () => SelectItemProps[];
@@ -49,6 +54,11 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    required: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
     items: {
         type: () => Array<SelectItemProps>;
         default: () => SelectItemProps[];
@@ -61,6 +71,7 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    required: boolean;
     label: string;
     modelValue: string | SelectItemProps;
     items: SelectItemProps[];

package/dist/Select/Single/Select.single.vue.js

@@ -1,32 +1,33 @@
-import c from "./Select.single.vue2.js";
-import { resolveComponent as r, openBlock as t, createElementBlock as a, createVNode as u, withModifiers as d, Fragment as f, renderList as v, createBlock as C, createCommentVNode as k } from "vue";
+import u from "./Select.single.vue2.js";
+import { resolveComponent as l, openBlock as t, createElementBlock as r, createVNode as d, withModifiers as c, Fragment as v, renderList as f, createBlock as C, createCommentVNode as k } from "vue";
 import "./Select.single.vue3.js";
 import m from "../../_virtual/_plugin-vue_export-helper.js";
 function g(e, o, A, I, S, y) {
-  const s = r("AtSingleCore"), i = r("AtItem");
-  return t(), a("div", {
+  const i = l("AtSingleCore"), s = l("AtItem");
+  return t(), r("div", {
     ref: "containerRef",
     class: "AT-SELECT_wrapper",
     onClick: o[1] || (o[1] = (n) => {
       e.open = !e.open, e.rotateIcon();
     })
   }, [
-    u(s, {
+    d(i, {
       value: e.selectedValue,
+      required: e.required,
       label: e.label,
       items: e.items
-    }, null, 8, ["value", "label", "items"]),
-    e.open ? (t(), a("div", {
+    }, null, 8, ["value", "required", "label", "items"]),
+    e.open ? (t(), r("div", {
       key: 0,
       role: "group",
       "aria-orientation": "vertical",
       tabindex: "-1",
       class: "AT-SELECT_items-container",
-      onClick: o[0] || (o[0] = d((n) => {
+      onClick: o[0] || (o[0] = c((n) => {
         e.open = !1, e.rotateIcon();
       }, ["stop"]))
     }, [
-      (t(!0), a(f, null, v(e.items, (n) => (t(), C(i, {
+      (t(!0), r(v, null, f(e.items, (n) => (t(), C(s, {
         key: n.value,
         text: n.text,
         value: n.value,
@@ -35,14 +36,14 @@ function g(e, o, A, I, S, y) {
         "aria-selected": n.value === e.valueOfModel,
         "data-text": n.text,
         "on-click": async (p) => {
-          var l;
-          e.isInternalChange = !0, await e.onSelectedValueChange(n), (l = n.onClick) == null || l.call(n, p), e.isInternalChange = !1;
+          var a;
+          e.isInternalChange = !0, await e.onSelectedValueChange(n), (a = n.onClick) == null || a.call(n, p), e.isInternalChange = !1;
         }
       }, null, 8, ["text", "value", "type", "icon", "aria-selected", "data-text", "on-click"]))), 128))
     ])) : k("", !0)
   ], 512);
 }
-const V = /* @__PURE__ */ m(c, [["render", g], ["__scopeId", "data-v-24b1ef8c"]]);
+const V = /* @__PURE__ */ m(u, [["render", g], ["__scopeId", "data-v-751e4155"]]);
 export {
   V as default
 };

package/dist/Select/Single/Select.single.vue2.js

@@ -1,7 +1,7 @@
-import { defineComponent as d, ref as n, computed as v, watch as p } from "vue";
+import { defineComponent as m, ref as n, computed as v, watch as p } from "vue";
 import y from "../Item/Item.vue.js";
 import g from "../Select.core.vue.js";
-const _ = d({
+const q = m({
   name: "AtSingleSelect",
   components: {
     AtSingleCore: g,
@@ -17,6 +17,11 @@ const _ = d({
       type: String,
       default: ""
     },
+    required: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
     items: {
       type: Array,
       default: () => [],
@@ -30,11 +35,11 @@ const _ = d({
   emits: ["update:modelValue"],
   setup(a, { emit: u }) {
     const s = n(null), r = n(!1), t = n(a.modelValue), o = n(!1), i = (e) => {
-      t.value = e, r.value = !1, c(), u(
+      t.value = e, r.value = !1, f(), u(
         "update:modelValue",
         a.emitValue ? t.value.value : t.value
       );
-    }, f = v(() => {
+    }, c = v(() => {
       var e;
       return typeof t.value == "string" ? t.value : (e = t.value) == null ? void 0 : e.value;
     });
@@ -44,7 +49,7 @@ const _ = d({
         if (o.value)
           return;
         const l = a.items.find(
-          (m) => m.value === (typeof e == "string" ? e : e.value)
+          (d) => d.value === (typeof e == "string" ? e : e.value)
         );
         if (!l) {
           console.warn(
@@ -55,7 +60,7 @@ const _ = d({
         o.value = !0, await i(l), o.value = !1;
       }
     );
-    const c = () => {
+    const f = () => {
       var l;
       const e = (l = s.value) == null ? void 0 : l.querySelector(".AT_INPUT_icon_slot");
       e instanceof HTMLElement && e.setAttribute("data-rotate", r.value.toString());
@@ -64,13 +69,13 @@ const _ = d({
       onSelectedValueChange: i,
       selectedValue: t,
       open: r,
-      valueOfModel: f,
+      valueOfModel: c,
       containerRef: s,
       isInternalChange: o,
-      rotateIcon: c
+      rotateIcon: f
     };
   }
 });
 export {
-  _ as default
+  q as default
 };

package/dist/Select/index.d.ts

@@ -13,6 +13,11 @@ export declare const AtSelect: {
             type: StringConstructor;
             default: string;
         };
+        required: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
         items: {
             type: () => ISelectItemProps[];
             default: () => ISelectItemProps[];
@@ -49,6 +54,11 @@ export declare const AtSelect: {
             type: StringConstructor;
             default: string;
         };
+        required: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
         items: {
             type: () => ISelectItemProps[];
             default: () => ISelectItemProps[];
@@ -61,6 +71,7 @@ export declare const AtSelect: {
     }>> & {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }, {
+        required: boolean;
         label: string;
         modelValue: string | ISelectItemProps;
         items: ISelectItemProps[];
@@ -88,6 +99,11 @@ export declare const AtSelect: {
             default: () => ISelectItemProps[];
             validator: (value: ISelectItemProps[]) => boolean;
         };
+        required: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
         separator: {
             type: StringConstructor;
             default: string;
@@ -145,6 +161,11 @@ export declare const AtSelect: {
             default: () => ISelectItemProps[];
             validator: (value: ISelectItemProps[]) => boolean;
         };
+        required: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
         separator: {
             type: StringConstructor;
             default: string;
@@ -154,6 +175,7 @@ export declare const AtSelect: {
         "onUpdate:items"?: ((...args: any[]) => any) | undefined;
         "onUpdate:selectedItems"?: ((...args: any[]) => any) | undefined;
     }, {
+        required: boolean;
         label: string;
         disabled: boolean;
         modelValue: string[] | ISelectItemProps[];

package/dist/Stepper/Stepper.vue.js

@@ -1,5 +1,5 @@
 import $ from "./Stepper.vue2.js";
-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";
+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";
 import "./Stepper.vue3.js";
 import k from "../_virtual/_plugin-vue_export-helper.js";
 function E(e, C, I, g, b, A) {
@@ -7,14 +7,14 @@ function E(e, C, I, g, b, A) {
   return s(), n("div", {
     class: o(e.$props.direction === "vertical" ? "stepper-vertical" : "")
   }, [
-    a("div", {
+    i("div", {
       ref: "stepperElementCollection",
       class: o([
         "stepper",
         e.$props.direction === "vertical" ? "vertical-stepper" : "horizontal-stepper"
       ])
     }, [
-      a("div", {
+      i("div", {
         class: o([
           "stepper-line",
           e.$props.direction === "vertical" ? "vertical-stepper-line" : "horizontal-stepper-line"
@@ -29,30 +29,30 @@ function E(e, C, I, g, b, A) {
           "stepper-item-horizontal": e.$props.direction === "horizontal" ? !0 : ""
         }])
       }, [
-        a("div", {
+        i("div", {
           class: o(["stepper-item-counter", {
             current: e.$props.step === t,
             success: r.isSuccess === !0 && r.isError === !1,
             error: r.isError
           }])
         }, [
-          e.$props.step === t && r.isSuccess === !1 && r.isError === !1 && e.$props.numberedStep === !1 ? (s(), i(l(r.stepIcon), {
+          e.$props.step === t && r.isSuccess === !1 && r.isError === !1 && e.$props.numberedStep === !1 ? (s(), a(l(r.stepIcon), {
             key: 0,
             size: "20",
             class: "step-icon",
             color: "var(--at-primary-color-1)"
           })) : p("", !0),
-          e.$props.step !== t && r.isSuccess === !1 && r.isError === !1 && e.$props.numberedStep === !1 ? (s(), i(l(r.stepInactiveIcon), {
+          e.$props.step !== t && r.isSuccess === !1 && r.isError === !1 && e.$props.numberedStep === !1 ? (s(), a(l(r.stepInactiveIcon), {
             key: 1,
             size: "20",
             color: "var(--at-dark-grey)"
           })) : p("", !0),
-          r.isSuccess && r.isError === !1 ? (s(), i(l(e.AtCheckCircleSolidIcon), {
+          r.isSuccess && r.isError === !1 ? (s(), a(l(e.AtCheckCircleSolidIcon), {
             key: 2,
             size: "20",
             color: "var(--at-white)"
           })) : p("", !0),
-          r.isError ? (s(), i(l(e.AtWarningSolidIcon), {
+          r.isError ? (s(), a(l(e.AtWarningSolidIcon), {
             key: 3,
             id: "errorIcon",
             size: "20",
@@ -63,7 +63,7 @@ function E(e, C, I, g, b, A) {
             class: o(["number", e.$props.step === t ? "current-number" : ""])
           }, c(t + 1), 3)) : p("", !0)
         ], 2),
-        a("div", {
+        i("div", {
           class: o(["stepper-item-counter-content", {
             "stepper-item-counter-content-horizontal": e.$props.direction === "horizontal"
           }])
@@ -94,7 +94,7 @@ function E(e, C, I, g, b, A) {
     ], 2)
   ], 2);
 }
-const D = /* @__PURE__ */ k($, [["render", E], ["__scopeId", "data-v-f9f69ae1"]]);
+const D = /* @__PURE__ */ k($, [["render", E], ["__scopeId", "data-v-de902772"]]);
 export {
   D as default
 };

package/dist/TableConfig/TableConfig.d.ts

@@ -11,6 +11,7 @@ export interface TableConfigProps {
     resumedResponse?: boolean;
     checkAllText?: string;
     position?: "left" | "right";
+    id?: string;
 }
 declare const _default: import("vue").DefineComponent<{
     dropDownList: {
@@ -49,6 +50,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"left" | "right" | undefined>;
         default: string;
     };
+    id: {
+        type: PropType<string | undefined>;
+        required: false;
+    };
 }, {
     isDialogOpen: import("vue").Ref<boolean>;
     getButtonColor: import("vue").ComputedRef<"primary" | "secondary">;
@@ -111,6 +116,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"left" | "right" | undefined>;
         default: string;
     };
+    id: {
+        type: PropType<string | undefined>;
+        required: false;
+    };
 }>> & {
     onOnSave?: ((...args: any[]) => any) | undefined;
 }, {

package/dist/TableConfig/TableConfig.vue.js

@@ -1,12 +1,13 @@
-import f from "./TableConfig.vue2.js";
-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";
+import m from "./TableConfig.vue2.js";
+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";
 import "./TableConfig.vue3.js";
 import k from "../_virtual/_plugin-vue_export-helper.js";
 const g = { class: "tableConfig" }, v = { class: "at-dropdown-footer" };
-function b(o, r, h, A, _, S) {
+function h(o, r, A, b, S, _) {
   const d = n("AtSettingsSolidIcon"), l = n("AtButton"), c = n("AtChecklist"), p = n("AtDropdown");
-  return m(), C("section", null, [
+  return f(), C("section", null, [
     t(p, {
+      id: o.id,
       "is-open": o.isDialogOpen,
       "onUpdate:isOpen": r[0] || (r[0] = (u) => o.isDialogOpen = u),
       position: o.position
@@ -59,10 +60,10 @@ function b(o, r, h, A, _, S) {
         ])
       ]),
       _: 1
-    }, 8, ["is-open", "position"])
+    }, 8, ["id", "is-open", "position"])
   ]);
 }
-const D = /* @__PURE__ */ k(f, [["render", b], ["__scopeId", "data-v-837bfa4e"]]);
+const D = /* @__PURE__ */ k(m, [["render", h], ["__scopeId", "data-v-4326c741"]]);
 export {
   D as default
 };

package/dist/TableConfig/TableConfig.vue2.js

@@ -5,7 +5,7 @@ import x from "../Dropdown/Checklist/Dropdown.Checklist.vue.js";
 import A from "../Dropdown/Dropdown.core.vue.js";
 const C = {
   AtSettingsSolidIcon: y
-}, I = g({
+}, q = g({
   name: "AtTableConfig",
   components: {
     AtChecklist: x,
@@ -49,6 +49,10 @@ const C = {
     position: {
       type: String,
       default: "left"
+    },
+    id: {
+      type: String,
+      required: !1
     }
   },
   emits: ["onSave"],
@@ -59,9 +63,9 @@ const C = {
       s.value = JSON.parse(JSON.stringify(i.dropDownList)), n.value = JSON.parse(JSON.stringify(s.value));
     };
     a();
-    const r = () => t.value = !1, f = () => {
+    const r = () => t.value = !1, d = () => {
       r();
-    }, d = () => {
+    }, f = () => {
       const e = [];
       return n.value.forEach((o, m) => {
         e[m] = s.value.find((S) => S.text === o.text) ?? {};
@@ -72,12 +76,12 @@ const C = {
       getButtonColor: u,
       list: s,
       toggleDropdown: p,
-      handleClose: f,
+      handleClose: d,
       handleSorted: (e) => {
         n.value = e;
       },
       save: () => {
-        const e = d();
+        const e = f();
         c("onSave", e), r();
       },
       cancel: () => {
@@ -93,5 +97,5 @@ const C = {
   }
 });
 export {
-  I as default
+  q as default
 };

package/dist/Tabs/Tabs.d.ts

@@ -18,6 +18,7 @@ type AtTabProp = {
 export type AtTabsProps = {
     tabs: AtTabProp[];
     selectedTabIndex?: number;
+    fullSize?: boolean;
 };
 declare const _default: import("vue").DefineComponent<{
     tabs: {
@@ -29,6 +30,10 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    fullSize: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
 }, {
     tabsList: import("vue").ComputedRef<AtTabProp[]>;
     selectedTab: import("vue").Ref<{
@@ -41,6 +46,7 @@ declare const _default: import("vue").DefineComponent<{
         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;
     }>;
     selectedTabIndexRef: import("vue").Ref<number>;
+    contentStyle: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tabs: {
         type: PropType<AtTabProp[]>;
@@ -51,7 +57,12 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    fullSize: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
 }>>, {
+    fullSize: boolean | undefined;
     tabs: AtTabProp[];
     selectedTabIndex: number;
 }, {}>;

package/dist/Tabs/Tabs.vue.js

@@ -1,19 +1,19 @@
-import _ from "./Tabs.vue2.js";
-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";
+import m from "./Tabs.vue2.js";
+import { resolveComponent as p, openBlock as n, createElementBlock as c, createElementVNode as a, Fragment as _, renderList as f, createBlock as l, normalizeStyle as u, resolveDynamicComponent as T } from "vue";
 import "./Tabs.vue3.js";
-import T from "../_virtual/_plugin-vue_export-helper.js";
-const b = { class: "Tabs_container" }, k = {
+import b from "../_virtual/_plugin-vue_export-helper.js";
+const k = { class: "Tabs_container" }, y = {
   class: "Tabs_tablist",
   role: "tablist",
   "aria-orientation": "horizontal",
   "tab-index": "0"
-}, h = { class: "Tabs_content" };
-function B(t, v, $, C, I, y) {
-  var s;
-  const l = m("TabButton");
-  return n(), c("section", b, [
-    a("div", k, [
-      (n(!0), c(f, null, p(t.tabsList, (e, o) => (n(), r(l, {
+};
+function B(t, h, v, $, C, I) {
+  var i;
+  const r = p("TabButton");
+  return n(), c("section", k, [
+    a("div", y, [
+      (n(!0), c(_, null, f(t.tabsList, (e, o) => (n(), l(r, {
         key: o,
         "is-selected": o === t.selectedTabIndexRef,
         title: e.title,
@@ -21,17 +21,21 @@ function B(t, v, $, C, I, y) {
         icon: e.icon,
         "data-index": o,
         "on-click": (d) => {
-          var i;
-          (i = e.onClick) == null || i.call(e, d), t.selectedTabIndexRef = o;
+          var s;
+          (s = e.onClick) == null || s.call(e, d), t.selectedTabIndexRef = o;
         }
       }, null, 8, ["is-selected", "title", "notifications", "icon", "data-index", "on-click"]))), 128))
     ]),
-    a("main", h, [
-      (n(), r(u((s = t.selectedTab) == null ? void 0 : s.slot)))
-    ])
+    a("main", {
+      id: "tab-content",
+      class: "Tabs_content",
+      style: u(t.contentStyle)
+    }, [
+      (n(), l(T((i = t.selectedTab) == null ? void 0 : i.slot)))
+    ], 4)
   ]);
 }
-const x = /* @__PURE__ */ T(_, [["render", B], ["__scopeId", "data-v-4bf80e8f"]]);
+const S = /* @__PURE__ */ b(m, [["render", B], ["__scopeId", "data-v-d99c9ce4"]]);
 export {
-  x as default
+  S as default
 };

package/dist/Tabs/Tabs.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as f, ref as l, computed as v, onMounted as b, watch as c } from "vue";
-import m from "./Tab/Tab.vue.js";
-const T = f({
+import { defineComponent as x, ref as s, computed as h, onMounted as g, watch as f } from "vue";
+import p from "./Tab/Tab.vue.js";
+const T = x({
   name: "AtTabs",
   components: {
-    TabButton: m
+    TabButton: p
   },
   props: {
     tabs: {
@@ -14,34 +14,42 @@ const T = f({
     selectedTabIndex: {
       type: Number,
       default: 0
+    },
+    fullSize: {
+      type: Boolean,
+      default: !1
     }
   },
   setup(a) {
-    const e = l(a.selectedTabIndex ?? 0), s = window.history.state, t = v(() => a.tabs), d = l(a.tabs[e.value ?? 0]), r = () => {
-      const n = s == null ? void 0 : s.current, u = t.value.findIndex((o) => o.routeName === n);
+    const e = s(a.selectedTabIndex ?? 0), o = window.history.state, t = h(() => a.tabs), d = s(a.tabs[e.value ?? 0]), c = s(), r = () => {
+      var i;
+      const l = o == null ? void 0 : o.current, u = t.value.findIndex((m) => m.routeName === l);
       u !== -1 ? e.value = u : e.value = 0;
-    }, i = () => {
-      const n = t.value.findIndex(
-        (u, o) => o === e.value
+      const n = (i = document.getElementById("tab-content")) == null ? void 0 : i.getBoundingClientRect(), b = window.innerHeight - ((n == null ? void 0 : n.top) ?? 0) - 24;
+      a.fullSize && (c.value = { height: `${b}px` });
+    }, v = () => {
+      const l = t.value.findIndex(
+        (u, n) => n === e.value
       );
-      n !== -1 ? e.value = n : e.value = 0;
+      l !== -1 ? e.value = l : e.value = 0;
     };
-    return b(() => {
+    return g(() => {
       r();
-    }), c(
+    }), f(
       () => e.value,
       () => {
         d.value = t.value[e.value];
       }
-    ), c(
+    ), f(
       () => t.value,
       () => {
-        i();
+        v();
       }
     ), {
       tabsList: t,
       selectedTab: d,
-      selectedTabIndexRef: e
+      selectedTabIndexRef: e,
+      contentStyle: c
     };
   }
 });