@designcrowd/fe-shared-lib 1.5.21 → 1.5.23-kp-1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.storybook-static/css/tailwind-brandCrowd.css +77 -9
- package/.storybook-static/css/tailwind-brandPage.css +77 -9
- package/.storybook-static/css/tailwind-crazyDomains.css +77 -9
- package/.storybook-static/css/tailwind-designCom.css +77 -9
- package/.storybook-static/css/tailwind-designCrowd.css +77 -9
- package/.storybook-static/index.json +1 -1
- package/.storybook-static/project.json +1 -1
- package/.storybook-static/sb-addons/storybook-core-server-presets-0/common-manager-bundle.js +10 -10
- package/dist/css/tailwind-brandCrowd.css +182 -6
- package/dist/css/tailwind-brandPage.css +174 -6
- package/dist/css/tailwind-crazyDomains.css +182 -6
- package/dist/css/tailwind-designCom.css +182 -6
- package/dist/css/tailwind-designCrowd.css +182 -6
- package/package.json +1 -1
- package/src/atoms/components/Icon/Icon.stories.js +4 -0
- package/src/atoms/components/Icon/Icon.vue +46 -0
- package/src/atoms/components/Icon/icons/annotate-heart.vue +7 -0
- package/src/atoms/components/Icon/icons/award.vue +7 -0
- package/src/atoms/components/Icon/icons/bezier-curve-outline.vue +7 -0
- package/src/atoms/components/Icon/icons/bezier-curve.vue +7 -0
- package/src/atoms/components/Icon/icons/browser.vue +7 -0
- package/src/atoms/components/Icon/icons/card-vertical.vue +7 -0
- package/src/atoms/components/Icon/icons/digital-business-card-filled.vue +8 -0
- package/src/atoms/components/Icon/icons/file-empty.vue +7 -0
- package/src/atoms/components/Icon/icons/font.vue +7 -0
- package/src/atoms/components/Icon/icons/headphones.vue +7 -0
- package/src/atoms/components/Icon/icons/home-outline.vue +6 -0
- package/src/atoms/components/Icon/icons/image.vue +7 -0
- package/src/atoms/components/Icon/icons/lightning.vue +7 -0
- package/src/atoms/components/Icon/icons/link-in-bio-filled.vue +8 -0
- package/src/atoms/components/Icon/icons/logo.vue +7 -0
- package/src/atoms/components/Icon/icons/page-blank.vue +6 -0
- package/src/atoms/components/Icon/icons/palette-outline.vue +7 -0
- package/src/atoms/components/Icon/icons/pen-outline.vue +7 -0
- package/src/atoms/components/Icon/icons/pen-sparkle.vue +17 -0
- package/src/atoms/components/Icon/icons/pen.vue +7 -0
- package/src/atoms/components/Icon/icons/sparkle-square.vue +22 -0
- package/.storybook-static/assets/Auth-CV5AmoX8.css +0 -1
- package/.storybook-static/assets/Auth.stories-CX3sjxh5.js +0 -490
- package/.storybook-static/assets/AuthCrazyDomains.stories-Didj_VFa.js +0 -73
- package/.storybook-static/assets/Button-5UzSGUF6.css +0 -1
- package/.storybook-static/assets/Button-DtVlr_q3.js +0 -1
- package/.storybook-static/assets/ButtonGroup-Dfr7bNL2.css +0 -1
- package/.storybook-static/assets/ButtonGroup.stories-4EQk-ktb.js +0 -503
- package/.storybook-static/assets/ButtonPrimary-Bu6bXb_c.css +0 -1
- package/.storybook-static/assets/ButtonPrimary-DG9wNod9.js +0 -1
- package/.storybook-static/assets/Buttons.stories-B_KpeCzt.js +0 -761
- package/.storybook-static/assets/ButtonsCrazyDomains.stories-oZtahAmR.js +0 -199
- package/.storybook-static/assets/Checkbox.mixin-DkHpdvGa.js +0 -1
- package/.storybook-static/assets/Checkbox.stories-C67RL0ut.js +0 -203
- package/.storybook-static/assets/Checktile.stories-DN2wfzd6.js +0 -88
- package/.storybook-static/assets/CollapsiblePanel.stories-BkzrqfVG.js +0 -39
- package/.storybook-static/assets/ColorPicker.stories-85BQwpyF.js +0 -73
- package/.storybook-static/assets/CopyToClipboardText.stories-Csh5nVRs.js +0 -32
- package/.storybook-static/assets/Dropdown.stories-NNlxNopk.js +0 -159
- package/.storybook-static/assets/DropdownItem-CDX_V6Mi.js +0 -1
- package/.storybook-static/assets/DropdownItem-CLNmWtKh.css +0 -1
- package/.storybook-static/assets/FormControl.mixin-_gXRExB7.js +0 -1
- package/.storybook-static/assets/HashRouteModal.stories-Dy1_nLTJ.js +0 -64
- package/.storybook-static/assets/HelloBar-z54fob0q.js +0 -1
- package/.storybook-static/assets/HelloBar.stories-ClJ9_KRK.js +0 -342
- package/.storybook-static/assets/Icon-8mZGP41G.js +0 -144
- package/.storybook-static/assets/Icon.stories-BcXMvpuh.js +0 -126
- package/.storybook-static/assets/Icon.stories-D6ECVMta.js +0 -751
- package/.storybook-static/assets/Loader-D61Ki9P1.js +0 -1
- package/.storybook-static/assets/LogoBusinessBrandColours-B1_8hw0H.js +0 -1
- package/.storybook-static/assets/LogoBusinessBrandColours-DEFhAyxR.css +0 -1
- package/.storybook-static/assets/LogoBusinessBrandColours.stories-CIWe9ndn.js +0 -36
- package/.storybook-static/assets/Masonry-C2MNiGg0.css +0 -1
- package/.storybook-static/assets/Masonry.stories-CDT8kZCv.js +0 -71
- package/.storybook-static/assets/Modal-BQrpXSGA.js +0 -1
- package/.storybook-static/assets/Modal-BvVMN71n.css +0 -1
- package/.storybook-static/assets/Modal.stories-BycF7YL6.js +0 -345
- package/.storybook-static/assets/Notice.stories-BufkrC1b.js +0 -222
- package/.storybook-static/assets/NumberStepper-Blffv09R.css +0 -1
- package/.storybook-static/assets/NumberStepper.stories-6_y_lEgC.js +0 -64
- package/.storybook-static/assets/PaymentConfigList-wI1eTv5x.css +0 -1
- package/.storybook-static/assets/PaymentConfigList.stories-BlzzKrzz.js +0 -126
- package/.storybook-static/assets/Picture-Cq76CaoK.js +0 -1
- package/.storybook-static/assets/Picture.stories-BDqRm9_g.js +0 -119
- package/.storybook-static/assets/Pill-BsMeJhV9.js +0 -1
- package/.storybook-static/assets/Pill.stories-DUvzbtnS.js +0 -18
- package/.storybook-static/assets/PillBar-os4mJV3M.css +0 -1
- package/.storybook-static/assets/PillBar.stories-BUMLXBij.js +0 -41
- package/.storybook-static/assets/Price-DKOwLeD0.js +0 -1
- package/.storybook-static/assets/Price.stories-DlqrNUWI.js +0 -221
- package/.storybook-static/assets/PublishBrandPageModal-CLU8-If3.css +0 -1
- package/.storybook-static/assets/PublishBrandPageModal.stories-Dqobvq-n.js +0 -273
- package/.storybook-static/assets/SearchBar.stories-_wPX3-Rl.js +0 -12
- package/.storybook-static/assets/Select-Dw-zvSUg.css +0 -1
- package/.storybook-static/assets/Select.stories-BWINGxdY.js +0 -108
- package/.storybook-static/assets/SellDomainNameList.fixtures-LC6fjr_b.js +0 -1
- package/.storybook-static/assets/SellDomainNameListModal-ByK_ak0A.js +0 -1
- package/.storybook-static/assets/SellDomainNameListModal-CdfyEX1a.css +0 -1
- package/.storybook-static/assets/SellDomainNameListModal.stories-DrL8w2AY.js +0 -71
- package/.storybook-static/assets/SellDomainNameListSearchResult-1WuAKfzI.css +0 -1
- package/.storybook-static/assets/SellDomainNameListSearchResult-By0IpIM_.js +0 -1
- package/.storybook-static/assets/SellDomainNameSearchWithResults-BttjI4PH.js +0 -1
- package/.storybook-static/assets/SellDomainNameSearchWithResults.stories-Dm1Q8Cza.js +0 -37
- package/.storybook-static/assets/SellDomainNameWidget.stories-CKoz3WnZ.js +0 -36
- package/.storybook-static/assets/SignIn-DNYeJu86.css +0 -1
- package/.storybook-static/assets/SignIn-Dt8OJr0J.js +0 -1
- package/.storybook-static/assets/Slider-Cog2FFdj.css +0 -1
- package/.storybook-static/assets/Slider.stories-08DN2SFB.js +0 -141
- package/.storybook-static/assets/StarRating-BtKh7pzm.css +0 -1
- package/.storybook-static/assets/StarRating.stories-BEIj9ufA.js +0 -45
- package/.storybook-static/assets/TabMenu.stories-D9f0pyZI.js +0 -47
- package/.storybook-static/assets/TextCopyField-B04vTGbG.js +0 -1
- package/.storybook-static/assets/TextCopyField.stories-KD0WUWzA.js +0 -47
- package/.storybook-static/assets/TextInput-JK1M0hv6.js +0 -1
- package/.storybook-static/assets/TextInput.stories-BO0eQqBY.js +0 -233
- package/.storybook-static/assets/Textarea.stories-Bcn4sCkV.js +0 -207
- package/.storybook-static/assets/Toggle.stories-CuTFLoNh.js +0 -161
- package/.storybook-static/assets/Tooltip-DcSbUh5f.js +0 -1
- package/.storybook-static/assets/Tooltip-DyXIgFQH.css +0 -1
- package/.storybook-static/assets/Tooltip.stories-B0I_PBGG.js +0 -953
- package/.storybook-static/assets/UploadYourLogoApplication-EyTEQx-x.css +0 -9
- package/.storybook-static/assets/UploadYourLogoApplication.stories-Dixp1ynI.js +0 -194
- package/.storybook-static/assets/UploadYourLogoDropzone-DQqACf-e.css +0 -1
- package/.storybook-static/assets/UploadYourLogoDropzone-DouZtNvi.js +0 -24
- package/.storybook-static/assets/UploadYourLogoDropzone.stories-BHYeu4gz.js +0 -55
- package/.storybook-static/assets/UploadedLogoSearchResultCard.stories-D1KR63O4.js +0 -79
- package/.storybook-static/assets/_commonjsHelpers-D6-XlEtG.js +0 -1
- package/.storybook-static/assets/_plugin-vue_export-helper-DlAUqK2U.js +0 -1
- package/.storybook-static/assets/api-lSJGRrF2.js +0 -1
- package/.storybook-static/assets/axe-nGVJxRof.js +0 -30
- package/.storybook-static/assets/brand-crowd-api.client-DiPM1Wo-.js +0 -1
- package/.storybook-static/assets/bundled-translations-BZ57czTo.js +0 -1
- package/.storybook-static/assets/bundled-translations.de-DE-DXggTXB2.js +0 -1
- package/.storybook-static/assets/bundled-translations.es-ES-DtMmvicd.js +0 -1
- package/.storybook-static/assets/bundled-translations.fr-FR-BrQqbieG.js +0 -1
- package/.storybook-static/assets/bundled-translations.pt-PT-CpiWEAtr.js +0 -1
- package/.storybook-static/assets/carousel-CMMZ5MZ-.css +0 -1
- package/.storybook-static/assets/carousel.stories-o3eu2Qyc.js +0 -374
- package/.storybook-static/assets/event-constants-CMO9VQVu.js +0 -1
- package/.storybook-static/assets/iframe-C86bI_2U.js +0 -1126
- package/.storybook-static/assets/index-Bw-gCGc_.js +0 -6
- package/.storybook-static/assets/index-DhkYCT1V.js +0 -29
- package/.storybook-static/assets/matchers-7Z3WT2CE-T3xScrR7.js +0 -14
- package/.storybook-static/assets/tracking-ATsLLehC.js +0 -1
- package/.storybook-static/iframe.html +0 -694
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import{B as k}from"./Button-DtVlr_q3.js";import{c as n,F as w,r as U,a as x,o as i,h as D}from"./iframe-C86bI_2U.js";import{_ as N}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./ButtonPrimary-DG9wNod9.js";import"./Icon-8mZGP41G.js";const p={components:{Button:k},props:{categories:{type:Array,required:!0,default:()=>[]},initialCategory:{type:String,required:!1,default:"Popular"},isDarkMode:{type:Boolean,default:!1}},data(){return{selectedCategory:null}},created(){this.selectedCategory=this.initialCategory},methods:{onSelectCategory(r){this.selectedCategory=r.name,this.$emit("on-click-category",r)}}},P={class:"tw-list-none tw-flex tw-overflow-y-hidden tw-overflow-x-auto tw-m-0 tw-p-0"};function I(r,v,o,B,y,b){const h=x("Button");return i(),n("ul",P,[(i(!0),n(w,null,U(o.categories,e=>(i(),n("li",{key:e.name,class:"carousel-filter__category"},[D(h,{label:e.name,variant:o.isDarkMode?"dark-mode-pill":"pill",active:e.name===y.selectedCategory,onOnClick:S=>b.onSelectCategory(e)},null,8,["label","variant","active","onOnClick"])]))),128))])}const s=N(p,[["render",I]]);p.__docgenInfo={exportName:"default",displayName:"PillBar",description:"",tags:{},props:[{name:"categories",type:{name:"array"},required:!0,defaultValue:{func:!1,value:"[]"}},{name:"initialCategory",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'Popular'"}},{name:"isDarkMode",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"on-click-category",type:{names:["undefined"]}}],sourceFiles:["/Users/jamesjoung/repo/fe-shared-lib/src/atoms/components/PillBar/PillBar.vue"]};const f=[{name:"Popular",templateTypes:[{name:"Logo Designs",category:"Brand Identity",editorUrl:"logo-design-modal",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-brand-identity-logo-design@2x.png",carouselImageUrl:null,dimensions:"1280 x 1024",description:"View and edit your logo",height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Logo Designs",pluralName:"Logo Designs",token:"b0349875-33ac-4b93-a581-42f93255f461"},{name:"Business Card",category:"Brand Identity",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/business%20card%20horizontal",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-brand-identity-business-card@2x.png",carouselImageUrl:null,dimensions:"3.5 x 2 in",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:null,pluralName:"Business Cards",token:"4b6158b3-c992-4799-a838-d060565c32e7"},{name:"Facebook cover",category:"Social Media Covers",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/facebook%20cover",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-cover-facebook@2x.png",carouselImageUrl:null,dimensions:"820 x 312 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Facebook Cover",pluralName:"Facebook Covers",token:"fd5a796f-4f74-46a4-b5eb-cf5e478cd095"},{name:"Instagram post",category:"Social Media Posts",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/instagram%20post",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-post-instagram@2x.png",carouselImageUrl:null,dimensions:"1080 x 1080 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Instagram Post",pluralName:"Instagram Posts",token:"bce84983-7d85-499e-8b82-3474b625867e"},{name:"Brand Page",category:"Website",editorUrl:"/maker/brand-page/manage/create?logoDraftToken=32e0c206-edc5-4452-9925-2ab43ffd947c",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-brand-identity-business-card-vertical@2x.png",carouselImageUrl:null,dimensions:"Default",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Web Page",pluralName:"Web Pages",token:"88102dd6-2601-48b2-b6a3-1ab6f5600ce7"},{name:"Facebook post",category:"Social Media Posts",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/facebook%20post",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-post-facebook@2x.png",carouselImageUrl:null,dimensions:"940 x 788 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Facebook Post",pluralName:"Facebook Posts",token:"f6ecd7bd-ed25-4e9e-b500-a1452defb15e"},{name:"YouTube cover (channel art)",category:"Social Media Covers",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/youtube%20cover%20(channel%20art)",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-cover-youtube@2x.png",carouselImageUrl:null,dimensions:"2560 x 1440 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"YouTube Banner",pluralName:"YouTube Banners",token:"b5f801a9-625f-45df-bf31-af2ccf594018"}]},{name:"Social Media Covers",templateTypes:[{name:"Facebook cover",category:"Social Media Covers",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/facebook%20cover",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-cover-facebook@2x.png",carouselImageUrl:null,dimensions:"820 x 312 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Facebook Cover",pluralName:"Facebook Covers",token:"fd5a796f-4f74-46a4-b5eb-cf5e478cd095"},{name:"YouTube cover (channel art)",category:"Social Media Covers",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/youtube%20cover%20(channel%20art)",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-cover-youtube@2x.png",carouselImageUrl:null,dimensions:"2560 x 1440 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"YouTube Banner",pluralName:"YouTube Banners",token:"b5f801a9-625f-45df-bf31-af2ccf594018"},{name:"Twitch banner",category:"Social Media Covers",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/twitch%20banner",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-cover-tiwtch@2x.png",carouselImageUrl:null,dimensions:"1920 x 480 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Twitch Banner",pluralName:"Twitch Banners",token:"73529324-07c5-4306-b230-89a200f30f76"},{name:"LinkedIn banner",category:"Social Media Covers",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/linkedin%20banner",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-cover-linkedin@2x.png",carouselImageUrl:null,dimensions:"1584 x 396 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"LinkedIn Banner",pluralName:"LinkedIn Banners",token:"47b661fe-05f7-4d75-ae79-7c1b2d582978"},{name:"Facebook event cover",category:"Social Media Covers",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/facebook%20event%20cover",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-cover-facebook-event@2x.png",carouselImageUrl:null,dimensions:"1920 x 1080 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Facebook Event Cover",pluralName:"Facebook Event Covers",token:"b239cf78-9c34-492f-a9ff-e66e3e1b40e7"},{name:"SoundCloud banner",category:"Social Media Covers",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/soundcloud%20banner",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-cover-soundcloud@2x.png",carouselImageUrl:null,dimensions:"2480 x 520 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"SoundCloud Banner",pluralName:"SoundCloud Banners",token:"7344e35c-e6ba-4f20-8957-9fb3bc02d190"},{name:"Tumblr banner",category:"Social Media Covers",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/tumblr%20banner",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-cover-tumblr@2x.png",carouselImageUrl:null,dimensions:"3000 x 1055 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Tumblr Banner",pluralName:"Tumblr Banners",token:"709b5da5-9cd3-469d-9ed0-b93649b0803e"},{name:"Twitter header (cover)",category:"Social Media Covers",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/twitter%20header%20(cover)",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-cover-twitter@2x.png",carouselImageUrl:null,dimensions:"1500 x 500 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Twitter Header",pluralName:"Twitter Headers",token:"f99d0426-fd9e-4d59-a38c-b3160949a089"},{name:"Pinterest board cover",category:"Social Media Covers",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/pinterest%20board%20cover",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-cover-pinterest@2x.png",carouselImageUrl:null,dimensions:"222 x 150 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Pinterest Covers",pluralName:"Pinterest Board Covers",token:"c4b8232c-cb16-4126-9a01-2312d70e1e88"},{name:"Zoom background",category:"Social Media Covers",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/zoom%20background",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-cover-zoom@2x.png",carouselImageUrl:null,dimensions:"1280 x 720 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Zoom Background",pluralName:"Zoom Backgrounds",token:"c08e1a37-0472-444b-95a2-f37a663c0f5f"}]},{name:"Social Media Posts",templateTypes:[{name:"Instagram post",category:"Social Media Posts",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/instagram%20post",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-post-instagram@2x.png",carouselImageUrl:null,dimensions:"1080 x 1080 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Instagram Post",pluralName:"Instagram Posts",token:"bce84983-7d85-499e-8b82-3474b625867e"},{name:"Instagram story",category:"Social Media Posts",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/instagram%20story",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-post-instagram-story@2x.png",carouselImageUrl:null,dimensions:"1080 x 1920 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Instagram Story",pluralName:"Instagram Stories",token:"606e1476-be7e-40d1-b41e-fd656bf7d7df"},{name:"Facebook post",category:"Social Media Posts",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/facebook%20post",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-post-facebook@2x.png",carouselImageUrl:null,dimensions:"940 x 788 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Facebook Post",pluralName:"Facebook Posts",token:"f6ecd7bd-ed25-4e9e-b500-a1452defb15e"},{name:"Tumblr post",category:"Social Media Posts",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/tumblr%20post",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-post-tumblr@2x.png",carouselImageUrl:null,dimensions:"500 x 750 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Tumblr Post",pluralName:"Tumblr Posts",token:"cce321b7-3fa9-4b9b-b588-0bce143b92e5"},{name:"Facebook story",category:"Social Media Posts",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/facebook%20story",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-post-facebook-story@2x.png",carouselImageUrl:null,dimensions:"1080 x 1920 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Facebook Story",pluralName:"Facebook Stories",token:"b9500b5e-a010-4654-a1d1-572e8465ecbe"},{name:"Whatsapp story",category:"Social Media Posts",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/whatsapp%20story",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-post-whatsapp@2x.png",carouselImageUrl:null,dimensions:"1080 x 1920 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Whatsapp Story",pluralName:"Whatsapp Stories",token:"a7b11991-2fb2-4e99-82b2-ac6303f3b0e1"},{name:"YouTube thumbnail (on videos)",category:"Social Media Posts",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/youtube%20thumbnail%20(on%20videos)",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-profile-pic-youtube-thumbnail@2x.png",carouselImageUrl:null,dimensions:"1280 x 720 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"YouTube Thumbnail",pluralName:"YouTube Thumbnails",token:"f414305c-eda8-4af0-a7a3-8de64f696c01"},{name:"Facebook ad",category:"Social Media Posts",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/facebook%20ad",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-post-facebook-ad@2x.png",carouselImageUrl:null,dimensions:"1200 x 628 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Facebook Ad",pluralName:"Facebook Ads",token:"a5c8754a-ebe3-4074-8a57-a0b70f1e47b9"},{name:"Twitter post",category:"Social Media Posts",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/twitter%20post",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-post-twitter@2x.png",carouselImageUrl:null,dimensions:"1024 x 512 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Twitter Post",pluralName:"Twitter Posts",token:"e5dc0278-7e12-48dc-813f-f212bbbc747e"},{name:"Snapchat geofilters, ads and lenses",category:"Social Media Posts",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/snapchat%20geofilters,%20ads%20and%20lenses",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-post-snapchat@2x.png",carouselImageUrl:null,dimensions:"1080 x 1920 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Snapchat Design",pluralName:"Snapchat Designs",token:"16680a40-3922-4e52-9787-ba0ecbd05ea9"}]},{name:"Profile Pictures",templateTypes:[{name:"Facebook profile picture",category:"Profile Pictures",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/facebook%20profile%20picture",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-profile-pic-facebook@2x.png",carouselImageUrl:null,dimensions:"1000 x 1000 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Facebook Profile Picture",pluralName:"Facebook Profile Pictures",token:"de3f1998-4daa-4f00-94f1-805d44909ca9"},{name:"Instagram profile picture",category:"Profile Pictures",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/instagram%20profile%20picture",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-profile-pic-instagram@2x.png",carouselImageUrl:null,dimensions:"1000 x 1000 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Instagram Profile Picture",pluralName:"Instagram Profile Pictures",token:"c935053f-449a-4c15-8c66-73f7899d8de7"},{name:"Twitch profile picture",category:"Profile Pictures",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/twitch%20profile%20picture",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-profile-pic-twitch@2x.png",carouselImageUrl:null,dimensions:"1000 x 1000 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Twitch Profile Picture",pluralName:"Twitch Profile Pictures",token:"590a763d-0c35-4ec8-ad43-cd20a06f40e8"},{name:"LinkedIn profile picture",category:"Profile Pictures",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/linkedin%20profile%20picture",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-profile-pic-linkedin@2x.png",carouselImageUrl:null,dimensions:"1000 x 1000 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"LinkedIn Profile Picture",pluralName:"LinkedIn Profile Pictures",token:"9e372479-f436-4349-8ed1-911ea2f914c7"},{name:"YouTube channel icon",category:"Profile Pictures",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/youtube%20channel%20icon",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-profile-pic-youtube@2x.png",carouselImageUrl:null,dimensions:"1000 x 1000 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"YouTube Channel Icon",pluralName:"YouTube Channel Icons",token:"4a2314ac-927f-466e-97eb-36d84fb67a44"},{name:"Twitter profile picture",category:"Profile Pictures",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/twitter%20profile%20picture",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-profile-pic-twitter@2x.png",carouselImageUrl:null,dimensions:"1000 x 1000 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Twitter Profile Picture",pluralName:"Twitter Profile Pictures",token:"11e94819-27dc-44b8-b6ff-6d2961a25f84"},{name:"SoundCloud profile picture",category:"Profile Pictures",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/soundcloud%20profile%20picture",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-profile-pic-soundcloud@2x.png",carouselImageUrl:null,dimensions:"1000 x 1000 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"SoundCloud Profile Picture",pluralName:"SoundCloud Profile Pictures",token:"5d9756fa-1e59-4e53-b4b1-e44bfad6f83f"},{name:"Pinterest profile picture",category:"Profile Pictures",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/pinterest%20profile%20picture",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-profile-pic-pinterest@2x.png",carouselImageUrl:null,dimensions:"1000 x 1000 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Pinterest Profile Picture",pluralName:"Pinterest Profile Pictures",token:"40d1de23-89c5-4806-83d5-6dd653bd07e1"},{name:"Tumblr profile picture",category:"Profile Pictures",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/tumblr%20profile%20picture",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-profile-pic-tumblr@2x.png",carouselImageUrl:null,dimensions:"1000 x 1000 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Tumblr Profile Picture",pluralName:"Tumblr Profile Pictures",token:"3a892cea-41b0-422b-bea3-29bb3497ba6c"}]},{name:"Brand Identity",templateTypes:[{name:"Business card horizontal",category:"Brand Identity",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/business%20card%20horizontal",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-brand-identity-business-card@2x.png",carouselImageUrl:null,dimensions:"3.5 x 2 in",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Business Card",pluralName:"Business cards horizontal",token:"4b6158b3-c992-4799-a838-d060565c32e7"},{name:"Business card square",category:"Brand Identity",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/business%20card%20square",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-brand-identity-business-card-square@2x.png",carouselImageUrl:null,dimensions:"2.5 x 2.5 in",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Business Card",pluralName:"Business cards square",token:"0707e6b7-f460-4b11-808f-24a9178e304f"},{name:"Business card vertical",category:"Brand Identity",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/business%20card%20vertical",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-brand-identity-business-card-vertical@2x.png",carouselImageUrl:null,dimensions:"2 x 3.5 in",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Business Card",pluralName:"Business cards vertical",token:"1e42a0e3-3c5a-4226-b884-3e3bcaa5d3f4"},{name:"Email Signature",category:"Brand Identity",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/email%20signature",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-brand-identity-email-signature@2x.png",carouselImageUrl:null,dimensions:"600 x 200 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Email Signature",pluralName:"Email Signatures",token:"ef11f0d4-5549-4c26-9e3f-ccac8c91e4a2"},{name:"Letterhead",category:"Brand Identity",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/letterhead",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-brand-identity-letterhead@2x.png",carouselImageUrl:null,dimensions:"21 x 29.7 cm (A4)",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Letterhead",pluralName:"Letterheads",token:"eef6343e-4d4e-49e5-b4ae-ea73418daf3e"},{name:"Favicon",category:"Brand Identity",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/favicon",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-brand-identity-favicon@2x.png",carouselImageUrl:null,dimensions:"32 x 32 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Favicon",pluralName:"Favicons",token:"c83da9fb-e514-450c-995b-240f6b68966d"},{name:"Poster",category:"Brand Identity",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/poster",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-brand-identity-poster@2x.png",carouselImageUrl:null,dimensions:"598 x 845 mm (A1)",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Poster",pluralName:"Posters",token:"ff5b1fe0-ac40-4ad2-9ca1-99eae9daad7f"},{name:"Flyer",category:"Brand Identity",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/flyer",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-brand-identity-flyer@2x.png",carouselImageUrl:null,dimensions:"21 x 29.7 cm (A4)",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Flyer",pluralName:"Flyers",token:"c34f4e0b-ea57-4d5d-9a64-ac410fd647d2"},{name:"Invoice",category:"Brand Identity",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/invoice",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-brand-identity-invoice@2x.png",carouselImageUrl:null,dimensions:"21 x 29.7 cm (A4)",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Invoice",pluralName:"Invoices",token:"60456c4c-158e-4c90-a3cc-1d0d20ae2eb6"},{name:"Menu",category:"Brand Identity",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/menu",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-brand-identity-menu@2x.png",carouselImageUrl:null,dimensions:"21 x 29.7 cm (A4)",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Menu",pluralName:"Menus",token:"ab7d3c84-63b6-4ac5-8b76-11190c220869"},{name:"Postcard",category:"Brand Identity",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/postcard",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-brand-identity-postcard@2x.png",carouselImageUrl:null,dimensions:"151 x 108 mm (A6)",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Postcard",pluralName:"Postcards",token:"581e5ddd-b180-4789-b573-b1f2330b9a0f"},{name:"Logo Designs",category:"Brand Identity",editorUrl:"logo-design-modal",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-brand-identity-logo-design@2x.png",carouselImageUrl:null,dimensions:"1280 x 1024",description:"View and edit your logo",height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Logo Designs",pluralName:"Logo Designs",token:"b0349875-33ac-4b93-a581-42f93255f461"}]},{name:"Custom Design",templateTypes:[{name:"Square",category:null,editorUrl:"/maker/mydesigns/new/customdesign?h=1080&w=1080&logoDraftToken=32e0c206-edc5-4452-9925-2ab43ffd947c",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-custom-square.png",carouselImageUrl:null,dimensions:"1080 x 1080 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:null,pluralName:"Square",token:"00000000-0000-0000-0000-000000000000"},{name:"Portrait",category:null,editorUrl:"/maker/mydesigns/new/customdesign?h=1080&w=720&logoDraftToken=32e0c206-edc5-4452-9925-2ab43ffd947c",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-custom-portrait.png",carouselImageUrl:null,dimensions:"1080 x 720 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:null,pluralName:"Portrait",token:"00000000-0000-0000-0000-000000000000"},{name:"Landscape",category:null,editorUrl:"/maker/mydesigns/new/customdesign?h=720&w=1080&logoDraftToken=32e0c206-edc5-4452-9925-2ab43ffd947c",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-custom-landscape.png",carouselImageUrl:null,dimensions:"720 x 1080 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:null,pluralName:"Landscape",token:"00000000-0000-0000-0000-000000000000"},{name:"Tall",category:null,editorUrl:"/maker/mydesigns/new/customdesign?h=1280&w=640&logoDraftToken=32e0c206-edc5-4452-9925-2ab43ffd947c",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-custom-tall.png",carouselImageUrl:null,dimensions:"1280 x 640 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:null,pluralName:"Tall",token:"00000000-0000-0000-0000-000000000000"},{name:"Wide",category:null,editorUrl:"/maker/mydesigns/new/customdesign?h=640&w=1280&logoDraftToken=32e0c206-edc5-4452-9925-2ab43ffd947c",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-custom-wide.png",carouselImageUrl:null,dimensions:"640 x 1280 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:null,pluralName:"Wide",token:"00000000-0000-0000-0000-000000000000"}]}],L={title:"Components/PillBar",component:s},l=()=>({components:{PillBar:s},data(){return{categories:f}},template:`
|
|
2
|
-
<div class="tw-max-w-300">
|
|
3
|
-
<PillBar :categories="categories" />
|
|
4
|
-
</div>
|
|
5
|
-
`}),a=()=>({components:{PillBar:s},data(){return{categories:f}},template:`
|
|
6
|
-
<div class="tw-max-w-300 tw-bg-black tw-p-8">
|
|
7
|
-
<PillBar :categories="categories" is-dark-mode />
|
|
8
|
-
</div>
|
|
9
|
-
`});var t,c,d;l.parameters={...l.parameters,docs:{...(t=l.parameters)==null?void 0:t.docs,source:{originalSource:`() => {
|
|
10
|
-
return {
|
|
11
|
-
components: {
|
|
12
|
-
PillBar
|
|
13
|
-
},
|
|
14
|
-
data() {
|
|
15
|
-
return {
|
|
16
|
-
categories
|
|
17
|
-
};
|
|
18
|
-
},
|
|
19
|
-
template: \`
|
|
20
|
-
<div class="tw-max-w-300">
|
|
21
|
-
<PillBar :categories="categories" />
|
|
22
|
-
</div>
|
|
23
|
-
\`
|
|
24
|
-
};
|
|
25
|
-
}`,...(d=(c=l.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};var m,u,g;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:`() => {
|
|
26
|
-
return {
|
|
27
|
-
components: {
|
|
28
|
-
PillBar
|
|
29
|
-
},
|
|
30
|
-
data() {
|
|
31
|
-
return {
|
|
32
|
-
categories
|
|
33
|
-
};
|
|
34
|
-
},
|
|
35
|
-
template: \`
|
|
36
|
-
<div class="tw-max-w-300 tw-bg-black tw-p-8">
|
|
37
|
-
<PillBar :categories="categories" is-dark-mode />
|
|
38
|
-
</div>
|
|
39
|
-
\`
|
|
40
|
-
};
|
|
41
|
-
}`,...(g=(u=a.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};const Y=["Sample","SampleDarkMode"];export{l as Sample,a as SampleDarkMode,Y as __namedExportsOrder,L as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{c as s,t as a,o as i}from"./iframe-C86bI_2U.js";import{_ as l}from"./_plugin-vue_export-helper-DlAUqK2U.js";const n={props:{amount:{type:[Number,String],required:!1,default:null},alwaysShowFraction:{type:Boolean,required:!1,default:!0},currency:{type:Object,required:!1,default:null},fraction:{type:[Number,String],required:!1,default:0},showAbbreviation:{type:Boolean,required:!1,default:!1},wrapInParentheses:{type:Boolean,requred:!1,default:!1},suffix:{type:String,required:!1,default:""},isDomainCredit:{type:Boolean,required:!1,default:!1}},computed:{amountFormatted(){if(this.isDomainCredit)return"Domain credit used";if(!this.amount||this.amount===0)return"Free";const e=Number.parseFloat(this.amount);return Number.isNaN(e)?this.amount:!(e%1!==0)&&!this.alwaysShowFraction?e.toFixed(0):e.toFixed(this.fraction)},currencyAbbreviation(){var e,r;return this.showAbbreviation&&this.amount>0?(r=(e=this.currency)==null?void 0:e.abbreviation)==null?void 0:r.trim():""},currencySymbol(){var e,r;return!this.amount||this.amount===0?"":((r=(e=this.currency)==null?void 0:e.symbol)==null?void 0:r.trim())??"$"},isSymbolPlacedBeforePrice(){var e,r;return((e=this.currency)==null?void 0:e.isSymbolPlacedBeforePrice)==null?!0:((r=this.currency)==null?void 0:r.isSymbolPlacedBeforePrice)===!0},currencySymbolBefore(){return this.isSymbolPlacedBeforePrice?this.currencySymbol:""},currencySymbolAfter(){return this.isSymbolPlacedBeforePrice?"":this.currencySymbol},optionalLeftParenthesis(){return this.wrapInParentheses?"(":""},optionalRightParenthesis(){return this.wrapInParentheses?")":""}}},o={class:"notranslate"};function f(e,r,u,c,m,t){return i(),s("span",o,a(t.optionalLeftParenthesis)+a(t.currencyAbbreviation)+a(t.currencySymbolBefore)+a(t.amountFormatted)+a(t.currencySymbolAfter)+a(t.optionalRightParenthesis)+a(u.suffix),1)}const h=l(n,[["render",f]]);n.__docgenInfo={exportName:"default",displayName:"Price",description:"",tags:{},props:[{name:"amount",type:{name:"number|string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"alwaysShowFraction",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}},{name:"currency",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"fraction",type:{name:"number|string"},required:!1,defaultValue:{func:!1,value:"0"}},{name:"showAbbreviation",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"wrapInParentheses",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"suffix",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"isDomainCredit",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}}],sourceFiles:["/Users/jamesjoung/repo/fe-shared-lib/src/atoms/components/Price/Price.vue"]};export{h as P};
|
|
@@ -1,221 +0,0 @@
|
|
|
1
|
-
import{P as a}from"./Price-DKOwLeD0.js";import"./iframe-C86bI_2U.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const N={id:1,name:"United State Dollars",iso4127Code:"USD",symbol:"$",abbreviation:"US"},T={id:2,name:"Australian Dollars",iso4127Code:"AUD",symbol:"$",abbreviation:"AU"},j={id:999,name:"Euro",iso4127Code:"EUR",symbol:"€",abbreviation:"EU"},s=[N,T,j],U={title:"Components/Price",component:a,args:{currencyName:s[0].name},argTypes:{amount:{type:"number"},currencyName:{control:{type:"select"},options:s.map(n=>n.name)}}},t={render:(n,{argTypes:e})=>({components:{Price:a},props:Object.keys(e),setup(){return{args:n}},computed:{selectedCurrency(){return s.find(r=>r.name===this.args.currencyName)}},template:`
|
|
2
|
-
<span>
|
|
3
|
-
<price
|
|
4
|
-
v-bind="args"
|
|
5
|
-
:currency="selectedCurrency"
|
|
6
|
-
/>
|
|
7
|
-
</span>
|
|
8
|
-
`}),args:{amount:45}},c={render:(n,{argTypes:e})=>({components:{Price:a},props:Object.keys(e),setup(){return{args:n}},computed:{selectedCurrency(){return s.find(r=>r.name===this.args.currencyName)}},template:`
|
|
9
|
-
<span>
|
|
10
|
-
<price
|
|
11
|
-
v-bind="args"
|
|
12
|
-
:currency="selectedCurrency"
|
|
13
|
-
fraction="2"
|
|
14
|
-
:show-abbreviation="true"
|
|
15
|
-
/>
|
|
16
|
-
</span>
|
|
17
|
-
`}),args:{amount:22.5}},o={render:(n,{argTypes:e})=>({components:{Price:a},props:Object.keys(e),setup(){return{args:n}},computed:{selectedCurrency(){return s.find(r=>r.name===this.args.currencyName)}},template:`
|
|
18
|
-
<span>
|
|
19
|
-
<price
|
|
20
|
-
v-bind="args"
|
|
21
|
-
:always-show-fraction="true"
|
|
22
|
-
:currency="selectedCurrency"
|
|
23
|
-
fraction="2"
|
|
24
|
-
:show-abbreviation="true"
|
|
25
|
-
/>
|
|
26
|
-
</span>
|
|
27
|
-
`}),args:{amount:22}},u={render:(n,{argTypes:e})=>({components:{Price:a},props:Object.keys(e),setup(){return{args:n}},computed:{selectedCurrency(){return s.find(r=>r.name===this.args.currencyName)}},template:`
|
|
28
|
-
<span>
|
|
29
|
-
<price
|
|
30
|
-
v-bind="args"
|
|
31
|
-
:always-show-fraction="false"
|
|
32
|
-
:currency="selectedCurrency"
|
|
33
|
-
fraction="2"
|
|
34
|
-
:show-abbreviation="true"
|
|
35
|
-
/>
|
|
36
|
-
</span>
|
|
37
|
-
`}),args:{amount:22}},p={render:(n,{argTypes:e})=>({components:{Price:a},props:Object.keys(e),setup(){return{args:n}},computed:{selectedCurrency(){return s.find(r=>r.name===this.args.currencyName)}},template:`
|
|
38
|
-
<span>
|
|
39
|
-
<price
|
|
40
|
-
v-bind="args"
|
|
41
|
-
:always-show-fraction="true"
|
|
42
|
-
:currency="selectedCurrency"
|
|
43
|
-
fraction="2"
|
|
44
|
-
:show-abbreviation="true"
|
|
45
|
-
:suffix="suffix"
|
|
46
|
-
/>
|
|
47
|
-
</span>
|
|
48
|
-
`}),args:{amount:22,suffix:"/yr"}};var i,m,d;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`{
|
|
49
|
-
render: (args, {
|
|
50
|
-
argTypes
|
|
51
|
-
}) => {
|
|
52
|
-
return {
|
|
53
|
-
components: {
|
|
54
|
-
Price
|
|
55
|
-
},
|
|
56
|
-
props: Object.keys(argTypes),
|
|
57
|
-
setup() {
|
|
58
|
-
return {
|
|
59
|
-
args
|
|
60
|
-
};
|
|
61
|
-
},
|
|
62
|
-
computed: {
|
|
63
|
-
selectedCurrency() {
|
|
64
|
-
return currencies.find(x => x.name === this.args.currencyName);
|
|
65
|
-
}
|
|
66
|
-
},
|
|
67
|
-
template: \`
|
|
68
|
-
<span>
|
|
69
|
-
<price
|
|
70
|
-
v-bind="args"
|
|
71
|
-
:currency="selectedCurrency"
|
|
72
|
-
/>
|
|
73
|
-
</span>
|
|
74
|
-
\`
|
|
75
|
-
};
|
|
76
|
-
},
|
|
77
|
-
args: {
|
|
78
|
-
amount: 45
|
|
79
|
-
}
|
|
80
|
-
}`,...(d=(m=t.parameters)==null?void 0:m.docs)==null?void 0:d.source}}};var y,l,g;c.parameters={...c.parameters,docs:{...(y=c.parameters)==null?void 0:y.docs,source:{originalSource:`{
|
|
81
|
-
render: (args, {
|
|
82
|
-
argTypes
|
|
83
|
-
}) => {
|
|
84
|
-
return {
|
|
85
|
-
components: {
|
|
86
|
-
Price
|
|
87
|
-
},
|
|
88
|
-
props: Object.keys(argTypes),
|
|
89
|
-
setup() {
|
|
90
|
-
return {
|
|
91
|
-
args
|
|
92
|
-
};
|
|
93
|
-
},
|
|
94
|
-
computed: {
|
|
95
|
-
selectedCurrency() {
|
|
96
|
-
return currencies.find(x => x.name === this.args.currencyName);
|
|
97
|
-
}
|
|
98
|
-
},
|
|
99
|
-
template: \`
|
|
100
|
-
<span>
|
|
101
|
-
<price
|
|
102
|
-
v-bind="args"
|
|
103
|
-
:currency="selectedCurrency"
|
|
104
|
-
fraction="2"
|
|
105
|
-
:show-abbreviation="true"
|
|
106
|
-
/>
|
|
107
|
-
</span>
|
|
108
|
-
\`
|
|
109
|
-
};
|
|
110
|
-
},
|
|
111
|
-
args: {
|
|
112
|
-
amount: 22.5
|
|
113
|
-
}
|
|
114
|
-
}`,...(g=(l=c.parameters)==null?void 0:l.docs)==null?void 0:g.source}}};var f,b,h;o.parameters={...o.parameters,docs:{...(f=o.parameters)==null?void 0:f.docs,source:{originalSource:`{
|
|
115
|
-
render: (args, {
|
|
116
|
-
argTypes
|
|
117
|
-
}) => {
|
|
118
|
-
return {
|
|
119
|
-
components: {
|
|
120
|
-
Price
|
|
121
|
-
},
|
|
122
|
-
props: Object.keys(argTypes),
|
|
123
|
-
setup() {
|
|
124
|
-
return {
|
|
125
|
-
args
|
|
126
|
-
};
|
|
127
|
-
},
|
|
128
|
-
computed: {
|
|
129
|
-
selectedCurrency() {
|
|
130
|
-
return currencies.find(x => x.name === this.args.currencyName);
|
|
131
|
-
}
|
|
132
|
-
},
|
|
133
|
-
template: \`
|
|
134
|
-
<span>
|
|
135
|
-
<price
|
|
136
|
-
v-bind="args"
|
|
137
|
-
:always-show-fraction="true"
|
|
138
|
-
:currency="selectedCurrency"
|
|
139
|
-
fraction="2"
|
|
140
|
-
:show-abbreviation="true"
|
|
141
|
-
/>
|
|
142
|
-
</span>
|
|
143
|
-
\`
|
|
144
|
-
};
|
|
145
|
-
},
|
|
146
|
-
args: {
|
|
147
|
-
amount: 22.0
|
|
148
|
-
}
|
|
149
|
-
}`,...(h=(b=o.parameters)==null?void 0:b.docs)==null?void 0:h.source}}};var w,C,v;u.parameters={...u.parameters,docs:{...(w=u.parameters)==null?void 0:w.docs,source:{originalSource:`{
|
|
150
|
-
render: (args, {
|
|
151
|
-
argTypes
|
|
152
|
-
}) => {
|
|
153
|
-
return {
|
|
154
|
-
components: {
|
|
155
|
-
Price
|
|
156
|
-
},
|
|
157
|
-
props: Object.keys(argTypes),
|
|
158
|
-
setup() {
|
|
159
|
-
return {
|
|
160
|
-
args
|
|
161
|
-
};
|
|
162
|
-
},
|
|
163
|
-
computed: {
|
|
164
|
-
selectedCurrency() {
|
|
165
|
-
return currencies.find(x => x.name === this.args.currencyName);
|
|
166
|
-
}
|
|
167
|
-
},
|
|
168
|
-
template: \`
|
|
169
|
-
<span>
|
|
170
|
-
<price
|
|
171
|
-
v-bind="args"
|
|
172
|
-
:always-show-fraction="false"
|
|
173
|
-
:currency="selectedCurrency"
|
|
174
|
-
fraction="2"
|
|
175
|
-
:show-abbreviation="true"
|
|
176
|
-
/>
|
|
177
|
-
</span>
|
|
178
|
-
\`
|
|
179
|
-
};
|
|
180
|
-
},
|
|
181
|
-
args: {
|
|
182
|
-
amount: 22.0
|
|
183
|
-
}
|
|
184
|
-
}`,...(v=(C=u.parameters)==null?void 0:C.docs)==null?void 0:v.source}}};var x,S,O;p.parameters={...p.parameters,docs:{...(x=p.parameters)==null?void 0:x.docs,source:{originalSource:`{
|
|
185
|
-
render: (args, {
|
|
186
|
-
argTypes
|
|
187
|
-
}) => {
|
|
188
|
-
return {
|
|
189
|
-
components: {
|
|
190
|
-
Price
|
|
191
|
-
},
|
|
192
|
-
props: Object.keys(argTypes),
|
|
193
|
-
setup() {
|
|
194
|
-
return {
|
|
195
|
-
args
|
|
196
|
-
};
|
|
197
|
-
},
|
|
198
|
-
computed: {
|
|
199
|
-
selectedCurrency() {
|
|
200
|
-
return currencies.find(x => x.name === this.args.currencyName);
|
|
201
|
-
}
|
|
202
|
-
},
|
|
203
|
-
template: \`
|
|
204
|
-
<span>
|
|
205
|
-
<price
|
|
206
|
-
v-bind="args"
|
|
207
|
-
:always-show-fraction="true"
|
|
208
|
-
:currency="selectedCurrency"
|
|
209
|
-
fraction="2"
|
|
210
|
-
:show-abbreviation="true"
|
|
211
|
-
:suffix="suffix"
|
|
212
|
-
/>
|
|
213
|
-
</span>
|
|
214
|
-
\`
|
|
215
|
-
};
|
|
216
|
-
},
|
|
217
|
-
args: {
|
|
218
|
-
amount: 22.0,
|
|
219
|
-
suffix: '/yr'
|
|
220
|
-
}
|
|
221
|
-
}`,...(O=(S=p.parameters)==null?void 0:S.docs)==null?void 0:O.source}}};const F=["Sample","WithFraction","AlwaysShowFractionOn","AlwaysShowFractionOff","WithSuffix"];export{u as AlwaysShowFractionOff,o as AlwaysShowFractionOn,t as Sample,c as WithFraction,p as WithSuffix,F as __namedExportsOrder,U as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@media (max-width: 640px){.desktop-cta[data-v-e04c7b1b]{display:none;width:100%}}@media (min-width: 640px){.mobile-cta[data-v-e04c7b1b]{display:none;width:100%}}@media (max-width: 640px){[data-v-db0c0d1a] .publish-bp--modal{max-height:90vh;width:90vw}}@media (min-width: 640px){[data-v-db0c0d1a] .publish-bp--modal{max-height:80vh;width:90vw}}
|