@leaflink/stash 42.8.0 → 43.0.0

package/dist/InputOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputOptions.js","sources":["../src/components/InputOptions/InputOptions.vue"],"sourcesContent":["<script lang=\"ts\">\n  export default {\n    name: 'll-input-options',\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  type Option = any;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  type SelectedOption = any;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  interface InputOptionsProps {\n    /**\n     * Error text to display. Replaces `hintText` (if provided) & adds error styling\n     */\n    errorText?: string;\n\n    /**\n     * Hint text to display below the input\n     */\n    hintText?: string;\n\n    /**\n     * Label to render for the datepicker\n     */\n    label?: string;\n\n    /**\n     * The current value inclusive of the input & select\n     */\n    modelValue?: { value: string; option?: SelectedOption };\n\n    /**\n     * Input type\n     */\n    type?: string extends 'button' | 'checkbox' | 'radio' | 'submit' ? never : string;\n\n    /**\n     * Prevents the Selected Option from being truncated, if true\n     */\n    noTruncate?: boolean;\n\n    /**\n     * Options for the select\n     */\n    options?: Option[];\n  }\n</script>\n\n<script lang=\"ts\" setup>\n  import { computed, ref, useAttrs, useCssModule, useSlots, watch, watchEffect } from 'vue';\n\n  import Field from '../Field/Field.vue';\n  import Input from '../Input/Input.vue';\n  import Select from '../Select/Select.vue';\n\n  const props = withDefaults(defineProps<InputOptionsProps>(), {\n    modelValue: () => ({ value: '', option: undefined }),\n    noTruncate: false,\n    options: () => [],\n    dataTest: 'll-input-options',\n    errorText: undefined,\n    hintText: undefined,\n    label: undefined,\n    type: 'text',\n  });\n\n  const emit =\n    defineEmits<{\n      (\n        e: 'update:model-value',\n        v: { value?: string; option?: SelectedOption; isValueChange: boolean; type: 'input' | 'select' },\n      ): void;\n      (\n        e: 'change',\n        v: { value?: string; option?: SelectedOption; isValueChange: boolean; type: 'input' | 'select' },\n      ): void;\n    }>();\n\n  const attrs = useAttrs();\n  const slots = useSlots();\n  const classes = useCssModule();\n  const internalInput = ref<string>();\n  const isInputFocused = ref(false);\n  const selectedOption = ref<Option | undefined>();\n\n  const inputAttrs = computed(() => {\n    const { disabled, placeholder } = attrs;\n\n    return { disabled, placeholder } as { disabled: boolean; placeholder: string };\n  });\n\n  const selectAttrs = computed(() => {\n    const { disabled, displayBy, trackBy } = attrs;\n\n    return { disabled, displayBy, trackBy } as { disabled: boolean; displayBy: string; trackBy: string };\n  });\n\n  // Input value changed\n  function handleInput(val?: string | number) {\n    internalInput.value = String(val);\n\n    emit('update:model-value', {\n      value: internalInput.value,\n      option: selectedOption.value,\n      isValueChange: true,\n      type: 'input',\n    });\n  }\n\n  // Input blurred\n  function handleInputChange() {\n    emit('change', {\n      value: internalInput.value,\n      option: selectedOption.value,\n      isValueChange: true,\n      type: 'input',\n    });\n  }\n\n  function handleSelectChange(val?: Option) {\n    selectedOption.value = val;\n\n    emit('change', {\n      value: internalInput.value,\n      option: selectedOption.value,\n      isValueChange: false,\n      type: 'select',\n    });\n    emit('update:model-value', {\n      value: internalInput.value,\n      option: selectedOption.value,\n      isValueChange: false,\n      type: 'select',\n    });\n  }\n\n  watchEffect(() => {\n    if (!selectedOption.value) {\n      selectedOption.value = props.options[0];\n    }\n  });\n\n  watch(\n    () => props.modelValue.value,\n    () => {\n      internalInput.value = props.modelValue.value;\n    },\n    { immediate: true },\n  );\n\n  watch(\n    () => props.modelValue.option,\n    () => {\n      selectedOption.value = props.modelValue.option;\n    },\n    { immediate: true },\n  );\n\n  if (attrs.value) {\n    throw new Error('ll-input-options: use :model-value or v-model instead of :value.');\n  }\n\n  if (attrs.onInput) {\n    throw new Error('ll-input-options: use the @update:model-value event instead of @input');\n  }\n</script>\n\n<template>\n  <Field v-bind=\"props\" class=\"input\" data-test=\"ll-input-options\">\n    <template #default=\"{ fieldId }\">\n      <div class=\"flex\" :class=\"{ [classes['has-error']]: !!props.errorText }\">\n        <Input\n          v-bind=\"inputAttrs\"\n          :id=\"fieldId\"\n          class=\"flex-1\"\n          :class=\"[classes.input, { 'tw-z-control': isInputFocused }]\"\n          :type=\"props.type\"\n          :model-value=\"internalInput\"\n          @change=\"handleInputChange\"\n          @update:model-value=\"handleInput\"\n          @blur=\"isInputFocused = false\"\n          @focus=\"isInputFocused = true\"\n        />\n\n        <Select\n          v-bind=\"selectAttrs\"\n          single\n          hide-search\n          prevent-empty\n          :class=\"classes.select\"\n          :no-truncate=\"noTruncate\"\n          :options=\"options\"\n          :model-value=\"selectedOption\"\n          @update:model-value=\"handleSelectChange\"\n        />\n      </div>\n    </template>\n    <template v-if=\"slots.hint\" #hint>\n      <slot name=\"hint\"></slot>\n    </template>\n  </Field>\n</template>\n\n<style module>\n  .input {\n    display: inline-block;\n    /* input border overlaps select border */\n    margin-right: -1px;\n  }\n\n  .input input {\n    border-bottom-right-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  .select {\n    min-width: 80px;\n  }\n\n  .select :global(.stash-select__content) {\n    border-bottom-left-radius: 0;\n    border-top-left-radius: 0;\n  }\n\n  .select:global(.stash-select--active .stash-select__content) {\n    min-width: 0;\n  }\n\n  .has-error input,\n  .has-error input:hover:not(:focus),\n  .has-error :global(.stash-select__content),\n  .has-error :global(.stash-select__content:hover:not(:focus)) {\n    border-color: var(--color-red);\n  }\n</style>\n"],"names":["attrs","useAttrs","slots","useSlots","classes","useCssModule","internalInput","ref","isInputFocused","selectedOption","inputAttrs","computed","disabled","placeholder","selectAttrs","displayBy","trackBy","handleInput","val","emit","handleInputChange","handleSelectChange","watchEffect","props","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACE,UAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;;;;;iBA6EMA,IAAQC,KACRC,IAAQC,KACRC,IAAUC,KACVC,IAAgBC,KAChBC,IAAiBD,EAAI,EAAK,GAC1BE,IAAiBF,KAEjBG,IAAaC,EAAS,MAAM;AAC1B,YAAA,EAAE,UAAAC,GAAU,aAAAC,EAAgB,IAAAb;AAE3B,aAAA,EAAE,UAAAY,GAAU,aAAAC;IAAY,CAChC,GAEKC,IAAcH,EAAS,MAAM;AACjC,YAAM,EAAE,UAAAC,GAAU,WAAAG,GAAW,SAAAC,EAAA,IAAYhB;AAElC,aAAA,EAAE,UAAAY,GAAU,WAAAG,GAAW,SAAAC;IAAQ,CACvC;AAGD,aAASC,EAAYC,GAAuB;AAC5B,MAAAZ,EAAA,QAAQ,OAAOY,CAAG,GAEhCC,EAAK,sBAAsB;AAAA,QACzB,OAAOb,EAAc;AAAA,QACrB,QAAQG,EAAe;AAAA,QACvB,eAAe;AAAA,QACf,MAAM;AAAA,MAAA,CACP;AAAA,IACH;AAGA,aAASW,IAAoB;AAC3B,MAAAD,EAAK,UAAU;AAAA,QACb,OAAOb,EAAc;AAAA,QACrB,QAAQG,EAAe;AAAA,QACvB,eAAe;AAAA,QACf,MAAM;AAAA,MAAA,CACP;AAAA,IACH;AAEA,aAASY,EAAmBH,GAAc;AACxC,MAAAT,EAAe,QAAQS,GAEvBC,EAAK,UAAU;AAAA,QACb,OAAOb,EAAc;AAAA,QACrB,QAAQG,EAAe;AAAA,QACvB,eAAe;AAAA,QACf,MAAM;AAAA,MAAA,CACP,GACDU,EAAK,sBAAsB;AAAA,QACzB,OAAOb,EAAc;AAAA,QACrB,QAAQG,EAAe;AAAA,QACvB,eAAe;AAAA,QACf,MAAM;AAAA,MAAA,CACP;AAAA,IACH;AAwBA,QAtBAa,EAAY,MAAM;AACZ,MAACb,EAAe,UACHA,EAAA,QAAQc,EAAM,QAAQ,CAAC;AAAA,IACxC,CACD,GAEDC;AAAA,MACE,MAAMD,EAAM,WAAW;AAAA,MACvB,MAAM;AACU,QAAAjB,EAAA,QAAQiB,EAAM,WAAW;AAAA,MACzC;AAAA,MACA,EAAE,WAAW,GAAK;AAAA,IAAA,GAGpBC;AAAA,MACE,MAAMD,EAAM,WAAW;AAAA,MACvB,MAAM;AACW,QAAAd,EAAA,QAAQc,EAAM,WAAW;AAAA,MAC1C;AAAA,MACA,EAAE,WAAW,GAAK;AAAA,IAAA,GAGhBvB,EAAM;AACF,YAAA,IAAI,MAAM,kEAAkE;AAGpF,QAAIA,EAAM;AACF,YAAA,IAAI,MAAM,uEAAuE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"InputOptions.js","sources":["../src/components/InputOptions/InputOptions.vue"],"sourcesContent":["<script lang=\"ts\">\n  export default {\n    name: 'll-input-options',\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  type Option = any;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  type SelectedOption = any;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  interface InputOptionsProps {\n    /**\n     * Error text to display. Replaces `hintText` (if provided) & adds error styling\n     */\n    errorText?: string;\n\n    /**\n     * Hint text to display below the input\n     */\n    hintText?: string;\n\n    /**\n     * Label to render for the datepicker\n     */\n    label?: string;\n\n    /**\n     * The current value inclusive of the input & select\n     */\n    modelValue?: { value: string; option?: SelectedOption };\n\n    /**\n     * Input type\n     */\n    type?: string extends 'button' | 'checkbox' | 'radio' | 'submit' ? never : string;\n\n    /**\n     * Prevents the Selected Option from being truncated, if true\n     */\n    noTruncate?: boolean;\n\n    /**\n     * Options for the select\n     */\n    options?: Option[];\n  }\n</script>\n\n<script lang=\"ts\" setup>\n  import { computed, ref, useAttrs, useCssModule, useSlots, watch, watchEffect } from 'vue';\n\n  import Field from '../Field/Field.vue';\n  import Input from '../Input/Input.vue';\n  import Select from '../Select/Select.vue';\n\n  const props = withDefaults(defineProps<InputOptionsProps>(), {\n    modelValue: () => ({ value: '', option: undefined }),\n    noTruncate: false,\n    options: () => [],\n    dataTest: 'll-input-options',\n    errorText: undefined,\n    hintText: undefined,\n    label: undefined,\n    type: 'text',\n  });\n\n  const emit =\n    defineEmits<{\n      (\n        e: 'update:model-value',\n        v: { value?: string; option?: SelectedOption; isValueChange: boolean; type: 'input' | 'select' },\n      ): void;\n      (\n        e: 'change',\n        v: { value?: string; option?: SelectedOption; isValueChange: boolean; type: 'input' | 'select' },\n      ): void;\n    }>();\n\n  const attrs = useAttrs();\n  const slots = useSlots();\n  const classes = useCssModule();\n  const internalInput = ref<string>();\n  const isInputFocused = ref(false);\n  const selectedOption = ref<Option | undefined>();\n\n  const inputAttrs = computed(() => {\n    const { disabled, placeholder } = attrs;\n\n    return { disabled, placeholder } as { disabled: boolean; placeholder: string };\n  });\n\n  const selectAttrs = computed(() => {\n    const { disabled, displayBy, trackBy } = attrs;\n\n    return { disabled, displayBy, trackBy } as { disabled: boolean; displayBy: string; trackBy: string };\n  });\n\n  // Input value changed\n  function handleInput(val?: string | number) {\n    internalInput.value = String(val);\n\n    emit('update:model-value', {\n      value: internalInput.value,\n      option: selectedOption.value,\n      isValueChange: true,\n      type: 'input',\n    });\n  }\n\n  // Input blurred\n  function handleInputChange() {\n    emit('change', {\n      value: internalInput.value,\n      option: selectedOption.value,\n      isValueChange: true,\n      type: 'input',\n    });\n  }\n\n  function handleSelectChange(val?: Option) {\n    selectedOption.value = val;\n\n    emit('change', {\n      value: internalInput.value,\n      option: selectedOption.value,\n      isValueChange: false,\n      type: 'select',\n    });\n    emit('update:model-value', {\n      value: internalInput.value,\n      option: selectedOption.value,\n      isValueChange: false,\n      type: 'select',\n    });\n  }\n\n  watchEffect(() => {\n    if (!selectedOption.value) {\n      selectedOption.value = props.options[0];\n    }\n  });\n\n  watch(\n    () => props.modelValue.value,\n    () => {\n      internalInput.value = props.modelValue.value;\n    },\n    { immediate: true },\n  );\n\n  watch(\n    () => props.modelValue.option,\n    () => {\n      selectedOption.value = props.modelValue.option;\n    },\n    { immediate: true },\n  );\n\n  if (attrs.value) {\n    throw new Error('ll-input-options: use :model-value or v-model instead of :value.');\n  }\n\n  if (attrs.onInput) {\n    throw new Error('ll-input-options: use the @update:model-value event instead of @input');\n  }\n</script>\n\n<template>\n  <Field v-bind=\"props\" class=\"input\" data-test=\"ll-input-options\">\n    <template #default=\"{ fieldId }\">\n      <div class=\"flex\" :class=\"{ [classes['has-error']]: !!props.errorText }\">\n        <Input\n          v-bind=\"inputAttrs\"\n          :id=\"fieldId\"\n          class=\"flex-1\"\n          :class=\"[classes.input, { 'tw-z-control': isInputFocused }]\"\n          :type=\"props.type\"\n          :model-value=\"internalInput\"\n          @change=\"handleInputChange\"\n          @update:model-value=\"handleInput\"\n          @blur=\"isInputFocused = false\"\n          @focus=\"isInputFocused = true\"\n        />\n\n        <Select\n          v-bind=\"selectAttrs\"\n          single\n          hide-search\n          prevent-empty\n          :class=\"classes.select\"\n          :no-truncate=\"noTruncate\"\n          :options=\"options\"\n          :model-value=\"selectedOption\"\n          @update:model-value=\"handleSelectChange\"\n        />\n      </div>\n    </template>\n    <template v-if=\"slots.hint\" #hint>\n      <slot name=\"hint\"></slot>\n    </template>\n  </Field>\n</template>\n\n<style module>\n  .input {\n    display: inline-block;\n    /* input border overlaps select border */\n    margin-right: -1px;\n  }\n\n  .input input {\n    border-bottom-right-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  .select {\n    min-width: 80px;\n  }\n\n  .select :global(.stash-select__content) {\n    border-bottom-left-radius: 0;\n    border-top-left-radius: 0;\n  }\n\n  .select:global(.stash-select--active .stash-select__content) {\n    min-width: 0;\n  }\n\n  .has-error input,\n  .has-error input:hover:not(:focus),\n  .has-error :global(.stash-select__content),\n  .has-error :global(.stash-select__content:hover:not(:focus)) {\n    border-color: var(--color-red);\n  }\n</style>\n"],"names":["attrs","useAttrs","slots","useSlots","classes","useCssModule","internalInput","ref","isInputFocused","selectedOption","inputAttrs","computed","disabled","placeholder","selectAttrs","displayBy","trackBy","handleInput","val","emit","handleInputChange","handleSelectChange","watchEffect","props","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACE,UAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;;;;;iBA6EMA,IAAQC,KACRC,IAAQC,KACRC,IAAUC,KACVC,IAAgBC,KAChBC,IAAiBD,EAAI,EAAK,GAC1BE,IAAiBF,KAEjBG,IAAaC,EAAS,MAAM;AAC1B,YAAA,EAAE,UAAAC,GAAU,aAAAC,EAAgB,IAAAb;AAE3B,aAAA,EAAE,UAAAY,GAAU,aAAAC;IAAY,CAChC,GAEKC,IAAcH,EAAS,MAAM;AACjC,YAAM,EAAE,UAAAC,GAAU,WAAAG,GAAW,SAAAC,EAAA,IAAYhB;AAElC,aAAA,EAAE,UAAAY,GAAU,WAAAG,GAAW,SAAAC;IAAQ,CACvC;AAGD,aAASC,EAAYC,GAAuB;AAC5B,MAAAZ,EAAA,QAAQ,OAAOY,CAAG,GAEhCC,EAAK,sBAAsB;AAAA,QACzB,OAAOb,EAAc;AAAA,QACrB,QAAQG,EAAe;AAAA,QACvB,eAAe;AAAA,QACf,MAAM;AAAA,MAAA,CACP;AAAA,IACH;AAGA,aAASW,IAAoB;AAC3B,MAAAD,EAAK,UAAU;AAAA,QACb,OAAOb,EAAc;AAAA,QACrB,QAAQG,EAAe;AAAA,QACvB,eAAe;AAAA,QACf,MAAM;AAAA,MAAA,CACP;AAAA,IACH;AAEA,aAASY,EAAmBH,GAAc;AACxC,MAAAT,EAAe,QAAQS,GAEvBC,EAAK,UAAU;AAAA,QACb,OAAOb,EAAc;AAAA,QACrB,QAAQG,EAAe;AAAA,QACvB,eAAe;AAAA,QACf,MAAM;AAAA,MAAA,CACP,GACDU,EAAK,sBAAsB;AAAA,QACzB,OAAOb,EAAc;AAAA,QACrB,QAAQG,EAAe;AAAA,QACvB,eAAe;AAAA,QACf,MAAM;AAAA,MAAA,CACP;AAAA,IACH;AAwBA,QAtBAa,EAAY,MAAM;AACZ,MAACb,EAAe,UACHA,EAAA,QAAQc,EAAM,QAAQ,CAAC;AAAA,IACxC,CACD,GAEDC;AAAA,MACE,MAAMD,EAAM,WAAW;AAAA,MACvB,MAAM;AACU,QAAAjB,EAAA,QAAQiB,EAAM,WAAW;AAAA,MACzC;AAAA,MACA,EAAE,WAAW,GAAK;AAAA,IAAA,GAGpBC;AAAA,MACE,MAAMD,EAAM,WAAW;AAAA,MACvB,MAAM;AACW,QAAAd,EAAA,QAAQc,EAAM,WAAW;AAAA,MAC1C;AAAA,MACA,EAAE,WAAW,GAAK;AAAA,IAAA,GAGhBvB,EAAM;AACF,YAAA,IAAI,MAAM,kEAAkE;AAGpF,QAAIA,EAAM;AACF,YAAA,IAAI,MAAM,uEAAuE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/LicenseChip.js

@@ -1,49 +1,55 @@
-import { defineComponent as s, computed as l, withDirectives as a, openBlock as p, createBlock as u, withCtx as m, createTextVNode as f, toDisplayString as d, vShow as h } from "vue";
-import { S as e } from "./colors-13e95ebf.js";
-import C from "./Chip.js";
+import { defineComponent as c, useAttrs as a, computed as i, withDirectives as p, openBlock as u, createBlock as m, mergeProps as C, unref as f, withCtx as h, createTextVNode as d, toDisplayString as A, vShow as _ } from "vue";
+import g from "./Chip.js";
 import "./utils/colorScheme.js";
 import "./Icon.js";
 import "lodash-es/uniqueId";
 import "./index-79ce320f.js";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
 import "./_plugin-vue_export-helper-dad06003.js";
-const _ = {
-  name: "ll-license-chip"
-}, L = /* @__PURE__ */ s({
-  ..._,
+const z = /* @__PURE__ */ c({
+  name: "ll-license-chip",
+  inheritAttrs: !1,
+  __name: "LicenseChip",
   props: {
     license: {},
     size: { default: "medium" }
   },
   setup(n) {
-    const r = n, i = Object.freeze({
-      MED: e.Yellow,
-      REC: e.Blue,
-      COM: e.Royal,
-      ANC: e.Orange,
-      BULK: e.Ice,
-      CAN: e.Green,
-      ADU: e.Blue
-    }), c = l(() => t.value in i ? i[t.value] : e.Blue), t = l(() => {
-      const o = r.license.toUpperCase();
-      return o.length > 4 ? o.slice(0, 3) : o;
+    const r = n, s = a(), o = Object.freeze({
+      MED: "yellow",
+      MEDI: "yellow",
+      REC: "blue",
+      RECR: "blue",
+      COM: "royal",
+      COMB: "royal",
+      ANC: "orange",
+      ANCI: "orange",
+      BUL: "ice",
+      BULK: "ice",
+      CAN: "green",
+      CANN: "green",
+      ADU: "blue",
+      ADUL: "blue"
+    }), l = i(() => e.value in o ? o[e.value] : "blue"), e = i(() => {
+      const t = r.license.toUpperCase();
+      return t.length > 4 ? t.slice(0, 3) : t;
     });
-    return (o, v) => a((p(), u(C, {
-      color: c.value,
+    return (t, v) => p((u(), m(g, C(f(s), {
+      "color-scheme": l.value,
       size: r.size,
       shade: "main",
       radius: "pill"
-    }, {
-      default: m(() => [
-        f(d(t.value), 1)
+    }), {
+      default: h(() => [
+        d(A(e.value), 1)
       ]),
       _: 1
-    }, 8, ["color", "size"])), [
-      [h, t.value.length]
+    }, 16, ["color-scheme", "size"])), [
+      [_, e.value.length]
     ]);
   }
 });
 export {
-  L as default
+  z as default
 };
 //# sourceMappingURL=LicenseChip.js.map

package/dist/LicenseChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"LicenseChip.js","sources":["../src/components/LicenseChip/LicenseChip.vue"],"sourcesContent":["<script lang=\"ts\">\n  export default {\n    name: 'll-license-chip',\n  };\n</script>\n\n<script setup lang=\"ts\">\n  import { computed } from 'vue';\n\n  import { StashPrimaryColor, StashPrimaryColors } from '../../../types/colors';\n  import Chip from '../Chip/Chip.vue';\n\n  export interface LicenseChipProps {\n    /**\n     * License type to be displayed.\n     * This can be either the type code (e.g. \"MED\") or the full name (e.g. \"Medical\").\n     */\n    license: string;\n    /**\n     * Size of the chip. Defaults to medium.\n     * Available sizes: \"small\" | \"medium\"\n     */\n    size?: 'small' | 'medium';\n  }\n\n  const props = withDefaults(defineProps<LicenseChipProps>(), {\n    size: 'medium',\n  });\n\n  const colorMapping = Object.freeze({\n    MED: StashPrimaryColors.Yellow,\n    REC: StashPrimaryColors.Blue,\n    COM: StashPrimaryColors.Royal,\n    ANC: StashPrimaryColors.Orange,\n    BULK: StashPrimaryColors.Ice,\n    CAN: StashPrimaryColors.Green,\n    ADU: StashPrimaryColors.Blue,\n  });\n\n  const color = computed<StashPrimaryColor>(() => {\n    if (formattedLicense.value in colorMapping) {\n      return colorMapping[formattedLicense.value];\n    }\n\n    return StashPrimaryColors.Blue;\n  });\n\n  const formattedLicense = computed(() => {\n    const uppercaseLicense = props.license.toUpperCase();\n\n    if (uppercaseLicense.length > 4) {\n      return uppercaseLicense.slice(0, 3);\n    }\n\n    return uppercaseLicense;\n  });\n</script>\n\n<template>\n  <Chip v-show=\"formattedLicense.length\" :color=\"color\" :size=\"props.size\" shade=\"main\" radius=\"pill\">\n    {{ formattedLicense }}\n  </Chip>\n</template>\n"],"names":["colorMapping","StashPrimaryColors","color","computed","formattedLicense","uppercaseLicense","props"],"mappings":";;;;;;;;;AACE,UAAe;AAAA,EACb,MAAM;AACR;;;;;;;iBA0BMA,IAAe,OAAO,OAAO;AAAA,MACjC,KAAKC,EAAmB;AAAA,MACxB,KAAKA,EAAmB;AAAA,MACxB,KAAKA,EAAmB;AAAA,MACxB,KAAKA,EAAmB;AAAA,MACxB,MAAMA,EAAmB;AAAA,MACzB,KAAKA,EAAmB;AAAA,MACxB,KAAKA,EAAmB;AAAA,IAAA,CACzB,GAEKC,IAAQC,EAA4B,MACpCC,EAAiB,SAASJ,IACrBA,EAAaI,EAAiB,KAAK,IAGrCH,EAAmB,IAC3B,GAEKG,IAAmBD,EAAS,MAAM;AAChC,YAAAE,IAAmBC,EAAM,QAAQ,YAAY;AAE/C,aAAAD,EAAiB,SAAS,IACrBA,EAAiB,MAAM,GAAG,CAAC,IAG7BA;AAAA,IAAA,CACR;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"LicenseChip.js","sources":["../src/components/LicenseChip/LicenseChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, useAttrs } from 'vue';\n\n  import { StashPrimaryColorGroup } from '../../../types/colors';\n  import Chip from '../Chip/Chip.vue';\n\n  defineOptions({\n    name: 'll-license-chip',\n    inheritAttrs: false,\n  });\n\n  export interface LicenseChipProps {\n    /**\n     * License type to be displayed. This can be either the type code (e.g. \"MED\") or the full name (e.g. \"Medical\").\n     */\n    license: string;\n\n    /**\n     * Size of the chip. Defaults to medium. Available sizes: \"small\" | \"medium\".\n     */\n    size?: 'small' | 'medium';\n  }\n\n  const props = withDefaults(defineProps<LicenseChipProps>(), {\n    size: 'medium',\n  });\n  const attrs = useAttrs();\n\n  const COLOR_SCHEME_MAPPING = Object.freeze({\n    MED: 'yellow',\n    MEDI: 'yellow',\n    REC: 'blue',\n    RECR: 'blue',\n    COM: 'royal',\n    COMB: 'royal',\n    ANC: 'orange',\n    ANCI: 'orange',\n    BUL: 'ice',\n    BULK: 'ice',\n    CAN: 'green',\n    CANN: 'green',\n    ADU: 'blue',\n    ADUL: 'blue',\n  });\n\n  const color = computed<StashPrimaryColorGroup>(() => {\n    if (formattedLicense.value in COLOR_SCHEME_MAPPING) {\n      return COLOR_SCHEME_MAPPING[formattedLicense.value];\n    }\n\n    return 'blue';\n  });\n\n  const formattedLicense = computed(() => {\n    const uppercaseLicense = props.license.toUpperCase();\n\n    if (uppercaseLicense.length > 4) {\n      return uppercaseLicense.slice(0, 3);\n    }\n\n    return uppercaseLicense;\n  });\n</script>\n\n<template>\n  <Chip\n    v-show=\"formattedLicense.length\"\n    v-bind=\"attrs\"\n    :color-scheme=\"color\"\n    :size=\"props.size\"\n    shade=\"main\"\n    radius=\"pill\"\n  >\n    {{ formattedLicense }}\n  </Chip>\n</template>\n"],"names":["attrs","useAttrs","COLOR_SCHEME_MAPPING","color","computed","formattedLicense","uppercaseLicense","props"],"mappings":";;;;;;;;;;;;;;;;;iBA0BQA,IAAQC,KAERC,IAAuB,OAAO,OAAO;AAAA,MACzC,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,IAAA,CACP,GAEKC,IAAQC,EAAiC,MACzCC,EAAiB,SAASH,IACrBA,EAAqBG,EAAiB,KAAK,IAG7C,MACR,GAEKA,IAAmBD,EAAS,MAAM;AAChC,YAAAE,IAAmBC,EAAM,QAAQ,YAAY;AAE/C,aAAAD,EAAiB,SAAS,IACrBA,EAAiB,MAAM,GAAG,CAAC,IAG7BA;AAAA,IAAA,CACR;;;;;;;;;;;;;;;;"}

package/dist/LicenseChip.vue.d.ts

@@ -38,13 +38,11 @@ export default _default;
 
 export declare interface LicenseChipProps {
     /**
-     * License type to be displayed.
-     * This can be either the type code (e.g. "MED") or the full name (e.g. "Medical").
+     * License type to be displayed. This can be either the type code (e.g. "MED") or the full name (e.g. "Medical").
      */
     license: string;
     /**
-     * Size of the chip. Defaults to medium.
-     * Available sizes: "small" | "medium"
+     * Size of the chip. Defaults to medium. Available sizes: "small" | "medium".
      */
     size?: 'small' | 'medium';
 }

package/dist/ListItem.js

@@ -2,7 +2,7 @@ import a from "./Checkbox.js";
 import { resolveComponent as n, openBlock as l, createElementBlock as i, normalizeClass as s, createBlock as d, createCommentVNode as m, renderSlot as b } from "vue";
 import { _ as r } from "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/uniqueId";
-import "./Checkbox.vue_vue_type_style_index_0_scoped_0cd31c8f_lang-4ed993c7.js";
+import "./Checkbox.vue_vue_type_style_index_0_scoped_0d7e7fd0_lang-4ed993c7.js";
 const _ = "_item_1ivse_2", f = "_checkbox_1ivse_56", h = {
   item: _,
   "is-selectable": "_is-selectable_1ivse_41",

package/dist/ListView.js

@@ -3,7 +3,7 @@ import { resolveComponent as d, openBlock as a, createElementBlock as o, normali
 import ee from "./useSearch.js";
 import { CSS_VARS as L, LLLV_CHANGE_TRIGGERS as k } from "./constants.js";
 import V from "./sticky.js";
-import { t as S } from "./locale.js";
+import { t as p } from "./locale.js";
 import { persistentStorage as A } from "./storage.js";
 import { getCssVar as D, filterItems as te, sortItems as se } from "./utils/helpers.js";
 import le from "./Badge.js";
@@ -27,7 +27,7 @@ import "lodash-es/isFinite";
 import "./utils/storage.js";
 import "./Button.vue_used_vue_type_style_index_0_lang.module-b77978d6.js";
 import "lodash-es/uniqueId";
-import "./Checkbox.vue_vue_type_style_index_0_scoped_0cd31c8f_lang-4ed993c7.js";
+import "./Checkbox.vue_vue_type_style_index_0_scoped_0d7e7fd0_lang-4ed993c7.js";
 import "./clickoutside.js";
 import "./utils/calculateElementOverflow.js";
 import "./index-79ce320f.js";
@@ -52,12 +52,11 @@ import "lodash-es/isEmpty";
 import "lodash-es/isEqual";
 import "./MenusPlugin-5e93f0a5.js";
 import "./Chip.js";
-import "./colors-13e95ebf.js";
 import "./utils/colorScheme.js";
 import "lodash-es/isNil";
 import "./utils/i18n.js";
 import "./Radio.js";
-import "./Paginate.vue_used_vue_type_style_index_0_lang.module-e579235f.js";
+import "./Paginate.vue_used_vue_type_style_index_0_lang.module-bfccf992.js";
 import "./EmptyState.vue_used_vue_type_style_index_0_lang.module-2f171ae7.js";
 import "./Loading.vue_vue_type_style_index_0_scoped_bb8d5f15_lang-4ed993c7.js";
 const de = "_checkbox_7isy5_185", he = "_actions_7isy5_189", ue = {
@@ -88,27 +87,27 @@ const de = "_checkbox_7isy5_185", he = "_actions_7isy5_189", ue = {
   emits: ["change:select-current", "change:select-all", "change:clear-selected"],
   data: function() {
     return {
-      selectAllText: S("ll.listView.selectAll")
+      selectAllText: p("ll.listView.selectAll")
     };
   },
   computed: {
     clearSelectedText() {
-      return this.allowSelectAll ? S("ll.listView.deselectAllCount", { count: this.totalCount }) : S("ll.listView.clearSelection");
+      return this.allowSelectAll ? p("ll.listView.deselectAllCount", { count: this.totalCount }) : p("ll.listView.clearSelection");
     },
     showSelectAll() {
       return [this.totalSelectedCount !== this.totalCount, this.allowSelectAll].every(Boolean);
     },
     numberOfTotalSelectedText() {
-      return S("ll.listView.numberOfTotalSelected", {
+      return p("ll.listView.numberOfTotalSelected", {
         num: this.totalSelectedCount,
         total: this.totalCount
       });
     },
     selectAllCountText() {
-      return S("ll.listView.selectAllCount", { count: this.totalCount });
+      return p("ll.listView.selectAllCount", { count: this.totalCount });
     },
     numItemsSelectedText() {
-      return S("ll.listView.numItemsSelected", {
+      return p("ll.listView.numItemsSelected", {
         totalSelectedCount: this.totalSelectedCount,
         totalCount: this.totalCount
       });
@@ -135,7 +134,7 @@ const de = "_checkbox_7isy5_185", he = "_actions_7isy5_189", ue = {
   key: 1,
   class: "lg:hidden tw-ml-1.5"
 };
-function pe(e, l, s, _, i, t) {
+function Se(e, l, s, _, i, t) {
   const c = d("ll-checkbox"), g = d("ll-button");
   return a(), o("div", {
     class: r([
@@ -196,9 +195,9 @@ function pe(e, l, s, _, i, t) {
     ], 2)) : n("", !0)
   ], 2);
 }
-const Se = {
+const pe = {
   $style: ue
-}, _e = /* @__PURE__ */ C(me, [["render", pe], ["__cssModules", Se]]), be = {
+}, _e = /* @__PURE__ */ C(me, [["render", Se], ["__cssModules", pe]]), be = {
   "empty-state": "_empty-state_lwdra_176"
 }, ke = {
   name: "loading-manager",
@@ -379,7 +378,7 @@ function Ae(e, l, s, _, i, t) {
 }
 const Pe = {
   $style: Ie
-}, ss = /* @__PURE__ */ C(xe, [["render", Ae], ["__cssModules", Pe]]), Fe = "_caret_1147a_2", Oe = {
+}, ts = /* @__PURE__ */ C(xe, [["render", Ae], ["__cssModules", Pe]]), Fe = "_caret_1147a_2", Oe = {
   "caret-up": "_caret-up_1147a_2",
   "caret-down": "_caret-down_1147a_6",
   caret: Fe
@@ -475,7 +474,7 @@ function Le(e, l, s, _, i, t) {
 }
 const Ve = {
   $style: Oe
-}, ls = /* @__PURE__ */ C(Ee, [["render", Le], ["__cssModules", Ve]]), De = "_header_d2ylt_196", Re = "_separator_d2ylt_1", Ne = "_dropdown_d2ylt_347", ze = {
+}, ss = /* @__PURE__ */ C(Ee, [["render", Le], ["__cssModules", Ve]]), De = "_header_d2ylt_196", Re = "_separator_d2ylt_1", Ne = "_dropdown_d2ylt_347", ze = {
   "list-items": "_list-items_d2ylt_176",
   "legacy-box": "_legacy-box_d2ylt_189",
   header: De,
@@ -604,7 +603,7 @@ const Ve = {
     // Provide an optional custom 'Sort by' label
     sortLabel: {
       type: String,
-      default: () => S("ll.listView.sortBy")
+      default: () => p("ll.listView.sortBy")
     },
     sortOnLoad: Boolean,
     sorts: {
@@ -708,12 +707,12 @@ const Ve = {
       previousPage: null,
       sortOptionsWidth: 0,
       filters: {},
-      filterText: S("ll.filter"),
+      filterText: p("ll.filter"),
       searchFor: () => {
       },
       // initialized in the watch handler for internalItems
       searchTerm: this.initialSearchTerm,
-      searchText: S("ll.search"),
+      searchText: p("ll.search"),
       sortTerm: "",
       isLoadingSearchSchemaAction: !1,
       isShowingFilters: !!((e = this.filterSchema) != null && e.length && (this.showFiltersOnLoad || A.get("show-filters"))),
@@ -782,7 +781,7 @@ const Ve = {
      */
     total() {
       const e = this.pageSize * (this.currentPage - 1), l = this.paginated.length ? `${e + 1} - ${e + this.paginated.length}` : 0;
-      return this.isLoading ? S("ll.listView.calculating") : S("ll.listView.totalResults", { num: String(l), total: String(this.totalCount) });
+      return this.isLoading ? p("ll.listView.calculating") : p("ll.listView.totalResults", { num: String(l), total: String(this.totalCount) });
     },
     /**
      * Determines if both #list-header and #list-items slots are used.
@@ -1091,13 +1090,13 @@ function Ke(e, l, s, _, i, t) {
             key: 0,
             ref: "search-input",
             modelValue: i.searchTerm,
-            "onUpdate:modelValue": l[1] || (l[1] = (p) => i.searchTerm = p),
+            "onUpdate:modelValue": l[1] || (l[1] = (S) => i.searchTerm = S),
             class: r(["col-span-3 md:col-span-4", [e.$style["search-input"], { "lg:col-span-8": t.showSecondaryControls }]]),
             "data-test": "input|search-input",
             "hint-text": t.internalSearchSchema.hintText,
             label: i.searchText,
             placeholder: t.internalSearchSchema.placeholder,
-            onKeyup: l[2] || (l[2] = Y((p) => !t.isLoading && t.onSearch(), ["enter"])),
+            onKeyup: l[2] || (l[2] = Y((S) => !t.isLoading && t.onSearch(), ["enter"])),
             onChange: t.onSearchTermChange
           }, {
             append: m(() => [
@@ -1106,7 +1105,7 @@ function Ke(e, l, s, _, i, t) {
                 "data-test": "button|clear-search",
                 class: r(e.$style["clear-button"]),
                 disabled: t.isLoading,
-                onClick: l[0] || (l[0] = (...p) => t.clearSearchTerm && t.clearSearchTerm(...p))
+                onClick: l[0] || (l[0] = (...S) => t.clearSearchTerm && t.clearSearchTerm(...S))
               }, [
                 y(c, { name: "close" })
               ], 10, je)) : n("", !0),
@@ -1182,7 +1181,7 @@ function Ke(e, l, s, _, i, t) {
                 "disable-persistency": s.disablePersistency,
                 schema: s.filterSchema,
                 "validation-schema": s.validationSchema,
-                onChange: l[3] || (l[3] = (p) => i.filters = p),
+                onChange: l[3] || (l[3] = (S) => i.filters = S),
                 onReset: t.reset,
                 onSubmit: t.onFilter
               }, null, 8, ["class", "disable-apply", "disable-clear", "disable-persistency", "schema", "validation-schema", "onReset", "onSubmit"])
@@ -1216,18 +1215,18 @@ function Ke(e, l, s, _, i, t) {
             class: "dropdown__list",
             style: J({ minWidth: i.sortOptionsWidth })
           }, [
-            (a(!0), o(Q, null, X(Object.keys(s.sorts), (p, K) => (a(), o("li", {
+            (a(!0), o(Q, null, X(Object.keys(s.sorts), (S, K) => (a(), o("li", {
               key: K,
-              class: r([{ "is-selected": p === i.sortTerm }, "dropdown__item rounded"])
+              class: r([{ "is-selected": S === i.sortTerm }, "dropdown__item rounded"])
             }, [
               y(g, {
                 inline: "",
                 class: r(["align-middle", e.$style["sort-option"]]),
-                onClick: (qe) => t.onSort(p)
+                onClick: (qe) => t.onSort(S)
               }, {
                 default: m(() => [
-                  T(b(p) + " ", 1),
-                  p === i.sortTerm ? (a(), h(c, {
+                  T(b(S) + " ", 1),
+                  S === i.sortTerm ? (a(), h(c, {
                     key: 0,
                     name: "check",
                     class: "text-blue tw-ml-auto"
@@ -1332,12 +1331,12 @@ function Ke(e, l, s, _, i, t) {
 }
 const We = {
   $style: ze
-}, is = /* @__PURE__ */ C(He, [["render", Ke], ["__cssModules", We]]);
+}, ls = /* @__PURE__ */ C(He, [["render", Ke], ["__cssModules", We]]);
 export {
   _e as BulkActions,
-  ss as ListGroup,
-  ls as ListHeader,
+  ts as ListGroup,
+  ss as ListHeader,
   Te as LoadingManager,
-  is as default
+  ls as default
 };
 //# sourceMappingURL=ListView.js.map