@leaflink/stash 44.0.0-beta.3 → 44.0.0-beta.5

package/dist/DescriptionListTerm.js

@@ -2,7 +2,7 @@ import { defineComponent as a, inject as o, openBlock as i, createElementBlock a
 import { D as l } from "./DescriptionList.keys-c906ce05.js";
 const p = ["data-variant"], w = {
   key: 0,
-  class: "hidden md:inline"
+  class: "hidden md:tw-inline"
 }, k = /* @__PURE__ */ a({
   __name: "DescriptionListTerm",
   setup(_) {

package/dist/DescriptionListTerm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionListTerm.js","sources":["../src/components/DescriptionListTerm/DescriptionListTerm.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { inject } from 'vue';\n\n  import { DESCRIPTION_LIST_INJECTION } from '../DescriptionList/DescriptionList.keys';\n\n  const descriptionListInjectedValues = inject(DESCRIPTION_LIST_INJECTION.key);\n  if (!descriptionListInjectedValues) {\n    throw new Error('DescriptionListDetail must be used within a DescriptionList component.');\n  }\n  const { variant } = descriptionListInjectedValues;\n</script>\n\n<template>\n  <dt\n    class=\"stash-description-list-term tw-text-medium tw-text-ice-900\"\n    :class=\"{\n      'md:tw-w-2/5 md:tw-max-w-[10.5rem]': variant === 'columns',\n      'tw-mr-1.5': variant === 'inline',\n      'tw-pb-1.5': variant === 'stacked',\n      'tw-pb-1.5 md:tw-pb-0': variant !== 'stacked',\n    }\"\n    data-test=\"stash-description-list-term\"\n    :data-variant=\"variant\"\n  >\n    <!-- @slot Default slot, for rendering a term -->\n    <slot></slot><span v-if=\"variant === 'inline'\" class=\"hidden md:inline\">:</span>\n  </dt>\n</template>\n"],"names":["descriptionListInjectedValues","inject","DESCRIPTION_LIST_INJECTION","variant"],"mappings":";;;;;;;;AAKQ,UAAAA,IAAgCC,EAAOC,EAA2B,GAAG;AAC3E,QAAI,CAACF;AACG,YAAA,IAAI,MAAM,wEAAwE;AAEpF,UAAA,EAAE,SAAAG,EAAY,IAAAH;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DescriptionListTerm.js","sources":["../src/components/DescriptionListTerm/DescriptionListTerm.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { inject } from 'vue';\n\n  import { DESCRIPTION_LIST_INJECTION } from '../DescriptionList/DescriptionList.keys';\n\n  const descriptionListInjectedValues = inject(DESCRIPTION_LIST_INJECTION.key);\n  if (!descriptionListInjectedValues) {\n    throw new Error('DescriptionListDetail must be used within a DescriptionList component.');\n  }\n  const { variant } = descriptionListInjectedValues;\n</script>\n\n<template>\n  <dt\n    class=\"stash-description-list-term tw-text-medium tw-text-ice-900\"\n    :class=\"{\n      'md:tw-w-2/5 md:tw-max-w-[10.5rem]': variant === 'columns',\n      'tw-mr-1.5': variant === 'inline',\n      'tw-pb-1.5': variant === 'stacked',\n      'tw-pb-1.5 md:tw-pb-0': variant !== 'stacked',\n    }\"\n    data-test=\"stash-description-list-term\"\n    :data-variant=\"variant\"\n  >\n    <!-- @slot Default slot, for rendering a term -->\n    <slot></slot><span v-if=\"variant === 'inline'\" class=\"hidden md:tw-inline\">:</span>\n  </dt>\n</template>\n"],"names":["descriptionListInjectedValues","inject","DESCRIPTION_LIST_INJECTION","variant"],"mappings":";;;;;;;;AAKQ,UAAAA,IAAgCC,EAAOC,EAA2B,GAAG;AAC3E,QAAI,CAACF;AACG,YAAA,IAAI,MAAM,wEAAwE;AAEpF,UAAA,EAAE,SAAAG,EAAY,IAAAH;;;;;;;;;;;;;;;;"}

package/dist/Divider.js

@@ -1,4 +1,4 @@
-import { openBlock as s, createElementBlock as r, normalizeClass as t, renderSlot as o } from "vue";
+import { openBlock as s, createElementBlock as t, normalizeClass as r, renderSlot as o } from "vue";
 import { _ as a } from "./_plugin-vue_export-helper-dad06003.js";
 const l = "_separator_1k1sz_2", n = {
   separator: l
@@ -6,8 +6,8 @@ const l = "_separator_1k1sz_2", n = {
   name: "ll-divider"
 };
 function p(e, i, _, f, m, u) {
-  return s(), r("div", {
-    class: t(["flex align-middle text-center text-uppercase", e.$style.separator]),
+  return s(), t("div", {
+    class: r(["align-middle text-uppercase tw-flex tw-text-center", e.$style.separator]),
     role: "separator"
   }, [
     o(e.$slots, "default")

package/dist/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sources":["../src/components/Divider/Divider.vue"],"sourcesContent":["<script>\n  export default {\n    name: 'll-divider',\n  };\n</script>\n\n<template>\n  <div class=\"flex align-middle text-center text-uppercase\" :class=\"$style.separator\" role=\"separator\">\n    <slot></slot>\n  </div>\n</template>\n\n<style module>\n  .separator::before,\n  .separator::after {\n    border-bottom: 1px solid var(--color-ice-200);\n    content: '';\n    flex: 1;\n  }\n\n  .separator:not(:empty)::before {\n    margin-right: var(--ll-space-2);\n  }\n\n  .separator:not(:empty)::after {\n    margin-left: var(--ll-space-2);\n  }\n</style>\n"],"names":["_sfc_main","_createElementBlock","_normalizeClass","_ctx","_renderSlot"],"mappings":";;;;GACOA,IAAU;AAAA,EACb,MAAM;;;cAKRC,EAEM,OAAA;AAAA,IAFD,OAAMC,EAAA,CAAA,gDAAuDC,EAAA,OAAO,SAAS,CAAA;AAAA,IAAE,MAAK;AAAA;IACvFC,EAAaD,EAAA,QAAA,SAAA;AAAA;;;;;"}
+{"version":3,"file":"Divider.js","sources":["../src/components/Divider/Divider.vue"],"sourcesContent":["<script>\n  export default {\n    name: 'll-divider',\n  };\n</script>\n\n<template>\n  <div class=\"align-middle text-uppercase tw-flex tw-text-center\" :class=\"$style.separator\" role=\"separator\">\n    <slot></slot>\n  </div>\n</template>\n\n<style module>\n  .separator::before,\n  .separator::after {\n    border-bottom: 1px solid var(--color-ice-200);\n    content: '';\n    flex: 1;\n  }\n\n  .separator:not(:empty)::before {\n    margin-right: var(--ll-space-2);\n  }\n\n  .separator:not(:empty)::after {\n    margin-left: var(--ll-space-2);\n  }\n</style>\n"],"names":["_sfc_main","_createElementBlock","_normalizeClass","_ctx","_renderSlot"],"mappings":";;;;GACOA,IAAU;AAAA,EACb,MAAM;;;cAKRC,EAEM,OAAA;AAAA,IAFD,OAAMC,EAAA,CAAA,sDAA6DC,EAAA,OAAO,SAAS,CAAA;AAAA,IAAE,MAAK;AAAA;IAC7FC,EAAaD,EAAA,QAAA,SAAA;AAAA;;;;;"}

package/dist/Field.js

@@ -1,7 +1,7 @@
-import { _ as o } from "./Field.vue_vue_type_script_setup_true_lang-42cf79d4.js";
+import { _ as o } from "./Field.vue_vue_type_script_setup_true_lang-4483019d.js";
 import "vue";
 import "lodash-es/uniqueId";
-import "./Label.vue_vue_type_script_setup_true_lang-c5589919.js";
+import "./Label.vue_vue_type_script_setup_true_lang-2de35913.js";
 import "./locale.js";
 import "lodash-es/get";
 export {

package/dist/{Field.vue_vue_type_script_setup_true_lang-42cf79d4.js → Field.vue_vue_type_script_setup_true_lang-4483019d.js}

@@ -1,6 +1,6 @@
 import { defineComponent as x, useAttrs as k, useSlots as T, computed as a, 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 p, createCommentVNode as s, createElementBlock as o, renderSlot as c } from "vue";
 import h from "lodash-es/uniqueId";
-import { _ as E } from "./Label.vue_vue_type_script_setup_true_lang-c5589919.js";
+import { _ as E } from "./Label.vue_vue_type_script_setup_true_lang-2de35913.js";
 const L = ["aria-labelledby"], S = ["id"], C = {
   key: 4,
   class: "tw-mt-1 tw-block tw-whitespace-pre-line tw-text-xs",
@@ -93,4 +93,4 @@ const L = ["aria-labelledby"], S = ["id"], C = {
 export {
   z as _
 };
-//# sourceMappingURL=Field.vue_vue_type_script_setup_true_lang-42cf79d4.js.map
+//# sourceMappingURL=Field.vue_vue_type_script_setup_true_lang-4483019d.js.map

package/dist/{Field.vue_vue_type_script_setup_true_lang-42cf79d4.js.map → Field.vue_vue_type_script_setup_true_lang-4483019d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Field.vue_vue_type_script_setup_true_lang-42cf79d4.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 or not 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('field-'));\n  const fieldErrorId = computed(() => props.errorId || uniqueId('field-error-'));\n  const labelId = computed(() => uniqueId('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=\"[\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=\"field-error\"\n    >\n      {{ props.errorText }}\n    </span>\n\n    <span v-else-if=\"props.hintText\" class=\"tw-mt-1 tw-block tw-whitespace-pre-line tw-text-xs\" data-test=\"field-hint\">\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=\"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,QAAQ,CAAC,GACvDC,IAAeH,EAAS,MAAMC,EAAM,WAAWC,EAAS,cAAc,CAAC,GACvEE,IAAUJ,EAAS,MAAME,EAAS,cAAc,CAAC,GACjDG,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Field.vue_vue_type_script_setup_true_lang-4483019d.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 or not 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('field-'));\n  const fieldErrorId = computed(() => props.errorId || uniqueId('field-error-'));\n  const labelId = computed(() => uniqueId('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=\"[\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=\"field-error\"\n    >\n      {{ props.errorText }}\n    </span>\n\n    <span v-else-if=\"props.hintText\" class=\"tw-mt-1 tw-block tw-whitespace-pre-line tw-text-xs\" data-test=\"field-hint\">\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=\"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,QAAQ,CAAC,GACvDC,IAAeH,EAAS,MAAMC,EAAM,WAAWC,EAAS,cAAc,CAAC,GACvEE,IAAUJ,EAAS,MAAME,EAAS,cAAc,CAAC,GACjDG,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/FileUpload.js

@@ -1,8 +1,8 @@
-import { I as x } from "./index-79ce320f.js";
+import { I } from "./index-79ce320f.js";
 import { t as u } from "./locale.js";
-import F from "./Button.js";
-import O from "./Icon.js";
-import { resolveComponent as g, openBlock as r, createElementBlock as o, normalizeClass as d, createVNode as h, withModifiers as c, withCtx as T, createTextVNode as y, toDisplayString as p, createElementVNode as f, Fragment as v, createBlock as C, createCommentVNode as S, renderSlot as _, renderList as w, withDirectives as U, mergeProps as M, vShow as N } from "vue";
+import x from "./Button.js";
+import F from "./Icon.js";
+import { resolveComponent as g, openBlock as r, createElementBlock as o, normalizeClass as d, createVNode as h, withModifiers as c, withCtx as T, createTextVNode as y, toDisplayString as p, createElementVNode as f, Fragment as v, createBlock as O, createCommentVNode as S, renderSlot as w, renderList as C, withDirectives as U, mergeProps as M, vShow as N } from "vue";
 import { _ as P } from "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/get";
 import "./Button.vue_used_vue_type_style_index_0_lang.module-b2ee90e6.js";
@@ -52,15 +52,15 @@ const A = "_button_oi2f6_201", L = {
     MIME_TYPES: ["application/vnd.ms-excel", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],
     ILLUSTRATION: "csv"
   }
-}), b = Object.freeze({
+}), _ = Object.freeze({
   Dense: "dense",
   Standard: "standard"
 }), k = {
   name: "ll-file-upload",
   components: {
-    "ll-icon": O,
-    "ll-button": F,
-    InlineSvg: x
+    "ll-icon": F,
+    "ll-button": x,
+    InlineSvg: I
   },
   inject: ["stashOptions"],
   inheritAttrs: !1,
@@ -97,13 +97,13 @@ const A = "_button_oi2f6_201", L = {
     size: {
       type: String,
       default: "standard",
-      validator: (e) => Object.values(b).includes(e)
+      validator: (e) => Object.values(_).includes(e)
     }
   },
   emits: ["file-select", "file-delete", "file-error"],
   setup() {
     return {
-      Sizes: b
+      Sizes: _
     };
   },
   data() {
@@ -215,12 +215,12 @@ const A = "_button_oi2f6_201", L = {
       return e.concat(t);
     }
   }
-}, z = ["data-test"], R = { key: 0 }, j = { class: "text-ice-900" }, X = {
+}, z = ["data-test"], R = { key: 0 }, j = { class: "tw-text-ice-900" }, X = {
   key: 0,
-  class: "text-center text-small text-ice-700 tw-mt-6"
+  class: "text-small tw-mt-6 tw-text-center tw-text-ice-700"
 }, Y = ["accept", "multiple"];
 function B(e, t, i, a, n, l) {
-  const m = g("ll-button"), D = g("InlineSvg"), I = g("ll-icon");
+  const m = g("ll-button"), b = g("InlineSvg"), D = g("ll-icon");
   return r(), o("div", {
     class: d(e.$attrs.class),
     "data-test": e.$attrs["data-test"]
@@ -239,18 +239,18 @@ function B(e, t, i, a, n, l) {
       }, 8, ["disabled", "onClick"])
     ])) : (r(), o("div", {
       key: 1,
-      class: d(["rounded tw-p-6", [e.$style["file-dropbox"], n.isDraggingOver && e.$style["is-dragging"], i.disabled && e.$style["is-disabled"]]]),
+      class: d(["tw-rounded tw-p-6", [e.$style["file-dropbox"], n.isDraggingOver && e.$style["is-dragging"], i.disabled && e.$style["is-disabled"]]]),
       onDragover: t[0] || (t[0] = c((...s) => l.handleDragEnter && l.handleDragEnter(...s), ["prevent"])),
       onDrop: t[1] || (t[1] = c((...s) => l.handleDropFile && l.handleDropFile(...s), ["prevent"])),
       onDragleave: t[2] || (t[2] = c((...s) => l.handleDragLeave && l.handleDragLeave(...s), ["prevent"]))
     }, [
       f("div", {
-        class: d(["flex text-center flex-column align-center align-middle", [{ "items-center md:flex-row": i.size === a.Sizes.Dense }]])
+        class: d(["tw-flex-column align-center align-middle tw-flex tw-text-center", [{ "md:flex-row tw-items-center": i.size === a.Sizes.Dense }]])
       }, [
-        i.files.length ? (r(!0), o(v, { key: 1 }, w(i.files, (s) => (r(), o("div", {
+        i.files.length ? (r(!0), o(v, { key: 1 }, C(i.files, (s) => (r(), o("div", {
           key: s.name
         }, [
-          h(I, { name: "file" }),
+          h(D, { name: "file" }),
           f("span", null, p(s.name), 1),
           h(m, {
             class: d([e.$style["remove-button"], e.$style.button]),
@@ -262,7 +262,7 @@ function B(e, t, i, a, n, l) {
             _: 2
           }, 1032, ["class", "onClick"])
         ]))), 128)) : (r(), o(v, { key: 0 }, [
-          i.size !== a.Sizes.Dense ? (r(), C(D, {
+          i.size !== a.Sizes.Dense ? (r(), O(b, {
             key: 0,
             src: l.illustrationPath,
             name: "file",
@@ -271,7 +271,7 @@ function B(e, t, i, a, n, l) {
           }, null, 8, ["src"])) : S("", !0),
           f("span", j, p(n.fileUploadDragDropFileHereText), 1),
           f("span", {
-            class: d(i.size === a.Sizes.Dense ? "md:ml-1 md:mr-2 md:my-0 my-1 text-ice-900" : "tw-mt-1.5 my-1")
+            class: d(i.size === a.Sizes.Dense ? "md:ml-1 md:mr-2 md:my-0 my-1 tw-text-ice-900" : "tw-mt-1.5 my-1")
           }, p(n.fileUploadOrText), 3),
           h(m, {
             class: d(["tw-mt-1.5", e.$style["file-select-button"]]),
@@ -281,7 +281,7 @@ function B(e, t, i, a, n, l) {
             onClick: c(l.openFileDialog, ["stop", "prevent"])
           }, {
             default: T(() => [
-              _(e.$slots, "submitText", {}, () => [
+              w(e.$slots, "submitText", {}, () => [
                 y(p(n.fileUploadUploadFileText), 1)
               ])
             ]),
@@ -290,7 +290,7 @@ function B(e, t, i, a, n, l) {
         ], 64))
       ], 2),
       e.$slots.hint && !i.files.length ? (r(), o("div", X, [
-        _(e.$slots, "hint")
+        w(e.$slots, "hint")
       ])) : S("", !0)
     ], 34)),
     U(f("input", M(l.inputAttrs, {
@@ -309,7 +309,7 @@ const V = {
 }, le = /* @__PURE__ */ P(k, [["render", B], ["__cssModules", V]]);
 export {
   E as FILE_TYPES,
-  b as Sizes,
+  _ as Sizes,
   le as default
 };
 //# sourceMappingURL=FileUpload.js.map

package/dist/FileUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.js","sources":["../src/components/FileUpload/FileUpload.vue"],"sourcesContent":["<script>\n  import InlineSvg from 'vue-inline-svg';\n\n  import { t } from '../../locale';\n  import Button from '../Button/Button.vue';\n  import Icon from '../Icon/Icon.vue';\n\n  export const FILE_TYPES = Object.freeze({\n    CSV: {\n      ACCEPTS: ['text/csv'],\n      EXTENSION: ['csv'],\n      MIME_TYPES: ['text/csv', 'application/octet-stream', 'application/vnd.ms-excel'],\n      ILLUSTRATION: 'csv',\n    },\n    PDF: {\n      ACCEPTS: ['application/pdf'],\n      EXTENSION: ['pdf'],\n      MIME_TYPES: ['application/pdf'],\n      ILLUSTRATION: 'pdf',\n    },\n    PNG: {\n      ACCEPTS: ['image/png'],\n      EXTENSION: ['png'],\n      MIME_TYPES: ['image/png'],\n      ILLUSTRATION: 'image',\n    },\n    JPEG: {\n      ACCEPTS: ['image/jpeg'],\n      EXTENSION: ['jpg', 'jpeg'],\n      MIME_TYPES: ['image/jpeg'],\n      ILLUSTRATION: 'image',\n    },\n    DOC: {\n      ACCEPTS: ['application/msword', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'],\n      EXTENSION: ['doc', 'docx'],\n      MIME_TYPES: ['application/msword', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'],\n      ILLUSTRATION: 'document',\n    },\n    XLS: {\n      ACCEPTS: ['application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'],\n      EXTENSION: ['xls', 'xlsx'],\n      MIME_TYPES: ['application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'],\n      ILLUSTRATION: 'csv',\n    },\n  });\n\n  // TODO: convert to enum (typescript)\n  export const Sizes = Object.freeze({\n    Dense: 'dense',\n    Standard: 'standard',\n  });\n\n  export default {\n    name: 'll-file-upload',\n\n    components: {\n      'll-icon': Icon,\n      'll-button': Button,\n      InlineSvg,\n    },\n\n    inject: ['stashOptions'],\n\n    inheritAttrs: false,\n\n    props: {\n      files: {\n        type: Array,\n        default: () => [],\n      },\n\n      /**\n       * The file types accepted by the input\n       */\n      fileTypes: {\n        type: Array,\n        default: () => Object.keys(FILE_TYPES),\n      },\n\n      /**\n       * Shows only an upload button\n       */\n      buttonOnly: {\n        type: Boolean,\n        default: false,\n      },\n\n      /**\n       * Disables the upload button\n       */\n      disabled: {\n        type: Boolean,\n        default: false,\n      },\n\n      /**\n       * When using the drag and drop feature, hide the icon\n       * and display everything on one line.\n       */\n      size: {\n        type: String,\n        default: 'standard',\n        validator: (value) => Object.values(Sizes).includes(value),\n      },\n    },\n\n    emits: ['file-select', 'file-delete', 'file-error'],\n\n    setup() {\n      return {\n        Sizes,\n      };\n    },\n\n    data() {\n      return {\n        isDraggingOver: false,\n        removeText: t('ll.fileUpload.remove'),\n        fileUploadUploadFileText: t('ll.fileUpload.uploadFile'),\n        fileUploadDragDropFileHereText: t('ll.fileUpload.dragDropFileHere'),\n        fileUploadOrText: t('ll.fileUpload.or'),\n      };\n    },\n\n    computed: {\n      inputAttrs() {\n        const attrs = { ...this.$attrs };\n\n        delete attrs['data-test'];\n        delete attrs.class;\n        delete attrs.type;\n        delete attrs.accept;\n\n        return attrs;\n      },\n\n      /**\n       * @returns {Array} A list of accepted file types\n       */\n      acceptedMimeTypes() {\n        return this.fileTypes.map((fileType) => this.fileMeta[fileType].MIME_TYPES).reduce(this.flattenArray);\n      },\n\n      /**\n       * @returns {Array} A list of accepted file types\n       */\n      acceptedFileExtensions() {\n        return this.fileTypes.map((fileType) => this.fileMeta[fileType].EXTENSION).reduce(this.flattenArray);\n      },\n\n      fileMeta() {\n        return FILE_TYPES;\n      },\n\n      illustrationPath() {\n        return `${this.stashOptions?.staticPath}/illustrations/FileUpload/${\n          FILE_TYPES[this.fileTypes[0]].ILLUSTRATION\n        }.svg`;\n      },\n    },\n\n    methods: {\n      openFileDialog() {\n        if (this.$refs.fileUpload) {\n          this.$refs.fileUpload.value = '';\n          this.$refs.fileUpload.click();\n        }\n      },\n\n      /**\n       * Sets file(s) to selected file(s) from dialogue\n       * @param {Object} event - file select event that contains file(s)\n       * @returns {Array} An array of files\n       */\n      handleFileInput(event) {\n        const files = [...event.target.files];\n\n        this.$emit('file-select', { event, files });\n      },\n\n      handleDragEnter() {\n        this.isDraggingOver = true;\n      },\n\n      handleDragLeave() {\n        this.isDraggingOver = false;\n      },\n\n      /**\n       * Sets file to dropped file if it is proper file type\n       * @param {Object} event - file select event that contains file\n       */\n      async handleDropFile(event) {\n        if (this.disabled) {\n          return;\n        }\n\n        const files = [...event.dataTransfer.files];\n\n        this.isDraggingOver = false;\n\n        if (this.acceptedMimeTypes.length) {\n          try {\n            const mimeTypePromises = await Promise.all(files.map((file) => this.readMimeType(file)));\n            const allCorrectMimeTypes = mimeTypePromises.every((mimeType) => this.acceptedMimeTypes.includes(mimeType));\n\n            if (!allCorrectMimeTypes) {\n              throw new Error('One or more files contains an unacceptable mime type.');\n            }\n\n            const allCorrectFileExtensions = files.every((file) => {\n              const extension = file.name.split('.').pop();\n\n              return this.acceptedFileExtensions.includes(extension);\n            });\n\n            if (!allCorrectFileExtensions) {\n              throw new Error('One or more files contains an unacceptable extension.');\n            }\n\n            this.$emit('file-select', { event, files });\n          } catch (error) {\n            this.handleFileError(error);\n          }\n        } else {\n          this.$emit('file-select', { event, files });\n        }\n      },\n\n      handleFileError(error) {\n        const message = this.t('ll.fileUpload.errors.incorrectFileType', {\n          fileTypes: this.acceptedFileExtensions.join(', '),\n        });\n\n        if (this.$attrs['file-error']) {\n          this.$emit('file-error', message);\n        } else {\n          this.$notify.warning(message);\n        }\n\n        throw error;\n      },\n\n      handleFileDelete(file) {\n        this.$emit('file-delete', file);\n      },\n\n      /**\n       * Check for the mime type on the uploaded File object\n       * Otherwise load the file and attempt to read it\n       * @param file The Uploaded File object\n       */\n      readMimeType(file) {\n        return new Promise((resolve, reject) => {\n          if (file.type) {\n            return resolve(file.type);\n          } else if (window.FileReader) {\n            const fileReader = new FileReader();\n\n            fileReader.onload = () => {\n              const mimeType = fileReader.result.match(/[^:]\\w+\\/[\\w-+\\d.]+(?=;|,)/)\n                ? fileReader.result.match(/[^:]\\w+\\/[\\w-+\\d.]+(?=;|,)/)[0]\n                : '';\n\n              resolve(mimeType);\n            };\n\n            fileReader.readAsDataURL(file);\n          } else {\n            reject(new Error('Failed to read file.'));\n          }\n        });\n      },\n\n      flattenArray(a, b) {\n        return a.concat(b);\n      },\n    },\n  };\n</script>\n\n<template>\n  <div :class=\"$attrs.class\" :data-test=\"$attrs['data-test']\">\n    <div v-if=\"buttonOnly\">\n      <ll-button secondary type=\"button\" :disabled=\"disabled || null\" @click.stop.prevent=\"openFileDialog\">\n        {{ fileUploadUploadFileText }}\n      </ll-button>\n    </div>\n    <div\n      v-else\n      class=\"rounded tw-p-6\"\n      :class=\"[$style['file-dropbox'], isDraggingOver && $style['is-dragging'], disabled && $style['is-disabled']]\"\n      @dragover.prevent=\"handleDragEnter\"\n      @drop.prevent=\"handleDropFile\"\n      @dragleave.prevent=\"handleDragLeave\"\n    >\n      <div\n        class=\"flex text-center flex-column align-center align-middle\"\n        :class=\"[{ 'items-center md:flex-row': size === Sizes.Dense }]\"\n      >\n        <template v-if=\"!files.length\">\n          <InlineSvg v-if=\"size !== Sizes.Dense\" :src=\"illustrationPath\" name=\"file\" width=\"84\" height=\"96\" />\n          <span class=\"text-ice-900\">\n            {{ fileUploadDragDropFileHereText }}\n          </span>\n          <span :class=\"size === Sizes.Dense ? 'md:ml-1 md:mr-2 md:my-0 my-1 text-ice-900' : 'tw-mt-1.5 my-1'\">\n            {{ fileUploadOrText }}\n          </span>\n          <ll-button\n            class=\"tw-mt-1.5\"\n            secondary\n            type=\"button\"\n            :class=\"$style['file-select-button']\"\n            :disabled=\"disabled\"\n            @click.stop.prevent=\"openFileDialog\"\n          >\n            <!-- @slot for custom submit text -->\n            <slot name=\"submitText\">{{ fileUploadUploadFileText }}</slot>\n          </ll-button>\n        </template>\n        <template v-else>\n          <div v-for=\"file in files\" :key=\"file.name\">\n            <ll-icon name=\"file\" />\n            <span>{{ file.name }}</span>\n            <ll-button\n              :class=\"[$style['remove-button'], $style['button']]\"\n              @click.stop.prevent=\"handleFileDelete(file)\"\n            >\n              {{ removeText }}\n            </ll-button>\n          </div>\n        </template>\n      </div>\n      <div v-if=\"$slots.hint && !files.length\" class=\"text-center text-small text-ice-700 tw-mt-6\">\n        <!-- @slot for displaying helpful text and/or links -->\n        <slot name=\"hint\"></slot>\n      </div>\n    </div>\n    <input\n      v-show=\"false\"\n      v-bind=\"inputAttrs\"\n      ref=\"fileUpload\"\n      type=\"file\"\n      :accept=\"fileTypes.map((fileType) => fileMeta[fileType].ACCEPTS).reduce(flattenArray)\"\n      :multiple=\"$attrs['multiple']\"\n      @change=\"handleFileInput($event)\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n  .file-dropbox {\n    background: var(--color-ice-200);\n    background-image: url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%23C5C9D4FF' stroke-width='1' stroke-dasharray='5 %2c 5' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e\");\n    background-repeat: no-repeat;\n    border: border('thin');\n    border-color: transparent;\n  }\n\n  .is-dragging {\n    background-image: none;\n    border-color: var(--color-ice-500);\n\n    & > * {\n      pointer-events: none;\n    }\n  }\n\n  .is-disabled {\n    cursor: no-drop;\n  }\n\n  // Constrain the upload icon for drag/drop to the required size\n  .upload-icon {\n    height: 98px;\n    width: 84px;\n  }\n\n  .remove-button.button {\n    background: transparent;\n    border: none;\n    color: var(--color-red-500);\n\n    &:hover {\n      background: transparent;\n      border: none;\n    }\n  }\n</style>\n"],"names":["FILE_TYPES","Sizes","_sfc_main","Icon","Button","InlineSvg","value","t","attrs","fileType","_a","event","files","file","mimeType","extension","error","message","resolve","reject","fileReader","a","b","_hoisted_3","_createElementBlock","_normalizeClass","_ctx","$props","_hoisted_2","_createVNode","_component_ll_button","$options","$data","args","_createElementVNode","$setup","_Fragment","_renderList","_component_ll_icon","_toDisplayString","_withModifiers","$event","_createBlock","_component_InlineSvg","_renderSlot","_openBlock","_hoisted_4","_mergeProps","_cache"],"mappings":"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"}
+{"version":3,"file":"FileUpload.js","sources":["../src/components/FileUpload/FileUpload.vue"],"sourcesContent":["<script>\n  import InlineSvg from 'vue-inline-svg';\n\n  import { t } from '../../locale';\n  import Button from '../Button/Button.vue';\n  import Icon from '../Icon/Icon.vue';\n\n  export const FILE_TYPES = Object.freeze({\n    CSV: {\n      ACCEPTS: ['text/csv'],\n      EXTENSION: ['csv'],\n      MIME_TYPES: ['text/csv', 'application/octet-stream', 'application/vnd.ms-excel'],\n      ILLUSTRATION: 'csv',\n    },\n    PDF: {\n      ACCEPTS: ['application/pdf'],\n      EXTENSION: ['pdf'],\n      MIME_TYPES: ['application/pdf'],\n      ILLUSTRATION: 'pdf',\n    },\n    PNG: {\n      ACCEPTS: ['image/png'],\n      EXTENSION: ['png'],\n      MIME_TYPES: ['image/png'],\n      ILLUSTRATION: 'image',\n    },\n    JPEG: {\n      ACCEPTS: ['image/jpeg'],\n      EXTENSION: ['jpg', 'jpeg'],\n      MIME_TYPES: ['image/jpeg'],\n      ILLUSTRATION: 'image',\n    },\n    DOC: {\n      ACCEPTS: ['application/msword', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'],\n      EXTENSION: ['doc', 'docx'],\n      MIME_TYPES: ['application/msword', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'],\n      ILLUSTRATION: 'document',\n    },\n    XLS: {\n      ACCEPTS: ['application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'],\n      EXTENSION: ['xls', 'xlsx'],\n      MIME_TYPES: ['application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'],\n      ILLUSTRATION: 'csv',\n    },\n  });\n\n  // TODO: convert to enum (typescript)\n  export const Sizes = Object.freeze({\n    Dense: 'dense',\n    Standard: 'standard',\n  });\n\n  export default {\n    name: 'll-file-upload',\n\n    components: {\n      'll-icon': Icon,\n      'll-button': Button,\n      InlineSvg,\n    },\n\n    inject: ['stashOptions'],\n\n    inheritAttrs: false,\n\n    props: {\n      files: {\n        type: Array,\n        default: () => [],\n      },\n\n      /**\n       * The file types accepted by the input\n       */\n      fileTypes: {\n        type: Array,\n        default: () => Object.keys(FILE_TYPES),\n      },\n\n      /**\n       * Shows only an upload button\n       */\n      buttonOnly: {\n        type: Boolean,\n        default: false,\n      },\n\n      /**\n       * Disables the upload button\n       */\n      disabled: {\n        type: Boolean,\n        default: false,\n      },\n\n      /**\n       * When using the drag and drop feature, hide the icon\n       * and display everything on one line.\n       */\n      size: {\n        type: String,\n        default: 'standard',\n        validator: (value) => Object.values(Sizes).includes(value),\n      },\n    },\n\n    emits: ['file-select', 'file-delete', 'file-error'],\n\n    setup() {\n      return {\n        Sizes,\n      };\n    },\n\n    data() {\n      return {\n        isDraggingOver: false,\n        removeText: t('ll.fileUpload.remove'),\n        fileUploadUploadFileText: t('ll.fileUpload.uploadFile'),\n        fileUploadDragDropFileHereText: t('ll.fileUpload.dragDropFileHere'),\n        fileUploadOrText: t('ll.fileUpload.or'),\n      };\n    },\n\n    computed: {\n      inputAttrs() {\n        const attrs = { ...this.$attrs };\n\n        delete attrs['data-test'];\n        delete attrs.class;\n        delete attrs.type;\n        delete attrs.accept;\n\n        return attrs;\n      },\n\n      /**\n       * @returns {Array} A list of accepted file types\n       */\n      acceptedMimeTypes() {\n        return this.fileTypes.map((fileType) => this.fileMeta[fileType].MIME_TYPES).reduce(this.flattenArray);\n      },\n\n      /**\n       * @returns {Array} A list of accepted file types\n       */\n      acceptedFileExtensions() {\n        return this.fileTypes.map((fileType) => this.fileMeta[fileType].EXTENSION).reduce(this.flattenArray);\n      },\n\n      fileMeta() {\n        return FILE_TYPES;\n      },\n\n      illustrationPath() {\n        return `${this.stashOptions?.staticPath}/illustrations/FileUpload/${\n          FILE_TYPES[this.fileTypes[0]].ILLUSTRATION\n        }.svg`;\n      },\n    },\n\n    methods: {\n      openFileDialog() {\n        if (this.$refs.fileUpload) {\n          this.$refs.fileUpload.value = '';\n          this.$refs.fileUpload.click();\n        }\n      },\n\n      /**\n       * Sets file(s) to selected file(s) from dialogue\n       * @param {Object} event - file select event that contains file(s)\n       * @returns {Array} An array of files\n       */\n      handleFileInput(event) {\n        const files = [...event.target.files];\n\n        this.$emit('file-select', { event, files });\n      },\n\n      handleDragEnter() {\n        this.isDraggingOver = true;\n      },\n\n      handleDragLeave() {\n        this.isDraggingOver = false;\n      },\n\n      /**\n       * Sets file to dropped file if it is proper file type\n       * @param {Object} event - file select event that contains file\n       */\n      async handleDropFile(event) {\n        if (this.disabled) {\n          return;\n        }\n\n        const files = [...event.dataTransfer.files];\n\n        this.isDraggingOver = false;\n\n        if (this.acceptedMimeTypes.length) {\n          try {\n            const mimeTypePromises = await Promise.all(files.map((file) => this.readMimeType(file)));\n            const allCorrectMimeTypes = mimeTypePromises.every((mimeType) => this.acceptedMimeTypes.includes(mimeType));\n\n            if (!allCorrectMimeTypes) {\n              throw new Error('One or more files contains an unacceptable mime type.');\n            }\n\n            const allCorrectFileExtensions = files.every((file) => {\n              const extension = file.name.split('.').pop();\n\n              return this.acceptedFileExtensions.includes(extension);\n            });\n\n            if (!allCorrectFileExtensions) {\n              throw new Error('One or more files contains an unacceptable extension.');\n            }\n\n            this.$emit('file-select', { event, files });\n          } catch (error) {\n            this.handleFileError(error);\n          }\n        } else {\n          this.$emit('file-select', { event, files });\n        }\n      },\n\n      handleFileError(error) {\n        const message = this.t('ll.fileUpload.errors.incorrectFileType', {\n          fileTypes: this.acceptedFileExtensions.join(', '),\n        });\n\n        if (this.$attrs['file-error']) {\n          this.$emit('file-error', message);\n        } else {\n          this.$notify.warning(message);\n        }\n\n        throw error;\n      },\n\n      handleFileDelete(file) {\n        this.$emit('file-delete', file);\n      },\n\n      /**\n       * Check for the mime type on the uploaded File object\n       * Otherwise load the file and attempt to read it\n       * @param file The Uploaded File object\n       */\n      readMimeType(file) {\n        return new Promise((resolve, reject) => {\n          if (file.type) {\n            return resolve(file.type);\n          } else if (window.FileReader) {\n            const fileReader = new FileReader();\n\n            fileReader.onload = () => {\n              const mimeType = fileReader.result.match(/[^:]\\w+\\/[\\w-+\\d.]+(?=;|,)/)\n                ? fileReader.result.match(/[^:]\\w+\\/[\\w-+\\d.]+(?=;|,)/)[0]\n                : '';\n\n              resolve(mimeType);\n            };\n\n            fileReader.readAsDataURL(file);\n          } else {\n            reject(new Error('Failed to read file.'));\n          }\n        });\n      },\n\n      flattenArray(a, b) {\n        return a.concat(b);\n      },\n    },\n  };\n</script>\n\n<template>\n  <div :class=\"$attrs.class\" :data-test=\"$attrs['data-test']\">\n    <div v-if=\"buttonOnly\">\n      <ll-button secondary type=\"button\" :disabled=\"disabled || null\" @click.stop.prevent=\"openFileDialog\">\n        {{ fileUploadUploadFileText }}\n      </ll-button>\n    </div>\n    <div\n      v-else\n      class=\"tw-rounded tw-p-6\"\n      :class=\"[$style['file-dropbox'], isDraggingOver && $style['is-dragging'], disabled && $style['is-disabled']]\"\n      @dragover.prevent=\"handleDragEnter\"\n      @drop.prevent=\"handleDropFile\"\n      @dragleave.prevent=\"handleDragLeave\"\n    >\n      <div\n        class=\"tw-flex-column align-center align-middle tw-flex tw-text-center\"\n        :class=\"[{ 'md:flex-row tw-items-center': size === Sizes.Dense }]\"\n      >\n        <template v-if=\"!files.length\">\n          <InlineSvg v-if=\"size !== Sizes.Dense\" :src=\"illustrationPath\" name=\"file\" width=\"84\" height=\"96\" />\n          <span class=\"tw-text-ice-900\">\n            {{ fileUploadDragDropFileHereText }}\n          </span>\n          <span :class=\"size === Sizes.Dense ? 'md:ml-1 md:mr-2 md:my-0 my-1 tw-text-ice-900' : 'tw-mt-1.5 my-1'\">\n            {{ fileUploadOrText }}\n          </span>\n          <ll-button\n            class=\"tw-mt-1.5\"\n            secondary\n            type=\"button\"\n            :class=\"$style['file-select-button']\"\n            :disabled=\"disabled\"\n            @click.stop.prevent=\"openFileDialog\"\n          >\n            <!-- @slot for custom submit text -->\n            <slot name=\"submitText\">{{ fileUploadUploadFileText }}</slot>\n          </ll-button>\n        </template>\n        <template v-else>\n          <div v-for=\"file in files\" :key=\"file.name\">\n            <ll-icon name=\"file\" />\n            <span>{{ file.name }}</span>\n            <ll-button\n              :class=\"[$style['remove-button'], $style['button']]\"\n              @click.stop.prevent=\"handleFileDelete(file)\"\n            >\n              {{ removeText }}\n            </ll-button>\n          </div>\n        </template>\n      </div>\n      <div v-if=\"$slots.hint && !files.length\" class=\"text-small tw-mt-6 tw-text-center tw-text-ice-700\">\n        <!-- @slot for displaying helpful text and/or links -->\n        <slot name=\"hint\"></slot>\n      </div>\n    </div>\n    <input\n      v-show=\"false\"\n      v-bind=\"inputAttrs\"\n      ref=\"fileUpload\"\n      type=\"file\"\n      :accept=\"fileTypes.map((fileType) => fileMeta[fileType].ACCEPTS).reduce(flattenArray)\"\n      :multiple=\"$attrs['multiple']\"\n      @change=\"handleFileInput($event)\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n  .file-dropbox {\n    background: var(--color-ice-200);\n    background-image: url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%23C5C9D4FF' stroke-width='1' stroke-dasharray='5 %2c 5' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e\");\n    background-repeat: no-repeat;\n    border: border('thin');\n    border-color: transparent;\n  }\n\n  .is-dragging {\n    background-image: none;\n    border-color: var(--color-ice-500);\n\n    & > * {\n      pointer-events: none;\n    }\n  }\n\n  .is-disabled {\n    cursor: no-drop;\n  }\n\n  // Constrain the upload icon for drag/drop to the required size\n  .upload-icon {\n    height: 98px;\n    width: 84px;\n  }\n\n  .remove-button.button {\n    background: transparent;\n    border: none;\n    color: var(--color-red-500);\n\n    &:hover {\n      background: transparent;\n      border: none;\n    }\n  }\n</style>\n"],"names":["FILE_TYPES","Sizes","_sfc_main","Icon","Button","InlineSvg","value","t","attrs","fileType","_a","event","files","file","mimeType","extension","error","message","resolve","reject","fileReader","a","b","_hoisted_3","_createElementBlock","_normalizeClass","_ctx","$props","_hoisted_2","_createVNode","_component_ll_button","$options","$data","args","_createElementVNode","$setup","_Fragment","_renderList","_component_ll_icon","_toDisplayString","_withModifiers","$event","_createBlock","_component_InlineSvg","_renderSlot","_openBlock","_hoisted_4","_mergeProps","_cache"],"mappings":"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"}

package/dist/FilterSelect.js

@@ -1,10 +1,10 @@
 import { defineComponent as S, computed as p, openBlock as r, createBlock as $, withCtx as u, createElementVNode as s, createElementBlock as d, withDirectives as f, vModelCheckbox as v, createVNode as _, withKeys as h, createTextVNode as b, toDisplayString as x, unref as C, createCommentVNode as K, Fragment as A, renderList as B } from "vue";
 import { t as E } from "./locale.js";
-import { _ as N } from "./Field.vue_vue_type_script_setup_true_lang-42cf79d4.js";
+import { _ as N } from "./Field.vue_vue_type_script_setup_true_lang-4483019d.js";
 import y from "./FilterChip.js";
 import "lodash-es/get";
 import "lodash-es/uniqueId";
-import "./Label.vue_vue_type_script_setup_true_lang-c5589919.js";
+import "./Label.vue_vue_type_script_setup_true_lang-2de35913.js";
 import "./Chip.js";
 import "./utils/colorScheme.js";
 import "./Icon.js";

package/dist/Filters.js

@@ -1,10 +1,10 @@
-import w from "lodash-es/cloneDeep";
+import G from "lodash-es/cloneDeep";
 import z from "lodash-es/merge";
 import { toRefs as W, ref as S, nextTick as Y, resolveComponent as y, openBlock as c, createElementBlock as V, Fragment as j, renderList as q, normalizeClass as L, createBlock as f, mergeProps as g, resolveDynamicComponent as k, createSlots as J, withCtx as b, normalizeProps as O, guardReactiveProps as R, createElementVNode as v, createCommentVNode as U, createVNode as D, createTextVNode as A, toDisplayString as M } from "vue";
 import K from "./useValidation.js";
 import { LLLV_CHANGE_TRIGGERS as N } from "./constants.js";
 import { t as H } from "./locale.js";
-import { persistentStorage as G } from "./storage.js";
+import { persistentStorage as w } from "./storage.js";
 import Q from "./Button.js";
 import X from "./Checkbox.js";
 import Z from "./DatePicker.js";
@@ -38,8 +38,8 @@ import "./index-79ce320f.js";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
 import "lodash-es/isNil";
 import "./utils/i18n.js";
-import "./Field.vue_vue_type_script_setup_true_lang-42cf79d4.js";
-import "./Label.vue_vue_type_script_setup_true_lang-c5589919.js";
+import "./Field.vue_vue_type_script_setup_true_lang-4483019d.js";
+import "./Label.vue_vue_type_script_setup_true_lang-2de35913.js";
 import "lodash-es/isEmpty";
 import "lodash-es/isEqual";
 import "./useSearch.js";
@@ -226,14 +226,14 @@ const ie = {
      * @returns {any}
      */
     getPersistentFilterValues() {
-      return G.get("filter-values");
+      return w.get("filter-values");
     },
     /**
      * Clone new filterValues to remove reactivity, and save them to localStorage.
      * @param {object} newValues - the filterValues to be persisted in localStorage
      */
     persistFilterValues(l) {
-      G.set("filter-values", w(l));
+      w.set("filter-values", G(l));
     }
   }
 }, se = { class: "ll-grid ll-grid-cols-4 md:ll-grid-cols-12" }, re = ["data-test"], ae = ["innerHTML"], ne = ["innerHTML"];
@@ -246,7 +246,7 @@ function ce(l, r, o, i, t, s) {
       return c(), V(j, null, [
         e.hidden ? U("", !0) : (c(), V("div", {
           key: `${a} ${t.forceRenderCount}`,
-          class: L(["field-wrapper col-span-4 md:col-span-3", { "hidden-sm-only": !e.type, "flex align-bottom": e.type === "ll-checkbox" }]),
+          class: L(["field-wrapper col-span-4 md:col-span-3", { "hidden-sm-only": !e.type, "align-bottom tw-flex": e.type === "ll-checkbox" }]),
           "data-test": `filter|${e.fieldToFilter}`
         }, [
           e.type === "ll-select" ? (c(), f(p, g({ key: 0 }, e.attributes, {
@@ -313,7 +313,7 @@ function ce(l, r, o, i, t, s) {
       ], 64);
     }), 256)),
     v("div", {
-      class: L(["flex align-right align-bottom button-grid col-span-4 md:col-span-12", l.$style["filter-button-group"]])
+      class: L(["align-right align-bottom button-grid col-span-4 md:col-span-12 tw-flex", l.$style["filter-button-group"]])
     }, [
       D(h, {
         secondary: "",

package/dist/Filters.js.map

@@ -1 +1 @@
-{"version":3,"file":"Filters.js","sources":["../src/components/Filters/Filters.vue"],"sourcesContent":["<script>\n  import cloneDeep from 'lodash-es/cloneDeep';\n  import merge from 'lodash-es/merge';\n  import { nextTick, ref, toRefs } from 'vue';\n\n  import useValidation from '../../composables/useValidation/useValidation';\n  import { LLLV_CHANGE_TRIGGERS } from '../../constants';\n  import { t } from '../../locale';\n  import { persistentStorage } from '../../storage';\n  import Button from '../Button/Button.vue';\n  import Checkbox from '../Checkbox/Checkbox.vue';\n  import DatePicker from '../DatePicker/DatePicker.vue';\n  import Input from '../Input/Input.vue';\n  import InputOptions from '../InputOptions/InputOptions.vue';\n  import Radio from '../Radio/Radio.vue';\n  import Select from '../Select/Select.vue';\n\n  export default {\n    name: 'll-filters',\n\n    components: {\n      'll-button': Button,\n      'll-checkbox': Checkbox,\n      'll-input': Input,\n      'll-input-options': InputOptions,\n      'll-radio': Radio,\n      'll-select': Select,\n      DatePicker,\n    },\n\n    props: {\n      /**\n       * Whether to disable the Apply button\n       */\n      disableApply: Boolean,\n      /**\n       * Whether to disable the Clear button\n       */\n      disableClear: Boolean,\n      /**\n       * Whether to disable the sticky filters\n       * If disabled, a default pre-selected value(s) can be added to\n       * the filter component's attributes\n       */\n      disablePersistency: Boolean,\n      /**\n       * Filters schema\n       */\n      schema: {\n        type: Array,\n        default: () => [],\n      },\n      /**\n       * Validation schema function that returns an object\n       */\n      validationSchema: {\n        type: Function,\n        default: () => () => undefined,\n      },\n    },\n\n    emits: ['change', 'submit', 'reset'],\n\n    setup(props) {\n      const { validationSchema: getValidationSchema } = toRefs(props);\n      const validationSchema = getValidationSchema.value();\n      const validationValues = ref({});\n\n      // Without ref, `this.validation` will always evaluate to its initial value of `undefined` due to lack of reactivity.\n      const validation = ref();\n\n      function initValidation() {\n        if (validationSchema?.toString() !== '[object Object]') {\n          return;\n        }\n\n        validationValues.value = Object.keys(validationSchema).reduce((values, fieldName) => {\n          values[fieldName] = undefined;\n\n          return values;\n        }, {});\n\n        const validationRules = Object.entries(validationSchema).reduce((rules, [fieldName, fieldRules]) => {\n          rules[fieldName] = fieldRules.map((fieldRule) => {\n            return fieldRule(validationValues);\n          });\n\n          return rules;\n        }, {});\n\n        validation.value = useValidation({ rules: validationRules, values: validationValues });\n        validation.value.validate();\n      }\n\n      return {\n        validation,\n        validationValues,\n        initValidation,\n      };\n    },\n\n    data() {\n      return {\n        applyText: t('ll.apply'),\n        clearText: t('ll.clear'),\n        filters: {},\n        filterValues: {},\n        forceRenderCount: 0,\n      };\n    },\n\n    watch: {\n      filterValues: {\n        /**\n         * Maps filters to a partcular object structure:\n         * @param {IFilterSchemaItem} newFilterValues all selected filters\n         * @returns {IFilter}\n         */\n        handler: function (newFilterValues) {\n          const filters = Object.keys(newFilterValues).reduce((acc, i) => {\n            const schema = this.schema[i];\n\n            if (!schema || !schema.fieldToFilter) {\n              return acc;\n            }\n\n            const item = newFilterValues[i];\n\n            // Ignore empty string or undefined/null filter values\n            if (item === '' || item == null) {\n              return acc;\n            }\n\n            const trackBy = schema.attributes.trackBy || 'id';\n            const isObject = typeof item === 'object';\n            const isCustomFilterComponent = typeof schema.type === 'object';\n            // TODO: remove handling of schema.attributes.multiple when we remove the vue-multiselect version of Select\n            const isMultiple =\n              (isCustomFilterComponent && schema.attributes.multiple) ||\n              (!isCustomFilterComponent &&\n                schema.type.includes('ll-select') &&\n                (schema.attributes.multiple || !schema.attributes.single));\n            const filterBy = isMultiple\n              ? // local storage might have item stored as an object from the old Select\n                (Array.isArray(item) ? item : [item]).map((v) => v[trackBy])\n              : isObject\n              ? [item[trackBy]]\n              : [item];\n\n            const groupedWith = schema.groupedWith;\n\n            if (groupedWith) {\n              filterBy[0] = {\n                index: groupedWith,\n                value: newFilterValues[groupedWith],\n              };\n              filterBy.push({\n                index: Number(i),\n                value: newFilterValues[i],\n              });\n            }\n\n            filterBy.length &&\n              (acc[schema.fieldToFilter] = {\n                // don't add to `filters` if no filterBy\n                filterBy,\n                filterType: schema.type, // Informs the applied filter count\n                isMultiple,\n                ...('fn' in schema && { customFilter: schema.fn }),\n              });\n\n            return acc;\n          }, {});\n\n          this.filters = filters;\n          this.$emit('change', filters);\n        },\n\n        deep: true,\n        immediate: true,\n      },\n\n      filters() {\n        if (this.validation) {\n          this.updateValidationValues();\n        }\n      },\n    },\n\n    async created() {\n      // initFilterValues updates the filterValues so using await nextTick() forces the code\n      // after it to wait until nextTick is done, at which point the filterValues will\n      // be done initializing. Otherwise, applyFilters sometimes applies the wrong\n      // filters because filterValues is not done updating.\n      this.initFilterValues();\n      await nextTick();\n      this.initValidation();\n      this.applyFilters({ trigger: LLLV_CHANGE_TRIGGERS.LOAD });\n    },\n\n    methods: {\n      initFilterValues() {\n        if (this.disablePersistency) {\n          this.filterValues = this.getDefaultFilterValues();\n\n          return;\n        }\n\n        this.filterValues = this.getPersistentFilterValues() || this.getDefaultFilterValues();\n      },\n\n      /**\n       * Apply the selected filters and save them to localStorage.\n       * ListView calls this method using a ref to Filters.\n       * The trigger option is used in ListView.\n       * @param {object} [options] - optional parameters\n       * @param {string} [options.trigger] - the action that triggered this function call\n       */\n      async applyFilters({ trigger = LLLV_CHANGE_TRIGGERS.APPLY } = {}) {\n        if (this.validation) {\n          await this.validation.validate();\n\n          if (this.validation.hasErrors) {\n            return;\n          }\n        }\n\n        if (!this.disablePersistency) {\n          this.persistFilterValues(this.filterValues);\n        }\n\n        this.$emit('submit', { trigger });\n      },\n\n      resetFilters() {\n        this.filterValues = this.getDefaultFilterValues();\n\n        this.forceRenderCount++;\n\n        if (!this.disablePersistency) {\n          this.persistFilterValues(this.filterValues);\n        }\n\n        // Emit after filters are updated\n        this.$nextTick(() => {\n          this.$emit('reset');\n        });\n      },\n\n      /**\n       * Returns pre-defined filter values to become the default values\n       */\n      getDefaultFilterValues() {\n        return this.schema.reduce((acc, item, filterIndex) => {\n          if (item.type === 'll-checkbox') {\n            acc[filterIndex] = item.attributes.checked || false;\n          } else if (Object.prototype.hasOwnProperty.call(item.attributes, 'modelValue')) {\n            acc[filterIndex] = item.attributes.modelValue;\n          }\n\n          return acc;\n        }, {});\n      },\n\n      /**\n       * Intended for external use, when filter values need to be set for the user\n       */\n      setFilterValues(newValues) {\n        this.filterValues = merge({}, this.filterValues, newValues);\n        this.forceRenderCount++;\n      },\n\n      updateValidationValues() {\n        const validatable = Object.keys(this.validationSchema());\n\n        this.schema.forEach((fieldSchema, filterIndex) => {\n          const fieldToFilter = fieldSchema.fieldToFilter;\n          const validate = validatable.includes(fieldToFilter);\n\n          if (validate) {\n            const filter = this.filters[fieldToFilter];\n\n            /**\n             * Get all validatable fields.\n             * Use parsed value of filters that are set,\n             * otherwise fall back to `filterValue` value if not set.\n             */\n            const filterValue = filter\n              ? filter.isMultiple\n                ? filter.filterBy\n                : filter.filterBy[0]\n              : this.filterValues[filterIndex];\n\n            this.validationValues[fieldToFilter] = filterValue;\n          }\n        });\n      },\n\n      /**\n       * Change handler for filter fields\n       */\n      onChange(filter, filterValues, filterIndex) {\n        if (filter.on?.change) {\n          // Maps to `on.change` handlers in the filter schema.\n          filter.on.change(filterValues, filterIndex);\n        }\n      },\n\n      /**\n       * Select input event handler for filter fields\n       */\n      onSelectInput(newValue, filter, filterIndex) {\n        if (newValue === undefined) {\n          delete this.filterValues[filterIndex]; // prevent undefined filterValues which cause an empty result list\n        } else {\n          this.filterValues[filterIndex] = newValue;\n        }\n\n        this.onChange(filter, this.filterValues, filterIndex);\n      },\n\n      /**\n       * Get filter values from local storage.\n       * @returns {any}\n       */\n      getPersistentFilterValues() {\n        return persistentStorage.get('filter-values');\n      },\n\n      /**\n       * Clone new filterValues to remove reactivity, and save them to localStorage.\n       * @param {object} newValues - the filterValues to be persisted in localStorage\n       */\n      persistFilterValues(newValues) {\n        persistentStorage.set('filter-values', cloneDeep(newValues));\n      },\n    },\n  };\n</script>\n\n<template>\n  <div class=\"ll-grid ll-grid-cols-4 md:ll-grid-cols-12\">\n    <template v-for=\"(filter, filterIndex) in schema\">\n      <div\n        v-if=\"!filter.hidden\"\n        :key=\"`${filterIndex} ${forceRenderCount}`\"\n        class=\"field-wrapper col-span-4 md:col-span-3\"\n        :class=\"{ 'hidden-sm-only': !filter.type, 'flex align-bottom': filter.type === 'll-checkbox' }\"\n        :data-test=\"`filter|${filter.fieldToFilter}`\"\n      >\n        <!-- Filter component -->\n        <ll-select\n          v-if=\"filter.type === 'll-select'\"\n          v-bind=\"filter.attributes\"\n          :error=\"validation?.fields[filter.fieldToFilter] && validation?.getError(filter.fieldToFilter)\"\n          :label=\"filter.label\"\n          :model-value=\"filterValues[filterIndex]\"\n          @update:model-value=\"(newValue) => onSelectInput(newValue, filter, filterIndex)\"\n        />\n        <ll-checkbox\n          v-else-if=\"filter.type === 'll-checkbox'\"\n          v-model:checked=\"filterValues[filterIndex]\"\n          v-bind=\"filter.attributes\"\n          :error-text=\"validation?.fields[filter.fieldToFilter] && validation?.getError(filter.fieldToFilter)\"\n          :label=\"filter.label\"\n          @update:checked=\"onChange(filter, filterValues, filterIndex)\"\n        />\n        <ll-radio\n          v-else-if=\"filter.type === 'll-radio'\"\n          v-model:checked=\"filterValues[filterIndex]\"\n          v-bind=\"filter.attributes\"\n          :error-text=\"validation?.fields[filter.fieldToFilter] && validation?.getError(filter.fieldToFilter)\"\n          :label=\"filter.label\"\n          @update:checked=\"onChange(filter, filterValues, filterIndex)\"\n        />\n        <component\n          v-bind=\"filter.attributes\"\n          :is=\"filter.type\"\n          v-else-if=\"filter.type\"\n          v-model=\"filterValues[filterIndex]\"\n          :error-text=\"validation?.fields[filter.fieldToFilter] && validation?.getError(filter.fieldToFilter)\"\n          :label=\"filter.label\"\n          @update:model-value=\"onChange(filter, filterValues, filterIndex)\"\n        >\n          <template v-if=\"filter.slots && filter.slots.selected\" #selected=\"{ option }\">\n            <component :is=\"filter.slots.selected\" v-bind=\"option.props\" />\n          </template>\n          <template v-if=\"filter.slots && filter.slots.option\" #option=\"{ option }\">\n            <component :is=\"filter.slots.option\" v-bind=\"option.props\" />\n          </template>\n          <template v-if=\"filter.slots && filter.slots.prepend\" #prepend>\n            <span v-html=\"filter.slots.prepend\"></span>\n          </template>\n          <template v-if=\"filter.slots && filter.slots.append\" #append>\n            <span v-html=\"filter.slots.append\"></span>\n          </template>\n        </component>\n      </div>\n    </template>\n    <div\n      class=\"flex align-right align-bottom button-grid col-span-4 md:col-span-12\"\n      :class=\"$style['filter-button-group']\"\n    >\n      <ll-button secondary data-test=\"button|reset-filters\" :disabled=\"disableClear\" @click=\"resetFilters\">\n        {{ clearText }}\n      </ll-button>\n      <ll-button\n        primary\n        data-test=\"button|apply-filters\"\n        :disabled=\"disableApply || validation?.hasErrors\"\n        @click=\"applyFilters\"\n      >\n        {{ applyText }}\n      </ll-button>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n  .filter-button-group {\n    @include breakpoint('sm-only') {\n      display: flex;\n      flex-direction: column-reverse;\n    }\n\n    button {\n      @include breakpoint('sm-only') {\n        width: 100% !important;\n      }\n\n      &:nth-child(2) {\n        @include breakpoint('sm-only') {\n          margin-bottom: space(2);\n        }\n      }\n    }\n  }\n</style>\n"],"names":["_sfc_main","Button","Checkbox","Input","InputOptions","Radio","Select","DatePicker","props","getValidationSchema","toRefs","validationSchema","validationValues","ref","validation","initValidation","values","fieldName","validationRules","rules","fieldRules","fieldRule","useValidation","t","newFilterValues","filters","acc","schema","item","trackBy","isObject","isCustomFilterComponent","isMultiple","filterBy","v","groupedWith","nextTick","LLLV_CHANGE_TRIGGERS","trigger","filterIndex","newValues","merge","validatable","fieldSchema","fieldToFilter","filter","filterValue","filterValues","_a","newValue","persistentStorage","cloneDeep","_hoisted_1","_openBlock","_createElementBlock","_Fragment","_renderList","$props","$data","_normalizeClass","_createBlock","_component_ll_select","_mergeProps","$setup","_b","$options","_component_ll_checkbox","$event","_c","_d","_component_ll_radio","_e","_f","_resolveDynamicComponent","_g","_h","_withCtx","option","_normalizeProps","_guardReactiveProps","_createElementVNode","_ctx","_createVNode","_component_ll_button"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiBOA,KAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,aAAaC;AAAA,IACb,eAAeC;AAAA,IACf,YAAYC;AAAA,IACZ,oBAAoBC;AAAA,IACpB,YAAYC;AAAA,IACZ,aAAaC;AAAA,IACb,YAAAC;AAAA,EACD;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,cAAc;AAAA;AAAA;AAAA;AAAA,IAId,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMd,oBAAoB;AAAA;AAAA;AAAA;AAAA,IAIpB,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS,MAAM,CAAE;AAAA,IAClB;AAAA;AAAA;AAAA;AAAA,IAID,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS,MAAM,MAAA;AAAA;AAAA,IAChB;AAAA,EACF;AAAA,EAED,OAAO,CAAC,UAAU,UAAU,OAAO;AAAA,EAEnC,MAAMC,GAAO;AACX,UAAM,EAAE,kBAAkBC,EAAoB,IAAIC,EAAOF,CAAK,GACxDG,IAAmBF,EAAoB,SACvCG,IAAmBC,EAAI,CAAA,CAAE,GAGzBC,IAAaD;AAEnB,aAASE,IAAiB;AACxB,WAAIJ,KAAA,gBAAAA,EAAkB,gBAAe;AACnC;AAGF,MAAAC,EAAiB,QAAQ,OAAO,KAAKD,CAAgB,EAAE,OAAO,CAACK,GAAQC,OACrED,EAAOC,CAAS,IAAI,QAEbD,IACN,CAAE,CAAA;AAEL,YAAME,IAAkB,OAAO,QAAQP,CAAgB,EAAE,OAAO,CAACQ,GAAO,CAACF,GAAWG,CAAU,OAC5FD,EAAMF,CAAS,IAAIG,EAAW,IAAI,CAACC,MAC1BA,EAAUT,CAAgB,CAClC,GAEMO,IACN,CAAE,CAAA;AAEL,MAAAL,EAAW,QAAQQ,EAAc,EAAE,OAAOJ,GAAiB,QAAQN,EAAe,CAAG,GACrFE,EAAW,MAAM;IACnB;AAEA,WAAO;AAAA,MACL,YAAAA;AAAA,MACA,kBAAAF;AAAA,MACA,gBAAAG;AAAA;EAEH;AAAA,EAED,OAAO;AACL,WAAO;AAAA,MACL,WAAWQ,EAAE,UAAU;AAAA,MACvB,WAAWA,EAAE,UAAU;AAAA,MACvB,SAAS,CAAE;AAAA,MACX,cAAc,CAAE;AAAA,MAChB,kBAAkB;AAAA;EAErB;AAAA,EAED,OAAO;AAAA,IACL,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMZ,SAAS,SAAUC,GAAiB;AAClC,cAAMC,IAAU,OAAO,KAAKD,CAAe,EAAE,OAAO,CAACE,GAAK,MAAM;AAC9D,gBAAMC,IAAS,KAAK,OAAO,CAAC;AAE5B,cAAI,CAACA,KAAU,CAACA,EAAO;AACrB,mBAAOD;AAGT,gBAAME,IAAOJ,EAAgB,CAAC;AAG9B,cAAII,MAAS,MAAMA,KAAQ;AACzB,mBAAOF;AAGT,gBAAMG,IAAUF,EAAO,WAAW,WAAW,MACvCG,IAAW,OAAOF,KAAS,UAC3BG,IAA0B,OAAOJ,EAAO,QAAS,UAEjDK,IACHD,KAA2BJ,EAAO,WAAW,YAC7C,CAACI,KACAJ,EAAO,KAAK,SAAS,WAAW,MAC/BA,EAAO,WAAW,YAAY,CAACA,EAAO,WAAW,SAChDM,IAAWD;AAAA;AAAA,aAEZ,MAAM,QAAQJ,CAAI,IAAIA,IAAO,CAACA,CAAI,GAAG,IAAI,CAACM,MAAMA,EAAEL,CAAO,CAAC;AAAA,cAC3DC,IACA,CAACF,EAAKC,CAAO,CAAC,IACd,CAACD,CAAI,GAEHO,IAAcR,EAAO;AAE3B,iBAAIQ,MACFF,EAAS,CAAC,IAAI;AAAA,YACZ,OAAOE;AAAA,YACP,OAAOX,EAAgBW,CAAW;AAAA,aAEpCF,EAAS,KAAK;AAAA,YACZ,OAAO,OAAO,CAAC;AAAA,YACf,OAAOT,EAAgB,CAAC;AAAA,UAC1B,CAAC,IAGHS,EAAS,WACNP,EAAIC,EAAO,aAAa,IAAI;AAAA;AAAA,YAE3B,UAAAM;AAAA,YACA,YAAYN,EAAO;AAAA;AAAA,YACnB,YAAAK;AAAA,YACA,GAAI,QAAQL,KAAU,EAAE,cAAcA,EAAO,GAAC;AAAA,UAChD,IAEKD;AAAA,QACR,GAAE,CAAE,CAAA;AAEL,aAAK,UAAUD,GACf,KAAK,MAAM,UAAUA,CAAO;AAAA,MAC7B;AAAA,MAED,MAAM;AAAA,MACN,WAAW;AAAA,IACZ;AAAA,IAED,UAAU;AACR,MAAI,KAAK,cACP,KAAK,uBAAsB;AAAA,IAE9B;AAAA,EACF;AAAA,EAED,MAAM,UAAU;AAKd,SAAK,iBAAgB,GACrB,MAAMW,EAAQ,GACd,KAAK,eAAc,GACnB,KAAK,aAAa,EAAE,SAASC,EAAqB,KAAM,CAAA;AAAA,EACzD;AAAA,EAED,SAAS;AAAA,IACP,mBAAmB;AACjB,UAAI,KAAK,oBAAoB;AAC3B,aAAK,eAAe,KAAK;AAEzB;AAAA,MACF;AAEA,WAAK,eAAe,KAAK,0BAAyB,KAAM,KAAK;IAC9D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASD,MAAM,aAAa,EAAE,SAAAC,IAAUD,EAAqB,MAAI,IAAM,CAAA,GAAI;AAChE,MAAI,KAAK,eACP,MAAM,KAAK,WAAW,YAElB,KAAK,WAAW,eAKjB,KAAK,sBACR,KAAK,oBAAoB,KAAK,YAAY,GAG5C,KAAK,MAAM,UAAU,EAAE,SAAAC,EAAS,CAAA;AAAA,IACjC;AAAA,IAED,eAAe;AACb,WAAK,eAAe,KAAK,0BAEzB,KAAK,oBAEA,KAAK,sBACR,KAAK,oBAAoB,KAAK,YAAY,GAI5C,KAAK,UAAU,MAAM;AACnB,aAAK,MAAM,OAAO;AAAA,MACpB,CAAC;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKD,yBAAyB;AACvB,aAAO,KAAK,OAAO,OAAO,CAACZ,GAAKE,GAAMW,OAChCX,EAAK,SAAS,gBAChBF,EAAIa,CAAW,IAAIX,EAAK,WAAW,WAAW,KACrC,OAAO,UAAU,eAAe,KAAKA,EAAK,YAAY,YAAY,MAC3EF,EAAIa,CAAW,IAAIX,EAAK,WAAW,aAG9BF,IACN,CAAE,CAAA;AAAA,IACN;AAAA;AAAA;AAAA;AAAA,IAKD,gBAAgBc,GAAW;AACzB,WAAK,eAAeC,EAAM,CAAA,GAAI,KAAK,cAAcD,CAAS,GAC1D,KAAK;AAAA,IACN;AAAA,IAED,yBAAyB;AACvB,YAAME,IAAc,OAAO,KAAK,KAAK,iBAAkB,CAAA;AAEvD,WAAK,OAAO,QAAQ,CAACC,GAAaJ,MAAgB;AAChD,cAAMK,IAAgBD,EAAY;AAGlC,YAFiBD,EAAY,SAASE,CAAa,GAErC;AACZ,gBAAMC,IAAS,KAAK,QAAQD,CAAa,GAOnCE,IAAcD,IAChBA,EAAO,aACLA,EAAO,WACPA,EAAO,SAAS,CAAC,IACnB,KAAK,aAAaN,CAAW;AAEjC,eAAK,iBAAiBK,CAAa,IAAIE;AAAA,QACzC;AAAA,MACF,CAAC;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKD,SAASD,GAAQE,GAAcR,GAAa;;AAC1C,OAAIS,IAAAH,EAAO,OAAP,QAAAG,EAAW,UAEbH,EAAO,GAAG,OAAOE,GAAcR,CAAW;AAAA,IAE7C;AAAA;AAAA;AAAA;AAAA,IAKD,cAAcU,GAAUJ,GAAQN,GAAa;AAC3C,MAAIU,MAAa,SACf,OAAO,KAAK,aAAaV,CAAW,IAEpC,KAAK,aAAaA,CAAW,IAAIU,GAGnC,KAAK,SAASJ,GAAQ,KAAK,cAAcN,CAAW;AAAA,IACrD;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,4BAA4B;AAC1B,aAAOW,EAAkB,IAAI,eAAe;AAAA,IAC7C;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,oBAAoBV,GAAW;AAC7B,MAAAU,EAAkB,IAAI,iBAAiBC,EAAUX,CAAS,CAAC;AAAA,IAC5D;AAAA,EACF;GAKEY,KAAA,EAAA,OAAM,4CAA2C;;;;AAAtD,SAAAC,EAAA,GAAAC,EA0EM,OA1ENF,IA0EM;AAAA,KAzEJC,EAAA,EAAA,GAAAC,EAwDWC,GAxD+B,MAAAC,EAAAC,EAAA,QAAxB,CAAAZ,GAAQN,MAAW;;;QAE1BM,EAAO,2BADhBS,EAsDM,OAAA;AAAA,UApDH,KAAG,GAAKf,CAAW,IAAImB,EAAgB,gBAAA;AAAA,UACxC,OAAKC,EAAA,CAAC,0CACuB,EAAA,kBAAA,CAAAd,EAAO,MAAI,qBAAuBA,EAAO,SAAI,cAAA,CAAA,CAAA;AAAA,UACzE,aAAS,UAAYA,EAAO,aAAa;AAAA;UAIlCA,EAAO,SAAI,eADnBQ,EAAA,GAAAO,EAOEC,GAPFC,EAOE,EALQ,KAAA,EAAA,GAAAjB,EAAO,YAAU;AAAA,YACxB,SAAOG,IAAAe,EAAA,eAAA,gBAAAf,EAAY,OAAOH,EAAO,qBAAkBmB,IAAAD,iBAAA,gBAAAC,EAAY,SAASnB,EAAO;AAAA,YAC/E,OAAOA,EAAO;AAAA,YACd,eAAaa,EAAY,aAACnB,CAAW;AAAA,YACrC,uBAAkB,CAAGU,MAAagB,EAAA,cAAchB,GAAUJ,GAAQN,CAAW;AAAA,qFAGnEM,EAAO,SAAI,iBADxBQ,KAAAO,EAOEM,GAPFJ,EAOE;AAAA;YALQ,SAASJ,EAAY,aAACnB,CAAW;AAAA,YAAxB,oBAAA,CAAA4B,MAAAT,EAAA,aAAanB,CAAW,IAAA4B;AAAA,UACjC,GAAAtB,EAAO,YAAU;AAAA,YACxB,gBAAYuB,IAAAL,EAAA,eAAA,gBAAAK,EAAY,OAAOvB,EAAO,qBAAkBwB,IAAAN,iBAAA,gBAAAM,EAAY,SAASxB,EAAO;AAAA,YACpF,OAAOA,EAAO;AAAA,YACd,2BAAgBoB,EAAQ,SAACpB,GAAQa,EAAA,cAAcnB,CAAW;AAAA,mFAGhDM,EAAO,SAAI,cADxBQ,KAAAO,EAOEU,GAPFR,EAOE;AAAA;YALQ,SAASJ,EAAY,aAACnB,CAAW;AAAA,YAAxB,oBAAA,CAAA4B,MAAAT,EAAA,aAAanB,CAAW,IAAA4B;AAAA,UACjC,GAAAtB,EAAO,YAAU;AAAA,YACxB,gBAAY0B,IAAAR,EAAA,eAAA,gBAAAQ,EAAY,OAAO1B,EAAO,qBAAkB2B,IAAAT,iBAAA,gBAAAS,EAAY,SAAS3B,EAAO;AAAA,YACpF,OAAOA,EAAO;AAAA,YACd,2BAAgBoB,EAAQ,SAACpB,GAAQa,EAAA,cAAcnB,CAAW;AAAA,mFAKhDM,EAAO,aAHpBe,EAqBYa,EAnBL5B,EAAO,IAAI,GAFlBiB,EAqBY,EAAA,KAAA,KApBFjB,EAAO,YAAU;AAAA,YAGhB,YAAAa,EAAA,aAAanB,CAAW;AAAA,2CAAxBmB,EAAY,aAACnB,CAAW,IAGZ4B,GAAA,CAAAA,MAAAF,EAAA,SAASpB,GAAQa,EAAY,cAAEnB,CAAW,CAAA;AAAA,YAF9D,gBAAYmC,IAAAX,EAAA,eAAA,gBAAAW,EAAY,OAAO7B,EAAO,qBAAkB8B,IAAAZ,iBAAA,gBAAAY,EAAY,SAAS9B,EAAO;AAAA,YACpF,OAAOA,EAAO;AAAA;YAGCA,EAAO,SAASA,EAAO,MAAM;oBAAW;AAAA,cACtD,IAAA+B,EAAA,CAA+D,EADG,QAAAC,QAAM;AAAA,sBACxEjB,EAA+Da,EAA/C5B,EAAO,MAAM,QAAQ,GAAAiC,EAAAC,EAAUF,EAAO,KAAK,CAAA,GAAA,MAAA,EAAA;AAAA;;;YAE7ChC,EAAO,SAASA,EAAO,MAAM;oBAAS;AAAA,cACpD,IAAA+B,EAAA,CAA6D,EADC,QAAAC,QAAM;AAAA,sBACpEjB,EAA6Da,EAA7C5B,EAAO,MAAM,MAAM,GAAAiC,EAAAC,EAAUF,EAAO,KAAK,CAAA,GAAA,MAAA,EAAA;AAAA;;;YAE3ChC,EAAO,SAASA,EAAO,MAAM;oBAAU;AAAA,oBACrD,MAA2C;AAAA,gBAA3CmC,EAA2C,QAAA;AAAA,kBAArC,WAAQnC,EAAO,MAAM;AAAA;;;;YAEbA,EAAO,SAASA,EAAO,MAAM;oBAAS;AAAA,oBACpD,MAA0C;AAAA,gBAA1CmC,EAA0C,QAAA;AAAA,kBAApC,WAAQnC,EAAO,MAAM;AAAA;;;;;;;;IAKnCmC,EAeM,OAAA;AAAA,MAdJ,OAAKrB,EAAA,CAAC,uEACEsB,EAAM,OAAA,qBAAA,CAAA,CAAA;AAAA;MAEdC,EAEYC,GAAA;AAAA,QAFD,WAAA;AAAA,QAAU,aAAU;AAAA,QAAwB,UAAU1B,EAAY;AAAA,QAAG,SAAOQ,EAAY;AAAA;mBACjG,MAAe;AAAA,cAAZP,EAAS,SAAA,GAAA,CAAA;AAAA;;;MAEdwB,EAOYC,GAAA;AAAA,QANV,SAAA;AAAA,QACA,aAAU;AAAA,QACT,UAAU1B,EAAA,kBAAgBT,IAAAe,EAAA,eAAA,gBAAAf,EAAY;AAAA,QACtC,SAAOiB,EAAY;AAAA;mBAEpB,MAAe;AAAA,cAAZP,EAAS,SAAA,GAAA,CAAA;AAAA;;;;;;;;;"}
+{"version":3,"file":"Filters.js","sources":["../src/components/Filters/Filters.vue"],"sourcesContent":["<script>\n  import cloneDeep from 'lodash-es/cloneDeep';\n  import merge from 'lodash-es/merge';\n  import { nextTick, ref, toRefs } from 'vue';\n\n  import useValidation from '../../composables/useValidation/useValidation';\n  import { LLLV_CHANGE_TRIGGERS } from '../../constants';\n  import { t } from '../../locale';\n  import { persistentStorage } from '../../storage';\n  import Button from '../Button/Button.vue';\n  import Checkbox from '../Checkbox/Checkbox.vue';\n  import DatePicker from '../DatePicker/DatePicker.vue';\n  import Input from '../Input/Input.vue';\n  import InputOptions from '../InputOptions/InputOptions.vue';\n  import Radio from '../Radio/Radio.vue';\n  import Select from '../Select/Select.vue';\n\n  export default {\n    name: 'll-filters',\n\n    components: {\n      'll-button': Button,\n      'll-checkbox': Checkbox,\n      'll-input': Input,\n      'll-input-options': InputOptions,\n      'll-radio': Radio,\n      'll-select': Select,\n      DatePicker,\n    },\n\n    props: {\n      /**\n       * Whether to disable the Apply button\n       */\n      disableApply: Boolean,\n      /**\n       * Whether to disable the Clear button\n       */\n      disableClear: Boolean,\n      /**\n       * Whether to disable the sticky filters\n       * If disabled, a default pre-selected value(s) can be added to\n       * the filter component's attributes\n       */\n      disablePersistency: Boolean,\n      /**\n       * Filters schema\n       */\n      schema: {\n        type: Array,\n        default: () => [],\n      },\n      /**\n       * Validation schema function that returns an object\n       */\n      validationSchema: {\n        type: Function,\n        default: () => () => undefined,\n      },\n    },\n\n    emits: ['change', 'submit', 'reset'],\n\n    setup(props) {\n      const { validationSchema: getValidationSchema } = toRefs(props);\n      const validationSchema = getValidationSchema.value();\n      const validationValues = ref({});\n\n      // Without ref, `this.validation` will always evaluate to its initial value of `undefined` due to lack of reactivity.\n      const validation = ref();\n\n      function initValidation() {\n        if (validationSchema?.toString() !== '[object Object]') {\n          return;\n        }\n\n        validationValues.value = Object.keys(validationSchema).reduce((values, fieldName) => {\n          values[fieldName] = undefined;\n\n          return values;\n        }, {});\n\n        const validationRules = Object.entries(validationSchema).reduce((rules, [fieldName, fieldRules]) => {\n          rules[fieldName] = fieldRules.map((fieldRule) => {\n            return fieldRule(validationValues);\n          });\n\n          return rules;\n        }, {});\n\n        validation.value = useValidation({ rules: validationRules, values: validationValues });\n        validation.value.validate();\n      }\n\n      return {\n        validation,\n        validationValues,\n        initValidation,\n      };\n    },\n\n    data() {\n      return {\n        applyText: t('ll.apply'),\n        clearText: t('ll.clear'),\n        filters: {},\n        filterValues: {},\n        forceRenderCount: 0,\n      };\n    },\n\n    watch: {\n      filterValues: {\n        /**\n         * Maps filters to a partcular object structure:\n         * @param {IFilterSchemaItem} newFilterValues all selected filters\n         * @returns {IFilter}\n         */\n        handler: function (newFilterValues) {\n          const filters = Object.keys(newFilterValues).reduce((acc, i) => {\n            const schema = this.schema[i];\n\n            if (!schema || !schema.fieldToFilter) {\n              return acc;\n            }\n\n            const item = newFilterValues[i];\n\n            // Ignore empty string or undefined/null filter values\n            if (item === '' || item == null) {\n              return acc;\n            }\n\n            const trackBy = schema.attributes.trackBy || 'id';\n            const isObject = typeof item === 'object';\n            const isCustomFilterComponent = typeof schema.type === 'object';\n            // TODO: remove handling of schema.attributes.multiple when we remove the vue-multiselect version of Select\n            const isMultiple =\n              (isCustomFilterComponent && schema.attributes.multiple) ||\n              (!isCustomFilterComponent &&\n                schema.type.includes('ll-select') &&\n                (schema.attributes.multiple || !schema.attributes.single));\n            const filterBy = isMultiple\n              ? // local storage might have item stored as an object from the old Select\n                (Array.isArray(item) ? item : [item]).map((v) => v[trackBy])\n              : isObject\n              ? [item[trackBy]]\n              : [item];\n\n            const groupedWith = schema.groupedWith;\n\n            if (groupedWith) {\n              filterBy[0] = {\n                index: groupedWith,\n                value: newFilterValues[groupedWith],\n              };\n              filterBy.push({\n                index: Number(i),\n                value: newFilterValues[i],\n              });\n            }\n\n            filterBy.length &&\n              (acc[schema.fieldToFilter] = {\n                // don't add to `filters` if no filterBy\n                filterBy,\n                filterType: schema.type, // Informs the applied filter count\n                isMultiple,\n                ...('fn' in schema && { customFilter: schema.fn }),\n              });\n\n            return acc;\n          }, {});\n\n          this.filters = filters;\n          this.$emit('change', filters);\n        },\n\n        deep: true,\n        immediate: true,\n      },\n\n      filters() {\n        if (this.validation) {\n          this.updateValidationValues();\n        }\n      },\n    },\n\n    async created() {\n      // initFilterValues updates the filterValues so using await nextTick() forces the code\n      // after it to wait until nextTick is done, at which point the filterValues will\n      // be done initializing. Otherwise, applyFilters sometimes applies the wrong\n      // filters because filterValues is not done updating.\n      this.initFilterValues();\n      await nextTick();\n      this.initValidation();\n      this.applyFilters({ trigger: LLLV_CHANGE_TRIGGERS.LOAD });\n    },\n\n    methods: {\n      initFilterValues() {\n        if (this.disablePersistency) {\n          this.filterValues = this.getDefaultFilterValues();\n\n          return;\n        }\n\n        this.filterValues = this.getPersistentFilterValues() || this.getDefaultFilterValues();\n      },\n\n      /**\n       * Apply the selected filters and save them to localStorage.\n       * ListView calls this method using a ref to Filters.\n       * The trigger option is used in ListView.\n       * @param {object} [options] - optional parameters\n       * @param {string} [options.trigger] - the action that triggered this function call\n       */\n      async applyFilters({ trigger = LLLV_CHANGE_TRIGGERS.APPLY } = {}) {\n        if (this.validation) {\n          await this.validation.validate();\n\n          if (this.validation.hasErrors) {\n            return;\n          }\n        }\n\n        if (!this.disablePersistency) {\n          this.persistFilterValues(this.filterValues);\n        }\n\n        this.$emit('submit', { trigger });\n      },\n\n      resetFilters() {\n        this.filterValues = this.getDefaultFilterValues();\n\n        this.forceRenderCount++;\n\n        if (!this.disablePersistency) {\n          this.persistFilterValues(this.filterValues);\n        }\n\n        // Emit after filters are updated\n        this.$nextTick(() => {\n          this.$emit('reset');\n        });\n      },\n\n      /**\n       * Returns pre-defined filter values to become the default values\n       */\n      getDefaultFilterValues() {\n        return this.schema.reduce((acc, item, filterIndex) => {\n          if (item.type === 'll-checkbox') {\n            acc[filterIndex] = item.attributes.checked || false;\n          } else if (Object.prototype.hasOwnProperty.call(item.attributes, 'modelValue')) {\n            acc[filterIndex] = item.attributes.modelValue;\n          }\n\n          return acc;\n        }, {});\n      },\n\n      /**\n       * Intended for external use, when filter values need to be set for the user\n       */\n      setFilterValues(newValues) {\n        this.filterValues = merge({}, this.filterValues, newValues);\n        this.forceRenderCount++;\n      },\n\n      updateValidationValues() {\n        const validatable = Object.keys(this.validationSchema());\n\n        this.schema.forEach((fieldSchema, filterIndex) => {\n          const fieldToFilter = fieldSchema.fieldToFilter;\n          const validate = validatable.includes(fieldToFilter);\n\n          if (validate) {\n            const filter = this.filters[fieldToFilter];\n\n            /**\n             * Get all validatable fields.\n             * Use parsed value of filters that are set,\n             * otherwise fall back to `filterValue` value if not set.\n             */\n            const filterValue = filter\n              ? filter.isMultiple\n                ? filter.filterBy\n                : filter.filterBy[0]\n              : this.filterValues[filterIndex];\n\n            this.validationValues[fieldToFilter] = filterValue;\n          }\n        });\n      },\n\n      /**\n       * Change handler for filter fields\n       */\n      onChange(filter, filterValues, filterIndex) {\n        if (filter.on?.change) {\n          // Maps to `on.change` handlers in the filter schema.\n          filter.on.change(filterValues, filterIndex);\n        }\n      },\n\n      /**\n       * Select input event handler for filter fields\n       */\n      onSelectInput(newValue, filter, filterIndex) {\n        if (newValue === undefined) {\n          delete this.filterValues[filterIndex]; // prevent undefined filterValues which cause an empty result list\n        } else {\n          this.filterValues[filterIndex] = newValue;\n        }\n\n        this.onChange(filter, this.filterValues, filterIndex);\n      },\n\n      /**\n       * Get filter values from local storage.\n       * @returns {any}\n       */\n      getPersistentFilterValues() {\n        return persistentStorage.get('filter-values');\n      },\n\n      /**\n       * Clone new filterValues to remove reactivity, and save them to localStorage.\n       * @param {object} newValues - the filterValues to be persisted in localStorage\n       */\n      persistFilterValues(newValues) {\n        persistentStorage.set('filter-values', cloneDeep(newValues));\n      },\n    },\n  };\n</script>\n\n<template>\n  <div class=\"ll-grid ll-grid-cols-4 md:ll-grid-cols-12\">\n    <template v-for=\"(filter, filterIndex) in schema\">\n      <div\n        v-if=\"!filter.hidden\"\n        :key=\"`${filterIndex} ${forceRenderCount}`\"\n        class=\"field-wrapper col-span-4 md:col-span-3\"\n        :class=\"{ 'hidden-sm-only': !filter.type, 'align-bottom tw-flex': filter.type === 'll-checkbox' }\"\n        :data-test=\"`filter|${filter.fieldToFilter}`\"\n      >\n        <!-- Filter component -->\n        <ll-select\n          v-if=\"filter.type === 'll-select'\"\n          v-bind=\"filter.attributes\"\n          :error=\"validation?.fields[filter.fieldToFilter] && validation?.getError(filter.fieldToFilter)\"\n          :label=\"filter.label\"\n          :model-value=\"filterValues[filterIndex]\"\n          @update:model-value=\"(newValue) => onSelectInput(newValue, filter, filterIndex)\"\n        />\n        <ll-checkbox\n          v-else-if=\"filter.type === 'll-checkbox'\"\n          v-model:checked=\"filterValues[filterIndex]\"\n          v-bind=\"filter.attributes\"\n          :error-text=\"validation?.fields[filter.fieldToFilter] && validation?.getError(filter.fieldToFilter)\"\n          :label=\"filter.label\"\n          @update:checked=\"onChange(filter, filterValues, filterIndex)\"\n        />\n        <ll-radio\n          v-else-if=\"filter.type === 'll-radio'\"\n          v-model:checked=\"filterValues[filterIndex]\"\n          v-bind=\"filter.attributes\"\n          :error-text=\"validation?.fields[filter.fieldToFilter] && validation?.getError(filter.fieldToFilter)\"\n          :label=\"filter.label\"\n          @update:checked=\"onChange(filter, filterValues, filterIndex)\"\n        />\n        <component\n          v-bind=\"filter.attributes\"\n          :is=\"filter.type\"\n          v-else-if=\"filter.type\"\n          v-model=\"filterValues[filterIndex]\"\n          :error-text=\"validation?.fields[filter.fieldToFilter] && validation?.getError(filter.fieldToFilter)\"\n          :label=\"filter.label\"\n          @update:model-value=\"onChange(filter, filterValues, filterIndex)\"\n        >\n          <template v-if=\"filter.slots && filter.slots.selected\" #selected=\"{ option }\">\n            <component :is=\"filter.slots.selected\" v-bind=\"option.props\" />\n          </template>\n          <template v-if=\"filter.slots && filter.slots.option\" #option=\"{ option }\">\n            <component :is=\"filter.slots.option\" v-bind=\"option.props\" />\n          </template>\n          <template v-if=\"filter.slots && filter.slots.prepend\" #prepend>\n            <span v-html=\"filter.slots.prepend\"></span>\n          </template>\n          <template v-if=\"filter.slots && filter.slots.append\" #append>\n            <span v-html=\"filter.slots.append\"></span>\n          </template>\n        </component>\n      </div>\n    </template>\n    <div\n      class=\"align-right align-bottom button-grid col-span-4 md:col-span-12 tw-flex\"\n      :class=\"$style['filter-button-group']\"\n    >\n      <ll-button secondary data-test=\"button|reset-filters\" :disabled=\"disableClear\" @click=\"resetFilters\">\n        {{ clearText }}\n      </ll-button>\n      <ll-button\n        primary\n        data-test=\"button|apply-filters\"\n        :disabled=\"disableApply || validation?.hasErrors\"\n        @click=\"applyFilters\"\n      >\n        {{ applyText }}\n      </ll-button>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n  .filter-button-group {\n    @include breakpoint('sm-only') {\n      display: flex;\n      flex-direction: column-reverse;\n    }\n\n    button {\n      @include breakpoint('sm-only') {\n        width: 100% !important;\n      }\n\n      &:nth-child(2) {\n        @include breakpoint('sm-only') {\n          margin-bottom: space(2);\n        }\n      }\n    }\n  }\n</style>\n"],"names":["_sfc_main","Button","Checkbox","Input","InputOptions","Radio","Select","DatePicker","props","getValidationSchema","toRefs","validationSchema","validationValues","ref","validation","initValidation","values","fieldName","validationRules","rules","fieldRules","fieldRule","useValidation","t","newFilterValues","filters","acc","schema","item","trackBy","isObject","isCustomFilterComponent","isMultiple","filterBy","v","groupedWith","nextTick","LLLV_CHANGE_TRIGGERS","trigger","filterIndex","newValues","merge","validatable","fieldSchema","fieldToFilter","filter","filterValue","filterValues","_a","newValue","persistentStorage","cloneDeep","_hoisted_1","_openBlock","_createElementBlock","_Fragment","_renderList","$props","$data","_normalizeClass","_createBlock","_component_ll_select","_mergeProps","$setup","_b","$options","_component_ll_checkbox","$event","_c","_d","_component_ll_radio","_e","_f","_resolveDynamicComponent","_g","_h","_withCtx","option","_normalizeProps","_guardReactiveProps","_createElementVNode","_ctx","_createVNode","_component_ll_button"],"mappings":"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"}

package/dist/IconLabel.js

@@ -1,10 +1,10 @@
 import { defineComponent as a, computed as o, openBlock as c, createBlock as i, resolveDynamicComponent as u, mergeProps as f, withCtx as d, createVNode as m, normalizeClass as r, createElementVNode as p, renderSlot as _ } from "vue";
-import v from "./Icon.js";
-import { _ as h } from "./_plugin-vue_export-helper-dad06003.js";
+import w from "./Icon.js";
+import { _ as v } from "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/uniqueId";
 import "./index-79ce320f.js";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
-const k = /* @__PURE__ */ a({
+const h = /* @__PURE__ */ a({
   name: "ll-icon-label",
   __name: "IconLabel",
   props: {
@@ -22,17 +22,17 @@ const k = /* @__PURE__ */ a({
       href: e.href
     } : {});
     return (t, b) => (c(), i(u(s.value), f(l.value, {
-      class: ["flex", { "flex-column items-center": e.stacked }]
+      class: ["tw-flex", { "tw-flex-column tw-items-center": e.stacked }]
     }), {
       default: d(() => [
-        m(v, {
+        m(w, {
           name: e.icon,
           size: "dense",
           class: r([t.$style.icon, { [`text-${t.color}`]: !!t.color }])
         }, null, 8, ["name", "class"]),
         p("div", {
           class: r({
-            "flex-1 tw-ml-1.5": !e.stacked,
+            "tw-ml-1.5 tw-flex-1": !e.stacked,
             "text-xs tw-mt-1.5 tw-leading-3": e.stacked,
             "tw-truncate": t.truncate
           })
@@ -43,11 +43,11 @@ const k = /* @__PURE__ */ a({
       _: 3
     }, 16, ["class"]));
   }
-}), y = "_icon_gr3q2_2", w = {
-  icon: y
+}), k = "_icon_gr3q2_2", y = {
+  icon: k
 }, x = {
-  $style: w
-}, L = /* @__PURE__ */ h(k, [["__cssModules", x]]);
+  $style: y
+}, L = /* @__PURE__ */ v(h, [["__cssModules", x]]);
 export {
   L as default
 };

package/dist/IconLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconLabel.js","sources":["../src/components/IconLabel/IconLabel.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed } from 'vue';\n\n  import { StashCommonColor } from '../../../types/colors';\n  import { IconName } from '../Icon/Icon.types';\n  import Icon from '../Icon/Icon.vue';\n\n  export interface IconLabelProps {\n    /**\n     * Name of the icon to use. All design system icons are supported.\n     */\n    icon: IconName;\n\n    /**\n     * Color to apply to the icon. Common Stash colors are supported (default, 100 & 700 shades).\n     */\n    color?: StashCommonColor;\n\n    /**\n     * Valid hyperlink.\n     */\n    href?: string;\n\n    /**\n     * Valid vue-router route.\n     */\n    to?: string | object;\n\n    /**\n     * If true, renders the label below the icon instead of to the right\n     */\n    stacked?: boolean;\n\n    /**\n     * If true, truncates overflowing text with an ellipsis when it's unable to wrap\n     */\n    truncate?: boolean;\n  }\n\n  const props = withDefaults(defineProps<IconLabelProps>(), {\n    color: undefined,\n    href: undefined,\n    to: undefined,\n    stacked: false,\n    truncate: false,\n  });\n\n  defineOptions({\n    name: 'll-icon-label',\n  });\n\n  const is = computed(() => {\n    if (props.to) {\n      return 'router-link';\n    }\n\n    if (props.href) {\n      return 'a';\n    }\n\n    return 'div';\n  });\n\n  const attributes = computed(() => {\n    if (props.to) {\n      return {\n        to: props.to,\n      };\n    }\n\n    if (props.href) {\n      return {\n        href: props.href,\n      };\n    }\n\n    return {};\n  });\n</script>\n\n<template>\n  <component :is=\"is\" v-bind=\"attributes\" class=\"flex\" :class=\"{ 'flex-column items-center': props.stacked }\">\n    <Icon :name=\"props.icon\" size=\"dense\" :class=\"[$style.icon, { [`text-${color}`]: !!color }]\" />\n\n    <div\n      :class=\"{\n        'flex-1 tw-ml-1.5': !props.stacked,\n        'text-xs tw-mt-1.5 tw-leading-3': props.stacked,\n        'tw-truncate': truncate,\n      }\"\n    >\n      <!-- @slot Label text -->\n      <slot></slot>\n    </div>\n  </component>\n</template>\n\n<style module>\n  .icon {\n    margin-top: -1px;\n  }\n</style>\n"],"names":["is","computed","props","attributes"],"mappings":";;;;;;;;;;;;;;;;;;iBAmDQA,IAAKC,EAAS,MACdC,EAAM,KACD,gBAGLA,EAAM,OACD,MAGF,KACR,GAEKC,IAAaF,EAAS,MACtBC,EAAM,KACD;AAAA,MACL,IAAIA,EAAM;AAAA,IAAA,IAIVA,EAAM,OACD;AAAA,MACL,MAAMA,EAAM;AAAA,IAAA,IAIT,EACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"IconLabel.js","sources":["../src/components/IconLabel/IconLabel.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed } from 'vue';\n\n  import { StashCommonColor } from '../../../types/colors';\n  import { IconName } from '../Icon/Icon.types';\n  import Icon from '../Icon/Icon.vue';\n\n  export interface IconLabelProps {\n    /**\n     * Name of the icon to use. All design system icons are supported.\n     */\n    icon: IconName;\n\n    /**\n     * Color to apply to the icon. Common Stash colors are supported (default, 100 & 700 shades).\n     */\n    color?: StashCommonColor;\n\n    /**\n     * Valid hyperlink.\n     */\n    href?: string;\n\n    /**\n     * Valid vue-router route.\n     */\n    to?: string | object;\n\n    /**\n     * If true, renders the label below the icon instead of to the right\n     */\n    stacked?: boolean;\n\n    /**\n     * If true, truncates overflowing text with an ellipsis when it's unable to wrap\n     */\n    truncate?: boolean;\n  }\n\n  const props = withDefaults(defineProps<IconLabelProps>(), {\n    color: undefined,\n    href: undefined,\n    to: undefined,\n    stacked: false,\n    truncate: false,\n  });\n\n  defineOptions({\n    name: 'll-icon-label',\n  });\n\n  const is = computed(() => {\n    if (props.to) {\n      return 'router-link';\n    }\n\n    if (props.href) {\n      return 'a';\n    }\n\n    return 'div';\n  });\n\n  const attributes = computed(() => {\n    if (props.to) {\n      return {\n        to: props.to,\n      };\n    }\n\n    if (props.href) {\n      return {\n        href: props.href,\n      };\n    }\n\n    return {};\n  });\n</script>\n\n<template>\n  <component :is=\"is\" v-bind=\"attributes\" class=\"tw-flex\" :class=\"{ 'tw-flex-column tw-items-center': props.stacked }\">\n    <Icon :name=\"props.icon\" size=\"dense\" :class=\"[$style.icon, { [`text-${color}`]: !!color }]\" />\n\n    <div\n      :class=\"{\n        'tw-ml-1.5 tw-flex-1': !props.stacked,\n        'text-xs tw-mt-1.5 tw-leading-3': props.stacked,\n        'tw-truncate': truncate,\n      }\"\n    >\n      <!-- @slot Label text -->\n      <slot></slot>\n    </div>\n  </component>\n</template>\n\n<style module>\n  .icon {\n    margin-top: -1px;\n  }\n</style>\n"],"names":["is","computed","props","attributes"],"mappings":";;;;;;;;;;;;;;;;;;iBAmDQA,IAAKC,EAAS,MACdC,EAAM,KACD,gBAGLA,EAAM,OACD,MAGF,KACR,GAEKC,IAAaF,EAAS,MACtBC,EAAM,KACD;AAAA,MACL,IAAIA,EAAM;AAAA,IAAA,IAIVA,EAAM,OACD;AAAA,MACL,MAAMA,EAAM;AAAA,IAAA,IAIT,EACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Image.js

@@ -186,7 +186,7 @@ const ut = /* @__PURE__ */ x({
       key: h.value,
       "data-test": "stash-image",
       class: {
-        rounded: t.radius === "rounded"
+        "tw-rounded": t.radius === "rounded"
         /* Rounded */
       },
       src: h.value