@leaflink/stash 46.7.2 → 46.8.0

package/dist/DataViewToolbar.vue.d.ts

@@ -34,6 +34,11 @@ declare type __VLS_WithTemplateSlots<T, S> = T & {
 };
 
 export declare interface DataViewToolbarProps {
+    /**
+     * When DataView has `variant="table"` and Table has `is-selectable` enabled, it provides a way to flag
+     * a checkbox whenever all rows are selected, just like the standalone version on TableHeaderRow.
+     */
+    allRowsSelected?: boolean;
     /**
      * Hides the page statistics (ex: "1 - 12 of 20") in the toolbar
      */
@@ -42,17 +47,33 @@ export declare interface DataViewToolbarProps {
      * Controls the corners of DataViewToolbar with the "border-radius" CSS property. The default value is "rounded".
      */
     radius?: ToolbarRadiuses;
+    /**
+     * When DataView has variant="table" and Table has `is-selectable` enabled, it provides a way to flag
+     * a checkbox whenever one or more, but not all rows are selected, just like the standalone
+     * version on TableHeaderRow.
+     */
+    someRowsSelected?: boolean;
 }
 
 declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DataViewToolbarProps>, {
+    allRowsSelected: boolean;
     hidePageStats: boolean;
     radius: string;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DataViewToolbarProps>, {
+    someRowsSelected: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    select: () => void;
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DataViewToolbarProps>, {
+    allRowsSelected: boolean;
     hidePageStats: boolean;
     radius: string;
-}>>>, {
+    someRowsSelected: boolean;
+}>>> & {
+    onSelect?: (() => any) | undefined;
+}, {
     radius: "none" | "rounded" | "rounded-top";
+    allRowsSelected: boolean;
     hidePageStats: boolean;
+    someRowsSelected: boolean;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/dist/FilterDropdown.js

@@ -6,7 +6,7 @@ import "lodash-es/cloneDeep";
 import "lodash-es/uniqueId";
 import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
 import "./Paginate.vue_used_vue_type_style_index_0_lang.module-18343da7.js";
-import { D as F } from "./DataView.vue_used_vue_type_style_index_0_lang.module-d878ca9a.js";
+import { D as F } from "./DataView.vue_used_vue_type_style_index_0_lang.module-5c180dba.js";
 import { D as z } from "./DataViewFilters.keys-c80ffabe.js";
 import G from "./Dropdown.js";
 import $ from "./FilterChip.js";

package/dist/HttpError.js

@@ -1,29 +1,21 @@
-import { openBlock as p, createElementBlock as h, createStaticVNode as y, defineComponent as k, useCssModule as C, useSlots as L, computed as l, resolveComponent as B, normalizeClass as i, unref as o, createElementVNode as r, createVNode as n, withCtx as m, toDisplayString as a, createTextVNode as c, renderSlot as S, createCommentVNode as j } from "vue";
+import { defineComponent as L, useCssModule as B, useSlots as b, computed as s, resolveComponent as z, openBlock as _, createElementBlock as u, normalizeClass as l, unref as e, createElementVNode as o, createVNode as n, withCtx as h, toDisplayString as p, createTextVNode as c, renderSlot as S, createCommentVNode as V } from "vue";
 import { t } from "./locale.js";
-import b from "./Button.js";
-import { _ as H, I as N, V as X } from "./Illustration.vue_vue_type_script_setup_true_lang-e52df837.js";
-import { _ as $ } from "./_plugin-vue_export-helper-dad06003.js";
+import X from "./Button.js";
+import { _ as I, I as N, V as $ } from "./Illustration.vue_vue_type_script_setup_true_lang-e52df837.js";
+import { _ as M } from "./Logo.vue_vue_type_script_setup_true_lang-d7da48a0.js";
+import { _ as T } from "./_plugin-vue_export-helper-dad06003.js";
 import "lodash-es/get";
 import "./Button.vue_used_vue_type_style_index_0_lang.module-63d31dc0.js";
 import "lodash-es/uniqueId";
 import "./index-79ce320f.js";
-const I = {
-  viewBox: "0 0 139 24",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, z = /* @__PURE__ */ y('<g clip-path="url(#a)" fill="#fff"><path d="M35.265.248h3.883V23.82h-3.883V.248ZM57.586 17.127H45.493c.433 2.143 2.11 3.231 4.422 3.231 1.708 0 3.316-.66 4.254-1.912l2.58 1.945c-1.44 2.242-4.188 3.429-7.036 3.429-4.689 0-8.24-3.231-8.24-8.045 0-4.912 3.752-8.012 8.207-8.012 4.49 0 8.007 3.068 8.007 7.88-.005.496-.038.991-.1 1.483ZM53.8 14.456c-.234-2.11-1.876-3.33-4.053-3.33-2.11 0-3.785.99-4.254 3.33H53.8ZM76.628 8.093V23.82H72.74v-2.407c-1.071 1.648-3.282 2.407-5.196 2.407-4.12 0-7.709-3.132-7.709-8.045 0-4.944 3.552-8.012 7.672-8.012 1.977 0 4.158.758 5.226 2.374V8.09l3.894.002Zm-3.953 7.65c0-2.705-2.278-4.419-4.522-4.419-2.412 0-4.389 1.846-4.389 4.418s1.977 4.484 4.389 4.484c2.378 0 4.522-1.78 4.522-4.484ZM83.997 7.071v1.352h3.484v3.069h-3.484V23.82h-3.882V7.269c0-4.418 2.14-7.089 6.495-7.089h1.843l-1.072 3.56c-2.647 0-3.418 1.452-3.384 3.331ZM91.182.25h3.886v23.57h-3.886V.25ZM97.993 2.983c0-1.352 1.172-2.34 2.546-2.34 1.407 0 2.512.988 2.512 2.34 0 1.319-1.105 2.34-2.512 2.34-1.37 0-2.546-1.021-2.546-2.34Zm.606 5.44h3.886V23.82h-3.886V8.423ZM120.934 15.183v8.637h-3.885v-8.276c0-2.44-1.508-3.692-3.25-3.692-1.776 0-3.984.956-3.984 3.92v8.045h-3.891V8.423h3.886v2.44c.803-1.913 3.249-2.77 4.857-2.77 4.023 0 6.267 2.604 6.267 7.09ZM134.073 23.82l-6.098-6.99v6.99h-3.885V.248h3.885v13.087l4.489-4.912h5.059l-6.365 6.726 7.838 8.67h-4.923ZM7.219 19.014v-4.518L0 23.813h4.195l3.092-3.99a4.958 4.958 0 0 1-.068-.81ZM14.74 22.429a3.8 3.8 0 0 1-2.657-1.095 3.68 3.68 0 0 1-1.097-2.621c0-.03.01-11.764.01-13.665.003-1.747 1.502-3.333 3.442-3.333.87 0 1.706.323 2.343.906A4.876 4.876 0 0 0 14.408.589a4.971 4.971 0 0 0-3.139-.193 4.902 4.902 0 0 0-2.61 1.726 4.771 4.771 0 0 0-1.007 2.932v13.943c0 2.521 2.11 4.802 4.9 4.802a4.905 4.905 0 0 0 2.834-.887c.345-.238.658-.517.932-.831a3.755 3.755 0 0 1-1.578.348Z"></path><path d="M18.023 19.003v-4.517l-4.23 5.428c-.219.282-.53.481-.883.562-.351.082-.72.04-1.044-.117.265.46.641.848 1.094 1.132a3.338 3.338 0 0 0 3.073.248c.494-.207.929-.53 1.267-.941l.788-1.008a4.672 4.672 0 0 1-.065-.787ZM25.55 22.429a3.8 3.8 0 0 1-2.657-1.094 3.679 3.679 0 0 1-1.096-2.622l.01-13.665c0-1.745 1.5-3.33 3.441-3.33.868.001 1.703.325 2.338.907A4.875 4.875 0 0 0 25.216.594 4.971 4.971 0 0 0 22.077.4a4.902 4.902 0 0 0-2.61 1.724 4.77 4.77 0 0 0-1.01 2.93v13.943c0 2.521 2.111 4.802 4.9 4.802a4.904 4.904 0 0 0 2.835-.887c.345-.238.658-.517.932-.831a3.758 3.758 0 0 1-1.574.348Z"></path><path d="m26.12 17.93-1.523 1.983c-.219.282-.53.48-.881.562-.352.081-.72.04-1.044-.116.266.46.642.848 1.095 1.132a3.339 3.339 0 0 0 3.073.248c.494-.207.929-.53 1.268-.941l.67-.864-2.657-2.004ZM25.243 2.169c-.547 0-1.084.147-1.553.425a2.99 2.99 0 0 0-1.11 1.151 1.58 1.58 0 0 1 1.973.31 1.52 1.52 0 0 1 .044 1.965L22.23 9.077v5.4l5.02-6.46a4.711 4.711 0 0 0 1.01-2.92 2.943 2.943 0 0 0-.897-2.074 3.038 3.038 0 0 0-2.119-.854ZM14.438 2.169a3.055 3.055 0 0 0-1.551.426 2.99 2.99 0 0 0-1.108 1.15 1.58 1.58 0 0 1 1.97.312 1.52 1.52 0 0 1 .044 1.963l-2.368 3.057v5.4l5.019-6.46a4.713 4.713 0 0 0 1.008-2.92 2.943 2.943 0 0 0-.897-2.073 3.038 3.038 0 0 0-2.117-.855Z"></path></g><defs><clipPath id="a"><path fill="#fff" transform="translate(0 .18)" d="M0 0h139v23.64H0z"></path></clipPath></defs>', 2), T = [
-  z
-];
-function A(d, e) {
-  return p(), h("svg", I, T);
-}
-const D = { render: A }, P = { class: "heading-jumbo tw-m-0 tw-mb-3 !tw-text-white" }, F = { class: "tw-mb-8 tw-text-white" }, R = { class: "tw-mb-4 tw-text-white" }, Y = ["href"], q = /* @__PURE__ */ r("a", {
+import "@leaflink/snitch";
+const D = { class: "heading-jumbo tw-m-0 tw-mb-3 !tw-text-white" }, H = { class: "tw-mb-8 tw-text-white" }, j = { class: "tw-mb-4 tw-text-white" }, F = ["href"], R = /* @__PURE__ */ o("a", {
   href: "mailto:support@leaflink.com",
   class: "link"
-}, "support@leaflink.com", -1), G = {
+}, "support@leaflink.com", -1), Y = {
   key: 0,
   class: "tw-flex tw-items-start tw-gap-6"
-}, J = /* @__PURE__ */ k({
+}, q = /* @__PURE__ */ L({
   __name: "HttpError",
   props: {
     description: { default: "" },
@@ -33,8 +25,8 @@ const D = { render: A }, P = { class: "heading-jumbo tw-m-0 tw-mb-3 !tw-text-whi
     retryLink: { default: void 0 },
     title: { default: "" }
   },
-  setup(d) {
-    const e = d, _ = {
+  setup(m) {
+    const r = m, a = {
       401: {
         title: t("ll.httpError.401.title"),
         description: t("ll.httpError.401.description")
@@ -67,85 +59,84 @@ const D = { render: A }, P = { class: "heading-jumbo tw-m-0 tw-mb-3 !tw-text-whi
         title: t("ll.httpError.504.title"),
         description: t("ll.httpError.504.description")
       }
-    }, s = C(), f = L(), v = l(() => e.errorCode.toString()), w = l(() => parseInt(v.value, 10)), u = l(() => _[w.value] || _[500]), g = l(() => e.title || u.value.title), E = l(() => e.description || u.value.description), M = l(() => !e.hideLogoutButton && e.onLogout), V = l(() => e.retryLink || window.location.href);
-    return (Z, rt) => {
-      const x = B("router-link");
-      return p(), h("div", {
-        class: i(["stash-http-error tw-min-h-screen tw-px-6 tw-py-12", o(s).root]),
+    }, i = B(), f = b(), w = s(() => r.errorCode.toString()), E = s(() => parseInt(w.value, 10)), d = s(() => a[E.value] || a[500]), g = s(() => r.title || d.value.title), v = s(() => r.description || d.value.description), y = s(() => !r.hideLogoutButton && r.onLogout), k = s(() => r.retryLink || window.location.href);
+    return (C, U) => {
+      const x = z("router-link");
+      return _(), u("div", {
+        class: l(["stash-http-error tw-px-6 tw-py-12", e(i).root]),
         "data-test": "stash-http-error"
       }, [
-        r("div", {
-          class: i(o(s).wrapper)
+        o("div", {
+          class: l(e(i).wrapper)
         }, [
           n(x, {
             to: "/",
-            class: i(["tw-mb-8", o(s).logo])
+            class: "tw-mb-8 tw-block"
           }, {
-            default: m(() => [
-              n(o(D), {
-                width: "192",
-                height: "33"
+            default: h(() => [
+              n(M, {
+                color: "white",
+                width: "192"
               })
             ]),
             _: 1
-          }, 8, ["class"]),
-          r("div", {
-            class: i(["tw-mb-8 tw-gap-6", o(s).content])
+          }),
+          o("div", {
+            class: l(["tw-mb-8 tw-gap-6", e(i).content])
           }, [
-            r("div", {
-              class: i(["tw-order-2 lg:tw-order-1", o(s).content__text])
+            o("div", {
+              class: l(["tw-order-2 lg:tw-order-1", e(i).content__text])
             }, [
-              r("h1", P, a(g.value), 1),
-              r("h2", F, "Error Code: " + a(e.errorCode), 1),
-              r("p", R, [
-                c(a(E.value) + " You can ", 1),
-                r("a", {
-                  href: V.value,
+              o("h1", D, p(g.value), 1),
+              o("h2", H, "Error Code: " + p(r.errorCode), 1),
+              o("p", j, [
+                c(p(v.value) + " You can ", 1),
+                o("a", {
+                  href: k.value,
                   class: "link"
-                }, "try again", 8, Y),
+                }, "try again", 8, F),
                 c(" or reach out to "),
-                q,
+                R,
                 c(" for assistance. ")
               ])
             ], 2),
-            r("div", {
-              class: i(["tw-order-1 lg:tw-order-2", o(s).illustration])
+            o("div", {
+              class: l(["tw-order-1 lg:tw-order-2", e(i).illustration])
             }, [
-              n(H, {
+              n(I, {
                 size: 300,
-                type: o(N).Vignette,
-                name: o(X).SearchStorefront
+                type: e(N).Vignette,
+                name: e($).SearchStorefront
               }, null, 8, ["type", "name"])
             ], 2)
           ], 2),
-          o(f).actions || M.value ? (p(), h("div", G, [
-            S(Z.$slots, "actions", {}, () => [
-              n(b, {
+          e(f).actions || y.value ? (_(), u("div", Y, [
+            S(C.$slots, "actions", {}, () => [
+              n(X, {
                 tertiary: "",
-                onClick: e.onLogout
+                onClick: r.onLogout
               }, {
-                default: m(() => [
+                default: h(() => [
                   c("Logout")
                 ]),
                 _: 1
               }, 8, ["onClick"])
             ])
-          ])) : j("", !0)
+          ])) : V("", !0)
         ], 2)
       ], 2);
     };
   }
-}), K = "_root_1ch6j_2", O = "_wrapper_1ch6j_11", Q = "_content_1ch6j_16", U = "_illustration_1ch6j_22", W = "_content__text_1ch6j_40", tt = "_logo_1ch6j_54", ot = {
-  root: K,
-  wrapper: O,
-  content: Q,
-  illustration: U,
-  content__text: W,
-  logo: tt
-}, et = {
-  $style: ot
-}, _t = /* @__PURE__ */ $(J, [["__cssModules", et]]);
+}), A = "_root_16z1p_2", G = "_wrapper_16z1p_11", J = "_content_16z1p_16", K = "_illustration_16z1p_22", O = "_content__text_16z1p_40", P = {
+  root: A,
+  wrapper: G,
+  content: J,
+  illustration: K,
+  content__text: O
+}, Q = {
+  $style: P
+}, pt = /* @__PURE__ */ T(q, [["__cssModules", Q]]);
 export {
-  _t as default
+  pt as default
 };
 //# sourceMappingURL=HttpError.js.map

package/dist/HttpError.js.map

@@ -1 +1 @@
-{"version":3,"file":"HttpError.js","sources":["../assets/logos/leaflink-white-logo-full.svg?component","../src/components/HttpError/HttpError.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createStaticVNode as _createStaticVNode } from \"vue\"\n\nconst _hoisted_1 = {\n  viewBox: \"0 0 139 24\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createStaticVNode(\"<g clip-path=\\\"url(#a)\\\" fill=\\\"#fff\\\"><path d=\\\"M35.265.248h3.883V23.82h-3.883V.248ZM57.586 17.127H45.493c.433 2.143 2.11 3.231 4.422 3.231 1.708 0 3.316-.66 4.254-1.912l2.58 1.945c-1.44 2.242-4.188 3.429-7.036 3.429-4.689 0-8.24-3.231-8.24-8.045 0-4.912 3.752-8.012 8.207-8.012 4.49 0 8.007 3.068 8.007 7.88-.005.496-.038.991-.1 1.483ZM53.8 14.456c-.234-2.11-1.876-3.33-4.053-3.33-2.11 0-3.785.99-4.254 3.33H53.8ZM76.628 8.093V23.82H72.74v-2.407c-1.071 1.648-3.282 2.407-5.196 2.407-4.12 0-7.709-3.132-7.709-8.045 0-4.944 3.552-8.012 7.672-8.012 1.977 0 4.158.758 5.226 2.374V8.09l3.894.002Zm-3.953 7.65c0-2.705-2.278-4.419-4.522-4.419-2.412 0-4.389 1.846-4.389 4.418s1.977 4.484 4.389 4.484c2.378 0 4.522-1.78 4.522-4.484ZM83.997 7.071v1.352h3.484v3.069h-3.484V23.82h-3.882V7.269c0-4.418 2.14-7.089 6.495-7.089h1.843l-1.072 3.56c-2.647 0-3.418 1.452-3.384 3.331ZM91.182.25h3.886v23.57h-3.886V.25ZM97.993 2.983c0-1.352 1.172-2.34 2.546-2.34 1.407 0 2.512.988 2.512 2.34 0 1.319-1.105 2.34-2.512 2.34-1.37 0-2.546-1.021-2.546-2.34Zm.606 5.44h3.886V23.82h-3.886V8.423ZM120.934 15.183v8.637h-3.885v-8.276c0-2.44-1.508-3.692-3.25-3.692-1.776 0-3.984.956-3.984 3.92v8.045h-3.891V8.423h3.886v2.44c.803-1.913 3.249-2.77 4.857-2.77 4.023 0 6.267 2.604 6.267 7.09ZM134.073 23.82l-6.098-6.99v6.99h-3.885V.248h3.885v13.087l4.489-4.912h5.059l-6.365 6.726 7.838 8.67h-4.923ZM7.219 19.014v-4.518L0 23.813h4.195l3.092-3.99a4.958 4.958 0 0 1-.068-.81ZM14.74 22.429a3.8 3.8 0 0 1-2.657-1.095 3.68 3.68 0 0 1-1.097-2.621c0-.03.01-11.764.01-13.665.003-1.747 1.502-3.333 3.442-3.333.87 0 1.706.323 2.343.906A4.876 4.876 0 0 0 14.408.589a4.971 4.971 0 0 0-3.139-.193 4.902 4.902 0 0 0-2.61 1.726 4.771 4.771 0 0 0-1.007 2.932v13.943c0 2.521 2.11 4.802 4.9 4.802a4.905 4.905 0 0 0 2.834-.887c.345-.238.658-.517.932-.831a3.755 3.755 0 0 1-1.578.348Z\\\"></path><path d=\\\"M18.023 19.003v-4.517l-4.23 5.428c-.219.282-.53.481-.883.562-.351.082-.72.04-1.044-.117.265.46.641.848 1.094 1.132a3.338 3.338 0 0 0 3.073.248c.494-.207.929-.53 1.267-.941l.788-1.008a4.672 4.672 0 0 1-.065-.787ZM25.55 22.429a3.8 3.8 0 0 1-2.657-1.094 3.679 3.679 0 0 1-1.096-2.622l.01-13.665c0-1.745 1.5-3.33 3.441-3.33.868.001 1.703.325 2.338.907A4.875 4.875 0 0 0 25.216.594 4.971 4.971 0 0 0 22.077.4a4.902 4.902 0 0 0-2.61 1.724 4.77 4.77 0 0 0-1.01 2.93v13.943c0 2.521 2.111 4.802 4.9 4.802a4.904 4.904 0 0 0 2.835-.887c.345-.238.658-.517.932-.831a3.758 3.758 0 0 1-1.574.348Z\\\"></path><path d=\\\"m26.12 17.93-1.523 1.983c-.219.282-.53.48-.881.562-.352.081-.72.04-1.044-.116.266.46.642.848 1.095 1.132a3.339 3.339 0 0 0 3.073.248c.494-.207.929-.53 1.268-.941l.67-.864-2.657-2.004ZM25.243 2.169c-.547 0-1.084.147-1.553.425a2.99 2.99 0 0 0-1.11 1.151 1.58 1.58 0 0 1 1.973.31 1.52 1.52 0 0 1 .044 1.965L22.23 9.077v5.4l5.02-6.46a4.711 4.711 0 0 0 1.01-2.92 2.943 2.943 0 0 0-.897-2.074 3.038 3.038 0 0 0-2.119-.854ZM14.438 2.169a3.055 3.055 0 0 0-1.551.426 2.99 2.99 0 0 0-1.108 1.15 1.58 1.58 0 0 1 1.97.312 1.52 1.52 0 0 1 .044 1.963l-2.368 3.057v5.4l5.019-6.46a4.713 4.713 0 0 0 1.008-2.92 2.943 2.943 0 0 0-.897-2.073 3.038 3.038 0 0 0-2.117-.855Z\\\"></path></g><defs><clipPath id=\\\"a\\\"><path fill=\\\"#fff\\\" transform=\\\"translate(0 .18)\\\" d=\\\"M0 0h139v23.64H0z\\\"></path></clipPath></defs>\", 2)\nconst _hoisted_4 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _hoisted_4))\n}\nexport default { render: render }","<script setup lang=\"ts\">\n  import { computed, useCssModule, useSlots } from 'vue';\n\n  import LeafLinkLogo from '../../../assets/logos/leaflink-white-logo-full.svg?component';\n  import { t } from '../../locale';\n  import Button from '../Button/Button.vue';\n  import { IllustrationType, VignetteName } from '../Illustration/Illustration.models';\n  import Illustration from '../Illustration/Illustration.vue';\n\n  type ErrorCodes = 401 | 403 | 404 | 405 | 500 | 502 | 503 | 504;\n  const errors: Record<ErrorCodes, { title: string; description: string }> = {\n    401: {\n      title: t('ll.httpError.401.title'),\n      description: t('ll.httpError.401.description'),\n    },\n    403: {\n      title: t('ll.httpError.403.title'),\n      description: t('ll.httpError.403.description'),\n    },\n    404: {\n      title: t('ll.httpError.404.title'),\n      description: t('ll.httpError.404.description'),\n    },\n    405: {\n      title: t('ll.httpError.405.title'),\n      description: t('ll.httpError.405.description'),\n    },\n    500: {\n      title: t('ll.httpError.50X.title'),\n      description: t('ll.httpError.50X.description'),\n    },\n    502: {\n      title: t('ll.httpError.50X.title'),\n      description: t('ll.httpError.50X.description'),\n    },\n    503: {\n      title: t('ll.httpError.50X.title'),\n      description: t('ll.httpError.50X.description'),\n    },\n    504: {\n      title: t('ll.httpError.504.title'),\n      description: t('ll.httpError.504.description'),\n    },\n  };\n\n  export interface HttpErrorProps {\n    /**\n     * A description of what possibly happened.\n     */\n    description?: string;\n\n    /**\n     * The error code.\n     */\n    errorCode: keyof typeof errors | `${keyof typeof errors}`;\n\n    /**\n     * By default, the logout button is visible unless content is provided to the `actions` slot or\n     * this prop is `true`.\n     */\n    hideLogoutButton?: boolean;\n\n    /**\n     * A callback that will be called when the user clicks the logout button. If not provided,\n     * a `logout` event will be emitted.\n     */\n    onLogout?: () => void;\n\n    /**\n     * A link to redirect the user to see if a hard refresh fixes the issue.\n     */\n    retryLink?: string;\n\n    /**\n     * The error title.\n     */\n    title?: string;\n  }\n\n  const props = withDefaults(defineProps<HttpErrorProps>(), {\n    description: '',\n    errorCode: '404',\n    onLogout: undefined,\n    hideLogoutButton: false,\n    retryLink: undefined,\n    title: '',\n  });\n\n  const classes = useCssModule();\n  const slots = useSlots();\n\n  const errorCodeStr = computed(() => props.errorCode.toString());\n  const errorCodeInt = computed(() => parseInt(errorCodeStr.value, 10));\n  const defaultInfoByErrorCode = computed(() => errors[errorCodeInt.value] || errors['500']);\n  const errorTitle = computed(() => props.title || defaultInfoByErrorCode.value.title);\n  const errorDescription = computed(() => props.description || defaultInfoByErrorCode.value.description);\n\n  const showLogoutButton = computed(() => !props.hideLogoutButton && props.onLogout);\n  const computedRetryLink = computed(() => props.retryLink || window.location.href);\n</script>\n\n<template>\n  <div class=\"stash-http-error tw-min-h-screen tw-px-6 tw-py-12\" :class=\"classes.root\" data-test=\"stash-http-error\">\n    <div :class=\"classes.wrapper\">\n      <router-link to=\"/\" class=\"tw-mb-8\" :class=\"classes.logo\">\n        <LeafLinkLogo width=\"192\" height=\"33\" />\n      </router-link>\n\n      <div class=\"tw-mb-8 tw-gap-6\" :class=\"classes.content\">\n        <div class=\"tw-order-2 lg:tw-order-1\" :class=\"classes.content__text\">\n          <h1 class=\"heading-jumbo tw-m-0 tw-mb-3 !tw-text-white\">\n            {{ errorTitle }}\n          </h1>\n          <h2 class=\"tw-mb-8 tw-text-white\">Error Code: {{ props.errorCode }}</h2>\n          <p class=\"tw-mb-4 tw-text-white\">\n            {{ errorDescription }} You can <a :href=\"computedRetryLink\" class=\"link\">try again</a> or reach out to\n            <a href=\"mailto:support@leaflink.com\" class=\"link\">support@leaflink.com</a> for assistance.\n          </p>\n        </div>\n        <div class=\"tw-order-1 lg:tw-order-2\" :class=\"classes.illustration\">\n          <Illustration :size=\"300\" :type=\"IllustrationType.Vignette\" :name=\"VignetteName.SearchStorefront\" />\n        </div>\n      </div>\n\n      <div v-if=\"slots.actions || showLogoutButton\" class=\"tw-flex tw-items-start tw-gap-6\">\n        <slot name=\"actions\">\n          <Button tertiary @click=\"props.onLogout\">Logout</Button>\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style module>\n  .root {\n    background-color: var(--color-purple-500);\n    display: flex;\n    height: 100%;\n    justify-content: center;\n    align-items: center;\n    max-width: 100vw;\n  }\n\n  .wrapper {\n    max-width: 100%;\n    width: 56rem;\n  }\n\n  .content {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .illustration {\n    /* width and height similar to figma. */\n    width: 300px;\n    height: 193px;\n  }\n\n  @media screen and (width < 1024px) {\n    .content {\n      flex-wrap: wrap;\n      gap: 0;\n    }\n\n    .illustration {\n      margin-bottom: 30px;\n    }\n  }\n\n  @media screen and (width >= 1024px) {\n    .content__text {\n      max-width: 50vw;\n    }\n  }\n\n  .illustration svg {\n    /*\n     * We cannot use the same sizes from figma because the illustration would be smaller\n     * and it would break alignment. The specified height in figma is 193px but the\n     * illustration is 300px, so, (300 - 193) / 2 ~= 53, which keeps it aligned.\n     */\n    margin-top: -53px;\n  }\n\n  .logo {\n    /* width and height similar to figma. */\n    width: 192px;\n    height: 33px;\n    display: block;\n  }\n</style>\n"],"names":["_hoisted_1","_hoisted_2","_createStaticVNode","_hoisted_4","render","_ctx","_cache","_openBlock","_createElementBlock","LeafLinkLogo","errors","classes","useCssModule","slots","useSlots","errorCodeStr","computed","props","errorCodeInt","defaultInfoByErrorCode","errorTitle","errorDescription","showLogoutButton","computedRetryLink"],"mappings":";;;;;;;;;AAEA,MAAMA,IAAa;AAAA,EACjB,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AACT,GACMC,IAA0BC,gBAAAA,EAAmB,0pGAA4qG,CAAC,GAC1tGC,IAAa;AAAA,EACjBF;AACF;AAEO,SAASG,EAAOC,GAAMC,GAAQ;AACnC,SAAQC,EAAY,GAAEC,EAAoB,OAAOR,GAAYG,CAAU;AACzE;AACA,MAAeM,IAAA,EAAE,QAAQL,EAAM;;;;;;;;;;;;;;;;;iBCLvBM,IAAqE;AAAA,MACzE,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,MACA,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,MACA,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,MACA,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,MACA,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,MACA,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,MACA,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,MACA,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,IAAA,GA8CIC,IAAUC,KACVC,IAAQC,KAERC,IAAeC,EAAS,MAAMC,EAAM,UAAU,UAAU,GACxDC,IAAeF,EAAS,MAAM,SAASD,EAAa,OAAO,EAAE,CAAC,GAC9DI,IAAyBH,EAAS,MAAMN,EAAOQ,EAAa,KAAK,KAAKR,EAAO,GAAK,CAAC,GACnFU,IAAaJ,EAAS,MAAMC,EAAM,SAASE,EAAuB,MAAM,KAAK,GAC7EE,IAAmBL,EAAS,MAAMC,EAAM,eAAeE,EAAuB,MAAM,WAAW,GAE/FG,IAAmBN,EAAS,MAAM,CAACC,EAAM,oBAAoBA,EAAM,QAAQ,GAC3EM,IAAoBP,EAAS,MAAMC,EAAM,aAAa,OAAO,SAAS,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"HttpError.js","sources":["../src/components/HttpError/HttpError.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, useCssModule, useSlots } from 'vue';\n\n  import { t } from '../../locale';\n  import Button from '../Button/Button.vue';\n  import { IllustrationType, VignetteName } from '../Illustration/Illustration.models';\n  import Illustration from '../Illustration/Illustration.vue';\n  import Logo from '../Logo/Logo.vue';\n\n  type ErrorCodes = 401 | 403 | 404 | 405 | 500 | 502 | 503 | 504;\n  const errors: Record<ErrorCodes, { title: string; description: string }> = {\n    401: {\n      title: t('ll.httpError.401.title'),\n      description: t('ll.httpError.401.description'),\n    },\n    403: {\n      title: t('ll.httpError.403.title'),\n      description: t('ll.httpError.403.description'),\n    },\n    404: {\n      title: t('ll.httpError.404.title'),\n      description: t('ll.httpError.404.description'),\n    },\n    405: {\n      title: t('ll.httpError.405.title'),\n      description: t('ll.httpError.405.description'),\n    },\n    500: {\n      title: t('ll.httpError.50X.title'),\n      description: t('ll.httpError.50X.description'),\n    },\n    502: {\n      title: t('ll.httpError.50X.title'),\n      description: t('ll.httpError.50X.description'),\n    },\n    503: {\n      title: t('ll.httpError.50X.title'),\n      description: t('ll.httpError.50X.description'),\n    },\n    504: {\n      title: t('ll.httpError.504.title'),\n      description: t('ll.httpError.504.description'),\n    },\n  };\n\n  export interface HttpErrorProps {\n    /**\n     * A description of what possibly happened.\n     */\n    description?: string;\n\n    /**\n     * The error code.\n     */\n    errorCode: keyof typeof errors | `${keyof typeof errors}`;\n\n    /**\n     * By default, the logout button is visible unless content is provided to the `actions` slot or\n     * this prop is `true`.\n     */\n    hideLogoutButton?: boolean;\n\n    /**\n     * A callback that will be called when the user clicks the logout button. If not provided,\n     * a `logout` event will be emitted.\n     */\n    onLogout?: () => void;\n\n    /**\n     * A link to redirect the user to see if a hard refresh fixes the issue.\n     */\n    retryLink?: string;\n\n    /**\n     * The error title.\n     */\n    title?: string;\n  }\n\n  const props = withDefaults(defineProps<HttpErrorProps>(), {\n    description: '',\n    errorCode: '404',\n    onLogout: undefined,\n    hideLogoutButton: false,\n    retryLink: undefined,\n    title: '',\n  });\n\n  const classes = useCssModule();\n  const slots = useSlots();\n\n  const errorCodeStr = computed(() => props.errorCode.toString());\n  const errorCodeInt = computed(() => parseInt(errorCodeStr.value, 10));\n  const defaultInfoByErrorCode = computed(() => errors[errorCodeInt.value] || errors['500']);\n  const errorTitle = computed(() => props.title || defaultInfoByErrorCode.value.title);\n  const errorDescription = computed(() => props.description || defaultInfoByErrorCode.value.description);\n\n  const showLogoutButton = computed(() => !props.hideLogoutButton && props.onLogout);\n  const computedRetryLink = computed(() => props.retryLink || window.location.href);\n</script>\n\n<template>\n  <div class=\"stash-http-error tw-px-6 tw-py-12\" :class=\"classes.root\" data-test=\"stash-http-error\">\n    <div :class=\"classes.wrapper\">\n      <router-link to=\"/\" class=\"tw-mb-8 tw-block\">\n        <Logo color=\"white\" width=\"192\" />\n      </router-link>\n\n      <div class=\"tw-mb-8 tw-gap-6\" :class=\"classes.content\">\n        <div class=\"tw-order-2 lg:tw-order-1\" :class=\"classes.content__text\">\n          <h1 class=\"heading-jumbo tw-m-0 tw-mb-3 !tw-text-white\">\n            {{ errorTitle }}\n          </h1>\n          <h2 class=\"tw-mb-8 tw-text-white\">Error Code: {{ props.errorCode }}</h2>\n          <p class=\"tw-mb-4 tw-text-white\">\n            {{ errorDescription }} You can <a :href=\"computedRetryLink\" class=\"link\">try again</a> or reach out to\n            <a href=\"mailto:support@leaflink.com\" class=\"link\">support@leaflink.com</a> for assistance.\n          </p>\n        </div>\n        <div class=\"tw-order-1 lg:tw-order-2\" :class=\"classes.illustration\">\n          <Illustration :size=\"300\" :type=\"IllustrationType.Vignette\" :name=\"VignetteName.SearchStorefront\" />\n        </div>\n      </div>\n\n      <div v-if=\"slots.actions || showLogoutButton\" class=\"tw-flex tw-items-start tw-gap-6\">\n        <slot name=\"actions\">\n          <Button tertiary @click=\"props.onLogout\">Logout</Button>\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style module>\n  .root {\n    background-color: var(--color-purple-500);\n    display: flex;\n    height: 100%;\n    justify-content: center;\n    align-items: center;\n    max-width: 100vw;\n  }\n\n  .wrapper {\n    max-width: 100%;\n    width: 56rem;\n  }\n\n  .content {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .illustration {\n    /* width and height similar to figma. */\n    width: 300px;\n    height: 193px;\n  }\n\n  @media screen and (width < 1024px) {\n    .content {\n      flex-wrap: wrap;\n      gap: 0;\n    }\n\n    .illustration {\n      margin-bottom: 30px;\n    }\n  }\n\n  @media screen and (width >= 1024px) {\n    .content__text {\n      max-width: 50vw;\n    }\n  }\n\n  .illustration svg {\n    /*\n     * We cannot use the same sizes from figma because the illustration would be smaller\n     * and it would break alignment. The specified height in figma is 193px but the\n     * illustration is 300px, so, (300 - 193) / 2 ~= 53, which keeps it aligned.\n     */\n    margin-top: -53px;\n  }\n</style>\n"],"names":["errors","classes","useCssModule","slots","useSlots","errorCodeStr","computed","props","errorCodeInt","defaultInfoByErrorCode","errorTitle","errorDescription","showLogoutButton","computedRetryLink"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAUQA,IAAqE;AAAA,MACzE,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,MACA,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,MACA,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,MACA,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,MACA,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,MACA,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,MACA,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,MACA,KAAK;AAAA,QACH,OAAO,EAAE,wBAAwB;AAAA,QACjC,aAAa,EAAE,8BAA8B;AAAA,MAC/C;AAAA,IAAA,GA8CIC,IAAUC,KACVC,IAAQC,KAERC,IAAeC,EAAS,MAAMC,EAAM,UAAU,UAAU,GACxDC,IAAeF,EAAS,MAAM,SAASD,EAAa,OAAO,EAAE,CAAC,GAC9DI,IAAyBH,EAAS,MAAMN,EAAOQ,EAAa,KAAK,KAAKR,EAAO,GAAK,CAAC,GACnFU,IAAaJ,EAAS,MAAMC,EAAM,SAASE,EAAuB,MAAM,KAAK,GAC7EE,IAAmBL,EAAS,MAAMC,EAAM,eAAeE,EAAuB,MAAM,WAAW,GAE/FG,IAAmBN,EAAS,MAAM,CAACC,EAAM,oBAAoBA,EAAM,QAAQ,GAC3EM,IAAoBP,EAAS,MAAMC,EAAM,aAAa,OAAO,SAAS,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/ListView.vue.d.ts

@@ -564,9 +564,9 @@ declare const _default: DefineComponent<{
     items: unknown[];
     loading: boolean;
     pageSize: number;
+    isSelectable: boolean;
     disablePersistency: boolean;
     validationSchema: Function;
-    isSelectable: boolean;
     hideBulkActionOptions: boolean;
     hideNumberOfTotalSelected: boolean;
     emptyStateText: string;

package/dist/Switch.js

@@ -1,8 +1,8 @@
-import { defineComponent as k, useAttrs as v, useSlots as y, useCssModule as g, computed as n, openBlock as i, createElementBlock as d, normalizeClass as s, unref as a, createElementVNode as l, mergeProps as C, withDirectives as S, vModelCheckbox as A, toDisplayString as u, createCommentVNode as p, renderSlot as V, createTextVNode as B } from "vue";
+import { defineComponent as x, useAttrs as v, useSlots as g, useCssModule as y, computed as o, openBlock as i, createElementBlock as d, normalizeClass as s, unref as a, createElementVNode as c, mergeProps as C, withDirectives as S, vModelCheckbox as A, toDisplayString as u, createCommentVNode as _, renderSlot as V, createTextVNode as B } from "vue";
 import M from "@leaflink/snitch";
 import T from "lodash-es/uniqueId";
-import { _ as j } from "./_plugin-vue_export-helper-dad06003.js";
-const E = ["data-test"], N = ["for"], D = ["id", "disabled", "name", "value"], I = /* @__PURE__ */ k({
+import { _ as E } from "./_plugin-vue_export-helper-dad06003.js";
+const N = ["data-test"], D = ["for"], I = ["id", "disabled", "name", "value"], $ = /* @__PURE__ */ x({
   name: "ll-switch",
   inheritAttrs: !1,
   __name: "Switch",
@@ -16,81 +16,97 @@ const E = ["data-test"], N = ["for"], D = ["id", "disabled", "name", "value"], I
     value: { default: "" }
   },
   emits: ["update:checked"],
-  setup(f, { emit: b }) {
-    const t = f, o = v(), m = y(), c = g();
-    if (typeof t.value == "boolean" && M.warn("Switch: use `checked` to toggle the state; `value` is what will be set if `checked` is true"), o.onChange)
+  setup(b, { emit: p }) {
+    const t = b, l = v(), f = g(), n = y();
+    if (typeof t.value == "boolean" && M.warn("Switch: use `checked` to toggle the state; `value` is what will be set if `checked` is true"), l.onChange)
       throw new Error("ll-switch: use the @update:checked event instead of @change.");
-    const _ = n(() => {
-      const e = { ...o };
+    const k = o(() => {
+      const e = { ...l };
       return delete e["data-test"], delete e.class, e;
-    }), r = n({
+    }), h = o({
       get() {
         return t.checked;
       },
       set(e) {
-        b("update:checked", e);
+        p("update:checked", e);
       }
-    }), w = n(() => t.id || T("switch-"));
-    return (e, h) => (i(), d("div", {
-      class: s(["stash-switch", a(o).class]),
-      "data-test": a(o)["data-test"] || "stash-switch"
+    }), r = o(() => t.id || T("switch-"));
+    return (e, w) => (i(), d("div", {
+      class: s(["stash-switch", a(l).class]),
+      "data-test": a(l)["data-test"] || "stash-switch"
     }, [
-      l("label", C({
-        for: w.value,
+      c("label", C({
+        for: r.value,
         class: [{ "tw-pointer-events-none": t.disabled }, "tw-flex tw-cursor-pointer"],
         "data-test": "stash-switch|label"
-      }, _.value), [
-        l("span", {
-          class: s(["tw-relative tw-inline-block tw-h-5 tw-w-[34px] tw-min-w-[34px]", { [a(c).active]: t.checked }])
+      }, k.value), [
+        c("span", {
+          class: s(["tw-relative tw-inline-block tw-h-5 tw-w-[34px] tw-min-w-[34px]", { [a(n).active]: t.checked }])
         }, [
-          l("span", {
-            class: s(["stash-switch__track tw-absolute tw-top-0.5 tw-h-4 tw-w-full tw-rounded-[10px]", [a(c).track, t.disabled ? "tw-bg-ice-500" : "tw-bg-ice-700"]])
+          c("span", {
+            class: s(["stash-switch__track tw-absolute tw-top-0.5 tw-h-4 tw-w-full tw-rounded-[10px]", {
+              "tw-bg-blue-500": t.checked && !t.disabled,
+              "tw-bg-ice-700": !t.checked && !t.disabled,
+              "stash-switch__track--disabled tw-bg-ice-500": t.disabled,
+              "stash-switch__track--on": t.checked,
+              "stash-switch__track--off": !t.checked
+            }]),
+            "data-test": "stash-switch|track"
           }, null, 2),
-          l("span", {
-            class: s(["stash-switch__control tw-absolute tw-left-0 tw-h-5 tw-w-5 tw-rounded-[10px] tw-border tw-border-solid tw-border-ice-500 tw-bg-white tw-shadow", a(c).control])
+          c("span", {
+            class: s(["stash-switch__control tw-absolute tw-left-0 tw-h-5 tw-w-5 tw-rounded-[10px] tw-border tw-border-solid tw-border-ice-500 tw-bg-white tw-shadow", [
+              a(n).control,
+              {
+                "stash-switch__control--on": t.checked,
+                "stash-switch__control--off": !t.checked,
+                "stash-switch__control--disabled": t.disabled
+              }
+            ]]),
+            "data-test": "stash-switch|control"
           }, null, 2)
         ], 2),
-        S(l("input", {
-          id: w.value,
-          "onUpdate:modelValue": h[0] || (h[0] = (x) => r.value = x),
+        S(c("input", {
+          id: r.value,
+          "onUpdate:modelValue": w[0] || (w[0] = (m) => h.value = m),
           type: "checkbox",
           disabled: t.disabled,
           name: t.name,
           tabindex: "0",
           value: e.value,
           class: "tw-sr-only"
-        }, null, 8, D), [
-          [A, r.value]
+        }, null, 8, I), [
+          [A, h.value]
         ]),
         t.label ? (i(), d("span", {
           key: 0,
           class: s([{
+            "tw-text-ice-900": t.checked && !t.disabled,
             "tw-text-ice-700": !t.checked && !t.disabled,
-            "tw-text-ice-900": t.checked,
-            "tw-text-ice-500": t.disabled
-          }, "tw-relative tw-top-px tw-ml-1.5"]),
+            "stash-switch__label-text--on": t.checked,
+            "stash-switch__label-text--off": !t.checked,
+            "stash-switch__label-text--disabled tw-text-ice-500": t.disabled
+          }, "stash-switch__label-text tw-relative tw-top-px tw-ml-1.5"]),
           "data-test": "stash-switch|label-text"
-        }, u(t.label), 3)) : p("", !0)
-      ], 16, N),
-      t.hintText || a(m).hint ? (i(), d("span", {
+        }, u(t.label), 3)) : _("", !0)
+      ], 16, D),
+      t.hintText || a(f).hint ? (i(), d("span", {
         key: 0,
-        class: s(["tw-ml-[40px] tw-mt-1.5 tw-block tw-whitespace-pre-line tw-text-xs", { "tw-text-ice-500": t.disabled }]),
+        class: s(["stash-switch__hint tw-ml-[40px] tw-mt-1.5 tw-block tw-whitespace-pre-line tw-text-xs", { "stash-switch__hint--disabled tw-text-ice-500": t.disabled }]),
         "data-test": "stash-switch|hint"
       }, [
         V(e.$slots, "hint", {}, () => [
           B(u(t.hintText), 1)
         ])
-      ], 2)) : p("", !0)
-    ], 10, E));
+      ], 2)) : _("", !0)
+    ], 10, N));
   }
-}), $ = "_active_yfjx8_2", q = "_track_yfjx8_2", z = "_control_yfjx8_6", P = {
-  active: $,
-  track: q,
-  control: z
+}), q = "_control_8a1ic_2", z = "_active_8a1ic_5", P = {
+  control: q,
+  active: z
 }, U = {
   $style: P
-}, K = /* @__PURE__ */ j(I, [["__cssModules", U]]);
+}, J = /* @__PURE__ */ E($, [["__cssModules", U]]);
 export {
-  K as default
+  J as default
 };
 //# sourceMappingURL=Switch.js.map

package/dist/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../src/components/Switch/Switch.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import logger from '@leaflink/snitch';\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, useAttrs, useCssModule, useSlots } from 'vue';\n\n  export interface SwitchProps {\n    /**\n     * The current checked value, can be a boolean or an array of values\n     */\n    checked?: boolean | Array<string | number>;\n    /**\n     * Prevent the user from changing the switch state.\n     */\n    disabled?: boolean;\n    /**\n     * Displays text below the input; hidden when the isReadOnly prop is truthy.\n     */\n    hintText?: string;\n    /**\n     * Unique ID for the switch, required for accessibility purposes\n     */\n    id?: string;\n    /**\n     * Label text to display with switch\n     */\n    label?: string;\n    /**\n     * HTML name property\n     */\n    name?: string;\n    /**\n     * Value associated with switch when it is `checked`.  This value is\n     * used to compare against `checked` property when passed as an array.\n     */\n    value?: string | number;\n  }\n\n  defineOptions({\n    name: 'll-switch',\n    inheritAttrs: false,\n  });\n\n  const props = withDefaults(defineProps<SwitchProps>(), {\n    checked: false,\n    disabled: false,\n    hintText: '',\n    id: undefined,\n    label: '',\n    name: '',\n    value: '',\n  });\n\n  const attrs = useAttrs();\n  const slots = useSlots();\n  const classes = useCssModule();\n\n  const emit =\n    defineEmits<{\n      (e: 'update:checked', value: SwitchProps['checked']): void;\n    }>();\n\n  if (typeof props.value === 'boolean') {\n    logger.warn('Switch: use `checked` to toggle the state; `value` is what will be set if `checked` is true');\n  }\n\n  if (attrs.onChange) {\n    throw new Error('ll-switch: use the @update:checked event instead of @change.');\n  }\n\n  const switchAttrs = computed(() => {\n    const tempAttrs = { ...attrs };\n\n    delete tempAttrs['data-test'];\n    delete tempAttrs.class;\n\n    return tempAttrs;\n  });\n\n  const internalValue = computed({\n    get() {\n      return props.checked;\n    },\n    set(value) {\n      emit('update:checked', value);\n    },\n  });\n\n  const switchId = computed(() => props.id || uniqueId('switch-'));\n</script>\n\n<template>\n  <div class=\"stash-switch\" :class=\"attrs['class']\" :data-test=\"attrs['data-test'] || 'stash-switch'\">\n    <label\n      :for=\"switchId\"\n      :class=\"{ 'tw-pointer-events-none': props.disabled }\"\n      class=\"tw-flex tw-cursor-pointer\"\n      data-test=\"stash-switch|label\"\n      v-bind=\"switchAttrs\"\n    >\n      <span\n        class=\"tw-relative tw-inline-block tw-h-5 tw-w-[34px] tw-min-w-[34px]\"\n        :class=\"{ [classes.active]: props.checked }\"\n      >\n        <span\n          class=\"stash-switch__track tw-absolute tw-top-0.5 tw-h-4 tw-w-full tw-rounded-[10px]\"\n          :class=\"[classes.track, props.disabled ? 'tw-bg-ice-500' : 'tw-bg-ice-700']\"\n        ></span>\n        <span\n          class=\"\n            stash-switch__control\n            tw-absolute\n            tw-left-0\n            tw-h-5\n            tw-w-5\n            tw-rounded-[10px]\n            tw-border\n            tw-border-solid\n            tw-border-ice-500\n            tw-bg-white\n            tw-shadow\n          \"\n          :class=\"classes.control\"\n        ></span>\n      </span>\n      <input\n        :id=\"switchId\"\n        v-model=\"internalValue\"\n        type=\"checkbox\"\n        :disabled=\"props.disabled\"\n        :name=\"props.name\"\n        tabindex=\"0\"\n        :value=\"value\"\n        class=\"tw-sr-only\"\n      />\n      <span\n        v-if=\"props.label\"\n        :class=\"{\n          'tw-text-ice-700': !props.checked && !props.disabled,\n          'tw-text-ice-900': props.checked,\n          'tw-text-ice-500': props.disabled,\n        }\"\n        class=\"tw-relative tw-top-px tw-ml-1.5\"\n        data-test=\"stash-switch|label-text\"\n        >{{ props.label }}</span\n      >\n    </label>\n    <span\n      v-if=\"props.hintText || slots.hint\"\n      class=\"tw-ml-[40px] tw-mt-1.5 tw-block tw-whitespace-pre-line tw-text-xs\"\n      :class=\"{ 'tw-text-ice-500': props.disabled }\"\n      data-test=\"stash-switch|hint\"\n    >\n      <!-- @slot for displaying hint text -->\n      <slot name=\"hint\">{{ props.hintText }}</slot>\n    </span>\n  </div>\n</template>\n\n<style module>\n  .active .track {\n    @apply tw-bg-blue-500;\n  }\n\n  .control {\n    transition: left 0.2s ease-in-out;\n\n    .active & {\n      @apply tw-left-3.5; /* track width - switch width */\n    }\n  }\n</style>\n"],"names":["attrs","useAttrs","slots","useSlots","classes","useCssModule","props","logger","switchAttrs","computed","tempAttrs","internalValue","value","emit","switchId","uniqueId"],"mappings":";;;;;;;;;;;;;;;;;;;iBAoDQA,IAAQC,KACRC,IAAQC,KACRC,IAAUC;AAWhB,QAJI,OAAOC,EAAM,SAAU,aACzBC,EAAO,KAAK,6FAA6F,GAGvGP,EAAM;AACF,YAAA,IAAI,MAAM,8DAA8D;AAG1E,UAAAQ,IAAcC,EAAS,MAAM;AAC3B,YAAAC,IAAY,EAAE,GAAGV;AAEvB,oBAAOU,EAAU,WAAW,GAC5B,OAAOA,EAAU,OAEVA;AAAA,IAAA,CACR,GAEKC,IAAgBF,EAAS;AAAA,MAC7B,MAAM;AACJ,eAAOH,EAAM;AAAA,MACf;AAAA,MACA,IAAIM,GAAO;AACT,QAAAC,EAAK,kBAAkBD,CAAK;AAAA,MAC9B;AAAA,IAAA,CACD,GAEKE,IAAWL,EAAS,MAAMH,EAAM,MAAMS,EAAS,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Switch.js","sources":["../src/components/Switch/Switch.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import logger from '@leaflink/snitch';\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, useAttrs, useCssModule, useSlots } from 'vue';\n\n  export interface SwitchProps {\n    /**\n     * The current checked value, can be a boolean or an array of values\n     */\n    checked?: boolean | Array<string | number>;\n\n    /**\n     * Prevent the user from changing the switch state.\n     */\n    disabled?: boolean;\n\n    /**\n     * Displays text below the input; hidden when the isReadOnly prop is truthy.\n     */\n    hintText?: string;\n\n    /**\n     * Unique ID for the switch, required for accessibility purposes\n     */\n    id?: string;\n\n    /**\n     * Label text to display with switch\n     */\n    label?: string;\n\n    /**\n     * HTML name property\n     */\n    name?: string;\n\n    /**\n     * Value associated with switch when it is `checked`.  This value is\n     * used to compare against `checked` property when passed as an array.\n     */\n    value?: string | number;\n  }\n\n  defineOptions({\n    name: 'll-switch',\n    inheritAttrs: false,\n  });\n\n  const props = withDefaults(defineProps<SwitchProps>(), {\n    checked: false,\n    disabled: false,\n    hintText: '',\n    id: undefined,\n    label: '',\n    name: '',\n    value: '',\n  });\n\n  const attrs = useAttrs();\n  const slots = useSlots();\n  const classes = useCssModule();\n\n  const emit =\n    defineEmits<{\n      (e: 'update:checked', value: SwitchProps['checked']): void;\n    }>();\n\n  if (typeof props.value === 'boolean') {\n    logger.warn('Switch: use `checked` to toggle the state; `value` is what will be set if `checked` is true');\n  }\n\n  if (attrs.onChange) {\n    throw new Error('ll-switch: use the @update:checked event instead of @change.');\n  }\n\n  const switchAttrs = computed(() => {\n    const tempAttrs = { ...attrs };\n\n    delete tempAttrs['data-test'];\n    delete tempAttrs.class;\n\n    return tempAttrs;\n  });\n\n  const internalValue = computed({\n    get() {\n      return props.checked;\n    },\n    set(value) {\n      emit('update:checked', value);\n    },\n  });\n\n  const switchId = computed(() => props.id || uniqueId('switch-'));\n</script>\n\n<template>\n  <div class=\"stash-switch\" :class=\"attrs['class']\" :data-test=\"attrs['data-test'] || 'stash-switch'\">\n    <label\n      :for=\"switchId\"\n      :class=\"{ 'tw-pointer-events-none': props.disabled }\"\n      class=\"tw-flex tw-cursor-pointer\"\n      data-test=\"stash-switch|label\"\n      v-bind=\"switchAttrs\"\n    >\n      <span\n        class=\"tw-relative tw-inline-block tw-h-5 tw-w-[34px] tw-min-w-[34px]\"\n        :class=\"{ [classes.active]: props.checked }\"\n      >\n        <span\n          class=\"stash-switch__track tw-absolute tw-top-0.5 tw-h-4 tw-w-full tw-rounded-[10px]\"\n          :class=\"{\n            'tw-bg-blue-500': props.checked && !props.disabled,\n            'tw-bg-ice-700': !props.checked && !props.disabled,\n            'stash-switch__track--disabled tw-bg-ice-500': props.disabled,\n            'stash-switch__track--on': props.checked,\n            'stash-switch__track--off': !props.checked,\n          }\"\n          data-test=\"stash-switch|track\"\n        ></span>\n        <span\n          class=\"\n            stash-switch__control\n            tw-absolute\n            tw-left-0\n            tw-h-5\n            tw-w-5\n            tw-rounded-[10px]\n            tw-border\n            tw-border-solid\n            tw-border-ice-500\n            tw-bg-white\n            tw-shadow\n          \"\n          :class=\"[\n            classes.control,\n            {\n              'stash-switch__control--on': props.checked,\n              'stash-switch__control--off': !props.checked,\n              'stash-switch__control--disabled': props.disabled,\n            },\n          ]\"\n          data-test=\"stash-switch|control\"\n        ></span>\n      </span>\n      <input\n        :id=\"switchId\"\n        v-model=\"internalValue\"\n        type=\"checkbox\"\n        :disabled=\"props.disabled\"\n        :name=\"props.name\"\n        tabindex=\"0\"\n        :value=\"value\"\n        class=\"tw-sr-only\"\n      />\n      <span\n        v-if=\"props.label\"\n        :class=\"{\n          'tw-text-ice-900': props.checked && !props.disabled,\n          'tw-text-ice-700': !props.checked && !props.disabled,\n          'stash-switch__label-text--on': props.checked,\n          'stash-switch__label-text--off': !props.checked,\n          'stash-switch__label-text--disabled tw-text-ice-500': props.disabled,\n        }\"\n        class=\"stash-switch__label-text tw-relative tw-top-px tw-ml-1.5\"\n        data-test=\"stash-switch|label-text\"\n      >\n        {{ props.label }}\n      </span>\n    </label>\n    <span\n      v-if=\"props.hintText || slots.hint\"\n      class=\"stash-switch__hint tw-ml-[40px] tw-mt-1.5 tw-block tw-whitespace-pre-line tw-text-xs\"\n      :class=\"{ 'stash-switch__hint--disabled tw-text-ice-500': props.disabled }\"\n      data-test=\"stash-switch|hint\"\n    >\n      <!-- @slot for displaying hint text -->\n      <slot name=\"hint\">{{ props.hintText }}</slot>\n    </span>\n  </div>\n</template>\n\n<style module>\n  .control {\n    transition: left 0.2s ease-in-out;\n\n    .active & {\n      @apply tw-left-3.5; /* track width - switch width */\n    }\n  }\n</style>\n"],"names":["attrs","useAttrs","slots","useSlots","classes","useCssModule","props","logger","switchAttrs","computed","tempAttrs","internalValue","value","emit","switchId","uniqueId"],"mappings":";;;;;;;;;;;;;;;;;;;iBA0DQA,IAAQC,KACRC,IAAQC,KACRC,IAAUC;AAWhB,QAJI,OAAOC,EAAM,SAAU,aACzBC,EAAO,KAAK,6FAA6F,GAGvGP,EAAM;AACF,YAAA,IAAI,MAAM,8DAA8D;AAG1E,UAAAQ,IAAcC,EAAS,MAAM;AAC3B,YAAAC,IAAY,EAAE,GAAGV;AAEvB,oBAAOU,EAAU,WAAW,GAC5B,OAAOA,EAAU,OAEVA;AAAA,IAAA,CACR,GAEKC,IAAgBF,EAAS;AAAA,MAC7B,MAAM;AACJ,eAAOH,EAAM;AAAA,MACf;AAAA,MACA,IAAIM,GAAO;AACT,QAAAC,EAAK,kBAAkBD,CAAK;AAAA,MAC9B;AAAA,IAAA,CACD,GAEKE,IAAWL,EAAS,MAAMH,EAAM,MAAMS,EAAS,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}