@designcrowd/fe-shared-lib 1.5.21 → 1.5.22

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.
Files changed (140) hide show
  1. package/dist/css/tailwind-brandCrowd.css +80 -3
  2. package/dist/css/tailwind-brandPage.css +76 -3
  3. package/dist/css/tailwind-crazyDomains.css +80 -3
  4. package/dist/css/tailwind-designCom.css +80 -3
  5. package/dist/css/tailwind-designCrowd.css +80 -3
  6. package/package.json +1 -1
  7. package/src/atoms/components/Icon/Icon.stories.js +2 -0
  8. package/src/atoms/components/Icon/Icon.vue +4 -0
  9. package/src/atoms/components/Icon/icons/digital-business-card-filled.vue +8 -0
  10. package/src/atoms/components/Icon/icons/link-in-bio-filled.vue +8 -0
  11. package/.storybook-static/assets/Auth-CV5AmoX8.css +0 -1
  12. package/.storybook-static/assets/Auth.stories-CX3sjxh5.js +0 -490
  13. package/.storybook-static/assets/AuthCrazyDomains.stories-Didj_VFa.js +0 -73
  14. package/.storybook-static/assets/Button-5UzSGUF6.css +0 -1
  15. package/.storybook-static/assets/Button-DtVlr_q3.js +0 -1
  16. package/.storybook-static/assets/ButtonGroup-Dfr7bNL2.css +0 -1
  17. package/.storybook-static/assets/ButtonGroup.stories-4EQk-ktb.js +0 -503
  18. package/.storybook-static/assets/ButtonPrimary-Bu6bXb_c.css +0 -1
  19. package/.storybook-static/assets/ButtonPrimary-DG9wNod9.js +0 -1
  20. package/.storybook-static/assets/Buttons.stories-B_KpeCzt.js +0 -761
  21. package/.storybook-static/assets/ButtonsCrazyDomains.stories-oZtahAmR.js +0 -199
  22. package/.storybook-static/assets/Checkbox.mixin-DkHpdvGa.js +0 -1
  23. package/.storybook-static/assets/Checkbox.stories-C67RL0ut.js +0 -203
  24. package/.storybook-static/assets/Checktile.stories-DN2wfzd6.js +0 -88
  25. package/.storybook-static/assets/CollapsiblePanel.stories-BkzrqfVG.js +0 -39
  26. package/.storybook-static/assets/ColorPicker.stories-85BQwpyF.js +0 -73
  27. package/.storybook-static/assets/CopyToClipboardText.stories-Csh5nVRs.js +0 -32
  28. package/.storybook-static/assets/Dropdown.stories-NNlxNopk.js +0 -159
  29. package/.storybook-static/assets/DropdownItem-CDX_V6Mi.js +0 -1
  30. package/.storybook-static/assets/DropdownItem-CLNmWtKh.css +0 -1
  31. package/.storybook-static/assets/FormControl.mixin-_gXRExB7.js +0 -1
  32. package/.storybook-static/assets/HashRouteModal.stories-Dy1_nLTJ.js +0 -64
  33. package/.storybook-static/assets/HelloBar-z54fob0q.js +0 -1
  34. package/.storybook-static/assets/HelloBar.stories-ClJ9_KRK.js +0 -342
  35. package/.storybook-static/assets/Icon-8mZGP41G.js +0 -144
  36. package/.storybook-static/assets/Icon.stories-BcXMvpuh.js +0 -126
  37. package/.storybook-static/assets/Icon.stories-D6ECVMta.js +0 -751
  38. package/.storybook-static/assets/Loader-D61Ki9P1.js +0 -1
  39. package/.storybook-static/assets/LogoBusinessBrandColours-B1_8hw0H.js +0 -1
  40. package/.storybook-static/assets/LogoBusinessBrandColours-DEFhAyxR.css +0 -1
  41. package/.storybook-static/assets/LogoBusinessBrandColours.stories-CIWe9ndn.js +0 -36
  42. package/.storybook-static/assets/Masonry-C2MNiGg0.css +0 -1
  43. package/.storybook-static/assets/Masonry.stories-CDT8kZCv.js +0 -71
  44. package/.storybook-static/assets/Modal-BQrpXSGA.js +0 -1
  45. package/.storybook-static/assets/Modal-BvVMN71n.css +0 -1
  46. package/.storybook-static/assets/Modal.stories-BycF7YL6.js +0 -345
  47. package/.storybook-static/assets/Notice.stories-BufkrC1b.js +0 -222
  48. package/.storybook-static/assets/NumberStepper-Blffv09R.css +0 -1
  49. package/.storybook-static/assets/NumberStepper.stories-6_y_lEgC.js +0 -64
  50. package/.storybook-static/assets/PaymentConfigList-wI1eTv5x.css +0 -1
  51. package/.storybook-static/assets/PaymentConfigList.stories-BlzzKrzz.js +0 -126
  52. package/.storybook-static/assets/Picture-Cq76CaoK.js +0 -1
  53. package/.storybook-static/assets/Picture.stories-BDqRm9_g.js +0 -119
  54. package/.storybook-static/assets/Pill-BsMeJhV9.js +0 -1
  55. package/.storybook-static/assets/Pill.stories-DUvzbtnS.js +0 -18
  56. package/.storybook-static/assets/PillBar-os4mJV3M.css +0 -1
  57. package/.storybook-static/assets/PillBar.stories-BUMLXBij.js +0 -41
  58. package/.storybook-static/assets/Price-DKOwLeD0.js +0 -1
  59. package/.storybook-static/assets/Price.stories-DlqrNUWI.js +0 -221
  60. package/.storybook-static/assets/PublishBrandPageModal-CLU8-If3.css +0 -1
  61. package/.storybook-static/assets/PublishBrandPageModal.stories-Dqobvq-n.js +0 -273
  62. package/.storybook-static/assets/SearchBar.stories-_wPX3-Rl.js +0 -12
  63. package/.storybook-static/assets/Select-Dw-zvSUg.css +0 -1
  64. package/.storybook-static/assets/Select.stories-BWINGxdY.js +0 -108
  65. package/.storybook-static/assets/SellDomainNameList.fixtures-LC6fjr_b.js +0 -1
  66. package/.storybook-static/assets/SellDomainNameListModal-ByK_ak0A.js +0 -1
  67. package/.storybook-static/assets/SellDomainNameListModal-CdfyEX1a.css +0 -1
  68. package/.storybook-static/assets/SellDomainNameListModal.stories-DrL8w2AY.js +0 -71
  69. package/.storybook-static/assets/SellDomainNameListSearchResult-1WuAKfzI.css +0 -1
  70. package/.storybook-static/assets/SellDomainNameListSearchResult-By0IpIM_.js +0 -1
  71. package/.storybook-static/assets/SellDomainNameSearchWithResults-BttjI4PH.js +0 -1
  72. package/.storybook-static/assets/SellDomainNameSearchWithResults.stories-Dm1Q8Cza.js +0 -37
  73. package/.storybook-static/assets/SellDomainNameWidget.stories-CKoz3WnZ.js +0 -36
  74. package/.storybook-static/assets/SignIn-DNYeJu86.css +0 -1
  75. package/.storybook-static/assets/SignIn-Dt8OJr0J.js +0 -1
  76. package/.storybook-static/assets/Slider-Cog2FFdj.css +0 -1
  77. package/.storybook-static/assets/Slider.stories-08DN2SFB.js +0 -141
  78. package/.storybook-static/assets/StarRating-BtKh7pzm.css +0 -1
  79. package/.storybook-static/assets/StarRating.stories-BEIj9ufA.js +0 -45
  80. package/.storybook-static/assets/TabMenu.stories-D9f0pyZI.js +0 -47
  81. package/.storybook-static/assets/TextCopyField-B04vTGbG.js +0 -1
  82. package/.storybook-static/assets/TextCopyField.stories-KD0WUWzA.js +0 -47
  83. package/.storybook-static/assets/TextInput-JK1M0hv6.js +0 -1
  84. package/.storybook-static/assets/TextInput.stories-BO0eQqBY.js +0 -233
  85. package/.storybook-static/assets/Textarea.stories-Bcn4sCkV.js +0 -207
  86. package/.storybook-static/assets/Toggle.stories-CuTFLoNh.js +0 -161
  87. package/.storybook-static/assets/Tooltip-DcSbUh5f.js +0 -1
  88. package/.storybook-static/assets/Tooltip-DyXIgFQH.css +0 -1
  89. package/.storybook-static/assets/Tooltip.stories-B0I_PBGG.js +0 -953
  90. package/.storybook-static/assets/UploadYourLogoApplication-EyTEQx-x.css +0 -9
  91. package/.storybook-static/assets/UploadYourLogoApplication.stories-Dixp1ynI.js +0 -194
  92. package/.storybook-static/assets/UploadYourLogoDropzone-DQqACf-e.css +0 -1
  93. package/.storybook-static/assets/UploadYourLogoDropzone-DouZtNvi.js +0 -24
  94. package/.storybook-static/assets/UploadYourLogoDropzone.stories-BHYeu4gz.js +0 -55
  95. package/.storybook-static/assets/UploadedLogoSearchResultCard.stories-D1KR63O4.js +0 -79
  96. package/.storybook-static/assets/_commonjsHelpers-D6-XlEtG.js +0 -1
  97. package/.storybook-static/assets/_plugin-vue_export-helper-DlAUqK2U.js +0 -1
  98. package/.storybook-static/assets/api-lSJGRrF2.js +0 -1
  99. package/.storybook-static/assets/axe-nGVJxRof.js +0 -30
  100. package/.storybook-static/assets/brand-crowd-api.client-DiPM1Wo-.js +0 -1
  101. package/.storybook-static/assets/bundled-translations-BZ57czTo.js +0 -1
  102. package/.storybook-static/assets/bundled-translations.de-DE-DXggTXB2.js +0 -1
  103. package/.storybook-static/assets/bundled-translations.es-ES-DtMmvicd.js +0 -1
  104. package/.storybook-static/assets/bundled-translations.fr-FR-BrQqbieG.js +0 -1
  105. package/.storybook-static/assets/bundled-translations.pt-PT-CpiWEAtr.js +0 -1
  106. package/.storybook-static/assets/carousel-CMMZ5MZ-.css +0 -1
  107. package/.storybook-static/assets/carousel.stories-o3eu2Qyc.js +0 -374
  108. package/.storybook-static/assets/event-constants-CMO9VQVu.js +0 -1
  109. package/.storybook-static/assets/iframe-C86bI_2U.js +0 -1126
  110. package/.storybook-static/assets/index-Bw-gCGc_.js +0 -6
  111. package/.storybook-static/assets/index-DhkYCT1V.js +0 -29
  112. package/.storybook-static/assets/matchers-7Z3WT2CE-T3xScrR7.js +0 -14
  113. package/.storybook-static/assets/tracking-ATsLLehC.js +0 -1
  114. package/.storybook-static/css/tailwind-brandCrowd.css +0 -2404
  115. package/.storybook-static/css/tailwind-brandPage.css +0 -2088
  116. package/.storybook-static/css/tailwind-crazyDomains.css +0 -2404
  117. package/.storybook-static/css/tailwind-designCom.css +0 -2404
  118. package/.storybook-static/css/tailwind-designCrowd.css +0 -2404
  119. package/.storybook-static/favicon.svg +0 -1
  120. package/.storybook-static/iframe.html +0 -694
  121. package/.storybook-static/index.html +0 -156
  122. package/.storybook-static/index.json +0 -1
  123. package/.storybook-static/nunito-sans-bold-italic.woff2 +0 -0
  124. package/.storybook-static/nunito-sans-bold.woff2 +0 -0
  125. package/.storybook-static/nunito-sans-italic.woff2 +0 -0
  126. package/.storybook-static/nunito-sans-regular.woff2 +0 -0
  127. package/.storybook-static/project.json +0 -1
  128. package/.storybook-static/sb-addons/a11y-1/manager-bundle.js +0 -5
  129. package/.storybook-static/sb-addons/links-2/manager-bundle.js +0 -3
  130. package/.storybook-static/sb-addons/storybook-core-server-presets-0/common-manager-bundle.js +0 -188
  131. package/.storybook-static/sb-addons/themes-3/manager-bundle.js +0 -3
  132. package/.storybook-static/sb-common-assets/favicon.svg +0 -1
  133. package/.storybook-static/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
  134. package/.storybook-static/sb-common-assets/nunito-sans-bold.woff2 +0 -0
  135. package/.storybook-static/sb-common-assets/nunito-sans-italic.woff2 +0 -0
  136. package/.storybook-static/sb-common-assets/nunito-sans-regular.woff2 +0 -0
  137. package/.storybook-static/sb-manager/globals-module-info.js +0 -797
  138. package/.storybook-static/sb-manager/globals-runtime.js +0 -72062
  139. package/.storybook-static/sb-manager/globals.js +0 -34
  140. package/.storybook-static/sb-manager/runtime.js +0 -13002
@@ -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}}