@salla.sa/twilight-components 3.0.10 → 3.0.11

package/dist/twilight/{p-88bcf6fc.entry.js → p-96d44802.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{r as t,h as r,H as e,a as o}from"./p-DGIIhW8W.js";import{H as i}from"./p-BLGbkbu1.js";const n=class{constructor(r){t(this,r),this.nextPage="",this.autoload=!1,this.container="salla-infinite-scroll",this.item="salla-infinite-scroll > *",this.status=document.createElement("div"),this.status.className="s-infinite-scroll-wrapper",this.status.innerHTML=`<div class="s-infinite-scroll-status" style="display:none">\n        <p class="s-infinite-scroll-last infinite-scroll-last"></p>\n        <p class="s-infinite-scroll-error infinite-scroll-error"></p>\n      </div>\n      <a href="${this.nextPage}" class="s-infinite-scroll-btn s-button-btn s-button-primary">\n        <span class="s-button-text s-infinite-scroll-btn-text">${this.loadMoreText?this.loadMoreText:salla.lang.get("common.elements.load_more")}</span>\n        <span class="s-button-loader s-button-loader-center s-infinite-scroll-btn-loader" style="display: none"></span>\n      </a>`,this.btnLoader=this.status.querySelector(".s-button-loader")}connectedCallback(){this.langUnsubscribe=salla.lang.subscribe((()=>{this.status.querySelector(".s-button-text").innerHTML=this.loadMoreText?this.loadMoreText:salla.lang.get("common.elements.load_more"),this.status.querySelector(".s-infinite-scroll-last").innerHTML=salla.lang.get("common.elements.end_of_content"),this.status.querySelector(".s-infinite-scroll-error").innerHTML=salla.lang.get("common.elements.failed_to_load_more")}))}disconnectedCallback(){this.langUnsubscribe?.()}loading(t=!0){let r=this.status.querySelector(".s-button-text");i.toggleElementClassIf(r,"s-button-hide","s-button-show",(()=>t)),this.btnLoader.style.display=t?"inherit":"none"}render(){return this.nextPage.length>1?r(e,{class:"s-infinite-scroll-container"},r("slot",null)):""}componentDidLoad(){if(0===this.nextPage.length)return;this.host.insertAdjacentElement("afterend",this.status);let t=this,r=salla.infiniteScroll.initiate(this.container,{history:!!this.autoload&&"push",scrollThreshold:!!this.autoload&&400,nextPage:this.nextPage,checkLastPage:'salla-infinite-scroll[next-page*=":"],salla-infinite-scroll[next-page*="."]',status:".s-infinite-scroll-status",button:this.status.querySelector(".s-button-btn"),append:this.item,path:function(){return t.nextPage.replace(/page\=(\d)/g,"page="+(this.loadCount+2))}}).on("request",(()=>this.loading())).on("load",(()=>{this.loading(!1),2==r.pageIndex&&r.option({loadOnScroll:!1}),3==r.pageIndex&&r.option({loadOnScroll:!0})})).on("error",(()=>this.loading(!1)))}get host(){return o(this)}};n.style="/*!twlt*/.s-button-btn{position:relative;display:inline-flex;flex:1 1 0%;user-select:none;flex-direction:row-reverse;align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--s-radius, 0.25rem);border-style:solid;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:0.625rem;padding-top:0.5rem;font-size:0.875rem;line-height:1.25rem;font-weight:700;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-button-btn:hover{opacity:0.8}.s-button-primary{border-width:1px;border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-primary-reverse)}.s-button-primary:hover{background-color:var(--color-primary-dark)}.s-button-text{pointer-events:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-button-loader{margin-left:0.5rem;margin-right:0.5rem;display:flex;align-items:center;justify-content:center;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-button-loader::before{display:inline-block;height:1rem;content:var(--tw-content);width:1rem}@keyframes spin{to{content:var(--tw-content);transform:rotate(360deg)}}.s-button-loader::before{animation:spin 1s linear infinite;border-radius:9999px;border-width:2px;border-style:solid;border-top-color:var(--color-primary);border-left-color:var(--color-primary);border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-border-opacity:1;border-right-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-content:'';content:var(--tw-content)}.s-button-loader-center .s-button-loader{position:absolute;top:50%;left:50%;margin:0px !important;--tw-translate-y:-50%;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-comments-item-like-btn .s-button-text{display:flex;flex-direction:row-reverse;gap:0.5rem}.s-infinite-scroll-wrapper{margin-top:1rem;text-align:center}.s-infinite-scroll-last{margin:0px;text-align:center}.s-infinite-scroll-error{margin:0px;text-align:center}";export{n as salla_infinite_scroll}
+import{r as t,h as r,H as e,a as o}from"./p-Ca7ApeqJ.js";import{H as i}from"./p-BdcDWlJR.js";const n=class{constructor(r){t(this,r),this.nextPage="",this.autoload=!1,this.container="salla-infinite-scroll",this.item="salla-infinite-scroll > *",this.status=document.createElement("div"),this.status.className="s-infinite-scroll-wrapper",this.status.innerHTML=`<div class="s-infinite-scroll-status" style="display:none">\n        <p class="s-infinite-scroll-last infinite-scroll-last"></p>\n        <p class="s-infinite-scroll-error infinite-scroll-error"></p>\n      </div>\n      <a href="${this.nextPage}" class="s-infinite-scroll-btn s-button-btn s-button-primary">\n        <span class="s-button-text s-infinite-scroll-btn-text">${this.loadMoreText?this.loadMoreText:salla.lang.get("common.elements.load_more")}</span>\n        <span class="s-button-loader s-button-loader-center s-infinite-scroll-btn-loader" style="display: none"></span>\n      </a>`,this.btnLoader=this.status.querySelector(".s-button-loader")}connectedCallback(){this.langUnsubscribe=salla.lang.subscribe((()=>{this.status.querySelector(".s-button-text").innerHTML=this.loadMoreText?this.loadMoreText:salla.lang.get("common.elements.load_more"),this.status.querySelector(".s-infinite-scroll-last").innerHTML=salla.lang.get("common.elements.end_of_content"),this.status.querySelector(".s-infinite-scroll-error").innerHTML=salla.lang.get("common.elements.failed_to_load_more")}))}disconnectedCallback(){this.langUnsubscribe?.()}loading(t=!0){let r=this.status.querySelector(".s-button-text");i.toggleElementClassIf(r,"s-button-hide","s-button-show",(()=>t)),this.btnLoader.style.display=t?"inherit":"none"}render(){return this.nextPage.length>1?r(e,{class:"s-infinite-scroll-container"},r("slot",null)):""}componentDidLoad(){if(0===this.nextPage.length)return;this.host.insertAdjacentElement("afterend",this.status);let t=this,r=salla.infiniteScroll.initiate(this.container,{history:!!this.autoload&&"push",scrollThreshold:!!this.autoload&&400,nextPage:this.nextPage,checkLastPage:'salla-infinite-scroll[next-page*=":"],salla-infinite-scroll[next-page*="."]',status:".s-infinite-scroll-status",button:this.status.querySelector(".s-button-btn"),append:this.item,path:function(){return t.nextPage.replace(/page\=(\d)/g,"page="+(this.loadCount+2))}}).on("request",(()=>this.loading())).on("load",(()=>{this.loading(!1),2==r.pageIndex&&r.option({loadOnScroll:!1}),3==r.pageIndex&&r.option({loadOnScroll:!0})})).on("error",(()=>this.loading(!1)))}get host(){return o(this)}};n.style="/*!twlt*/.s-button-btn{position:relative;display:inline-flex;flex:1 1 0%;user-select:none;flex-direction:row-reverse;align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--s-radius, 0.25rem);border-style:solid;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:0.625rem;padding-top:0.5rem;font-size:0.875rem;line-height:1.25rem;font-weight:700;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-button-btn:hover{opacity:0.8}.s-button-primary{border-width:1px;border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-primary-reverse)}.s-button-primary:hover{background-color:var(--color-primary-dark)}.s-button-text{pointer-events:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-button-loader{margin-left:0.5rem;margin-right:0.5rem;display:flex;align-items:center;justify-content:center;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-button-loader::before{display:inline-block;height:1rem;content:var(--tw-content);width:1rem}@keyframes spin{to{content:var(--tw-content);transform:rotate(360deg)}}.s-button-loader::before{animation:spin 1s linear infinite;border-radius:9999px;border-width:2px;border-style:solid;border-top-color:var(--color-primary);border-left-color:var(--color-primary);border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-border-opacity:1;border-right-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-content:'';content:var(--tw-content)}.s-button-loader-center .s-button-loader{position:absolute;top:50%;left:50%;margin:0px !important;--tw-translate-y:-50%;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-comments-item-like-btn .s-button-text{display:flex;flex-direction:row-reverse;gap:0.5rem}.s-infinite-scroll-wrapper{margin-top:1rem;text-align:center}.s-infinite-scroll-last{margin:0px;text-align:center}.s-infinite-scroll-error{margin:0px;text-align:center}";export{n as salla_infinite_scroll}

package/dist/twilight/{p-5007e907.entry.js → p-9827fca6.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{r as e,h as r}from"./p-DGIIhW8W.js";import{S as a}from"./p-BpzvJ73s.js";import{C as t}from"./p-CTtM5VoO.js";import{S as i}from"./p-CiNDuG4-.js";const n=class{constructor(r){e(this,r)}async componentWillLoad(){await salla.onReady(),await salla.lang.onLoaded()}dateLabel(){const e=new Date(this.createdAt);if(Number.isNaN(e.getTime()))return"";const r=/([+-])(\d{2}):?(\d{2})$/.exec(this.createdAt||""),a=r?("-"===r[1]?-1:1)*(60*Number(r[2])+Number(r[3])):0,t=!!r||/Z$/i.test(this.createdAt||"");return new Intl.DateTimeFormat(document.documentElement.lang||"ar",{calendar:"gregory",day:"numeric",month:"long",year:"numeric",hour:"numeric",minute:"2-digit",...t?{timeZone:"UTC"}:{}}).format(t?new Date(e.getTime()+6e4*a):e)}async copyReference(){try{await navigator.clipboard.writeText(this.referenceId),salla.notify.success(salla.lang.get("common.elements.copied"))}catch{}}render(){const e=this.dateLabel();return r("header",{key:"d2d1914e2380a41b92c7d1ed0be4474535f347d4",class:"s-thank-you-header-wrapper"},r("div",{key:"a55c95fabb88c28027b4cdc8fec3b3689229f81c",class:"s-thank-you-header-intro"},r("span",{key:"68a5faab8488ff85cccdf74654be4c9a2c140399",class:"s-thank-you-header-success"},r("span",{key:"428d70eb21c90fe3db56e59141da3a7c581a8e94",class:"s-thank-you-header-success-icon","aria-hidden":"true",innerHTML:a}),r("span",{key:"5532f94ab170683945d88664c66d42f6cb75c68f",class:"s-thank-you-header-store"},this.storeLogo?r("img",{src:this.storeLogo,alt:this.storeName||""}):r("span",{"aria-hidden":"true",innerHTML:i}))),r("div",{key:"262f9756d2323be508c48bff389ebb8f840fc35b",class:"s-thank-you-header-copy"},r("h1",{key:"6f4cfc3918a346d561ab449314196bfb3a85bd20","data-testid":"store-thankyou-header-show-title",class:"s-thank-you-header-title"},this.heading),r("p",{key:"177f9fed6204bf568f6745311032521606eeafcf",class:"s-thank-you-header-subtitle"},this.subtitle||salla.lang.get("pages.thank_you.order_received")))),r("hr",{key:"864eedb2137299b4c73256cfd8f0cc5a848e1998",class:"s-thank-you-header-divider"}),r("div",{key:"d3e74fd5b47f6559d350f7a673c7cd0fdf1f4e76",class:"s-thank-you-header-meta"},this.referenceId?r("button",{type:"button",class:"s-thank-you-header-reference","data-testid":"store-thankyou-header-copy-reference","aria-label":`${salla.lang.get("common.elements.copy")} ${this.referenceId}`,onClick:()=>this.copyReference()},r("span",{"aria-hidden":"true",innerHTML:'\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>page-check</title>\n<path d="M13.629 21.113c-0.616-0.408-1.441-0.243-1.849 0.369-0.409 0.613-0.244 1.44 0.369 1.849l2.667 1.777c0.228 0.151 0.485 0.224 0.739 0.224 0.431 0 0.855-0.208 1.111-0.593l3.555-5.333c0.409-0.613 0.244-1.44-0.369-1.849-0.616-0.408-1.443-0.244-1.849 0.369l-2.815 4.224zM29.229 11.487c-0.068-0.163-0.167-0.309-0.289-0.431l-10.663-10.663c-0.123-0.123-0.269-0.221-0.431-0.289s-0.335-0.104-0.513-0.104h-10.667c-2.205 0-4 1.795-4 4v24c0 2.205 1.795 4 4 4h18.667c2.205 0 4-1.795 4-4v-16c0-0.179-0.036-0.352-0.104-0.513zM18.667 4.552l6.115 6.115h-6.115zM26.667 28c0 0.736-0.597 1.333-1.333 1.333h-18.667c-0.736 0-1.333-0.597-1.333-1.333v-24c0-0.736 0.597-1.333 1.333-1.333h9.333v9.333c0 0.737 0.596 1.333 1.333 1.333h9.333z"></path>\n</svg>\n'}),r("span",{dir:"ltr"},"#",this.referenceId),r("span",{"aria-hidden":"true",innerHTML:t})):null,e?r("span",{class:"s-thank-you-header-date"},r("span",{"aria-hidden":"true",innerHTML:'\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>clock</title>\n<path d="M16 10.667c-0.736 0-1.333 0.597-1.333 1.333v4h-2.667c-0.736 0-1.333 0.597-1.333 1.333 0 0.737 0.597 1.333 1.333 1.333h4c0.736 0 1.333-0.596 1.333-1.333v-5.333c0-0.736-0.597-1.333-1.333-1.333zM16 5.333c-5.881 0-10.667 4.785-10.667 10.667s4.785 10.667 10.667 10.667 10.667-4.785 10.667-10.667-4.785-10.667-10.667-10.667zM16 24c-4.412 0-8-3.588-8-8s3.588-8 8-8 8 3.588 8 8-3.588 8-8 8zM16 0c-8.823 0-16 7.177-16 16s7.177 16 16 16 16-7.177 16-16-7.177-16-16-16zM16 29.333c-7.352 0-13.333-5.981-13.333-13.333s5.981-13.333 13.333-13.333 13.333 5.981 13.333 13.333-5.981 13.333-13.333 13.333z"></path>\n</svg>\n'}),r("time",{dateTime:this.createdAt},e)):null),r("slot",{key:"086631b68ccd291cc3b188d4193aa3a782509edf"}))}};n.style="/*!twlt*/:host{display:block}.s-thank-you-header-wrapper{display:flex;width:100%;flex-direction:column;align-items:center;gap:1rem;text-align:center}@media (min-width: 640px){.s-thank-you-header-wrapper{gap:1.5rem}}.s-thank-you-header-intro{display:flex;width:100%;flex-direction:column;align-items:center;gap:0.75rem}.s-thank-you-header-success{position:relative;display:flex;height:4rem;width:4rem;align-items:center;justify-content:center;border-radius:9999px;background-color:var(--color-primary);color:var(--color-primary-reverse)}.s-thank-you-header-success-icon{display:inline-flex;align-items:center;justify-content:center}.s-thank-you-header-success-icon svg{height:2rem;width:2rem;fill:currentColor}.s-thank-you-header-store{position:absolute;bottom:1px;right:1px;display:flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center;overflow:hidden;border-radius:9999px;border-width:1px;border-color:var(--color-surface,#fff);background-color:var(--color-surface,#fff);padding:0.25rem;color:var(--color-primary)}.s-thank-you-header-store img,.s-thank-you-header-store svg{height:100%;width:100%;fill:currentColor;object-fit:contain}.s-thank-you-header-copy{display:flex;width:100%;flex-direction:column;gap:0.5rem}.s-thank-you-header-title{margin:0px;font-size:1.5rem;font-weight:700;line-height:1.75rem;color:var(--color-text-primary,#333)}.s-thank-you-header-subtitle{margin:0px;width:100%;font-size:1rem;line-height:1.5rem;color:var(--color-text-secondary,#666)}.s-thank-you-header-divider{margin:0px;width:100%;border-width:0px;border-top-width:1px;border-color:var(--color-border-light,#f4f4f4)}.s-thank-you-header-meta{display:flex;width:100%;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:1.5rem;row-gap:0.5rem;font-size:0.875rem;line-height:1.25rem;color:var(--color-text-secondary,#666)}.s-thank-you-header-reference{display:inline-flex;cursor:pointer;align-items:center;gap:0.5rem;border-width:0px;background-color:transparent;padding:0px;color:inherit}.s-thank-you-header-date{display:inline-flex;align-items:center;gap:0.5rem}.s-thank-you-header-meta svg{height:1.25rem;width:1.25rem;fill:currentColor}";export{n as salla_thank_you_header}
+import{r as e,h as r}from"./p-Ca7ApeqJ.js";import{S as a}from"./p-BpzvJ73s.js";import{C as t}from"./p-CTtM5VoO.js";import{S as i}from"./p-CiNDuG4-.js";const n=class{constructor(r){e(this,r)}async componentWillLoad(){await salla.onReady(),await salla.lang.onLoaded()}dateLabel(){const e=new Date(this.createdAt);if(Number.isNaN(e.getTime()))return"";const r=/([+-])(\d{2}):?(\d{2})$/.exec(this.createdAt||""),a=r?("-"===r[1]?-1:1)*(60*Number(r[2])+Number(r[3])):0,t=!!r||/Z$/i.test(this.createdAt||"");return new Intl.DateTimeFormat(document.documentElement.lang||"ar",{calendar:"gregory",day:"numeric",month:"long",year:"numeric",hour:"numeric",minute:"2-digit",...t?{timeZone:"UTC"}:{}}).format(t?new Date(e.getTime()+6e4*a):e)}async copyReference(){try{await navigator.clipboard.writeText(this.referenceId),salla.notify.success(salla.lang.get("common.elements.copied"))}catch{}}render(){const e=this.dateLabel();return r("header",{key:"d2d1914e2380a41b92c7d1ed0be4474535f347d4",class:"s-thank-you-header-wrapper"},r("div",{key:"a55c95fabb88c28027b4cdc8fec3b3689229f81c",class:"s-thank-you-header-intro"},r("span",{key:"68a5faab8488ff85cccdf74654be4c9a2c140399",class:"s-thank-you-header-success"},r("span",{key:"428d70eb21c90fe3db56e59141da3a7c581a8e94",class:"s-thank-you-header-success-icon","aria-hidden":"true",innerHTML:a}),r("span",{key:"5532f94ab170683945d88664c66d42f6cb75c68f",class:"s-thank-you-header-store"},this.storeLogo?r("img",{src:this.storeLogo,alt:this.storeName||""}):r("span",{"aria-hidden":"true",innerHTML:i}))),r("div",{key:"262f9756d2323be508c48bff389ebb8f840fc35b",class:"s-thank-you-header-copy"},r("h1",{key:"6f4cfc3918a346d561ab449314196bfb3a85bd20","data-testid":"store-thankyou-header-show-title",class:"s-thank-you-header-title"},this.heading),r("p",{key:"177f9fed6204bf568f6745311032521606eeafcf",class:"s-thank-you-header-subtitle"},this.subtitle||salla.lang.get("pages.thank_you.order_received")))),r("hr",{key:"864eedb2137299b4c73256cfd8f0cc5a848e1998",class:"s-thank-you-header-divider"}),r("div",{key:"d3e74fd5b47f6559d350f7a673c7cd0fdf1f4e76",class:"s-thank-you-header-meta"},this.referenceId?r("button",{type:"button",class:"s-thank-you-header-reference","data-testid":"store-thankyou-header-copy-reference","aria-label":`${salla.lang.get("common.elements.copy")} ${this.referenceId}`,onClick:()=>this.copyReference()},r("span",{"aria-hidden":"true",innerHTML:'\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>page-check</title>\n<path d="M13.629 21.113c-0.616-0.408-1.441-0.243-1.849 0.369-0.409 0.613-0.244 1.44 0.369 1.849l2.667 1.777c0.228 0.151 0.485 0.224 0.739 0.224 0.431 0 0.855-0.208 1.111-0.593l3.555-5.333c0.409-0.613 0.244-1.44-0.369-1.849-0.616-0.408-1.443-0.244-1.849 0.369l-2.815 4.224zM29.229 11.487c-0.068-0.163-0.167-0.309-0.289-0.431l-10.663-10.663c-0.123-0.123-0.269-0.221-0.431-0.289s-0.335-0.104-0.513-0.104h-10.667c-2.205 0-4 1.795-4 4v24c0 2.205 1.795 4 4 4h18.667c2.205 0 4-1.795 4-4v-16c0-0.179-0.036-0.352-0.104-0.513zM18.667 4.552l6.115 6.115h-6.115zM26.667 28c0 0.736-0.597 1.333-1.333 1.333h-18.667c-0.736 0-1.333-0.597-1.333-1.333v-24c0-0.736 0.597-1.333 1.333-1.333h9.333v9.333c0 0.737 0.596 1.333 1.333 1.333h9.333z"></path>\n</svg>\n'}),r("span",{dir:"ltr"},"#",this.referenceId),r("span",{"aria-hidden":"true",innerHTML:t})):null,e?r("span",{class:"s-thank-you-header-date"},r("span",{"aria-hidden":"true",innerHTML:'\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>clock</title>\n<path d="M16 10.667c-0.736 0-1.333 0.597-1.333 1.333v4h-2.667c-0.736 0-1.333 0.597-1.333 1.333 0 0.737 0.597 1.333 1.333 1.333h4c0.736 0 1.333-0.596 1.333-1.333v-5.333c0-0.736-0.597-1.333-1.333-1.333zM16 5.333c-5.881 0-10.667 4.785-10.667 10.667s4.785 10.667 10.667 10.667 10.667-4.785 10.667-10.667-4.785-10.667-10.667-10.667zM16 24c-4.412 0-8-3.588-8-8s3.588-8 8-8 8 3.588 8 8-3.588 8-8 8zM16 0c-8.823 0-16 7.177-16 16s7.177 16 16 16 16-7.177 16-16-7.177-16-16-16zM16 29.333c-7.352 0-13.333-5.981-13.333-13.333s5.981-13.333 13.333-13.333 13.333 5.981 13.333 13.333-5.981 13.333-13.333 13.333z"></path>\n</svg>\n'}),r("time",{dateTime:this.createdAt},e)):null),r("slot",{key:"086631b68ccd291cc3b188d4193aa3a782509edf"}))}};n.style="/*!twlt*/:host{display:block}.s-thank-you-header-wrapper{display:flex;width:100%;flex-direction:column;align-items:center;gap:1rem;text-align:center}@media (min-width: 640px){.s-thank-you-header-wrapper{gap:1.5rem}}.s-thank-you-header-intro{display:flex;width:100%;flex-direction:column;align-items:center;gap:0.75rem}.s-thank-you-header-success{position:relative;display:flex;height:4rem;width:4rem;align-items:center;justify-content:center;border-radius:9999px;background-color:var(--color-primary);color:var(--color-primary-reverse)}.s-thank-you-header-success-icon{display:inline-flex;align-items:center;justify-content:center}.s-thank-you-header-success-icon svg{height:2rem;width:2rem;fill:currentColor}.s-thank-you-header-store{position:absolute;bottom:1px;right:1px;display:flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center;overflow:hidden;border-radius:9999px;border-width:1px;border-color:var(--color-surface,#fff);background-color:var(--color-surface,#fff);padding:0.25rem;color:var(--color-primary)}.s-thank-you-header-store img,.s-thank-you-header-store svg{height:100%;width:100%;fill:currentColor;object-fit:contain}.s-thank-you-header-copy{display:flex;width:100%;flex-direction:column;gap:0.5rem}.s-thank-you-header-title{margin:0px;font-size:1.5rem;font-weight:700;line-height:1.75rem;color:var(--color-text-primary,#333)}.s-thank-you-header-subtitle{margin:0px;width:100%;font-size:1rem;line-height:1.5rem;color:var(--color-text-secondary,#666)}.s-thank-you-header-divider{margin:0px;width:100%;border-width:0px;border-top-width:1px;border-color:var(--color-border-light,#f4f4f4)}.s-thank-you-header-meta{display:flex;width:100%;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:1.5rem;row-gap:0.5rem;font-size:0.875rem;line-height:1.25rem;color:var(--color-text-secondary,#666)}.s-thank-you-header-reference{display:inline-flex;cursor:pointer;align-items:center;gap:0.5rem;border-width:0px;background-color:transparent;padding:0px;color:inherit}.s-thank-you-header-date{display:inline-flex;align-items:center;gap:0.5rem}.s-thank-you-header-meta svg{height:1.25rem;width:1.25rem;fill:currentColor}";export{n as salla_thank_you_header}