1import{s as j,R as F,a as O}from"./ripple.esm.4dd86dd7.js";import{F as P,s as C}from"./focustrap.esm.fa167002.js";import{s as V}from"./portal.esm.e7473283.js";import{Z as S,D as _,r as Z,x as B,o as d,c as L,w as v,f as c,y as f,b as g,T as U,j as I,a,e as x,g as h,z as K,E as w,h as z,ay as m,n as $,F as E,i as A,t as T}from"./app.0910bc5f.js";import{_ as M}from"./_plugin-vue_export-helper.cdc0426e.js";import"./index.esm.71f75d81.js";var D={name:"Sidebar",extends:j,inheritAttrs:!1,emits:["update:visible","show","hide","after-hide"],props:{visible:{type:Boolean,default:!1},position:{type:String,default:"left"},baseZIndex:{type:Number,default:0},autoZIndex:{type:Boolean,default:!0},dismissable:{type:Boolean,default:!0},showCloseIcon:{type:Boolean,default:!0},closeIcon:{type:String,default:void 0},modal:{type:Boolean,default:!0},blockScroll:{type:Boolean,default:!1}},data(){return{containerVisible:this.visible}},container:null,mask:null,content:null,headerContainer:null,closeButton:null,outsideClickListener:null,updated(){this.visible&&(this.containerVisible=this.visible)},beforeUnmount(){this.disableDocumentSettings(),this.mask&&this.autoZIndex&&S.clear(this.mask),this.container=null,this.mask=null},methods:{hide(){this.$emit("update:visible",!1)},onEnter(){this.$emit("show"),this.focus(),this.autoZIndex&&S.set("modal",this.mask,this.baseZIndex||this.$primevue.config.zIndex.modal)},onAfterEnter(){this.enableDocumentSettings()},onBeforeLeave(){this.modal&&_.addClass(this.mask,"p-component-overlay-leave")},onLeave(){this.$emit("hide")},onAfterLeave(){this.autoZIndex&&S.clear(this.mask),this.containerVisible=!1,this.disableDocumentSettings(),this.$emit("after-hide")},onMaskClick(e){this.dismissable&&this.modal&&this.mask===e.target&&this.hide()},focus(){const e=r=>r.querySelector("[autofocus]");let n=this.$slots.default&&e(this.content);n||(n=this.$slots.header&&e(this.headerContainer),n||(n=e(this.container))),n&&n.focus()},enableDocumentSettings(){this.dismissable&&!this.modal&&this.bindOutsideClickListener(),this.blockScroll&&_.addClass(document.body,"p-overflow-hidden")},disableDocumentSettings(){this.unbindOutsideClickListener(),this.blockScroll&&_.removeClass(document.body,"p-overflow-hidden")},onKeydown(e){e.code==="Escape"&&this.hide()},containerRef(e){this.container=e},maskRef(e){this.mask=e},contentRef(e){this.content=e},headerContainerRef(e){this.headerContainer=e},closeButtonRef(e){this.closeButton=e},getPositionClass(){const n=["left","right","top","bottom"].find(r=>r===this.position);return n?`p-sidebar-${n}`:""},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.isOutsideClicked(e)&&this.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},isOutsideClicked(e){return this.container&&!this.container.contains(e.target)}},computed:{containerClass(){return["p-sidebar p-component",{"p-input-filled":this.$primevue.config.inputStyle==="filled","p-ripple-disabled":this.$primevue.config.ripple===!1,"p-sidebar-full":this.fullScreen}]},fullScreen(){return this.position==="full"},closeAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0},maskClass(){return["p-sidebar-mask",this.getPositionClass(),{"p-component-overlay p-component-overlay-enter":this.modal,"p-sidebar-mask-scrollblocker":this.blockScroll,"p-sidebar-visible":this.containerVisible,"p-sidebar-full":this.fullScreen}]}},directives:{focustrap:P,ripple:F},components:{Portal:V,TimesIcon:O}};const W=["aria-modal"],H=["aria-label"];function X(e,n,r,l,i,t){const u=Z("Portal"),y=B("ripple"),k=B("focustrap");return d(),L(u,null,{default:v(()=>[i.containerVisible?(d(),c("div",f({key:0,ref:t.maskRef,class:t.maskClass,onMousedown:n[2]||(n[2]=(...b)=>t.onMaskClick&&t.onMaskClick(...b))},e.ptm("mask")),[g(U,{name:"p-sidebar",onEnter:t.onEnter,onAfterEnter:t.onAfterEnter,onBeforeLeave:t.onBeforeLeave,onLeave:t.onLeave,onAfterLeave:t.onAfterLeave,appear:""},{default:v(()=>[r.visible?I((d(),c("div",f({key:0,ref:t.containerRef,class:t.containerClass,role:"complementary","aria-modal":r.modal,onKeydown:n[1]||(n[1]=(...b)=>t.onKeydown&&t.onKeydown(...b))},{...e.$attrs,...e.ptm("root")}),[a("div",f({ref:t.headerContainerRef,class:"p-sidebar-header"},e.ptm("header")),[e.$slots.header?(d(),c("div",f({key:0,class:"p-sidebar-header-content"},e.ptm("headerContent")),[x(e.$slots,"header")],16)):h("",!0),r.showCloseIcon?I((d(),c("button",f({key:1,ref:t.closeButtonRef,autofocus:"",type:"button",class:"p-sidebar-close p-sidebar-icon p-link","aria-label":t.closeAriaLabel,onClick:n[0]||(n[0]=(...b)=>t.hide&&t.hide(...b))},e.ptm("closeButton")),[x(e.$slots,"closeicon",{},()=>[(d(),L(K(r.closeIcon?"span":"TimesIcon"),f({class:["p-sidebar-close-icon ",r.closeIcon]},e.ptm("closeIcon")),null,16,["class"]))])],16,H)),[[y]]):h("",!0)],16),a("div",f({ref:t.contentRef,class:"p-sidebar-content"},e.ptm("content")),[x(e.$slots,"default")],16)],16,W)),[[k]]):h("",!0)]),_:3},8,["onEnter","onAfterEnter","onBeforeLeave","onLeave","onAfterLeave"])],16)):h("",!0)]),_:3})}function Y(e,n){n===void 0&&(n={});var r=n.insertAt;if(!(!e||typeof document>"u")){var l=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css",r==="top"&&l.firstChild?l.insertBefore(i,l.firstChild):l.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}var q=` 2.p-sidebar-mask { 3 position: fixed; 4 top: 0; 5 left: 0; 6 width: 100%; 7 height: 100%; 8 display: none; 9 justify-content: center;
10 align-items: center; 11 pointer-events: none; 12 background-color: transparent; 13 transition-property: background-color; 14} 15.p-sidebar-mask.p-component-overlay { 16 pointer-events: auto; 17} 18.p-sidebar-visible { 19 display: flex; 20} 21.p-sidebar { 22 display: flex; 23 flex-direction: column; 24 pointer-events: auto; 25 transform: translate3d(0px, 0px, 0px); 26 position: relative; 27 transition: transform 0.3s; 28} 29.p-sidebar-content { 30 overflow-y: auto; 31 flex-grow: 1; 32} 33.p-sidebar-header { 34 display: flex; 35 align-items: center; 36 justify-content: flex-end; 37 flex-shrink: 0; 38} 39.p-sidebar-icon { 40 display: flex; 41 align-items: center; 42 justify-content: center; 43 overflow: hidden; 44 position: relative; 45} 46.p-sidebar-full .p-sidebar { 47 transition: none; 48 transform: none; 49 width: 100vw !important; 50 height: 100vh !important; 51 max-height: 100%; 52 top: 0px !important; 53 left: 0px !important; 54} 55 56/* Animation */ 57/* Center */ 58.p-sidebar-left .p-sidebar-enter-from, 59.p-sidebar-left .p-sidebar-leave-to { 60 transform: translateX(-100%); 61} 62.p-sidebar-right .p-sidebar-enter-from, 63.p-sidebar-right .p-sidebar-leave-to { 64 transform: translateX(100%); 65} 66.p-sidebar-top .p-sidebar-enter-from, 67.p-sidebar-top .p-sidebar-leave-to { 68 transform: translateY(-100%); 69} 70.p-sidebar-bottom .p-sidebar-enter-from, 71.p-sidebar-bottom .p-sidebar-leave-to { 72 transform: translateY(100%); 73} 74.p-sidebar-full .p-sidebar-enter-from, 75.p-sidebar-full .p-sidebar-leave-to { 76 opacity: 0; 77} 78.p-sidebar-full .p-sidebar-enter-active, 79.p-sidebar-full .p-sidebar-leave-active { 80 transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); 81} 82 83/* Position */ 84.p-sidebar-left { 85 justify-content: flex-start; 86} 87.p-sidebar-right { 88 justify-content: flex-end; 89} 90.p-sidebar-top { 91 align-items: flex-start; 92} 93.p-sidebar-bottom {
94 align-items: flex-end; 95} 96 97/* Size */ 98.p-sidebar-left .p-sidebar { 99 width: 20rem; 100 height: 100%; 101} 102.p-sidebar-right .p-sidebar { 103 width: 20rem; 104 height: 100%; 105} 106.p-sidebar-top .p-sidebar { 107 height: 10rem; 108 width: 100%; 109} 110.p-sidebar-bottom .p-sidebar { 111 height: 10rem; 112 width: 100%; 113} 114.p-sidebar-left .p-sidebar-sm, 115.p-sidebar-right .p-sidebar-sm { 116 width: 20rem; 117} 118.p-sidebar-left .p-sidebar-md, 119.p-sidebar-right .p-sidebar-md { 120 width: 40rem; 121} 122.p-sidebar-left .p-sidebar-lg, 123.p-sidebar-right .p-sidebar-lg { 124 width: 60rem; 125} 126.p-sidebar-top .p-sidebar-sm, 127.p-sidebar-bottom .p-sidebar-sm { 128 height: 10rem; 129} 130.p-sidebar-top .p-sidebar-md, 131.p-sidebar-bottom .p-sidebar-md { 132 height: 20rem; 133} 134.p-sidebar-top .p-sidebar-lg, 135.p-sidebar-bottom .p-sidebar-lg { 136 height: 30rem; 137} 138.p-sidebar-left .p-sidebar-content, 139.p-sidebar-right .p-sidebar-content, 140.p-sidebar-top .p-sidebar-content, 141.p-sidebar-bottom .p-sidebar-content { 142 width: 100%; 143 height: 100%; 144} 145@media screen and (max-width: 64em) { 146.p-sidebar-left .p-sidebar-lg, 147 .p-sidebar-left .p-sidebar-md, 148 .p-sidebar-right .p-sidebar-lg, 149 .p-sidebar-right .p-sidebar-md { 150 width: 20rem; 151} 152} 153`;Y(q);D.render=X;var R={name:"Divider",extends:j,props:{align:{type:String,default:null},layout:{type:String,default:"horizontal"},type:{type:String,default:"solid"}},computed:{containerClass(){return["p-divider p-component","p-divider-"+this.layout,"p-divider-"+this.type,{"p-divider-left":this.layout==="horizontal"&&(!this.align||this.align==="left")},{"p-divider-center":this.layout==="horizontal"&&this.align==="center"},{"p-divider-right":this.layout==="horizontal"&&this.align==="right"},{"p-divider-top":this.layout==="vertical"&&this.align==="top"},{"p-divider-center":this.layout==="vertical"&&(!this.align||this.align==="center")},{"p-divider-bottom":this.layout==="vertical"&&this.align==="bottom"}]}}};const G=["aria-orientation"];function J(e,n,r,l,i,t){return d(),c("div",f({class:t.containerClass,role:"separator","aria-orientation":r.layout},e.ptm("root")),[e.$slots.default?(d(),c("div",f({key:0,class:"p-divider-content"},e.ptm("content")),[x(e.$slots,"default")],16)):h("",!0)],16,G)}function Q(e,n){n===void 0&&(n={});var r=n.insertAt;if(!(!e||typeof document>"u")){var l=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css",r==="top"&&l.firstChild?l.insertBefore(i,l.firstChild):l.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}var ee=` 154.p-divider-horizontal { 155 display: flex; 156 width: 100%; 157 position: relative; 158 align-items: center; 159} 160.p-divider-horizontal:before { 161 position: absolute; 162 display: block; 163 top: 50%; 164 left: 0; 165 width: 100%; 166 content: ''; 167} 168.p-divider-horizontal.p-divider-left { 169 justify-content: flex-start; 170} 171.p-divider-horizontal.p-divider-right { 172 justify-content: flex-end; 173} 174.p-divider-horizontal.p-divider-center { 175 justify-content: center; 176} 177.p-divider-content { 178 z-index: 1; 179} 180.p-divider-vertical { 181 min-height: 100%; 182 margin: 0 1rem; 183 display: flex; 184 position: relative; 185 justify-content: center; 186} 187.p-divider-vertical:before { 188 position: absolute; 189 display: block; 190 top: 0; 191 left: 50%; 192 height: 100%; 193 content: ''; 194} 195.p-divider-vertical.p-divider-top { 196 align-items: flex-start; 197} 198.p-divider-vertical.p-divider-center { 199 align-items: center; 200} 201.p-divider-vertical.p-divider-bottom {
202 align-items: flex-end; 203} 204.p-divider-solid.p-divider-horizontal:before { 205 border-top-style: solid; 206} 207.p-divider-solid.p-divider-vertical:before { 208 border-left-style: solid; 209} 210.p-divider-dashed.p-divider-horizontal:before { 211 border-top-style: dashed; 212} 213.p-divider-dashed.p-divider-vertical:before { 214 border-left-style: dashed; 215} 216.p-divider-dotted.p-divider-horizontal:before { 217 border-top-style: dotted; 218} 219.p-divider-dotted.p-divider-vertical:before { 220 border-left-style: dotted; 221} 222`;Q(ee);R.render=J;const te={class:"home-configurator"},ne={class:"house-container"},ie=["src","alt"],se=["src","alt"],ae={class:"sidebar-tabs"},oe={key:0,class:"options-list"},re=["src","alt"],le={key:1,class:"options-list"},de=["src","alt"],pe="/img/poc/home-configurator/base.png",ce={__name:"Index",setup(e){const n=["wall-blue","wall-green","wall-orange","wall-red"].map(p=>({name:p,src:`/img/poc/home-configurator/${p}.png`,label:p.replace("wall-","").replace(/^\w/,s=>s.toUpperCase())})),r=["floor-bamboo","floor-checkered","floor-hardwood","floor-stone","floor-tiles"].map(p=>({name:p,src:`/img/poc/home-configurator/${p}.png`,label:p.replace("floor-","").replace(/^\w/,s=>s.toUpperCase())})),l=w(!1),i=w("wall"),t=w(null),u=w(null);function y(p){i.value=p,l.value=!0}function k(p){t.value=p}function b(p){u.value=p}return(p,s)=>(d(),c("div",te,[a("div",ne,[a("img",{src:pe,alt:"House base",class:"house-image",draggable:"false"}),t.value?(d(),c("img",{key:0,src:t.value.src,alt:t.value.label,class:"house-image house-overlay",draggable:"false"},null,8,ie)):h("",!0),u.value?(d(),c("img",{key:1,src:u.value.src,alt:u.value.label,class:"house-image house-overlay",draggable:"false"},null,8,se)):h("",!0),a("div",{class:"hotspot hotspot-wall",onClick:s[0]||(s[0]=o=>y("wall"))},s[7]||(s[7]=[a("span",{class:"hotspot-label"},[a("i",{class:"pi pi-pencil"}),z(" Wall ")],-1)])),a("div",{class:"hotspot hotspot-floor",onClick:s[1]||(s[1]=o=>y("floor"))},s[8]||(s[8]=[a("span",{class:"hotspot-label"},[a("i",{class:"pi pi-pencil"}),z(" Floor ")],-1)]))]),g(m(D),{visible:l.value,"onUpdate:visible":s[6]||(s[6]=o=>l.value=o),position:"right",modal:!1,dismissable:!1,"show-close-icon":!0,header:"Customize",class:"configurator-sidebar"},{default:v(()=>[a("div",ae,[a("button",{class:$(["tab-btn",{active:i.value==="wall"}]),onClick:s[2]||(s[2]=o=>i.value="wall")}," Wall ",2),a("button",{class:$(["tab-btn",{active:i.value==="floor"}]),onClick:s[3]||(s[3]=o=>i.value="floor")}," Floor ",2)]),g(m(R)),i.value==="wall"?(d(),c("div",oe,[(d(!0),c(E,null,A(m(n),o=>(d(),L(m(C),{key:o.name,outlined:!(t.value&&t.value.name===o.name),severity:"info",class:"option-btn",onClick:N=>k(o)},{default:v(()=>[a("img",{src:o.src,alt:o.label,class:"option-thumb",draggable:"false"},null,8,re),a("span",null,T(o.label),1)]),_:2},1032,["outlined","onClick"]))),128)),g(m(C),{outlined:t.value!==null,severity:"secondary",class:"option-btn",onClick:s[4]||(s[4]=o=>k(null))},{default:v(()=>s[9]||(s[9]=[a("span",{class:"option-none-icon"},[a("i",{class:"pi pi-times"})],-1),a("span",null,"None",-1)])),_:1,__:[9]},8,["outlined"])])):h("",!0),i.value==="floor"?(d(),c("div",le,[(d(!0),c(E,null,A(m(r),o=>(d(),L(m(C),{key:o.name,outlined:!(u.value&&u.value.name===o.name),severity:"info",class:"option-btn",onClick:N=>b(o)},{default:v(()=>[a("img",{src:o.src,alt:o.label,class:"option-thumb",draggable:"false"},null,8,de),a("span",null,T(o.label),1)]),_:2},1032,["outlined","onClick"]))),128)),g(m(C),{outlined:u.value!==null,severity:"secondary",class:"option-btn",onClick:s[5]||(s[5]=o=>b(null))},{default:v(()=>s[10]||(s[10]=[a("span",{class:"option-none-icon"},[a("i",{class:"pi pi-times"})],-1),a("span",null,"None",-1)])),_:1,__:[10]},8,["outlined"])])):h("",!0)]),_:1},8,["visible"])]))}},ge=M(ce,[["__scopeId","data-v-66270a2c"]]);export{ge as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.