@rotki/ui-library 2.12.2 → 2.13.0

package/dist/components/forms/radio-button/radio-group/RuiRadioGroup.vue2.js

@@ -1,8 +1,6 @@
-import { defineComponent, useModel, ref, onMounted, useSlots, computed, Fragment, isVNode, openBlock, createElementBlock, mergeProps, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, normalizeClass, renderList, unref, createBlock, resolveDynamicComponent, mergeModels } from "vue";
-import { set, objectPick } from "@vueuse/shared";
+import { defineComponent, useModel, useSlots, useId, computed, Fragment, isVNode, openBlock, createElementBlock, mergeProps, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, normalizeClass, renderList, unref, createBlock, resolveDynamicComponent, mergeModels } from "vue";
 import _sfc_main$1 from "../../../helpers/RuiFormTextDetail.vue.js";
 import { assert } from "../../../../utils/assert.js";
-import { generateId } from "../../../../utils/generate-id.js";
 const _hoisted_1 = {
   key: 0,
   class: "text-rui-text-secondary text-body-1"
@@ -25,8 +23,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     successMessages: { default: () => [] },
     hideDetails: { type: Boolean, default: false },
     disabled: { type: Boolean, default: false },
-    color: { default: void 0 },
-    size: { default: void 0 },
+    color: {},
+    size: {},
     required: { type: Boolean, default: false }
   }, {
     "modelValue": { required: false },
@@ -35,12 +33,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props) {
     const modelValue = useModel(__props, "modelValue");
-    const props = __props;
-    const radioGroupName = ref("");
-    onMounted(() => {
-      set(radioGroupName, generateId("radio-group"));
-    });
     const slots = useSlots();
+    const radioGroupName = useId();
     const children = computed(() => {
       const slotContent = slots.default?.() ?? [];
       if (slotContent.length === 1) {
@@ -54,21 +48,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", mergeProps({ role: "radiogroup" }, _ctx.$attrs), [
-        props.label ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          createTextVNode(toDisplayString(props.label) + " ", 1),
-          props.required ? (openBlock(), createElementBlock("span", _hoisted_2, " ﹡ ")) : createCommentVNode("", true)
+        __props.label ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createTextVNode(toDisplayString(__props.label) + " ", 1),
+          __props.required ? (openBlock(), createElementBlock("span", _hoisted_2, " ﹡ ")) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
         createElementVNode("div", {
           class: normalizeClass([_ctx.$style.wrapper, { [_ctx.$style.wrapper__inline ?? ""]: __props.inline }])
         }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(children), (child, i) => {
-            return openBlock(), createBlock(resolveDynamicComponent(child), mergeProps({ ref_for: true }, unref(objectPick)(_ctx.$props, ["disabled", "color", "size"]), {
+            return openBlock(), createBlock(resolveDynamicComponent(child), {
               key: i,
               modelValue: modelValue.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+              disabled: __props.disabled,
+              color: __props.color,
+              size: __props.size,
               "hide-details": "",
               name: unref(radioGroupName)
-            }), null, 16, ["modelValue", "name"]);
+            }, null, 8, ["modelValue", "disabled", "color", "size", "name"]);
           }), 128))
         ], 2),
         !__props.hideDetails ? (openBlock(), createBlock(_sfc_main$1, {

package/dist/components/forms/radio-button/radio-group/RuiRadioGroup.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuiRadioGroup.vue2.js","sources":["../../../../../src/components/forms/radio-button/radio-group/RuiRadioGroup.vue"],"sourcesContent":["<script lang=\"ts\" setup generic='TValue'>\nimport type { ContextColorsType } from '@/consts/colors';\nimport { objectPick } from '@vueuse/shared';\nimport { Fragment, isVNode } from 'vue';\nimport RuiFormTextDetail from '@/components/helpers/RuiFormTextDetail.vue';\nimport { assert } from '@/utils/assert';\nimport { generateId } from '@/utils/generate-id';\n\nexport interface Props {\n  inline?: boolean;\n  label?: string;\n  hint?: string;\n  errorMessages?: string | string[];\n  successMessages?: string | string[];\n  hideDetails?: boolean;\n  disabled?: boolean;\n  color?: ContextColorsType;\n  size?: 'sm' | 'lg';\n  required?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiRadioGroup',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<TValue>({ required: false });\n\nconst props = withDefaults(defineProps<Props>(), {\n  inline: false,\n  label: '',\n  hint: '',\n  errorMessages: () => [],\n  successMessages: () => [],\n  hideDetails: false,\n  disabled: false,\n  color: undefined,\n  size: undefined,\n  required: false,\n});\n\nconst radioGroupName = ref('');\n\nonMounted(() => {\n  set(radioGroupName, generateId('radio-group'));\n});\n\nconst slots = useSlots();\nconst children = computed(() => {\n  const slotContent = slots.default?.() ?? [];\n\n  // When using dynamic content with v-for the slot content is a single fragment\n  // containing the children components.\n  if (slotContent.length === 1) {\n    const firstChild = slotContent[0];\n    assert(firstChild);\n    if (firstChild.type === Fragment) {\n      return Array.isArray(firstChild.children) ? firstChild.children.filter(isVNode) : [];\n    }\n  }\n  return slotContent;\n});\n</script>\n\n<template>\n  <div\n    role=\"radiogroup\"\n    v-bind=\"$attrs\"\n  >\n    <div\n      v-if=\"props.label\"\n      class=\"text-rui-text-secondary text-body-1\"\n    >\n      {{ props.label }}\n      <span\n        v-if=\"props.required\"\n        class=\"text-rui-error\"\n      >\n        ﹡\n      </span>\n    </div>\n    <div :class=\"[$style.wrapper, { [$style.wrapper__inline ?? '']: inline }]\">\n      <Component\n        :is=\"child\"\n        v-for=\"(child, i) in children\"\n        v-bind=\"objectPick($props, ['disabled', 'color', 'size'])\"\n        :key=\"i\"\n        v-model=\"modelValue\"\n        hide-details\n        :name=\"radioGroupName\"\n      />\n    </div>\n    <RuiFormTextDetail\n      v-if=\"!hideDetails\"\n      :error-messages=\"errorMessages\"\n      :success-messages=\"successMessages\"\n      :hint=\"hint\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.wrapper {\n  &__inline {\n    @apply flex space-x-6;\n  }\n}\n</style>\n"],"names":["_useModel","_openBlock","_createElementBlock","_mergeProps","$attrs","_createElementVNode","_normalizeClass","$style","_Fragment","_renderList","_unref","_createBlock","_resolveDynamicComponent","$props","RuiFormTextDetail"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,UAAM,aAAaA,SAAmB,SAAA,YAAoB;AAE1D,UAAM,QAAQ;AAad,UAAM,iBAAiB,IAAI,EAAE;AAE7B,cAAU,MAAM;AACd,UAAI,gBAAgB,WAAW,aAAa,CAAC;AAAA,IAC/C,CAAC;AAED,UAAM,QAAQ,SAAA;AACd,UAAM,WAAW,SAAS,MAAM;AAC9B,YAAM,cAAc,MAAM,UAAA,KAAe,CAAA;AAIzC,UAAI,YAAY,WAAW,GAAG;AAC5B,cAAM,aAAa,YAAY,CAAC;AAChC,eAAO,UAAU;AACjB,YAAI,WAAW,SAAS,UAAU;AAChC,iBAAO,MAAM,QAAQ,WAAW,QAAQ,IAAI,WAAW,SAAS,OAAO,OAAO,IAAI,CAAA;AAAA,QACpF;AAAA,MACF;AACA,aAAO;AAAA,IACT,CAAC;;AAIC,aAAAC,UAAA,GAAAC,mBAiCM,OAjCNC,WAiCM,EAhCJ,MAAK,aAAA,GACGC,KAAAA,MAAM,GAAA;AAAA,QAGN,MAAM,SADdH,UAAA,GAAAC,mBAWM,OAXN,YAWM;AAAA,0CAPD,MAAM,KAAK,IAAG,KACjB,CAAA;AAAA,UACQ,MAAM,yBADdA,mBAKO,QALP,YAGC,KAED;;QAEFG,mBAUM,OAAA;AAAA,UAVA,OAAKC,eAAA,CAAGC,YAAO,YAAYA,KAAAA,OAAO,mBAAe,EAAA,GAAS,QAAA,OAAA,CAAM,CAAA;AAAA,QAAA;WACpEN,UAAA,IAAA,GAAAC,mBAQEM,UAAA,MAAAC,WANqBC,MAAA,QAAA,GAAQ,CAArB,OAAO,MAAC;AAFlB,mBAAAT,UAAA,GAAAU,YAQEC,wBAPK,KAAK,GADZT,WAQE,EAAA,SAAA,KAAA,GALQO,MAAA,UAAA,EAAWG,KAAAA,QAAM,CAAA,YAAA,SAAA,MAAA,CAAA,GAAA;AAAA,cACxB,KAAK;AAAA,0BACG,WAAA;AAAA,2EAAA,WAAU,QAAA;AAAA,cACnB,gBAAA;AAAA,cACC,MAAMH,MAAA,cAAA;AAAA,YAAA;;;SAIF,QAAA,4BADTC,YAKEG,aAAA;AAAA;UAHC,kBAAgB,QAAA;AAAA,UAChB,oBAAkB,QAAA;AAAA,UAClB,MAAM,QAAA;AAAA,QAAA;;;;;"}
+{"version":3,"file":"RuiRadioGroup.vue2.js","sources":["../../../../../src/components/forms/radio-button/radio-group/RuiRadioGroup.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"TValue\">\nimport type { ContextColorsType } from '@/consts/colors';\nimport { Fragment, isVNode } from 'vue';\nimport RuiFormTextDetail from '@/components/helpers/RuiFormTextDetail.vue';\nimport { assert } from '@/utils/assert';\n\nexport interface Props {\n  inline?: boolean;\n  label?: string;\n  hint?: string;\n  errorMessages?: string | string[];\n  successMessages?: string | string[];\n  hideDetails?: boolean;\n  disabled?: boolean;\n  color?: ContextColorsType;\n  size?: 'sm' | 'lg';\n  required?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiRadioGroup',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<TValue>({ required: false });\n\nconst {\n  inline = false,\n  label = '',\n  hint = '',\n  errorMessages = [],\n  successMessages = [],\n  hideDetails = false,\n  disabled = false,\n  color,\n  size,\n  required = false,\n} = defineProps<Props>();\n\nconst slots = defineSlots<{\n  default?: () => any;\n}>();\n\nconst radioGroupName = useId();\n\nconst children = computed<VNode[]>(() => {\n  const slotContent = slots.default?.() ?? [];\n\n  // When using dynamic content with v-for the slot content is a single fragment\n  // containing the children components.\n  if (slotContent.length === 1) {\n    const firstChild = slotContent[0];\n    assert(firstChild);\n    if (firstChild.type === Fragment) {\n      return Array.isArray(firstChild.children) ? firstChild.children.filter(isVNode) : [];\n    }\n  }\n  return slotContent;\n});\n</script>\n\n<template>\n  <div\n    role=\"radiogroup\"\n    v-bind=\"$attrs\"\n  >\n    <div\n      v-if=\"label\"\n      class=\"text-rui-text-secondary text-body-1\"\n    >\n      {{ label }}\n      <span\n        v-if=\"required\"\n        class=\"text-rui-error\"\n      >\n        ﹡\n      </span>\n    </div>\n    <div :class=\"[$style.wrapper, { [$style.wrapper__inline ?? '']: inline }]\">\n      <Component\n        :is=\"child\"\n        v-for=\"(child, i) in children\"\n        :key=\"i\"\n        v-model=\"modelValue\"\n        :disabled=\"disabled\"\n        :color=\"color\"\n        :size=\"size\"\n        hide-details\n        :name=\"radioGroupName\"\n      />\n    </div>\n    <RuiFormTextDetail\n      v-if=\"!hideDetails\"\n      :error-messages=\"errorMessages\"\n      :success-messages=\"successMessages\"\n      :hint=\"hint\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.wrapper {\n  &__inline {\n    @apply flex space-x-6;\n  }\n}\n</style>\n"],"names":["_useModel","_useSlots","_openBlock","_createElementBlock","_mergeProps","$attrs","_createTextVNode","_toDisplayString","_createElementVNode","_normalizeClass","$style","_Fragment","_renderList","_unref","_createBlock","_resolveDynamicComponent","RuiFormTextDetail"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,UAAM,aAAaA,SAAmB,SAAA,YAAoB;AAe1D,UAAM,QAAQC,SAAA;AAId,UAAM,iBAAiB,MAAA;AAEvB,UAAM,WAAW,SAAkB,MAAM;AACvC,YAAM,cAAc,MAAM,UAAA,KAAe,CAAA;AAIzC,UAAI,YAAY,WAAW,GAAG;AAC5B,cAAM,aAAa,YAAY,CAAC;AAChC,eAAO,UAAU;AACjB,YAAI,WAAW,SAAS,UAAU;AAChC,iBAAO,MAAM,QAAQ,WAAW,QAAQ,IAAI,WAAW,SAAS,OAAO,OAAO,IAAI,CAAA;AAAA,QACpF;AAAA,MACF;AACA,aAAO;AAAA,IACT,CAAC;;AAIC,aAAAC,UAAA,GAAAC,mBAmCM,OAnCNC,WAmCM,EAlCJ,MAAK,aAAA,GACGC,KAAAA,MAAM,GAAA;AAAA,QAGN,QAAA,SADRH,UAAA,GAAAC,mBAWM,OAXN,YAWM;AAAA,UAPDG,gBAAAC,gBAAA,QAAA,KAAK,IAAG,KACX,CAAA;AAAA,UACQ,QAAA,yBADRJ,mBAKO,QALP,YAGC,KAED;;QAEFK,mBAYM,OAAA;AAAA,UAZA,OAAKC,eAAA,CAAGC,YAAO,YAAYA,KAAAA,OAAO,mBAAe,EAAA,GAAS,QAAA,OAAA,CAAM,CAAA;AAAA,QAAA;WACpER,UAAA,IAAA,GAAAC,mBAUEQ,UAAA,MAAAC,WARqBC,MAAA,QAAA,GAAQ,CAArB,OAAO,MAAC;AAFlB,mBAAAX,UAAA,GAAAY,YAUEC,wBATK,KAAK,GAAA;AAAA,cAET,KAAK;AAAA,0BACG,WAAA;AAAA,2EAAA,WAAU,QAAA;AAAA,cAClB,UAAU,QAAA;AAAA,cACV,OAAO,QAAA;AAAA,cACP,MAAM,QAAA;AAAA,cACP,gBAAA;AAAA,cACC,MAAMF,MAAA,cAAA;AAAA,YAAA;;;SAIF,QAAA,4BADTC,YAKEE,aAAA;AAAA;UAHC,kBAAgB,QAAA;AAAA,UAChB,oBAAkB,QAAA;AAAA,UAClB,MAAM,QAAA;AAAA,QAAA;;;;;"}

package/dist/components/forms/revealable-text-field/RuiRevealableTextField.vue.d.ts

@@ -2,16 +2,14 @@ import { type TextFieldProps } from '../../../components/forms/text-field/RuiTex
 export interface Props extends TextFieldProps {
 }
 type __VLS_Props = Props;
+type __VLS_Slots = {
+    prepend?: () => any;
+    append?: () => any;
+};
 type __VLS_ModelProps = {
     modelValue: string;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_9: {}, __VLS_25: {};
-type __VLS_Slots = {} & {
-    prepend?: (props: typeof __VLS_9) => any;
-} & {
-    append?: (props: typeof __VLS_25) => any;
-};
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
@@ -20,18 +18,14 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     label: string;
     readonly: boolean;
     variant: "default" | "filled" | "outlined";
-    color: import("../../../index.js").ContextColorsType;
     disabled: boolean;
     errorMessages: string | string[];
     successMessages: string | string[];
     hint: string;
-    required: boolean;
     hideDetails: boolean;
+    required: boolean;
     placeholder: string;
     dense: boolean;
-    textColor: import("../../../index.js").ContextColorsType;
-    prependIcon: import("../../../index.js").RuiIcons;
-    appendIcon: import("../../../index.js").RuiIcons;
     clearable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/forms/revealable-text-field/RuiRevealableTextField.vue.js

@@ -14,15 +14,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     placeholder: { default: "" },
     disabled: { type: Boolean, default: false },
     variant: { default: "default" },
-    color: { default: void 0 },
-    textColor: { default: void 0 },
+    color: {},
+    textColor: {},
     dense: { type: Boolean, default: false },
     hint: { default: "" },
     errorMessages: { default: () => [] },
     successMessages: { default: () => [] },
     hideDetails: { type: Boolean, default: false },
-    prependIcon: { default: void 0 },
-    appendIcon: { default: void 0 },
+    prependIcon: {},
+    appendIcon: {},
     readonly: { type: Boolean, default: false },
     clearable: { type: Boolean, default: false },
     required: { type: Boolean, default: false }
@@ -33,10 +33,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props) {
     const modelValue = useModel(__props, "modelValue");
-    const props = __props;
     const hidden = ref(true);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(RuiTextField, mergeProps({ ...props, ..._ctx.$attrs }, {
+      return openBlock(), createBlock(RuiTextField, mergeProps({ ..._ctx.$props, ..._ctx.$attrs }, {
         modelValue: modelValue.value,
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => modelValue.value = $event),
         type: unref(hidden) ? "password" : "text"
@@ -44,7 +43,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         append: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
             createVNode(RuiButton, {
-              disabled: __props.disabled,
+              disabled: _ctx.$props.disabled,
               "aria-label": unref(hidden) ? "Show password" : "Hide password",
               tabindex: "-1",
               variant: "text",

package/dist/components/forms/revealable-text-field/RuiRevealableTextField.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuiRevealableTextField.vue.js","sources":["../../../../src/components/forms/revealable-text-field/RuiRevealableTextField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiTextField, { type TextFieldProps } from '@/components/forms/text-field/RuiTextField.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\n\nexport interface Props extends TextFieldProps {}\n\ndefineOptions({\n  name: 'RuiRevealableTextField',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<string>({ required: true });\n\nconst props = withDefaults(defineProps<Props>(), {\n  label: '',\n  placeholder: '',\n  disabled: false,\n  variant: 'default',\n  color: undefined,\n  textColor: undefined,\n  dense: false,\n  hint: '',\n  as: undefined,\n  errorMessages: () => [],\n  successMessages: () => [],\n  hideDetails: false,\n  prependIcon: undefined,\n  appendIcon: undefined,\n  readonly: false,\n  clearable: false,\n  required: false,\n});\n\nconst hidden = ref<boolean>(true);\n</script>\n\n<template>\n  <RuiTextField\n    v-bind=\"{ ...props, ...$attrs }\"\n    v-model=\"modelValue\"\n    :type=\"hidden ? 'password' : 'text'\"\n  >\n    <template\n      v-if=\"$slots.prepend\"\n      #prepend\n    >\n      <slot name=\"prepend\" />\n    </template>\n    <template #append>\n      <div class=\"flex items-center\">\n        <RuiButton\n          :disabled=\"disabled\"\n          :aria-label=\"hidden ? 'Show password' : 'Hide password'\"\n          tabindex=\"-1\"\n          variant=\"text\"\n          type=\"button\"\n          icon\n          data-id=\"toggle-visibility\"\n          class=\"-mr-1 !p-2\"\n          @click=\"hidden = !hidden\"\n        >\n          <RuiIcon\n            class=\"text-black/[.54] dark:text-white/[.56]\"\n            size=\"20\"\n            :name=\"hidden ? 'lu-eye-off' : 'lu-eye'\"\n          />\n        </RuiButton>\n\n        <slot name=\"append\" />\n      </div>\n    </template>\n  </RuiTextField>\n</template>\n"],"names":["_useModel","_openBlock","_createBlock","_mergeProps","$attrs","_unref","_createElementVNode","_createVNode","_renderSlot","$slots"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,UAAM,aAAaA,SAAmB,SAAA,YAAmB;AAEzD,UAAM,QAAQ;AAoBd,UAAM,SAAS,IAAa,IAAI;;AAI9B,aAAAC,UAAA,GAAAC,YAkCe,cAlCfC,WAkCe,EAAA,GAjCA,UAAUC,KAAAA,UAAM;AAAA,oBACpB,WAAA;AAAA,qEAAA,WAAU,QAAA;AAAA,QAClB,MAAMC,MAAA,MAAA,IAAM,aAAA;AAAA,MAAA;QAQF,gBACT,MAoBM;AAAA,UApBNC,mBAoBM,OApBN,YAoBM;AAAA,YAnBJC,YAgBY,WAAA;AAAA,cAfT,UAAU,QAAA;AAAA,cACV,cAAYF,MAAA,MAAA,IAAM,kBAAA;AAAA,cACnB,UAAS;AAAA,cACT,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,MAAA;AAAA,cACA,WAAQ;AAAA,cACR,OAAM;AAAA,cACL,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,OAAA,QAAM,CAAIA,MAAA,MAAA;AAAA,YAAA;+BAElB,MAIE;AAAA,gBAJFE,YAIE,SAAA;AAAA,kBAHA,OAAM;AAAA,kBACN,MAAK;AAAA,kBACJ,MAAMF,MAAA,MAAA,IAAM,eAAA;AAAA,gBAAA;;;;YAIjBG,WAAsB,KAAA,QAAA,QAAA;AAAA,UAAA;;;;QAzBlBC,KAAAA,OAAO;gBACZ;AAAA,sBAED,MAAuB;AAAA,YAAvBD,WAAuB,KAAA,QAAA,SAAA;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"RuiRevealableTextField.vue.js","sources":["../../../../src/components/forms/revealable-text-field/RuiRevealableTextField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiTextField, { type TextFieldProps } from '@/components/forms/text-field/RuiTextField.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\n\nexport interface Props extends TextFieldProps {}\n\ndefineOptions({\n  name: 'RuiRevealableTextField',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<string>({ required: true });\n\nwithDefaults(defineProps<Props>(), {\n  label: '',\n  placeholder: '',\n  disabled: false,\n  variant: 'default',\n  dense: false,\n  hint: '',\n  errorMessages: () => [],\n  successMessages: () => [],\n  hideDetails: false,\n  readonly: false,\n  clearable: false,\n  required: false,\n});\n\ndefineSlots<{\n  prepend?: () => any;\n  append?: () => any;\n}>();\n\nconst hidden = ref<boolean>(true);\n</script>\n\n<template>\n  <RuiTextField\n    v-bind=\"{ ...$props, ...$attrs }\"\n    v-model=\"modelValue\"\n    :type=\"hidden ? 'password' : 'text'\"\n  >\n    <template\n      v-if=\"$slots.prepend\"\n      #prepend\n    >\n      <slot name=\"prepend\" />\n    </template>\n    <template #append>\n      <div class=\"flex items-center\">\n        <RuiButton\n          :disabled=\"$props.disabled\"\n          :aria-label=\"hidden ? 'Show password' : 'Hide password'\"\n          tabindex=\"-1\"\n          variant=\"text\"\n          type=\"button\"\n          icon\n          data-id=\"toggle-visibility\"\n          class=\"-mr-1 !p-2\"\n          @click=\"hidden = !hidden\"\n        >\n          <RuiIcon\n            class=\"text-black/[.54] dark:text-white/[.56]\"\n            size=\"20\"\n            :name=\"hidden ? 'lu-eye-off' : 'lu-eye'\"\n          />\n        </RuiButton>\n\n        <slot name=\"append\" />\n      </div>\n    </template>\n  </RuiTextField>\n</template>\n"],"names":["_useModel","_openBlock","_createBlock","_mergeProps","$props","$attrs","_unref","_createElementVNode","_createVNode","_renderSlot","$slots"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,UAAM,aAAaA,SAAmB,SAAA,YAAmB;AAsBzD,UAAM,SAAS,IAAa,IAAI;;AAI9B,aAAAC,UAAA,GAAAC,YAkCe,cAlCfC,WAkCe,EAAA,GAjCAC,KAAAA,WAAWC,KAAAA,OAAAA,GAAM;AAAA,oBACrB,WAAA;AAAA,qEAAA,WAAU,QAAA;AAAA,QAClB,MAAMC,MAAA,MAAA,IAAM,aAAA;AAAA,MAAA;QAQF,gBACT,MAoBM;AAAA,UApBNC,mBAoBM,OApBN,YAoBM;AAAA,YAnBJC,YAgBY,WAAA;AAAA,cAfT,UAAUJ,KAAAA,OAAO;AAAA,cACjB,cAAYE,MAAA,MAAA,IAAM,kBAAA;AAAA,cACnB,UAAS;AAAA,cACT,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,MAAA;AAAA,cACA,WAAQ;AAAA,cACR,OAAM;AAAA,cACL,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,OAAA,QAAM,CAAIA,MAAA,MAAA;AAAA,YAAA;+BAElB,MAIE;AAAA,gBAJFE,YAIE,SAAA;AAAA,kBAHA,OAAM;AAAA,kBACN,MAAK;AAAA,kBACJ,MAAMF,MAAA,MAAA,IAAM,eAAA;AAAA,gBAAA;;;;YAIjBG,WAAsB,KAAA,QAAA,QAAA;AAAA,UAAA;;;;QAzBlBC,KAAAA,OAAO;gBACZ;AAAA,sBAED,MAAuB;AAAA,YAAvBD,WAAuB,KAAA,QAAA,SAAA;AAAA,UAAA;;;;;;;"}