@leaflink/stash 45.1.6 → 45.1.8
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/PageContent.js +30 -25
- package/dist/PageContent.js.map +1 -1
- package/dist/PageHeader.js +1 -1
- package/dist/PageHeader.js.map +1 -1
- package/dist/components.css +1 -1
- package/dist/index.js +138 -179
- package/dist/index.js.map +1 -1
- package/dist/useDialog.d.ts +105 -0
- package/dist/useDialog.js +47 -0
- package/dist/useDialog.js.map +1 -0
- package/package.json +1 -1
package/dist/PageContent.js
CHANGED
|
@@ -1,36 +1,41 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { _ as
|
|
3
|
-
const
|
|
1
|
+
import { defineComponent as r, useSlots as l, useCssModule as d, openBlock as o, createElementBlock as _, normalizeClass as t, unref as e, createElementVNode as p, renderSlot as c, createCommentVNode as i } from "vue";
|
|
2
|
+
import { _ as m } from "./_plugin-vue_export-helper-dad06003.js";
|
|
3
|
+
const u = /* @__PURE__ */ r({
|
|
4
4
|
name: "ll-page-content",
|
|
5
5
|
__name: "PageContent",
|
|
6
|
-
setup(
|
|
7
|
-
const
|
|
8
|
-
return (
|
|
9
|
-
class:
|
|
10
|
-
e(
|
|
6
|
+
setup(b) {
|
|
7
|
+
const a = l(), s = d();
|
|
8
|
+
return (n, C) => (o(), _("div", {
|
|
9
|
+
class: t(["stash-page-content", [
|
|
10
|
+
e(s).root,
|
|
11
11
|
{
|
|
12
|
-
[e(
|
|
13
|
-
[e(t).sidebar]: !!e(s).sidebar
|
|
12
|
+
[e(s)["stash-page-content--has-sidebar"]]: !!e(a).sidebar
|
|
14
13
|
}
|
|
15
14
|
]]),
|
|
16
|
-
"
|
|
15
|
+
"data-test": "stash-page-content"
|
|
17
16
|
}, [
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
17
|
+
p("div", {
|
|
18
|
+
class: t(e(s)["stash-page-content__main"])
|
|
19
|
+
}, [
|
|
20
|
+
c(n.$slots, "default")
|
|
21
|
+
], 2),
|
|
22
|
+
e(a).sidebar ? (o(), _("aside", {
|
|
23
|
+
key: 0,
|
|
24
|
+
class: t(e(s)["stash-page-content__sidebar"])
|
|
25
|
+
}, [
|
|
26
|
+
c(n.$slots, "sidebar")
|
|
27
|
+
], 2)) : i("", !0)
|
|
24
28
|
], 2));
|
|
25
29
|
}
|
|
26
|
-
}),
|
|
27
|
-
root:
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
30
|
+
}), h = "_root_1fnu6_2", g = {
|
|
31
|
+
root: h,
|
|
32
|
+
"stash-page-content--has-sidebar": "_stash-page-content--has-sidebar_1fnu6_10",
|
|
33
|
+
"stash-page-content__main": "_stash-page-content__main_1fnu6_16",
|
|
34
|
+
"stash-page-content__sidebar": "_stash-page-content__sidebar_1fnu6_21"
|
|
35
|
+
}, f = {
|
|
36
|
+
$style: g
|
|
37
|
+
}, M = /* @__PURE__ */ m(u, [["__cssModules", f]]);
|
|
33
38
|
export {
|
|
34
|
-
|
|
39
|
+
M as default
|
|
35
40
|
};
|
|
36
41
|
//# sourceMappingURL=PageContent.js.map
|
package/dist/PageContent.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageContent.js","sources":["../src/components/PageContent/PageContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\n import { useCssModule, useSlots } from 'vue';\n\n defineOptions({\n name: 'll-page-content',\n });\n\n const slots = useSlots();\n const classes = useCssModule();\n</script>\n\n<template>\n <div\n class=\"stash-page-content\"\n :class=\"[\n classes.root,\n {\n [classes
|
|
1
|
+
{"version":3,"file":"PageContent.js","sources":["../src/components/PageContent/PageContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\n import { useCssModule, useSlots } from 'vue';\n\n defineOptions({\n name: 'll-page-content',\n });\n\n const slots = useSlots();\n const classes = useCssModule();\n</script>\n\n<template>\n <div\n class=\"stash-page-content\"\n :class=\"[\n classes.root,\n {\n [classes['stash-page-content--has-sidebar']]: !!slots.sidebar,\n },\n ]\"\n data-test=\"stash-page-content\"\n >\n <div :class=\"classes['stash-page-content__main']\">\n <!-- @slot Default content -->\n <slot name=\"default\"></slot>\n </div>\n\n <aside v-if=\"!!slots.sidebar\" :class=\"classes['stash-page-content__sidebar']\">\n <!-- @slot Sidebar content -->\n <slot name=\"sidebar\"></slot>\n </aside>\n </div>\n</template>\n\n<style module>\n .root {\n max-width: theme('width.container'); /* 1400px */\n padding-inline: var(--grid-gutter);\n position: relative;\n margin-inline: auto;\n width: 100%;\n }\n\n .stash-page-content--has-sidebar {\n display: flex;\n flex-direction: column;\n gap: var(--grid-gutter);\n }\n\n .stash-page-content--has-sidebar .stash-page-content__main {\n flex: 1; /* 12 cols */\n min-width: 0;\n }\n\n .stash-page-content--has-sidebar .stash-page-content__sidebar {\n flex: 0;\n min-width: 0;\n }\n\n @media screen('lg') {\n .stash-page-content--has-sidebar {\n flex-direction: row;\n }\n\n .stash-page-content--has-sidebar .stash-page-content__main {\n flex: 3; /* 9 cols */\n }\n\n .stash-page-content--has-sidebar .stash-page-content__sidebar {\n flex: 1; /* 3 cols */\n }\n }\n</style>\n"],"names":["slots","useSlots","classes","useCssModule"],"mappings":";;;;;;AAOE,UAAMA,IAAQC,KACRC,IAAUC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/PageHeader.js
CHANGED
|
@@ -14,7 +14,7 @@ const y = { class: "tw-col-span-full tw-flex tw-items-center lg:tw-col-span-1" }
|
|
|
14
14
|
const d = m, o = h(), r = u(), p = f(() => !!(r["primary-action"] || r["secondary-action"]));
|
|
15
15
|
return (e, H) => (a(), c("header", {
|
|
16
16
|
class: n(["stash-page-header", [s(o).root, { [s(o).grid]: p.value }]]),
|
|
17
|
-
"
|
|
17
|
+
"data-test": "stash-page-header"
|
|
18
18
|
}, [
|
|
19
19
|
l("div", y, [
|
|
20
20
|
s(r).media ? (a(), c("div", {
|
package/dist/PageHeader.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.js","sources":["../src/components/PageHeader/PageHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\n import { computed, useCssModule, useSlots } from 'vue';\n\n export interface PageHeaderProps {\n /**\n * The title of the page.\n */\n title: string;\n /**\n * The description of the page.\n */\n description?: string;\n }\n\n defineOptions({\n name: 'll-page-header',\n });\n\n const props = withDefaults(defineProps<PageHeaderProps>(), {\n description: '',\n });\n\n const classes = useCssModule();\n const slots = useSlots();\n\n const hasActions = computed<boolean>(() => !!(slots['primary-action'] || slots['secondary-action']));\n</script>\n\n<template>\n <header\n class=\"stash-page-header\"\n :class=\"[classes.root, { [classes.grid]: hasActions }]\"\n
|
|
1
|
+
{"version":3,"file":"PageHeader.js","sources":["../src/components/PageHeader/PageHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\n import { computed, useCssModule, useSlots } from 'vue';\n\n export interface PageHeaderProps {\n /**\n * The title of the page.\n */\n title: string;\n /**\n * The description of the page.\n */\n description?: string;\n }\n\n defineOptions({\n name: 'll-page-header',\n });\n\n const props = withDefaults(defineProps<PageHeaderProps>(), {\n description: '',\n });\n\n const classes = useCssModule();\n const slots = useSlots();\n\n const hasActions = computed<boolean>(() => !!(slots['primary-action'] || slots['secondary-action']));\n</script>\n\n<template>\n <header\n class=\"stash-page-header\"\n :class=\"[classes.root, { [classes.grid]: hasActions }]\"\n data-test=\"stash-page-header\"\n >\n <div class=\"tw-col-span-full tw-flex tw-items-center lg:tw-col-span-1\">\n <div v-if=\"slots.media\" class=\"stash-page-header__media tw-mr-3 tw-self-center\" :class=\"classes.mediaTest\">\n <!-- @slot Receives a custom media -->\n <slot name=\"media\"></slot>\n </div>\n\n <div>\n <!-- @slot Receives a custom title -->\n <slot name=\"title\">\n <h1 class=\"stash-page-header__title tw-my-0\">{{ props.title }}</h1>\n </slot>\n\n <!-- @slot Receives a custom description -->\n <slot name=\"description\">\n <p v-if=\"description\" class=\"stash-page-header__description tw-mb-0 tw-mt-1.5\">{{ props.description }}</p>\n </slot>\n </div>\n </div>\n\n <div\n v-if=\"hasActions\"\n class=\"stash-page-header__actions tw-col-span-full tw-flex lg:tw-col-span-1\"\n :class=\"classes.actions\"\n >\n <!-- @slot Receives a custom secondary action -->\n <slot name=\"secondary-action\"> </slot>\n <!-- @slot Receives a custom primary action -->\n <slot name=\"primary-action\"> </slot>\n </div>\n </header>\n</template>\n\n<style module>\n .root {\n border-bottom: 0;\n display: grid;\n gap: var(--grid-gutter);\n margin: 0 auto;\n max-width: theme('width.container');\n padding: theme('spacing.6') var(--grid-gutter) theme('spacing.12');\n width: 100%;\n }\n\n @media screen('lg') {\n .root.grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n .actions {\n align-self: flex-end;\n flex-direction: column-reverse;\n row-gap: var(--grid-gutter);\n }\n\n @media screen('md') {\n .actions {\n column-gap: var(--grid-gutter);\n flex-direction: row;\n row-gap: 0;\n }\n }\n\n @media screen('lg') {\n .actions {\n align-items: flex-end;\n flex-direction: row;\n justify-content: flex-end;\n }\n }\n\n /* max size for media/marketing illustration icons we would be passing to the slot */\n .media-test {\n max-width: 58px;\n max-height: 58px;\n }\n</style>\n"],"names":["classes","useCssModule","slots","useSlots","hasActions","computed"],"mappings":";;;;;;;;;;;;;iBAsBQA,IAAUC,KACVC,IAAQC,KAERC,IAAaC,EAAkB,MAAM,CAAC,EAAEH,EAAM,gBAAgB,KAAKA,EAAM,kBAAkB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|