@leaflink/stash 51.10.0 → 51.11.1

package/dist/Label.vue.d.ts

@@ -1,27 +1,66 @@
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { DefineComponent } from 'vue';
+import { ExtractPropTypes } from 'vue';
+import { PropType } from 'vue';
 import { PublicProps } from 'vue';
 
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+
+declare type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
 
-declare const _default: __VLS_WithTemplateSlots<DefineComponent<LabelProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<LabelProps> & Readonly<{}>, {
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<LabelProps>, {
+for: undefined;
+hasError: boolean;
+isRequired: boolean;
+showOptional: boolean;
+legend: boolean;
+isDisabled: boolean;
+isSrOnly: boolean;
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<LabelProps>, {
+for: undefined;
+hasError: boolean;
+isRequired: boolean;
+showOptional: boolean;
+legend: boolean;
+isDisabled: boolean;
+isSrOnly: boolean;
+}>>> & Readonly<{}>, {
 legend: boolean;
 for: string;
 hasError: boolean;
 isRequired: boolean;
 showOptional: boolean;
 isSrOnly: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;
 
-declare interface LabelProps {
+export declare interface LabelProps {
     /**
      * The `id` of the input element that this label is associated with.
      */

package/dist/Label.vue_vue_type_script_setup_true_lang-CNquF3AP.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.vue_vue_type_script_setup_true_lang-CNquF3AP.js","sources":["../src/components/Label/Label.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed } from 'vue';\n\n  import { t } from '../../locale';\n\n  export interface LabelProps {\n    /**\n     * The `id` of the input element that this label is associated with.\n     */\n    for?: string;\n\n    /**\n     * Indicates whether the label should be styled as an error.\n     */\n    hasError?: boolean;\n\n    /**\n     * Indicates whether the input element that this label is associated with is required.\n     */\n    isRequired?: boolean;\n\n    /**\n     * Indicates whether the label should show that the input is optional.\n     */\n    showOptional?: boolean;\n\n    /**\n     * Indicates whether the wrapper element to be rendered should be a label or a legend.\n     */\n    legend?: boolean;\n\n    /**\n     * Indicates whether the label is disabled.\n     */\n    disabled?: boolean;\n\n    /**\n     * Indicates whether the label should be visually hidden (screen reader only).\n     */\n    isSrOnly?: boolean;\n  }\n\n  const props = withDefaults(defineProps<LabelProps>(), {\n    for: undefined,\n    hasError: false,\n    isRequired: false,\n    showOptional: false,\n    legend: false,\n    isDisabled: false,\n    isSrOnly: false,\n  });\n\n  const is = computed(() => {\n    return props.legend ? 'legend' : 'label';\n  });\n</script>\n\n<template>\n  <component\n    :is=\"is\"\n    class=\"stash-label tw-block tw-truncate tw-text-sm tw-font-medium tw-leading-6\"\n    :class=\"{\n      'tw-animate-shake': props.hasError,\n      'stash-label--disabled tw-text-ice-700': props.disabled,\n      'tw-text-ice-900': !props.disabled,\n      'tw-sr-only': props.isSrOnly,\n    }\"\n    :for=\"props.for\"\n    data-test=\"stash-label\"\n  >\n    <!-- @slot The label text -->\n    <slot></slot>\n    <span v-if=\"props.isRequired\" class=\"tw-font-semibold tw-text-red-500\" title=\"Required\" aria-label=\"required\">\n      *\n    </span>\n    <span v-else-if=\"props.showOptional\" class=\"tw-text-ice-700\"> ({{ t('ll.optional') }})</span>\n  </component>\n</template>\n"],"names":["props","__props","is","computed","_openBlock","_createBlock","_resolveDynamicComponent","_renderSlot","_ctx","_createElementBlock","_hoisted_1","_hoisted_2","_toDisplayString","_unref","t"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA0CE,UAAMA,IAAQC,GAURC,IAAKC,EAAS,MACXH,EAAM,SAAS,WAAW,OAClC;sBAIDI,KAAAC,EAkBYC,EAjBLJ,EAAA,KAAE,GAAA;AAAA,MACP,UAAM,2EAAyE;AAAA,QAC3C,oBAAAF,EAAM;AAAA,QAAyD,yCAAAA,EAAM;AAAA,QAAoC,mBAAA,CAAAA,EAAM;AAAA,QAA8B,cAAAA,EAAM;AAAA,MAAA;MAMtL,KAAKA,EAAM;AAAA,MACZ,aAAU;AAAA,IAAA;iBAGV,MAAa;AAAA,QAAbO,EAAaC,EAAA,QAAA,SAAA;AAAA,QACDR,EAAM,mBAAlBS,EAEO,QAFPC,GAA8G,KAE9G,KACiBV,EAAM,gBAAvBI,EAAA,GAAAK,EAA6F,QAA7FE,GAA6D,OAAEC,EAAGC,EAAAC,CAAA,oBAAmB,KAAC,CAAA;;;;;;"}
+{"version":3,"file":"Label.vue_vue_type_script_setup_true_lang-CNquF3AP.js","sources":["../src/components/Label/Label.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed } from 'vue';\n\n  import { t } from '../../locale';\n\n  export interface LabelProps {\n    /**\n     * The `id` of the input element that this label is associated with.\n     */\n    for?: string;\n\n    /**\n     * Indicates whether the label should be styled as an error.\n     */\n    hasError?: boolean;\n\n    /**\n     * Indicates whether the input element that this label is associated with is required.\n     */\n    isRequired?: boolean;\n\n    /**\n     * Indicates whether the label should show that the input is optional.\n     */\n    showOptional?: boolean;\n\n    /**\n     * Indicates whether the wrapper element to be rendered should be a label or a legend.\n     */\n    legend?: boolean;\n\n    /**\n     * Indicates whether the label is disabled.\n     */\n    disabled?: boolean;\n\n    /**\n     * Indicates whether the label should be visually hidden (screen reader only).\n     */\n    isSrOnly?: boolean;\n  }\n\n  const props = withDefaults(defineProps<LabelProps>(), {\n    for: undefined,\n    hasError: false,\n    isRequired: false,\n    showOptional: false,\n    legend: false,\n    isDisabled: false,\n    isSrOnly: false,\n  });\n\n  const is = computed(() => {\n    return props.legend ? 'legend' : 'label';\n  });\n</script>\n\n<template>\n  <component\n    :is=\"is\"\n    class=\"stash-label tw-block tw-truncate tw-text-sm tw-font-medium tw-leading-6\"\n    :class=\"{\n      'tw-animate-shake': props.hasError,\n      'stash-label--disabled tw-text-ice-700': props.disabled,\n      'tw-text-ice-900': !props.disabled,\n      'tw-sr-only': props.isSrOnly,\n    }\"\n    :for=\"props.for\"\n    data-test=\"stash-label\"\n  >\n    <!-- @slot The label text -->\n    <slot></slot>\n    <span v-if=\"props.isRequired\" class=\"tw-font-semibold tw-text-red-500\" title=\"Required\" aria-label=\"required\">\n      *\n    </span>\n    <span v-else-if=\"props.showOptional\" class=\"tw-text-ice-700\"> ({{ t('ll.optional') }})</span>\n  </component>\n</template>\n"],"names":["props","__props","is","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA0CE,UAAMA,IAAQC,GAURC,IAAKC,EAAS,MACXH,EAAM,SAAS,WAAW,OAClC;;;;;;;;;;;;;;;;;;;"}

package/dist/LicenseChip.js.map

@@ -1 +1 @@
-{"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     * Whether the chip is disabled. Defaults to false.\n     */\n    disabled?: boolean;\n  }\n\n  const props = withDefaults(defineProps<LicenseChipProps>(), {\n    size: 'medium',\n  });\n  const attrs = useAttrs();\n  const chipAttrs = computed(() => {\n    const tempAttrs = { ...attrs };\n\n    // prevents override to ensure license chips remain consistent\n    delete tempAttrs['color-scheme'];\n    delete tempAttrs['radius'];\n    delete tempAttrs['shade'];\n\n    return tempAttrs;\n  });\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 (props.disabled) {\n      return 'ice';\n    }\n\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    class=\"stash-license-chip\"\n    data-test=\"stash-license-chip\"\n    radius=\"pill\"\n    shade=\"main\"\n    :color-scheme=\"color\"\n    :size=\"props.size\"\n    v-bind=\"chipAttrs\"\n    :disabled=\"disabled\"\n  >\n    {{ formattedLicense }}\n  </Chip>\n</template>\n"],"names":["props","__props","attrs","useAttrs","chipAttrs","computed","tempAttrs","COLOR_SCHEME_MAPPING","color","formattedLicense","uppercaseLicense","_withDirectives","_openBlock","_createBlock","Chip","_mergeProps","disabled","_vShow"],"mappings":";;;;;;;;;;;;AA4BE,UAAMA,IAAQC,GAGRC,IAAQC,EAAA,GACRC,IAAYC,EAAS,MAAM;AAC/B,YAAMC,IAAY,EAAE,GAAGJ,EAAA;AAGvB,oBAAOI,EAAU,cAAc,GAC/B,OAAOA,EAAU,QACjB,OAAOA,EAAU,OAEVA;AAAA,IACT,CAAC,GAEKC,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,IAAQH,EAAiC,MACzCL,EAAM,WACD,QAGLS,EAAiB,SAASF,IACrBA,EAAqBE,EAAiB,KAAK,IAG7C,MACR,GAEKA,IAAmBJ,EAAS,MAAM;AACtC,YAAMK,IAAmBV,EAAM,QAAQ,YAAA;AAEvC,aAAIU,EAAiB,SAAS,IACrBA,EAAiB,MAAM,GAAG,CAAC,IAG7BA;AAAA,IACT,CAAC;qBAIDC,GAAAC,EAAA,GAAAC,EAYOC,GAZPC,EAYO;AAAA,MAVL,OAAM;AAAA,MACN,aAAU;AAAA,MACV,QAAO;AAAA,MACP,OAAM;AAAA,MACL,gBAAcP,EAAA;AAAA,MACd,MAAMR,EAAM;AAAA,IAAA,GACLI,EAAA,OAAS,EAChB,UAAUY,EAAAA,SAAAA,CAAQ,GAAA;AAAA,iBAEnB,MAAsB;AAAA,YAAnBP,EAAA,KAAgB,GAAA,CAAA;AAAA,MAAA;;;MAVX,CAAAQ,GAAAR,EAAA,MAAiB,MAAM;AAAA,IAAA;;;"}
+{"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     * Whether the chip is disabled. Defaults to false.\n     */\n    disabled?: boolean;\n  }\n\n  const props = withDefaults(defineProps<LicenseChipProps>(), {\n    size: 'medium',\n  });\n  const attrs = useAttrs();\n  const chipAttrs = computed(() => {\n    const tempAttrs = { ...attrs };\n\n    // prevents override to ensure license chips remain consistent\n    delete tempAttrs['color-scheme'];\n    delete tempAttrs['radius'];\n    delete tempAttrs['shade'];\n\n    return tempAttrs;\n  });\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 (props.disabled) {\n      return 'ice';\n    }\n\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    class=\"stash-license-chip\"\n    data-test=\"stash-license-chip\"\n    radius=\"pill\"\n    shade=\"main\"\n    :color-scheme=\"color\"\n    :size=\"props.size\"\n    v-bind=\"chipAttrs\"\n    :disabled=\"disabled\"\n  >\n    {{ formattedLicense }}\n  </Chip>\n</template>\n"],"names":["props","__props","attrs","useAttrs","chipAttrs","computed","tempAttrs","COLOR_SCHEME_MAPPING","color","formattedLicense","uppercaseLicense"],"mappings":";;;;;;;;;;;;AA4BE,UAAMA,IAAQC,GAGRC,IAAQC,EAAS,GACjBC,IAAYC,EAAS,MAAM;AACzB,YAAAC,IAAY,EAAE,GAAGJ,EAAM;AAG7B,oBAAOI,EAAU,cAAc,GAC/B,OAAOA,EAAU,QACjB,OAAOA,EAAU,OAEVA;AAAA,IAAA,CACR,GAEKC,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,IAAQH,EAAiC,MACzCL,EAAM,WACD,QAGLS,EAAiB,SAASF,IACrBA,EAAqBE,EAAiB,KAAK,IAG7C,MACR,GAEKA,IAAmBJ,EAAS,MAAM;AAChC,YAAAK,IAAmBV,EAAM,QAAQ,YAAY;AAE/C,aAAAU,EAAiB,SAAS,IACrBA,EAAiB,MAAM,GAAG,CAAC,IAG7BA;AAAA,IAAA,CACR;;;;;;;;;;;;;;;;;;"}

package/dist/LicenseChip.vue.d.ts

@@ -1,14 +1,41 @@
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { DefineComponent } from 'vue';
+import { ExtractPropTypes } from 'vue';
+import { PropType } from 'vue';
 import { PublicProps } from 'vue';
 
-declare const _default: DefineComponent<LicenseChipProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<LicenseChipProps> & Readonly<{}>, {
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+
+declare type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+
+declare const _default: DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<LicenseChipProps>, {
+size: string;
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<LicenseChipProps>, {
+size: string;
+}>>> & Readonly<{}>, {
 size: "small" | "medium";
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _default;
 
-declare interface LicenseChipProps {
+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").
      */

package/dist/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":["../src/components/ListItem/ListItem.vue"],"sourcesContent":["<script>\n  import Checkbox from '../Checkbox/Checkbox.vue';\n\n  export default {\n    name: 'll-list-item',\n\n    components: {\n      'll-checkbox': Checkbox,\n    },\n\n    props: {\n      /**\n       * The item to be selected\n       */\n      item: {\n        type: Object,\n        default: () => ({}),\n      },\n\n      /**\n       * Whether this row can be selected.\n       */\n      isSelectable: {\n        type: Boolean,\n        default: false,\n      },\n\n      /**\n       * Whether this row's checkbox should be indeterminite\n       */\n      isIndeterminate: {\n        type: Boolean,\n        default: false,\n      },\n\n      /**\n       * Whether this row has an actions column or not. By default list items will\n       * be styled to include actions. Use `not-actionable` to restyle a row that\n       * has no actions.\n       */\n      notActionable: {\n        type: Boolean,\n        default: false,\n      },\n\n      /**\n       * Whether this row is selected.\n       */\n      selected: {\n        type: Boolean,\n        default: false,\n      },\n\n      /**\n       * Disables the checkbox\n       */\n      disabled: {\n        type: Boolean,\n        default: false,\n      },\n    },\n\n    emits: ['select'],\n\n    methods: {\n      /**\n       * @param {boolean} value emit change event when item is selected\n       */\n      onSelect(value) {\n        this.$emit('select', { item: this.item, value });\n      },\n    },\n  };\n</script>\n\n<template>\n  <li\n    class=\"shadow-low\"\n    :class=\"[$style.item, { [$style['is-selectable']]: isSelectable, [$style['not-actionable']]: notActionable }]\"\n  >\n    <ll-checkbox\n      v-if=\"isSelectable\"\n      data-test=\"checkbox|select-item\"\n      :checked=\"selected\"\n      :class=\"$style.checkbox\"\n      :disabled=\"disabled || null\"\n      :indeterminate=\"isIndeterminate\"\n      @update:checked=\"onSelect\"\n    />\n    <slot></slot>\n  </li>\n</template>\n\n<style module>\n  .item {\n    background: var(--color-white);\n    border-radius: theme('borderRadius.DEFAULT');\n    column-gap: var(--grid-gutter);\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    margin-bottom: theme('spacing.6');\n    padding: theme('spacing.3');\n    padding-top: theme('spacing.12');\n    position: relative;\n    row-gap: var(--grid-gutter);\n  }\n\n  @media screen('md') {\n    .item {\n      grid-template-columns: repeat(8, 1fr);\n    }\n  }\n\n  @media screen('lg') {\n    .item {\n      align-items: center;\n      border-bottom: 1px solid var(--color-ice-200);\n      border-radius: 0;\n      box-shadow: none;\n      grid-template-columns: repeat(12, 1fr);\n      margin-bottom: 0;\n      padding: theme('spacing.6');\n      row-gap: 0;\n    }\n\n    .item:last-child {\n      border: 0;\n      border-bottom-left-radius: theme('borderRadius.DEFAULT');\n      border-bottom-right-radius: theme('borderRadius.DEFAULT');\n    }\n  }\n\n  @media screen('lg') {\n    .is-selectable {\n      grid-template-columns: theme('spacing[1.5]') repeat(12, 1fr);\n    }\n  }\n\n  .not-actionable {\n    padding-top: theme('spacing.3');\n  }\n\n  @media screen('lg') {\n    .not-actionable {\n      padding-top: theme('spacing.6');\n    }\n  }\n\n  .checkbox {\n    left: theme('spacing.3');\n    position: absolute !important;\n    top: 0;\n  }\n\n  @media screen('lg') {\n    .checkbox {\n      left: 0;\n      position: relative !important;\n    }\n\n    .checkbox label {\n      padding: 10px;\n    }\n  }\n</style>\n"],"names":["_sfc_main","Checkbox","value","_createElementBlock","_normalizeClass","_ctx","$props","_createBlock","_component_ll_checkbox","$options","_renderSlot"],"mappings":";;;;;;;;GAGOA,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,eAAeC;AAAA;EAGjB,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA;;;;IAMlB,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA;;;;;;IAQX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,OAAO,CAAC,QAAQ;AAAA,EAEhB,SAAS;AAAA;AAAA;AAAA;AAAA,IAIP,SAASC,GAAO;AACd,WAAK,MAAM,UAAU,EAAE,MAAM,KAAK,MAAM,OAAAA,GAAO;AAAA,IACjD;AAAA;;;;cAMJC,EAcK,MAAA;AAAA,IAbH,OAAKC,EAAA,CAAC,cAAY,CACTC,EAAA,OAAO,MAAI,EAAA,CAAKA,EAAA,OAAM,eAAA,CAAA,GAAoBC,EAAA,cAAY,CAAGD,EAAA,2BAA2BC,EAAA,cAAa,CAAA,CAAA,CAAA;AAAA;IAGlGA,EAAA,qBADRC,EAQEC,GAAA;AAAA;MANA,aAAU;AAAA,MACT,SAASF,EAAA;AAAA,MACT,OAAKF,EAAEC,EAAA,OAAO,QAAQ;AAAA,MACtB,UAAUC,EAAA,YAAQ;AAAA,MAClB,eAAeA,EAAA;AAAA,MACf,oBAAgBG,EAAA;AAAA;IAEnBC,EAAaL,EAAA,QAAA,SAAA;AAAA;;;;;"}
+{"version":3,"file":"ListItem.js","sources":["../src/components/ListItem/ListItem.vue"],"sourcesContent":["<script>\n  import Checkbox from '../Checkbox/Checkbox.vue';\n\n  export default {\n    name: 'll-list-item',\n\n    components: {\n      'll-checkbox': Checkbox,\n    },\n\n    props: {\n      /**\n       * The item to be selected\n       */\n      item: {\n        type: Object,\n        default: () => ({}),\n      },\n\n      /**\n       * Whether this row can be selected.\n       */\n      isSelectable: {\n        type: Boolean,\n        default: false,\n      },\n\n      /**\n       * Whether this row's checkbox should be indeterminite\n       */\n      isIndeterminate: {\n        type: Boolean,\n        default: false,\n      },\n\n      /**\n       * Whether this row has an actions column or not. By default list items will\n       * be styled to include actions. Use `not-actionable` to restyle a row that\n       * has no actions.\n       */\n      notActionable: {\n        type: Boolean,\n        default: false,\n      },\n\n      /**\n       * Whether this row is selected.\n       */\n      selected: {\n        type: Boolean,\n        default: false,\n      },\n\n      /**\n       * Disables the checkbox\n       */\n      disabled: {\n        type: Boolean,\n        default: false,\n      },\n    },\n\n    emits: ['select'],\n\n    methods: {\n      /**\n       * @param {boolean} value emit change event when item is selected\n       */\n      onSelect(value) {\n        this.$emit('select', { item: this.item, value });\n      },\n    },\n  };\n</script>\n\n<template>\n  <li\n    class=\"shadow-low\"\n    :class=\"[$style.item, { [$style['is-selectable']]: isSelectable, [$style['not-actionable']]: notActionable }]\"\n  >\n    <ll-checkbox\n      v-if=\"isSelectable\"\n      data-test=\"checkbox|select-item\"\n      :checked=\"selected\"\n      :class=\"$style.checkbox\"\n      :disabled=\"disabled || null\"\n      :indeterminate=\"isIndeterminate\"\n      @update:checked=\"onSelect\"\n    />\n    <slot></slot>\n  </li>\n</template>\n\n<style module>\n  .item {\n    background: var(--color-white);\n    border-radius: theme('borderRadius.DEFAULT');\n    column-gap: var(--grid-gutter);\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    margin-bottom: theme('spacing.6');\n    padding: theme('spacing.3');\n    padding-top: theme('spacing.12');\n    position: relative;\n    row-gap: var(--grid-gutter);\n  }\n\n  @media screen('md') {\n    .item {\n      grid-template-columns: repeat(8, 1fr);\n    }\n  }\n\n  @media screen('lg') {\n    .item {\n      align-items: center;\n      border-bottom: 1px solid var(--color-ice-200);\n      border-radius: 0;\n      box-shadow: none;\n      grid-template-columns: repeat(12, 1fr);\n      margin-bottom: 0;\n      padding: theme('spacing.6');\n      row-gap: 0;\n    }\n\n    .item:last-child {\n      border: 0;\n      border-bottom-left-radius: theme('borderRadius.DEFAULT');\n      border-bottom-right-radius: theme('borderRadius.DEFAULT');\n    }\n  }\n\n  @media screen('lg') {\n    .is-selectable {\n      grid-template-columns: theme('spacing[1.5]') repeat(12, 1fr);\n    }\n  }\n\n  .not-actionable {\n    padding-top: theme('spacing.3');\n  }\n\n  @media screen('lg') {\n    .not-actionable {\n      padding-top: theme('spacing.6');\n    }\n  }\n\n  .checkbox {\n    left: theme('spacing.3');\n    position: absolute !important;\n    top: 0;\n  }\n\n  @media screen('lg') {\n    .checkbox {\n      left: 0;\n      position: relative !important;\n    }\n\n    .checkbox label {\n      padding: 10px;\n    }\n  }\n</style>\n"],"names":["_sfc_main","Checkbox","value","_createElementBlock","_normalizeClass","_ctx","$props","_createBlock","_component_ll_checkbox","$options","_createCommentVNode","_renderSlot"],"mappings":";;;;;;;;GAGOA,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,eAAeC;AAAA,EAChB;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACjB;AAAA;AAAA;AAAA;AAAA,IAKD,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO,CAAC,QAAQ;AAAA,EAEhB,SAAS;AAAA;AAAA;AAAA;AAAA,IAIP,SAASC,GAAO;AACd,WAAK,MAAM,UAAU,EAAE,MAAM,KAAK,MAAM,OAAAA,GAAO;AAAA,IAChD;AAAA,EACF;AACF;;;cAIDC,EAcK,MAAA;AAAA,IAbH,OA7EJC,EAAA,CA6EU,cAAY,CACTC,SAAO,MAAS,EAAA,CAAAA,EAAA,OAA0B,eAAA,CAAA,GAAAC,EAAA,cAAe,CAAAD,EAAA,2BAA2BC,EAAa,cAAA,CAAA,CAAA,CAAA;AAAA;IAGlGA,EAAY,qBADpBC,EAQEC,GAAA;AAAA,MAxFN,KAAA;AAAA,MAkFM,aAAU;AAAA,MACT,SAASF,EAAQ;AAAA,MACjB,OApFPF,EAoFcC,EAAM,OAAC,QAAQ;AAAA,MACtB,UAAUC,EAAQ,YAAA;AAAA,MAClB,eAAeA,EAAe;AAAA,MAC9B,oBAAgBG,EAAQ;AAAA,0FAvF/BC,EAAA,IAAA,EAAA;AAAA,IAyFIC,EAAaN,EAAA,QAAA,SAAA;AAAA;;;;;"}

package/dist/ListItem.vue.d.ts

@@ -1 +1,295 @@
+import { AllowedComponentProps } from 'vue';
+import { ComponentCustomProps } from 'vue';
+import { ComponentOptionsBase } from 'vue';
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { CreateComponentPublicInstanceWithMixins } from 'vue';
+import { DefineComponent } from 'vue';
+import { ExtractPropTypes } from 'vue';
+import { GlobalComponents } from 'vue';
+import { GlobalDirectives } from 'vue';
+import { PropType } from 'vue';
+import { PublicProps } from 'vue';
+import { VNodeProps } from 'vue';
+
+declare const _default: DefineComponent<ExtractPropTypes<    {
+/**
+* The item to be selected
+*/
+item: {
+type: ObjectConstructor;
+default: () => {};
+};
+/**
+* Whether this row can be selected.
+*/
+isSelectable: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
+* Whether this row's checkbox should be indeterminite
+*/
+isIndeterminate: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
+* Whether this row has an actions column or not. By default list items will
+* be styled to include actions. Use `not-actionable` to restyle a row that
+* has no actions.
+*/
+notActionable: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
+* Whether this row is selected.
+*/
+selected: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
+* Disables the checkbox
+*/
+disabled: {
+type: BooleanConstructor;
+default: boolean;
+};
+}>, {}, {}, {}, {
+/**
+* @param {boolean} value emit change event when item is selected
+*/
+onSelect(value: boolean): void;
+}, ComponentOptionsMixin, ComponentOptionsMixin, "select"[], "select", PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* The item to be selected
+*/
+item: {
+type: ObjectConstructor;
+default: () => {};
+};
+/**
+* Whether this row can be selected.
+*/
+isSelectable: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
+* Whether this row's checkbox should be indeterminite
+*/
+isIndeterminate: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
+* Whether this row has an actions column or not. By default list items will
+* be styled to include actions. Use `not-actionable` to restyle a row that
+* has no actions.
+*/
+notActionable: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
+* Whether this row is selected.
+*/
+selected: {
+type: BooleanConstructor;
+default: boolean;
+};
+/**
+* Disables the checkbox
+*/
+disabled: {
+type: BooleanConstructor;
+default: boolean;
+};
+}>> & Readonly<{
+onSelect?: ((...args: any[]) => any) | undefined;
+}>, {
+disabled: boolean;
+selected: boolean;
+item: Record<string, any>;
+isSelectable: boolean;
+isIndeterminate: boolean;
+notActionable: boolean;
+}, {}, {
+'ll-checkbox': {
+new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<ExtractPropTypes<    {
+disabled: {
+type: PropType<boolean>;
+default: boolean;
+};
+label: {
+type: PropType<string>;
+default: undefined;
+};
+id: {
+type: PropType<string>;
+default: undefined;
+};
+hasError: {
+type: PropType<boolean>;
+default: boolean;
+};
+errorText: {
+type: PropType<string>;
+default: string;
+};
+hintText: {
+type: PropType<string>;
+default: string;
+};
+modelValue: {
+type: PropType<boolean | (string | number)[]>;
+default: undefined;
+};
+value: {
+type: PropType<string | number>;
+default: undefined;
+};
+checked: {
+type: PropType<boolean | (string | number)[]>;
+required: true;
+default: boolean;
+};
+}>> & Readonly<{
+"onUpdate:checked"?: ((value: boolean | (string | number)[]) => any) | undefined;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:checked": (value: boolean | (string | number)[]) => void;
+}, PublicProps, {
+disabled: boolean;
+label: string;
+id: string;
+hasError: boolean;
+errorText: string;
+hintText: string;
+modelValue: boolean | (string | number)[];
+value: string | number;
+checked: boolean | (string | number)[];
+}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+P: {};
+B: {};
+D: {};
+C: {};
+M: {};
+Defaults: {};
+}, Readonly<ExtractPropTypes<    {
+disabled: {
+type: PropType<boolean>;
+default: boolean;
+};
+label: {
+type: PropType<string>;
+default: undefined;
+};
+id: {
+type: PropType<string>;
+default: undefined;
+};
+hasError: {
+type: PropType<boolean>;
+default: boolean;
+};
+errorText: {
+type: PropType<string>;
+default: string;
+};
+hintText: {
+type: PropType<string>;
+default: string;
+};
+modelValue: {
+type: PropType<boolean | (string | number)[]>;
+default: undefined;
+};
+value: {
+type: PropType<string | number>;
+default: undefined;
+};
+checked: {
+type: PropType<boolean | (string | number)[]>;
+required: true;
+default: boolean;
+};
+}>> & Readonly<{
+"onUpdate:checked"?: ((value: boolean | (string | number)[]) => any) | undefined;
+}>, {}, {}, {}, {}, {
+disabled: boolean;
+label: string;
+id: string;
+hasError: boolean;
+errorText: string;
+hintText: string;
+modelValue: boolean | (string | number)[];
+value: string | number;
+checked: boolean | (string | number)[];
+}>;
+__isFragment?: undefined;
+__isTeleport?: undefined;
+__isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly<ExtractPropTypes<    {
+disabled: {
+type: PropType<boolean>;
+default: boolean;
+};
+label: {
+type: PropType<string>;
+default: undefined;
+};
+id: {
+type: PropType<string>;
+default: undefined;
+};
+hasError: {
+type: PropType<boolean>;
+default: boolean;
+};
+errorText: {
+type: PropType<string>;
+default: string;
+};
+hintText: {
+type: PropType<string>;
+default: string;
+};
+modelValue: {
+type: PropType<boolean | (string | number)[]>;
+default: undefined;
+};
+value: {
+type: PropType<string | number>;
+default: undefined;
+};
+checked: {
+type: PropType<boolean | (string | number)[]>;
+required: true;
+default: boolean;
+};
+}>> & Readonly<{
+"onUpdate:checked"?: ((value: boolean | (string | number)[]) => any) | undefined;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:checked": (value: boolean | (string | number)[]) => void;
+}, string, {
+disabled: boolean;
+label: string;
+id: string;
+hasError: boolean;
+errorText: string;
+hintText: string;
+modelValue: boolean | (string | number)[];
+value: string | number;
+checked: boolean | (string | number)[];
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+$slots: {
+default?(_: {}): any;
+hint?(_: {}): any;
+};
+});
+}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;
+
 export { }

package/dist/ListItemCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemCell.js","sources":["../src/components/ListItemCell/ListItemCell.vue"],"sourcesContent":["<script>\n  export default {\n    name: 'll-list-item-cell',\n\n    props: {\n      /**\n       * Is this cell for the Action column\n       */\n      isAction: Boolean,\n    },\n  };\n</script>\n\n<template>\n  <div :class=\"isAction ? $style.action : $style.cell\">\n    <slot></slot>\n  </div>\n</template>\n\n<style module>\n  .cell {\n    background-color: var(--color-ice-100);\n    border-radius: theme('borderRadius.DEFAULT');\n    padding: theme('spacing[1.5]');\n\n    :global(.stash-label) {\n      font-size: theme('fontSize.xs');\n    }\n\n    @media screen('lg') {\n      background: none;\n      padding: 0;\n\n      :global(.stash-label) {\n        display: none !important;\n      }\n    }\n  }\n\n  .action {\n    position: absolute;\n    right: 0;\n    top: 0;\n\n    @media screen('lg') {\n      position: initial;\n    }\n  }\n</style>\n"],"names":["_sfc_main","_createElementBlock","_normalizeClass","$props","_ctx","_renderSlot"],"mappings":";;;;;GACOA,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,UAAU;AAAA;;;cAMdC,EAEM,OAAA;AAAA,IAFA,OAAKC,EAAEC,aAAWC,EAAA,OAAO,SAASA,EAAA,OAAO,IAAI;AAAA;IACjDC,EAAaD,EAAA,QAAA,SAAA;AAAA;;;;;"}
+{"version":3,"file":"ListItemCell.js","sources":["../src/components/ListItemCell/ListItemCell.vue"],"sourcesContent":["<script>\n  export default {\n    name: 'll-list-item-cell',\n\n    props: {\n      /**\n       * Is this cell for the Action column\n       */\n      isAction: Boolean,\n    },\n  };\n</script>\n\n<template>\n  <div :class=\"isAction ? $style.action : $style.cell\">\n    <slot></slot>\n  </div>\n</template>\n\n<style module>\n  .cell {\n    background-color: var(--color-ice-100);\n    border-radius: theme('borderRadius.DEFAULT');\n    padding: theme('spacing[1.5]');\n\n    :global(.stash-label) {\n      font-size: theme('fontSize.xs');\n    }\n\n    @media screen('lg') {\n      background: none;\n      padding: 0;\n\n      :global(.stash-label) {\n        display: none !important;\n      }\n    }\n  }\n\n  .action {\n    position: absolute;\n    right: 0;\n    top: 0;\n\n    @media screen('lg') {\n      position: initial;\n    }\n  }\n</style>\n"],"names":["_sfc_main","_createElementBlock","_normalizeClass","$props","_ctx","_renderSlot"],"mappings":";;;;;GACOA,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,UAAU;AAAA,EACX;AACF;;cAIDC,EAEM,OAAA;AAAA,IAFA,OAdRC,EAceC,EAAA,WAAWC,EAAA,OAAO,SAASA,EAAM,OAAC,IAAI;AAAA;IACjDC,EAAaD,EAAA,QAAA,SAAA;AAAA;;;;;"}

package/dist/ListItemCell.vue.d.ts

@@ -1 +1,22 @@
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { DefineComponent } from 'vue';
+import { ExtractPropTypes } from 'vue';
+import { PublicProps } from 'vue';
+
+declare const _default: DefineComponent<ExtractPropTypes<    {
+/**
+* Is this cell for the Action column
+*/
+isAction: BooleanConstructor;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* Is this cell for the Action column
+*/
+isAction: BooleanConstructor;
+}>> & Readonly<{}>, {
+isAction: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;
+
 export { }

package/dist/ListView.js

@@ -651,6 +651,7 @@ const Le = {
     "updateResults"
   ],
   data() {
+    var e;
     return {
       internalItems: [],
       currentPage: this.initialPage || 1,
@@ -666,7 +667,7 @@ const Le = {
       searchText: w("ll.search"),
       sortTerm: "",
       isLoadingSearchSchemaAction: !1,
-      isShowingFilters: !!(this.filterSchema?.length && (this.showFiltersOnLoad || A.get("show-filters"))),
+      isShowingFilters: !!((e = this.filterSchema) != null && e.length && (this.showFiltersOnLoad || A.get("show-filters"))),
       isFiltering: !1,
       results: [],
       selectedItems: []
@@ -856,7 +857,7 @@ const Le = {
         } finally {
           this.isLoadingSearchSchemaAction = !1;
         }
-        this.results = this.sortItems(this.filterItems(e?.results || []));
+        this.results = this.sortItems(this.filterItems((e == null ? void 0 : e.results) || []));
       } else
         this.results = this.sortItems(this.filterItems(this.searchFor(this.searchTerm)));
       this.trackResults({
@@ -900,7 +901,8 @@ const Le = {
      * Clear search term and reset results to their initial state
      */
     async clearSearchTerm() {
-      this.searchTerm = "", await this.$attrs.onSearchTermClear?.(), this.onSearch();
+      var e, l;
+      this.searchTerm = "", await ((l = (e = this.$attrs).onSearchTermClear) == null ? void 0 : l.call(e)), this.onSearch();
     },
     /**
      * Resets the results to their initial state on page load
@@ -913,7 +915,8 @@ const Le = {
       this.processResults();
     },
     onSearchTermChange() {
-      this.$attrs.onSearchTermChange?.(this.searchTerm);
+      var e, l;
+      (l = (e = this.$attrs).onSearchTermChange) == null || l.call(e, this.searchTerm);
     },
     /**
      * Event handler for when the user: