@astryx-vue/core 0.1.3 → 0.2.1
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/AlertDialog/index.js +1 -1
- package/dist/{AlertDialog-BylcA4vV.js → AlertDialog-ovx4cBjM.js} +1 -1
- package/dist/AppShell/index.js +1 -1
- package/dist/{AppShell-b0PWt9Fz.js → AppShell-1wNIEtK_.js} +2 -2
- package/dist/Avatar/index.d.ts +1 -1
- package/dist/Avatar/index.js +1 -1
- package/dist/Avatar-jmHInHwj.js +244 -0
- package/dist/AvatarGroup/index.d.ts +1 -1
- package/dist/AvatarGroup/index.js +1 -1
- package/dist/{AvatarGroup-CZcgAMjM.js → AvatarGroup-QyzSrpYA.js} +8 -7
- package/dist/Badge/index.d.ts +1 -1
- package/dist/Badge/index.js +1 -1
- package/dist/Badge-CjDQPF5g.js +30 -0
- package/dist/Banner/index.d.ts +1 -1
- package/dist/Breadcrumbs/index.d.ts +2 -2
- package/dist/Breadcrumbs/index.js +1 -1
- package/dist/{Breadcrumbs-C3YZFQ9w.js → Breadcrumbs-C97HmjkC.js} +45 -11
- package/dist/Button/index.d.ts +1 -1
- package/dist/ButtonGroup/index.d.ts +1 -1
- package/dist/Calendar/index.d.ts +2 -2
- package/dist/Calendar/index.js +1 -1
- package/dist/Calendar-DqC3EDN1.js +352 -0
- package/dist/Card/index.d.ts +1 -1
- package/dist/Carousel/index.d.ts +2 -0
- package/dist/Carousel/index.js +2 -0
- package/dist/Carousel-BGUnskjo.js +363 -0
- package/dist/Chat/index.js +1 -1
- package/dist/{Chat-C1aWl5V3.js → Chat-DCjXRiOF.js} +8 -8
- package/dist/CheckboxInput/index.d.ts +1 -1
- package/dist/CheckboxList/index.d.ts +1 -1
- package/dist/CheckboxList/index.js +1 -1
- package/dist/Citation/index.js +1 -1
- package/dist/{Citation-C1X0Rde8.js → Citation-DunoAqVH.js} +2 -2
- package/dist/ClickableCard/index.d.ts +1 -1
- package/dist/Code/index.d.ts +3 -2
- package/dist/Code/index.js +4 -2
- package/dist/Code-yb_KOFtJ.js +299 -0
- package/dist/{CodeBlock-BQdooQy2.js → CodeBlock-CAF-VJnh.js} +8 -2
- package/dist/Collapsible/index.js +1 -1
- package/dist/{Collapsible-BS9ctCQV.js → Collapsible-DvMiYJp7.js} +1 -1
- package/dist/CommandPalette/index.js +1 -1
- package/dist/{CommandPalette-u5h_E05P.js → CommandPalette-xfm9ldUI.js} +1 -1
- package/dist/ComplexSelector/index.d.ts +1 -1
- package/dist/ComplexSelector/index.js +1 -1
- package/dist/{ComplexSelector-BHmGWml0.js → ComplexSelector-B6lBTRhP.js} +2 -2
- package/dist/ContextMenu/index.d.ts +2 -2
- package/dist/ContextMenu/index.js +1 -1
- package/dist/{ContextMenu-dA-ppaRQ.js → ContextMenu-DUkED3Z3.js} +101 -63
- package/dist/DateInput/index.d.ts +2 -2
- package/dist/DateInput/index.js +1 -1
- package/dist/DateInput-Crcg-CCj.js +376 -0
- package/dist/DateRangeInput/index.d.ts +1 -1
- package/dist/DateRangeInput/index.js +1 -1
- package/dist/{DateRangeInput-fmQlr_A7.js → DateRangeInput-e9KSxBBK.js} +2 -2
- package/dist/DateTimeInput/index.d.ts +1 -1
- package/dist/DateTimeInput/index.js +1 -1
- package/dist/{DateTimeInput-Bs1JmcIp.js → DateTimeInput-fSOfuLex.js} +5 -3
- package/dist/DropdownMenu/index.d.ts +3 -2
- package/dist/DropdownMenu/index.js +3 -2
- package/dist/{DropdownMenu-B0gogrvG.js → DropdownMenu-8G0B1UND.js} +63 -16
- package/dist/DropdownMenu-XvW4BJob.js +164 -0
- package/dist/EmptyState/index.js +1 -1
- package/dist/{EmptyState-Bhlqgsg4.js → EmptyState-CUJdTYKV.js} +1 -1
- package/dist/FileInput/index.d.ts +1 -1
- package/dist/FileInput/index.js +1 -1
- package/dist/{FileInput-CmAfOpkA.js → FileInput-D-fchyQH.js} +2 -2
- package/dist/Icon/index.d.ts +4 -0
- package/dist/Icon/index.js +3 -0
- package/dist/Icon/plugin.d.ts +45 -0
- package/dist/Icon/plugin.js +177 -0
- package/dist/Icon-Bku25g_K.js +193 -0
- package/dist/Lightbox/index.d.ts +2 -0
- package/dist/Lightbox/index.js +2 -0
- package/dist/Lightbox-uuVGgHxW.js +384 -0
- package/dist/Link/index.d.ts +1 -1
- package/dist/Link/index.js +1 -1
- package/dist/Link-DqdQZ37C.js +141 -0
- package/dist/List/index.d.ts +1 -1
- package/dist/Markdown/index.js +1 -1
- package/dist/{Markdown-CwtLr3f_.js → Markdown-DLICa3db.js} +3 -3
- package/dist/MetadataList/index.d.ts +1 -1
- package/dist/MetadataList/index.js +1 -1
- package/dist/{MetadataList-DlXQTLog.js → MetadataList-h492rqEN.js} +1 -1
- package/dist/MobileNav/index.js +1 -1
- package/dist/{MobileNavToggle-CgQamG6E.js → MobileNavToggle-BMj3Wtuq.js} +1 -1
- package/dist/MoreMenu/index.d.ts +1 -1
- package/dist/MoreMenu/index.js +1 -1
- package/dist/{MoreMenu-BXL6Dqsu.js → MoreMenu-DkYi5az5.js} +2 -2
- package/dist/MultiSelector/index.d.ts +1 -1
- package/dist/MultiSelector/index.js +1 -1
- package/dist/{MultiSelector-DT8ZccMI.js → MultiSelector-C2IS-EaU.js} +2 -2
- package/dist/NavItem/index.d.ts +1 -1
- package/dist/NavMenu/index.d.ts +1 -1
- package/dist/NavMenu/index.js +1 -1
- package/dist/{NavMenuItem-mzNQESpB.js → NavMenuItem-B-k7olt5.js} +2 -1
- package/dist/NumberInput/index.d.ts +2 -2
- package/dist/NumberInput/index.js +1 -1
- package/dist/NumberInput-CjfAsFwj.js +210 -0
- package/dist/Outline/index.d.ts +2 -0
- package/dist/Outline/index.js +2 -0
- package/dist/Outline-BTmrtvXR.js +325 -0
- package/dist/OverflowList/index.d.ts +1 -1
- package/dist/OverflowList/index.js +1 -1
- package/dist/{OverflowList-zXg3g6fy.js → OverflowList-CRE8BE7V.js} +2 -2
- package/dist/Overlay/index.d.ts +1 -1
- package/dist/Pagination/index.d.ts +2 -2
- package/dist/Pagination/index.js +1 -1
- package/dist/{Pagination-DXfgMUKJ.js → Pagination-BpGXPmc7.js} +76 -22
- package/dist/Popover/index.d.ts +1 -1
- package/dist/ProgressBar/index.d.ts +1 -1
- package/dist/ProgressBar/index.js +1 -1
- package/dist/{ProgressBar-ChDp-7oe.js → ProgressBar-DO9Chic6.js} +31 -11
- package/dist/Radio/index.d.ts +1 -1
- package/dist/RadioList/index.d.ts +1 -1
- package/dist/Resizable/index.js +1 -1
- package/dist/{Resizable-BuGKvU9I.js → Resizable-CE8XQDL2.js} +1 -1
- package/dist/ScrollableArea/index.d.ts +1 -1
- package/dist/SegmentedControl/index.d.ts +1 -1
- package/dist/SelectableCard/index.d.ts +1 -1
- package/dist/Selector/index.d.ts +2 -2
- package/dist/Selector/index.js +1 -1
- package/dist/Selector-DkJOLZSR.js +468 -0
- package/dist/SideNav/index.d.ts +1 -1
- package/dist/SideNav/index.js +1 -1
- package/dist/{SideNav-Cdrigq2A.js → SideNav-DcDWBnXJ.js} +17 -17
- package/dist/Stepper/index.d.ts +1 -1
- package/dist/Stepper/index.js +1 -1
- package/dist/{Stepper-DxmLfh8O.js → Stepper-DZKaqEoz.js} +1 -1
- package/dist/Switch/index.d.ts +1 -1
- package/dist/TabList/index.d.ts +1 -1
- package/dist/TabList/index.js +1 -1
- package/dist/{TabList-C411uNQU.js → TabList-hm06QPiW.js} +10 -3
- package/dist/Table/index.js +1 -1
- package/dist/{Table-7qRmlIQd.js → Table-DwehtMap.js} +4 -4
- package/dist/Text/index.d.ts +3 -2
- package/dist/Text/index.js +1 -1
- package/dist/{Text-CKd7e3gK.js → Text-BHVghsWo.js} +12 -2
- package/dist/TextArea/index.d.ts +1 -1
- package/dist/TextArea/index.js +1 -1
- package/dist/{TextArea-Cv9UVbzS.js → TextArea-CPwSytdO.js} +12 -6
- package/dist/TextInput/index.d.ts +1 -1
- package/dist/Theme/index.d.ts +2 -0
- package/dist/Theme/index.js +2 -0
- package/dist/Theme-BuUiiJNr.js +429 -0
- package/dist/Thumbnail/index.js +1 -1
- package/dist/{Thumbnail-BWVzLLyI.js → Thumbnail-CAOYds8t.js} +11 -11
- package/dist/{TimeField-l3QzU6vC.js → TimeField-BGbxCoKU.js} +2 -2
- package/dist/TimeInput/index.d.ts +1 -1
- package/dist/TimeInput/index.js +1 -1
- package/dist/{TimeInput-OkgX-xbQ.js → TimeInput-DJP3l4ZS.js} +1 -1
- package/dist/Timer/index.d.ts +2 -0
- package/dist/Timer/index.js +2 -0
- package/dist/Timer-B7GV6hqd.js +134 -0
- package/dist/Timestamp/index.d.ts +1 -1
- package/dist/Timestamp/index.js +2 -1
- package/dist/{Timestamp-DUoP9ari.js → Timestamp-BzRp8uWc.js} +5 -122
- package/dist/Toast/index.d.ts +2 -2
- package/dist/Toast/index.js +1 -1
- package/dist/{Toast-BKXPvEMp.js → Toast-C2ML-bmi.js} +37 -7
- package/dist/ToggleButton/index.d.ts +1 -1
- package/dist/Token/index.d.ts +1 -1
- package/dist/Token/index.js +1 -1
- package/dist/{Token-C4KD0fZD.js → Token-CjocuhzE.js} +1 -1
- package/dist/Tokenizer/index.d.ts +1 -1
- package/dist/Tokenizer/index.js +1 -1
- package/dist/{Tokenizer-BA8sTMPZ.js → Tokenizer-mYES5SPM.js} +2 -2
- package/dist/Toolbar/index.d.ts +1 -1
- package/dist/TopNav/index.d.ts +1 -1
- package/dist/TopNav/index.js +1 -1
- package/dist/{TopNav-CZokS7E_.js → TopNav-C2t6JkZb.js} +4 -4
- package/dist/TreeList/index.d.ts +1 -1
- package/dist/TreeList/index.js +1 -1
- package/dist/{TreeList-CIbAGOMf.js → TreeList-THJ0KamE.js} +3 -3
- package/dist/Typeahead/index.d.ts +1 -1
- package/dist/Typeahead/index.js +1 -1
- package/dist/{Typeahead-DIw-K4aa.js → Typeahead-D7VnvRpK.js} +2 -2
- package/dist/{context-D6ECRdc5.js → context-DzcK4T_C.js} +58 -2
- package/dist/context-O2Vb8cJl.js +57 -0
- package/dist/formatInstant-BDWUIxS7.js +119 -0
- package/dist/index-1AZ4KZhg.d.ts +96 -0
- package/dist/index-3p2BDVHq.d.ts +31 -0
- package/dist/{index-BuubzuE8.d.ts → index-BDZCJ9ri.d.ts} +2 -2
- package/dist/{index-FEy8qFSD.d.ts → index-BHqRH7QW.d.ts} +2 -2
- package/dist/{index-CTolyeii.d.ts → index-BLOEjvaM.d.ts} +16 -2
- package/dist/index-BMrggCw-.d.ts +52 -0
- package/dist/{index-z4p2k9VR.d.ts → index-Bgv4ZmBl.d.ts} +20 -2
- package/dist/{index-BoRIw-bP.d.ts → index-Bt7ewoz2.d.ts} +32 -2
- package/dist/{index-CjtAH60j.d.ts → index-Bu0Zd1uw.d.ts} +1 -1
- package/dist/{index-uQrLBZfF.d.ts → index-Bu3oXIIS.d.ts} +24 -0
- package/dist/{index-CX97hlld.d.ts → index-CBym0hSq.d.ts} +2 -19
- package/dist/index-CJlBAXwj.d.ts +100 -0
- package/dist/{index-DT9S92sh.d.ts → index-CNjbOgty.d.ts} +15 -0
- package/dist/{index-gW0HW02U.d.ts → index-COxy6LEW.d.ts} +1 -1
- package/dist/index-CRizexSC.d.ts +147 -0
- package/dist/{index-DYChvBOM.d.ts → index-Clmz00IK.d.ts} +31 -0
- package/dist/index-Cm_TiLXU.d.ts +22 -0
- package/dist/index-Cn-sSds-.d.ts +68 -0
- package/dist/index-CsVS37na.d.ts +81 -0
- package/dist/{index-DRmb-oUa.d.ts → index-CuFLztiI.d.ts} +6 -1
- package/dist/{index-CT8KEpec.d.ts → index-D0TlUOtG.d.ts} +1 -1
- package/dist/{index-fa72tWIU.d.ts → index-D2bSSSBP.d.ts} +1 -1
- package/dist/{index-2u4l3wq8.d.ts → index-DAiGhkNZ.d.ts} +15 -2
- package/dist/{index-DGNqi2za.d.ts → index-DQAnGHu7.d.ts} +5 -5
- package/dist/{index-BfOtLyNH.d.ts → index-D_nYxnNv.d.ts} +1 -1
- package/dist/{index-Df2YvC8o.d.ts → index-DeOftUMq.d.ts} +191 -75
- package/dist/{index-DXDGk38y.d.ts → index-Dg3ZmwEg.d.ts} +11 -0
- package/dist/{index-BiMGXtD-.d.ts → index-DimuSES0.d.ts} +14 -1
- package/dist/{index-C_2Z65Rp.d.ts → index-DnEh-HA0.d.ts} +1 -1
- package/dist/{index-D-ZuubCK.d.ts → index-DnSrjbjP.d.ts} +1 -1
- package/dist/{index-mQ6EPmaG.d.ts → index-DsyKhauk.d.ts} +78 -9
- package/dist/{index-C6RecznD.d.ts → index-I4J7gwa1.d.ts} +51 -9
- package/dist/{index-utZGF4GR.d.ts → index-NOXYEdOI.d.ts} +1 -1
- package/dist/{index-B4OOtNP8.d.ts → index-Z_onS2lR.d.ts} +1 -1
- package/dist/{index-CVn0GBdB.d.ts → index-cG1E0U2s.d.ts} +1 -1
- package/dist/{index-DEeJowZf.d.ts → index-cGagYM1g.d.ts} +15 -2
- package/dist/{index-Ck8qy6Rf.d.ts → index-c_TaW8mM.d.ts} +24 -2
- package/dist/{index-Bqb_Fyju.d.ts → index-jdjcb3Js.d.ts} +2 -2
- package/dist/index.d.ts +78 -68
- package/dist/index.js +107 -96
- package/dist/locale/index.d.ts +1 -1
- package/dist/locale/index.js +1 -1
- package/dist/registry-B1ObuP--.d.ts +45 -0
- package/dist/registry-C7OZb0PJ.js +135 -0
- package/dist/syntaxTheme-Bcs1YMF7.d.ts +38 -0
- package/dist/syntaxTheme-ClpWALZX.js +75 -0
- package/dist/types-BKcxXW--.d.ts +114 -0
- package/dist/types-Bt-lSgYX.d.ts +65 -0
- package/dist/{index-B8MbfMwV.d.ts → types-DDAAT1Xd.d.ts} +36 -82
- package/package.json +30 -1
- package/styles/avatar.css +14 -0
- package/styles/badge.css +8 -0
- package/styles/breadcrumbs.css +6 -1
- package/styles/button.css +13 -0
- package/styles/calendar.css +16 -0
- package/styles/card.css +2 -0
- package/styles/carousel.css +120 -0
- package/styles/chat.css +5 -2
- package/styles/dropdown-menu.css +11 -0
- package/styles/heading.css +6 -2
- package/styles/icon.css +38 -8
- package/styles/lightbox.css +144 -0
- package/styles/link.css +5 -0
- package/styles/media-theme.css +51 -0
- package/styles/number-input.css +22 -0
- package/styles/outline.css +124 -0
- package/styles/pagination.css +45 -1
- package/styles/progress-bar.css +4 -0
- package/styles/selector.css +58 -0
- package/styles/tab-list.css +15 -0
- package/styles/text-area.css +17 -0
- package/styles/text-input.css +5 -0
- package/styles/text.css +63 -14
- package/styles/theme.css +29 -0
- package/styles/timer.css +34 -0
- package/styles/toast.css +7 -0
- package/styles/toolbar.css +11 -0
- package/styles.css +6 -0
- package/dist/Avatar-5s3HSrtN.js +0 -136
- package/dist/Badge-Ba0EwsTj.js +0 -19
- package/dist/Calendar-CYhGDT6f.js +0 -277
- package/dist/DateInput-D2ErjXYO.js +0 -250
- package/dist/Icon-5MdZQ18k.js +0 -86
- package/dist/Link-CprjOuTI.js +0 -92
- package/dist/NumberInput-DspJO6z6.js +0 -147
- package/dist/Selector-DlZpQh42.js +0 -325
- package/dist/index-BzqRns96.d.ts +0 -64
- package/dist/index-ZJyk8RtQ.d.ts +0 -68
- package/dist/{CheckboxList-EsIEXjK_.js → CheckboxList-BbCPiend.js} +1 -1
- package/dist/{index-4FM5lQdV.d.ts → index-BUXNRekN.d.ts} +1 -1
|
@@ -0,0 +1,384 @@
|
|
|
1
|
+
import { t as useAnnounce } from "./announce-Cnio10Wk.js";
|
|
2
|
+
import { t as useScrollLock } from "./scrollLock-BzIvIimL.js";
|
|
3
|
+
import { a as useAstryxMessages } from "./context-DzcK4T_C.js";
|
|
4
|
+
import { t as _sfc_main$1 } from "./IconButton-BNQuz9W_.js";
|
|
5
|
+
import { t as _sfc_main$2 } from "./Icon-Bku25g_K.js";
|
|
6
|
+
import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, ref, toDisplayString, toRef, unref, useTemplateRef, watch, withCtx } from "vue";
|
|
7
|
+
import "../styles/lightbox.css";
|
|
8
|
+
//#region src/Lightbox/Lightbox.vue
|
|
9
|
+
const _hoisted_1 = ["aria-label"];
|
|
10
|
+
const _hoisted_2 = { class: "astryx-lightbox__media" };
|
|
11
|
+
const _hoisted_3 = [
|
|
12
|
+
"data-zoomable",
|
|
13
|
+
"data-zoomed",
|
|
14
|
+
"data-dragging",
|
|
15
|
+
"role",
|
|
16
|
+
"tabindex",
|
|
17
|
+
"aria-pressed",
|
|
18
|
+
"aria-label"
|
|
19
|
+
];
|
|
20
|
+
const _hoisted_4 = [
|
|
21
|
+
"src",
|
|
22
|
+
"aria-label",
|
|
23
|
+
"autoplay"
|
|
24
|
+
];
|
|
25
|
+
const _hoisted_5 = [
|
|
26
|
+
"src",
|
|
27
|
+
"alt",
|
|
28
|
+
"data-dragging"
|
|
29
|
+
];
|
|
30
|
+
const _hoisted_6 = {
|
|
31
|
+
key: 0,
|
|
32
|
+
class: "astryx-lightbox__caption"
|
|
33
|
+
};
|
|
34
|
+
const _hoisted_7 = {
|
|
35
|
+
key: 2,
|
|
36
|
+
class: "astryx-lightbox__counter"
|
|
37
|
+
};
|
|
38
|
+
const _sfc_main = /*@__PURE__*/ defineComponent({
|
|
39
|
+
name: "AstryxLightbox",
|
|
40
|
+
inheritAttrs: false,
|
|
41
|
+
__name: "Lightbox",
|
|
42
|
+
props: {
|
|
43
|
+
isOpen: { type: Boolean },
|
|
44
|
+
media: {},
|
|
45
|
+
index: {},
|
|
46
|
+
defaultIndex: { default: 0 },
|
|
47
|
+
hasZoom: {
|
|
48
|
+
type: Boolean,
|
|
49
|
+
default: false
|
|
50
|
+
},
|
|
51
|
+
hasAutoPlay: {
|
|
52
|
+
type: Boolean,
|
|
53
|
+
default: false
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
emits: ["update:isOpen", "update:index"],
|
|
57
|
+
setup(__props, { emit: __emit }) {
|
|
58
|
+
const props = __props;
|
|
59
|
+
const emit = __emit;
|
|
60
|
+
const messages = useAstryxMessages();
|
|
61
|
+
const announce = useAnnounce();
|
|
62
|
+
const dialogRef = useTemplateRef("dialog");
|
|
63
|
+
const containerRef = ref(null);
|
|
64
|
+
useScrollLock(toRef(props, "isOpen"));
|
|
65
|
+
const mediaList = computed(() => Array.isArray(props.media) ? props.media : [props.media]);
|
|
66
|
+
const isGallery = computed(() => Array.isArray(props.media) && mediaList.value.length > 1);
|
|
67
|
+
const internalIndex = ref(props.defaultIndex);
|
|
68
|
+
const index = computed(() => {
|
|
69
|
+
const raw = props.index ?? internalIndex.value;
|
|
70
|
+
const last = Math.max(0, mediaList.value.length - 1);
|
|
71
|
+
return Math.min(Math.max(0, raw), last);
|
|
72
|
+
});
|
|
73
|
+
const current = computed(() => mediaList.value[index.value]);
|
|
74
|
+
const isVideo = computed(() => current.value?.type === "video");
|
|
75
|
+
const canPrev = computed(() => index.value > 0);
|
|
76
|
+
const canNext = computed(() => index.value < mediaList.value.length - 1);
|
|
77
|
+
const zoom = ref(1);
|
|
78
|
+
const pan = ref({
|
|
79
|
+
x: 0,
|
|
80
|
+
y: 0
|
|
81
|
+
});
|
|
82
|
+
const dragging = ref(false);
|
|
83
|
+
const didDrag = ref(false);
|
|
84
|
+
const dragStart = {
|
|
85
|
+
x: 0,
|
|
86
|
+
y: 0,
|
|
87
|
+
panX: 0,
|
|
88
|
+
panY: 0
|
|
89
|
+
};
|
|
90
|
+
let restoreFocus = null;
|
|
91
|
+
const zoomable = computed(() => props.hasZoom && !isVideo.value);
|
|
92
|
+
const imageTransform = computed(() => zoom.value === 1 ? void 0 : `scale(${zoom.value}) translate(${pan.value.x / zoom.value}px, ${pan.value.y / zoom.value}px)`);
|
|
93
|
+
function close() {
|
|
94
|
+
emit("update:isOpen", false);
|
|
95
|
+
}
|
|
96
|
+
function setIndex(next) {
|
|
97
|
+
const last = Math.max(0, mediaList.value.length - 1);
|
|
98
|
+
const clamped = Math.min(Math.max(0, next), last);
|
|
99
|
+
internalIndex.value = clamped;
|
|
100
|
+
emit("update:index", clamped);
|
|
101
|
+
}
|
|
102
|
+
function resetZoom() {
|
|
103
|
+
zoom.value = 1;
|
|
104
|
+
pan.value = {
|
|
105
|
+
x: 0,
|
|
106
|
+
y: 0
|
|
107
|
+
};
|
|
108
|
+
dragging.value = false;
|
|
109
|
+
}
|
|
110
|
+
function applyZoom(next) {
|
|
111
|
+
if (!zoomable.value || next === zoom.value) return;
|
|
112
|
+
zoom.value = next;
|
|
113
|
+
pan.value = {
|
|
114
|
+
x: 0,
|
|
115
|
+
y: 0
|
|
116
|
+
};
|
|
117
|
+
announce(next > 1 ? messages.value.lightbox.zoomedIn : messages.value.lightbox.zoomedOut);
|
|
118
|
+
}
|
|
119
|
+
function toggleZoom() {
|
|
120
|
+
applyZoom(zoom.value === 1 ? 2 : 1);
|
|
121
|
+
}
|
|
122
|
+
function onCancel(event) {
|
|
123
|
+
event.preventDefault();
|
|
124
|
+
close();
|
|
125
|
+
}
|
|
126
|
+
function onBackdropClick(event) {
|
|
127
|
+
if (didDrag.value) {
|
|
128
|
+
didDrag.value = false;
|
|
129
|
+
return;
|
|
130
|
+
}
|
|
131
|
+
if (event.target === event.currentTarget || event.target === containerRef.value) close();
|
|
132
|
+
}
|
|
133
|
+
function onKeyDown(event) {
|
|
134
|
+
if (zoomable.value) {
|
|
135
|
+
if (event.key === "+" || event.key === "=") {
|
|
136
|
+
event.preventDefault();
|
|
137
|
+
applyZoom(2);
|
|
138
|
+
return;
|
|
139
|
+
}
|
|
140
|
+
if (event.key === "-" || event.key === "_") {
|
|
141
|
+
event.preventDefault();
|
|
142
|
+
applyZoom(1);
|
|
143
|
+
return;
|
|
144
|
+
}
|
|
145
|
+
const step = 50;
|
|
146
|
+
const offsets = {
|
|
147
|
+
ArrowDown: [0, -50],
|
|
148
|
+
ArrowLeft: [step, 0],
|
|
149
|
+
ArrowRight: [-50, 0],
|
|
150
|
+
ArrowUp: [0, step]
|
|
151
|
+
};
|
|
152
|
+
const offset = zoom.value > 1 ? offsets[event.key] : void 0;
|
|
153
|
+
if (offset != null) {
|
|
154
|
+
event.preventDefault();
|
|
155
|
+
pan.value = {
|
|
156
|
+
x: pan.value.x + offset[0],
|
|
157
|
+
y: pan.value.y + offset[1]
|
|
158
|
+
};
|
|
159
|
+
return;
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
if (event.key === "ArrowLeft" && canPrev.value) {
|
|
163
|
+
event.preventDefault();
|
|
164
|
+
setIndex(index.value - 1);
|
|
165
|
+
} else if (event.key === "ArrowRight" && canNext.value) {
|
|
166
|
+
event.preventDefault();
|
|
167
|
+
setIndex(index.value + 1);
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
function onImageKeyDown(event) {
|
|
171
|
+
if (event.key === "Enter" || event.key === " ") {
|
|
172
|
+
event.preventDefault();
|
|
173
|
+
toggleZoom();
|
|
174
|
+
}
|
|
175
|
+
}
|
|
176
|
+
function onPointerDown(event) {
|
|
177
|
+
if (!zoomable.value || zoom.value <= 1) return;
|
|
178
|
+
dragging.value = true;
|
|
179
|
+
didDrag.value = false;
|
|
180
|
+
dragStart.x = event.clientX;
|
|
181
|
+
dragStart.y = event.clientY;
|
|
182
|
+
dragStart.panX = pan.value.x;
|
|
183
|
+
dragStart.panY = pan.value.y;
|
|
184
|
+
}
|
|
185
|
+
function onPointerMove(event) {
|
|
186
|
+
if (!dragging.value) return;
|
|
187
|
+
didDrag.value = true;
|
|
188
|
+
pan.value = {
|
|
189
|
+
x: dragStart.panX + event.clientX - dragStart.x,
|
|
190
|
+
y: dragStart.panY + event.clientY - dragStart.y
|
|
191
|
+
};
|
|
192
|
+
}
|
|
193
|
+
function onPointerUp() {
|
|
194
|
+
dragging.value = false;
|
|
195
|
+
}
|
|
196
|
+
watch(() => props.isOpen, (open) => {
|
|
197
|
+
const dialog = dialogRef.value;
|
|
198
|
+
if (dialog == null) return;
|
|
199
|
+
if (open && !dialog.open) {
|
|
200
|
+
const active = document.activeElement;
|
|
201
|
+
restoreFocus = active instanceof HTMLElement ? active : null;
|
|
202
|
+
dialog.showModal();
|
|
203
|
+
} else if (!open && dialog.open) {
|
|
204
|
+
dialog.close();
|
|
205
|
+
resetZoom();
|
|
206
|
+
restoreFocus?.focus();
|
|
207
|
+
restoreFocus = null;
|
|
208
|
+
}
|
|
209
|
+
}, { flush: "post" });
|
|
210
|
+
watch(index, () => {
|
|
211
|
+
resetZoom();
|
|
212
|
+
if (!props.isOpen) return;
|
|
213
|
+
const item = current.value;
|
|
214
|
+
if (item == null || mediaList.value.length < 2) return;
|
|
215
|
+
const position = {
|
|
216
|
+
index: index.value + 1,
|
|
217
|
+
total: mediaList.value.length
|
|
218
|
+
};
|
|
219
|
+
announce(item.alt ? messages.value.lightbox.mediaPosition(item.alt, position.index, position.total) : messages.value.lightbox.imagePosition(position.index, position.total));
|
|
220
|
+
});
|
|
221
|
+
watch([dragging], ([isDragging]) => {
|
|
222
|
+
if (!isDragging) return;
|
|
223
|
+
window.addEventListener("pointermove", onPointerMove);
|
|
224
|
+
window.addEventListener("pointerup", onPointerUp);
|
|
225
|
+
}, { flush: "post" });
|
|
226
|
+
onBeforeUnmount(() => {
|
|
227
|
+
window.removeEventListener("pointermove", onPointerMove);
|
|
228
|
+
window.removeEventListener("pointerup", onPointerUp);
|
|
229
|
+
});
|
|
230
|
+
watch(dragging, (isDragging, wasDragging) => {
|
|
231
|
+
if (wasDragging && !isDragging) {
|
|
232
|
+
window.removeEventListener("pointermove", onPointerMove);
|
|
233
|
+
window.removeEventListener("pointerup", onPointerUp);
|
|
234
|
+
}
|
|
235
|
+
});
|
|
236
|
+
return (_ctx, _cache) => {
|
|
237
|
+
return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" eslint-disable-next-line vue-a11y/click-events-have-key-events, vue-a11y/no-static-element-interactions -- 点在 dialog 自身上等于点遮罩;键盘走 Escape 和方向键。 "), current.value ? (openBlock(), createElementBlock("dialog", {
|
|
238
|
+
key: 0,
|
|
239
|
+
ref: "dialog",
|
|
240
|
+
class: normalizeClass(["astryx-lightbox", _ctx.$attrs.class]),
|
|
241
|
+
style: normalizeStyle(_ctx.$attrs.style),
|
|
242
|
+
"aria-label": current.value.alt || unref(messages).lightbox.mediaViewer,
|
|
243
|
+
"data-component": "lightbox",
|
|
244
|
+
onCancel,
|
|
245
|
+
onClick: onBackdropClick,
|
|
246
|
+
onKeydown: onKeyDown
|
|
247
|
+
}, [createElementVNode("div", {
|
|
248
|
+
ref_key: "containerRef",
|
|
249
|
+
ref: containerRef,
|
|
250
|
+
class: "astryx-lightbox__container"
|
|
251
|
+
}, [
|
|
252
|
+
createVNode(_sfc_main$1, {
|
|
253
|
+
class: "astryx-lightbox__close",
|
|
254
|
+
variant: "ghost",
|
|
255
|
+
size: "sm",
|
|
256
|
+
label: unref(messages).lightbox.close,
|
|
257
|
+
onClick: close
|
|
258
|
+
}, {
|
|
259
|
+
default: withCtx(() => [createVNode(_sfc_main$2, {
|
|
260
|
+
icon: "close",
|
|
261
|
+
size: "sm"
|
|
262
|
+
})]),
|
|
263
|
+
_: 1
|
|
264
|
+
}, 8, ["label"]),
|
|
265
|
+
isGallery.value ? (openBlock(), createBlock(_sfc_main$1, {
|
|
266
|
+
key: 0,
|
|
267
|
+
class: "astryx-lightbox__nav astryx-lightbox__nav--prev",
|
|
268
|
+
variant: "ghost",
|
|
269
|
+
size: "sm",
|
|
270
|
+
label: unref(messages).lightbox.previous,
|
|
271
|
+
"is-disabled": !canPrev.value,
|
|
272
|
+
onClick: _cache[0] || (_cache[0] = ($event) => setIndex(index.value - 1))
|
|
273
|
+
}, {
|
|
274
|
+
default: withCtx(() => [createVNode(_sfc_main$2, {
|
|
275
|
+
icon: "chevronLeft",
|
|
276
|
+
size: "sm"
|
|
277
|
+
})]),
|
|
278
|
+
_: 1
|
|
279
|
+
}, 8, ["label", "is-disabled"])) : createCommentVNode("v-if", true),
|
|
280
|
+
createElementVNode("div", _hoisted_2, [
|
|
281
|
+
createCommentVNode(" eslint-disable-next-line vue-a11y/no-static-element-interactions -- 可缩放时 role、tabindex 和 aria 从脚本绑上;视频没有这些交互。 "),
|
|
282
|
+
createElementVNode("div", {
|
|
283
|
+
class: "astryx-lightbox__frame",
|
|
284
|
+
"data-zoomable": zoomable.value || void 0,
|
|
285
|
+
"data-zoomed": zoom.value > 1 || void 0,
|
|
286
|
+
"data-dragging": dragging.value || void 0,
|
|
287
|
+
role: zoomable.value ? "button" : void 0,
|
|
288
|
+
tabindex: zoomable.value ? 0 : void 0,
|
|
289
|
+
"aria-pressed": zoomable.value ? zoom.value > 1 : void 0,
|
|
290
|
+
"aria-label": zoomable.value ? unref(messages).lightbox.zoom : void 0,
|
|
291
|
+
onDblclick: _cache[1] || (_cache[1] = ($event) => isVideo.value ? void 0 : toggleZoom()),
|
|
292
|
+
onKeydown: _cache[2] || (_cache[2] = ($event) => zoomable.value ? onImageKeyDown($event) : void 0),
|
|
293
|
+
onPointerdown: _cache[3] || (_cache[3] = ($event) => isVideo.value ? void 0 : onPointerDown($event))
|
|
294
|
+
}, [createCommentVNode(" eslint-disable-next-line vue-a11y/media-has-caption -- 说明文字在灯箱 caption 里;媒体文件本身不带字幕轨。 "), isVideo.value ? (openBlock(), createElementBlock("video", {
|
|
295
|
+
key: 0,
|
|
296
|
+
class: "astryx-lightbox__video",
|
|
297
|
+
src: current.value.src,
|
|
298
|
+
"aria-label": current.value.alt,
|
|
299
|
+
controls: "",
|
|
300
|
+
autoplay: __props.hasAutoPlay
|
|
301
|
+
}, null, 8, _hoisted_4)) : (openBlock(), createElementBlock("img", {
|
|
302
|
+
key: 1,
|
|
303
|
+
class: "astryx-lightbox__image",
|
|
304
|
+
src: current.value.src,
|
|
305
|
+
alt: current.value.alt,
|
|
306
|
+
draggable: "false",
|
|
307
|
+
style: normalizeStyle(imageTransform.value ? { transform: imageTransform.value } : void 0),
|
|
308
|
+
"data-dragging": dragging.value || void 0
|
|
309
|
+
}, null, 12, _hoisted_5))], 40, _hoisted_3),
|
|
310
|
+
current.value.caption ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(current.value.caption), 1)) : createCommentVNode("v-if", true)
|
|
311
|
+
]),
|
|
312
|
+
isGallery.value ? (openBlock(), createBlock(_sfc_main$1, {
|
|
313
|
+
key: 1,
|
|
314
|
+
class: "astryx-lightbox__nav astryx-lightbox__nav--next",
|
|
315
|
+
variant: "ghost",
|
|
316
|
+
size: "sm",
|
|
317
|
+
label: unref(messages).lightbox.next,
|
|
318
|
+
"is-disabled": !canNext.value,
|
|
319
|
+
onClick: _cache[4] || (_cache[4] = ($event) => setIndex(index.value + 1))
|
|
320
|
+
}, {
|
|
321
|
+
default: withCtx(() => [createVNode(_sfc_main$2, {
|
|
322
|
+
icon: "chevronRight",
|
|
323
|
+
size: "sm"
|
|
324
|
+
})]),
|
|
325
|
+
_: 1
|
|
326
|
+
}, 8, ["label", "is-disabled"])) : createCommentVNode("v-if", true),
|
|
327
|
+
isGallery.value ? (openBlock(), createElementBlock("p", _hoisted_7, toDisplayString(index.value + 1) + " / " + toDisplayString(mediaList.value.length), 1)) : createCommentVNode("v-if", true)
|
|
328
|
+
], 512)], 46, _hoisted_1)) : createCommentVNode("v-if", true)], 2112);
|
|
329
|
+
};
|
|
330
|
+
}
|
|
331
|
+
});
|
|
332
|
+
//#endregion
|
|
333
|
+
//#region src/Lightbox/useLightbox.ts
|
|
334
|
+
/**
|
|
335
|
+
* Owns the open state and gallery index for a `Lightbox`.
|
|
336
|
+
* Bind `bindings` onto `Lightbox`, and call `open(index)` from a thumbnail.
|
|
337
|
+
*/
|
|
338
|
+
function useLightbox(options) {
|
|
339
|
+
const isOpen = ref(false);
|
|
340
|
+
const index = ref(0);
|
|
341
|
+
function open(next = 0) {
|
|
342
|
+
index.value = next;
|
|
343
|
+
isOpen.value = true;
|
|
344
|
+
}
|
|
345
|
+
function close() {
|
|
346
|
+
isOpen.value = false;
|
|
347
|
+
}
|
|
348
|
+
function triggerPropsFor(next) {
|
|
349
|
+
return {
|
|
350
|
+
"aria-haspopup": "dialog",
|
|
351
|
+
"onClick": () => open(next),
|
|
352
|
+
"onKeydown": (event) => {
|
|
353
|
+
if (event.key !== "Enter" && event.key !== " ") return;
|
|
354
|
+
event.preventDefault();
|
|
355
|
+
open(next);
|
|
356
|
+
},
|
|
357
|
+
"role": "button",
|
|
358
|
+
"tabindex": 0
|
|
359
|
+
};
|
|
360
|
+
}
|
|
361
|
+
return {
|
|
362
|
+
bindings: computed(() => ({
|
|
363
|
+
"hasAutoPlay": options.hasAutoPlay,
|
|
364
|
+
"hasZoom": options.hasZoom,
|
|
365
|
+
"index": index.value,
|
|
366
|
+
"isOpen": isOpen.value,
|
|
367
|
+
"media": options.media,
|
|
368
|
+
"onUpdate:index": (next) => {
|
|
369
|
+
index.value = next;
|
|
370
|
+
},
|
|
371
|
+
"onUpdate:isOpen": (next) => {
|
|
372
|
+
isOpen.value = next;
|
|
373
|
+
}
|
|
374
|
+
})),
|
|
375
|
+
close,
|
|
376
|
+
getTriggerProps: triggerPropsFor,
|
|
377
|
+
index,
|
|
378
|
+
isOpen,
|
|
379
|
+
open,
|
|
380
|
+
triggerProps: computed(() => triggerPropsFor(0))
|
|
381
|
+
};
|
|
382
|
+
}
|
|
383
|
+
//#endregion
|
|
384
|
+
export { _sfc_main as n, useLightbox as t };
|
package/dist/Link/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as LinkColor, r as LinkProps, t as _default } from "../index-
|
|
1
|
+
import { n as LinkColor, r as LinkProps, t as _default } from "../index-Dg3ZmwEg.js";
|
|
2
2
|
export { _default as Link, type LinkColor, type LinkProps };
|
package/dist/Link/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as _sfc_main } from "../Link-
|
|
1
|
+
import { t as _sfc_main } from "../Link-DqdQZ37C.js";
|
|
2
2
|
export { _sfc_main as Link };
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
import { t as _sfc_main$1 } from "./Tooltip-mp0NMh_Y.js";
|
|
2
|
+
import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, withCtx, withModifiers } from "vue";
|
|
3
|
+
import "../styles/link.css";
|
|
4
|
+
//#region src/Link/Link.vue
|
|
5
|
+
const _hoisted_1 = [
|
|
6
|
+
"href",
|
|
7
|
+
"target",
|
|
8
|
+
"rel",
|
|
9
|
+
"download"
|
|
10
|
+
];
|
|
11
|
+
const _hoisted_2 = {
|
|
12
|
+
key: 0,
|
|
13
|
+
class: "astryx-link__external",
|
|
14
|
+
"aria-hidden": "true"
|
|
15
|
+
};
|
|
16
|
+
const _hoisted_3 = ["disabled"];
|
|
17
|
+
const _hoisted_4 = [
|
|
18
|
+
"href",
|
|
19
|
+
"target",
|
|
20
|
+
"rel",
|
|
21
|
+
"download"
|
|
22
|
+
];
|
|
23
|
+
const _hoisted_5 = {
|
|
24
|
+
key: 0,
|
|
25
|
+
class: "astryx-link__external",
|
|
26
|
+
"aria-hidden": "true"
|
|
27
|
+
};
|
|
28
|
+
const _hoisted_6 = ["disabled"];
|
|
29
|
+
const _sfc_main = /*@__PURE__*/ defineComponent({
|
|
30
|
+
inheritAttrs: false,
|
|
31
|
+
__name: "Link",
|
|
32
|
+
props: {
|
|
33
|
+
href: {},
|
|
34
|
+
isExternalLink: {
|
|
35
|
+
type: Boolean,
|
|
36
|
+
default: false
|
|
37
|
+
},
|
|
38
|
+
hasUnderline: {
|
|
39
|
+
type: Boolean,
|
|
40
|
+
default: false
|
|
41
|
+
},
|
|
42
|
+
color: { default: "accent" },
|
|
43
|
+
isDisabled: {
|
|
44
|
+
type: Boolean,
|
|
45
|
+
default: false
|
|
46
|
+
},
|
|
47
|
+
target: {},
|
|
48
|
+
rel: {},
|
|
49
|
+
download: { type: [String, Boolean] },
|
|
50
|
+
tooltip: {},
|
|
51
|
+
isStandalone: {
|
|
52
|
+
type: Boolean,
|
|
53
|
+
default: false
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
emits: ["click"],
|
|
57
|
+
setup(__props, { emit: __emit }) {
|
|
58
|
+
const props = __props;
|
|
59
|
+
const emit = __emit;
|
|
60
|
+
const computedTarget = computed(() => {
|
|
61
|
+
return props.isExternalLink ? "_blank" : props.target;
|
|
62
|
+
});
|
|
63
|
+
const computedRel = computed(() => {
|
|
64
|
+
const parts = new Set((props.rel ?? "").split(" ").filter(Boolean));
|
|
65
|
+
if (props.isExternalLink || computedTarget.value === "_blank") {
|
|
66
|
+
parts.add("noopener");
|
|
67
|
+
parts.add("noreferrer");
|
|
68
|
+
}
|
|
69
|
+
return parts.size > 0 ? Array.from(parts).join(" ") : void 0;
|
|
70
|
+
});
|
|
71
|
+
const classes = computed(() => [
|
|
72
|
+
"astryx-link",
|
|
73
|
+
`astryx-link--color-${props.color}`,
|
|
74
|
+
props.hasUnderline && "astryx-link--underlined",
|
|
75
|
+
props.isDisabled && "astryx-link--disabled",
|
|
76
|
+
props.isExternalLink && "astryx-link--external",
|
|
77
|
+
props.isStandalone && "astryx-link--standalone"
|
|
78
|
+
]);
|
|
79
|
+
const tooltipText = computed(() => {
|
|
80
|
+
return props.tooltip?.trim() || void 0;
|
|
81
|
+
});
|
|
82
|
+
function handleClick(event) {
|
|
83
|
+
if (props.isDisabled) {
|
|
84
|
+
event.preventDefault();
|
|
85
|
+
return;
|
|
86
|
+
}
|
|
87
|
+
emit("click", event);
|
|
88
|
+
}
|
|
89
|
+
return (_ctx, _cache) => {
|
|
90
|
+
return tooltipText.value ? (openBlock(), createBlock(_sfc_main$1, {
|
|
91
|
+
key: 0,
|
|
92
|
+
content: tooltipText.value
|
|
93
|
+
}, {
|
|
94
|
+
default: withCtx(() => [__props.href && !__props.isDisabled ? (openBlock(), createElementBlock("a", {
|
|
95
|
+
key: 0,
|
|
96
|
+
class: normalizeClass(["astryx-link", classes.value]),
|
|
97
|
+
href: __props.href,
|
|
98
|
+
target: computedTarget.value,
|
|
99
|
+
rel: computedRel.value,
|
|
100
|
+
download: __props.download,
|
|
101
|
+
onClick: handleClick
|
|
102
|
+
}, [renderSlot(_ctx.$slots, "default"), __props.isExternalLink ? (openBlock(), createElementBlock("span", _hoisted_2, "↗")) : createCommentVNode("v-if", true)], 10, _hoisted_1)) : __props.href && __props.isDisabled ? (openBlock(), createElementBlock("a", {
|
|
103
|
+
key: 1,
|
|
104
|
+
class: normalizeClass(["astryx-link", classes.value]),
|
|
105
|
+
role: "link",
|
|
106
|
+
"aria-disabled": "true",
|
|
107
|
+
onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"]))
|
|
108
|
+
}, [renderSlot(_ctx.$slots, "default")], 2)) : (openBlock(), createElementBlock("button", {
|
|
109
|
+
key: 2,
|
|
110
|
+
type: "button",
|
|
111
|
+
class: normalizeClass(["astryx-link", classes.value]),
|
|
112
|
+
disabled: __props.isDisabled,
|
|
113
|
+
onClick: handleClick
|
|
114
|
+
}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_3))]),
|
|
115
|
+
_: 3
|
|
116
|
+
}, 8, ["content"])) : __props.href && !__props.isDisabled ? (openBlock(), createElementBlock("a", {
|
|
117
|
+
key: 1,
|
|
118
|
+
class: normalizeClass(["astryx-link", classes.value]),
|
|
119
|
+
href: __props.href,
|
|
120
|
+
target: computedTarget.value,
|
|
121
|
+
rel: computedRel.value,
|
|
122
|
+
download: __props.download,
|
|
123
|
+
onClick: handleClick
|
|
124
|
+
}, [renderSlot(_ctx.$slots, "default"), __props.isExternalLink ? (openBlock(), createElementBlock("span", _hoisted_5, "↗")) : createCommentVNode("v-if", true)], 10, _hoisted_4)) : __props.href && __props.isDisabled ? (openBlock(), createElementBlock("a", {
|
|
125
|
+
key: 2,
|
|
126
|
+
class: normalizeClass(["astryx-link", classes.value]),
|
|
127
|
+
role: "link",
|
|
128
|
+
"aria-disabled": "true",
|
|
129
|
+
onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["prevent"]))
|
|
130
|
+
}, [renderSlot(_ctx.$slots, "default")], 2)) : (openBlock(), createElementBlock("button", {
|
|
131
|
+
key: 3,
|
|
132
|
+
type: "button",
|
|
133
|
+
class: normalizeClass(["astryx-link", classes.value]),
|
|
134
|
+
disabled: __props.isDisabled,
|
|
135
|
+
onClick: handleClick
|
|
136
|
+
}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_6));
|
|
137
|
+
};
|
|
138
|
+
}
|
|
139
|
+
});
|
|
140
|
+
//#endregion
|
|
141
|
+
export { _sfc_main as t };
|
package/dist/List/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { a as ItemLayout, c as ItemTarget, d as ListEdgeCompensation, f as ListItemProps, g as ListSlots, h as ListProps, i as ItemLabel, l as ItemText, m as ListMarkerStyle, n as ItemDensity, o as ItemProps, p as ListItemSlots, r as ItemElement, s as ItemSlots, t as ItemAlign, u as ListDensity } from "../types-CAZY4Xua.js";
|
|
2
|
-
import { a as useListContext, i as useItemDescriptionId, n as _default$1, r as _default, t as _default$2 } from "../index-
|
|
2
|
+
import { a as useListContext, i as useItemDescriptionId, n as _default$1, r as _default, t as _default$2 } from "../index-DnSrjbjP.js";
|
|
3
3
|
export { _default as Item, type ItemAlign, type ItemDensity, type ItemElement, type ItemLabel, type ItemLayout, type ItemProps, type ItemSlots, type ItemTarget, type ItemText, _default$1 as List, type ListDensity, type ListEdgeCompensation, _default$2 as ListItem, type ListItemProps, type ListItemSlots, type ListMarkerStyle, type ListProps, type ListSlots, useItemDescriptionId, useListContext };
|
package/dist/Markdown/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { i as parseMarkdown, n as slugify, r as uniqueSlug, t as _sfc_main } from "../Markdown-
|
|
1
|
+
import { i as parseMarkdown, n as slugify, r as uniqueSlug, t as _sfc_main } from "../Markdown-DLICa3db.js";
|
|
2
2
|
export { _sfc_main as Markdown, parseMarkdown, slugify, uniqueSlug };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { t as _sfc_main$1 } from "./VisuallyHidden-C7NN3VEP.js";
|
|
2
2
|
import { t as _sfc_main$2 } from "./Heading-Dugosn6j.js";
|
|
3
|
-
import { a as useAstryxMessages } from "./context-
|
|
3
|
+
import { a as useAstryxMessages } from "./context-DzcK4T_C.js";
|
|
4
4
|
import { t as _sfc_main$3 } from "./Blockquote-DFqBv_oJ.js";
|
|
5
5
|
import { t as _sfc_main$4 } from "./CheckboxIndicator-DdJmksHt.js";
|
|
6
|
-
import { c as _sfc_main$5, t as _sfc_main$6 } from "./CodeBlock-
|
|
7
|
-
import { t as _sfc_main$7 } from "./Link-
|
|
6
|
+
import { c as _sfc_main$5, t as _sfc_main$6 } from "./CodeBlock-CAF-VJnh.js";
|
|
7
|
+
import { t as _sfc_main$7 } from "./Link-DqdQZ37C.js";
|
|
8
8
|
import { Fragment, computed, defineComponent, h, ref } from "vue";
|
|
9
9
|
import { fromMarkdown } from "mdast-util-from-markdown";
|
|
10
10
|
import { gfmFromMarkdown } from "mdast-util-gfm";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as MetadataListItemSlots, c as MetadataListOrientation, i as MetadataListItemProps, l as MetadataListProps, n as _default, o as MetadataListLabelConfig, r as MetadataListColumns, s as MetadataListLabelPosition, t as _default$1, u as MetadataListSlots } from "../index-
|
|
1
|
+
import { a as MetadataListItemSlots, c as MetadataListOrientation, i as MetadataListItemProps, l as MetadataListProps, n as _default, o as MetadataListLabelConfig, r as MetadataListColumns, s as MetadataListLabelPosition, t as _default$1, u as MetadataListSlots } from "../index-NOXYEdOI.js";
|
|
2
2
|
export { _default as MetadataList, type MetadataListColumns, _default$1 as MetadataListItem, type MetadataListItemProps, type MetadataListItemSlots, type MetadataListLabelConfig, type MetadataListLabelPosition, type MetadataListOrientation, type MetadataListProps, type MetadataListSlots };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as _sfc_main, t as _sfc_main$1 } from "../MetadataList-
|
|
1
|
+
import { n as _sfc_main, t as _sfc_main$1 } from "../MetadataList-h492rqEN.js";
|
|
2
2
|
export { _sfc_main as MetadataList, _sfc_main$1 as MetadataListItem };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as useAstryxMessages } from "./context-
|
|
1
|
+
import { a as useAstryxMessages } from "./context-DzcK4T_C.js";
|
|
2
2
|
import { Comment, Fragment, computed, defineComponent, h, inject, provide, ref, useId, useSlots } from "vue";
|
|
3
3
|
import "../styles/metadata-list.css";
|
|
4
4
|
//#region src/MetadataList/context.ts
|
package/dist/MobileNav/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as _sfc_main, r as mobileNavKey, t as _sfc_main$1 } from "../MobileNavToggle-
|
|
1
|
+
import { n as _sfc_main, r as mobileNavKey, t as _sfc_main$1 } from "../MobileNavToggle-BMj3Wtuq.js";
|
|
2
2
|
export { _sfc_main as MobileNav, _sfc_main$1 as MobileNavToggle, mobileNavKey };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { n as useFocusTrap, t as useRestoreFocus } from "./useRestoreFocus-BvMdXVX9.js";
|
|
2
|
-
import { a as useAstryxMessages } from "./context-
|
|
2
|
+
import { a as useAstryxMessages } from "./context-DzcK4T_C.js";
|
|
3
3
|
import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeModels, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, provide, ref, renderSlot, toDisplayString, unref, useId, useModel, watch } from "vue";
|
|
4
4
|
import "../styles/mobile-nav.css";
|
|
5
5
|
//#region src/MobileNav/context.ts
|
package/dist/MoreMenu/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { An as MoreMenuIcon, Dn as _default, Fn as MoreMenuPresentation, In as MoreMenuProps, Ln as MoreMenuResolvedPresentation, Mn as MoreMenuItem, Nn as MoreMenuItemVariant, On as MoreMenuDivider, Pn as MoreMenuOption, Rn as MoreMenuSection, jn as MoreMenuInitialFocus, kn as MoreMenuEmits, zn as MoreMenuSlots } from "../index-
|
|
1
|
+
import { An as MoreMenuIcon, Dn as _default, Fn as MoreMenuPresentation, In as MoreMenuProps, Ln as MoreMenuResolvedPresentation, Mn as MoreMenuItem, Nn as MoreMenuItemVariant, On as MoreMenuDivider, Pn as MoreMenuOption, Rn as MoreMenuSection, jn as MoreMenuInitialFocus, kn as MoreMenuEmits, zn as MoreMenuSlots } from "../index-DeOftUMq.js";
|
|
2
2
|
export { _default as MoreMenu, type MoreMenuDivider, type MoreMenuEmits, type MoreMenuIcon, type MoreMenuInitialFocus, type MoreMenuItem, type MoreMenuItemVariant, type MoreMenuOption, type MoreMenuPresentation, type MoreMenuProps, type MoreMenuResolvedPresentation, type MoreMenuSection, type MoreMenuSlots };
|
package/dist/MoreMenu/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as _sfc_main } from "../MoreMenu-
|
|
1
|
+
import { t as _sfc_main } from "../MoreMenu-DkYi5az5.js";
|
|
2
2
|
export { _sfc_main as MoreMenu };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { n as getFocusables, t as focusElement } from "./focus-CpficIgf.js";
|
|
2
2
|
import { n as useOverflow } from "./useOverflow-VrwF5oek.js";
|
|
3
3
|
import { t as _sfc_main$5 } from "./Heading-Dugosn6j.js";
|
|
4
|
+
import { t as usePositionedLayer } from "./usePositionedLayer-C1NBOsVT.js";
|
|
4
5
|
import { t as _sfc_main$6 } from "./IconButton-BNQuz9W_.js";
|
|
5
|
-
import { t as _sfc_main$7 } from "./Icon-
|
|
6
|
+
import { t as _sfc_main$7 } from "./Icon-Bku25g_K.js";
|
|
6
7
|
import { t as _sfc_main$8 } from "./Divider-BtwnL18I.js";
|
|
7
8
|
import { n as _sfc_main$10, t as _sfc_main$9 } from "./ListItem-pGxvn6QJ.js";
|
|
8
|
-
import { t as usePositionedLayer } from "./usePositionedLayer-C1NBOsVT.js";
|
|
9
9
|
import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, inject, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, provide, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, shallowRef, toDisplayString, unref, useId, useModel, useTemplateRef, watch, withCtx } from "vue";
|
|
10
10
|
import "../styles/more-menu.css";
|
|
11
11
|
//#region src/MoreMenu/context.ts
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as MultiSelectorDivider, c as MultiSelectorOptionData, d as MultiSelectorSection, f as MultiSelectorSize, g as MultiSelectorVariant, h as MultiSelectorTriggerDisplay, i as MultiSelectorCheckboxPosition, l as MultiSelectorPresentation, m as MultiSelectorStatus, n as flattenOptions, o as MultiSelectorEmits, p as MultiSelectorSlots, r as _default, s as MultiSelectorOption, t as SELECT_ALL_VALUE, u as MultiSelectorProps } from "../index-
|
|
1
|
+
import { a as MultiSelectorDivider, c as MultiSelectorOptionData, d as MultiSelectorSection, f as MultiSelectorSize, g as MultiSelectorVariant, h as MultiSelectorTriggerDisplay, i as MultiSelectorCheckboxPosition, l as MultiSelectorPresentation, m as MultiSelectorStatus, n as flattenOptions, o as MultiSelectorEmits, p as MultiSelectorSlots, r as _default, s as MultiSelectorOption, t as SELECT_ALL_VALUE, u as MultiSelectorProps } from "../index-DQAnGHu7.js";
|
|
2
2
|
export { _default as MultiSelector, type MultiSelectorCheckboxPosition, type MultiSelectorDivider, type MultiSelectorEmits, type MultiSelectorOption, type MultiSelectorOptionData, type MultiSelectorPresentation, type MultiSelectorProps, type MultiSelectorSection, type MultiSelectorSize, type MultiSelectorSlots, type MultiSelectorStatus, type MultiSelectorTriggerDisplay, type MultiSelectorVariant, SELECT_ALL_VALUE, flattenOptions };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as SELECT_ALL_VALUE, r as flattenOptions, t as _sfc_main } from "../MultiSelector-
|
|
1
|
+
import { n as SELECT_ALL_VALUE, r as flattenOptions, t as _sfc_main } from "../MultiSelector-C2IS-EaU.js";
|
|
2
2
|
export { _sfc_main as MultiSelector, SELECT_ALL_VALUE, flattenOptions };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { t as useCombobox } from "./useCombobox-CTo5C-gc.js";
|
|
2
2
|
import { n as useOverflow } from "./useOverflow-VrwF5oek.js";
|
|
3
|
-
import { a as useAstryxMessages } from "./context-
|
|
3
|
+
import { a as useAstryxMessages } from "./context-DzcK4T_C.js";
|
|
4
4
|
import { t as _sfc_main$1 } from "./BottomSheet-Dg95HB1s.js";
|
|
5
5
|
import { t as _sfc_main$2 } from "./CheckboxIndicator-DdJmksHt.js";
|
|
6
6
|
import { t as _sfc_main$3 } from "./Field-8zRxzDHE.js";
|
|
7
|
-
import { t as _sfc_main$4 } from "./Token-
|
|
7
|
+
import { t as _sfc_main$4 } from "./Token-CjocuhzE.js";
|
|
8
8
|
import { n as useAnchoredListbox, t as scrollOptionIntoView } from "./useAnchoredListbox-7W90Ny-9.js";
|
|
9
9
|
import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useId, useTemplateRef, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
|
|
10
10
|
import "../styles/visually-hidden-utility.css";
|
package/dist/NavItem/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { a as NavItemSize, i as NavItemProps, n as NavIconSlots, o as NavItemSlots, r as NavItemEmits, s as NavLinkComponent, t as NavIconProps } from "../types-BG23kC3S.js";
|
|
2
|
-
import { n as _default, r as resolveNavRoot, t as _default$1 } from "../index-
|
|
2
|
+
import { n as _default, r as resolveNavRoot, t as _default$1 } from "../index-D2bSSSBP.js";
|
|
3
3
|
export { _default as NavIcon, type NavIconProps, type NavIconSlots, _default$1 as NavItem, type NavItemEmits, type NavItemProps, type NavItemSize, type NavItemSlots, type NavLinkComponent, resolveNavRoot };
|
package/dist/NavMenu/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as NavMenuEmits, c as NavMenuProps, i as NavDisclosureProps, l as NavMenuFocusRequest, n as _default$1, o as NavMenuItemEmits, r as _default, s as NavMenuItemProps, t as _default$2, u as NavMenuSize } from "../index-
|
|
1
|
+
import { a as NavMenuEmits, c as NavMenuProps, i as NavDisclosureProps, l as NavMenuFocusRequest, n as _default$1, o as NavMenuItemEmits, r as _default, s as NavMenuItemProps, t as _default$2, u as NavMenuSize } from "../index-D0TlUOtG.js";
|
|
2
2
|
export { _default as NavDisclosure, type NavDisclosureProps, _default$1 as NavMenu, type NavMenuEmits, type NavMenuFocusRequest, _default$2 as NavMenuItem, type NavMenuItemEmits, type NavMenuItemProps, type NavMenuProps, type NavMenuSize };
|
package/dist/NavMenu/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { t as _sfc_main } from "../NavDisclosure-DHrSNRDR.js";
|
|
2
|
-
import { n as _sfc_main$1, t as _sfc_main$2 } from "../NavMenuItem-
|
|
2
|
+
import { n as _sfc_main$1, t as _sfc_main$2 } from "../NavMenuItem-B-k7olt5.js";
|
|
3
3
|
export { _sfc_main as NavDisclosure, _sfc_main$1 as NavMenu, _sfc_main$2 as NavMenuItem };
|