@a-type/ui 6.1.16 → 6.1.18
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/components/button/ConfirmedButton.js +2 -2
- package/dist/components/button/ConfirmedButton.js.map +1 -1
- package/dist/components/datePicker/DatePicker.d.ts +1 -1
- package/dist/components/datePicker/DatePicker.stories.d.ts +1 -1
- package/dist/components/datePicker/DateRangePicker.d.ts +1 -1
- package/dist/components/datePicker/DateRangePicker.js +15 -1
- package/dist/components/datePicker/DateRangePicker.js.map +1 -1
- package/dist/components/dialog/Dialog.d.ts +20 -34
- package/dist/components/dialog/Dialog.js +47 -208
- package/dist/components/dialog/Dialog.js.map +1 -1
- package/dist/components/dialog/Dialog.module.css +10 -82
- package/dist/components/dialog/Dialog.stories.js +8 -7
- package/dist/components/dialog/Dialog.stories.js.map +1 -1
- package/dist/components/drawer/Drawer.d.ts +25 -0
- package/dist/components/drawer/Drawer.js +102 -0
- package/dist/components/drawer/Drawer.js.map +1 -0
- package/dist/components/drawer/Drawer.module.css +182 -0
- package/dist/components/drawer/Drawer.stories.d.ts +7 -0
- package/dist/components/drawer/Drawer.stories.js +27 -0
- package/dist/components/drawer/Drawer.stories.js.map +1 -0
- package/dist/components/drawer/index.d.ts +1 -0
- package/dist/components/drawer/index.js +2 -0
- package/dist/components/drawer/index.js.map +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +1 -0
- package/dist/components/index.js.map +1 -1
- package/dist/hooks/withContextVariant.d.ts +8 -0
- package/dist/hooks/withContextVariant.js +21 -0
- package/dist/hooks/withContextVariant.js.map +1 -0
- package/package.json +2 -2
- package/src/components/button/ConfirmedButton.tsx +9 -16
- package/src/components/datePicker/DateRangePicker.tsx +18 -1
- package/src/components/dialog/Dialog.module.css +10 -82
- package/src/components/dialog/Dialog.stories.tsx +45 -51
- package/src/components/dialog/Dialog.tsx +98 -332
- package/src/components/drawer/Drawer.module.css +181 -0
- package/src/components/drawer/Drawer.stories.tsx +68 -0
- package/src/components/drawer/Drawer.tsx +204 -0
- package/src/components/drawer/index.ts +1 -0
- package/src/components/index.ts +1 -0
- package/src/hooks/withContextVariant.tsx +24 -0
|
@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
import { useCallback, useState } from 'react';
|
|
14
|
-
import { Dialog
|
|
14
|
+
import { Dialog } from '../dialog/index.js';
|
|
15
15
|
import { P } from '../typography/index.js';
|
|
16
16
|
import { Button } from './Button.js';
|
|
17
17
|
export function ConfirmedButton(_a) {
|
|
@@ -33,6 +33,6 @@ export function ConfirmedButton(_a) {
|
|
|
33
33
|
onConfirm();
|
|
34
34
|
} })));
|
|
35
35
|
}
|
|
36
|
-
return (_jsxs(Dialog, { open: open, onOpenChange: setOpen, children: [_jsx(
|
|
36
|
+
return (_jsxs(Dialog, { open: open, onOpenChange: setOpen, children: [_jsx(Dialog.Trigger, Object.assign({ render: _jsx(Button, {}) }, rest)), _jsxs(Dialog.Content, { children: [_jsx(Dialog.Title, { children: confirmTitle }), _jsx(P, { children: confirmText }), _jsxs(Dialog.Actions, { children: [_jsx(Dialog.Close, { render: _jsx(Button, { emphasis: "default" }), children: cancelAction }), _jsx(Button, { loading: loading, onClick: confirm, emphasis: "primary", color: confirmColor, children: confirmAction })] })] })] }));
|
|
37
37
|
}
|
|
38
38
|
//# sourceMappingURL=ConfirmedButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmedButton.js","sourceRoot":"","sources":["../../../src/components/button/ConfirmedButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,
|
|
1
|
+
{"version":3,"file":"ConfirmedButton.js","sourceRoot":"","sources":["../../../src/components/button/ConfirmedButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,CAAC,EAAE,MAAM,wBAAwB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAe,MAAM,aAAa,CAAC;AAYlD,MAAM,UAAU,eAAe,CAAC,EAST;QATS,EAC/B,WAAW,EACX,YAAY,GAAG,eAAe,EAC9B,aAAa,GAAG,IAAI,EACpB,YAAY,GAAG,WAAW,EAC1B,YAAY,GAAG,SAAS,EACxB,SAAS,EACT,IAAI,OAEkB,EADnB,IAAI,cARwB,qGAS/B,CADO;IAEP,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACtC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,CAAC;YACJ,MAAM,SAAS,EAAE,CAAC;YAClB,OAAO,CAAC,KAAK,CAAC,CAAC;QAChB,CAAC;gBAAS,CAAC;YACV,UAAU,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACF,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,IAAI,EAAE,CAAC;QACV,OAAO,CACN,KAAC,MAAM,oBACF,IAAI,IACR,OAAO,EAAE,GAAG,EAAE;gBACb,SAAS,EAAE,CAAC;YACb,CAAC,IACA,CACF,CAAC;IACH,CAAC;IAED,OAAO,CACN,MAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aACxC,KAAC,MAAM,CAAC,OAAO,kBAAC,MAAM,EAAE,KAAC,MAAM,KAAG,IAAM,IAAI,EAAI,EAChD,MAAC,MAAM,CAAC,OAAO,eACd,KAAC,MAAM,CAAC,KAAK,cAAE,YAAY,GAAgB,EAC3C,KAAC,CAAC,cAAE,WAAW,GAAK,EACpB,MAAC,MAAM,CAAC,OAAO,eACd,KAAC,MAAM,CAAC,KAAK,IAAC,MAAM,EAAE,KAAC,MAAM,IAAC,QAAQ,EAAC,SAAS,GAAG,YACjD,YAAY,GACC,EACf,KAAC,MAAM,IACN,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAC,SAAS,EAClB,KAAK,EAAE,YAAY,YAElB,aAAa,GACN,IACO,IACD,IACT,CACT,CAAC;AACH,CAAC"}
|
|
@@ -18,7 +18,7 @@ export declare const DatePicker: typeof DatePickerDefault & {
|
|
|
18
18
|
onDisplayChange?: (newValue: {
|
|
19
19
|
month: number;
|
|
20
20
|
year: number;
|
|
21
|
-
}) => any;
|
|
21
|
+
}, source: "keyboard" | "programmatic") => any;
|
|
22
22
|
displayYear: number;
|
|
23
23
|
displayMonth: number;
|
|
24
24
|
value?: Date | null;
|
|
@@ -29,7 +29,7 @@ export declare const DateRangePicker: typeof DateRangePickerBase & {
|
|
|
29
29
|
onDisplayChange?: (newValue: {
|
|
30
30
|
month: number;
|
|
31
31
|
year: number;
|
|
32
|
-
}) => any;
|
|
32
|
+
}, source: "keyboard" | "programmatic") => any;
|
|
33
33
|
displayYear: number;
|
|
34
34
|
displayMonth: number;
|
|
35
35
|
value?: Date | null;
|
|
@@ -41,7 +41,21 @@ function DateRangePickerRoot(_a) {
|
|
|
41
41
|
month: new Date().getMonth(),
|
|
42
42
|
year: new Date().getFullYear(),
|
|
43
43
|
}));
|
|
44
|
-
const onDisplayChange = useCallback(({ month: newMonth, year: newYear }) => {
|
|
44
|
+
const onDisplayChange = useCallback(({ month: newMonth, year: newYear }, source) => {
|
|
45
|
+
/**
|
|
46
|
+
* Important UX consideration:
|
|
47
|
+
*
|
|
48
|
+
* since we are displaying 2 months at once, we don't
|
|
49
|
+
* always want to change our view if the user's cursor
|
|
50
|
+
* date moves from one month to another. Specifically,
|
|
51
|
+
* if they move from the first visible month to the
|
|
52
|
+
* second visible month, we don't need to change the view,
|
|
53
|
+
* since they are still within the visible range.
|
|
54
|
+
* So, we write logic to ignore that case!
|
|
55
|
+
*/
|
|
56
|
+
if (source === 'keyboard' && newMonth === month + 1 && newYear === year) {
|
|
57
|
+
return;
|
|
58
|
+
}
|
|
45
59
|
setDisplay({
|
|
46
60
|
month: newMonth,
|
|
47
61
|
year: newYear,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../../src/components/datePicker/DateRangePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC7E,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAA4B,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EACN,WAAW,EACX,YAAY,EACZ,SAAS,EACT,WAAW,EACX,UAAU,GACV,MAAM,eAAe,CAAC;AACvB,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAElD,SAAS,4BAA4B;IACpC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAC7D,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,kBAAkB,CAAC,OAAO,EAAE;QACpE,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,SAAS;KACf,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;IAC5C,MAAM,cAAc,GAAG,SAAS,CAAC,kBAAkB,CAAC,OAAO,EAAE;QAC5D,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,SAAS;KACf,CAAC,CAAC;IACH,OAAO,CACN,8BACC,KAAC,WAAW,IACX,QAAQ,EAAC,OAAO,EAChB,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,EAChC,OAAO,EAAE,GAAG,EAAE,CACb,cAAc,CAAC;oBACd,KAAK,EAAE,KAAK,GAAG,CAAC;oBAChB,IAAI,EAAE,IAAI;iBACV,CAAC,YAGH,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,GAAG,GACZ,EACd,KAAC,UAAU,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAG,UAAU,GAAc,EACvE,KAAC,UAAU,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,YACrE,cAAc,GACH,EACb,KAAC,WAAW,IACX,QAAQ,EAAC,OAAO,EAChB,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,EAChC,OAAO,EAAE,GAAG,EAAE,CACb,cAAc,CAAC;oBACd,KAAK,EAAE,KAAK,GAAG,CAAC;oBAChB,IAAI,EAAE,IAAI;iBACV,CAAC,YAGH,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,GACb,IACZ,CACH,CAAC;AACH,CAAC;AAED,SAAS,mBAAmB,CAAC,EAQ5B;QAR4B,EAC5B,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,OAIT,EAHG,IAAI,cALqB,8CAM5B,CADO;IAIP,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;QACrD,KAAK,EAAE,IAAI,IAAI,EAAE,CAAC,QAAQ,EAAE;QAC5B,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;KAC9B,CAAC,CAAC,CAAC;IAEJ,MAAM,eAAe,GAAG,WAAW,CAClC,
|
|
1
|
+
{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../../src/components/datePicker/DateRangePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,50 +1,35 @@
|
|
|
1
|
+
import { UseRenderRenderProp } from '@base-ui/react';
|
|
1
2
|
import { Dialog as BaseDialog, DialogCloseProps, DialogPopupProps, DialogRootProps, DialogTriggerProps } from '@base-ui/react/dialog';
|
|
2
3
|
import { Radio as BaseRadio } from '@base-ui/react/radio';
|
|
3
4
|
import { RadioGroup as BaseRadioGroup } from '@base-ui/react/radio-group';
|
|
4
5
|
import { ComponentPropsWithoutRef, Ref } from 'react';
|
|
5
|
-
export interface DialogContentProps extends DialogPopupProps {
|
|
6
|
+
export interface DialogContentProps extends Omit<DialogPopupProps, 'className' | 'style' | 'render'> {
|
|
6
7
|
width?: 'sm' | 'md' | 'lg';
|
|
7
|
-
disableSheet?: boolean;
|
|
8
8
|
disableDefaultClose?: boolean;
|
|
9
9
|
/** @deprecated */
|
|
10
10
|
outerClassName?: string;
|
|
11
11
|
ref?: Ref<HTMLDivElement>;
|
|
12
12
|
innerClassName?: string;
|
|
13
|
+
className?: string;
|
|
14
|
+
style?: React.CSSProperties;
|
|
15
|
+
render?: UseRenderRenderProp<{
|
|
16
|
+
open: boolean;
|
|
17
|
+
}>;
|
|
18
|
+
}
|
|
19
|
+
export interface DialogProps extends Omit<DialogRootProps, 'children'> {
|
|
20
|
+
children: React.ReactNode;
|
|
21
|
+
disableSheet?: boolean;
|
|
13
22
|
}
|
|
14
|
-
|
|
15
|
-
export declare
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
ref
|
|
20
|
-
|
|
21
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
22
|
-
export declare const DialogTrigger: ({ render, ...props }: DialogTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
export declare const DialogContent: ({ ref, children, width, outerClassName, className, disableSheet, disableDefaultClose, innerClassName, ...props }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
24
|
-
export declare const DialogTitle: import("react").FunctionComponent<Omit<import("@base-ui/react/dialog").DialogTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
25
|
-
export declare const DialogDescription: import("react").FunctionComponent<Omit<import("@base-ui/react/dialog").DialogDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
26
|
-
export declare const DialogClose: ({ children, render, ...props }: DialogCloseProps & {
|
|
27
|
-
ref?: React.Ref<HTMLButtonElement>;
|
|
28
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
29
|
-
export type { DialogRootProps as DialogProps } from '@base-ui/react/dialog';
|
|
30
|
-
export declare const DialogActions: import("react").FunctionComponent<import("../box/Box.js").BoxProps>;
|
|
31
|
-
export declare const DialogSelectTrigger: ({ children, className, ...props }: DialogTriggerProps & {
|
|
32
|
-
ref?: React.Ref<HTMLButtonElement>;
|
|
33
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
34
|
-
export declare const DialogSelectList: import("react").FunctionComponent<BaseRadioGroup.Props<unknown>>;
|
|
35
|
-
export declare const DialogSelectItemRoot: import("react").FunctionComponent<BaseRadio.Root.Props<unknown>>;
|
|
36
|
-
export declare const DialogSelectItem: ({ children, ...props }: ComponentPropsWithoutRef<typeof DialogSelectItemRoot> & {
|
|
37
|
-
ref?: React.Ref<HTMLButtonElement>;
|
|
38
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
39
|
-
export declare const Dialog: ((props: DialogRootProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
40
|
-
Trigger: ({ render, ...props }: DialogTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
41
|
-
Content: ({ ref, children, width, outerClassName, className, disableSheet, disableDefaultClose, innerClassName, ...props }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
42
|
-
Title: import("react").FunctionComponent<Omit<import("@base-ui/react/dialog").DialogTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
43
|
-
Description: import("react").FunctionComponent<Omit<import("@base-ui/react/dialog").DialogDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
44
|
-
Close: ({ children, render, ...props }: DialogCloseProps & {
|
|
23
|
+
declare const DialogSelectItemRoot: import("react").FunctionComponent<BaseRadio.Root.Props<unknown>>;
|
|
24
|
+
export declare const Dialog: (({ children, defaultOpen, disableSheet, ...rootProps }: DialogProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
25
|
+
Trigger: (props: DialogTriggerProps<unknown>) => import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
Content: (props: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
Title: (props: Omit<import("@base-ui/react").AlertDialogTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>) => import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
Description: (props: Omit<import("@base-ui/react").AlertDialogDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>) => import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
Close: (props: DialogCloseProps & {
|
|
45
30
|
ref?: React.Ref<HTMLButtonElement>;
|
|
46
31
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
47
|
-
Actions:
|
|
32
|
+
Actions: (props: import("../box/Box.js").BoxProps) => import("react/jsx-runtime").JSX.Element;
|
|
48
33
|
SelectTrigger: ({ children, className, ...props }: DialogTriggerProps & {
|
|
49
34
|
ref?: React.Ref<HTMLButtonElement>;
|
|
50
35
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -56,3 +41,4 @@ export declare const Dialog: ((props: DialogRootProps) => import("react/jsx-runt
|
|
|
56
41
|
createHandle: typeof BaseDialog.createHandle;
|
|
57
42
|
};
|
|
58
43
|
export type DialogParts = typeof BaseDialog;
|
|
44
|
+
export {};
|
|
@@ -13,244 +13,83 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
13
13
|
import { Dialog as BaseDialog, } from '@base-ui/react/dialog';
|
|
14
14
|
import { Radio as BaseRadio } from '@base-ui/react/radio';
|
|
15
15
|
import { RadioGroup as BaseRadioGroup } from '@base-ui/react/radio-group';
|
|
16
|
-
import { useDrag } from '@use-gesture/react';
|
|
17
16
|
import clsx from 'clsx';
|
|
18
|
-
import {
|
|
17
|
+
import { useCallback, useState } from 'react';
|
|
19
18
|
import { useMediaQuery } from '../../hooks/useMediaQuery.js';
|
|
20
|
-
import useMergedRef from '../../hooks/useMergedRef.js';
|
|
21
19
|
import { withClassName } from '../../hooks/withClassName.js';
|
|
20
|
+
import { createWithContextVariant } from '../../hooks/withContextVariant.js';
|
|
22
21
|
import { Box } from '../box/Box.js';
|
|
23
22
|
import { Button } from '../button/index.js';
|
|
23
|
+
import { Drawer } from '../drawer/Drawer.js';
|
|
24
|
+
import drawerCls from '../drawer/Drawer.module.css';
|
|
24
25
|
import { Icon } from '../icon/Icon.js';
|
|
25
|
-
import { useParticles } from '../particles/index.js';
|
|
26
26
|
import menuCls from '../primitives/menus.module.css';
|
|
27
|
-
import { useConfig } from '../provider/Provider.js';
|
|
28
27
|
import { ScrollArea } from '../scrollArea/ScrollArea.js';
|
|
29
28
|
import { selectTriggerClassName } from '../select/index.js';
|
|
30
29
|
import cls from './Dialog.module.css';
|
|
30
|
+
const { Context: MobileDrawerContext, withContextVariant } = createWithContextVariant();
|
|
31
|
+
// baseline Dialog-specific component implementations
|
|
31
32
|
const StyledOverlay = withClassName(BaseDialog.Backdrop, cls.overlay);
|
|
32
33
|
const StyledContent = withClassName(BaseDialog.Popup, cls.content);
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
if (shouldClose) {
|
|
37
|
-
close();
|
|
38
|
-
}
|
|
39
|
-
const gestureY = last ? (shouldClose ? -1000 : 0) : -Math.max(0, dy);
|
|
40
|
-
content.style.setProperty('--gesture-y', `${gestureY}px`);
|
|
41
|
-
content.style.setProperty('transition', last ? 'bottom 0.2s' : '');
|
|
42
|
-
}
|
|
43
|
-
// filter out gestures that are within scrollable descendants
|
|
44
|
-
// if those elements are not scrolled to the top already
|
|
45
|
-
function filterScrollables(target, root, dy, vy) {
|
|
46
|
-
// always allow upward swipes
|
|
47
|
-
if (vy < 0) {
|
|
48
|
-
return false;
|
|
49
|
-
}
|
|
50
|
-
let cur = target;
|
|
51
|
-
while (cur) {
|
|
52
|
-
if (cur === root)
|
|
53
|
-
return false;
|
|
54
|
-
cur = cur.parentElement;
|
|
55
|
-
if (cur &&
|
|
56
|
-
cur.scrollHeight > cur.clientHeight &&
|
|
57
|
-
cur.scrollTop !== 0 &&
|
|
58
|
-
vy >= 0)
|
|
59
|
-
return true;
|
|
60
|
-
}
|
|
61
|
-
return false;
|
|
62
|
-
}
|
|
63
|
-
const SWIPE_VELOCITY_THRESHOLD = 1.5;
|
|
64
|
-
export const Content = function Content(_a) {
|
|
65
|
-
var { ref, children, width, outerClassName, className, disableSheet, disableDefaultClose, innerClassName } = _a, props = __rest(_a, ["ref", "children", "width", "outerClassName", "className", "disableSheet", "disableDefaultClose", "innerClassName"]);
|
|
66
|
-
const particles = useParticles();
|
|
67
|
-
const wasOpenRef = useRef(false);
|
|
68
|
-
const openRef = useCallback((element) => {
|
|
69
|
-
if (!wasOpenRef.current && (element === null || element === void 0 ? void 0 : element.hasAttribute('data-open'))) {
|
|
70
|
-
wasOpenRef.current = true;
|
|
71
|
-
const matchesSmall = !disableSheet &&
|
|
72
|
-
typeof window !== 'undefined' &&
|
|
73
|
-
!window.matchMedia('(min-width:600px)').matches;
|
|
74
|
-
if (!matchesSmall)
|
|
75
|
-
return;
|
|
76
|
-
setTimeout(() => {
|
|
77
|
-
particles === null || particles === void 0 ? void 0 : particles.addParticles(particles.elementExplosion({
|
|
78
|
-
count: 20,
|
|
79
|
-
margin: 40,
|
|
80
|
-
borders: ['top'],
|
|
81
|
-
color: [
|
|
82
|
-
{
|
|
83
|
-
space: 'rgb',
|
|
84
|
-
values: [0, 0, 0],
|
|
85
|
-
opacity: 0.02,
|
|
86
|
-
},
|
|
87
|
-
{
|
|
88
|
-
space: 'rgb',
|
|
89
|
-
values: [0, 0, 0],
|
|
90
|
-
opacity: 0,
|
|
91
|
-
},
|
|
92
|
-
],
|
|
93
|
-
element,
|
|
94
|
-
startRadius: 15,
|
|
95
|
-
endRadius: 0,
|
|
96
|
-
lifespan: 1000,
|
|
97
|
-
force: 0.5,
|
|
98
|
-
drag: 0.01,
|
|
99
|
-
forceFuzz: 0.5,
|
|
100
|
-
angleFuzz: 0.1,
|
|
101
|
-
}));
|
|
102
|
-
}, 180);
|
|
103
|
-
}
|
|
104
|
-
else if (!(element === null || element === void 0 ? void 0 : element.hasAttribute('data-open'))) {
|
|
105
|
-
wasOpenRef.current = false;
|
|
106
|
-
}
|
|
107
|
-
}, [particles, disableSheet]);
|
|
108
|
-
const { gestureRef, onTouchStart, onTouchMove, onTouchEnd } = useDialogInherentSwipe({ disableSheet });
|
|
109
|
-
const finalRef = useMergedRef(ref, openRef, gestureRef);
|
|
110
|
-
const { virtualKeyboardBehavior } = useConfig();
|
|
111
|
-
return (_jsxs(BaseDialog.Portal, { children: [_jsx(StyledOverlay, {}), _jsxs(StyledContent, Object.assign({ "data-dialog-content": true, ref: finalRef }, props, { onTouchStart: onTouchStart, onTouchMove: onTouchMove, onTouchEnd: onTouchEnd, onTouchCancel: onTouchEnd, "data-disable-sheet": disableSheet ? 'true' : undefined, "data-keyboard-behavior": virtualKeyboardBehavior, "data-width": width, className: clsx(outerClassName || className), children: [!disableDefaultClose && (_jsx(DialogDefaultClose, { showOnMobile: disableSheet })), !disableSheet && _jsx(DialogSwipeHandle, {}), _jsx(ScrollArea, { direction: "vertical", className: cls.contentScrollArea, children: _jsx(ScrollArea.Content, { className: clsx(cls.contentScrollAreaContent, innerClassName), style: {
|
|
112
|
-
minWidth: undefined,
|
|
113
|
-
}, children: children }) })] }))] }));
|
|
34
|
+
const FunctionalContent = function Content(_a) {
|
|
35
|
+
var { ref, children, width, outerClassName, className, disableDefaultClose, innerClassName } = _a, props = __rest(_a, ["ref", "children", "width", "outerClassName", "className", "disableDefaultClose", "innerClassName"]);
|
|
36
|
+
return (_jsxs(BaseDialog.Portal, { children: [_jsx(StyledOverlay, {}), _jsxs(StyledContent, Object.assign({ ref: ref }, props, { "data-width": width, className: clsx(outerClassName || className), children: [!disableDefaultClose && _jsx(DialogDefaultClose, {}), _jsx(ScrollArea, { direction: "vertical", className: drawerCls.contentScrollArea, children: _jsx(ScrollArea.Content, { className: clsx(drawerCls.contentScrollAreaContent, innerClassName), style: { minWidth: undefined }, children: children }) })] }))] }));
|
|
114
37
|
};
|
|
115
|
-
function
|
|
116
|
-
const gestureRef = useRef(null);
|
|
117
|
-
const close = useContext(DialogCloseContext);
|
|
118
|
-
const isSmall = useMediaQuery('(max-width: 640px)');
|
|
119
|
-
const gestureState = useRef({
|
|
120
|
-
sy: 0,
|
|
121
|
-
dy: 0,
|
|
122
|
-
vy: 0,
|
|
123
|
-
active: false,
|
|
124
|
-
timeStamp: 0,
|
|
125
|
-
filtered: false,
|
|
126
|
-
});
|
|
127
|
-
const onTouchStart = useCallback((event) => {
|
|
128
|
-
if (!isSmall || disableSheet)
|
|
129
|
-
return;
|
|
130
|
-
const touch = event.touches[0];
|
|
131
|
-
gestureState.current.sy = touch.clientY;
|
|
132
|
-
gestureState.current.timeStamp = event.timeStamp;
|
|
133
|
-
}, [isSmall, disableSheet]);
|
|
134
|
-
const onTouchMove = useCallback((event) => {
|
|
135
|
-
var _a;
|
|
136
|
-
if (!isSmall || disableSheet)
|
|
137
|
-
return;
|
|
138
|
-
const touch = event.touches[0];
|
|
139
|
-
const dy = touch.clientY - gestureState.current.sy;
|
|
140
|
-
const vy = (dy - gestureState.current.dy) /
|
|
141
|
-
(event.timeStamp -
|
|
142
|
-
((_a = gestureState.current.timeStamp) !== null && _a !== void 0 ? _a : event.timeStamp - 1));
|
|
143
|
-
gestureState.current.dy = dy;
|
|
144
|
-
gestureState.current.vy = vy;
|
|
145
|
-
if (gestureState.current.filtered ||
|
|
146
|
-
filterScrollables(event.target, gestureRef.current, dy, vy)) {
|
|
147
|
-
gestureState.current.filtered = true;
|
|
148
|
-
return;
|
|
149
|
-
}
|
|
150
|
-
if (!gestureState.current.active) {
|
|
151
|
-
gestureState.current.active = true;
|
|
152
|
-
gestureState.current.sy = touch.clientY;
|
|
153
|
-
}
|
|
154
|
-
if (gestureRef.current && gestureRef.current.scrollTop < 3) {
|
|
155
|
-
sheetCloseGestureLogic(Math.abs(vy) > SWIPE_VELOCITY_THRESHOLD ? Math.sign(vy) : 0, dy, false, close, gestureRef.current);
|
|
156
|
-
}
|
|
157
|
-
gestureState.current.timeStamp = event.timeStamp;
|
|
158
|
-
}, [isSmall, disableSheet, close]);
|
|
159
|
-
const onTouchEnd = useCallback((event) => {
|
|
160
|
-
if (gestureState.current.active && gestureRef.current) {
|
|
161
|
-
const { vy, dy } = gestureState.current;
|
|
162
|
-
sheetCloseGestureLogic(Math.abs(vy) > SWIPE_VELOCITY_THRESHOLD ? Math.sign(vy) : 0, dy, true, close, gestureRef.current);
|
|
163
|
-
}
|
|
164
|
-
gestureState.current.active = false;
|
|
165
|
-
gestureState.current.filtered = false;
|
|
166
|
-
gestureState.current.timeStamp = event.timeStamp;
|
|
167
|
-
gestureState.current.vy = 0;
|
|
168
|
-
gestureState.current.dy = 0;
|
|
169
|
-
gestureState.current.sy = 0;
|
|
170
|
-
}, [close]);
|
|
171
|
-
return { gestureRef, onTouchStart, onTouchMove, onTouchEnd };
|
|
172
|
-
}
|
|
173
|
-
export function DialogSwipeHandle(_a) {
|
|
174
|
-
var { ref, className } = _a, props = __rest(_a, ["ref", "className"]);
|
|
175
|
-
const close = useContext(DialogCloseContext);
|
|
176
|
-
const innerRef = useRef(null);
|
|
177
|
-
useDrag(({ swipe: [, swipeY], movement: [, dy], last }) => {
|
|
178
|
-
const content = findParentDialogContent(innerRef.current);
|
|
179
|
-
if (!content)
|
|
180
|
-
return;
|
|
181
|
-
sheetCloseGestureLogic(swipeY, dy, last, close, content);
|
|
182
|
-
}, {
|
|
183
|
-
target: innerRef,
|
|
184
|
-
axis: 'y',
|
|
185
|
-
});
|
|
186
|
-
const finalRef = useMergedRef(ref, innerRef);
|
|
187
|
-
return (_jsx("div", Object.assign({ ref: finalRef }, props, { className: clsx(cls.swipeHandle, className), children: _jsx("div", { className: cls.swipeHandleBar }) })));
|
|
188
|
-
}
|
|
189
|
-
function findParentDialogContent(element) {
|
|
190
|
-
if (!element)
|
|
191
|
-
return null;
|
|
192
|
-
if (element.getAttribute('data-dialog-content'))
|
|
193
|
-
return element;
|
|
194
|
-
return findParentDialogContent(element.parentElement);
|
|
195
|
-
}
|
|
196
|
-
const DialogCloseContext = createContext(() => { });
|
|
197
|
-
export const DialogDefaultClose = function DialogDefaultClose(_a) {
|
|
38
|
+
const DialogDefaultClose = function DialogDefaultClose(_a) {
|
|
198
39
|
var { ref, className, showOnMobile } = _a, props = __rest(_a, ["ref", "className", "showOnMobile"]);
|
|
199
40
|
return (_jsx(DialogClose, Object.assign({ className: clsx(cls.close, className), "data-show-on-mobile": showOnMobile, "aria-label": "Close dialog", ref: ref }, props, { render: _jsx(Button, { emphasis: "ghost", size: "small" }), children: _jsx(Icon, { name: "x" }) })));
|
|
200
41
|
};
|
|
201
|
-
const
|
|
42
|
+
const StyledDialogTitle = withClassName(BaseDialog.Title, cls.title);
|
|
202
43
|
const StyledDescription = withClassName(BaseDialog.Description, cls.description);
|
|
203
|
-
|
|
204
|
-
const DialogRoot = (props) => {
|
|
205
|
-
var _a;
|
|
206
|
-
const [innerOpen, innerOnOpenChange] = useState(props.defaultOpen || false);
|
|
207
|
-
const open = (_a = props.open) !== null && _a !== void 0 ? _a : innerOpen;
|
|
208
|
-
const onOpenChange = useCallback((open, eventDetails) => {
|
|
209
|
-
var _a;
|
|
210
|
-
innerOnOpenChange(open);
|
|
211
|
-
(_a = props.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(props, open, eventDetails);
|
|
212
|
-
}, [props.onOpenChange]);
|
|
213
|
-
const close = useCallback(() => {
|
|
214
|
-
onOpenChange(false, {
|
|
215
|
-
allowPropagation() { },
|
|
216
|
-
cancel() { },
|
|
217
|
-
isCanceled: false,
|
|
218
|
-
event: null,
|
|
219
|
-
isPropagationAllowed: true,
|
|
220
|
-
preventUnmountOnClose() { },
|
|
221
|
-
reason: 'imperative-action',
|
|
222
|
-
trigger: undefined,
|
|
223
|
-
});
|
|
224
|
-
}, [onOpenChange]);
|
|
225
|
-
return (_jsx(DialogCloseContext.Provider, { value: close, children: _jsx(BaseDialog.Root, Object.assign({}, props, { open: open, onOpenChange: onOpenChange })) }));
|
|
226
|
-
};
|
|
227
|
-
export const DialogTrigger = (_a) => {
|
|
44
|
+
const StyledTrigger = (_a) => {
|
|
228
45
|
var { render } = _a, props = __rest(_a, ["render"]);
|
|
229
46
|
return (_jsx(BaseDialog.Trigger, Object.assign({ render: render || _jsx(Button, {}) }, props)));
|
|
230
47
|
};
|
|
231
|
-
|
|
232
|
-
export const DialogTitle = StyledTitle;
|
|
233
|
-
export const DialogDescription = StyledDescription;
|
|
234
|
-
export const DialogClose = function DialogClose(_a) {
|
|
48
|
+
const StyledClose = function DialogClose(_a) {
|
|
235
49
|
var { children, render } = _a, props = __rest(_a, ["children", "render"]);
|
|
236
50
|
return (_jsx(BaseDialog.Close, Object.assign({ render: render !== null && render !== void 0 ? render : _jsx(Button, { emphasis: "default" }) }, props, { children: children !== null && children !== void 0 ? children : 'Close' })));
|
|
237
51
|
};
|
|
238
|
-
|
|
239
|
-
|
|
52
|
+
const StyledActions = withClassName(Box, cls.actions);
|
|
53
|
+
// Variant Dialog/Drawer component wrappers
|
|
54
|
+
const DialogContent = withContextVariant(Drawer.Content, FunctionalContent);
|
|
55
|
+
const DialogTitle = withContextVariant(Drawer.Title, StyledDialogTitle);
|
|
56
|
+
const DialogDescription = withContextVariant(Drawer.Description, StyledDescription);
|
|
57
|
+
const DialogRoot = (_a) => {
|
|
58
|
+
var _b;
|
|
59
|
+
var { children, defaultOpen, disableSheet } = _a, rootProps = __rest(_a, ["children", "defaultOpen", "disableSheet"]);
|
|
60
|
+
const [innerOpen, innerOnOpenChange] = useState(defaultOpen || false);
|
|
61
|
+
const open = (_b = rootProps.open) !== null && _b !== void 0 ? _b : innerOpen;
|
|
62
|
+
const onOpenChange = useCallback((open, eventDetails) => {
|
|
63
|
+
var _a;
|
|
64
|
+
innerOnOpenChange(open);
|
|
65
|
+
(_a = rootProps.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(rootProps, open, eventDetails);
|
|
66
|
+
}, [rootProps.onOpenChange]);
|
|
67
|
+
const isSmall = useMediaQuery('(max-width: 600px)');
|
|
68
|
+
const useDrawer = isSmall && !disableSheet;
|
|
69
|
+
if (useDrawer) {
|
|
70
|
+
return (_jsx(MobileDrawerContext.Provider, { value: true, children: _jsx(Drawer, Object.assign({}, rootProps, { open: open, onOpenChange: onOpenChange, children: children })) }));
|
|
71
|
+
}
|
|
72
|
+
return (_jsx(BaseDialog.Root, Object.assign({}, rootProps, { open: open, onOpenChange: onOpenChange, children: children })));
|
|
73
|
+
};
|
|
74
|
+
const DialogTrigger = withContextVariant(Drawer.Trigger, StyledTrigger);
|
|
75
|
+
const DialogClose = withContextVariant(Drawer.Close, StyledClose);
|
|
76
|
+
const DialogActions = withContextVariant(Drawer.Actions, StyledActions);
|
|
77
|
+
// "Select" stuff - deprecate soon?
|
|
78
|
+
const DialogSelectTrigger = function DialogSelectTrigger(_a) {
|
|
240
79
|
var { children, className } = _a, props = __rest(_a, ["children", "className"]);
|
|
241
|
-
return (_jsxs(
|
|
80
|
+
return (_jsxs(DialogTrigger, Object.assign({ className: clsx(selectTriggerClassName, className) }, props, { children: [_jsx("span", { children: children }), _jsx(Icon, { name: "chevron" })] })));
|
|
242
81
|
};
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
82
|
+
const DialogSelectList = withClassName(BaseRadioGroup, menuCls.itemList);
|
|
83
|
+
const DialogSelectItemRoot = withClassName(BaseRadio.Root, menuCls.item);
|
|
84
|
+
const DialogSelectItem = function DialogSelectItem(_a) {
|
|
246
85
|
var { children } = _a, props = __rest(_a, ["children"]);
|
|
247
86
|
return (_jsxs(DialogSelectItemRoot, Object.assign({}, props, { children: [_jsx("span", { className: menuCls.itemText, children: children }), _jsx(BaseRadio.Indicator, { className: menuCls.itemIndicator, children: _jsx(Icon, { name: "check" }) })] })));
|
|
248
87
|
};
|
|
249
88
|
export const Dialog = Object.assign(DialogRoot, {
|
|
250
89
|
Trigger: DialogTrigger,
|
|
251
|
-
Content,
|
|
252
|
-
Title:
|
|
253
|
-
Description:
|
|
90
|
+
Content: DialogContent,
|
|
91
|
+
Title: DialogTitle,
|
|
92
|
+
Description: DialogDescription,
|
|
254
93
|
Close: DialogClose,
|
|
255
94
|
Actions: DialogActions,
|
|
256
95
|
SelectTrigger: DialogSelectTrigger,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -24,10 +24,9 @@
|
|
|
24
24
|
align-items: stretch;
|
|
25
25
|
overflow: clip;
|
|
26
26
|
transition: all var(--m-dur) var(--m-ease);
|
|
27
|
-
--shadow-dir: 1;
|
|
28
27
|
@apply --mx-shadow;
|
|
29
|
-
--mx-shadow-value: 0
|
|
30
|
-
var(--m-shadow-lg-
|
|
28
|
+
--mx-shadow-value: 0 var(--m-shadow-lg-y) var(--m-shadow-lg-blur)
|
|
29
|
+
var(--m-shadow-lg-spread) var(--m-shadow-lg-color);
|
|
31
30
|
@apply --mx-bg(var(--m-surface-ambient-bg));
|
|
32
31
|
@apply --mx-borderColor(var(--m-gray-heavy));
|
|
33
32
|
|
|
@@ -46,55 +45,14 @@
|
|
|
46
45
|
transform: translate3d(-50%, -45%, 0) scale(0.95);
|
|
47
46
|
}
|
|
48
47
|
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
height: min-content;
|
|
58
|
-
width: 100vw;
|
|
59
|
-
border-radius: var(--m-surface-rd) var(--m-surface-rd) 0 0;
|
|
60
|
-
border-bottom-width: 0;
|
|
61
|
-
transform: translate(0, 0);
|
|
62
|
-
padding-bottom: env(safe-area-inset-bottom);
|
|
63
|
-
padding-top: var(--m-sp-lg);
|
|
64
|
-
|
|
65
|
-
&[data-starting-style],
|
|
66
|
-
&[data-ending-style] {
|
|
67
|
-
opacity: 0;
|
|
68
|
-
transform: translate3d(0, 100%, 0) scale(0.98);
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
&[data-width='lg'] {
|
|
72
|
-
max-width: 800px;
|
|
73
|
-
}
|
|
74
|
-
&[data-width='md'] {
|
|
75
|
-
max-width: 600px;
|
|
76
|
-
}
|
|
77
|
-
&[data-width='sm'] {
|
|
78
|
-
max-width: 300px;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
&[data-keyboard-behavior='overlay'] {
|
|
82
|
-
bottom: calc(
|
|
83
|
-
var(--mock-virtual-keyboard-height, env(keyboard-inset-height, 0px)) +
|
|
84
|
-
var(--gesture-y, 0px)
|
|
85
|
-
);
|
|
86
|
-
max-height: calc(
|
|
87
|
-
95vh -
|
|
88
|
-
var(--mock-virtual-keyboard-height, env(keyboard-inset-height, 0px))
|
|
89
|
-
);
|
|
90
|
-
}
|
|
91
|
-
&[data-keyboard-behavior='displace'] {
|
|
92
|
-
bottom: calc(
|
|
93
|
-
var(--viewport-bottom-offset, 0px) + var(--gesture-y, 0px)
|
|
94
|
-
);
|
|
95
|
-
max-height: calc(0.85 * var(--viewport-height, 100vh));
|
|
96
|
-
}
|
|
97
|
-
}
|
|
48
|
+
&[data-width='lg'] {
|
|
49
|
+
max-width: 800px;
|
|
50
|
+
}
|
|
51
|
+
&[data-width='md'] {
|
|
52
|
+
max-width: 600px;
|
|
53
|
+
}
|
|
54
|
+
&[data-width='sm'] {
|
|
55
|
+
max-width: 300px;
|
|
98
56
|
}
|
|
99
57
|
}
|
|
100
58
|
|
|
@@ -110,42 +68,12 @@
|
|
|
110
68
|
padding: var(--m-surface-p);
|
|
111
69
|
}
|
|
112
70
|
|
|
113
|
-
.swipeHandle {
|
|
114
|
-
display: block;
|
|
115
|
-
position: absolute;
|
|
116
|
-
top: 0;
|
|
117
|
-
left: 50%;
|
|
118
|
-
transform: translateX(-50%) scale(1);
|
|
119
|
-
width: 20%;
|
|
120
|
-
cursor: grab;
|
|
121
|
-
will-change: transform;
|
|
122
|
-
touch-action: none;
|
|
123
|
-
padding-block: var(--m-sp-sm);
|
|
124
|
-
z-index: 1;
|
|
125
|
-
|
|
126
|
-
@media (min-width: 600px) {
|
|
127
|
-
display: none;
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
.swipeHandleBar {
|
|
131
|
-
height: 4px;
|
|
132
|
-
width: 100%;
|
|
133
|
-
@apply --mx-bg(var(--m-gray));
|
|
134
|
-
border-radius: var(--m-rd-lg);
|
|
135
|
-
}
|
|
136
|
-
|
|
137
71
|
.close {
|
|
138
72
|
position: absolute;
|
|
139
73
|
right: var(--m-sp-sm);
|
|
140
74
|
top: var(--m-sp-sm);
|
|
141
75
|
z-index: 101;
|
|
142
76
|
display: flex;
|
|
143
|
-
|
|
144
|
-
&[data-show-on-mobile='false'] {
|
|
145
|
-
@media (max-width: 600px) {
|
|
146
|
-
display: none;
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
77
|
}
|
|
150
78
|
|
|
151
79
|
.title {
|