@agrotools1/at-components 1.0.0 → 1.0.2

package/dist/Dropdown/Checklist/Dropdown.Checklist.vue2.js

@@ -0,0 +1,89 @@
+import { defineComponent as C, ref as s, onMounted as x, toRaw as y } from "vue";
+import { AtCloseSolidIcon as D } from "../../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCloseSolidIcon/index.js";
+import { AtDragOrderRegularIcon as S } from "../../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtDragOrderRegularIcon/index.js";
+import { AtLockRegularIcon as g } from "../../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtLockRegularIcon/index.js";
+import { AtUnlockRegularIcon as A } from "../../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtUnlockRegularIcon/index.js";
+import w from "../../Checkbox/Checkbox.vue.js";
+import "../../Filter/Filter.vue2.js";
+import "../../Filter/Filter.vue3.js";
+import R from "../../Tipograph/Paragraph/Paragraph.vue.js";
+import O from "./draggable.js";
+const M = {
+  AtCloseSolidIcon: D,
+  AtDragOrderRegularIcon: S,
+  AtLockRegularIcon: g,
+  AtUnlockRegularIcon: A
+}, F = C({
+  name: "AtChecklist",
+  components: { AtParagraph: R, AtCheckbox: w, ...M },
+  props: {
+    dropDownList: {
+      type: Array,
+      required: !0
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    checkAllText: {
+      type: String
+    },
+    sortable: {
+      type: Boolean,
+      default: !1
+    },
+    listItemSeparator: {
+      type: String,
+      default: " | "
+    }
+  },
+  emits: ["onClose", "onSorted", "onUpdateCheckbox"],
+  setup(e, { emit: c }) {
+    const b = s(), a = s([]), o = s([]), d = s(null), n = s(e.dropDownList), u = () => {
+      a.value = [], o.value = [], n.value.some((t) => "key" in t) ? a.value = n.value : o.value = n.value;
+    };
+    u();
+    const h = (t) => {
+      var r, m, f;
+      (r = a.value) == null || r.map(
+        (l) => l.value.filter((i) => !i.disabled).map((i) => i.value = t)
+      ), (f = (m = o.value) == null ? void 0 : m.filter((l) => !l.disabled)) == null || f.map((l) => l.value = t);
+    }, k = (t) => t.text, v = () => c("onClose", !0), I = (t) => t.disabled ? g : A, L = (t) => ({ color: t.disabled ? "var(--at-disabled-text)" : "var(--at-primary-color-1)" }), p = () => {
+      const t = new O(
+        o.value.map((r) => structuredClone(y(r))),
+        d.value
+      );
+      t.onDragIsEnd = () => c("onSorted", t.endList);
+    };
+    return x(() => {
+      e.sortable && p();
+    }), {
+      checkAllModel: b,
+      listSeparator: a,
+      listArray: o,
+      list: n,
+      sortableList: d,
+      setAllCheckboxValues: h,
+      getItemText: k,
+      setListProps: u,
+      closeDialog: v,
+      getLockItem: I,
+      getLockIconColor: L,
+      setListOrdenable: p
+    };
+  },
+  watch: {
+    dropDownList() {
+      this.list = this.dropDownList, this.setListProps();
+    },
+    sortable(e) {
+      e && this.setListOrdenable();
+    },
+    checkAllModel(e) {
+      this.setAllCheckboxValues(e);
+    }
+  }
+});
+export {
+  F as default
+};

package/dist/Dropdown/Checklist/Dropdown.Checklist.vue3.js

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

package/dist/Dropdown/Checklist/draggable.d.ts

@@ -0,0 +1,17 @@
+import { DropdownListItem } from '../Dropdown.types';
+
+declare class Draggable {
+    sortableList: HTMLElement | null;
+    draggedItem: any | null;
+    listArray: DropdownListItem[];
+    endList: DropdownListItem[];
+    mouseOverElement: HTMLElement;
+    onDragIsEnd: () => void;
+    onMouseOver(element: MouseEvent): void;
+    onDragStart(element: DragEvent): void;
+    onDragEnd(element: DragEvent): void;
+    static getDragAfterElement(container: any, y: any): any;
+    onDragOver(element: DragEvent): void;
+    constructor(listArray: DropdownListItem[], sortableList: HTMLElement | null);
+}
+export default Draggable;

package/dist/Dropdown/Checklist/draggable.js

@@ -0,0 +1,81 @@
+var g = Object.defineProperty;
+var c = (d, t, e) => t in d ? g(d, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[t] = e;
+var o = (d, t, e) => (c(d, typeof t != "symbol" ? t + "" : t, e), e);
+class l {
+  constructor(t, e) {
+    o(this, "sortableList");
+    o(this, "draggedItem");
+    o(this, "listArray");
+    o(this, "endList");
+    o(this, "mouseOverElement");
+    o(this, "onDragIsEnd");
+    var r, s, a, i;
+    this.draggedItem = null, this.listArray = t, this.sortableList = e ?? document.getElementById("sortable"), (r = this.sortableList) == null || r.addEventListener(
+      "dragstart",
+      this.onDragStart.bind(this)
+    ), (s = this.sortableList) == null || s.addEventListener("dragend", this.onDragEnd.bind(this)), (a = this.sortableList) == null || a.addEventListener("dragover", this.onDragOver.bind(this)), (i = this.sortableList) == null || i.addEventListener(
+      "mouseover",
+      this.onMouseOver.bind(this)
+    );
+  }
+  onMouseOver(t) {
+    this.mouseOverElement = t.target;
+  }
+  onDragStart(t) {
+    const e = t.target.attributes.getNamedItem("draggable"), r = this.mouseOverElement.classList.contains("icon-wrapper") || this.mouseOverElement.classList.contains("ordenable-icon");
+    if (!(e != null && e.value) || !r)
+      return t.preventDefault();
+    const a = `
+      opacity: .25;
+      border: 1px dashed var(--at-primary-color-2);
+      border-radius: 3px;
+      padding: 15px;
+    `;
+    this.draggedItem = t.target, setTimeout(() => {
+      t.target.setAttribute("style", a);
+    }, 0);
+  }
+  onDragEnd(t) {
+    setTimeout(() => {
+      var a;
+      t.target.setAttribute("style", ""), this.draggedItem = null;
+      const r = [].slice.call((a = this.sortableList) == null ? void 0 : a.children).map(
+        (i) => {
+          var n;
+          return Number.parseInt((n = i.id) == null ? void 0 : n.split("-")[2]);
+        }
+      ), s = [];
+      r.forEach((i, n) => {
+        s[n] = this.listArray[i];
+      }), this.endList = s, this.onDragIsEnd();
+    }, 0);
+  }
+  static getDragAfterElement(t, e) {
+    return [
+      ...t.querySelectorAll(".item.draggable:not(.dragging)")
+    ].reduce(
+      (s, a) => {
+        const i = a.getBoundingClientRect(), n = e - i.top - i.height / 2;
+        return n < 0 && n > s.offset ? {
+          offset: n,
+          element: a
+        } : s;
+      },
+      {
+        offset: Number.NEGATIVE_INFINITY
+      }
+    ).element;
+  }
+  onDragOver(t) {
+    var r, s;
+    t.preventDefault();
+    const e = l.getDragAfterElement(
+      this.sortableList,
+      t.clientY
+    );
+    e == null ? (r = this.sortableList) == null || r.appendChild(this.draggedItem) : (s = this.sortableList) == null || s.insertBefore(this.draggedItem, e);
+  }
+}
+export {
+  l as default
+};

package/dist/Dropdown/Dropdown.core.d.ts

@@ -0,0 +1,72 @@
+import { CSSProperties, PropType } from 'vue';
+
+declare const _default: import('vue').DefineComponent<{
+    isOpen: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    position: {
+        type: PropType<"left" | "right">;
+        default: string;
+    };
+    fullSize: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
+    teleportToBody: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
+    preventClickOutside: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
+    id: {
+        type: PropType<string | undefined>;
+        default: string;
+    };
+}, {
+    dialogIsOpen: import('vue').Ref<boolean>;
+    getDialogClass: import('vue').ComputedRef<string[]>;
+    dialogElem: import('vue').Ref<HTMLDivElement | undefined>;
+    triggerElem: import('vue').Ref<HTMLDivElement | undefined>;
+    dialogStyle: import('vue').Ref<CSSProperties | undefined>;
+    toggleDialog: () => void;
+    openDialog: () => Promise<void>;
+    closeDialog: () => Promise<void>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:isOpen"[], "update:isOpen", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    isOpen: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    position: {
+        type: PropType<"left" | "right">;
+        default: string;
+    };
+    fullSize: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
+    teleportToBody: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
+    preventClickOutside: {
+        type: PropType<boolean | undefined>;
+        default: boolean;
+    };
+    id: {
+        type: PropType<string | undefined>;
+        default: string;
+    };
+}>> & {
+    "onUpdate:isOpen"?: ((...args: any[]) => any) | undefined;
+}, {
+    isOpen: boolean;
+    id: string | undefined;
+    position: "left" | "right";
+    fullSize: boolean | undefined;
+    teleportToBody: boolean | undefined;
+    preventClickOutside: boolean | undefined;
+}, {}>;
+export default _default;

package/dist/Dropdown/Dropdown.core.vue.js

@@ -0,0 +1,47 @@
+import a from "./Dropdown.core.vue2.js";
+import { resolveComponent as g, openBlock as o, createElementBlock as r, createElementVNode as l, normalizeClass as i, renderSlot as n, createCommentVNode as p, createBlock as m, Teleport as c, createVNode as f, withCtx as u, normalizeStyle as C } from "vue";
+import "./Dropdown.core.vue3.js";
+import y from "../_virtual/_plugin-vue_export-helper.js";
+const $ = { class: "container-dialog" }, v = ["id"];
+function D(e, t, k, B, w, E) {
+  const d = g("DropdownContent");
+  return o(), r("section", $, [
+    l("div", {
+      class: i(e.getDialogClass)
+    }, [
+      e.$slots.trigger ? (o(), r("section", {
+        key: 0,
+        id: "trigger",
+        ref: "triggerElem",
+        onClick: t[0] || (t[0] = (...s) => e.toggleDialog && e.toggleDialog(...s))
+      }, [
+        n(e.$slots, "trigger", {}, void 0, !0)
+      ], 512)) : p("", !0),
+      (o(), m(c, {
+        to: "body",
+        disabled: !e.teleportToBody
+      }, [
+        f(d, null, {
+          default: u(() => [
+            l("div", {
+              id: e.id,
+              ref: "dialogElem",
+              class: i([
+                { isOpen: e.dialogIsOpen },
+                e.teleportToBody ? "dialog-content" : "dialog-content-static"
+              ]),
+              style: C(e.dialogStyle)
+            }, [
+              n(e.$slots, "default", {}, void 0, !0)
+            ], 14, v)
+          ]),
+          _: 3
+        })
+      ], 8, ["disabled"]))
+    ], 2)
+  ]);
+}
+const T = /* @__PURE__ */ y(a, [["render", D], ["__scopeId", "data-v-7dd93869"]]);
+export {
+  T as default
+};

package/dist/Dropdown/Dropdown.core.vue2.js

@@ -0,0 +1,114 @@
+import { defineComponent as H, ref as n, watch as G, onMounted as J, onUnmounted as K, computed as M } from "vue";
+import Q from "./DropdownContent/DropdownContent.vue.js";
+const V = H({
+  name: "AtDropdown",
+  components: { DropdownContent: Q },
+  props: {
+    isOpen: {
+      type: Boolean,
+      default: !1
+    },
+    position: {
+      type: String,
+      default: "left"
+    },
+    fullSize: {
+      type: Boolean,
+      default: !1
+    },
+    teleportToBody: {
+      type: Boolean,
+      default: !0
+    },
+    preventClickOutside: {
+      type: Boolean,
+      default: !1
+    },
+    id: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:isOpen"],
+  setup(l, { emit: g }) {
+    const c = n(!1);
+    c.value = l.isOpen;
+    const a = n(), u = n(), s = n(), y = n(0), i = n(), f = n(), d = n(null), r = () => {
+      var O, S, b, C, z, B, T, D, E, L, k, W, $;
+      y.value = ((O = d.value) == null ? void 0 : O.scrollTop) ?? window.scrollY;
+      const e = (b = (S = u.value) == null ? void 0 : S.children[0]) == null ? void 0 : b.querySelector(
+        ".AT-INPUT_error-message"
+      ), o = 1 / (Number.parseFloat((C = window.getComputedStyle(document.body)) == null ? void 0 : C.zoom) || 1);
+      i.value = (z = u.value) == null ? void 0 : z.getBoundingClientRect();
+      const N = {
+        y: y.value * o
+      }, t = {
+        top: (((B = i.value) == null ? void 0 : B.top) ?? 0) * o,
+        right: (((T = i.value) == null ? void 0 : T.right) ?? 0) * o,
+        bottom: (((D = i.value) == null ? void 0 : D.bottom) ?? 0) * o,
+        left: (((E = i.value) == null ? void 0 : E.left) ?? 0) * o,
+        width: (((L = i.value) == null ? void 0 : L.width) ?? 0) * o,
+        height: (((k = i.value) == null ? void 0 : k.height) ?? 0) * o
+      }, x = ((t == null ? void 0 : t.bottom) ?? 0) + ((e == null ? void 0 : e.clientHeight) ?? 0) + 8 + A(N), U = {
+        left: () => {
+          var v, p;
+          s.value = {
+            x: (t == null ? void 0 : t.left) ?? 0,
+            y: x
+          }, f.value = {
+            top: `${((v = s.value) == null ? void 0 : v.y) || 0}px`,
+            left: `${((p = s.value) == null ? void 0 : p.x) || 0}px`,
+            zIndex: "2147483641",
+            position: "absolute"
+          };
+        },
+        right: () => {
+          var v, p, I, P;
+          s.value = {
+            x: ((t == null ? void 0 : t.left) ?? 0) - ((((v = a.value) == null ? void 0 : v.clientWidth) ?? 0) - (((p = u.value) == null ? void 0 : p.clientWidth) ?? 0)),
+            y: x
+          }, f.value = {
+            top: `${((I = s.value) == null ? void 0 : I.y) || 0}px`,
+            left: `${((P = s.value) == null ? void 0 : P.x) || 0}px`,
+            zIndex: "2147483641",
+            position: "absolute"
+          };
+        }
+      }, F = window.innerWidth - ((t == null ? void 0 : t.right) ?? 0) <= (((W = a.value) == null ? void 0 : W.offsetWidth) ?? 0) ? "right" : l.position;
+      U[F](), l.fullSize && (f.value.width = `${(($ = u.value) == null ? void 0 : $.clientWidth) ?? 0}px`);
+    }, A = (e) => d.value ? 0 : e.y;
+    G(
+      () => l.isOpen,
+      (e) => {
+        c.value = e, e && setTimeout(() => {
+          l.teleportToBody && r();
+        }, 10);
+      }
+    );
+    const Y = async () => g("update:isOpen", !0), h = async () => g("update:isOpen", !1), w = (e) => {
+      var m, o;
+      l.preventClickOutside || c.value && !((m = a == null ? void 0 : a.value) != null && m.contains(e.target)) && !((o = u.value) != null && o.contains(e.target)) && h();
+    }, _ = () => g("update:isOpen", !c.value);
+    J(() => {
+      var e;
+      document.addEventListener("click", w), l.teleportToBody && (window.addEventListener("resize", r), d.value = document.querySelector(".at-scrollable-container") || null, (e = d.value) == null || e.addEventListener("scroll", r), r());
+    }), K(() => {
+      var e;
+      document.removeEventListener("click", w), l.teleportToBody && (window.removeEventListener("resize", r), (e = d.value) == null || e.removeEventListener("scroll", r));
+    });
+    const q = M(() => ["dialog"]);
+    return {
+      dialogIsOpen: c,
+      getDialogClass: q,
+      dialogElem: a,
+      triggerElem: u,
+      dialogStyle: f,
+      toggleDialog: _,
+      openDialog: Y,
+      closeDialog: h
+    };
+  }
+});
+export {
+  V as default
+};

package/dist/Dropdown/Dropdown.core.vue3.js

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

package/dist/Dropdown/Dropdown.types.d.ts

@@ -0,0 +1,22 @@
+import { IconOptions } from '../List/components/List.types';
+import type * as icons from "@agrotools1/at-icons";
+export type IconType = keyof typeof icons;
+export interface DropdownListItem {
+    value: boolean | Array<string>;
+    text: string;
+    className?: string;
+    separator?: string;
+    iconLeft?: IconType | IconOptions;
+    iconRight?: IconType | IconOptions;
+    disabled?: boolean;
+    identifier?: string;
+    onClick?: (item: DropdownListItem) => void;
+}
+export interface DropdownCoreProps {
+    isOpen: boolean;
+    position: "right" | "left";
+    preventClickOutside?: boolean;
+    fullSize?: boolean;
+    teleportToBody?: boolean;
+    id?: string;
+}

package/dist/Dropdown/DropdownContent/DropdownContent.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/Dropdown/DropdownContent/DropdownContent.vue.js

@@ -0,0 +1,10 @@
+import r from "./DropdownContent.vue2.js";
+import { renderSlot as t } from "vue";
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+function n(o, p, s, f, a, c) {
+  return t(o.$slots, "default");
+}
+const i = /* @__PURE__ */ e(r, [["render", n]]);
+export {
+  i as default
+};

package/dist/Dropdown/DropdownContent/DropdownContent.vue2.js

@@ -0,0 +1,9 @@
+import { defineComponent as n } from "vue";
+const e = n({
+  name: "DropdownContent",
+  setup() {
+  }
+});
+export {
+  e as default
+};

package/dist/Faq/Faq.d.ts

@@ -0,0 +1,6 @@
+export type FaqType = {
+    index?: number;
+    title: string;
+    actionTitle?: string;
+    function: () => void;
+};

package/dist/Faq/Faq.vue.js

@@ -0,0 +1,41 @@
+import l from "./Faq.vue2.js";
+import { resolveComponent as e, openBlock as d, createElementBlock as m, createElementVNode as p, createVNode as o, withCtx as s, createTextVNode as n, toDisplayString as a } from "vue";
+import "./Faq.vue3.js";
+import "./Faq.vue4.js";
+import _ from "../_virtual/_plugin-vue_export-helper.js";
+const f = { class: "card" }, u = { class: "faq-title-card" };
+function q(t, A, h, v, B, $) {
+  const i = e("AtTitle"), r = e("AtButton"), c = e("AtFaqItem");
+  return d(), m("div", f, [
+    p("div", u, [
+      o(i, {
+        as: "h6",
+        bold: !0,
+        class: "faq-title"
+      }, {
+        default: s(() => [
+          n(a(t.title), 1)
+        ]),
+        _: 1
+      }),
+      o(r, {
+        class: "faq-button",
+        variant: "secondary",
+        onClick: t.toogleListQuestions
+      }, {
+        default: s(() => [
+          n(a(t.$props.faqButtonText), 1)
+        ]),
+        _: 1
+      }, 8, ["onClick"])
+    ]),
+    o(c, {
+      items: t.items,
+      "full-size": ""
+    }, null, 8, ["items"])
+  ]);
+}
+const N = /* @__PURE__ */ _(l, [["render", q], ["__scopeId", "data-v-f954d523"]]);
+export {
+  N as default
+};

package/dist/Faq/Faq.vue2.js

@@ -0,0 +1,41 @@
+import { defineComponent as r, ref as o } from "vue";
+import i from "../Button/Button.vue.js";
+import { AtTipograph as a } from "../Tipograph/index.js";
+import n from "./FaqItem/FaqItem.vue.js";
+const l = r({
+  name: "Faq",
+  components: {
+    AtTitle: a.Title,
+    AtButton: i,
+    AtFaqItem: n
+  },
+  props: {
+    title: {
+      type: String,
+      required: !0,
+      default: "Título padrão",
+      validator: (t) => typeof t == "string"
+    },
+    faqButtonText: {
+      type: String,
+      required: !1,
+      default: "Ver mais",
+      validator: (t) => typeof t == "string"
+    },
+    items: {
+      type: Array,
+      required: !0,
+      validator: (t) => Array.isArray(t) && t.every((e) => typeof e == "object")
+    }
+  },
+  setup() {
+    const t = o(!1);
+    return {
+      buttonInteraction: t,
+      toogleListQuestions: () => t.value = !t.value
+    };
+  }
+});
+export {
+  l as default
+};

package/dist/Faq/Faq.vue3.js

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

package/dist/Faq/Faq.vue4.js

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

package/dist/Faq/FaqItem/FaqItem.d.ts

@@ -0,0 +1,36 @@
+import { PropType } from 'vue';
+import { FaqType } from '../Faq';
+
+declare const _default: import('vue').DefineComponent<{
+    items: {
+        type: PropType<FaqType[]>;
+        required: true;
+        validator: (value: Array<FaqType>) => boolean;
+    };
+    fullSize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedTop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, void, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    items: {
+        type: PropType<FaqType[]>;
+        required: true;
+        validator: (value: Array<FaqType>) => boolean;
+    };
+    fullSize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedTop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    fullSize: boolean;
+    fixedTop: boolean;
+}, {}>;
+export default _default;

package/dist/Faq/FaqItem/FaqItem.vue.js

@@ -0,0 +1,56 @@
+import _ from "./FaqItem.vue2.js";
+import { resolveComponent as i, openBlock as n, createBlock as u, Teleport as g, createElementVNode as a, normalizeClass as h, createElementBlock as l, Fragment as A, renderList as b, createVNode as e, withCtx as r, createTextVNode as c, toDisplayString as d } from "vue";
+import "./FaqItem.vue3.js";
+import x from "../../_virtual/_plugin-vue_export-helper.js";
+const k = { class: "faq-items" }, q = { class: "faq-text" };
+function y(t, z, T, B, C, S) {
+  const s = i("AtParagraph"), p = i("AtArrowRightSolidIcon"), m = i("AtButton");
+  return n(), u(g, {
+    to: "body",
+    disabled: !t.fixedTop
+  }, [
+    a("ul", {
+      class: h(["faq-items-list", ["faq-item-list", { fullSize: t.fullSize, fixedTop: t.fixedTop }]])
+    }, [
+      (n(!0), l(A, null, b(t.items, (o, f) => (n(), l("li", { key: f }, [
+        a("div", k, [
+          a("div", q, [
+            e(s, {
+              size: "p2",
+              style: { "margin-bottom": "0px" }
+            }, {
+              default: r(() => [
+                c(d(o.title), 1)
+              ]),
+              _: 2
+            }, 1024),
+            e(s, {
+              size: "p2",
+              style: { "margin-bottom": "0px" },
+              weight: "bold"
+            }, {
+              default: r(() => [
+                c(d(o.actionTitle), 1)
+              ]),
+              _: 2
+            }, 1024)
+          ]),
+          e(m, {
+            class: "faq-item-button",
+            "only-icon": "",
+            onClick: o.function
+          }, {
+            default: r(() => [
+              e(p, { size: "16" })
+            ]),
+            _: 2
+          }, 1032, ["onClick"])
+        ])
+      ]))), 128))
+    ], 2)
+  ], 8, ["disabled"]);
+}
+const N = /* @__PURE__ */ x(_, [["render", y], ["__scopeId", "data-v-c2b4761e"]]);
+export {
+  N as default
+};