@hawiyah/vue 0.0.0-stage → 0.2.0
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/LICENSE +73 -0
- package/NOTICE +19 -0
- package/PORTAL.md +70 -0
- package/README.md +388 -2
- package/dist/calendar.d.ts +183 -0
- package/dist/calendar.d.ts.map +1 -0
- package/dist/calendar.js +448 -0
- package/dist/calendar.js.map +1 -0
- package/dist/content-navigation.d.ts +61 -0
- package/dist/content-navigation.d.ts.map +1 -0
- package/dist/content-navigation.js +31 -0
- package/dist/content-navigation.js.map +1 -0
- package/dist/content.d.ts +392 -0
- package/dist/content.d.ts.map +1 -0
- package/dist/content.js +305 -0
- package/dist/content.js.map +1 -0
- package/dist/controls.d.ts +657 -0
- package/dist/controls.d.ts.map +1 -0
- package/dist/controls.js +679 -0
- package/dist/controls.js.map +1 -0
- package/dist/display.d.ts +387 -0
- package/dist/display.d.ts.map +1 -0
- package/dist/display.js +293 -0
- package/dist/display.js.map +1 -0
- package/dist/expansion-interactive.d.ts +476 -0
- package/dist/expansion-interactive.d.ts.map +1 -0
- package/dist/expansion-interactive.js +613 -0
- package/dist/expansion-interactive.js.map +1 -0
- package/dist/file-upload-list.d.ts +54 -0
- package/dist/file-upload-list.d.ts.map +1 -0
- package/dist/file-upload-list.js +21 -0
- package/dist/file-upload-list.js.map +1 -0
- package/dist/forms.d.ts +388 -0
- package/dist/forms.d.ts.map +1 -0
- package/dist/forms.js +156 -0
- package/dist/forms.js.map +1 -0
- package/dist/index.d.ts +26 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +16 -0
- package/dist/index.js.map +1 -0
- package/dist/interactive.d.ts +240 -0
- package/dist/interactive.d.ts.map +1 -0
- package/dist/interactive.js +341 -0
- package/dist/interactive.js.map +1 -0
- package/dist/layout.d.ts +755 -0
- package/dist/layout.d.ts.map +1 -0
- package/dist/layout.js +101 -0
- package/dist/layout.js.map +1 -0
- package/dist/mobile-top-bar.d.ts +47 -0
- package/dist/mobile-top-bar.d.ts.map +1 -0
- package/dist/mobile-top-bar.js +18 -0
- package/dist/mobile-top-bar.js.map +1 -0
- package/dist/native-attributes.d.ts +38 -0
- package/dist/native-attributes.d.ts.map +1 -0
- package/dist/native-attributes.js +27 -0
- package/dist/native-attributes.js.map +1 -0
- package/dist/navigation-drawer.d.ts +87 -0
- package/dist/navigation-drawer.d.ts.map +1 -0
- package/dist/navigation-drawer.js +56 -0
- package/dist/navigation-drawer.js.map +1 -0
- package/dist/patterns.d.ts +455 -0
- package/dist/patterns.d.ts.map +1 -0
- package/dist/patterns.js +355 -0
- package/dist/patterns.js.map +1 -0
- package/dist/portal.d.ts +174 -0
- package/dist/portal.d.ts.map +1 -0
- package/dist/portal.js +36 -0
- package/dist/portal.js.map +1 -0
- package/dist/search-field.d.ts +87 -0
- package/dist/search-field.d.ts.map +1 -0
- package/dist/search-field.js +123 -0
- package/dist/search-field.js.map +1 -0
- package/dist/shared.d.ts +46 -0
- package/dist/shared.d.ts.map +1 -0
- package/dist/shared.js +40 -0
- package/dist/shared.js.map +1 -0
- package/dist/site-verification.d.ts +63 -0
- package/dist/site-verification.d.ts.map +1 -0
- package/dist/site-verification.js +34 -0
- package/dist/site-verification.js.map +1 -0
- package/package.json +53 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../src/layout.ts"],"names":[],"mappings":"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"}
|
package/dist/layout.js
ADDED
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import { defineComponent, h, mergeProps, useId } from "vue";
|
|
2
|
+
import { layoutStyles } from "@hawiyah/core";
|
|
3
|
+
const layoutProps = {
|
|
4
|
+
as: { type: String, default: "div" },
|
|
5
|
+
gap: [Number, String, Object],
|
|
6
|
+
padding: [Number, String, Object],
|
|
7
|
+
align: String,
|
|
8
|
+
justify: String,
|
|
9
|
+
wrap: { type: Boolean, default: undefined },
|
|
10
|
+
columns: [Number, Object],
|
|
11
|
+
minItemWidth: String,
|
|
12
|
+
side: { type: String, default: "start" },
|
|
13
|
+
sidebarWidth: String,
|
|
14
|
+
collapseAt: {
|
|
15
|
+
type: String,
|
|
16
|
+
default: "md",
|
|
17
|
+
},
|
|
18
|
+
maxWidth: String,
|
|
19
|
+
ratio: Number,
|
|
20
|
+
};
|
|
21
|
+
function layout(name, className, tag = "div") {
|
|
22
|
+
const component = defineComponent({
|
|
23
|
+
name,
|
|
24
|
+
inheritAttrs: false,
|
|
25
|
+
props: { ...layoutProps, as: { type: String, default: tag } },
|
|
26
|
+
setup(props, { attrs, slots }) {
|
|
27
|
+
return () => h(props.as, mergeProps(attrs, {
|
|
28
|
+
class: className,
|
|
29
|
+
style: layoutStyles(props),
|
|
30
|
+
"data-side": props.side,
|
|
31
|
+
"data-collapse-at": props.collapseAt,
|
|
32
|
+
}), slots.default?.());
|
|
33
|
+
},
|
|
34
|
+
});
|
|
35
|
+
return component;
|
|
36
|
+
}
|
|
37
|
+
export const Container = layout("HwContainer", "hw-container");
|
|
38
|
+
export const Stack = layout("HwStack", "hw-stack");
|
|
39
|
+
export const Inline = layout("HwInline", "hw-inline");
|
|
40
|
+
export const Grid = layout("HwGrid", "hw-grid");
|
|
41
|
+
export const Columns = layout("HwColumns", "hw-columns");
|
|
42
|
+
export const Sidebar = layout("HwSidebar", "hw-sidebar");
|
|
43
|
+
export const Center = layout("HwCenter", "hw-center");
|
|
44
|
+
export const Spacer = layout("HwSpacer", "hw-spacer");
|
|
45
|
+
export const AspectRatio = layout("HwAspectRatio", "hw-aspect-ratio");
|
|
46
|
+
export const Section = layout("HwSection", "hw-section", "section");
|
|
47
|
+
export const AppShell = defineComponent({
|
|
48
|
+
name: "HwAppShell",
|
|
49
|
+
inheritAttrs: false,
|
|
50
|
+
props: {
|
|
51
|
+
...layoutProps,
|
|
52
|
+
mainId: String,
|
|
53
|
+
skipLabel: { type: String, default: 'انتقل إلى المحتوى' },
|
|
54
|
+
},
|
|
55
|
+
setup(props, { attrs, slots }) {
|
|
56
|
+
const defaultMainId = `hw-shell-${useId()}-main`;
|
|
57
|
+
return () => h(props.as, mergeProps(attrs, {
|
|
58
|
+
class: "hw-app-shell",
|
|
59
|
+
style: layoutStyles(props),
|
|
60
|
+
"data-side": props.side,
|
|
61
|
+
"data-collapse-at": props.collapseAt,
|
|
62
|
+
}), [
|
|
63
|
+
h('a', { class: 'hw-skip-link', href: `#${props.mainId ?? defaultMainId}` }, props.skipLabel),
|
|
64
|
+
slots.header &&
|
|
65
|
+
h("div", { class: "hw-app-shell-header" }, slots.header()),
|
|
66
|
+
slots.sidebar &&
|
|
67
|
+
h("aside", { class: "hw-app-shell-sidebar" }, slots.sidebar()),
|
|
68
|
+
h("main", { class: "hw-app-shell-main", id: props.mainId ?? defaultMainId, tabindex: -1 }, slots.default?.()),
|
|
69
|
+
slots.footer &&
|
|
70
|
+
h("div", { class: "hw-app-shell-footer" }, slots.footer()),
|
|
71
|
+
]);
|
|
72
|
+
},
|
|
73
|
+
});
|
|
74
|
+
export const PageHeader = defineComponent({
|
|
75
|
+
name: "HwPageHeader",
|
|
76
|
+
inheritAttrs: false,
|
|
77
|
+
props: {
|
|
78
|
+
...layoutProps,
|
|
79
|
+
title: { type: String, required: true },
|
|
80
|
+
description: String,
|
|
81
|
+
level: { type: Number, default: 1 },
|
|
82
|
+
},
|
|
83
|
+
setup(props, { attrs, slots }) {
|
|
84
|
+
return () => h("header", mergeProps(attrs, {
|
|
85
|
+
class: "hw-page-header",
|
|
86
|
+
style: layoutStyles(props),
|
|
87
|
+
}), [
|
|
88
|
+
slots.breadcrumb?.(),
|
|
89
|
+
h("div", { class: "hw-page-header-main" }, [
|
|
90
|
+
h("div", {}, [
|
|
91
|
+
h(`h${Math.min(6, Math.max(1, props.level))}`, {}, props.title),
|
|
92
|
+
props.description && h("p", {}, props.description),
|
|
93
|
+
]),
|
|
94
|
+
slots.actions &&
|
|
95
|
+
h("div", { class: "hw-page-header-actions" }, slots.actions()),
|
|
96
|
+
]),
|
|
97
|
+
slots.default?.(),
|
|
98
|
+
]);
|
|
99
|
+
},
|
|
100
|
+
});
|
|
101
|
+
//# sourceMappingURL=layout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"layout.js","sourceRoot":"","sources":["../src/layout.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC;AAE5D,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAG7C,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE;IACpC,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAiC;IAC7D,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAqC;IACrE,KAAK,EAAE,MAAwC;IAC/C,OAAO,EAAE,MAA0C;IACnD,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;IAC3C,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAqC;IAC7D,YAAY,EAAE,MAAM;IACpB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAuC,EAAE,OAAO,EAAE,OAAO,EAAE;IACzE,YAAY,EAAE,MAAM;IACpB,UAAU,EAAE;QACV,IAAI,EAAE,MAA6C;QACnD,OAAO,EAAE,IAAI;KACd;IACD,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,MAAM;CACL,CAAC;AACX,SAAS,MAAM,CAAC,IAAY,EAAE,SAAiB,EAAE,GAAG,GAAG,KAAK;IAC1D,MAAM,SAAS,GAAG,eAAe,CAAC;QAChC,IAAI;QACJ,YAAY,EAAE,KAAK;QACnB,KAAK,EAAE,EAAE,GAAG,WAAW,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE;QAC7D,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;YAC3B,OAAO,GAAG,EAAE,CACV,CAAC,CACC,KAAK,CAAC,EAAE,EACR,UAAU,CAAC,KAAK,EAAE;gBAChB,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC;gBAC1B,WAAW,EAAE,KAAK,CAAC,IAAI;gBACvB,kBAAkB,EAAE,KAAK,CAAC,UAAU;aACrC,CAAC,EACF,KAAK,CAAC,OAAO,EAAE,EAAE,CAClB,CAAC;QACN,CAAC;KACF,CAAC,CAAC;IACH,OAAO,SAAmE,CAAC;AAC7E,CAAC;AACD,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;AAC/D,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;AACnD,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;AACtD,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;AAChD,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;AACzD,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;AACzD,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;AACtD,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;AACtD,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC;AACtE,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,WAAW,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;AACpE,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,IAAI,EAAE,YAAY;IAClB,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE;QACL,GAAG,WAAW;QACd,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,mBAAmB,EAAE;KAC1D;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,MAAM,aAAa,GAAG,YAAY,KAAK,EAAE,OAAO,CAAC;QACjD,OAAO,GAAG,EAAE,CACV,CAAC,CACC,KAAK,CAAC,EAAE,EACR,UAAU,CAAC,KAAK,EAAE;YAChB,KAAK,EAAE,cAAc;YACrB,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC;YAC1B,WAAW,EAAE,KAAK,CAAC,IAAI;YACvB,kBAAkB,EAAE,KAAK,CAAC,UAAU;SACrC,CAAC,EACF;YACE,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,IAAI,KAAK,CAAC,MAAM,IAAI,aAAa,EAAE,EAAE,EAAE,KAAK,CAAC,SAAS,CAAC;YAC7F,KAAK,CAAC,MAAM;gBACV,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC;YAC5D,KAAK,CAAC,OAAO;gBACX,CAAC,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;YAChE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,EAAE,KAAK,CAAC,MAAM,IAAI,aAAa,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;YAC7G,KAAK,CAAC,MAAM;gBACV,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC;SAC7D,CACF,CAAC;IACN,CAAC;CACF,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,IAAI,EAAE,cAAc;IACpB,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE;QACL,GAAG,WAAW;QACd,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE;QACvC,WAAW,EAAE,MAAM;QACnB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE;KACpC;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE,CACV,CAAC,CACC,QAAQ,EACR,UAAU,CAAC,KAAK,EAAE;YAChB,KAAK,EAAE,gBAAgB;YACvB,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC;SAC3B,CAAC,EACF;YACE,KAAK,CAAC,UAAU,EAAE,EAAE;YACpB,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAAE;gBACzC,CAAC,CAAC,KAAK,EAAE,EAAE,EAAE;oBACX,CAAC,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC;oBAC/D,KAAK,CAAC,WAAW,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,EAAE,KAAK,CAAC,WAAW,CAAC;iBACnD,CAAC;gBACF,KAAK,CAAC,OAAO;oBACX,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;aACjE,CAAC;YACF,KAAK,CAAC,OAAO,EAAE,EAAE;SAClB,CACF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import type { PropType } from 'vue';
|
|
2
|
+
export declare const MobileTopBar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
3
|
+
title: {
|
|
4
|
+
type: StringConstructor;
|
|
5
|
+
required: true;
|
|
6
|
+
};
|
|
7
|
+
subtitle: StringConstructor;
|
|
8
|
+
variant: {
|
|
9
|
+
type: PropType<"main" | "internal">;
|
|
10
|
+
default: string;
|
|
11
|
+
};
|
|
12
|
+
headingLevel: {
|
|
13
|
+
type: PropType<1 | 2 | 3>;
|
|
14
|
+
default: number;
|
|
15
|
+
};
|
|
16
|
+
backHref: StringConstructor;
|
|
17
|
+
backLabel: {
|
|
18
|
+
type: StringConstructor;
|
|
19
|
+
default: string;
|
|
20
|
+
};
|
|
21
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
22
|
+
[key: string]: any;
|
|
23
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
24
|
+
title: {
|
|
25
|
+
type: StringConstructor;
|
|
26
|
+
required: true;
|
|
27
|
+
};
|
|
28
|
+
subtitle: StringConstructor;
|
|
29
|
+
variant: {
|
|
30
|
+
type: PropType<"main" | "internal">;
|
|
31
|
+
default: string;
|
|
32
|
+
};
|
|
33
|
+
headingLevel: {
|
|
34
|
+
type: PropType<1 | 2 | 3>;
|
|
35
|
+
default: number;
|
|
36
|
+
};
|
|
37
|
+
backHref: StringConstructor;
|
|
38
|
+
backLabel: {
|
|
39
|
+
type: StringConstructor;
|
|
40
|
+
default: string;
|
|
41
|
+
};
|
|
42
|
+
}>> & Readonly<{}>, {
|
|
43
|
+
variant: "main" | "internal";
|
|
44
|
+
headingLevel: 1 | 2 | 3;
|
|
45
|
+
backLabel: string;
|
|
46
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
47
|
+
//# sourceMappingURL=mobile-top-bar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mobile-top-bar.d.ts","sourceRoot":"","sources":["../src/mobile-top-bar.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAEpC,eAAO,MAAM,YAAY;;;;;;;cAIM,QAAQ,CAAC,MAAM,GAAG,UAAU,CAAC;;;;cACxB,QAAQ,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;;;;;;;;;;;;;;;;;cADxB,QAAQ,CAAC,MAAM,GAAG,UAAU,CAAC;;;;cACxB,QAAQ,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;;;;;;;;;;;;4EAQrD,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { defineComponent, h, mergeProps } from 'vue';
|
|
2
|
+
export const MobileTopBar = defineComponent({
|
|
3
|
+
name: 'HwMobileTopBar', inheritAttrs: false,
|
|
4
|
+
props: {
|
|
5
|
+
title: { type: String, required: true }, subtitle: String,
|
|
6
|
+
variant: { type: String, default: 'internal' },
|
|
7
|
+
headingLevel: { type: Number, default: 1 },
|
|
8
|
+
backHref: String, backLabel: { type: String, default: 'رجوع' },
|
|
9
|
+
},
|
|
10
|
+
setup(props, { attrs, slots }) {
|
|
11
|
+
return () => h('header', mergeProps(attrs, { class: 'hw-mobile-top-bar', 'data-variant': props.variant }), [
|
|
12
|
+
(slots.leading || props.backHref) && h('div', { class: 'hw-mobile-top-bar-leading' }, slots.leading?.() ?? [h('a', { class: 'hw-mobile-top-bar-back', href: props.backHref, 'aria-label': props.backLabel }, h('span', { class: 'hw-icon', 'data-icon': 'arrow-left-01', 'data-directional': 'true', 'aria-hidden': 'true' }))]),
|
|
13
|
+
h('div', { class: 'hw-mobile-top-bar-copy' }, [h(`h${props.headingLevel}`, { class: 'hw-mobile-top-bar-title' }, slots.title?.() ?? props.title), (props.subtitle || slots.subtitle) && h('p', { class: 'hw-mobile-top-bar-subtitle' }, slots.subtitle?.() ?? props.subtitle)]),
|
|
14
|
+
slots.actions && h('div', { class: 'hw-mobile-top-bar-actions' }, slots.actions()), slots.default?.(),
|
|
15
|
+
]);
|
|
16
|
+
},
|
|
17
|
+
});
|
|
18
|
+
//# sourceMappingURL=mobile-top-bar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mobile-top-bar.js","sourceRoot":"","sources":["../src/mobile-top-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAGrD,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC;IAC1C,IAAI,EAAE,gBAAgB,EAAE,YAAY,EAAE,KAAK;IAC3C,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,MAAM;QACzD,OAAO,EAAE,EAAE,IAAI,EAAE,MAAuC,EAAE,OAAO,EAAE,UAAU,EAAE;QAC/E,YAAY,EAAE,EAAE,IAAI,EAAE,MAA6B,EAAE,OAAO,EAAE,CAAC,EAAE;QACjE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE;KAC/D;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAAI,OAAO,GAAG,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,UAAU,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,EAAE;YAC1I,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;YAChU,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,YAAY,EAAE,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,EAAE,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;YAC/Q,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE;SACtG,CAAC,CAAC;IAAC,CAAC;CACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import type { ButtonHTMLAttributes, HTMLAttributes, InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes } from 'vue';
|
|
2
|
+
import { Button as ButtonBase, Checkbox as CheckboxBase, Radio as RadioBase, Switch as SwitchBase, TextField as TextFieldBase, Textarea as TextareaBase, Select as SelectBase, FileUpload as FileUploadBase } from './forms.js';
|
|
3
|
+
import { IconButton as IconButtonBase } from './content.js';
|
|
4
|
+
import { PasswordField as PasswordFieldBase, SearchField as SearchFieldBase, NumberField as NumberFieldBase, Slider as SliderBase, PinInput as PinInputBase, TagInput as TagInputBase, MultiSelect as MultiSelectBase, FileDropzone as FileDropzoneBase } from './controls.js';
|
|
5
|
+
import { Combobox as ComboboxBase } from './interactive.js';
|
|
6
|
+
import { DatePicker as DatePickerBase } from './calendar.js';
|
|
7
|
+
import { NavigationDrawer as NavigationDrawerBase } from './navigation-drawer.js';
|
|
8
|
+
export type WithNativeAttributes<Component extends new (...args: never[]) => {
|
|
9
|
+
$props: object;
|
|
10
|
+
}, Attributes> = Pick<Component, keyof Component> & (new (...args: ConstructorParameters<Component>) => InstanceType<Component> & {
|
|
11
|
+
$props: InstanceType<Component>['$props'] & Omit<Attributes, keyof InstanceType<Component>['$props']>;
|
|
12
|
+
});
|
|
13
|
+
type FixedInput = Omit<InputHTMLAttributes, 'type' | 'value'>;
|
|
14
|
+
type CheckedInput = Omit<FixedInput, 'checked'>;
|
|
15
|
+
type FileInput = Omit<FixedInput, 'files'>;
|
|
16
|
+
type NamedControl = Pick<InputHTMLAttributes, 'name'>;
|
|
17
|
+
export declare const Button: WithNativeAttributes<typeof ButtonBase, ButtonHTMLAttributes>;
|
|
18
|
+
export declare const Checkbox: WithNativeAttributes<typeof CheckboxBase, CheckedInput>;
|
|
19
|
+
export declare const Radio: WithNativeAttributes<typeof RadioBase, CheckedInput>;
|
|
20
|
+
export declare const Switch: WithNativeAttributes<typeof SwitchBase, CheckedInput>;
|
|
21
|
+
export declare const TextField: WithNativeAttributes<typeof TextFieldBase, InputHTMLAttributes>;
|
|
22
|
+
export declare const Textarea: WithNativeAttributes<typeof TextareaBase, TextareaHTMLAttributes>;
|
|
23
|
+
export declare const Select: WithNativeAttributes<typeof SelectBase, SelectHTMLAttributes>;
|
|
24
|
+
export declare const FileUpload: WithNativeAttributes<typeof FileUploadBase, FileInput>;
|
|
25
|
+
export declare const IconButton: WithNativeAttributes<typeof IconButtonBase, Omit<ButtonHTMLAttributes, "aria-label">>;
|
|
26
|
+
export declare const PasswordField: WithNativeAttributes<typeof PasswordFieldBase, FixedInput>;
|
|
27
|
+
export declare const SearchField: WithNativeAttributes<typeof SearchFieldBase, FixedInput>;
|
|
28
|
+
export declare const NumberField: WithNativeAttributes<typeof NumberFieldBase, FixedInput>;
|
|
29
|
+
export declare const Slider: WithNativeAttributes<typeof SliderBase, FixedInput>;
|
|
30
|
+
export declare const PinInput: WithNativeAttributes<typeof PinInputBase, NamedControl>;
|
|
31
|
+
export declare const TagInput: WithNativeAttributes<typeof TagInputBase, NamedControl>;
|
|
32
|
+
export declare const MultiSelect: WithNativeAttributes<typeof MultiSelectBase, NamedControl>;
|
|
33
|
+
export declare const FileDropzone: WithNativeAttributes<typeof FileDropzoneBase, NamedControl>;
|
|
34
|
+
export declare const Combobox: WithNativeAttributes<typeof ComboboxBase, NamedControl>;
|
|
35
|
+
export declare const DatePicker: WithNativeAttributes<typeof DatePickerBase, Pick<InputHTMLAttributes, "id" | "name" | "form" | "autocomplete">>;
|
|
36
|
+
export declare const NavigationDrawer: WithNativeAttributes<typeof NavigationDrawerBase, Pick<HTMLAttributes, "id">>;
|
|
37
|
+
export {};
|
|
38
|
+
//# sourceMappingURL=native-attributes.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"native-attributes.d.ts","sourceRoot":"","sources":["../src/native-attributes.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { Button as ButtonBase, Checkbox as CheckboxBase, Radio as RadioBase, Switch as SwitchBase, TextField as TextFieldBase, Textarea as TextareaBase, Select as SelectBase, FileUpload as FileUploadBase } from './forms.js';
|
|
2
|
+
import { IconButton as IconButtonBase } from './content.js';
|
|
3
|
+
import { PasswordField as PasswordFieldBase, SearchField as SearchFieldBase, NumberField as NumberFieldBase, Slider as SliderBase, PinInput as PinInputBase, TagInput as TagInputBase, MultiSelect as MultiSelectBase, FileDropzone as FileDropzoneBase } from './controls.js';
|
|
4
|
+
import { Combobox as ComboboxBase } from './interactive.js';
|
|
5
|
+
import { DatePicker as DatePickerBase } from './calendar.js';
|
|
6
|
+
import { NavigationDrawer as NavigationDrawerBase } from './navigation-drawer.js';
|
|
7
|
+
export const Button = ButtonBase;
|
|
8
|
+
export const Checkbox = CheckboxBase;
|
|
9
|
+
export const Radio = RadioBase;
|
|
10
|
+
export const Switch = SwitchBase;
|
|
11
|
+
export const TextField = TextFieldBase;
|
|
12
|
+
export const Textarea = TextareaBase;
|
|
13
|
+
export const Select = SelectBase;
|
|
14
|
+
export const FileUpload = FileUploadBase;
|
|
15
|
+
export const IconButton = IconButtonBase;
|
|
16
|
+
export const PasswordField = PasswordFieldBase;
|
|
17
|
+
export const SearchField = SearchFieldBase;
|
|
18
|
+
export const NumberField = NumberFieldBase;
|
|
19
|
+
export const Slider = SliderBase;
|
|
20
|
+
export const PinInput = PinInputBase;
|
|
21
|
+
export const TagInput = TagInputBase;
|
|
22
|
+
export const MultiSelect = MultiSelectBase;
|
|
23
|
+
export const FileDropzone = FileDropzoneBase;
|
|
24
|
+
export const Combobox = ComboboxBase;
|
|
25
|
+
export const DatePicker = DatePickerBase;
|
|
26
|
+
export const NavigationDrawer = NavigationDrawerBase;
|
|
27
|
+
//# sourceMappingURL=native-attributes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"native-attributes.js","sourceRoot":"","sources":["../src/native-attributes.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,IAAI,UAAU,EAAE,QAAQ,IAAI,YAAY,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,IAAI,UAAU,EAAE,SAAS,IAAI,aAAa,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,IAAI,UAAU,EAAE,UAAU,IAAI,cAAc,EAAC,MAAM,YAAY,CAAC;AAC9N,OAAO,EAAC,UAAU,IAAI,cAAc,EAAC,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAC,aAAa,IAAI,iBAAiB,EAAE,WAAW,IAAI,eAAe,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,IAAI,UAAU,EAAE,QAAQ,IAAI,YAAY,EAAE,QAAQ,IAAI,YAAY,EAAE,WAAW,IAAI,eAAe,EAAE,YAAY,IAAI,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAC7Q,OAAO,EAAC,QAAQ,IAAI,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAC,UAAU,IAAI,cAAc,EAAC,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAC,gBAAgB,IAAI,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AAehF,MAAM,CAAC,MAAM,MAAM,GAAG,UAA2E,CAAC;AAClG,MAAM,CAAC,MAAM,QAAQ,GAAG,YAAuE,CAAC;AAChG,MAAM,CAAC,MAAM,KAAK,GAAG,SAAiE,CAAC;AACvF,MAAM,CAAC,MAAM,MAAM,GAAG,UAAmE,CAAC;AAC1F,MAAM,CAAC,MAAM,SAAS,GAAG,aAAgF,CAAC;AAC1G,MAAM,CAAC,MAAM,QAAQ,GAAG,YAAiF,CAAC;AAC1G,MAAM,CAAC,MAAM,MAAM,GAAG,UAA2E,CAAC;AAClG,MAAM,CAAC,MAAM,UAAU,GAAG,cAAwE,CAAC;AAEnG,MAAM,CAAC,MAAM,UAAU,GAAG,cAAuG,CAAC;AAElI,MAAM,CAAC,MAAM,aAAa,GAAG,iBAA+E,CAAC;AAC7G,MAAM,CAAC,MAAM,WAAW,GAAG,eAA2E,CAAC;AACvG,MAAM,CAAC,MAAM,WAAW,GAAG,eAA2E,CAAC;AACvG,MAAM,CAAC,MAAM,MAAM,GAAG,UAAiE,CAAC;AACxF,MAAM,CAAC,MAAM,QAAQ,GAAG,YAAuE,CAAC;AAChG,MAAM,CAAC,MAAM,QAAQ,GAAG,YAAuE,CAAC;AAChG,MAAM,CAAC,MAAM,WAAW,GAAG,eAA6E,CAAC;AACzG,MAAM,CAAC,MAAM,YAAY,GAAG,gBAA+E,CAAC;AAE5G,MAAM,CAAC,MAAM,QAAQ,GAAG,YAAuE,CAAC;AAEhG,MAAM,CAAC,MAAM,UAAU,GAAG,cAAiI,CAAC;AAE5J,MAAM,CAAC,MAAM,gBAAgB,GAAG,oBAAqG,CAAC"}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import type { PropType } from 'vue';
|
|
2
|
+
export interface NavigationDrawerItem {
|
|
3
|
+
id: string;
|
|
4
|
+
label: string;
|
|
5
|
+
href?: string;
|
|
6
|
+
icon?: string;
|
|
7
|
+
current?: boolean;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
children?: readonly NavigationDrawerItem[];
|
|
10
|
+
}
|
|
11
|
+
export declare const NavigationDrawer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
12
|
+
title: {
|
|
13
|
+
type: StringConstructor;
|
|
14
|
+
required: true;
|
|
15
|
+
};
|
|
16
|
+
items: {
|
|
17
|
+
type: PropType<readonly NavigationDrawerItem[]>;
|
|
18
|
+
required: true;
|
|
19
|
+
};
|
|
20
|
+
navigationLabel: {
|
|
21
|
+
type: StringConstructor;
|
|
22
|
+
default: string;
|
|
23
|
+
};
|
|
24
|
+
closeLabel: {
|
|
25
|
+
type: StringConstructor;
|
|
26
|
+
default: string;
|
|
27
|
+
};
|
|
28
|
+
open: {
|
|
29
|
+
type: BooleanConstructor;
|
|
30
|
+
default: undefined;
|
|
31
|
+
};
|
|
32
|
+
defaultOpen: BooleanConstructor;
|
|
33
|
+
closeOnBackdrop: {
|
|
34
|
+
type: BooleanConstructor;
|
|
35
|
+
default: boolean;
|
|
36
|
+
};
|
|
37
|
+
side: {
|
|
38
|
+
type: PropType<"start" | "end">;
|
|
39
|
+
default: string;
|
|
40
|
+
};
|
|
41
|
+
description: StringConstructor;
|
|
42
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
43
|
+
[key: string]: any;
|
|
44
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
45
|
+
'update:open': (_value: boolean) => true;
|
|
46
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
47
|
+
title: {
|
|
48
|
+
type: StringConstructor;
|
|
49
|
+
required: true;
|
|
50
|
+
};
|
|
51
|
+
items: {
|
|
52
|
+
type: PropType<readonly NavigationDrawerItem[]>;
|
|
53
|
+
required: true;
|
|
54
|
+
};
|
|
55
|
+
navigationLabel: {
|
|
56
|
+
type: StringConstructor;
|
|
57
|
+
default: string;
|
|
58
|
+
};
|
|
59
|
+
closeLabel: {
|
|
60
|
+
type: StringConstructor;
|
|
61
|
+
default: string;
|
|
62
|
+
};
|
|
63
|
+
open: {
|
|
64
|
+
type: BooleanConstructor;
|
|
65
|
+
default: undefined;
|
|
66
|
+
};
|
|
67
|
+
defaultOpen: BooleanConstructor;
|
|
68
|
+
closeOnBackdrop: {
|
|
69
|
+
type: BooleanConstructor;
|
|
70
|
+
default: boolean;
|
|
71
|
+
};
|
|
72
|
+
side: {
|
|
73
|
+
type: PropType<"start" | "end">;
|
|
74
|
+
default: string;
|
|
75
|
+
};
|
|
76
|
+
description: StringConstructor;
|
|
77
|
+
}>> & Readonly<{
|
|
78
|
+
"onUpdate:open"?: ((_value: boolean) => any) | undefined;
|
|
79
|
+
}>, {
|
|
80
|
+
defaultOpen: boolean;
|
|
81
|
+
open: boolean;
|
|
82
|
+
closeLabel: string;
|
|
83
|
+
closeOnBackdrop: boolean;
|
|
84
|
+
side: "start" | "end";
|
|
85
|
+
navigationLabel: string;
|
|
86
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
87
|
+
//# sourceMappingURL=navigation-drawer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation-drawer.d.ts","sourceRoot":"","sources":["../src/navigation-drawer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAc,MAAM,KAAK,CAAC;AAGhD,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,oBAAoB,EAAE,CAAC;CAChE;AAmBD,eAAO,MAAM,gBAAgB;;;;;;cAGwC,QAAQ,CAAC,SAAS,oBAAoB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;cAGlF,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;;;;;;;4BAElB,OAAO;;;;;;;cAL2B,QAAQ,CAAC,SAAS,oBAAoB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;cAGlF,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;;;;;;;;;;;;;4EAuBnD,CAAC"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { computed, defineComponent, h, ref } from 'vue';
|
|
2
|
+
import { Drawer } from './expansion-interactive.js';
|
|
3
|
+
function label(item) {
|
|
4
|
+
return [item.icon && h('span', { class: 'hw-icon', 'data-icon': item.icon, 'aria-hidden': 'true' }), h('span', { class: 'hw-navigation-drawer-label' }, item.label)];
|
|
5
|
+
}
|
|
6
|
+
function groupEntries(item) {
|
|
7
|
+
const children = item.children ?? [];
|
|
8
|
+
if (!item.href)
|
|
9
|
+
return children;
|
|
10
|
+
let id = `${item.id}-page`;
|
|
11
|
+
while (children.some(child => child.id === id))
|
|
12
|
+
id += '-page';
|
|
13
|
+
return [{ ...item, id, children: undefined }, ...children];
|
|
14
|
+
}
|
|
15
|
+
function entries(items) {
|
|
16
|
+
return h('ul', {}, items.map(item => h('li', { key: item.id, 'data-hw-value': item.id }, [
|
|
17
|
+
item.disabled ? h('span', { class: 'hw-navigation-drawer-row', 'aria-disabled': 'true' }, label(item))
|
|
18
|
+
: item.children?.length ? h('details', { class: 'hw-navigation-drawer-group' }, [h('summary', { class: 'hw-navigation-drawer-row' }, label(item)), entries(groupEntries(item))])
|
|
19
|
+
: item.href ? h('a', { class: 'hw-navigation-drawer-row', href: item.href, 'aria-current': item.current ? 'page' : undefined }, label(item))
|
|
20
|
+
: h('span', { class: 'hw-navigation-drawer-row' }, label(item)),
|
|
21
|
+
])));
|
|
22
|
+
}
|
|
23
|
+
export const NavigationDrawer = defineComponent({
|
|
24
|
+
name: 'HwNavigationDrawer', inheritAttrs: false,
|
|
25
|
+
props: {
|
|
26
|
+
title: { type: String, required: true }, items: { type: Array, required: true },
|
|
27
|
+
navigationLabel: { type: String, default: 'التنقل الرئيسي' }, closeLabel: { type: String, default: 'إغلاق القائمة' },
|
|
28
|
+
open: { type: Boolean, default: undefined }, defaultOpen: Boolean, closeOnBackdrop: { type: Boolean, default: true },
|
|
29
|
+
side: { type: String, default: 'start' }, description: String,
|
|
30
|
+
},
|
|
31
|
+
emits: { 'update:open': (_value) => true },
|
|
32
|
+
setup(props, { attrs, slots, emit, expose }) {
|
|
33
|
+
const drawer = ref();
|
|
34
|
+
expose({ show: () => drawer.value?.show(), close: () => drawer.value?.close(), element: computed(() => drawer.value?.element) });
|
|
35
|
+
return () => h(Drawer, { ...attrs,
|
|
36
|
+
ref: drawer, title: props.title, description: props.description, open: props.open, defaultOpen: props.defaultOpen,
|
|
37
|
+
closeLabel: props.closeLabel, closeOnBackdrop: props.closeOnBackdrop, side: props.side, class: ['hw-navigation-drawer', attrs.class],
|
|
38
|
+
'onUpdate:open': (value) => emit('update:open', value),
|
|
39
|
+
}, {
|
|
40
|
+
trigger: slots.trigger, footer: slots.footer,
|
|
41
|
+
default: ({ close }) => [
|
|
42
|
+
slots.user && h('div', { class: 'hw-navigation-drawer-user' }, slots.user()),
|
|
43
|
+
h('nav', { class: 'hw-navigation-drawer-nav', 'aria-label': props.navigationLabel, onClick: (event) => {
|
|
44
|
+
const link = event.target.closest('a[href]');
|
|
45
|
+
if (!link || !event.currentTarget.contains(link) || link.closest('[aria-disabled="true"], [inert]'))
|
|
46
|
+
return;
|
|
47
|
+
if (event.button !== 0 || event.ctrlKey || event.metaKey || event.altKey || event.shiftKey || link.hasAttribute('download') || (link.target && link.target !== '_self'))
|
|
48
|
+
return;
|
|
49
|
+
queueMicrotask(() => { if (!event.defaultPrevented && link.isConnected)
|
|
50
|
+
close(); });
|
|
51
|
+
} }, [entries(props.items)]),
|
|
52
|
+
],
|
|
53
|
+
});
|
|
54
|
+
},
|
|
55
|
+
});
|
|
56
|
+
//# sourceMappingURL=navigation-drawer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation-drawer.js","sourceRoot":"","sources":["../src/navigation-drawer.ts"],"names":[],"mappings":"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"}
|