@leaflink/stash 44.0.0-beta.6 → 44.0.0-beta.8

package/dist/Label.vue.d.ts

@@ -57,13 +57,24 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
 export default _default;
 
 export declare interface LabelProps {
+    /**
+     * The `id` of the input element that this label is associated with.
+     */
     for?: string;
+    /**
+     * Indicates whether the label should be styled as an error.
+     */
     hasError?: boolean;
+    /**
+     * Indicates whether the input element that this label is associated with is required.
+     */
     isRequired?: boolean;
+    /**
+     * Indicates whether the label should show that the input is optional.
+     */
     showOptional?: boolean;
     /**
-     * Indicates whether the wrapper element to be rendered
-     * should be a label or a legend.
+     * Indicates whether the wrapper element to be rendered should be a label or a legend.
      */
     legend?: boolean;
 }

package/dist/{Label.vue_vue_type_script_setup_true_lang-2de35913.js → Label.vue_vue_type_script_setup_true_lang-4b02087f.js}

@@ -1,14 +1,14 @@
-import { defineComponent as s, computed as n, openBlock as t, createBlock as i, resolveDynamicComponent as d, normalizeClass as c, withCtx as p, renderSlot as f, createElementBlock as o, toDisplayString as u, unref as m, createCommentVNode as w } from "vue";
+import { defineComponent as r, computed as n, openBlock as t, createBlock as i, resolveDynamicComponent as d, normalizeClass as c, withCtx as f, renderSlot as p, createElementBlock as o, toDisplayString as u, unref as m, createCommentVNode as w } from "vue";
 import { t as h } from "./locale.js";
 const _ = {
   key: 0,
-  class: "font-weight-bold tw-text-red-500",
+  class: "tw-font-semibold tw-text-red-500",
   title: "Required",
   "aria-label": "required"
 }, y = {
   key: 1,
   class: "tw-text-ice-700"
-}, g = /* @__PURE__ */ s({
+}, x = /* @__PURE__ */ r({
   __name: "Label",
   props: {
     for: { default: void 0 },
@@ -19,19 +19,20 @@ const _ = {
   },
   setup(a) {
     const e = a, l = n(() => e.legend ? "legend" : "label");
-    return (r, k) => (t(), i(d(l.value), {
-      class: c(["stash-label tw-block tw-truncate tw-text-sm tw-font-medium tw-leading-6 tw-text-ice-900", { "animate-shake": e.hasError }]),
-      for: e.for
+    return (s, b) => (t(), i(d(l.value), {
+      class: c(["stash-label tw-block tw-truncate tw-text-sm tw-font-medium tw-leading-6 tw-text-ice-900", { "tw-animate-shake": e.hasError }]),
+      for: e.for,
+      "data-test": "stash-label"
     }, {
-      default: p(() => [
-        f(r.$slots, "default"),
-        e.isRequired ? (t(), o("span", _, " * ")) : e.showOptional ? (t(), o("span", y, " (" + u(m(h)("ll.optional")) + ") ", 1)) : w("", !0)
+      default: f(() => [
+        p(s.$slots, "default"),
+        e.isRequired ? (t(), o("span", _, " * ")) : e.showOptional ? (t(), o("span", y, " (" + u(m(h)("ll.optional")) + ")", 1)) : w("", !0)
       ]),
       _: 3
     }, 8, ["class", "for"]));
   }
 });
 export {
-  g as _
+  x as _
 };
-//# sourceMappingURL=Label.vue_vue_type_script_setup_true_lang-2de35913.js.map
+//# sourceMappingURL=Label.vue_vue_type_script_setup_true_lang-4b02087f.js.map

package/dist/Label.vue_vue_type_script_setup_true_lang-4b02087f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.vue_vue_type_script_setup_true_lang-4b02087f.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  const props = withDefaults(defineProps<LabelProps>(), {\n    for: undefined,\n    hasError: false,\n    isRequired: false,\n    showOptional: false,\n    legend: 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 tw-text-ice-900\"\n    :class=\"{ 'tw-animate-shake': props.hasError }\"\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":["is","computed","props"],"mappings":";;;;;;;;;;;;;;;;;;;;iBAwCQA,IAAKC,EAAS,MACXC,EAAM,SAAS,WAAW,OAClC;;;;;;;;;;;;;;"}

package/dist/ListItem.js

@@ -1,14 +1,14 @@
 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 { resolveComponent as n, openBlock as l, createElementBlock as i, normalizeClass as c, createBlock as d, createCommentVNode as m, renderSlot as b } from "vue";
 import { _ as r } from "./_plugin-vue_export-helper-dad06003.js";
 import "@leaflink/snitch";
 import "lodash-es/uniqueId";
-import "./Checkbox.vue_vue_type_style_index_0_scoped_dbd26d7f_lang-4ed993c7.js";
-const _ = "_item_1ivse_2", f = "_checkbox_1ivse_56", h = {
-  item: _,
-  "is-selectable": "_is-selectable_1ivse_41",
-  "not-actionable": "_not-actionable_1ivse_46",
-  checkbox: f
+import "./Checkbox.vue_used_vue_type_style_index_0_lang.module-fa8d9c06.js";
+const f = "_item_1v8cf_2", _ = "_checkbox_1v8cf_56", h = {
+  item: f,
+  "is-selectable": "_is-selectable_1v8cf_41",
+  "not-actionable": "_not-actionable_1v8cf_46",
+  checkbox: _
 }, k = {
   name: "ll-list-item",
   components: {
@@ -71,15 +71,15 @@ const _ = "_item_1ivse_2", f = "_checkbox_1ivse_56", h = {
   }
 };
 function u(e, y, t, B, x, o) {
-  const c = n("ll-checkbox");
+  const s = n("ll-checkbox");
   return l(), i("li", {
-    class: s(["shadow-low", [e.$style.item, { [e.$style["is-selectable"]]: t.isSelectable, [e.$style["not-actionable"]]: t.notActionable }]])
+    class: c(["shadow-low", [e.$style.item, { [e.$style["is-selectable"]]: t.isSelectable, [e.$style["not-actionable"]]: t.notActionable }]])
   }, [
-    t.isSelectable ? (l(), d(c, {
+    t.isSelectable ? (l(), d(s, {
       key: 0,
       "data-test": "checkbox|select-item",
       checked: t.selected,
-      class: s(e.$style.checkbox),
+      class: c(e.$style.checkbox),
       disabled: t.disabled || null,
       indeterminate: t.isIndeterminate,
       "onUpdate:checked": o.onSelect

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: var(--border-radius);\n    column-gap: var(--grid-gutter);\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    margin-bottom: var(--ll-space-3);\n    padding: var(--ll-space-2);\n    padding-top: var(--ll-space-5);\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: var(--ll-space-3);\n      row-gap: 0;\n    }\n\n    .item:last-child {\n      border: 0;\n      border-bottom-left-radius: var(--border-radius);\n      border-bottom-right-radius: var(--border-radius);\n    }\n  }\n\n  @media screen(lg) {\n    .is-selectable {\n      grid-template-columns: var(--ll-space-1) repeat(12, 1fr);\n    }\n  }\n\n  .not-actionable {\n    padding-top: var(--ll-space-2);\n  }\n\n  @media screen(lg) {\n    .not-actionable {\n      padding-top: var(--ll-space-3);\n    }\n  }\n\n  .checkbox {\n    left: var(--ll-space-2);\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    .checkbox label::before,\n    .checkbox input:checked + label::after {\n      top: 0;\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,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,EAAI,CAAG;AAAA,IAChD;AAAA,EACF;;;;cAKHC,EAcK,MAAA;AAAA,IAbH,OAAMC,EAAA,CAAA,cACG,CAAAC,EAAA,OAAO,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;MANA,aAAU;AAAA,MACT,SAASF,EAAQ;AAAA,MACjB,OAAKF,EAAEC,EAAM,OAAC,QAAQ;AAAA,MACtB,UAAUC,EAAQ,YAAA;AAAA,MAClB,eAAeA,EAAe;AAAA,MAC9B,oBAAgBG,EAAQ;AAAA;IAE3BC,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    .checkbox label::before,\n    .checkbox input:checked + label::after {\n      top: 0;\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,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,EAAI,CAAG;AAAA,IAChD;AAAA,EACF;;;;cAKHC,EAcK,MAAA;AAAA,IAbH,OAAMC,EAAA,CAAA,cACG,CAAAC,EAAA,OAAO,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;MANA,aAAU;AAAA,MACT,SAASF,EAAQ;AAAA,MACjB,OAAKF,EAAEC,EAAM,OAAC,QAAQ;AAAA,MACtB,UAAUC,EAAQ,YAAA;AAAA,MAClB,eAAeA,EAAe;AAAA,MAC9B,oBAAgBG,EAAQ;AAAA;IAE3BC,EAAaL,EAAA,QAAA,SAAA;AAAA;;;;;"}

package/dist/ListItemCell.js

@@ -1,8 +1,8 @@
-import { openBlock as t, createElementBlock as l, normalizeClass as o, renderSlot as c } from "vue";
+import { openBlock as s, createElementBlock as t, normalizeClass as l, renderSlot as c } from "vue";
 import { _ as n } from "./_plugin-vue_export-helper-dad06003.js";
-const i = "_cell_1izqq_176", a = "_action_1izqq_194", r = {
-  cell: i,
-  action: a
+const a = "_cell_3gkxo_2", i = "_action_3gkxo_21", r = {
+  cell: a,
+  action: i
 }, _ = {
   name: "ll-list-item-cell",
   props: {
@@ -12,17 +12,17 @@ const i = "_cell_1izqq_176", a = "_action_1izqq_194", r = {
     isAction: Boolean
   }
 };
-function m(e, p, s, f, u, $) {
-  return t(), l("div", {
-    class: o(s.isAction ? e.$style.action : e.$style.cell)
+function m(e, p, o, f, u, $) {
+  return s(), t("div", {
+    class: l(o.isAction ? e.$style.action : e.$style.cell)
   }, [
     c(e.$slots, "default")
   ], 2);
 }
 const d = {
   $style: r
-}, z = /* @__PURE__ */ n(_, [["render", m], ["__cssModules", d]]);
+}, B = /* @__PURE__ */ n(_, [["render", m], ["__cssModules", d]]);
 export {
-  z as default
+  B as default
 };
 //# sourceMappingURL=ListItemCell.js.map

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 lang=\"scss\" module>\n  .cell {\n    background-color: var(--color-ice-100);\n    border-radius: $border-radius;\n    padding: space(1);\n\n    :global(.stash-label) {\n      font-size: typo('small', 'size');\n    }\n\n    @include breakpoint('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    @include breakpoint('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;;;cAKHC,EAEM,OAAA;AAAA,IAFA,OAAKC,EAAEC,aAAWC,EAAA,OAAO,SAASA,EAAM,OAAC,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;;;cAKHC,EAEM,OAAA;AAAA,IAFA,OAAKC,EAAEC,aAAWC,EAAA,OAAO,SAASA,EAAM,OAAC,IAAI;AAAA;IACjDC,EAAaD,EAAA,QAAA,SAAA;AAAA;;;;;"}

package/dist/ListView.js

@@ -10,7 +10,7 @@ import le from "./Badge.js";
 import v from "./Button.js";
 import R from "./Checkbox.js";
 import ie from "./Dropdown.js";
-import { _ as N } from "./Expand.vue_vue_type_script_setup_true_lang-5fe03d51.js";
+import { _ as N } from "./Expand.vue_vue_type_script_setup_true_lang-1751f4a6.js";
 import re from "./Filters.js";
 import B from "./Icon.js";
 import ae from "./Input.js";
@@ -26,9 +26,9 @@ import "lodash-es/camelCase";
 import "lodash-es/isFinite";
 import "./utils/storage.js";
 import "@leaflink/snitch";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-b2ee90e6.js";
+import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
 import "lodash-es/uniqueId";
-import "./Checkbox.vue_vue_type_style_index_0_scoped_dbd26d7f_lang-4ed993c7.js";
+import "./Checkbox.vue_used_vue_type_style_index_0_lang.module-fa8d9c06.js";
 import "./clickoutside.js";
 import "./utils/calculateElementOverflow.js";
 import "./index-79ce320f.js";
@@ -46,8 +46,8 @@ import "./utils/formatDateTime.js";
 import "./utils/normalizeDate.js";
 import "./toTimeZone-e6e9ab75.js";
 import "./InputOptions.js";
-import "./Field.vue_vue_type_script_setup_true_lang-4483019d.js";
-import "./Label.vue_vue_type_script_setup_true_lang-2de35913.js";
+import "./Field.vue_vue_type_script_setup_true_lang-42ba3c5a.js";
+import "./Label.vue_vue_type_script_setup_true_lang-4b02087f.js";
 import "./Select.js";
 import "lodash-es/isEmpty";
 import "lodash-es/isEqual";
@@ -57,11 +57,11 @@ 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-1a2084f9.js";
+import "./Paginate.vue_used_vue_type_style_index_0_lang.module-18343da7.js";
 import "./EmptyState.vue_used_vue_type_style_index_0_lang.module-f5d89366.js";
-import "./Loading.vue_vue_type_style_index_0_scoped_bb8d5f15_lang-4ed993c7.js";
-const de = "_checkbox_7isy5_185", he = "_actions_7isy5_189", ue = {
-  "select-bar": "_select-bar_7isy5_177",
+import "./Loading.vue_used_vue_type_style_index_0_lang.module-ef5a3bc6.js";
+const de = "_checkbox_hsxyw_10", he = "_actions_hsxyw_14", ue = {
+  "select-bar": "_select-bar_hsxyw_2",
   checkbox: de,
   actions: he
 }, me = {
@@ -133,18 +133,18 @@ const de = "_checkbox_7isy5_185", he = "_actions_7isy5_189", ue = {
   class: "tw-text-xs"
 }, pe = {
   key: 1,
-  class: "lg:hidden tw-ml-1.5"
+  class: "tw-ml-1.5 lg:tw-hidden"
 };
 function Se(e, l, s, w, i, t) {
   const c = d("ll-checkbox"), g = d("ll-button");
   return a(), o("div", {
-    class: r([
+    class: r(["lg:tw-flex", [
       e.$style["select-bar"],
       {
-        "lg:hidden": s.hideBulkActionOptions
+        "lg:tw-hidden": s.hideBulkActionOptions
       },
       "tw-p-3"
-    ])
+    ]])
   }, [
     u("div", {
       class: r(["tw-flex tw-items-center", {
@@ -153,7 +153,7 @@ function Se(e, l, s, w, i, t) {
     }, [
       p(c, {
         "data-test": "checkbox|bulk-actions",
-        class: r([e.$style.checkbox, "lg:hidden tw-m-0"]),
+        class: r([e.$style.checkbox, "tw-m-0 lg:tw-hidden"]),
         checked: s.isSomePageChecked && !!s.totalCount,
         indeterminate: s.isSomePageChecked && !s.isAllPageChecked,
         label: s.totalSelectedCount ? "" : e.selectAllText,
@@ -199,7 +199,7 @@ function Se(e, l, s, w, i, t) {
 const ye = {
   $style: ue
 }, we = /* @__PURE__ */ k(me, [["render", Se], ["__cssModules", ye]]), _e = {
-  "empty-state": "_empty-state_lwdra_176"
+  "empty-state": "_empty-state_12gjn_2"
 }, be = {
   name: "loading-manager",
   components: {
@@ -241,13 +241,13 @@ function ke(e, l, s, w, i, t) {
 const Ce = {
   $style: _e
 }, Te = /* @__PURE__ */ k(be, [["render", ke], ["__cssModules", Ce]]), Ie = {
-  "main-header": "_main-header_12ll3_176",
-  "expanded-content-wrapper": "_expanded-content-wrapper_12ll3_192",
-  "expanded-content-header": "_expanded-content-header_12ll3_202",
-  "expanded-content-header-grid": "_expanded-content-header-grid_12ll3_224",
-  "expansion-toggle-button": "_expansion-toggle-button_12ll3_240",
-  "list-group": "_list-group_12ll3_245",
-  "expanded-content-list-items-wrapper": "_expanded-content-list-items-wrapper_12ll3_250"
+  "main-header": "_main-header_1wlsh_2",
+  "expanded-content-wrapper": "_expanded-content-wrapper_1wlsh_18",
+  "expanded-content-header": "_expanded-content-header_1wlsh_29",
+  "expanded-content-header-grid": "_expanded-content-header-grid_1wlsh_52",
+  "expansion-toggle-button": "_expansion-toggle-button_1wlsh_70",
+  "list-group": "_list-group_1wlsh_74",
+  "expanded-content-list-items-wrapper": "_expanded-content-list-items-wrapper_1wlsh_81"
 }, xe = {
   name: "list-group",
   components: {
@@ -475,25 +475,25 @@ function Le(e, l, s, w, i, t) {
 }
 const Ve = {
   $style: Oe
-}, ls = /* @__PURE__ */ k(Ee, [["render", Le], ["__cssModules", Ve]]), De = "_header_3fe5a_196", Re = "_separator_3fe5a_1", Ne = "_dropdown_3fe5a_347", ze = {
-  "list-items": "_list-items_3fe5a_176",
-  "legacy-box": "_legacy-box_3fe5a_189",
+}, ls = /* @__PURE__ */ k(Ee, [["render", Le], ["__cssModules", Ve]]), De = "_header_c8ut0_25", Re = "_separator_c8ut0_1", Ne = "_dropdown_c8ut0_199", ze = {
+  "list-items": "_list-items_c8ut0_2",
+  "legacy-box": "_legacy-box_c8ut0_16",
   header: De,
-  "header-grid-container": "_header-grid-container_3fe5a_240",
-  "header-grid": "_header-grid_3fe5a_240",
-  "search-input": "_search-input_3fe5a_272",
-  "clear-button": "_clear-button_3fe5a_280",
-  "search-button": "_search-button_3fe5a_292",
-  "total-sort": "_total-sort_3fe5a_306",
-  "filter-toggle-btn": "_filter-toggle-btn_3fe5a_312",
-  "filter-toggle-btn-with-hint-text": "_filter-toggle-btn-with-hint-text_3fe5a_316",
-  "filters-expand": "_filters-expand_3fe5a_321",
-  "filters-wrapper": "_filters-wrapper_3fe5a_321",
+  "header-grid-container": "_header-grid-container_c8ut0_75",
+  "header-grid": "_header-grid_c8ut0_75",
+  "search-input": "_search-input_c8ut0_109",
+  "clear-button": "_clear-button_c8ut0_120",
+  "search-button": "_search-button_c8ut0_134",
+  "total-sort": "_total-sort_c8ut0_151",
+  "filter-toggle-btn": "_filter-toggle-btn_c8ut0_158",
+  "filter-toggle-btn-with-hint-text": "_filter-toggle-btn-with-hint-text_c8ut0_162",
+  "filters-expand": "_filters-expand_c8ut0_177",
+  "filters-wrapper": "_filters-wrapper_c8ut0_178",
   separator: Re,
-  "filters-half-width": "_filters-half-width_3fe5a_342",
+  "filters-half-width": "_filters-half-width_c8ut0_191",
   dropdown: Ne,
-  "sort-option": "_sort-option_3fe5a_351",
-  "select-all": "_select-all_3fe5a_355"
+  "sort-option": "_sort-option_c8ut0_203",
+  "select-all": "_select-all_c8ut0_207"
 }, P = {
   isSearchable: !0,
   placeholder: "Search",
@@ -1069,12 +1069,12 @@ const Ve = {
       return e.reduce((l, s) => this.isItemDisabled(s) ? l : [...l, s], []);
     }
   }
-}, Me = { class: "ll-grid ll-grid-cols-4 md:ll-grid-cols-8 lg:ll-grid-cols-12" }, je = ["disabled"], Ge = { class: "button-grid col-span-1 lg:col-span-3 tw-items-end tw-justify-end" }, Ue = {
+}, je = { class: "ll-grid tw-grid-cols-4 md:tw-grid-cols-8 lg:tw-grid-cols-12" }, Me = ["disabled"], Ge = { class: "button-grid tw-col-span-1 tw-items-end tw-justify-end lg:tw-col-span-3" }, Ue = {
   key: 0,
   class: "tw-text-xs"
 };
 function Ke(e, l, s, w, i, t) {
-  const c = d("Icon"), g = d("Button"), I = d("Input"), x = d("Badge"), C = d("Filters"), z = d("Expand"), H = d("Dropdown"), M = d("Checkbox"), j = d("BulkActions"), G = d("Paginate"), U = O("sticky");
+  const c = d("Icon"), g = d("Button"), I = d("Input"), x = d("Badge"), C = d("Filters"), z = d("Expand"), H = d("Dropdown"), j = d("Checkbox"), M = d("BulkActions"), G = d("Paginate"), U = O("sticky");
   return a(), o("div", null, [
     t.showPrimaryControls || t.showSecondaryControls ? (a(), o("div", {
       key: 0,
@@ -1083,16 +1083,16 @@ function Ke(e, l, s, w, i, t) {
     }, [
       t.showPrimaryControls ? (a(), o("div", {
         key: 0,
-        class: r(["controls", [e.$style["legacy-box"], { "col-span-12 lg:col-span-6": t.showSecondaryControls }]]),
+        class: r(["controls", [e.$style["legacy-box"], { "tw-col-span-12 lg:tw-col-span-6": t.showSecondaryControls }]]),
         "data-test": "filters|controls"
       }, [
-        u("div", Me, [
+        u("div", je, [
           t.internalSearchSchema.isSearchable ? (a(), h(I, {
             key: 0,
             ref: "search-input",
             modelValue: i.searchTerm,
             "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 }]]),
+            class: r(["tw-col-span-3 md:tw-col-span-4", [e.$style["search-input"], { "lg:tw-col-span-8": t.showSecondaryControls }]]),
             "data-test": "input|search-input",
             "hint-text": t.internalSearchSchema.hintText,
             label: i.searchText,
@@ -1109,7 +1109,7 @@ function Ke(e, l, s, w, i, t) {
                 onClick: l[0] || (l[0] = (...S) => t.clearSearchTerm && t.clearSearchTerm(...S))
               }, [
                 p(c, { name: "close" })
-              ], 10, je)) : n("", !0),
+              ], 10, Me)) : n("", !0),
               p(g, {
                 "data-test": "button|search-button",
                 disabled: t.isLoading,
@@ -1118,7 +1118,7 @@ function Ke(e, l, s, w, i, t) {
               }, {
                 default: m(() => [
                   p(c, {
-                    class: r({ "fx-spin tw-text-teal-500": i.isFiltering }),
+                    class: r({ "tw-animate-spin tw-text-teal-500": i.isFiltering }),
                     name: i.isFiltering ? "working" : "search"
                   }, null, 8, ["class", "name"])
                 ]),
@@ -1129,7 +1129,7 @@ function Ke(e, l, s, w, i, t) {
           }, 8, ["modelValue", "class", "hint-text", "label", "placeholder", "onChange"])) : n("", !0),
           s.filterSchema.length ? (a(), o("div", {
             key: 1,
-            class: r(["col-span-1 tw-flex tw-items-end", [
+            class: r(["tw-col-span-1 tw-flex tw-items-end", [
               e.$style["filter-toggle-btn"],
               { [e.$style["filter-toggle-btn-with-hint-text"]]: !!t.internalSearchSchema.hintText }
             ]])
@@ -1138,7 +1138,7 @@ function Ke(e, l, s, w, i, t) {
               default: m(() => [
                 p(g, {
                   secondary: "",
-                  class: "w-min-auto tw-relative tw-w-full",
+                  class: "tw-relative tw-w-full tw-min-w-auto",
                   color: "blue",
                   "data-test": "button|toggle-filters",
                   disabled: i.isFiltering,
@@ -1148,7 +1148,10 @@ function Ke(e, l, s, w, i, t) {
                     i.isFiltering ? (a(), h(c, {
                       key: 0,
                       name: "working",
-                      class: r([{ "fx-spin": i.isFiltering }, i.isShowingFilters ? "tw-text-teal-500" : "tw-text-ice-700"])
+                      class: r([
+                        { "tw-animate-spin": i.isFiltering },
+                        i.isShowingFilters ? "tw-text-teal-500" : "tw-text-ice-700"
+                      ])
                     }, null, 8, ["class"])) : (a(), h(c, {
                       key: 1,
                       name: "filter-line"
@@ -1193,7 +1196,7 @@ function Ke(e, l, s, w, i, t) {
       ], 2)) : n("", !0),
       t.showSecondaryControls ? (a(), o("div", {
         key: 1,
-        class: r(["secondary-controls", [e.$style["legacy-box"], { "col-span-12 lg:col-span-6 tw-mt-0": t.showPrimaryControls }]])
+        class: r(["secondary-controls", [e.$style["legacy-box"], { "tw-col-span-12 tw-mt-0 lg:tw-col-span-6": t.showPrimaryControls }]])
       }, [
         f(e.$slots, "secondary-controls")
       ], 2)) : n("", !0)
@@ -1257,7 +1260,7 @@ function Ke(e, l, s, w, i, t) {
         u("div", {
           class: r([e.$style["header-grid-container"], "tw-border-b tw-border-ice-200 tw-px-3"])
         }, [
-          s.isSelectable ? (a(), h(M, {
+          s.isSelectable ? (a(), h(j, {
             key: 0,
             class: r(["tw-ml-3", e.$style["select-all"]]),
             checked: t.isSomePageChecked,
@@ -1270,7 +1273,7 @@ function Ke(e, l, s, w, i, t) {
             f(e.$slots, "list-header")
           ], 2)
         ], 2),
-        s.isSelectable ? (a(), h(j, Z({ key: 0 }, {
+        s.isSelectable ? (a(), h(M, Z({ key: 0 }, {
           allowSelectAll: !s.hideSelectAll && !s.isServerSide,
           isAllPageChecked: t.isAllPageChecked,
           isSomePageChecked: t.isSomePageChecked,
@@ -1279,7 +1282,7 @@ function Ke(e, l, s, w, i, t) {
           hideBulkActionOptions: s.hideBulkActionOptions,
           hideNumberOfTotalSelected: s.hideNumberOfTotalSelected
         }, {
-          class: !t.isSelectBarVisible && "hidden-lg",
+          class: !t.isSelectBarVisible && "lg:tw-hidden",
           "onChange:clearSelected": t.clearSelected,
           "onChange:selectCurrent": t.onSelectPage,
           "onChange:selectAll": t.selectAll