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

package/.storybook-static/assets/Select.stories-vMzrjNuo.js

@@ -1,108 +0,0 @@
-import{c as u,r as a,e as h,a as o,i as L,A as B,T as P,h as b,w as s,k as r,n as y,o as d,x as g,y as v,j as S,t as w,F as A,f as T}from"./vue.esm-bundler-C7QvyiW1.js";import{_ as F}from"./_plugin-vue_export-helper-DlAUqK2U.js";function M(e){return e===0?!1:Array.isArray(e)&&e.length===0?!0:!e}function I(e){return(...t)=>!e(...t)}function R(e,t){let n;switch(e){case void 0:n="undefined";break;case null:n="null";break;case!1:n="false";break;default:n=e}return n.toString().toLowerCase().indexOf(t.trim())!==-1}function K(e,t,n,f){return e.filter(V=>R(f(V,n),t))}const N={data(){return{search:"",isOpen:!1,preferredOpenDirection:"below",optimizedHeight:this.maxHeight}},props:{isInternalSearch:{type:Boolean,default:!0},options:{type:Array,required:!0},modelValue:{type:[String,Object],default:null},trackBy:{type:String,default:null},label:{type:String},isSearchable:{type:Boolean,default:!0},shouldHideSelected:{type:Boolean,default:!1},placeholder:{type:String,default:"Select option"},shouldAllowEmpty:{type:Boolean,default:!0},shouldResetAfter:{type:Boolean,default:!1},shouldCloseOnSelect:{type:Boolean,default:!0},customLabel:{type:Function,default(e,t){return M(e)?"":t?e[t]:e}},shouldAllowCustom:{type:Boolean,default:!1},customPlaceholder:{type:String,default:"Press enter to create option"},customPosition:{type:String,default:"top"},id:{default:null},optionsLimit:{type:Number,default:1e3},shouldPreserveSearch:{type:Boolean,default:!1},shouldPreselectFirst:{type:Boolean,default:!1},shouldPreventAutofocus:{type:Boolean,default:!1},isDisabled:{type:Boolean,default:!1}},mounted(){this.shouldPreselectFirst&&!this.modelValue&&this.options.length&&this.select(this.filteredOptions[0])},computed:{filteredOptions(){const e=this.search||"",t=e.toLowerCase().trim();let n=this.options.concat();return this.isInternalSearch&&(n=K(n,t,this.label,this.customLabel)),n=this.shouldHideSelected?n.filter(I(this.isOptionSelected)):n,this.shouldAllowCustom&&t.length&&!this.isExistingOption(t)&&(this.customPosition==="bottom"?n.push({isCustom:!0,label:e}):n.unshift({isCustom:!0,label:e})),n.slice(0,this.optionsLimit)},valueKey(){return this.modelValue?this.trackBy?this.modelValue[this.trackBy]:this.modelValue:null},optionKeys(){return this.options.map(e=>this.customLabel(e,this.label).toString().toLowerCase())},exactMatchOption(){if(!this.search)return null;const e=this.search.toLowerCase().trim();return this.filteredOptions.find(t=>this.customLabel(t,this.label).toString().toLowerCase()===e)},hasExactMatch(){return!!this.exactMatchOption}},watch:{search(){this.$emit("search-change",this.search,this.id)}},methods:{updateSearch(e){this.search=e},isExistingOption(e){return this.options?this.optionKeys.indexOf(e)>-1:!1},getOptionKey(e){return this.trackBy?e[this.trackBy]:e},isOptionSelected(e){return this.valueKey===this.getOptionKey(e)},getOptionLabel(e){if(M(e))return"";if(e.isCustom)return e.label;const t=this.customLabel(e,this.label);return M(t)?"":t},select(e,t){if(!(this.isDisabled||e.$isDisabled)&&!(t==="Tab"&&!this.pointerDirty)){if(e.isCustom)this.$emit("custom",e.label,this.id),this.search="",this.shouldCloseOnSelect&&this.deactivate();else{if(this.isOptionSelected(e)){t!=="Tab"&&this.removeElement(e);return}this.$emit("update:modelValue",e,this.id)}this.shouldCloseOnSelect&&this.deactivate()}},removeElement(e,t=!0){if(!(this.isDisabled||e.$isDisabled)){if(!this.shouldAllowEmpty&&this.modelValue){this.deactivate();return}this.$emit("update:modelValue",null,this.id),this.$emit("remove",e,this.id),this.shouldCloseOnSelect&&t&&this.deactivate()}},async activate(){this.isOpen||this.isDisabled||(this.adjustPosition(),this.isOpen=!0,this.isSearchable?(this.shouldPreserveSearch||(this.search=""),this.shouldPreventAutofocus||await this.$nextTick(()=>this.$refs.search&&this.$refs.search.focus())):this.shouldPreventAutofocus||typeof this.$el<"u"&&this.$el.focus(),this.$emit("open",this.id))},deactivate(){this.isOpen&&(this.isOpen=!1,this.isSearchable?this.isSearchEmpty()&&this.$refs.search.blur():typeof this.$el<"u"&&this.$el.blur(),this.shouldPreserveSearch||(this.search=""),this.$emit("close",this.modelValue,this.id))},toggle(){this.isOpen?this.deactivate():this.activate()},isSearchEmpty(){return this.$refs.search!==null&&typeof this.$refs.search<"u"},shouldOpenBelow(){const e=this.$el.getBoundingClientRect().top,t=window.innerHeight-this.$el.getBoundingClientRect().bottom;return t>this.maxHeight||t>e||this.openDirection==="below"||this.openDirection==="bottom"},adjustPosition(){if(typeof window>"u")return;const e=this.$el.getBoundingClientRect().top,t=window.innerHeight-this.$el.getBoundingClientRect().bottom;this.shouldOpenBelow()?(this.preferredOpenDirection="below",this.optimizedHeight=Math.min(t-40,this.maxHeight)):(this.preferredOpenDirection="above",this.optimizedHeight=Math.min(e-40,this.maxHeight))}}},z={data(){return{pointer:0,pointerDirty:!1}},props:{shouldShowPointer:{type:Boolean,default:!0},optionHeight:{type:Number,default:40},shouldCloseOnSelect:{type:Boolean,default:!0}},computed:{pointerPosition(){return this.pointer*this.optionHeight},visibleElements(){return this.optimizedHeight/this.optionHeight}},watch:{filteredOptions(){this.pointerAdjust()},isOpen(){this.pointerDirty=!1},pointer(){this.$refs.search&&this.$refs.search.setAttribute("aria-activedescendant",`${this.id}-${this.pointer.toString()}`)}},methods:{isOptionHighlighted(e){return e===this.pointer&&this.shouldShowPointer},addPointerElement({key:e}="Enter"){this.filteredOptions.length>0&&this.select(this.filteredOptions[this.pointer],e),this.pointerReset()},shouldScrollDown(){return this.$refs.list.scrollTop<=this.pointerPosition-(this.visibleElements-1)*this.optionHeight},shouldScrollUp(){return this.$refs.list.scrollTop>=this.pointerPosition},pointerForward(){this.pointer<this.filteredOptions.length-1&&(this.pointer+=1,this.shouldScrollDown()&&(this.$refs.list.scrollTop=this.pointerPosition-(this.visibleElements-1)*this.optionHeight)),this.pointerDirty=!0},pointerBackward(){this.pointer>0&&(this.pointer-=1,this.shouldScrollUp()&&(this.$refs.list.scrollTop=this.pointerPosition)),this.pointerDirty=!0},pointerReset(){this.shouldCloseOnSelect&&(this.pointer=0,this.$refs.list&&(this.$refs.list.scrollTop=0))},pointerAdjust(){this.pointer>=this.filteredOptions.length-1&&(this.pointer=this.filteredOptions.length?this.filteredOptions.length-1:0)},pointerSet(e){this.pointer=e,this.pointerDirty=!0}}},H={mixins:[N,z],props:{name:{type:String,default:""},selectLabel:{type:String,default:void 0},selectedLabel:{type:String,default:void 0},deselectLabel:{type:String,default:void 0},shouldShowLabels:{type:Boolean,default:!0},maxHeight:{type:Number,default:300},isLoading:{type:Boolean,default:!1},openDirection:{type:String,default:""},shouldShowNoResults:{type:Boolean,default:!0},tabindex:{type:Number,default:0},shouldSelectExactMatchOnBlur:{type:Boolean,default:!1},isInvalid:{type:Boolean,default:!1}},computed:{isValueVisible(){return this.isSearchable&&this.isOpen?!1:!!this.modelValue},isPlaceholderVisible(){return this.isSearchable&&this.isOpen?!1:!this.modelValue},deselectLabelText(){return this.shouldShowLabels?this.deselectLabel:""},selectLabelText(){return this.shouldShowLabels?this.selectLabel:""},selectedLabelText(){return this.shouldShowLabels?this.selectedLabel:""},inputStyle(){return this.isSearchable?this.isOpen?{width:"100%"}:{width:"0",position:"absolute",padding:"0"}:""},contentStyle(){return this.options.length?{display:"inline-block"}:{display:"block"}},isAbove(){return this.openDirection==="above"||this.openDirection==="top"?!0:this.openDirection==="below"||this.openDirection==="bottom"?!1:this.preferredOpenDirection==="above"}},watch:{isOpen(e){if(e&&this.modelValue){const t=document.getElementById(this.getListId(this.modelValue));t&&this.$nextTick(()=>{t.scrollIntoView({behavior:"instant",block:"nearest",inline:"nearest"})})}}},methods:{onBlur(){this.shouldSelectExactMatchOnBlur&&this.hasExactMatch&&(this.isOptionSelected(this.exactMatchOption)||this.select(this.exactMatchOption,this.getOptionKey(this.exactMatchOption))),this.deactivate()},getListId(e){return`${this.id}-${this.getOptionKey(e)}`}}},U=["aria-owns","tabindex"],q={class:"select__spinner"},W=["name","value"],Y=["id","aria-controls","disabled","placeholder","tabindex","value"],G=["id"],J=["id","role"],Q=["data-deselect","data-select","data-selected","onFocus","onClick","onMouseenter"],X={class:"select__option"};function Z(e,t,n,f,V,l){return d(),u("div",{"aria-owns":`listbox-${e.id}`,class:y([{"select--active":e.isOpen,"select--disabled":e.isDisabled,"select--above":l.isAbove},"select"]),tabindex:e.isSearchable?-1:n.tabindex,onBlur:t[12]||(t[12]=i=>e.isSearchable?!1:e.deactivate()),onFocus:t[13]||(t[13]=(...i)=>e.activate&&e.activate(...i)),onKeydown:[t[14]||(t[14]=r(s((...i)=>e.pointerForward&&e.pointerForward(...i),["self","prevent"]),["down"])),t[15]||(t[15]=r(s((...i)=>e.pointerBackward&&e.pointerBackward(...i),["self","prevent"]),["up"])),t[16]||(t[16]=r(s(i=>e.addPointerElement(i),["stop","self"]),["enter","tab"]))],onKeyup:t[17]||(t[17]=r((...i)=>e.deactivate&&e.deactivate(...i),["esc"]))},[n.isLoading?h("",!0):a(e.$slots,"caret",{key:0,toggle:e.toggle},()=>[o("div",{class:"select__caret",onMousedown:t[0]||(t[0]=s((...i)=>e.toggle&&e.toggle(...i),["prevent","stop"]))},null,32)],!0),a(e.$slots,"clear",{search:e.search},void 0,!0),o("div",{ref:"tags",class:y(["select__tags tw-text-grayscale-600 tw-border tw-border-solid",{"tw-border-grayscale-500 focus:tw-border-grayscale-600":!n.isInvalid,"tw-border-error-500 focus:tw-border-error-600":n.isInvalid}])},[L(P,{name:"select__loading"},{default:B(()=>[a(e.$slots,"loading",{},()=>[g(o("div",q,null,512),[[v,n.isLoading]])],!0)]),_:3}),o("input",{name:n.name,value:e.valueKey,hidden:""},null,8,W),e.isSearchable?(d(),u("input",{key:0,id:e.id,ref:"search","aria-controls":`listbox-${e.id}`,disabled:e.isDisabled,placeholder:e.placeholder,style:b(l.inputStyle),tabindex:n.tabindex,value:e.search,class:"select__input",spellcheck:"false",autocomplete:"one-time-code",type:"text",onInput:t[1]||(t[1]=s(i=>e.updateSearch(i.target.value),["stop"])),onBlur:t[2]||(t[2]=s((...i)=>l.onBlur&&l.onBlur(...i),["prevent"])),onFocus:t[3]||(t[3]=s((...i)=>e.activate&&e.activate(...i),["prevent"])),onKeyup:t[4]||(t[4]=r((...i)=>e.deactivate&&e.deactivate(...i),["esc"])),onKeydown:[t[5]||(t[5]=r(s((...i)=>e.pointerForward&&e.pointerForward(...i),["prevent"]),["down"])),t[6]||(t[6]=r(s((...i)=>e.pointerBackward&&e.pointerBackward(...i),["prevent"]),["up"])),t[7]||(t[7]=r(s(i=>e.addPointerElement(i),["prevent","stop","self"]),["enter"]))]},null,44,Y)):h("",!0),l.isValueVisible?(d(),u("span",{key:1,class:"select__value",onMousedown:t[8]||(t[8]=s((...i)=>e.toggle&&e.toggle(...i),["prevent"]))},[a(e.$slots,"label",{option:e.modelValue},()=>[S(w(e.modelValue),1)],!0)],32)):h("",!0),l.isPlaceholderVisible?(d(),u("span",{key:2,class:"select__placeholder",onMousedown:t[9]||(t[9]=s((...i)=>e.toggle&&e.toggle(...i),["prevent"]))},[a(e.$slots,"placeholder",{},()=>[S(w(e.placeholder),1)],!0)],32)):h("",!0)],2),L(P,{name:"select"},{default:B(()=>[g(o("div",{ref:"list",style:b({maxHeight:`${e.optimizedHeight}px`}),class:"select__content-wrapper",tabindex:"-1",onFocus:t[10]||(t[10]=(...i)=>e.activate&&e.activate(...i)),onMousedown:t[11]||(t[11]=s(()=>{},["prevent"]))},[o("ul",{id:`listbox-${e.id}`,style:b(l.contentStyle),class:"select__content",role:"listbox"},[a(e.$slots,"beforeList",{},void 0,!0),(d(!0),u(A,null,T(e.filteredOptions,(i,c)=>(d(),u("li",{id:l.getListId(i),key:c,role:i&&i.$isDisabled?null:"option",class:"select__element"},[i&&i.$isDisabled?h("",!0):(d(),u("span",{key:0,class:y([{"select__option--highlight":e.isOptionHighlighted(c),"select__option--selected":e.isOptionSelected(i)},"select__option"]),"data-deselect":l.deselectLabelText,"data-select":i&&i.isCustom?e.customPlaceholder:l.selectLabelText,"data-selected":l.selectedLabelText,onFocus:O=>e.select(i),onClick:s(O=>e.select(i),["stop"]),onMouseenter:s(O=>e.pointerSet(c),["self"])},[a(e.$slots,"option",{index:c,option:i,search:e.search},()=>[o("span",null,w(e.getOptionLabel(i)),1)],!0)],42,Q))],8,J))),128)),g(o("li",null,[o("span",X,[a(e.$slots,"noResult",{search:e.search},()=>[S("No results")],!0)])],512),[[v,n.shouldShowNoResults&&e.filteredOptions.length===0&&e.search&&!n.isLoading]]),a(e.$slots,"afterList",{},void 0,!0)],12,G)],36),[[v,e.isOpen]])]),_:3})],42,U)}const x=F(H,[["render",Z],["__scopeId","data-v-82c96249"]]);H.__docgenInfo={exportName:"default",displayName:"Select",description:"",tags:{},props:[{name:"isInternalSearch",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"options",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"array"},required:!0},{name:"modelValue",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"string|object"},defaultValue:{func:!1,value:"null"}},{name:"trackBy",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"label",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"string"}},{name:"isSearchable",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"shouldHideSelected",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"placeholder",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"string"},defaultValue:{func:!1,value:"'Select option'"}},{name:"shouldAllowEmpty",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"shouldResetAfter",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"shouldCloseOnSelect",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"customLabel",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"func"},defaultValue:{func:!0,value:`function(option, label) {
-  if (isEmpty(option)) return '';
-  return label ? option[label] : option;
-}`}},{name:"shouldAllowCustom",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"customPlaceholder",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"string"},defaultValue:{func:!1,value:"'Press enter to create option'"}},{name:"customPosition",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"string"},defaultValue:{func:!1,value:"'top'"}},{name:"id",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"optionsLimit",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"number"},defaultValue:{func:!1,value:"1000"}},{name:"shouldPreserveSearch",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"shouldPreselectFirst",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"shouldPreventAutofocus",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isDisabled",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"shouldShowPointer",mixin:{name:"pointerMixin",path:"pointerMixin.js"},type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"optionHeight",mixin:{name:"pointerMixin",path:"pointerMixin.js"},type:{name:"number"},defaultValue:{func:!1,value:"40"}},{name:"name",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"selectLabel",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"selectedLabel",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"deselectLabel",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"shouldShowLabels",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"maxHeight",type:{name:"number"},defaultValue:{func:!1,value:"300"}},{name:"isLoading",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"openDirection",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"shouldShowNoResults",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"tabindex",type:{name:"number"},defaultValue:{func:!1,value:"0"}},{name:"shouldSelectExactMatchOnBlur",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isInvalid",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"search-change",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{names:["undefined"]},properties:[{type:{names:["undefined"]},name:"<anonymous1>"}]},{name:"custom",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{names:["undefined"]},properties:[{type:{names:["undefined"]},name:"<anonymous1>"}]},{name:"update:modelValue",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{names:["undefined"]},properties:[{type:{names:["undefined"]},name:"<anonymous1>"}]},{name:"remove",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{names:["undefined"]},properties:[{type:{names:["undefined"]},name:"<anonymous1>"}]},{name:"open",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{names:["undefined"]}},{name:"close",mixin:{name:"selectMixin",path:"selectMixin.js"},type:{names:["undefined"]},properties:[{type:{names:["undefined"]},name:"<anonymous1>"}]}],slots:[{name:"caret",scoped:!0,bindings:[{name:"toggle",title:"binding"}]},{name:"clear",scoped:!0,bindings:[{name:"search",title:"binding"}]},{name:"loading"},{name:"label",scoped:!0,bindings:[{name:"option",title:"binding"}]},{name:"placeholder"},{name:"beforeList"},{name:"option",scoped:!0,bindings:[{name:"index",title:"binding"},{name:"option",title:"binding"},{name:"search",title:"binding"}]},{name:"noResult",scoped:!0,bindings:[{name:"search",title:"binding"}]},{name:"afterList"}],sourceFiles:["/Users/brooke.couchman/Projects/fe-shared-lib/src/atoms/components/Select/Select.vue","/Users/brooke.couchman/Projects/fe-shared-lib/src/atoms/components/Select/pointerMixin.js","/Users/brooke.couchman/Projects/fe-shared-lib/src/atoms/components/Select/selectMixin.js"]};const te={title:"Components/Select",component:x,args:{isLoading:!1,isSearchable:!0,shouldAllowCustom:!0,shouldCloseOnSelect:!0,isDisabled:!1,deselectLabel:void 0,selectLabel:void 0,customPosition:void 0,optionHeight:void 0,shouldHideSelected:void 0,shouldShowPointer:void 0,shouldPreserveSearch:void 0,optionsLimit:void 0,openDirection:void 0,maxHeight:void 0,customPlaceholder:void 0,id:void 0,shouldPreselectFirst:void 0,shouldPreventAutofocus:void 0,name:void 0,shouldShowLabels:void 0,customLabel:void 0,isInternalSearch:void 0,label:void 0,shouldAllowEmpty:void 0,selectedLabel:void 0,shouldPreventAutoFocus:void 0,shouldResetAfter:void 0,shouldShowNoResults:void 0,options:["Luke Skywalker","Princess Leia Organa","Han Solo","Darth Vader","Obi-Wan Kenobi","Yoda","Chewbacca","R2-D2","C-3PO","Emperor Palpatine"]},argTypes:{customPosition:{type:"string",control:{type:"select",options:["top","bottom"]}},openDirection:{type:"string",control:{type:"select",options:["top","bottom"]}}}},p=(e,{argTypes:t})=>({components:{Select:x},props:Object.keys(t),setup(){return{args:e}},data:()=>({internalValue:""}),watch:{value(n){this.internalValue=n}},template:`
-          <Select
-              v-model="internalValue"
-              v-bind="args"
-              @custom="add"
-          />
-        `,methods:{add(n){this.internalValue=n,this.args.options.push(n)}}}),m=(e,{argTypes:t})=>({components:{Select:x},props:Object.keys(t),setup(){return{args:e}},data:()=>({internalValue:""}),watch:{value(n){this.internalValue=n}},template:`
-          <Select
-              v-model="internalValue"
-              v-bind="args"
-              @custom="add"
-          >
-            <template v-slot:label="{option}">
-              <div class="tw-m-1 tw-bg-info-300">
-                {{ option }}
-              </div>
-            </template>
-            <template v-slot:option="{option}">
-              <div class="tw-italic tw-text-success-500">
-                {{ option }}
-              </div>
-            </template>
-          </Select>
-        `,methods:{add(n){this.internalValue=n,this.args.options.push(n)}}});var j,k,$;p.parameters={...p.parameters,docs:{...(j=p.parameters)==null?void 0:j.docs,source:{originalSource:`(args, {
-  argTypes
-}) => {
-  return {
-    components: {
-      Select
-    },
-    props: Object.keys(argTypes),
-    setup() {
-      return {
-        args
-      };
-    },
-    data: () => ({
-      internalValue: ''
-    }),
-    watch: {
-      value(v) {
-        this.internalValue = v;
-      }
-    },
-    template: \`
-          <Select
-              v-model="internalValue"
-              v-bind="args"
-              @custom="add"
-          />
-        \`,
-    methods: {
-      add(value) {
-        this.internalValue = value;
-        this.args.options.push(value);
-      }
-    }
-  };
-}`,...($=(k=p.parameters)==null?void 0:k.docs)==null?void 0:$.source}}};var D,C,E;m.parameters={...m.parameters,docs:{...(D=m.parameters)==null?void 0:D.docs,source:{originalSource:`(args, {
-  argTypes
-}) => {
-  return {
-    components: {
-      Select
-    },
-    props: Object.keys(argTypes),
-    setup() {
-      return {
-        args
-      };
-    },
-    data: () => ({
-      internalValue: ''
-    }),
-    watch: {
-      value(v) {
-        this.internalValue = v;
-      }
-    },
-    template: \`
-          <Select
-              v-model="internalValue"
-              v-bind="args"
-              @custom="add"
-          >
-            <template v-slot:label="{option}">
-              <div class="tw-m-1 tw-bg-info-300">
-                {{ option }}
-              </div>
-            </template>
-            <template v-slot:option="{option}">
-              <div class="tw-italic tw-text-success-500">
-                {{ option }}
-              </div>
-            </template>
-          </Select>
-        \`,
-    methods: {
-      add(value) {
-        this.internalValue = value;
-        this.args.options.push(value);
-      }
-    }
-  };
-}`,...(E=(C=m.parameters)==null?void 0:C.docs)==null?void 0:E.source}}};const ie=["Basic","CustomOptionValues"];export{p as Basic,m as CustomOptionValues,ie as __namedExportsOrder,te as default};

package/.storybook-static/assets/SellDomainNameList.fixtures-LC6fjr_b.js

@@ -1 +0,0 @@
-const e=[...Array(3).keys()].map(()=>[{domainName:"notloic.fr",price:"0.00",currency:"usd",checkoutUrl:"#"},{domainName:"shadyloic.fr",price:"18.00",costPrice:"12.00",currency:"usd",checkoutUrl:"#"},{domainName:"badloic.fr",price:"18.00",costPrice:"12.00",currency:"usd",checkoutUrl:"#"},{domainName:"flirtyloic.fr",price:"18.00",costPrice:"12.00",currency:"usd",checkoutUrl:"#"}]).reduce((c,r)=>c.concat(r),[]);export{e as d};

package/.storybook-static/assets/SellDomainNameListModal-DAV6wUWy.js

@@ -1 +0,0 @@
-import{M as c}from"./Modal-BOHOQzO4.js";import{S as h,a as f}from"./SellDomainNameListSearchResult-DP3zr-UL.js";import{b as n,A as o,g as t,o as i,e as r}from"./vue.esm-bundler-C7QvyiW1.js";import{_ as S}from"./_plugin-vue_export-helper-DlAUqK2U.js";const y="Buy matching domain name for your brand",p="Search a domain name",s={components:{Modal:c,SellDomainNameSearch:h,SellDomainNameSearchResult:f},props:{currency:{type:Object,required:!0},domainNameItems:{type:Array,required:!1,default:void 0},headerSubtitle:{type:String,default:()=>y},headerTitle:{type:String,default:()=>p},isBusy:{type:Boolean,required:!0},previousSearchText:{type:String,required:!0},modelValue:{type:String,required:!1,default:void 0},visible:{type:Boolean,required:!0},isDesignCom:{type:Boolean,required:!1,default:!1},domainSearchLocation:{type:String,default:void 0}},emits:["close-modal","input","search"],methods:{onSearch(){this.$emit("search")},onCloseModal(){this.$emit("close-modal")},onSearchTextInputChange(l){this.$emit("update:model-value",l)}}};function b(l,g,e,v,_,a){const m=t("SellDomainNameSearch"),d=t("SellDomainNameSearchResult"),u=t("Modal");return i(),n(u,{classes:"sell-domain-name-list-modal--modal tw-text-black","close-on-esc":"","full-screen-breakpoint":"md",visible:e.visible,"hide-scrollbar":!1,"show-modal-background-image":!1,"content-classes":e.isBusy?["tw-overflow-y-hidden"]:[],onCloseModal:a.onCloseModal},{header:o(()=>[e.visible?(i(),n(m,{key:0,"is-design-com":e.isDesignCom,"header-title":e.headerTitle,"header-subtitle":e.headerSubtitle,"initial-search-term":e.modelValue,onOnSearch:a.onSearch,onOnSearchTextInputChange:a.onSearchTextInputChange},null,8,["is-design-com","header-title","header-subtitle","initial-search-term","onOnSearch","onOnSearchTextInputChange"])):r("",!0)]),default:o(()=>[e.visible?(i(),n(d,{key:0,"is-design-com":e.isDesignCom,"previous-search-text":e.previousSearchText,"is-busy":e.isBusy,"domain-name-items":e.domainNameItems,currency:e.currency,"domain-search-location":e.domainSearchLocation},null,8,["is-design-com","previous-search-text","is-busy","domain-name-items","currency","domain-search-location"])):r("",!0)]),_:1},8,["visible","content-classes","onCloseModal"])}const D=S(s,[["render",b],["__scopeId","data-v-e4c9cdd9"]]);s.__docgenInfo={exportName:"default",displayName:"SellDomainNameListModal",description:"",tags:{},props:[{name:"currency",type:{name:"object"},required:!0},{name:"domainNameItems",type:{name:"array"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"headerSubtitle",type:{name:"string"},defaultValue:{func:!0,value:"() => headerSubtitle"}},{name:"headerTitle",type:{name:"string"},defaultValue:{func:!0,value:"() => headerTitle"}},{name:"isBusy",type:{name:"boolean"},required:!0},{name:"previousSearchText",type:{name:"string"},required:!0},{name:"modelValue",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"visible",type:{name:"boolean"},required:!0},{name:"isDesignCom",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"domainSearchLocation",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}}],events:[{name:"close-modal"},{name:"input"},{name:"search"},{name:"update:model-value",type:{names:["undefined"]}}],sourceFiles:["/Users/brooke.couchman/Projects/fe-shared-lib/src/experiences/components/SellDomainNameListModal/SellDomainNameListModal.vue"]};export{D as S};

package/.storybook-static/assets/SellDomainNameListModal-geQc7R-K.css

@@ -1 +0,0 @@
-@media (max-width: 640px){[data-v-e4c9cdd9] .sell-domain-name-list-modal--modal{height:90vh;width:90vw}}@media (min-width: 640px){[data-v-e4c9cdd9] .sell-domain-name-list-modal--modal{height:70vh;width:100%}}

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

@@ -1,71 +0,0 @@
-import{d}from"./SellDomainNameList.fixtures-LC6fjr_b.js";import{S as o}from"./SellDomainNameListModal-DAV6wUWy.js";import"./Modal-BOHOQzO4.js";import"./Icon-B8lXgcc0.js";import"./vue.esm-bundler-C7QvyiW1.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./SellDomainNameListSearchResult-DP3zr-UL.js";import"./Button-IgCxbLvL.js";import"./ButtonPrimary-Ce51KkgM.js";import"./TextInput-BepJC9nE.js";import"./FormControl.mixin-BIPKWa5J.js";import"./Loader-D6_mUM4g.js";import"./Picture-AUjTe_FO.js";import"./Price-BzFp3dn5.js";import"./event-constants-6ydiL1p5.js";const M={title:"Components/SellDomainNameListModal",component:o},e=()=>({components:{SellDomainNameListModal:o},data(){return{domainNamesFixture:d,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:d,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>
-      `});var r,i,s;e.parameters={...e.parameters,docs:{...(r=e.parameters)==null?void 0:r.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>
-      \`
-  };
-}`,...(s=(i=e.parameters)==null?void 0:i.docs)==null?void 0:s.source}}};var t,m,l;n.parameters={...n.parameters,docs:{...(t=n.parameters)==null?void 0:t.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>
-      \`
-  };
-}`,...(l=(m=n.parameters)==null?void 0:m.docs)==null?void 0:l.source}}};const f=["Sample","SampleLoading"];export{e as Sample,n as SampleLoading,f as __namedExportsOrder,M as default};

package/.storybook-static/assets/SellDomainNameListSearchResult-DP3zr-UL.js

@@ -1 +0,0 @@
-import{B as p}from"./Button-IgCxbLvL.js";import{T as D}from"./TextInput-BepJC9nE.js";import{g as l,o as n,c as s,a as r,t as c,e as f,n as m,i as u,F as I,f as T,b as B,B as L,C,j as x}from"./vue.esm-bundler-C7QvyiW1.js";import{_ as y}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{L as P}from"./Loader-D6_mUM4g.js";import{P as k}from"./Picture-AUjTe_FO.js";import{P as V}from"./Price-BzFp3dn5.js";import{E as b}from"./event-constants-6ydiL1p5.js";const q="Search",U="Search domain names",M=2,j="Domain name",_={components:{Button:p,TextInput:D},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}},emits:["onSearch","onSearchTextInputChange"],data(){return{searchBarLabel:q,searchBarPlaceholder:U,searchText:this.initialSearchTerm??"",searchBarPreText:j}},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<M||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"},F={key:1,class:"tw-text-center tw-mb-8 tw-text-grayscale-600"},W={key:0,class:"tw-flex tw-items-center"},O={class:"tw-font-bold"};function A(t,i,e,S,w,a){const d=l("TextInput"),h=l("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})},[r("div",{class:m({"tw-container":e.showWhiteSearchBackground})},[e.headerTitle?(n(),s("div",E,c(e.headerTitle),1)):f("",!0),e.headerSubtitle?(n(),s("div",F,c(e.headerSubtitle),1)):f("",!0),r("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,[r("span",O,c(w.searchBarPreText),1)])):f("",!0),u(d,{"model-value":w.searchText,class:"tw-grow",icon:"search","element-classes":a.searchTextFieldClasses,"enable-clear":!0,placeholder:w.searchBarPlaceholder,"onUpdate:modelValue":a.onSearchTextInputChange,onOnClear:a.onSearchTextInputClear,onEnterKeyUp:a.onSearchTextInputEnterKeyUp},null,8,["model-value","element-classes","placeholder","onUpdate:modelValue","onOnClear","onEnterKeyUp"]),u(h,{classes:a.searchButtonClasses,variant:"primary",label:"Search",disabled:!1,onOnClick:a.onSearchBarClick},null,8,["classes","onOnClick"])],2)],2)],2)}const we=y(_,[["render",A]]);_.__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}],events:[{name:"onSearch",type:{names:["undefined"]}},{name:"onSearchTextInputChange",type:{names:["undefined"]}}],sourceFiles:["/Users/brooke.couchman/Projects/fe-shared-lib/src/experiences/components/SellDomainNameSearch/SellDomainNameSearch.vue"]};const v={components:{Button:p,Price:V},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"],methods:{onBuyNowClick(t){const i=t;typeof this.domainSearchLocation<"u"&&(i.domainSearchLocation=this.domainSearchLocation),window.dispatchEvent(new CustomEvent(b.DomainSelectedEvent,{detail:i})),this.isUserAuthenticated&&(window.location.href=t.checkoutUrl)},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)?"Free Domain":"Buy Now"}}},R=t=>(L("data-v-b479a292"),t=t(),C(),t),K={class:"tw-flex tw-w-full tw-flex-col"},Y={class:"tw-grow tw-flex tw-flex-col sm:tw-flex-row tw-justify-start"},z={key:0,class:"tw-text-xs tw-text-grayscale-600 tw-flex tw-items-center"},G=R(()=>r("span",{class:"tw-mr-2"}," Cost Price: ",-1)),H={key:1,class:"tw-px-0 tw-mt-4 sm:tw-px-4 sm:tw-mt-0"};function J(t,i,e,S,w,a){const d=l("Price"),h=l("Button");return n(),s("div",K,[r("ul",{class:m({"tw-ml-4":!e.hasBorderBoxListStyling})},[(n(!0),s(I,null,T(e.domainNameItems,(o,g)=>(n(),s("li",{key:`${o.domainName}-${g}`,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":g>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}])},[r("div",Y,[r("div",{class:m([{"tw-text-lg":e.hasBorderBoxListStyling},"tw-grow tw-font-bold tw-break-all"])},c(o.domainName),3),o.costPrice?(n(),s("div",z,[G,u(d,{class:"tw-font-bold",amount:a.getCostPrice(o),"always-show-fraction":!0,currency:e.currency,fraction:"2","show-abbreviation":!1,suffix:"/yr"},null,8,["amount","currency"])])):f("",!0),!a.isFree(o)||o.costPrice?(n(),s("div",H,[u(d,{class:"tw-font-bold",amount:a.getPrice(o),"always-show-fraction":!0,currency:e.currency,fraction:"2","show-abbreviation":!1,suffix:"/yr"},null,8,["amount","currency"])])):f("",!0)]),u(h,{label:a.getPurchaseLabel(o),class:"c-sell-domain-name-list--button tw-flex tw-justify-end",variant:"outline-success",onOnClick:re=>a.onBuyNowClick(o)},null,8,["label","onOnClick"])],2))),128))],2),e.shouldShowLoadMoreDomainsButton?(n(),B(h,{key:0,label:e.loadMoreDomainsButtonText,class:"tw-self-center",variant:"outline",onOnClick:i[0]||(i[0]=o=>t.$emit("load-more-domains"))},null,8,["label"])):f("",!0)])}const Q=y(v,[["render",J],["__scopeId","data-v-b479a292"]]);v.__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"}],sourceFiles:["/Users/brooke.couchman/Projects/fe-shared-lib/src/experiences/components/SellDomainNameList/SellDomainNameList.vue"]};const N={components:{SellDomainNameList:Q,Loader:P,Picture:k},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}},data(){return{domainNameItemsInView:void 0}},computed:{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(b.DomainLoadMoreEvent)),this.domainNameItemsInView+=this.domainNameItemsPerPage},resetDomainNameItemsInView(){this.domainNameItemsInView=this.domainNameItemsPerPage}}},X={key:0,class:"tw-h-full tw-flex tw-items-center tw-justify-center tw-p-2"},Z={key:1,class:"tw-flex tw-items-center tw-flex-col tw-py-10 tw-my-10"},$={class:"tw-flex tw-flex-col tw-items-center"},ee={class:"tw-font-bold tw-text-2xl tw-mt-2 tw-text-center"},te={class:"tw-text-lg tw-mt-2 tw-text-center"},ae={key:3,class:"tw-flex tw-justify-center tw-text-center"},ne=r("br",null,null,-1),se={key:4};function oe(t,i,e,S,w,a){const d=l("Loader"),h=l("Picture"),o=l("SellDomainNameList");return n(),s("div",{class:m([{"tw-container":e.isContainerWidth},"tw-px-4"])},[e.isBusy?(n(),s("div",X,[u(d)])):a.shouldShowEmptyDomainSearch?(n(),s("div",Z,[u(h,{"default-image-url":e.emptyDomainSearch.imageUrl,alt:e.emptyDomainSearch.imageAlt,sources:[{srcset:`${e.emptyDomainSearch.imageUrl}`}]},null,8,["default-image-url","alt","sources"]),r("div",$,[r("p",ee,c(e.emptyDomainSearch.title),1),r("p",te,c(e.emptyDomainSearch.description),1)])])):a.shouldShowSellDomainNameList?(n(),B(o,{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},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"])):a.shouldShowDomainNameNotFound?(n(),s("div",ae,[x(` Sorry, we couldn't find any domain for "`+c(e.previousSearchText)+'". ',1),ne,x(" Try searching with another domain name. ")])):(n(),s("div",se))],2)}const ye=y(N,[["render",oe]]);N.__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"}}],sourceFiles:["/Users/brooke.couchman/Projects/fe-shared-lib/src/experiences/components/SellDomainNameSearchResult/SellDomainNameListSearchResult.vue"]};export{we as S,ye as a,U as b,M as c,q as s};

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

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

package/.storybook-static/assets/SellDomainNameSearchWithResults--W028-5L.js

@@ -1 +0,0 @@
-import{S as d,a as h}from"./SellDomainNameListSearchResult-DP3zr-UL.js";import{b as f}from"./brand-crowd-api.client-CfTgrTzo.js";import{E as S}from"./event-constants-6ydiL1p5.js";import{c as y,i as s,g as r,o as g}from"./vue.esm-bundler-C7QvyiW1.js";import{_ as p}from"./_plugin-vue_export-helper-DlAUqK2U.js";const N="textChanged",o={components:{SellDomainNameSearch:d,SellDomainNameSearchResult:h},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}},data:()=>({domainNameItems:void 0,userCurrency:void 0,isBusy:!1,isSearchDomainListModalVisible:!1,searchText:"",previousSearchText:""}),watch:{initialSearchTerm(e){this.searchText=e,this.searchDomainName(this.initialSearchTerm,!0)}},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),await this.searchDomainName(e.searchText,e.isUserTriggered)},async searchDomainName(e,n){this.isBusy=!0;const a=this.cleanText(e);this.previousSearchText=a;try{const i={keyword:a,isUserTriggered:n,userText:e,limit:this.domainNameSearchLimit};this.designDraftToken&&(i.designDraftToken=this.designDraftToken),this.domainNameSearchOrigin&&(i.domainNameSearchOrigin=this.domainNameSearchOrigin),this.domainSearchLocation&&(i.domainSearchLocation=this.domainSearchLocation),window.dispatchEvent(new CustomEvent(S.DomainSearchEvent,{detail:i}));const t=await f.searchDomainNamesByKeywordAsync(i);if(!t){this.domainNameItems=[];return}this.displayResultLimit?this.domainNameItems=t.items.slice(0,this.displayResultLimit):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()},isUserTriggered(){var n;return((n=new URLSearchParams(window.location.search).get(N))==null?void 0:n.toUpperCase())==="TRUE"||!1}}};function T(e,n,a,i,t,m){const l=r("SellDomainNameSearch"),u=r("SellDomainNameSearchResult");return g(),y("div",null,[s(l,{"is-design-com":a.isDesignCom,"initial-search-term":a.initialSearchTerm,"show-white-search-background":a.showWhiteSearchBackground,onOnSearch:m.onSearchDomainName},null,8,["is-design-com","initial-search-term","show-white-search-background","onOnSearch"]),s(u,{modelValue:e.searchText,"onUpdate:modelValue":n[0]||(n[0]=c=>e.searchText=c),"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},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"])])}const w=p(o,[["render",T]]);o.__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"}}],events:[{name:"on-change-search",type:{names:["undefined"]}}],sourceFiles:["/Users/brooke.couchman/Projects/fe-shared-lib/src/experiences/components/SellDomainNameSearchWithResults/SellDomainNameSearchWithResults.vue"]};export{w as S};

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

@@ -1,37 +0,0 @@
-import{d as a}from"./SellDomainNameList.fixtures-LC6fjr_b.js";import{S as n}from"./SellDomainNameSearchWithResults--W028-5L.js";import"./SellDomainNameListSearchResult-DP3zr-UL.js";import"./Button-IgCxbLvL.js";import"./ButtonPrimary-Ce51KkgM.js";import"./vue.esm-bundler-C7QvyiW1.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Icon-B8lXgcc0.js";import"./TextInput-BepJC9nE.js";import"./FormControl.mixin-BIPKWa5J.js";import"./Loader-D6_mUM4g.js";import"./Picture-AUjTe_FO.js";import"./Price-BzFp3dn5.js";import"./event-constants-6ydiL1p5.js";import"./brand-crowd-api.client-CfTgrTzo.js";import"./axios-dxcvQi4N.js";import"./api-lSJGRrF2.js";const W={title:"Components/SellDomainNameSearchWithResults",component:n},e=()=>({components:{SellDomainNameSearchWithResults:n},data(){return{domainNamesFixture:a,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>
-      `});var r,i,t;e.parameters={...e.parameters,docs:{...(r=e.parameters)==null?void 0:r.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>
-      \`
-  };
-}`,...(t=(i=e.parameters)==null?void 0:i.docs)==null?void 0:t.source}}};const f=["Sample"];export{e as Sample,f as __namedExportsOrder,W as default};

package/.storybook-static/assets/SellDomainNameWidget.stories-ukdr-BaU.js

@@ -1,36 +0,0 @@
-import{B as S}from"./Button-IgCxbLvL.js";import{T as D}from"./TextInput-BepJC9nE.js";import{S as N}from"./SellDomainNameListModal-DAV6wUWy.js";import{s as g,b,c as T}from"./SellDomainNameListSearchResult-DP3zr-UL.js";import{E as w}from"./event-constants-6ydiL1p5.js";import{b as x}from"./brand-crowd-api.client-CfTgrTzo.js";import{c as C,j as v,a as B,i,g as l,o as V}from"./vue.esm-bundler-C7QvyiW1.js";import{_ as M}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./ButtonPrimary-Ce51KkgM.js";import"./Icon-B8lXgcc0.js";import"./FormControl.mixin-BIPKWa5J.js";import"./Modal-BOHOQzO4.js";import"./Loader-D6_mUM4g.js";import"./Picture-AUjTe_FO.js";import"./Price-BzFp3dn5.js";import"./axios-dxcvQi4N.js";import"./api-lSJGRrF2.js";const u={components:{Button:S,TextInput:D,SellDomainNameListModal:N},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}},data:()=>({domainNameItems:void 0,userCurrency:void 0,isBusy:!1,isSearchDomainListModalVisible:!1,searchBarLabel:g,searchBarPlaceholder:b,searchText:"",previousSearchText:""}),created(){this.businessName&&(this.searchText=this.businessName)},methods:{async showModal(){this.domainNameItems=[],this.previousSearchText="",this.isSearchDomainListModalVisible=!0,this.searchText.length>T&&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=a;try{const n={keyword:a,isUserTriggered:e,userText:this.searchText};this.designDraftToken&&(n.designDraftToken=this.designDraftToken),window.dispatchEvent(new CustomEvent(w.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()}}},I={class:"tw-flex tw-flex-col md:tw-flex-row tw-mt-4 tw-mb-4"};function L(e,a,n,t,k,s){const p=l("TextInput"),f=l("Button"),y=l("SellDomainNameListModal");return V(),C("div",null,[v(" Buy matching domain name for your brand or connect your existing domain "),B("div",I,[i(p,{modelValue:e.searchText,"onUpdate:modelValue":a[0]||(a[0]=o=>e.searchText=o),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:e.searchBarPlaceholder,onOnClear:s.onSearchTextInputClear,onEnterKeyUp:s.onSearchTextInputEnterKeyUp},null,8,["modelValue","element-classes","placeholder","onOnClear","onEnterKeyUp"]),i(f,{classes:"tw-w-full tw-mt-2 md:tw-rounded-l-none md:tw-mt-0",variant:"primary",label:"Search",disabled:!1,onOnClick:s.onSearchBarClick},null,8,["onOnClick"])]),i(y,{modelValue:e.searchText,"onUpdate:modelValue":a[1]||(a[1]=o=>e.searchText=o),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,onCloseModal:s.onSellDomainNameListCloseModal,onSearch:a[2]||(a[2]=o=>s.onSearchDomainName(!0))},null,8,["modelValue","currency","is-busy","is-design-com","domain-name-items","previous-search-text","visible","onCloseModal"])])}const h=M(u,[["render",L]]);u.__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:["/Users/brooke.couchman/Projects/fe-shared-lib/src/experiences/components/SellDomainNameWidget/SellDomainNameWidget.vue"]};const X={title:"Components/SellDomainNameWidget",component:h},r=()=>({components:{SellDomainNameWidget:h},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>
-    `});var m,c,d;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.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>
-    \`
-  };
-}`,...(d=(c=r.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};const Y=["Sample"];export{r as Sample,Y as __namedExportsOrder,X as default};

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

@@ -1 +0,0 @@
-.email-input[data-v-f1499998]{background-image:url(https://dcstatic.com/images/icons/forms/forms-email-58207f9a5c.svg);background-position:top 50% left .5rem}.password-input[data-v-f1499998]{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-f1499998]{padding-left:2.5rem!important}

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

@@ -1 +0,0 @@
-import{H as E}from"./HelloBar-CXc7uecf.js";import{B as x}from"./Button-IgCxbLvL.js";import{g,o as i,c as s,n as d,e as l,i as w,a as r,j as y,t as m,A,x as k,G as S,b as v,B as V,C as O}from"./vue.esm-bundler-C7QvyiW1.js";import{_ as p}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{I as D}from"./Icon-B8lXgcc0.js";const q={components:{Button:x},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}}},G={class:"tw-relative tw-w-full"},R=r("img",{class:"tw-animate-spin tw-align-middle",src:"https://dcstatic.com/images/icons/loading/loading-white-2e291087b2.svg",alt:"Submitting"},null,-1),z=[R];function M(t,n,e,u,a,o){const c=g("Button");return i(),s("div",G,[e.isLoading?(i(),s("div",{key:0,class:d(["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"}])},z,2)):l("",!0),w(c,{variant:e.variant,size:e.size,label:e.label,"full-width":!0,disabled:e.disabled},null,8,["variant","size","label","disabled"])])}const j=p(q,[["render",M]]);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:["/Users/brooke.couchman/Projects/fe-shared-lib/src/experiences/components/AuthFlow/SubmissionButton.vue"]};const L={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}}},_={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/"}},W={SIGN_UP_TEXT:{crazyDomains:"Don't have an account?"}},F={mixins:[L],props:{termsOfUseUrl:{type:String,required:!0},privacyPolicyUrl:{type:String,required:!0},isDesignCom:{type:Boolean,default:!1}},data(){return{legal:_}},computed:{termsAndConditionsLink(){return this.isPartnerTheme?_.TERMS_AND_CONDITIONS_LINK[this.theme]:this.termsOfUseUrl},privacyPolicyLink(){return this.isPartnerTheme?_.PRIVACY_POLICY_LINK[this.theme]:this.privacyPolicyUrl}}},H={class:"tw-text-center tw-text-sm tw-mt-4 tw-mb-2 tw-text-grayscale-600"},K={key:0},Y=["href"],X=["href"],Z={key:1},Q={key:2},J=["href"],$=["href"];function ee(t,n,e,u,a,o){return i(),s("p",H,[t.isPartnerTheme?(i(),s("span",K,[y(m(a.legal.BY_PROCEEDING_TEXT[t.theme])+" ",1),r("a",{href:o.termsAndConditionsLink,target:"_blank",class:d(a.legal.LINK_CLASSES[t.theme])},m(a.legal.TERMS_AND_CONDITIONS_TEXT[t.theme]),11,Y),y(" and "),r("a",{href:o.privacyPolicyLink,target:"_blank",class:d(a.legal.LINK_CLASSES[t.theme])},m(a.legal.PRIVACY_POLICY_TEXT[t.theme]),11,X)])):l("",!0),t.isPartnerTheme?(i(),s("span",Z," and BrandCrowd's ")):(i(),s("span",Q,"By proceeding you accept our ")),r("a",{href:e.termsOfUseUrl,target:"_blank",class:d(["tw-text-info-500",{"hover:tw-underline":e.isDesignCom}])},"Terms of Use",10,J),y(" and "),r("a",{href:e.privacyPolicyUrl,target:"_blank",class:d(["tw-text-info-500",{"hover:tw-underline":e.isDesignCom}])},"Privacy Policy",10,$),r("span",null," and agree to receive future updates from "+m(e.isDesignCom?"Design.com":"BrandCrowd")+".",1)])}const te=p(F,[["render",ee]]);F.__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"}}],sourceFiles:["/Users/brooke.couchman/Projects/fe-shared-lib/src/experiences/components/AuthFlow/AuthLegal.vue","/Users/brooke.couchman/Projects/fe-shared-lib/src/experiences/mixins/themeMixin.js"]};function ae(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 U={FACEBOOK:"facebook",GOOGLE:"google"},T={components:{Icon:D},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:U,loadingSrc:null}},mounted(){this.loadingSrc=this.type===U.FACEBOOK?"https://bcassetcdn.com/images/icons/loading/loading-fb.svg":"https://bcassetcdn.com/images/icons/loading/loading-google.svg"}},re=["disabled"],ne={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"},oe={class:"tw-relative tw-w-full tw-inline-flex tw-text-grayscale-700"},se={key:0,class:"tw-absolute tw-top-1/2 tw-right-0 tw-transform tw--translate-y-1/2 tw--translate-x-3"},le=["src"],de={class:"tw-grow tw-my-auto tw-text-center tw-w-full tw-font-semibold tw-text-sm"};function ue(t,n,e,u,a,o){const c=g("Icon");return i(),s("button",{class:d(["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},[r("span",ne,[r("span",ie,[w(c,{name:`auth-${e.type}`,class:"tw-z-20 tw-py-3 tw-pl-3",size:"md"},null,8,["name"])]),r("span",oe,[e.isLoading?(i(),s("div",se,[r("img",{class:"tw-animate-spin tw-align-middle",src:a.loadingSrc,alt:"Submitting"},null,8,le)])):l("",!0),r("span",de,m(e.label),1)])])],10,re)}const ce=p(T,[["render",ue]]);T.__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:["/Users/brooke.couchman/Projects/fe-shared-lib/src/experiences/components/AuthFlow/SocialSignInButton.vue"]};const N={components:{SocialSignInButton:ce},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}},data(){return{formFacebookUrl:this.loginWithFacebookUrl,formGoogleUrl:this.loginWithGoogleUrl,formAntiForgeryToken:this.antiForgeryToken}},methods:{updateFormAndSubmit(t,n={}){const{antiForgeryToken:e,returnUrl:u}=n;if(!e||!u)throw new Error("Missing antiForgeryToken or action in `updateFormAndSubmit`");switch(this.formAntiForgeryToken=e,t){case"FACEBOOK":this.formFacebookUrl=this.appendReturnUrl(this.loginWithFacebookUrl,u),setTimeout(()=>this.$refs.facebookForm.submit(),0);break;case"GOOGLE":this.formGoogleUrl=this.appendReturnUrl(this.loginWithGoogleUrl,u),setTimeout(()=>this.$refs.googleForm.submit(),0);break;default:throw new Error(`Function updateFormAndSubmit - Unknown type: ${t}`)}},appendReturnUrl(t,n){const e=t.indexOf("?")===-1?"?":"&";return`${t}${e}returnUrl=${encodeURIComponent(n)}`},appendMakerTypeStringAndRegistrationSource(t){var o,c,f,b;const n=(c=(o=window==null?void 0:window.location)==null?void 0:o.search)==null?void 0:c.match(/[?&]makerTypeString=([^&]*)/),e=(b=(f=window==null?void 0:window.location)==null?void 0:f.search)==null?void 0:b.match(/[?&]registrationSource=([^&]*)/),u=[];n&&n.length>0&&u.push(`makerTypeString=${n[1]}`),e&&e.length>0&&u.push(`registrationSource=${e[1]}`);const a=t.indexOf("?")===-1?"?":"&";return`${t}${a}${u.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)}}},me={class:"tw-flex tw-flex-col tw-w-full tw-gap-2"},fe=["action"],ge=["value"],we=["action"],he=["value"];function pe(t,n,e,u,a,o){const c=g("SocialSignInButton");return i(),s("div",me,[a.formGoogleUrl?(i(),s("form",{key:0,ref:"googleForm",action:a.formGoogleUrl,method:"post",onSubmit:n[0]||(n[0]=(...f)=>o.handleGoogleFormSubmit&&o.handleGoogleFormSubmit(...f))},[r("input",{type:"hidden",name:"__RequestVerificationToken",value:e.antiForgeryToken},null,8,ge),w(c,{label:"Continue with Google",type:"google",disabled:e.disabled,"is-loading":e.googleLoading,url:a.formGoogleUrl},null,8,["disabled","is-loading","url"])],40,fe)):l("",!0),a.formFacebookUrl?(i(),s("form",{key:1,ref:"facebookForm",action:a.formFacebookUrl,method:"post",class:"tw-w-full",onSubmit:n[1]||(n[1]=(...f)=>o.handleFacebookFormSubmit&&o.handleFacebookFormSubmit(...f))},[r("input",{type:"hidden",name:"__RequestVerificationToken",value:e.antiForgeryToken},null,8,he),w(c,{label:"Continue with Facebook",type:"facebook",disabled:e.disabled,"is-loading":e.facebookLoading,url:a.formFacebookUrl},null,8,["disabled","is-loading","url"])],40,we)):l("",!0)])}const be=p(N,[["render",pe]]);N.__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"}}],sourceFiles:["/Users/brooke.couchman/Projects/fe-shared-lib/src/experiences/components/AuthFlow/SocialSignIn.vue"]};const P={components:{HelloBar:E,Button:x,SocialSignIn:be,SubmissionButton:j,AuthLegal:te},mixins:[L],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}},data(){return{aUserName:this.initialUserName,password:void 0,userNameError:void 0,passwordError:void 0}},computed:{isLoading(){return this.emailLoading||this.facebookLoading||this.googleLoading},submissionButtonLabelLowercase(){return this.submissionButtonLabel.toLowerCase()},getSignUpUrl(){if(typeof window>"u")return null;const t=new URL(`https://${window.location.host}${this.signUpUrl}`);return this.aUserName&&t.searchParams.append("initialUserName",this.aUserName),t},getForgotPasswordUrl(){if(typeof window>"u")return null;const t=new URL(`https://${window.location.host}${this.forgotPasswordUrl}`);return this.aUserName&&t.searchParams.append("email",this.aUserName),t},getRedirectToRecommendedActionUrl(){const t=new URL(`https://${window.location.host}${this.recommendedActionLink}`);return this.aUserName&&t.searchParams.append("email",this.aUserName),t==null?void 0:t.toString()},submissionButtonLabelSize(){return this.submissionButtonLabel==="LOGIN"?"smaller":"medium"},getSignUpText(){return this.isPartnerTheme?W.SIGN_UP_TEXT[this.theme]:this.signUpText}},watch:{capturePassword(){this.clearErrorMessages()},initialUserName(t){this.aUserName=t}},methods:{validate(t){return this.clearErrorMessages(),!this.aUserName||!ae(this.aUserName)?(this.userNameError="Please enter a valid email address",t.preventDefault(),!1):this.capturePassword&&!this.password?(this.passwordError="Please enter a password",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}}},B=t=>(V("data-v-f1499998"),t=t(),O(),t),ye={key:0,class:"tw-text-left tw-mt-8"},_e={key:1,class:"tw-text-center tw-mb-6 tw-text-grayscale-600 tw-mt-0"},ke={class:"tw-flex tw-flex-col"},Se=["value"],ve=B(()=>r("label",{for:"userName",class:"tw-sr-only"}," Email ",-1)),Ue=["aria-invalid"],xe={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"},Le=["aria-invalid"],Fe={key:3,class:"tw-text-error-500 tw-text-sm tw-text-left tw-mb-4"},Te={key:4,class:"tw-w-full tw-text-left tw-mb-4"},Ne={key:0,class:"tw-text-center tw-text-grayscale-600"},Pe=B(()=>r("div",{class:"tw-w-full tw-inline-flex tw-items-center tw-mb-4"},[r("div",{class:"tw-grow tw-h-0 tw-border-0 tw-border-t tw-border-solid tw-border-grayscale-400 tw-px-4"}),r("span",{class:"tw-px-4"}," or "),r("div",{class:"tw-grow tw-h-0 tw-border-0 tw-border-t tw-border-solid tw-border-grayscale-400 tw-px-4"})],-1)),Be=[Pe],Ce={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"},Ie=["href"];function Ee(t,n,e,u,a,o){const c=g("Button"),f=g("HelloBar"),b=g("SubmissionButton"),C=g("AuthLegal"),I=g("SocialSignIn");return i(),s("div",{class:d({"tw-mx-2 sm:tw-mx-8":!e.isModal})},[e.helloBar?(i(),s("div",ye,[w(f,{label:e.helloBar.label,description:e.helloBar.description,variant:e.helloBar.variant},{cta:A(()=>[e.recommendedActionLink?(i(),v(c,{key:0,variant:"secondary",size:"small",label:"RESET PASSWORD",class:"tw-hidden sm:tw-inline",url:o.getRedirectToRecommendedActionUrl},null,8,["url"])):l("",!0),e.recommendedActionLink?(i(),v(c,{key:1,variant:"secondary",size:"medium",label:"RESET PASSWORD","full-width":!0,class:"sm:tw-hidden tw-mt-2",url:o.getRedirectToRecommendedActionUrl},null,8,["url"])):l("",!0)]),_:1},8,["label","description","variant"])])):l("",!0),r("div",{class:d(["lg:tw-flex tw-items-start tw-justify-center",{"tw-px-2 tw-pb-8":e.isModal,"tw-py-8":!e.isModal}])},[r("div",{class:d(["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}]])},[r("div",{class:d(["tw-w-full",{"tw-p-4 md:tw-p-8":!e.isModal}])},[e.title?(i(),s("h2",{key:0,class:d(["tw-text-center tw-text-4xl tw-font-bold",{"tw-mb-6":!e.description,"tw-mb-2":e.description}])},m(e.title),3)):l("",!0),e.description?(i(),s("p",_e,m(e.description),1)):l("",!0),r("div",ke,[r("div",null,[r("form",{id:"signin",method:"post",onSubmit:n[3]||(n[3]=(...h)=>o.validate&&o.validate(...h))},[r("input",{name:"__RequestVerificationToken",type:"hidden",value:e.antiForgeryToken},null,8,Se),ve,k(r("input",{"onUpdate:modelValue":n[0]||(n[0]=h=>a.aUserName=h),name:"userName",type:"email","data-test-email-input":"","aria-required":"true","aria-invalid":!!a.userNameError,autocomplete:"email",placeholder:"Email address",class:d(["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":!!a.userNameError}])},null,10,Ue),[[S,a.aUserName]]),a.userNameError?(i(),s("p",xe,m(a.userNameError),1)):l("",!0),e.capturePassword?(i(),s("label",qe," Password ")):l("",!0),e.capturePassword?k((i(),s("input",{key:2,"onUpdate:modelValue":n[1]||(n[1]=h=>a.password=h),name:"password",type:"password","data-test-password-input":"","aria-required":"true","aria-invalid":!!a.passwordError,autocomplete:"current-password",placeholder:"Password",class:d(["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":!!a.passwordError}])},null,10,Le)),[[S,a.password]]):l("",!0),e.capturePassword&&a.passwordError?(i(),s("p",Fe,m(a.passwordError),1)):l("",!0),e.capturePassword?(i(),s("p",Te,[r("a",{class:"tw-text-info-500 tw-cursor-pointer hover:tw-underline",onClick:n[2]||(n[2]=h=>o.forgotPasswordClick())}," Forgot Password? ")])):l("",!0),w(b,{"data-test-login-button":"",variant:"primary",size:"medium",label:e.submissionButtonLabel,"label-size":o.submissionButtonLabelSize,"is-loading":e.emailLoading,disabled:e.emailLoading},null,8,["label","label-size","is-loading","disabled"])],32),w(C,{"terms-of-use-url":e.termsOfUseUrl,"privacy-policy-url":e.privacyPolicyUrl,theme:t.theme,"available-themes":t.availableThemes,"is-design-com":e.isDesignCom},null,8,["terms-of-use-url","privacy-policy-url","theme","available-themes","is-design-com"])]),e.loginWithFacebookUrl||e.loginWithGoogleUrl?(i(),s("div",Ne,Be)):l("",!0),r("div",null,[w(I,{"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:o.isLoading,"facebook-loading":e.facebookLoading,"google-loading":e.googleLoading},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"])])])],2),e.isModal===!1&&e.signUpText&&e.signUpUrl?(i(),s("div",Ce,[r("p",null,[y(m(o.getSignUpText)+" ",1),r("a",{href:o.getSignUpUrl,class:d(["tw-text-info-500",{"hover:tw-underline":e.isDesignCom}])},"Sign Up",10,Ie)])])):l("",!0)],2)],2)],2)}const Re=p(P,[["render",Ee],["__scopeId","data-v-f1499998"]]);P.__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"}}],events:[{name:"sign-in-request-submitted",type:{names:["undefined"]},properties:[{type:{names:["undefined"]},name:"<anonymous1>"}]}],sourceFiles:["/Users/brooke.couchman/Projects/fe-shared-lib/src/experiences/components/AuthFlow/SignIn.vue","/Users/brooke.couchman/Projects/fe-shared-lib/src/experiences/mixins/themeMixin.js"]};export{te as A,Re as S,be as a,j as b,L as t};

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

@@ -1 +0,0 @@
-input[data-v-6fdf3f31]::-webkit-outer-spin-button,input[data-v-6fdf3f31]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-6fdf3f31]{-moz-appearance:textfield}.transparent-slider[data-v-6fdf3f31]{-webkit-appearance:none;background:transparent}.transparent-slider[data-v-6fdf3f31]::-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-6fdf3f31]::-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-6fdf3f31]:focus::-webkit-slider-thumb{border:1px solid #595959}.transparent-slider[data-v-6fdf3f31]::-moz-range-track{width:100%;height:6px;cursor:pointer;animate:.2s;background:#d0d0d0;border:1px solid rgb(230 230 230)}.transparent-slider[data-v-6fdf3f31]::-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-CwIY_YjL.js

@@ -1,129 +0,0 @@
-import{c as u,t as S,e as V,a as r,n as m,w as s,k as f,o as d}from"./vue.esm-bundler-C7QvyiW1.js";import{_ as G}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{B as H}from"./Button-IgCxbLvL.js";import"./ButtonPrimary-Ce51KkgM.js";import"./Icon-B8lXgcc0.js";const P={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}},data(){return{sliderValue:this.modelValue,decimalRegex:/^[0-9]*\.[0-9]*$/,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){if(t.target.value===""||t.target.value==="-")return;const e=this.isDecimal?t.target.value:Math.round(parseFloat(t.target.value));let n=0;if(e>this.max?n=this.max:Number.isNaN(e)?n=this.min:n=e,this.isDecimal)if(this.decimalRegex.test(n))this.updateValue(n,t);else{const x=e.replace(/[^\d.]/g,"");this.updateValue(x,t)}else this.updateValue(n,t)},checkLimit(t){let e=0;if(Number.isNaN(this.sliderValue)?e=this.min:this.sliderValue<=this.min?e=this.min:this.sliderValue>this.max?e=this.max:e=this.sliderValue,this.decimalRegex.test(this.sliderValue)){const n=parseFloat(e).toFixed(1);this.updateValue(n,t)}else this.updateValue(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())}}},J={key:0},Q={key:0,class:"tw-w-full tw-mr-4"},X=["id","value","min","max","step"],Y=["id","value","step"],Z={key:0,class:"tw-w-full tw-mr-4"},_=["value","min","max"],$=["value","step"];function ee(t,e,n,x,o,l){return d(),u("div",{onMouseup:e[14]||(e[14]=(...a)=>l.handleSliderMouseUp&&l.handleSliderMouseUp(...a))},[n.suffix?(d(),u("div",{key:1,class:m({"tw-flex tw-flex-row tw-gap-4 tw-items-center":n.label,"tw-grid tw-grid-cols-3 tw-gap-3":!n.label})},[n.label?(d(),u("p",Z,S(n.label),1)):V("",!0),r("input",{value:o.sliderValue,type:"range",min:n.min,max:n.max,class:m(["slider",{"tw-w-full":n.label,"tw-col-span-2":!n.label,"transparent-slider":n.transparent}]),onInput:e[6]||(e[6]=a=>l.setValue(a.target.value)),onMousedown:e[7]||(e[7]=(...a)=>l.handleSliderMouseDown&&l.handleSliderMouseDown(...a))},null,42,_),r("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[13]||(e[13]=s((...a)=>l.focus&&l.focus(...a),["stop"]))},[r("input",{ref:"inputSlider",value:o.sliderValue,type:"text",step:n.step,class:"tw-border-none focus:tw-outline-none tw-w-full",onInput:e[8]||(e[8]=s((...a)=>l.setInput&&l.setInput(...a),["stop"])),onBlur:e[9]||(e[9]=s((...a)=>l.checkLimit&&l.checkLimit(...a),["stop"])),onKeydown:[e[10]||(e[10]=f((...a)=>l.limitToMinimum&&l.limitToMinimum(...a),["down"])),e[11]||(e[11]=f((...a)=>l.limitToMaximum&&l.limitToMaximum(...a),["up"]))]},null,40,$),r("span",{class:"tw-cursor-text",onClick:e[12]||(e[12]=s((...a)=>l.focus&&l.focus(...a),["stop"]))},S(n.suffix),1)])],2)):(d(),u("div",J,[n.label?(d(),u("p",Q,S(n.label),1)):V("",!0),r("div",{class:m({"tw-flex tw-flex-row tw-gap-4 tw-items-center":n.label,"tw-grid tw-grid-cols-3 tw-gap-3":!n.label})},[r("input",{id:n.sliderRangeInputId,value:o.sliderValue,type:"range",min:n.min,max:n.max,step:n.step,class:m(["slider",{"tw-w-full":n.label,"tw-col-span-2":!n.label,"transparent-slider":n.transparent}]),onInput:e[0]||(e[0]=a=>l.setValue(a.target.value)),onMousedown:e[1]||(e[1]=(...a)=>l.handleSliderMouseDown&&l.handleSliderMouseDown(...a))},null,42,X),r("input",{id:n.sliderValueInputId,value:o.sliderValue,type:"text",step:n.step,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",onInput:e[2]||(e[2]=s((...a)=>l.setInput&&l.setInput(...a),["stop"])),onBlur:e[3]||(e[3]=s((...a)=>l.checkLimit&&l.checkLimit(...a),["stop"])),onKeydown:[e[4]||(e[4]=f((...a)=>l.limitToMinimum&&l.limitToMinimum(...a),["down"])),e[5]||(e[5]=f((...a)=>l.limitToMaximum&&l.limitToMaximum(...a),["up"]))]},null,40,Y)],2)]))],32)}const i=G(P,[["render",ee],["__scopeId","data-v-6fdf3f31"]]);P.__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"}}],events:[{name:"update:model-value",type:{names:["undefined"]}}],sourceFiles:["/Users/brooke.couchman/Projects/fe-shared-lib/src/atoms/components/Slider/Slider.vue"]};const re={title:"Components/Slider",component:i,parameters:{layout:"centered"}},c=()=>({components:{Slider:i},template:`
-        <Slider :min="12" :max="128"  :model-value="16"/>
-      `}),p=()=>({components:{Slider:i},template:`
-        <Slider :min="1" :max="2.5" :step="0.1" :model-value="1.2"/>
-      `}),w=()=>({components:{Slider:i},template:`
-        <Slider :min="0" :max="100" suffix="%" />
-      `}),b=()=>({components:{Slider:i},template:`
-        <Slider :min="0" :max="100" label="Label" :transparent="true" :model-value="50" />
-      `}),h=()=>({components:{Slider:i,Button:H},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}}}),g=()=>({components:{Slider:i},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}}}),v=()=>({components:{Slider:i},template:`
-        <Slider :min="-100" :max="100"  :model-value="0"/>
-      `});var y,M,I;c.parameters={...c.parameters,docs:{...(y=c.parameters)==null?void 0:y.docs,source:{originalSource:`() => {
-  return {
-    components: {
-      Slider
-    },
-    template: \`
-        <Slider :min="12" :max="128"  :model-value="16"/>
-      \`
-  };
-}`,...(I=(M=c.parameters)==null?void 0:M.docs)==null?void 0:I.source}}};var j,k,D;p.parameters={...p.parameters,docs:{...(j=p.parameters)==null?void 0:j.docs,source:{originalSource:`() => {
-  return {
-    components: {
-      Slider
-    },
-    template: \`
-        <Slider :min="1" :max="2.5" :step="0.1" :model-value="1.2"/>
-      \`
-  };
-}`,...(D=(k=p.parameters)==null?void 0:k.docs)==null?void 0:D.source}}};var q,N,O;w.parameters={...w.parameters,docs:{...(q=w.parameters)==null?void 0:q.docs,source:{originalSource:`() => {
-  return {
-    components: {
-      Slider
-    },
-    template: \`
-        <Slider :min="0" :max="100" suffix="%" />
-      \`
-  };
-}`,...(O=(N=w.parameters)==null?void 0:N.docs)==null?void 0:O.source}}};var F,U,B;b.parameters={...b.parameters,docs:{...(F=b.parameters)==null?void 0:F.docs,source:{originalSource:`() => {
-  return {
-    components: {
-      Slider
-    },
-    template: \`
-        <Slider :min="0" :max="100" label="Label" :transparent="true" :model-value="50" />
-      \`
-  };
-}`,...(B=(U=b.parameters)==null?void 0:U.docs)==null?void 0:B.source}}};var L,T,C;h.parameters={...h.parameters,docs:{...(L=h.parameters)==null?void 0:L.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;
-      }
-    }
-  };
-}`,...(C=(T=h.parameters)==null?void 0:T.docs)==null?void 0:C.source}}};var W,R,z;g.parameters={...g.parameters,docs:{...(W=g.parameters)==null?void 0:W.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;
-      }
-    }
-  };
-}`,...(z=(R=g.parameters)==null?void 0:R.docs)==null?void 0:z.source}}};var K,A,E;v.parameters={...v.parameters,docs:{...(K=v.parameters)==null?void 0:K.docs,source:{originalSource:`() => {
-  return {
-    components: {
-      Slider
-    },
-    template: \`
-        <Slider :min="-100" :max="100"  :model-value="0"/>
-      \`
-  };
-}`,...(E=(A=v.parameters)==null?void 0:A.docs)==null?void 0:E.source}}};const se=["SliderFontSize","SliderLineheight","SliderOpacity","SliderWithLabel","SliderWithSwappingTargetvalue","SliderWithMouseDownAndUp","SliderWithNegativeMinValue"];export{c as SliderFontSize,p as SliderLineheight,w as SliderOpacity,b as SliderWithLabel,g as SliderWithMouseDownAndUp,v as SliderWithNegativeMinValue,h as SliderWithSwappingTargetvalue,se as __namedExportsOrder,re as default};

package/.storybook-static/assets/StarRating-BRQqs_py.css

@@ -1 +0,0 @@
-li[data-v-3c4d624f]:not(:last-child){margin-right:.25rem}