@appmax_npm/ds-prime 1.0.0-alpha.107 → 1.0.0-alpha.108

package/amradiooptions/index.d.ts

@@ -0,0 +1,29 @@
+import { Component, DefineComponent } from 'vue';
+
+export interface AmRadioOptionsProps {
+  name: string;
+  options: Array<{ label: string; value: unknown }>;
+  modelValue?: unknown;
+  label?: string;
+  help?: string;
+  error?: string;
+  dataTestPrefix?: string;
+}
+
+export interface AmRadioOptionsSlots {}
+
+export interface AmRadioOptionsEmits {
+  'update:modelValue': (value: unknown) => void;
+}
+
+/**
+ * **DS Prime - AmRadioOptions**
+ *
+ * AmRadioOptions é um componente de formulário o DS Prime.
+ *
+ * [Documentação](https://appmax-space.bitbucket.io/ds-prime/componentes/AmRadioOptions.html)
+ */
+
+declare const AmRadioOptions: DefineComponent<AmRadioOptionsProps, AmRadioOptionsSlots, AmRadioOptionsEmits>;
+
+export default AmRadioOptions;

package/amradiooptions/index.js

@@ -0,0 +1,65 @@
+import { defineComponent as u, mergeModels as p, useModel as c, openBlock as t, createElementBlock as o, Fragment as f, renderList as _, createElementVNode as v, createVNode as s, unref as V, withCtx as $, createTextVNode as b, toDisplayString as h } from "vue";
+import { RadioButton as g } from "primevue";
+import { _ as k } from "../AmText.vue_vue_type_script_setup_true_lang-yjw50cPR.js";
+import { _ as x } from "../AmIcon.vue_vue_type_script_setup_true_lang-DkJ2sUVG.js";
+import { _ as y } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const P = { class: "space-y-2 am-radio-options" }, T = ["data-test", "for"], B = { class: "flex items-center justify-center relative" }, I = { name: "AmRadios" }, M = /* @__PURE__ */ u({
+  ...I,
+  props: /* @__PURE__ */ p({
+    name: {},
+    options: {},
+    modelValue: {},
+    label: {},
+    help: {},
+    error: {},
+    dataTestPrefix: { default: "am-radio-options" }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(d) {
+    const n = c(d, "modelValue"), i = {
+      box: {
+        class: "!rounded-full"
+      },
+      icon: {
+        class: "!bg-transparent"
+      }
+    };
+    return (e, l) => (t(), o("div", P, [
+      (t(!0), o(f, null, _(e.options, (r, a) => (t(), o("label", {
+        class: "flex items-center gap-2 pt-2 cursor-pointer",
+        key: a,
+        "data-test": `${e.dataTestPrefix}-option-${a}`,
+        for: `${e.name}-${a + 1}`
+      }, [
+        v("div", B, [
+          s(V(g), {
+            modelValue: n.value,
+            "onUpdate:modelValue": l[0] || (l[0] = (m) => n.value = m),
+            pt: i,
+            inputId: `${e.name}-${a + 1}`,
+            name: e.name,
+            value: r.value,
+            "data-test": `${e.dataTestPrefix}-input-${e.name}`
+          }, null, 8, ["modelValue", "inputId", "name", "value", "data-test"]),
+          s(x, {
+            class: "am-radio-options__icon absolute",
+            icon: "check",
+            size: "md"
+          })
+        ]),
+        s(k, { as: "span" }, {
+          default: $(() => [
+            b(h(r.label), 1)
+          ]),
+          _: 2
+        }, 1024)
+      ], 8, T))), 128))
+    ]));
+  }
+}), j = /* @__PURE__ */ y(M, [["__scopeId", "data-v-3b2588ae"]]);
+export {
+  j as default
+};