@leaflink/stash 45.1.0 → 45.1.2

package/dist/Field.vue_vue_type_script_setup_true_lang-224ab33a.js

@@ -1,96 +0,0 @@
-import { defineComponent as x, useAttrs as k, useSlots as T, computed as s, openBlock as l, createBlock as m, resolveDynamicComponent as B, mergeProps as O, unref as f, withCtx as v, normalizeClass as R, createTextVNode as q, toDisplayString as h, createCommentVNode as r, createElementBlock as a, renderSlot as p } from "vue";
-import c from "lodash-es/uniqueId";
-import { _ as E } from "./Label.vue_vue_type_script_setup_true_lang-4b02087f.js";
-const L = ["aria-labelledby"], S = ["id"], C = {
-  key: 4,
-  class: "tw-mt-1 tw-block tw-whitespace-pre-line tw-text-xs",
-  "data-test": "stash-field-hint"
-}, g = { key: 0 }, A = {
-  key: 5,
-  class: "tw-mt-1 tw-whitespace-pre-line tw-text-xs",
-  "data-test": "stash-field-hint"
-}, $ = {
-  inheritAttrs: !1
-}, z = /* @__PURE__ */ x({
-  ...$,
-  __name: "Field",
-  props: {
-    addBottomSpace: { type: Boolean, default: !1 },
-    errorText: { default: void 0 },
-    hintText: { default: void 0 },
-    id: { default: void 0 },
-    errorId: { default: void 0 },
-    isReadOnly: { type: Boolean },
-    isRequired: { type: Boolean, default: !1 },
-    label: { default: void 0 },
-    showOptionalInLabel: { type: Boolean, default: !1 },
-    fieldset: { type: Boolean, default: !1 }
-  },
-  setup(b) {
-    const e = b, y = k(), i = T(), d = s(() => e.id || c("stash-field-")), n = s(() => e.errorId || c("stash-field-error-")), o = s(() => c("stash-field-label-")), u = s(() => !!e.errorText), _ = s(() => e.fieldset ? "fieldset" : "div"), I = s(() => {
-      const { placeholder: t, ...w } = y;
-      return w;
-    });
-    return (t, w) => (l(), m(B(_.value), O(I.value, {
-      class: ["stash-field", [
-        { "tw-p-0": e.fieldset },
-        { "tw-mb-9": e.addBottomSpace && !e.errorText && !e.hintText && !f(i).hint },
-        { "tw-mb-4": e.addBottomSpace && (e.errorText || e.hintText || f(i).hint) }
-      ]]
-    }), {
-      default: v(() => [
-        e.label ? (l(), m(E, {
-          key: 0,
-          id: o.value,
-          class: R({ "tw-mb-1.5": !!e.isReadOnly }),
-          for: d.value,
-          "has-error": u.value,
-          "is-required": t.isRequired,
-          "show-optional": e.showOptionalInLabel,
-          legend: e.fieldset
-        }, {
-          default: v(() => [
-            q(h(e.label), 1)
-          ]),
-          _: 1
-        }, 8, ["id", "class", "for", "has-error", "is-required", "show-optional", "legend"])) : r("", !0),
-        e.isReadOnly ? (l(), a("div", {
-          key: 1,
-          "aria-labelledby": o.value
-        }, [
-          p(t.$slots, "default", {
-            fieldId: d.value,
-            fieldErrorId: n.value,
-            hasError: u.value,
-            isRequired: t.isRequired,
-            labelId: o.value,
-            showOptionalInLabel: e.showOptionalInLabel
-          })
-        ], 8, L)) : p(t.$slots, "default", {
-          key: 2,
-          fieldId: d.value,
-          fieldErrorId: n.value,
-          hasError: u.value,
-          isRequired: t.isRequired,
-          labelId: o.value,
-          showOptionalInLabel: e.showOptionalInLabel
-        }),
-        e.errorText ? (l(), a("span", {
-          key: 3,
-          id: n.value,
-          class: "tw-mt-1 tw-block tw-whitespace-pre-line tw-text-xs tw-text-red-500",
-          "data-test": "stash-field-error"
-        }, h(e.errorText), 9, S)) : e.hintText ? (l(), a("span", C, [
-          e.isReadOnly ? r("", !0) : (l(), a("span", g, h(e.hintText), 1))
-        ])) : f(i).hint ? (l(), a("div", A, [
-          e.isReadOnly ? r("", !0) : p(t.$slots, "hint", { key: 0 })
-        ])) : r("", !0)
-      ]),
-      _: 3
-    }, 16, ["class"]));
-  }
-});
-export {
-  z as _
-};
-//# sourceMappingURL=Field.vue_vue_type_script_setup_true_lang-224ab33a.js.map

package/dist/Field.vue_vue_type_script_setup_true_lang-224ab33a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Field.vue_vue_type_script_setup_true_lang-224ab33a.js","sources":["../src/components/Field/Field.vue"],"sourcesContent":["<script lang=\"ts\">\n  export default {\n    inheritAttrs: false,\n  };\n</script>\n\n<script setup lang=\"ts\">\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, useAttrs, useSlots } from 'vue';\n\n  import Label from '../Label/Label.vue';\n\n  export interface FieldProps {\n    /**\n     * Adds spacing under the field that is consistent whether hint/error text is displayed.\n     */\n    addBottomSpace?: boolean;\n\n    /**\n     * Error text to display. Replaces `hintText` (if provided) & adds error styling.\n     */\n    errorText?: string;\n\n    /**\n     * Displays text below the input; hidden when the isReadOnly prop is truthy.\n     */\n    hintText?: string;\n\n    /**\n     * ID for the Label and Input; must be unique\n     */\n    id?: string;\n\n    /**\n     * ID for the error text element; useful for aria-errormessage\n     */\n    errorId?: string;\n\n    /**\n     * Whether it's a readonly field.\n     */\n    isReadOnly?: boolean;\n\n    /**\n     * Whether the field is required.\n     */\n    isRequired?: boolean;\n\n    /**\n     * Label to render above the input.\n     */\n    label?: string;\n\n    /**\n     * Show \"(optional)\" to the right of the label text\n     */\n    showOptionalInLabel?: boolean;\n\n    /**\n     * Indicates wheter the field is a fieldset or not\n     */\n    fieldset?: boolean;\n  }\n\n  const props = withDefaults(defineProps<FieldProps>(), {\n    addBottomSpace: false,\n    errorText: undefined,\n    hintText: undefined,\n    id: undefined,\n    errorId: undefined,\n    isRequired: false,\n    label: undefined,\n    showOptionalInLabel: false,\n    fieldset: false,\n  });\n  const attrs = useAttrs();\n  const slots = useSlots();\n  const fieldId = computed(() => props.id || uniqueId('stash-field-'));\n  const fieldErrorId = computed(() => props.errorId || uniqueId('stash-field-error-'));\n  const labelId = computed(() => uniqueId('stash-field-label-'));\n  const hasError = computed(() => !!props.errorText);\n  const wrapperElement = computed(() => (props.fieldset ? 'fieldset' : 'div'));\n\n  // Any attributes that are unique to form elements, you want to exclude from\n  // being bound from the root element.\n  const rootAttrs = computed(() => {\n    const { placeholder, ...otherAttrs } = attrs;\n\n    return otherAttrs;\n  });\n</script>\n\n<template>\n  <component\n    v-bind=\"rootAttrs\"\n    :is=\"wrapperElement\"\n    class=\"stash-field\"\n    :class=\"[\n      { 'tw-p-0': props.fieldset },\n      { 'tw-mb-9': props.addBottomSpace && !props.errorText && !props.hintText && !slots.hint },\n      { 'tw-mb-4': props.addBottomSpace && (props.errorText || props.hintText || slots.hint) },\n    ]\"\n  >\n    <Label\n      v-if=\"props.label\"\n      :id=\"labelId\"\n      :class=\"{ 'tw-mb-1.5': !!props.isReadOnly }\"\n      :for=\"fieldId\"\n      :has-error=\"hasError\"\n      :is-required=\"isRequired\"\n      :show-optional=\"props.showOptionalInLabel\"\n      :legend=\"props.fieldset\"\n    >\n      {{ props.label }}\n    </Label>\n\n    <!-- @slot for the form field; the Label can also be rendered here instead of using the label prop -->\n    <template v-if=\"props.isReadOnly\">\n      <div :aria-labelledby=\"labelId\">\n        <slot\n          :field-id=\"fieldId\"\n          :field-error-id=\"fieldErrorId\"\n          :has-error=\"hasError\"\n          :is-required=\"isRequired\"\n          :label-id=\"labelId\"\n          :show-optional-in-label=\"props.showOptionalInLabel\"\n        ></slot>\n      </div>\n    </template>\n    <template v-else>\n      <slot\n        :field-id=\"fieldId\"\n        :field-error-id=\"fieldErrorId\"\n        :has-error=\"hasError\"\n        :is-required=\"isRequired\"\n        :label-id=\"labelId\"\n        :show-optional-in-label=\"props.showOptionalInLabel\"\n      ></slot>\n    </template>\n\n    <span\n      v-if=\"props.errorText\"\n      :id=\"fieldErrorId\"\n      class=\"tw-mt-1 tw-block tw-whitespace-pre-line tw-text-xs tw-text-red-500\"\n      data-test=\"stash-field-error\"\n    >\n      {{ props.errorText }}\n    </span>\n\n    <span\n      v-else-if=\"props.hintText\"\n      class=\"tw-mt-1 tw-block tw-whitespace-pre-line tw-text-xs\"\n      data-test=\"stash-field-hint\"\n    >\n      <span v-if=\"!props.isReadOnly\">{{ props.hintText }}</span>\n    </span>\n\n    <div v-else-if=\"slots.hint\" class=\"tw-mt-1 tw-whitespace-pre-line tw-text-xs\" data-test=\"stash-field-hint\">\n      <!-- @slot for displaying hint text below the field -->\n      <slot v-if=\"!props.isReadOnly\" name=\"hint\"></slot>\n    </div>\n  </component>\n</template>\n"],"names":["attrs","useAttrs","slots","useSlots","fieldId","computed","props","uniqueId","fieldErrorId","labelId","hasError","wrapperElement","rootAttrs","placeholder","otherAttrs"],"mappings":";;;;;;;;;;;OACiB;AAAA,EACb,cAAc;AAChB;;;;;;;;;;;;;;;;iBAwEMA,IAAQC,KACRC,IAAQC,KACRC,IAAUC,EAAS,MAAMC,EAAM,MAAMC,EAAS,cAAc,CAAC,GAC7DC,IAAeH,EAAS,MAAMC,EAAM,WAAWC,EAAS,oBAAoB,CAAC,GAC7EE,IAAUJ,EAAS,MAAME,EAAS,oBAAoB,CAAC,GACvDG,IAAWL,EAAS,MAAM,CAAC,CAACC,EAAM,SAAS,GAC3CK,IAAiBN,EAAS,MAAOC,EAAM,WAAW,aAAa,KAAM,GAIrEM,IAAYP,EAAS,MAAM;AAC/B,YAAM,EAAE,aAAAQ,GAAa,GAAGC,EAAA,IAAed;AAEhC,aAAAc;AAAA,IAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}