@designcrowd/fe-shared-lib 1.5.27-ENG-3954 → 1.5.27

package/.storybook-static/assets/Pill.stories-BVDivYOY.js

@@ -0,0 +1,18 @@
+import{P as n}from"./Pill-CpGZCb39.js";import"./iframe-Dd7cBPzL.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const i={title:"Components/Pill",component:n},t=()=>({components:{Pill:n},template:`
+      <div class="tw-font-sans">
+        <Pill class="tw-text-white tw-my-2 tw-w-8" :style="{ background: 'blue' }">Blue</Pill>
+        <Pill class="tw-text-white tw-my-2 tw-w-8" :style="{ background: 'red' }">Red</Pill>
+      </div>
+    `});var e,l,s;t.parameters={...t.parameters,docs:{...(e=t.parameters)==null?void 0:e.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Pill
+    },
+    template: \`
+      <div class="tw-font-sans">
+        <Pill class="tw-text-white tw-my-2 tw-w-8" :style="{ background: 'blue' }">Blue</Pill>
+        <Pill class="tw-text-white tw-my-2 tw-w-8" :style="{ background: 'red' }">Red</Pill>
+      </div>
+    \`
+  };
+}`,...(s=(l=t.parameters)==null?void 0:l.docs)==null?void 0:s.source}}};const c=["Sample"];export{t as Sample,c as __namedExportsOrder,i as default};

package/.storybook-static/assets/PillBar-os4mJV3M.css

@@ -0,0 +1 @@
+.carousel-filter__category{white-space:nowrap}.carousel-filter__category:not(:last-child){margin-right:.75rem}

package/.storybook-static/assets/PillBar.stories-Dgp2DDmF.js

@@ -0,0 +1,41 @@
+import{B as k}from"./Button-DUOSTNbh.js";import{c as n,F as w,r as U,a as x,o as i,h as D}from"./iframe-Dd7cBPzL.js";import{_ as N}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./ButtonPrimary-C1HLT2L3.js";import"./Icon-BKxOWZPO.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/kristianbonitz/Repos/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:`
+      <div class="tw-max-w-300">
+        <PillBar :categories="categories" />
+      </div>
+    `}),a=()=>({components:{PillBar:s},data(){return{categories:f}},template:`
+      <div class="tw-max-w-300 tw-bg-black tw-p-8">
+        <PillBar :categories="categories" is-dark-mode />
+      </div>
+    `});var t,c,d;l.parameters={...l.parameters,docs:{...(t=l.parameters)==null?void 0:t.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      PillBar
+    },
+    data() {
+      return {
+        categories
+      };
+    },
+    template: \`
+      <div class="tw-max-w-300">
+        <PillBar :categories="categories" />
+      </div>
+    \`
+  };
+}`,...(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:`() => {
+  return {
+    components: {
+      PillBar
+    },
+    data() {
+      return {
+        categories
+      };
+    },
+    template: \`
+      <div class="tw-max-w-300 tw-bg-black tw-p-8">
+        <PillBar :categories="categories" is-dark-mode />
+      </div>
+    \`
+  };
+}`,...(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};

package/.storybook-static/assets/Price-BBo_v_DU.js

@@ -0,0 +1 @@
+import{L as u,M as s,c as o,t as a,o as f}from"./iframe-Dd7cBPzL.js";import{_ as c}from"./_plugin-vue_export-helper-DlAUqK2U.js";const l={props:{amount:{type:[Number,String],required:!1,default:null},alwaysShowFraction:{type:Boolean,required:!1,default:!0},currency:{type:Object,required:!1,default:null},locale:{type:String,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}},data(){return{domainCreditUsed:s("domainCreditUsed")??"Domain credit used",free:s("free")??"Free"}},computed:{amountFormatted(){if(this.isDomainCredit)return this.domainCreditUsed;if(!this.amount||this.amount===0)return this.free;const e=Number.parseFloat(this.amount),r=e%1!==0,n=!r&&!this.alwaysShowFraction?0:this.fraction;if(this.locale!=null){const i=u(this.amount,this.locale,this.currency,n,this.showAbbreviation);if(i)return i}return Number.isNaN(e)?this.amount:!r&&!this.alwaysShowFraction?e.toFixed(0):e.toFixed(this.fraction)},currencyAbbreviation(){var e,r;return this.showAbbreviation&&this.amount&&!this.locale?(r=(e=this.currency)==null?void 0:e.abbreviation)==null?void 0:r.trim():""},currencySymbol(){var e,r;return!this.amount||this.amount===0||this.locale?"":((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?")":""}}},m={class:"notranslate"};function d(e,r,n,i,y,t){return f(),o("span",m,a(t.optionalLeftParenthesis)+a(t.currencyAbbreviation)+a(t.currencySymbolBefore)+a(t.amountFormatted)+a(t.currencySymbolAfter)+a(t.optionalRightParenthesis)+a(n.suffix),1)}const b=c(l,[["render",d]]);l.__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:"locale",type:{name:"string"},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/kristianbonitz/Repos/fe-shared-lib/src/atoms/components/Price/Price.vue"]};export{b as P};

package/.storybook-static/assets/Price.stories-JstP9L09.js

@@ -0,0 +1,358 @@
+import{H as c,d as W}from"./iframe-Dd7cBPzL.js";import{P as t}from"./Price-BBo_v_DU.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const D={id:1,name:"United State Dollars",iso4127Code:"USD",symbol:"$",abbreviation:"US"},M={id:2,name:"Australian Dollars",iso4127Code:"AUD",symbol:"$",abbreviation:"A"},$={id:3,name:"British Pound",iso4127Code:"GBP",symbol:"£",abbreviation:"UK"},H={id:4,name:"Euro",iso4127Code:"EUR",symbol:"€",abbreviation:"EU"},I={id:5,name:"Indian Rupee",iso4127Code:"INR",symbol:"₹",abbreviation:"IN"},X={id:6,name:"Philippine Peso",iso4127Code:"PHP",symbol:"₱",abbreviation:"PH"},_={id:7,name:"Brazilian Real",iso4127Code:"BRL",symbol:"R$",abbreviation:"R"},z={id:8,name:"Mexican Peso",iso4127Code:"MXN",symbol:"MX$",abbreviation:"MX"},q={id:9,name:"South African Rand",iso4127Code:"ZAR",symbol:"R",abbreviation:"R"},a=[D,M,$,H,I,X,_,z,q],s=["en-US","fr-FR","es-ES","pt-PT","de-DE","fr-CA","pt-BR"],Y={title:"Components/Price",component:t,args:{currencyName:a[0].name,locale:s[0]},argTypes:{amount:{type:"number"},currencyName:{control:{type:"select"},options:a.map(n=>n.name)},locale:{control:{type:"select"},options:s}}},o={render:(n,{argTypes:r})=>({components:{Price:t},props:Object.keys(r),setup(){return{args:n}},computed:{selectedCurrency(){return a.find(e=>e.name===this.args.currencyName)},selectedLocale(){return s.find(e=>e===this.args.locale)}},async mounted(){await c()},template:`
+      <span>
+        <price 
+            v-bind="args"
+            :currency="selectedCurrency"
+            :locale="selectedLocale"
+        />
+      </span>
+    `}),args:{amount:45}},i={render:(n,{argTypes:r})=>({components:{Price:t},props:Object.keys(r),setup(){return{args:n}},computed:{selectedCurrency(){return a.find(e=>e.name===this.args.currencyName)},selectedLocale(){return s.find(e=>e===this.args.locale)}},async mounted(){await c()},template:`
+      <span>
+        <price
+            v-bind="args"
+            :currency="selectedCurrency"
+            fraction="2"
+            :locale="selectedLocale"
+        />
+      </span>
+    `}),args:{amount:22.5}},l={render:(n,{argTypes:r})=>({components:{Price:t},props:Object.keys(r),setup(){return{args:n}},computed:{selectedCurrency(){return a.find(e=>e.name===this.args.currencyName)},selectedLocale(){return s.find(e=>e===this.args.locale)}},async mounted(){await c()},template:`
+      <span>
+        <price
+            v-bind="args"
+            :always-show-fraction="true"
+            :currency="selectedCurrency"
+            fraction="2"
+            :locale="selectedLocale"
+        />
+      </span>
+    `}),args:{amount:22}},u={render:(n,{argTypes:r})=>({components:{Price:t},props:Object.keys(r),setup(){return{args:n}},computed:{selectedCurrency(){return a.find(e=>e.name===this.args.currencyName)}},async mounted(){await c()},template:`
+      <span>
+        <price
+            v-bind="args"
+            :always-show-fraction="false"
+            :currency="selectedCurrency"
+            fraction="2"
+            :locale="selectedLocale"
+          />
+      </span>
+    `}),args:{amount:22}},p={render:(n,{argTypes:r})=>({components:{Price:t},props:Object.keys(r),setup(){return{args:n}},computed:{selectedCurrency(){return a.find(e=>e.name===this.args.currencyName)},selectedLocale(){return s.find(e=>e===this.args.locale)}},async mounted(){await c()},template:`
+      <span>
+        <price
+            v-bind="args"
+            :always-show-fraction="true"
+            :currency="selectedCurrency"
+            fraction="2"
+            :suffix="suffix"
+            :locale="selectedLocale"
+          />
+      </span>
+    `}),args:{amount:22,suffix:"/yr"}},d={render:(n,{argTypes:r})=>({components:{Price:t},props:Object.keys(r),setup(){return{args:n}},computed:{selectedCurrency(){return a.find(e=>e.name===this.args.currencyName)},selectedLocale(){return s.find(e=>e===this.args.locale)}},async mounted(){await c()},template:`
+      <span>
+        <price
+            v-bind="args"
+            :currency="selectedCurrency"
+            :locale="selectedLocale"
+        />
+      </span>
+    `}),args:{amount:22}},m=(n,{argTypes:r})=>({components:{StorybookPriceComponent:G},props:Object.keys(r),data(){const e=new Array(s.length).fill(0);return e.forEach((K,y)=>{e[y]=new Array(a.length).fill(0).map((Z,B)=>({locale:s[y],currency:a[B]}))}),{variants:e}},async mounted(){await c()},template:`
+      <StorybookPriceComponent
+          :variants="variants"/>
+      <StorybookPriceComponent
+          :variants="variants"
+          :show-abbreviation="true"
+      />
+    `}),G=W({components:{Price:t},props:{variants:{type:Array,required:!0},showAbbreviation:{type:Boolean,default:!1}},template:`
+    <table class="tw-w-full">
+      <thead>
+        <tr>
+          <th class="tw-text-left tw-p-4 tw-bg-grayscale-400 tw-font-sans">Price</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr v-for="locale in variants" class="tw-bg-grayscale-200">
+          <td>{{ locale[0].locale }}</td>
+          <td v-for="item in locale" class="tw-p-4">
+            <price
+                :amount=10.00
+                :currency="item.currency"
+                :locale="item.locale"
+                :show-abbreviation="showAbbreviation"
+                fraction="2"
+            />
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  `});var g,b,f;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`{
+  render: (args, {
+    argTypes
+  }) => {
+    return {
+      components: {
+        Price
+      },
+      props: Object.keys(argTypes),
+      setup() {
+        return {
+          args
+        };
+      },
+      computed: {
+        selectedCurrency() {
+          return currencies.find(x => x.name === this.args.currencyName);
+        },
+        selectedLocale() {
+          return locales.find(x => x === this.args.locale);
+        }
+      },
+      async mounted() {
+        await setSharedLibLocaleAsync();
+      },
+      template: \`
+      <span>
+        <price 
+            v-bind="args"
+            :currency="selectedCurrency"
+            :locale="selectedLocale"
+        />
+      </span>
+    \`
+    };
+  },
+  args: {
+    amount: 45
+  }
+}`,...(f=(b=o.parameters)==null?void 0:b.docs)==null?void 0:f.source}}};var h,C,w;i.parameters={...i.parameters,docs:{...(h=i.parameters)==null?void 0:h.docs,source:{originalSource:`{
+  render: (args, {
+    argTypes
+  }) => {
+    return {
+      components: {
+        Price
+      },
+      props: Object.keys(argTypes),
+      setup() {
+        return {
+          args
+        };
+      },
+      computed: {
+        selectedCurrency() {
+          return currencies.find(x => x.name === this.args.currencyName);
+        },
+        selectedLocale() {
+          return locales.find(x => x === this.args.locale);
+        }
+      },
+      async mounted() {
+        await setSharedLibLocaleAsync();
+      },
+      template: \`
+      <span>
+        <price
+            v-bind="args"
+            :currency="selectedCurrency"
+            fraction="2"
+            :locale="selectedLocale"
+        />
+      </span>
+    \`
+    };
+  },
+  args: {
+    amount: 22.5
+  }
+}`,...(w=(C=i.parameters)==null?void 0:C.docs)==null?void 0:w.source}}};var L,v,x;l.parameters={...l.parameters,docs:{...(L=l.parameters)==null?void 0:L.docs,source:{originalSource:`{
+  render: (args, {
+    argTypes
+  }) => {
+    return {
+      components: {
+        Price
+      },
+      props: Object.keys(argTypes),
+      setup() {
+        return {
+          args
+        };
+      },
+      computed: {
+        selectedCurrency() {
+          return currencies.find(x => x.name === this.args.currencyName);
+        },
+        selectedLocale() {
+          return locales.find(x => x === this.args.locale);
+        }
+      },
+      async mounted() {
+        await setSharedLibLocaleAsync();
+      },
+      template: \`
+      <span>
+        <price
+            v-bind="args"
+            :always-show-fraction="true"
+            :currency="selectedCurrency"
+            fraction="2"
+            :locale="selectedLocale"
+        />
+      </span>
+    \`
+    };
+  },
+  args: {
+    amount: 22.0
+  }
+}`,...(x=(v=l.parameters)==null?void 0:v.docs)==null?void 0:x.source}}};var S,A,P;u.parameters={...u.parameters,docs:{...(S=u.parameters)==null?void 0:S.docs,source:{originalSource:`{
+  render: (args, {
+    argTypes
+  }) => {
+    return {
+      components: {
+        Price
+      },
+      props: Object.keys(argTypes),
+      setup() {
+        return {
+          args
+        };
+      },
+      computed: {
+        selectedCurrency() {
+          return currencies.find(x => x.name === this.args.currencyName);
+        }
+      },
+      async mounted() {
+        await setSharedLibLocaleAsync();
+      },
+      template: \`
+      <span>
+        <price
+            v-bind="args"
+            :always-show-fraction="false"
+            :currency="selectedCurrency"
+            fraction="2"
+            :locale="selectedLocale"
+          />
+      </span>
+    \`
+    };
+  },
+  args: {
+    amount: 22.0
+  }
+}`,...(P=(A=u.parameters)==null?void 0:A.docs)==null?void 0:P.source}}};var k,O,N;p.parameters={...p.parameters,docs:{...(k=p.parameters)==null?void 0:k.docs,source:{originalSource:`{
+  render: (args, {
+    argTypes
+  }) => {
+    return {
+      components: {
+        Price
+      },
+      props: Object.keys(argTypes),
+      setup() {
+        return {
+          args
+        };
+      },
+      computed: {
+        selectedCurrency() {
+          return currencies.find(x => x.name === this.args.currencyName);
+        },
+        selectedLocale() {
+          return locales.find(x => x === this.args.locale);
+        }
+      },
+      async mounted() {
+        await setSharedLibLocaleAsync();
+      },
+      template: \`
+      <span>
+        <price
+            v-bind="args"
+            :always-show-fraction="true"
+            :currency="selectedCurrency"
+            fraction="2"
+            :suffix="suffix"
+            :locale="selectedLocale"
+          />
+      </span>
+    \`
+    };
+  },
+  args: {
+    amount: 22.0,
+    suffix: '/yr'
+  }
+}`,...(N=(O=p.parameters)==null?void 0:O.docs)==null?void 0:N.source}}};var T,j,R;d.parameters={...d.parameters,docs:{...(T=d.parameters)==null?void 0:T.docs,source:{originalSource:`{
+  render: (args, {
+    argTypes
+  }) => {
+    return {
+      components: {
+        Price
+      },
+      props: Object.keys(argTypes),
+      setup() {
+        return {
+          args
+        };
+      },
+      computed: {
+        selectedCurrency() {
+          return currencies.find(x => x.name === this.args.currencyName);
+        },
+        selectedLocale() {
+          return locales.find(x => x === this.args.locale);
+        }
+      },
+      async mounted() {
+        await setSharedLibLocaleAsync();
+      },
+      template: \`
+      <span>
+        <price
+            v-bind="args"
+            :currency="selectedCurrency"
+            :locale="selectedLocale"
+        />
+      </span>
+    \`
+    };
+  },
+  args: {
+    amount: 22.0
+  }
+}`,...(R=(j=d.parameters)==null?void 0:j.docs)==null?void 0:R.source}}};var E,U,F;m.parameters={...m.parameters,docs:{...(E=m.parameters)==null?void 0:E.docs,source:{originalSource:`(args, {
+  argTypes
+}) => {
+  return {
+    components: {
+      StorybookPriceComponent
+    },
+    props: Object.keys(argTypes),
+    data() {
+      const combos = new Array(locales.length).fill(0);
+      combos.forEach((item, index) => {
+        combos[index] = new Array(currencies.length).fill(0).map((item2, index2) => ({
+          locale: locales[index],
+          currency: currencies[index2]
+        }));
+      });
+      return {
+        variants: combos
+      };
+    },
+    async mounted() {
+      await setSharedLibLocaleAsync();
+    },
+    template: \`
+      <StorybookPriceComponent
+          :variants="variants"/>
+      <StorybookPriceComponent
+          :variants="variants"
+          :show-abbreviation="true"
+      />
+    \`
+  };
+}`,...(F=(U=m.parameters)==null?void 0:U.docs)==null?void 0:F.source}}};const ee=["Sample","WithFraction","AlwaysShowFractionOn","AlwaysShowFractionOff","WithSuffix","WithLocale","AllLocalesAndCurrencies"];export{m as AllLocalesAndCurrencies,u as AlwaysShowFractionOff,l as AlwaysShowFractionOn,o as Sample,i as WithFraction,d as WithLocale,p as WithSuffix,ee as __namedExportsOrder,Y as default};