trepur_components 1.0.5 → 1.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/lib/components/Accordion/Accordion.js +2 -3
- package/dist/src/lib/components/Accordion/Accordion.js.map +1 -1
- package/dist/src/lib/components/AlertBar/{index.d.ts → AlertBar.d.ts} +1 -1
- package/dist/src/lib/components/AlertBar/{index.js → AlertBar.js} +12 -12
- package/dist/src/lib/components/AlertBar/AlertBar.js.map +1 -0
- package/dist/src/lib/components/AlertBar/style.module.css +65 -0
- package/dist/src/lib/components/AlertBar/style.module.css.map +1 -0
- package/dist/src/lib/components/Breadcrumbs/{index.d.ts → Breadcrumbs.d.ts} +0 -0
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.js +21 -0
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.js.map +1 -0
- package/dist/src/lib/components/Breadcrumbs/style.module.css +53 -0
- package/dist/src/lib/components/Breadcrumbs/style.module.css.map +1 -0
- package/dist/src/lib/components/BreadcrumbsBordered/{index.d.ts → BreadcrumbsBordered.d.ts} +1 -1
- package/dist/src/lib/components/BreadcrumbsBordered/{index.js → BreadcrumbsBordered.js} +5 -4
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.js.map +1 -0
- package/dist/src/lib/components/BreadcrumbsBordered/style.module.css +17 -0
- package/dist/src/lib/components/BreadcrumbsBordered/style.module.css.map +1 -0
- package/dist/src/lib/components/BreadcrumbsItem/{index.d.ts → BreadcrumbsItem.d.ts} +0 -0
- package/dist/src/lib/components/BreadcrumbsItem/{index.js → BreadcrumbsItem.js} +11 -16
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.js.map +1 -0
- package/dist/src/lib/components/BreadcrumbsItem/style.module.css +48 -0
- package/dist/src/lib/components/BreadcrumbsItem/style.module.css.map +1 -0
- package/dist/src/lib/components/Button/{index.d.ts → Button.d.ts} +0 -0
- package/dist/src/lib/components/Button/{index.js → Button.js} +17 -16
- package/dist/src/lib/components/Button/Button.js.map +1 -0
- package/dist/src/lib/components/Button/style.module.css +127 -0
- package/dist/src/lib/components/Button/style.module.css.map +1 -0
- package/dist/src/lib/components/Card/{index.d.ts → Card.d.ts} +2 -2
- package/dist/src/lib/components/Card/{index.js → Card.js} +31 -31
- package/dist/src/lib/components/Card/Card.js.map +1 -0
- package/dist/src/lib/components/Card/style.module.css +184 -0
- package/dist/src/lib/components/Card/style.module.css.map +1 -0
- package/dist/src/lib/components/CardWithTopImage/{index.d.ts → CardWithTopImage.d.ts} +1 -1
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.js +13 -0
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.js.map +1 -0
- package/dist/src/lib/components/CardWithTopImage/style.module.css +36 -0
- package/dist/src/lib/components/CardWithTopImage/style.module.css.map +1 -0
- package/dist/src/lib/components/Carousel/{index.d.ts → Carousel.d.ts} +1 -0
- package/dist/src/lib/components/Carousel/{index.js → Carousel.js} +12 -11
- package/dist/src/lib/components/Carousel/Carousel.js.map +1 -0
- package/dist/src/lib/components/Carousel/style.module.css +59 -0
- package/dist/src/lib/components/Carousel/style.module.css.map +1 -0
- package/dist/src/lib/components/Collapsible/{index.d.ts → Collapsible.d.ts} +1 -1
- package/dist/src/lib/components/Collapsible/{index.js → Collapsible.js} +16 -15
- package/dist/src/lib/components/Collapsible/Collapsible.js.map +1 -0
- package/dist/src/lib/components/Collapsible/style.module.css +122 -0
- package/dist/src/lib/components/Collapsible/style.module.css.map +1 -0
- package/dist/src/lib/components/Column/{index.d.ts → Column.d.ts} +0 -0
- package/dist/src/lib/components/Column/Column.js +84 -0
- package/dist/src/lib/components/Column/Column.js.map +1 -0
- package/dist/src/lib/components/Column/style.module.css +244 -0
- package/dist/src/lib/components/Column/style.module.css.map +1 -0
- package/dist/src/lib/components/Container/{index.d.ts → Container.d.ts} +0 -0
- package/dist/src/lib/components/Container/{index.js → Container.js} +3 -2
- package/dist/src/lib/components/Container/Container.js.map +1 -0
- package/dist/src/lib/components/Container/style.module.css +5 -0
- package/dist/src/lib/components/Container/style.module.css.map +1 -0
- package/dist/src/lib/components/{FooterBar/index.d.ts → Footer/Footer.d.ts} +3 -3
- package/dist/src/lib/components/Footer/Footer.js +14 -0
- package/dist/src/lib/components/Footer/Footer.js.map +1 -0
- package/dist/src/lib/components/Footer/style.module.css +89 -0
- package/dist/src/lib/components/Footer/style.module.css.map +1 -0
- package/dist/src/lib/components/Form/{index.d.ts → Form.d.ts} +3 -4
- package/dist/src/lib/components/Form/{index.js → Form.js} +6 -5
- package/dist/src/lib/components/Form/Form.js.map +1 -0
- package/dist/src/lib/components/Form/style.module.css +4 -0
- package/dist/src/lib/components/Form/style.module.css.map +1 -0
- package/dist/src/lib/components/FyreCard/{index.d.ts → FyreCard.d.ts} +1 -1
- package/dist/src/lib/components/FyreCard/{index.js → FyreCard.js} +8 -7
- package/dist/src/lib/components/FyreCard/FyreCard.js.map +1 -0
- package/dist/src/lib/components/FyreCard/style.module.css +37 -0
- package/dist/src/lib/components/FyreCard/style.module.css.map +1 -0
- package/dist/src/lib/components/Greeting/{index.d.ts → Greeting.d.ts} +0 -0
- package/dist/src/lib/components/Greeting/{index.js → Greeting.js} +2 -4
- package/dist/src/lib/components/Greeting/Greeting.js.map +1 -0
- package/dist/src/lib/components/HamburgerIcon/{index.d.ts → HamburgerIcon.d.ts} +0 -1
- package/dist/src/lib/components/HamburgerIcon/{index.js → HamburgerIcon.js} +13 -10
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.js.map +1 -0
- package/dist/src/lib/components/HamburgerIcon/style.module.css +90 -0
- package/dist/src/lib/components/HamburgerIcon/style.module.css.map +1 -0
- package/dist/src/lib/components/Icon/{index.d.ts → Icon.d.ts} +0 -0
- package/dist/src/lib/components/Icon/Icon.js +37 -0
- package/dist/src/lib/components/Icon/Icon.js.map +1 -0
- package/dist/src/lib/components/Icon/style.module.css +219 -0
- package/dist/src/lib/components/Icon/style.module.css.map +1 -0
- package/dist/src/lib/components/Image/{index.d.ts → Image.d.ts} +0 -0
- package/dist/src/lib/components/Image/{index.js → Image.js} +10 -10
- package/dist/src/lib/components/Image/Image.js.map +1 -0
- package/dist/src/lib/components/Image/style.module.css +70 -0
- package/dist/src/lib/components/Image/style.module.css.map +1 -0
- package/dist/src/lib/components/ImageLink/{index.d.ts → ImageLink.d.ts} +1 -1
- package/dist/src/lib/components/ImageLink/ImageLink.js +19 -0
- package/dist/src/lib/components/ImageLink/ImageLink.js.map +1 -0
- package/dist/src/lib/components/ImageLink/style.module.css +111 -0
- package/dist/src/lib/components/ImageLink/style.module.css.map +1 -0
- package/dist/src/lib/components/ImageLinkList/{index.d.ts → ImageLinkList.d.ts} +1 -1
- package/dist/src/lib/components/ImageLinkList/{index.js → ImageLinkList.js} +5 -4
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.js.map +1 -0
- package/dist/src/lib/components/ImageLinkList/style.module.css +14 -0
- package/dist/src/lib/components/ImageLinkList/style.module.css.map +1 -0
- package/dist/src/lib/components/InformationIcon/{index.d.ts → InformationIcon.d.ts} +1 -1
- package/dist/src/lib/components/InformationIcon/{index.js → InformationIcon.js} +7 -7
- package/dist/src/lib/components/InformationIcon/InformationIcon.js.map +1 -0
- package/dist/src/lib/components/InformationIcon/style.module.css +90 -0
- package/dist/src/lib/components/InformationIcon/style.module.css.map +1 -0
- package/dist/src/lib/components/Input/{index.d.ts → Input.d.ts} +0 -0
- package/dist/src/lib/components/Input/{index.js → Input.js} +9 -8
- package/dist/src/lib/components/Input/Input.js.map +1 -0
- package/dist/src/lib/components/Input/style.module.css +88 -0
- package/dist/src/lib/components/Input/style.module.css.map +1 -0
- package/dist/src/lib/components/Jumbotron/{index.d.ts → Jumbotron.d.ts} +0 -0
- package/dist/src/lib/components/Jumbotron/{index.js → Jumbotron.js} +3 -2
- package/dist/src/lib/components/Jumbotron/Jumbotron.js.map +1 -0
- package/dist/src/lib/components/Jumbotron/style.module.css +5 -0
- package/dist/src/lib/components/Jumbotron/style.module.css.map +1 -0
- package/dist/src/lib/components/Nav/{index.d.ts → Nav.d.ts} +1 -1
- package/dist/src/lib/components/Nav/Nav.js +62 -0
- package/dist/src/lib/components/Nav/Nav.js.map +1 -0
- package/dist/src/lib/components/Nav/style.module.css +299 -0
- package/dist/src/lib/components/Nav/style.module.css.map +1 -0
- package/dist/src/lib/components/NavItem/{index.d.ts → NavItem.d.ts} +0 -0
- package/dist/src/lib/components/NavItem/NavItem.js +22 -0
- package/dist/src/lib/components/NavItem/NavItem.js.map +1 -0
- package/dist/src/lib/components/NavItem/style.module.css +133 -0
- package/dist/src/lib/components/NavItem/style.module.css.map +1 -0
- package/dist/src/lib/components/NewsCard/{index.d.ts → NewsCard.d.ts} +2 -2
- package/dist/src/lib/components/NewsCard/{index.js → NewsCard.js} +9 -8
- package/dist/src/lib/components/NewsCard/NewsCard.js.map +1 -0
- package/dist/src/lib/components/NewsCard/style.module.css +34 -0
- package/dist/src/lib/components/NewsCard/style.module.css.map +1 -0
- package/dist/src/lib/components/Profile/{index.d.ts → Profile.d.ts} +1 -1
- package/dist/src/lib/components/Profile/Profile.js +36 -0
- package/dist/src/lib/components/Profile/Profile.js.map +1 -0
- package/dist/src/lib/components/Profile/style.module.css +110 -0
- package/dist/src/lib/components/Profile/style.module.css.map +1 -0
- package/dist/src/lib/components/Row/{index.d.ts → Row.d.ts} +0 -0
- package/dist/src/lib/components/Row/{index.js → Row.js} +3 -2
- package/dist/src/lib/components/Row/Row.js.map +1 -0
- package/dist/src/lib/components/Row/style.module.css +5 -0
- package/dist/src/lib/components/Row/style.module.css.map +1 -0
- package/dist/src/lib/components/Search/{index.d.ts → Search.d.ts} +1 -1
- package/dist/src/lib/components/Search/{index.js → Search.js} +11 -10
- package/dist/src/lib/components/Search/Search.js.map +1 -0
- package/dist/src/lib/components/Search/style.module.css +48 -0
- package/dist/src/lib/components/Search/style.module.css.map +1 -0
- package/dist/src/lib/components/SocialBlock/{index.d.ts → SocialBlock.d.ts} +1 -1
- package/dist/src/lib/components/SocialBlock/{index.js → SocialBlock.js} +14 -15
- package/dist/src/lib/components/SocialBlock/SocialBlock.js.map +1 -0
- package/dist/src/lib/components/SocialBlock/style.module.css +88 -0
- package/dist/src/lib/components/SocialBlock/style.module.css.map +1 -0
- package/dist/src/lib/components/StarRating/{index.d.ts → StarRating.d.ts} +0 -0
- package/dist/src/lib/components/StarRating/{index.js → StarRating.js} +6 -5
- package/dist/src/lib/components/StarRating/StarRating.js.map +1 -0
- package/dist/src/lib/components/StarRating/style.module.css +10 -0
- package/dist/src/lib/components/StarRating/style.module.css.map +1 -0
- package/dist/src/lib/components/Testimonial/{index.d.ts → Testimonial.d.ts} +1 -1
- package/dist/src/lib/components/Testimonial/{index.js → Testimonial.js} +7 -6
- package/dist/src/lib/components/Testimonial/Testimonial.js.map +1 -0
- package/dist/src/lib/components/Testimonial/style.module.css +38 -0
- package/dist/src/lib/components/Testimonial/style.module.css.map +1 -0
- package/dist/src/lib/components/TextAndTitle/{index.d.ts → TextAndTitle.d.ts} +1 -1
- package/dist/src/lib/components/TextAndTitle/{index.js → TextAndTitle.js} +20 -19
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.js.map +1 -0
- package/dist/src/lib/components/TextAndTitle/style.module.css +106 -0
- package/dist/src/lib/components/TextAndTitle/style.module.css.map +1 -0
- package/dist/src/lib/components/TextArea/{index.d.ts → TextArea.d.ts} +0 -0
- package/dist/src/lib/components/TextArea/{index.js → TextArea.js} +8 -7
- package/dist/src/lib/components/TextArea/TextArea.js.map +1 -0
- package/dist/src/lib/components/TextArea/style.module.css +73 -0
- package/dist/src/lib/components/TextArea/style.module.css.map +1 -0
- package/dist/src/lib/components/Timeline/{index.d.ts → Timeline.d.ts} +0 -0
- package/dist/src/lib/components/Timeline/Timeline.js +127 -0
- package/dist/src/lib/components/Timeline/Timeline.js.map +1 -0
- package/dist/src/lib/components/Timeline/style.module.css +249 -0
- package/dist/src/lib/components/Timeline/style.module.css.map +1 -0
- package/dist/src/lib/components/Tubestops/{index.d.ts → Tubestops.d.ts} +0 -1
- package/dist/src/lib/components/Tubestops/Tubestops.js +38 -0
- package/dist/src/lib/components/Tubestops/Tubestops.js.map +1 -0
- package/dist/src/lib/components/Tubestops/style.module.css +952 -0
- package/dist/src/lib/components/Tubestops/style.module.css.map +1 -0
- package/dist/src/lib/components/UserIcon/{index.d.ts → UserIcon.d.ts} +1 -1
- package/dist/src/lib/components/UserIcon/{index.js → UserIcon.js} +8 -7
- package/dist/src/lib/components/UserIcon/UserIcon.js.map +1 -0
- package/dist/src/lib/components/UserIcon/style.module.css +42 -0
- package/dist/src/lib/components/UserIcon/style.module.css.map +1 -0
- package/dist/src/lib/components/Video/{index.d.ts → Video.d.ts} +0 -0
- package/dist/src/lib/components/Video/{index.js → Video.js} +1 -1
- package/dist/src/lib/components/Video/{index.js.map → Video.js.map} +1 -1
- package/dist/src/lib/index.d.ts +38 -38
- package/dist/src/lib/index.js +39 -41
- package/dist/src/lib/index.js.map +1 -1
- package/package.json +2 -6
- package/dist/src/lib/components/Accordion/style.module.css +0 -4
- package/dist/src/lib/components/Accordion/style.module.css.map +0 -1
- package/dist/src/lib/components/AlertBar/index.js.map +0 -1
- package/dist/src/lib/components/Breadcrumbs/index.js +0 -20
- package/dist/src/lib/components/Breadcrumbs/index.js.map +0 -1
- package/dist/src/lib/components/BreadcrumbsBordered/index.js.map +0 -1
- package/dist/src/lib/components/BreadcrumbsItem/index.js.map +0 -1
- package/dist/src/lib/components/Button/index.js.map +0 -1
- package/dist/src/lib/components/Card/index.js.map +0 -1
- package/dist/src/lib/components/CardWithTopImage/index.js +0 -15
- package/dist/src/lib/components/CardWithTopImage/index.js.map +0 -1
- package/dist/src/lib/components/Carousel/index.js.map +0 -1
- package/dist/src/lib/components/ChevronCard/index.d.ts +0 -7
- package/dist/src/lib/components/ChevronCard/index.js +0 -20
- package/dist/src/lib/components/ChevronCard/index.js.map +0 -1
- package/dist/src/lib/components/Collapsible/index.js.map +0 -1
- package/dist/src/lib/components/Column/index.js +0 -83
- package/dist/src/lib/components/Column/index.js.map +0 -1
- package/dist/src/lib/components/Container/index.js.map +0 -1
- package/dist/src/lib/components/FooterBar/index.js +0 -15
- package/dist/src/lib/components/FooterBar/index.js.map +0 -1
- package/dist/src/lib/components/Form/index.js.map +0 -1
- package/dist/src/lib/components/FyreCard/index.js.map +0 -1
- package/dist/src/lib/components/Greeting/index.js.map +0 -1
- package/dist/src/lib/components/HamburgerIcon/index.js.map +0 -1
- package/dist/src/lib/components/Icon/index.js +0 -56
- package/dist/src/lib/components/Icon/index.js.map +0 -1
- package/dist/src/lib/components/Image/index.js.map +0 -1
- package/dist/src/lib/components/ImageLink/index.js +0 -18
- package/dist/src/lib/components/ImageLink/index.js.map +0 -1
- package/dist/src/lib/components/ImageLinkList/index.js.map +0 -1
- package/dist/src/lib/components/InformationIcon/index.js.map +0 -1
- package/dist/src/lib/components/Input/index.js.map +0 -1
- package/dist/src/lib/components/Jumbotron/index.js.map +0 -1
- package/dist/src/lib/components/Nav/index.js +0 -65
- package/dist/src/lib/components/Nav/index.js.map +0 -1
- package/dist/src/lib/components/NavItem/index.js +0 -24
- package/dist/src/lib/components/NavItem/index.js.map +0 -1
- package/dist/src/lib/components/NewsCard/index.js.map +0 -1
- package/dist/src/lib/components/Profile/index.js +0 -36
- package/dist/src/lib/components/Profile/index.js.map +0 -1
- package/dist/src/lib/components/Row/index.js.map +0 -1
- package/dist/src/lib/components/Search/index.js.map +0 -1
- package/dist/src/lib/components/SocialBlock/index.js.map +0 -1
- package/dist/src/lib/components/StarRating/index.js.map +0 -1
- package/dist/src/lib/components/Testimonial/index.js.map +0 -1
- package/dist/src/lib/components/TextAndTitle/index.js.map +0 -1
- package/dist/src/lib/components/TextArea/index.js.map +0 -1
- package/dist/src/lib/components/Timeline/index.css +0 -135
- package/dist/src/lib/components/Timeline/index.css.map +0 -1
- package/dist/src/lib/components/Timeline/index.js +0 -208
- package/dist/src/lib/components/Timeline/index.js.map +0 -1
- package/dist/src/lib/components/Tubestops/index.css +0 -97
- package/dist/src/lib/components/Tubestops/index.css.map +0 -1
- package/dist/src/lib/components/Tubestops/index.js +0 -44
- package/dist/src/lib/components/Tubestops/index.js.map +0 -1
- package/dist/src/lib/components/UserIcon/index.js.map +0 -1
|
@@ -1,208 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
import Image from '../Image';
|
|
4
|
-
import Column from '../Column';
|
|
5
|
-
import Row from '../Row';
|
|
6
|
-
const Timeline = ({ id, className, isHorizontal = false, items, reverse = false, textCenter, useImages = true, horizontalComponentClasses, isSm = false }) => {
|
|
7
|
-
const classList = classNames(className, 'w-full list-none overflow-x-auto pb-4');
|
|
8
|
-
const ulClasses = classNames({
|
|
9
|
-
'flex-row none-reverse justify-between': !reverse && isHorizontal,
|
|
10
|
-
'flex-col none-reverse': !reverse && !isHorizontal,
|
|
11
|
-
'flex-row reverse justify-between': reverse && isHorizontal,
|
|
12
|
-
'flex-col reverse': reverse && !isHorizontal
|
|
13
|
-
}, className, 'timeline status-flow relative list-none pl-0 flex');
|
|
14
|
-
const liClasses = classNames({
|
|
15
|
-
'text-center': textCenter,
|
|
16
|
-
'items-center flex-col justify-between': !reverse && isHorizontal,
|
|
17
|
-
'flex-row none-reverse': !reverse && !isHorizontal,
|
|
18
|
-
'items-center flex-col-reverse': reverse && isHorizontal,
|
|
19
|
-
'flex-row-reverse': reverse && !isHorizontal
|
|
20
|
-
}, 'status-flow-item relative flex flex-auto flex-row leading-tight');
|
|
21
|
-
const circle = classNames({
|
|
22
|
-
'horizontal collapse': isHorizontal && isSm,
|
|
23
|
-
horizontal: isHorizontal && !isSm,
|
|
24
|
-
vertical: !isHorizontal
|
|
25
|
-
}, 'w-4 h-4 my-16 text-center mx-auto rounded-full border bg-black');
|
|
26
|
-
const circleVerticalBefore = {
|
|
27
|
-
position: 'absolute',
|
|
28
|
-
display: 'block',
|
|
29
|
-
borderLeft: '1px solid',
|
|
30
|
-
borderColor: 'text-primary',
|
|
31
|
-
content: '""',
|
|
32
|
-
height: '50%',
|
|
33
|
-
top: '0%',
|
|
34
|
-
left: '49.9%',
|
|
35
|
-
zIndex: '-1'
|
|
36
|
-
};
|
|
37
|
-
const circleVerticalCollapseBefore = {
|
|
38
|
-
position: 'absolute',
|
|
39
|
-
display: 'block',
|
|
40
|
-
borderLeft: '1px solid',
|
|
41
|
-
borderColor: 'text-primary',
|
|
42
|
-
content: '""',
|
|
43
|
-
height: '50%',
|
|
44
|
-
top: '0%',
|
|
45
|
-
left: '8.2%',
|
|
46
|
-
zIndex: '-1'
|
|
47
|
-
};
|
|
48
|
-
const lastCircleVerticalBefore = {
|
|
49
|
-
position: 'absolute',
|
|
50
|
-
display: 'block',
|
|
51
|
-
borderLeft: '1px solid',
|
|
52
|
-
borderColor: 'text-primary',
|
|
53
|
-
content: '""',
|
|
54
|
-
height: '50%',
|
|
55
|
-
top: '0%',
|
|
56
|
-
left: '49.9%',
|
|
57
|
-
zIndex: '-1'
|
|
58
|
-
};
|
|
59
|
-
const lastCircleVerticalCollapseBefore = {
|
|
60
|
-
position: 'absolute',
|
|
61
|
-
display: 'block',
|
|
62
|
-
borderLeft: '1px solid',
|
|
63
|
-
borderColor: 'text-primary',
|
|
64
|
-
content: '""',
|
|
65
|
-
height: '50%',
|
|
66
|
-
top: '0%',
|
|
67
|
-
left: '8.2%',
|
|
68
|
-
zIndex: '-1'
|
|
69
|
-
};
|
|
70
|
-
const circleVerticalAfter = {
|
|
71
|
-
position: 'absolute',
|
|
72
|
-
display: 'block',
|
|
73
|
-
borderLeft: '1px solid',
|
|
74
|
-
borderColor: 'text-primary',
|
|
75
|
-
content: '""',
|
|
76
|
-
height: '50%',
|
|
77
|
-
bottom: '0%',
|
|
78
|
-
left: '49.9%',
|
|
79
|
-
zIndex: '-1'
|
|
80
|
-
};
|
|
81
|
-
const firstCircleVerticalAfter = {
|
|
82
|
-
position: 'absolute',
|
|
83
|
-
display: 'block',
|
|
84
|
-
borderLeft: '1px solid',
|
|
85
|
-
borderColor: 'text-primary',
|
|
86
|
-
content: '""',
|
|
87
|
-
height: '50%',
|
|
88
|
-
bottom: '0%',
|
|
89
|
-
left: '49.9%',
|
|
90
|
-
zIndex: '-1'
|
|
91
|
-
};
|
|
92
|
-
const circleVerticalCollapseAfter = {
|
|
93
|
-
position: 'absolute',
|
|
94
|
-
display: 'block',
|
|
95
|
-
borderLeft: '1px solid',
|
|
96
|
-
borderColor: 'text-primary',
|
|
97
|
-
content: '""',
|
|
98
|
-
height: '50%',
|
|
99
|
-
bottom: '0%',
|
|
100
|
-
left: '8.2%',
|
|
101
|
-
zIndex: '-1'
|
|
102
|
-
};
|
|
103
|
-
const firstCircleVerticalCollapseAfter = {
|
|
104
|
-
position: 'absolute',
|
|
105
|
-
display: 'block',
|
|
106
|
-
borderLeft: '1px solid',
|
|
107
|
-
borderColor: 'text-primary',
|
|
108
|
-
content: '""',
|
|
109
|
-
height: '50%',
|
|
110
|
-
bottom: '0%',
|
|
111
|
-
left: '8.2%',
|
|
112
|
-
zIndex: '-1'
|
|
113
|
-
};
|
|
114
|
-
return (React.createElement(Column, { sm: 12, md: 12, lg: 12, xl: 12, id: id, className: classList },
|
|
115
|
-
React.createElement("div", { className: ulClasses }, items === null || items === void 0 ? void 0 : items.map((item, i) => {
|
|
116
|
-
let before;
|
|
117
|
-
if (i % 2 === 0) {
|
|
118
|
-
before = true;
|
|
119
|
-
}
|
|
120
|
-
else {
|
|
121
|
-
before = false;
|
|
122
|
-
}
|
|
123
|
-
let circlePos;
|
|
124
|
-
if (items.length - 1 > 0) {
|
|
125
|
-
if (i === 0)
|
|
126
|
-
circlePos = 'first-circle';
|
|
127
|
-
else if (i === items.length - 1)
|
|
128
|
-
circlePos = 'last-circle';
|
|
129
|
-
else
|
|
130
|
-
circlePos = 'circle';
|
|
131
|
-
}
|
|
132
|
-
let verticalCircleStylesBefore;
|
|
133
|
-
if (circlePos === 'circle' && isSm) {
|
|
134
|
-
verticalCircleStylesBefore = circleVerticalCollapseBefore;
|
|
135
|
-
}
|
|
136
|
-
else if (circlePos === 'circle' && !isSm) {
|
|
137
|
-
verticalCircleStylesBefore = circleVerticalBefore;
|
|
138
|
-
}
|
|
139
|
-
else if (circlePos === 'last-circle' && isSm) {
|
|
140
|
-
verticalCircleStylesBefore = lastCircleVerticalCollapseBefore;
|
|
141
|
-
}
|
|
142
|
-
else if (circlePos === 'last-circle' && !isSm) {
|
|
143
|
-
verticalCircleStylesBefore = lastCircleVerticalBefore;
|
|
144
|
-
}
|
|
145
|
-
let verticalCircleStylesAfter;
|
|
146
|
-
if (circlePos === 'circle' && isSm) {
|
|
147
|
-
verticalCircleStylesAfter = circleVerticalCollapseAfter;
|
|
148
|
-
}
|
|
149
|
-
else if (circlePos === 'circle' && !isSm) {
|
|
150
|
-
verticalCircleStylesAfter = circleVerticalAfter;
|
|
151
|
-
}
|
|
152
|
-
else if (circlePos === 'first-circle' && isSm) {
|
|
153
|
-
verticalCircleStylesAfter = firstCircleVerticalCollapseAfter;
|
|
154
|
-
}
|
|
155
|
-
else if (circlePos === 'first-circle' && !isSm) {
|
|
156
|
-
verticalCircleStylesAfter = firstCircleVerticalAfter;
|
|
157
|
-
}
|
|
158
|
-
let horizontalCircleStylesBefore;
|
|
159
|
-
// if (circlePos === 'circle' && isSm){
|
|
160
|
-
// horizontalCircleStylesBefore = circleHorizontalCollapseBefore
|
|
161
|
-
// } else if (circlePos === 'circle' && !isSm){
|
|
162
|
-
// horizontalCircleStylesBefore = circleHorizontalBefore
|
|
163
|
-
// } else if (circlePos === 'first-circle' && isSm){
|
|
164
|
-
// horizontalCircleStylesBefore = firstCircleHorizontalCollapseBefore
|
|
165
|
-
// } else if (circlePos === 'first-circle' && !isSm){
|
|
166
|
-
// horizontalCircleStylesBefore = firstCircleHorizontalBefore
|
|
167
|
-
// }
|
|
168
|
-
let horizontalCircleStylesAfter;
|
|
169
|
-
// if (circlePos === 'circle' && isSm){
|
|
170
|
-
// horizontalCircleStylesAfter = circleHorizontalCollapseAfter
|
|
171
|
-
// } else if (circlePos === 'circle' && !isSm){
|
|
172
|
-
// horizontalCircleStylesAfter = circleHorizontalAfter
|
|
173
|
-
// } else if (circlePos === 'first-circle' && isSm){
|
|
174
|
-
// horizontalCircleStylesAfter = firstCircleHorizontalCollapseAfter
|
|
175
|
-
// } else if (circlePos === 'first-circle' && !isSm){
|
|
176
|
-
// horizontalCircleStylesAfter = firstCircleHorizontalAfter
|
|
177
|
-
// }
|
|
178
|
-
const horizonalComponentClassList = classNames(horizontalComponentClasses, 'pt-12');
|
|
179
|
-
if (isHorizontal) {
|
|
180
|
-
return (React.createElement(Column, { key: `horizontal_col_${i + 0}`, id: 'timeline-item', className: `${liClasses} py-4 mb-8` },
|
|
181
|
-
React.createElement(Row, { className: horizontalComponentClasses }, before && item.component),
|
|
182
|
-
React.createElement(Row, null, useImages
|
|
183
|
-
? (React.createElement("div", { id: circlePos, className: isHorizontal ? 'horizontal py-0 my-0' : 'vertical' },
|
|
184
|
-
React.createElement("span", { style: horizontalCircleStylesBefore }),
|
|
185
|
-
React.createElement(Image, Object.assign({}, item.centerImageProps)),
|
|
186
|
-
React.createElement("span", { style: horizontalCircleStylesAfter })))
|
|
187
|
-
: (React.createElement("p", { id: circlePos, className: circle }))),
|
|
188
|
-
React.createElement(Row, { className: horizonalComponentClassList }, !before && item.component)));
|
|
189
|
-
}
|
|
190
|
-
else {
|
|
191
|
-
return (React.createElement(Row, { key: `vertical_row_${i + 0}`, id: 'timeline-item', className: `${liClasses} py-4` },
|
|
192
|
-
!isSm &&
|
|
193
|
-
React.createElement(Column, { sm: 5, md: 5, lg: 5, xl: 5, className: 'text-center my-auto' }, before && item.component),
|
|
194
|
-
React.createElement(Column, { sm: 2, md: 2, lg: 2, xl: 2, id: 'circle-wrapper', className: 'my-auto' }, useImages
|
|
195
|
-
? (React.createElement("div", { id: circlePos, className: isSm ? 'vertical' : 'vertical' },
|
|
196
|
-
React.createElement("span", { style: verticalCircleStylesBefore }),
|
|
197
|
-
React.createElement(Image, Object.assign({}, item.centerImageProps)),
|
|
198
|
-
React.createElement("span", { style: verticalCircleStylesAfter })))
|
|
199
|
-
: (React.createElement("p", { id: circlePos, className: circle }))),
|
|
200
|
-
isSm &&
|
|
201
|
-
React.createElement(Column, { sm: 10, md: 10, lg: 10, xl: 10, className: 'text-center my-auto' }, item.component),
|
|
202
|
-
!isSm &&
|
|
203
|
-
React.createElement(Column, { sm: 5, md: 5, lg: 5, xl: 5, className: 'text-center my-auto' }, !before && item.component)));
|
|
204
|
-
}
|
|
205
|
-
}))));
|
|
206
|
-
};
|
|
207
|
-
export default Timeline;
|
|
208
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Timeline/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
/* Vertical */
|
|
2
|
-
.tubestop.flex-col.none-reverse .status-flow-item:not(:first-child):before {
|
|
3
|
-
|
|
4
|
-
position: absolute;
|
|
5
|
-
|
|
6
|
-
display: block;
|
|
7
|
-
|
|
8
|
-
content: "";
|
|
9
|
-
width: 1px;
|
|
10
|
-
height: 100%;
|
|
11
|
-
left: 7px;
|
|
12
|
-
top: -100%
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.tubestop.flex-col.none-reverse .status-flow-item:not(:last-child):after {
|
|
16
|
-
|
|
17
|
-
position: absolute;
|
|
18
|
-
|
|
19
|
-
display: block;
|
|
20
|
-
|
|
21
|
-
content: "";
|
|
22
|
-
width: 1px;
|
|
23
|
-
height: 100%;
|
|
24
|
-
left: 7px;
|
|
25
|
-
top: 40%
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
/* reverse */
|
|
29
|
-
.tubestop.flex-col.reverse .status-flow-item:not(:first-child):before {
|
|
30
|
-
|
|
31
|
-
position: absolute;
|
|
32
|
-
|
|
33
|
-
display: block;
|
|
34
|
-
|
|
35
|
-
content: "";
|
|
36
|
-
width: 1px;
|
|
37
|
-
height: 100%;
|
|
38
|
-
right: 7px;
|
|
39
|
-
top: -100%
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.tubestop.flex-col.reverse .status-flow-item:not(:last-child):after {
|
|
43
|
-
|
|
44
|
-
position: absolute;
|
|
45
|
-
|
|
46
|
-
display: block;
|
|
47
|
-
|
|
48
|
-
content: "";
|
|
49
|
-
width: 1px;
|
|
50
|
-
height: 100%;
|
|
51
|
-
right: 7px;
|
|
52
|
-
top: 40%
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
/* Horizontal */
|
|
56
|
-
.tubestop.flex-row.none-reverse .status-flow-item:not(:first-child):after {
|
|
57
|
-
|
|
58
|
-
position: absolute;
|
|
59
|
-
|
|
60
|
-
display: block;
|
|
61
|
-
|
|
62
|
-
content: "";
|
|
63
|
-
width: 100%;
|
|
64
|
-
height: 1px;
|
|
65
|
-
left: -50%;
|
|
66
|
-
bottom: 7px
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
.tubestop.flex-row-reverse.none-reverse
|
|
70
|
-
.status-flow-item:not(:first-child):after {
|
|
71
|
-
|
|
72
|
-
position: absolute;
|
|
73
|
-
|
|
74
|
-
display: block;
|
|
75
|
-
|
|
76
|
-
content: "";
|
|
77
|
-
width: 100%;
|
|
78
|
-
height: 1px;
|
|
79
|
-
right: -50%;
|
|
80
|
-
top: 7px
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
/*reverse*/
|
|
84
|
-
.tubestop.flex-row.reverse .status-flow-item:not(:first-child):after {
|
|
85
|
-
left: -50%;
|
|
86
|
-
bottom: 7px;
|
|
87
|
-
position: absolute;
|
|
88
|
-
display: block;
|
|
89
|
-
|
|
90
|
-
content: "";
|
|
91
|
-
width: 100%;
|
|
92
|
-
height: 1px;
|
|
93
|
-
right: -50%;
|
|
94
|
-
top: 7px
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
/*# sourceMappingURL=index.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Tubestops/index.css"],"names":[],"mappings":"AAAA,aAAa;AAEX;;EAAA,kBAAe;;EACf,cAAY;;EAEZ,WAAW;EACX,UAAU;EACV,YAAY;EACZ,SAAS;EACT;AAPe;;AAWf;;EAAA,kBAAe;;EACf,cAAY;;EAEZ,WAAW;EACX,UAAU;EACV,YAAY;EACZ,SAAS;EACT;AAPe;;AAUjB,YAAY;AAEV;;EAAA,kBAAe;;EACf,cAAY;;EAEZ,WAAW;EACX,UAAU;EACV,YAAY;EACZ,UAAU;EACV;AAPe;;AAWf;;EAAA,kBAAe;;EACf,cAAY;;EAEZ,WAAW;EACX,UAAU;EACV,YAAY;EACZ,UAAU;EACV;AAPe;;AAUjB,eAAe;AAEb;;EAAA,kBAAe;;EACf,cAAY;;EAEZ,WAAW;EACX,WAAW;EACX,WAAW;EACX,UAAU;EACV;AAPe;;AAYf;;;EAAA,kBAAe;;EACf,cAAY;;EAEZ,WAAW;EACX,WAAW;EACX,WAAW;EACX,WAAW;EACX;AAPe;;AAUjB,UAAU;AAER;EAMA,UAAU;EACV,WAAW;EAIX,kBAAe;EACf,cAAY;;EAEZ,WAAW;EACX,WAAW;EACX,WAAW;EACX,WAAW;EACX;AAlBe","file":"index.css","sourcesContent":["/* Vertical */\n.tubestop.flex-col.none-reverse .status-flow-item:not(:first-child):before {\n @apply absolute;\n @apply block;\n \n content: \"\";\n width: 1px;\n height: 100%;\n left: 7px;\n top: -100%;\n}\n\n.tubestop.flex-col.none-reverse .status-flow-item:not(:last-child):after {\n @apply absolute;\n @apply block;\n \n content: \"\";\n width: 1px;\n height: 100%;\n left: 7px;\n top: 40%;\n}\n\n/* reverse */\n.tubestop.flex-col.reverse .status-flow-item:not(:first-child):before {\n @apply absolute;\n @apply block;\n\n content: \"\";\n width: 1px;\n height: 100%;\n right: 7px;\n top: -100%;\n}\n\n.tubestop.flex-col.reverse .status-flow-item:not(:last-child):after {\n @apply absolute;\n @apply block;\n\n content: \"\";\n width: 1px;\n height: 100%;\n right: 7px;\n top: 40%;\n}\n\n/* Horizontal */\n.tubestop.flex-row.none-reverse .status-flow-item:not(:first-child):after {\n @apply absolute;\n @apply block;\n\n content: \"\";\n width: 100%;\n height: 1px;\n left: -50%;\n bottom: 7px;\n}\n\n.tubestop.flex-row-reverse.none-reverse\n .status-flow-item:not(:first-child):after {\n @apply absolute;\n @apply block;\n\n content: \"\";\n width: 100%;\n height: 1px;\n right: -50%;\n top: 7px;\n}\n\n/*reverse*/\n.tubestop.flex-row.reverse .status-flow-item:not(:first-child):after {\n @apply absolute;\n @apply block;\n\n content: \"\";\n width: 100%;\n height: 1px;\n left: -50%;\n bottom: 7px;\n}\n\n.tubestop.flex-row.reverse .status-flow-item:not(:first-child):after {\n @apply absolute;\n @apply block;\n\n content: \"\";\n width: 100%;\n height: 1px;\n right: -50%;\n top: 7px;\n}\n"]}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
import './index.css';
|
|
4
|
-
const Tubestops = ({ id, className, isHorizontal = false, items = [], reverse = false, textCenter = false }) => {
|
|
5
|
-
const circle = 'w-4 h-4 rounded-full bg-black z-10';
|
|
6
|
-
const classList = classNames(className, 'w-full list-none');
|
|
7
|
-
const liClasses = classNames({
|
|
8
|
-
'text-center': textCenter,
|
|
9
|
-
'items-center flex-col-reverse justify-between': !reverse && isHorizontal,
|
|
10
|
-
'flex-row none-reverse': !reverse && !isHorizontal,
|
|
11
|
-
'items-center flex-col': reverse && isHorizontal,
|
|
12
|
-
'flex-row-reverse': reverse && !isHorizontal
|
|
13
|
-
}, 'mb-0 status-flow-item relative flex flex-auto flex-row leading-tight');
|
|
14
|
-
const ulClasses = classNames({
|
|
15
|
-
'flex-row none-reverse justify-between': !reverse && isHorizontal,
|
|
16
|
-
'flex-col none-reverse': !reverse && !isHorizontal,
|
|
17
|
-
'flex-row reverse justify-between': reverse && isHorizontal,
|
|
18
|
-
'flex-col reverse': reverse && !isHorizontal
|
|
19
|
-
}, 'tubestop status-flow relative list-none pl-0 flex');
|
|
20
|
-
const padding = classNames({
|
|
21
|
-
'pb-2': !reverse && isHorizontal,
|
|
22
|
-
'pl-4': !reverse && !isHorizontal,
|
|
23
|
-
'pt-2': reverse && isHorizontal,
|
|
24
|
-
'pr-4': reverse && !isHorizontal
|
|
25
|
-
});
|
|
26
|
-
return (React.createElement("div", { id: id, className: classList },
|
|
27
|
-
React.createElement("ul", { className: ulClasses }, items === null || items === void 0 ? void 0 : items.map((item, i) => {
|
|
28
|
-
const a = isHorizontal
|
|
29
|
-
? i === 0
|
|
30
|
-
? ''
|
|
31
|
-
: ''
|
|
32
|
-
: i === 0
|
|
33
|
-
? ''
|
|
34
|
-
: 'my-12';
|
|
35
|
-
return (React.createElement("li", { key: `tubestop_${i + 0}`, className: `${liClasses} ${a}` },
|
|
36
|
-
React.createElement("span", { className: circle }),
|
|
37
|
-
React.createElement("div", { className: padding },
|
|
38
|
-
React.createElement("p", null, `${item === null || item === void 0 ? void 0 : item.title}${i.toString()}`),
|
|
39
|
-
React.createElement("p", null,
|
|
40
|
-
React.createElement("small", null, item === null || item === void 0 ? void 0 : item.subtitle)))));
|
|
41
|
-
}))));
|
|
42
|
-
};
|
|
43
|
-
export default Tubestops;
|
|
44
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Tubestops/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,aAAa,CAAA;AASpB,MAAM,SAAS,GAAoB,CAAC,EAClC,EAAE,EACF,SAAS,EACT,YAAY,GAAG,KAAK,EACpB,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,KAAK,EACnB,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,oCAAoC,CAAA;IACnD,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAA;IAE3D,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,aAAa,EAAE,UAAU;QACzB,+CAA+C,EAAE,CAAC,OAAO,IAAI,YAAY;QACzE,uBAAuB,EAAE,CAAC,OAAO,IAAI,CAAC,YAAY;QAClD,uBAAuB,EAAE,OAAO,IAAI,YAAY;QAChD,kBAAkB,EAAE,OAAO,IAAI,CAAC,YAAY;KAC7C,EAAE,sEAAsE,CAAC,CAAA;IAE1E,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,uCAAuC,EAAE,CAAC,OAAO,IAAI,YAAY;QACjE,uBAAuB,EAAE,CAAC,OAAO,IAAI,CAAC,YAAY;QAClD,kCAAkC,EAAE,OAAO,IAAI,YAAY;QAC3D,kBAAkB,EAAE,OAAO,IAAI,CAAC,YAAY;KAC7C,EAAE,mDAAmD,CAAC,CAAA;IAEvD,MAAM,OAAO,GAAG,UAAU,CAAC;QACzB,MAAM,EAAE,CAAC,OAAO,IAAI,YAAY;QAChC,MAAM,EAAE,CAAC,OAAO,IAAI,CAAC,YAAY;QACjC,MAAM,EAAE,OAAO,IAAI,YAAY;QAC/B,MAAM,EAAE,OAAO,IAAI,CAAC,YAAY;KACjC,CAAC,CAAA;IAEF,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEpB,4BAAI,SAAS,EAAE,SAAS,IACrB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAyC,EAAE,CAAS,EAAE,EAAE;YACnE,MAAM,CAAC,GAAG,YAAY;gBACpB,CAAC,CAAC,CAAC,KAAK,CAAC;oBACP,CAAC,CAAC,EAAE;oBACJ,CAAC,CAAC,EAAE;gBACN,CAAC,CAAC,CAAC,KAAK,CAAC;oBACP,CAAC,CAAC,EAAE;oBACJ,CAAC,CAAC,OAAO,CAAA;YACb,OAAO,CACL,4BACE,GAAG,EAAE,YAAY,CAAC,GAAG,CAAC,EAAE,EACxB,SAAS,EAAE,GAAG,SAAS,IAAI,CAAC,EAAE;gBAE9B,8BAAM,SAAS,EAAE,MAAM,GAAI;gBAC3B,6BAAK,SAAS,EAAE,OAAO;oBACrB,+BAAI,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAK;oBACxC;wBAAG,mCAAQ,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAS,CAAI,CAClC,CACH,CACN,CAAA;QACH,CAAC,CAAC,CACC,CACD,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/UserIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAA8B,MAAM,mBAAmB,CAAA;AAS9D,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,IAAI,EACJ,WAAW,EACX,UAAU,EACJ,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,SAAS,EAAE,SAAS,KAAK,SAAS;KACnC,EAAE,yBAAyB,CAAC,CAAA;IAE7B,UAAU,mCACL,UAAU,KACb,SAAS,EAAE,UAAU,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,EAAE,iCAAiC,CAAC,GAChF,CAAA;IACD,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,oBAAC,KAAK,oBAAK,UAAU,EAAI;QACzB,6BAAK,SAAS,EAAC,mBAAmB;YAChC,2BAAG,SAAS,EAAC,qBAAqB,IAC/B,IAAI,CACH;YACJ,2BAAG,SAAS,EAAC,sBAAsB,IAChC,WAAW,CACV,CACA,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|