@designcrowd/fe-shared-lib 1.0.1-pre → 1.0.1

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

@@ -1,221 +0,0 @@
-import{P as a}from"./Price-BzFp3dn5.js";import"./vue.esm-bundler-C7QvyiW1.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:`
-      <span>
-        <price 
-            v-bind="args"
-            :currency="selectedCurrency"
-        />
-      </span>
-    `}),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:`
-      <span>
-        <price
-            v-bind="args"
-            :currency="selectedCurrency"
-            fraction="2"
-            :show-abbreviation="true"
-        />
-      </span>
-    `}),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:`
-      <span>
-        <price
-            v-bind="args"
-            :always-show-fraction="true"
-            :currency="selectedCurrency"
-            fraction="2"
-            :show-abbreviation="true"
-        />
-      </span>
-    `}),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:`
-      <span>
-        <price
-            v-bind="args"
-            :always-show-fraction="false"
-            :currency="selectedCurrency"
-            fraction="2"
-            :show-abbreviation="true"
-          />
-      </span>
-    `}),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:`
-      <span>
-        <price
-            v-bind="args"
-            :always-show-fraction="true"
-            :currency="selectedCurrency"
-            fraction="2"
-            :show-abbreviation="true"
-            :suffix="suffix"
-          />
-      </span>
-    `}),args:{amount:22,suffix:"/yr"}};var i,m,d;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.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);
-        }
-      },
-      template: \`
-      <span>
-        <price 
-            v-bind="args"
-            :currency="selectedCurrency"
-        />
-      </span>
-    \`
-    };
-  },
-  args: {
-    amount: 45
-  }
-}`,...(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:`{
-  render: (args, {
-    argTypes
-  }) => {
-    return {
-      components: {
-        Price
-      },
-      props: Object.keys(argTypes),
-      setup() {
-        return {
-          args
-        };
-      },
-      computed: {
-        selectedCurrency() {
-          return currencies.find(x => x.name === this.args.currencyName);
-        }
-      },
-      template: \`
-      <span>
-        <price
-            v-bind="args"
-            :currency="selectedCurrency"
-            fraction="2"
-            :show-abbreviation="true"
-        />
-      </span>
-    \`
-    };
-  },
-  args: {
-    amount: 22.5
-  }
-}`,...(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:`{
-  render: (args, {
-    argTypes
-  }) => {
-    return {
-      components: {
-        Price
-      },
-      props: Object.keys(argTypes),
-      setup() {
-        return {
-          args
-        };
-      },
-      computed: {
-        selectedCurrency() {
-          return currencies.find(x => x.name === this.args.currencyName);
-        }
-      },
-      template: \`
-      <span>
-        <price
-            v-bind="args"
-            :always-show-fraction="true"
-            :currency="selectedCurrency"
-            fraction="2"
-            :show-abbreviation="true"
-        />
-      </span>
-    \`
-    };
-  },
-  args: {
-    amount: 22.0
-  }
-}`,...(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:`{
-  render: (args, {
-    argTypes
-  }) => {
-    return {
-      components: {
-        Price
-      },
-      props: Object.keys(argTypes),
-      setup() {
-        return {
-          args
-        };
-      },
-      computed: {
-        selectedCurrency() {
-          return currencies.find(x => x.name === this.args.currencyName);
-        }
-      },
-      template: \`
-      <span>
-        <price
-            v-bind="args"
-            :always-show-fraction="false"
-            :currency="selectedCurrency"
-            fraction="2"
-            :show-abbreviation="true"
-          />
-      </span>
-    \`
-    };
-  },
-  args: {
-    amount: 22.0
-  }
-}`,...(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:`{
-  render: (args, {
-    argTypes
-  }) => {
-    return {
-      components: {
-        Price
-      },
-      props: Object.keys(argTypes),
-      setup() {
-        return {
-          args
-        };
-      },
-      computed: {
-        selectedCurrency() {
-          return currencies.find(x => x.name === this.args.currencyName);
-        }
-      },
-      template: \`
-      <span>
-        <price
-            v-bind="args"
-            :always-show-fraction="true"
-            :currency="selectedCurrency"
-            fraction="2"
-            :show-abbreviation="true"
-            :suffix="suffix"
-          />
-      </span>
-    \`
-    };
-  },
-  args: {
-    amount: 22.0,
-    suffix: '/yr'
-  }
-}`,...(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};

package/.storybook-static/assets/PublishBrandPageModal-BOGSPjB0.css

@@ -1 +0,0 @@
-@media (max-width: 640px){[data-v-7b512a61] .publish-bp--modal{max-height:90vh;width:90vw}}@media (min-width: 640px){[data-v-7b512a61] .publish-bp--modal{max-height:80vh;width:90vw}}

package/.storybook-static/assets/PublishBrandPageModal.stories-Bt2eK5tM.js

@@ -1,349 +0,0 @@
-import{M as te}from"./Modal-BOHOQzO4.js";import{T as ne}from"./TextInput-BepJC9nE.js";import{D as se,a as ie}from"./DropdownItem-C4PFbXSv.js";import{B as oe}from"./Button-IgCxbLvL.js";import{T as le}from"./TextCopyField-BuZ5L-lt.js";import{S as de}from"./SellDomainNameSearchWithResults--W028-5L.js";import{S as re}from"./SellDomainNameListModal-DAV6wUWy.js";import{b as ue}from"./brand-crowd-api.client-CfTgrTzo.js";import{s as me,E as ce}from"./event-constants-6ydiL1p5.js";import{c as i,i as u,A as g,g as m,o as s,a as d,t as h,e as l,h as S,b as _,F as he,f as be,j as pe,n as B,r as ge,B as we,C as fe}from"./vue.esm-bundler-C7QvyiW1.js";import{_ as ye}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Icon-B8lXgcc0.js";import"./FormControl.mixin-BIPKWa5J.js";import"./ButtonPrimary-Ce51KkgM.js";import"./SellDomainNameListSearchResult-DP3zr-UL.js";import"./Loader-D6_mUM4g.js";import"./Picture-AUjTe_FO.js";import"./Price-BzFp3dn5.js";import"./axios-dxcvQi4N.js";import"./api-lSJGRrF2.js";const D={SMALL:640,MEDIUM:768,LARGE:1024},ve={data(){return{isMobile:!1,isLargerThanMobile:!1,isDesktop:!1}},mounted(){this.checkWindowWidth(),window.addEventListener("resize",this.checkWindowWidth)},unmounted(){window.removeEventListener("resize",this.checkWindowWidth)},methods:{checkWindowWidth(){this.isMobile=window.innerWidth<D.SMALL,this.isLargerThanMobile=window.innerWidth>D.SMALL,this.isDesktop=window.innerWidth>=D.LARGE}}},Pe="Buy matching domain name for your brand",C={slug:"slug",purchased:"purchased"},K={components:{Modal:te,TextInput:ne,Dropdown:se,DropdownItem:ie,Button:oe,TextCopyField:le,SellDomainNameSearchWithResults:de,SellDomainNameListModal:re},mixins:[ve],props:{radioValue:{type:String,required:!0,default:C.slug},domains:{type:Array,required:!0,default:void 0},brandPageBaseUrl:{type:String,required:!0,default:void 0},brandPageSlug:{type:String,required:!0,default:void 0},customDomain:{type:Object,required:!1,default:void 0},brandPageUrl:{type:String,required:!0,default:void 0},slugValidationError:{type:String,required:!0,default:void 0},brandPageDisplayName:{type:String,required:!0,default:void 0},errorMessage:{type:String,required:!1,default:void 0},publishErrorMessage:{type:String,required:!1,default:void 0},visible:{type:Boolean,required:!0},isPublished:{type:Boolean,required:!0},isPublishing:{type:Boolean,required:!0,default:!1},isBusy:{type:Boolean,required:!0,default:!1},shouldPublish:{type:Boolean,required:!0,default:!1},isDesignCom:{type:Boolean,required:!0,default:!1},showRadioButtons:{type:Boolean,required:!0,default:!1},showModalBackgroundImage:{type:Boolean,required:!0,default:!1},isSearchDomainListModalVisible:{type:Boolean,required:!0,default:!1},isBrandPageSlugEditMode:{type:Boolean,required:!0,default:!1},businessName:{type:String,required:!1,default:""},isCustomDomainActive:{type:Boolean,required:!0,default:!1},designDraftToken:{type:String,required:!1,default:void 0}},emits:["close-modal","radio-button-changed","copy-url-click","internal-publish-brand-page","on-select-domain","on-brand-page-url-click","on-view-more-domains","on-slug-changed"],data(){return{DOMAIN_TYPES:C,domainTypeValue:this.radioValue,internalSlug:this.brandPageSlug,selectedCustomDomain:this.customDomain,headerSubtitle:Pe,userCurrency:void 0,isModalVisible:!1,isLoading:!1,previousSearchText:"",domainNameItems:void 0,sitePublishedModal:me,searchText:this.brandPageSlug||this.businessName||""}},computed:{allowPublish(){return this.domainTypeValue===C.slug?this.internalSlug&&!this.slugValidationError:this.selectedCustomDomain},hasPurchasedDomains(){return this.domains&&this.domains.length>0},slugErrorMessage(){return this.slugValidationError?this.slugValidationError:this.publishErrorMessage},isNotPublished(){return!this.isPublished||!this.shouldPublish},isSlugEditMode(){return this.isPublished&&this.shouldPublish&&this.isBrandPageSlugEditMode}},watch:{brandPageSlug(e){this.internalSlug=e},isSearchDomainListModalVisible(e){this.isModalVisible=e,(this.searchText||this.internalSlug)&&this.searchDomainName()},customDomain(e){this.selectedCustomDomain=e}},mounted(){this.internalSlug=this.brandPageSlug,this.isModalVisible=this.isSearchDomainListModalVisible},methods:{onDomainTypeRadioButtonClick(e){this.domainTypeValue=e,this.closePurchasedDomainDropdown(),this.$emit("radio-button-changed",e)},onCloseModal(){this.$emit("close-modal"),this.$emit("on-hide-domain-modal")},onCopyUrlClick(){this.$emit("copy-url-click")},onSlugChanged(e){this.searchText=e,this.$emit("on-slug-changed",e)},onPublish(){this.$emit("internal-publish-brand-page",this.internalSlug,this.selectedCustomDomain)},onBrandPageUrlClick(){this.$emit("on-brand-page-url-click")},onViewMore(){this.$emit("on-show-domain-modal"),this.searchText&&this.searchDomainName(!0)},onSearchTextChanged(e){this.searchText=e},onSelectPurchasedDomain(e){this.selectedCustomDomain=e,this.$emit("on-select-domain",e),this.closePurchasedDomainDropdown()},closePurchasedDomainDropdown(){var e;(e=this.$refs.dropdown)!=null&&e.hideMenu&&this.$refs.dropdown.hideMenu()},onSellDomainNameListCloseModal(){this.$emit("on-hide-domain-modal")},async searchDomainName(e){this.isLoading=!0;let o="";this.searchText&&(o=this.cleanText(this.searchText)),this.previousSearchText=o;try{const a={keyword:o,isUserTriggered:e,userText:this.brandPageSlug};this.designDraftToken&&(a.designDraftToken=this.designDraftToken),a.domainSearchLocation=this.sitePublishedModal,window.dispatchEvent(new CustomEvent(ce.DomainSearchEvent,{detail:a}));const b=await ue.searchDomainNamesByKeywordAsync(a);if(!b){this.domainNameItems=[];return}this.domainNameItems=b.items,this.userCurrency=b.currency}catch{this.domainNameItems=[]}finally{this.isLoading=!1}},cleanText(e){return e.replace(/[^\p{L}\p{N}\-.]+/gu,"").toLowerCase()}}},k=e=>(we("data-v-7b512a61"),e=e(),fe(),e),xe={class:"publish-bp--container"},Me={key:0,class:"tw-text-center tw-font-bold tw-mb-8 tw-mt-8 tw-text-4xl"},Se={key:1,class:"tw-text-center tw-font-bold tw-mb-8 tw-mt-8"},De=k(()=>d("p",{class:"tw-font-bold tw-text-black tw-mb-2 tw-text-4xl"},"Site published!",-1)),Ce={key:0,class:"tw-text-grayscale-600 tw-mb-8"},ke={key:1,class:"tw-text-grayscale-600 tw-mb-8 tw-font-normal"},_e={key:0},Be=["checked","value"],Te={key:1,for:"domain-type",class:"tw-font-sans tw-w-full tw-text-grayscale-600 tw-text-sm tw-cursor-pointer tw-ml-2"},Ve=k(()=>d("span",{class:"tw-inline-block tw-rounded-full"},"Free domain",-1)),Ne=[Ve],Ee={key:1,class:"tw-mt-4"},qe={key:0,class:"tw-mt-2 tw-text-sm tw-text-left tw-text-error-500 tw-font-normal"},Le={key:2,class:"tw-mt-4"},Ie={key:0},Ae=["checked","value"],Re=k(()=>d("label",{for:"domain-type",class:"tw-font-sans tw-w-full tw-text-grayscale-600 tw-text-sm tw-cursor-pointer tw-ml-2"},[d("span",{class:"tw-inline-block tw-rounded-full"},"Purchased domain")],-1)),We={class:"tw-mt-4 domain-dropdown"},Oe={key:0,class:"tw-mt-2 tw-text-sm tw-text-left tw-text-error-500 tw-font-normal"},Ue={key:1,class:"tw-font-sans"},Fe={key:0,class:"tw-mb-6 tw-text-left"},Ye={class:"tw-mb-6"};function ze(e,o,a,b,t,n){const Q=m("TextInput"),J=m("DropdownItem"),X=m("Dropdown"),p=m("Button"),Z=m("SellDomainNameSearchWithResults"),$=m("TextCopyField"),ee=m("Modal"),ae=m("SellDomainNameListModal");return s(),i("div",xe,[u(ee,{classes:"publish-bp--modal tw-px-2 md:tw-px-8","close-on-esc":"",visible:a.visible,"hide-scrollbar":!1,"show-modal-background-image":a.showModalBackgroundImage,"content-classes":a.isBusy?["tw-overflow-y-hidden"]:[],onCloseModal:n.onCloseModal},{header:g(()=>[n.isNotPublished||n.isSlugEditMode?(s(),i("div",Me,[d("span",null,"Set the URL for your "+h(a.brandPageDisplayName),1)])):l("",!0),a.isPublished&&!n.isSlugEditMode?(s(),i("div",Se,[De,n.hasPurchasedDomains||a.isCustomDomainActive?(s(),i("p",Ce," Your "+h(a.brandPageDisplayName)+" is live! Start using your link: ",1)):(s(),i("p",ke,h(t.headerSubtitle),1))])):l("",!0)]),default:g(()=>[n.isNotPublished||n.isSlugEditMode?(s(),i("div",_e,[n.isSlugEditMode?l("",!0):(s(),i("div",{key:0,class:"tw-flex tw-items-center tw-mr-2 tw-mb-1",onClick:o[0]||(o[0]=r=>n.onDomainTypeRadioButtonClick(t.DOMAIN_TYPES.slug))},[a.showRadioButtons?(s(),i("input",{key:0,type:"radio",class:"tw-w-6 tw-h-8 tw-cursor-pointer tw-mb-0",style:S({"accent-color":"rgb(242 27 63)"}),name:"domainTypeValue",checked:t.domainTypeValue===t.DOMAIN_TYPES.slug,value:t.domainTypeValue===t.DOMAIN_TYPES.slug},null,12,Be)):l("",!0),a.isPublished?l("",!0):(s(),i("label",Te,Ne))])),n.isNotPublished||n.isSlugEditMode?(s(),i("div",Ee,[u(Q,{modelValue:t.internalSlug,"onUpdate:modelValue":o[1]||(o[1]=r=>t.internalSlug=r),"element-classes":"tw-mb-0 !tw-rounded-l-none tw-text-lg","prefix-text":`${a.brandPageBaseUrl}/`,error:!!a.slugValidationError,disabled:a.isPublishing||t.domainTypeValue===t.DOMAIN_TYPES.purchased,placeholder:"your-brand-name","data-test-brand-page-slug-input":"",attrs:{"data-test-set-url-text-field":""},onInput:n.onSlugChanged},null,8,["modelValue","prefix-text","error","disabled","onInput"]),n.slugErrorMessage?(s(),i("div",qe,h(n.slugErrorMessage),1)):l("",!0)])):l("",!0),n.isNotPublished||!n.isSlugEditMode?(s(),i("div",Le,[a.showRadioButtons?(s(),i("div",Ie,[d("div",{class:"tw-flex tw-items-center tw-mr-2 tw-mb-1",onClick:o[2]||(o[2]=r=>n.onDomainTypeRadioButtonClick(t.DOMAIN_TYPES.purchased))},[d("input",{type:"radio",class:"tw-w-6 tw-h-8 tw-cursor-pointer tw-mb-0",style:S({"accent-color":"rgb(242 27 63)"}),name:"domainTypeValue",checked:t.domainTypeValue===t.DOMAIN_TYPES.purchased,value:t.domainTypeValue===t.DOMAIN_TYPES.purchased},null,12,Ae),Re]),d("div",We,[a.domains?(s(),_(X,{key:0,ref:"dropdown","element-classes":{"tw-h-12":!0},disabled:t.domainTypeValue===t.DOMAIN_TYPES.slug,class:B({"tw-text-grayscale-600 tw-font-normal":!t.selectedCustomDomain}),title:t.selectedCustomDomain&&t.selectedCustomDomain.domainName||"Select domain name"},{default:g(()=>[(s(!0),i(he,null,be(a.domains,r=>(s(),_(J,{key:r.domainName,class:"tw-font-bold tw-break-all tw-flex tw-gap-2 tw-text-black",onClick:je=>n.onSelectPurchasedDomain(r)},{default:g(()=>[pe(h(r.domainName),1)]),_:2},1032,["onClick"]))),128))]),_:1},8,["disabled","class","title"])):l("",!0)]),a.errorMessage?(s(),i("div",Oe,h(a.errorMessage),1)):l("",!0)])):l("",!0),n.hasPurchasedDomains?l("",!0):ge(e.$slots,"recommended",{key:1},void 0,!0)])):l("",!0),d("div",{class:"tw-font-sans tw-text-center",style:S(e.isMobile?"padding-left: 1.5rem; padding-right: 1.5rem;":"")},[u(p,{label:n.isSlugEditMode?"Set URL":"Publish",variant:a.isDesignCom?"primary":"primary-with-icon",icon:"chevron-right-wide",disabled:!n.allowPublish||a.isPublishing,class:"tw-my-4","full-width":e.isMobile,"data-test-brand-page-publish-button":"",onOnClick:n.onPublish},null,8,["label","variant","disabled","full-width","onOnClick"]),u(p,{label:"No thanks, maybe later",variant:"no-border",size:"large",class:"tw-my-4","full-width":e.isMobile,onOnClick:n.onCloseModal},null,8,["full-width","onOnClick"])],4)])):(s(),i("div",Ue,[!a.isCustomDomainActive&&!n.hasPurchasedDomains?(s(),i("div",Fe,[d("div",Ye,[u(Z,{"is-design-com":a.isDesignCom,"initial-search-term":t.searchText,currency:t.userCurrency,"display-result-limit":4,"domain-search-location":t.sitePublishedModal,onOnChangeSearch:n.onSearchTextChanged},null,8,["is-design-com","initial-search-term","currency","domain-search-location","onOnChangeSearch"])]),u(p,{label:"VIEW MORE DOMAINS",variant:"no-border",size:"small-medium",class:"tw-text-center",onOnClick:n.onViewMore},null,8,["onOnClick"])])):l("",!0),d("div",{class:B(["tw-px-4 tw-text-center",{"lg:tw-px-20":n.hasPurchasedDomains}])},[u($,{"button-variant":"secondary",text:a.brandPageUrl,"data-test-brand-page-copy-input":"",onOnClick:n.onCopyUrlClick},null,8,["text","onOnClick"]),u(p,{label:`View ${a.brandPageDisplayName}`,variant:a.isDesignCom?"primary":"primary-with-icon",icon:"chevron-right-wide",size:"medium","icon-view-box":"0 0 24 24",class:"tw-my-4",target:"_blank",rel:"noopener noreferrer",url:a.brandPageUrl,"full-width":e.isMobile,onOnClick:n.onBrandPageUrlClick},null,8,["label","variant","url","full-width","onOnClick"])],2)]))]),_:3},8,["visible","show-modal-background-image","content-classes","onCloseModal"]),u(ae,{modelValue:t.searchText,"onUpdate:modelValue":o[3]||(o[3]=r=>t.searchText=r),currency:t.userCurrency,"is-busy":t.isLoading,"is-design-com":a.isDesignCom,"domain-name-items":t.domainNameItems,"previous-search-text":t.previousSearchText,visible:t.isModalVisible,"domain-search-location":t.sitePublishedModal,onCloseModal:n.onSellDomainNameListCloseModal,onSearch:o[4]||(o[4]=r=>n.searchDomainName(!0))},null,8,["modelValue","currency","is-busy","is-design-com","domain-name-items","previous-search-text","visible","domain-search-location","onCloseModal"])])}const c=ye(K,[["render",ze],["__scopeId","data-v-7b512a61"]]);K.__docgenInfo={exportName:"default",displayName:"PublishBrandPageModal",description:"",tags:{},props:[{name:"radioValue",type:{name:"string"},required:!0,defaultValue:{func:!1,value:"DOMAIN_TYPES.slug"}},{name:"domains",type:{name:"array"},required:!0,defaultValue:{func:!1,value:"undefined"}},{name:"brandPageBaseUrl",type:{name:"string"},required:!0,defaultValue:{func:!1,value:"undefined"}},{name:"brandPageSlug",type:{name:"string"},required:!0,defaultValue:{func:!1,value:"undefined"}},{name:"customDomain",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"brandPageUrl",type:{name:"string"},required:!0,defaultValue:{func:!1,value:"undefined"}},{name:"slugValidationError",type:{name:"string"},required:!0,defaultValue:{func:!1,value:"undefined"}},{name:"brandPageDisplayName",type:{name:"string"},required:!0,defaultValue:{func:!1,value:"undefined"}},{name:"errorMessage",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"publishErrorMessage",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"visible",type:{name:"boolean"},required:!0},{name:"isPublished",type:{name:"boolean"},required:!0},{name:"isPublishing",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}},{name:"isBusy",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}},{name:"shouldPublish",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}},{name:"isDesignCom",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}},{name:"showRadioButtons",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}},{name:"showModalBackgroundImage",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}},{name:"isSearchDomainListModalVisible",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}},{name:"isBrandPageSlugEditMode",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}},{name:"businessName",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"isCustomDomainActive",type:{name:"boolean"},required:!0,defaultValue:{func:!1,value:"false"}},{name:"designDraftToken",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}}],events:[{name:"close-modal"},{name:"radio-button-changed",type:{names:["undefined"]}},{name:"copy-url-click"},{name:"internal-publish-brand-page",type:{names:["undefined"]},properties:[{type:{names:["undefined"]},name:"<anonymous1>"}]},{name:"on-select-domain",type:{names:["undefined"]}},{name:"on-brand-page-url-click"},{name:"on-view-more-domains"},{name:"on-slug-changed",type:{names:["undefined"]}},{name:"on-hide-domain-modal"},{name:"on-show-domain-modal"}],slots:[{name:"recommended"}],sourceFiles:["/Users/brooke.couchman/Projects/fe-shared-lib/src/experiences/components/PublishBrandPageModal/PublishBrandPageModal.vue","/Users/brooke.couchman/Projects/fe-shared-lib/src/experiences/mixins/mediaQueryMixin.js"]};const M=[{domainName:"brandcrowdqa.co",created:"2024-07-26T01:42:17.477",updated:null,isAutoRenewEnabled:!0,isRegistrationComplete:!1,status:"Inactive"},{domainName:"doggers.info",created:"2024-07-26T01:44:22.257",updated:null,isAutoRenewEnabled:!0,isRegistrationComplete:!1,status:"Active"},{domainName:"yourstories.live",created:"2024-08-20T00:39:25.193",updated:null,isAutoRenewEnabled:!0,isRegistrationComplete:!1,status:"Registration Started"}],ca={title:"Components/PublishBrandPageModal",component:c},w=()=>({components:{PublishBrandPageModal:c},data(){return{domains:M}},methods:{},template:`
-      <PublishBrandPageModal
-        visible
-        :is-published="false"
-        :is-search-domain-list-modal-visible="false"
-        should-publish
-        :domains="domains"
-        brand-page-display-name='Website' 
-        brand-page-base-url="https://brand.site/" 
-        radio-value="slug"
-        :show-radio-buttons="domains.length > 0"
-      />
-    `}),f=()=>({components:{PublishBrandPageModal:c},data(){return{domains:M,domainType:"purchased",customDomain:{domainName:"doggers.info",created:"2024-07-26T01:44:22.257",updated:null,isAutoRenewEnabled:!0,isRegistrationComplete:!1,status:"Active"}}},methods:{onRadioButtonChanged(e){this.domainType=e}},template:`
-      <PublishBrandPageModal
-        visible
-        :is-published="false"
-        should-publish
-        :domains="domains"
-        :custom-domain="customDomain"
-        brand-page-display-name='Website'
-        brand-page-base-url="https://brand.site/"
-        radio-value="purchased"
-        :show-radio-buttons="domains.length > 0"
-        @radio-button-changed="onRadioButtonChanged"
-      />
-    `}),y=()=>({components:{PublishBrandPageModal:c},data(){return{domains:M}},methods:{},template:`
-      <PublishBrandPageModal
-        visible
-        is-brand-page-slug-edit-mode
-        is-published
-        should-publish
-        :domains="domains"
-        brand-page-display-name='Website'
-        brand-page-base-url="https://brand.site/"
-        brand-page-slug='test-slug' 
-        :show-radio-buttons="domains.length > 0"
-      />
-    `}),v=()=>({components:{PublishBrandPageModal:c},data(){return{domains:M}},methods:{},template:`
-      <PublishBrandPageModal
-        visible
-        is-published
-        should-publish
-        :domains="domains"
-        brand-page-display-name='Website' 
-        brand-page-base-url="https://brand.site/" 
-        radio-value="slug"
-        brand-page-url="https://brand.site/brandname"
-      />
-    `}),P=()=>({components:{PublishBrandPageModal:c},data(){return{domains:[]}},methods:{},template:`
-      <PublishBrandPageModal
-        visible
-        is-design-com
-        is-published
-        should-publish
-        :domains="domains"
-        brand-page-display-name='Website' 
-        brand-page-slug='test-slug' 
-        brand-page-base-url="https://brand.site/" 
-        radio-value="slug"
-        brand-page-url="https://brand.site/test-slug"
-      />
-  `}),x=()=>({components:{PublishBrandPageModal:c},data(){return{domains:[],isSearchDomainListModalVisible:!1,isDesignCom:!1}},methods:{onHideDomainListModal(){this.isSearchDomainListModalVisible=!1},onShowDomainListModal(){this.isSearchDomainListModalVisible=!0}},template:`
-      <PublishBrandPageModal
-        visible
-        should-publish
-        :domains="domains"
-        brand-page-display-name='Website' 
-        brand-page-base-url="https://brand.site/" 
-        radio-value="slug"
-        brand-page-url="https://brand.site/brandname"
-        :show-radio-buttons="domains.length > 0"
-        :is-search-domain-list-modal-visible="isSearchDomainListModalVisible"
-        @on-hide-domain-modal="onHideDomainListModal"
-      >
-        <template #recommended>
-          <div
-            class="tw-bg-white tw-border tw-border-grayscale-500 tw-rounded tw-p-4"
-          >
-            <div class="tw-flex tw-flex-col md:tw-flex-row tw-items-center">
-              <!-- Product image -->
-              <div
-                class="tw-flex tw-flex-col tw-mx-auto tw-max-w-1/3 tw-text-center tw-align-top tw-px-2"
-              >
-                <img
-                  src="https://brandcrowd-cdn.s3.amazonaws.com/public/assets/images/icons/addon/add-ons-domain-name.svg"
-                  alt="icon"
-                  class="md:tw-max-w-full"
-                />
-              </div>
-              <div class="tw-flex tw-flex-col tw-px-2 tw-w-full">
-                <div
-                  class="tw-flex tw-flex-col md:tw-flex-row tw-text-center md:tw-text-left tw-items-center"
-                >
-                  <!-- Product title/description -->
-                  <div
-                    class="tw-flex tw-flex-col tw-w-full md:tw-grow tw-text-center md:tw-text-left"
-                  >
-                    <div>
-                      <h6
-                        class="tw-font-bold"
-                        :class="{ 'tw-text-grayscale-800': isDesignCom }"
-                      >
-                        Purchase a domain
-                      </h6>
-                      <p class="tw-text-grayscale-600">
-                        Find the perfect domain name for your brand for
-                      </p>
-                    </div>
-                  </div>
-                  <!-- CTA -->
-                  <div class="tw-w-full md:tw-w-auto md:tw-justify-end md:tw-pl-4">
-                    <button
-                      class="tw-font-sans tw-border-2 tw-border-solid tw-font-bold tw-text-success-500 tw-uppercase tw-transition-colors tw-duration-300 tw-text-sm tw-py-3 tw-px-4 tw-w-full tw-rounded tw-cursor-pointer tw-border-success-500 tw-bg-white hover:tw-bg-success-100 tw-text-success-500 tw-w-full md:tw-w-24"
-                      @click="onShowDomainListModal"
-                    >
-                      Search
-                    </button>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </template>
-      </PublishBrandPageModal>
-    `});var T,V,N;w.parameters={...w.parameters,docs:{...(T=w.parameters)==null?void 0:T.docs,source:{originalSource:`() => {
-  return {
-    components: {
-      PublishBrandPageModal
-    },
-    data() {
-      return {
-        domains
-      };
-    },
-    methods: {},
-    template: \`
-      <PublishBrandPageModal
-        visible
-        :is-published="false"
-        :is-search-domain-list-modal-visible="false"
-        should-publish
-        :domains="domains"
-        brand-page-display-name='Website' 
-        brand-page-base-url="https://brand.site/" 
-        radio-value="slug"
-        :show-radio-buttons="domains.length > 0"
-      />
-    \`
-  };
-}`,...(N=(V=w.parameters)==null?void 0:V.docs)==null?void 0:N.source}}};var E,q,L;f.parameters={...f.parameters,docs:{...(E=f.parameters)==null?void 0:E.docs,source:{originalSource:`() => {
-  return {
-    components: {
-      PublishBrandPageModal
-    },
-    data() {
-      return {
-        domains,
-        domainType: 'purchased',
-        customDomain: {
-          domainName: 'doggers.info',
-          created: '2024-07-26T01:44:22.257',
-          updated: null,
-          isAutoRenewEnabled: true,
-          isRegistrationComplete: false,
-          status: 'Active'
-        }
-      };
-    },
-    methods: {
-      onRadioButtonChanged(val) {
-        this.domainType = val;
-      }
-    },
-    template: \`
-      <PublishBrandPageModal
-        visible
-        :is-published="false"
-        should-publish
-        :domains="domains"
-        :custom-domain="customDomain"
-        brand-page-display-name='Website'
-        brand-page-base-url="https://brand.site/"
-        radio-value="purchased"
-        :show-radio-buttons="domains.length > 0"
-        @radio-button-changed="onRadioButtonChanged"
-      />
-    \`
-  };
-}`,...(L=(q=f.parameters)==null?void 0:q.docs)==null?void 0:L.source}}};var I,A,R;y.parameters={...y.parameters,docs:{...(I=y.parameters)==null?void 0:I.docs,source:{originalSource:`() => {
-  return {
-    components: {
-      PublishBrandPageModal
-    },
-    data() {
-      return {
-        domains
-      };
-    },
-    methods: {},
-    template: \`
-      <PublishBrandPageModal
-        visible
-        is-brand-page-slug-edit-mode
-        is-published
-        should-publish
-        :domains="domains"
-        brand-page-display-name='Website'
-        brand-page-base-url="https://brand.site/"
-        brand-page-slug='test-slug' 
-        :show-radio-buttons="domains.length > 0"
-      />
-    \`
-  };
-}`,...(R=(A=y.parameters)==null?void 0:A.docs)==null?void 0:R.source}}};var W,O,U;v.parameters={...v.parameters,docs:{...(W=v.parameters)==null?void 0:W.docs,source:{originalSource:`() => {
-  return {
-    components: {
-      PublishBrandPageModal
-    },
-    data() {
-      return {
-        domains
-      };
-    },
-    methods: {},
-    template: \`
-      <PublishBrandPageModal
-        visible
-        is-published
-        should-publish
-        :domains="domains"
-        brand-page-display-name='Website' 
-        brand-page-base-url="https://brand.site/" 
-        radio-value="slug"
-        brand-page-url="https://brand.site/brandname"
-      />
-    \`
-  };
-}`,...(U=(O=v.parameters)==null?void 0:O.docs)==null?void 0:U.source}}};var F,Y,z;P.parameters={...P.parameters,docs:{...(F=P.parameters)==null?void 0:F.docs,source:{originalSource:`() => {
-  return {
-    components: {
-      PublishBrandPageModal
-    },
-    data() {
-      return {
-        domains: []
-      };
-    },
-    methods: {},
-    template: \`
-      <PublishBrandPageModal
-        visible
-        is-design-com
-        is-published
-        should-publish
-        :domains="domains"
-        brand-page-display-name='Website' 
-        brand-page-slug='test-slug' 
-        brand-page-base-url="https://brand.site/" 
-        radio-value="slug"
-        brand-page-url="https://brand.site/test-slug"
-      />
-  \`
-  };
-}`,...(z=(Y=P.parameters)==null?void 0:Y.docs)==null?void 0:z.source}}};var j,H,G;x.parameters={...x.parameters,docs:{...(j=x.parameters)==null?void 0:j.docs,source:{originalSource:`() => {
-  return {
-    components: {
-      PublishBrandPageModal
-    },
-    data() {
-      return {
-        domains: [],
-        isSearchDomainListModalVisible: false,
-        isDesignCom: false
-      };
-    },
-    methods: {
-      onHideDomainListModal() {
-        this.isSearchDomainListModalVisible = false;
-      },
-      onShowDomainListModal() {
-        this.isSearchDomainListModalVisible = true;
-      }
-    },
-    template: \`
-      <PublishBrandPageModal
-        visible
-        should-publish
-        :domains="domains"
-        brand-page-display-name='Website' 
-        brand-page-base-url="https://brand.site/" 
-        radio-value="slug"
-        brand-page-url="https://brand.site/brandname"
-        :show-radio-buttons="domains.length > 0"
-        :is-search-domain-list-modal-visible="isSearchDomainListModalVisible"
-        @on-hide-domain-modal="onHideDomainListModal"
-      >
-        <template #recommended>
-          <div
-            class="tw-bg-white tw-border tw-border-grayscale-500 tw-rounded tw-p-4"
-          >
-            <div class="tw-flex tw-flex-col md:tw-flex-row tw-items-center">
-              <!-- Product image -->
-              <div
-                class="tw-flex tw-flex-col tw-mx-auto tw-max-w-1/3 tw-text-center tw-align-top tw-px-2"
-              >
-                <img
-                  src="https://brandcrowd-cdn.s3.amazonaws.com/public/assets/images/icons/addon/add-ons-domain-name.svg"
-                  alt="icon"
-                  class="md:tw-max-w-full"
-                />
-              </div>
-              <div class="tw-flex tw-flex-col tw-px-2 tw-w-full">
-                <div
-                  class="tw-flex tw-flex-col md:tw-flex-row tw-text-center md:tw-text-left tw-items-center"
-                >
-                  <!-- Product title/description -->
-                  <div
-                    class="tw-flex tw-flex-col tw-w-full md:tw-grow tw-text-center md:tw-text-left"
-                  >
-                    <div>
-                      <h6
-                        class="tw-font-bold"
-                        :class="{ 'tw-text-grayscale-800': isDesignCom }"
-                      >
-                        Purchase a domain
-                      </h6>
-                      <p class="tw-text-grayscale-600">
-                        Find the perfect domain name for your brand for
-                      </p>
-                    </div>
-                  </div>
-                  <!-- CTA -->
-                  <div class="tw-w-full md:tw-w-auto md:tw-justify-end md:tw-pl-4">
-                    <button
-                      class="tw-font-sans tw-border-2 tw-border-solid tw-font-bold tw-text-success-500 tw-uppercase tw-transition-colors tw-duration-300 tw-text-sm tw-py-3 tw-px-4 tw-w-full tw-rounded tw-cursor-pointer tw-border-success-500 tw-bg-white hover:tw-bg-success-100 tw-text-success-500 tw-w-full md:tw-w-24"
-                      @click="onShowDomainListModal"
-                    >
-                      Search
-                    </button>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </template>
-      </PublishBrandPageModal>
-    \`
-  };
-}`,...(G=(H=x.parameters)==null?void 0:H.docs)==null?void 0:G.source}}};const ha=["NotPublishedWithPurchasedDomains","PublishWithSelectedDomain","SetSlug","Published","PublishedNoDomains","Free"];export{x as Free,w as NotPublishedWithPurchasedDomains,f as PublishWithSelectedDomain,v as Published,P as PublishedNoDomains,y as SetSlug,ha as __namedExportsOrder,ca as default};

package/.storybook-static/assets/SearchBar.stories-DE7D9jqF.js

@@ -1,12 +0,0 @@
-import{B as i}from"./ButtonPrimary-Ce51KkgM.js";import{c as p,a as r,i as u,A as m,g as h,o as f,j as _,t as B}from"./vue.esm-bundler-C7QvyiW1.js";import{_ as S}from"./_plugin-vue_export-helper-DlAUqK2U.js";const s={components:{ButtonPrimary:i},props:{label:{type:String,required:!0},placeholder:{type:String,required:!0},searchInputDisabled:{type:Boolean,required:!1,default:!1}},methods:{onClick(){this.$emit("click")}}},b={class:"tw-flex"},g=["placeholder","disabled"];function y(x,w,a,k,q,l){const d=h("ButtonPrimary");return f(),p("div",b,[r("input",{type:"text",placeholder:a.placeholder,disabled:a.searchInputDisabled,style:{"padding-top":"9px","padding-bottom":"9px"},class:"tw-grow tw-rounded tw-bg-white tw-border-grayscale-500 !tw-rounded-r-none"},null,8,g),r("div",null,[u(d,{class:"tw-flex-none tw-p-1","rounded-left":!1,rounded:!1,"rounded-right":!0,"on-click":l.onClick},{default:m(()=>[_(B(a.label),1)]),_:1},8,["on-click"])])])}const c=S(s,[["render",y]]);s.__docgenInfo={exportName:"default",displayName:"SearchBar",description:"",tags:{},props:[{name:"label",type:{name:"string"},required:!0},{name:"placeholder",type:{name:"string"},required:!0},{name:"searchInputDisabled",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}}],events:[{name:"click"}],sourceFiles:["/Users/brooke.couchman/Projects/fe-shared-lib/src/atoms/components/SearchBar/SearchBar.vue"]};const D={title:"Components/Search Bar",component:c},e=()=>({components:{SearchBar:c},template:`
-      <SearchBar label="Search" placeholder="Business name"/>
-    `});e.story={name:"SearchBar"};var t,o,n;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`() => {
-  return {
-    components: {
-      SearchBar
-    },
-    template: \`
-      <SearchBar label="Search" placeholder="Business name"/>
-    \`
-  };
-}`,...(n=(o=e.parameters)==null?void 0:o.docs)==null?void 0:n.source}}};const I=["Sample"];export{e as Sample,I as __namedExportsOrder,D as default};

package/.storybook-static/assets/Select-BkD_4Yie.css

@@ -1 +0,0 @@
-fieldset[disabled] .select[data-v-82c96249]{pointer-events:none}.select__spinner[data-v-82c96249]{position:absolute;top:50%;right:0;transform:translateY(-50%);width:40px;height:38px;display:block}.select__spinner[data-v-82c96249]:before,.select__spinner[data-v-82c96249]:after{position:absolute;content:"";top:50%;left:50%;margin:-8px 0 0 -8px;width:16px;height:16px;border-radius:100%;border-color:#41b883 transparent transparent;border-style:solid;border-width:2px;box-shadow:0 0 0 1px transparent}.select__spinner[data-v-82c96249]:before{animation:spinning-82c96249 2.4s cubic-bezier(.41,.26,.2,.62);animation-iteration-count:infinite}.select__spinner[data-v-82c96249]:after{animation:spinning-82c96249 2.4s cubic-bezier(.51,.09,.21,.8);animation-iteration-count:infinite}.select__loading-enter-active[data-v-82c96249],.select__loading-leave-active[data-v-82c96249]{transition:opacity .4s ease-in-out;opacity:1}.select__loading-enter[data-v-82c96249],.select__loading-leave-active[data-v-82c96249]{opacity:0}.select[data-v-82c96249],.select__input[data-v-82c96249],.select__value[data-v-82c96249]{font-family:inherit;font-size:16px;touch-action:manipulation}.select[data-v-82c96249]{box-sizing:content-box;display:block;position:relative;width:100%;min-height:50px;text-align:left;color:#000}.select *[data-v-82c96249]{box-sizing:border-box}.select[data-v-82c96249]:focus{outline:none}.select--disabled[data-v-82c96249]{background:#ededed;pointer-events:none;opacity:.6}.select--active[data-v-82c96249]{z-index:50}.select--active:not(.select--above) .select__current[data-v-82c96249],.select--active:not(.select--above) .select__input[data-v-82c96249],.select--active:not(.select--above) .select__tags[data-v-82c96249]{border-bottom-left-radius:0;border-bottom-right-radius:0}.select--active .select__caret[data-v-82c96249]{transform:rotate(180deg)}.select--above.select--active .select__current[data-v-82c96249],.select--above.select--active .select__input[data-v-82c96249],.select--above.select--active .select__tags[data-v-82c96249]{border-top-left-radius:0;border-top-right-radius:0}.select__input[data-v-82c96249],.select__value[data-v-82c96249]{position:relative;display:inline-block;min-height:20px;border:none;border-radius:5px;background:#fff;width:100%;transition:border .1s ease;box-sizing:border-box;vertical-align:top}.select__input[data-v-82c96249]::-moz-placeholder{color:#35495e}.select__input[data-v-82c96249]::placeholder{color:#35495e}.select__tag~.select__input[data-v-82c96249],.select__tag~.select__value[data-v-82c96249]{width:auto}.select__input[data-v-82c96249]:hover,.select__value[data-v-82c96249]:hover{border-color:#cfcfcf}.select__input[data-v-82c96249]:focus,.select__value[data-v-82c96249]:focus{border-color:#a8a8a8;outline:none}.select__tags[data-v-82c96249]{min-height:48px;display:block;padding:14px 40px 0 16px;border-radius:5px;background:#fff}.select__tags input[data-v-82c96249]{padding:0}.select__caret[data-v-82c96249]{line-height:16px;display:block;position:absolute;box-sizing:border-box;width:40px;height:38px;right:1px;top:5px;padding:4px 8px;margin:0;text-decoration:none;text-align:center;cursor:pointer;transition:transform .2s ease}.select__caret[data-v-82c96249]:before{position:relative;right:0;top:65%;color:#999;margin-top:50%;border-style:solid;border-width:5px 5px 0 5px;border-color:#999999 transparent transparent transparent;content:""}.select__placeholder[data-v-82c96249]{color:#adadad;display:inline-block;margin-bottom:10px;padding-top:2px}.select__content-wrapper[data-v-82c96249]{position:absolute;display:block;background:#fff;width:100%;max-height:240px;overflow:auto;border:1px solid #d0d0d0;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:50;-webkit-overflow-scrolling:touch}.select__content[data-v-82c96249]{list-style:none;display:inline-block;padding:0;margin:0;min-width:100%;vertical-align:top}.select--above .select__content-wrapper[data-v-82c96249]{bottom:100%;border-radius:5px 5px 0 0;border-bottom:none;border-top:1px solid #d0d0d0}.select__content[data-v-82c96249]::webkit-scrollbar{display:none}.select__element[data-v-82c96249]{display:block}.select__option[data-v-82c96249]{display:block;padding:12px;min-height:40px;line-height:16px;text-decoration:none;text-transform:none;vertical-align:middle;position:relative;cursor:pointer;white-space:nowrap;color:#4b545d}.select__option[data-v-82c96249]:after{top:0;right:0;position:absolute;line-height:40px;padding-right:12px;padding-left:20px;font-size:13px}.select__option--highlight[data-v-82c96249]{background:#f3f3f3;outline:none;color:#000}.select__option--highlight[data-v-82c96249]:after{content:attr(data-select);background:#f3f3f3;color:silver}.select__option--selected[data-v-82c96249]{background:#f3f3f3;color:#000;font-weight:700}.select__option--selected[data-v-82c96249]:after{content:attr(data-selected);color:silver;background:inherit}.select__option--selected.select__option--highlight[data-v-82c96249]:after{content:attr(data-deselect)}.select--disabled .select__current[data-v-82c96249],.select--disabled .select__caret[data-v-82c96249]{color:#a6a6a6}.select__option--disabled[data-v-82c96249]{background:#ededed!important;color:#a6a6a6!important;cursor:text;pointer-events:none}.select-enter-active[data-v-82c96249],.select-leave-active[data-v-82c96249]{transition:all .15s ease}.select-enter[data-v-82c96249],.select-leave-active[data-v-82c96249]{opacity:0}.select__strong[data-v-82c96249]{margin-bottom:8px;line-height:20px;display:inline-block;vertical-align:top}*[dir=rtl] .select[data-v-82c96249]{text-align:right}*[dir=rtl] .select__caret[data-v-82c96249]{right:auto;left:1px}*[dir=rtl] .select__tags[data-v-82c96249]{padding:8px 8px 0 40px}*[dir=rtl] .select__content[data-v-82c96249]{text-align:right}*[dir=rtl] .select__option[data-v-82c96249]:after{right:auto;left:0}*[dir=rtl] .select__clear[data-v-82c96249]{right:auto;left:12px}*[dir=rtl] .select__spinner[data-v-82c96249]{right:auto;left:1px}@keyframes spinning-82c96249{0%{transform:rotate(0)}to{transform:rotate(2turn)}}