@anker-in/headless-ui 0.0.27-alpha.3 → 0.0.27-alpha.30
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/README.md +34 -7
- package/dist/cjs/biz-components/AccordionCards/index.d.ts +31 -0
- package/dist/cjs/biz-components/AccordionCards/index.js +2 -0
- package/dist/cjs/biz-components/AccordionCards/index.js.map +7 -0
- package/dist/cjs/biz-components/BrandEquity/BrandEquity.d.ts +6 -2
- package/dist/cjs/biz-components/BrandEquity/BrandEquity.js +1 -1
- package/dist/cjs/biz-components/BrandEquity/BrandEquity.js.map +3 -3
- package/dist/cjs/biz-components/Category/index.d.ts +14 -6
- package/dist/cjs/biz-components/Category/index.js +1 -1
- package/dist/cjs/biz-components/Category/index.js.map +3 -3
- package/dist/cjs/biz-components/Evaluate/index.d.ts +14 -6
- package/dist/cjs/biz-components/Evaluate/index.js +1 -1
- package/dist/cjs/biz-components/Evaluate/index.js.map +3 -3
- package/dist/cjs/biz-components/Graphic/index.d.ts +20 -0
- package/dist/cjs/biz-components/Graphic/index.js +2 -0
- package/dist/cjs/biz-components/Graphic/index.js.map +7 -0
- package/dist/cjs/biz-components/HeroBanner/HeroBanner.d.ts +5 -3
- package/dist/cjs/biz-components/HeroBanner/HeroBanner.js +1 -1
- package/dist/cjs/biz-components/HeroBanner/HeroBanner.js.map +3 -3
- package/dist/cjs/biz-components/HeroBanner/index.js.map +1 -1
- package/dist/cjs/biz-components/HeroBanner/types.d.ts +24 -22
- package/dist/cjs/biz-components/HeroBanner/types.js +1 -1
- package/dist/cjs/biz-components/HeroBanner/types.js.map +1 -1
- package/dist/cjs/biz-components/Marquee/index.d.ts +15 -5
- package/dist/cjs/biz-components/Marquee/index.js +1 -1
- package/dist/cjs/biz-components/Marquee/index.js.map +3 -3
- package/dist/cjs/biz-components/MediaPlayerBase/index.d.ts +8 -0
- package/dist/cjs/biz-components/MediaPlayerBase/index.js +2 -0
- package/dist/cjs/biz-components/MediaPlayerBase/index.js.map +7 -0
- package/dist/cjs/biz-components/MediaPlayerBase/types.d.ts +12 -0
- package/dist/cjs/biz-components/MediaPlayerBase/types.js +2 -0
- package/dist/cjs/biz-components/MediaPlayerBase/types.js.map +7 -0
- package/dist/cjs/biz-components/MediaPlayerMulti/index.d.ts +8 -0
- package/dist/cjs/biz-components/MediaPlayerMulti/index.js +2 -0
- package/dist/cjs/biz-components/MediaPlayerMulti/index.js.map +7 -0
- package/dist/cjs/biz-components/MediaPlayerMulti/types.d.ts +14 -0
- package/dist/cjs/biz-components/MediaPlayerMulti/types.js +2 -0
- package/dist/cjs/biz-components/MediaPlayerMulti/types.js.map +7 -0
- package/dist/cjs/biz-components/MemberEquity/index.d.ts +3 -1
- package/dist/cjs/biz-components/MemberEquity/index.js +12 -39
- package/dist/cjs/biz-components/MemberEquity/index.js.map +3 -3
- package/dist/cjs/biz-components/MemberEquity/types.d.ts +23 -20
- package/dist/cjs/biz-components/MemberEquity/types.js +1 -1
- package/dist/cjs/biz-components/MemberEquity/types.js.map +1 -1
- package/dist/cjs/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.d.ts +10 -0
- package/dist/cjs/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js +2 -0
- package/dist/cjs/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js.map +7 -0
- package/dist/cjs/biz-components/MultiLayoutGraphicBlock/index.d.ts +1 -0
- package/dist/cjs/biz-components/MultiLayoutGraphicBlock/index.js +2 -0
- package/dist/cjs/biz-components/MultiLayoutGraphicBlock/index.js.map +7 -0
- package/dist/cjs/biz-components/MultiLayoutGraphicBlock/types.d.ts +30 -0
- package/dist/cjs/biz-components/MultiLayoutGraphicBlock/types.js +2 -0
- package/dist/cjs/biz-components/MultiLayoutGraphicBlock/types.js.map +7 -0
- package/dist/cjs/biz-components/SectionHeading/SectionHeading.d.ts +4 -0
- package/dist/cjs/biz-components/SectionHeading/SectionHeading.js +2 -0
- package/dist/cjs/biz-components/SectionHeading/SectionHeading.js.map +7 -0
- package/dist/cjs/biz-components/SectionHeading/index.d.ts +0 -0
- package/dist/cjs/biz-components/SectionHeading/index.js +2 -0
- package/dist/cjs/biz-components/SectionHeading/index.js.map +7 -0
- package/dist/cjs/biz-components/SectionHeading/types.d.ts +6 -0
- package/dist/cjs/biz-components/SectionHeading/types.js +2 -0
- package/dist/cjs/biz-components/SectionHeading/types.js.map +7 -0
- package/dist/cjs/biz-components/Shelf/Shelf.d.ts +3 -1
- package/dist/cjs/biz-components/ShelfDisplay/index.d.ts +31 -19
- package/dist/cjs/biz-components/ShelfDisplay/index.js +9 -9
- package/dist/cjs/biz-components/ShelfDisplay/index.js.map +3 -3
- package/dist/cjs/biz-components/Slogan/index.d.ts +3 -1
- package/dist/cjs/biz-components/Slogan/index.js +1 -1
- package/dist/cjs/biz-components/Slogan/index.js.map +3 -3
- package/dist/cjs/biz-components/Slogan/types.d.ts +10 -12
- package/dist/cjs/biz-components/Slogan/types.js +1 -1
- package/dist/cjs/biz-components/Slogan/types.js.map +1 -1
- package/dist/cjs/biz-components/SwiperBox/index.d.ts +4 -0
- package/dist/cjs/biz-components/SwiperBox/index.js +2 -0
- package/dist/cjs/biz-components/SwiperBox/index.js.map +7 -0
- package/dist/cjs/biz-components/SwiperBox/types.d.ts +14 -0
- package/dist/cjs/biz-components/SwiperBox/types.js +2 -0
- package/dist/cjs/biz-components/SwiperBox/types.js.map +7 -0
- package/dist/cjs/biz-components/Tabs/Tabs.d.ts +9 -0
- package/dist/cjs/biz-components/Tabs/Tabs.js +2 -0
- package/dist/cjs/biz-components/Tabs/Tabs.js.map +7 -0
- package/dist/cjs/biz-components/Tabs/index.d.ts +1 -0
- package/dist/cjs/biz-components/Tabs/index.js +2 -0
- package/dist/cjs/biz-components/Tabs/index.js.map +7 -0
- package/dist/cjs/biz-components/Tabs/types.d.ts +20 -0
- package/dist/cjs/biz-components/Tabs/types.js +2 -0
- package/dist/cjs/biz-components/Tabs/types.js.map +7 -0
- package/dist/cjs/biz-components/Title/index.d.ts +9 -0
- package/dist/cjs/biz-components/Title/index.js +2 -0
- package/dist/cjs/biz-components/Title/index.js.map +7 -0
- package/dist/cjs/biz-components/Title/types.d.ts +22 -0
- package/dist/cjs/biz-components/Title/types.js +2 -0
- package/dist/cjs/biz-components/Title/types.js.map +7 -0
- package/dist/cjs/biz-components/index.d.ts +8 -1
- package/dist/cjs/biz-components/index.js +1 -1
- package/dist/cjs/biz-components/index.js.map +3 -3
- package/dist/cjs/components/alert.d.ts +1 -1
- package/dist/cjs/components/avatar.d.ts +1 -1
- package/dist/cjs/components/badge.d.ts +2 -2
- package/dist/cjs/components/badge.js +1 -1
- package/dist/cjs/components/badge.js.map +2 -2
- package/dist/cjs/components/button.d.ts +2 -3
- package/dist/cjs/components/button.js +1 -1
- package/dist/cjs/components/button.js.map +3 -3
- package/dist/cjs/components/checkbox.d.ts +1 -1
- package/dist/cjs/components/checkbox.js +1 -1
- package/dist/cjs/components/checkbox.js.map +2 -2
- package/dist/cjs/components/color.d.ts +1 -1
- package/dist/cjs/components/container.d.ts +2 -0
- package/dist/cjs/components/container.js +1 -1
- package/dist/cjs/components/container.js.map +3 -3
- package/dist/cjs/components/dialog.js +1 -1
- package/dist/cjs/components/dialog.js.map +2 -2
- package/dist/cjs/components/drawer.js +1 -1
- package/dist/cjs/components/drawer.js.map +2 -2
- package/dist/cjs/components/drop-down.js +1 -1
- package/dist/cjs/components/drop-down.js.map +2 -2
- package/dist/cjs/components/gird.js +1 -1
- package/dist/cjs/components/gird.js.map +2 -2
- package/dist/cjs/components/heading.d.ts +1 -1
- package/dist/cjs/components/heading.js +1 -1
- package/dist/cjs/components/heading.js.map +2 -2
- package/dist/cjs/components/index.d.ts +18 -18
- package/dist/cjs/components/index.js +1 -1
- package/dist/cjs/components/index.js.map +3 -3
- package/dist/cjs/components/input-number.d.ts +2 -2
- package/dist/cjs/components/input.d.ts +1 -1
- package/dist/cjs/components/input.js +1 -1
- package/dist/cjs/components/input.js.map +1 -1
- package/dist/cjs/components/link.d.ts +2 -2
- package/dist/cjs/components/radio.d.ts +1 -1
- package/dist/cjs/components/radio.js +1 -1
- package/dist/cjs/components/radio.js.map +2 -2
- package/dist/cjs/components/skeleton.js +3 -3
- package/dist/cjs/components/skeleton.js.map +1 -1
- package/dist/cjs/components/tabs.d.ts +3 -1
- package/dist/cjs/components/tabs.js +1 -1
- package/dist/cjs/components/tabs.js.map +3 -3
- package/dist/cjs/components/text.d.ts +1 -1
- package/dist/cjs/components/text.js +1 -1
- package/dist/cjs/components/text.js.map +2 -2
- package/dist/cjs/components/theme.d.ts +1 -1
- package/dist/cjs/components/theme.js.map +1 -1
- package/dist/cjs/helpers/utils.js +1 -1
- package/dist/cjs/helpers/utils.js.map +2 -2
- package/dist/cjs/shared/Styles.d.ts +5 -5
- package/dist/cjs/shared/Styles.js +1 -1
- package/dist/cjs/shared/Styles.js.map +3 -3
- package/dist/cjs/stories/HeroBanner.stories.d.ts +3 -1
- package/dist/cjs/stories/HeroBanner.stories.js +2 -2
- package/dist/cjs/stories/HeroBanner.stories.js.map +3 -3
- package/dist/cjs/stories/MemberEquity.stories.d.ts +1 -1
- package/dist/cjs/stories/MemberEquity.stories.js +3 -3
- package/dist/cjs/stories/MemberEquity.stories.js.map +2 -2
- package/dist/cjs/stories/MultiLayoutGraphicBlock.stories.d.ts +8 -0
- package/dist/cjs/stories/MultiLayoutGraphicBlock.stories.js +2 -0
- package/dist/cjs/stories/MultiLayoutGraphicBlock.stories.js.map +7 -0
- package/dist/cjs/stories/accordionCards.stories.d.ts +32 -0
- package/dist/cjs/stories/accordionCards.stories.js +2 -0
- package/dist/cjs/stories/accordionCards.stories.js.map +7 -0
- package/dist/cjs/stories/alert.stories.d.ts +1 -1
- package/dist/cjs/stories/avatar.stories.d.ts +1 -1
- package/dist/cjs/stories/avatar.stories.js.map +1 -1
- package/dist/cjs/stories/badge.stories.d.ts +17 -2
- package/dist/cjs/stories/badge.stories.js +1 -1
- package/dist/cjs/stories/badge.stories.js.map +2 -2
- package/dist/cjs/stories/bizTabs.stories.d.ts +7 -0
- package/dist/cjs/stories/bizTabs.stories.js +2 -0
- package/dist/cjs/stories/bizTabs.stories.js.map +7 -0
- package/dist/cjs/stories/brandEquity.stories.d.ts +3 -1
- package/dist/cjs/stories/brandEquity.stories.js +1 -1
- package/dist/cjs/stories/brandEquity.stories.js.map +2 -2
- package/dist/cjs/stories/button.stories.d.ts +3 -9
- package/dist/cjs/stories/button.stories.js +1 -1
- package/dist/cjs/stories/button.stories.js.map +3 -3
- package/dist/cjs/stories/carousel.stories.d.ts +3 -3
- package/dist/cjs/stories/carousel.stories.js +1 -1
- package/dist/cjs/stories/carousel.stories.js.map +2 -2
- package/dist/cjs/stories/category.stories.d.ts +6 -1
- package/dist/cjs/stories/category.stories.js +1 -1
- package/dist/cjs/stories/category.stories.js.map +2 -2
- package/dist/cjs/stories/checkbox.stories.d.ts +1 -1
- package/dist/cjs/stories/checkbox.stories.js.map +1 -1
- package/dist/cjs/stories/container.stories.d.ts +1 -0
- package/dist/cjs/stories/container.stories.js +2 -2
- package/dist/cjs/stories/container.stories.js.map +2 -2
- package/dist/cjs/stories/dialog.stories.d.ts +1 -1
- package/dist/cjs/stories/dialog.stories.js.map +1 -1
- package/dist/cjs/stories/drawer.stories.js +1 -1
- package/dist/cjs/stories/drawer.stories.js.map +2 -2
- package/dist/cjs/stories/drop-down.stories.js +1 -1
- package/dist/cjs/stories/drop-down.stories.js.map +2 -2
- package/dist/cjs/stories/evaluate.stories.d.ts +6 -1
- package/dist/cjs/stories/evaluate.stories.js +1 -1
- package/dist/cjs/stories/evaluate.stories.js.map +2 -2
- package/dist/cjs/stories/graphic.stories.d.ts +54 -0
- package/dist/cjs/stories/graphic.stories.js +2 -0
- package/dist/cjs/stories/graphic.stories.js.map +7 -0
- package/dist/cjs/stories/grid.stories.d.ts +3 -3
- package/dist/cjs/stories/grid.stories.js.map +2 -2
- package/dist/cjs/stories/heading.stories.d.ts +1 -1
- package/dist/cjs/stories/heading.stories.js +1 -1
- package/dist/cjs/stories/heading.stories.js.map +2 -2
- package/dist/cjs/stories/input-number.stories.d.ts +1 -1
- package/dist/cjs/stories/link.stories.d.ts +1 -1
- package/dist/cjs/stories/marquee.stories.d.ts +7 -2
- package/dist/cjs/stories/marquee.stories.js +1 -1
- package/dist/cjs/stories/marquee.stories.js.map +3 -3
- package/dist/cjs/stories/mediaplayerBase.stories.d.ts +6 -0
- package/dist/cjs/stories/mediaplayerBase.stories.js +2 -0
- package/dist/cjs/stories/mediaplayerBase.stories.js.map +7 -0
- package/dist/cjs/stories/mediaplayerMulti.stories.d.ts +18 -0
- package/dist/cjs/stories/mediaplayerMulti.stories.js +2 -0
- package/dist/cjs/stories/mediaplayerMulti.stories.js.map +7 -0
- package/dist/cjs/stories/popover.stories.js.map +1 -1
- package/dist/cjs/stories/radio.stories.d.ts +2 -2
- package/dist/cjs/stories/radio.stories.js.map +1 -1
- package/dist/cjs/stories/shelf.stories.d.ts +3 -1
- package/dist/cjs/stories/shelfDisplay.stories.d.ts +6 -1
- package/dist/cjs/stories/shelfDisplay.stories.js +1 -1
- package/dist/cjs/stories/shelfDisplay.stories.js.map +2 -2
- package/dist/cjs/stories/skeleton.stories.js +1 -1
- package/dist/cjs/stories/skeleton.stories.js.map +2 -2
- package/dist/cjs/stories/slogan.stories.d.ts +3 -1
- package/dist/cjs/stories/slogan.stories.js +1 -1
- package/dist/cjs/stories/slogan.stories.js.map +2 -2
- package/dist/cjs/stories/tabs.stories.d.ts +20 -5
- package/dist/cjs/stories/tabs.stories.js +1 -1
- package/dist/cjs/stories/tabs.stories.js.map +2 -2
- package/dist/cjs/stories/text.stories.d.ts +1 -1
- package/dist/cjs/stories/text.stories.js.map +2 -2
- package/dist/cjs/types/props.d.ts +12 -0
- package/dist/cjs/types/props.js +1 -1
- package/dist/cjs/types/props.js.map +1 -1
- package/dist/esm/biz-components/AccordionCards/index.d.ts +31 -0
- package/dist/esm/biz-components/AccordionCards/index.js +2 -0
- package/dist/esm/biz-components/AccordionCards/index.js.map +7 -0
- package/dist/esm/biz-components/BrandEquity/BrandEquity.d.ts +6 -2
- package/dist/esm/biz-components/BrandEquity/BrandEquity.js +1 -1
- package/dist/esm/biz-components/BrandEquity/BrandEquity.js.map +3 -3
- package/dist/esm/biz-components/Category/index.d.ts +14 -6
- package/dist/esm/biz-components/Category/index.js +1 -1
- package/dist/esm/biz-components/Category/index.js.map +3 -3
- package/dist/esm/biz-components/Evaluate/index.d.ts +14 -6
- package/dist/esm/biz-components/Evaluate/index.js +1 -1
- package/dist/esm/biz-components/Evaluate/index.js.map +3 -3
- package/dist/esm/biz-components/Graphic/index.d.ts +20 -0
- package/dist/esm/biz-components/Graphic/index.js +2 -0
- package/dist/esm/biz-components/Graphic/index.js.map +7 -0
- package/dist/esm/biz-components/HeroBanner/HeroBanner.d.ts +5 -3
- package/dist/esm/biz-components/HeroBanner/HeroBanner.js +1 -1
- package/dist/esm/biz-components/HeroBanner/HeroBanner.js.map +3 -3
- package/dist/esm/biz-components/HeroBanner/index.js.map +1 -1
- package/dist/esm/biz-components/HeroBanner/types.d.ts +24 -22
- package/dist/esm/biz-components/Marquee/index.d.ts +15 -5
- package/dist/esm/biz-components/Marquee/index.js +1 -1
- package/dist/esm/biz-components/Marquee/index.js.map +3 -3
- package/dist/esm/biz-components/MediaPlayerBase/index.d.ts +8 -0
- package/dist/esm/biz-components/MediaPlayerBase/index.js +2 -0
- package/dist/esm/biz-components/MediaPlayerBase/index.js.map +7 -0
- package/dist/esm/biz-components/MediaPlayerBase/types.d.ts +12 -0
- package/dist/esm/biz-components/MediaPlayerBase/types.js +1 -0
- package/dist/esm/biz-components/MediaPlayerBase/types.js.map +7 -0
- package/dist/esm/biz-components/MediaPlayerMulti/index.d.ts +8 -0
- package/dist/esm/biz-components/MediaPlayerMulti/index.js +2 -0
- package/dist/esm/biz-components/MediaPlayerMulti/index.js.map +7 -0
- package/dist/esm/biz-components/MediaPlayerMulti/types.d.ts +14 -0
- package/dist/esm/biz-components/MediaPlayerMulti/types.js +1 -0
- package/dist/esm/biz-components/MediaPlayerMulti/types.js.map +7 -0
- package/dist/esm/biz-components/MemberEquity/index.d.ts +3 -1
- package/dist/esm/biz-components/MemberEquity/index.js +12 -39
- package/dist/esm/biz-components/MemberEquity/index.js.map +3 -3
- package/dist/esm/biz-components/MemberEquity/types.d.ts +23 -20
- package/dist/esm/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.d.ts +10 -0
- package/dist/esm/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js +2 -0
- package/dist/esm/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.js.map +7 -0
- package/dist/esm/biz-components/MultiLayoutGraphicBlock/index.d.ts +1 -0
- package/dist/esm/biz-components/MultiLayoutGraphicBlock/index.js +2 -0
- package/dist/esm/biz-components/MultiLayoutGraphicBlock/index.js.map +7 -0
- package/dist/esm/biz-components/MultiLayoutGraphicBlock/types.d.ts +30 -0
- package/dist/esm/biz-components/MultiLayoutGraphicBlock/types.js +1 -0
- package/dist/esm/biz-components/MultiLayoutGraphicBlock/types.js.map +7 -0
- package/dist/esm/biz-components/SectionHeading/SectionHeading.d.ts +4 -0
- package/dist/esm/biz-components/SectionHeading/SectionHeading.js +2 -0
- package/dist/esm/biz-components/SectionHeading/SectionHeading.js.map +7 -0
- package/dist/esm/biz-components/SectionHeading/index.d.ts +0 -0
- package/dist/esm/biz-components/SectionHeading/index.js +2 -0
- package/dist/esm/biz-components/SectionHeading/index.js.map +7 -0
- package/dist/esm/biz-components/SectionHeading/types.d.ts +6 -0
- package/dist/esm/biz-components/SectionHeading/types.js +2 -0
- package/dist/esm/biz-components/SectionHeading/types.js.map +7 -0
- package/dist/esm/biz-components/Shelf/Shelf.d.ts +3 -1
- package/dist/esm/biz-components/ShelfDisplay/index.d.ts +31 -19
- package/dist/esm/biz-components/ShelfDisplay/index.js +9 -9
- package/dist/esm/biz-components/ShelfDisplay/index.js.map +3 -3
- package/dist/esm/biz-components/Slogan/index.d.ts +3 -1
- package/dist/esm/biz-components/Slogan/index.js +1 -1
- package/dist/esm/biz-components/Slogan/index.js.map +3 -3
- package/dist/esm/biz-components/Slogan/types.d.ts +10 -12
- package/dist/esm/biz-components/SwiperBox/index.d.ts +4 -0
- package/dist/esm/biz-components/SwiperBox/index.js +2 -0
- package/dist/esm/biz-components/SwiperBox/index.js.map +7 -0
- package/dist/esm/biz-components/SwiperBox/types.d.ts +14 -0
- package/dist/esm/biz-components/SwiperBox/types.js +2 -0
- package/dist/esm/biz-components/SwiperBox/types.js.map +7 -0
- package/dist/esm/biz-components/Tabs/Tabs.d.ts +9 -0
- package/dist/esm/biz-components/Tabs/Tabs.js +2 -0
- package/dist/esm/biz-components/Tabs/Tabs.js.map +7 -0
- package/dist/esm/biz-components/Tabs/index.d.ts +1 -0
- package/dist/esm/biz-components/Tabs/index.js +2 -0
- package/dist/esm/biz-components/Tabs/index.js.map +7 -0
- package/dist/esm/biz-components/Tabs/types.d.ts +20 -0
- package/dist/esm/biz-components/Tabs/types.js +1 -0
- package/dist/esm/biz-components/Tabs/types.js.map +7 -0
- package/dist/esm/biz-components/Title/index.d.ts +9 -0
- package/dist/esm/biz-components/Title/index.js +2 -0
- package/dist/esm/biz-components/Title/index.js.map +7 -0
- package/dist/esm/biz-components/Title/types.d.ts +22 -0
- package/dist/esm/biz-components/Title/types.js +1 -0
- package/dist/esm/biz-components/Title/types.js.map +7 -0
- package/dist/esm/biz-components/index.d.ts +8 -1
- package/dist/esm/biz-components/index.js +1 -1
- package/dist/esm/biz-components/index.js.map +3 -3
- package/dist/esm/components/alert.d.ts +1 -1
- package/dist/esm/components/avatar.d.ts +1 -1
- package/dist/esm/components/badge.d.ts +2 -2
- package/dist/esm/components/badge.js +1 -1
- package/dist/esm/components/badge.js.map +2 -2
- package/dist/esm/components/button.d.ts +2 -3
- package/dist/esm/components/button.js +1 -1
- package/dist/esm/components/button.js.map +3 -3
- package/dist/esm/components/checkbox.d.ts +1 -1
- package/dist/esm/components/checkbox.js +1 -1
- package/dist/esm/components/checkbox.js.map +2 -2
- package/dist/esm/components/color.d.ts +1 -1
- package/dist/esm/components/container.d.ts +2 -0
- package/dist/esm/components/container.js +1 -1
- package/dist/esm/components/container.js.map +3 -3
- package/dist/esm/components/dialog.js +1 -1
- package/dist/esm/components/dialog.js.map +2 -2
- package/dist/esm/components/drawer.js +1 -1
- package/dist/esm/components/drawer.js.map +2 -2
- package/dist/esm/components/drop-down.js +1 -1
- package/dist/esm/components/drop-down.js.map +2 -2
- package/dist/esm/components/gird.js +1 -1
- package/dist/esm/components/gird.js.map +2 -2
- package/dist/esm/components/heading.d.ts +1 -1
- package/dist/esm/components/heading.js +1 -1
- package/dist/esm/components/heading.js.map +2 -2
- package/dist/esm/components/index.d.ts +18 -18
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/index.js.map +3 -3
- package/dist/esm/components/input-number.d.ts +2 -2
- package/dist/esm/components/input.d.ts +1 -1
- package/dist/esm/components/input.js +1 -1
- package/dist/esm/components/input.js.map +1 -1
- package/dist/esm/components/link.d.ts +2 -2
- package/dist/esm/components/radio.d.ts +1 -1
- package/dist/esm/components/radio.js +1 -1
- package/dist/esm/components/radio.js.map +2 -2
- package/dist/esm/components/skeleton.js +3 -3
- package/dist/esm/components/skeleton.js.map +1 -1
- package/dist/esm/components/tabs.d.ts +3 -1
- package/dist/esm/components/tabs.js +1 -1
- package/dist/esm/components/tabs.js.map +3 -3
- package/dist/esm/components/text.d.ts +1 -1
- package/dist/esm/components/text.js +1 -1
- package/dist/esm/components/text.js.map +2 -2
- package/dist/esm/components/theme.d.ts +1 -1
- package/dist/esm/components/theme.js.map +1 -1
- package/dist/esm/helpers/utils.js +1 -1
- package/dist/esm/helpers/utils.js.map +2 -2
- package/dist/esm/shared/Styles.d.ts +5 -5
- package/dist/esm/shared/Styles.js +1 -1
- package/dist/esm/shared/Styles.js.map +3 -3
- package/dist/esm/stories/HeroBanner.stories.d.ts +3 -1
- package/dist/esm/stories/HeroBanner.stories.js +2 -2
- package/dist/esm/stories/HeroBanner.stories.js.map +3 -3
- package/dist/esm/stories/MemberEquity.stories.d.ts +1 -1
- package/dist/esm/stories/MemberEquity.stories.js +3 -3
- package/dist/esm/stories/MemberEquity.stories.js.map +2 -2
- package/dist/esm/stories/MultiLayoutGraphicBlock.stories.d.ts +8 -0
- package/dist/esm/stories/MultiLayoutGraphicBlock.stories.js +2 -0
- package/dist/esm/stories/MultiLayoutGraphicBlock.stories.js.map +7 -0
- package/dist/esm/stories/accordionCards.stories.d.ts +32 -0
- package/dist/esm/stories/accordionCards.stories.js +2 -0
- package/dist/esm/stories/accordionCards.stories.js.map +7 -0
- package/dist/esm/stories/alert.stories.d.ts +1 -1
- package/dist/esm/stories/avatar.stories.d.ts +1 -1
- package/dist/esm/stories/avatar.stories.js.map +1 -1
- package/dist/esm/stories/badge.stories.d.ts +17 -2
- package/dist/esm/stories/badge.stories.js +1 -1
- package/dist/esm/stories/badge.stories.js.map +3 -3
- package/dist/esm/stories/bizTabs.stories.d.ts +7 -0
- package/dist/esm/stories/bizTabs.stories.js +2 -0
- package/dist/esm/stories/bizTabs.stories.js.map +7 -0
- package/dist/esm/stories/brandEquity.stories.d.ts +3 -1
- package/dist/esm/stories/brandEquity.stories.js +1 -1
- package/dist/esm/stories/brandEquity.stories.js.map +2 -2
- package/dist/esm/stories/button.stories.d.ts +3 -9
- package/dist/esm/stories/button.stories.js +1 -1
- package/dist/esm/stories/button.stories.js.map +3 -3
- package/dist/esm/stories/carousel.stories.d.ts +3 -3
- package/dist/esm/stories/carousel.stories.js +1 -1
- package/dist/esm/stories/carousel.stories.js.map +2 -2
- package/dist/esm/stories/category.stories.d.ts +6 -1
- package/dist/esm/stories/category.stories.js +1 -1
- package/dist/esm/stories/category.stories.js.map +2 -2
- package/dist/esm/stories/checkbox.stories.d.ts +1 -1
- package/dist/esm/stories/checkbox.stories.js.map +1 -1
- package/dist/esm/stories/container.stories.d.ts +1 -0
- package/dist/esm/stories/container.stories.js +1 -1
- package/dist/esm/stories/container.stories.js.map +2 -2
- package/dist/esm/stories/dialog.stories.d.ts +1 -1
- package/dist/esm/stories/dialog.stories.js.map +1 -1
- package/dist/esm/stories/drawer.stories.js +1 -1
- package/dist/esm/stories/drawer.stories.js.map +3 -3
- package/dist/esm/stories/drop-down.stories.js +1 -1
- package/dist/esm/stories/drop-down.stories.js.map +2 -2
- package/dist/esm/stories/evaluate.stories.d.ts +6 -1
- package/dist/esm/stories/evaluate.stories.js +1 -1
- package/dist/esm/stories/evaluate.stories.js.map +2 -2
- package/dist/esm/stories/graphic.stories.d.ts +54 -0
- package/dist/esm/stories/graphic.stories.js +2 -0
- package/dist/esm/stories/graphic.stories.js.map +7 -0
- package/dist/esm/stories/grid.stories.d.ts +3 -3
- package/dist/esm/stories/grid.stories.js.map +2 -2
- package/dist/esm/stories/heading.stories.d.ts +1 -1
- package/dist/esm/stories/heading.stories.js +1 -1
- package/dist/esm/stories/heading.stories.js.map +2 -2
- package/dist/esm/stories/input-number.stories.d.ts +1 -1
- package/dist/esm/stories/link.stories.d.ts +1 -1
- package/dist/esm/stories/marquee.stories.d.ts +7 -2
- package/dist/esm/stories/marquee.stories.js +1 -1
- package/dist/esm/stories/marquee.stories.js.map +2 -2
- package/dist/esm/stories/mediaplayerBase.stories.d.ts +6 -0
- package/dist/esm/stories/mediaplayerBase.stories.js +2 -0
- package/dist/esm/stories/mediaplayerBase.stories.js.map +7 -0
- package/dist/esm/stories/mediaplayerMulti.stories.d.ts +18 -0
- package/dist/esm/stories/mediaplayerMulti.stories.js +2 -0
- package/dist/esm/stories/mediaplayerMulti.stories.js.map +7 -0
- package/dist/esm/stories/popover.stories.js.map +1 -1
- package/dist/esm/stories/radio.stories.d.ts +2 -2
- package/dist/esm/stories/radio.stories.js.map +1 -1
- package/dist/esm/stories/shelf.stories.d.ts +3 -1
- package/dist/esm/stories/shelfDisplay.stories.d.ts +6 -1
- package/dist/esm/stories/shelfDisplay.stories.js +1 -1
- package/dist/esm/stories/shelfDisplay.stories.js.map +2 -2
- package/dist/esm/stories/skeleton.stories.js +1 -1
- package/dist/esm/stories/skeleton.stories.js.map +2 -2
- package/dist/esm/stories/slogan.stories.d.ts +3 -1
- package/dist/esm/stories/slogan.stories.js +2 -2
- package/dist/esm/stories/slogan.stories.js.map +2 -2
- package/dist/esm/stories/tabs.stories.d.ts +20 -5
- package/dist/esm/stories/tabs.stories.js +1 -1
- package/dist/esm/stories/tabs.stories.js.map +3 -3
- package/dist/esm/stories/text.stories.d.ts +1 -1
- package/dist/esm/stories/text.stories.js.map +2 -2
- package/dist/esm/types/props.d.ts +12 -0
- package/dist/tokens/anker.css +22 -0
- package/dist/tokens/base.css +166 -0
- package/dist/tokens/eufy.css +13 -0
- package/dist/tokens/eufyMake.css +10 -0
- package/dist/tokens/solix.css +10 -0
- package/dist/tokens/soundcore.css +14 -0
- package/package.json +22 -5
- package/style.css +288 -97
- package/tailwind.config.ts +225 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var o=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var a=(r,t,s,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of p(t))!m.call(r,e)&&e!==s&&o(r,e,{get:()=>t[e],enumerable:!(n=i(t,e))||n.enumerable});return r};var u=r=>a(o({},"__esModule",{value:!0}),r);var c={};module.exports=u(c);
|
|
2
2
|
//# sourceMappingURL=types.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/biz-components/HeroBanner/types.ts"],
|
|
4
|
-
"sourcesContent": ["import type { ButtonProps } from
|
|
4
|
+
"sourcesContent": ["import type { ButtonProps } from '../../components/button.js'\nimport type { Theme } from '../../types/props.js'\n\nexport interface HeroBannerProps {\n data: {\n /** \u4E3B\u6807\u9898 */\n title: string\n /** \u526F\u6807\u9898/\u63CF\u8FF0\u6587\u672C */\n subtitle: string\n /** \u80CC\u666F\u56FE\u7247URL */\n background: string\n /** \u4E3B\u6309\u94AE\u6587\u672C\u548C\u914D\u7F6E */\n primaryButton?: {\n text: string\n } & Omit<ButtonProps, 'children'>\n /** \u6B21\u8981\u6309\u94AE\u6587\u672C\u548C\u914D\u7F6E */\n secondaryButton?: {\n text: string\n } & Omit<ButtonProps, 'children'>\n\n /** \u4E3B\u9898 */\n theme?: Theme\n /** \u5E95\u90E8\u4EA7\u54C1\u5217\u8868 */\n products?: Array<{\n title: string\n }>\n }\n /** \u81EA\u5B9A\u4E49\u7C7B\u540D */\n className?: string\n}\n"],
|
|
5
5
|
"mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
|
|
6
6
|
"names": ["types_exports", "__toCommonJS"]
|
|
7
7
|
}
|
|
@@ -1,23 +1,33 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type MarqueeProps as FastMarqueeProps } from 'react-fast-marquee';
|
|
3
|
-
declare const Marquee: React.ForwardRefExoticComponent<Omit<FastMarqueeProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
4
3
|
interface MarqueeListProps {
|
|
5
4
|
children?: React.ReactNode;
|
|
6
5
|
className?: string;
|
|
7
6
|
}
|
|
8
7
|
declare const MarqueeList: React.ForwardRefExoticComponent<MarqueeListProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
8
|
interface MarqueeImageContentProps {
|
|
10
|
-
|
|
9
|
+
data: {
|
|
10
|
+
image: string;
|
|
11
|
+
};
|
|
11
12
|
className?: string;
|
|
12
13
|
}
|
|
13
14
|
declare const MarqueeImageContent: {
|
|
14
|
-
({ image, className }: MarqueeImageContentProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
({ data: { image }, className }: MarqueeImageContentProps): import("react/jsx-runtime").JSX.Element;
|
|
15
16
|
displayName: string;
|
|
16
17
|
};
|
|
17
18
|
interface MarqueeTextContentProps {
|
|
18
|
-
|
|
19
|
+
data: {
|
|
20
|
+
text: string;
|
|
21
|
+
};
|
|
19
22
|
className?: string;
|
|
20
23
|
}
|
|
21
24
|
declare const MarqueeTextContent: React.ForwardRefExoticComponent<MarqueeTextContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
-
|
|
25
|
+
declare const _default: {
|
|
26
|
+
(props: Omit<FastMarqueeProps, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps> & {
|
|
27
|
+
className?: string;
|
|
28
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
displayName: string;
|
|
30
|
+
};
|
|
31
|
+
export default _default;
|
|
32
|
+
export { MarqueeList, MarqueeImageContent, MarqueeTextContent };
|
|
23
33
|
export type { FastMarqueeProps, MarqueeListProps, MarqueeImageContentProps, MarqueeTextContentProps };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var g=Object.create;var n=Object.defineProperty;var
|
|
1
|
+
"use strict";"use client";var g=Object.create;var n=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var C=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var T=(e,t)=>{for(var a in t)n(e,a,{get:t[a],enumerable:!0})},M=(e,t,a,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of N(t))!y.call(e,r)&&r!==a&&n(e,r,{get:()=>t[r],enumerable:!(o=P(t,r))||o.enumerable});return e};var q=(e,t,a)=>(a=e!=null?g(C(e)):{},M(t||!e||!e.__esModule?n(a,"default",{value:e,enumerable:!0}):a,e)),L=e=>M(n({},"__esModule",{value:!0}),e);var w={};T(w,{MarqueeImageContent:()=>c,MarqueeList:()=>u,MarqueeTextContent:()=>l,default:()=>v});module.exports=L(w);var s=require("react/jsx-runtime"),m=q(require("react")),d=q(require("react-fast-marquee")),F=require("react-fast-marquee"),i=require("../../components/index.js"),p=require("../../helpers/utils.js"),x=require("../../shared/Styles.js");const f=({children:e,...t})=>(0,s.jsx)(d.default,{...t,children:e});f.displayName="Marquee";const u=m.default.forwardRef(({className:e,children:t,...a},o)=>(0,s.jsx)("div",{className:(0,p.cn)("laptop:gap-16 flex items-center gap-6",e),ref:o,children:t}));u.displayName="MarqueeList";const c=({data:{image:e},className:t})=>(0,s.jsx)(i.Picture,{source:e,className:(0,p.cn)("laptop:h-[80px] laptop:w-[120px] h-[48px] w-[72px]",t),imgClassName:"object-cover"});c.displayName="MarqueeImageContent";const l=m.default.forwardRef(({data:{text:e},className:t},a)=>(0,s.jsx)(i.Text,{as:"div",ref:a,html:e,className:(0,p.cn)("text-lines-2 flex size-14 items-center justify-center text-nowrap font-medium leading-[1.2]",t)}));l.displayName="MarqueeTextContent";var v=(0,x.withStyles)(f);
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/biz-components/Marquee/index.tsx"],
|
|
4
|
-
"sourcesContent": ["
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": ["Marquee_exports", "__export", "
|
|
4
|
+
"sourcesContent": ["'use client'\nimport React from 'react'\nimport FastMarquee from 'react-fast-marquee'\nimport { type MarqueeProps as FastMarqueeProps } from 'react-fast-marquee'\nimport { Picture, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport { withStyles } from '../../shared/Styles.js'\n\nconst Marquee = ({ children, ...props }: FastMarqueeProps) => {\n return <FastMarquee {...props}>{children}</FastMarquee>\n}\nMarquee.displayName = 'Marquee'\n\ninterface MarqueeListProps {\n children?: React.ReactNode\n className?: string\n}\n\nconst MarqueeList = React.forwardRef<HTMLDivElement, MarqueeListProps>(({ className, children, ...props }, ref) => {\n return (\n <div className={cn('laptop:gap-16 flex items-center gap-6', className)} ref={ref}>\n {children}\n </div>\n )\n})\n\nMarqueeList.displayName = 'MarqueeList'\n\ninterface MarqueeImageContentProps {\n data: {\n image: string\n }\n className?: string\n}\n\nconst MarqueeImageContent = ({ data: { image }, className }: MarqueeImageContentProps) => {\n return (\n <Picture\n source={image}\n className={cn('laptop:h-[80px] laptop:w-[120px] h-[48px] w-[72px]', className)}\n imgClassName=\"object-cover\"\n />\n )\n}\n\nMarqueeImageContent.displayName = 'MarqueeImageContent'\n\ninterface MarqueeTextContentProps {\n data: {\n text: string\n }\n className?: string\n}\n\nconst MarqueeTextContent = React.forwardRef<HTMLDivElement, MarqueeTextContentProps>(\n ({ data: { text }, className }, ref) => {\n return (\n <Text\n as=\"div\"\n ref={ref}\n html={text}\n className={cn(\n 'text-lines-2 flex size-14 items-center justify-center text-nowrap font-medium leading-[1.2]',\n className\n )}\n />\n )\n }\n)\n\nMarqueeTextContent.displayName = 'MarqueeTextContent'\n\nexport default withStyles(Marquee)\nexport { MarqueeList, MarqueeImageContent, MarqueeTextContent }\nexport type { FastMarqueeProps, MarqueeListProps, MarqueeImageContentProps, MarqueeTextContentProps }\n"],
|
|
5
|
+
"mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,EAAA,gBAAAC,EAAA,uBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAN,GASS,IAAAO,EAAA,6BARTC,EAAkB,oBAClBC,EAAwB,iCACxBA,EAAsD,8BACtDC,EAA8B,qCAC9BC,EAAmB,kCACnBC,EAA2B,kCAE3B,MAAMC,EAAU,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAM,OAC7B,OAAC,EAAAC,QAAA,CAAa,GAAGD,EAAQ,SAAAD,EAAS,EAE3CD,EAAQ,YAAc,UAOtB,MAAMV,EAAc,EAAAc,QAAM,WAA6C,CAAC,CAAE,UAAAC,EAAW,SAAAJ,EAAU,GAAGC,CAAM,EAAGI,OAEvG,OAAC,OAAI,aAAW,MAAG,wCAAyCD,CAAS,EAAG,IAAKC,EAC1E,SAAAL,EACH,CAEH,EAEDX,EAAY,YAAc,cAS1B,MAAMD,EAAsB,CAAC,CAAE,KAAM,CAAE,MAAAkB,CAAM,EAAG,UAAAF,CAAU,OAEtD,OAAC,WACC,OAAQE,EACR,aAAW,MAAG,qDAAsDF,CAAS,EAC7E,aAAa,eACf,EAIJhB,EAAoB,YAAc,sBASlC,MAAME,EAAqB,EAAAa,QAAM,WAC/B,CAAC,CAAE,KAAM,CAAE,KAAAI,CAAK,EAAG,UAAAH,CAAU,EAAGC,OAE5B,OAAC,QACC,GAAG,MACH,IAAKA,EACL,KAAME,EACN,aAAW,MACT,8FACAH,CACF,EACF,CAGN,EAEAd,EAAmB,YAAc,qBAEjC,IAAOC,KAAQ,cAAWQ,CAAO",
|
|
6
|
+
"names": ["Marquee_exports", "__export", "MarqueeImageContent", "MarqueeList", "MarqueeTextContent", "Marquee_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_react_fast_marquee", "import_components", "import_utils", "import_Styles", "Marquee", "children", "props", "FastMarquee", "React", "className", "ref", "image", "text"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { MediaPlayerBaseProps } from './types.js';
|
|
2
|
+
declare const _default: {
|
|
3
|
+
(props: Omit<MediaPlayerBaseProps, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps> & {
|
|
4
|
+
className?: string;
|
|
5
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
displayName: string;
|
|
7
|
+
};
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";"use client";var N=Object.create;var i=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var z=Object.getOwnPropertyNames;var M=Object.getPrototypeOf,B=Object.prototype.hasOwnProperty;var L=(e,t)=>{for(var a in t)i(e,a,{get:t[a],enumerable:!0})},f=(e,t,a,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of z(t))!B.call(e,l)&&l!==a&&i(e,l,{get:()=>t[l],enumerable:!(o=P(t,l))||o.enumerable});return e};var y=(e,t,a)=>(a=e!=null?N(M(e)):{},f(t||!e||!e.__esModule?i(a,"default",{value:e,enumerable:!0}):a,e)),R=e=>f(i({},"__esModule",{value:!0}),e);var C={};L(C,{default:()=>j});module.exports=R(C);var s=require("react/jsx-runtime"),n=require("react"),d=require("../../helpers/utils.js"),v=require("../../shared/Styles.js"),g=y(require("../../components/picture.js")),b=y(require("../../components/button.js")),p=require("@payloadcms/richtext-lexical/html");const _=({className:e="",data:{title:t,videoTitle:a,btnText:o,img:l,video:h,theme:x,shape:w}})=>{const[c,u]=(0,n.useState)(!1),r=(0,n.useRef)(null),m=typeof t=="string"?t:t&&(0,p.convertLexicalToHTML)({data:t}),k=typeof a=="string"?a:a&&(0,p.convertLexicalToHTML)({data:a});return(0,s.jsxs)("div",{className:(0,d.cn)(" relative w-full",e,{"aiui-dark":x==="dark","rounded-box":w==="rounded"}),children:[(0,s.jsxs)("div",{className:"media-content absolute left-1/2 top-1/2 z-20 flex -translate-x-1/2 -translate-y-1/2 flex-col items-center gap-5",children:[(0,s.jsx)("div",{className:"lg-desktop:text-[64px] text-center text-[40px] font-bold text-white lg:text-5xl",dangerouslySetInnerHTML:{__html:!c&&m?m:k||""}}),!c&&o&&(0,s.jsx)(b.default,{variant:"secondary",className:(0,d.cn)("member-equity-button-secondary"),onClick:()=>{c?(r.current&&r.current.pause(),u(!1)):(r.current&&r.current.play(),u(!0))},children:o})]}),(0,s.jsxs)("div",{className:"media-cover lg-desktop:aspect-w-[1920] lg-desktop:aspect-h-[930] lg:aspect-w-[1440] lg:aspect-h-[700] desktop:aspect-w-[1024] desktop:aspect-h-[520] tablet:aspect-w-[768] tablet:aspect-h-[660] aspect-w-[390] aspect-h-[660] relative overflow-hidden",children:[(0,s.jsx)("video",{ref:r,className:"size-full object-cover",src:h?.url,autoPlay:!0,muted:!0,loop:!0}),!c&&(0,s.jsx)(g.default,{className:"z-1 absolute left-0 top-0 size-full object-cover",source:l?.url,alt:l?.alt,imgClassName:"w-full h-full object-cover"}),(0,s.jsx)("div",{className:"absolute left-0 top-0 z-10 size-full",style:{background:"linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #1D1D1F 100%)"}})]})]})};var j=(0,v.withStyles)(_);
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/biz-components/MediaPlayerBase/index.tsx"],
|
|
4
|
+
"sourcesContent": ["'use client'\nimport React, { useState, useRef } from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport Picture from '../../components/picture.js'\nimport Button from '../../components/button.js'\nimport { convertLexicalToHTML } from '@payloadcms/richtext-lexical/html'\nimport type { MediaPlayerBaseProps } from './types.js'\n\nconst MediaPlayerBase: React.FC<MediaPlayerBaseProps> = ({\n className = '',\n data: { title, videoTitle, btnText, img, video, theme, shape },\n}) => {\n const [isPlaying, setIsPlaying] = useState(false)\n const videoRef = useRef<HTMLVideoElement>(null)\n\n const title_html = typeof title === 'string' ? title : title && convertLexicalToHTML({ data: title })\n const videoTitle_html =\n typeof videoTitle === 'string' ? videoTitle : videoTitle && convertLexicalToHTML({ data: videoTitle })\n\n return (\n <div\n className={cn(' relative w-full', className, {\n 'aiui-dark': theme === 'dark',\n 'rounded-box': shape === 'rounded',\n })}\n >\n <div className=\"media-content absolute left-1/2 top-1/2 z-20 flex -translate-x-1/2 -translate-y-1/2 flex-col items-center gap-5\">\n <div\n className=\"lg-desktop:text-[64px] text-center text-[40px] font-bold text-white lg:text-5xl\"\n dangerouslySetInnerHTML={{ __html: !isPlaying && title_html ? title_html : videoTitle_html || '' }}\n />\n {!isPlaying && btnText && (\n <Button\n variant=\"secondary\"\n className={cn('member-equity-button-secondary')}\n onClick={() => {\n if (isPlaying) {\n if (videoRef.current) {\n videoRef.current.pause()\n }\n setIsPlaying(false)\n } else {\n if (videoRef.current) {\n videoRef.current.play()\n }\n setIsPlaying(true)\n }\n }}\n >\n {btnText}\n </Button>\n )}\n </div>\n <div className=\"media-cover lg-desktop:aspect-w-[1920] lg-desktop:aspect-h-[930] lg:aspect-w-[1440] lg:aspect-h-[700] desktop:aspect-w-[1024] desktop:aspect-h-[520] tablet:aspect-w-[768] tablet:aspect-h-[660] aspect-w-[390] aspect-h-[660] relative overflow-hidden\">\n <video ref={videoRef} className=\"size-full object-cover\" src={video?.url} autoPlay muted loop />\n {!isPlaying && (\n <Picture\n className=\"z-1 absolute left-0 top-0 size-full object-cover\"\n source={img?.url}\n alt={img?.alt}\n imgClassName=\"w-full h-full object-cover\"\n />\n )}\n <div\n className=\"absolute left-0 top-0 z-10 size-full\"\n style={{\n background: 'linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #1D1D1F 100%)',\n }}\n />\n </div>\n </div>\n )\n}\n\nexport default withStyles(MediaPlayerBase)\n"],
|
|
5
|
+
"mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA2BM,IAAAI,EAAA,6BA1BNC,EAAwC,iBACxCC,EAAmB,kCACnBC,EAA2B,kCAC3BC,EAAoB,0CACpBC,EAAmB,yCACnBC,EAAqC,6CAGrC,MAAMC,EAAkD,CAAC,CACvD,UAAAC,EAAY,GACZ,KAAM,CAAE,MAAAC,EAAO,WAAAC,EAAY,QAAAC,EAAS,IAAAC,EAAK,MAAAC,EAAO,MAAAC,EAAO,MAAAC,CAAM,CAC/D,IAAM,CACJ,KAAM,CAACC,EAAWC,CAAY,KAAI,YAAS,EAAK,EAC1CC,KAAW,UAAyB,IAAI,EAExCC,EAAa,OAAOV,GAAU,SAAWA,EAAQA,MAAS,wBAAqB,CAAE,KAAMA,CAAM,CAAC,EAC9FW,EACJ,OAAOV,GAAe,SAAWA,EAAaA,MAAc,wBAAqB,CAAE,KAAMA,CAAW,CAAC,EAEvG,SACE,QAAC,OACC,aAAW,MAAG,mBAAoBF,EAAW,CAC3C,YAAaM,IAAU,OACvB,cAAeC,IAAU,SAC3B,CAAC,EAED,qBAAC,OAAI,UAAU,kHACb,oBAAC,OACC,UAAU,kFACV,wBAAyB,CAAE,OAAQ,CAACC,GAAaG,EAAaA,EAAaC,GAAmB,EAAG,EACnG,EACC,CAACJ,GAAaL,MACb,OAAC,EAAAU,QAAA,CACC,QAAQ,YACR,aAAW,MAAG,gCAAgC,EAC9C,QAAS,IAAM,CACTL,GACEE,EAAS,SACXA,EAAS,QAAQ,MAAM,EAEzBD,EAAa,EAAK,IAEdC,EAAS,SACXA,EAAS,QAAQ,KAAK,EAExBD,EAAa,EAAI,EAErB,EAEC,SAAAN,EACH,GAEJ,KACA,QAAC,OAAI,UAAU,0PACb,oBAAC,SAAM,IAAKO,EAAU,UAAU,yBAAyB,IAAKL,GAAO,IAAK,SAAQ,GAAC,MAAK,GAAC,KAAI,GAAC,EAC7F,CAACG,MACA,OAAC,EAAAM,QAAA,CACC,UAAU,mDACV,OAAQV,GAAK,IACb,IAAKA,GAAK,IACV,aAAa,6BACf,KAEF,OAAC,OACC,UAAU,uCACV,MAAO,CACL,WAAY,+DACd,EACF,GACF,GACF,CAEJ,EAEA,IAAOd,KAAQ,cAAWS,CAAe",
|
|
6
|
+
"names": ["MediaPlayerBase_exports", "__export", "MediaPlayerBase_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_utils", "import_Styles", "import_picture", "import_button", "import_html", "MediaPlayerBase", "className", "title", "videoTitle", "btnText", "img", "video", "theme", "shape", "isPlaying", "setIsPlaying", "videoRef", "title_html", "videoTitle_html", "Button", "Picture"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { ComponentCommonProps, Shape, Theme, Video, Img } from '../../types/props.js';
|
|
2
|
+
export interface MediaPlayerBaseProps extends ComponentCommonProps {
|
|
3
|
+
data: {
|
|
4
|
+
shape?: Shape;
|
|
5
|
+
theme?: Theme;
|
|
6
|
+
title?: string;
|
|
7
|
+
videoTitle?: string;
|
|
8
|
+
btnText?: string;
|
|
9
|
+
img?: Img;
|
|
10
|
+
video?: Video;
|
|
11
|
+
};
|
|
12
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var p=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var r=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var a=(o,e,i,m)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of r(e))!s.call(o,t)&&t!==i&&p(o,t,{get:()=>e[t],enumerable:!(m=n(e,t))||m.enumerable});return o};var d=o=>a(p({},"__esModule",{value:!0}),o);var g={};module.exports=d(g);
|
|
2
|
+
//# sourceMappingURL=types.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/biz-components/MediaPlayerBase/types.ts"],
|
|
4
|
+
"sourcesContent": ["import type { ComponentCommonProps, Shape, Theme, Video, Img } from '../../types/props.js'\n\nexport interface MediaPlayerBaseProps extends ComponentCommonProps {\n data: {\n shape?: Shape\n theme?: Theme\n title?: string\n videoTitle?: string\n btnText?: string\n img?: Img\n video?: Video\n }\n}\n"],
|
|
5
|
+
"mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
|
|
6
|
+
"names": ["types_exports", "__toCommonJS"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { MediaPlayerMultiProps } from './types.js';
|
|
2
|
+
declare const _default: {
|
|
3
|
+
(props: Omit<MediaPlayerMultiProps, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps> & {
|
|
4
|
+
className?: string;
|
|
5
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
displayName: string;
|
|
7
|
+
};
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";"use client";var g=Object.create;var s=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var b=(e,t)=>{for(var i in t)s(e,i,{get:t[i],enumerable:!0})},r=(e,t,i,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of h(t))!w.call(e,a)&&a!==i&&s(e,a,{get:()=>t[a],enumerable:!(o=u(t,a))||o.enumerable});return e};var m=(e,t,i)=>(i=e!=null?g(v(e)):{},r(t||!e||!e.__esModule?s(i,"default",{value:e,enumerable:!0}):i,e)),y=e=>r(s({},"__esModule",{value:!0}),e);var k={};b(k,{default:()=>P});module.exports=y(k);var l=require("react/jsx-runtime"),L=require("react"),p=require("../../helpers/utils.js"),d=require("../../shared/Styles.js"),f=require("../../components/index.js"),c=m(require("../Title/index.js")),n=m(require("../SwiperBox/index.js")),x=require("@payloadcms/richtext-lexical/html");const M=({data:e})=>(0,l.jsxs)("div",{className:(0,p.cn)("tablet:max-w-full w-full max-w-[296px] overflow-hidden","tablet:flex-row flex shrink-0 flex-col ","lg-desktop:h-[480px] desktop:h-[384px] laptop:h-[360px] h-auto"),children:[(0,l.jsxs)("div",{className:"tablet:w-[49%] relative w-full flex-none",children:[(0,l.jsx)(f.Picture,{source:e.img?.url,alt:e.img?.alt||"",className:"size-full",imgClassName:"w-full h-full object-cover"}),(0,l.jsx)("div",{className:"absolute bottom-6 right-6",children:e.video&&(0,l.jsx)("button",{className:"tablet:size-12 flex size-10 items-center justify-center rounded-full bg-white bg-opacity-20",children:(0,l.jsx)("svg",{width:"12",height:"14",viewBox:"0 0 12 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M12 7L0 14L0 0L12 7Z",fill:"white"})})})})]}),(0,l.jsxs)("div",{className:"tablet:gap-[60px] tablet:p-6 flex min-h-[200px] flex-col justify-between gap-4 bg-white p-4",children:[(0,l.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,l.jsx)("h3",{className:"lg-desktop:text-lg text-sm font-semibold leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]",children:e.name}),e.quote&&(0,l.jsx)("p",{className:"lg-desktop:text-lg text-sm font-semibold leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]",children:e.quote})]}),(0,l.jsx)("p",{className:"lg-desktop:text-2xl tablet:h-[65%] min-h-[100px] text-lg font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F]",children:e.description})]})]}),N=({data:{items:e=[],title:t},className:i="",key:o})=>{const a=typeof t=="string"?t:t&&(0,x.convertLexicalToHTML)({data:t});return(0,l.jsxs)("div",{className:i,children:[t&&(0,l.jsx)(c.default,{data:{title:a||""}}),(0,l.jsx)(n.default,{className:"!overflow-visible",id:"MediaPlayerMultiSwiper"+o,data:{list:e},Slide:M})]})};var P=(0,d.withStyles)(N);
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/biz-components/MediaPlayerMulti/index.tsx"],
|
|
4
|
+
"sourcesContent": ["'use client'\nimport React from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport { Picture } from '../../components/index.js'\nimport Title from '../Title/index.js'\nimport SwiperBox from '../SwiperBox/index.js'\nimport { convertLexicalToHTML } from '@payloadcms/richtext-lexical/html'\nimport type { MediaPlayerMultiProps, MediaPlayerItemProps } from './types.js'\n\nconst MediaPlayerItem = ({ data }: { data: MediaPlayerItemProps }) => {\n return (\n <div\n className={cn(\n 'tablet:max-w-full w-full max-w-[296px] overflow-hidden',\n 'tablet:flex-row flex shrink-0 flex-col ',\n 'lg-desktop:h-[480px] desktop:h-[384px] laptop:h-[360px] h-auto'\n )}\n >\n <div className=\"tablet:w-[49%] relative w-full flex-none\">\n <Picture\n source={data.img?.url}\n alt={data.img?.alt || ''}\n className=\"size-full\"\n imgClassName=\"w-full h-full object-cover\"\n />\n <div className=\"absolute bottom-6 right-6\">\n {data.video && (\n <button className=\"tablet:size-12 flex size-10 items-center justify-center rounded-full bg-white bg-opacity-20\">\n <svg width=\"12\" height=\"14\" viewBox=\"0 0 12 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12 7L0 14L0 0L12 7Z\" fill=\"white\" />\n </svg>\n </button>\n )}\n </div>\n </div>\n\n <div className=\"tablet:gap-[60px] tablet:p-6 flex min-h-[200px] flex-col justify-between gap-4 bg-white p-4\">\n <div className=\"flex flex-col gap-2\">\n <h3 className=\"lg-desktop:text-lg text-sm font-semibold leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]\">\n {data.name}\n </h3>\n {data.quote && (\n <p className=\"lg-desktop:text-lg text-sm font-semibold leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]\">\n {data.quote}\n </p>\n )}\n </div>\n\n <p className=\"lg-desktop:text-2xl tablet:h-[65%] min-h-[100px] text-lg font-bold leading-[1.2] tracking-[-0.04em] text-[#1D1D1F]\">\n {data.description}\n </p>\n </div>\n </div>\n )\n}\n\nconst MediaPlayerMulti: React.FC<MediaPlayerMultiProps> = ({ data: { items = [], title }, className = '', key }) => {\n const title_html = typeof title === 'string' ? title : title && convertLexicalToHTML({ data: title })\n return (\n <div className={className}>\n {title && <Title data={{ title: title_html || '' }} />}\n <SwiperBox\n className=\"!overflow-visible\"\n id={'MediaPlayerMultiSwiper' + key}\n data={{ list: items }}\n Slide={MediaPlayerItem}\n />\n </div>\n )\n}\n\nexport default withStyles(MediaPlayerMulti)\n"],
|
|
5
|
+
"mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAmBM,IAAAI,EAAA,6BAlBNC,EAAkB,iBAClBC,EAAmB,kCACnBC,EAA2B,kCAC3BC,EAAwB,qCACxBC,EAAkB,gCAClBC,EAAsB,oCACtBC,EAAqC,6CAGrC,MAAMC,EAAkB,CAAC,CAAE,KAAAC,CAAK,OAE5B,QAAC,OACC,aAAW,MACT,yDACA,0CACA,gEACF,EAEA,qBAAC,OAAI,UAAU,2CACb,oBAAC,WACC,OAAQA,EAAK,KAAK,IAClB,IAAKA,EAAK,KAAK,KAAO,GACtB,UAAU,YACV,aAAa,6BACf,KACA,OAAC,OAAI,UAAU,4BACZ,SAAAA,EAAK,UACJ,OAAC,UAAO,UAAU,8FAChB,mBAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAChE,mBAAC,QAAK,EAAE,uBAAuB,KAAK,QAAQ,EAC9C,EACF,EAEJ,GACF,KAEA,QAAC,OAAI,UAAU,8FACb,qBAAC,OAAI,UAAU,sBACb,oBAAC,MAAG,UAAU,2FACX,SAAAA,EAAK,KACR,EACCA,EAAK,UACJ,OAAC,KAAE,UAAU,2FACV,SAAAA,EAAK,MACR,GAEJ,KAEA,OAAC,KAAE,UAAU,qHACV,SAAAA,EAAK,YACR,GACF,GACF,EAIEC,EAAoD,CAAC,CAAE,KAAM,CAAE,MAAAC,EAAQ,CAAC,EAAG,MAAAC,CAAM,EAAG,UAAAC,EAAY,GAAI,IAAAC,CAAI,IAAM,CAClH,MAAMC,EAAa,OAAOH,GAAU,SAAWA,EAAQA,MAAS,wBAAqB,CAAE,KAAMA,CAAM,CAAC,EACpG,SACE,QAAC,OAAI,UAAWC,EACb,UAAAD,MAAS,OAAC,EAAAI,QAAA,CAAM,KAAM,CAAE,MAAOD,GAAc,EAAG,EAAG,KACpD,OAAC,EAAAE,QAAA,CACC,UAAU,oBACV,GAAI,yBAA2BH,EAC/B,KAAM,CAAE,KAAMH,CAAM,EACpB,MAAOH,EACT,GACF,CAEJ,EAEA,IAAOV,KAAQ,cAAWY,CAAgB",
|
|
6
|
+
"names": ["MediaPlayerMulti_exports", "__export", "MediaPlayerMulti_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_utils", "import_Styles", "import_components", "import_Title", "import_SwiperBox", "import_html", "MediaPlayerItem", "data", "MediaPlayerMulti", "items", "title", "className", "key", "title_html", "Title", "SwiperBox"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ComponentCommonProps, Img, Video } from '../../types/props.js';
|
|
2
|
+
export interface MediaPlayerItemProps {
|
|
3
|
+
name: string;
|
|
4
|
+
description: string;
|
|
5
|
+
img: Img;
|
|
6
|
+
video?: Video;
|
|
7
|
+
quote?: string;
|
|
8
|
+
}
|
|
9
|
+
export interface MediaPlayerMultiProps extends ComponentCommonProps {
|
|
10
|
+
data: {
|
|
11
|
+
title?: string;
|
|
12
|
+
items: MediaPlayerItemProps[];
|
|
13
|
+
};
|
|
14
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var i=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var a=(o,e,m,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of p(e))!s.call(o,t)&&t!==m&&i(o,t,{get:()=>e[t],enumerable:!(r=n(e,t))||r.enumerable});return o};var d=o=>a(i({},"__esModule",{value:!0}),o);var P={};module.exports=d(P);
|
|
2
|
+
//# sourceMappingURL=types.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/biz-components/MediaPlayerMulti/types.ts"],
|
|
4
|
+
"sourcesContent": ["import type { ComponentCommonProps, Img, Video } from '../../types/props.js'\n\nexport interface MediaPlayerItemProps {\n name: string\n description: string\n img: Img\n video?: Video\n quote?: string\n}\n\nexport interface MediaPlayerMultiProps extends ComponentCommonProps {\n data: {\n title?: string\n items: MediaPlayerItemProps[]\n }\n}\n"],
|
|
5
|
+
"mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
|
|
6
|
+
"names": ["types_exports", "__toCommonJS"]
|
|
7
|
+
}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import type { MemberEquityProps } from './types.js';
|
|
2
2
|
declare const _default: {
|
|
3
|
-
(props: Omit<MemberEquityProps, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps>
|
|
3
|
+
(props: Omit<MemberEquityProps, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps> & {
|
|
4
|
+
className?: string;
|
|
5
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
4
6
|
displayName: string;
|
|
5
7
|
};
|
|
6
8
|
export default _default;
|
|
@@ -1,40 +1,13 @@
|
|
|
1
|
-
"use strict";var
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
laptop:
|
|
13
|
-
desktop:aspect-[800/448]
|
|
14
|
-
lg-desktop:aspect-[1000/560]
|
|
15
|
-
flex items-center
|
|
16
|
-
`,children:(0,t.jsxs)("div",{className:`
|
|
17
|
-
w-full px-4 tablet:px-6 laptop:px-[76px] desktop:px-[111px] lg-desktop:px-[139px]
|
|
18
|
-
flex flex-col gap-4 tablet:gap-5 laptop:gap-6 desktop:gap-7 lg-desktop:gap-8
|
|
19
|
-
`,children:[(0,t.jsxs)("div",{className:"flex flex-col gap-2 tablet:gap-2 laptop:gap-3 desktop:gap-3 lg-desktop:gap-4",children:[(0,t.jsx)("h2",{className:`
|
|
20
|
-
member-equity-title font-mont font-bold text-white tracking-[-0.04em]
|
|
21
|
-
text-xl tablet:text-2xl laptop:text-3xl desktop:text-4xl lg-desktop:text-[32px]
|
|
22
|
-
leading-[1.2]
|
|
23
|
-
max-w-[280px] tablet:max-w-[300px] laptop:max-w-[400px] desktop:max-w-[500px] lg-desktop:max-w-[547px]
|
|
24
|
-
`,children:p}),(0,t.jsx)("p",{className:`
|
|
25
|
-
member-equity-description font-pingfang font-semibold text-white tracking-[-0.02em]
|
|
26
|
-
text-sm tablet:text-sm laptop:text-base desktop:text-lg lg-desktop:text-lg
|
|
27
|
-
leading-[1.4]
|
|
28
|
-
max-w-[260px] tablet:max-w-[286px] laptop:max-w-[350px] desktop:max-w-[426px] lg-desktop:max-w-[547px]
|
|
29
|
-
`,children:e})]}),(0,t.jsxs)("div",{className:"flex items-center gap-3 tablet:gap-3 laptop:gap-4 desktop:gap-4 lg-desktop:gap-4",children:[(0,t.jsx)(s.Button,{theme:r,variant:"primary",onClick:m,className:`
|
|
30
|
-
member-equity-button-primary bg-transparent border-white border-[1px] text-white text-xs tablet:text-sm laptop:text-sm desktop:text-base lg-desktop:text-base
|
|
31
|
-
px-4 tablet:px-5 laptop:px-6 desktop:px-7 lg-desktop:px-7 hover:bg-white hover:text-black
|
|
32
|
-
py-2 tablet:py-[10px] laptop:py-[11px] desktop:py-[12px] lg-desktop:py-[14px]
|
|
33
|
-
${x==="round"?"rounded-[16px] tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px]":""}
|
|
34
|
-
`,children:l.text}),(0,t.jsx)(s.Button,{theme:r,variant:"secondary",onClick:g,className:`
|
|
35
|
-
member-equity-button-secondary text-xs tablet:text-sm laptop:text-sm desktop:text-base lg-desktop:text-base
|
|
36
|
-
px-4 tablet:px-5 laptop:px-6 desktop:px-7 lg-desktop:px-7
|
|
37
|
-
py-2 tablet:py-[10px] laptop:py-[11px] desktop:py-[12px] lg-desktop:py-[14px]
|
|
38
|
-
${x==="round"?"rounded-[16px] tablet:rounded-[19px] laptop:rounded-[20px] desktop:rounded-[22px] lg-desktop:rounded-[24px]":""}
|
|
39
|
-
`,children:a.text})]})]})})]})};var v=(0,n.withStyles)(w);
|
|
1
|
+
"use strict";"use client";var r=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var f=(a,t)=>{for(var s in t)r(a,s,{get:t[s],enumerable:!0})},N=(a,t,s,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of x(t))!k.call(a,o)&&o!==s&&r(a,o,{get:()=>t[o],enumerable:!(l=v(t,o))||l.enumerable});return a};var h=a=>N(r({},"__esModule",{value:!0}),a);var C={};f(C,{default:()=>B});module.exports=h(C);var e=require("react/jsx-runtime"),w=require("react"),p=require("../../components/index.js"),d=require("../../shared/Styles.js"),i=require("../../helpers/utils.js");const q=({data:a,className:t=""})=>{const{title:s,description:l,backgroundImage:o,mobileBackgroundImage:c,primaryButton:m,secondaryButton:n,theme:u,shape:g}=a,b=()=>{},y=()=>{};return(0,e.jsxs)("section",{"data-ui-component-id":"MemberEquity",className:(0,i.cn)("relative overflow-hidden",t,{"aiui-dark":u==="dark","rounded-box":g==="rounded"}),children:[(0,e.jsx)("video",{autoPlay:!0,muted:!0,playsInline:!0,loop:!0,className:"tablet:block absolute inset-0 hidden size-full object-cover",children:(0,e.jsx)("source",{src:o,type:"video/mp4"})}),(0,e.jsx)("video",{autoPlay:!0,muted:!0,playsInline:!0,loop:!0,className:"tablet:hidden absolute inset-0 size-full object-cover",children:(0,e.jsx)("source",{src:c,type:"video/mp4"})}),(0,e.jsx)("div",{className:`
|
|
2
|
+
xs:aspect-[343/200] tablet:aspect-[343/200] laptop:aspect-[592/336]
|
|
3
|
+
desktop:aspect-[800/448] lg-desktop:aspect-[1000/560]
|
|
4
|
+
relative
|
|
5
|
+
mx-auto
|
|
6
|
+
flex
|
|
7
|
+
aspect-[343/200]
|
|
8
|
+
w-full items-center
|
|
9
|
+
`,children:(0,e.jsxs)("div",{className:`
|
|
10
|
+
tablet:px-6 laptop:px-[76px] desktop:px-[111px] lg-desktop:px-[139px] tablet:gap-5 laptop:gap-6
|
|
11
|
+
desktop:gap-7 lg-desktop:gap-8 flex w-full flex-col gap-4 px-4
|
|
12
|
+
`,children:[(0,e.jsxs)("div",{className:"tablet:gap-2 laptop:gap-3 desktop:gap-3 lg-desktop:gap-4 flex flex-col gap-2",children:[(0,e.jsx)(p.Heading,{as:"h2",size:5,className:"member-equity-title ",children:s}),(0,e.jsx)(p.Text,{size:3,className:"member-equity-description",html:l})]}),(0,e.jsxs)("div",{className:"tablet:gap-3 laptop:gap-4 desktop:gap-4 lg-desktop:gap-4 flex items-center gap-3",children:[(0,e.jsx)(p.Button,{variant:"secondary",onClick:y,className:(0,i.cn)("member-equity-button-secondary"),children:n.text}),(0,e.jsx)(p.Button,{variant:"primary",onClick:b,className:(0,i.cn)("member-equity-button-primary"),children:m.text})]})]})})]})};var B=(0,d.withStyles)(q);
|
|
40
13
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/biz-components/MemberEquity/index.tsx"],
|
|
4
|
-
"sourcesContent": ["
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": ["MemberEquity_exports", "__export", "MemberEquity_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_Styles", "MemberEquity", "title", "description", "backgroundImage", "
|
|
4
|
+
"sourcesContent": ["'use client'\nimport React from 'react'\nimport { Button, Heading, Text } from '../../components/index.js'\nimport { withStyles } from '../../shared/Styles.js'\nimport type { MemberEquityProps } from './types.js'\nimport { cn } from '../../helpers/utils.js'\n\nconst MemberEquity: React.FC<MemberEquityProps> = ({ data, className = '' }) => {\n const { title, description, backgroundImage, mobileBackgroundImage, primaryButton, secondaryButton, theme, shape } =\n data\n const handleButtonPrimaryClick = () => {\n // \u6267\u884C\u4E3B\u6309\u94AE\u7684\u70B9\u51FB\u4E8B\u4EF6\n }\n\n const handleButtonSecondaryClick = () => {\n // \u6267\u884C\u526F\u6309\u94AE\u7684\u70B9\u51FB\u4E8B\u4EF6\n }\n\n return (\n <section\n data-ui-component-id=\"MemberEquity\"\n className={cn('relative overflow-hidden', className, {\n 'aiui-dark': theme === 'dark',\n 'rounded-box': shape === 'rounded',\n })}\n >\n <video autoPlay muted playsInline loop className=\"tablet:block absolute inset-0 hidden size-full object-cover\">\n <source src={backgroundImage} type=\"video/mp4\" />\n </video>\n <video autoPlay muted playsInline loop className=\"tablet:hidden absolute inset-0 size-full object-cover\">\n <source src={mobileBackgroundImage} type=\"video/mp4\" />\n </video>\n <div\n className={`\n xs:aspect-[343/200] tablet:aspect-[343/200] laptop:aspect-[592/336]\n desktop:aspect-[800/448] lg-desktop:aspect-[1000/560]\n relative \n mx-auto\n flex\n aspect-[343/200]\n w-full items-center\n `}\n >\n <div\n className={`\n tablet:px-6 laptop:px-[76px] desktop:px-[111px] lg-desktop:px-[139px] tablet:gap-5 laptop:gap-6\n desktop:gap-7 lg-desktop:gap-8 flex w-full flex-col gap-4 px-4\n `}\n >\n <div className=\"tablet:gap-2 laptop:gap-3 desktop:gap-3 lg-desktop:gap-4 flex flex-col gap-2\">\n <Heading as=\"h2\" size={5} className={`member-equity-title `}>\n {title}\n </Heading>\n <Text size={3} className={`member-equity-description`} html={description} />\n </div>\n {/* \u6309\u94AE\u7EC4 */}\n <div className=\"tablet:gap-3 laptop:gap-4 desktop:gap-4 lg-desktop:gap-4 flex items-center gap-3\">\n <Button\n variant=\"secondary\"\n onClick={handleButtonSecondaryClick}\n className={cn('member-equity-button-secondary')}\n >\n {secondaryButton.text}\n </Button>\n <Button variant=\"primary\" onClick={handleButtonPrimaryClick} className={cn('member-equity-button-primary')}>\n {primaryButton.text}\n </Button>\n </div>\n </div>\n </div>\n </section>\n )\n}\n\nexport default withStyles(MemberEquity)\n"],
|
|
5
|
+
"mappings": "sbAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA2BQ,IAAAI,EAAA,6BA1BRC,EAAkB,iBAClBC,EAAsC,qCACtCC,EAA2B,kCAE3BC,EAAmB,kCAEnB,MAAMC,EAA4C,CAAC,CAAE,KAAAC,EAAM,UAAAC,EAAY,EAAG,IAAM,CAC9E,KAAM,CAAE,MAAAC,EAAO,YAAAC,EAAa,gBAAAC,EAAiB,sBAAAC,EAAuB,cAAAC,EAAe,gBAAAC,EAAiB,MAAAC,EAAO,MAAAC,CAAM,EAC/GT,EACIU,EAA2B,IAAM,CAEvC,EAEMC,EAA6B,IAAM,CAEzC,EAEA,SACE,QAAC,WACC,uBAAqB,eACrB,aAAW,MAAG,2BAA4BV,EAAW,CACnD,YAAaO,IAAU,OACvB,cAAeC,IAAU,SAC3B,CAAC,EAED,oBAAC,SAAM,SAAQ,GAAC,MAAK,GAAC,YAAW,GAAC,KAAI,GAAC,UAAU,8DAC/C,mBAAC,UAAO,IAAKL,EAAiB,KAAK,YAAY,EACjD,KACA,OAAC,SAAM,SAAQ,GAAC,MAAK,GAAC,YAAW,GAAC,KAAI,GAAC,UAAU,wDAC/C,mBAAC,UAAO,IAAKC,EAAuB,KAAK,YAAY,EACvD,KACA,OAAC,OACC,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAUX,oBAAC,OACC,UAAW;AAAA;AAAA;AAAA,UAKX,qBAAC,OAAI,UAAU,+EACb,oBAAC,WAAQ,GAAG,KAAK,KAAM,EAAG,UAAW,uBAClC,SAAAH,EACH,KACA,OAAC,QAAK,KAAM,EAAG,UAAW,4BAA6B,KAAMC,EAAa,GAC5E,KAEA,QAAC,OAAI,UAAU,mFACb,oBAAC,UACC,QAAQ,YACR,QAASQ,EACT,aAAW,MAAG,gCAAgC,EAE7C,SAAAJ,EAAgB,KACnB,KACA,OAAC,UAAO,QAAQ,UAAU,QAASG,EAA0B,aAAW,MAAG,8BAA8B,EACtG,SAAAJ,EAAc,KACjB,GACF,GACF,EACF,GACF,CAEJ,EAEA,IAAOd,KAAQ,cAAWO,CAAY",
|
|
6
|
+
"names": ["MemberEquity_exports", "__export", "MemberEquity_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_Styles", "import_utils", "MemberEquity", "data", "className", "title", "description", "backgroundImage", "mobileBackgroundImage", "primaryButton", "secondaryButton", "theme", "shape", "handleButtonPrimaryClick", "handleButtonSecondaryClick"]
|
|
7
7
|
}
|
|
@@ -1,25 +1,28 @@
|
|
|
1
|
-
import type { ComponentCommonProps } from '../../types/props.js';
|
|
1
|
+
import type { ComponentCommonProps, Shape, Theme } from '../../types/props.js';
|
|
2
2
|
export interface MemberEquityProps extends ComponentCommonProps {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
3
|
+
data: {
|
|
4
|
+
/** 标题 */
|
|
5
|
+
title: string;
|
|
6
|
+
/** 描述文本 */
|
|
7
|
+
description: string;
|
|
8
|
+
/** 背景图片/视频 URL */
|
|
9
|
+
backgroundImage: string;
|
|
10
|
+
mobileBackgroundImage?: string;
|
|
11
|
+
/** 主按钮配置 */
|
|
12
|
+
primaryButton: {
|
|
13
|
+
text: string;
|
|
14
|
+
href: string;
|
|
15
|
+
};
|
|
16
|
+
/** 副按钮配置 */
|
|
17
|
+
secondaryButton: {
|
|
18
|
+
text: string;
|
|
19
|
+
href: string;
|
|
20
|
+
};
|
|
21
|
+
/** 形状 */
|
|
22
|
+
shape?: Shape;
|
|
23
|
+
/** 主题 */
|
|
24
|
+
theme?: Theme;
|
|
13
25
|
};
|
|
14
|
-
/** 副按钮配置 */
|
|
15
|
-
secondaryButton: {
|
|
16
|
-
text: string;
|
|
17
|
-
href: string;
|
|
18
|
-
};
|
|
19
|
-
/** 形状 */
|
|
20
|
-
shape?: 'round' | 'square';
|
|
21
|
-
/** 主题 */
|
|
22
|
-
theme?: 'light' | 'dark';
|
|
23
26
|
/** 自定义类名 */
|
|
24
27
|
className?: string;
|
|
25
28
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var o=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var
|
|
1
|
+
"use strict";var o=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var a=(t,e,s,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of m(e))!p.call(t,r)&&r!==s&&o(t,r,{get:()=>e[r],enumerable:!(n=i(e,r))||n.enumerable});return t};var g=t=>a(o({},"__esModule",{value:!0}),t);var h={};module.exports=g(h);
|
|
2
2
|
//# sourceMappingURL=types.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/biz-components/MemberEquity/types.ts"],
|
|
4
|
-
"sourcesContent": ["import type { ComponentCommonProps } from '../../types/props.js'
|
|
4
|
+
"sourcesContent": ["import type { ComponentCommonProps, Shape, Theme } from '../../types/props.js'\n\nexport interface MemberEquityProps extends ComponentCommonProps {\n data: {\n /** \u6807\u9898 */\n title: string\n /** \u63CF\u8FF0\u6587\u672C */\n description: string\n /** \u80CC\u666F\u56FE\u7247/\u89C6\u9891 URL */\n backgroundImage: string\n mobileBackgroundImage?: string\n /** \u4E3B\u6309\u94AE\u914D\u7F6E */\n primaryButton: {\n text: string\n href: string\n }\n /** \u526F\u6309\u94AE\u914D\u7F6E */\n secondaryButton: {\n text: string\n href: string\n }\n /** \u5F62\u72B6 */\n shape?: Shape\n /** \u4E3B\u9898 */\n theme?: Theme\n }\n /** \u81EA\u5B9A\u4E49\u7C7B\u540D */\n className?: string\n}\n"],
|
|
5
5
|
"mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
|
|
6
6
|
"names": ["types_exports", "__toCommonJS"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { MultiLayoutGraphicBlockProps } from './types';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
(props: Omit<MultiLayoutGraphicBlockProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps> & {
|
|
5
|
+
className?: string;
|
|
6
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
displayName: string;
|
|
8
|
+
};
|
|
9
|
+
export default _default;
|
|
10
|
+
export type { MultiLayoutGraphicBlockProps };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var M=Object.create;var b=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var q=(a,s)=>{for(var i in s)b(a,i,{get:s[i],enumerable:!0})},g=(a,s,i,n)=>{if(s&&typeof s=="object"||typeof s=="function")for(let o of S(s))!R.call(a,o)&&o!==i&&b(a,o,{get:()=>s[o],enumerable:!(n=P(s,o))||n.enumerable});return a};var y=(a,s,i)=>(i=a!=null?M(H(a)):{},g(s||!a||!a.__esModule?b(i,"default",{value:a,enumerable:!0}):i,a)),D=a=>g(b({},"__esModule",{value:!0}),a);var U={};q(U,{default:()=>O});module.exports=D(U);var t=require("react/jsx-runtime"),C=y(require("react")),T=require("../../shared/Styles.js"),v=y(require("../../components/picture.js")),N=y(require("../../components/button.js")),B=require("../../components/heading.js"),w=require("../../components/text.js"),m=require("../../components/carousel.js"),d=require("../../components/gird.js"),G=y(require("../Title/index.js")),I=require("../../helpers/utils.js"),p=require("../../components/tabs.js");const k=({item:a,shape:s="square"})=>{const{theme:i="light",title:n,description:o,imageUrl:f,primaryBtn:r,secondaryBtn:u}=a;return(0,t.jsxs)("div",{className:(0,I.cn)("item-wrapper relative w-full",{"rounded-box":s==="rounded","aiui-dark":i==="dark"}),children:[(0,t.jsx)(v.default,{source:f,className:"inset-0"}),(0,t.jsxs)("div",{className:"laptop:p-6 desktop:p-[32px] absolute inset-x-0 bottom-0 flex flex-col gap-6 p-3",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)(B.Heading,{className:"item-title",children:n}),(0,t.jsx)(w.Text,{className:"item-description",children:o})]}),(0,t.jsxs)("div",{className:"flex gap-2",children:[u&&(0,t.jsx)(N.default,{variant:"secondary",asChild:!0,children:(0,t.jsx)("a",{href:u.link,children:u.text})}),r&&(0,t.jsx)(N.default,{variant:"primary",asChild:!0,children:(0,t.jsx)("a",{href:r.link,children:r.text})})]})]})]})},E=C.default.forwardRef((a,s)=>{const{shape:i,sectionTitle:n,groupByTab:o=!1,items:f=[],carousel:r}=a.data,u=e=>{switch(e){case"full":return 12;case"half":return 6;case"one-third":return 4}},h=f.map(e=>e.tabName).filter(Boolean).filter((e,l,c)=>c.indexOf(e)===l),L=h.map(e=>({tabName:e,items:f.filter(l=>l.tabName===e)})).reduce((e,l)=>(e[l.tabName]=l.items,e),{});return(0,t.jsxs)("section",{"data-ui-component-id":"MultiLayoutGraphicBlock",ref:s,className:"",children:[n&&(0,t.jsx)(G.default,{data:{title:n},className:"section-title"}),o?(0,t.jsxs)(p.Tabs,{shape:i,align:"left",defaultValue:h[0],children:[(0,t.jsx)(p.TabsList,{children:h.map((e,l)=>(0,t.jsx)(p.TabsTrigger,{value:e,children:e},l))}),h.map((e,l)=>(0,t.jsx)(p.TabsContent,{value:e,className:"desktop:mt-[36px] mt-[24px] w-full",children:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(d.Grid,{className:"w-full",children:L[e].map((c,x)=>(0,t.jsx)(d.GridItem,{span:u(c.width??"full"),children:(0,t.jsx)(k,{item:c})},x))}),r&&r?.items.length>0?(0,t.jsx)(m.Carousel,{className:"laptop:mt-4 mt-3",children:(0,t.jsx)(m.CarouselContent,{className:"flex",children:r.items.map((c,x)=>(0,t.jsx)(m.CarouselItem,{className:"tablet:basis-2/5 laptop:basis-[32%] flex basis-4/5",children:(0,t.jsx)(k,{item:c,shape:i})},x))})}):null]})},l))]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(d.Grid,{className:"w-full",children:f.map((e,l)=>(0,t.jsx)(d.GridItem,{span:u(e.width??"full"),children:(0,t.jsx)(k,{item:e})},l))}),r&&r?.items.length>0?(0,t.jsx)(m.Carousel,{className:"laptop:mt-4 mt-3",children:(0,t.jsx)(m.CarouselContent,{className:"flex",children:r.items.map((e,l)=>(0,t.jsx)(m.CarouselItem,{className:"tablet:basis-2/5 laptop:basis-[32%] flex basis-4/5",children:(0,t.jsx)(k,{item:e,shape:i})},l))})}):null]})]})});var O=(0,T.withStyles)(E);
|
|
2
|
+
//# sourceMappingURL=MultiLayoutGraphicBlock.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/biz-components/MultiLayoutGraphicBlock/MultiLayoutGraphicBlock.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react'\nimport type { MultiLayoutGraphicBlockProps, Item } from './types'\nimport { withStyles } from '../../shared/Styles.js'\nimport Picture from '../../components/picture.js'\nimport Button from '../../components/button.js'\nimport { Heading } from '../../components/heading.js'\nimport { Text } from '../../components/text.js'\nimport { Carousel, CarouselContent, CarouselItem } from '../../components/carousel.js'\nimport { Grid, GridItem } from '../../components/gird.js'\nimport Title from '../Title/index.js'\nimport type { Shape } from '../../types/props'\nimport { cn } from '../../helpers/utils.js'\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '../../components/tabs.js'\nconst ItemBlock = ({ item, shape = 'square' }: { item: Item } & { shape?: Shape }) => {\n const { theme = 'light', title, description, imageUrl, primaryBtn, secondaryBtn } = item\n\n return (\n <div\n className={cn(`item-wrapper relative w-full`, {\n 'rounded-box': shape === 'rounded',\n 'aiui-dark': theme === 'dark',\n })}\n >\n <Picture source={imageUrl} className=\"inset-0\" />\n <div className=\"laptop:p-6 desktop:p-[32px] absolute inset-x-0 bottom-0 flex flex-col gap-6 p-3\">\n <div>\n <Heading className=\"item-title\">{title}</Heading>\n <Text className=\"item-description\">{description}</Text>\n </div>\n <div className=\"flex gap-2\">\n {secondaryBtn && (\n <Button variant=\"secondary\" asChild>\n <a href={secondaryBtn.link}>{secondaryBtn.text}</a>\n </Button>\n )}\n {primaryBtn && (\n <Button variant=\"primary\" asChild>\n <a href={primaryBtn.link}>{primaryBtn.text}</a>\n </Button>\n )}\n </div>\n </div>\n </div>\n )\n}\n\nconst MultiLayoutGraphicBlock = React.forwardRef<HTMLDivElement, MultiLayoutGraphicBlockProps>((props, ref) => {\n const { shape, sectionTitle, groupByTab = false, items = [], carousel } = props.data\n\n const getSpan = (width: 'full' | 'half' | 'one-third') => {\n switch (width) {\n case 'full':\n return 12\n case 'half':\n return 6\n case 'one-third':\n return 4\n }\n }\n\n const tabNames = items\n .map(item => item.tabName)\n .filter(Boolean)\n .filter((item, index, arr) => arr.indexOf(item) === index) as string[]\n\n const tabItemsMaps = tabNames\n .map(tabName => ({\n tabName,\n items: items.filter(item => item.tabName === tabName),\n }))\n .reduce(\n (acc, cur) => {\n acc[cur.tabName] = cur.items\n return acc\n },\n {} as Record<string, (Item & { width?: 'full' | 'half' | 'one-third' })[]>\n )\n\n return (\n <section data-ui-component-id=\"MultiLayoutGraphicBlock\" ref={ref} className=\"\">\n {sectionTitle && <Title data={{ title: sectionTitle }} className=\"section-title\" />}\n\n {groupByTab ? (\n <Tabs shape={shape} align=\"left\" defaultValue={tabNames[0]!}>\n <TabsList>\n {tabNames.map((tabName, index) => (\n <TabsTrigger key={index} value={tabName!}>\n {tabName}\n </TabsTrigger>\n ))}\n </TabsList>\n {tabNames.map((tabName, index) => (\n <TabsContent key={index} value={tabName!} className=\"desktop:mt-[36px] mt-[24px] w-full\">\n <>\n <Grid className=\"w-full\">\n {tabItemsMaps[tabName].map((item, index) => (\n <GridItem key={index} span={getSpan(item.width ?? 'full')}>\n <ItemBlock item={item} />\n </GridItem>\n ))}\n </Grid>\n {carousel && carousel?.items.length > 0 ? (\n <Carousel className=\"laptop:mt-4 mt-3\">\n <CarouselContent className=\"flex\">\n {carousel.items.map((item, index) => (\n <CarouselItem key={index} className=\"tablet:basis-2/5 laptop:basis-[32%] flex basis-4/5\">\n <ItemBlock item={item} shape={shape} />\n </CarouselItem>\n ))}\n </CarouselContent>\n </Carousel>\n ) : null}\n </>\n </TabsContent>\n ))}\n </Tabs>\n ) : (\n <>\n <Grid className=\"w-full\">\n {items.map((item, index) => (\n <GridItem key={index} span={getSpan(item.width ?? 'full')}>\n <ItemBlock item={item} />\n </GridItem>\n ))}\n </Grid>\n {carousel && carousel?.items.length > 0 ? (\n <Carousel className=\"laptop:mt-4 mt-3\">\n <CarouselContent className=\"flex\">\n {carousel.items.map((item, index) => (\n <CarouselItem key={index} className=\"tablet:basis-2/5 laptop:basis-[32%] flex basis-4/5\">\n <ItemBlock item={item} shape={shape} />\n </CarouselItem>\n ))}\n </CarouselContent>\n </Carousel>\n ) : null}\n </>\n )}\n </section>\n )\n})\n\nexport default withStyles(MultiLayoutGraphicBlock)\nexport type { MultiLayoutGraphicBlockProps }\n"],
|
|
5
|
+
"mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAuBM,IAAAI,EAAA,6BAvBNC,EAAkB,oBAElBC,EAA2B,kCAC3BC,EAAoB,0CACpBC,EAAmB,yCACnBC,EAAwB,uCACxBC,EAAqB,oCACrBC,EAAwD,wCACxDC,EAA+B,oCAC/BC,EAAkB,gCAElBC,EAAmB,kCACnBC,EAAyD,oCACzD,MAAMC,EAAY,CAAC,CAAE,KAAAC,EAAM,MAAAC,EAAQ,QAAS,IAA0C,CACpF,KAAM,CAAE,MAAAC,EAAQ,QAAS,MAAAC,EAAO,YAAAC,EAAa,SAAAC,EAAU,WAAAC,EAAY,aAAAC,CAAa,EAAIP,EAEpF,SACE,QAAC,OACC,aAAW,MAAG,+BAAgC,CAC5C,cAAeC,IAAU,UACzB,YAAaC,IAAU,MACzB,CAAC,EAED,oBAAC,EAAAM,QAAA,CAAQ,OAAQH,EAAU,UAAU,UAAU,KAC/C,QAAC,OAAI,UAAU,kFACb,qBAAC,OACC,oBAAC,WAAQ,UAAU,aAAc,SAAAF,EAAM,KACvC,OAAC,QAAK,UAAU,mBAAoB,SAAAC,EAAY,GAClD,KACA,QAAC,OAAI,UAAU,aACZ,UAAAG,MACC,OAAC,EAAAE,QAAA,CAAO,QAAQ,YAAY,QAAO,GACjC,mBAAC,KAAE,KAAMF,EAAa,KAAO,SAAAA,EAAa,KAAK,EACjD,EAEDD,MACC,OAAC,EAAAG,QAAA,CAAO,QAAQ,UAAU,QAAO,GAC/B,mBAAC,KAAE,KAAMH,EAAW,KAAO,SAAAA,EAAW,KAAK,EAC7C,GAEJ,GACF,GACF,CAEJ,EAEMI,EAA0B,EAAAC,QAAM,WAAyD,CAACC,EAAOC,IAAQ,CAC7G,KAAM,CAAE,MAAAZ,EAAO,aAAAa,EAAc,WAAAC,EAAa,GAAO,MAAAC,EAAQ,CAAC,EAAG,SAAAC,CAAS,EAAIL,EAAM,KAE1EM,EAAWC,GAAyC,CACxD,OAAQA,EAAO,CACb,IAAK,OACH,MAAO,IACT,IAAK,OACH,MAAO,GACT,IAAK,YACH,MAAO,EACX,CACF,EAEMC,EAAWJ,EACd,IAAIhB,GAAQA,EAAK,OAAO,EACxB,OAAO,OAAO,EACd,OAAO,CAACA,EAAMqB,EAAOC,IAAQA,EAAI,QAAQtB,CAAI,IAAMqB,CAAK,EAErDE,EAAeH,EAClB,IAAII,IAAY,CACf,QAAAA,EACA,MAAOR,EAAM,OAAOhB,GAAQA,EAAK,UAAYwB,CAAO,CACtD,EAAE,EACD,OACC,CAACC,EAAKC,KACJD,EAAIC,EAAI,OAAO,EAAIA,EAAI,MAChBD,GAET,CAAC,CACH,EAEF,SACE,QAAC,WAAQ,uBAAqB,0BAA0B,IAAKZ,EAAK,UAAU,GACzE,UAAAC,MAAgB,OAAC,EAAAa,QAAA,CAAM,KAAM,CAAE,MAAOb,CAAa,EAAG,UAAU,gBAAgB,EAEhFC,KACC,QAAC,QAAK,MAAOd,EAAO,MAAM,OAAO,aAAcmB,EAAS,CAAC,EACvD,oBAAC,YACE,SAAAA,EAAS,IAAI,CAACI,EAASH,OACtB,OAAC,eAAwB,MAAOG,EAC7B,SAAAA,GADeH,CAElB,CACD,EACH,EACCD,EAAS,IAAI,CAACI,EAASH,OACtB,OAAC,eAAwB,MAAOG,EAAU,UAAU,qCAClD,gCACE,oBAAC,QAAK,UAAU,SACb,SAAAD,EAAaC,CAAO,EAAE,IAAI,CAACxB,EAAMqB,OAChC,OAAC,YAAqB,KAAMH,EAAQlB,EAAK,OAAS,MAAM,EACtD,mBAACD,EAAA,CAAU,KAAMC,EAAM,GADVqB,CAEf,CACD,EACH,EACCJ,GAAYA,GAAU,MAAM,OAAS,KACpC,OAAC,YAAS,UAAU,mBAClB,mBAAC,mBAAgB,UAAU,OACxB,SAAAA,EAAS,MAAM,IAAI,CAACjB,EAAMqB,OACzB,OAAC,gBAAyB,UAAU,qDAClC,mBAACtB,EAAA,CAAU,KAAMC,EAAM,MAAOC,EAAO,GADpBoB,CAEnB,CACD,EACH,EACF,EACE,MACN,GApBgBA,CAqBlB,CACD,GACH,KAEA,oBACE,oBAAC,QAAK,UAAU,SACb,SAAAL,EAAM,IAAI,CAAChB,EAAMqB,OAChB,OAAC,YAAqB,KAAMH,EAAQlB,EAAK,OAAS,MAAM,EACtD,mBAACD,EAAA,CAAU,KAAMC,EAAM,GADVqB,CAEf,CACD,EACH,EACCJ,GAAYA,GAAU,MAAM,OAAS,KACpC,OAAC,YAAS,UAAU,mBAClB,mBAAC,mBAAgB,UAAU,OACxB,SAAAA,EAAS,MAAM,IAAI,CAACjB,EAAMqB,OACzB,OAAC,gBAAyB,UAAU,qDAClC,mBAACtB,EAAA,CAAU,KAAMC,EAAM,MAAOC,EAAO,GADpBoB,CAEnB,CACD,EACH,EACF,EACE,MACN,GAEJ,CAEJ,CAAC,EAED,IAAOpC,KAAQ,cAAWyB,CAAuB",
|
|
6
|
+
"names": ["MultiLayoutGraphicBlock_exports", "__export", "MultiLayoutGraphicBlock_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_Styles", "import_picture", "import_button", "import_heading", "import_text", "import_carousel", "import_gird", "import_Title", "import_utils", "import_tabs", "ItemBlock", "item", "shape", "theme", "title", "description", "imageUrl", "primaryBtn", "secondaryBtn", "Picture", "Button", "MultiLayoutGraphicBlock", "React", "props", "ref", "sectionTitle", "groupByTab", "items", "carousel", "getSpan", "width", "tabNames", "index", "arr", "tabItemsMaps", "tabName", "acc", "cur", "Title"]
|
|
7
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './MultiLayoutGraphicBlock.js';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var m=Object.create;var t=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var c=(e,f)=>{for(var o in f)t(e,o,{get:f[o],enumerable:!0})},d=(e,f,o,a)=>{if(f&&typeof f=="object"||typeof f=="function")for(let r of u(f))!b.call(e,r)&&r!==o&&t(e,r,{get:()=>f[r],enumerable:!(a=p(f,r))||a.enumerable});return e};var g=(e,f,o)=>(o=e!=null?m(x(e)):{},d(f||!e||!e.__esModule?t(o,"default",{value:e,enumerable:!0}):o,e)),h=e=>d(t({},"__esModule",{value:!0}),e);var i={};c(i,{default:()=>l.default});module.exports=h(i);var l=g(require("./MultiLayoutGraphicBlock.js"));
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/biz-components/MultiLayoutGraphicBlock/index.tsx"],
|
|
4
|
+
"sourcesContent": ["export { default } from './MultiLayoutGraphicBlock.js'"],
|
|
5
|
+
"mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wCAAAE,EAAAF,GAAA,IAAAG,EAAwB",
|
|
6
|
+
"names": ["MultiLayoutGraphicBlock_exports", "__export", "__toCommonJS", "import_MultiLayoutGraphicBlock"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { Shape, Theme } from '../../types/props';
|
|
2
|
+
export type Item = {
|
|
3
|
+
theme?: Theme;
|
|
4
|
+
title: string;
|
|
5
|
+
description: string;
|
|
6
|
+
imageUrl: string;
|
|
7
|
+
tabName?: string;
|
|
8
|
+
primaryBtn: {
|
|
9
|
+
text: string;
|
|
10
|
+
link: string;
|
|
11
|
+
};
|
|
12
|
+
secondaryBtn: {
|
|
13
|
+
text: string;
|
|
14
|
+
link: string;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export type MultiLayoutGraphicBlockProps = {
|
|
18
|
+
data: {
|
|
19
|
+
shape?: Shape;
|
|
20
|
+
sectionTitle?: string;
|
|
21
|
+
groupByTab?: boolean;
|
|
22
|
+
items: ({
|
|
23
|
+
width?: 'full' | 'half' | 'one-third';
|
|
24
|
+
} & Item)[];
|
|
25
|
+
carousel?: {
|
|
26
|
+
items: Item[];
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
className?: string;
|
|
30
|
+
};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var s=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var o=Object.prototype.hasOwnProperty;var m=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of p(t))!o.call(e,i)&&i!==n&&s(e,i,{get:()=>t[i],enumerable:!(r=a(t,i))||r.enumerable});return e};var l=e=>m(s({},"__esModule",{value:!0}),e);var g={};module.exports=l(g);
|
|
2
|
+
//# sourceMappingURL=types.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/biz-components/MultiLayoutGraphicBlock/types.tsx"],
|
|
4
|
+
"sourcesContent": ["import type { Shape, Theme } from '../../types/props'\n\nexport type Item = {\n theme?: Theme\n title: string\n description: string\n imageUrl: string\n tabName?: string\n primaryBtn: {\n text: string\n link: string\n }\n secondaryBtn: {\n text: string\n link: string\n }\n}\n\nexport type MultiLayoutGraphicBlockProps = {\n data: {\n shape?: Shape\n sectionTitle?: string\n groupByTab?: boolean\n items: ({\n width?: 'full' | 'half' | 'one-third'\n } & Item)[]\n carousel?: {\n items: Item[]\n }\n }\n className?: string\n}\n"],
|
|
5
|
+
"mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
|
|
6
|
+
"names": ["types_exports", "__toCommonJS"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var f=Object.create;var n=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,H=Object.prototype.hasOwnProperty;var S=(e,t)=>{for(var o in t)n(e,o,{get:t[o],enumerable:!0})},a=(e,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of l(t))!H.call(e,r)&&r!==o&&n(e,r,{get:()=>t[r],enumerable:!(i=d(t,r))||i.enumerable});return e};var h=(e,t,o)=>(o=e!=null?f(g(e)):{},a(t||!e||!e.__esModule?n(o,"default",{value:e,enumerable:!0}):o,e)),y=e=>a(n({},"__esModule",{value:!0}),e);var R={};S(R,{default:()=>P});module.exports=y(R);var p=require("react/jsx-runtime"),m=h(require("react")),s=require("../../helpers/utils.js"),c=require("../../components/index.js");const N=m.default.forwardRef((e,t)=>{const{title:o,className:i,...r}=e;return(0,p.jsx)(c.Heading,{ref:t,className:(0,s.cn)("section-heading",i),html:o,...r})});var P=N;
|
|
2
|
+
//# sourceMappingURL=SectionHeading.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/biz-components/SectionHeading/SectionHeading.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react'\nimport type { SectionHeadingProps } from './types.js'\nimport { cn } from '../../helpers/utils.js'\nimport { Heading } from '../../components/index.js'\n\nconst SectionHeading = React.forwardRef<HTMLDivElement, SectionHeadingProps>((props, ref) => {\n const { title, className, ...rest } = props\n\n return <Heading ref={ref} className={cn('section-heading', className)} html={title} {...rest} />\n})\n\nexport default SectionHeading\n"],
|
|
5
|
+
"mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAQS,IAAAI,EAAA,6BARTC,EAAkB,oBAElBC,EAAmB,kCACnBC,EAAwB,qCAExB,MAAMC,EAAiB,EAAAC,QAAM,WAAgD,CAACC,EAAOC,IAAQ,CAC3F,KAAM,CAAE,MAAAC,EAAO,UAAAC,EAAW,GAAGC,CAAK,EAAIJ,EAEtC,SAAO,OAAC,WAAQ,IAAKC,EAAK,aAAW,MAAG,kBAAmBE,CAAS,EAAG,KAAMD,EAAQ,GAAGE,EAAM,CAChG,CAAC,EAED,IAAOZ,EAAQM",
|
|
6
|
+
"names": ["SectionHeading_exports", "__export", "SectionHeading_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_utils", "import_components", "SectionHeading", "React", "props", "ref", "title", "className", "rest"]
|
|
7
|
+
}
|
|
File without changes
|