@designcrowd/fe-shared-lib 1.5.23 → 1.6.0

package/.storybook-static/assets/SellDomainNameListModal.stories-DvGvylgx.js

@@ -0,0 +1,71 @@
+import{d as r}from"./SellDomainNameList.fixtures-LC6fjr_b.js";import{S as o}from"./SellDomainNameListModal-ymtVclFP.js";import"./Modal-CydTNprT.js";import"./Icon-C17LFvsP.js";import"./iframe-B3A6OXQU.js";import"./preload-helper-PPVm8Dsz.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./SellDomainNameListSearchResult-D-1CrQyf.js";import"./Button-DKdQT6Fq.js";import"./ButtonPrimary-BvWW6Duz.js";import"./TextInput-CMoUjT_5.js";import"./FormControl.mixin-DcEBwrV3.js";import"./Loader-BWGoT_xC.js";import"./Picture-B8m1I9xN.js";import"./Price-C4GZbDSa.js";import"./event-constants-CMO9VQVu.js";const B={title:"Components/SellDomainNameListModal",component:o},e=()=>({components:{SellDomainNameListModal:o},data(){return{domainNamesFixture:r,isBusy:!1,currency:{id:1,name:"United State Dollars",iso4127Code:"USD",symbol:"$",abbreviation:"US"}}},methods:{onSearch(a){console.log("onSearch",a),this.isBusy=!0,setTimeout(()=>{this.isBusy=!1},1e3)}},template:`
+        <div>
+          <SellDomainNameListModal :visible="true" :currency="currency" :domain-name-items="domainNamesFixture" :is-busy="isBusy" @search="onSearch"/>
+        </div>
+      `}),n=()=>({components:{SellDomainNameListModal:o},data(){return{domainNamesFixture:r,isBusy:!0,currency:{id:1,name:"United State Dollars",iso4127Code:"USD",symbol:"$",abbreviation:"US"}}},methods:{onSearch(a){console.log(`onSearch: ignored ${a}`)}},template:`
+        <div>
+          <SellDomainNameListModal :visible="true" :currency="currency" :domain-name-items="domainNamesFixture" :is-busy="isBusy" @search="onSearch"/>
+        </div>
+      `});e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      SellDomainNameListModal
+    },
+    data() {
+      return {
+        domainNamesFixture,
+        isBusy: false,
+        currency: {
+          id: 1,
+          name: 'United State Dollars',
+          iso4127Code: 'USD',
+          symbol: '$',
+          abbreviation: 'US'
+        }
+      };
+    },
+    methods: {
+      onSearch(payload) {
+        console.log('onSearch', payload);
+        this.isBusy = true;
+        setTimeout(() => {
+          this.isBusy = false;
+        }, 1000);
+      }
+    },
+    template: \`
+        <div>
+          <SellDomainNameListModal :visible="true" :currency="currency" :domain-name-items="domainNamesFixture" :is-busy="isBusy" @search="onSearch"/>
+        </div>
+      \`
+  };
+}`,...e.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      SellDomainNameListModal
+    },
+    data() {
+      return {
+        domainNamesFixture,
+        isBusy: true,
+        currency: {
+          id: 1,
+          name: 'United State Dollars',
+          iso4127Code: 'USD',
+          symbol: '$',
+          abbreviation: 'US'
+        }
+      };
+    },
+    methods: {
+      onSearch(payload) {
+        console.log(\`onSearch: ignored \${payload}\`);
+      }
+    },
+    template: \`
+        <div>
+          <SellDomainNameListModal :visible="true" :currency="currency" :domain-name-items="domainNamesFixture" :is-busy="isBusy" @search="onSearch"/>
+        </div>
+      \`
+  };
+}`,...n.parameters?.docs?.source}}};const U=["Sample","SampleLoading"];export{e as Sample,n as SampleLoading,U as __namedExportsOrder,B as default};

package/.storybook-static/assets/SellDomainNameListSearchResult-Cpxq0jDA.css

@@ -0,0 +1 @@
+[data-v-3cfad5d7] .c-sell-domain-name-list--button{min-width:7rem}

package/.storybook-static/assets/SellDomainNameListSearchResult-D-1CrQyf.js

@@ -0,0 +1 @@
+import{B as N}from"./Button-DKdQT6Fq.js";import{T as I}from"./TextInput-CMoUjT_5.js";import{S as y,c as s,e as i,t as c,g as w,b as m,h as u,a as d,o as n,N as C,U as S,F as k,r as P,y as D,V as p,z as B}from"./iframe-B3A6OXQU.js";import{_ as x}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{L as V}from"./Loader-BWGoT_xC.js";import{P as q}from"./Picture-B8m1I9xN.js";import{P as M}from"./Price-C4GZbDSa.js";import{E as L}from"./event-constants-CMO9VQVu.js";const U=2,v={components:{Button:N,TextInput:I},props:{headerSubtitle:{type:String,default:null},headerTitle:{type:String,required:!1,default:null},isDesignCom:{type:Boolean,required:!1,default:!1},initialSearchTerm:{type:String,default:null},showWhiteSearchBackground:{type:Boolean,required:!1},contentOverride:{type:Object,required:!1,default:null}},emits:["onSearch","onSearchTextInputChange"],setup(){return{searchButtonLabel:y("searchButtonLabel"),searchBarLabel:y("searchBarLabel"),searchBarPlaceholder:y("searchBarPlaceholder"),searchBarPreText:y("searchBarPreText")}},data(){return{searchText:this.initialSearchTerm??""}},computed:{searchTextFieldClasses(){let t="";return this.isDesignCom?(t+="tw-h-12 tw-mb-0 tw-rounded ",this.showWhiteSearchBackground||(t+="!tw-rounded-r-none")):(t+="tw-h-12 tw-mb-0 ",this.showWhiteSearchBackground||(t+="md:tw-rounded-r-none")),t},searchButtonClasses(){let t="tw-w-full tw-mt-2 md:tw-mt-0 ";return this.showWhiteSearchBackground||(t+="md:tw-rounded-l-none"),t}},watch:{initialSearchTerm(t){this.searchText=t}},mounted(){this.searchText=this.initialSearchTerm},methods:{onSearchTextInputClear(){this.searchText=""},onSearchBarClick(){this.onSearch()},onSearchTextInputEnterKeyUp(){this.onSearch()},onSearch(){this.searchText.length<U||this.$emit("onSearch",{searchText:this.searchText,isUserTriggered:!0})},onSearchTextInputChange(t){this.searchText=t,this.$emit("onSearchTextInputChange",this.searchText)}}},E={key:0,class:"tw-text-center tw-text-4xl tw-font-bold tw-mb-2 tw-mt-8"},O={key:1,class:"tw-text-center tw-mb-8 tw-text-grayscale-600"},W={key:0,class:"tw-flex tw-items-center"},F={class:"tw-font-bold"};function j(t,l,e,o,g,a){const h=d("TextInput"),f=d("Button");return n(),s("div",{class:m({"tw-bg-white tw-py-4 tw-px-2 tw-align-middle tw-drop-shadow-sm tw-flex tw-justify-center":e.showWhiteSearchBackground})},[i("div",{class:m({"tw-container":e.showWhiteSearchBackground})},[e.headerTitle?(n(),s("div",E,c(e.headerTitle),1)):w("",!0),e.headerSubtitle?(n(),s("div",O,c(e.headerSubtitle),1)):w("",!0),i("div",{class:m([{"tw-gap-4":e.showWhiteSearchBackground,"tw-mb-6 tw-mx-4":!e.showWhiteSearchBackground},"tw-flex tw-flex-col md:tw-flex-row"])},[e.showWhiteSearchBackground?(n(),s("div",W,[i("span",F,c(o.searchBarPreText),1)])):w("",!0),u(h,{"model-value":g.searchText,class:"tw-grow",icon:"search","element-classes":a.searchTextFieldClasses,"enable-clear":!0,placeholder:o.searchBarPlaceholder,"onUpdate:modelValue":a.onSearchTextInputChange,onOnClear:a.onSearchTextInputClear,onEnterKeyUp:a.onSearchTextInputEnterKeyUp},null,8,["model-value","element-classes","placeholder","onUpdate:modelValue","onOnClear","onEnterKeyUp"]),u(f,{classes:a.searchButtonClasses,variant:"primary",label:o.searchButtonLabel,disabled:!1,onOnClick:a.onSearchBarClick},null,8,["classes","label","onOnClick"])],2)],2)],2)}const de=x(v,[["render",j]]);v.__docgenInfo={exportName:"default",displayName:"SellDomainNameSearch",description:"",tags:{},props:[{name:"headerSubtitle",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"headerTitle",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"isDesignCom",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"initialSearchTerm",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"showWhiteSearchBackground",type:{name:"boolean"},required:!1},{name:"contentOverride",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"null"}}],events:[{name:"onSearch",type:{names:["undefined"]}},{name:"onSearchTextInputChange",type:{names:["undefined"]}}],sourceFiles:["/home/zknowles/repos/fe-shared-lib/src/experiences/components/SellDomainNameSearch/SellDomainNameSearch.vue"]};const _={components:{Button:N,Price:M},props:{domainNameItems:{type:Array,required:!0},currency:{type:Object,required:!0},hasBorderBoxListStyling:{type:Boolean,default:!1},isUserAuthenticated:{type:Boolean,default:!0},isDesignCom:{type:Boolean,default:!1},shouldShowLoadMoreDomainsButton:{type:Boolean,default:!1},loadMoreDomainsButtonText:{type:String,default:"Load more domains"},domainSearchLocation:{type:String,default:void 0}},emits:["load-more-domains"],setup(){return{freeDomainButtonLabel:S("freeDomainButtonLabel"),buyNowButtonLabel:S("buyNowButtonLabel"),pricePerYearLabel:S("pricePerYearLabel"),costPriceLabel:S("costPriceLabel")}},methods:{onBuyNowClick(t){const l=t;if(typeof this.domainSearchLocation<"u"&&(l.domainSearchLocation=this.domainSearchLocation),this.$emit("on-buy-now-click"),window.dispatchEvent(new CustomEvent(L.DomainSelectedEvent,{detail:l})),this.isUserAuthenticated){const{checkoutUrl:e}=t,o=new URL(e,window.location.origin);o.searchParams.set("locale",C()),window.location.href=o.toString()}},getPrice(t){return t.price/(t.recurringYears??1)},getCostPrice(t){return t.costPrice/(t.recurringYears??1)},isFree(t){return parseFloat(t.price)===0},getPurchaseLabel(t){return this.isFree(t)?this.freeDomainButtonLabel:this.buyNowButtonLabel}}},A={class:"tw-flex tw-w-full tw-flex-col"},R={class:"tw-grow tw-flex tw-flex-col sm:tw-flex-row tw-justify-start"},Y={key:0,class:"tw-text-xs tw-text-grayscale-600 tw-flex tw-items-center"},z={class:"tw-mr-2"},K={key:1,class:"tw-px-0 tw-mt-4 sm:tw-px-4 sm:tw-mt-0"};function G(t,l,e,o,g,a){const h=d("Price"),f=d("Button");return n(),s("div",A,[i("ul",{class:m({"tw-ml-4":!e.hasBorderBoxListStyling})},[(n(!0),s(k,null,P(e.domainNameItems,(r,b)=>(n(),s("li",{key:`${r.domainName}-${b}`,class:m(["tw-flex tw-w-full tw-items-center tw-border-grayscale-500",{"tw-py-3":!e.hasBorderBoxListStyling,"tw-border-solid tw-border-0 tw-border-t":b>0&&!e.hasBorderBoxListStyling,"tw-border tw-bg-white tw-my-4 tw-py-5 tw-px-4 tw-drop-shadow-sm":e.hasBorderBoxListStyling,"tw-rounded":e.isDesignCom&&e.hasBorderBoxListStyling}])},[i("div",R,[i("div",{class:m([{"tw-text-lg":e.hasBorderBoxListStyling},"tw-grow tw-font-bold tw-break-all"])},c(r.domainName),3),r.costPrice?(n(),s("div",Y,[i("span",z,c(o.costPriceLabel),1),u(h,{class:"tw-font-bold",amount:a.getCostPrice(r),"always-show-fraction":!0,currency:e.currency,fraction:"2","show-abbreviation":!1,suffix:o.pricePerYearLabel},null,8,["amount","currency","suffix"])])):w("",!0),!a.isFree(r)||r.costPrice?(n(),s("div",K,[u(h,{class:"tw-font-bold",amount:a.getPrice(r),"always-show-fraction":!0,currency:e.currency,fraction:"2","show-abbreviation":!1,suffix:o.pricePerYearLabel},null,8,["amount","currency","suffix"])])):w("",!0)]),u(f,{label:a.getPurchaseLabel(r),class:"c-sell-domain-name-list--button tw-flex tw-justify-end",variant:"outline-success",onOnClick:ne=>a.onBuyNowClick(r)},null,8,["label","onOnClick"])],2))),128))],2),e.shouldShowLoadMoreDomainsButton?(n(),D(f,{key:0,label:e.loadMoreDomainsButtonText,class:"tw-self-center",variant:"outline",onOnClick:l[0]||(l[0]=r=>t.$emit("load-more-domains"))},null,8,["label"])):w("",!0)])}const H=x(_,[["render",G],["__scopeId","data-v-3cfad5d7"]]);_.__docgenInfo={exportName:"default",displayName:"SellDomainNameList",description:"",tags:{},props:[{name:"domainNameItems",type:{name:"array"},required:!0},{name:"currency",type:{name:"object"},required:!0},{name:"hasBorderBoxListStyling",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isUserAuthenticated",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isDesignCom",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"shouldShowLoadMoreDomainsButton",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"loadMoreDomainsButtonText",type:{name:"string"},defaultValue:{func:!1,value:"'Load more domains'"}},{name:"domainSearchLocation",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}}],events:[{name:"load-more-domains"},{name:"on-buy-now-click"}],sourceFiles:["/home/zknowles/repos/fe-shared-lib/src/experiences/components/SellDomainNameList/SellDomainNameList.vue"]};const T={components:{SellDomainNameList:H,Loader:V,Picture:q},props:{currency:{type:Object,required:!0},domainNameItems:{type:Array,required:!1,default:void 0},isBusy:{type:Boolean,required:!0},previousSearchText:{type:String,required:!0},isDesignCom:{type:Boolean,required:!1,default:!1},isContainerWidth:{type:Boolean,default:!1},hasBorderBoxListStyling:{type:Boolean,default:!1},isUserAuthenticated:{type:Boolean,default:!0},emptyDomainSearch:{type:Object,default:null},domainNameItemsPerPage:{type:Number,default:null},loadMoreDomainsButtonText:{type:String,default:void 0},domainSearchLocation:{type:String,default:void 0}},setup(){return{searchAnotherDomainMessage:p("searchAnotherDomainMessage")}},data(){return{domainNameItemsInView:void 0}},computed:{domainSearchEmptyMessageWithUserDomainName(){return p("domainSearchEmptyMessage",{domainNameSearchTerm:this.previousSearchText})},shouldShowDomainNameNotFound(){return!this.isBusy&&this.previousSearchText.length>0&&!!this.domainNameItems&&this.domainNameItems.length===0},shouldShowSellDomainNameList(){return!!this.domainNameItems&&this.domainNameItems.length>0},shouldShowEmptyDomainSearch(){return!this.isBusy&&this.emptyDomainSearch&&!this.domainNameItems&&this.previousSearchText.length===0},shouldPaginateResults(){return!!this.domainNameItemsPerPage},visibleDomainItems(){return this.shouldPaginateResults?this.domainNameItems.slice(0,this.domainNameItemsInView):this.domainNameItems},shouldShowLoadMoreDomainsButton(){return this.shouldPaginateResults&&this.domainNameItemsInView<=this.domainNameItems.length}},watch:{domainNameItems(){this.resetDomainNameItemsInView()}},mounted(){this.resetDomainNameItemsInView()},methods:{onLoadMoreDomains(){window.dispatchEvent(new CustomEvent(L.DomainLoadMoreEvent)),this.domainNameItemsInView+=this.domainNameItemsPerPage},onBuyNowClick(){this.$emit("on-buy-now-click")},resetDomainNameItemsInView(){this.domainNameItemsInView=this.domainNameItemsPerPage}}},J={key:0,class:"tw-h-full tw-flex tw-items-center tw-justify-center tw-p-2"},Q={key:1,class:"tw-flex tw-items-center tw-flex-col tw-py-10 tw-my-10"},X={class:"tw-flex tw-flex-col tw-items-center"},Z={class:"tw-font-bold tw-text-2xl tw-mt-2 tw-text-center"},$={class:"tw-text-lg tw-mt-2 tw-text-center"},ee={key:3,class:"tw-flex tw-justify-center tw-text-center"},te={key:4};function ae(t,l,e,o,g,a){const h=d("Loader"),f=d("Picture"),r=d("SellDomainNameList");return n(),s("div",{class:m([{"tw-container":e.isContainerWidth},"tw-px-4"])},[e.isBusy?(n(),s("div",J,[u(h)])):a.shouldShowEmptyDomainSearch?(n(),s("div",Q,[u(f,{"default-image-url":e.emptyDomainSearch.imageUrl,alt:e.emptyDomainSearch.imageAlt,sources:[{srcset:`${e.emptyDomainSearch.imageUrl}`}]},null,8,["default-image-url","alt","sources"]),i("div",X,[i("p",Z,c(e.emptyDomainSearch.title),1),i("p",$,c(e.emptyDomainSearch.description),1)])])):a.shouldShowSellDomainNameList?(n(),D(r,{key:2,currency:e.currency,"domain-name-items":a.visibleDomainItems,"has-border-box-list-styling":e.hasBorderBoxListStyling,"is-user-authenticated":e.isUserAuthenticated,"is-design-com":e.isDesignCom,"should-show-load-more-domains-button":a.shouldShowLoadMoreDomainsButton,"load-more-domains-button-text":e.loadMoreDomainsButtonText,"domain-search-location":e.domainSearchLocation,onLoadMoreDomains:a.onLoadMoreDomains,onOnBuyNowClick:a.onBuyNowClick},null,8,["currency","domain-name-items","has-border-box-list-styling","is-user-authenticated","is-design-com","should-show-load-more-domains-button","load-more-domains-button-text","domain-search-location","onLoadMoreDomains","onOnBuyNowClick"])):a.shouldShowDomainNameNotFound?(n(),s("div",ee,[B(c(a.domainSearchEmptyMessageWithUserDomainName)+" ",1),l[0]||(l[0]=i("br",null,null,-1)),B(" "+c(o.searchAnotherDomainMessage),1)])):(n(),s("div",te))],2)}const he=x(T,[["render",ae]]);T.__docgenInfo={exportName:"default",displayName:"SellDomainNameListSearchResult",description:"",tags:{},props:[{name:"currency",type:{name:"object"},required:!0},{name:"domainNameItems",type:{name:"array"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"isBusy",type:{name:"boolean"},required:!0},{name:"previousSearchText",type:{name:"string"},required:!0},{name:"isDesignCom",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"isContainerWidth",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"hasBorderBoxListStyling",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isUserAuthenticated",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"emptyDomainSearch",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"domainNameItemsPerPage",type:{name:"number"},defaultValue:{func:!1,value:"null"}},{name:"loadMoreDomainsButtonText",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"domainSearchLocation",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}}],events:[{name:"on-buy-now-click"}],sourceFiles:["/home/zknowles/repos/fe-shared-lib/src/experiences/components/SellDomainNameSearchResult/SellDomainNameListSearchResult.vue"]};export{he as S,de as a,U as s};

package/.storybook-static/assets/SellDomainNameSearchWithResults-bX--zu97.js

@@ -0,0 +1 @@
+import{S as y,a as S}from"./SellDomainNameListSearchResult-D-1CrQyf.js";import{b as p}from"./brand-crowd-api.client-D45NKshX.js";import{E as g}from"./event-constants-CMO9VQVu.js";import{c as N,h as r,y as w,g as b,N as B,Q as l,a as o,o as m}from"./iframe-B3A6OXQU.js";import{B as D}from"./Button-DKdQT6Fq.js";import{_ as T}from"./_plugin-vue_export-helper-DlAUqK2U.js";const v="textChanged",u={components:{SellDomainNameSearch:S,SellDomainNameSearchResult:y,Button:D},props:{currency:{type:Object,required:!0},designDraftToken:{type:String,required:!1,default:void 0},isDesignCom:{type:Boolean,required:!1,default:!1},initialSearchTerm:{type:String,default:null},showWhiteSearchBackground:{type:Boolean,required:!1},isContainerWidth:{type:Boolean,default:!1},hasBorderBoxListStyling:{type:Boolean,default:!1},isUserAuthenticated:{type:Boolean,default:!0},domainNameSearchOrigin:{type:String,default:void 0},domainSearchLocation:{type:String,default:void 0},emptyDomainSearch:{type:Object,default:null},domainNameSearchLimit:{type:Number,default:null},domainNameItemsPerPage:{type:Number,default:null},loadMoreDomainsButtonText:{type:String,default:void 0},displayResultLimit:{type:Number,default:void 0},showViewMoreButton:{type:Boolean,default:!1}},setup(){return{publishBrandPageModalTr:l,viewMoreDomainLabel:l("viewMoreDomainLabel")}},data:()=>({domainNameItems:void 0,userCurrency:void 0,isBusy:!1,isSearchDomainListModalVisible:!1,searchText:"",previousSearchText:""}),watch:{initialSearchTerm(e){this.searchText=e,this.searchDomainName(this.initialSearchTerm,!0)}},computed:{currentLocale(){return B()}},mounted(){if(this.initialSearchTerm){this.previousSearchText=this.initialSearchTerm;const e=this.isUserTriggered();this.searchDomainName(this.initialSearchTerm,e)}},methods:{async onSearchDomainName(e){this.$emit("on-change-search",e.searchText),this.$emit("on-domain-search"),await this.searchDomainName(e.searchText,e.isUserTriggered)},async searchDomainName(e,t){this.isBusy=!0;const a=this.cleanText(e);this.previousSearchText=e;try{const n={keyword:a,isUserTriggered:t,userText:e,limit:this.domainNameSearchLimit};this.designDraftToken&&(n.designDraftToken=this.designDraftToken),this.domainNameSearchOrigin&&(n.domainNameSearchOrigin=this.domainNameSearchOrigin),this.domainSearchLocation&&(n.domainSearchLocation=this.domainSearchLocation),this.currentLocale&&(n.locale=this.currentLocale),window.dispatchEvent(new CustomEvent(g.DomainSearchEvent,{detail:n}));const i=await p.searchDomainNamesByKeywordAsync(n);if(!i){this.domainNameItems=[];return}this.displayResultLimit?this.domainNameItems=i.items.slice(0,this.displayResultLimit):this.domainNameItems=i.items,this.userCurrency=i.currency}catch{this.domainNameItems=[]}finally{this.isBusy=!1,this.$emit("on-search-results-loaded")}},onBuyNowClick(){this.$emit("on-buy-now-click")},cleanText(e){return e.replace(/[^\p{L}\p{N}\-.]+/gu,"").toLowerCase()},isUserTriggered(){return new URLSearchParams(window.location.search).get(v)?.toUpperCase()==="TRUE"||!1},onViewMore(){this.$emit("on-view-more")}}};function L(e,t,a,n,i,s){const c=o("SellDomainNameSearch"),d=o("SellDomainNameSearchResult"),h=o("Button");return m(),N("div",null,[r(c,{"is-design-com":a.isDesignCom,"initial-search-term":a.initialSearchTerm,"show-white-search-background":a.showWhiteSearchBackground,onOnSearch:s.onSearchDomainName},null,8,["is-design-com","initial-search-term","show-white-search-background","onOnSearch"]),r(d,{modelValue:e.searchText,"onUpdate:modelValue":t[0]||(t[0]=f=>e.searchText=f),"is-design-com":a.isDesignCom,currency:e.userCurrency||a.currency,"domain-name-items":e.domainNameItems,"previous-search-text":e.previousSearchText,"is-busy":e.isBusy,"has-border-box-list-styling":a.hasBorderBoxListStyling,"is-container-width":a.isContainerWidth,"is-user-authenticated":a.isUserAuthenticated,"empty-domain-search":a.emptyDomainSearch,"domain-name-items-per-page":a.domainNameItemsPerPage,"load-more-domains-button-text":a.loadMoreDomainsButtonText,"domain-search-location":a.domainSearchLocation,onOnBuyNowClick:s.onBuyNowClick},null,8,["modelValue","is-design-com","currency","domain-name-items","previous-search-text","is-busy","has-border-box-list-styling","is-container-width","is-user-authenticated","empty-domain-search","domain-name-items-per-page","load-more-domains-button-text","domain-search-location","onOnBuyNowClick"]),a.showViewMoreButton?(m(),w(h,{key:0,label:n.viewMoreDomainLabel,variant:"no-border",size:"small-medium",class:"tw-text-center tw-pt-6",onOnClick:s.onViewMore},null,8,["label","onOnClick"])):b("",!0)])}const O=T(u,[["render",L]]);u.__docgenInfo={exportName:"default",displayName:"SellDomainNameSearchWithResults",description:"",tags:{},props:[{name:"currency",type:{name:"object"},required:!0},{name:"designDraftToken",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"isDesignCom",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"initialSearchTerm",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"showWhiteSearchBackground",type:{name:"boolean"},required:!1},{name:"isContainerWidth",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"hasBorderBoxListStyling",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isUserAuthenticated",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"domainNameSearchOrigin",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"domainSearchLocation",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"emptyDomainSearch",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"domainNameSearchLimit",type:{name:"number"},defaultValue:{func:!1,value:"null"}},{name:"domainNameItemsPerPage",type:{name:"number"},defaultValue:{func:!1,value:"null"}},{name:"loadMoreDomainsButtonText",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"displayResultLimit",type:{name:"number"},defaultValue:{func:!1,value:"undefined"}},{name:"showViewMoreButton",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"on-change-search",type:{names:["undefined"]}},{name:"on-domain-search"},{name:"on-search-results-loaded"},{name:"on-buy-now-click"},{name:"on-view-more"}],sourceFiles:["/home/zknowles/repos/fe-shared-lib/src/experiences/components/SellDomainNameSearchWithResults/SellDomainNameSearchWithResults.vue"]};export{O as S};

package/.storybook-static/assets/SellDomainNameSearchWithResults.stories-DRUJjSdH.js

@@ -0,0 +1,37 @@
+import{d as i}from"./SellDomainNameList.fixtures-LC6fjr_b.js";import{S as r}from"./SellDomainNameSearchWithResults-bX--zu97.js";import"./SellDomainNameListSearchResult-D-1CrQyf.js";import"./Button-DKdQT6Fq.js";import"./ButtonPrimary-BvWW6Duz.js";import"./iframe-B3A6OXQU.js";import"./preload-helper-PPVm8Dsz.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Icon-C17LFvsP.js";import"./TextInput-CMoUjT_5.js";import"./FormControl.mixin-DcEBwrV3.js";import"./Loader-BWGoT_xC.js";import"./Picture-B8m1I9xN.js";import"./Price-C4GZbDSa.js";import"./event-constants-CMO9VQVu.js";import"./brand-crowd-api.client-D45NKshX.js";import"./index-QquxUozE.js";import"./api-lSJGRrF2.js";const R={title:"Components/SellDomainNameSearchWithResults",component:r},e=()=>({components:{SellDomainNameSearchWithResults:r},data(){return{domainNamesFixture:i,initialSearchTerm:"InitialSearch",currency:{id:1,name:"United State Dollars",iso4127Code:"USD",symbol:"$",abbreviation:"US"}}},template:`
+        <div>
+          <SellDomainNameSearchWithResults 
+              :initial-search-term="initialSearchTerm"
+              :currency="currency"
+              :is-design-com="false"
+              />
+        </div>
+      `});e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      SellDomainNameSearchWithResults
+    },
+    data() {
+      return {
+        domainNamesFixture,
+        initialSearchTerm: 'InitialSearch',
+        currency: {
+          id: 1,
+          name: 'United State Dollars',
+          iso4127Code: 'USD',
+          symbol: '$',
+          abbreviation: 'US'
+        }
+      };
+    },
+    template: \`
+        <div>
+          <SellDomainNameSearchWithResults 
+              :initial-search-term="initialSearchTerm"
+              :currency="currency"
+              :is-design-com="false"
+              />
+        </div>
+      \`
+  };
+}`,...e.parameters?.docs?.source}}};const U=["Sample"];export{e as Sample,U as __namedExportsOrder,R as default};

package/.storybook-static/assets/SellDomainNameWidget.stories-CC3LX10s.js

@@ -0,0 +1,36 @@
+import{c as f,z as S,t as y,e as b,h as l,W as o,a as m,o as D}from"./iframe-B3A6OXQU.js";import{B as N}from"./Button-DKdQT6Fq.js";import{T}from"./TextInput-CMoUjT_5.js";import{S as g}from"./SellDomainNameListModal-ymtVclFP.js";import{s as w}from"./SellDomainNameListSearchResult-D-1CrQyf.js";import{E as C}from"./event-constants-CMO9VQVu.js";import{b as x}from"./brand-crowd-api.client-D45NKshX.js";import{_ as B}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./preload-helper-PPVm8Dsz.js";import"./ButtonPrimary-BvWW6Duz.js";import"./Icon-C17LFvsP.js";import"./FormControl.mixin-DcEBwrV3.js";import"./Modal-CydTNprT.js";import"./Loader-BWGoT_xC.js";import"./Picture-B8m1I9xN.js";import"./Price-C4GZbDSa.js";import"./index-QquxUozE.js";import"./api-lSJGRrF2.js";const c={components:{Button:N,TextInput:T,SellDomainNameListModal:g},props:{currency:{type:Object,required:!0},businessName:{type:String,required:!1,default:""},designDraftToken:{type:String,required:!1,default:void 0},isDesignCom:{type:Boolean,required:!1,default:!1}},setup(){return{searchButtonLabel:o("searchButtonLabel"),searchBarLabel:o("searchBarLabel"),searchBarPlaceholder:o("searchBarPlaceholder"),domainSearchOrConnectHeaderSubtitle:o("domainSearchOrConnectHeaderSubtitle")}},data:()=>({domainNameItems:void 0,userCurrency:void 0,isBusy:!1,isSearchDomainListModalVisible:!1,searchText:"",previousSearchText:""}),created(){this.businessName&&(this.searchText=this.businessName)},methods:{async showModal(){this.domainNameItems=[],this.previousSearchText="",this.isSearchDomainListModalVisible=!0,this.searchText.length>w&&await this.onSearchDomainName(!0)},onSearchTextInputClear(){this.searchText=""},async onSearchTextInputEnterKeyUp(){await this.showModal()},async onSearchBarClick(){await this.showModal()},onSellDomainNameListCloseModal(){this.isSearchDomainListModalVisible=!1},async onSearchDomainName(e){await this.searchDomainName(e)},async searchDomainName(e){this.isBusy=!0;const a=this.cleanText(this.searchText);this.previousSearchText=this.searchText;try{const n={keyword:a,isUserTriggered:e,userText:this.searchText};this.designDraftToken&&(n.designDraftToken=this.designDraftToken),window.dispatchEvent(new CustomEvent(C.DomainSearchEvent,{detail:n}));const t=await x.searchDomainNamesByKeywordAsync(n);if(!t){this.domainNameItems=[];return}this.domainNameItems=t.items,this.userCurrency=t.currency}catch{this.domainNameItems=[]}finally{this.isBusy=!1}},cleanText(e){return e.replace(/[^\p{L}\p{N}\-.]+/gu,"").toLowerCase()}}},v={class:"tw-flex tw-flex-col md:tw-flex-row tw-mt-4 tw-mb-4"};function L(e,a,n,t,V,s){const u=m("TextInput"),h=m("Button"),p=m("SellDomainNameListModal");return D(),f("div",null,[S(y(t.domainSearchOrConnectHeaderSubtitle)+" ",1),b("div",v,[l(u,{modelValue:e.searchText,"onUpdate:modelValue":a[0]||(a[0]=r=>e.searchText=r),class:"tw-grow",icon:"search","element-classes":{"tw-h-12 tw-mb-0 tw-rounded !tw-rounded-r-none":n.isDesignCom,"tw-h-12 md:tw-rounded-r-none tw-mb-0":!n.isDesignCom},"enable-clear":!0,placeholder:t.searchBarPlaceholder,onOnClear:s.onSearchTextInputClear,onEnterKeyUp:s.onSearchTextInputEnterKeyUp},null,8,["modelValue","element-classes","placeholder","onOnClear","onEnterKeyUp"]),l(h,{classes:"tw-w-full tw-mt-2 md:tw-rounded-l-none md:tw-mt-0",variant:"primary",label:t.searchButtonLabel,disabled:!1,onOnClick:s.onSearchBarClick},null,8,["label","onOnClick"])]),l(p,{modelValue:e.searchText,"onUpdate:modelValue":a[1]||(a[1]=r=>e.searchText=r),currency:e.userCurrency||n.currency,"is-busy":e.isBusy,"is-design-com":n.isDesignCom,"domain-name-items":e.domainNameItems,"previous-search-text":e.previousSearchText,visible:e.isSearchDomainListModalVisible,"search-button-label":t.searchButtonLabel,onCloseModal:s.onSellDomainNameListCloseModal,onSearch:a[2]||(a[2]=r=>s.onSearchDomainName(!0))},null,8,["modelValue","currency","is-busy","is-design-com","domain-name-items","previous-search-text","visible","search-button-label","onCloseModal"])])}const d=B(c,[["render",L]]);c.__docgenInfo={exportName:"default",displayName:"SellDomainNameWidget",description:"",tags:{},props:[{name:"currency",type:{name:"object"},required:!0},{name:"businessName",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"designDraftToken",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"isDesignCom",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}}],sourceFiles:["/home/zknowles/repos/fe-shared-lib/src/experiences/components/SellDomainNameWidget/SellDomainNameWidget.vue"]};const Q={title:"Components/SellDomainNameWidget",component:d},i=()=>({components:{SellDomainNameWidget:d},data(){return{currency:{id:1,name:"United State Dollars",iso4127Code:"USD",symbol:"$",abbreviation:"US"}}},methods:{onSearch(e){console.log("onSearch",e),this.isBusy=!0,setTimeout(()=>{this.isBusy=!1},1e3)}},template:`
+      <div>
+        <SellDomainNameWidget business-name="Acme Corporation" :currency="currency"/>
+      </div>
+    `});i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      SellDomainNameWidget
+    },
+    data() {
+      return {
+        currency: {
+          id: 1,
+          name: 'United State Dollars',
+          iso4127Code: 'USD',
+          symbol: '$',
+          abbreviation: 'US'
+        }
+      };
+    },
+    methods: {
+      onSearch(payload) {
+        console.log('onSearch', payload);
+        this.isBusy = true;
+        setTimeout(() => {
+          this.isBusy = false;
+        }, 1000);
+      }
+    },
+    template: \`
+      <div>
+        <SellDomainNameWidget business-name="Acme Corporation" :currency="currency"/>
+      </div>
+    \`
+  };
+}`,...i.parameters?.docs?.source}}};const R=["Sample"];export{i as Sample,R as __namedExportsOrder,Q as default};

package/.storybook-static/assets/SignIn-CPjf8_2O.css

@@ -0,0 +1 @@
+.email-input[data-v-dfc0978d]{background-image:url(https://dcstatic.com/images/icons/forms/forms-email-58207f9a5c.svg);background-position:top 50% left .5rem}.password-input[data-v-dfc0978d]{background-image:url(https://dcstatic.com/images/icons/forms/forms-password-ff538cd5e4.svg);background-position:top 50% left .5rem}.tw-pl-10-important[data-v-dfc0978d]{padding-left:2.5rem!important}

package/.storybook-static/assets/SignIn-DI0DSDFe.js

@@ -0,0 +1 @@
+import{H as I}from"./HelloBar-CYEZR2kQ.js";import{B as U}from"./Button-DKdQT6Fq.js";import{c as o,b as u,e as i,g as l,h as g,a as c,o as r,x as _,z as p,t as d,A as L,O as k,N as E,y as v}from"./iframe-B3A6OXQU.js";import{_ as b}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{I as V}from"./Icon-C17LFvsP.js";const q={components:{Button:U},props:{variant:{type:String,required:!0},size:{type:String,required:!0},label:{type:String,required:!0},labelSize:{type:String,required:!0},disabled:{type:Boolean,required:!0},isLoading:{type:Boolean,required:!0}}},O={class:"tw-relative tw-w-full"};function G(t,a,e,f,n,s){const m=c("Button");return r(),o("div",O,[e.isLoading?(r(),o("div",{key:0,class:u(["tw-absolute tw-top-1/2 tw-left-1/2 tw-transform tw--translate-y-1/2",{"tw-translate-x-8":e.labelSize==="smaller","tw-translate-x-12":e.labelSize==="medium","tw-translate-x-20":e.labelSize==="larger"}])},[...a[0]||(a[0]=[i("img",{class:"tw-animate-spin tw-align-middle",src:"https://dcstatic.com/images/icons/loading/loading-white-2e291087b2.svg",alt:"Submitting"},null,-1)])],2)):l("",!0),g(m,{variant:e.variant,size:e.size,label:e.label,"full-width":!0,disabled:e.disabled},null,8,["variant","size","label","disabled"])])}const D=b(q,[["render",G]]);q.__docgenInfo={exportName:"default",displayName:"SubmissionButton",description:"",tags:{},props:[{name:"variant",type:{name:"string"},required:!0},{name:"size",type:{name:"string"},required:!0},{name:"label",type:{name:"string"},required:!0},{name:"labelSize",type:{name:"string"},required:!0},{name:"disabled",type:{name:"boolean"},required:!0},{name:"isLoading",type:{name:"boolean"},required:!0}],sourceFiles:["/home/zknowles/repos/fe-shared-lib/src/experiences/components/AuthFlow/SubmissionButton.vue"]};const x={props:{theme:{type:String,required:!1,default:"brandCrowd"},availableThemes:{type:Object,required:!1,default:void 0}},computed:{isPartnerTheme(){return this.availableThemes&&this.theme?this.theme.toLowerCase()!==this.availableThemes.BRAND_CROWD.toLowerCase():!1}}},y={LINK_CLASSES:{crazyDomains:"tw-text-primary-500 hover:tw-text-primary-600 tw-underline"},BY_PROCEEDING_TEXT:{crazyDomains:"By proceeding you accept CrazyDomains"},TERMS_AND_CONDITIONS_TEXT:{crazyDomains:"General Terms"},PRIVACY_POLICY_TEXT:{crazyDomains:"Privacy Policy"},TERMS_AND_CONDITIONS_LINK:{crazyDomains:"https://www.crazydomains.com/privacy/"},PRIVACY_POLICY_LINK:{crazyDomains:"https://www.crazydomains.com/privacy/terms-privacy-policy/"}},z={SIGN_UP_TEXT:{crazyDomains:"Don't have an account?"}},C={mixins:[x],props:{termsOfUseUrl:{type:String,required:!0},privacyPolicyUrl:{type:String,required:!0},isDesignCom:{type:Boolean,default:!1},termsAndConditions:{type:Object,required:!1,default:void 0},termsAndConditionsContentKeyPath:{type:String,required:!1,default:void 0}},data(){return{legal:y,termsAndConditionsLabel:this.termsAndConditions?.label??"By proceeding you accept our {termsOfUseLabel} and {privacyPolicyLabel} and agree to receive future updates from",termsOfUseLabel:this.termsAndConditions?.termsOfUseLabel??"Terms of Use",privacyPolicyLabel:this.termsAndConditions?.privacyPolicyLabel??"Privacy Policy"}},computed:{termsAndConditionsLink(){return this.isPartnerTheme?y.TERMS_AND_CONDITIONS_LINK[this.theme]:this.termsOfUseUrl},privacyPolicyLink(){return this.isPartnerTheme?y.PRIVACY_POLICY_LINK[this.theme]:this.privacyPolicyUrl},showKeypathTermsAndConditions(){return!this.isPartnerTheme&&!!this.termsAndConditionsContentKeyPath&&!!this.termsAndConditions}}},R={key:0,class:"tw-text-center tw-text-sm tw-mt-4 tw-mb-2 tw-text-grayscale-600"},M=["href"],W=["href"],j={key:1,class:"tw-text-center tw-text-sm tw-mt-4 tw-mb-2 tw-text-grayscale-600"},K={key:0},H=["href"],Y=["href"],X={key:1},Z={key:2},Q=["href"],J=["href"];function $(t,a,e,f,n,s){const m=c("i18n-t");return s.showKeypathTermsAndConditions?(r(),o("div",R,[g(m,{keypath:e.termsAndConditionsContentKeyPath},{termsOfUseLabel:_(()=>[i("a",{href:s.termsAndConditionsLink,target:"_blank",class:u(["tw-text-info-500",{"hover:tw-underline":e.isDesignCom}])},d(n.termsOfUseLabel),11,M)]),privacyPolicyLabel:_(()=>[i("a",{href:s.privacyPolicyLink,target:"_blank",class:u(["tw-text-info-500",{"hover:tw-underline":e.isDesignCom}])},d(n.privacyPolicyLabel),11,W)]),_:1},8,["keypath"])])):(r(),o("p",j,[t.isPartnerTheme?(r(),o("span",K,[p(d(n.legal.BY_PROCEEDING_TEXT[t.theme])+" ",1),i("a",{href:s.termsAndConditionsLink,target:"_blank",class:u(n.legal.LINK_CLASSES[t.theme])},d(n.legal.TERMS_AND_CONDITIONS_TEXT[t.theme]),11,H),a[0]||(a[0]=p(" and ",-1)),i("a",{href:s.privacyPolicyLink,target:"_blank",class:u(n.legal.LINK_CLASSES[t.theme])},d(n.legal.PRIVACY_POLICY_TEXT[t.theme]),11,Y)])):l("",!0),t.isPartnerTheme?(r(),o("span",X," and BrandCrowd's ")):(r(),o("span",Z,"By proceeding you accept our ")),i("a",{href:e.termsOfUseUrl,target:"_blank",class:u(["tw-text-info-500",{"hover:tw-underline":e.isDesignCom}])},"Terms of Use",10,Q),a[1]||(a[1]=p(" and ",-1)),i("a",{href:e.privacyPolicyUrl,target:"_blank",class:u(["tw-text-info-500",{"hover:tw-underline":e.isDesignCom}])},"Privacy Policy",10,J),i("span",null," and agree to receive future updates from "+d(e.isDesignCom?"Design.com":"BrandCrowd")+".",1)]))}const ee=b(C,[["render",$]]);C.__docgenInfo={exportName:"default",displayName:"AuthLegal",description:"",tags:{},props:[{name:"theme",mixin:{name:"themeMixin",path:"../../mixins/themeMixin.js"},type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'brandCrowd'"}},{name:"availableThemes",mixin:{name:"themeMixin",path:"../../mixins/themeMixin.js"},type:{name:"object"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"termsOfUseUrl",type:{name:"string"},required:!0},{name:"privacyPolicyUrl",type:{name:"string"},required:!0},{name:"isDesignCom",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"termsAndConditions",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"termsAndConditionsContentKeyPath",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}}],sourceFiles:["/home/zknowles/repos/fe-shared-lib/src/experiences/components/AuthFlow/AuthLegal.vue","/home/zknowles/repos/fe-shared-lib/src/experiences/mixins/themeMixin.js"]};function te(t){return/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(String(t).toLowerCase())}const S={FACEBOOK:"facebook",GOOGLE:"google"},P={components:{Icon:V},props:{label:{type:String,required:!0},url:{type:String,required:!0},type:{type:String,required:!0},disabled:{type:Boolean,required:!1,default:!1},isLoading:{type:Boolean,required:!1,default:!1}},data(){return{types:S,loadingSrc:null}},mounted(){this.loadingSrc=this.type===S.FACEBOOK?"https://bcassetcdn.com/images/icons/loading/loading-fb.svg":"https://bcassetcdn.com/images/icons/loading/loading-google.svg"}},ne=["disabled"],ae={class:"tw-flex tw-items-stretch"},ie={class:"tw-flex tw-items-center tw-z-10 tw-flex-none tw-transform -tw-translate-x-px"},re={class:"tw-relative tw-w-full tw-inline-flex tw-text-grayscale-700"},oe={key:0,class:"tw-absolute tw-top-1/2 tw-right-0 tw-transform tw--translate-y-1/2 tw--translate-x-3"},se=["src"],le={class:"tw-grow tw-my-auto tw-text-center tw-w-full tw-font-semibold tw-text-sm"};function de(t,a,e,f,n,s){const m=c("Icon");return r(),o("button",{class:u(["tw-h-full c-social-button tw-w-full tw-bg-white tw-border tw-border-solid tw-border-grayscale-500 tw-content-start tw-cursor-pointer tw-rounded tw-transition-colors tw-duration-300 tw-text-base hover:tw-bg-secondary-100",{"tw-opacity-50":e.disabled}]),disabled:e.disabled},[i("span",ae,[i("span",ie,[g(m,{name:`auth-${e.type}`,class:"tw-z-20 tw-py-3 tw-pl-3",size:"md"},null,8,["name"])]),i("span",re,[e.isLoading?(r(),o("div",oe,[i("img",{class:"tw-animate-spin tw-align-middle",src:n.loadingSrc,alt:"Submitting"},null,8,se)])):l("",!0),i("span",le,d(e.label),1)])])],10,ne)}const ue=b(P,[["render",de]]);P.__docgenInfo={exportName:"default",displayName:"SocialSignInButton",description:"",tags:{},props:[{name:"label",type:{name:"string"},required:!0},{name:"url",type:{name:"string"},required:!0},{name:"type",type:{name:"string"},required:!0},{name:"disabled",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"isLoading",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}}],sourceFiles:["/home/zknowles/repos/fe-shared-lib/src/experiences/components/AuthFlow/SocialSignInButton.vue"]};const F={components:{SocialSignInButton:ue},props:{loginWithGoogleUrl:{type:String,required:!1,default:void 0},loginWithFacebookUrl:{type:String,required:!1,default:void 0},antiForgeryToken:{type:String,required:!0},isLoading:{type:Boolean,required:!1,default:!1},facebookLoading:{type:Boolean,required:!1,default:!1},googleLoading:{type:Boolean,required:!1,default:!1},disabled:{type:Boolean,required:!1,default:!1},preFacebookLoginHook:{type:Function,required:!1,default:void 0},preGoogleLoginHook:{type:Function,required:!1,default:void 0},loginWithGoogleLabel:{type:String,required:!1,default:void 0},loginWithFacebookLabel:{type:String,required:!1,default:void 0}},data(){return{formFacebookUrl:this.loginWithFacebookUrl,formGoogleUrl:this.loginWithGoogleUrl,formAntiForgeryToken:this.antiForgeryToken,googleLoginLabel:this.loginWithGoogleLabel??"Continue with Google",facebookLoginLabel:this.loginWithFacebookLabel??"Continue with Facebook"}},methods:{updateFormAndSubmit(t,a={}){const{antiForgeryToken:e,returnUrl:f}=a;if(!e||!f)throw new Error("Missing antiForgeryToken or action in `updateFormAndSubmit`");switch(this.formAntiForgeryToken=e,t){case"FACEBOOK":this.formFacebookUrl=this.appendReturnUrl(this.loginWithFacebookUrl,f),setTimeout(()=>this.$refs.facebookForm.submit(),0);break;case"GOOGLE":this.formGoogleUrl=this.appendReturnUrl(this.loginWithGoogleUrl,f),setTimeout(()=>this.$refs.googleForm.submit(),0);break;default:throw new Error(`Function updateFormAndSubmit - Unknown type: ${t}`)}},appendReturnUrl(t,a){const e=t.indexOf("?")===-1?"?":"&";return`${t}${e}returnUrl=${encodeURIComponent(a)}`},appendMakerTypeStringAndRegistrationSource(t){const a=window?.location?.search?.match(/[?&]makerTypeString=([^&]*)/),e=window?.location?.search?.match(/[?&]registrationSource=([^&]*)/),f=[];a&&a.length>0&&f.push(`makerTypeString=${a[1]}`),e&&e.length>0&&f.push(`registrationSource=${e[1]}`);const n=t.indexOf("?")===-1?"?":"&";return`${t}${n}${f.join("&")}`},handleFacebookFormSubmit(t){if(this.preFacebookLoginHook){t.preventDefault(),this.preFacebookLoginHook(this.updateFormAndSubmit.bind(this,"FACEBOOK"));return}this.formFacebookUrl=this.appendMakerTypeStringAndRegistrationSource(this.formFacebookUrl)},handleGoogleFormSubmit(t){if(this.preGoogleLoginHook){t.preventDefault(),this.preGoogleLoginHook(this.updateFormAndSubmit.bind(this,"GOOGLE"));return}this.formGoogleUrl=this.appendMakerTypeStringAndRegistrationSource(this.formGoogleUrl)}}},fe={class:"tw-flex tw-flex-col tw-w-full tw-gap-2"},me=["action"],ce=["value"],ge=["action"],he=["value"];function we(t,a,e,f,n,s){const m=c("SocialSignInButton");return r(),o("div",fe,[n.formGoogleUrl?(r(),o("form",{key:0,ref:"googleForm",action:n.formGoogleUrl,method:"post",onSubmit:a[0]||(a[0]=(...w)=>s.handleGoogleFormSubmit&&s.handleGoogleFormSubmit(...w))},[i("input",{type:"hidden",name:"__RequestVerificationToken",value:e.antiForgeryToken},null,8,ce),g(m,{label:n.googleLoginLabel,type:"google",disabled:e.disabled,"is-loading":e.googleLoading,url:n.formGoogleUrl},null,8,["label","disabled","is-loading","url"])],40,me)):l("",!0),n.formFacebookUrl?(r(),o("form",{key:1,ref:"facebookForm",action:n.formFacebookUrl,method:"post",class:"tw-w-full",onSubmit:a[1]||(a[1]=(...w)=>s.handleFacebookFormSubmit&&s.handleFacebookFormSubmit(...w))},[i("input",{type:"hidden",name:"__RequestVerificationToken",value:e.antiForgeryToken},null,8,he),g(m,{label:n.facebookLoginLabel,type:"facebook",disabled:e.disabled,"is-loading":e.facebookLoading,url:n.formFacebookUrl},null,8,["label","disabled","is-loading","url"])],40,ge)):l("",!0)])}const be=b(F,[["render",we]]);F.__docgenInfo={exportName:"default",displayName:"SocialSignIn",description:"",tags:{},props:[{name:"loginWithGoogleUrl",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"loginWithFacebookUrl",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"antiForgeryToken",type:{name:"string"},required:!0},{name:"isLoading",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"facebookLoading",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"googleLoading",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"disabled",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"preFacebookLoginHook",type:{name:"func"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"preGoogleLoginHook",type:{name:"func"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"loginWithGoogleLabel",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"loginWithFacebookLabel",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}}],sourceFiles:["/home/zknowles/repos/fe-shared-lib/src/experiences/components/AuthFlow/SocialSignIn.vue"]};const T={components:{HelloBar:I,Button:U,SocialSignIn:be,SubmissionButton:D,AuthLegal:ee},mixins:[x],props:{title:{type:String,required:!1,default:void 0},description:{type:String,required:!1,default:void 0},formBackgroundClass:{type:String,required:!1,default:void 0},signUpText:{type:String,required:!1,default:void 0},signUpUrl:{type:String,required:!1,default:void 0},forgotPasswordUrl:{type:String,required:!0},loginWithGoogleUrl:{type:String,required:!1,default:void 0},loginWithFacebookUrl:{type:String,required:!1,default:void 0},termsOfUseUrl:{type:String,required:!0},privacyPolicyUrl:{type:String,required:!0},antiForgeryToken:{type:String,required:!0},helloBar:{type:Object,required:!1,default:void 0},recommendedActionLink:{type:String,default:void 0},initialUserName:{type:String,required:!1,default:void 0},isModal:{type:Boolean,required:!1,default:!1},capturePassword:{type:Boolean,required:!1,default:!0},emailLoading:{type:Boolean,required:!1,default:!1},facebookLoading:{type:Boolean,required:!1,default:!1},googleLoading:{type:Boolean,required:!1,default:!1},onForgotPassword:{type:Function,required:!1,default:void 0},submissionButtonLabel:{type:String,required:!1,default:"Continue"},isDesignCom:{type:Boolean,default:!1},preFacebookLoginHook:{type:Function,required:!1,default:void 0},preGoogleLoginHook:{type:Function,required:!1,default:void 0},termsAndConditions:{type:Object,required:!1,default:void 0},termsAndConditionsContentKeyPath:{type:String,required:!1,default:void 0},signInContent:{type:Object,required:!1,default:()=>{}}},data(){return{aUserName:this.initialUserName,password:void 0,userNameError:void 0,passwordError:void 0,loginWithGoogleLabel:this.signInContent.loginWithGoogleLabel,loginWithFacebookLabel:this.signInContent.loginWithFacebookLabel,invalidUsernameErrorLabel:this.signInContent.invalidUsernameErrorLabel??"Please enter a valid email address",missingPasswordErrorLabel:this.signInContent.missingPasswordErrorLabel??"Please enter a password",emailLabel:this.signInContent.emailLabel??"Email",emailPlaceholderLabel:this.signInContent.emailPlaceholderLabel??"Email Address",passwordPlaceholderLabel:this.signInContent.passwordPlaceholderLabel??"Password",forgotPasswordLabel:this.signInContent.forgotPasswordLabel??"Forgot Password?",resetPasswordButtonLabel:this.signInContent.resetPasswordButtonLabel??"RESET PASSWORD",orLabel:this.signInContent.orLabel??"or",signUpLabel:this.signInContent.signUpLabel??"Sign Up"}},computed:{isLoading(){return this.emailLoading||this.facebookLoading||this.googleLoading},currentLocale(){return E()},submissionButtonLabelLowercase(){return this.submissionButtonLabel.toLowerCase()},getForgotPasswordUrl(){if(typeof window>"u")return null;const t=new URL(`https://${window.location.host}${this.forgotPasswordUrl}`);return this.aUserName&&t.searchParams.set("email",this.aUserName),t},getRedirectToRecommendedActionUrl(){if(typeof window>"u")return null;const t=new URL(`https://${window.location.host}${this.recommendedActionLink}`);return this.aUserName&&t.searchParams.set("email",this.aUserName),t?.toString()},submissionButtonLabelSize(){return this.submissionButtonLabel==="LOGIN"?"smaller":"medium"},getSignUpText(){return this.isPartnerTheme?z.SIGN_UP_TEXT[this.theme]:this.signUpText},getSignInAction(){const t=new URLSearchParams;return t.set("locale",this.currentLocale),this.$route?.query&&Object.entries(this.$route.query).forEach(([a,e])=>{if(a!=="locale"&&e!=null){const f=Array.isArray(e)?e[0]:e;t.set(a,f)}}),`/identity/account/signin?${t.toString()}`}},watch:{capturePassword(){this.clearErrorMessages()},initialUserName(t){t&&t!==this.aUserName&&(this.aUserName=t)}},methods:{validate(t){return this.clearErrorMessages(),!this.aUserName||!te(this.aUserName)?(this.userNameError=this.invalidUsernameErrorLabel,t.preventDefault(),!1):this.capturePassword&&!this.password?(this.passwordError=this.missingPasswordErrorLabel,t.preventDefault(),!1):this.aUserName&&this.isModal?(t.preventDefault(),this.capturePassword&&this.password?this.$emit("sign-in-request-submitted",this.aUserName,this.password):this.$emit("sign-in-request-submitted",this.aUserName),!0):this.aUserName&&this.password?!0:(t.preventDefault(),!1)},forgotPasswordClick(){if(this.onForgotPassword){this.onForgotPassword(this.aUserName);return}window.location.href=this.getForgotPasswordUrl},clearErrorMessages(){this.userNameError=void 0,this.passwordError=void 0}}},pe={key:0,class:"tw-text-left tw-mt-2 tw-mb-2"},ye={key:1,class:"tw-text-center tw-mb-6 tw-text-grayscale-600 tw-mt-0"},_e={class:"tw-flex tw-flex-col"},Le=["action"],ke=["value"],ve={for:"userName",class:"tw-sr-only"},Se=["aria-invalid","placeholder"],Ue={key:0,class:"tw-text-error-500 tw-text-sm tw-text-left tw-mb-4"},qe={key:1,for:"password",class:"tw-sr-only"},xe=["aria-invalid","placeholder"],Ce={key:3,class:"tw-text-error-500 tw-text-sm tw-text-left tw-mb-4"},Pe={key:4,class:"tw-w-full tw-text-left tw-mb-4"},Fe={key:0,class:"tw-text-center tw-text-grayscale-600"},Te={class:"tw-w-full tw-inline-flex tw-items-center tw-mb-4"},Ae={class:"tw-px-4"},Be={key:0,class:"tw-order-last tw-w-full tw-border-0 tw-border-t tw-border-solid tw-border-grayscale-400 tw-text-center tw-pt-6 tw-pb-8 tw-text-grayscale-600"},Ne=["href"];function Ie(t,a,e,f,n,s){const m=c("Button"),w=c("HelloBar"),A=c("SubmissionButton"),B=c("AuthLegal"),N=c("SocialSignIn");return r(),o("div",{class:u({"tw-mx-2 sm:tw-mx-8":!e.isModal})},[e.helloBar?(r(),o("div",pe,[g(w,{label:e.helloBar.label,description:e.helloBar.description,variant:e.helloBar.variant},{cta:_(()=>[e.recommendedActionLink?(r(),v(m,{key:0,variant:"secondary",size:"small",label:n.resetPasswordButtonLabel,class:"tw-hidden sm:tw-inline",url:s.getRedirectToRecommendedActionUrl},null,8,["label","url"])):l("",!0),e.recommendedActionLink?(r(),v(m,{key:1,variant:"secondary",size:"medium",label:n.resetPasswordButtonLabel,"full-width":!0,class:"sm:tw-hidden tw-mt-2",url:s.getRedirectToRecommendedActionUrl},null,8,["label","url"])):l("",!0)]),_:1},8,["label","description","variant"])])):l("",!0),i("div",{class:u(["lg:tw-flex tw-items-start tw-justify-center",{"tw-px-2 tw-pb-8":e.isModal,"tw-py-8":!e.isModal}])},[i("div",{class:u(["lg:tw-max-w-xl tw-flex tw-items-center tw-justify-center tw-flex-col tw-text-center tw-h-auto",[e.formBackgroundClass,{"tw-border tw-border-solid tw-border-grayscale-400":!e.isModal}]])},[i("div",{class:u(["tw-w-full",{"tw-p-4 md:tw-p-8":!e.isModal}])},[e.title?(r(),o("h2",{key:0,class:u(["tw-text-center tw-text-4xl tw-font-bold",{"tw-mb-6":!e.description,"tw-mb-2":e.description}])},d(e.title),3)):l("",!0),e.description?(r(),o("p",ye,d(e.description),1)):l("",!0),i("div",_e,[i("div",null,[i("form",{id:"signin",action:s.getSignInAction,method:"post",onSubmit:a[3]||(a[3]=(...h)=>s.validate&&s.validate(...h))},[i("input",{name:"__RequestVerificationToken",type:"hidden",value:e.antiForgeryToken},null,8,ke),i("label",ve,d(n.emailLabel),1),L(i("input",{"onUpdate:modelValue":a[0]||(a[0]=h=>n.aUserName=h),name:"userName",type:"text","data-test-email-input":"","aria-required":"true","aria-invalid":!!n.userNameError,autocomplete:"email",placeholder:n.emailPlaceholderLabel,class:u(["email-input tw-mb-3 tw-h-12 tw-bg-no-repeat tw-w-full tw-rounded tw-shadow-inner tw-outline-none tw-py-4 tw-pl-10-important tw-pr-2 tw-text-grayscale-600 tw-border tw-border-grayscale-500 focus:tw-border-grayscale-700",{"tw-border-error-500":!!n.userNameError}])},null,10,Se),[[k,n.aUserName]]),n.userNameError?(r(),o("p",Ue,d(n.userNameError),1)):l("",!0),e.capturePassword?(r(),o("label",qe,d(n.passwordPlaceholderLabel),1)):l("",!0),e.capturePassword?L((r(),o("input",{key:2,"onUpdate:modelValue":a[1]||(a[1]=h=>n.password=h),name:"password",type:"password","data-test-password-input":"","aria-required":"true","aria-invalid":!!n.passwordError,autocomplete:"current-password",placeholder:n.passwordPlaceholderLabel,class:u(["password-input tw-h-12 tw-mb-4 tw-bg-no-repeat tw-w-full tw-rounded tw-shadow-inner tw-outline-none tw-py-4 tw-pl-10-important tw-pr-2 tw-text-grayscale-600 tw-border tw-border-grayscale-500 focus:tw-border-grayscale-700",{"tw-border-error-500":!!n.passwordError}])},null,10,xe)),[[k,n.password]]):l("",!0),e.capturePassword&&n.passwordError?(r(),o("p",Ce,d(n.passwordError),1)):l("",!0),e.capturePassword?(r(),o("p",Pe,[i("a",{class:"tw-text-info-500 tw-cursor-pointer hover:tw-underline",onClick:a[2]||(a[2]=h=>s.forgotPasswordClick())},d(n.forgotPasswordLabel),1)])):l("",!0),g(A,{"data-test-login-button":"",variant:"primary",size:"medium",label:e.submissionButtonLabel,"label-size":s.submissionButtonLabelSize,"is-loading":e.emailLoading,disabled:e.emailLoading},null,8,["label","label-size","is-loading","disabled"])],40,Le),g(B,{"terms-of-use-url":e.termsOfUseUrl,"privacy-policy-url":e.privacyPolicyUrl,theme:t.theme,"available-themes":t.availableThemes,"is-design-com":e.isDesignCom,"terms-and-conditions":e.termsAndConditions,"terms-and-conditions-content-key-path":e.termsAndConditionsContentKeyPath},null,8,["terms-of-use-url","privacy-policy-url","theme","available-themes","is-design-com","terms-and-conditions","terms-and-conditions-content-key-path"])]),e.loginWithFacebookUrl||e.loginWithGoogleUrl?(r(),o("div",Fe,[i("div",Te,[a[4]||(a[4]=i("div",{class:"tw-grow tw-h-0 tw-border-0 tw-border-t tw-border-solid tw-border-grayscale-400 tw-px-4"},null,-1)),i("span",Ae,d(n.orLabel),1),a[5]||(a[5]=i("div",{class:"tw-grow tw-h-0 tw-border-0 tw-border-t tw-border-solid tw-border-grayscale-400 tw-px-4"},null,-1))])])):l("",!0),i("div",null,[g(N,{"login-with-google-url":e.loginWithGoogleUrl,"login-with-facebook-url":e.loginWithFacebookUrl,"anti-forgery-token":e.antiForgeryToken,"pre-facebook-login-hook":e.preFacebookLoginHook,"pre-google-login-hook":e.preGoogleLoginHook,disabled:s.isLoading,"facebook-loading":e.facebookLoading,"google-loading":e.googleLoading,"login-with-google-label":n.loginWithGoogleLabel,"login-with-facebook-label":n.loginWithFacebookLabel},null,8,["login-with-google-url","login-with-facebook-url","anti-forgery-token","pre-facebook-login-hook","pre-google-login-hook","disabled","facebook-loading","google-loading","login-with-google-label","login-with-facebook-label"])])])],2),e.isModal===!1&&e.signUpText&&e.signUpUrl?(r(),o("div",Be,[i("p",null,[p(d(s.getSignUpText)+" ",1),i("a",{href:e.signUpUrl,class:u(["tw-text-info-500",{"hover:tw-underline":e.isDesignCom}])},d(n.signUpLabel),11,Ne)])])):l("",!0)],2)],2)],2)}const ze=b(T,[["render",Ie],["__scopeId","data-v-dfc0978d"]]);T.__docgenInfo={exportName:"default",displayName:"SignIn",description:"",tags:{},props:[{name:"theme",mixin:{name:"themeMixin",path:"../../mixins/themeMixin.js"},type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'brandCrowd'"}},{name:"availableThemes",mixin:{name:"themeMixin",path:"../../mixins/themeMixin.js"},type:{name:"object"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"title",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"description",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"formBackgroundClass",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"signUpText",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"signUpUrl",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"forgotPasswordUrl",type:{name:"string"},required:!0},{name:"loginWithGoogleUrl",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"loginWithFacebookUrl",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"termsOfUseUrl",type:{name:"string"},required:!0},{name:"privacyPolicyUrl",type:{name:"string"},required:!0},{name:"antiForgeryToken",type:{name:"string"},required:!0},{name:"helloBar",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"recommendedActionLink",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"initialUserName",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"isModal",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"capturePassword",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}},{name:"emailLoading",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"facebookLoading",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"googleLoading",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"onForgotPassword",type:{name:"func"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"submissionButtonLabel",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'Continue'"}},{name:"isDesignCom",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"preFacebookLoginHook",type:{name:"func"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"preGoogleLoginHook",type:{name:"func"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"termsAndConditions",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"termsAndConditionsContentKeyPath",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"signInContent",type:{name:"object"},required:!1,defaultValue:{func:!0,value:"() => {}"}}],events:[{name:"sign-in-request-submitted",type:{names:["undefined"]},properties:[{type:{names:["undefined"]},name:"<anonymous1>"}]}],sourceFiles:["/home/zknowles/repos/fe-shared-lib/src/experiences/components/AuthFlow/SignIn.vue","/home/zknowles/repos/fe-shared-lib/src/experiences/mixins/themeMixin.js"]};export{ee as A,D as S,be as a,ze as b,te as i,x as t};

package/.storybook-static/assets/Slider-Cog2FFdj.css

@@ -0,0 +1 @@
+input[data-v-76c998ff]::-webkit-outer-spin-button,input[data-v-76c998ff]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-76c998ff]{-moz-appearance:textfield}.transparent-slider[data-v-76c998ff]{-webkit-appearance:none;background:transparent}.transparent-slider[data-v-76c998ff]::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;animate:.2s;background:#d0d0d0;border:1px solid rgb(230 230 230)}.transparent-slider[data-v-76c998ff]::-webkit-slider-thumb{border:1px solid #d0d0d0;height:30px;width:30px;border-radius:100%;background:#fff;margin-top:-12px;cursor:pointer;-webkit-appearance:none;box-shadow:0 2px 4px #0000001a}.transparent-slider[data-v-76c998ff]:focus::-webkit-slider-thumb{border:1px solid #595959}.transparent-slider[data-v-76c998ff]::-moz-range-track{width:100%;height:6px;cursor:pointer;animate:.2s;background:#d0d0d0;border:1px solid rgb(230 230 230)}.transparent-slider[data-v-76c998ff]::-moz-range-thumb{border:1px solid #d0d0d0;height:30px;width:30px;border-radius:100%;background:#fff;margin-top:-12px;cursor:pointer;-webkit-appearance:none;box-shadow:0 2px 4px #0000001a}

package/.storybook-static/assets/Slider.stories-B2KGwnJy.js

@@ -0,0 +1,141 @@
+import{c as o,t as y,g as V,e as u,b as f,G as c,C as d,o as m}from"./iframe-B3A6OXQU.js";import{_ as D}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{B as k}from"./Button-DKdQT6Fq.js";import"./preload-helper-PPVm8Dsz.js";import"./ButtonPrimary-BvWW6Duz.js";import"./Icon-C17LFvsP.js";const M={props:{min:{type:Number,required:!1,default:0},max:{type:Number,required:!1,default:100},modelValue:{type:String,required:!1,default:void 0},suffix:{type:String,required:!1,default:void 0},label:{type:String,required:!1,default:void 0},transparent:{type:Boolean,required:!1,default:!1},step:{type:Number,required:!1,default:1},sliderRangeInputId:{type:String,required:!1,default:void 0},sliderValueInputId:{type:String,required:!1,default:void 0},onSliderMouseDown:{type:Function,required:!1,default:void 0},onSliderMouseUp:{type:Function,required:!1,default:void 0},maxDecimalPoint:{type:Number,required:!1,default:void 0},preventNegative:{type:Boolean,required:!1,default:!1}},data(){return{sliderValue:this.modelValue,decimalRegex:/^\d+\.\d{0,1}$/,isInteracting:!1}},computed:{isDecimal(){return!!this.decimalRegex.test(this.step)}},watch:{modelValue(t){this.sliderValue=t}},methods:{focus(){this.$refs.inputSlider.focus()},setValue(t){this.sliderValue=this.sliderValue>this.max?this.max:Number.parseFloat(t),this.$emit("update:model-value",t)},setInput(t){const e=t.target.value;if(e===""||e==="-")return;const l=this.isDecimal?e:Math.round(parseFloat(e));let s=0;if(l>this.max?s=this.max:Number.isNaN(l)?s=this.min:s=l,this.isDecimal)if(this.decimalRegex.test(s))this.updateValue(s,t);else{let i=l.replace(/[^\d.]/g,"");const n=i.indexOf(".");if(n!==-1&&(i=i.slice(0,n+1)+i.slice(n+1).replace(/\./g,"")),this.maxDecimalPoint){const a=this.maxDecimalPoint,I=new RegExp(`^(\\d+)(\\.\\d{0,${a}})?`),S=i.match(I);S&&(i=S[1]+(S[2]||""))}this.updateValue(i,t)}else this.updateValue(s,t)},checkLimit(t){let e=0;if(t.target.value===""||Number.isNaN(this.sliderValue)||this.sliderValue<=this.min?e=this.min:this.sliderValue>this.max?e=this.max:e=this.sliderValue,this.decimalRegex.test(this.sliderValue)){const l=parseFloat(e).toFixed(1);this.updateValue(l,t)}else this.updateValue(parseFloat(e),t)},limitToMinimum(t){if(this.sliderValue<=this.min)t.preventDefault(),this.updateValue(this.min,t);else{let e=0;this.isDecimal?e=(parseFloat(t.target.value)-this.step).toFixed(1):e=parseFloat(t.target.value)-this.step,this.updateValue(e,t)}},limitToMaximum(t){if(this.sliderValue>=this.max)t.preventDefault(),this.updateValue(this.max,t);else{let e=0;this.isDecimal?e=(parseFloat(t.target.value)+this.step).toFixed(1):e=parseFloat(t.target.value)+this.step,this.updateValue(e,t)}},updateValue(t,e){this.sliderValue=t,e.target.value=t,this.$emit("update:model-value",t)},handleSliderMouseDown(){typeof this.onSliderMouseDown=="function"&&(this.isInteracting=!0,this.onSliderMouseDown())},handleSliderMouseUp(){typeof this.onSliderMouseUp=="function"&&this.isInteracting&&(this.isInteracting=!1,this.onSliderMouseUp())},onKeydown(t){this.preventNegative&&(t.key==="-"||t.key==="Subtract")&&t.preventDefault()}}},q={key:0},j={key:0,class:"tw-w-full tw-mr-4"},N=["id","value","min","max","step"],O=["id","value","step"],F={key:0,class:"tw-w-full tw-mr-4"},B=["value","min","max"],L=["value","step"];function U(t,e,l,s,i,n){return m(),o("div",{onMouseup:e[15]||(e[15]=(...a)=>n.handleSliderMouseUp&&n.handleSliderMouseUp(...a))},[l.suffix?(m(),o("div",{key:1,class:f({"tw-flex tw-flex-row tw-gap-4 tw-items-center":l.label,"tw-grid tw-grid-cols-3 tw-gap-3":!l.label})},[l.label?(m(),o("p",F,y(l.label),1)):V("",!0),u("input",{value:i.sliderValue,type:"range",min:l.min,max:l.max,class:f(["slider",{"tw-w-full":l.label,"tw-col-span-2":!l.label,"transparent-slider":l.transparent}]),onInput:e[7]||(e[7]=a=>n.setValue(a.target.value)),onMousedown:e[8]||(e[8]=(...a)=>n.handleSliderMouseDown&&n.handleSliderMouseDown(...a))},null,42,B),u("div",{class:"tw-rounded-r tw-rounded-l tw-py-2 tw-bg-white tw-text-grayscale-600 tw-box-border tw-w-full tw-text-base tw-px-4 tw-border tw-border-solid focus:tw-outline-none tw-transition-colors tw-duration-300 tw-ease-out tw-shadow-inner tw-flex",onClick:e[14]||(e[14]=d((...a)=>n.focus&&n.focus(...a),["stop"]))},[u("input",{ref:"inputSlider",value:i.sliderValue,type:"text",step:l.step,class:"tw-border-none focus:tw-outline-none tw-w-full",onInput:e[9]||(e[9]=d((...a)=>n.setInput&&n.setInput(...a),["stop"])),onBlur:e[10]||(e[10]=d((...a)=>n.checkLimit&&n.checkLimit(...a),["stop"])),onKeydown:[e[11]||(e[11]=c((...a)=>n.limitToMinimum&&n.limitToMinimum(...a),["down"])),e[12]||(e[12]=c((...a)=>n.limitToMaximum&&n.limitToMaximum(...a),["up"]))]},null,40,L),u("span",{class:"tw-cursor-text",onClick:e[13]||(e[13]=d((...a)=>n.focus&&n.focus(...a),["stop"]))},y(l.suffix),1)])],2)):(m(),o("div",q,[l.label?(m(),o("p",j,y(l.label),1)):V("",!0),u("div",{class:f({"tw-flex tw-flex-row tw-gap-4 tw-items-center":l.label,"tw-grid tw-grid-cols-3 tw-gap-3":!l.label})},[u("input",{id:l.sliderRangeInputId,value:i.sliderValue,type:"range",min:l.min,max:l.max,step:l.step,class:f(["slider",{"tw-w-full":l.label,"tw-col-span-2":!l.label,"transparent-slider":l.transparent}]),onInput:e[0]||(e[0]=a=>n.setValue(a.target.value)),onMousedown:e[1]||(e[1]=(...a)=>n.handleSliderMouseDown&&n.handleSliderMouseDown(...a))},null,42,N),u("input",{id:l.sliderValueInputId,value:i.sliderValue,type:"text",step:l.step,class:"input-slider tw-rounded-r tw-rounded-l tw-py-2 tw-bg-white tw-text-grayscale-600 tw-box-border tw-w-full tw-text-base tw-px-4 tw-border tw-border-solid focus:tw-outline-none tw-transition-colors tw-duration-300 tw-ease-out tw-shadow-inner",onInput:e[2]||(e[2]=d((...a)=>n.setInput&&n.setInput(...a),["stop"])),onBlur:e[3]||(e[3]=d((...a)=>n.checkLimit&&n.checkLimit(...a),["stop"])),onKeydown:[e[4]||(e[4]=c((...a)=>n.limitToMinimum&&n.limitToMinimum(...a),["down"])),e[5]||(e[5]=c((...a)=>n.limitToMaximum&&n.limitToMaximum(...a),["up"])),e[6]||(e[6]=(...a)=>n.onKeydown&&n.onKeydown(...a))]},null,40,O)],2)]))],32)}const r=D(M,[["render",U],["__scopeId","data-v-76c998ff"]]);M.__docgenInfo={exportName:"default",displayName:"Slider",description:"",tags:{},props:[{name:"min",type:{name:"number"},required:!1,defaultValue:{func:!1,value:"0"}},{name:"max",type:{name:"number"},required:!1,defaultValue:{func:!1,value:"100"}},{name:"modelValue",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"suffix",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"label",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"transparent",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"step",type:{name:"number"},required:!1,defaultValue:{func:!1,value:"1"}},{name:"sliderRangeInputId",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"sliderValueInputId",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"onSliderMouseDown",type:{name:"func"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"onSliderMouseUp",type:{name:"func"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"maxDecimalPoint",type:{name:"number"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"preventNegative",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}}],events:[{name:"update:model-value",type:{names:["undefined"]}}],sourceFiles:["/home/zknowles/repos/fe-shared-lib/src/atoms/components/Slider/Slider.vue"]};const P={title:"Components/Slider",component:r,parameters:{layout:"centered"}},p=()=>({components:{Slider:r},template:`
+        <div>
+          <div>Min 12, Max 128</div>
+          <Slider :min="12" :max="128"  :model-value="16" :prevent-negative="true"/>
+          <div class="tw-mt-8">Min 0, max 100, Manually emptying the input box should fall back to 0 as min value</div>
+          <Slider :min="0" :max="100"  :model-value="16"/>
+        </div>
+        
+      `}),w=()=>({components:{Slider:r},template:`
+        <Slider :min="1" :max="2.5" :step="0.1" :model-value="1.2" :max-decimal-point="1"/>
+      `}),v=()=>({components:{Slider:r},template:`
+        <Slider :min="0" :max="100" suffix="%" />
+      `}),b=()=>({components:{Slider:r},template:`
+        <Slider :min="0" :max="100" label="Label" :transparent="true" :model-value="50" />
+      `}),h=()=>({components:{Slider:r,Button:k},data(){return{obj1:{value:20},obj2:{value:30},currentObj:null}},mounted(){this.currentObj=this.obj1},template:`
+        <div class="tw-flex tw-gap-4">
+          <Button variant="secondary" label="Obj1" @click="buttonClick(obj1)"/>
+          <Button variant="secondary" label="Obj2" @click="buttonClick(obj2)"/>
+        </div>
+        <div class="tw-w-96">
+          <Slider :min="0" :max="100" label="Label" :transparent="true" :model-value="currentObj.value" />
+        </div>
+      `,methods:{buttonClick(t){this.currentObj=t}}}),x=()=>({components:{Slider:r},template:`
+        <div class="tw-flex-col tw-gap-2" >
+          <p>{{ isInteracting ? 'Interacting' : 'Not interacting' }}</p>
+          <Slider :min="0" :max="100" :model-value="50" :on-slider-mouse-down="onMouseDown" :on-slider-mouse-up="onMouseUp" />
+        </div>
+      `,data(){return{isInteracting:!1}},methods:{onMouseDown(){this.isInteracting=!0},onMouseUp(){this.isInteracting=!1}}}),g=()=>({components:{Slider:r},template:`
+        <Slider :min="-100" :max="100"  :model-value="0"/>
+      `});p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Slider
+    },
+    template: \`
+        <div>
+          <div>Min 12, Max 128</div>
+          <Slider :min="12" :max="128"  :model-value="16" :prevent-negative="true"/>
+          <div class="tw-mt-8">Min 0, max 100, Manually emptying the input box should fall back to 0 as min value</div>
+          <Slider :min="0" :max="100"  :model-value="16"/>
+        </div>
+        
+      \`
+  };
+}`,...p.parameters?.docs?.source}}};w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Slider
+    },
+    template: \`
+        <Slider :min="1" :max="2.5" :step="0.1" :model-value="1.2" :max-decimal-point="1"/>
+      \`
+  };
+}`,...w.parameters?.docs?.source}}};v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Slider
+    },
+    template: \`
+        <Slider :min="0" :max="100" suffix="%" />
+      \`
+  };
+}`,...v.parameters?.docs?.source}}};b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Slider
+    },
+    template: \`
+        <Slider :min="0" :max="100" label="Label" :transparent="true" :model-value="50" />
+      \`
+  };
+}`,...b.parameters?.docs?.source}}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Slider,
+      Button
+    },
+    data() {
+      return {
+        obj1: {
+          value: 20
+        },
+        obj2: {
+          value: 30
+        },
+        currentObj: null
+      };
+    },
+    mounted() {
+      this.currentObj = this.obj1;
+    },
+    template: \`
+        <div class="tw-flex tw-gap-4">
+          <Button variant="secondary" label="Obj1" @click="buttonClick(obj1)"/>
+          <Button variant="secondary" label="Obj2" @click="buttonClick(obj2)"/>
+        </div>
+        <div class="tw-w-96">
+          <Slider :min="0" :max="100" label="Label" :transparent="true" :model-value="currentObj.value" />
+        </div>
+      \`,
+    methods: {
+      buttonClick(obj) {
+        this.currentObj = obj;
+      }
+    }
+  };
+}`,...h.parameters?.docs?.source}}};x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Slider
+    },
+    template: \`
+        <div class="tw-flex-col tw-gap-2" >
+          <p>{{ isInteracting ? 'Interacting' : 'Not interacting' }}</p>
+          <Slider :min="0" :max="100" :model-value="50" :on-slider-mouse-down="onMouseDown" :on-slider-mouse-up="onMouseUp" />
+        </div>
+      \`,
+    data() {
+      return {
+        isInteracting: false
+      };
+    },
+    methods: {
+      onMouseDown() {
+        this.isInteracting = true;
+      },
+      onMouseUp() {
+        this.isInteracting = false;
+      }
+    }
+  };
+}`,...x.parameters?.docs?.source}}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Slider
+    },
+    template: \`
+        <Slider :min="-100" :max="100"  :model-value="0"/>
+      \`
+  };
+}`,...g.parameters?.docs?.source}}};const E=["SliderFontSize","SliderLineheight","SliderOpacity","SliderWithLabel","SliderWithSwappingTargetvalue","SliderWithMouseDownAndUp","SliderWithNegativeMinValue"];export{p as SliderFontSize,w as SliderLineheight,v as SliderOpacity,b as SliderWithLabel,x as SliderWithMouseDownAndUp,g as SliderWithNegativeMinValue,h as SliderWithSwappingTargetvalue,E as __namedExportsOrder,P as default};