@7pmlabs/design-system 0.3.7 → 0.3.8

package/dist/design-system35.mjs

@@ -1,5 +1,5 @@
 import { openBlock as o, createElementBlock as t, renderSlot as s } from "vue";
-import r from "./design-system60.mjs";
+import r from "./design-system56.mjs";
 const d = {}, n = { class: "ds-flex ds-items-center ds-justify-end ds-rounded-b-lg ds-p-4" };
 function c(e, l) {
   return o(), t("div", n, [

package/dist/design-system36.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),t=require("./design-system60.js"),r={},n={class:"ds-flex ds-items-start ds-justify-between ds-rounded-t-lg ds-p-4"};function o(s,d){return e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(s.$slots,"default")])}const c=t(r,[["render",o]]);module.exports=c;
+"use strict";const e=require("vue"),t=require("./design-system56.js"),r={},n={class:"ds-flex ds-items-start ds-justify-between ds-rounded-t-lg ds-p-4"};function o(s,d){return e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(s.$slots,"default")])}const c=t(r,[["render",o]]);module.exports=c;
 //# sourceMappingURL=design-system36.js.map

package/dist/design-system36.mjs

@@ -1,5 +1,5 @@
 import { openBlock as t, createElementBlock as s, renderSlot as o } from "vue";
-import r from "./design-system60.mjs";
+import r from "./design-system56.mjs";
 const d = {}, n = { class: "ds-flex ds-items-start ds-justify-between ds-rounded-t-lg ds-p-4" };
 function c(e, l) {
   return t(), s("div", n, [

package/dist/design-system37.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),r=require("./design-system60.js"),t={},d={class:"ds-fixed ds-left-0 ds-right-0 ds-top-0 ds-z-[100] ds-flex ds-h-full ds-w-full ds-items-center ds-justify-center ds-overflow-y-auto ds-overflow-x-hidden ds-bg-black/[0.65] ds-backdrop-blur-sm"};function o(s,c){return e.openBlock(),e.createElementBlock("div",d,[e.renderSlot(s.$slots,"default")])}const l=r(t,[["render",o]]);module.exports=l;
+"use strict";const e=require("vue"),r=require("./design-system56.js"),t={},d={class:"ds-fixed ds-left-0 ds-right-0 ds-top-0 ds-z-[100] ds-flex ds-h-full ds-w-full ds-items-center ds-justify-center ds-overflow-y-auto ds-overflow-x-hidden ds-bg-black/[0.65] ds-backdrop-blur-sm"};function o(s,c){return e.openBlock(),e.createElementBlock("div",d,[e.renderSlot(s.$slots,"default")])}const l=r(t,[["render",o]]);module.exports=l;
 //# sourceMappingURL=design-system37.js.map

package/dist/design-system37.mjs

@@ -1,5 +1,5 @@
 import { openBlock as s, createElementBlock as d, renderSlot as t } from "vue";
-import o from "./design-system60.mjs";
+import o from "./design-system56.mjs";
 const r = {}, l = { class: "ds-fixed ds-left-0 ds-right-0 ds-top-0 ds-z-[100] ds-flex ds-h-full ds-w-full ds-items-center ds-justify-center ds-overflow-y-auto ds-overflow-x-hidden ds-bg-black/[0.65] ds-backdrop-blur-sm" };
 function c(e, f) {
   return s(), d("div", l, [

package/dist/design-system38.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue");require("./design-system84.js");const t=require("./design-system60.js"),c={},n={class:"tab"};function s(r,d){return e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(r.$slots,"default",{},void 0,!0)])}const o=t(c,[["render",s],["__scopeId","data-v-c57e2dad"]]);module.exports=o;
+"use strict";const e=require("vue");require("./design-system80.js");const t=require("./design-system56.js"),c={},n={class:"tab"};function s(r,d){return e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(r.$slots,"default",{},void 0,!0)])}const o=t(c,[["render",s],["__scopeId","data-v-c57e2dad"]]);module.exports=o;
 //# sourceMappingURL=design-system38.js.map

package/dist/design-system38.mjs

@@ -1,6 +1,6 @@
 import { openBlock as t, createElementBlock as o, renderSlot as r } from "vue";
-import "./design-system84.mjs";
-import c from "./design-system60.mjs";
+import "./design-system80.mjs";
+import c from "./design-system56.mjs";
 const n = {}, d = { class: "tab" };
 function s(e, a) {
   return t(), o("div", d, [

package/dist/design-system39.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system85.js");require("./design-system86.js");const r=require("./design-system60.js"),t=r(e,[["__scopeId","data-v-0e61b97f"]]);module.exports=t;
+"use strict";const e=require("./design-system81.js");require("./design-system82.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-0e61b97f"]]);module.exports=t;
 //# sourceMappingURL=design-system39.js.map

package/dist/design-system39.mjs

@@ -1,6 +1,6 @@
-import o from "./design-system85.mjs";
-import "./design-system86.mjs";
-import t from "./design-system60.mjs";
+import o from "./design-system81.mjs";
+import "./design-system82.mjs";
+import t from "./design-system56.mjs";
 const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0e61b97f"]]);
 export {
   m as default

package/dist/design-system40.js

@@ -1,2 +1,2 @@
-"use strict";const o=require("vue"),C=require("./design-system3.js"),V=require("./design-system48.js"),_=require("./design-system30.js"),q=require("./design-system31.js"),E=require("./design-system97.js"),w={class:"ds-relative"},R={key:0,class:"ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},N=["id"],$=["id","autocomplete","disabled","inputmode","placeholder","readonly","type","onKeyup"],D={key:1,class:"ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},M=["id"],z=o.defineComponent({__name:"BTextField",props:{inputId:{default:""},inputCssClass:{default:""},validationRules:{default:void 0},modelValue:{},label:{default:""},prependIcon:{default:""},hidePrependIcon:{type:Boolean,default:!1},appendIcon:{default:""},hideAppendIcon:{type:Boolean,default:!1},placeholder:{default:""},autocomplete:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},type:{default:"text"},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1},inputHandler:{default:void 0},inputmode:{default:"text"}},emits:["focus","blur","click:prepend","click:append","press:enter","update:modelValue"],setup(p,{expose:c,emit:l}){const s=p,{t:f}=V.useI18n(),n=o.ref(null),m={validateRule:e=>typeof e=="number"?!!e:!!(e&&(e!=null&&e.trim())),errorMessage:()=>s.requiredErrorMessage||f("ds.global.field_required")},d=o.computed(()=>s.inputId||`id-${E()}`),r=o.computed({get(){return s.modelValue},set(e){l("update:modelValue",e)}}),v=o.computed(()=>[{"ds-pl-9":s.prependIcon,"ds-pr-9":s.appendIcon,"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":s.disabled,"ds-text-black/[0.85]":!s.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!a.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":a.value.valid},s.inputCssClass]),y=o.computed(()=>{let e=[];return s.required&&e.push(m),s.validationRules&&(e=e.concat(s.validationRules)),e.length?e:void 0}),{validate:i,validationResult:a}=C.useValidationField(d.value,r,y.value),b=()=>{l("click:prepend")},h=()=>{l("click:append")},I=()=>{l("press:enter")},k=()=>{l("focus")},g=()=>{l("blur")},B=()=>{i()};return c({validate:i,focus:()=>{var e;(e=n.value)==null||e.focus()},blur:()=>{var e;(e=n.value)==null||e.blur()}}),(e,t)=>(o.openBlock(),o.createElementBlock("div",null,[o.createVNode(q,{id:d.value,label:e.label,required:e.required},null,8,["id","label","required"]),o.createElementVNode("div",w,[e.$slots.prependIcon||e.prependIcon?o.withDirectives((o.openBlock(),o.createElementBlock("div",R,[o.renderSlot(e.$slots,"prependIcon",{},()=>[o.createElementVNode("span",{id:`${d.value}prependIcon`,class:o.normalizeClass(e.prependIcon),onClick:b},null,10,N)])],512)),[[o.vShow,!e.hidePrependIcon]]):o.createCommentVNode("",!0),o.withDirectives(o.createElementVNode("input",{id:d.value,ref_key:"inputRef",ref:n,"onUpdate:modelValue":t[0]||(t[0]=u=>r.value=u),autocomplete:s.autocomplete?"on":"off",class:o.normalizeClass([v.value,"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light"]),disabled:s.disabled,inputmode:s.inputmode,placeholder:s.placeholder,readonly:s.readonly,type:s.type,onBlur:g,onFocus:k,onInput:t[1]||(t[1]=(...u)=>e.inputHandler&&e.inputHandler(...u)),onKeyup:[B,o.withKeys(I,["enter"])]},null,42,$),[[o.vModelDynamic,r.value]]),e.$slots.appendIcon||e.appendIcon?o.withDirectives((o.openBlock(),o.createElementBlock("div",D,[o.renderSlot(e.$slots,"appendIcon",{},()=>[o.createElementVNode("span",{id:`${d.value}appendIcon`,class:o.normalizeClass(e.appendIcon),onClick:h},null,10,M)])],512)),[[o.vShow,!e.hideAppendIcon]]):o.createCommentVNode("",!0)]),e.hideDetails?o.createCommentVNode("",!0):(o.openBlock(),o.createBlock(_,{key:0,"error-message":o.unref(a).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=z;
+"use strict";const o=require("vue"),C=require("./design-system3.js"),V=require("./design-system48.js"),q=require("./design-system30.js"),_=require("./design-system31.js"),E=require("./design-system98.js"),w={class:"ds-relative"},R={key:0,class:"ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},$=["id"],N=["id","autocomplete","disabled","inputmode","placeholder","readonly","type","onKeyup"],D={key:1,class:"ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},M=["id"],z=o.defineComponent({__name:"BTextField",props:{inputId:{default:""},inputCssClass:{default:""},validationRules:{default:void 0},modelValue:{},label:{default:""},prependIcon:{default:""},hidePrependIcon:{type:Boolean,default:!1},appendIcon:{default:""},hideAppendIcon:{type:Boolean,default:!1},placeholder:{default:""},autocomplete:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},type:{default:"text"},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1},inputHandler:{default:void 0},inputmode:{default:"text"}},emits:["focus","blur","click:prepend","click:append","press:enter","update:modelValue"],setup(i,{expose:c,emit:l}){const s=i,{t:f}=V.useI18n(),n=o.ref(null),m={validateRule:e=>typeof e=="number"?!!e:!!(e&&(e!=null&&e.trim())),errorMessage:()=>s.requiredErrorMessage||f("ds.global.field_required")},d=o.computed(()=>s.inputId||`id-${E()}`),r=o.computed({get(){return s.modelValue},set(e){l("update:modelValue",e)}}),v=o.computed(()=>[{"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":s.disabled,"ds-text-black/[0.85]":!s.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!a.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":a.value.valid},s.inputCssClass]),y=o.computed(()=>{let e=[];return s.required&&e.push(m),s.validationRules&&(e=e.concat(s.validationRules)),e.length?e:void 0}),{validate:p,validationResult:a}=C.useValidationField(d.value,r,y.value),b=()=>{l("click:prepend")},h=()=>{l("click:append")},I=()=>{l("press:enter")},k=()=>{l("focus")},g=()=>{l("blur")},B=()=>{p()};return c({validate:p,focus:()=>{var e;(e=n.value)==null||e.focus()},blur:()=>{var e;(e=n.value)==null||e.blur()}}),(e,t)=>(o.openBlock(),o.createElementBlock("div",null,[o.createVNode(_,{id:d.value,label:e.label,required:e.required},null,8,["id","label","required"]),o.createElementVNode("div",w,[e.$slots.prependIcon||e.prependIcon?o.withDirectives((o.openBlock(),o.createElementBlock("div",R,[o.renderSlot(e.$slots,"prependIcon",{},()=>[o.createElementVNode("span",{id:`${d.value}prependIcon`,class:o.normalizeClass(e.prependIcon),onClick:b},null,10,$)])],512)),[[o.vShow,!e.hidePrependIcon]]):o.createCommentVNode("",!0),o.withDirectives(o.createElementVNode("input",{id:d.value,ref_key:"inputRef",ref:n,"onUpdate:modelValue":t[0]||(t[0]=u=>r.value=u),autocomplete:s.autocomplete?"on":"off",class:o.normalizeClass([[v.value,{"ds-pl-9":e.$slots.prependIcon||s.prependIcon,"ds-pr-9":e.$slots.appendIcon||s.appendIcon}],"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light"]),disabled:s.disabled,inputmode:s.inputmode,placeholder:s.placeholder,readonly:s.readonly,type:s.type,onBlur:g,onFocus:k,onInput:t[1]||(t[1]=(...u)=>e.inputHandler&&e.inputHandler(...u)),onKeyup:[B,o.withKeys(I,["enter"])]},null,42,N),[[o.vModelDynamic,r.value]]),e.$slots.appendIcon||e.appendIcon?o.withDirectives((o.openBlock(),o.createElementBlock("div",D,[o.renderSlot(e.$slots,"appendIcon",{},()=>[o.createElementVNode("span",{id:`${d.value}appendIcon`,class:o.normalizeClass(e.appendIcon),onClick:h},null,10,M)])],512)),[[o.vShow,!e.hideAppendIcon]]):o.createCommentVNode("",!0)]),e.hideDetails?o.createCommentVNode("",!0):(o.openBlock(),o.createBlock(q,{key:0,"error-message":o.unref(a).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=z;
 //# sourceMappingURL=design-system40.js.map

package/dist/design-system40.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system40.js","sources":["../src/components/BTextField.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, vShow as _vShow, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, vModelDynamic as _vModelDynamic, withKeys as _withKeys, unref as _unref, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-relative\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t\"\n}\nconst _hoisted_3 = [\"id\"]\nconst _hoisted_4 = [\"id\", \"autocomplete\", \"disabled\", \"inputmode\", \"placeholder\", \"readonly\", \"type\", \"onKeyup\"]\nconst _hoisted_5 = {\n  key: 1,\n  class: \"ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t\"\n}\nconst _hoisted_6 = [\"id\"]\n\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { v4 as uuid } from 'uuid';\nimport { computed, ref } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\n\n/**\n * Props\n */\nexport interface BTextFieldProps {\n  inputId?: string;\n  inputCssClass?: string;\n  /**\n   * Array of custom validation rules.\n   */\n  validationRules?: ValidationRule[];\n  modelValue: string | number;\n  label?: string;\n  /**\n   * FontAwesome v6.1.0 - Solid.\n   */\n  prependIcon?: string;\n  /**\n   * Hide prepended icon.\n   */\n  hidePrependIcon?: boolean;\n  /**\n   * FontAwesome v6.1.0 - Solid.\n   */\n  appendIcon?: string;\n  /**\n   * Hide appended icon.\n   */\n  hideAppendIcon?: boolean;\n  placeholder?: string;\n  autocomplete?: boolean;\n  disabled?: boolean;\n  readonly?: boolean;\n  type?: string;\n  /**\n   * Validate if the field is left empty.\n   */\n  required?: boolean;\n  requiredErrorMessage?: string;\n  /**\n   * Hide the validation error message.\n   */\n  hideDetails?: boolean;\n  /**\n   * Function is executed on input event.\n   */\n  inputHandler?: any;\n  inputmode?:\n    | 'none'\n    | 'text'\n    | 'tel'\n    | 'url'\n    | 'email'\n    | 'numeric'\n    | 'decimal'\n    | 'search'; // This allows a browser to display an appropriate virtual keyboard\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BTextField',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    validationRules: { default: undefined },\n    modelValue: {},\n    label: { default: '' },\n    prependIcon: { default: '' },\n    hidePrependIcon: { type: Boolean, default: false },\n    appendIcon: { default: '' },\n    hideAppendIcon: { type: Boolean, default: false },\n    placeholder: { default: '' },\n    autocomplete: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    readonly: { type: Boolean, default: false },\n    type: { default: 'text' },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    hideDetails: { type: Boolean, default: false },\n    inputHandler: { default: undefined },\n    inputmode: { default: 'text' }\n  },\n  emits: [\"focus\", \"blur\", \"click:prepend\", \"click:append\", \"press:enter\", \"update:modelValue\"],\n  setup(__props: any, { expose: __expose, emit }) {\n\nconst props = __props;\n\n// https://github.com/tailwindlabs/tailwindcss/discussions/7554\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst { t } = useI18n();\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string) => {\n    if (typeof val === 'number') {\n      return !!val;\n    }\n    return !!(val && val?.trim());\n  },\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst inputCssClassValue = computed(() => [\n  {\n    'ds-pl-9': props.prependIcon,\n    'ds-pr-9': props.appendIcon,\n    'ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]': props.disabled,\n    'ds-text-black/[0.85]': !props.disabled,\n    'ds-border-error focus:ds-ring-1 focus:ds-ring-error':\n      !validationResult.value.valid,\n    'ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus':\n      validationResult.value.valid,\n  },\n  props.inputCssClass,\n]);\nconst vRules = computed(() => {\n  let result: ValidationRule[] = [];\n\n  if (props.required) {\n    result.push(validateRequired);\n  }\n  if (props.validationRules) {\n    result = result.concat(props.validationRules);\n  }\n\n  return result.length ? result : undefined;\n});\n\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value,\n);\n\n/**\n * Methods\n */\nconst onClickPrependIcon = () => {\n  emit('click:prepend');\n};\nconst onClickAppendIcon = () => {\n  emit('click:append');\n};\nconst onKeyUpEnter = () => {\n  emit('press:enter');\n};\nconst onFocus = () => {\n  emit('focus');\n};\nconst onBlur = () => {\n  emit('blur');\n};\nconst onKeyUp = () => {\n  validate();\n};\nconst focus = () => {\n  inputRef.value?.focus();\n};\nconst blur = () => {\n  inputRef.value?.blur();\n};\n\n__expose({ validate, focus, blur });\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createVNode(BLabel, {\n      id: id.value,\n      label: _ctx.label,\n      required: _ctx.required\n    }, null, 8, [\"id\", \"label\", \"required\"]),\n    _createElementVNode(\"div\", _hoisted_1, [\n      (_ctx.$slots.prependIcon || _ctx.prependIcon)\n        ? _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_2, [\n            _renderSlot(_ctx.$slots, \"prependIcon\", {}, () => [\n              _createElementVNode(\"span\", {\n                id: `${id.value}prependIcon`,\n                class: _normalizeClass(_ctx.prependIcon),\n                onClick: onClickPrependIcon\n              }, null, 10, _hoisted_3)\n            ])\n          ], 512)), [\n            [_vShow, !_ctx.hidePrependIcon]\n          ])\n        : _createCommentVNode(\"\", true),\n      _withDirectives(_createElementVNode(\"input\", {\n        id: id.value,\n        ref_key: \"inputRef\",\n        ref: inputRef,\n        \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n        autocomplete: props.autocomplete ? 'on' : 'off',\n        class: _normalizeClass([inputCssClassValue.value, \"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light\"]),\n        disabled: props.disabled,\n        inputmode: props.inputmode,\n        placeholder: props.placeholder,\n        readonly: props.readonly,\n        type: props.type,\n        onBlur: onBlur,\n        onFocus: onFocus,\n        onInput: _cache[1] || (_cache[1] = \n//@ts-ignore\n(...args) => (_ctx.inputHandler && _ctx.inputHandler(...args))),\n        onKeyup: [\n          onKeyUp,\n          _withKeys(onKeyUpEnter, [\"enter\"])\n        ]\n      }, null, 42, _hoisted_4), [\n        [_vModelDynamic, value.value]\n      ]),\n      (_ctx.$slots.appendIcon || _ctx.appendIcon)\n        ? _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_5, [\n            _renderSlot(_ctx.$slots, \"appendIcon\", {}, () => [\n              _createElementVNode(\"span\", {\n                id: `${id.value}appendIcon`,\n                class: _normalizeClass(_ctx.appendIcon),\n                onClick: onClickAppendIcon\n              }, null, 10, _hoisted_6)\n            ])\n          ], 512)), [\n            [_vShow, !_ctx.hideAppendIcon]\n          ])\n        : _createCommentVNode(\"\", true)\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_sfc_main","_defineComponent","__props","__expose","emit","props","t","useI18n","inputRef","ref","validateRequired","val","id","computed","uuid","value","inputCssClassValue","validationResult","vRules","result","validate","useValidationField","onClickPrependIcon","onClickAppendIcon","onKeyUpEnter","onFocus","onBlur","onKeyUp","_a","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_withDirectives","_renderSlot","_normalizeClass","_vShow","_createCommentVNode","$event","args","_withKeys","_vModelDynamic","_createBlock","BErrorMessage","_unref"],"mappings":"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"}
+{"version":3,"file":"design-system40.js","sources":["../src/components/BTextField.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, vShow as _vShow, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, vModelDynamic as _vModelDynamic, withKeys as _withKeys, unref as _unref, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-relative\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t\"\n}\nconst _hoisted_3 = [\"id\"]\nconst _hoisted_4 = [\"id\", \"autocomplete\", \"disabled\", \"inputmode\", \"placeholder\", \"readonly\", \"type\", \"onKeyup\"]\nconst _hoisted_5 = {\n  key: 1,\n  class: \"ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t\"\n}\nconst _hoisted_6 = [\"id\"]\n\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { v4 as uuid } from 'uuid';\nimport { computed, ref } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\n\n/**\n * Props\n */\nexport interface BTextFieldProps {\n  inputId?: string;\n  inputCssClass?: string;\n  /**\n   * Array of custom validation rules.\n   */\n  validationRules?: ValidationRule[];\n  modelValue: string | number;\n  label?: string;\n  /**\n   * FontAwesome v6.1.0 - Solid.\n   */\n  prependIcon?: string;\n  /**\n   * Hide prepended icon.\n   */\n  hidePrependIcon?: boolean;\n  /**\n   * FontAwesome v6.1.0 - Solid.\n   */\n  appendIcon?: string;\n  /**\n   * Hide appended icon.\n   */\n  hideAppendIcon?: boolean;\n  placeholder?: string;\n  autocomplete?: boolean;\n  disabled?: boolean;\n  readonly?: boolean;\n  type?: string;\n  /**\n   * Validate if the field is left empty.\n   */\n  required?: boolean;\n  requiredErrorMessage?: string;\n  /**\n   * Hide the validation error message.\n   */\n  hideDetails?: boolean;\n  /**\n   * Function is executed on input event.\n   */\n  inputHandler?: any;\n  inputmode?:\n    | 'none'\n    | 'text'\n    | 'tel'\n    | 'url'\n    | 'email'\n    | 'numeric'\n    | 'decimal'\n    | 'search'; // This allows a browser to display an appropriate virtual keyboard\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BTextField',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    validationRules: { default: undefined },\n    modelValue: {},\n    label: { default: '' },\n    prependIcon: { default: '' },\n    hidePrependIcon: { type: Boolean, default: false },\n    appendIcon: { default: '' },\n    hideAppendIcon: { type: Boolean, default: false },\n    placeholder: { default: '' },\n    autocomplete: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    readonly: { type: Boolean, default: false },\n    type: { default: 'text' },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    hideDetails: { type: Boolean, default: false },\n    inputHandler: { default: undefined },\n    inputmode: { default: 'text' }\n  },\n  emits: [\"focus\", \"blur\", \"click:prepend\", \"click:append\", \"press:enter\", \"update:modelValue\"],\n  setup(__props: any, { expose: __expose, emit }) {\n\nconst props = __props;\n\n// https://github.com/tailwindlabs/tailwindcss/discussions/7554\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst { t } = useI18n();\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string) => {\n    if (typeof val === 'number') {\n      return !!val;\n    }\n    return !!(val && val?.trim());\n  },\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst inputCssClassValue = computed(() => [\n  {\n    'ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]': props.disabled,\n    'ds-text-black/[0.85]': !props.disabled,\n    'ds-border-error focus:ds-ring-1 focus:ds-ring-error':\n      !validationResult.value.valid,\n    'ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus':\n      validationResult.value.valid,\n  },\n  props.inputCssClass,\n]);\nconst vRules = computed(() => {\n  let result: ValidationRule[] = [];\n\n  if (props.required) {\n    result.push(validateRequired);\n  }\n  if (props.validationRules) {\n    result = result.concat(props.validationRules);\n  }\n\n  return result.length ? result : undefined;\n});\n\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value,\n);\n\n/**\n * Methods\n */\nconst onClickPrependIcon = () => {\n  emit('click:prepend');\n};\nconst onClickAppendIcon = () => {\n  emit('click:append');\n};\nconst onKeyUpEnter = () => {\n  emit('press:enter');\n};\nconst onFocus = () => {\n  emit('focus');\n};\nconst onBlur = () => {\n  emit('blur');\n};\nconst onKeyUp = () => {\n  validate();\n};\nconst focus = () => {\n  inputRef.value?.focus();\n};\nconst blur = () => {\n  inputRef.value?.blur();\n};\n\n__expose({ validate, focus, blur });\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createVNode(BLabel, {\n      id: id.value,\n      label: _ctx.label,\n      required: _ctx.required\n    }, null, 8, [\"id\", \"label\", \"required\"]),\n    _createElementVNode(\"div\", _hoisted_1, [\n      (_ctx.$slots.prependIcon || _ctx.prependIcon)\n        ? _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_2, [\n            _renderSlot(_ctx.$slots, \"prependIcon\", {}, () => [\n              _createElementVNode(\"span\", {\n                id: `${id.value}prependIcon`,\n                class: _normalizeClass(_ctx.prependIcon),\n                onClick: onClickPrependIcon\n              }, null, 10, _hoisted_3)\n            ])\n          ], 512)), [\n            [_vShow, !_ctx.hidePrependIcon]\n          ])\n        : _createCommentVNode(\"\", true),\n      _withDirectives(_createElementVNode(\"input\", {\n        id: id.value,\n        ref_key: \"inputRef\",\n        ref: inputRef,\n        \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n        autocomplete: props.autocomplete ? 'on' : 'off',\n        class: _normalizeClass([[\n          inputCssClassValue.value,\n          {\n            'ds-pl-9': _ctx.$slots.prependIcon || props.prependIcon,\n            'ds-pr-9': _ctx.$slots.appendIcon || props.appendIcon,\n          },\n        ], \"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light\"]),\n        disabled: props.disabled,\n        inputmode: props.inputmode,\n        placeholder: props.placeholder,\n        readonly: props.readonly,\n        type: props.type,\n        onBlur: onBlur,\n        onFocus: onFocus,\n        onInput: _cache[1] || (_cache[1] = \n//@ts-ignore\n(...args) => (_ctx.inputHandler && _ctx.inputHandler(...args))),\n        onKeyup: [\n          onKeyUp,\n          _withKeys(onKeyUpEnter, [\"enter\"])\n        ]\n      }, null, 42, _hoisted_4), [\n        [_vModelDynamic, value.value]\n      ]),\n      (_ctx.$slots.appendIcon || _ctx.appendIcon)\n        ? _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_5, [\n            _renderSlot(_ctx.$slots, \"appendIcon\", {}, () => [\n              _createElementVNode(\"span\", {\n                id: `${id.value}appendIcon`,\n                class: _normalizeClass(_ctx.appendIcon),\n                onClick: onClickAppendIcon\n              }, null, 10, _hoisted_6)\n            ])\n          ], 512)), [\n            [_vShow, !_ctx.hideAppendIcon]\n          ])\n        : _createCommentVNode(\"\", true)\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_sfc_main","_defineComponent","__props","__expose","emit","props","t","useI18n","inputRef","ref","validateRequired","val","id","computed","uuid","value","inputCssClassValue","validationResult","vRules","result","validate","useValidationField","onClickPrependIcon","onClickAppendIcon","onKeyUpEnter","onFocus","onBlur","onKeyUp","_a","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_withDirectives","_renderSlot","_normalizeClass","_vShow","_createCommentVNode","$event","args","_withKeys","_vModelDynamic","_createBlock","BErrorMessage","_unref"],"mappings":"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"}

package/dist/design-system40.mjs

@@ -1,16 +1,16 @@
-import { defineComponent as M, ref as _, computed as n, openBlock as t, createElementBlock as c, createVNode as D, createElementVNode as r, withDirectives as f, renderSlot as y, normalizeClass as m, vShow as h, createCommentVNode as v, withKeys as z, vModelDynamic as A, createBlock as F, unref as H } from "vue";
-import { useValidationField as N } from "./design-system3.mjs";
-import { useI18n as P } from "./design-system48.mjs";
-import U from "./design-system30.mjs";
+import { defineComponent as M, ref as D, computed as n, openBlock as t, createElementBlock as c, createVNode as z, createElementVNode as r, withDirectives as f, renderSlot as y, normalizeClass as m, vShow as h, createCommentVNode as v, withKeys as A, vModelDynamic as F, createBlock as H, unref as N } from "vue";
+import { useValidationField as P } from "./design-system3.mjs";
+import { useI18n as U } from "./design-system48.mjs";
+import _ from "./design-system30.mjs";
 import S from "./design-system31.mjs";
-import T from "./design-system97.mjs";
-const j = { class: "ds-relative" }, x = {
+import T from "./design-system98.mjs";
+const j = { class: "ds-relative" }, G = {
   key: 0,
   class: "ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"
-}, G = ["id"], J = ["id", "autocomplete", "disabled", "inputmode", "placeholder", "readonly", "type", "onKeyup"], L = {
+}, J = ["id"], L = ["id", "autocomplete", "disabled", "inputmode", "placeholder", "readonly", "type", "onKeyup"], O = {
   key: 1,
   class: "ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"
-}, O = ["id"], se = /* @__PURE__ */ M({
+}, Q = ["id"], se = /* @__PURE__ */ M({
   __name: "BTextField",
   props: {
     inputId: { default: "" },
@@ -35,7 +35,7 @@ const j = { class: "ds-relative" }, x = {
   },
   emits: ["focus", "blur", "click:prepend", "click:append", "press:enter", "update:modelValue"],
   setup(I, { expose: k, emit: d }) {
-    const o = I, { t: g } = P(), a = _(null), C = {
+    const o = I, { t: g } = U(), a = D(null), C = {
       validateRule: (e) => typeof e == "number" ? !!e : !!(e && (e != null && e.trim())),
       errorMessage: () => o.requiredErrorMessage || g("ds.global.field_required")
     }, s = n(() => o.inputId || `id-${T()}`), u = n({
@@ -47,26 +47,24 @@ const j = { class: "ds-relative" }, x = {
       }
     }), B = n(() => [
       {
-        "ds-pl-9": o.prependIcon,
-        "ds-pr-9": o.appendIcon,
         "ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]": o.disabled,
         "ds-text-black/[0.85]": !o.disabled,
         "ds-border-error focus:ds-ring-1 focus:ds-ring-error": !p.value.valid,
         "ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus": p.value.valid
       },
       o.inputCssClass
-    ]), V = n(() => {
+    ]), $ = n(() => {
       let e = [];
       return o.required && e.push(C), o.validationRules && (e = e.concat(o.validationRules)), e.length ? e : void 0;
-    }), { validate: b, validationResult: p } = N(
+    }), { validate: b, validationResult: p } = P(
       s.value,
       u,
-      V.value
-    ), q = () => {
+      $.value
+    ), V = () => {
       d("click:prepend");
-    }, R = () => {
+    }, q = () => {
       d("click:append");
-    }, $ = () => {
+    }, R = () => {
       d("press:enter");
     }, w = () => {
       d("focus");
@@ -82,19 +80,19 @@ const j = { class: "ds-relative" }, x = {
       var e;
       (e = a.value) == null || e.blur();
     } }), (e, l) => (t(), c("div", null, [
-      D(S, {
+      z(S, {
         id: s.value,
         label: e.label,
         required: e.required
       }, null, 8, ["id", "label", "required"]),
       r("div", j, [
-        e.$slots.prependIcon || e.prependIcon ? f((t(), c("div", x, [
+        e.$slots.prependIcon || e.prependIcon ? f((t(), c("div", G, [
           y(e.$slots, "prependIcon", {}, () => [
             r("span", {
               id: `${s.value}prependIcon`,
               class: m(e.prependIcon),
-              onClick: q
-            }, null, 10, G)
+              onClick: V
+            }, null, 10, J)
           ])
         ], 512)), [
           [h, !e.hidePrependIcon]
@@ -105,7 +103,13 @@ const j = { class: "ds-relative" }, x = {
           ref: a,
           "onUpdate:modelValue": l[0] || (l[0] = (i) => u.value = i),
           autocomplete: o.autocomplete ? "on" : "off",
-          class: m([B.value, "ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light"]),
+          class: m([[
+            B.value,
+            {
+              "ds-pl-9": e.$slots.prependIcon || o.prependIcon,
+              "ds-pr-9": e.$slots.appendIcon || o.appendIcon
+            }
+          ], "ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light"]),
           disabled: o.disabled,
           inputmode: o.inputmode,
           placeholder: o.placeholder,
@@ -117,26 +121,26 @@ const j = { class: "ds-relative" }, x = {
           (...i) => e.inputHandler && e.inputHandler(...i)),
           onKeyup: [
             K,
-            z($, ["enter"])
+            A(R, ["enter"])
           ]
-        }, null, 42, J), [
-          [A, u.value]
+        }, null, 42, L), [
+          [F, u.value]
         ]),
-        e.$slots.appendIcon || e.appendIcon ? f((t(), c("div", L, [
+        e.$slots.appendIcon || e.appendIcon ? f((t(), c("div", O, [
           y(e.$slots, "appendIcon", {}, () => [
             r("span", {
               id: `${s.value}appendIcon`,
               class: m(e.appendIcon),
-              onClick: R
-            }, null, 10, O)
+              onClick: q
+            }, null, 10, Q)
           ])
         ], 512)), [
           [h, !e.hideAppendIcon]
         ]) : v("", !0)
       ]),
-      e.hideDetails ? v("", !0) : (t(), F(U, {
+      e.hideDetails ? v("", !0) : (t(), H(_, {
         key: 0,
-        "error-message": H(p).errorMessage(),
+        "error-message": N(p).errorMessage(),
         class: "ds-mt-1"
       }, null, 8, ["error-message"]))
     ]));

package/dist/design-system40.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system40.mjs","sources":["../src/components/BTextField.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, vShow as _vShow, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, vModelDynamic as _vModelDynamic, withKeys as _withKeys, unref as _unref, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-relative\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t\"\n}\nconst _hoisted_3 = [\"id\"]\nconst _hoisted_4 = [\"id\", \"autocomplete\", \"disabled\", \"inputmode\", \"placeholder\", \"readonly\", \"type\", \"onKeyup\"]\nconst _hoisted_5 = {\n  key: 1,\n  class: \"ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t\"\n}\nconst _hoisted_6 = [\"id\"]\n\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { v4 as uuid } from 'uuid';\nimport { computed, ref } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\n\n/**\n * Props\n */\nexport interface BTextFieldProps {\n  inputId?: string;\n  inputCssClass?: string;\n  /**\n   * Array of custom validation rules.\n   */\n  validationRules?: ValidationRule[];\n  modelValue: string | number;\n  label?: string;\n  /**\n   * FontAwesome v6.1.0 - Solid.\n   */\n  prependIcon?: string;\n  /**\n   * Hide prepended icon.\n   */\n  hidePrependIcon?: boolean;\n  /**\n   * FontAwesome v6.1.0 - Solid.\n   */\n  appendIcon?: string;\n  /**\n   * Hide appended icon.\n   */\n  hideAppendIcon?: boolean;\n  placeholder?: string;\n  autocomplete?: boolean;\n  disabled?: boolean;\n  readonly?: boolean;\n  type?: string;\n  /**\n   * Validate if the field is left empty.\n   */\n  required?: boolean;\n  requiredErrorMessage?: string;\n  /**\n   * Hide the validation error message.\n   */\n  hideDetails?: boolean;\n  /**\n   * Function is executed on input event.\n   */\n  inputHandler?: any;\n  inputmode?:\n    | 'none'\n    | 'text'\n    | 'tel'\n    | 'url'\n    | 'email'\n    | 'numeric'\n    | 'decimal'\n    | 'search'; // This allows a browser to display an appropriate virtual keyboard\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BTextField',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    validationRules: { default: undefined },\n    modelValue: {},\n    label: { default: '' },\n    prependIcon: { default: '' },\n    hidePrependIcon: { type: Boolean, default: false },\n    appendIcon: { default: '' },\n    hideAppendIcon: { type: Boolean, default: false },\n    placeholder: { default: '' },\n    autocomplete: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    readonly: { type: Boolean, default: false },\n    type: { default: 'text' },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    hideDetails: { type: Boolean, default: false },\n    inputHandler: { default: undefined },\n    inputmode: { default: 'text' }\n  },\n  emits: [\"focus\", \"blur\", \"click:prepend\", \"click:append\", \"press:enter\", \"update:modelValue\"],\n  setup(__props: any, { expose: __expose, emit }) {\n\nconst props = __props;\n\n// https://github.com/tailwindlabs/tailwindcss/discussions/7554\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst { t } = useI18n();\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string) => {\n    if (typeof val === 'number') {\n      return !!val;\n    }\n    return !!(val && val?.trim());\n  },\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst inputCssClassValue = computed(() => [\n  {\n    'ds-pl-9': props.prependIcon,\n    'ds-pr-9': props.appendIcon,\n    'ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]': props.disabled,\n    'ds-text-black/[0.85]': !props.disabled,\n    'ds-border-error focus:ds-ring-1 focus:ds-ring-error':\n      !validationResult.value.valid,\n    'ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus':\n      validationResult.value.valid,\n  },\n  props.inputCssClass,\n]);\nconst vRules = computed(() => {\n  let result: ValidationRule[] = [];\n\n  if (props.required) {\n    result.push(validateRequired);\n  }\n  if (props.validationRules) {\n    result = result.concat(props.validationRules);\n  }\n\n  return result.length ? result : undefined;\n});\n\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value,\n);\n\n/**\n * Methods\n */\nconst onClickPrependIcon = () => {\n  emit('click:prepend');\n};\nconst onClickAppendIcon = () => {\n  emit('click:append');\n};\nconst onKeyUpEnter = () => {\n  emit('press:enter');\n};\nconst onFocus = () => {\n  emit('focus');\n};\nconst onBlur = () => {\n  emit('blur');\n};\nconst onKeyUp = () => {\n  validate();\n};\nconst focus = () => {\n  inputRef.value?.focus();\n};\nconst blur = () => {\n  inputRef.value?.blur();\n};\n\n__expose({ validate, focus, blur });\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createVNode(BLabel, {\n      id: id.value,\n      label: _ctx.label,\n      required: _ctx.required\n    }, null, 8, [\"id\", \"label\", \"required\"]),\n    _createElementVNode(\"div\", _hoisted_1, [\n      (_ctx.$slots.prependIcon || _ctx.prependIcon)\n        ? _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_2, [\n            _renderSlot(_ctx.$slots, \"prependIcon\", {}, () => [\n              _createElementVNode(\"span\", {\n                id: `${id.value}prependIcon`,\n                class: _normalizeClass(_ctx.prependIcon),\n                onClick: onClickPrependIcon\n              }, null, 10, _hoisted_3)\n            ])\n          ], 512)), [\n            [_vShow, !_ctx.hidePrependIcon]\n          ])\n        : _createCommentVNode(\"\", true),\n      _withDirectives(_createElementVNode(\"input\", {\n        id: id.value,\n        ref_key: \"inputRef\",\n        ref: inputRef,\n        \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n        autocomplete: props.autocomplete ? 'on' : 'off',\n        class: _normalizeClass([inputCssClassValue.value, \"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light\"]),\n        disabled: props.disabled,\n        inputmode: props.inputmode,\n        placeholder: props.placeholder,\n        readonly: props.readonly,\n        type: props.type,\n        onBlur: onBlur,\n        onFocus: onFocus,\n        onInput: _cache[1] || (_cache[1] = \n//@ts-ignore\n(...args) => (_ctx.inputHandler && _ctx.inputHandler(...args))),\n        onKeyup: [\n          onKeyUp,\n          _withKeys(onKeyUpEnter, [\"enter\"])\n        ]\n      }, null, 42, _hoisted_4), [\n        [_vModelDynamic, value.value]\n      ]),\n      (_ctx.$slots.appendIcon || _ctx.appendIcon)\n        ? _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_5, [\n            _renderSlot(_ctx.$slots, \"appendIcon\", {}, () => [\n              _createElementVNode(\"span\", {\n                id: `${id.value}appendIcon`,\n                class: _normalizeClass(_ctx.appendIcon),\n                onClick: onClickAppendIcon\n              }, null, 10, _hoisted_6)\n            ])\n          ], 512)), [\n            [_vShow, !_ctx.hideAppendIcon]\n          ])\n        : _createCommentVNode(\"\", true)\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_sfc_main","_defineComponent","__props","__expose","emit","props","t","useI18n","inputRef","ref","validateRequired","val","id","computed","uuid","value","inputCssClassValue","validationResult","vRules","result","validate","useValidationField","onClickPrependIcon","onClickAppendIcon","onKeyUpEnter","onFocus","onBlur","onKeyUp","_a","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_withDirectives","_renderSlot","_normalizeClass","_vShow","_createCommentVNode","$event","args","_withKeys","_vModelDynamic","_createBlock","BErrorMessage","_unref"],"mappings":"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"}
+{"version":3,"file":"design-system40.mjs","sources":["../src/components/BTextField.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, vShow as _vShow, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, vModelDynamic as _vModelDynamic, withKeys as _withKeys, unref as _unref, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-relative\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t\"\n}\nconst _hoisted_3 = [\"id\"]\nconst _hoisted_4 = [\"id\", \"autocomplete\", \"disabled\", \"inputmode\", \"placeholder\", \"readonly\", \"type\", \"onKeyup\"]\nconst _hoisted_5 = {\n  key: 1,\n  class: \"ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t\"\n}\nconst _hoisted_6 = [\"id\"]\n\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { v4 as uuid } from 'uuid';\nimport { computed, ref } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\n\n/**\n * Props\n */\nexport interface BTextFieldProps {\n  inputId?: string;\n  inputCssClass?: string;\n  /**\n   * Array of custom validation rules.\n   */\n  validationRules?: ValidationRule[];\n  modelValue: string | number;\n  label?: string;\n  /**\n   * FontAwesome v6.1.0 - Solid.\n   */\n  prependIcon?: string;\n  /**\n   * Hide prepended icon.\n   */\n  hidePrependIcon?: boolean;\n  /**\n   * FontAwesome v6.1.0 - Solid.\n   */\n  appendIcon?: string;\n  /**\n   * Hide appended icon.\n   */\n  hideAppendIcon?: boolean;\n  placeholder?: string;\n  autocomplete?: boolean;\n  disabled?: boolean;\n  readonly?: boolean;\n  type?: string;\n  /**\n   * Validate if the field is left empty.\n   */\n  required?: boolean;\n  requiredErrorMessage?: string;\n  /**\n   * Hide the validation error message.\n   */\n  hideDetails?: boolean;\n  /**\n   * Function is executed on input event.\n   */\n  inputHandler?: any;\n  inputmode?:\n    | 'none'\n    | 'text'\n    | 'tel'\n    | 'url'\n    | 'email'\n    | 'numeric'\n    | 'decimal'\n    | 'search'; // This allows a browser to display an appropriate virtual keyboard\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BTextField',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    validationRules: { default: undefined },\n    modelValue: {},\n    label: { default: '' },\n    prependIcon: { default: '' },\n    hidePrependIcon: { type: Boolean, default: false },\n    appendIcon: { default: '' },\n    hideAppendIcon: { type: Boolean, default: false },\n    placeholder: { default: '' },\n    autocomplete: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    readonly: { type: Boolean, default: false },\n    type: { default: 'text' },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    hideDetails: { type: Boolean, default: false },\n    inputHandler: { default: undefined },\n    inputmode: { default: 'text' }\n  },\n  emits: [\"focus\", \"blur\", \"click:prepend\", \"click:append\", \"press:enter\", \"update:modelValue\"],\n  setup(__props: any, { expose: __expose, emit }) {\n\nconst props = __props;\n\n// https://github.com/tailwindlabs/tailwindcss/discussions/7554\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst { t } = useI18n();\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string) => {\n    if (typeof val === 'number') {\n      return !!val;\n    }\n    return !!(val && val?.trim());\n  },\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst inputCssClassValue = computed(() => [\n  {\n    'ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]': props.disabled,\n    'ds-text-black/[0.85]': !props.disabled,\n    'ds-border-error focus:ds-ring-1 focus:ds-ring-error':\n      !validationResult.value.valid,\n    'ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus':\n      validationResult.value.valid,\n  },\n  props.inputCssClass,\n]);\nconst vRules = computed(() => {\n  let result: ValidationRule[] = [];\n\n  if (props.required) {\n    result.push(validateRequired);\n  }\n  if (props.validationRules) {\n    result = result.concat(props.validationRules);\n  }\n\n  return result.length ? result : undefined;\n});\n\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value,\n);\n\n/**\n * Methods\n */\nconst onClickPrependIcon = () => {\n  emit('click:prepend');\n};\nconst onClickAppendIcon = () => {\n  emit('click:append');\n};\nconst onKeyUpEnter = () => {\n  emit('press:enter');\n};\nconst onFocus = () => {\n  emit('focus');\n};\nconst onBlur = () => {\n  emit('blur');\n};\nconst onKeyUp = () => {\n  validate();\n};\nconst focus = () => {\n  inputRef.value?.focus();\n};\nconst blur = () => {\n  inputRef.value?.blur();\n};\n\n__expose({ validate, focus, blur });\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createVNode(BLabel, {\n      id: id.value,\n      label: _ctx.label,\n      required: _ctx.required\n    }, null, 8, [\"id\", \"label\", \"required\"]),\n    _createElementVNode(\"div\", _hoisted_1, [\n      (_ctx.$slots.prependIcon || _ctx.prependIcon)\n        ? _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_2, [\n            _renderSlot(_ctx.$slots, \"prependIcon\", {}, () => [\n              _createElementVNode(\"span\", {\n                id: `${id.value}prependIcon`,\n                class: _normalizeClass(_ctx.prependIcon),\n                onClick: onClickPrependIcon\n              }, null, 10, _hoisted_3)\n            ])\n          ], 512)), [\n            [_vShow, !_ctx.hidePrependIcon]\n          ])\n        : _createCommentVNode(\"\", true),\n      _withDirectives(_createElementVNode(\"input\", {\n        id: id.value,\n        ref_key: \"inputRef\",\n        ref: inputRef,\n        \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n        autocomplete: props.autocomplete ? 'on' : 'off',\n        class: _normalizeClass([[\n          inputCssClassValue.value,\n          {\n            'ds-pl-9': _ctx.$slots.prependIcon || props.prependIcon,\n            'ds-pr-9': _ctx.$slots.appendIcon || props.appendIcon,\n          },\n        ], \"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light\"]),\n        disabled: props.disabled,\n        inputmode: props.inputmode,\n        placeholder: props.placeholder,\n        readonly: props.readonly,\n        type: props.type,\n        onBlur: onBlur,\n        onFocus: onFocus,\n        onInput: _cache[1] || (_cache[1] = \n//@ts-ignore\n(...args) => (_ctx.inputHandler && _ctx.inputHandler(...args))),\n        onKeyup: [\n          onKeyUp,\n          _withKeys(onKeyUpEnter, [\"enter\"])\n        ]\n      }, null, 42, _hoisted_4), [\n        [_vModelDynamic, value.value]\n      ]),\n      (_ctx.$slots.appendIcon || _ctx.appendIcon)\n        ? _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_5, [\n            _renderSlot(_ctx.$slots, \"appendIcon\", {}, () => [\n              _createElementVNode(\"span\", {\n                id: `${id.value}appendIcon`,\n                class: _normalizeClass(_ctx.appendIcon),\n                onClick: onClickAppendIcon\n              }, null, 10, _hoisted_6)\n            ])\n          ], 512)), [\n            [_vShow, !_ctx.hideAppendIcon]\n          ])\n        : _createCommentVNode(\"\", true)\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_sfc_main","_defineComponent","__props","__expose","emit","props","t","useI18n","inputRef","ref","validateRequired","val","id","computed","uuid","value","inputCssClassValue","validationResult","vRules","result","validate","useValidationField","onClickPrependIcon","onClickAppendIcon","onKeyUpEnter","onFocus","onBlur","onKeyUp","_a","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_createElementVNode","_withDirectives","_renderSlot","_normalizeClass","_vShow","_createCommentVNode","$event","args","_withKeys","_vModelDynamic","_createBlock","BErrorMessage","_unref"],"mappings":"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"}

package/dist/design-system42.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system91.js");require("./design-system92.js");const t=require("./design-system60.js"),r=t(e,[["__scopeId","data-v-bf99da80"]]);module.exports=r;
+"use strict";const e=require("./design-system87.js");require("./design-system88.js");const t=require("./design-system56.js"),r=t(e,[["__scopeId","data-v-bf99da80"]]);module.exports=r;
 //# sourceMappingURL=design-system42.js.map

package/dist/design-system42.mjs

@@ -1,6 +1,6 @@
-import o from "./design-system91.mjs";
-import "./design-system92.mjs";
-import t from "./design-system60.mjs";
+import o from "./design-system87.mjs";
+import "./design-system88.mjs";
+import t from "./design-system56.mjs";
 const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-bf99da80"]]);
 export {
   f as default

package/dist/design-system43.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),s=require("./design-system60.js"),t={},o={class:"ds-relative ds-w-full ds-border-l-2 ds-border-primary-f/50"};function n(r,l){return e.openBlock(),e.createElementBlock("ol",o,[e.renderSlot(r.$slots,"default")])}const c=s(t,[["render",n]]);module.exports=c;
+"use strict";const e=require("vue"),s=require("./design-system56.js"),t={},o={class:"ds-relative ds-w-full ds-border-l-2 ds-border-primary-f/50"};function n(r,l){return e.openBlock(),e.createElementBlock("ol",o,[e.renderSlot(r.$slots,"default")])}const c=s(t,[["render",n]]);module.exports=c;
 //# sourceMappingURL=design-system43.js.map

package/dist/design-system43.mjs

@@ -1,5 +1,5 @@
 import { openBlock as r, createElementBlock as o, renderSlot as t } from "vue";
-import s from "./design-system60.mjs";
+import s from "./design-system56.mjs";
 const l = {}, c = { class: "ds-relative ds-w-full ds-border-l-2 ds-border-primary-f/50" };
 function n(e, d) {
   return r(), o("ol", c, [

package/dist/design-system44.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),t=require("./design-system60.js"),l={},d={class:"ds-ml-4 ds-flex ds-w-full ds-items-center"},n=e.createElementVNode("div",null,[e.createElementVNode("div",{class:"-ds-ml-[25px] ds-h-4 ds-w-4 ds-rounded-full ds-bg-primary-f"})],-1),r={class:"ds-flex-auto"};function c(s,i){return e.openBlock(),e.createElementBlock("li",d,[n,e.createElementVNode("div",r,[e.renderSlot(s.$slots,"default")])])}const o=t(l,[["render",c]]);module.exports=o;
+"use strict";const e=require("vue"),t=require("./design-system56.js"),l={},d={class:"ds-ml-4 ds-flex ds-w-full ds-items-center"},n=e.createElementVNode("div",null,[e.createElementVNode("div",{class:"-ds-ml-[25px] ds-h-4 ds-w-4 ds-rounded-full ds-bg-primary-f"})],-1),r={class:"ds-flex-auto"};function c(s,i){return e.openBlock(),e.createElementBlock("li",d,[n,e.createElementVNode("div",r,[e.renderSlot(s.$slots,"default")])])}const o=t(l,[["render",c]]);module.exports=o;
 //# sourceMappingURL=design-system44.js.map

package/dist/design-system44.mjs

@@ -1,5 +1,5 @@
 import { openBlock as t, createElementBlock as d, createElementVNode as e, renderSlot as l } from "vue";
-import o from "./design-system60.mjs";
+import o from "./design-system56.mjs";
 const r = {}, c = { class: "ds-ml-4 ds-flex ds-w-full ds-items-center" }, n = /* @__PURE__ */ e("div", null, [
   /* @__PURE__ */ e("div", { class: "-ds-ml-[25px] ds-h-4 ds-w-4 ds-rounded-full ds-bg-primary-f" })
 ], -1), i = { class: "ds-flex-auto" };

package/dist/design-system45.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system93.js");require("./design-system94.js");const r=require("./design-system60.js"),t=r(e,[["__scopeId","data-v-91ede486"]]);module.exports=t;
+"use strict";const e=require("./design-system89.js");require("./design-system90.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-91ede486"]]);module.exports=t;
 //# sourceMappingURL=design-system45.js.map

package/dist/design-system45.mjs

@@ -1,6 +1,6 @@
-import o from "./design-system93.mjs";
-import "./design-system94.mjs";
-import e from "./design-system60.mjs";
+import o from "./design-system89.mjs";
+import "./design-system90.mjs";
+import e from "./design-system56.mjs";
 const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-91ede486"]]);
 export {
   a as default

package/dist/design-system50.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./design-system49.js"),y=require("./design-system51.js"),Q=require("./design-system53.js");/*!
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./design-system49.js"),y=require("./design-system51.js"),Q=require("./design-system93.js");/*!
   * core-base v9.2.2
   * (c) 2022 kazuya kawaguchi
   * Released under the MIT License.

package/dist/design-system50.mjs

@@ -1,6 +1,6 @@
 import { getGlobalThis as Fe, isObject as h, isArray as $, isPlainObject as M, isString as u, isBoolean as I, assign as H, isFunction as C, isRegExp as ee, warn as j, format as me, escapeHtml as te, inBrowser as K, mark as R, measure as B, isNumber as L, isEmptyObject as z, generateCodeFrame as Me, generateFormatCacheKey as be, isDate as ve, toDisplayString as he } from "./design-system49.mjs";
 import { defaultOnError as Ie, baseCompile as Ce, createCompileError as Le, CompileErrorCodes as we } from "./design-system51.mjs";
-import { IntlifyDevToolsHooks as ue } from "./design-system53.mjs";
+import { IntlifyDevToolsHooks as ue } from "./design-system93.mjs";
 /*!
   * core-base v9.2.2
   * (c) 2022 kazuya kawaguchi