@saasquatch/mint-components 1.5.0-49 → 1.5.0-52

package/dist/esm-es5/AutoColor-9281c94b.js

@@ -1 +0,0 @@
-var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __extends=this&&this.__extends||function(){var e=function(t,a){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a))e[a]=t[a]};return e(t,a)};return function(t,a){if(typeof a!=="function"&&a!==null)throw new TypeError("Class extends value "+String(a)+" is not a constructor or null");e(t,a);function r(){this.constructor=t}t.prototype=a===null?Object.create(a):(r.prototype=a.prototype,new r)}}();var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,a=1,r=arguments.length;a<r;a++){t=arguments[a];for(var s in t)if(Object.prototype.hasOwnProperty.call(t,s))e[s]=t[s]}return e};return __assign.apply(this,arguments)};var __spreadArray=this&&this.__spreadArray||function(e,t){for(var a=0,r=t.length,s=e.length;a<r;a++,s++)e[s]=t[a];return e};import{h,c as Host,d as getAssetPath}from"./index-2c5a6587.js";import{c as createStyleSheet}from"./JSS-df9ea8a0.js";import{H as HostBlock,A as AuthWrapper,a as AuthColumn,b as AuthButtonsContainer,E as ErrorStyles}from"./mixins-10353a39.js";import{d as dist,M,i as ie,R as Rn,b as sn,q as qe,k as kn}from"./index.module-983975d9.js";import{k as useState}from"./stencil-hooks.module-1bcbec4f.js";import{P as PortalContainerView}from"./sqm-portal-container-view-72c8b457.js";import{P as PortalSectionView}from"./sqm-portal-section-view-5a3d3829.js";import{T as TextSpanView}from"./sqm-text-span-view-be532a94.js";import{l as luxon}from"./luxon-afa282c2.js";import{i as intl}from"./global-cc738e38.js";import{l as luxonLocale}from"./utils-1d345130.js";function ShareButtonView(e,t){var a="\n    *::part(base) {\n      background: "+(e.backgroundcolor?e.backgroundcolor:"")+";\n      color: "+(e.textcolor?e.textcolor:"")+";\n      border-radius: "+(e.borderradius?e.borderradius+"px":"")+";\n    }\n    *::part(label) {\n    //   position: relative;\n\t//   top: 5%;\n    }\n  ";var r={HostBlock:HostBlock,buttonStyle:{display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"0"}};var s=createStyleSheet(r);var i=s.toString();return e.hide?h(Host,{style:{display:"none"}}):h("div",null,h("style",{type:"text/css"},i),h("style",{type:"text/css"},a),h("sl-button",{class:s.classes.buttonStyle,loading:e.loading,disabled:e.disabled,pill:e.pill,size:e.size,type:e.type,onClick:e.onClick,exportparts:"base: "+e.type+"sharebutton-base"},!e.hideicon&&h("sl-icon",{slot:e.iconslot,name:e.icon?e.icon:e.medium,exportparts:"icon"}),!e.hidetext&&t))}var style$6={HostBlock:HostBlock,inputStyle:{"&::part(base)":{background:"white",opacity:"1",cursor:"pointer"}}};var sheet$6=createStyleSheet(style$6);var styleString$6=sheet$6.toString();function ShareLinkView(e){return h("div",null,h("style",{type:"text/css"},styleString$6),h("sl-tooltip",{trigger:"manual",content:e.tooltiptext,placement:"top-end",disabled:e.disabled,open:e.open},h("sl-input",{class:sheet$6.classes.inputStyle,exportparts:"label: input-label",value:e.shareString,readonly:true},h("sl-icon-button",{onClick:function(){var t;return(t=e.onClick)===null||t===void 0?void 0:t.call(e)},slot:"suffix",name:"files",disabled:e.disabled}))))}var style$5={HostBlock:HostBlock,":host":{"min-height":"100vh"},Frame:{"min-height":"100vh",display:"flex","flex-direction":"column","box-sizing":"border-box"},FooterWrapper:{width:"100%","max-width":"100%",padding:"var(--sl-spacing-medium) var(--sl-spacing-x-large)",background:"var(--sqm-footer-background)",display:"flex","justify-content":"flex-end","align-items":"center","box-sizing":"border-box","margin-top":"auto"},HeaderWrapper:{width:"100%","max-width":"100%","box-sizing":"border-box",display:"flex","justify-content":"space-between",padding:"var(--sl-spacing-small) var(--sl-spacing-large)","align-items":"center","background-color":"var(--sqm-header-background)","@media screen and (max-width: 499px)":{"flex-direction":"row-reverse","justify-content":"flex-end",padding:"0"}}};var sheet$5=createStyleSheet(style$5);var styleString$5=sheet$5.toString();function PortalFrameView(e,t){var a=e.data;return h("div",{class:sheet$5.classes.Frame},h("style",{type:"text/css"},styleString$5),h("div",{class:sheet$5.classes.HeaderWrapper},a.header,h("slot",{name:"sqm-navigation-menu"})),t,h("div",{class:sheet$5.classes.FooterWrapper},a.footer))}var EditProfileView=function(e){var t,a,r,s;var i=e.states,l=e.callbacks;var n=i.text;var o=i.formState.errors;if(i.showEdit){return h("div",{class:"CardWrapper "+(!i.showEdit&&"ShowEdit")},h("h2",{style:{fontSize:"var(--sl-font-size-x-large)",margin:"0px",textAlign:"center"}},n.editprofileheader),h("form",{class:"FormWrapper",onSubmit:l.onSubmit},h("div",{class:"FormSection"},i.formState.error&&h("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},i.formState.error)),h("sl-input",Object.assign({exportparts:"label: input-label",value:i.formState.firstName,onInput:l.onChange,label:n.firstnametext,disabled:i.loading},o.firstName&&o.firstName.status!=="valid"?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{id:"firstName",name:"firstName",error:o.firstName&&o.firstName.status!=="valid"?o.firstName.message:undefined})),h("sl-input",Object.assign({exportparts:"label: input-label",value:i.formState.lastName,onInput:l.onChange,label:n.lastnametext,disabled:i.loading,id:"lastName",name:"lastName"},o.lastName&&o.lastName.status!=="valid"?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{error:o.lastName&&o.lastName.status!=="valid"?o.lastName.message:undefined}))),n.showregion&&i.formState.currentRegion&&h("sl-input",{exportparts:"label: input-label",disabled:true,value:i.formState.currentRegion,label:n.currentregiontext,id:"currentRegion",name:"currentRegion"}),h("div",{class:"ButtonWrapper"},h("sl-button",{onClick:function(){l.setShowEdit(false)},exportparts:"base: defaultbutton-base"},n.canceltext),h("sl-button",{type:"primary",loading:i.loading,disabled:i.submitDisabled,onClick:function(e){l.onSubmit(e)},submit:true,exportparts:"base: primarybutton-base"},n.updatetext))))}return h("div",{class:"CardWrapper FormWrapper "+(!i.showEdit&&"ShowEdit")},h("div",{class:"FormSection"},h("h2",{style:{fontSize:"var(--sl-font-size-x-large",marginBottom:"0px",textAlign:"center"}},n.editprofileheader),h("div",null,h("p",{style:{fontSize:"var(--sl-font-size-medium)"}},(t=i.user)===null||t===void 0?void 0:t.firstName," ",(a=i.user)===null||a===void 0?void 0:a.lastName),h("p",{style:{fontSize:"var(--sl-font-size-medium)"},title:(r=i.user)===null||r===void 0?void 0:r.email},(s=i.user)===null||s===void 0?void 0:s.email))),h("sl-button",{type:"primary",loading:i.loading,onClick:function(){l.resetForm();l.setShowEdit(true)},exportparts:"base: primarybutton-base"},n.editprofiletext))};var MessageLinkQuery$1=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  query ($programId: ID) {\n    user: viewer {\n      ... on User {\n        shareLink(programId: $programId)\n      }\n    }\n  }\n"],["\n  query ($programId: ID) {\n    user: viewer {\n      ... on User {\n        shareLink(programId: $programId)\n      }\n    }\n  }\n"])));var WIDGET_ENGAGEMENT_EVENT=dist.gql(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n    createUserAnalyticsEvent(eventMeta: $eventMeta)\n  }\n"],["\n  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n    createUserAnalyticsEvent(eventMeta: $eventMeta)\n  }\n"])));function useShareLink(e){var t,a;var r=e.programId,s=r===void 0?M():r;var i=ie();var l=Rn();var n=sn(MessageLinkQuery$1,{programId:s},!(i===null||i===void 0?void 0:i.jwt)).data;var o=qe(WIDGET_ENGAGEMENT_EVENT)[0];var d=(a=(t=n===null||n===void 0?void 0:n.user)===null||t===void 0?void 0:t.shareLink)!==null&&a!==void 0?a:"...";var c=useState(false),u=c[0],p=c[1];function h(){navigator.clipboard.writeText(d);p(true);setTimeout((function(){return p(false)}),e.tooltiplifespan);o({eventMeta:{programId:s,id:i===null||i===void 0?void 0:i.id,accountId:i===null||i===void 0?void 0:i.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:l,shareMedium:"DIRECT"}}})}return __assign(__assign({},e),{onClick:h,open:u,shareString:d})}var MessageLinkQuery=dist.gql(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  query (\n    $programId: ID\n    $engagementMedium: UserEngagementMedium!\n    $shareMedium: ReferralShareMedium!\n  ) {\n    viewer {\n      ... on User {\n        messageLink(\n          programId: $programId\n          engagementMedium: $engagementMedium\n          shareMedium: $shareMedium\n        )\n        shareLink(programId: $programId, engagementMedium: $engagementMedium)\n      }\n    }\n  }\n"],["\n  query (\n    $programId: ID\n    $engagementMedium: UserEngagementMedium!\n    $shareMedium: ReferralShareMedium!\n  ) {\n    viewer {\n      ... on User {\n        messageLink(\n          programId: $programId\n          engagementMedium: $engagementMedium\n          shareMedium: $shareMedium\n        )\n        shareLink(programId: $programId, engagementMedium: $engagementMedium)\n      }\n    }\n  }\n"])));function NativeShare(e,t){var a=e.sharetitle||"Share title";var r=e.sharetext||"Share text";if(t==="undefined"){return alert("error: message link undefined!")}if(window.navigator.share){window.navigator.share({title:a,text:r,url:t}).catch((function(e){return console.error("Error on web share",e)}))}else{alert("Not on a supported device")}}function FacebookShare(e,t){var a,r;if(((r=(a=t.data)===null||a===void 0?void 0:a.viewer)===null||r===void 0?void 0:r.messageLink)==="undefined"||e==="undefined"){return alert("error: message link undefined!")}if(typeof SquatchAndroid.shareOnFacebook!=="undefined"){return SquatchAndroid.shareOnFacebook(e,t.data.viewer.messageLink)}else{return GenericShare(t)}}function GenericShare(e){var t,a;return((a=(t=e.data)===null||t===void 0?void 0:t.viewer)===null||a===void 0?void 0:a.messageLink)?window.open(e.data.viewer.messageLink):alert("error: message link undefined!")}function useShareButton(e){var t,a;var r=e.sharetitle,s=e.sharetext,i=e.medium;var l=e.programId?e.programId:M();var n=ie();var o={engagementMedium:Rn(),programId:l,shareMedium:i.toUpperCase()};var d=sn(MessageLinkQuery,o,!(n===null||n===void 0?void 0:n.jwt)||!l);var c=(a=(t=d===null||d===void 0?void 0:d.data)===null||t===void 0?void 0:t.viewer)===null||a===void 0?void 0:a.shareLink;var u=kn();var p=i.toLocaleUpperCase()==="SMS"&&window.orientation===undefined||i.toLocaleUpperCase()==="DIRECT"&&!window.navigator.share;function h(){if(i.toLocaleUpperCase()==="FACEBOOK"&&u.type==="SquatchAndroid"){FacebookShare(c,d)}else if(i.toLocaleUpperCase()==="DIRECT"){NativeShare({sharetitle:r,sharetext:s},c)}else{GenericShare(d)}}return __assign(__assign({},e),{loading:d.loading,onClick:h,hide:p})}function PortalChangePasswordView(e){var t=e.states,a=e.callbacks;var r={Dialog:{padding:"0","&::part(close-button)":{"margin-top":"var(--sl-spacing-medium)"},"&::part(body)":{padding:"0 var(--sl-spacing-x-large) var(--sl-spacing-x-large) var(--sl-spacing-x-large)"}},Error:{"&::part(erroralert-base)":{"margin-bottom":"15px"}},Success:{"&::part(successalert-base)":{"margin-bottom":"15px"}},InputContainer:{"& > :not(:last-child)":{"margin-bottom":"var(--sl-spacing-x-large)"}},CancelButton:{width:"25%",margin:"var(--sl-spacing-large) auto"},PasswordField:{marginBottom:"var(--sl-spacing-large) !important",display:"block"},ChangePasswordButton:{paddingTop:"var(--sl-spacing-x-large)"}};var s=createStyleSheet(r);var i=s.toString();return h("div",null,h("style",{type:"text/css"},i),h("sl-dialog",{class:s.classes.Dialog,open:t.open,"onSl-hide":function(){return a.setOpen(false)}},h(PortalSectionView,Object.assign({},{labelMargin:"x-large",padding:"none",label:h(TextSpanView,Object.assign({},{type:"h2"}),t.content.modalChangePasswordHeader),content:h(PortalContainerView,Object.assign({},{direction:"column",padding:"none",gap:"32px"}),t.error&&h("sqm-form-message",{class:s.classes.Error,type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},t.error)),t.success&&h("sqm-form-message",{class:s.classes.Success,type:"success",exportparts:"successalert-icon"},h("div",{part:"successalert-text"},t.content.successMessage)),h("sl-form",{"onSl-submit":a.submit},h("div",{class:s.classes.InputContainer},h("sqm-password-field",{exportparts:"input-label: input-label",class:s.classes.PasswordField,fieldLabel:t.content.passwordFieldLabel}),h("sl-input",{exportparts:"label: input-label",name:"/confirmPassword",label:t.content.confirmPasswordFieldLabel,required:true,togglePassword:true,disabled:t.loading,type:"password"})),h(PortalContainerView,Object.assign({},{direction:"row",padding:"none",gap:"20px"}),h("sl-button",{class:s.classes.ChangePasswordButton,type:"primary",submit:true,loading:t.loading},t.content.changePasswordButtonText),h("sl-button",{class:s.classes.CancelButton,type:"text",onClick:function(){return a.setOpen(false)}},t.content.cancelText))))}))),h(PortalSectionView,Object.assign({},{labelMargin:"x-large",padding:"xxx-large",label:h(TextSpanView,Object.assign({},{type:"h2"}),t.content.portalChangePasswordHeader),content:h("sl-button",{onClick:function(){return a.setOpen(true)}},t.content.portalChangePasswordButtonText)}),h("style",{type:"text/css"},i)))}var style$4={Wrapper:AuthWrapper,Column:AuthColumn,ForgotButtonContainer:{display:"inline",cursor:"pointer","font-size":"13px","font-weight":"600",color:"#AAAAAA",margin:"0"},ButtonsContainer:AuthButtonsContainer};var vanillaStyle$1="\n:host {\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\n";var sheet$4=createStyleSheet(style$4);var styleString$4=sheet$4.toString();function PortalLoginView(e){var t=e.states,a=e.callbacks,r=e.content;return h("div",{class:sheet$4.classes.Wrapper},h("style",{type:"text/css"},vanillaStyle$1,styleString$4),h(TextSpanView,{type:"h3"},r.pageLabel),h("sl-form",{class:sheet$4.classes.Column,"onSl-submit":a.submit},e.states.error&&h("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},e.states.error)),h("sl-input",{exportparts:"label: input-label",type:"email",name:"/email",label:r.emailLabel||"Email",disabled:t.loading,required:true}),h("div",null,h("sl-input",{exportparts:"label: input-label",type:"password",name:"/password",label:r.passwordLabel||"Password",disabled:t.loading,required:true}),h("div",{class:sheet$4.classes.ForgotButtonContainer},r.forgotPasswordButton)),h("div",{class:sheet$4.classes.ButtonsContainer},h("sl-button",{submit:true,loading:t.loading,exportparts:"base: primarybutton-base",type:"primary"},r.submitLabel||"Login"),r.secondaryButton)))}var style$3={Wrapper:__assign(__assign({},AuthWrapper),{"max-width":"600px"}),Column:AuthColumn,HostBlock:HostBlock,":host":{margin:"0 auto",width:"100%"},ButtonsContainer:AuthButtonsContainer,ErrorStyle:ErrorStyles};var vanillaStyle="\nsqm-portal-register {\n  margin: 0 auto;\n  width: 100%;\n  display: block;\n}\n\n:host{\n  display: block;\n}\n\n:host([hidden]) {\n  display: none;\n}\n";var sheet$3=createStyleSheet(style$3);var styleString$3=sheet$3.toString();function PortalRegisterView(e){var t,a,r,s,i,l,n,o;var d=e.states,c=e.refs,u=e.callbacks,p=e.content;if(d.error){window.scrollTo({top:0,left:0,behavior:"smooth"})}return h("div",{class:sheet$3.classes.Wrapper},h("style",{type:"text/css"},vanillaStyle,styleString$3),h(TextSpanView,{type:"h3"},p.pageLabel),h("sl-form",{class:sheet$3.classes.Column,"onSl-submit":u.submit,ref:function(e){return c.formRef.current=e},novalidate:true},d.error&&h("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},e.states.error)),p.formData,!d.hideInputs&&h("sl-input",Object.assign({exportparts:"label: input-label",type:"email",name:"/email",label:p.emailLabel||"Email",disabled:d.loading,required:true,validationError:function(e){var t=e.value;if(!t){return"Cannot be empty"}if(!t.includes("@")){return"Must be a valid email address"}}},((a=(t=d.validationState)===null||t===void 0?void 0:t.validationErrors)===null||a===void 0?void 0:a.email)?{class:sheet$3.classes.ErrorStyle,helpText:((s=(r=d.validationState)===null||r===void 0?void 0:r.validationErrors)===null||s===void 0?void 0:s.email)||"Cannot be empty"}:[])),!d.hideInputs&&h("sqm-password-field",{fieldLabel:p.passwordLabel,"enable-validation":d.enablePasswordValidation}),p.passwordField,!d.hideInputs&&d.confirmPassword&&h("sl-input",Object.assign({exportparts:"label: input-label",type:"password",name:"/confirmPassword",label:p.confirmPasswordLabel,disabled:d.loading,required:true},((l=(i=d.validationState)===null||i===void 0?void 0:i.validationErrors)===null||l===void 0?void 0:l.confirmPassword)?{class:sheet$3.classes.ErrorStyle,helpText:((o=(n=d.validationState)===null||n===void 0?void 0:n.validationErrors)===null||o===void 0?void 0:o.confirmPassword)||"Cannot be empty"}:[])),p.terms,h("div",{class:sheet$3.classes.ButtonsContainer},h("sl-button",{submit:true,loading:d.loading,exportparts:"base: primarybutton-base",type:"primary"},p.submitLabel||"Register"),p.secondaryButton)))}var style$2={Description:{"& input[type=checkbox]":{display:"none"},"& input:checked ~ .details":{transform:"rotate(-180deg)"},"& .details":{position:"absolute",top:"var(--sl-spacing-medium)",right:"var(--sl-spacing-medium)",color:"var(--sl-color-neutral-700)",fontSize:"var(--sl-font-size-large)","& :hover":{color:"var(--sl-color-primary-700)"},transformOrigin:"50% 37%",transition:"transform var(--sl-transition-medium) ease",cursor:"pointer"},"& input:checked ~ .summary":{transition:"all var(--sl-transition-medium) ease",maxHeight:"300px",marginBottom:"var(--sl-spacing-x-large)"},"& input:checked ~ .summary[progress-bar]":{marginBottom:"var(--sl-spacing-xx-large)"},"& .summary":{display:"block",overflow:"hidden",fontSize:"var(--sl-font-size-small)",maxHeight:"0px",transition:"all var(--sl-transition-fast) ease-out",marginBottom:"var(--sl-spacing-medium)"}}};var sheet$2=createStyleSheet(style$2);var styleString$2=sheet$2.toString();function Details(e){var t=Math.random().toString(36).slice(2);return h("div",null,h("style",{type:"text/css"},styleString$2),h("span",{class:sheet$2.classes.Description},h("input",{type:"checkbox",id:"details-"+t}),h("label",{class:"details",htmlFor:"details-"+t},h("sl-icon",{name:"chevron-down"})),h("span",{class:"summary","progress-bar":e.progressBar},e.content.description)))}var Gift$1=function(){return h("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h("path",{d:"M15 5H12.4508H9V16H13.5C14.0523 16 14.5 15.5523 14.5 15V9H15C15.5523 9 16 8.55228 16 8V6C16 5.44772 15.5523 5 15 5Z",fill:"#F2C94C"}),h("path",{d:"M1.5 9V15C1.5 15.5523 1.94772 16 2.5 16H7V5H4.64242H1C0.447715 5 0 5.44772 0 6V8C0 8.55228 0.447715 9 1 9H1.5Z",fill:"#F2C94C"}),h("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M1.5 9V10H14.5V9H1.5Z",fill:"#BE9720"}),h("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M14 2.70949C14 3.59565 12.6694 4.93746 12 5H9V16H7.00179V5H4.58792C3.21247 4.70182 2 3.64537 2 2.52072C2 1.42474 2.47603 0.556701 3.34184 0.182041C4.16921 -0.175986 5.12452 0.0203328 5.87976 0.544666C6.80676 1.18825 7.32679 2.3963 7.79856 3.49226C7.83996 3.58845 7.88099 3.68378 7.9219 3.77778C7.96173 3.68865 8.00186 3.59793 8.0425 3.50608C8.50995 2.44948 9.04359 1.24325 9.9404 0.59563C10.7332 0.0231438 11.741 -0.193157 12.6121 0.198945C13.5129 0.604397 14 1.53453 14 2.70949ZM10.6123 1.5C11.0928 1.15305 11.668 1.09012 12.1597 1.5C12.5879 1.85694 12.6108 2.02497 12.6658 2.42926L12.6755 2.5C12.6755 3.09851 12.1597 4 11.6439 4C11.2785 4 10.9914 3.99691 10.7224 3.99402C10.2319 3.98875 9.80131 3.98412 9.06496 4C9.20533 3.72786 9.31743 3.46669 9.42434 3.21761C9.71026 2.55143 9.95907 1.97176 10.6123 1.5ZM4.93861 1.5C4.70607 1.33855 4.17281 1.4106 3.95166 1.5063C3.76894 1.58537 3.49602 1.82658 3.49602 2.52072C3.49602 3.19524 4.58792 3.77778 4.58792 3.77778C4.58792 3.77778 5.45441 4 7.00179 4C6.47506 2.69451 5.7289 2.04867 4.93861 1.5Z",fill:"#EB5757"}))};var style$1={ProgressBar:{"& .progress-bar":{height:"0",marginTop:"var(--sl-spacing-large)",marginBottom:"var(--sl-spacing-xxx-large)",marginRight:"var(--sl-spacing-x-small)",fontSize:"var(--sl-font-size-x-small)",display:"grid",lineHeight:"45px",userSelect:"none"},"&[data-steps]":{marginTop:"calc(-1*var(--sl-spacing-x-small))"},"&[data-steps]  .progress-bar":{marginTop:"var(--sl-spacing-medium)"},"&[data-expired]  .progress-bar":{filter:"grayscale(1)"},"& .progress-bar.repeatable-steps":{marginLeft:"var(--sl-spacing-x-small)"},"& .filled:after":{content:'""',display:"flex",width:"100%",height:"4px",borderRadius:"4px",backgroundColor:"var(--sl-color-primary-300)"},"& .progress":{display:"block",textAlign:"center",marginLeft:"-100px",marginRight:"-100px"},"& .progress::after":{content:'""',width:"12px",height:"12px",display:"flex",backgroundColor:"var(--sl-color-primary-300)",borderRadius:"50%",position:"relative",left:"47%",top:"-85%"},"& .progress.bg:after":{width:"0",height:"0",border:"none"},"& .progress.top":{position:"relative",top:"-40px"},"& .progress.top:after":{top:"-16%"},"& .empty":{display:"block",textAlign:"center",marginLeft:"-100px",marginRight:"-100px"},"& .empty::after":{content:'""',width:"12px",height:"12px",border:"2px solid #E0E0E0",margin:"-2px",display:"flex",backgroundColor:"white",borderRadius:"50%",position:"relative",left:"47%",top:"-85%"},"& .empty.bg:after":{width:"0",height:"0",border:"none"},"& .remain:after":{content:'""',display:"flex",width:"100%",height:"4px",borderRadius:"4px",backgroundColor:"#E0E0E0"},"& .gift.bw":{filter:"grayscale(100%)"},"& .gift.start":{transform:"scale(80%)",top:"-20px"},"& .gift":{textAlign:"center",marginLeft:"-100px",marginRight:"-100px",position:"relative",top:"-18px"}}};var sheet$1=createStyleSheet(style$1,{classNamePrefix:"sqm-prog-bar"});var styleString$1=sheet$1.toString();function ProgressBarView(e){var t;var a=e.progress,r=a===void 0?0:a,s=e.goal,i=s===void 0?1:s,l=e.steps,n=l===void 0?false:l,o=e.progressBarUnit,d=o===void 0?"":o,c=e.repeatable,u=c===void 0?false:c,p=e.expired,v=p===void 0?false:p,g=e.finite,m=g===void 0?0:g;var f=buildProgressBar(u,n,e);var x=f.columns,b=f.items;console.log("PROGRESS BAR PROPS "+((t=e===null||e===void 0?void 0:e.content)===null||t===void 0?void 0:t.cardTitle));console.log({props:e});return h("div",{class:sheet$1.classes.ProgressBar,"data-expired":v,"data-steps":n,"data-done":i<=r},h("style",{type:"text/css"},styleString$1),h("div",{class:!Boolean(m)&&r>=2*i||Boolean(m)&&r>2*i?"progress-bar repeatable-steps":"progress-bar",style:{gridTemplateColumns:x,marginLeft:r===0&&!n?"var(--sl-spacing-x-small)":""}},b))}function buildProgressBar(e,t,a){if(e){if(t){return addStepsRepeatable(a)}else{return addLinearRepeatable(a)}}else{if(t){return addSteps(a)}else{return addLinear(a)}}}function addSteps(e){var t=e.progress,a=e.goal;var r=[];var s=[];var i=1/a;for(var l=1;l<a;l++){s.push(i+"fr");s.push("0fr");if(l>t){r.push(h("div",{class:"remain"}));r.push(h("div",{class:"empty"},l))}else{r.push(h("div",{class:"filled"}));r.push(h("div",{class:"progress"},l))}}s.push(i+"fr");s.push("0fr");if(a<=t){s.push("0fr");r.push(h("div",{class:"filled"}));r.push(h("div",{class:"progress bg"},a));r.push(h("div",{class:"gift"},h(Gift$1,null)))}else{s.push("0fr");r.push(h("div",{class:"remain"}));r.push(h("div",{class:"empty bg"},a));r.push(h("div",{class:"gift bw"},h(Gift$1,null)))}return{items:r,columns:s.join(" ")}}function addLinearRepeatable(e){var t=e.progress,a=e.goal,r=e.progressBarUnit,s=e.finite;var i=Math.floor(t/a);var l=t%a/a*.5;var n=[];var o="";if(i==0){o=l+"fr 0fr "+(.5-l)+"fr 0fr 0fr 0.5fr 0fr 0fr";n.push(h("div",{class:"filled"}));n.push(h("div",{class:t==a?"progress top bg":"progress top"},r+t));n.push(h("div",{class:"remain"}));n.push(h("div",{class:"progress bg"},r+a));n.push(h("div",{class:t==a?"gift":"gift bw"},h(Gift$1,null)));n.push(h("div",{class:"remain"}));n.push(h("div",{class:"progress bg"},r+a*2));n.push(h("div",{class:"gift bw"},h(Gift$1,null)))}else if(i==1){o="0.5fr 0fr 0fr "+l+"fr 0fr "+(.5-l)+"fr 0fr 0fr";n.push(h("div",{class:"filled"}));n.push(h("div",{class:"progress bg"},r+a));n.push(h("div",{class:"gift"},h(Gift$1,null)));n.push(h("div",{class:"filled"}));n.push(h("div",{class:t==a?"progress top bg":"progress top"},t==a?"":r+t));n.push(h("div",{class:"remain"}));n.push(h("div",{class:"progress bg"},r+a*2));n.push(h("div",{class:"gift bw"},h(Gift$1,null)))}else if(s&&i>=s){if(i>2){n.push(h("div",{class:"progress bg"},r+a*(s-2)));n.push(h("div",{class:"gift start"},h(Gift$1,null)));o="0fr 0fr 0.5fr 0fr 0fr 0.5fr 0fr 0fr"}else{o="0.5fr 0fr 0fr 0.5fr 0fr 0fr"}n.push(h("div",{class:"filled"}));n.push(h("div",{class:"progress bg"},r+a*(s-1)));n.push(h("div",{class:"gift"},h(Gift$1,null)));n.push(h("div",{class:"filled"}));n.push(h("div",{class:"progress bg"},r+a*s));n.push(h("div",{class:"gift"},h(Gift$1,null)))}else{o="0fr 0fr 0.5fr 0fr 0fr "+l+"fr 0fr "+(.5-l)+"fr 0fr 0fr";n.push(h("div",{class:"progress bg"},r+a*(i-1)));n.push(h("div",{class:"gift start"},h(Gift$1,null)));n.push(h("div",{class:"filled"}));n.push(h("div",{class:"progress bg"},r+a*i));n.push(h("div",{class:"gift"},h(Gift$1,null)));n.push(h("div",{class:"filled"}));n.push(h("div",{class:t==a*i?"progress top bg":"progress top"},t==a*i?"":r+t));n.push(h("div",{class:"remain"}));n.push(h("div",{class:"progress bg"},r+a*(i+1)));n.push(h("div",{class:"gift bw"},h(Gift$1,null)))}return{items:n,columns:o}}function addStepsRepeatable(e){var t=e.progress,a=e.goal,r=e.finite;var s=[];var i=[];var l=Math.floor(t/a);if(l<2){var n=1/a;for(var o=1;o<a*2+1;o++){i.push(n+"fr");i.push("0fr");if(o>t){if(o==a){i.push("0fr");s.push(h("div",{class:"remain"}));s.push(h("div",{class:"empty bg"},a));s.push(h("div",{class:"gift bw"},h(Gift$1,null)))}else if(o==a*2){i.push("0fr");i.push("0fr");s.push(h("div",{class:"remain"}));s.push(h("div",{class:"empty bg"},a*2));s.push(h("div",{class:"gift bw"},h(Gift$1,null)))}else{s.push(h("div",{class:"remain"}));s.push(h("div",{class:"empty"},o))}}else if(o==a){i.push("0fr");s.push(h("div",{class:"filled"}));s.push(h("div",{class:"progress bg"},o));s.push(h("div",{class:"gift"},h(Gift$1,null)))}else{s.push(h("div",{class:"filled"}));s.push(h("div",{class:"progress"},o))}}}else if(r&&l>=r){var n=1/a;if(l>2){i.push("0fr");i.push("0fr");s.push(h("div",{class:"progress bg"},a*(r-2)));s.push(h("div",{class:"gift start"},h(Gift$1,null)))}for(var d=1;d<a*2+1;d++){i.push(n+"fr");i.push("0fr");if(d>t){if(d==a){i.push("0fr");s.push(h("div",{class:"remain"}));s.push(h("div",{class:"progress bg"},a*(r-1)));s.push(h("div",{class:"gift bw"},h(Gift$1,null)))}}else if(d==a){i.push("0fr");s.push(h("div",{class:"filled"}));s.push(h("div",{class:"progress bg"},a*(r-1)));s.push(h("div",{class:"gift"},h(Gift$1,null)))}else if(d==a*2){i.push("0fr");i.push("0fr");s.push(h("div",{class:"filled"}));s.push(h("div",{class:"progress bg"},a*r));s.push(h("div",{class:"gift"},h(Gift$1,null)))}else{s.push(h("div",{class:"filled"}));s.push(h("div",{class:"progress"},d+a*(r-2)))}}}else{var c=t%a+a;var n=1/a;i.push("0fr");i.push("0fr");s.push(h("div",{class:"progress bg"},a*(l-1)));s.push(h("div",{class:"gift start"},h(Gift$1,null)));for(var u=1;u<a*2+1;u++){i.push(n+"fr");i.push("0fr");if(u<=a){if(u==a){i.push("0fr");s.push(h("div",{class:"filled"}));s.push(h("div",{class:"progress bg"},u+a*(l-1)));s.push(h("div",{class:"gift"},h(Gift$1,null)))}else{s.push(h("div",{class:"filled"}));s.push(h("div",{class:"progress"},u+a*(l-1)))}}else if(u>c){if(u==a*2){i.push("0fr");i.push("0fr");s.push(h("div",{class:"remain"}));s.push(h("div",{class:"empty bg"},u+a*(l-1)));s.push(h("div",{class:"gift bw"},h(Gift$1,null)))}else{s.push(h("div",{class:"remain"}));s.push(h("div",{class:"empty"},u+a*(l-1)))}}else{s.push(h("div",{class:"filled"}));s.push(h("div",{class:"progress"},u+a*(l-1)))}}}return{items:s,columns:i.join(" ")}}function addLinear(e){var t=e.progress,a=e.goal,r=e.progressBarUnit;var s=[];var i="";var l=t/a;i=clamp(l,0,1)+"fr 0fr "+clamp(1-l,0,1)+"fr 0fr 0fr";s.push(h("div",{class:"filled"}));s.push(h("div",{class:clamp(t,0,a)==a?"progress top bg":"progress top"},clamp(t,0,a)==a?"":r+clamp(t,0,a)));s.push(h("div",{class:"remain"}));s.push(h("div",{class:"progress bg"},r+a));s.push(h("div",{class:clamp(t,0,a)==a?"gift":"gift bw"},h(Gift$1,null)));return{items:s,columns:i}}function clamp(e,t,a){return Math.min(Math.max(e,t),a)}var checkmark_circle=function(){return h("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M1.81818 10C1.81818 5.48131 5.48131 1.81818 10 1.81818C14.5187 1.81818 18.1818 5.48131 18.1818 10C18.1818 14.5187 14.5187 18.1818 10 18.1818C5.48131 18.1818 1.81818 14.5187 1.81818 10ZM10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0ZM15.7692 6.96189C16.1398 6.48683 16.0551 5.80132 15.58 5.43077C15.1049 5.06022 14.4194 5.14495 14.0489 5.62001L8.72994 12.4391L5.86229 9.5715C5.43627 9.14548 4.74554 9.14548 4.31952 9.5715C3.89349 9.99752 3.89349 10.6882 4.31952 11.1143L8.05976 14.8545C8.28083 15.0756 8.58613 15.1912 8.89818 15.172C9.21023 15.1528 9.49905 15.0006 9.69133 14.7541L15.7692 6.96189Z",fill:"currentColor"}))};var checkmark_filled=function(){return h("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h("circle",{cx:"10",cy:"10",r:"10",fill:"currentColor"}),h("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M14.65 6.19231C15.0459 6.5011 15.1165 7.07236 14.8077 7.46825L9.74277 13.9617C9.58254 14.1672 9.34186 14.294 9.08182 14.31C8.82178 14.326 8.56736 14.2297 8.38314 14.0454L5.26627 10.9286C4.91124 10.5735 4.91124 9.99794 5.26627 9.64292C5.62129 9.2879 6.19689 9.2879 6.55191 9.64292L8.94162 12.0326L13.3741 6.35001C13.6828 5.95412 14.2541 5.88352 14.65 6.19231Z",fill:"white"}))};var arrow_left_right=function(){return h("svg",{width:11,height:12,fill:"none",xmlns:"http://www.w3.org/2000/svg"},h("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.265 2.789a.346.346 0 000-.489L8.066.101a.346.346 0 10-.489.489l1.61 1.609H2.073a.691.691 0 00-.69.691v1.728a.346.346 0 00.69 0V2.89h7.114L7.577 4.5a.346.346 0 10.49.488l2.198-2.2zM.101 9.21a.346.346 0 000 .489l2.2 2.199a.346.346 0 00.488-.489l-1.61-1.609h7.114c.382 0 .691-.31.691-.691V7.382a.346.346 0 00-.691 0V9.11H1.18L2.789 7.5a.346.346 0 10-.489-.488l-2.199 2.2z",fill:"currentColor"}))};var style={TaskCard:{display:"inline-block",width:"100%","& .main":{position:"relative",boxSizing:"border-box",background:"var(--sl-color-neutral-0)",border:"1px solid var(--sl-color-neutral-200)",borderRadius:"var(--sl-border-radius-medium)",boxShadow:"1px 2px 4px rgba(211, 211, 211, 0.2)",fontSize:"var(--sl-font-size-small)",lineHeight:"var(--sl-line-height-dense)",color:"var(--sl-color-neutral-600)"},"& .main.complete":{background:"var(--sl-color-primary-50)",borderColor:"var(--sl-color-primary-500)"},"& .main.expired":{color:"var(--sl-color-neutral-600)",background:"var(--sl-color-neutral-50)"},"& .title":{fontSize:"var(--sl-font-size-medium)",color:"var(--sl-color-neutral-950)"},"& .container":{margin:"var(--sl-spacing-medium)"},"& .container.subdued":{opacity:"0.45"},"& .container > div":{margin:"var(--sl-spacing-medium) 0"}},NotStarted:{fontSize:"var(--sl-font-size-small)",padding:"var(--sl-spacing-medium)",color:"var(--sl-color-primary-600)",border:"1px solid var(--sl-color-neutral-200)",borderRadius:"var(--sl-border-radius-medium) var(--sl-border-radius-medium) 0 0",borderBottom:"none",background:"var(--sl-color-primary-50)",fontWeight:"var(--sl-font-weight-semibold)",lineHeight:"var(--sl-line-height-dense)","& .icon":{position:"relative",top:"0.1em",marginRight:"var(--sl-spacing-small)",color:"var(--sl-color-primary-500)"}},Ended:{fontSize:"var(--sl-font-size-small)",padding:"var(--sl-spacing-medium)",color:"var(--sl-color-warning-600)",border:"1px solid var(--sl-color-neutral-200)",borderRadius:"var(--sl-border-radius-medium) var(--sl-border-radius-medium) 0 0",borderBottom:"none",background:"var(--sl-color-warning-50)",fontWeight:"var(--sl-font-weight-semibold)",lineHeight:"var(--sl-line-height-dense)","& .icon":{position:"relative",top:"0.1em",marginRight:"var(--sl-spacing-small)",color:"var(--sl-color-warning-500)"}},Header:{display:"flex","& .icon":{position:"relative",top:"5%",alignSelf:"center",lineHeight:"0",color:"var(--sl-color-primary-400)",fontSize:"var(--sl-font-size-large)",marginRight:"var(--sl-spacing-x-small)"},"& .value":{alignSelf:"center",fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sl-color-neutral-950)",lineHeight:"100%",marginRight:"var(--sl-spacing-xx-small)"},"& .text":{alignSelf:"end",textTransform:"uppercase",fontSize:"var(--sl-font-size-x-small)",color:"var(--sl-color-neutral-950)",lineHeight:"var(--sl-font-size-medium)",marginRight:"var(--sl-spacing-xx-small)"},"& .end":{color:"var(--sl-color-warning-500)",fontWeight:"var(--sl-font-weight-semibold)",marginBottom:"var(--sl-spacing-xx-small)"},"& .neutral":{color:"var(--sl-color-neutral-400)"}},Footer:{display:"flex","& .icon":{fontSize:"var(--sl-font-size-xx-small)",marginRight:"var(--sl-spacing-xx-small)",verticalAlign:"middle"},"& .text":{marginTop:"auto",verticalAlign:"text-bottom",fontSize:"var(--sl-font-size-x-small)",color:"var(--sl-color-neutral-400)"},"& .success":{color:"var(--sl-color-primary-500)",fontWeight:"var(--sl-font-weight-semibold)"},"& .action":{marginTop:"auto",marginLeft:"auto","&::part(base)":{color:"var(--sl-color-neutral-0)",borderRadius:"var(--sl-border-radius-medium)"},"&.disabled::part(base)":{border:"1px solid var(--sl-color-primary-400)",background:"var(--sl-color-primary-400)"},"&.neutral::part(base)":{border:"1px solid var(--sl-color-neutral-400)",background:"var(--sl-color-neutral-400)"}},"& .neutral":{color:"var(--sl-color-neutral-400)"},"& .datetime":{display:"block",marginTop:"var(--sl-spacing-xx-small)",color:"var(--sl-color-neutral-400)"}}};var sheet=createStyleSheet(style);var styleString=sheet.toString();function TaskCardView(e){var t,a,r;console.log("TASK CARD PROPS "+((t=e===null||e===void 0?void 0:e.content)===null||t===void 0?void 0:t.cardTitle));console.log({props:e});var s=e.callbacks,i=e.states,l=e.content;var n=l.showExpiry&&luxon.DateTime.fromISO(l.rewardDuration.split("/")[0]);var o=l.showExpiry&&luxon.DateTime.fromISO(l.rewardDuration.split("/")[1]);var d=luxon.DateTime.now();if(l.displayDuration){var c=(a=l.displayDuration.split("/"))===null||a===void 0?void 0:a[0];var u=(r=l.displayDuration.split("/"))===null||r===void 0?void 0:r[1];var p=c?luxon.DateTime.fromISO(c):d;var v=u?luxon.DateTime.fromISO(u):d;console.log({displayDateStart:p,dateToday:d,displayDateEnd:v});if(d<p||d>v)return h("span",null)}var g=checkmark_circle();var m=checkmark_filled();var f=arrow_left_right();var x=i.progress>=l.goal;var b=l.showProgressBar?Math.floor(i.progress/l.goal):i.progress;var y=x&&l.repeatable===false||l.finite&&i.progress>=l.finite*l.goal;var w=l.showExpiry&&o<=d;var S=l.showExpiry&&d<=n;var _=w||S;var C="\n\t:host{\n\t\tdisplay: block;\n\t\tmargin-bottom: var(--sl-spacing-large);\n\t}\n  ";return h("div",{class:sheet.classes.TaskCard},h("style",{type:"text/css"},styleString,C),!i.loading&&S&&h("div",{class:sheet.classes.NotStarted},h("span",{class:"icon"},h("sl-icon",{name:"info-circle-fill"})),intl.formatMessage({id:"startsOnMessage",defaultMessage:l.startsOnMessage},{startDate:n.setLocale(luxonLocale(i.locale)).toLocaleString(luxon.DateTime.DATETIME_MED)})),!i.loading&&w&&h("div",{class:sheet.classes.Ended},h("span",{class:"icon"},h("sl-icon",{name:"exclamation-triangle-fill"})),intl.formatMessage({id:"endedMessage",defaultMessage:l.endedMessage},{endDate:o.setLocale(luxonLocale(i.locale)).toLocaleString(luxon.DateTime.DATETIME_MED)})),h("div",{style:{borderRadius:_&&"0 0 var(--sl-border-radius-medium) var(--sl-border-radius-medium)"},class:_?"main expired":y?"main complete":"main"},h("div",{class:y||_?"container subdued":"container"},h("div",{class:sheet.classes.Header},i.loading?h("sl-skeleton",{style:{width:"22%",margin:"0"}}):h("div",null,x&&h("span",{class:_?"icon neutral":"icon"},y?m:g),h("span",{class:"value"},l.rewardAmount),h("span",{class:"text"},l.rewardUnit))),i.loading?h("sl-skeleton",{style:{width:"42%",margin:"var(--sl-spacing-medium) 0"}}):h("div",{class:"title",style:{marginBottom:!l.description?l.steps?"var(--sl-spacing-x-large)":l.showProgressBar?"var(--sl-spacing-xx-large)":"":""}},l.cardTitle),i.loading?h("sl-skeleton",{style:{margin:"var(--sl-spacing-medium) 0"}}):l.description&&h(Details,Object.assign({},e)),l.showProgressBar&&i.loading?h("sl-skeleton",{style:{margin:"var(--sl-spacing-medium) 0"}}):l.showProgressBar&&h(ProgressBarView,Object.assign({},e.content,e.states,{complete:y,expired:_})),h("div",{class:sheet.classes.Footer},i.loading?h("sl-skeleton",{style:{width:"25%",marginLeft:"auto"}}):h("div",{style:{display:"contents"}},h("span",{class:"text"},l.repeatable&&h("div",null,h("span",{class:b>0?_?"icon neutral":"icon success":"icon"},f),h("span",{class:b>0?_?"neutral":"success":""},intl.formatMessage({id:"completedMessage",defaultMessage:l.completedText},{finite:l.finite,count:l.finite?Math.min(b,l.finite):b}))),l.showExpiry&&!_&&h("span",{class:"datetime"},intl.formatMessage({id:"expiryMessage",defaultMessage:l.expiryMessage},{endDate:o.setLocale(luxonLocale(i.locale)).toLocaleString(luxon.DateTime.DATETIME_MED)}))),h("sl-button",{class:_?"action neutral":y?"action disabled":"action",type:"primary",size:"small",onClick:s.onClick,loading:i.loadingEvent,disabled:y||_},l.buttonText))))))}function ReferralIframeView(e){var t=e.states,a=e.data;var r=t.content;var s={Container:{position:"relative",width:r.iframeWidth,height:r.iframeHeight},IFrame:{position:"absolute",width:"100%",height:"100%",border:"0",top:"0",left:"0",right:"0"}};var i=createStyleSheet(s);var l=i.toString();return h("div",{class:i.classes.Container},h("style",{type:"text/css"},l),h("iframe",{class:i.classes.IFrame,src:r.iframeSrc+"?rsCode="+a.shareCode}))}var CheckMark=function(){return h("svg",{width:12,height:10,fill:"none",xmlns:"http://www.w3.org/2000/svg"},h("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.58.23c.475.371.56 1.057.19 1.532L5.69 9.554a1.091 1.091 0 0 1-1.631.1L.32 5.915a1.09 1.09 0 1 1 1.542-1.542L4.73 7.239 10.049.42A1.09 1.09 0 0 1 11.58.23Z",fill:"#fff"}))};var CheckmarkFilled=function(){return h("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h("path",{d:"M0 9C0 4.02944 4.02944 0 9 0C13.9706 0 18 4.02944 18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9Z",fill:"currentColor"}),h("path",{d:"M5.68394 8.77046C5.28103 8.39273 4.64819 8.41315 4.27046 8.81606C3.89273 9.21897 3.91315 9.85181 4.31606 10.2295L5.68394 8.77046ZM7.66667 12L6.98273 12.7295C7.36738 13.0902 7.96595 13.0902 8.35061 12.7295L7.66667 12ZM13.6839 7.72954C14.0869 7.35181 14.1073 6.71897 13.7295 6.31606C13.3518 5.91315 12.719 5.89273 12.3161 6.27046L13.6839 7.72954ZM4.31606 10.2295L6.98273 12.7295L8.35061 11.2705L5.68394 8.77046L4.31606 10.2295ZM8.35061 12.7295L13.6839 7.72954L12.3161 6.27046L6.98273 11.2705L8.35061 12.7295Z",fill:"white"}))};var Gift=function(){return h("svg",{width:156,height:157,fill:"none",xmlns:"http://www.w3.org/2000/svg"},h("path",{d:"M40.18 126h83.663a3 3 0 0 0 3-3V73.966a3 3 0 0 0-3-3H40.18a3 3 0 0 0-3 3V123a3 3 0 0 0 3 3Z",fill:"#FFD34F"}),h("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M37.18 73.862v7.966h89.663v-7.966H37.18Z",fill:"#E9BB30"}),h("path",{d:"M133.039 74.224a2.18 2.18 0 0 0 2.187-2.172v-19.19c0-1.2-.98-2.172-2.187-2.172H31.347a2.18 2.18 0 0 0-2.187 2.172v19.19c0 1.2.98 2.172 2.187 2.172H133.04Z",fill:"#FFC000"}),h("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M123.287 35.172c0 6.056-9.155 15.226-13.76 15.654H88.888V126H75.141V50.826H58.534c-9.462-2.038-17.803-9.258-17.803-16.944 0-7.49 3.274-13.422 9.23-15.983 5.693-2.446 12.265-1.105 17.46 2.479 6.378 4.398 9.956 12.654 13.202 20.144.284.657.567 1.308.848 1.95.274-.608.55-1.228.83-1.856 3.216-7.22 6.887-15.464 13.057-19.89 5.454-3.913 12.387-5.39 18.38-2.711 6.197 2.77 9.549 9.127 9.549 17.157Zm-23.306-8.266c3.305-2.37 7.262-2.8 10.645 0 2.946 2.44 3.103 3.588 3.482 6.351l.067.483c0 4.09-3.549 10.252-7.097 10.252-2.515 0-4.489-.022-6.34-.041-3.375-.036-6.337-.068-11.403.04.966-1.86 1.737-3.644 2.473-5.346 1.967-4.553 3.678-8.515 8.173-11.739Zm-39.034 0c-1.6-1.103-5.268-.61-6.79.043-1.257.54-3.134 2.19-3.134 6.933 0 4.61 7.511 8.59 7.511 8.59s5.962 1.52 16.607 1.52c-3.624-8.922-8.757-13.336-14.194-17.086Z",fill:"#EB5757"}),h("path",{d:"M75.086 74.224h13.85v7.604h-13.85v-7.604Z",fill:"#DD4747"}),h("g",{filter:"url(#a)"},h("ellipse",{cx:82.008,cy:141.207,rx:36.813,ry:5.793,fill:"#E0DDDD","fill-opacity":.8})),h("path",{d:"M150.446 79.134a.5.5 0 0 1 .9 0l1.133 2.336c.05.102.132.184.234.233l2.344 1.122a.5.5 0 0 1 0 .902l-2.344 1.122a.503.503 0 0 0-.234.233l-1.133 2.336a.5.5 0 0 1-.9 0l-1.134-2.336a.499.499 0 0 0-.234-.233l-2.343-1.122a.5.5 0 0 1 0-.902l2.343-1.122a.499.499 0 0 0 .234-.233l1.134-2.336Z",fill:"#FAB6B6"}),h("path",{d:"M14.86 29.168a.5.5 0 0 1 .9 0l1.133 2.336a.5.5 0 0 0 .234.233l2.344 1.122a.5.5 0 0 1 0 .902l-2.344 1.122a.5.5 0 0 0-.234.233l-1.133 2.336a.5.5 0 0 1-.9 0l-1.134-2.336a.5.5 0 0 0-.234-.233l-2.343-1.122a.5.5 0 0 1 0-.902l2.344-1.122a.5.5 0 0 0 .233-.233l1.134-2.336Z",fill:"#F4EFBC"}),h("path",{d:"m125.382 0 .712 1.466 1.475.706-1.475.707-.712 1.466-.711-1.466-1.476-.707 1.476-.706.711-1.466Z",fill:"#FDA802"}),h("path",{d:"m2.187 103.552.711 1.466 1.476.706-1.476.707-.711 1.466-.711-1.466L0 105.724l1.476-.706.71-1.466Z",fill:"#E4599C"}),h("defs",null,h("filter",{id:"a",x:35.195,y:125.414,width:93.625,height:31.586,filterUnits:"userSpaceOnUse","color-interpolation-filters":"s-rGB"},h("feFlood",{"flood-opacity":0,result:"BackgroundImageFix"}),h("feBlend",{in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),h("feGaussianBlur",{stdDeviation:5,result:"effect1_foregroundBlur_653_17907"}))))};function Dot(e){var t=e.active,a=e.completed,r=e.incomplete,s=e.stage;return h("div",{style:{display:"flex"}},h("div",{style:{backgroundColor:a?"var(--sl-color-success-500)":r?"var(--sl-color-neutral-200)":"var(--sl-color-neutral-0)",border:t?"1px solid var(--sl-color-success-500)":r?"1px solid var(--sl-color-neutral-200)":"1px solid var(--sl-color-success-500)",borderRadius:"50%",width:"23px",height:"23px",margin:"-11px",zIndex:"1",boxSizing:"content-box"}},a?h("div",{style:{top:"-10.5%",left:"23.5%",position:"relative"}},h(CheckMark,null)):h("div",{style:{color:t?"var(--sl-color-success-500)":"var(--sl-color-neutral-50)",width:"23px",lineHeight:"24px",textAlign:"center",position:"relative"}},s+1)))}function ProgressLine(e){var t=e.incomplete,a=t===void 0?false:t,r=e.active,s=r===void 0?false:r,i=e.invisible,l=i===void 0?false:i;return h("div",{style:{content:"''",flex:"0.5 0.5 0",height:"4px",borderRadius:"4px",background:a||s?"var(--sl-color-neutral-200)":"var(--sl-color-success-500)",position:"relative",bottom:"0",left:"0",display:"flex",justifyContent:"center",columnGap:"50px",marginRight:"-2px",boxSizing:"content-box",opacity:l?"0":"1"}})}function Progress(e){var t=e.active,a=e.completed,r=e.incomplete,s=e.stage;return[h(ProgressLine,{incomplete:r,invisible:s===0}),h(Dot,{active:t,completed:a,incomplete:r,stage:s}),h(ProgressLine,{incomplete:r,active:t,invisible:s===2})]}function ProgressBar(e){var t=e.stageCount,a=e.currentStage;return h("div",{style:{display:"flex",columnGap:"-2px"}},Array.from(Array(t).keys()).map((function(e){return h(Progress,{active:a===e,completed:a>e,incomplete:a<e,stage:e})})))}var stageList=["chooseReward","chooseAmount","confirmation","success"];function RewardExchangeView(e){var t=e.states,a=e.data,r=e.callbacks,s=e.refs;var i=t.selectedItem,l=t.selectedStep;var n={chooseReward:t.content.text.chooseRewardTitle,chooseAmount:t.content.text.chooseAmountTitle,confirmation:t.content.text.confirmationTitle};var o={HostBlock:HostBlock,Container:{minWidth:"300px",position:"relative"},FullImage:{objectFit:"contain",maxWidth:"100%",height:"250px",display:"flex",margin:"0 auto"},Select:{"&::part(label)":{color:"var(--sl-color-primary-500)"},"&::part(menu)":{maxHeight:"50vh"}},ProgressBar:{maxWidth:"350px",width:"100%",margin:"auto",marginBottom:"var(--sl-spacing-xxx-large)","& .text-area":{marginTop:"5px",display:"flex",justifyContent:"center",textAlign:"center",whiteSpace:"nowrap",marginBottom:"6px","& .text":{marginBottom:"var(--sl-spacing-x-small)",flex:"1 1 0"},"& .text.subdued":{color:"var(--sl-color-neutral-200)"}}},CardLayout:{display:"flex",width:"100%",borderRadius:"3px",background:"rgba(0, 0, 0, 0)"},Card:{display:"flex",userSelect:"none",height:"120px","&::part(base)":{boxShadow:"none",width:"100%"},"&::part(body)":{display:"flex",padding:0},"& .selected":{position:"relative",top:"-2%",left:"100%",color:"var(--sl-color-primary-500)",margin:"-9px"}},Image:{padding:"var(--sl-spacing-small)",minWidth:"96px",maxWidth:"96px","& .image":{width:"100%",height:"100%",objectFit:"contain",borderRadius:"4px"},"& .image.subdued":{filter:"brightness(0.95)",opacity:"0.5"}},Square:{width:"120px",height:"118px",borderRadius:"3px 0 0 3px","& .image":{width:"100%",height:"100%",objectFit:"contain",borderRadius:"inherit"}},TextArea:{textAlign:"left",padding:"var(--sl-spacing-small)",paddingLeft:"0","& .title":{fontSize:"var(--sl-font-size-medium)",lineHeight:"var(--sl-line-height-dense)",fontWeight:"600",color:"var(--sl-color-neutral-1000)",display:"-webkit-box","-webkit-line-clamp":"1","-webkit-box-orient":"vertical",overflow:"hidden"},"& .amount":{fontSize:"var(--sl-font-size-small)",lineHeight:"var(--sl-line-height-dense)",marginTop:"var(--sl-spacing-x-small)",color:"var(--sl-color-neutral-500)",display:"-webkit-box","-webkit-line-clamp":"1","-webkit-box-orient":"vertical",overflow:"hidden"},"& .error":{fontSize:"var(--sl-font-size-small)",lineHeight:"var(--sl-line-height-dense)",marginTop:"var(--sl-spacing-x-small)",fontWeight:"600",color:"var(--sl-color-warning-600)",display:"-webkit-box","-webkit-line-clamp":"1","-webkit-box-orient":"vertical",overflow:"hidden","& .icon":{position:"relative",top:"0.1em",marginRight:"var(--sl-spacing-xx-small)"}}},ChooseAmount:{margin:"var(--sl-spacing-medium) 0","& .wrapper":{display:"flex",gap:"var(--sl-spacing-xx-large)","@media (max-width: 799px)":{flexDirection:"column"}},"& .image":{width:"47%",objectFit:"contain",maxWidth:"100%",height:"250px",display:"flex","@media (max-width: 799px)":{width:"auto"}},"& .text":{width:"53%","@media (max-width: 799px)":{width:"auto"}},"& .title":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sl-color-neutral-1000)"},"& .points":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sl-color-primary-500)"},"& .description":{fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)",color:"var(--sl-color-neutral-500)",margin:"var(--sl-spacing-medium) 0",lineHeight:"var(--sl-line-height-dense)",marginTop:"var(--sl-spacing-xx-small)"},"& .space":{marginBottom:"var(--sl-spacing-xxx-large)"}},Success:{textAlign:"center","& .title":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sl-color-neutral-1000)"},"& .description":{color:"var(--sl-color-neutral-400)",width:"100%",maxWidth:"350px",margin:"0 auto",lineHeight:"var(--sl-line-height-dense)",marginBottom:"var(--sl-spacing-xx-large)",marginTop:"var(--sl-spacing-xx-small)"}},Grid:{display:"grid",justifyContent:"center",gap:"20px",gridTemplateColumns:"repeat(auto-fill, minmax(300px, 1fr))"},Confirmation:{"& .wrapper":{display:"flex"},"& .padding":{padding:"var(--sl-spacing-medium) 0"},"& .field":{width:"40%",textTransform:"uppercase",fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)",color:"var(--sl-color-neutral-400)",textAlign:"right",paddingRight:"var(--sl-spacing-xxx-large)"},"& .value":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)"},"& .top-border":{borderTop:"1px solid var(--sl-color-neutral-200)"},"& .image":{width:"200px"}},Button:{display:"flex",flexWrap:"wrap-reverse",margin:"var(--sl-spacing-medium) 0","& .cancel":{marginLeft:"auto",marginRight:"var(--sl-spacing-medium)","&::part(base)":{fontWeight:"var(--sl-font-weight-normal)",color:"var(--sl-color-neutral-1000)"},"@media (max-width: 499px)":{width:"100%",marginRight:"0",marginTop:"var(--sl-spacing-small)"}},"& .continue":{"&::part(base)":{background:"var(--sl-color-primary-500)",borderColor:"var(--sl-color-primary-500)",fontWeight:"var(--sl-font-weight-normal)",color:"var(--sl-color-neutral-0)"},"@media (max-width: 499px)":{width:"100%"}},"& .continue.right":{marginLeft:"auto"},"& .continue.center":{margin:"0 auto"}}};var d=createStyleSheet(o);var c=d.toString();function u(){var e,a,s;var i=t.selectedItem;if(!i||(i===null||i===void 0?void 0:i.ruleType)==="FIXED_GLOBAL_REWARD")return h("span",null,i===null||i===void 0?void 0:i.prettySourceValue);if(!((e=i.steps)===null||e===void 0?void 0:e.length)){return h("p",null,intl.formatMessage({id:"notEnoughError",defaultMessage:t.content.text.notEnoughError},{sourceUnit:i.sourceUnit}))}return h("sl-select",{style:{width:"auto"},label:(a=t===null||t===void 0?void 0:t.content)===null||a===void 0?void 0:a.text.selectText,class:d.classes.Select,value:t.selectedStep,"onSl-select":function(e){var t,a,s,i,l;return r.setExchangeState({amount:(s=(a=(t=e.detail)===null||t===void 0?void 0:t.item)===null||a===void 0?void 0:a.value)===null||s===void 0?void 0:s.sourceValue,selectedStep:(l=(i=e.detail)===null||i===void 0?void 0:i.item)===null||l===void 0?void 0:l.value})}},(s=i.steps)===null||s===void 0?void 0:s.map((function(e){var a,r;return h("sl-menu-item",{value:e,disabled:!e.available},e.prettyDestinationValue,e.unavailableReasonCode&&h("p",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-warning-500)",margin:"0"}},intl.formatMessage({id:"unavailableCode",defaultMessage:(r=(a=t.content)===null||a===void 0?void 0:a.text)===null||r===void 0?void 0:r.notAvailableError},{unavailableReasonCode:e.unavailableReasonCode,sourceUnit:i.sourceUnit,sourceValue:e.prettySourceValue||i.prettySourceMinValue})),h("div",{slot:"suffix",style:{marginBottom:"auto",float:"right"}},e.prettySourceValue))})))}function p(){var e;return[h("div",null,h("h2",{style:{margin:"var(--sl-spacing-large) 0"}},t.content.text.rewardTitle),t.loading?y():h("div",{class:d.classes.Grid},(e=a.exchangeList)===null||e===void 0?void 0:e.map((function(e){var a,s,l,n,o;var c={boxShadow:e.key===(i===null||i===void 0?void 0:i.key)?"0 0 0 2px var(--sl-color-primary-500)":"none",borderRadius:"4px"};return h("div",{key:e.key,style:c},h("sl-card",{class:d.classes.Card,style:{cursor:e.unavailableReasonCode?"not-allowed":"pointer"},onClick:function(){return e.available&&r.setExchangeState({selectedItem:e})}},e.key===(i===null||i===void 0?void 0:i.key)&&h("div",{class:"selected"},h(CheckmarkFilled,null)),h("div",{style:{display:"flex",width:"100%",height:"120px",borderRadius:"3px",background:e.unavailableReasonCode?"rgba(0, 0, 0, 0.05)":"rgba(0, 0, 0, 0)"}},h("div",{class:d.classes.Image,style:{opacity:e.unavailableReasonCode?"0.5":"1"}},h("img",{class:e.unavailableReasonCode?"image subdued":"image",src:(e===null||e===void 0?void 0:e.imageUrl)||getAssetPath("./assets/placeholder.png")})),h("div",{class:d.classes.TextArea,style:{opacity:e.unavailableReasonCode?"0.5":"1"}},h("div",{class:"title",style:{"-webkit-line-clamp":e.unavailableReasonCode?"1":"2"}},(a=e.name)!==null&&a!==void 0?a:""),h("div",{class:"amount",style:{"-webkit-line-clamp":e.unavailableReasonCode?"1":"2"}},intl.formatMessage({id:"sourceAmountMessage",defaultMessage:(l=(s=t.content)===null||s===void 0?void 0:s.text)===null||l===void 0?void 0:l.sourceAmountMessage},{ruleType:e.ruleType,sourceValue:e.prettySourceValue,sourceMinValue:e.prettySourceMinValue,sourceMaxValue:e.prettySourceMaxValue})),e.unavailableReasonCode&&h("div",{class:"error"},h("sl-icon",{class:"icon",name:"exclamation-triangle-fill"}),intl.formatMessage({id:"unavailableCode",defaultMessage:(o=(n=t.content)===null||n===void 0?void 0:n.text)===null||o===void 0?void 0:o.notAvailableError},{unavailableReasonCode:e.unavailableReasonCode,sourceUnit:e.sourceUnit,sourceValue:e.prettySourceValue||e.prettySourceMinValue}))))))}))),h("div",{class:d.classes.Button},h("sl-button",{class:"continue right",size:"large",onClick:function(){return r.setStage("chooseAmount")},loading:t.loading,disabled:!t.selectedItem},t.content.text.continueText)))]}function v(){var e,a,s,l;var n=u();var o=((e=t.selectedItem)===null||e===void 0?void 0:e.ruleType)==="FIXED_GLOBAL_REWARD"?false:n&&!t.amount;return h("div",null,h("div",{class:d.classes.ChooseAmount},h("div",{class:"wrapper"},h("img",{class:"image",src:(i===null||i===void 0?void 0:i.imageUrl)||getAssetPath("./assets/placeholder.png")}),h("div",{class:"text"},h("div",{class:"title"},(a=i===null||i===void 0?void 0:i.name)!==null&&a!==void 0?a:""),((s=t.selectedItem)===null||s===void 0?void 0:s.ruleType)==="FIXED_GLOBAL_REWARD"?h("div",{class:"points"},n):h("div",{class:"description"},i===null||i===void 0?void 0:i.description),((l=t.selectedItem)===null||l===void 0?void 0:l.ruleType)==="FIXED_GLOBAL_REWARD"?h("div",{class:"description"},i===null||i===void 0?void 0:i.description):h("div",{class:"points"},n),h("div",{class:"space"})))),h("div",{class:d.classes.Button},h("sl-button",{class:"cancel",size:"large",type:"text",onClick:function(){return r.resetState()}},t.content.text.cancelText),h("sl-button",{class:"continue",size:"large",onClick:function(){return r.setStage("confirmation")},disabled:o},t.content.text.continueToConfirmationText)))}function g(){console.log(i);console.log(l);var e=(l===null||l===void 0?void 0:l.prettySourceValue)||i.prettySourceValue;var a=l===null||l===void 0?void 0:l.prettyDestinationValue;return h("div",null,h("h2",{style:{margin:"var(--sl-spacing-large) 0"}},t.content.text.redeemTitle),h("div",{class:d.classes.Confirmation},h("div",{class:"wrapper"},h("div",{class:"field"},t.content.text.rewardNameTitle),h("div",null,i.name)),h("div",{class:"wrapper"},h("div",{class:"field"}),h("div",null,h("img",{class:"image",src:(i===null||i===void 0?void 0:i.imageUrl)||getAssetPath("./assets/placeholder.png")}))),a&&h("div",{class:"wrapper top-border padding"},h("div",{class:"field"},t.content.text.rewardAmountTitle),h("div",null,a)),h("div",{class:"wrapper top-border padding"},h("div",{class:"field"},t.content.text.costTitle),h("div",{class:"value"},e))),h("div",{class:d.classes.Button},h("sl-button",{class:"cancel",type:"text",size:"large",onClick:function(){return r.setStage("chooseAmount")}},t.content.text.backText),h("sl-button",{class:"continue",size:"large",loading:t.loading,onClick:r.exchangeReward},t.content.text.redeemText)))}function m(){var e,s,i,l,n;console.log("success");return h("div",{class:d.classes.Success},h(Gift,null),h(_,null),h("div",{class:"title"},t.content.text.rewardRedeemedText),h("div",{class:"description"},intl.formatMessage({id:"successMessage",defaultMessage:t.content.text.redemptionSuccessText},{sourceValue:(e=t.selectedItem.prettySourceValue)!==null&&e!==void 0?e:(s=t.selectedStep)===null||s===void 0?void 0:s.prettySourceValue,destinationValue:((i=t.selectedStep)===null||i===void 0?void 0:i.prettyDestinationValue)||((l=t.selectedItem)===null||l===void 0?void 0:l.name)||t.selectedItem.globalRewardKey})),(a===null||a===void 0?void 0:a.fuelTankCode)&&h("div",{style:{width:"40%",margin:"-30px auto var(--sl-spacing-xxx-large) auto",textAlign:"left",color:"var(--sl-color-neutral-700)"}},t.content.text.promoCode,h(ShareLinkView,{shareString:a.fuelTankCode,tooltiptext:(n=t===null||t===void 0?void 0:t.content)===null||n===void 0?void 0:n.text.toopTipText,open:t.open,onClick:r.copyFuelTankCode})),h("div",{class:d.classes.Button},h("sl-button",{class:"continue center",type:"primary",size:"large",onClick:function(){return r.resetState(true)}},t.content.text.doneText)))}var f={chooseReward:function(){return p()},chooseAmount:function(){return v()},confirmation:function(){return g()},success:function(){return m()}};var x=f[t.redeemStage];function b(){var e=stageList.indexOf(t.redeemStage);return h("div",{class:d.classes.ProgressBar},h("div",{class:"text-area"},Object.keys(n).map((function(t){if(stageList.indexOf(t)<=e){return h("span",{class:"text"},n[t])}else{return h("span",{class:"text subdued"},n[t])}}))),h(ProgressBar,{stageCount:3,currentStage:e}))}function y(){return h("div",{class:d.classes.Grid},__spreadArray([],Array(t.content.text.skeletonCardNum)).map((function(){return h("div",null,h("sl-card",{class:d.classes.Card},h("div",{class:d.classes.CardLayout},h("div",null,h("sl-skeleton",{style:{width:"100px",height:"100px",margin:"9px","--border-radius":"4px"}})),h("div",{style:{margin:"var(--sl-spacing-small) var(--sl-spacing-small) 0 0",width:"100%"}},h("sl-skeleton",{style:{marginBottom:"var(--sl-spacing-small)"}}),h("sl-skeleton",{style:{marginBottom:"var(--sl-spacing-small)"}}),h("sl-skeleton",{style:{width:"45%"}})))))})))}function w(){return h("sl-alert",{type:"danger",open:true},h("sl-icon",{slot:"icon",name:"exclamation-octagon"}),t.content.text.redemptionError)}function S(){return h("sl-alert",{type:"danger",open:true},h("sl-icon",{slot:"icon",name:"exclamation-octagon"}),t.content.text.queryError)}function _(){return h("canvas",{ref:function(e){if(!(s===null||s===void 0?void 0:s.canvasRef))return;s.canvasRef.current=e},id:"my-canvas",style:{pointerEvents:"none",position:"absolute",width:"500px",height:"500px",top:"5%",zIndex:"1",left:"25%"}})}return h("div",{class:d.classes.Container},h("style",{type:"text/css"},c),h("div",null,console.log(e),b(),t.exchangeError&&w(),t.queryError&&S(),x&&x(),t.redeemStage==="success"))}function CardFeedView(e,t){var a={Container:{columnGap:e.gap+"px",columnWidth:e.width+"px","& > div":{marginBottom:"24px"}}};var r=createStyleSheet(a);var s=r.toString();console.log(e);var i="\n    :host{\n      display: block;   \n    }\n\n  ";return h("div",null,h("style",{type:"text/css"},s,i),h("div",{class:r.classes.Container},t))}function t(e,t,a){return Math.min(Math.max(e,a),t)}var n=function(e){__extends(t,e);function t(t){return e.call(this,'Failed to parse color: "'+t+'"')||this}return t}(Error);function r(e){if("string"!=typeof e)throw new n(e);if("transparent"===e.trim().toLowerCase())return[0,0,0,0];var r=e.trim();r=u.test(e)?function(e){var t=e.toLowerCase().trim(),a=o[function(e){var t=5381,a=e.length;for(;a;)t=33*t^e.charCodeAt(--a);return(t>>>0)%2341}(t)];if(!a)throw new n(e);return"#"+a}(e):e;var d=s.exec(r);if(d){var p=Array.from(d).slice(1);return __spreadArray(__spreadArray([],p.slice(0,3).map((function(e){return parseInt(_(e,2),16)}))),[parseInt(_(p[3]||"f",2),16)/255])}var h=i.exec(r);if(h){var v=Array.from(h).slice(1);return __spreadArray(__spreadArray([],v.slice(0,3).map((function(e){return parseInt(e,16)}))),[parseInt(v[3]||"ff",16)/255])}var g=a.exec(r);if(g){var m=Array.from(g).slice(1);return __spreadArray(__spreadArray([],m.slice(0,3).map((function(e){return parseInt(e,10)}))),[parseFloat(m[3]||"1")])}var f=c.exec(r);if(f){var x=Array.from(f).slice(1).map(parseFloat),b=x[0],y=x[1],w=x[2],S=x[3];if(t(0,100,y)!==y)throw new n(e);if(t(0,100,w)!==w)throw new n(e);return __spreadArray(__spreadArray([],l(b,y,w)),[S||1])}throw new n(e)}var e=function(e){return parseInt(e.replace(/_/g,""),36)},o="1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce((function(t,a){var r=e(a.substring(0,3)),s=e(a.substring(3)).toString(16);var i="";for(var l=0;l<6-s.length;l++)i+="0";return t[r]=""+i+s,t}),{}),_=function(e,t){return Array.from(Array(t)).map((function(){return e})).join("")},s=new RegExp("^#"+_("([a-f0-9])",3)+"([a-f0-9])?$","i"),i=new RegExp("^#"+_("([a-f0-9]{2})",3)+"([a-f0-9]{2})?$","i"),a=new RegExp("^rgba?\\(\\s*(\\d+)\\s*"+_(",\\s*(\\d+)\\s*",2)+"(?:,\\s*([\\d.]+))?\\s*\\)$","i"),c=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,u=/^[a-z]+$/i,f=function(e){return Math.round(255*e)},l=function(e,t,a){var r=a/100;if(0===t)return[r,r,r].map(f);var s=(e%360+360)%360/60,i=(1-Math.abs(2*r-1))*(t/100),l=i*(1-Math.abs(s%2-1));var n=0,o=0,d=0;s>=0&&s<1?(n=i,o=l):s>=1&&s<2?(n=l,o=i):s>=2&&s<3?(o=i,d=l):s>=3&&s<4?(o=l,d=i):s>=4&&s<5?(n=l,d=i):s>=5&&s<6&&(n=i,d=l);var c=r-i/2;return[n+c,o+c,d+c].map(f)};function p(e){var t=r(e).map((function(e,t){return 3===t?e:e/255})),a=t[0],s=t[1],i=t[2],l=t[3],n=Math.max(a,s,i),o=Math.min(a,s,i),d=(n+o)/2;if(n===o)return[0,0,d,l];var c=n-o;return[60*(a===n?(s-i)/c+(s<i?6:0):s===n?(i-a)/c+2:(a-s)/c+4),d>.5?c/(2-n-o):c/(n+o),d,l]}function z(e,a,r,s){return"hsla("+(e%360).toFixed()+", "+t(0,100,100*a).toFixed()+"%, "+t(0,100,100*r).toFixed()+"%, "+parseFloat(t(0,1,s).toFixed(3))+")"}var colorScale=[50,100,200,300,400,500,600,700,800,900,950];var lScale=[.95,.86,.76,.66,.56,.46,.39,.32,.25,.18,.15];var hslaRegex=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i;function niceParseToHsla(e){var a=e.trim();var r=hslaRegex.exec(a);if(r){var s=Array.from(r).slice(1).map(parseFloat),i=s[0],l=s[1],o=s[2],d=s[3];if(t(0,100,l)!==l)throw new n(e);if(t(0,100,o)!==o)throw new n(e);return[i,l/100,o,d||1]}return p(e)}function generateScale(e,t){if(t===void 0){t="primary"}var a=niceParseToHsla(e),r=a[0],s=a[1],i=a[2],l=a[3];return lScale.map((function(e){return z(r,s,e,l)})).map((function(e,a){return"--sl-color-"+t+"-"+colorScale[a]+": "+e+";\n"}))}function autoColorScaleCss(e,t){if(t===void 0){t="primary"}return generateScale(e,t).join("\n")}export{CardFeedView as C,EditProfileView as E,PortalFrameView as P,ReferralIframeView as R,ShareButtonView as S,TaskCardView as T,ShareLinkView as a,useShareButton as b,PortalChangePasswordView as c,PortalLoginView as d,PortalRegisterView as e,ProgressBarView as f,RewardExchangeView as g,autoColorScaleCss as h,useShareLink as u};var templateObject_1,templateObject_2,templateObject_3;

package/dist/esm-es5/JSS-df9ea8a0.js

@@ -1,8 +0,0 @@
-import{_ as _extends}from"./extends-c31f1eff.js";var _typeof=typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol==="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};var isBrowser=(typeof window==="undefined"?"undefined":_typeof(window))==="object"&&(typeof document==="undefined"?"undefined":_typeof(document))==="object"&&document.nodeType===9;function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||false;n.configurable=true;if("value"in n)n.writable=true;Object.defineProperty(e,n.key,n)}}function _createClass(e,t,r){if(t)_defineProperties(e.prototype,t);if(r)_defineProperties(e,r);return e}function _setPrototypeOf(e,t){_setPrototypeOf=Object.setPrototypeOf||function e(t,r){t.__proto__=r;return t};return _setPrototypeOf(e,t)}function _inheritsLoose(e,t){e.prototype=Object.create(t.prototype);e.prototype.constructor=e;_setPrototypeOf(e,t)}function _assertThisInitialized(e){if(e===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return e}function _objectWithoutPropertiesLoose(e,t){if(e==null)return{};var r={};var n=Object.keys(e);var i,s;for(s=0;s<n.length;s++){i=n[s];if(t.indexOf(i)>=0)continue;r[i]=e[i]}return r}var plainObjectConstrurctor={}.constructor;function cloneStyle(e){if(e==null||typeof e!=="object")return e;if(Array.isArray(e))return e.map(cloneStyle);if(e.constructor!==plainObjectConstrurctor)return e;var t={};for(var r in e){t[r]=cloneStyle(e[r])}return t}function createRule(e,t,r){if(e===void 0){e="unnamed"}var n=r.jss;var i=cloneStyle(t);var s=n.plugins.onCreateRule(e,i,r);if(s)return s;return null}var join=function e(t,r){var n="";for(var i=0;i<t.length;i++){if(t[i]==="!important")break;if(n)n+=r;n+=t[i]}return n};var toCssValue=function e(t,r){if(r===void 0){r=false}if(!Array.isArray(t))return t;var n="";if(Array.isArray(t[0])){for(var i=0;i<t.length;i++){if(t[i]==="!important")break;if(n)n+=", ";n+=join(t[i]," ")}}else n=join(t,", ");if(!r&&t[t.length-1]==="!important"){n+=" !important"}return n};function indentStr(e,t){var r="";for(var n=0;n<t;n++){r+="  "}return r+e}function toCss(e,t,r){if(r===void 0){r={}}var n="";if(!t)return n;var i=r,s=i.indent,o=s===void 0?0:s;var a=t.fallbacks;if(e)o++;if(a){if(Array.isArray(a)){for(var l=0;l<a.length;l++){var u=a[l];for(var f in u){var p=u[f];if(p!=null){if(n)n+="\n";n+=indentStr(f+": "+toCssValue(p)+";",o)}}}}else{for(var d in a){var c=a[d];if(c!=null){if(n)n+="\n";n+=indentStr(d+": "+toCssValue(c)+";",o)}}}}for(var h in t){var v=t[h];if(v!=null&&h!=="fallbacks"){if(n)n+="\n";n+=indentStr(h+": "+toCssValue(v)+";",o)}}if(!n&&!r.allowEmpty)return n;if(!e)return n;o--;if(n)n="\n"+n+"\n";return indentStr(e+" {"+n,o)+indentStr("}",o)}var escapeRegex=/([[\].#*$><+~=|^:(),"'`\s])/g;var nativeEscape=typeof CSS!=="undefined"&&CSS.escape;var escape=function(e){return nativeEscape?nativeEscape(e):e.replace(escapeRegex,"\\$1")};var BaseStyleRule=function(){function e(e,t,r){this.type="style";this.key=void 0;this.isProcessed=false;this.style=void 0;this.renderer=void 0;this.renderable=void 0;this.options=void 0;var n=r.sheet,i=r.Renderer;this.key=e;this.options=r;this.style=t;if(n)this.renderer=n.renderer;else if(i)this.renderer=new i}var t=e.prototype;t.prop=function e(t,r,n){if(r===undefined)return this.style[t];var i=n?n.force:false;if(!i&&this.style[t]===r)return this;var s=r;if(!n||n.process!==false){s=this.options.jss.plugins.onChangeValue(r,t,this)}var o=s==null||s===false;var a=t in this.style;if(o&&!a&&!i)return this;var l=o&&a;if(l)delete this.style[t];else this.style[t]=s;if(this.renderable&&this.renderer){if(l)this.renderer.removeProperty(this.renderable,t);else this.renderer.setProperty(this.renderable,t,s);return this}return this};return e}();var StyleRule=function(e){_inheritsLoose(t,e);function t(t,r,n){var i;i=e.call(this,t,r,n)||this;i.selectorText=void 0;i.id=void 0;i.renderable=void 0;var s=n.selector,o=n.scoped,a=n.sheet,l=n.generateId;if(s){i.selectorText=s}else if(o!==false){i.id=l(_assertThisInitialized(_assertThisInitialized(i)),a);i.selectorText="."+escape(i.id)}return i}var r=t.prototype;r.applyTo=function e(t){var r=this.renderer;if(r){var n=this.toJSON();for(var i in n){r.setProperty(t,i,n[i])}}return this};r.toJSON=function e(){var t={};for(var r in this.style){var n=this.style[r];if(typeof n!=="object")t[r]=n;else if(Array.isArray(n))t[r]=toCssValue(n)}return t};r.toString=function e(t){var r=this.options.sheet;var n=r?r.options.link:false;var i=n?_extends({},t,{allowEmpty:true}):t;return toCss(this.selectorText,this.style,i)};_createClass(t,[{key:"selector",set:function e(t){if(t===this.selectorText)return;this.selectorText=t;var r=this.renderer,n=this.renderable;if(!n||!r)return;var i=r.setSelector(n,t);if(!i){r.replaceRule(n,this)}},get:function e(){return this.selectorText}}]);return t}(BaseStyleRule);var pluginStyleRule={onCreateRule:function e(t,r,n){if(t[0]==="@"||n.parent&&n.parent.type==="keyframes"){return null}return new StyleRule(t,r,n)}};var defaultToStringOptions={indent:1,children:true};var atRegExp=/@([\w-]+)/;var ConditionalRule=function(){function e(e,t,r){this.type="conditional";this.at=void 0;this.key=void 0;this.query=void 0;this.rules=void 0;this.options=void 0;this.isProcessed=false;this.renderable=void 0;this.key=e;var n=e.match(atRegExp);this.at=n?n[1]:"unknown";this.query=r.name||"@"+this.at;this.options=r;this.rules=new RuleList(_extends({},r,{parent:this}));for(var i in t){this.rules.add(i,t[i])}this.rules.process()}var t=e.prototype;t.getRule=function e(t){return this.rules.get(t)};t.indexOf=function e(t){return this.rules.indexOf(t)};t.addRule=function e(t,r,n){var i=this.rules.add(t,r,n);if(!i)return null;this.options.jss.plugins.onProcessRule(i);return i};t.toString=function e(t){if(t===void 0){t=defaultToStringOptions}if(t.indent==null)t.indent=defaultToStringOptions.indent;if(t.children==null)t.children=defaultToStringOptions.children;if(t.children===false){return this.query+" {}"}var r=this.rules.toString(t);return r?this.query+" {\n"+r+"\n}":""};return e}();var keyRegExp=/@media|@supports\s+/;var pluginConditionalRule={onCreateRule:function e(t,r,n){return keyRegExp.test(t)?new ConditionalRule(t,r,n):null}};var defaultToStringOptions$1={indent:1,children:true};var nameRegExp=/@keyframes\s+([\w-]+)/;var KeyframesRule=function(){function e(e,t,r){this.type="keyframes";this.at="@keyframes";this.key=void 0;this.name=void 0;this.id=void 0;this.rules=void 0;this.options=void 0;this.isProcessed=false;this.renderable=void 0;var n=e.match(nameRegExp);if(n&&n[1]){this.name=n[1]}else{this.name="noname"}this.key=this.type+"-"+this.name;this.options=r;var i=r.scoped,s=r.sheet,o=r.generateId;this.id=i===false?this.name:escape(o(this,s));this.rules=new RuleList(_extends({},r,{parent:this}));for(var a in t){this.rules.add(a,t[a],_extends({},r,{parent:this}))}this.rules.process()}var t=e.prototype;t.toString=function e(t){if(t===void 0){t=defaultToStringOptions$1}if(t.indent==null)t.indent=defaultToStringOptions$1.indent;if(t.children==null)t.children=defaultToStringOptions$1.children;if(t.children===false){return this.at+" "+this.id+" {}"}var r=this.rules.toString(t);if(r)r="\n"+r+"\n";return this.at+" "+this.id+" {"+r+"}"};return e}();var keyRegExp$1=/@keyframes\s+/;var refRegExp$1=/\$([\w-]+)/g;var findReferencedKeyframe=function e(t,r){if(typeof t==="string"){return t.replace(refRegExp$1,(function(e,t){if(t in r){return r[t]}return e}))}return t};var replaceRef=function e(t,r,n){var i=t[r];var s=findReferencedKeyframe(i,n);if(s!==i){t[r]=s}};var plugin={onCreateRule:function e(t,r,n){return typeof t==="string"&&keyRegExp$1.test(t)?new KeyframesRule(t,r,n):null},onProcessStyle:function e(t,r,n){if(r.type!=="style"||!n)return t;if("animation-name"in t)replaceRef(t,"animation-name",n.keyframes);if("animation"in t)replaceRef(t,"animation",n.keyframes);return t},onChangeValue:function e(t,r,n){var i=n.options.sheet;if(!i){return t}switch(r){case"animation":return findReferencedKeyframe(t,i.keyframes);case"animation-name":return findReferencedKeyframe(t,i.keyframes);default:return t}}};var KeyframeRule=function(e){_inheritsLoose(t,e);function t(){var t;for(var r=arguments.length,n=new Array(r),i=0;i<r;i++){n[i]=arguments[i]}t=e.call.apply(e,[this].concat(n))||this;t.renderable=void 0;return t}var r=t.prototype;r.toString=function e(t){var r=this.options.sheet;var n=r?r.options.link:false;var i=n?_extends({},t,{allowEmpty:true}):t;return toCss(this.key,this.style,i)};return t}(BaseStyleRule);var pluginKeyframeRule={onCreateRule:function e(t,r,n){if(n.parent&&n.parent.type==="keyframes"){return new KeyframeRule(t,r,n)}return null}};var FontFaceRule=function(){function e(e,t,r){this.type="font-face";this.at="@font-face";this.key=void 0;this.style=void 0;this.options=void 0;this.isProcessed=false;this.renderable=void 0;this.key=e;this.style=t;this.options=r}var t=e.prototype;t.toString=function e(t){if(Array.isArray(this.style)){var r="";for(var n=0;n<this.style.length;n++){r+=toCss(this.at,this.style[n]);if(this.style[n+1])r+="\n"}return r}return toCss(this.at,this.style,t)};return e}();var keyRegExp$2=/@font-face/;var pluginFontFaceRule={onCreateRule:function e(t,r,n){return keyRegExp$2.test(t)?new FontFaceRule(t,r,n):null}};var ViewportRule=function(){function e(e,t,r){this.type="viewport";this.at="@viewport";this.key=void 0;this.style=void 0;this.options=void 0;this.isProcessed=false;this.renderable=void 0;this.key=e;this.style=t;this.options=r}var t=e.prototype;t.toString=function e(t){return toCss(this.key,this.style,t)};return e}();var pluginViewportRule={onCreateRule:function e(t,r,n){return t==="@viewport"||t==="@-ms-viewport"?new ViewportRule(t,r,n):null}};var SimpleRule=function(){function e(e,t,r){this.type="simple";this.key=void 0;this.value=void 0;this.options=void 0;this.isProcessed=false;this.renderable=void 0;this.key=e;this.value=t;this.options=r}var t=e.prototype;t.toString=function e(t){if(Array.isArray(this.value)){var r="";for(var n=0;n<this.value.length;n++){r+=this.key+" "+this.value[n]+";";if(this.value[n+1])r+="\n"}return r}return this.key+" "+this.value+";"};return e}();var keysMap={"@charset":true,"@import":true,"@namespace":true};var pluginSimpleRule={onCreateRule:function e(t,r,n){return t in keysMap?new SimpleRule(t,r,n):null}};var plugins$1=[pluginStyleRule,pluginConditionalRule,plugin,pluginKeyframeRule,pluginFontFaceRule,pluginViewportRule,pluginSimpleRule];var defaultUpdateOptions={process:true};var forceUpdateOptions={force:true,process:true};var RuleList=function(){function e(e){this.map={};this.raw={};this.index=[];this.counter=0;this.options=void 0;this.classes=void 0;this.keyframes=void 0;this.options=e;this.classes=e.classes;this.keyframes=e.keyframes}var t=e.prototype;t.add=function e(t,r,n){var i=this.options,s=i.parent,o=i.sheet,a=i.jss,l=i.Renderer,u=i.generateId,f=i.scoped;var p=_extends({classes:this.classes,parent:s,sheet:o,jss:a,Renderer:l,generateId:u,scoped:f,name:t,keyframes:this.keyframes,selector:undefined},n);var d=t;if(t in this.raw){d=t+"-d"+this.counter++}this.raw[d]=r;if(d in this.classes){p.selector="."+escape(this.classes[d])}var c=createRule(d,r,p);if(!c)return null;this.register(c);var h=p.index===undefined?this.index.length:p.index;this.index.splice(h,0,c);return c};t.get=function e(t){return this.map[t]};t.remove=function e(t){this.unregister(t);delete this.raw[t.key];this.index.splice(this.index.indexOf(t),1)};t.indexOf=function e(t){return this.index.indexOf(t)};t.process=function e(){var t=this.options.jss.plugins;this.index.slice(0).forEach(t.onProcessRule,t)};t.register=function e(t){this.map[t.key]=t;if(t instanceof StyleRule){this.map[t.selector]=t;if(t.id)this.classes[t.key]=t.id}else if(t instanceof KeyframesRule&&this.keyframes){this.keyframes[t.name]=t.id}};t.unregister=function e(t){delete this.map[t.key];if(t instanceof StyleRule){delete this.map[t.selector];delete this.classes[t.key]}else if(t instanceof KeyframesRule){delete this.keyframes[t.name]}};t.update=function e(){var t;var r;var n;if(typeof(arguments.length<=0?undefined:arguments[0])==="string"){t=arguments.length<=0?undefined:arguments[0];r=arguments.length<=1?undefined:arguments[1];n=arguments.length<=2?undefined:arguments[2]}else{r=arguments.length<=0?undefined:arguments[0];n=arguments.length<=1?undefined:arguments[1];t=null}if(t){this.updateOne(this.map[t],r,n)}else{for(var i=0;i<this.index.length;i++){this.updateOne(this.index[i],r,n)}}};t.updateOne=function t(r,n,i){if(i===void 0){i=defaultUpdateOptions}var s=this.options,o=s.jss.plugins,a=s.sheet;if(r.rules instanceof e){r.rules.update(n,i);return}var l=r;var u=l.style;o.onUpdate(n,r,a,i);if(i.process&&u&&u!==l.style){o.onProcessStyle(l.style,l,a);for(var f in l.style){var p=l.style[f];var d=u[f];if(p!==d){l.prop(f,p,forceUpdateOptions)}}for(var c in u){var h=l.style[c];var v=u[c];if(h==null&&h!==v){l.prop(c,null,forceUpdateOptions)}}}};t.toString=function e(t){var r="";var n=this.options.sheet;var i=n?n.options.link:false;for(var s=0;s<this.index.length;s++){var o=this.index[s];var a=o.toString(t);if(!a&&!i)continue;if(r)r+="\n";r+=a}return r};return e}();var StyleSheet=function(){function e(e,t){this.options=void 0;this.deployed=void 0;this.attached=void 0;this.rules=void 0;this.renderer=void 0;this.classes=void 0;this.keyframes=void 0;this.queue=void 0;this.attached=false;this.deployed=false;this.classes={};this.keyframes={};this.options=_extends({},t,{sheet:this,parent:this,classes:this.classes,keyframes:this.keyframes});if(t.Renderer){this.renderer=new t.Renderer(this)}this.rules=new RuleList(this.options);for(var r in e){this.rules.add(r,e[r])}this.rules.process()}var t=e.prototype;t.attach=function e(){if(this.attached)return this;if(this.renderer)this.renderer.attach();this.attached=true;if(!this.deployed)this.deploy();return this};t.detach=function e(){if(!this.attached)return this;if(this.renderer)this.renderer.detach();this.attached=false;return this};t.addRule=function e(t,r,n){var i=this.queue;if(this.attached&&!i)this.queue=[];var s=this.rules.add(t,r,n);if(!s)return null;this.options.jss.plugins.onProcessRule(s);if(this.attached){if(!this.deployed)return s;if(i)i.push(s);else{this.insertRule(s);if(this.queue){this.queue.forEach(this.insertRule,this);this.queue=undefined}}return s}this.deployed=false;return s};t.insertRule=function e(t){if(this.renderer){this.renderer.insertRule(t)}};t.addRules=function e(t,r){var n=[];for(var i in t){var s=this.addRule(i,t[i],r);if(s)n.push(s)}return n};t.getRule=function e(t){return this.rules.get(t)};t.deleteRule=function e(t){var r=typeof t==="object"?t:this.rules.get(t);if(!r||this.attached&&!r.renderable){return false}this.rules.remove(r);if(this.attached&&r.renderable&&this.renderer){return this.renderer.deleteRule(r.renderable)}return true};t.indexOf=function e(t){return this.rules.indexOf(t)};t.deploy=function e(){if(this.renderer)this.renderer.deploy();this.deployed=true;return this};t.update=function e(){var t;(t=this.rules).update.apply(t,arguments);return this};t.updateOne=function e(t,r,n){this.rules.updateOne(t,r,n);return this};t.toString=function e(t){return this.rules.toString(t)};return e}();var PluginsRegistry=function(){function e(){this.plugins={internal:[],external:[]};this.registry=void 0}var t=e.prototype;t.onCreateRule=function e(t,r,n){for(var i=0;i<this.registry.onCreateRule.length;i++){var s=this.registry.onCreateRule[i](t,r,n);if(s)return s}return null};t.onProcessRule=function e(t){if(t.isProcessed)return;var r=t.options.sheet;for(var n=0;n<this.registry.onProcessRule.length;n++){this.registry.onProcessRule[n](t,r)}if(t.style)this.onProcessStyle(t.style,t,r);t.isProcessed=true};t.onProcessStyle=function e(t,r,n){for(var i=0;i<this.registry.onProcessStyle.length;i++){r.style=this.registry.onProcessStyle[i](r.style,r,n)}};t.onProcessSheet=function e(t){for(var r=0;r<this.registry.onProcessSheet.length;r++){this.registry.onProcessSheet[r](t)}};t.onUpdate=function e(t,r,n,i){for(var s=0;s<this.registry.onUpdate.length;s++){this.registry.onUpdate[s](t,r,n,i)}};t.onChangeValue=function e(t,r,n){var i=t;for(var s=0;s<this.registry.onChangeValue.length;s++){i=this.registry.onChangeValue[s](i,r,n)}return i};t.use=function e(t,r){if(r===void 0){r={queue:"external"}}var n=this.plugins[r.queue];if(n.indexOf(t)!==-1){return}n.push(t);this.registry=[].concat(this.plugins.external,this.plugins.internal).reduce((function(e,t){for(var r in t){if(r in e){e[r].push(t[r])}}return e}),{onCreateRule:[],onProcessRule:[],onProcessStyle:[],onProcessSheet:[],onChangeValue:[],onUpdate:[]})};return e}();var SheetsRegistry=function(){function e(){this.registry=[]}var t=e.prototype;t.add=function e(t){var r=this.registry;var n=t.options.index;if(r.indexOf(t)!==-1)return;if(r.length===0||n>=this.index){r.push(t);return}for(var i=0;i<r.length;i++){if(r[i].options.index>n){r.splice(i,0,t);return}}};t.reset=function e(){this.registry=[]};t.remove=function e(t){var r=this.registry.indexOf(t);this.registry.splice(r,1)};t.toString=function e(t){var r=t===void 0?{}:t,n=r.attached,i=_objectWithoutPropertiesLoose(r,["attached"]);var s="";for(var o=0;o<this.registry.length;o++){var a=this.registry[o];if(n!=null&&a.attached!==n){continue}if(s)s+="\n";s+=a.toString(i)}return s};_createClass(e,[{key:"index",get:function e(){return this.registry.length===0?0:this.registry[this.registry.length-1].options.index}}]);return e}();var registry=new SheetsRegistry;var globalThis$1=typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"&&window.Math===Math?window:typeof self!=="undefined"&&self.Math===Math?self:Function("return this")();var ns="2f1acc6c3a606b082e5eef5e54414ffb";if(globalThis$1[ns]==null)globalThis$1[ns]=0;var moduleId=globalThis$1[ns]++;var createGenerateId=function e(t){if(t===void 0){t={}}var r=0;var n=function e(n,i){r+=1;var s="";var o="";if(i){if(i.options.classNamePrefix){o=i.options.classNamePrefix}if(i.options.jss.id!=null){s=String(i.options.jss.id)}}if(t.minify){return""+(o||"c")+moduleId+s+r}return o+n.key+"-"+moduleId+(s?"-"+s:"")+"-"+r};return n};var memoize=function e(t){var r;return function(){if(!r)r=t();return r}};var getPropertyValue=function e(t,r){try{if(t.attributeStyleMap){return t.attributeStyleMap.get(r)}return t.style.getPropertyValue(r)}catch(e){return""}};var setProperty=function e(t,r,n){try{var i=n;if(Array.isArray(n)){i=toCssValue(n,true);if(n[n.length-1]==="!important"){t.style.setProperty(r,i,"important");return true}}if(t.attributeStyleMap){t.attributeStyleMap.set(r,i)}else{t.style.setProperty(r,i)}}catch(e){return false}return true};var removeProperty=function e(t,r){try{if(t.attributeStyleMap){t.attributeStyleMap.delete(r)}else{t.style.removeProperty(r)}}catch(e){}};var setSelector=function e(t,r){t.selectorText=r;return t.selectorText===r};var getHead=memoize((function(){return document.querySelector("head")}));function findHigherSheet(e,t){for(var r=0;r<e.length;r++){var n=e[r];if(n.attached&&n.options.index>t.index&&n.options.insertionPoint===t.insertionPoint){return n}}return null}function findHighestSheet(e,t){for(var r=e.length-1;r>=0;r--){var n=e[r];if(n.attached&&n.options.insertionPoint===t.insertionPoint){return n}}return null}function findCommentNode(e){var t=getHead();for(var r=0;r<t.childNodes.length;r++){var n=t.childNodes[r];if(n.nodeType===8&&n.nodeValue.trim()===e){return n}}return null}function findPrevNode(e){var t=registry.registry;if(t.length>0){var r=findHigherSheet(t,e);if(r&&r.renderer){return{parent:r.renderer.element.parentNode,node:r.renderer.element}}r=findHighestSheet(t,e);if(r&&r.renderer){return{parent:r.renderer.element.parentNode,node:r.renderer.element.nextSibling}}}var n=e.insertionPoint;if(n&&typeof n==="string"){var i=findCommentNode(n);if(i){return{parent:i.parentNode,node:i.nextSibling}}}return false}function insertStyle(e,t){var r=t.insertionPoint;var n=findPrevNode(t);if(n!==false&&n.parent){n.parent.insertBefore(e,n.node);return}if(r&&typeof r.nodeType==="number"){var i=r;var s=i.parentNode;if(s)s.insertBefore(e,i.nextSibling);return}getHead().appendChild(e)}var getNonce=memoize((function(){var e=document.querySelector('meta[property="csp-nonce"]');return e?e.getAttribute("content"):null}));var _insertRule=function e(t,r,n){try{if("insertRule"in t){var i=t;i.insertRule(r,n)}else if("appendRule"in t){var s=t;s.appendRule(r)}}catch(e){return false}return t.cssRules[n]};var getValidRuleInsertionIndex=function e(t,r){var n=t.cssRules.length;if(r===undefined||r>n){return n}return r};var createStyle=function e(){var t=document.createElement("style");t.textContent="\n";return t};var DomRenderer=function(){function e(e){this.getPropertyValue=getPropertyValue;this.setProperty=setProperty;this.removeProperty=removeProperty;this.setSelector=setSelector;this.element=void 0;this.sheet=void 0;this.hasInsertedRules=false;this.cssRules=[];if(e)registry.add(e);this.sheet=e;var t=this.sheet?this.sheet.options:{},r=t.media,n=t.meta,i=t.element;this.element=i||createStyle();this.element.setAttribute("data-jss","");if(r)this.element.setAttribute("media",r);if(n)this.element.setAttribute("data-meta",n);var s=getNonce();if(s)this.element.setAttribute("nonce",s)}var t=e.prototype;t.attach=function e(){if(this.element.parentNode||!this.sheet)return;insertStyle(this.element,this.sheet.options);var t=Boolean(this.sheet&&this.sheet.deployed);if(this.hasInsertedRules&&t){this.hasInsertedRules=false;this.deploy()}};t.detach=function e(){if(!this.sheet)return;var t=this.element.parentNode;if(t)t.removeChild(this.element);if(this.sheet.options.link){this.cssRules=[];this.element.textContent="\n"}};t.deploy=function e(){var t=this.sheet;if(!t)return;if(t.options.link){this.insertRules(t.rules);return}this.element.textContent="\n"+t.toString()+"\n"};t.insertRules=function e(t,r){for(var n=0;n<t.index.length;n++){this.insertRule(t.index[n],n,r)}};t.insertRule=function e(t,r,n){if(n===void 0){n=this.element.sheet}if(t.rules){var i=t;var s=n;if(t.type==="conditional"||t.type==="keyframes"){var o=getValidRuleInsertionIndex(n,r);s=_insertRule(n,i.toString({children:false}),o);if(s===false){return false}this.refCssRule(t,o,s)}this.insertRules(i.rules,s);return s}var a=t.toString();if(!a)return false;var l=getValidRuleInsertionIndex(n,r);var u=_insertRule(n,a,l);if(u===false){return false}this.hasInsertedRules=true;this.refCssRule(t,l,u);return u};t.refCssRule=function e(t,r,n){t.renderable=n;if(t.options.parent instanceof StyleSheet){this.cssRules[r]=n}};t.deleteRule=function e(t){var r=this.element.sheet;var n=this.indexOf(t);if(n===-1)return false;r.deleteRule(n);this.cssRules.splice(n,1);return true};t.indexOf=function e(t){return this.cssRules.indexOf(t)};t.replaceRule=function e(t,r){var n=this.indexOf(t);if(n===-1)return false;this.element.sheet.deleteRule(n);this.cssRules.splice(n,1);return this.insertRule(r,n)};t.getRules=function e(){return this.element.sheet.cssRules};return e}();var instanceCounter=0;var Jss=function(){function e(e){this.id=instanceCounter++;this.version="10.7.1";this.plugins=new PluginsRegistry;this.options={id:{minify:false},createGenerateId:createGenerateId,Renderer:isBrowser?DomRenderer:null,plugins:[]};this.generateId=createGenerateId({minify:false});for(var t=0;t<plugins$1.length;t++){this.plugins.use(plugins$1[t],{queue:"internal"})}this.setup(e)}var t=e.prototype;t.setup=function e(t){if(t===void 0){t={}}if(t.createGenerateId){this.options.createGenerateId=t.createGenerateId}if(t.id){this.options.id=_extends({},this.options.id,t.id)}if(t.createGenerateId||t.id){this.generateId=this.options.createGenerateId(this.options.id)}if(t.insertionPoint!=null)this.options.insertionPoint=t.insertionPoint;if("Renderer"in t){this.options.Renderer=t.Renderer}if(t.plugins)this.use.apply(this,t.plugins);return this};t.createStyleSheet=function e(t,r){if(r===void 0){r={}}var n=r,i=n.index;if(typeof i!=="number"){i=registry.index===0?0:registry.index+1}var s=new StyleSheet(t,_extends({},r,{jss:this,generateId:r.generateId||this.generateId,insertionPoint:this.options.insertionPoint,Renderer:this.options.Renderer,index:i}));this.plugins.onProcessSheet(s);return s};t.removeStyleSheet=function e(t){t.detach();registry.remove(t);return this};t.createRule=function e(t,r,n){if(r===void 0){r={}}if(n===void 0){n={}}if(typeof t==="object"){return this.createRule(undefined,t,r)}var i=_extends({},n,{name:t,jss:this,Renderer:this.options.Renderer});if(!i.generateId)i.generateId=this.generateId;if(!i.classes)i.classes={};if(!i.keyframes)i.keyframes={};var s=createRule(t,r,i);if(s)this.plugins.onProcessRule(s);return s};t.use=function e(){var t=this;for(var r=arguments.length,n=new Array(r),i=0;i<r;i++){n[i]=arguments[i]}n.forEach((function(e){t.plugins.use(e)}));return this};return e}();
-/**
- * A better abstraction over CSS.
- *
- * @copyright Oleg Isonen (Slobodskoi) / Isonen 2014-present
- * @website https://github.com/cssinjs/jss
- * @license MIT
- */var hasCSSTOMSupport=typeof CSS==="object"&&CSS!=null&&"number"in CSS;var create$1=function e(t){return new Jss(t)};create$1();var now=Date.now();var fnValuesNs="fnValues"+now;var fnRuleNs="fnStyle"+ ++now;var functionPlugin=function e(){return{onCreateRule:function e(t,r,n){if(typeof r!=="function")return null;var i=createRule(t,{},n);i[fnRuleNs]=r;return i},onProcessStyle:function e(t,r){if(fnValuesNs in r||fnRuleNs in r)return t;var n={};for(var i in t){var s=t[i];if(typeof s!=="function")continue;delete t[i];n[i]=s}r[fnValuesNs]=n;return t},onUpdate:function e(t,r,n,i){var s=r;var o=s[fnRuleNs];if(o){s.style=o(t)||{}}var a=s[fnValuesNs];if(a){for(var l in a){s.prop(l,a[l](t),i)}}}}};function symbolObservablePonyfill(e){var t;var r=e.Symbol;if(typeof r==="function"){if(r.observable){t=r.observable}else{t=r("observable");r.observable=t}}else{t="@@observable"}return t}var root;if(typeof self!=="undefined"){root=self}else if(typeof window!=="undefined"){root=window}else if(typeof global!=="undefined"){root=global}else if(typeof module!=="undefined"){root=module}else{root=Function("return this")()}var result=symbolObservablePonyfill(root);var isObservable=function e(t){return t&&t[result]&&t===t[result]()};var observablePlugin=function e(t){return{onCreateRule:function e(r,n,i){if(!isObservable(n))return null;var s=n;var o=createRule(r,{},i);s.subscribe((function(e){for(var r in e){o.prop(r,e[r],t)}}));return o},onProcessRule:function e(r){if(r&&r.type!=="style")return;var n=r;var i=n.style;var s=function e(r){var s=i[r];if(!isObservable(s))return"continue";delete i[r];s.subscribe({next:function e(i){n.prop(r,i,t)}})};for(var o in i){var a=s(o);if(a==="continue")continue}}}};var semiWithNl=/;\n/;var parse=function e(t){var r={};var n=t.split(semiWithNl);for(var i=0;i<n.length;i++){var s=(n[i]||"").trim();if(!s)continue;var o=s.indexOf(":");if(o===-1){continue}var a=s.substr(0,o).trim();var l=s.substr(o+1).trim();r[a]=l}return r};var onProcessRule=function e(t){if(typeof t.style==="string"){t.style=parse(t.style)}};function templatePlugin(){return{onProcessRule:onProcessRule}}var at="@global";var atPrefix="@global ";var GlobalContainerRule=function(){function e(e,t,r){this.type="global";this.at=at;this.rules=void 0;this.options=void 0;this.key=void 0;this.isProcessed=false;this.key=e;this.options=r;this.rules=new RuleList(_extends({},r,{parent:this}));for(var n in t){this.rules.add(n,t[n])}this.rules.process()}var t=e.prototype;t.getRule=function e(t){return this.rules.get(t)};t.addRule=function e(t,r,n){var i=this.rules.add(t,r,n);if(i)this.options.jss.plugins.onProcessRule(i);return i};t.indexOf=function e(t){return this.rules.indexOf(t)};t.toString=function e(){return this.rules.toString()};return e}();var GlobalPrefixedRule=function(){function e(e,t,r){this.type="global";this.at=at;this.options=void 0;this.rule=void 0;this.isProcessed=false;this.key=void 0;this.key=e;this.options=r;var n=e.substr(atPrefix.length);this.rule=r.jss.createRule(n,t,_extends({},r,{parent:this}))}var t=e.prototype;t.toString=function e(t){return this.rule?this.rule.toString(t):""};return e}();var separatorRegExp$1=/\s*,\s*/g;function addScope(e,t){var r=e.split(separatorRegExp$1);var n="";for(var i=0;i<r.length;i++){n+=t+" "+r[i].trim();if(r[i+1])n+=", "}return n}function handleNestedGlobalContainerRule(e,t){var r=e.options,n=e.style;var i=n?n[at]:null;if(!i)return;for(var s in i){t.addRule(s,i[s],_extends({},r,{selector:addScope(s,e.selector)}))}delete n[at]}function handlePrefixedGlobalRule(e,t){var r=e.options,n=e.style;for(var i in n){if(i[0]!=="@"||i.substr(0,at.length)!==at)continue;var s=addScope(i.substr(at.length),e.selector);t.addRule(s,n[i],_extends({},r,{selector:s}));delete n[i]}}function jssGlobal(){function e(e,t,r){if(!e)return null;if(e===at){return new GlobalContainerRule(e,t,r)}if(e[0]==="@"&&e.substr(0,atPrefix.length)===atPrefix){return new GlobalPrefixedRule(e,t,r)}var n=r.parent;if(n){if(n.type==="global"||n.options.parent&&n.options.parent.type==="global"){r.scoped=false}}if(r.scoped===false){r.selector=e}return null}function t(e,t){if(e.type!=="style"||!t)return;handleNestedGlobalContainerRule(e,t);handlePrefixedGlobalRule(e,t)}return{onCreateRule:e,onProcessRule:t}}var isObject=function e(t){return t&&typeof t==="object"&&!Array.isArray(t)};var valueNs="extendCurrValue"+Date.now();function mergeExtend(e,t,r,n){var i=typeof e.extend;if(i==="string"){if(!r)return;var s=r.getRule(e.extend);if(!s)return;if(s===t){return}var o=s.options.parent;if(o){var a=o.rules.raw[e.extend];extend(a,t,r,n)}return}if(Array.isArray(e.extend)){for(var l=0;l<e.extend.length;l++){var u=e.extend[l];var f=typeof u==="string"?_extends({},e,{extend:u}):e.extend[l];extend(f,t,r,n)}return}for(var p in e.extend){if(p==="extend"){extend(e.extend.extend,t,r,n);continue}if(isObject(e.extend[p])){if(!(p in n))n[p]={};extend(e.extend[p],t,r,n[p]);continue}n[p]=e.extend[p]}}function mergeRest(e,t,r,n){for(var i in e){if(i==="extend")continue;if(isObject(n[i])&&isObject(e[i])){extend(e[i],t,r,n[i]);continue}if(isObject(e[i])){n[i]=extend(e[i],t,r);continue}n[i]=e[i]}}function extend(e,t,r,n){if(n===void 0){n={}}mergeExtend(e,t,r,n);mergeRest(e,t,r,n);return n}function jssExtend(){function e(e,t,r){if("extend"in e)return extend(e,t,r);return e}function t(e,t,r){if(t!=="extend")return e;if(e==null||e===false){for(var n in r[valueNs]){r.prop(n,null)}r[valueNs]=null;return null}if(typeof e==="object"){for(var i in e){r.prop(i,e[i])}r[valueNs]=e}return null}return{onProcessStyle:e,onChangeValue:t}}var separatorRegExp=/\s*,\s*/g;var parentRegExp=/&/g;var refRegExp=/\$([\w-]+)/g;function jssNested(){function e(e,t){return function(r,n){var i=e.getRule(n)||t&&t.getRule(n);if(i){i=i;return i.selector}return n}}function t(e,t){var r=t.split(separatorRegExp);var n=e.split(separatorRegExp);var i="";for(var s=0;s<r.length;s++){var o=r[s];for(var a=0;a<n.length;a++){var l=n[a];if(i)i+=", ";i+=l.indexOf("&")!==-1?l.replace(parentRegExp,o):o+" "+l}}return i}function r(e,t,r){if(r)return _extends({},r,{index:r.index+1});var n=e.options.nestingLevel;n=n===undefined?1:n+1;var i=_extends({},e.options,{nestingLevel:n,index:t.indexOf(e)+1});delete i.name;return i}function n(n,i,s){if(i.type!=="style")return n;var o=i;var a=o.options.parent;var l;var u;for(var f in n){var p=f.indexOf("&")!==-1;var d=f[0]==="@";if(!p&&!d)continue;l=r(o,a,l);if(p){var c=t(f,o.selector);if(!u)u=e(a,s);c=c.replace(refRegExp,u);a.addRule(c,n[f],_extends({},l,{selector:c}))}else if(d){a.addRule(f,{},l).addRule(o.key,n[f],{selector:o.selector})}delete n[f]}return n}return{onProcessStyle:n}}function registerClass(e,t){if(!t)return true;if(Array.isArray(t)){for(var r=0;r<t.length;r++){var n=registerClass(e,t[r]);if(!n)return false}return true}if(t.indexOf(" ")>-1){return registerClass(e,t.split(" "))}var i=e.options,s=i.parent;if(t[0]==="$"){var o=s.getRule(t.substr(1));if(!o){return false}if(o===e){return false}s.classes[e.key]+=" "+s.classes[o.key];return true}s.classes[e.key]+=" "+t;return true}function jssCompose(){function e(e,t){if(!("composes"in e))return e;registerClass(t,e.composes);delete e.composes;return e}return{onProcessStyle:e}}var uppercasePattern=/[A-Z]/g;var msPattern=/^ms-/;var cache$2={};function toHyphenLower(e){return"-"+e.toLowerCase()}function hyphenateStyleName(e){if(cache$2.hasOwnProperty(e)){return cache$2[e]}var t=e.replace(uppercasePattern,toHyphenLower);return cache$2[e]=msPattern.test(t)?"-"+t:t}function convertCase(e){var t={};for(var r in e){var n=r.indexOf("--")===0?r:hyphenateStyleName(r);t[n]=e[r]}if(e.fallbacks){if(Array.isArray(e.fallbacks))t.fallbacks=e.fallbacks.map(convertCase);else t.fallbacks=convertCase(e.fallbacks)}return t}function camelCase(){function e(e){if(Array.isArray(e)){for(var t=0;t<e.length;t++){e[t]=convertCase(e[t])}return e}return convertCase(e)}function t(e,t,r){if(t.indexOf("--")===0){return e}var n=hyphenateStyleName(t);if(t===n)return e;r.prop(n,e);return null}return{onProcessStyle:e,onChangeValue:t}}var px=hasCSSTOMSupport&&CSS?CSS.px:"px";var ms=hasCSSTOMSupport&&CSS?CSS.ms:"ms";var percent=hasCSSTOMSupport&&CSS?CSS.percent:"%";var defaultUnits={"animation-delay":ms,"animation-duration":ms,"background-position":px,"background-position-x":px,"background-position-y":px,"background-size":px,border:px,"border-bottom":px,"border-bottom-left-radius":px,"border-bottom-right-radius":px,"border-bottom-width":px,"border-left":px,"border-left-width":px,"border-radius":px,"border-right":px,"border-right-width":px,"border-top":px,"border-top-left-radius":px,"border-top-right-radius":px,"border-top-width":px,"border-width":px,"border-block":px,"border-block-end":px,"border-block-end-width":px,"border-block-start":px,"border-block-start-width":px,"border-block-width":px,"border-inline":px,"border-inline-end":px,"border-inline-end-width":px,"border-inline-start":px,"border-inline-start-width":px,"border-inline-width":px,"border-start-start-radius":px,"border-start-end-radius":px,"border-end-start-radius":px,"border-end-end-radius":px,margin:px,"margin-bottom":px,"margin-left":px,"margin-right":px,"margin-top":px,"margin-block":px,"margin-block-end":px,"margin-block-start":px,"margin-inline":px,"margin-inline-end":px,"margin-inline-start":px,padding:px,"padding-bottom":px,"padding-left":px,"padding-right":px,"padding-top":px,"padding-block":px,"padding-block-end":px,"padding-block-start":px,"padding-inline":px,"padding-inline-end":px,"padding-inline-start":px,"mask-position-x":px,"mask-position-y":px,"mask-size":px,height:px,width:px,"min-height":px,"max-height":px,"min-width":px,"max-width":px,bottom:px,left:px,top:px,right:px,inset:px,"inset-block":px,"inset-block-end":px,"inset-block-start":px,"inset-inline":px,"inset-inline-end":px,"inset-inline-start":px,"box-shadow":px,"text-shadow":px,"column-gap":px,"column-rule":px,"column-rule-width":px,"column-width":px,"font-size":px,"font-size-delta":px,"letter-spacing":px,"text-decoration-thickness":px,"text-indent":px,"text-stroke":px,"text-stroke-width":px,"word-spacing":px,motion:px,"motion-offset":px,outline:px,"outline-offset":px,"outline-width":px,perspective:px,"perspective-origin-x":percent,"perspective-origin-y":percent,"transform-origin":percent,"transform-origin-x":percent,"transform-origin-y":percent,"transform-origin-z":percent,"transition-delay":ms,"transition-duration":ms,"vertical-align":px,"flex-basis":px,"shape-margin":px,size:px,gap:px,grid:px,"grid-gap":px,"row-gap":px,"grid-row-gap":px,"grid-column-gap":px,"grid-template-rows":px,"grid-template-columns":px,"grid-auto-rows":px,"grid-auto-columns":px,"box-shadow-x":px,"box-shadow-y":px,"box-shadow-blur":px,"box-shadow-spread":px,"font-line-height":px,"text-shadow-x":px,"text-shadow-y":px,"text-shadow-blur":px};function addCamelCasedVersion(e){var t=/(-[a-z])/g;var r=function e(t){return t[1].toUpperCase()};var n={};for(var i in e){n[i]=e[i];n[i.replace(t,r)]=e[i]}return n}var units=addCamelCasedVersion(defaultUnits);function iterate(e,t,r){if(t==null)return t;if(Array.isArray(t)){for(var n=0;n<t.length;n++){t[n]=iterate(e,t[n],r)}}else if(typeof t==="object"){if(e==="fallbacks"){for(var i in t){t[i]=iterate(i,t[i],r)}}else{for(var s in t){t[s]=iterate(e+"-"+s,t[s],r)}}}else if(typeof t==="number"&&isNaN(t)===false){var o=r[e]||units[e];if(o&&!(t===0&&o===px)){return typeof o==="function"?o(t).toString():""+t+o}return t.toString()}return t}function defaultUnit(e){if(e===void 0){e={}}var t=addCamelCasedVersion(e);function r(e,r){if(r.type!=="style")return e;for(var n in e){e[n]=iterate(n,e[n],t)}return e}function n(e,r){return iterate(r,e,t)}return{onProcessStyle:r,onChangeValue:n}}var propArray={"background-size":true,"background-position":true,border:true,"border-bottom":true,"border-left":true,"border-top":true,"border-right":true,"border-radius":true,"border-image":true,"border-width":true,"border-style":true,"border-color":true,"box-shadow":true,flex:true,margin:true,padding:true,outline:true,"transform-origin":true,transform:true,transition:true};var propArrayInObj={position:true,size:true};var propObj={padding:{top:0,right:0,bottom:0,left:0},margin:{top:0,right:0,bottom:0,left:0},background:{attachment:null,color:null,image:null,position:null,repeat:null},border:{width:null,style:null,color:null},"border-top":{width:null,style:null,color:null},"border-right":{width:null,style:null,color:null},"border-bottom":{width:null,style:null,color:null},"border-left":{width:null,style:null,color:null},outline:{width:null,style:null,color:null},"list-style":{type:null,position:null,image:null},transition:{property:null,duration:null,"timing-function":null,timingFunction:null,delay:null},animation:{name:null,duration:null,"timing-function":null,timingFunction:null,delay:null,"iteration-count":null,iterationCount:null,direction:null,"fill-mode":null,fillMode:null,"play-state":null,playState:null},"box-shadow":{x:0,y:0,blur:0,spread:0,color:null,inset:null},"text-shadow":{x:0,y:0,blur:null,color:null}};var customPropObj={border:{radius:"border-radius",image:"border-image",width:"border-width",style:"border-style",color:"border-color"},"border-bottom":{width:"border-bottom-width",style:"border-bottom-style",color:"border-bottom-color"},"border-top":{width:"border-top-width",style:"border-top-style",color:"border-top-color"},"border-left":{width:"border-left-width",style:"border-left-style",color:"border-left-color"},"border-right":{width:"border-right-width",style:"border-right-style",color:"border-right-color"},background:{size:"background-size",image:"background-image"},font:{style:"font-style",variant:"font-variant",weight:"font-weight",stretch:"font-stretch",size:"font-size",family:"font-family",lineHeight:"line-height","line-height":"line-height"},flex:{grow:"flex-grow",basis:"flex-basis",direction:"flex-direction",wrap:"flex-wrap",flow:"flex-flow",shrink:"flex-shrink"},align:{self:"align-self",items:"align-items",content:"align-content"},grid:{"template-columns":"grid-template-columns",templateColumns:"grid-template-columns","template-rows":"grid-template-rows",templateRows:"grid-template-rows","template-areas":"grid-template-areas",templateAreas:"grid-template-areas",template:"grid-template","auto-columns":"grid-auto-columns",autoColumns:"grid-auto-columns","auto-rows":"grid-auto-rows",autoRows:"grid-auto-rows","auto-flow":"grid-auto-flow",autoFlow:"grid-auto-flow",row:"grid-row",column:"grid-column","row-start":"grid-row-start",rowStart:"grid-row-start","row-end":"grid-row-end",rowEnd:"grid-row-end","column-start":"grid-column-start",columnStart:"grid-column-start","column-end":"grid-column-end",columnEnd:"grid-column-end",area:"grid-area",gap:"grid-gap","row-gap":"grid-row-gap",rowGap:"grid-row-gap","column-gap":"grid-column-gap",columnGap:"grid-column-gap"}};function mapValuesByProp(e,t,r){return e.map((function(e){return objectToArray(e,t,r,false,true)}))}function processArray(e,t,r,n){if(r[t]==null)return e;if(e.length===0)return[];if(Array.isArray(e[0]))return processArray(e[0],t,r,n);if(typeof e[0]==="object"){return mapValuesByProp(e,t,n)}return[e]}function objectToArray(e,t,r,n,i){if(!(propObj[t]||customPropObj[t]))return[];var s=[];if(customPropObj[t]){e=customPropsToStyle(e,r,customPropObj[t],n)}if(Object.keys(e).length){for(var o in propObj[t]){if(e[o]){if(Array.isArray(e[o])){s.push(propArrayInObj[o]===null?e[o]:e[o].join(" "))}else s.push(e[o]);continue}if(propObj[t][o]!=null){s.push(propObj[t][o])}}}if(!s.length||i)return s;return[s]}function customPropsToStyle(e,t,r,n){for(var i in r){var s=r[i];if(typeof e[i]!=="undefined"&&(n||!t.prop(s))){var o;var a=styleDetector((o={},o[s]=e[i],o),t)[s];if(n)t.style.fallbacks[s]=a;else t.style[s]=a}delete e[i]}return e}function styleDetector(e,t,r){for(var n in e){var i=e[n];if(Array.isArray(i)){if(!Array.isArray(i[0])){if(n==="fallbacks"){for(var s=0;s<e.fallbacks.length;s++){e.fallbacks[s]=styleDetector(e.fallbacks[s],t,true)}continue}e[n]=processArray(i,n,propArray,t);if(!e[n].length)delete e[n]}}else if(typeof i==="object"){if(n==="fallbacks"){e.fallbacks=styleDetector(e.fallbacks,t,true);continue}e[n]=objectToArray(i,n,t,r);if(!e[n].length)delete e[n]}else if(e[n]==="")delete e[n]}return e}function jssExpand(){function e(e,t){if(!e||t.type!=="style")return e;if(Array.isArray(e)){for(var r=0;r<e.length;r++){e[r]=styleDetector(e[r],t)}return e}return styleDetector(e,t)}return{onProcessStyle:e}}function _arrayLikeToArray(e,t){if(t==null||t>e.length)t=e.length;for(var r=0,n=new Array(t);r<t;r++){n[r]=e[r]}return n}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _iterableToArray(e){if(typeof Symbol!=="undefined"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function _unsupportedIterableToArray(e,t){if(!e)return;if(typeof e==="string")return _arrayLikeToArray(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor)r=e.constructor.name;if(r==="Map"||r==="Set")return Array.from(e);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return _arrayLikeToArray(e,t)}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}var js="";var css="";var vendor="";var browser="";var isTouch=isBrowser&&"ontouchstart"in document.documentElement;if(isBrowser){var jsCssMap={Moz:"-moz-",ms:"-ms-",O:"-o-",Webkit:"-webkit-"};var _document$createEleme=document.createElement("p"),style=_document$createEleme.style;var testProp="Transform";for(var key in jsCssMap){if(key+testProp in style){js=key;css=jsCssMap[key];break}}if(js==="Webkit"&&"msHyphens"in style){js="ms";css=jsCssMap.ms;browser="edge"}if(js==="Webkit"&&"-apple-trailing-word"in style){vendor="apple"}}var prefix={js:js,css:css,vendor:vendor,browser:browser,isTouch:isTouch};function supportedKeyframes(e){if(e[1]==="-")return e;if(prefix.js==="ms")return e;return"@"+prefix.css+"keyframes"+e.substr(10)}var appearence={noPrefill:["appearance"],supportedProperty:function e(t){if(t!=="appearance")return false;if(prefix.js==="ms")return"-webkit-"+t;return prefix.css+t}};var colorAdjust={noPrefill:["color-adjust"],supportedProperty:function e(t){if(t!=="color-adjust")return false;if(prefix.js==="Webkit")return prefix.css+"print-"+t;return t}};var regExp=/[-\s]+(.)?/g;function toUpper(e,t){return t?t.toUpperCase():""}function camelize(e){return e.replace(regExp,toUpper)}function pascalize(e){return camelize("-"+e)}var mask={noPrefill:["mask"],supportedProperty:function e(t,r){if(!/^mask/.test(t))return false;if(prefix.js==="Webkit"){var n="mask-image";if(camelize(n)in r){return t}if(prefix.js+pascalize(n)in r){return prefix.css+t}}return t}};var textOrientation={noPrefill:["text-orientation"],supportedProperty:function e(t){if(t!=="text-orientation")return false;if(prefix.vendor==="apple"&&!prefix.isTouch){return prefix.css+t}return t}};var transform={noPrefill:["transform"],supportedProperty:function e(t,r,n){if(t!=="transform")return false;if(n.transform){return t}return prefix.css+t}};var transition={noPrefill:["transition"],supportedProperty:function e(t,r,n){if(t!=="transition")return false;if(n.transition){return t}return prefix.css+t}};var writingMode={noPrefill:["writing-mode"],supportedProperty:function e(t){if(t!=="writing-mode")return false;if(prefix.js==="Webkit"||prefix.js==="ms"&&prefix.browser!=="edge"){return prefix.css+t}return t}};var userSelect={noPrefill:["user-select"],supportedProperty:function e(t){if(t!=="user-select")return false;if(prefix.js==="Moz"||prefix.js==="ms"||prefix.vendor==="apple"){return prefix.css+t}return t}};var breakPropsOld={supportedProperty:function e(t,r){if(!/^break-/.test(t))return false;if(prefix.js==="Webkit"){var n="WebkitColumn"+pascalize(t);return n in r?prefix.css+"column-"+t:false}if(prefix.js==="Moz"){var i="page"+pascalize(t);return i in r?"page-"+t:false}return false}};var inlineLogicalOld={supportedProperty:function e(t,r){if(!/^(border|margin|padding)-inline/.test(t))return false;if(prefix.js==="Moz")return t;var n=t.replace("-inline","");return prefix.js+pascalize(n)in r?prefix.css+n:false}};var unprefixed={supportedProperty:function e(t,r){return camelize(t)in r?t:false}};var prefixed={supportedProperty:function e(t,r){var n=pascalize(t);if(t[0]==="-")return t;if(t[0]==="-"&&t[1]==="-")return t;if(prefix.js+n in r)return prefix.css+t;if(prefix.js!=="Webkit"&&"Webkit"+n in r)return"-webkit-"+t;return false}};var scrollSnap={supportedProperty:function e(t){if(t.substring(0,11)!=="scroll-snap")return false;if(prefix.js==="ms"){return""+prefix.css+t}return t}};var overscrollBehavior={supportedProperty:function e(t){if(t!=="overscroll-behavior")return false;if(prefix.js==="ms"){return prefix.css+"scroll-chaining"}return t}};var propMap={"flex-grow":"flex-positive","flex-shrink":"flex-negative","flex-basis":"flex-preferred-size","justify-content":"flex-pack",order:"flex-order","align-items":"flex-align","align-content":"flex-line-pack"};var flex2012={supportedProperty:function e(t,r){var n=propMap[t];if(!n)return false;return prefix.js+pascalize(n)in r?prefix.css+n:false}};var propMap$1={flex:"box-flex","flex-grow":"box-flex","flex-direction":["box-orient","box-direction"],order:"box-ordinal-group","align-items":"box-align","flex-flow":["box-orient","box-direction"],"justify-content":"box-pack"};var propKeys=Object.keys(propMap$1);var prefixCss=function e(t){return prefix.css+t};var flex2009={supportedProperty:function e(t,r,n){var i=n.multiple;if(propKeys.indexOf(t)>-1){var s=propMap$1[t];if(!Array.isArray(s)){return prefix.js+pascalize(s)in r?prefix.css+s:false}if(!i)return false;for(var o=0;o<s.length;o++){if(!(prefix.js+pascalize(s[0])in r)){return false}}return s.map(prefixCss)}return false}};var plugins=[appearence,colorAdjust,mask,textOrientation,transform,transition,writingMode,userSelect,breakPropsOld,inlineLogicalOld,unprefixed,prefixed,scrollSnap,overscrollBehavior,flex2012,flex2009];var propertyDetectors=plugins.filter((function(e){return e.supportedProperty})).map((function(e){return e.supportedProperty}));var noPrefill=plugins.filter((function(e){return e.noPrefill})).reduce((function(e,t){e.push.apply(e,_toConsumableArray(t.noPrefill));return e}),[]);var el;var cache={};if(isBrowser){el=document.createElement("p");var computed=window.getComputedStyle(document.documentElement,"");for(var key$1 in computed){if(!isNaN(key$1))cache[computed[key$1]]=computed[key$1]}noPrefill.forEach((function(e){return delete cache[e]}))}function supportedProperty(e,t){if(t===void 0){t={}}if(!el)return e;if(cache[e]!=null){return cache[e]}if(e==="transition"||e==="transform"){t[e]=e in el.style}for(var r=0;r<propertyDetectors.length;r++){cache[e]=propertyDetectors[r](e,el.style,t);if(cache[e])break}try{el.style[e]=""}catch(e){return false}return cache[e]}var cache$1={};var transitionProperties={transition:1,"transition-property":1,"-webkit-transition":1,"-webkit-transition-property":1};var transPropsRegExp=/(^\s*[\w-]+)|, (\s*[\w-]+)(?![^()]*\))/g;var el$1;function prefixTransitionCallback(e,t,r){if(t==="var")return"var";if(t==="all")return"all";if(r==="all")return", all";var n=t?supportedProperty(t):", "+supportedProperty(r);if(!n)return t||r;return n}if(isBrowser)el$1=document.createElement("p");function supportedValue(e,t){var r=t;if(!el$1||e==="content")return t;if(typeof r!=="string"||!isNaN(parseInt(r,10))){return r}var n=e+r;if(cache$1[n]!=null){return cache$1[n]}try{el$1.style[e]=r}catch(e){cache$1[n]=false;return false}if(transitionProperties[e]){r=r.replace(transPropsRegExp,prefixTransitionCallback)}else if(el$1.style[e]===""){r=prefix.css+r;if(r==="-ms-flex")el$1.style[e]="-ms-flexbox";el$1.style[e]=r;if(el$1.style[e]===""){cache$1[n]=false;return false}}el$1.style[e]="";cache$1[n]=r;return cache$1[n]}function jssVendorPrefixer(){function e(e){if(e.type==="keyframes"){var t=e;t.at=supportedKeyframes(t.at)}}function t(e){for(var r in e){var n=e[r];if(r==="fallbacks"&&Array.isArray(n)){e[r]=n.map(t);continue}var i=false;var s=supportedProperty(r);if(s&&s!==r)i=true;var o=false;var a=supportedValue(s,toCssValue(n));if(a&&a!==n)o=true;if(i||o){if(i)delete e[r];e[s||r]=a||n}}return e}function r(e,r){if(r.type!=="style")return e;return t(e)}function n(e,t){return supportedValue(t,toCssValue(e))||e}return{onProcessRule:e,onProcessStyle:r,onChangeValue:n}}function jssPropsSort(){var e=function e(t,r){if(t.length===r.length){return t>r?1:-1}return t.length-r.length};return{onProcessStyle:function t(r,n){if(n.type!=="style")return r;var i={};var s=Object.keys(r).sort(e);for(var o=0;o<s.length;o++){i[s[o]]=r[s[o]]}return i}}}var create=function e(t){if(t===void 0){t={}}return{plugins:[functionPlugin(),observablePlugin(t.observable),templatePlugin(),jssGlobal(),jssExtend(),jssNested(),jssCompose(),camelCase(),defaultUnit(t.defaultUnit),jssExpand(),jssVendorPrefixer(),jssPropsSort()]}};var jss=create$1(create());var createStyleSheet=function(){var e=[];for(var t=0;t<arguments.length;t++){e[t]=arguments[t]}return jss.createStyleSheet.apply(jss,e)};export{createStyleSheet as c};