| | |
| | | import { n } from './base.component-813fc7cf.js'; |
| | | import { i as i$1 } from './query-1c86d710.js'; |
| | | import { ARUploadModel } from './ar-upload.model.js'; |
| | | import { M as ModalComponent } from './modal.component-db51742e.js'; |
| | | import { M as ModalComponent } from './modal.component-7c440789.js'; |
| | | import '@dh-software/furnview-icons'; |
| | | import './class-map-a0fb5d87.js'; |
| | | import './event.handler.model.js'; |
| | |
| | | import './send-offer-request-mask.component.js'; |
| | | import './file-upload-mask.component.js'; |
| | | import './label.component.js'; |
| | | import './sass.default-d943b107.js'; |
| | | import './sass.default-1ca9b57f.js'; |
| | | import './accordion.component.js'; |
| | | import './accordion-item.component.js'; |
| | | import './accordion-layer.component.js'; |
| | |
| | | information1: "modal.ar.qrcode.information.one", |
| | | information2: "modal.ar.qrcode.information.two", |
| | | alternative: "modal.ar.alternative", |
| | | open: "ar.button.open" |
| | | open: "7222" |
| | | }; |
| | | } |
| | | show(dimmed = this.dimmed, fade = this.fade) { |
| | |
| | | this.setLoading(); |
| | | }).catch(() => { |
| | | this.setLoading(); |
| | | }); |
| | | CommunicationMessageService.preloadARModel(); |
| | | } |
| | | onOpenClick(event) { |
| | | return __async(this, null, function* () { |
| | | if (yield CommunicationMessageService.startAR()) { |
| | | event.preventDefault(); |
| | | event.stopPropagation(); |
| | | } |
| | | }); |
| | | } |
| | | firstUpdated(_changedProperties) { |
| | |
| | | }); |
| | | } |
| | | render() { |
| | | var _a, _b, _c, _d, _e, _f, _g; |
| | | var _a, _b, _c, _d, _e, _f; |
| | | return super.build(x` |
| | | <div class="content"> |
| | | <div class="additional-content"> |
| | | <slot></slot> |
| | | </div> |
| | | <div class="ar-header"> |
| | | <span>${(_a = this.modalTexts) == null ? void 0 : _a.heading}</span> |
| | | </div> |
| | | <div class="ar-information"> |
| | | <span >${(_b = this.modalTexts) == null ? void 0 : _b.information}</span> |
| | | </div> |
| | | <div class="ar-qrcode-information only-mobile"> |
| | | <span>${(_c = this.modalTexts) == null ? void 0 : _c.information2}</span> |
| | | </div> |
| | | <div class="ar-qrcode-information only-desktop"> |
| | | <div class="ar-qrcode-information"> |
| | | <ul> |
| | | <li>${(_d = this.modalTexts) == null ? void 0 : _d.information1}</li> |
| | | <li>${(_e = this.modalTexts) == null ? void 0 : _e.information2}</li> |
| | | <li>${(_c = this.modalTexts) == null ? void 0 : _c.information1}</li> |
| | | <li>${(_d = this.modalTexts) == null ? void 0 : _d.information2}</li> |
| | | </ul> |
| | | </div> |
| | | <div class="qrCode-container only-desktop"> |
| | | <div class="qrCode-container"> |
| | | <img id="qrCode" src="#"/> |
| | | </div> |
| | | <div class="ar-buttons"> |
| | | <span class="only-desktop">${(_f = this.modalTexts) == null ? void 0 : _f.alternative}</span> |
| | | <a target="_blank" id="url" hre="#"> |
| | | <fv-button class="bordered image-button">${(_g = this.modalTexts) == null ? void 0 : _g.open} |
| | | <span class="only-desktop">${(_e = this.modalTexts) == null ? void 0 : _e.alternative}</span> |
| | | <a target="_blank" id="url" href="#" @click=${(e) => this.onOpenClick(e)}> |
| | | <fv-button class="bordered image-button">${(_f = this.modalTexts) == null ? void 0 : _f.open} |
| | | </fv-button> |
| | | </a> |
| | | </div> |