@7pmlabs/design-system 0.3.3 → 0.3.4

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, 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.prependIcon)\n        ? _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_2, [\n            _createElementVNode(\"span\", {\n              id: `${id.value}prependIcon`,\n              class: _normalizeClass(_ctx.prependIcon),\n              onClick: onClickPrependIcon\n            }, null, 10, _hoisted_3)\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.appendIcon)\n        ? _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_5, [\n            _createElementVNode(\"span\", {\n              id: `${id.value}appendIcon`,\n              class: _normalizeClass(_ctx.appendIcon),\n              onClick: onClickAppendIcon\n            }, null, 10, _hoisted_6)\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","_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-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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"}

package/dist/design-system40.mjs

@@ -1,16 +1,16 @@
-import { defineComponent as K, ref as M, computed as t, openBlock as n, createElementBlock as c, createVNode as $, createElementVNode as r, withDirectives as f, normalizeClass as m, vShow as y, createCommentVNode as v, withKeys as x, vModelDynamic as D, createBlock as z, unref as A } from "vue";
-import { useValidationField as F } from "./design-system3.mjs";
-import { useI18n as H } from "./design-system48.mjs";
-import N from "./design-system30.mjs";
-import P from "./design-system31.mjs";
-import U from "./design-system95.mjs";
-const S = { class: "ds-relative" }, T = {
+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 S from "./design-system31.mjs";
+import T from "./design-system98.mjs";
+const j = { class: "ds-relative" }, x = {
   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"
-}, j = ["id"], G = ["id", "autocomplete", "disabled", "inputmode", "placeholder", "readonly", "type", "onKeyup"], J = {
+}, G = ["id"], J = ["id", "autocomplete", "disabled", "inputmode", "placeholder", "readonly", "type", "onKeyup"], L = {
   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"
-}, L = ["id"], oe = /* @__PURE__ */ K({
+}, O = ["id"], se = /* @__PURE__ */ M({
   __name: "BTextField",
   props: {
     inputId: { default: "" },
@@ -34,111 +34,115 @@ const S = { class: "ds-relative" }, T = {
     inputmode: { default: "text" }
   },
   emits: ["focus", "blur", "click:prepend", "click:append", "press:enter", "update:modelValue"],
-  setup(h, { expose: I, emit: o }) {
-    const d = h, { t: k } = H(), a = M(null), g = {
+  setup(I, { expose: k, emit: d }) {
+    const o = I, { t: g } = P(), a = _(null), C = {
       validateRule: (e) => typeof e == "number" ? !!e : !!(e && (e != null && e.trim())),
-      errorMessage: () => d.requiredErrorMessage || k("ds.global.field_required")
-    }, l = t(() => d.inputId || `id-${U()}`), u = t({
+      errorMessage: () => o.requiredErrorMessage || g("ds.global.field_required")
+    }, s = n(() => o.inputId || `id-${T()}`), u = n({
       get() {
-        return d.modelValue;
+        return o.modelValue;
       },
       set(e) {
-        o("update:modelValue", e);
+        d("update:modelValue", e);
       }
-    }), C = t(() => [
+    }), B = n(() => [
       {
-        "ds-pl-9": d.prependIcon,
-        "ds-pr-9": d.appendIcon,
-        "ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]": d.disabled,
-        "ds-text-black/[0.85]": !d.disabled,
-        "ds-border-error focus:ds-ring-1 focus:ds-ring-error": !i.value.valid,
-        "ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus": i.value.valid
+        "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
       },
-      d.inputCssClass
-    ]), B = t(() => {
+      o.inputCssClass
+    ]), V = n(() => {
       let e = [];
-      return d.required && e.push(g), d.validationRules && (e = e.concat(d.validationRules)), e.length ? e : void 0;
-    }), { validate: b, validationResult: i } = F(
-      l.value,
+      return o.required && e.push(C), o.validationRules && (e = e.concat(o.validationRules)), e.length ? e : void 0;
+    }), { validate: b, validationResult: p } = N(
+      s.value,
       u,
-      B.value
-    ), V = () => {
-      o("click:prepend");
-    }, q = () => {
-      o("click:append");
+      V.value
+    ), q = () => {
+      d("click:prepend");
     }, R = () => {
-      o("press:enter");
-    }, _ = () => {
-      o("focus");
+      d("click:append");
+    }, $ = () => {
+      d("press:enter");
     }, w = () => {
-      o("blur");
+      d("focus");
     }, E = () => {
+      d("blur");
+    }, K = () => {
       b();
     };
-    return I({ validate: b, focus: () => {
+    return k({ validate: b, focus: () => {
       var e;
       (e = a.value) == null || e.focus();
     }, blur: () => {
       var e;
       (e = a.value) == null || e.blur();
-    } }), (e, s) => (n(), c("div", null, [
-      $(P, {
-        id: l.value,
+    } }), (e, l) => (t(), c("div", null, [
+      D(S, {
+        id: s.value,
         label: e.label,
         required: e.required
       }, null, 8, ["id", "label", "required"]),
-      r("div", S, [
-        e.prependIcon ? f((n(), c("div", T, [
-          r("span", {
-            id: `${l.value}prependIcon`,
-            class: m(e.prependIcon),
-            onClick: V
-          }, null, 10, j)
+      r("div", j, [
+        e.$slots.prependIcon || e.prependIcon ? f((t(), c("div", x, [
+          y(e.$slots, "prependIcon", {}, () => [
+            r("span", {
+              id: `${s.value}prependIcon`,
+              class: m(e.prependIcon),
+              onClick: q
+            }, null, 10, G)
+          ])
         ], 512)), [
-          [y, !e.hidePrependIcon]
+          [h, !e.hidePrependIcon]
         ]) : v("", !0),
         f(r("input", {
-          id: l.value,
+          id: s.value,
           ref_key: "inputRef",
           ref: a,
-          "onUpdate:modelValue": s[0] || (s[0] = (p) => u.value = p),
-          autocomplete: d.autocomplete ? "on" : "off",
-          class: m([C.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: d.disabled,
-          inputmode: d.inputmode,
-          placeholder: d.placeholder,
-          readonly: d.readonly,
-          type: d.type,
-          onBlur: w,
-          onFocus: _,
-          onInput: s[1] || (s[1] = //@ts-ignore
-          (...p) => e.inputHandler && e.inputHandler(...p)),
+          "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"]),
+          disabled: o.disabled,
+          inputmode: o.inputmode,
+          placeholder: o.placeholder,
+          readonly: o.readonly,
+          type: o.type,
+          onBlur: E,
+          onFocus: w,
+          onInput: l[1] || (l[1] = //@ts-ignore
+          (...i) => e.inputHandler && e.inputHandler(...i)),
           onKeyup: [
-            E,
-            x(R, ["enter"])
+            K,
+            z($, ["enter"])
           ]
-        }, null, 42, G), [
-          [D, u.value]
+        }, null, 42, J), [
+          [A, u.value]
         ]),
-        e.appendIcon ? f((n(), c("div", J, [
-          r("span", {
-            id: `${l.value}appendIcon`,
-            class: m(e.appendIcon),
-            onClick: q
-          }, null, 10, L)
+        e.$slots.appendIcon || e.appendIcon ? f((t(), c("div", L, [
+          y(e.$slots, "appendIcon", {}, () => [
+            r("span", {
+              id: `${s.value}appendIcon`,
+              class: m(e.appendIcon),
+              onClick: R
+            }, null, 10, O)
+          ])
         ], 512)), [
-          [y, !e.hideAppendIcon]
+          [h, !e.hideAppendIcon]
         ]) : v("", !0)
       ]),
-      e.hideDetails ? v("", !0) : (n(), z(N, {
+      e.hideDetails ? v("", !0) : (t(), F(U, {
         key: 0,
-        "error-message": A(i).errorMessage(),
+        "error-message": H(p).errorMessage(),
         class: "ds-mt-1"
       }, null, 8, ["error-message"]))
     ]));
   }
 });
 export {
-  oe as default
+  se as default
 };
 //# sourceMappingURL=design-system40.mjs.map

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, 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.prependIcon)\n        ? _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_2, [\n            _createElementVNode(\"span\", {\n              id: `${id.value}prependIcon`,\n              class: _normalizeClass(_ctx.prependIcon),\n              onClick: onClickPrependIcon\n            }, null, 10, _hoisted_3)\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.appendIcon)\n        ? _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_5, [\n            _createElementVNode(\"span\", {\n              id: `${id.value}appendIcon`,\n              class: _normalizeClass(_ctx.appendIcon),\n              onClick: onClickAppendIcon\n            }, null, 10, _hoisted_6)\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","_normalizeClass","_vShow","_createCommentVNode","$event","args","_withKeys","_vModelDynamic","_createBlock","BErrorMessage","_unref"],"mappings":";;;;;;AAGA,MAAMA,IAAa,EAAE,OAAO,iBACtBC,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GACMC,IAAa,CAAC,IAAI,GAClBC,IAAa,CAAC,MAAM,gBAAgB,YAAY,aAAa,eAAe,YAAY,QAAQ,SAAS,GACzGC,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GACMC,IAAa,CAAC,IAAI,GAqEIC,KAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,SAAS,GAAG;AAAA,IACvB,eAAe,EAAE,SAAS,GAAG;AAAA,IAC7B,iBAAiB,EAAE,SAAS,OAAU;AAAA,IACtC,YAAY,CAAC;AAAA,IACb,OAAO,EAAE,SAAS,GAAG;AAAA,IACrB,aAAa,EAAE,SAAS,GAAG;AAAA,IAC3B,iBAAiB,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IACjD,YAAY,EAAE,SAAS,GAAG;AAAA,IAC1B,gBAAgB,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAChD,aAAa,EAAE,SAAS,GAAG;AAAA,IAC3B,cAAc,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC9C,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC1C,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC1C,MAAM,EAAE,SAAS,OAAO;AAAA,IACxB,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC1C,sBAAsB,EAAE,SAAS,GAAG;AAAA,IACpC,aAAa,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC7C,cAAc,EAAE,SAAS,OAAU;AAAA,IACnC,WAAW,EAAE,SAAS,OAAO;AAAA,EAC/B;AAAA,EACA,OAAO,CAAC,SAAS,QAAQ,iBAAiB,gBAAgB,eAAe,mBAAmB;AAAA,EAC5F,MAAMC,GAAc,EAAE,QAAQC,GAAU,MAAAC,KAAQ;AAElD,UAAMC,IAAQH,GAaR,EAAE,GAAAI,MAAMC,KACRC,IAAWC,EAA6B,IAAI,GAC5CC,IAAmC;AAAA,MACvC,cAAc,CAACC,MACT,OAAOA,KAAQ,WACV,CAAC,CAACA,IAEJ,CAAC,EAAEA,MAAOA,KAAA,QAAAA,EAAK;AAAA,MAExB,cAAc,MACZN,EAAM,wBAAwBC,EAAE,0BAA0B;AAAA,IAAA,GAExDM,IAAKC,EAAS,MAAMR,EAAM,WAAW,MAAMS,GAAM,EAAE,GACnDC,IAAQF,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOR,EAAM;AAAA,MACf;AAAA,MACA,IAAIM,GAAK;AACP,QAAAP,EAAK,qBAAqBO,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD,GACKK,IAAqBH,EAAS,MAAM;AAAA,MACxC;AAAA,QACE,WAAWR,EAAM;AAAA,QACjB,WAAWA,EAAM;AAAA,QACjB,6DAA6DA,EAAM;AAAA,QACnE,wBAAwB,CAACA,EAAM;AAAA,QAC/B,uDACE,CAACY,EAAiB,MAAM;AAAA,QAC1B,mFACEA,EAAiB,MAAM;AAAA,MAC3B;AAAA,MACAZ,EAAM;AAAA,IAAA,CACP,GACKa,IAASL,EAAS,MAAM;AAC5B,UAAIM,IAA2B,CAAA;AAE/B,aAAId,EAAM,YACRc,EAAO,KAAKT,CAAgB,GAE1BL,EAAM,oBACCc,IAAAA,EAAO,OAAOd,EAAM,eAAe,IAGvCc,EAAO,SAASA,IAAS;AAAA,IAAA,CACjC,GAEK,EAAE,UAAAC,GAAU,kBAAAH,EAAA,IAAqBI;AAAA,MACrCT,EAAG;AAAA,MACHG;AAAA,MACAG,EAAO;AAAA,IAAA,GAMHI,IAAqB,MAAM;AAC/B,MAAAlB,EAAK,eAAe;AAAA,IAAA,GAEhBmB,IAAoB,MAAM;AAC9B,MAAAnB,EAAK,cAAc;AAAA,IAAA,GAEfoB,IAAe,MAAM;AACzB,MAAApB,EAAK,aAAa;AAAA,IAAA,GAEdqB,IAAU,MAAM;AACpB,MAAArB,EAAK,OAAO;AAAA,IAAA,GAERsB,IAAS,MAAM;AACnB,MAAAtB,EAAK,MAAM;AAAA,IAAA,GAEPuB,IAAU,MAAM;AACX,MAAAP;IAAA;AASX,WAAAjB,EAAS,EAAE,UAAAiB,GAAU,OAPP,MAAM;;AAClB,OAAAQ,IAAApB,EAAS,UAAT,QAAAoB,EAAgB;AAAA,IAAM,GAMI,MAJf,MAAM;;AACjB,OAAAA,IAAApB,EAAS,UAAT,QAAAoB,EAAgB;AAAA,IAAK,EAGW,CAAA,GAE3B,CAACC,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO,MAAM;AAAA,MACrDC,EAAaC,GAAQ;AAAA,QACnB,IAAItB,EAAG;AAAA,QACP,OAAOiB,EAAK;AAAA,QACZ,UAAUA,EAAK;AAAA,MAAA,GACd,MAAM,GAAG,CAAC,MAAM,SAAS,UAAU,CAAC;AAAA,MACvCM,EAAoB,OAAOzC,GAAY;AAAA,QACpCmC,EAAK,cACFO,GAAiBL,EAAc,GAAAC,EAAoB,OAAOrC,GAAY;AAAA,UACpEwC,EAAoB,QAAQ;AAAA,YAC1B,IAAI,GAAGvB,EAAG,KAAK;AAAA,YACf,OAAOyB,EAAgBR,EAAK,WAAW;AAAA,YACvC,SAASP;AAAA,UAAA,GACR,MAAM,IAAI1B,CAAU;AAAA,QACzB,GAAG,GAAG,IAAI;AAAA,UACR,CAAC0C,GAAQ,CAACT,EAAK,eAAe;AAAA,QAAA,CAC/B,IACDU,EAAoB,IAAI,EAAI;AAAA,QAChCH,EAAgBD,EAAoB,SAAS;AAAA,UAC3C,IAAIvB,EAAG;AAAA,UACP,SAAS;AAAA,UACT,KAAKJ;AAAA,UACL,uBAAuBsB,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACU,MAAkBzB,EAAO,QAAQyB;AAAA,UACnF,cAAcnC,EAAM,eAAe,OAAO;AAAA,UAC1C,OAAOgC,EAAgB,CAACrB,EAAmB,OAAO,gGAAgG,CAAC;AAAA,UACnJ,UAAUX,EAAM;AAAA,UAChB,WAAWA,EAAM;AAAA,UACjB,aAAaA,EAAM;AAAA,UACnB,UAAUA,EAAM;AAAA,UAChB,MAAMA,EAAM;AAAA,UACZ,QAAAqB;AAAA,UACA,SAAAD;AAAA,UACA,SAASK,EAAO,CAAC,MAAMA,EAAO,CAAC;AAAA,UAEvC,IAAIW,MAAUZ,EAAK,gBAAgBA,EAAK,aAAa,GAAGY,CAAI;AAAA,UACpD,SAAS;AAAA,YACPd;AAAA,YACAe,EAAUlB,GAAc,CAAC,OAAO,CAAC;AAAA,UACnC;AAAA,QAAA,GACC,MAAM,IAAI3B,CAAU,GAAG;AAAA,UACxB,CAAC8C,GAAgB5B,EAAM,KAAK;AAAA,QAAA,CAC7B;AAAA,QACAc,EAAK,aACFO,GAAiBL,EAAc,GAAAC,EAAoB,OAAOlC,GAAY;AAAA,UACpEqC,EAAoB,QAAQ;AAAA,YAC1B,IAAI,GAAGvB,EAAG,KAAK;AAAA,YACf,OAAOyB,EAAgBR,EAAK,UAAU;AAAA,YACtC,SAASN;AAAA,UAAA,GACR,MAAM,IAAIxB,CAAU;AAAA,QACzB,GAAG,GAAG,IAAI;AAAA,UACR,CAACuC,GAAQ,CAACT,EAAK,cAAc;AAAA,QAAA,CAC9B,IACDU,EAAoB,IAAI,EAAI;AAAA,MAAA,CACjC;AAAA,MACCV,EAAK,cAMHU,EAAoB,IAAI,EAAI,KAL3BR,EAAW,GAAGa,EAAaC,GAAe;AAAA,QACzC,KAAK;AAAA,QACL,iBAAiBC,EAAO7B,CAAgB,EAAE,aAAa;AAAA,QACvD,OAAO;AAAA,MAAA,GACN,MAAM,GAAG,CAAC,eAAe,CAAC;AAAA,IACD,CACjC;AAAA,EAEH;AAEA,CAAC;"}
+{"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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"}

package/dist/design-system41.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),l=require("./design-system5.js"),r={key:0,class:"ds-flex ds-flex-initial ds-items-center ds-pr-1"},i=["innerHTML"],u=e.createElementVNode("i",{class:"fa-solid fa-xmark ds-text-lg"},null,-1),m=[u],f=e.defineComponent({__name:"BToastItem",props:{text:{default:""},icon:{default:""},type:{default:l.BToastItemType.Default},hideClose:{type:Boolean,default:!1}},emits:["close"],setup(c,{emit:d}){const t=c,n=e.computed(()=>{let s="ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl ";switch(t.type){case l.BToastItemType.Success:s+="ds-bg-[#00a86b] ds-text-white ";break;case l.BToastItemType.Error:s+="ds-bg-red-600 ds-text-white ";break;case l.BToastItemType.Default:default:s+="ds-bg-white ds-text-primary-t "}return s}),o=e.ref({success:"fa-solid fa-circle-check",error:"fa-solid fa-circle-exclamation",default:""});return(s,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n.value)},[t.icon||o.value[t.type]?(e.openBlock(),e.createElementBlock("div",r,[e.createElementVNode("i",{class:e.normalizeClass([t.icon||o.value[t.type],"ds-text-lg"])},null,2)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"ds-flex-auto ds-text-sm ds-font-normal",innerHTML:s.text},null,8,i),t.hideClose?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:1,class:"ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1",onClick:a[0]||(a[0]=p=>d("close"))},m))],2))}});module.exports=f;
+"use strict";const e=require("vue"),t=require("./design-system5.js"),a={key:0,class:"ds-flex ds-flex-initial ds-items-center ds-pr-1"},r=e.createElementVNode("svg",{class:"ds-h-5 ds-w-5 ds-fill-white",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"})],-1),i=[r],m={key:1,class:"ds-flex ds-flex-initial ds-items-center ds-pr-1"},p=e.createElementVNode("svg",{class:"ds-h-5 ds-w-5 ds-fill-white",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"})],-1),u=[p],h={class:"ds-flex-auto ds-text-sm ds-font-normal"},f=["innerHTML"],w=e.createElementVNode("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"},null,-1),x=[w],B=e.defineComponent({__name:"BToastItem",props:{text:{default:""},type:{default:t.BToastItemType.Default},hideClose:{type:Boolean,default:!1}},emits:["close"],setup(d,{emit:c}){const o=d,n=e.computed(()=>{let s="ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl ";switch(o.type){case t.BToastItemType.Success:s+="ds-bg-[#00a86b] ds-text-white ";break;case t.BToastItemType.Error:s+="ds-bg-red-600 ds-text-white ";break;case t.BToastItemType.Default:default:s+="ds-bg-white ds-text-primary-t "}return s});return(s,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n.value)},[e.unref(t.BToastItemType).Success===o.type?(e.openBlock(),e.createElementBlock("div",a,i)):e.unref(t.BToastItemType).Error===o.type?(e.openBlock(),e.createElementBlock("div",m,u)):e.createCommentVNode("",!0),e.createElementVNode("div",h,[e.renderSlot(s.$slots,"default",{},()=>[e.createElementVNode("div",{innerHTML:s.text},null,8,f)])]),o.hideClose?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:2,class:"ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1",onClick:l[0]||(l[0]=_=>c("close"))},[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[e.unref(t.BToastItemType).Default===o.type?"ds-fill-primary-t":"ds-fill-white"],"ds-h-5 ds-w-5"]),viewBox:"0 0 384 512",xmlns:"http://www.w3.org/2000/svg"},x,2))]))],2))}});module.exports=B;
 //# sourceMappingURL=design-system41.js.map

package/dist/design-system41.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system41.js","sources":["../src/components/BToast/BToastItem.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = {\n  key: 0,\n  class: \"ds-flex ds-flex-initial ds-items-center ds-pr-1\"\n}\nconst _hoisted_2 = [\"innerHTML\"]\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"i\", { class: \"fa-solid fa-xmark ds-text-lg\" }, null, -1)\nconst _hoisted_4 = [\n  _hoisted_3\n]\n\nimport { BToastItemType } from '@/constants/Enums';\nimport { computed, ref } from 'vue';\n\n/**\n * Props\n */\nexport interface Props {\n  text?: string;\n  icon?: string;\n  type?: `${BToastItemType}`;\n  hideClose?: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BToastItem',\n  props: {\n    text: { default: '' },\n    icon: { default: '' },\n    type: { default: BToastItemType.Default },\n    hideClose: { type: Boolean, default: false }\n  },\n  emits: [\"close\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst cssClass = computed<string>(() => {\n  let result = `ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl `;\n\n  switch (props.type) {\n    case BToastItemType.Success:\n      result += `ds-bg-[#00a86b] ds-text-white `;\n      break;\n    case BToastItemType.Error:\n      result += `ds-bg-red-600 ds-text-white `;\n      break;\n    case BToastItemType.Default:\n    default:\n      result += `ds-bg-white ds-text-primary-t `;\n  }\n\n  return result;\n});\nconst defaultIcon = ref<Record<BToastItemType, string>>({\n  success: 'fa-solid fa-circle-check',\n  error: 'fa-solid fa-circle-exclamation',\n  default: '',\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass(cssClass.value)\n  }, [\n    (props.icon || defaultIcon.value[props.type])\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n          _createElementVNode(\"i\", {\n            class: _normalizeClass([props.icon || defaultIcon.value[props.type], \"ds-text-lg\"])\n          }, null, 2)\n        ]))\n      : _createCommentVNode(\"\", true),\n    _createElementVNode(\"div\", {\n      class: \"ds-flex-auto ds-text-sm ds-font-normal\",\n      innerHTML: _ctx.text\n    }, null, 8, _hoisted_2),\n    (!props.hideClose)\n      ? (_openBlock(), _createElementBlock(\"div\", {\n          key: 1,\n          class: \"ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1\",\n          onClick: _cache[0] || (_cache[0] = ($event: any) => (emit('close')))\n        }, _hoisted_4))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","BToastItemType","__props","emit","props","cssClass","computed","result","defaultIcon","ref","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_createCommentVNode","$event"],"mappings":"qEAGMA,EAAa,CACjB,IAAK,EACL,MAAO,iDACT,EACMC,EAAa,CAAC,WAAW,EACzBC,uBAA8C,IAAK,CAAE,MAAO,gCAAkC,KAAM,EAAE,EACtGC,EAAa,CACjBD,CACF,EAe4BE,EAAiBC,kBAAA,CAC3C,OAAQ,aACR,MAAO,CACL,KAAM,CAAE,QAAS,EAAG,EACpB,KAAM,CAAE,QAAS,EAAG,EACpB,KAAM,CAAE,QAASC,EAAA,eAAe,OAAQ,EACxC,UAAW,CAAE,KAAM,QAAS,QAAS,EAAM,CAC7C,EACA,MAAO,CAAC,OAAO,EACf,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAYRG,EAAWC,EAAAA,SAAiB,IAAM,CACtC,IAAIC,EAAS,+EAEb,OAAQH,EAAM,KAAM,CAClB,KAAKH,EAAe,eAAA,QACRM,GAAA,iCACV,MACF,KAAKN,EAAe,eAAA,MACRM,GAAA,+BACV,MACF,KAAKN,EAAAA,eAAe,QACpB,QACYM,GAAA,gCACd,CAEO,OAAAA,CAAA,CACR,EACKC,EAAcC,EAAAA,IAAoC,CACtD,QAAS,2BACT,MAAO,iCACP,QAAS,EAAA,CACV,EAEM,MAAA,CAACC,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,MAAOC,EAAAA,eAAgBT,EAAS,KAAK,CAAA,EACpC,CACAD,EAAM,MAAQI,EAAY,MAAMJ,EAAM,IAAI,GACtCQ,YAAW,EAAGC,qBAAoB,MAAOlB,EAAY,CACpDoB,EAAAA,mBAAoB,IAAK,CACvB,MAAOD,EAAgB,eAAA,CAACV,EAAM,MAAQI,EAAY,MAAMJ,EAAM,IAAI,EAAG,YAAY,CAAC,CAAA,EACjF,KAAM,CAAC,CAAA,CACX,GACDY,EAAAA,mBAAoB,GAAI,EAAI,EAChCD,EAAAA,mBAAoB,MAAO,CACzB,MAAO,yCACP,UAAWL,EAAK,IAAA,EACf,KAAM,EAAGd,CAAU,EACpBQ,EAAM,UAMJY,qBAAoB,GAAI,EAAI,GAL3BJ,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO,CACxC,IAAK,EACL,MAAO,oEACP,QAASF,EAAO,CAAC,IAAMA,EAAO,CAAC,EAAKM,GAAiBd,EAAK,OAAO,EAChE,EAAAL,CAAU,IAEhB,CAAC,EAEN,CAEA,CAAC"}
+{"version":3,"file":"design-system41.js","sources":["../src/components/BToast/BToastItem.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = {\n  key: 0,\n  class: \"ds-flex ds-flex-initial ds-items-center ds-pr-1\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-5 ds-w-5 ds-fill-white\",\n  viewBox: \"0 0 512 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z\" })\n], -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\nconst _hoisted_4 = {\n  key: 1,\n  class: \"ds-flex ds-flex-initial ds-items-center ds-pr-1\"\n}\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-5 ds-w-5 ds-fill-white\",\n  viewBox: \"0 0 512 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z\" })\n], -1)\nconst _hoisted_6 = [\n  _hoisted_5\n]\nconst _hoisted_7 = { class: \"ds-flex-auto ds-text-sm ds-font-normal\" }\nconst _hoisted_8 = [\"innerHTML\"]\nconst _hoisted_9 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\" }, null, -1)\nconst _hoisted_10 = [\n  _hoisted_9\n]\n\nimport { BToastItemType } from '@/constants/Enums';\nimport { computed } from 'vue';\n\n/**\n * Props\n */\nexport interface Props {\n  text?: string;\n  type?: `${BToastItemType}`;\n  hideClose?: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BToastItem',\n  props: {\n    text: { default: '' },\n    type: { default: BToastItemType.Default },\n    hideClose: { type: Boolean, default: false }\n  },\n  emits: [\"close\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst cssClass = computed<string>(() => {\n  let result = `ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl `;\n\n  switch (props.type) {\n    case BToastItemType.Success:\n      result += `ds-bg-[#00a86b] ds-text-white `;\n      break;\n    case BToastItemType.Error:\n      result += `ds-bg-red-600 ds-text-white `;\n      break;\n    case BToastItemType.Default:\n    default:\n      result += `ds-bg-white ds-text-primary-t `;\n  }\n\n  return result;\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass(cssClass.value)\n  }, [\n    (_unref(BToastItemType).Success === props.type)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_1, _hoisted_3))\n      : (_unref(BToastItemType).Error === props.type)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_4, _hoisted_6))\n        : _createCommentVNode(\"\", true),\n    _createElementVNode(\"div\", _hoisted_7, [\n      _renderSlot(_ctx.$slots, \"default\", {}, () => [\n        _createElementVNode(\"div\", { innerHTML: _ctx.text }, null, 8, _hoisted_8)\n      ])\n    ]),\n    (!props.hideClose)\n      ? (_openBlock(), _createElementBlock(\"div\", {\n          key: 2,\n          class: \"ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1\",\n          onClick: _cache[0] || (_cache[0] = ($event: any) => (emit('close')))\n        }, [\n          (_openBlock(), _createElementBlock(\"svg\", {\n            class: _normalizeClass([[\n          _unref(BToastItemType).Default === props.type\n            ? 'ds-fill-primary-t'\n            : 'ds-fill-white',\n        ], \"ds-h-5 ds-w-5\"]),\n            viewBox: \"0 0 384 512\",\n            xmlns: \"http://www.w3.org/2000/svg\"\n          }, _hoisted_10, 2))\n        ]))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_sfc_main","_defineComponent","BToastItemType","__props","emit","props","cssClass","computed","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_unref","_createCommentVNode","_renderSlot","$event"],"mappings":"qEAGMA,EAAa,CACjB,IAAK,EACL,MAAO,iDACT,EACMC,uBAA8C,MAAO,CACzD,MAAO,8BACP,QAAS,cACT,MAAO,4BACT,EAAG,CACgCC,EAAAA,mBAAA,OAAQ,CAAE,EAAG,oMAAqM,CACrP,EAAG,EAAE,EACCC,EAAa,CACjBF,CACF,EACMG,EAAa,CACjB,IAAK,EACL,MAAO,iDACT,EACMC,uBAA8C,MAAO,CACzD,MAAO,8BACP,QAAS,cACT,MAAO,4BACT,EAAG,CACgCH,EAAAA,mBAAA,OAAQ,CAAE,EAAG,6LAA8L,CAC9O,EAAG,EAAE,EACCI,EAAa,CACjBD,CACF,EACME,EAAa,CAAE,MAAO,0CACtBC,EAAa,CAAC,WAAW,EACzBC,uBAA8C,OAAQ,CAAE,EAAG,2RAA6R,KAAM,EAAE,EAChWC,EAAc,CAClBD,CACF,EAc4BE,EAAiBC,kBAAA,CAC3C,OAAQ,aACR,MAAO,CACL,KAAM,CAAE,QAAS,EAAG,EACpB,KAAM,CAAE,QAASC,EAAA,eAAe,OAAQ,EACxC,UAAW,CAAE,KAAM,QAAS,QAAS,EAAM,CAC7C,EACA,MAAO,CAAC,OAAO,EACf,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAYRG,EAAWC,EAAAA,SAAiB,IAAM,CACtC,IAAIC,EAAS,+EAEb,OAAQH,EAAM,KAAM,CAClB,KAAKH,EAAe,eAAA,QACRM,GAAA,iCACV,MACF,KAAKN,EAAe,eAAA,MACRM,GAAA,+BACV,MACF,KAAKN,EAAAA,eAAe,QACpB,QACYM,GAAA,gCACd,CAEO,OAAAA,CAAA,CACR,EAEM,MAAA,CAACC,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,MAAOC,EAAAA,eAAgBP,EAAS,KAAK,CAAA,EACpC,CACAQ,EAAAA,MAAOZ,EAAc,cAAA,EAAE,UAAYG,EAAM,MACrCM,YAAW,EAAGC,EAAoB,mBAAA,MAAOvB,EAAYG,CAAU,GAC/DsB,EAAA,MAAOZ,gBAAc,EAAE,QAAUG,EAAM,MACrCM,EAAAA,UAAc,EAAAC,EAAA,mBAAoB,MAAOnB,EAAYE,CAAU,GAChEoB,qBAAoB,GAAI,EAAI,EAClCxB,EAAA,mBAAoB,MAAOK,EAAY,CACrCoB,EAAAA,WAAYP,EAAK,OAAQ,UAAW,GAAI,IAAM,CAC5ClB,qBAAoB,MAAO,CAAE,UAAWkB,EAAK,MAAQ,KAAM,EAAGZ,CAAU,CAAA,CACzE,CAAA,CACF,EACCQ,EAAM,UAgBJU,EAAAA,mBAAoB,GAAI,EAAI,GAf3BJ,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO,CACxC,IAAK,EACL,MAAO,oEACP,QAASF,EAAO,CAAC,IAAMA,EAAO,CAAC,EAAKO,GAAiBb,EAAK,OAAO,EAAA,EAChE,EACAO,YAAc,EAAAC,EAAA,mBAAoB,MAAO,CACxC,MAAOC,iBAAgB,CAAC,CAC1BC,QAAOZ,EAAc,cAAA,EAAE,UAAYG,EAAM,KACrC,oBACA,eACN,EAAG,eAAe,CAAC,EACf,QAAS,cACT,MAAO,4BAAA,EACNN,EAAa,CAAC,EAAA,CAClB,IAEJ,CAAC,EAEN,CAEA,CAAC"}

package/dist/design-system41.mjs

@@ -1,60 +1,79 @@
-import { defineComponent as m, computed as p, ref as x, openBlock as l, createElementBlock as d, normalizeClass as r, createElementVNode as o, createCommentVNode as i } from "vue";
-import { BToastItemType as t } from "./design-system5.mjs";
-const h = {
+import { defineComponent as h, computed as m, openBlock as l, createElementBlock as o, normalizeClass as r, unref as i, createCommentVNode as n, createElementVNode as t, renderSlot as w } from "vue";
+import { BToastItemType as e } from "./design-system5.mjs";
+const u = {
   key: 0,
   class: "ds-flex ds-flex-initial ds-items-center ds-pr-1"
-}, _ = ["innerHTML"], y = /* @__PURE__ */ o("i", { class: "fa-solid fa-xmark ds-text-lg" }, null, -1), k = [
-  y
-], g = /* @__PURE__ */ m({
+}, x = /* @__PURE__ */ t("svg", {
+  class: "ds-h-5 ds-w-5 ds-fill-white",
+  viewBox: "0 0 512 512",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ t("path", { d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z" })
+], -1), _ = [
+  x
+], v = {
+  key: 1,
+  class: "ds-flex ds-flex-initial ds-items-center ds-pr-1"
+}, g = /* @__PURE__ */ t("svg", {
+  class: "ds-h-5 ds-w-5 ds-fill-white",
+  viewBox: "0 0 512 512",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ t("path", { d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z" })
+], -1), y = [
+  g
+], k = { class: "ds-flex-auto ds-text-sm ds-font-normal" }, B = ["innerHTML"], L = /* @__PURE__ */ t("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" }, null, -1), z = [
+  L
+], T = /* @__PURE__ */ h({
   __name: "BToastItem",
   props: {
     text: { default: "" },
-    icon: { default: "" },
-    type: { default: t.Default },
+    type: { default: e.Default },
     hideClose: { type: Boolean, default: !1 }
   },
   emits: ["close"],
-  setup(n, { emit: f }) {
-    const e = n, u = p(() => {
+  setup(a, { emit: p }) {
+    const d = a, f = m(() => {
       let s = "ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl ";
-      switch (e.type) {
-        case t.Success:
+      switch (d.type) {
+        case e.Success:
           s += "ds-bg-[#00a86b] ds-text-white ";
           break;
-        case t.Error:
+        case e.Error:
           s += "ds-bg-red-600 ds-text-white ";
           break;
-        case t.Default:
+        case e.Default:
         default:
           s += "ds-bg-white ds-text-primary-t ";
       }
       return s;
-    }), a = x({
-      success: "fa-solid fa-circle-check",
-      error: "fa-solid fa-circle-exclamation",
-      default: ""
     });
-    return (s, c) => (l(), d("div", {
-      class: r(u.value)
+    return (s, c) => (l(), o("div", {
+      class: r(f.value)
     }, [
-      e.icon || a.value[e.type] ? (l(), d("div", h, [
-        o("i", {
-          class: r([e.icon || a.value[e.type], "ds-text-lg"])
-        }, null, 2)
-      ])) : i("", !0),
-      o("div", {
-        class: "ds-flex-auto ds-text-sm ds-font-normal",
-        innerHTML: s.text
-      }, null, 8, _),
-      e.hideClose ? i("", !0) : (l(), d("div", {
-        key: 1,
+      i(e).Success === d.type ? (l(), o("div", u, _)) : i(e).Error === d.type ? (l(), o("div", v, y)) : n("", !0),
+      t("div", k, [
+        w(s.$slots, "default", {}, () => [
+          t("div", { innerHTML: s.text }, null, 8, B)
+        ])
+      ]),
+      d.hideClose ? n("", !0) : (l(), o("div", {
+        key: 2,
         class: "ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1",
-        onClick: c[0] || (c[0] = (v) => f("close"))
-      }, k))
+        onClick: c[0] || (c[0] = (C) => p("close"))
+      }, [
+        (l(), o("svg", {
+          class: r([[
+            i(e).Default === d.type ? "ds-fill-primary-t" : "ds-fill-white"
+          ], "ds-h-5 ds-w-5"]),
+          viewBox: "0 0 384 512",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, z, 2))
+      ]))
     ], 2));
   }
 });
 export {
-  g as default
+  T as default
 };
 //# sourceMappingURL=design-system41.mjs.map

package/dist/design-system41.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system41.mjs","sources":["../src/components/BToast/BToastItem.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = {\n  key: 0,\n  class: \"ds-flex ds-flex-initial ds-items-center ds-pr-1\"\n}\nconst _hoisted_2 = [\"innerHTML\"]\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"i\", { class: \"fa-solid fa-xmark ds-text-lg\" }, null, -1)\nconst _hoisted_4 = [\n  _hoisted_3\n]\n\nimport { BToastItemType } from '@/constants/Enums';\nimport { computed, ref } from 'vue';\n\n/**\n * Props\n */\nexport interface Props {\n  text?: string;\n  icon?: string;\n  type?: `${BToastItemType}`;\n  hideClose?: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BToastItem',\n  props: {\n    text: { default: '' },\n    icon: { default: '' },\n    type: { default: BToastItemType.Default },\n    hideClose: { type: Boolean, default: false }\n  },\n  emits: [\"close\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst cssClass = computed<string>(() => {\n  let result = `ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl `;\n\n  switch (props.type) {\n    case BToastItemType.Success:\n      result += `ds-bg-[#00a86b] ds-text-white `;\n      break;\n    case BToastItemType.Error:\n      result += `ds-bg-red-600 ds-text-white `;\n      break;\n    case BToastItemType.Default:\n    default:\n      result += `ds-bg-white ds-text-primary-t `;\n  }\n\n  return result;\n});\nconst defaultIcon = ref<Record<BToastItemType, string>>({\n  success: 'fa-solid fa-circle-check',\n  error: 'fa-solid fa-circle-exclamation',\n  default: '',\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass(cssClass.value)\n  }, [\n    (props.icon || defaultIcon.value[props.type])\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n          _createElementVNode(\"i\", {\n            class: _normalizeClass([props.icon || defaultIcon.value[props.type], \"ds-text-lg\"])\n          }, null, 2)\n        ]))\n      : _createCommentVNode(\"\", true),\n    _createElementVNode(\"div\", {\n      class: \"ds-flex-auto ds-text-sm ds-font-normal\",\n      innerHTML: _ctx.text\n    }, null, 8, _hoisted_2),\n    (!props.hideClose)\n      ? (_openBlock(), _createElementBlock(\"div\", {\n          key: 1,\n          class: \"ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1\",\n          onClick: _cache[0] || (_cache[0] = ($event: any) => (emit('close')))\n        }, _hoisted_4))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","BToastItemType","__props","emit","props","cssClass","computed","result","defaultIcon","ref","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_createCommentVNode","$event"],"mappings":";;AAGA,MAAMA,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GACMC,IAAa,CAAC,WAAW,GACzBC,sBAA8C,KAAK,EAAE,OAAO,kCAAkC,MAAM,EAAE,GACtGC,IAAa;AAAA,EACjBD;AACF,GAe4BE,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,MAAM,EAAE,SAAS,GAAG;AAAA,IACpB,MAAM,EAAE,SAAS,GAAG;AAAA,IACpB,MAAM,EAAE,SAASC,EAAe,QAAQ;AAAA,IACxC,WAAW,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC7C;AAAA,EACA,OAAO,CAAC,OAAO;AAAA,EACf,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAYRG,IAAWC,EAAiB,MAAM;AACtC,UAAIC,IAAS;AAEb,cAAQH,EAAM,MAAM;AAAA,QAClB,KAAKH,EAAe;AACR,UAAAM,KAAA;AACV;AAAA,QACF,KAAKN,EAAe;AACR,UAAAM,KAAA;AACV;AAAA,QACF,KAAKN,EAAe;AAAA,QACpB;AACY,UAAAM,KAAA;AAAA,MACd;AAEO,aAAAA;AAAA,IAAA,CACR,GACKC,IAAcC,EAAoC;AAAA,MACtD,SAAS;AAAA,MACT,OAAO;AAAA,MACP,SAAS;AAAA,IAAA,CACV;AAEM,WAAA,CAACC,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,OAAOC,EAAgBT,EAAS,KAAK;AAAA,IAAA,GACpC;AAAA,MACAD,EAAM,QAAQI,EAAY,MAAMJ,EAAM,IAAI,KACtCQ,EAAW,GAAGC,EAAoB,OAAOlB,GAAY;AAAA,QACpDoB,EAAoB,KAAK;AAAA,UACvB,OAAOD,EAAgB,CAACV,EAAM,QAAQI,EAAY,MAAMJ,EAAM,IAAI,GAAG,YAAY,CAAC;AAAA,QAAA,GACjF,MAAM,CAAC;AAAA,MAAA,CACX,KACDY,EAAoB,IAAI,EAAI;AAAA,MAChCD,EAAoB,OAAO;AAAA,QACzB,OAAO;AAAA,QACP,WAAWL,EAAK;AAAA,MAAA,GACf,MAAM,GAAGd,CAAU;AAAA,MACpBQ,EAAM,YAMJY,EAAoB,IAAI,EAAI,KAL3BJ,EAAW,GAAGC,EAAoB,OAAO;AAAA,QACxC,KAAK;AAAA,QACL,OAAO;AAAA,QACP,SAASF,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACM,MAAiBd,EAAK,OAAO;AAAA,MAChE,GAAAL,CAAU;AAAA,OAEhB,CAAC;AAAA,EAEN;AAEA,CAAC;"}
+{"version":3,"file":"design-system41.mjs","sources":["../src/components/BToast/BToastItem.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = {\n  key: 0,\n  class: \"ds-flex ds-flex-initial ds-items-center ds-pr-1\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-5 ds-w-5 ds-fill-white\",\n  viewBox: \"0 0 512 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z\" })\n], -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\nconst _hoisted_4 = {\n  key: 1,\n  class: \"ds-flex ds-flex-initial ds-items-center ds-pr-1\"\n}\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-5 ds-w-5 ds-fill-white\",\n  viewBox: \"0 0 512 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z\" })\n], -1)\nconst _hoisted_6 = [\n  _hoisted_5\n]\nconst _hoisted_7 = { class: \"ds-flex-auto ds-text-sm ds-font-normal\" }\nconst _hoisted_8 = [\"innerHTML\"]\nconst _hoisted_9 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\" }, null, -1)\nconst _hoisted_10 = [\n  _hoisted_9\n]\n\nimport { BToastItemType } from '@/constants/Enums';\nimport { computed } from 'vue';\n\n/**\n * Props\n */\nexport interface Props {\n  text?: string;\n  type?: `${BToastItemType}`;\n  hideClose?: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BToastItem',\n  props: {\n    text: { default: '' },\n    type: { default: BToastItemType.Default },\n    hideClose: { type: Boolean, default: false }\n  },\n  emits: [\"close\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst cssClass = computed<string>(() => {\n  let result = `ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl `;\n\n  switch (props.type) {\n    case BToastItemType.Success:\n      result += `ds-bg-[#00a86b] ds-text-white `;\n      break;\n    case BToastItemType.Error:\n      result += `ds-bg-red-600 ds-text-white `;\n      break;\n    case BToastItemType.Default:\n    default:\n      result += `ds-bg-white ds-text-primary-t `;\n  }\n\n  return result;\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass(cssClass.value)\n  }, [\n    (_unref(BToastItemType).Success === props.type)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_1, _hoisted_3))\n      : (_unref(BToastItemType).Error === props.type)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_4, _hoisted_6))\n        : _createCommentVNode(\"\", true),\n    _createElementVNode(\"div\", _hoisted_7, [\n      _renderSlot(_ctx.$slots, \"default\", {}, () => [\n        _createElementVNode(\"div\", { innerHTML: _ctx.text }, null, 8, _hoisted_8)\n      ])\n    ]),\n    (!props.hideClose)\n      ? (_openBlock(), _createElementBlock(\"div\", {\n          key: 2,\n          class: \"ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1\",\n          onClick: _cache[0] || (_cache[0] = ($event: any) => (emit('close')))\n        }, [\n          (_openBlock(), _createElementBlock(\"svg\", {\n            class: _normalizeClass([[\n          _unref(BToastItemType).Default === props.type\n            ? 'ds-fill-primary-t'\n            : 'ds-fill-white',\n        ], \"ds-h-5 ds-w-5\"]),\n            viewBox: \"0 0 384 512\",\n            xmlns: \"http://www.w3.org/2000/svg\"\n          }, _hoisted_10, 2))\n        ]))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_sfc_main","_defineComponent","BToastItemType","__props","emit","props","cssClass","computed","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_unref","_createCommentVNode","_renderSlot","$event"],"mappings":";;AAGA,MAAMA,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GACMC,sBAA8C,OAAO;AAAA,EACzD,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AACT,GAAG;AAAA,EACgCC,gBAAAA,EAAA,QAAQ,EAAE,GAAG,qMAAqM;AACrP,GAAG,EAAE,GACCC,IAAa;AAAA,EACjBF;AACF,GACMG,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GACMC,sBAA8C,OAAO;AAAA,EACzD,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AACT,GAAG;AAAA,EACgCH,gBAAAA,EAAA,QAAQ,EAAE,GAAG,8LAA8L;AAC9O,GAAG,EAAE,GACCI,IAAa;AAAA,EACjBD;AACF,GACME,IAAa,EAAE,OAAO,4CACtBC,IAAa,CAAC,WAAW,GACzBC,sBAA8C,QAAQ,EAAE,GAAG,6RAA6R,MAAM,EAAE,GAChWC,IAAc;AAAA,EAClBD;AACF,GAc4BE,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,MAAM,EAAE,SAAS,GAAG;AAAA,IACpB,MAAM,EAAE,SAASC,EAAe,QAAQ;AAAA,IACxC,WAAW,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC7C;AAAA,EACA,OAAO,CAAC,OAAO;AAAA,EACf,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAYRG,IAAWC,EAAiB,MAAM;AACtC,UAAIC,IAAS;AAEb,cAAQH,EAAM,MAAM;AAAA,QAClB,KAAKH,EAAe;AACR,UAAAM,KAAA;AACV;AAAA,QACF,KAAKN,EAAe;AACR,UAAAM,KAAA;AACV;AAAA,QACF,KAAKN,EAAe;AAAA,QACpB;AACY,UAAAM,KAAA;AAAA,MACd;AAEO,aAAAA;AAAA,IAAA,CACR;AAEM,WAAA,CAACC,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,OAAOC,EAAgBP,EAAS,KAAK;AAAA,IAAA,GACpC;AAAA,MACAQ,EAAOZ,CAAc,EAAE,YAAYG,EAAM,QACrCM,EAAW,GAAGC,EAAoB,OAAOvB,GAAYG,CAAU,KAC/DsB,EAAOZ,CAAc,EAAE,UAAUG,EAAM,QACrCM,EAAc,GAAAC,EAAoB,OAAOnB,GAAYE,CAAU,KAChEoB,EAAoB,IAAI,EAAI;AAAA,MAClCxB,EAAoB,OAAOK,GAAY;AAAA,QACrCoB,EAAYP,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5ClB,EAAoB,OAAO,EAAE,WAAWkB,EAAK,QAAQ,MAAM,GAAGZ,CAAU;AAAA,QAAA,CACzE;AAAA,MAAA,CACF;AAAA,MACCQ,EAAM,YAgBJU,EAAoB,IAAI,EAAI,KAf3BJ,EAAW,GAAGC,EAAoB,OAAO;AAAA,QACxC,KAAK;AAAA,QACL,OAAO;AAAA,QACP,SAASF,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACO,MAAiBb,EAAK,OAAO;AAAA,MAAA,GAChE;AAAA,SACAO,EAAc,GAAAC,EAAoB,OAAO;AAAA,UACxC,OAAOC,EAAgB,CAAC;AAAA,YAC1BC,EAAOZ,CAAc,EAAE,YAAYG,EAAM,OACrC,sBACA;AAAA,UACN,GAAG,eAAe,CAAC;AAAA,UACf,SAAS;AAAA,UACT,OAAO;AAAA,QAAA,GACNN,GAAa,CAAC;AAAA,MAAA,CAClB;AAAA,OAEJ,CAAC;AAAA,EAEN;AAEA,CAAC;"}

package/dist/design-system42.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system83.js");require("./design-system84.js");const t=require("./design-system52.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-system83.mjs";
-import "./design-system84.mjs";
-import t from "./design-system52.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-system52.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-system52.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-system52.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-system52.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-system85.js");require("./design-system86.js");const r=require("./design-system52.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