appmax-client-vue3 5.0.2 → 5.0.3

package/dist/ds-appmax-v335-CxVys9Ba.js

@@ -0,0 +1,278 @@
+import { aM as s, X as y, W as w, a9 as resolveComponent, g as createElementBlock, h as openBlock, i as createVNode, j as createBaseVNode, k as createCommentVNode, a5 as withDirectives, F as Fragment, q as renderList, n as normalizeClass, I as withModifiers, r as ref, cK as S, e as computed, o as onMounted, cL as g, A as watch, cM as je, aD as vShow } from "./main-Cykj4Wra.js";
+const X = {
+  name: "AmUploader",
+  components: {
+    AmTypography: w,
+    AmIconMaterial: y
+  },
+  props: {
+    /**
+     * Defines the data test name of the component
+     */
+    dataTestName: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Defines the fileTypes that input file can accept
+     */
+    accept: {
+      type: String,
+      required: false,
+      default: "*"
+    },
+    /**
+     * Defines if component accept multiples files
+     */
+    multiple: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    /**
+     * Defines the message shown above the uploader on the left side
+     */
+    label: {
+      type: String,
+      required: false,
+      default: ""
+    },
+    /**
+     * Defines the message shown above the uploader on the right side
+     */
+    hint: {
+      type: String,
+      required: false,
+      default: ""
+    },
+    /**
+     * Defines the message shown above the uploader on the right side
+     */
+    inputMessage: {
+      type: String,
+      required: false,
+      default: ""
+    },
+    /**
+     * Defines the feedback type
+     */
+    feedbackType: {
+      type: String,
+      required: false,
+      default: "error"
+    },
+    /**
+     * Defines if the component is disabled
+       */
+    disabled: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    /**
+     * Defines if the component have drag event
+     */
+    isDraggable: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    validations: {
+      type: Object,
+      default: () => ({})
+    },
+    initialImage: {
+      required: false,
+      default: null
+    },
+    hasError: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
+  },
+  emits: ["update:modelValue", "update:removeFile"],
+  setup(l, { emit: r }) {
+    let a = ref("start-id"), e = ref([]), d = ref(false);
+    const h = ref(l.dataTestName || "am_uploader"), s2 = S("(max-width: 768px)"), f = computed(() => ({
+      error: "warning",
+      warning: "warning",
+      success: "check_circle"
+    })[l.feedbackType]), o = computed(() => s2 ? "block" : "hidden"), g$1 = (t) => URL.createObjectURL(t), b = (t) => {
+      for (let i = 0; i < t.target.files.length; i++)
+        e.value.push(t.target.files[i]);
+    }, w2 = () => {
+      document.getElementById(a.value).click();
+    }, I = (t) => {
+      !l.isDraggable || d.value || (t.preventDefault(), d.value = true, t.dataTransfer.dropEffect = "copy");
+    }, T = (t) => {
+      l.isDraggable && (t.preventDefault(), d.value = true);
+    }, C = (t) => {
+      if (!l.isDraggable)
+        return;
+      const i = t.dataTransfer.files;
+      if (!(i.length > 1 && !l.multiple)) {
+        d.value = true;
+        for (let n = 0; n < i.length; n++) {
+          if (l.accept === "*") {
+            console.log(i[n]), e.value.push(i[n]);
+            continue;
+          }
+          if (!i[n].type.match(this.formatAcceptType())) {
+            r("dropFileDontMatch", true);
+            continue;
+          }
+          e.value.push(i[n]);
+        }
+      }
+    }, A = (t) => {
+      r("update:modelValue", null), e.value.splice(t, 1);
+    }, E = () => l.accept.replaceAll(",", "|"), S$1 = (t) => t.split(/[#?]/)[0].split(".").pop().trim();
+    onMounted(() => {
+      if (a.value = `am-v3-uploader-${g()}`, l.initialImage) {
+        if (typeof l.initialImage == "string") {
+          fetch(l.initialImage).then((t) => t.blob()).then((t) => {
+            var i = S$1(l.initialImage);
+            const n = new File([t], "profileImage." + i, {
+              type: t.type
+            });
+            e.value.push(n);
+          }).catch((t) => {
+            console.error(t);
+          });
+          return;
+        }
+        e.value.push(l.initialImage);
+      }
+    }), watch(
+      e.value,
+      (t) => {
+        r("update:modelValue", t);
+      }
+    );
+    const q = {
+      value: {
+        ...l.validations
+      }
+    }, M = je(q, { filesUploaded: e });
+    return {
+      randomId: a,
+      filesUploaded: e,
+      isDraggin: d,
+      feedbackIcon: f,
+      dataTest: h,
+      fileImagePreview: g$1,
+      previewFiles: b,
+      inputClickTrigger: w2,
+      onDragOver: I,
+      onDragLeave: T,
+      onDrop: C,
+      removeFile: A,
+      formatAcceptType: E,
+      onMounted,
+      v$: M,
+      showCloseButton: o
+    };
+  }
+}, G = {
+  id: "am-v3-uploader",
+  class: "am-v3-uploader"
+}, H = ["id", "data-test", "disabled", "accept", "multiple"], J = {
+  key: 1,
+  class: "am-v3-uploader__container__files"
+}, K = ["type", "src"], W = ["onClick"], Y = {
+  key: 0,
+  class: /* @__PURE__ */ normalizeClass([
+    "am-v3-uploader__feedback-message"
+  ])
+};
+function Z(l, r, a, e, d, h) {
+  const s2 = resolveComponent("AmTypography"), f = resolveComponent("AmIconMaterial");
+  return openBlock(), createElementBlock("div", G, [
+    createVNode(s2, {
+      text: a.label,
+      weight: "medium",
+      typographyStyle: "l5",
+      class: "am-v3-uploader__label"
+    }, null, 8, ["text"]),
+    createVNode(s2, {
+      text: a.hint,
+      typographyStyle: "l6",
+      textColor: "text80",
+      class: "am-v3-uploader__hint"
+    }, null, 8, ["text"]),
+    createBaseVNode("div", {
+      class: normalizeClass([
+        "am-v3-uploader__container drag-area",
+        e.v$.value.$errors[0] ? "text-" + a.feedbackType : "",
+        { "am-v3-uploader__disabled": a.disabled },
+        { "justify-center": e.filesUploaded.length === 0 },
+        { "border-dashed feedback-error": a.hasError, "border-dark-grey": !a.hasError }
+      ]),
+      onDragover: r[2] || (r[2] = withModifiers((...o) => e.onDragOver && e.onDragOver(...o), ["prevent"])),
+      onDragleave: r[3] || (r[3] = withModifiers((...o) => e.onDragLeave && e.onDragLeave(...o), ["prevent"])),
+      onDrop: r[4] || (r[4] = withModifiers((...o) => e.onDrop && e.onDrop(...o), ["prevent"]))
+    }, [
+      e.filesUploaded.length === 0 ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "am-v3-uploader__container__label-info",
+        onClick: r[1] || (r[1] = (o) => e.inputClickTrigger(e.randomId))
+      }, [
+        createVNode(f, {
+          name: "add",
+          color: a.hasError ? "#dd4b39" : "primary",
+          size: "sm",
+          class: "am-v3-uploader__container__label-info"
+        }, null, 8, ["color"]),
+        createVNode(s2, {
+          text: a.inputMessage,
+          weight: "medium",
+          typographyStyle: "l5",
+          textColor: a.hasError ? "error100" : "primary"
+        }, null, 8, ["text", "textColor"]),
+        withDirectives(createBaseVNode("input", {
+          id: e.randomId,
+          "data-test": e.dataTest,
+          type: "file",
+          disabled: a.disabled,
+          accept: a.accept,
+          multiple: a.multiple,
+          onChange: r[0] || (r[0] = (...o) => e.previewFiles && e.previewFiles(...o))
+        }, null, 40, H), [
+          [vShow, false]
+        ])
+      ])) : (openBlock(), createElementBlock("div", J, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(e.filesUploaded, (o, g2) => (openBlock(), createElementBlock("div", {
+          key: g2,
+          class: "am-v3-uploader__container__files__preview"
+        }, [
+          createBaseVNode("embed", {
+            type: o.type,
+            src: e.fileImagePreview(o)
+          }, null, 8, K),
+          createBaseVNode("span", {
+            class: normalizeClass(e.showCloseButton),
+            onClick: (b) => e.removeFile(g2)
+          }, "X", 10, W)
+        ]))), 128))
+      ]))
+    ], 34),
+    e.v$.value.$errors[0] ? (openBlock(), createElementBlock("div", Y, [
+      createVNode(f, {
+        name: e.feedbackIcon,
+        color: a.feedbackType,
+        size: "sm"
+      }, null, 8, ["name", "color"]),
+      createVNode(s2, {
+        text: e.v$.value.$errors[0].$message,
+        typographyStyle: "l7",
+        "text-color": a.feedbackType,
+        class: "ml-1"
+      }, null, 8, ["text", "text-color"])
+    ])) : createCommentVNode("", true)
+  ]);
+}
+const ne = /* @__PURE__ */ s(X, [["render", Z]]);
+export {
+  ne as n
+};

package/dist/elo-BaNbqhYS-atYKgxHL.js

@@ -0,0 +1,15 @@
+import { g as createElementBlock, h as openBlock, ci as createStaticVNode } from "./main-Cykj4Wra.js";
+const d = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 47 31"
+};
+function a(o, l) {
+  return openBlock(), createElementBlock("svg", d, l[0] || (l[0] = [
+    createStaticVNode('<g clip-path="url(#clip0_3_141)"><path fill="#231F20" d="M43.594 0H2.906A2.9 2.9 0 0 0 0 2.897v25.206C0 29.703 1.301 31 2.906 31h40.688a2.9 2.9 0 0 0 2.906-2.897V2.897C46.5 1.297 45.199 0 43.594 0"></path><path fill="#FFCA05" fill-rule="evenodd" d="M9.19 11.014a4.8 4.8 0 0 1 1.505-.238c2.296 0 4.212 1.593 4.651 3.71l3.254-.648c-.747-3.598-4.001-6.305-7.905-6.305a8.2 8.2 0 0 0-2.557.404z" clip-rule="evenodd"></path><path fill="#00A4DF" fill-rule="evenodd" d="m5.058 21.15 2.208-2.386c-.986-.835-1.608-2.053-1.608-3.41 0-1.356.621-2.573 1.606-3.407L5.056 9.561c-1.674 1.417-2.73 3.488-2.73 5.793 0 2.307 1.056 4.378 2.732 5.796" clip-rule="evenodd"></path><path fill="#EE4123" fill-rule="evenodd" d="M15.347 16.514c-.44 2.117-2.355 3.708-4.65 3.708a4.8 4.8 0 0 1-1.505-.239l-1.054 3.08a8.2 8.2 0 0 0 2.56.404c3.899 0 7.153-2.704 7.902-6.301z" clip-rule="evenodd"></path><path fill="#fff" fill-rule="evenodd" d="m27.566 18.385-.002.002-.093-.062c-.265.432-.68.783-1.202 1.01-.994.434-1.916.323-2.577-.26l-.061.093-.002-.002L22.5 20.86q.421.293.897.493c1.247.52 2.522.496 3.779-.052.909-.396 1.622-.999 2.11-1.763zm-3.523-4.182c-1.05.453-1.591 1.442-1.48 2.601l4.449-1.922c-.765-.902-1.761-1.201-2.969-.68m-2.953 5.163a6 6 0 0 1-.337-.652 4.8 4.8 0 0 1-.105-3.623c.477-1.303 1.387-2.3 2.563-2.809 1.479-.639 3.114-.513 4.531.332.9.518 1.539 1.319 2.023 2.45.062.146.116.3.17.432zm11.768-9.805v9.131l1.436.575-.816 1.883-1.585-.653a1.8 1.8 0 0 1-.78-.648c-.176-.269-.307-.637-.307-1.132V9.561zm3.792 7.098c0-.788.326-1.495.84-1.975l-1.38-1.646c-.935.885-1.525 2.178-1.526 3.619s.587 2.736 1.522 3.624l1.379-1.648a2.7 2.7 0 0 1-.835-1.974m2.697 2.978a2.6 2.6 0 0 1-.847-.146l-.719 2.258c.491.174 1.017.269 1.563.27 2.382.002 4.37-1.784 4.831-4.159l-2.208-.477c-.25 1.288-1.329 2.255-2.62 2.254M39.35 11.896a4.7 4.7 0 0 0-1.56.263l.71 2.24c.267-.093.552-.144.847-.144 1.292.001 2.368.965 2.613 2.244l2.203-.47c-.453-2.355-2.436-4.131-4.814-4.133" clip-rule="evenodd"></path></g>', 1)
+  ]));
+}
+const r = { render: a };
+export {
+  r as default,
+  a as render
+};

package/dist/gear-BHOWpd7b-BCbgqlWn.js

@@ -0,0 +1,18 @@
+import { g as createElementBlock, h as openBlock, j as createBaseVNode } from "./main-Cykj4Wra.js";
+const r = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+function o(n, l) {
+  return openBlock(), createElementBlock("svg", r, l[0] || (l[0] = [
+    createBaseVNode("path", {
+      fill: "currentColor",
+      d: "M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.49.49 0 0 0-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54a.484.484 0 0 0-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6"
+    }, null, -1)
+  ]));
+}
+const s = { render: o };
+export {
+  s as default,
+  o as render
+};

package/dist/grid-B7I0mWry-kQuigUkh.js

@@ -0,0 +1,18 @@
+import { g as createElementBlock, h as openBlock, j as createBaseVNode } from "./main-Cykj4Wra.js";
+const o = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+function n(l, c) {
+  return openBlock(), createElementBlock("svg", o, c[0] || (c[0] = [
+    createBaseVNode("path", {
+      fill: "currentColor",
+      d: "M5 11h4c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2m0 10h4c1.1 0 2-.9 2-2v-4c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2m8-16v4c0 1.1.9 2 2 2h4c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-4c-1.1 0-2 .9-2 2m2 16h4c1.1 0 2-.9 2-2v-4c0-1.1-.9-2-2-2h-4c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2"
+    }, null, -1)
+  ]));
+}
+const h = { render: n };
+export {
+  h as default,
+  n as render
+};

package/dist/hipercard-DBsszwxC-BQr9Cl-8.js

@@ -0,0 +1,22 @@
+import { g as createElementBlock, h as openBlock, j as createBaseVNode } from "./main-Cykj4Wra.js";
+const l = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 509.42 221.744"
+};
+function m(r, c) {
+  return openBlock(), createElementBlock("svg", l, c[0] || (c[0] = [
+    createBaseVNode("path", {
+      fill: "#822124",
+      d: "M139.846 0H87.05C63.721 1.103 44.652 10.499 39.146 29.875c-2.871 10.105-4.451 21.203-6.696 31.678C21.037 114.815 10.917 169.545 0 221.744h411.038c31.777 0 53.597-6.715 59.492-31.937 2.739-11.716 5.363-24.985 7.984-37.857C488.73 101.762 498.955 51.577 509.42 0z"
+    }, null, -1),
+    createBaseVNode("path", {
+      fill: "#fff",
+      d: "M135.725 78.808c2.208-1.521 5.052-8.448 1.803-11.332-1.029-.913-2.75-1.178-5.151-.772-2.227.376-3.508 1.133-4.378 2.318-1.398 1.905-2.681 7.652-.515 9.787 2.11 2.078 6.836.966 8.241-.001m-31.42-11.332c-1.582 10.265-3.364 20.33-5.151 30.39-11.473.121-23.187.566-34.253-.258 2.09-9.842 3.589-20.276 5.666-30.132H58.205c-4.425 25.106-8.451 50.613-13.392 75.203h12.62c1.979-12.613 3.831-25.356 6.438-37.344 10.76-.265 23.656-.727 33.996.258-2.132 12.463-4.708 24.479-6.696 37.086h12.62c4.056-25.477 8.327-50.736 13.393-75.203zM282.782 89.11c-9.819-3.966-17.539 2.736-21.118 9.014.812-2.793 1.146-6.064 1.804-9.014h-9.787c-2.393 18.555-5.919 35.975-9.271 53.569h11.075c1.552-10.443 2.222-24.521 5.665-34.511 2.752-7.983 9.954-14.784 20.346-11.074.144-2.945.987-5.193 1.286-7.984m6.18 40.95c-1.021-2.638-1.284-6.992-1.029-10.303.572-7.441 3.284-16.501 7.469-20.603 5.775-5.661 17.176-4.724 26.27-1.545.281-3.065.897-5.799 1.288-8.756-14.914-2.436-29.066-.92-36.57 6.954-7.347 7.708-12.161 25.424-8.758 36.571 3.984 13.044 21.85 13.753 36.314 8.757.64-2.622.979-5.545 1.545-8.241-7.905 4.105-23.016 6.239-26.529-2.834m124.394-40.693c-9.788-4.894-17.937 3.318-21.118 8.241.906-2.526.958-5.909 1.802-8.499h-9.786c-2.639 18.394-5.819 36.246-9.528 53.569h11.332c.071-7.1 1.466-12.352 2.574-19.314 2.368-14.868 5.846-31.172 23.181-26.271.573-2.514.812-5.366 1.543-7.726m-288.963-.257c-.3.043-.28.407-.258.772-2.44 18.249-5.743 35.637-9.271 52.796h11.074c2.661-18.372 5.709-36.355 9.529-53.569zm97.351-1.03c-8.002.617-14.766 2.919-19.573 7.984-5.896 6.211-10.67 19.944-9.271 32.451 1.996 17.842 24.211 17.201 41.979 12.877.303-3.132 1.061-5.809 1.545-8.757-7.319 2.739-20.028 6.562-27.558 1.804-5.684-3.595-5.717-12.694-3.863-20.604 11.942-.38 24.354-.308 36.313 0 .758-5.606 2.929-11.718 1.03-17.255-2.504-7.31-11.474-9.204-20.602-8.5m10.559 19.573H206.29c.824-5.98 6.204-12.553 14.681-12.877 7.978-.305 13.69 2.929 11.332 12.877M179.765 89.11c-9.373-3.521-20.796.682-25.749 4.68.018.176-.118.2-.264.213.084-.071.176-.142.264-.213l-.005-.044c.083-1.719.688-2.917.772-4.636h-9.529c-3.971 26.419-8.68 52.099-13.649 77.52h11.074c1.603-9.9 2.661-20.345 4.894-29.617 2.529 9.752 19.043 7.889 26.012 4.121 14.377-7.776 25.467-44.78 6.18-52.024m-8.756 43.525c-5.925 6.275-20.491 6.181-21.634-4.379-.497-4.594 1.214-9.411 2.062-14.164.855-4.811 1.472-9.427 2.316-13.65 5.836-7.126 22.985-7.987 24.725 3.863 1.509 10.288-2.563 23.133-7.469 28.33m283.553-66.704c-.949 8.322-2.218 16.325-3.862 23.951-27.165-8.599-43.824 11.388-43.524 36.057.059 4.771.88 9.502 3.862 12.877 5.144 5.814 19.866 7.207 27.301 2.317 1.438-.946 2.909-2.668 3.862-3.862.717-.899 1.854-3.254 2.061-2.576-.392 2.613-.976 5.035-1.029 7.983h10.044c1.937-27.768 7.921-51.485 12.362-76.748zm-24.723 70.824c-7.455.16-11.162-4.454-11.333-12.104-.297-13.398 5.58-28.283 17.514-29.618 5.556-.621 9.579.671 13.65 2.061-3.738 15.05-2.389 39.287-19.831 39.661M334.29 89.11c-.545 3.06-1.382 5.829-2.06 8.756 6.535-1.639 26.884-6.663 28.845 2.06.651 2.898-.472 5.977-1.288 8.242-18.4-1.743-33.398 1.314-37.344 14.422-2.642 8.78.296 17.42 5.924 19.832 10.839 4.644 24.023-.676 28.587-7.983-.474 2.529-.923 5.086-.771 8.24h9.528c.102-9.126 1.43-16.513 2.833-24.725 1.196-6.993 3.447-13.916 3.091-20.088-.82-14.135-24.237-9.135-37.345-8.756m18.028 43.267c-5.707 5.587-21.727 7.174-20.088-6.181 1.36-11.092 13.438-13.449 26.525-11.848-.972 6.068-2.088 13.772-6.437 18.029"
+    }, null, -1)
+  ]));
+}
+const o = { render: m };
+export {
+  o as default,
+  m as render
+};

package/dist/index-180Y1Q-r.js

@@ -0,0 +1,219 @@
+import { Y as BaseStyle, bj as script$2, a2 as cn, E as mergeProps, g as createElementBlock, h as openBlock } from "./main-Cykj4Wra.js";
+var style = ({ dt: e }) => `
+.p-textarea {
+    font-family: inherit;
+    font-feature-settings: inherit;
+    font-size: 1rem;
+    color: ${e("textarea.color")};
+    background: ${e("textarea.background")};
+    padding-block: ${e("textarea.padding.y")};
+    padding-inline: ${e("textarea.padding.x")};
+    border: 1px solid ${e("textarea.border.color")};
+    transition: background ${e("textarea.transition.duration")}, color ${e("textarea.transition.duration")}, border-color ${e("textarea.transition.duration")}, outline-color ${e("textarea.transition.duration")}, box-shadow ${e("textarea.transition.duration")};
+    appearance: none;
+    border-radius: ${e("textarea.border.radius")};
+    outline-color: transparent;
+    box-shadow: ${e("textarea.shadow")};
+}
+
+.p-textarea:enabled:hover {
+    border-color: ${e("textarea.hover.border.color")};
+}
+
+.p-textarea:enabled:focus {
+    border-color: ${e("textarea.focus.border.color")};
+    box-shadow: ${e("textarea.focus.ring.shadow")};
+    outline: ${e("textarea.focus.ring.width")} ${e("textarea.focus.ring.style")} ${e("textarea.focus.ring.color")};
+    outline-offset: ${e("textarea.focus.ring.offset")};
+}
+
+.p-textarea.p-invalid {
+    border-color: ${e("textarea.invalid.border.color")};
+}
+
+.p-textarea.p-variant-filled {
+    background: ${e("textarea.filled.background")};
+}
+
+.p-textarea.p-variant-filled:enabled:hover {
+    background: ${e("textarea.filled.hover.background")};
+}
+
+.p-textarea.p-variant-filled:enabled:focus {
+    background: ${e("textarea.filled.focus.background")};
+}
+
+.p-textarea:disabled {
+    opacity: 1;
+    background: ${e("textarea.disabled.background")};
+    color: ${e("textarea.disabled.color")};
+}
+
+.p-textarea::placeholder {
+    color: ${e("textarea.placeholder.color")};
+}
+
+.p-textarea.p-invalid::placeholder {
+    color: ${e("textarea.invalid.placeholder.color")};
+}
+
+.p-textarea-fluid {
+    width: 100%;
+}
+
+.p-textarea-resizable {
+    overflow: hidden;
+    resize: none;
+}
+
+.p-textarea-sm {
+    font-size: ${e("textarea.sm.font.size")};
+    padding-block: ${e("textarea.sm.padding.y")};
+    padding-inline: ${e("textarea.sm.padding.x")};
+}
+
+.p-textarea-lg {
+    font-size: ${e("textarea.lg.font.size")};
+    padding-block: ${e("textarea.lg.padding.y")};
+    padding-inline: ${e("textarea.lg.padding.x")};
+}
+`;
+var classes = {
+  root: function root(_ref) {
+    var instance = _ref.instance, props = _ref.props;
+    return ["p-textarea p-component", {
+      "p-filled": instance.$filled,
+      "p-textarea-resizable ": props.autoResize,
+      "p-textarea-sm p-inputfield-sm": props.size === "small",
+      "p-textarea-lg p-inputfield-lg": props.size === "large",
+      "p-invalid": instance.$invalid,
+      "p-variant-filled": instance.$variant === "filled",
+      "p-textarea-fluid": instance.$fluid
+    }];
+  }
+};
+var TextareaStyle = BaseStyle.extend({
+  name: "textarea",
+  style,
+  classes
+});
+var script$1 = {
+  name: "BaseTextarea",
+  "extends": script$2,
+  props: {
+    autoResize: Boolean
+  },
+  style: TextareaStyle,
+  provide: function provide() {
+    return {
+      $pcTextarea: this,
+      $parentInstance: this
+    };
+  }
+};
+function _typeof(o) {
+  "@babel/helpers - typeof";
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
+    return typeof o2;
+  } : function(o2) {
+    return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
+  }, _typeof(o);
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e;
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == _typeof(i) ? i : i + "";
+}
+function _toPrimitive(t, r) {
+  if ("object" != _typeof(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != _typeof(i)) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+var script = {
+  name: "Textarea",
+  "extends": script$1,
+  inheritAttrs: false,
+  observer: null,
+  mounted: function mounted() {
+    var _this = this;
+    if (this.autoResize) {
+      this.observer = new ResizeObserver(function() {
+        requestAnimationFrame(function() {
+          _this.resize();
+        });
+      });
+      this.observer.observe(this.$el);
+    }
+  },
+  updated: function updated() {
+    if (this.autoResize) {
+      this.resize();
+    }
+  },
+  beforeUnmount: function beforeUnmount() {
+    if (this.observer) {
+      this.observer.disconnect();
+    }
+  },
+  methods: {
+    resize: function resize() {
+      if (!this.$el.offsetParent) return;
+      this.$el.style.height = "auto";
+      this.$el.style.height = this.$el.scrollHeight + "px";
+      if (parseFloat(this.$el.style.height) >= parseFloat(this.$el.style.maxHeight)) {
+        this.$el.style.overflowY = "scroll";
+        this.$el.style.height = this.$el.style.maxHeight;
+      } else {
+        this.$el.style.overflow = "hidden";
+      }
+    },
+    onInput: function onInput(event) {
+      if (this.autoResize) {
+        this.resize();
+      }
+      this.writeValue(event.target.value, event);
+    }
+  },
+  computed: {
+    attrs: function attrs() {
+      return mergeProps(this.ptmi("root", {
+        context: {
+          filled: this.$filled,
+          disabled: this.disabled
+        }
+      }), this.formField);
+    },
+    dataP: function dataP() {
+      return cn(_defineProperty({
+        invalid: this.$invalid,
+        fluid: this.$fluid,
+        filled: this.$variant === "filled"
+      }, this.size, this.size));
+    }
+  }
+};
+var _hoisted_1 = ["value", "name", "disabled", "aria-invalid", "data-p"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("textarea", mergeProps({
+    "class": _ctx.cx("root"),
+    value: _ctx.d_value,
+    name: _ctx.name,
+    disabled: _ctx.disabled,
+    "aria-invalid": _ctx.invalid || void 0,
+    "data-p": $options.dataP,
+    onInput: _cache[0] || (_cache[0] = function() {
+      return $options.onInput && $options.onInput.apply($options, arguments);
+    })
+  }, $options.attrs), null, 16, _hoisted_1);
+}
+script.render = render;
+export {
+  script as s
+};