@viur/shop-components 0.0.1-dev.33 → 0.0.1-dev.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(f,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@viur/vue-utils"),require("pinia"),require("@viur/viur-shop-client"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","@viur/vue-utils","pinia","@viur/viur-shop-client","vue-router"],e):(f=typeof globalThis<"u"?globalThis:f||self,e(f.ViurShopComponents={},f.Vue,f.ViurVueUtils,f.Pinia,f.ViurShopClient))})(this,function(f,e,w,q,D){"use strict";const y=(t,r)=>{const n=t.__vccOpts||t;for(const[m,o]of r)n[m]=o;return n},C={props:{size:{type:String,default:"2"},active:{type:Boolean,default:!0},logo:{default:"logo-cube.svg",type:String},color:{default:"var(--sl-color-primary-500)",type:String}},setup(t,r){const n=e.reactive({trackWidth:e.computed(()=>`${t.size/30}rem`),outerSize:e.computed(()=>`calc(${t.size}rem + ${n.trackWidth})`),spinnerSize:e.computed(()=>`${t.size}rem`),logoSize:e.computed(()=>`calc(${t.size}rem - ${n.trackWidth} * 10)`),shadow:e.computed(()=>`0px 0px ${t.size/6}rem 0 color-mix(in hsl, var(--sl-color-neutral-1000), 80% transparent)`)});return{state:n}}},T=()=>{e.useCssVars(t=>({"93747d92":t.state.outerSize,"284424e5":t.state.shadow,"6485ca5e":t.state.logoSize,"5d833915":t.state.spinnerSize,d5b3feca:t.color,"2050b700":t.state.trackWidth}))},I=C.setup;C.setup=I?(t,r)=>(T(),I(t,r)):T;const O={key:0,class:"loading"},A={class:"logo"};function F(t,r,n,m,o,l){const b=e.resolveComponent("sl-spinner"),_=e.resolveComponent("sl-icon");return e.openBlock(),e.createBlock(e.Transition,null,{default:e.withCtx(()=>[n.active?(e.openBlock(),e.createElementBlock("div",O,[e.createVNode(b,{class:"loader"}),e.createElementVNode("div",A,[e.createVNode(_,{src:n.logo},null,8,["src"])])])):e.createCommentVNode("",!0)]),_:1})}const j=y(C,[["render",F],["__scopeId","data-v-46c45785"]]),g=q.defineStore("cartstore",()=>{const t=new D.ViURShopClient({host_url:window.location.origin==="http://localhost:8081"?"http://localhost:8080":window.location.origin}),r=e.reactive({basketRootNode:{},whishlistRootNodes:[],children:{},structure:{address:{},cart:{}}});async function n(){await o()}async function m(s){return await t.cart_list({cart_key:s})}async function o(){(await t.cart_list()).forEach(a=>{a.is_root_node&&(a.cart_type==="basket"?r.basketRootNode=a:r.whishlistRootNodes.push(a))})}async function l(s,a){let i=await t.article_add({article_key:s,parent_cart_key:a});console.log("addToCart",i)}async function b(s,a){let i=await t.article_view({article_key:s,parent_cart_key:a});console.log("getArticleView",i)}async function _(s,a){let i=await t.article_remove({article_key:s,parent_cart_key:a});console.log("remove Resp",i)}async function p(s,a,i){let d=await t.article_update({article_key:s,parent_cart_key:a,quantity:i,quantity_mode:"replace"});console.log("update Resp",d)}async function h(){let s=await t.address_structure();r.structure.address=s.addSkel,console.log("adress add",r.structure.address)}return{state:r,addToCart:l,getArticleView:b,removeItem:_,updateItem:p,init:n,getAdressStructure:h,getChildren:m}}),W={__name:"CartNode",props:{node:{type:Object,required:!0}},setup(t){return e.reactive({}),(r,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createTextVNode(" cartnode "),e.createElementVNode("pre",null,e.toDisplayString(t.node.name),1)],64))}},x=t=>(e.pushScopeId("data-v-0e24135f"),t=t(),e.popScopeId(),t),M=["src"],K={class:"viur-shop-cart-card-header",slot:"header"},L={class:"viur-shop-cart-card-headline headline"},U={class:"viur-shop-cart-card-body-row"},G={class:"viur-shop-cart-card-body-info"},P=x(()=>e.createElementVNode("div",{class:"viur-shop-cart-card-descr"},[e.createTextVNode(" Version: 900x900x2000 "),e.createElementVNode("br"),e.createTextVNode(" Farbe: Chromoptik "),e.createElementVNode("br"),e.createTextVNode(" Glasart: Klar hell mit Edelglasbeschichtung"),e.createElementVNode("br"),e.createTextVNode(" Anschlag: Beidseitig variabel"),e.createElementVNode("br"),e.createTextVNode(" Griff: Stangengriff Exklusiv (56) ")],-1)),Z={class:"viur-shop-cart-card-body-footer"},H={class:"viur-shop-cart-card-body-amount"},J={class:"viur-shop-cart-card-price-wrap",slot:"footer"},Q=x(()=>e.createElementVNode("div",{class:"viur-shop-cart-card-price-label"},"Preis",-1)),X={class:"viur-shop-cart-card-price"},Y=x(()=>e.createElementVNode("div",{class:"viur-shop-cart-card-small-print"},"Brutto / Stk.",-1)),v=y({__name:"CartLeaf",props:{leaf:{type:Object,required:!0},node:{type:Object,required:!0}},emits:["updateItem","removeItem"],setup(t,{emit:r}){const n=t,m=r,o=e.reactive({leaf:{}});function l(p){return p!==void 0?w.Request.downloadUrlFor(p):"https://images.unsplash.com/photo-1559209172-0ff8f6d49ff7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=80"}function b(p,h,s,a){m("updateItem",{item:p,articleKey:h,node:s,quantity:a})}function _(p,h,s){m("removeItem",{item:p,articleKey:h,node:s})}return e.onBeforeMount(()=>{o.leaf=n.leaf}),(p,h)=>{const s=e.resolveComponent("sl-icon"),a=e.resolveComponent("sl-button"),i=e.resolveComponent("sl-input"),d=e.resolveComponent("sl-card");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createTextVNode(" cartleafe "),e.createVNode(d,{horizontal:"",class:"viur-shop-cart-card"},{default:e.withCtx(()=>[e.createElementVNode("img",{class:"viur-shop-cart-card-img",slot:"image",src:l(o.leaf.shop_image?o.leaf.shop_image:void 0)},null,8,M),e.createElementVNode("div",K,[e.createElementVNode("h4",L,e.toDisplayString(o.leaf.shop_name)+" | "+e.toDisplayString(t.leaf.shop_art_no_or_gtin),1)]),e.createElementVNode("div",U,[e.createElementVNode("div",G,[P,e.createElementVNode("div",Z,[e.createVNode(a,{size:"small",outline:"",class:"viur-shop-cart-card-add-to-favourites-btn",variant:"primary",title:"Add to favourites"},{default:e.withCtx(()=>[e.createVNode(s,{name:"heart",slot:"prefix"})]),_:1}),e.createVNode(a,{size:"small",outline:"",class:"viur-shop-cart-card-delete-btn",variant:"primary",title:"Remove from cart",onClick:h[0]||(h[0]=k=>_(o.leaf,o.leaf.article.dest.key,t.node))},{default:e.withCtx(()=>[e.createVNode(s,{name:"trash",slot:"prefix"})]),_:1})])]),e.createElementVNode("div",H,[e.createVNode(i,{class:"amount-input",type:"number",label:"Anzahl",placeholder:"Number",min:"0",modelValue:o.leaf.quantity,"onUpdate:modelValue":h[1]||(h[1]=k=>o.leaf.quantity=k),onInput:h[2]||(h[2]=k=>b(o.leaf,o.leaf.article.dest.key,t.node,o.leaf.quantity))},null,8,["modelValue"])]),e.createElementVNode("div",J,[Q,e.createElementVNode("div",X,e.toDisplayString(o.leaf.price.retail)+" € ",1),Y])])]),_:1})],64)}}},[["__scopeId","data-v-0e24135f"]]),u=t=>(e.pushScopeId("data-v-7aae4815"),t=t(),e.popScopeId(),t),ee=u(()=>e.createElementVNode("p",null,"Möchten Sie den Artikel wirklich aus dem Warenkorb entfernen?",-1)),te={class:"footer-wrap",slot:"footer"},oe={key:0},ae=u(()=>e.createElementVNode("h2",{class:"viur-shop-cart-sidebar-headline headline"},"Zusammenfassung",-1)),ne=u(()=>e.createElementVNode("br",null,null,-1)),re=u(()=>e.createElementVNode("br",null,null,-1)),se={class:"viur-shop-cart-sidebar-info-line"},ce=u(()=>e.createElementVNode("span",null,"Zwischensumme",-1)),le=u(()=>e.createElementVNode("div",{class:"viur-shop-cart-sidebar-info-line"},[e.createElementVNode("span",null,"Rabatt"),e.createTextVNode(" 0 € ")],-1)),ie=u(()=>e.createElementVNode("div",{class:"viur-shop-cart-sidebar-info-line"},[e.createElementVNode("span",null,"Versandkosten"),e.createTextVNode(" 0 € ")],-1)),de={class:"viur-shop-cart-sidebar-info-line total"},me=u(()=>e.createElementVNode("span",null,"Gesamt:",-1)),pe={class:"viur-shop-cart-sidebar-btn-wrap"},B=y({__name:"CartView",props:{mode:{type:String,default:"basket"},cartKey:{type:String,required:!0},sidebar:{type:Boolean,default:!0}},setup(t){const r=t,n=g(),m=e.ref(null),o=e.reactive({cartIsInit:e.computed(()=>!!n.state.basketRootNode),itemsIsInit:e.computed(()=>!0),images:{},currentItem:{},currentNode:{},nodes:[],leaves:{}});e.computed(()=>r.mode==="basket"?n.state.basket:r.cartKey);async function l(){await n.updateItem(o.currentItem.article.dest.key,o.currentNode.key,0),await h(),m.value.hide()}async function b(a){console.log("updateItem :",a),a.quantity===0?(m.value.show(),o.currentItem=a.item,o.currentNode=a.node):(await n.updateItem(a.articleKey,a.node.key,a.quantity),await n.init())}function _(a){console.log("removeItem :",a),m.value.show(),o.currentItem=a.item,o.currentNode=a.node}async function p(){o.leaves[o.currentNode.key].forEach(a=>{a.key===o.currentItem.key&&(a.quantity=1)}),o.currentItem={},o.currentNode={}}async function h(){o.nodes=[],o.leaves={},await n.init(),await s()}async function s(a=r.cartKey){console.log("debug getChildren parentKey from comp: ",a);const i=await n.getChildren(a);console.log("getChildren children: ",i),i.forEach(async d=>{d.skel_type==="node"?(o.nodes.push(d),await s(d.key)):(Object.keys(o.leaves).includes(a)||(o.leaves[a]=[]),o.leaves[a].push(d))})}return e.onBeforeMount(async()=>{await n.init(),await s(),r.mode==="basket"&&o.nodes.push(n.state.basketRootNode),console.log("state.nodes test",o.nodes),console.log("state.leaves",o.leaves)}),(a,i)=>{const d=e.resolveComponent("sl-spinner"),k=e.resolveComponent("sl-button"),S=e.resolveComponent("sl-dialog"),$=e.resolveComponent("sl-input"),N=e.resolveComponent("sl-icon");return t.cartKey.length?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(S,{ref_key:"confirm",ref:m,onSlHide:p},{default:e.withCtx(()=>[ee,e.createElementVNode("div",te,[e.createVNode(k,{variant:"danger",onClick:i[0]||(i[0]=V=>m.value.hide()),size:"medium"},{default:e.withCtx(()=>[e.createTextVNode(" Abbrechen ")]),_:1}),e.createVNode(k,{variant:"success",onClick:l,size:"medium"},{default:e.withCtx(()=>[e.createTextVNode(" Aus Warenkorb entfernen ")]),_:1})])]),_:1},512),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.nodes,V=>(e.openBlock(),e.createElementBlock("div",null,[Object.keys(o.leaves).includes(V.key)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(W,{node:V},null,8,["node"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.leaves[V.key],E=>(e.openBlock(),e.createBlock(v,{key:E.key,leaf:E,node:V,onRemoveItem:_,onUpdateItem:b},null,8,["leaf","node"]))),128))],64)):e.createCommentVNode("",!0)]))),256)),t.sidebar?(e.openBlock(),e.createElementBlock("div",oe,[ae,ne,e.createVNode($,{label:"Rabattcode eingeben"}),re,e.createElementVNode("div",se,[ce,e.createTextVNode(" --> "+e.toDisplayString(t.mode==="basket"?e.unref(n).state.basketRootNode.total:e.unref(n).state.whishlistRootNodes[t.cartKey].total)+" € ",1)]),le,ie,e.createElementVNode("div",de,[me,e.createTextVNode(" "+e.toDisplayString(t.mode==="basket"?e.unref(n).state.basketRootNode.total:e.unref(n).state.whishlistRootNodes[t.cartKey].total)+" € ",1)]),e.createElementVNode("div",pe,[e.createVNode(k,{variant:"info",size:"small"},{default:e.withCtx(()=>[e.createTextVNode(" Jetzt Bestellen ")]),_:1}),e.createVNode(k,{size:"small",variant:"primary"},{default:e.withCtx(()=>[e.createVNode(N,{name:"paypal",slot:"prefix"}),e.createTextVNode(" Paypal ")]),_:1})])])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(d,{key:0}))}}},[["__scopeId","data-v-7aae4815"]]),c=t=>(e.pushScopeId("data-v-75e70e9a"),t=t(),e.popScopeId(),t),_e={key:1,class:"list"},he=c(()=>e.createElementVNode("h2",{class:"viur-shop-cart-headline headline"},"Bestellung prüfen",-1)),fe=c(()=>e.createElementVNode("br",null,null,-1)),Ne={class:"viur-shop-cart-address-wrap"},Ve={class:"viur-shop-cart-address"},be={class:"viur-shop-cart-address-headline"},ke=c(()=>e.createElementVNode("br",null,null,-1)),ue=c(()=>e.createElementVNode("br",null,null,-1)),ye=c(()=>e.createElementVNode("br",null,null,-1)),ge=c(()=>e.createElementVNode("br",null,null,-1)),Ee=c(()=>e.createElementVNode("br",null,null,-1)),we={class:"viur-shop-cart-address"},Ce={class:"viur-shop-cart-address-headline"},xe=c(()=>e.createElementVNode("br",null,null,-1)),Be=c(()=>e.createElementVNode("br",null,null,-1)),Se=c(()=>e.createElementVNode("br",null,null,-1)),$e=c(()=>e.createElementVNode("br",null,null,-1)),Te=c(()=>e.createElementVNode("br",null,null,-1)),Ie={class:"viur-shop-cart-payment"},ze=c(()=>e.createElementVNode("div",{class:"viur-shop-cart-payment-method"},[e.createElementVNode("span",null,"Zahlungsmethode:"),e.createTextVNode(" Paypal ")],-1)),Re=c(()=>e.createElementVNode("h2",{class:"viur-shop-cart-headline headline"},"Warenkorb",-1)),qe=c(()=>e.createElementVNode("br",null,null,-1)),De=["src"],Oe={class:"viur-shop-cart-mini-cart-header",slot:"header"},Ae={class:"viur-shop-cart-mini-headline headline"},Fe={class:"viur-shop-cart-mini-card-body-row"},je={class:"viur-shop-cart-mini-card-body-info"},We={class:"viur-shop-cart-mini-card-info-wrap"},Me=c(()=>e.createElementVNode("div",{class:"viur-shop-cart-mini-card-info"},[e.createElementVNode("span",null,"Anzahl: "),e.createTextVNode(" 1 ")],-1)),Ke={class:"viur-shop-cart-mini-card-info"},Le=c(()=>e.createElementVNode("span",null,"Preis: ",-1)),Ue=c(()=>e.createElementVNode("h2",{class:"viur-shop-cart-sidebar-headline headline"},"Jetzt Bestellen",-1)),Ge=c(()=>e.createElementVNode("br",null,null,-1)),Pe={class:"viur-shop-cart-sidebar-info-line"},Ze=c(()=>e.createElementVNode("span",null,"Zwischensumme",-1)),He=c(()=>e.createElementVNode("div",{class:"viur-shop-cart-sidebar-info-line"},[e.createElementVNode("span",null,"Rabatt"),e.createTextVNode(" 0 € ")],-1)),Je=c(()=>e.createElementVNode("div",{class:"viur-shop-cart-sidebar-info-line"},[e.createElementVNode("span",null,"Versandkosten"),e.createTextVNode(" 0 € ")],-1)),Qe={class:"viur-shop-cart-sidebar-info-line total"},Xe=c(()=>e.createElementVNode("span",null,"Gesamt:",-1)),Ye={class:"viur-shop-cart-sidebar-btn-wrap"},z=y({__name:"ConfirmView",setup(t){const r=g(),n=e.reactive({cartIsInit:e.computed(()=>!!r.state.basket.length),itemsIsInit:e.computed(()=>!!r.state.carts[r.state.basket].items),images:{},showOrderButton:!1});function m(l){return w.Request.get(`/json/dk_variante/view/${l}`).then(async b=>{let _=await b.json();_=_.values;let p=_.dk_artikel.dest.image?w.Request.downloadUrlFor(_.dk_artikel.dest.image):"https://images.unsplash.com/photo-1559209172-0ff8f6d49ff7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=80";n.images[l]=p}),n.images[l]}function o(l){l.target.checked&&(n.showOrderButton=!0),l.target.checked||(n.showOrderButton=!1)}return e.onBeforeMount(async()=>{await r.init()}),(l,b)=>{const _=e.resolveComponent("sl-icon"),p=e.resolveComponent("sl-button"),h=e.resolveComponent("sl-card"),s=e.resolveComponent("sl-checkbox");return n.cartIsInit?(e.openBlock(),e.createElementBlock("div",_e,[he,fe,e.createElementVNode("div",Ne,[e.createElementVNode("div",Ve,[e.createElementVNode("div",be,[e.createTextVNode(" Versandadresse "),e.createVNode(p,{outline:"",size:"small"},{default:e.withCtx(()=>[e.createVNode(_,{name:"pencil",slot:"prefix"})]),_:1})]),e.createTextVNode(" Roland Brose"),ke,e.createTextVNode(" Speicherstraße 33"),ue,e.createTextVNode(" 44147 Dortmund, DE"),ye,ge,e.createTextVNode(" rb@mausbrand.de"),Ee,e.createTextVNode(" 0231 21 34 68 90 ")]),e.createElementVNode("div",we,[e.createElementVNode("div",Ce,[e.createTextVNode(" Rechnungsadresse "),e.createVNode(p,{outline:"",size:"small"},{default:e.withCtx(()=>[e.createVNode(_,{name:"pencil",slot:"prefix"})]),_:1})]),e.createTextVNode(" Roland Brose"),xe,e.createTextVNode(" Speicherstraße 33"),Be,e.createTextVNode(" 44147 Dortmund, DE"),Se,$e,e.createTextVNode(" rb@mausbrand.de"),Te,e.createTextVNode(" 0231 21 34 68 90 ")])]),e.createElementVNode("div",Ie,[ze,e.createVNode(p,{outline:"",size:"small"},{default:e.withCtx(()=>[e.createVNode(_,{name:"pencil",slot:"prefix"})]),_:1})]),Re,qe,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(r).state.carts[e.unref(r).state.basket].items,a=>(e.openBlock(),e.createBlock(h,{horizontal:"",class:"viur-shop-cart-mini-card"},{default:e.withCtx(()=>[e.createElementVNode("img",{class:"viur-shop-cart-mini-card-img",slot:"image",src:m(a.article.dest.key)},null,8,De),e.createElementVNode("div",Oe,[e.createElementVNode("h4",Ae,e.toDisplayString(a.article.dest.shop_name)+" | 425018",1)]),e.createElementVNode("div",Fe,[e.createElementVNode("div",je,[e.createElementVNode("div",We,[Me,e.createElementVNode("div",Ke,[Le,e.createTextVNode(" "+e.toDisplayString(a.article.dest.shop_price_recommended)+" € ",1)])])])])]),_:2},1024))),256)),(e.openBlock(),e.createBlock(e.Teleport,{to:"#order_sidebar"},[Ue,Ge,e.createElementVNode("div",Pe,[Ze,e.createTextVNode(" "+e.toDisplayString(e.unref(r).state.carts[e.unref(r).state.basket].info.total)+" € ",1)]),He,Je,e.createElementVNode("div",Qe,[Xe,e.createTextVNode(" "+e.toDisplayString(e.unref(r).state.carts[e.unref(r).state.basket].info.total)+" € ",1)]),e.createVNode(s,{onSlChange:o},{default:e.withCtx(()=>[e.createTextVNode(" Ich akzeptiere die geltenden AGBs und Datenschutzbestimmungen ")]),_:1}),e.createElementVNode("div",Ye,[e.createVNode(p,{variant:n.showOrderButton?"info":"disabled",size:"small",disabled:!n.showOrderButton},{default:e.withCtx(()=>[e.createTextVNode(" Zahlungspflichtig bestellen ")]),_:1},8,["variant","disabled"])])]))])):(e.openBlock(),e.createBlock(j,{key:0}))}}},[["__scopeId","data-v-75e70e9a"]]),ve=t=>(e.pushScopeId("data-v-61488015"),t=t(),e.popScopeId(),t),et={class:"bind viur-shop-wrap"},tt={class:"viur-shop-order-step"},ot={class:"viur-shop-order-status-text"},at=ve(()=>e.createElementVNode("div",{class:"viur-shop-sidebar",id:"order_sidebar"},null,-1)),nt=y({__name:"OrderView",props:{tabs:{type:Object,required:!0}},emits:["tabChange"],setup(t,{emit:r}){const n=t,m=r,o=e.reactive({tabNames:e.computed(()=>b(n.tabs)),isFirstTab:s=>s===0}),l=e.ref(null);function b(s){let a=[],i=[];for(const d in s)s[d].position?a.push([d,s[d].position]):a.push([d,0]);return a.sort((d,k)=>d[1]-k[1]),a.forEach(d=>{i.push(d[0])}),i}function _(s){m("tabChange",s)}function p(s){l.value.show(s)}function h(s){l.value.show(s)}return(s,a)=>{const i=e.resolveComponent("sl-icon"),d=e.resolveComponent("sl-tab"),k=e.resolveComponent("sl-button"),S=e.resolveComponent("sl-tab-panel"),$=e.resolveComponent("sl-tab-group");return e.openBlock(),e.createElementBlock("div",et,[e.createVNode($,{class:"viur-shop-order-tab",noScrollControls:"",onSlTabShow:_,ref_key:"tabGroup",ref:l},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.tabNames,(N,V)=>(e.openBlock(),e.createBlock(d,{slot:"nav",panel:N,key:N,disabled:t.tabs[N].disabled},{default:e.withCtx(()=>[e.createElementVNode("div",tt,[e.createVNode(i,{name:t.tabs[N].icon.name,library:t.tabs[N].icon.library},null,8,["name","library"]),e.createElementVNode("div",ot,e.toDisplayString(V+1)+". "+e.toDisplayString(t.tabs[N].displayName),1)]),V<o.tabNames.length-1?(e.openBlock(),e.createBlock(i,{key:0,name:"chevron-right",class:"viur-shop-order-tab-check"})):e.createCommentVNode("",!0)]),_:2},1032,["panel","disabled"]))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.tabNames,(N,V)=>(e.openBlock(),e.createBlock(S,{name:N,key:N},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tabs[N].component),e.mergeProps({ref_for:!0},t.tabs[N].props?t.tabs[N].props:""),null,16)),V!==o.tabNames.length-1?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["viur-shop-form-footer",{"flex-end":o.isFirstTab(V)}])},[e.withDirectives(e.createVNode(k,{type:"submit",onClick:E=>p(o.tabNames[V-1])},{default:e.withCtx(()=>[e.createTextVNode(" Zurück ")]),_:2},1032,["onClick"]),[[e.vShow,V!==0]]),e.createVNode(k,{type:"submit",variant:"primary",onClick:E=>h(o.tabNames[V+1])},{default:e.withCtx(()=>[e.createTextVNode(" Weiter ")]),_:2},1032,["onClick"])],2)):e.createCommentVNode("",!0)]),_:2},1032,["name"]))),128))]),_:1},512),at])}}},[["__scopeId","data-v-61488015"]]),R={__name:"ExampleUsage",setup(t){const r=g(),n=e.computed(()=>r.state.basketRootNode.key?r.state.basketRootNode.key:""),m=e.reactive({rootNode:{},tabs:{cart:{component:e.shallowRef(B),props:{sidebar:!0,mode:"basket",cartKey:n},displayName:"Warenkorb",icon:{name:"cart",library:"hsk"},position:2,disabled:!1,atShow:null,atHide:null}}});function o(l){(l==null?void 0:l.detail.name)==="confirm"&&(m.tabs.orderComplete.disabled=!1)}return e.onBeforeMount(async()=>{await r.init(),await r.getAdressStructure(),console.log("debug init exampleusage :",r.state.basketRootNode)}),(l,b)=>(e.openBlock(),e.createBlock(nt,{tabs:m.tabs,onTabChange:o},null,8,["tabs"]))}},rt={install(t){t.component("CartView",B),t.component("ExampleUsage",R),t.component("ConfirmView",z)}};f.CartView=B,f.ConfirmView=z,f.ExampleUsage=R,f.default=rt,f.useCartStore=g,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
1
|
+
(function(_,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@viur/vue-utils"),require("pinia"),require("@viur/viur-shop-client"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","@viur/vue-utils","pinia","@viur/viur-shop-client","vue-router"],e):(_=typeof globalThis<"u"?globalThis:_||self,e(_.ViurShopComponents={},_.Vue,_.ViurVueUtils,_.Pinia,_.ViurShopClient))})(this,function(_,e,g,C,T){"use strict";const V=(t,n)=>{const r=t.__vccOpts||t;for(const[d,o]of n)r[d]=o;return r},w={props:{size:{type:String,default:"2"},active:{type:Boolean,default:!0},logo:{default:"logo-cube.svg",type:String},color:{default:"var(--sl-color-primary-500)",type:String}},setup(t,n){const r=e.reactive({trackWidth:e.computed(()=>`${t.size/30}rem`),outerSize:e.computed(()=>`calc(${t.size}rem + ${r.trackWidth})`),spinnerSize:e.computed(()=>`${t.size}rem`),logoSize:e.computed(()=>`calc(${t.size}rem - ${r.trackWidth} * 10)`),shadow:e.computed(()=>`0px 0px ${t.size/6}rem 0 color-mix(in hsl, var(--sl-color-neutral-1000), 80% transparent)`)});return{state:r}}},B=()=>{e.useCssVars(t=>({"93747d92":t.state.outerSize,"284424e5":t.state.shadow,"6485ca5e":t.state.logoSize,"5d833915":t.state.spinnerSize,d5b3feca:t.color,"2050b700":t.state.trackWidth}))},S=w.setup;w.setup=S?(t,n)=>(B(),S(t,n)):B;const z=t=>(e.pushScopeId("data-v-46c45785"),t=t(),e.popScopeId(),t),R={key:0,class:"loading"},D=z(()=>e.createElementVNode("sl-spinner",{class:"loader"},null,-1)),q={class:"logo"},O=["src"];function A(t,n,r,d,o,i){return e.openBlock(),e.createBlock(e.Transition,null,{default:e.withCtx(()=>[r.active?(e.openBlock(),e.createElementBlock("div",R,[D,e.createElementVNode("div",q,[e.createElementVNode("sl-icon",{src:r.logo},null,8,O)])])):e.createCommentVNode("",!0)]),_:1})}const M=V(w,[["render",A],["__scopeId","data-v-46c45785"]]),E=C.defineStore("cartstore",()=>{const t=new T.ViURShopClient({host_url:window.location.origin==="http://localhost:8081"?"http://localhost:8080":window.location.origin}),n=e.reactive({basketRootNode:{},whishlistRootNodes:[],children:{},structure:{address:{},cart:{}}});async function r(){await o()}async function d(s){return await t.cart_list({cart_key:s})}async function o(){(await t.cart_list()).forEach(a=>{a.is_root_node&&(a.cart_type==="basket"?n.basketRootNode=a:n.whishlistRootNodes.push(a))})}async function i(s,a){let l=await t.article_add({article_key:s,parent_cart_key:a});console.log("addToCart",l)}async function N(s,a){let l=await t.article_view({article_key:s,parent_cart_key:a});console.log("getArticleView",l)}async function m(s,a){let l=await t.article_remove({article_key:s,parent_cart_key:a});console.log("remove Resp",l)}async function h(s,a,l){let c=await t.article_update({article_key:s,parent_cart_key:a,quantity:l,quantity_mode:"replace"});console.log("update Resp",c)}async function p(){let s=await t.address_structure();n.structure.address=s.addSkel,console.log("adress add",n.structure.address)}return{state:n,addToCart:i,getArticleView:N,removeItem:m,updateItem:h,init:r,getAdressStructure:p,getChildren:d}}),F={__name:"CartNode",props:{node:{type:Object,required:!0}},setup(t){return e.reactive({}),(n,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createTextVNode(" cartnode "),e.createElementVNode("pre",null,e.toDisplayString(t.node.name),1)],64))}},k=t=>(e.pushScopeId("data-v-0e24135f"),t=t(),e.popScopeId(),t),j={horizontal:"",class:"viur-shop-cart-card"},W=["src"],U={class:"viur-shop-cart-card-header",slot:"header"},H={class:"viur-shop-cart-card-headline headline"},K={class:"viur-shop-cart-card-body-row"},L={class:"viur-shop-cart-card-body-info"},G=k(()=>e.createElementVNode("div",{class:"viur-shop-cart-card-descr"},[e.createTextVNode(" Version: 900x900x2000 "),e.createElementVNode("br"),e.createTextVNode(" Farbe: Chromoptik "),e.createElementVNode("br"),e.createTextVNode(" Glasart: Klar hell mit Edelglasbeschichtung"),e.createElementVNode("br"),e.createTextVNode(" Anschlag: Beidseitig variabel"),e.createElementVNode("br"),e.createTextVNode(" Griff: Stangengriff Exklusiv (56) ")],-1)),P={class:"viur-shop-cart-card-body-footer"},Z=k(()=>e.createElementVNode("sl-button",{size:"small",outline:"",class:"viur-shop-cart-card-add-to-favourites-btn",variant:"primary",title:"Add to favourites"},[e.createElementVNode("sl-icon",{name:"heart",slot:"prefix"})],-1)),J=[k(()=>e.createElementVNode("sl-icon",{name:"trash",slot:"prefix"},null,-1))],Q={class:"viur-shop-cart-card-body-amount"},X={class:"viur-shop-cart-card-price-wrap",slot:"footer"},Y=k(()=>e.createElementVNode("div",{class:"viur-shop-cart-card-price-label"},"Preis",-1)),v={class:"viur-shop-cart-card-price"},ee=k(()=>e.createElementVNode("div",{class:"viur-shop-cart-card-small-print"},"Brutto / Stk.",-1)),te=V({__name:"CartLeaf",props:{leaf:{type:Object,required:!0},node:{type:Object,required:!0}},emits:["updateItem","removeItem"],setup(t,{emit:n}){const r=t,d=n,o=e.reactive({leaf:{}});function i(h){return h!==void 0?g.Request.downloadUrlFor(h):"https://images.unsplash.com/photo-1559209172-0ff8f6d49ff7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=80"}function N(h,p,s,a){d("updateItem",{item:h,articleKey:p,node:s,quantity:a})}function m(h,p,s){d("removeItem",{item:h,articleKey:p,node:s})}return e.onBeforeMount(()=>{o.leaf=r.leaf}),(h,p)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createTextVNode(" cartleafe "),e.createElementVNode("sl-card",j,[e.createElementVNode("img",{class:"viur-shop-cart-card-img",slot:"image",src:i(o.leaf.shop_image?o.leaf.shop_image:void 0)},null,8,W),e.createElementVNode("div",U,[e.createElementVNode("h4",H,e.toDisplayString(o.leaf.shop_name)+" | "+e.toDisplayString(t.leaf.shop_art_no_or_gtin),1)]),e.createElementVNode("div",K,[e.createElementVNode("div",L,[G,e.createElementVNode("div",P,[Z,e.createElementVNode("sl-button",{size:"small",outline:"",class:"viur-shop-cart-card-delete-btn",variant:"primary",title:"Remove from cart",onClick:p[0]||(p[0]=s=>m(o.leaf,o.leaf.article.dest.key,t.node))},J)])]),e.createElementVNode("div",Q,[e.withDirectives(e.createElementVNode("sl-input",{class:"amount-input",type:"number",label:"Anzahl",placeholder:"Number",min:"0","onUpdate:modelValue":p[1]||(p[1]=s=>o.leaf.quantity=s),onInput:p[2]||(p[2]=s=>N(o.leaf,o.leaf.article.dest.key,t.node,o.leaf.quantity))},null,544),[[e.vModelText,o.leaf.quantity]])]),e.createElementVNode("div",X,[Y,e.createElementVNode("div",v,e.toDisplayString(o.leaf.price.retail)+" € ",1),ee])])])],64))}},[["__scopeId","data-v-0e24135f"]]),b=t=>(e.pushScopeId("data-v-7aae4815"),t=t(),e.popScopeId(),t),oe={key:0},ae=b(()=>e.createElementVNode("p",null,"Möchten Sie den Artikel wirklich aus dem Warenkorb entfernen?",-1)),re={class:"footer-wrap",slot:"footer"},ne={key:0},se=b(()=>e.createElementVNode("h2",{class:"viur-shop-cart-sidebar-headline headline"},"Zusammenfassung",-1)),ce=b(()=>e.createElementVNode("br",null,null,-1)),le=b(()=>e.createElementVNode("sl-input",{label:"Rabattcode eingeben"},null,-1)),ie=b(()=>e.createElementVNode("br",null,null,-1)),de={class:"viur-shop-cart-sidebar-info-line"},me=b(()=>e.createElementVNode("span",null,"Zwischensumme",-1)),pe=b(()=>e.createElementVNode("div",{class:"viur-shop-cart-sidebar-info-line"},[e.createElementVNode("span",null,"Rabatt"),e.createTextVNode(" 0 € ")],-1)),he=b(()=>e.createElementVNode("div",{class:"viur-shop-cart-sidebar-info-line"},[e.createElementVNode("span",null,"Versandkosten"),e.createTextVNode(" 0 € ")],-1)),_e={class:"viur-shop-cart-sidebar-info-line total"},fe=b(()=>e.createElementVNode("span",null,"Gesamt:",-1)),Ne=b(()=>e.createElementVNode("div",{class:"viur-shop-cart-sidebar-btn-wrap"},[e.createElementVNode("sl-button",{variant:"info",size:"small"}," Jetzt Bestellen "),e.createElementVNode("sl-button",{size:"small",variant:"primary"},[e.createElementVNode("sl-icon",{name:"paypal",slot:"prefix"}),e.createTextVNode(" Paypal ")])],-1)),$=V({__name:"CartView",props:{mode:{type:String,default:"basket"},cartKey:{type:String,required:!0},sidebar:{type:Boolean,default:!0}},setup(t){const n=t,r=E(),d=e.ref(null),o=e.reactive({cartIsInit:e.computed(()=>!!r.state.basketRootNode),itemsIsInit:e.computed(()=>!0),images:{},currentItem:{},currentNode:{},nodes:[],leaves:{}});e.computed(()=>n.mode==="basket"?r.state.basket:n.cartKey);async function i(){await r.updateItem(o.currentItem.article.dest.key,o.currentNode.key,0),await p(),d.value.hide()}async function N(a){console.log("updateItem :",a),a.quantity===0?(d.value.show(),o.currentItem=a.item,o.currentNode=a.node):(await r.updateItem(a.articleKey,a.node.key,a.quantity),await r.init())}function m(a){console.log("removeItem :",a),d.value.show(),o.currentItem=a.item,o.currentNode=a.node}async function h(){o.leaves[o.currentNode.key].forEach(a=>{a.key===o.currentItem.key&&(a.quantity=1)}),o.currentItem={},o.currentNode={}}async function p(){o.nodes=[],o.leaves={},await r.init(),await s()}async function s(a=n.cartKey){console.log("debug getChildren parentKey from comp: ",a);const l=await r.getChildren(a);console.log("getChildren children: ",l),l.forEach(async c=>{c.skel_type==="node"?(o.nodes.push(c),await s(c.key)):(Object.keys(o.leaves).includes(a)||(o.leaves[a]=[]),o.leaves[a].push(c))})}return e.onBeforeMount(async()=>{await r.init(),await s(),n.mode==="basket"&&o.nodes.push(r.state.basketRootNode),console.log("state.nodes test",o.nodes),console.log("state.leaves",o.leaves)}),(a,l)=>t.cartKey.length?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("sl-dialog",{ref_key:"confirm",ref:d,onSlHide:h},[ae,e.createElementVNode("div",re,[e.createElementVNode("sl-button",{variant:"danger",onClick:l[0]||(l[0]=c=>d.value.hide()),size:"medium"}," Abbrechen "),e.createElementVNode("sl-button",{variant:"success",onClick:i,size:"medium"}," Aus Warenkorb entfernen ")])],544),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.nodes,c=>(e.openBlock(),e.createElementBlock("div",null,[Object.keys(o.leaves).includes(c.key)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(F,{node:c},null,8,["node"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.leaves[c.key],u=>(e.openBlock(),e.createBlock(te,{key:u.key,leaf:u,node:c,onRemoveItem:m,onUpdateItem:N},null,8,["leaf","node"]))),128))],64)):e.createCommentVNode("",!0)]))),256)),t.sidebar?(e.openBlock(),e.createElementBlock("div",ne,[se,ce,le,ie,e.createElementVNode("div",de,[me,e.createTextVNode(" --> "+e.toDisplayString(t.mode==="basket"?e.unref(r).state.basketRootNode.total:e.unref(r).state.whishlistRootNodes[t.cartKey].total)+" € ",1)]),pe,he,e.createElementVNode("div",_e,[fe,e.createTextVNode(" "+e.toDisplayString(t.mode==="basket"?e.unref(r).state.basketRootNode.total:e.unref(r).state.whishlistRootNodes[t.cartKey].total)+" € ",1)]),Ne])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock("sl-spinner",oe))}},[["__scopeId","data-v-7aae4815"]]),f=t=>(e.pushScopeId("data-v-75e70e9a"),t=t(),e.popScopeId(),t),be={key:1,class:"list"},Ve=f(()=>e.createElementVNode("h2",{class:"viur-shop-cart-headline headline"},"Bestellung prüfen",-1)),ue=f(()=>e.createElementVNode("br",null,null,-1)),ke=f(()=>e.createElementVNode("div",{class:"viur-shop-cart-address-wrap"},[e.createElementVNode("div",{class:"viur-shop-cart-address"},[e.createElementVNode("div",{class:"viur-shop-cart-address-headline"},[e.createTextVNode(" Versandadresse "),e.createElementVNode("sl-button",{outline:"",size:"small"},[e.createElementVNode("sl-icon",{name:"pencil",slot:"prefix"})])]),e.createTextVNode(" Roland Brose"),e.createElementVNode("br"),e.createTextVNode(" Speicherstraße 33"),e.createElementVNode("br"),e.createTextVNode(" 44147 Dortmund, DE"),e.createElementVNode("br"),e.createElementVNode("br"),e.createTextVNode(" rb@mausbrand.de"),e.createElementVNode("br"),e.createTextVNode(" 0231 21 34 68 90 ")]),e.createElementVNode("div",{class:"viur-shop-cart-address"},[e.createElementVNode("div",{class:"viur-shop-cart-address-headline"},[e.createTextVNode(" Rechnungsadresse "),e.createElementVNode("sl-button",{outline:"",size:"small"},[e.createElementVNode("sl-icon",{name:"pencil",slot:"prefix"})])]),e.createTextVNode(" Roland Brose"),e.createElementVNode("br"),e.createTextVNode(" Speicherstraße 33"),e.createElementVNode("br"),e.createTextVNode(" 44147 Dortmund, DE"),e.createElementVNode("br"),e.createElementVNode("br"),e.createTextVNode(" rb@mausbrand.de"),e.createElementVNode("br"),e.createTextVNode(" 0231 21 34 68 90 ")])],-1)),Ee=f(()=>e.createElementVNode("div",{class:"viur-shop-cart-payment"},[e.createElementVNode("div",{class:"viur-shop-cart-payment-method"},[e.createElementVNode("span",null,"Zahlungsmethode:"),e.createTextVNode(" Paypal ")]),e.createElementVNode("sl-button",{outline:"",size:"small"},[e.createElementVNode("sl-icon",{name:"pencil",slot:"prefix"})])],-1)),ye=f(()=>e.createElementVNode("h2",{class:"viur-shop-cart-headline headline"},"Warenkorb",-1)),ge=f(()=>e.createElementVNode("br",null,null,-1)),we={horizontal:"",class:"viur-shop-cart-mini-card"},$e=["src"],Be={class:"viur-shop-cart-mini-cart-header",slot:"header"},Se={class:"viur-shop-cart-mini-headline headline"},Ie={class:"viur-shop-cart-mini-card-body-row"},xe={class:"viur-shop-cart-mini-card-body-info"},Ce={class:"viur-shop-cart-mini-card-info-wrap"},Te=f(()=>e.createElementVNode("div",{class:"viur-shop-cart-mini-card-info"},[e.createElementVNode("span",null,"Anzahl: "),e.createTextVNode(" 1 ")],-1)),ze={class:"viur-shop-cart-mini-card-info"},Re=f(()=>e.createElementVNode("span",null,"Preis: ",-1)),De=f(()=>e.createElementVNode("h2",{class:"viur-shop-cart-sidebar-headline headline"},"Jetzt Bestellen",-1)),qe=f(()=>e.createElementVNode("br",null,null,-1)),Oe={class:"viur-shop-cart-sidebar-info-line"},Ae=f(()=>e.createElementVNode("span",null,"Zwischensumme",-1)),Me=f(()=>e.createElementVNode("div",{class:"viur-shop-cart-sidebar-info-line"},[e.createElementVNode("span",null,"Rabatt"),e.createTextVNode(" 0 € ")],-1)),Fe=f(()=>e.createElementVNode("div",{class:"viur-shop-cart-sidebar-info-line"},[e.createElementVNode("span",null,"Versandkosten"),e.createTextVNode(" 0 € ")],-1)),je={class:"viur-shop-cart-sidebar-info-line total"},We=f(()=>e.createElementVNode("span",null,"Gesamt:",-1)),Ue={class:"viur-shop-cart-sidebar-btn-wrap"},He=["variant","disabled"],I=V({__name:"ConfirmView",setup(t){const n=E(),r=e.reactive({cartIsInit:e.computed(()=>!!n.state.basket.length),itemsIsInit:e.computed(()=>!!n.state.carts[n.state.basket].items),images:{},showOrderButton:!1});function d(i){return g.Request.get(`/json/dk_variante/view/${i}`).then(async N=>{let m=await N.json();m=m.values;let h=m.dk_artikel.dest.image?g.Request.downloadUrlFor(m.dk_artikel.dest.image):"https://images.unsplash.com/photo-1559209172-0ff8f6d49ff7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=80";r.images[i]=h}),r.images[i]}function o(i){i.target.checked&&(r.showOrderButton=!0),i.target.checked||(r.showOrderButton=!1)}return e.onBeforeMount(async()=>{await n.init()}),(i,N)=>r.cartIsInit?(e.openBlock(),e.createElementBlock("div",be,[Ve,ue,ke,Ee,ye,ge,(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(n).state.carts[e.unref(n).state.basket].items,m=>(e.openBlock(),e.createElementBlock("sl-card",we,[e.createElementVNode("img",{class:"viur-shop-cart-mini-card-img",slot:"image",src:d(m.article.dest.key)},null,8,$e),e.createElementVNode("div",Be,[e.createElementVNode("h4",Se,e.toDisplayString(m.article.dest.shop_name)+" | 425018",1)]),e.createElementVNode("div",Ie,[e.createElementVNode("div",xe,[e.createElementVNode("div",Ce,[Te,e.createElementVNode("div",ze,[Re,e.createTextVNode(" "+e.toDisplayString(m.article.dest.shop_price_recommended)+" € ",1)])])])])]))),256)),(e.openBlock(),e.createBlock(e.Teleport,{to:"#order_sidebar"},[De,qe,e.createElementVNode("div",Oe,[Ae,e.createTextVNode(" "+e.toDisplayString(e.unref(n).state.carts[e.unref(n).state.basket].info.total)+" € ",1)]),Me,Fe,e.createElementVNode("div",je,[We,e.createTextVNode(" "+e.toDisplayString(e.unref(n).state.carts[e.unref(n).state.basket].info.total)+" € ",1)]),e.createElementVNode("sl-checkbox",{onSlChange:o}," Ich akzeptiere die geltenden AGBs und Datenschutzbestimmungen ",32),e.createElementVNode("div",Ue,[e.createElementVNode("sl-button",{variant:r.showOrderButton?"info":"disabled",size:"small",disabled:!r.showOrderButton}," Zahlungspflichtig bestellen ",8,He)])]))])):(e.openBlock(),e.createBlock(M,{key:0}))}},[["__scopeId","data-v-75e70e9a"]]),Ke=t=>(e.pushScopeId("data-v-61488015"),t=t(),e.popScopeId(),t),Le={class:"bind viur-shop-wrap"},Ge=["panel","disabled"],Pe={class:"viur-shop-order-step"},Ze=["name","library"],Je={class:"viur-shop-order-status-text"},Qe={key:0,name:"chevron-right",class:"viur-shop-order-tab-check"},Xe=["name"],Ye=["onClick"],ve=["onClick"],et=Ke(()=>e.createElementVNode("div",{class:"viur-shop-sidebar",id:"order_sidebar"},null,-1)),tt=V({__name:"OrderView",props:{tabs:{type:Object,required:!0}},emits:["tabChange"],setup(t,{emit:n}){const r=t,d=n,o=e.reactive({tabNames:e.computed(()=>N(r.tabs)),isFirstTab:s=>s===0}),i=e.ref(null);function N(s){let a=[],l=[];for(const c in s)s[c].position?a.push([c,s[c].position]):a.push([c,0]);return a.sort((c,u)=>c[1]-u[1]),a.forEach(c=>{l.push(c[0])}),l}function m(s){d("tabChange",s)}function h(s){i.value.show(s)}function p(s){i.value.show(s)}return(s,a)=>(e.openBlock(),e.createElementBlock("div",Le,[e.createElementVNode("sl-tab-group",{class:"viur-shop-order-tab",noScrollControls:"",onSlTabShow:m,ref_key:"tabGroup",ref:i},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.tabNames,(l,c)=>(e.openBlock(),e.createElementBlock("sl-tab",{slot:"nav",panel:l,key:l,disabled:t.tabs[l].disabled},[e.createElementVNode("div",Pe,[e.createElementVNode("sl-icon",{name:t.tabs[l].icon.name,library:t.tabs[l].icon.library},null,8,Ze),e.createElementVNode("div",Je,e.toDisplayString(c+1)+". "+e.toDisplayString(t.tabs[l].displayName),1)]),c<o.tabNames.length-1?(e.openBlock(),e.createElementBlock("sl-icon",Qe)):e.createCommentVNode("",!0)],8,Ge))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.tabNames,(l,c)=>(e.openBlock(),e.createElementBlock("sl-tab-panel",{name:l,key:l},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tabs[l].component),e.mergeProps({ref_for:!0},t.tabs[l].props?t.tabs[l].props:""),null,16)),c!==o.tabNames.length-1?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["viur-shop-form-footer",{"flex-end":o.isFirstTab(c)}])},[e.withDirectives(e.createElementVNode("sl-button",{type:"submit",onClick:u=>h(o.tabNames[c-1])}," Zurück ",8,Ye),[[e.vShow,c!==0]]),e.createElementVNode("sl-button",{type:"submit",variant:"primary",onClick:u=>p(o.tabNames[c+1])}," Weiter ",8,ve)],2)):e.createCommentVNode("",!0)],8,Xe))),128))],544),et]))}},[["__scopeId","data-v-61488015"]]),ot={},y=t=>(e.pushScopeId("data-v-36ccc280"),t=t(),e.popScopeId(),t),at={class:"bind"},rt=[y(()=>e.createElementVNode("h1",{class:"headline"},"Vielen Dank für Ihre Bestellung",-1)),y(()=>e.createElementVNode("br",null,null,-1)),y(()=>e.createElementVNode("p",{class:"paragraph"},[e.createElementVNode("strong",null,"Ihre Bestellnummer:"),e.createTextVNode(" 123345670 ")],-1)),y(()=>e.createElementVNode("p",{class:"paragraph"},[e.createTextVNode(" Wir haben Ihre Bestellung erhalten und werden diese schenllstmöglich bearbeiten."),e.createElementVNode("br"),e.createTextVNode(" Sie erhalten in wenigen Minuten eine Bestätigung per E-Mail. "),e.createElementVNode("div",{class:"btn-wrap"},[e.createElementVNode("sl-button",{size:"medium"}," Zur Startseite "),e.createElementVNode("sl-button",{variant:"primary",size:"medium"}," Weiter Einkaufen ")])],-1))];function nt(t,n){return e.openBlock(),e.createElementBlock("div",at,rt)}const st=V(ot,[["render",nt],["__scopeId","data-v-36ccc280"]]),x={__name:"ExampleUsage",setup(t){const n=E(),r=e.computed(()=>n.state.basketRootNode.key?n.state.basketRootNode.key:""),d=e.reactive({rootNode:{},tabs:{cart:{component:e.shallowRef($),props:{sidebar:!0,mode:"basket",cartKey:r},displayName:"Warenkorb",icon:{name:"cart",library:"hsk"},position:2,disabled:!1,atShow:null,atHide:null},orderComplete:{component:e.shallowRef(st),props:{},displayName:"Bestellung Abgeschlossen",icon:{name:"order-confirmed",library:"hsk"},position:6,disabled:!0,atShow:null,atHide:null},userInfo:{component:e.shallowRef(UserInformation),props:{},displayName:"Daten Eingeben",icon:{name:"user",library:"hsk"},position:3,disabled:!1,atShow:null,atHide:null},userInfoMulti:{component:e.shallowRef(UserInfoMulti),props:{},displayName:"Daten Eingeben (Multi)",icon:{name:"user",library:"hsk"},position:4,disabled:!1,atShow:null,atHide:null}}});function o(i){(i==null?void 0:i.detail.name)==="confirm"&&(d.tabs.orderComplete.disabled=!1)}return e.onBeforeMount(async()=>{await n.init(),await n.getAdressStructure(),console.log("debug init exampleusage :",n.state.basketRootNode)}),(i,N)=>(e.openBlock(),e.createBlock(tt,{tabs:d.tabs,onTabChange:o},null,8,["tabs"]))}},ct={install(t){t.component("CartView",$),t.component("ExampleUsage",x),t.component("ConfirmView",I)}};_.CartView=$,_.ConfirmView=I,_.ExampleUsage=x,_.default=ct,_.useCartStore=E,Object.defineProperties(_,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|