import { BaseMaskElement } from './mask.component.js';
|
import { i, r, x } from './query-assigned-elements-fea1f631.js';
|
import { e as e$1 } from './custom-element-30fc6381.js';
|
import { n } from './base.component-813fc7cf.js';
|
import { i as i$1 } from './query-1c86d710.js';
|
import { e } from './query-all-828de4b2.js';
|
import '@dh-software/furnview-icons';
|
|
var css_248z = i`:host{--input-outer-width:100%;padding:0 1rem}:host fv-label.text-field-label{background:#fff;font-size:14px;left:5px;padding:0 5px;position:absolute;top:-11px}:host fv-text-area{height:100px}:host fv-input{width:50%}:host fv-flex-container{gap:.5rem;padding:1rem 0}`;
|
|
var __defProp = Object.defineProperty;
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
var __getProtoOf = Object.getPrototypeOf;
|
var __reflectGet = Reflect.get;
|
var __decorateClass = (decorators, target, key, kind) => {
|
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
|
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
if (decorator = decorators[i])
|
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
if (kind && result)
|
__defProp(target, key, result);
|
return result;
|
};
|
var __superStaticGet = (obj, member) => __reflectGet(__getProtoOf(obj), member, obj);
|
var __async = (__this, __arguments, generator) => {
|
return new Promise((resolve, reject) => {
|
var fulfilled = (value) => {
|
try {
|
step(generator.next(value));
|
} catch (e) {
|
reject(e);
|
}
|
};
|
var rejected = (value) => {
|
try {
|
step(generator.throw(value));
|
} catch (e) {
|
reject(e);
|
}
|
};
|
var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
|
step((generator = generator.apply(__this, __arguments)).next());
|
});
|
};
|
let SendOfferRequestMaskComponent = class extends BaseMaskElement {
|
constructor() {
|
super(...arguments);
|
this.mask = "send-offer-request";
|
this.privacyLink = "#";
|
this.onSubmit = (e, nameValueList) => __async(this, null, function* () {
|
return;
|
});
|
}
|
firstUpdated(_changedProperties) {
|
super.firstUpdated(_changedProperties);
|
this.privacyLink = "https://www.dh-software.de/kontakt/datenschutz/";
|
}
|
render() {
|
return this.build(x`
|
<div class="container column">
|
<fv-label class="header space after" i18n="fv.terms.request">Anfrage</fv-label>
|
<fv-label class="space after" template-id="dealer-text"></fv-label>
|
</div>
|
<fv-request name=" " address=" " active></fv-request>
|
<fv-message></fv-message>
|
`);
|
}
|
oldRender() {
|
return x`
|
<fv-label>Anfrage</fv-label>
|
<fv-flex-container class="row">
|
${this.buildTextField("firstName", "20322", false)}
|
${this.buildTextField("lastName", "20323", false)}
|
</fv-flex-container>
|
<fv-flex-container class="row">
|
${this.buildTextField("phone", "1502", false)}
|
${this.buildTextField("email", "email_mandatory", true)}
|
</fv-flex-container>
|
<fv-flex-container class="row">
|
${this.buildTextField("message", "60099", false, true)}
|
</fv-flex-container>
|
<fv-checkbox>
|
<span>
|
<span i18n="i_have_read">Ich habe die</span>
|
<a target="_blank" i18n="privacy_policy" .href="${this.privacyLink}"> Datenschutzerklärung</a>
|
<span i18n="and_agree_with_this"> gelesen und stimme dieser zu.</span
|
</span>
|
</fv-checkbox>
|
<fv-message></fv-message>
|
<fv-button i18n="send_inquiry"></fv-button>
|
`;
|
}
|
sendInquiry(e) {
|
return __async(this, null, function* () {
|
var _a;
|
if (this._checkboxComponent && this._checkboxComponent.checked) {
|
this.active = false;
|
const nameValueList = {};
|
(_a = this._inputFields) == null ? void 0 : _a.forEach((value) => {
|
if (value.name)
|
nameValueList[value.name] = value.value;
|
});
|
yield this.onSubmit(e, nameValueList);
|
}
|
});
|
}
|
buildTextField(name, i18n, mandatory, area = false) {
|
if (area) {
|
return x`
|
<fv-text-area name="${name}" type='text'>
|
<fv-label class="text-field-label" i18n="${i18n}" ?mandatory="${mandatory}"></fv-label>
|
</fv-text-area>
|
`;
|
}
|
return x`
|
<fv-input name="${name}" type='text'>
|
<fv-label class="text-field-label" i18n="${i18n}" ?mandatory="${mandatory}"></fv-label>
|
</fv-input>
|
`;
|
}
|
};
|
SendOfferRequestMaskComponent.styles = [
|
__superStaticGet(SendOfferRequestMaskComponent, "styles") || [],
|
i`${r(css_248z)}`
|
];
|
__decorateClass([
|
n({ type: String, reflect: true })
|
], SendOfferRequestMaskComponent.prototype, "privacyLink", 2);
|
__decorateClass([
|
i$1("fv-checkbox")
|
], SendOfferRequestMaskComponent.prototype, "_checkboxComponent", 2);
|
__decorateClass([
|
i$1("fv-message")
|
], SendOfferRequestMaskComponent.prototype, "_messageComponent", 2);
|
__decorateClass([
|
e("fv-input, fv-text-area")
|
], SendOfferRequestMaskComponent.prototype, "_inputFields", 2);
|
__decorateClass([
|
e("fv-input[required]")
|
], SendOfferRequestMaskComponent.prototype, "_inputFieldsRequired", 2);
|
__decorateClass([
|
n()
|
], SendOfferRequestMaskComponent.prototype, "onSubmit", 2);
|
SendOfferRequestMaskComponent = __decorateClass([
|
e$1("fv-send-offer-mask")
|
], SendOfferRequestMaskComponent);
|
|
export { SendOfferRequestMaskComponent };
|
