@agrotools1/at-components 1.0.0 → 1.0.2

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

@@ -0,0 +1,166 @@
+import { defineComponent as q, ref as r, provide as A, watch as v, computed as y, onMounted as x } from "vue";
+import { AtTipograph as T } from "../../Tipograph/index.js";
+import _ from "../Item/Item.vue.js";
+import j from "../Select.core.vue.js";
+const k = q({
+  name: "AtSingleSelect",
+  components: {
+    AtSingleCore: j,
+    AtItem: _,
+    AtParagraph: T.Paragraph
+  },
+  props: {
+    modelValue: {
+      type: [Object, String],
+      required: !1,
+      default: ""
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    required: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    items: {
+      type: Array,
+      default: () => [],
+      validator: (t) => Array.isArray(t) && t.every((f) => typeof f == "object")
+    },
+    emitValue: {
+      type: Boolean,
+      default: !1
+    },
+    isLoading: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    hasAutocomplete: {
+      type: Boolean,
+      default: !1
+    },
+    showClearButton: {
+      type: Boolean,
+      default: !1
+    },
+    showTooltipOnOverflow: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    error: {
+      type: Object,
+      default: () => {
+      }
+    },
+    msgNoResult: {
+      type: String,
+      default: "Dado não encontrado"
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "clearValue"],
+  setup(t, { emit: f }) {
+    const n = r(null), o = r(!1), l = r(t.modelValue), u = r(""), c = r(!1), s = r(d(t.items));
+    A("error", t.error), v(t.error, () => A("error", t.error)), v(
+      t.items,
+      () => {
+        s.value = d(t.items);
+      },
+      {
+        deep: !0
+      }
+    );
+    const h = (e) => {
+      l.value = e, o.value = !1, g(), f(
+        "update:modelValue",
+        t.emitValue ? l.value.value : l.value
+      );
+    }, L = (e) => {
+      l.value !== "" && (u.value = "", l.value = "", m()), u.value = e;
+      const a = t.items.filter((i) => i.text.toLowerCase().includes(e.toLowerCase()));
+      s.value = d(a, e), o.value = !0;
+    }, V = y(() => {
+      var e;
+      return typeof l.value == "string" ? l.value : (e = l.value) == null ? void 0 : e.value;
+    }), I = () => {
+      u.value = "", l.value = "", m(), f("clearValue");
+    };
+    function d(e, a) {
+      return e.sort((i, O) => {
+        const p = i.text.toLowerCase(), w = O.text.toLowerCase();
+        if (a) {
+          const C = p.startsWith(a.toLowerCase()), S = w.startsWith(a.toLowerCase());
+          if (C && !S)
+            return -1;
+          if (!C && S)
+            return 1;
+        }
+        return p.localeCompare(w);
+      });
+    }
+    const b = y(
+      () => {
+        var e;
+        return !((e = s.value) != null && e.length) && t.hasAutocomplete;
+      }
+    );
+    function B(e) {
+      var a;
+      o.value === !0 && !((a = n == null ? void 0 : n.value) != null && a.contains(e.target)) && (o.value = !1), l.value === "" && (u.value = "", m());
+    }
+    const m = () => {
+      s.value = d(t.items);
+    };
+    x(() => {
+      document.addEventListener("click", B);
+    }), v(
+      () => t.modelValue,
+      async (e) => {
+        if (c.value)
+          return;
+        const a = t.items.find(
+          (i) => i.value === (typeof e == "string" ? e : e.value)
+        );
+        if (!a) {
+          console.warn(
+            "O valor ao qual você alterou o v-model não está contida nos itens disponíveis"
+          ), l.value = "";
+          return;
+        }
+        c.value = !0, await h(a), c.value = !1;
+      }
+    );
+    const g = () => {
+      var a;
+      const e = (a = n.value) == null ? void 0 : a.querySelector(".AT_INPUT_icon_slot");
+      e instanceof HTMLElement && e.setAttribute("data-rotate", o.value.toString());
+    };
+    return {
+      onSelectedValueChange: h,
+      selectedValue: l,
+      open: o,
+      valueOfModel: V,
+      containerRef: n,
+      isInternalChange: c,
+      rotateIcon: g,
+      handleTyping: L,
+      filteredItems: y(() => s),
+      textValue: u,
+      showNoResult: b,
+      handleClearInput: I
+    };
+  }
+});
+export {
+  k as default
+};

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

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/Select/imgs/indicator.svg.js

@@ -0,0 +1,4 @@
+const M = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDEwIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNOC45MTQxNiAwLjc4OTE4N0M4Ljg1OTkzIDAuNzM0NTEyIDguNzk1NDIgMC42OTExMTUgOC43MjQzMyAwLjY2MTVDOC42NTMyNSAwLjYzMTg4NSA4LjU3NyAwLjYxNjYzOCA4LjUgMC42MTY2MzhDOC40MjI5OSAwLjYxNjYzOCA4LjM0Njc1IDAuNjMxODg1IDguMjc1NjYgMC42NjE1QzguMjA0NTggMC42OTExMTUgOC4xNDAwNiAwLjczNDUxMiA4LjA4NTgzIDAuNzg5MTg3TDUuNDE0MTYgMy40NjA4NUM1LjM1OTk0IDMuNTE1NTMgNS4yOTU0MiAzLjU1ODkzIDUuMjI0MzMgMy41ODg1NEM1LjE1MzI1IDMuNjE4MTYgNS4wNzcgMy42MzM0IDUgMy42MzM0QzQuOTIyOTkgMy42MzM0IDQuODQ2NzUgMy42MTgxNiA0Ljc3NTY2IDMuNTg4NTRDNC43MDQ1OCAzLjU1ODkzIDQuNjQwMDYgMy41MTU1MyA0LjU4NTgzIDMuNDYwODVMMS45MTQxNiAwLjc4OTE4N0MxLjg1OTk0IDAuNzM0NTEyIDEuNzk1NDIgMC42OTExMTUgMS43MjQzMyAwLjY2MTVDMS42NTMyNSAwLjYzMTg4NSAxLjU3NzAxIDAuNjE2NjM4IDEuNSAwLjYxNjYzOEMxLjQyMjk5IDAuNjE2NjM4IDEuMzQ2NzUgMC42MzE4ODUgMS4yNzU2NiAwLjY2MTVDMS4yMDQ1OCAwLjY5MTExNSAxLjE0MDA2IDAuNzM0NTEyIDEuMDg1ODMgMC43ODkxODdDMC45NzcxODUgMC44OTg0ODIgMC45MTYyMDMgMS4wNDYzMyAwLjkxNjIwMyAxLjIwMDQ0QzAuOTE2MjAzIDEuMzU0NTUgMC45NzcxODUgMS41MDIzOSAxLjA4NTgzIDEuNjExNjlMMy43NjMzMyA0LjI4OTE5QzQuMDkxNDYgNC42MTY5IDQuNTM2MjUgNC44MDA5OCA1IDQuODAwOThDNS40NjM3NSA0LjgwMDk4IDUuOTA4NTQgNC42MTY5IDYuMjM2NjYgNC4yODkxOUw4LjkxNDE2IDEuNjExNjlDOS4wMjI4MSAxLjUwMjM5IDkuMDgzNzkgMS4zNTQ1NSA5LjA4Mzc5IDEuMjAwNDRDOS4wODM3OSAxLjA0NjMzIDkuMDIyODEgMC44OTg0ODIgOC45MTQxNiAwLjc4OTE4N1oiIGZpbGw9IiNBMEEwQTAiLz4NCjwvc3ZnPg0K";
+export {
+  M as default
+};

package/dist/Select/index.d.ts

@@ -0,0 +1,298 @@
+import { SelectItemProps as ISelectItemProps } from './Item/Item';
+import { SelectCoreProps } from './Select.core';
+
+export type SelectProps = SelectCoreProps;
+export type SelectItemProps = ISelectItemProps;
+export declare const AtSelect: {
+    Single: import('vue').DefineComponent<{
+        modelValue: {
+            type: import('vue').PropType<string | ISelectItemProps>;
+            required: false;
+            default: string;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        required: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        items: {
+            type: () => ISelectItemProps[];
+            default: () => ISelectItemProps[];
+            validator: (value: ISelectItemProps[]) => boolean;
+        };
+        emitValue: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isLoading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hasAutocomplete: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showClearButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showTooltipOnOverflow: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        error: {
+            type: ObjectConstructor;
+            default: () => void;
+        };
+        msgNoResult: {
+            type: StringConstructor;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+    }, {
+        onSelectedValueChange: (item: ISelectItemProps) => void;
+        selectedValue: import('vue').Ref<string | {
+            text: string;
+            value: string;
+            onClick?: ((payload: MouseEvent) => void) | undefined;
+            onCheckboxChange?: ((payload: import('./Item/Item').CheckboxProps) => void) | undefined;
+            checkboxValue?: boolean | undefined;
+            isSelected?: boolean | undefined;
+            type?: "text" | "multiple" | "with-icon" | undefined;
+            icon?: string | undefined;
+            btnClass?: string | undefined;
+        }>;
+        open: import('vue').Ref<boolean>;
+        valueOfModel: import('vue').ComputedRef<string>;
+        containerRef: import('vue').Ref<HTMLDivElement | null>;
+        isInternalChange: import('vue').Ref<boolean>;
+        rotateIcon: () => void;
+        handleTyping: (value: string) => void;
+        filteredItems: import('vue').ComputedRef<import('vue').Ref<{
+            text: string;
+            value: string;
+            onClick?: ((payload: MouseEvent) => void) | undefined;
+            onCheckboxChange?: ((payload: import('./Item/Item').CheckboxProps) => void) | undefined;
+            checkboxValue?: boolean | undefined;
+            isSelected?: boolean | undefined;
+            type?: "text" | "multiple" | "with-icon" | undefined;
+            icon?: string | undefined;
+            btnClass?: string | undefined;
+        }[]>>;
+        textValue: import('vue').Ref<string>;
+        showNoResult: import('vue').ComputedRef<boolean>;
+        handleClearInput: () => void;
+    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "clearValue")[], "update:modelValue" | "clearValue", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+        modelValue: {
+            type: import('vue').PropType<string | ISelectItemProps>;
+            required: false;
+            default: string;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        required: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        items: {
+            type: () => ISelectItemProps[];
+            default: () => ISelectItemProps[];
+            validator: (value: ISelectItemProps[]) => boolean;
+        };
+        emitValue: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isLoading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hasAutocomplete: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showClearButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showTooltipOnOverflow: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        error: {
+            type: ObjectConstructor;
+            default: () => void;
+        };
+        msgNoResult: {
+            type: StringConstructor;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onClearValue?: ((...args: any[]) => any) | undefined;
+    }, {
+        required: boolean;
+        label: string;
+        error: Record<string, any>;
+        disabled: boolean;
+        isLoading: boolean;
+        modelValue: string | ISelectItemProps;
+        placeholder: string;
+        items: ISelectItemProps[];
+        showClearButton: boolean;
+        msgNoResult: string;
+        showTooltipOnOverflow: boolean;
+        emitValue: boolean;
+        hasAutocomplete: boolean;
+    }, {}>;
+    Multiple: import('vue').DefineComponent<{
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        modelValue: {
+            type: import('vue').PropType<string[] | ISelectItemProps[]>;
+            default: () => ISelectItemProps[];
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        emitValue: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        items: {
+            type: () => ISelectItemProps[];
+            default: () => ISelectItemProps[];
+            validator: (value: ISelectItemProps[]) => boolean;
+        };
+        required: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        separator: {
+            type: StringConstructor;
+            default: string;
+        };
+        error: {
+            type: ObjectConstructor;
+            default: () => void;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+    }, {
+        onSelectedValueChange: (item: ISelectItemProps, isChecked: boolean) => void;
+        onSelectedItemClick: (selectedValue: string, isOpen?: boolean) => void;
+        rotateIcon: () => void;
+        myItems: import('vue').Ref<{
+            text: string;
+            value: string;
+            onClick?: ((payload: MouseEvent) => void) | undefined;
+            onCheckboxChange?: ((payload: import('./Item/Item').CheckboxProps) => void) | undefined;
+            checkboxValue?: boolean | undefined;
+            isSelected?: boolean | undefined;
+            type?: "text" | "multiple" | "with-icon" | undefined;
+            icon?: string | undefined;
+            btnClass?: string | undefined;
+        }[]>;
+        values: import('vue').ComputedRef<string>;
+        selectedValues: import('vue').Ref<{
+            text: string;
+            value: string;
+            onClick?: ((payload: MouseEvent) => void) | undefined;
+            onCheckboxChange?: ((payload: import('./Item/Item').CheckboxProps) => void) | undefined;
+            checkboxValue?: boolean | undefined;
+            isSelected?: boolean | undefined;
+            type?: "text" | "multiple" | "with-icon" | undefined;
+            icon?: string | undefined;
+            btnClass?: string | undefined;
+        }[]>;
+        isInternalChange: import('vue').Ref<boolean>;
+        isOpen: import('vue').Ref<boolean>;
+        containerRef: import('vue').Ref<HTMLDivElement | null>;
+        icons: {
+            indicatorSvg: string;
+        };
+    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "update:items" | "update:selectedItems")[], "update:modelValue" | "update:items" | "update:selectedItems", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        modelValue: {
+            type: import('vue').PropType<string[] | ISelectItemProps[]>;
+            default: () => ISelectItemProps[];
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        emitValue: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        items: {
+            type: () => ISelectItemProps[];
+            default: () => ISelectItemProps[];
+            validator: (value: ISelectItemProps[]) => boolean;
+        };
+        required: {
+            type: BooleanConstructor;
+            required: false;
+            default: boolean;
+        };
+        separator: {
+            type: StringConstructor;
+            default: string;
+        };
+        error: {
+            type: ObjectConstructor;
+            default: () => void;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:items"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:selectedItems"?: ((...args: any[]) => any) | undefined;
+    }, {
+        required: boolean;
+        label: string;
+        error: Record<string, any>;
+        disabled: boolean;
+        modelValue: string[] | ISelectItemProps[];
+        placeholder: string;
+        items: ISelectItemProps[];
+        separator: string;
+        emitValue: boolean;
+    }, {}>;
+};

package/dist/Select/index.js

@@ -0,0 +1,9 @@
+import t from "./Multiple/Select.multiple.vue.js";
+import e from "./Single/Select.single.vue.js";
+const o = {
+  Single: e,
+  Multiple: t
+};
+export {
+  o as AtSelect
+};

package/dist/Skeleton/Skeleton.d.ts

@@ -0,0 +1,25 @@
+export interface SkeletonProps {
+}
+declare const _default: import('vue').DefineComponent<{
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+}, void, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    width: string;
+    height: string;
+}, {}>;
+export default _default;

package/dist/Skeleton/Skeleton.vue.js

@@ -0,0 +1,16 @@
+import o from "./Skeleton.vue2.js";
+import { openBlock as t, createElementBlock as r, createElementVNode as l, normalizeStyle as c } from "vue";
+import n from "../_virtual/_plugin-vue_export-helper.js";
+const s = { class: "card-body placeholder-glow" };
+function a(e, d, i, p, h, m) {
+  return t(), r("div", s, [
+    l("span", {
+      class: "placeholder rounded col-12",
+      style: c({ width: e.width, height: e.height })
+    }, null, 4)
+  ]);
+}
+const $ = /* @__PURE__ */ n(o, [["render", a]]);
+export {
+  $ as default
+};

package/dist/Skeleton/Skeleton.vue2.js

@@ -0,0 +1,19 @@
+import { defineComponent as t } from "vue";
+const n = t({
+  name: "AtSkeleton",
+  props: {
+    width: {
+      type: String,
+      default: "100%"
+    },
+    height: {
+      type: String,
+      default: "100%"
+    }
+  },
+  setup() {
+  }
+});
+export {
+  n as default
+};

package/dist/Skeleton/index.d.ts

@@ -0,0 +1 @@
+export { default as AtSkeleton, type SkeletonProps } from './Skeleton';

package/dist/Stepper/Stepper.vue.js

@@ -0,0 +1,113 @@
+import I from "./Stepper.vue2.js";
+import { resolveComponent as m, openBlock as t, createElementBlock as p, normalizeClass as o, createElementVNode as a, normalizeStyle as C, Fragment as v, renderList as f, createBlock as n, resolveDynamicComponent as c, createCommentVNode as i, toDisplayString as l, createVNode as y, withCtx as d, createTextVNode as u } from "vue";
+import "./Stepper.vue3.js";
+import S from "../_virtual/_plugin-vue_export-helper.js";
+function A(e, E, g, w, N, b) {
+  const z = m("AtParagraph"), h = m("AtTitle");
+  return t(), p("div", {
+    class: o(e.$props.direction === "vertical" ? "stepper-vertical" : "")
+  }, [
+    a("div", {
+      ref: "stepperElementCollection",
+      class: o([
+        "stepper",
+        e.$props.direction === "vertical" ? "vertical-stepper" : "horizontal-stepper"
+      ])
+    }, [
+      a("div", {
+        class: o([
+          "stepper-line",
+          e.$props.direction === "vertical" ? "vertical-stepper-line" : "horizontal-stepper-line"
+        ]),
+        style: C(e.handleDirection)
+      }, null, 6),
+      (t(!0), p(v, null, f(e.stepper, (r, s) => (t(), p("div", {
+        key: s,
+        ref_for: !0,
+        ref: "stepperItemElementCollection",
+        class: o(["stepper-item", {
+          "stepper-item-horizontal": e.$props.direction === "horizontal" ? !0 : ""
+        }])
+      }, [
+        a("div", {
+          class: o(["stepper-item-counter", {
+            current: e.$props.step === s,
+            success: r.isSuccess === !0 && r.isError === !1,
+            error: r.isError
+          }])
+        }, [
+          e.showStepIcon(r, s) ? (t(), n(c(r.stepIcon), {
+            key: 0,
+            size: "20",
+            class: "step-icon",
+            color: "var(--at-primary-color-1)"
+          })) : i("", !0),
+          e.showStepInactiveItem(r, s) ? (t(), n(c(r.stepInactiveIcon), {
+            key: 1,
+            size: "20",
+            color: "var(--at-dark-grey)"
+          })) : i("", !0),
+          r.isSuccess && r.isError === !1 ? (t(), n(c(e.AtCheckCircleSolidIcon), {
+            key: 2,
+            size: "20",
+            color: "var(--at-white)"
+          })) : i("", !0),
+          r.isError ? (t(), n(c(e.AtWarningSolidIcon), {
+            key: 3,
+            id: "errorIcon",
+            size: "20",
+            color: "var(--at-white )"
+          })) : i("", !0),
+          e.showCurrentNumber(r) ? (t(), p("span", {
+            key: 4,
+            class: o(["number", e.$props.step === s ? "current-number" : ""])
+          }, l(s + 1), 3)) : i("", !0)
+        ], 2),
+        a("div", {
+          class: o(["stepper-item-counter-content", {
+            "stepper-item-counter-content-horizontal": e.$props.direction === "horizontal"
+          }])
+        }, [
+          y(z, {
+            size: "p2",
+            weight: "bold",
+            class: "stepper-item-counter-content-title"
+          }, {
+            default: d(() => [
+              u(l(r.title), 1)
+            ]),
+            _: 2
+          }, 1024),
+          Array.isArray(r.description) ? (t(!0), p(v, { key: 0 }, f(r.description, (k, $) => (t(), p("div", { key: $ }, [
+            y(h, {
+              as: "h6",
+              class: o(["stepper-item-counter-content-description", {
+                "horizontal-step-item-description": e.$props.direction === "horizontal"
+              }])
+            }, {
+              default: d(() => [
+                u(l(k), 1)
+              ]),
+              _: 2
+            }, 1032, ["class"])
+          ]))), 128)) : (t(), n(h, {
+            key: 1,
+            as: "h6",
+            class: o(["stepper-item-counter-content-description", {
+              "horizontal-step-item-description": e.$props.direction === "horizontal"
+            }])
+          }, {
+            default: d(() => [
+              u(l(r.description), 1)
+            ]),
+            _: 2
+          }, 1032, ["class"]))
+        ], 2)
+      ], 2))), 128))
+    ], 2)
+  ], 2);
+}
+const P = /* @__PURE__ */ S(I, [["render", A], ["__scopeId", "data-v-e6fefd40"]]);
+export {
+  P as default
+};