@leaflink/stash 53.4.5 → 53.4.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AppSidebar.js +43 -41
- package/dist/AppSidebar.js.map +1 -1
- package/dist/AppTopbar.js +1 -1
- package/dist/Copy.js +1 -1
- package/dist/DataTable/index.js +2400 -0
- package/dist/DataTable/index.js.map +1 -0
- package/dist/DataViewFilters.js +1 -1
- package/dist/DataViewFilters.js.map +1 -1
- package/dist/DataViewToolbar.js +139 -125
- package/dist/DataViewToolbar.js.map +1 -1
- package/dist/DatePicker.js +1114 -1113
- package/dist/DatePicker.js.map +1 -1
- package/dist/Modal.js +104 -90
- package/dist/Modal.js.map +1 -1
- package/dist/MoreActions.js +294 -288
- package/dist/MoreActions.js.map +1 -1
- package/dist/PageNavigation.js +1 -1
- package/dist/RadioGroup.js +69 -62
- package/dist/RadioGroup.js.map +1 -1
- package/dist/Select.js +90 -90
- package/dist/Select.js.map +1 -1
- package/dist/Stepper.js +1 -1
- package/dist/Tab.js +1 -1
- package/dist/Table.js +36 -36
- package/dist/Table.js.map +1 -1
- package/dist/Table.vue.d.ts +12 -0
- package/dist/TableCell.js +17 -17
- package/dist/TableCell.js.map +1 -1
- package/dist/TableHeaderCell.js +44 -38
- package/dist/TableHeaderCell.js.map +1 -1
- package/dist/TableHeaderCell.vue.d.ts +10 -0
- package/dist/TableHeaderRow.js +32 -32
- package/dist/TableHeaderRow.js.map +1 -1
- package/dist/TableRow.js +82 -74
- package/dist/TableRow.js.map +1 -1
- package/dist/TableRow.vue.d.ts +9 -2
- package/dist/Tabs.js +2 -2
- package/dist/Tabs.vue_vue_type_script_setup_true_lang-DEopbeSY.js +131 -0
- package/dist/Tabs.vue_vue_type_script_setup_true_lang-DEopbeSY.js.map +1 -0
- package/dist/Thumbnail.js +42 -42
- package/dist/Thumbnail.js.map +1 -1
- package/dist/Toast.vue.d.ts +1 -1
- package/dist/Tooltip.js +1 -1
- package/dist/{Tooltip.vue_vue_type_script_setup_true_lang-CFpM7Ldj.js → Tooltip.vue_vue_type_script_setup_true_lang-UUjw5O1x.js} +2 -2
- package/dist/{Tooltip.vue_vue_type_script_setup_true_lang-CFpM7Ldj.js.map → Tooltip.vue_vue_type_script_setup_true_lang-UUjw5O1x.js.map} +1 -1
- package/dist/components.css +1 -1
- package/dist/getContrastingTextColor.d.ts +8 -0
- package/dist/index-t9tXBnql.js +469 -0
- package/dist/{index-DA70nQCT.js.map → index-t9tXBnql.js.map} +1 -1
- package/dist/templateRefNarrowing-CeANDylX.js +22 -0
- package/dist/templateRefNarrowing-CeANDylX.js.map +1 -0
- package/dist/useMediaQuery.d.ts +12 -10
- package/dist/useMediaQuery.js +7 -29
- package/dist/useMediaQuery.js.map +1 -1
- package/dist/useSortable.js +1 -1
- package/dist/utils/getContrastingTextColor.js +36 -24
- package/dist/utils/getContrastingTextColor.js.map +1 -1
- package/package.json +7 -1
- package/types/tanstack-vue-table.d.ts +18 -0
- package/dist/Tabs.vue_vue_type_script_setup_true_lang-B3FBaVP5.js +0 -130
- package/dist/Tabs.vue_vue_type_script_setup_true_lang-B3FBaVP5.js.map +0 -1
- package/dist/index-DA70nQCT.js +0 -424
package/dist/AppSidebar.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as B, useSlots as C, computed as
|
|
2
|
-
import z from "./
|
|
1
|
+
import { defineComponent as B, useSlots as C, computed as h, ref as O, watchEffect as V, createElementBlock as s, openBlock as a, normalizeClass as _, createVNode as o, Transition as b, withCtx as g, withDirectives as x, withModifiers as $, vShow as y, createElementVNode as d, createCommentVNode as p, renderSlot as i, unref as c } from "vue";
|
|
2
|
+
import { a as z } from "./index-t9tXBnql.js";
|
|
3
3
|
import N from "./Backdrop.js";
|
|
4
4
|
import j from "./Divider.js";
|
|
5
5
|
import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
@@ -21,73 +21,75 @@ const D = {
|
|
|
21
21
|
isOpen: { type: Boolean, default: !1 }
|
|
22
22
|
},
|
|
23
23
|
emits: ["dismiss", "update:is-open"],
|
|
24
|
-
setup(
|
|
25
|
-
const
|
|
26
|
-
function
|
|
27
|
-
|
|
24
|
+
setup(k, { emit: w }) {
|
|
25
|
+
const u = k, n = C(), v = w, r = z("screen and (min-width: 1321px)"), t = h(() => u.isOpen && !r.value), l = O({ height: "", overflow: "" }), f = h(() => u.isOpen || r.value);
|
|
26
|
+
function S() {
|
|
27
|
+
v("dismiss"), v("update:is-open", !1);
|
|
28
28
|
}
|
|
29
|
-
function
|
|
30
|
-
return document.scrollingElement || document.body;
|
|
29
|
+
function E() {
|
|
30
|
+
return typeof document > "u" ? null : document.scrollingElement || document.body;
|
|
31
31
|
}
|
|
32
32
|
return V(() => {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
33
|
+
if (r.value) return;
|
|
34
|
+
const e = E();
|
|
35
|
+
e && (t.value && Object.assign(l.value, {
|
|
36
|
+
overflow: e.style.overflow,
|
|
37
|
+
height: e.style.height
|
|
38
|
+
}), Object.assign(e.style, {
|
|
39
|
+
overflow: t.value ? "hidden" : l.value.overflow,
|
|
38
40
|
// Prevents page from scrolling when AppSidebar is open
|
|
39
|
-
height:
|
|
41
|
+
height: t.value ? "100%" : l.value.height
|
|
40
42
|
// Ensures the backdrop covers the entire page when AppSidebar is open
|
|
41
43
|
}));
|
|
42
|
-
}), (
|
|
44
|
+
}), (e, m) => (a(), s("div", {
|
|
43
45
|
id: "stash-app-sidebar",
|
|
44
|
-
class:
|
|
46
|
+
class: _(["stash-app-sidebar relative", {
|
|
45
47
|
"stash-app-sidebar--is-open": f.value,
|
|
46
|
-
"z-modal":
|
|
47
|
-
"z-[301]": !
|
|
48
|
+
"z-modal": t.value,
|
|
49
|
+
"z-[301]": !t.value
|
|
48
50
|
}]),
|
|
49
51
|
"data-test": "stash-app-sidebar"
|
|
50
52
|
}, [
|
|
51
|
-
o(
|
|
52
|
-
default:
|
|
53
|
-
|
|
53
|
+
o(b, { name: "backdrop" }, {
|
|
54
|
+
default: g(() => [
|
|
55
|
+
x(o(N, {
|
|
54
56
|
class: "stash-app-sidebar__backdrop",
|
|
55
|
-
onClick: $(
|
|
57
|
+
onClick: $(S, ["stop"])
|
|
56
58
|
}, null, 512), [
|
|
57
|
-
[
|
|
59
|
+
[y, t.value]
|
|
58
60
|
])
|
|
59
61
|
]),
|
|
60
62
|
_: 1
|
|
61
63
|
}),
|
|
62
|
-
o(
|
|
63
|
-
default:
|
|
64
|
-
|
|
65
|
-
class:
|
|
64
|
+
o(b, { name: "aside" }, {
|
|
65
|
+
default: g(() => [
|
|
66
|
+
x(d("aside", {
|
|
67
|
+
class: _(["stash-app-sidebar__aside fixed flex h-screen flex-col bg-purple-500", { "shadow-3xl": t.value }]),
|
|
66
68
|
"data-test": "stash-app-sidebar__aside"
|
|
67
69
|
}, [
|
|
68
70
|
o(j, { class: "stash-app-sidebar__divider" }),
|
|
69
|
-
|
|
70
|
-
i(
|
|
71
|
-
])) :
|
|
72
|
-
|
|
73
|
-
i(
|
|
74
|
-
])) :
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
i(
|
|
71
|
+
c(n)["app-context"] ? (a(), s("div", D, [
|
|
72
|
+
i(e.$slots, "app-context", {}, void 0, !0)
|
|
73
|
+
])) : p("", !0),
|
|
74
|
+
c(n)["company-context"] ? (a(), s("div", M, [
|
|
75
|
+
i(e.$slots, "company-context", {}, void 0, !0)
|
|
76
|
+
])) : p("", !0),
|
|
77
|
+
c(n).navigation ? (a(), s("nav", P, [
|
|
78
|
+
d("ul", I, [
|
|
79
|
+
i(e.$slots, "navigation", {}, void 0, !0)
|
|
78
80
|
])
|
|
79
|
-
])) :
|
|
80
|
-
|
|
81
|
-
i(
|
|
81
|
+
])) : p("", !0),
|
|
82
|
+
m[0] || (m[0] = d("div", { class: "flex-1" }, null, -1)),
|
|
83
|
+
i(e.$slots, "footer", {}, void 0, !0)
|
|
82
84
|
], 2), [
|
|
83
|
-
[
|
|
85
|
+
[y, f.value]
|
|
84
86
|
])
|
|
85
87
|
]),
|
|
86
88
|
_: 3
|
|
87
89
|
})
|
|
88
90
|
], 2));
|
|
89
91
|
}
|
|
90
|
-
}), H = /* @__PURE__ */ A(L, [["__scopeId", "data-v-
|
|
92
|
+
}), H = /* @__PURE__ */ A(L, [["__scopeId", "data-v-430707c9"]]);
|
|
91
93
|
export {
|
|
92
94
|
H as default
|
|
93
95
|
};
|
package/dist/AppSidebar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppSidebar.js","sources":["../src/components/AppSidebar/AppSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\n import { computed, ref, useSlots, watchEffect } from 'vue';\n\n import useMediaQuery from '../../composables/useMediaQuery/useMediaQuery';\n import Backdrop from '../Backdrop/Backdrop.vue';\n import Divider from '../Divider/Divider.vue';\n\n export interface AppSidebarProps {\n /**\n * Controls wether the sidebar is opened or not\n */\n isOpen?: boolean;\n }\n\n const props = withDefaults(defineProps<AppSidebarProps>(), {\n isOpen: false,\n });\n\n const slots = useSlots();\n\n const emit = defineEmits<{\n /**\n * @deprecated Use the `update:is-open` event instead\n */\n (e: 'dismiss'): void;\n (e: 'update:is-open', isOpen: boolean): void;\n }>();\n\n const isExtraLargeScreen = useMediaQuery('screen and (min-width: 1321px)');\n const isBackdropVisible = computed(() => props.isOpen && !isExtraLargeScreen.value);\n const initialPageScrollingElementStyle = ref({ height: '', overflow: '' });\n const isSidebarOpen = computed(() => props.isOpen || isExtraLargeScreen.value);\n\n function onBackdropClick() {\n emit('dismiss');\n emit('update:is-open', false);\n }\n\n function getPageScrollingElement() {\n return (document.scrollingElement || document.body) as HTMLElement;\n }\n\n watchEffect(() => {\n if (isExtraLargeScreen.value)
|
|
1
|
+
{"version":3,"file":"AppSidebar.js","sources":["../src/components/AppSidebar/AppSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\n import { computed, ref, useSlots, watchEffect } from 'vue';\n\n import useMediaQuery from '../../composables/useMediaQuery/useMediaQuery';\n import Backdrop from '../Backdrop/Backdrop.vue';\n import Divider from '../Divider/Divider.vue';\n\n export interface AppSidebarProps {\n /**\n * Controls wether the sidebar is opened or not\n */\n isOpen?: boolean;\n }\n\n const props = withDefaults(defineProps<AppSidebarProps>(), {\n isOpen: false,\n });\n\n const slots = useSlots();\n\n const emit = defineEmits<{\n /**\n * @deprecated Use the `update:is-open` event instead\n */\n (e: 'dismiss'): void;\n (e: 'update:is-open', isOpen: boolean): void;\n }>();\n\n const isExtraLargeScreen = useMediaQuery('screen and (min-width: 1321px)');\n const isBackdropVisible = computed(() => props.isOpen && !isExtraLargeScreen.value);\n const initialPageScrollingElementStyle = ref({ height: '', overflow: '' });\n const isSidebarOpen = computed(() => props.isOpen || isExtraLargeScreen.value);\n\n function onBackdropClick() {\n emit('dismiss');\n emit('update:is-open', false);\n }\n\n function getPageScrollingElement(): HTMLElement | null {\n if (typeof document === 'undefined') return null;\n return (document.scrollingElement || document.body) as HTMLElement;\n }\n\n watchEffect(() => {\n if (isExtraLargeScreen.value) return;\n\n const el = getPageScrollingElement();\n if (!el) return;\n\n if (isBackdropVisible.value) {\n Object.assign(initialPageScrollingElementStyle.value, {\n overflow: el.style.overflow,\n height: el.style.height,\n });\n }\n\n Object.assign(el.style, {\n overflow: isBackdropVisible.value ? 'hidden' : initialPageScrollingElementStyle.value.overflow, // Prevents page from scrolling when AppSidebar is open\n height: isBackdropVisible.value ? '100%' : initialPageScrollingElementStyle.value.height, // Ensures the backdrop covers the entire page when AppSidebar is open\n });\n });\n</script>\n\n<template>\n <div\n id=\"stash-app-sidebar\"\n class=\"stash-app-sidebar relative\"\n :class=\"{\n 'stash-app-sidebar--is-open': isSidebarOpen,\n 'z-modal': isBackdropVisible,\n 'z-[301]': !isBackdropVisible,\n }\"\n data-test=\"stash-app-sidebar\"\n >\n <Transition name=\"backdrop\">\n <Backdrop v-show=\"isBackdropVisible\" class=\"stash-app-sidebar__backdrop\" @click.stop=\"onBackdropClick\" />\n </Transition>\n <Transition name=\"aside\">\n <aside\n v-show=\"isSidebarOpen\"\n class=\"stash-app-sidebar__aside fixed flex h-screen flex-col bg-purple-500\"\n :class=\"{ 'shadow-3xl': isBackdropVisible }\"\n data-test=\"stash-app-sidebar__aside\"\n >\n <Divider class=\"stash-app-sidebar__divider\" />\n <div v-if=\"slots['app-context']\" class=\"px-3 pt-6\">\n <!-- @slot App Context component slot, ideally for rendering the context switcher -->\n <slot name=\"app-context\"></slot>\n </div>\n <div v-if=\"slots['company-context']\" class=\"px-3 pt-6\">\n <!-- @slot Company Context component slot, ideally for rendering the company picker -->\n <slot name=\"company-context\"></slot>\n </div>\n <nav v-if=\"slots['navigation']\" class=\"pt-6\">\n <ul role=\"menubar\" aria-orientation=\"vertical\">\n <!-- @slot Navigation component slot, for rendering navigation items -->\n <slot name=\"navigation\"></slot>\n </ul>\n </nav>\n <div class=\"flex-1\"></div>\n <!-- @slot Footer component slot, for rendering version/environment notes -->\n <slot name=\"footer\"></slot>\n </aside>\n </Transition>\n </div>\n</template>\n\n<style scoped>\n @layer utilities {\n .stash-app-sidebar__aside {\n padding-top: calc(var(--height-topbar) - 1px); /* -1px to compensate for the border height */\n width: var(--width-sidebar);\n }\n\n .stash-app-sidebar__divider::before,\n .stash-app-sidebar__divider::after {\n border-bottom: 1px solid rgb(255 255 255 / 12%);\n }\n\n .backdrop-enter-active,\n .backdrop-leave-active {\n transition: opacity 200ms ease-in-out;\n }\n\n .backdrop-enter-from,\n .backdrop-leave-to {\n opacity: 0;\n }\n\n .aside-enter-active,\n .aside-leave-active {\n transition:\n opacity 200ms ease-in-out,\n transform 200ms ease-in-out;\n }\n\n .aside-enter-from,\n .aside-leave-to {\n opacity: 0;\n transform: translateX(-20%);\n }\n }\n</style>\n"],"names":["props","__props","slots","useSlots","emit","__emit","isExtraLargeScreen","useMediaQuery","isBackdropVisible","computed","initialPageScrollingElementStyle","ref","isSidebarOpen","onBackdropClick","getPageScrollingElement","watchEffect","el","_createElementBlock","_createVNode","_Transition","Backdrop","_createElementVNode","_normalizeClass","Divider","_unref","_openBlock","_hoisted_1","_renderSlot","_ctx","_hoisted_2","_hoisted_3","_hoisted_4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAcE,UAAMA,IAAQC,GAIRC,IAAQC,EAAA,GAERC,IAAOC,GAQPC,IAAqBC,EAAc,gCAAgC,GACnEC,IAAoBC,EAAS,MAAMT,EAAM,UAAU,CAACM,EAAmB,KAAK,GAC5EI,IAAmCC,EAAI,EAAE,QAAQ,IAAI,UAAU,IAAI,GACnEC,IAAgBH,EAAS,MAAMT,EAAM,UAAUM,EAAmB,KAAK;AAE7E,aAASO,IAAkB;AACzB,MAAAT,EAAK,SAAS,GACdA,EAAK,kBAAkB,EAAK;AAAA,IAC9B;AAEA,aAASU,IAA8C;AACrD,aAAI,OAAO,WAAa,MAAoB,OACpC,SAAS,oBAAoB,SAAS;AAAA,IAChD;AAEA,WAAAC,EAAY,MAAM;AAChB,UAAIT,EAAmB,MAAO;AAE9B,YAAMU,IAAKF,EAAA;AACX,MAAKE,MAEDR,EAAkB,SACpB,OAAO,OAAOE,EAAiC,OAAO;AAAA,QACpD,UAAUM,EAAG,MAAM;AAAA,QACnB,QAAQA,EAAG,MAAM;AAAA,MAAA,CAClB,GAGH,OAAO,OAAOA,EAAG,OAAO;AAAA,QACtB,UAAUR,EAAkB,QAAQ,WAAWE,EAAiC,MAAM;AAAA;AAAA,QACtF,QAAQF,EAAkB,QAAQ,SAASE,EAAiC,MAAM;AAAA;AAAA,MAAA,CACnF;AAAA,IACH,CAAC,mBAIDO,EAwCM,OAAA;AAAA,MAvCJ,IAAG;AAAA,MACH,UAAM,8BAA4B;AAAA,sCACYL,EAAA;AAAA,mBAAgCJ,EAAA;AAAA,oBAAqCA,EAAA;AAAA,MAAA;MAKnH,aAAU;AAAA,IAAA;MAEVU,EAEaC,GAAA,EAFD,MAAK,cAAU;AAAA,mBACzB,MAAyG;AAAA,YAAzGD,EAAyGE,GAAA;AAAA,YAApE,OAAM;AAAA,YAA+B,WAAYP,GAAe,CAAA,MAAA,CAAA;AAAA,UAAA;gBAAnFL,EAAA,KAAiB;AAAA,UAAA;;;;MAErCU,EA0BaC,GAAA,EA1BD,MAAK,WAAO;AAAA,mBACtB,MAwBQ;AAAA,YAxBRE,EAwBQ,SAAA;AAAA,YAtBN,OAAKC,EAAA,CAAC,uEAAqE,EAAA,cACnDd,EAAA,MAAA,CAAiB,CAAA;AAAA,YACzC,aAAU;AAAA,UAAA;YAEVU,EAA8CK,GAAA,EAArC,OAAM,8BAA4B;AAAA,YAChCC,EAAAtB,CAAA,EAAK,aAAA,KAAhBuB,EAAA,GAAAR,EAGM,OAHNS,GAGM;AAAA,cADJC,EAAgCC,EAAA,QAAA,eAAA,CAAA,GAAA,QAAA,EAAA;AAAA,YAAA;YAEvBJ,EAAAtB,CAAA,EAAK,iBAAA,KAAhBuB,EAAA,GAAAR,EAGM,OAHNY,GAGM;AAAA,cADJF,EAAoCC,EAAA,QAAA,mBAAA,CAAA,GAAA,QAAA,EAAA;AAAA,YAAA;YAE3BJ,EAAAtB,CAAA,EAAK,cAAhBuB,EAAA,GAAAR,EAKM,OALNa,GAKM;AAAA,cAJJT,EAGK,MAHLU,GAGK;AAAA,gBADHJ,EAA+BC,EAAA,QAAA,cAAA,CAAA,GAAA,QAAA,EAAA;AAAA,cAAA;;4BAGnCP,EAA0B,OAAA,EAArB,OAAM,SAAA,GAAQ,MAAA,EAAA;AAAA,YAEnBM,EAA2BC,EAAA,QAAA,UAAA,CAAA,GAAA,QAAA,EAAA;AAAA,UAAA;gBAtBnBhB,EAAA,KAAa;AAAA,UAAA;;;;;;;"}
|
package/dist/AppTopbar.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as m, createElementBlock as f, openBlock as h, createElementVNode as e, normalizeClass as i, createVNode as a, unref as b, renderSlot as o } from "vue";
|
|
2
|
-
import u from "./
|
|
2
|
+
import { a as u } from "./index-t9tXBnql.js";
|
|
3
3
|
import x from "./Icon.js";
|
|
4
4
|
import { _ as l } from "./Logo.vue_vue_type_script_setup_true_lang-qiNaaWWV.js";
|
|
5
5
|
const _ = {
|
package/dist/Copy.js
CHANGED
|
@@ -5,7 +5,7 @@ import { t as f } from "./locale.js";
|
|
|
5
5
|
import _ from "./Button.js";
|
|
6
6
|
import x from "./Icon.js";
|
|
7
7
|
import $ from "./IconLabel.js";
|
|
8
|
-
import { _ as N } from "./Tooltip.vue_vue_type_script_setup_true_lang-
|
|
8
|
+
import { _ as N } from "./Tooltip.vue_vue_type_script_setup_true_lang-UUjw5O1x.js";
|
|
9
9
|
import { _ as S } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
10
10
|
const U = /* @__PURE__ */ w({
|
|
11
11
|
__name: "Copy",
|