@leaflink/stash 50.11.0 → 50.12.1

package/dist/Filters.js

@@ -1,6 +1,6 @@
 import N from "lodash-es/cloneDeep";
 import H from "lodash-es/merge";
-import { toRefs as G, ref as E, nextTick as W, resolveComponent as V, openBlock as u, createElementBlock as _, Fragment as P, renderList as z, normalizeClass as S, createBlock as f, mergeProps as b, resolveDynamicComponent as k, createSlots as Y, withCtx as y, createElementVNode as v, createCommentVNode as L, createVNode as O, createTextVNode as U, toDisplayString as D } from "vue";
+import { resolveComponent as V, createElementBlock as _, openBlock as u, createElementVNode as k, Fragment as E, renderList as G, createCommentVNode as P, normalizeClass as S, createBlock as f, mergeProps as b, resolveDynamicComponent as v, createSlots as W, withCtx as y, createVNode as L, createTextVNode as O, toDisplayString as U, nextTick as z, toRefs as Y, ref as D } from "vue";
 import q from "./useValidation.js";
 import { LLLV_CHANGE_TRIGGERS as R } from "./constants.js";
 import { t as A } from "./locale.js";
@@ -59,7 +59,7 @@ const te = {
   },
   emits: ["change", "submit", "reset"],
   setup(l) {
-    const { validationSchema: r } = G(l), i = r.value(), s = E({}), t = E();
+    const { validationSchema: r } = Y(l), i = r.value(), s = D({}), t = D();
     function o() {
       if ((i == null ? void 0 : i.toString()) !== "[object Object]")
         return;
@@ -126,7 +126,7 @@ const te = {
     }
   },
   async created() {
-    this.initFilterValues(), await W(), this.initValidation(), this.applyFilters({ trigger: R.LOAD });
+    this.initFilterValues(), await z(), this.initValidation(), this.applyFilters({ trigger: R.LOAD });
   },
   methods: {
     initFilterValues() {
@@ -206,10 +206,10 @@ function ae(l, r, i, s, t, o) {
   var c;
   const p = V("ll-select"), d = V("ll-checkbox"), h = V("ll-radio"), m = V("ll-button");
   return u(), _("div", se, [
-    (u(!0), _(P, null, z(i.schema, (e, a) => {
+    (u(!0), _(E, null, G(i.schema, (e, a) => {
       var g, F, T, C, w, x, B, j;
-      return u(), _(P, null, [
-        e.hidden ? L("", !0) : (u(), _("div", {
+      return u(), _(E, null, [
+        e.hidden ? P("", !0) : (u(), _("div", {
           key: `${a} ${t.forceRenderCount}`,
           class: S(["field-wrapper tw-col-span-4 md:tw-col-span-3", { "max-md:tw-hidden": !e.type, "tw-flex tw-items-end": e.type === "ll-checkbox" }]),
           "data-test": `filter|${e.fieldToFilter}`
@@ -240,7 +240,7 @@ function ae(l, r, i, s, t, o) {
             "error-text": ((w = s.validation) == null ? void 0 : w.fields[e.fieldToFilter]) && ((x = s.validation) == null ? void 0 : x.getError(e.fieldToFilter)),
             label: e.label,
             "onUpdate:checked": (n) => o.onChange(e, t.filterValues, a)
-          }), null, 16, ["checked", "onUpdate:checked", "error-text", "label"])) : e.type ? (u(), f(k(e.type), b({
+          }), null, 16, ["checked", "onUpdate:checked", "error-text", "label"])) : e.type ? (u(), f(v(e.type), b({
             key: 3,
             ref_for: !0
           }, e.attributes, {
@@ -248,25 +248,25 @@ function ae(l, r, i, s, t, o) {
             "onUpdate:modelValue": [(n) => t.filterValues[a] = n, (n) => o.onChange(e, t.filterValues, a)],
             "error-text": ((B = s.validation) == null ? void 0 : B.fields[e.fieldToFilter]) && ((j = s.validation) == null ? void 0 : j.getError(e.fieldToFilter)),
             label: e.label
-          }), Y({ _: 2 }, [
+          }), W({ _: 2 }, [
             e.slots && e.slots.selected ? {
               name: "selected",
               fn: y(({ option: n }) => [
-                (u(), f(k(e.slots.selected), b({ ref_for: !0 }, n.props), null, 16))
+                (u(), f(v(e.slots.selected), b({ ref_for: !0 }, n.props), null, 16))
               ]),
               key: "0"
             } : void 0,
             e.slots && e.slots.option ? {
               name: "option",
               fn: y(({ option: n }) => [
-                (u(), f(k(e.slots.option), b({ ref_for: !0 }, n.props), null, 16))
+                (u(), f(v(e.slots.option), b({ ref_for: !0 }, n.props), null, 16))
               ]),
               key: "1"
             } : void 0,
             e.slots && e.slots.prepend ? {
               name: "prepend",
               fn: y(() => [
-                v("span", {
+                k("span", {
                   innerHTML: e.slots.prepend
                 }, null, 8, oe)
               ]),
@@ -275,38 +275,38 @@ function ae(l, r, i, s, t, o) {
             e.slots && e.slots.append ? {
               name: "append",
               fn: y(() => [
-                v("span", {
+                k("span", {
                   innerHTML: e.slots.append
                 }, null, 8, re)
               ]),
               key: "3"
             } : void 0
-          ]), 1040, ["modelValue", "onUpdate:modelValue", "error-text", "label"])) : L("", !0)
+          ]), 1040, ["modelValue", "onUpdate:modelValue", "error-text", "label"])) : P("", !0)
         ], 10, ie))
       ], 64);
     }), 256)),
-    v("div", {
+    k("div", {
       class: S(["button-grid tw-col-span-4 tw-flex tw-items-end tw-justify-end md:tw-col-span-12", l.$style["filter-button-group"]])
     }, [
-      O(m, {
+      L(m, {
         secondary: "",
         "data-test": "button|reset-filters",
         disabled: i.disableClear,
         onClick: o.resetFilters
       }, {
         default: y(() => [
-          U(D(t.clearText), 1)
+          O(U(t.clearText), 1)
         ]),
         _: 1
       }, 8, ["disabled", "onClick"]),
-      O(m, {
+      L(m, {
         primary: "",
         "data-test": "button|apply-filters",
         disabled: i.disableApply || ((c = s.validation) == null ? void 0 : c.hasErrors),
         onClick: o.applyFilters
       }, {
         default: y(() => [
-          U(D(t.applyText), 1)
+          O(U(t.applyText), 1)
         ]),
         _: 1
       }, 8, ["disabled", "onClick"])

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=\"tw-ll-grid tw-grid-cols-4 md:tw-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 tw-col-span-4 md:tw-col-span-3\"\n        :class=\"{ 'max-md:tw-hidden': !filter.type, 'tw-flex tw-items-end': 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            <!-- eslint-disable-next-line vue/no-v-html -->\n            <span v-html=\"filter.slots.prepend\"></span>\n          </template>\n          <template v-if=\"filter.slots && filter.slots.append\" #append>\n            <!-- eslint-disable-next-line vue/no-v-html -->\n            <span v-html=\"filter.slots.append\"></span>\n          </template>\n        </component>\n      </div>\n    </template>\n    <div\n      class=\"button-grid tw-col-span-4 tw-flex tw-items-end tw-justify-end md:tw-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 module>\n  .filter-button-group {\n    @media screen('max-md') {\n      display: flex;\n      flex-direction: column-reverse;\n    }\n\n    button {\n      @media screen('max-md') {\n        width: 100% !important;\n      }\n\n      &:nth-child(2) {\n        @media screen('max-md') {\n          margin-bottom: theme('spacing.3');\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","i","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","_hoisted_2","_hoisted_3","_hoisted_4","_openBlock","_createElementBlock","_Fragment","_renderList","$props","_createCommentVNode","$data","_normalizeClass","_createBlock","_component_ll_select","_mergeProps","$setup","_b","$options","_component_ll_checkbox","$event","_c","_d","_component_ll_radio","_e","_f","_resolveDynamicComponent","_g","_h","_createSlots","_withCtx","option","_createElementVNode","_ctx","_createVNode","_component_ll_button","_createTextVNode","_toDisplayString"],"mappings":"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"}
+{"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            if (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\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=\"tw-ll-grid tw-grid-cols-4 md:tw-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 tw-col-span-4 md:tw-col-span-3\"\n        :class=\"{ 'max-md:tw-hidden': !filter.type, 'tw-flex tw-items-end': 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            <!-- eslint-disable-next-line vue/no-v-html -->\n            <span v-html=\"filter.slots.prepend\"></span>\n          </template>\n          <template v-if=\"filter.slots && filter.slots.append\" #append>\n            <!-- eslint-disable-next-line vue/no-v-html -->\n            <span v-html=\"filter.slots.append\"></span>\n          </template>\n        </component>\n      </div>\n    </template>\n    <div\n      class=\"button-grid tw-col-span-4 tw-flex tw-items-end tw-justify-end md:tw-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 module>\n  .filter-button-group {\n    @media screen('max-md') {\n      display: flex;\n      flex-direction: column-reverse;\n    }\n\n    button {\n      @media screen('max-md') {\n        width: 100% !important;\n      }\n\n      &:nth-child(2) {\n        @media screen('max-md') {\n          margin-bottom: theme('spacing.3');\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","i","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","_hoisted_2","_hoisted_3","_hoisted_4","_openBlock","_createElementBlock","_Fragment","_renderList","$props","_createCommentVNode","$data","_normalizeClass","_createBlock","_component_ll_select","_mergeProps","$setup","_b","$options","_component_ll_checkbox","$event","_c","_d","_component_ll_radio","_e","_f","_resolveDynamicComponent","_g","_h","_createSlots","_withCtx","option","_createElementVNode","_ctx","_createVNode","_component_ll_button","_createTextVNode","_toDisplayString"],"mappings":"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"}

package/dist/HttpError.js

@@ -1,8 +1,8 @@
-import { defineComponent as B, useCssModule as b, useSlots as z, computed as l, resolveComponent as S, openBlock as _, createElementBlock as m, normalizeClass as n, unref as s, createElementVNode as o, createVNode as p, withCtx as h, toDisplayString as a, createTextVNode as c, renderSlot as V, createCommentVNode as X } from "vue";
+import { defineComponent as B, useCssModule as b, useSlots as z, computed as l, resolveComponent as S, createElementBlock as _, openBlock as m, normalizeClass as n, unref as s, createElementVNode as o, createVNode as p, createCommentVNode as V, withCtx as h, toDisplayString as a, createTextVNode as c, renderSlot as X } from "vue";
 import { t } from "./locale.js";
 import I from "./Button.js";
-import { _ as N, I as $, V as M } from "./Illustration.vue_vue_type_script_setup_true_lang-CYddAFtS.js";
-import { _ as T } from "./Logo.vue_vue_type_script_setup_true_lang-BfUU9J9O.js";
+import { _ as N, V as $, I as M } from "./Illustration.vue_vue_type_script_setup_true_lang-BBqgoJO8.js";
+import { _ as T } from "./Logo.vue_vue_type_script_setup_true_lang-Dz8c98sc.js";
 import { _ as D } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const H = { class: "heading-jumbo tw-m-0 tw-mb-3 !tw-text-white" }, j = { class: "tw-mb-8 tw-text-white" }, F = { class: "tw-mb-4 tw-text-white" }, R = ["href"], Y = {
   key: 0,
@@ -54,7 +54,7 @@ const H = { class: "heading-jumbo tw-m-0 tw-mb-3 !tw-text-white" }, j = { class:
     }, r = f, i = b(), w = z(), E = l(() => r.errorCode.toString()), g = l(() => parseInt(E.value, 10)), u = l(() => d[g.value] || d[500]), v = l(() => r.title || u.value.title), y = l(() => r.description || u.value.description), k = l(() => !r.hideLogoutButton && r.onLogout), C = l(() => r.retryLink || window.location.href);
     return (x, e) => {
       const L = S("router-link");
-      return _(), m("div", {
+      return m(), _("div", {
         class: n(["stash-http-error tw-px-6 tw-py-12", s(i).root]),
         "data-test": "stash-http-error"
       }, [
@@ -100,13 +100,13 @@ const H = { class: "heading-jumbo tw-m-0 tw-mb-3 !tw-text-white" }, j = { class:
             }, [
               p(N, {
                 size: 300,
-                type: s($).Vignette,
-                name: s(M).SearchStorefront
+                type: s(M).Vignette,
+                name: s($).SearchStorefront
               }, null, 8, ["type", "name"])
             ], 2)
           ], 2),
-          s(w).actions || k.value ? (_(), m("div", Y, [
-            V(x.$slots, "actions", {}, () => [
+          s(w).actions || k.value ? (m(), _("div", Y, [
+            X(x.$slots, "actions", {}, () => [
               p(I, {
                 tertiary: "",
                 onClick: r.onLogout
@@ -117,7 +117,7 @@ const H = { class: "heading-jumbo tw-m-0 tw-mb-3 !tw-text-white" }, j = { class:
                 _: 1
               }, 8, ["onClick"])
             ])
-          ])) : X("", !0)
+          ])) : V("", !0)
         ], 2)
       ], 2);
     };

package/dist/Icon.js

@@ -1,4 +1,4 @@
-import { defineComponent as p, useCssModule as m, inject as h, computed as i, openBlock as f, createBlock as g, unref as r, normalizeClass as b } from "vue";
+import { defineComponent as p, useCssModule as m, inject as h, computed as i, createBlock as f, openBlock as g, unref as r, normalizeClass as b } from "vue";
 import k from "lodash-es/uniqueId";
 import { I as w } from "./index-D6bxWkZ1.js";
 import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -222,7 +222,7 @@ const x = /* @__PURE__ */ p({
       const c = t.querySelector(`#${s.value}`);
       return c ? (t.replaceChildren(c, l), t) : (t.insertBefore(l, t.firstChild), t);
     };
-    return (t, l) => (f(), g(r(w), {
+    return (t, l) => (g(), f(r(w), {
       id: e.id,
       role: "presentation",
       "aria-labelledby": e.id,

package/dist/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../src/components/Icon/Icon.types.ts","../src/components/Icon/Icon.vue"],"sourcesContent":["export const iconNames = [\n  'action-dots',\n  'activity',\n  'alert-bell',\n  'archive',\n  'arrow-down',\n  'arrow-left',\n  'arrow-right',\n  'arrow-up',\n  'badge-discount',\n  'badge-seller-elite',\n  'badge-seller-power',\n  'badge-seller-verified',\n  'book-customer',\n  'building-office',\n  'bulk-add',\n  'calendar-reschedule',\n  'calendar',\n  'camera',\n  'caret-down',\n  'caret-up',\n  'change-log',\n  'check',\n  'chevron-down',\n  'chevron-left',\n  'chevron-right',\n  'chevron-up',\n  'circle-check',\n  'circle-close',\n  'circle-dollar',\n  'circle-empty',\n  'circle-info',\n  'circle-partial',\n  'circle-percent',\n  'circle-question-mark',\n  'circle-status',\n  'circle-warning',\n  'clipboard-checkmark',\n  'clipboard-inventory',\n  'close',\n  'combine',\n  'compass',\n  'contact',\n  'contract',\n  'copy',\n  'credit-card',\n  'credit-profile',\n  'dashboard',\n  'document-accept',\n  'document-invoice',\n  'document-recieved',\n  'document-sent',\n  'document-view',\n  'document',\n  'dolly',\n  'download',\n  'edit',\n  'ellipsis',\n  'envelope-open',\n  'envelope',\n  'equals',\n  'export',\n  'figma',\n  'file-csv',\n  'file',\n  'filter-funnel',\n  'filter-line',\n  'flag',\n  'folder',\n  'folder-bar-graph',\n  'folder-orders',\n  'font-bold',\n  'font-clear-format',\n  'font-italic',\n  'font-underline',\n  'gear',\n  'github',\n  'globe',\n  'graph-bar-chart',\n  'graph-line-chart',\n  'graph-pie-chart',\n  'hazard',\n  'hazard-outline',\n  'headset-agent',\n  'headset-mic',\n  'heart-filled',\n  'heart-outline',\n  'help-question-mark',\n  'hide',\n  'history',\n  'home',\n  'image',\n  'import',\n  'keyboard-return',\n  'tier-1',\n  'tier-2',\n  'tier-3',\n  'license-approved',\n  'license-certificate',\n  'lightbulb',\n  'link-add',\n  'link-unlink',\n  'link',\n  'list-bulleted',\n  'list-items',\n  'list-numbered',\n  'loading-big',\n  'loading-empty',\n  'loading-small',\n  'location',\n  'lock-unlock',\n  'lock',\n  'logo-facebook',\n  'logo-instagram',\n  'logo-linkedin',\n  'logo-ll',\n  'logo-metrc',\n  'logo-plaid',\n  'logo-x',\n  'logo-youtube',\n  'logout',\n  'medical',\n  'megaphone-sound',\n  'megaphone',\n  'menu',\n  'message-dispute',\n  'message-reply',\n  'message',\n  'minus',\n  'mj-leaf',\n  'money',\n  'note-add',\n  'note',\n  'open-in-new',\n  'paperclip',\n  'paper-plane',\n  'performance',\n  'phone',\n  'plus',\n  'preview',\n  'print',\n  'product-menu-manage',\n  'product-menu-search',\n  'product-menu',\n  'queue-add',\n  'queue',\n  'recent',\n  'refresh',\n  'register',\n  'reply',\n  'report-download',\n  'sample',\n  'save',\n  'scale-law',\n  'scale-weight',\n  'search',\n  'seed-cycle',\n  'share',\n  'shop-bag-browse',\n  'shop-bag-reorder',\n  'shop-bag',\n  'shop-basket',\n  'shop-cart-add',\n  'shop-cart',\n  'show',\n  'sign-dollar',\n  'sign-percent',\n  'sort',\n  'split',\n  'star-filled',\n  'star-outline',\n  'storefront',\n  'submit',\n  'swap-horizontal',\n  'swap-vertical',\n  'tag-star',\n  'tag',\n  'test-results',\n  'ticket-star',\n  'ticket',\n  'tool-dropper',\n  'tool-wrench',\n  'transfer',\n  'trashcan',\n  'truck',\n  'upload',\n  'user-add',\n  'user-admin',\n  'user-check',\n  'user',\n  'view-card',\n  'view-detailed',\n  'view-list',\n  'warehouse',\n  'working',\n] as const;\n\nexport type IconName = (typeof iconNames)[number];\n\nexport enum IconSizes {\n  Standard = 'standard',\n  Dense = 'dense',\n  Small = 'small',\n  Large = 'large',\n}\n\nexport type IconSize = `${IconSizes}`;\n","<script lang=\"ts\">\n  export * from './Icon.types';\n</script>\n\n<script lang=\"ts\" setup>\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, inject, useCssModule } from 'vue';\n  import InlineSvg from 'vue-inline-svg';\n\n  import { StashProvideState } from '../../../types/misc';\n  import { IconName, iconNames, IconSize } from './Icon.types';\n\n  export interface IconProps {\n    id?: string;\n\n    /**\n     * The filename of the icon that should be displayed\n     */\n    name: IconName;\n\n    /**\n     * Accessible, short-text description for the icon. Not rendered as part of the graphic, but\n     * browsers usually display it as a tooltip and screen readers use this.\n     */\n    title?: string;\n\n    /**\n     * The size of the icon\n     * Options: large (32x32px), default (24x24px), dense (20x20px), small (14x14px).\n     */\n    size?: IconSize;\n\n    /**\n     * @deprecated Use the `size` prop with value \"dense\" instead\n     */\n    dense?: boolean;\n\n    /**\n`     * @deprecated Use the `size` prop with value \"small\" instead\n     */\n    small?: boolean;\n\n    /**\n     * Icon's custom static path. It'll default to either the staticPath defined on the library installation or '/static' if none are provided.\n     */\n    staticPath?: string;\n  }\n\n  defineOptions({\n    name: 'll-icon',\n  });\n\n  const props = withDefaults(defineProps<IconProps>(), {\n    id: () => uniqueId('ll-icon-'),\n    size: 'standard',\n    title: '',\n    staticPath: '',\n  });\n  const classes = useCssModule();\n  const stashOptions = inject<Partial<StashProvideState>>('stashOptions', {\n    staticPath: '/static',\n  });\n\n  const computedName = computed<IconName>(() => {\n    if (iconNames.includes(props.name)) {\n      return props.name;\n    }\n\n    return 'mj-leaf';\n  });\n\n  const computedStaticPath = computed(() => {\n    return props.staticPath || stashOptions?.staticPath;\n  });\n\n  /**\n   * Event handler to add the use tag for the specific icon we need to the svg\n   */\n  const transformSvgSource = (svgElem: SVGElement) => {\n    if (!svgElem) {\n      return svgElem;\n    }\n\n    const useNode = document.createElement('use');\n    useNode.setAttribute('href', `#${computedName.value}`);\n\n    // Grab icon from sprite\n    const symbolNode = svgElem.querySelector(`#${computedName.value}`);\n\n    // This really shouldn't happen but if the spritesheet gets out of sync with the `IconName` type it could\n    if (!symbolNode) {\n      // still insert <use> element but it will not be found (this is more for tests than anything else)\n      svgElem.insertBefore(useNode, svgElem.firstChild);\n      return svgElem;\n    }\n\n    /**\n     * Repeatedly inlining the entire spritesheet was causing failures in mobile Safari, and also\n     * performance issues on long list pages where the svg was being inlined over and over.\n     * Since the SVG is cached after the first request, this callback is just removing the unnecessary\n     * <symbol> nodes to slim down the DOM manipulation and insertion.\n     */\n    // Replace all children with just the one <symbol> element and <use> element\n    svgElem.replaceChildren(symbolNode, useNode);\n\n    return svgElem;\n  };\n</script>\n\n<!-- Use inline svg so that requests to pull the spritesheet are done via JS and avoid\n  browser restrictions for different domains for svgs.  inline svg also caches the requests\n  so we don't load the spritesheet multiple times\n  Reference: https://oreillymedia.github.io/Using_SVG/extras/ch10-cors.html -->\n<template>\n  <InlineSvg\n    :id=\"props.id\"\n    role=\"presentation\"\n    :aria-labelledby=\"props.id\"\n    class=\"stash-icon\"\n    :class=\"[\n      classes.icon,\n      `icon--${props.name}`,\n      {\n        [classes.standard]: props.size === 'standard',\n        [classes.dense]: props.size === 'dense' || props.dense,\n        [classes.small]: props.size === 'small' || props.small,\n        [classes.large]: props.size === 'large',\n      },\n    ]\"\n    data-test=\"stash-icon\"\n    :src=\"`${computedStaticPath}/spritesheet.svg`\"\n    :title=\"props.title\"\n    :transform-source=\"transformSvgSource\"\n  />\n</template>\n\n<style module>\n  .icon {\n    display: inline-block;\n    fill: currentcolor;\n    vertical-align: middle;\n  }\n\n  .standard {\n    height: 24px;\n    min-height: 24px;\n    min-width: 24px;\n    width: 24px;\n  }\n\n  .dense {\n    height: 20px;\n    min-height: 20px;\n    min-width: 20px;\n    width: 20px;\n  }\n\n  .small {\n    height: 14px;\n    min-height: 14px;\n    min-width: 14px;\n    width: 14px;\n  }\n\n  .large {\n    height: 32px;\n    min-height: 32px;\n    min-width: 32px;\n    width: 32px;\n  }\n</style>\n"],"names":["iconNames","IconSizes","props","__props","classes","useCssModule","stashOptions","inject","computedName","computed","computedStaticPath","transformSvgSource","svgElem","useNode","symbolNode"],"mappings":";;;;AAAO,MAAMA,IAAY;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAIY,IAAAC,sBAAAA,OACVA,EAAA,WAAW,YACXA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SAJEA,IAAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;ACnJV,UAAMC,IAAQC,GAMRC,IAAUC,EAAa,GACvBC,IAAeC,EAAmC,gBAAgB;AAAA,MACtE,YAAY;AAAA,IAAA,CACb,GAEKC,IAAeC,EAAmB,MAClCT,EAAU,SAASE,EAAM,IAAI,IACxBA,EAAM,OAGR,SACR,GAEKQ,IAAqBD,EAAS,MAC3BP,EAAM,eAAcI,KAAA,gBAAAA,EAAc,WAC1C,GAKKK,IAAqB,CAACC,MAAwB;AAClD,UAAI,CAACA;AACI,eAAAA;AAGH,YAAAC,IAAU,SAAS,cAAc,KAAK;AAC5C,MAAAA,EAAQ,aAAa,QAAQ,IAAIL,EAAa,KAAK,EAAE;AAGrD,YAAMM,IAAaF,EAAQ,cAAc,IAAIJ,EAAa,KAAK,EAAE;AAGjE,aAAKM,KAaGF,EAAA,gBAAgBE,GAAYD,CAAO,GAEpCD,MAbGA,EAAA,aAAaC,GAASD,EAAQ,UAAU,GACzCA;AAAA,IAaX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Icon.js","sources":["../src/components/Icon/Icon.types.ts","../src/components/Icon/Icon.vue"],"sourcesContent":["/**\n * To add a new icon, follow these steps:\n *\n * https://github.com/LeafLink/stash/blob/main/CONTRIBUTING.md#adding-a-new-icon\n */\nexport const iconNames = [\n  'action-dots',\n  'activity',\n  'alert-bell',\n  'archive',\n  'arrow-down',\n  'arrow-left',\n  'arrow-right',\n  'arrow-up',\n  'badge-discount',\n  'badge-seller-elite',\n  'badge-seller-power',\n  'badge-seller-verified',\n  'book-customer',\n  'building-office',\n  'bulk-add',\n  'calendar-reschedule',\n  'calendar',\n  'camera',\n  'caret-down',\n  'caret-up',\n  'change-log',\n  'check',\n  'chevron-down',\n  'chevron-left',\n  'chevron-right',\n  'chevron-up',\n  'circle-check',\n  'circle-close',\n  'circle-dollar',\n  'circle-empty',\n  'circle-info',\n  'circle-partial',\n  'circle-percent',\n  'circle-question-mark',\n  'circle-status',\n  'circle-warning',\n  'clipboard-checkmark',\n  'clipboard-inventory',\n  'close',\n  'combine',\n  'compass',\n  'contact',\n  'contract',\n  'copy',\n  'credit-card',\n  'credit-profile',\n  'dashboard',\n  'document-accept',\n  'document-invoice',\n  'document-recieved',\n  'document-sent',\n  'document-view',\n  'document',\n  'dolly',\n  'download',\n  'edit',\n  'ellipsis',\n  'envelope-open',\n  'envelope',\n  'equals',\n  'export',\n  'figma',\n  'file-csv',\n  'file',\n  'filter-funnel',\n  'filter-line',\n  'flag',\n  'folder',\n  'folder-bar-graph',\n  'folder-orders',\n  'font-bold',\n  'font-clear-format',\n  'font-italic',\n  'font-underline',\n  'gear',\n  'github',\n  'globe',\n  'graph-bar-chart',\n  'graph-line-chart',\n  'graph-pie-chart',\n  'hazard',\n  'hazard-outline',\n  'headset-agent',\n  'headset-mic',\n  'heart-filled',\n  'heart-outline',\n  'help-question-mark',\n  'hide',\n  'history',\n  'home',\n  'image',\n  'import',\n  'keyboard-return',\n  'tier-1',\n  'tier-2',\n  'tier-3',\n  'license-approved',\n  'license-certificate',\n  'lightbulb',\n  'link-add',\n  'link-unlink',\n  'link',\n  'list-bulleted',\n  'list-items',\n  'list-numbered',\n  'loading-big',\n  'loading-empty',\n  'loading-small',\n  'location',\n  'lock-unlock',\n  'lock',\n  'logo-facebook',\n  'logo-instagram',\n  'logo-linkedin',\n  'logo-ll',\n  'logo-metrc',\n  'logo-plaid',\n  'logo-x',\n  'logo-youtube',\n  'logout',\n  'medical',\n  'megaphone-sound',\n  'megaphone',\n  'menu',\n  'message-dispute',\n  'message-reply',\n  'message',\n  'minus',\n  'mj-leaf',\n  'money',\n  'note-add',\n  'note',\n  'open-in-new',\n  'paperclip',\n  'paper-plane',\n  'performance',\n  'phone',\n  'plus',\n  'preview',\n  'print',\n  'product-menu-manage',\n  'product-menu-search',\n  'product-menu',\n  'queue-add',\n  'queue',\n  'recent',\n  'refresh',\n  'register',\n  'reply',\n  'report-download',\n  'sample',\n  'save',\n  'scale-law',\n  'scale-weight',\n  'search',\n  'seed-cycle',\n  'share',\n  'shop-bag-browse',\n  'shop-bag-reorder',\n  'shop-bag',\n  'shop-basket',\n  'shop-cart-add',\n  'shop-cart',\n  'show',\n  'sign-dollar',\n  'sign-percent',\n  'sort',\n  'split',\n  'star-filled',\n  'star-outline',\n  'storefront',\n  'submit',\n  'swap-horizontal',\n  'swap-vertical',\n  'tag-star',\n  'tag',\n  'test-results',\n  'ticket-star',\n  'ticket',\n  'tool-dropper',\n  'tool-wrench',\n  'transfer',\n  'trashcan',\n  'truck',\n  'upload',\n  'user-add',\n  'user-admin',\n  'user-check',\n  'user',\n  'view-card',\n  'view-detailed',\n  'view-list',\n  'warehouse',\n  'working',\n] as const;\n\nexport type IconName = (typeof iconNames)[number];\n\nexport enum IconSizes {\n  Standard = 'standard',\n  Dense = 'dense',\n  Small = 'small',\n  Large = 'large',\n}\n\nexport type IconSize = `${IconSizes}`;\n","<script lang=\"ts\">\n  export * from './Icon.types';\n</script>\n\n<script lang=\"ts\" setup>\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, inject, useCssModule } from 'vue';\n  import InlineSvg from 'vue-inline-svg';\n\n  import { StashProvideState } from '../../../types/misc';\n  import { IconName, iconNames, IconSize } from './Icon.types';\n\n  export interface IconProps {\n    id?: string;\n\n    /**\n     * The filename of the icon that should be displayed\n     */\n    name: IconName;\n\n    /**\n     * Accessible, short-text description for the icon. Not rendered as part of the graphic, but\n     * browsers usually display it as a tooltip and screen readers use this.\n     */\n    title?: string;\n\n    /**\n     * The size of the icon\n     * Options: large (32x32px), default (24x24px), dense (20x20px), small (14x14px).\n     */\n    size?: IconSize;\n\n    /**\n     * @deprecated Use the `size` prop with value \"dense\" instead\n     */\n    dense?: boolean;\n\n    /**\n`     * @deprecated Use the `size` prop with value \"small\" instead\n     */\n    small?: boolean;\n\n    /**\n     * Icon's custom static path. It'll default to either the staticPath defined on the library installation or '/static' if none are provided.\n     */\n    staticPath?: string;\n  }\n\n  defineOptions({\n    name: 'll-icon',\n  });\n\n  const props = withDefaults(defineProps<IconProps>(), {\n    id: () => uniqueId('ll-icon-'),\n    size: 'standard',\n    title: '',\n    staticPath: '',\n  });\n  const classes = useCssModule();\n  const stashOptions = inject<Partial<StashProvideState>>('stashOptions', {\n    staticPath: '/static',\n  });\n\n  const computedName = computed<IconName>(() => {\n    if (iconNames.includes(props.name)) {\n      return props.name;\n    }\n\n    return 'mj-leaf';\n  });\n\n  const computedStaticPath = computed(() => {\n    return props.staticPath || stashOptions?.staticPath;\n  });\n\n  /**\n   * Event handler to add the use tag for the specific icon we need to the svg\n   */\n  const transformSvgSource = (svgElem: SVGElement) => {\n    if (!svgElem) {\n      return svgElem;\n    }\n\n    const useNode = document.createElement('use');\n    useNode.setAttribute('href', `#${computedName.value}`);\n\n    // Grab icon from sprite\n    const symbolNode = svgElem.querySelector(`#${computedName.value}`);\n\n    // This really shouldn't happen but if the spritesheet gets out of sync with the `IconName` type it could\n    if (!symbolNode) {\n      // still insert <use> element but it will not be found (this is more for tests than anything else)\n      svgElem.insertBefore(useNode, svgElem.firstChild);\n      return svgElem;\n    }\n\n    /**\n     * Repeatedly inlining the entire spritesheet was causing failures in mobile Safari, and also\n     * performance issues on long list pages where the svg was being inlined over and over.\n     * Since the SVG is cached after the first request, this callback is just removing the unnecessary\n     * <symbol> nodes to slim down the DOM manipulation and insertion.\n     */\n    // Replace all children with just the one <symbol> element and <use> element\n    svgElem.replaceChildren(symbolNode, useNode);\n\n    return svgElem;\n  };\n</script>\n\n<!-- Use inline svg so that requests to pull the spritesheet are done via JS and avoid\n  browser restrictions for different domains for svgs.  inline svg also caches the requests\n  so we don't load the spritesheet multiple times\n  Reference: https://oreillymedia.github.io/Using_SVG/extras/ch10-cors.html -->\n<template>\n  <InlineSvg\n    :id=\"props.id\"\n    role=\"presentation\"\n    :aria-labelledby=\"props.id\"\n    class=\"stash-icon\"\n    :class=\"[\n      classes.icon,\n      `icon--${props.name}`,\n      {\n        [classes.standard]: props.size === 'standard',\n        [classes.dense]: props.size === 'dense' || props.dense,\n        [classes.small]: props.size === 'small' || props.small,\n        [classes.large]: props.size === 'large',\n      },\n    ]\"\n    data-test=\"stash-icon\"\n    :src=\"`${computedStaticPath}/spritesheet.svg`\"\n    :title=\"props.title\"\n    :transform-source=\"transformSvgSource\"\n  />\n</template>\n\n<style module>\n  .icon {\n    display: inline-block;\n    fill: currentcolor;\n    vertical-align: middle;\n  }\n\n  .standard {\n    height: 24px;\n    min-height: 24px;\n    min-width: 24px;\n    width: 24px;\n  }\n\n  .dense {\n    height: 20px;\n    min-height: 20px;\n    min-width: 20px;\n    width: 20px;\n  }\n\n  .small {\n    height: 14px;\n    min-height: 14px;\n    min-width: 14px;\n    width: 14px;\n  }\n\n  .large {\n    height: 32px;\n    min-height: 32px;\n    min-width: 32px;\n    width: 32px;\n  }\n</style>\n"],"names":["iconNames","IconSizes","props","__props","classes","useCssModule","stashOptions","inject","computedName","computed","computedStaticPath","transformSvgSource","svgElem","useNode","symbolNode"],"mappings":";;;;AAKO,MAAMA,IAAY;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAIY,IAAAC,sBAAAA,OACVA,EAAA,WAAW,YACXA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SAJEA,IAAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;ACxJV,UAAMC,IAAQC,GAMRC,IAAUC,EAAa,GACvBC,IAAeC,EAAmC,gBAAgB;AAAA,MACtE,YAAY;AAAA,IAAA,CACb,GAEKC,IAAeC,EAAmB,MAClCT,EAAU,SAASE,EAAM,IAAI,IACxBA,EAAM,OAGR,SACR,GAEKQ,IAAqBD,EAAS,MAC3BP,EAAM,eAAcI,KAAA,gBAAAA,EAAc,WAC1C,GAKKK,IAAqB,CAACC,MAAwB;AAClD,UAAI,CAACA;AACI,eAAAA;AAGH,YAAAC,IAAU,SAAS,cAAc,KAAK;AAC5C,MAAAA,EAAQ,aAAa,QAAQ,IAAIL,EAAa,KAAK,EAAE;AAGrD,YAAMM,IAAaF,EAAQ,cAAc,IAAIJ,EAAa,KAAK,EAAE;AAGjE,aAAKM,KAaGF,EAAA,gBAAgBE,GAAYD,CAAO,GAEpCD,MAbGA,EAAA,aAAaC,GAASD,EAAQ,UAAU,GACzCA;AAAA,IAaX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Icon.vue.d.ts

@@ -46,6 +46,11 @@ export default _default;
 
 export declare type IconName = (typeof iconNames)[number];
 
+/**
+ * To add a new icon, follow these steps:
+ *
+ * https://github.com/LeafLink/stash/blob/main/CONTRIBUTING.md#adding-a-new-icon
+ */
 export declare const iconNames: readonly ["action-dots", "activity", "alert-bell", "archive", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "badge-discount", "badge-seller-elite", "badge-seller-power", "badge-seller-verified", "book-customer", "building-office", "bulk-add", "calendar-reschedule", "calendar", "camera", "caret-down", "caret-up", "change-log", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle-check", "circle-close", "circle-dollar", "circle-empty", "circle-info", "circle-partial", "circle-percent", "circle-question-mark", "circle-status", "circle-warning", "clipboard-checkmark", "clipboard-inventory", "close", "combine", "compass", "contact", "contract", "copy", "credit-card", "credit-profile", "dashboard", "document-accept", "document-invoice", "document-recieved", "document-sent", "document-view", "document", "dolly", "download", "edit", "ellipsis", "envelope-open", "envelope", "equals", "export", "figma", "file-csv", "file", "filter-funnel", "filter-line", "flag", "folder", "folder-bar-graph", "folder-orders", "font-bold", "font-clear-format", "font-italic", "font-underline", "gear", "github", "globe", "graph-bar-chart", "graph-line-chart", "graph-pie-chart", "hazard", "hazard-outline", "headset-agent", "headset-mic", "heart-filled", "heart-outline", "help-question-mark", "hide", "history", "home", "image", "import", "keyboard-return", "tier-1", "tier-2", "tier-3", "license-approved", "license-certificate", "lightbulb", "link-add", "link-unlink", "link", "list-bulleted", "list-items", "list-numbered", "loading-big", "loading-empty", "loading-small", "location", "lock-unlock", "lock", "logo-facebook", "logo-instagram", "logo-linkedin", "logo-ll", "logo-metrc", "logo-plaid", "logo-x", "logo-youtube", "logout", "medical", "megaphone-sound", "megaphone", "menu", "message-dispute", "message-reply", "message", "minus", "mj-leaf", "money", "note-add", "note", "open-in-new", "paperclip", "paper-plane", "performance", "phone", "plus", "preview", "print", "product-menu-manage", "product-menu-search", "product-menu", "queue-add", "queue", "recent", "refresh", "register", "reply", "report-download", "sample", "save", "scale-law", "scale-weight", "search", "seed-cycle", "share", "shop-bag-browse", "shop-bag-reorder", "shop-bag", "shop-basket", "shop-cart-add", "shop-cart", "show", "sign-dollar", "sign-percent", "sort", "split", "star-filled", "star-outline", "storefront", "submit", "swap-horizontal", "swap-vertical", "tag-star", "tag", "test-results", "ticket-star", "ticket", "tool-dropper", "tool-wrench", "transfer", "trashcan", "truck", "upload", "user-add", "user-admin", "user-check", "user", "view-card", "view-detailed", "view-list", "warehouse", "working"];
 
 export declare interface IconProps {

package/dist/IconLabel.js

@@ -1,4 +1,4 @@
-import { defineComponent as a, computed as o, openBlock as c, createBlock as i, resolveDynamicComponent as f, mergeProps as u, withCtx as d, createVNode as m, normalizeClass as s, createElementVNode as p, renderSlot as w } from "vue";
+import { defineComponent as a, computed as o, createBlock as c, openBlock as i, resolveDynamicComponent as f, mergeProps as u, withCtx as d, createVNode as m, createElementVNode as p, normalizeClass as s, renderSlot as w } from "vue";
 import _ from "./Icon.js";
 import { _ as v } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const h = /* @__PURE__ */ a({
@@ -18,7 +18,7 @@ const h = /* @__PURE__ */ a({
     } : e.href ? {
       href: e.href
     } : {});
-    return (t, b) => (c(), i(f(r.value), u(l.value, {
+    return (t, b) => (i(), c(f(r.value), u(l.value, {
       class: ["tw-flex", { "tw-flex-col tw-items-center": e.stacked }]
     }), {
       default: d(() => [

package/dist/IconLabel.vue.d.ts

@@ -84,6 +84,11 @@ export declare interface IconLabelProps {
 
 declare type IconName = (typeof iconNames)[number];
 
+/**
+ * To add a new icon, follow these steps:
+ *
+ * https://github.com/LeafLink/stash/blob/main/CONTRIBUTING.md#adding-a-new-icon
+ */
 declare const iconNames: readonly ["action-dots", "activity", "alert-bell", "archive", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "badge-discount", "badge-seller-elite", "badge-seller-power", "badge-seller-verified", "book-customer", "building-office", "bulk-add", "calendar-reschedule", "calendar", "camera", "caret-down", "caret-up", "change-log", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle-check", "circle-close", "circle-dollar", "circle-empty", "circle-info", "circle-partial", "circle-percent", "circle-question-mark", "circle-status", "circle-warning", "clipboard-checkmark", "clipboard-inventory", "close", "combine", "compass", "contact", "contract", "copy", "credit-card", "credit-profile", "dashboard", "document-accept", "document-invoice", "document-recieved", "document-sent", "document-view", "document", "dolly", "download", "edit", "ellipsis", "envelope-open", "envelope", "equals", "export", "figma", "file-csv", "file", "filter-funnel", "filter-line", "flag", "folder", "folder-bar-graph", "folder-orders", "font-bold", "font-clear-format", "font-italic", "font-underline", "gear", "github", "globe", "graph-bar-chart", "graph-line-chart", "graph-pie-chart", "hazard", "hazard-outline", "headset-agent", "headset-mic", "heart-filled", "heart-outline", "help-question-mark", "hide", "history", "home", "image", "import", "keyboard-return", "tier-1", "tier-2", "tier-3", "license-approved", "license-certificate", "lightbulb", "link-add", "link-unlink", "link", "list-bulleted", "list-items", "list-numbered", "loading-big", "loading-empty", "loading-small", "location", "lock-unlock", "lock", "logo-facebook", "logo-instagram", "logo-linkedin", "logo-ll", "logo-metrc", "logo-plaid", "logo-x", "logo-youtube", "logout", "medical", "megaphone-sound", "megaphone", "menu", "message-dispute", "message-reply", "message", "minus", "mj-leaf", "money", "note-add", "note", "open-in-new", "paperclip", "paper-plane", "performance", "phone", "plus", "preview", "print", "product-menu-manage", "product-menu-search", "product-menu", "queue-add", "queue", "recent", "refresh", "register", "reply", "report-download", "sample", "save", "scale-law", "scale-weight", "search", "seed-cycle", "share", "shop-bag-browse", "shop-bag-reorder", "shop-bag", "shop-basket", "shop-cart-add", "shop-cart", "show", "sign-dollar", "sign-percent", "sort", "split", "star-filled", "star-outline", "storefront", "submit", "swap-horizontal", "swap-vertical", "tag-star", "tag", "test-results", "ticket-star", "ticket", "tool-dropper", "tool-wrench", "transfer", "trashcan", "truck", "upload", "user-add", "user-admin", "user-check", "user", "view-card", "view-detailed", "view-list", "warehouse", "working"];
 
 declare type StashCommonColor = `${StashCommonColors}`;

package/dist/Illustration.js

@@ -1,5 +1,5 @@
-import { _ as s } from "./Illustration.vue_vue_type_script_setup_true_lang-CYddAFtS.js";
-import { I as m, S as o, V as p, s as r, v as i } from "./Illustration.vue_vue_type_script_setup_true_lang-CYddAFtS.js";
+import { _ as s } from "./Illustration.vue_vue_type_script_setup_true_lang-BBqgoJO8.js";
+import { I as m, S as o, V as p, s as r, v as i } from "./Illustration.vue_vue_type_script_setup_true_lang-BBqgoJO8.js";
 export {
   m as IllustrationType,
   o as SpotName,

package/dist/{Illustration.vue_vue_type_script_setup_true_lang-CYddAFtS.js → Illustration.vue_vue_type_script_setup_true_lang-BBqgoJO8.js}

@@ -1,4 +1,4 @@
-import { defineComponent as d, inject as u, computed as c, openBlock as h, createBlock as y, unref as k, normalizeClass as f } from "vue";
+import { defineComponent as d, inject as u, computed as c, createBlock as h, openBlock as y, unref as k, normalizeClass as f } from "vue";
 import v from "lodash-es/uniqueId";
 import { I as b } from "./index-D6bxWkZ1.js";
 var l = /* @__PURE__ */ ((r) => (r.Approved = "approved", r.Avatar = "avatar", r.Barcode = "barcode", r.Calendar = "calendar", r.Cartridge = "cartridge", r.Celebrate = "celebrate", r.ChatBubble = "chat-bubble", r.CheckBox = "check-box", r.CheckCircle = "check-circle", r.Click = "click", r.Cocktail = "cocktail", r.Confirmation = "confirmation", r.Connnect = "connnect", r.Cookie = "cookie", r.CreditCard = "credit-card", r.Crm = "crm", r.Cultivation = "cultivation", r.Data = "data", r.DeliveryCompleted = "delivery-completed", r.Delivery = "delivery", r.DigitalPayments = "digital-payments", r.Discover = "discover", r.Diversity = "diversity", r.Drink = "drink", r.Dolly = "dolly", r.EasyReconciliations = "easy-reconciliations", r.Efficiency = "efficiency", r.Error = "error", r.ExtendDate = "extend-date", r.FinancialGrowth = "financial-growth", r.FinancialInstitution = "financial-institution", r.Focus = "focus", r.FulfillmentIssues = "fulfillment-issues", r.Growth = "growth", r.Handshake = "handshake", r.Hierarchy = "hierarchy", r.Home = "home", r.Laptop = "laptop", r.Licenses = "licenses", r.LightBulb = "light-bulb", r.LightbulbError = "lightbulb-error", r.LineChart = "line-chart", r.Link = "link", r.LocationPin = "location-pin", r.Lock = "lock", r.Messaging = "messaging", r.Messages = "messages", r.Microchip = "microchip", r.MissingData = "missing-data", r.MoneyTransfer = "money-transfer", r.Money = "money", r.NoInventoryAccess = "no-inventory-access", r.NoInventory = "no-inventory", r.NoPromote = "no-promote", r.PackageReceived = "package-received", r.Package = "package", r.PaymentProcessing = "payment-processing", r.Phone = "phone", r.PieChart = "pie-chart", r.ProductCycle = "product-cycle", r.Puzzle = "puzzle", r.Receipt = "receipt", r.Retail = "retail", r.SearchingDocument = "searching-document", r.ShoppingBasket = "shopping-basket", r.Shopping = "shopping", r.Sign = "sign", r.Smile = "smile", r.Speed = "speed", r.Time = "time", r.Tools = "tools", r.Truck = "truck", r.User = "user", r.Warehouse = "warehouse", r.Warning = "warning", r.XCircle = "x-circle", r))(l || {});
@@ -31,7 +31,7 @@ const I = /* @__PURE__ */ d({
     const n = u("stashOptions", {
       staticPath: "/static"
     }), e = c(() => i.type === s.Spot), t = c(() => e.value ? "0" : !1), a = c(() => i.staticPath || (n == null ? void 0 : n.staticPath));
-    return (w, P) => (h(), y(k(b), {
+    return (w, P) => (y(), h(k(b), {
       id: i.id,
       class: f(["tw-inline-block tw-align-middle", {
         [`tw-text-${i.fillColor}-400 tw-stroke-${i.strokeColor}`]: e.value
@@ -53,4 +53,4 @@ export {
   C as s,
   g as v
 };
-//# sourceMappingURL=Illustration.vue_vue_type_script_setup_true_lang-CYddAFtS.js.map
+//# sourceMappingURL=Illustration.vue_vue_type_script_setup_true_lang-BBqgoJO8.js.map

package/dist/{Illustration.vue_vue_type_script_setup_true_lang-CYddAFtS.js.map → Illustration.vue_vue_type_script_setup_true_lang-BBqgoJO8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Illustration.vue_vue_type_script_setup_true_lang-CYddAFtS.js","sources":["../src/components/Illustration/Illustration.models.ts","../src/components/Illustration/Illustration.vue"],"sourcesContent":["/**\n * Enum to strongly map between a friendly name and file name of the illustration\n */\nexport enum SpotName {\n  Approved = 'approved',\n  Avatar = 'avatar',\n  Barcode = 'barcode',\n  Calendar = 'calendar',\n  Cartridge = 'cartridge',\n  Celebrate = 'celebrate',\n  ChatBubble = 'chat-bubble',\n  CheckBox = 'check-box',\n  CheckCircle = 'check-circle',\n  Click = 'click',\n  Cocktail = 'cocktail',\n  Confirmation = 'confirmation',\n  Connnect = 'connnect',\n  Cookie = 'cookie',\n  CreditCard = 'credit-card',\n  Crm = 'crm',\n  Cultivation = 'cultivation',\n  Data = 'data',\n  DeliveryCompleted = 'delivery-completed',\n  Delivery = 'delivery',\n  DigitalPayments = 'digital-payments',\n  Discover = 'discover',\n  Diversity = 'diversity',\n  Drink = 'drink',\n  Dolly = 'dolly',\n  EasyReconciliations = 'easy-reconciliations',\n  Efficiency = 'efficiency',\n  Error = 'error',\n  ExtendDate = 'extend-date',\n  FinancialGrowth = 'financial-growth',\n  FinancialInstitution = 'financial-institution',\n  Focus = 'focus',\n  FulfillmentIssues = 'fulfillment-issues',\n  Growth = 'growth',\n  Handshake = 'handshake',\n  Hierarchy = 'hierarchy',\n  Home = 'home',\n  Laptop = 'laptop',\n  Licenses = 'licenses',\n  LightBulb = 'light-bulb',\n  LightbulbError = 'lightbulb-error',\n  LineChart = 'line-chart',\n  Link = 'link',\n  LocationPin = 'location-pin',\n  Lock = 'lock',\n  Messaging = 'messaging',\n  Messages = 'messages',\n  Microchip = 'microchip',\n  MissingData = 'missing-data',\n  MoneyTransfer = 'money-transfer',\n  Money = 'money',\n  NoInventoryAccess = 'no-inventory-access',\n  NoInventory = 'no-inventory',\n  NoPromote = 'no-promote',\n  PackageReceived = 'package-received',\n  Package = 'package',\n  PaymentProcessing = 'payment-processing',\n  Phone = 'phone',\n  PieChart = 'pie-chart',\n  ProductCycle = 'product-cycle',\n  Puzzle = 'puzzle',\n  Receipt = 'receipt',\n  Retail = 'retail',\n  SearchingDocument = 'searching-document',\n  ShoppingBasket = 'shopping-basket',\n  Shopping = 'shopping',\n  Sign = 'sign',\n  Smile = 'smile',\n  Speed = 'speed',\n  Time = 'time',\n  Tools = 'tools',\n  Truck = 'truck',\n  User = 'user',\n  Warehouse = 'warehouse',\n  Warning = 'warning',\n  XCircle = 'x-circle',\n}\n\nexport type SpotNames = `${SpotName}`;\n\n/**\n * String array of all illustration names\n */\nexport const spotNames = Object.values(SpotName);\n\nexport enum VignetteName {\n  Api = 'api',\n  Bank = 'bank',\n  Basket = 'basket',\n  BrandMenu = 'brand-menu',\n  Calendar = 'calendar',\n  Dashboard = 'dashboard',\n  Deals = 'deals',\n  DocumentSearch = 'document-search',\n  Edit = 'edit',\n  EmptyTray = 'empty-tray',\n  Graph = 'graph',\n  Integrations = 'integrations',\n  LightBulb = 'light-bulb',\n  Map = 'map',\n  Megaphone = 'megaphone',\n  Messages = 'messages',\n  MoneyBank = 'money-bank',\n  Notifications = 'notifications',\n  OrdersEmpty = 'orders-empty',\n  Payments = 'payments',\n  PieChart = 'pie-chart',\n  ProductCards = 'product-cards',\n  ProductDisplay = 'product-display',\n  Search = 'search',\n  SearchStorefront = 'search-storefront',\n  Store = 'store',\n  Todo = 'todo',\n  Truck = 'truck',\n  Users = 'users',\n  Warehouse = 'warehouse',\n  WarehouseDelivery = 'warehouse-delivery',\n}\n\nexport type VignetteNames = `${VignetteName}`;\n\n/**\n * String array of all vignette names\n */\nexport const vignetteNames = Object.values(VignetteName);\n\n/**\n * Types of illustrations that map to the subfolder under ./assets/illustrations/<type>\n */\nexport enum IllustrationType {\n  Spot = 'spot',\n  Vignette = 'vignette',\n  // Scene is not implemented, but adding it for future work mentioned in STASH-61.\n  Scene = 'scene',\n}\n\nexport type IllustrationTypes = `${IllustrationType}`;\n","<script lang=\"ts\">\n  export * from './Illustration.models';\n</script>\n\n<script lang=\"ts\" setup>\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, inject } from 'vue';\n  import InlineSvg from 'vue-inline-svg';\n\n  import { StashPrimaryColor, StashPrimaryColorGroup } from '../../../types/colors';\n  import { StashProvideState } from '../../../types/misc';\n  import {\n    IllustrationType,\n    IllustrationTypes,\n    SpotName,\n    SpotNames,\n    spotNames,\n    VignetteName,\n    VignetteNames,\n    vignetteNames,\n  } from './Illustration.models';\n\n  export interface IllustrationProps {\n    id?: string;\n\n    /**\n     * The filename of the icon that should be displayed\n     */\n    name: SpotNames | VignetteNames;\n\n    /**\n     * Accessible, short-text description for the icon. Not rendered as part of the graphic, but\n     * browsers usually display it as a tooltip and screen readers use this.\n     */\n    title?: string;\n\n    /**\n     * The size in pixels of the illustration.  This number will be used for width and height\n     */\n    size?: number;\n\n    /**\n     * Type of the illustration\n     */\n    type?: IllustrationTypes;\n\n    /**\n     * The fill color for the illustration.  This component will use the 400 shade of the color\n     * per design's request.  Defaults to teal.\n     */\n    fillColor?: StashPrimaryColorGroup;\n\n    /**\n     * The color theme for the illustration.  This component will use the standard 500 shade of the color.\n     * Defaults to purple\n     */\n    strokeColor?: StashPrimaryColor;\n\n    /**\n     * Illustration's custom static path. It'll default to either the staticPath defined on the library installation or '/static' if none are provided.\n     */\n    staticPath?: string;\n  }\n\n  const props = withDefaults(defineProps<IllustrationProps>(), {\n    id: uniqueId('ll-illustration-'),\n    title: '',\n    size: 48,\n    type: IllustrationType.Spot,\n    fillColor: 'blue',\n    strokeColor: 'purple-500',\n    staticPath: '',\n  });\n\n  if (props.type === IllustrationType.Scene) {\n    throw new Error(\n      'Scene illustration types are not supported. Illustrations will need to be uploaded under ./assets/illustrations/scene. Illustrations to be provided by design.',\n    );\n  }\n\n  if (\n    (props.type === IllustrationType.Spot && !spotNames.includes(props.name as SpotName)) ||\n    (props.type === IllustrationType.Vignette && !vignetteNames.includes(props.name as VignetteName))\n  ) {\n    throw new Error(\n      `${props.type} illustration name ${props.name} not found. Did you check that you are using the correct type for your illustration?`,\n    );\n  }\n\n  const stashOptions = inject<Partial<StashProvideState>>('stashOptions', {\n    staticPath: '/static',\n  });\n\n  const isSpotIllustration = computed(() => props.type === IllustrationType.Spot);\n\n  /**\n   * Browsers won't add the `stroke-width` attribute if it is set to false.\n   * However, setting it to specific number value affects vignettes\n   */\n  const strokeWidth = computed<boolean | string>(() => {\n    return isSpotIllustration.value ? '0' : false;\n  });\n\n  const computedStaticPath = computed(() => {\n    return props.staticPath || stashOptions?.staticPath;\n  });\n</script>\n\n<template>\n  <!-- InlineSvg package (https://github.com/shrpne/vue-inline-svg) swaps external svgs and puts\n  them inline so we can style them with CSS -->\n  <!-- Having to override fill to be none and stroke to be zero so the exported svgs from Figma\n  that do not have those attributes specified do not get a default one applied -->\n  <InlineSvg\n    :id=\"props.id\"\n    class=\"tw-inline-block tw-align-middle\"\n    :class=\"{\n      [`tw-text-${props.fillColor}-400 tw-stroke-${props.strokeColor}`]: isSpotIllustration,\n    }\"\n    :title=\"props.title\"\n    :height=\"props.size\"\n    :width=\"props.size\"\n    :stroke-width=\"strokeWidth\"\n    fill=\"none\"\n    :src=\"`${computedStaticPath}/illustrations/${props.type}/${props.name}.svg`\"\n  />\n</template>\n"],"names":["SpotName","spotNames","VignetteName","vignetteNames","IllustrationType","props","__props","stashOptions","inject","isSpotIllustration","computed","strokeWidth","computedStaticPath"],"mappings":"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"}
+{"version":3,"file":"Illustration.vue_vue_type_script_setup_true_lang-BBqgoJO8.js","sources":["../src/components/Illustration/Illustration.models.ts","../src/components/Illustration/Illustration.vue"],"sourcesContent":["/**\n * Enum to strongly map between a friendly name and file name of the illustration\n */\nexport enum SpotName {\n  Approved = 'approved',\n  Avatar = 'avatar',\n  Barcode = 'barcode',\n  Calendar = 'calendar',\n  Cartridge = 'cartridge',\n  Celebrate = 'celebrate',\n  ChatBubble = 'chat-bubble',\n  CheckBox = 'check-box',\n  CheckCircle = 'check-circle',\n  Click = 'click',\n  Cocktail = 'cocktail',\n  Confirmation = 'confirmation',\n  Connnect = 'connnect',\n  Cookie = 'cookie',\n  CreditCard = 'credit-card',\n  Crm = 'crm',\n  Cultivation = 'cultivation',\n  Data = 'data',\n  DeliveryCompleted = 'delivery-completed',\n  Delivery = 'delivery',\n  DigitalPayments = 'digital-payments',\n  Discover = 'discover',\n  Diversity = 'diversity',\n  Drink = 'drink',\n  Dolly = 'dolly',\n  EasyReconciliations = 'easy-reconciliations',\n  Efficiency = 'efficiency',\n  Error = 'error',\n  ExtendDate = 'extend-date',\n  FinancialGrowth = 'financial-growth',\n  FinancialInstitution = 'financial-institution',\n  Focus = 'focus',\n  FulfillmentIssues = 'fulfillment-issues',\n  Growth = 'growth',\n  Handshake = 'handshake',\n  Hierarchy = 'hierarchy',\n  Home = 'home',\n  Laptop = 'laptop',\n  Licenses = 'licenses',\n  LightBulb = 'light-bulb',\n  LightbulbError = 'lightbulb-error',\n  LineChart = 'line-chart',\n  Link = 'link',\n  LocationPin = 'location-pin',\n  Lock = 'lock',\n  Messaging = 'messaging',\n  Messages = 'messages',\n  Microchip = 'microchip',\n  MissingData = 'missing-data',\n  MoneyTransfer = 'money-transfer',\n  Money = 'money',\n  NoInventoryAccess = 'no-inventory-access',\n  NoInventory = 'no-inventory',\n  NoPromote = 'no-promote',\n  PackageReceived = 'package-received',\n  Package = 'package',\n  PaymentProcessing = 'payment-processing',\n  Phone = 'phone',\n  PieChart = 'pie-chart',\n  ProductCycle = 'product-cycle',\n  Puzzle = 'puzzle',\n  Receipt = 'receipt',\n  Retail = 'retail',\n  SearchingDocument = 'searching-document',\n  ShoppingBasket = 'shopping-basket',\n  Shopping = 'shopping',\n  Sign = 'sign',\n  Smile = 'smile',\n  Speed = 'speed',\n  Time = 'time',\n  Tools = 'tools',\n  Truck = 'truck',\n  User = 'user',\n  Warehouse = 'warehouse',\n  Warning = 'warning',\n  XCircle = 'x-circle',\n}\n\nexport type SpotNames = `${SpotName}`;\n\n/**\n * String array of all illustration names\n */\nexport const spotNames = Object.values(SpotName);\n\nexport enum VignetteName {\n  Api = 'api',\n  Bank = 'bank',\n  Basket = 'basket',\n  BrandMenu = 'brand-menu',\n  Calendar = 'calendar',\n  Dashboard = 'dashboard',\n  Deals = 'deals',\n  DocumentSearch = 'document-search',\n  Edit = 'edit',\n  EmptyTray = 'empty-tray',\n  Graph = 'graph',\n  Integrations = 'integrations',\n  LightBulb = 'light-bulb',\n  Map = 'map',\n  Megaphone = 'megaphone',\n  Messages = 'messages',\n  MoneyBank = 'money-bank',\n  Notifications = 'notifications',\n  OrdersEmpty = 'orders-empty',\n  Payments = 'payments',\n  PieChart = 'pie-chart',\n  ProductCards = 'product-cards',\n  ProductDisplay = 'product-display',\n  Search = 'search',\n  SearchStorefront = 'search-storefront',\n  Store = 'store',\n  Todo = 'todo',\n  Truck = 'truck',\n  Users = 'users',\n  Warehouse = 'warehouse',\n  WarehouseDelivery = 'warehouse-delivery',\n}\n\nexport type VignetteNames = `${VignetteName}`;\n\n/**\n * String array of all vignette names\n */\nexport const vignetteNames = Object.values(VignetteName);\n\n/**\n * Types of illustrations that map to the subfolder under ./assets/illustrations/<type>\n */\nexport enum IllustrationType {\n  Spot = 'spot',\n  Vignette = 'vignette',\n  // Scene is not implemented, but adding it for future work mentioned in STASH-61.\n  Scene = 'scene',\n}\n\nexport type IllustrationTypes = `${IllustrationType}`;\n","<script lang=\"ts\">\n  export * from './Illustration.models';\n</script>\n\n<script lang=\"ts\" setup>\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, inject } from 'vue';\n  import InlineSvg from 'vue-inline-svg';\n\n  import { StashPrimaryColor, StashPrimaryColorGroup } from '../../../types/colors';\n  import { StashProvideState } from '../../../types/misc';\n  import {\n    IllustrationType,\n    IllustrationTypes,\n    SpotName,\n    SpotNames,\n    spotNames,\n    VignetteName,\n    VignetteNames,\n    vignetteNames,\n  } from './Illustration.models';\n\n  export interface IllustrationProps {\n    id?: string;\n\n    /**\n     * The filename of the icon that should be displayed\n     */\n    name: SpotNames | VignetteNames;\n\n    /**\n     * Accessible, short-text description for the icon. Not rendered as part of the graphic, but\n     * browsers usually display it as a tooltip and screen readers use this.\n     */\n    title?: string;\n\n    /**\n     * The size in pixels of the illustration.  This number will be used for width and height\n     */\n    size?: number;\n\n    /**\n     * Type of the illustration\n     */\n    type?: IllustrationTypes;\n\n    /**\n     * The fill color for the illustration.  This component will use the 400 shade of the color\n     * per design's request.  Defaults to teal.\n     */\n    fillColor?: StashPrimaryColorGroup;\n\n    /**\n     * The color theme for the illustration.  This component will use the standard 500 shade of the color.\n     * Defaults to purple\n     */\n    strokeColor?: StashPrimaryColor;\n\n    /**\n     * Illustration's custom static path. It'll default to either the staticPath defined on the library installation or '/static' if none are provided.\n     */\n    staticPath?: string;\n  }\n\n  const props = withDefaults(defineProps<IllustrationProps>(), {\n    id: uniqueId('ll-illustration-'),\n    title: '',\n    size: 48,\n    type: IllustrationType.Spot,\n    fillColor: 'blue',\n    strokeColor: 'purple-500',\n    staticPath: '',\n  });\n\n  if (props.type === IllustrationType.Scene) {\n    throw new Error(\n      'Scene illustration types are not supported. Illustrations will need to be uploaded under ./assets/illustrations/scene. Illustrations to be provided by design.',\n    );\n  }\n\n  if (\n    (props.type === IllustrationType.Spot && !spotNames.includes(props.name as SpotName)) ||\n    (props.type === IllustrationType.Vignette && !vignetteNames.includes(props.name as VignetteName))\n  ) {\n    throw new Error(\n      `${props.type} illustration name ${props.name} not found. Did you check that you are using the correct type for your illustration?`,\n    );\n  }\n\n  const stashOptions = inject<Partial<StashProvideState>>('stashOptions', {\n    staticPath: '/static',\n  });\n\n  const isSpotIllustration = computed(() => props.type === IllustrationType.Spot);\n\n  /**\n   * Browsers won't add the `stroke-width` attribute if it is set to false.\n   * However, setting it to specific number value affects vignettes\n   */\n  const strokeWidth = computed<boolean | string>(() => {\n    return isSpotIllustration.value ? '0' : false;\n  });\n\n  const computedStaticPath = computed(() => {\n    return props.staticPath || stashOptions?.staticPath;\n  });\n</script>\n\n<template>\n  <!-- InlineSvg package (https://github.com/shrpne/vue-inline-svg) swaps external svgs and puts\n  them inline so we can style them with CSS -->\n  <!-- Having to override fill to be none and stroke to be zero so the exported svgs from Figma\n  that do not have those attributes specified do not get a default one applied -->\n  <InlineSvg\n    :id=\"props.id\"\n    class=\"tw-inline-block tw-align-middle\"\n    :class=\"{\n      [`tw-text-${props.fillColor}-400 tw-stroke-${props.strokeColor}`]: isSpotIllustration,\n    }\"\n    :title=\"props.title\"\n    :height=\"props.size\"\n    :width=\"props.size\"\n    :stroke-width=\"strokeWidth\"\n    fill=\"none\"\n    :src=\"`${computedStaticPath}/illustrations/${props.type}/${props.name}.svg`\"\n  />\n</template>\n"],"names":["SpotName","spotNames","VignetteName","vignetteNames","IllustrationType","props","__props","stashOptions","inject","isSpotIllustration","computed","strokeWidth","computedStaticPath"],"mappings":"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"}

package/dist/Image.js

@@ -1,5 +1,5 @@
-import { _ as s } from "./Image.vue_vue_type_script_setup_true_lang-YUNunj71.js";
-import { a as m, I as o, S as f } from "./Image.vue_vue_type_script_setup_true_lang-YUNunj71.js";
+import { _ as s } from "./Image.vue_vue_type_script_setup_true_lang-D5u4av0_.js";
+import { a as m, I as o, S as f } from "./Image.vue_vue_type_script_setup_true_lang-D5u4av0_.js";
 export {
   m as ImageProviders,
   o as ImageRadius,

package/dist/{Image.vue_vue_type_script_setup_true_lang-YUNunj71.js → Image.vue_vue_type_script_setup_true_lang-D5u4av0_.js}

@@ -1,4 +1,4 @@
-import { defineComponent as W, inject as C, computed as a, useAttrs as M, openBlock as B, createElementBlock as k, mergeProps as L, unref as $ } from "vue";
+import { defineComponent as W, inject as C, computed as a, useAttrs as M, createElementBlock as B, openBlock as k, mergeProps as L, unref as $ } from "vue";
 import { IMAGE_PROVIDER_URLS as N, SCREEN_SIZES as w } from "./constants.js";
 import q from "lodash-es/merge";
 const j = {
@@ -148,7 +148,7 @@ const Y = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       }
       return n.sort((f, u) => f.screenMinWidth > u.screenMinWidth ? -1 : 1), n;
     }
-    return (r, n) => (B(), k("img", L({
+    return (r, n) => (k(), B("img", L({
       ref: "img",
       key: g.value,
       "data-test": "stash-image",
@@ -166,4 +166,4 @@ export {
   et as _,
   b as a
 };
-//# sourceMappingURL=Image.vue_vue_type_script_setup_true_lang-YUNunj71.js.map
+//# sourceMappingURL=Image.vue_vue_type_script_setup_true_lang-D5u4av0_.js.map