From 5bbf43c1b146439ab882815c12ed6292f1d7b4df Mon Sep 17 00:00:00 2001
From: dh_ackergaul <dh_ackergaul@dh-software.de>
Date: Di, 23 Jun 2026 09:44:49 +0200
Subject: [PATCH] Update _furnview - 23.6.2026, 09:44:32 [LL]
---
manufacturer/_furnview/furnplan-web/node_modules/@dh-software/furnview-components/module/modal.component-d567a6ac.js | 292 +++++++++++++++++++++++++++++-----------------------------
1 files changed, 146 insertions(+), 146 deletions(-)
diff --git a/manufacturer/_furnview/furnplan-web/node_modules/@dh-software/furnview-components/module/modal.component-9807acda.js b/manufacturer/_furnview/furnplan-web/node_modules/@dh-software/furnview-components/module/modal.component-d567a6ac.js
similarity index 99%
rename from manufacturer/_furnview/furnplan-web/node_modules/@dh-software/furnview-components/module/modal.component-9807acda.js
rename to manufacturer/_furnview/furnplan-web/node_modules/@dh-software/furnview-components/module/modal.component-d567a6ac.js
index c937bd6..a5aab55 100644
--- a/manufacturer/_furnview/furnplan-web/node_modules/@dh-software/furnview-components/module/modal.component-9807acda.js
+++ b/manufacturer/_furnview/furnplan-web/node_modules/@dh-software/furnview-components/module/modal.component-d567a6ac.js
@@ -94,17 +94,17 @@
});
}
render() {
- return super.build(x `
- <div class="content" part="loadingContent">
- <slot>
- <div part="loadingHeadText" class="head-text" i18n="modal.loading.head-text.0"></div>
- <div part="loadingMainText" class="main-text" i18n="modal.loading.main-text.0"></div>
- </slot>
- </div>
- <div class="footer">
- <div class="text" i18n="modal.loading.footer-text"></div>
- <fv-dot-flashing-loader></fv-dot-flashing-loader>
- </div>
+ return super.build(x `
+ <div class="content" part="loadingContent">
+ <slot>
+ <div part="loadingHeadText" class="head-text" i18n="modal.loading.head-text.0"></div>
+ <div part="loadingMainText" class="main-text" i18n="modal.loading.main-text.0"></div>
+ </slot>
+ </div>
+ <div class="footer">
+ <div class="text" i18n="modal.loading.footer-text"></div>
+ <fv-dot-flashing-loader></fv-dot-flashing-loader>
+ </div>
`);
}
};
@@ -223,9 +223,9 @@
return x `<div class="icon ${this.icon}"></div>`;
}
buildText() {
- return x `
- <span class="text-span" i18n="${this.text}">${this.text}</span>
- <span class="mobile-text-span" i18n="${this.mobileText}">${this.mobileText}</span>
+ return x `
+ <span class="text-span" i18n="${this.text}">${this.text}</span>
+ <span class="mobile-text-span" i18n="${this.mobileText}">${this.mobileText}</span>
`;
}
build(additional) {
@@ -234,21 +234,21 @@
if (this.mobileText.length > 0)
this.classList.add("show-mobile-text");
const textAboveImage = this.classList.contains("text-above-image");
- return x `
- <div class="step-container">
- ${this.classList.contains("prevent-default") ? x `` : x `
- <div class="inner-container">
- <div part="${textAboveImage ? "text" : "img"}" class="upper-container ${textAboveImage ? "text" : "img"}">
- ${textAboveImage ? this.buildText() : this.buildIcon()}
- </div>
- <div part="${!textAboveImage ? "text" : "img"}" class="lower-container ${!textAboveImage ? "text" : "img"}">
- ${textAboveImage ? this.buildIcon() : this.buildText()}
- </div>
- <slot name=step-content class="step-content"></slot>
- </div>
- `}
- ${additional}
- </div>
+ return x `
+ <div class="step-container">
+ ${this.classList.contains("prevent-default") ? x `` : x `
+ <div class="inner-container">
+ <div part="${textAboveImage ? "text" : "img"}" class="upper-container ${textAboveImage ? "text" : "img"}">
+ ${textAboveImage ? this.buildText() : this.buildIcon()}
+ </div>
+ <div part="${!textAboveImage ? "text" : "img"}" class="lower-container ${!textAboveImage ? "text" : "img"}">
+ ${textAboveImage ? this.buildIcon() : this.buildText()}
+ </div>
+ <slot name=step-content class="step-content"></slot>
+ </div>
+ `}
+ ${additional}
+ </div>
`;
}
render() {
@@ -506,22 +506,22 @@
});
}
render() {
- return x `
- <span class="previous-button" @click="${this.previous}">
- <slot name="previous-button"></slot>
- </span>
- <span class="custom-previous-button">
- <slot name="custom-previous-button"></slot>
- </span>
-
- <span class="steps"><slot></slot></span>
-
- <span class="next-button" @click="${this.next}">
- <slot name="next-button"></slot>
- </span>
- <span class="custom-next-button">
- <slot name="custom-next-button"></slot>
- </span>
+ return x `
+ <span class="previous-button" @click="${this.previous}">
+ <slot name="previous-button"></slot>
+ </span>
+ <span class="custom-previous-button">
+ <slot name="custom-previous-button"></slot>
+ </span>
+
+ <span class="steps"><slot></slot></span>
+
+ <span class="next-button" @click="${this.next}">
+ <slot name="next-button"></slot>
+ </span>
+ <span class="custom-next-button">
+ <slot name="custom-next-button"></slot>
+ </span>
`;
}
firstUpdated(_changedProperties) {
@@ -724,12 +724,12 @@
if (this.classList.contains('invalid-image-src')) {
return x ``;
}
- return x `
- <div class="button-container">
- <button @click=${this.clickEvent} @dblclick="${this.dblclickEvent}" part="button" class="button" title="${this.titleText}">
- ${inner}
- </button>
- </div>
+ return x `
+ <div class="button-container">
+ <button @click=${this.clickEvent} @dblclick="${this.dblclickEvent}" part="button" class="button" title="${this.titleText}">
+ ${inner}
+ </button>
+ </div>
`;
}
getImageIcon() {
@@ -1675,10 +1675,10 @@
return this.LastRenderResult; // skip element creation, if cards did not change
}
const renderedCards = this.cardCreator.CreateRenderedCards(this.cardData, this.Context, this);
- return super.renderComplete(result, x `
- <slot class="loader-slot" name="loader"></slot>
- ${this.ShowBeforeSlot ? x `<slot class="before-slot" name="before"></slot>` : x ``}
- ${renderedCards}
+ return super.renderComplete(result, x `
+ <slot class="loader-slot" name="loader"></slot>
+ ${this.ShowBeforeSlot ? x `<slot class="before-slot" name="before"></slot>` : x ``}
+ ${renderedCards}
`);
} // simply display the fetch result if not overloaded!
updated(_changedProperties) {
@@ -1817,15 +1817,15 @@
});
}
render() {
- return this.build(x `
- <div class="container">
- <div class="text" i18n="fv.modal.reload.text"></div>
- <div class="buttons-container">
- <div class="button save-button" @click="${this.save}"><span i18n="1008"></span><span><slot class="loader-slot hidden" name="loader"></slot></span></div>
- <div class="button" @click="${this.leave}" i18n="21016"></div>
- <div class="button" @click="${this.cancel}" i18n="1939"></div>
- </div>
- </div>
+ return this.build(x `
+ <div class="container">
+ <div class="text" i18n="fv.modal.reload.text"></div>
+ <div class="buttons-container">
+ <div class="button save-button" @click="${this.save}"><span i18n="1008"></span><span><slot class="loader-slot hidden" name="loader"></slot></span></div>
+ <div class="button" @click="${this.leave}" i18n="21016"></div>
+ <div class="button" @click="${this.cancel}" i18n="1939"></div>
+ </div>
+ </div>
`);
}
updated(_changedProperties) {
@@ -1923,34 +1923,34 @@
createPropertyButton(propertyValue, id) {
const propertytext = LocalesModel.exists("property.text.above." + propertyValue.key);
const propertyname = LocalesModel.exists("property.name.prefix." + propertyValue.key);
- return x `
- <div class="property-button" @click="${this.getPropertyButtonClick(id, propertyValue.key, propertyValue.propertyKey)}">
- <div class="img-container"><img src="${propertyValue.alternativeImageUrl}"/></div>
- <div class="txt-container">
- ${propertytext ? x `<div class="text-above" i18n="property.text.above.${propertyValue.key}"></div>` : x ``}
- <div class="text-inline">
- ${propertyname ? x `<div class="prefix" i18n="property.name.prefix.${propertyValue.key}"></div>` : x ``}
- <div class="property-name">${propertyValue.name}</div>
- </div>
- </div>
- </div>
+ return x `
+ <div class="property-button" @click="${this.getPropertyButtonClick(id, propertyValue.key, propertyValue.propertyKey)}">
+ <div class="img-container"><img src="${propertyValue.alternativeImageUrl}"/></div>
+ <div class="txt-container">
+ ${propertytext ? x `<div class="text-above" i18n="property.text.above.${propertyValue.key}"></div>` : x ``}
+ <div class="text-inline">
+ ${propertyname ? x `<div class="prefix" i18n="property.name.prefix.${propertyValue.key}"></div>` : x ``}
+ <div class="property-name">${propertyValue.name}</div>
+ </div>
+ </div>
+ </div>
`;
}
createPropertyButtons(property) {
const propertyKeys = Object.keys(property.children);
- return x `
- <div class="property-values-container">
- ${propertyKeys.map((propertyKey) => this.createPropertyButton(property.children[propertyKey], property.id))}
- </div>
+ return x `
+ <div class="property-values-container">
+ ${propertyKeys.map((propertyKey) => this.createPropertyButton(property.children[propertyKey], property.id))}
+ </div>
`;
}
render() {
if (this.properties.length < 1 || this.loading)
return x `<slot name="loader"></slot>`;
- return x `
- <div class="properties-container">
- ${this.properties.map((property) => this.createPropertyButtons(property))}
- </div>
+ return x `
+ <div class="properties-container">
+ ${this.properties.map((property) => this.createPropertyButtons(property))}
+ </div>
`;
}
};
@@ -2131,13 +2131,13 @@
dimensionInfomations.push(this.getDimensionInformation(group, article));
}
}
- return x `
- <fv-card @click="${this.loadArticle}"
- article="${article.ArtNr}"
- data="${JSON.stringify({ image: { prefix: this.nodePrefix, file: article.imgName }, dimensions: dimensionInfomations, txt: { txt: this.getArticleText(article) } })}">
- <slot name="button" slot="button"></slot>
- <slot name="additional" slot="additional"></slot>
- </fv-card>
+ return x `
+ <fv-card @click="${this.loadArticle}"
+ article="${article.ArtNr}"
+ data="${JSON.stringify({ image: { prefix: this.nodePrefix, file: article.imgName }, dimensions: dimensionInfomations, txt: { txt: this.getArticleText(article) } })}">
+ <slot name="button" slot="button"></slot>
+ <slot name="additional" slot="additional"></slot>
+ </fv-card>
`;
//price="${JSON.stringify({ value: 0, uvp: 0, "whole-suffix": ",-", "currency-before": true })}">
}
@@ -2146,38 +2146,38 @@
const emptyOptionClick = () => {
this.close(this.clearScene, this.newScene);
};
- return x `
- <fv-card @click="${emptyOptionClick}"
- article=""
- data="${JSON.stringify({ image: { prefix: "", file: option.img }, txt: { title: option.i18nDes, subtitle: "", txt: "" } })}">
- </fv-card>
+ return x `
+ <fv-card @click="${emptyOptionClick}"
+ article=""
+ data="${JSON.stringify({ image: { prefix: "", file: option.img }, txt: { title: option.i18nDes, subtitle: "", txt: "" } })}">
+ </fv-card>
`;
}
return x ``;
}
createArticleOptions() {
- return x `
+ return x `
${this.articles.map((article) => {
return this.createArticleOption(article);
- })}
+ })}
`;
}
createHeadline() {
- return x `
- <div class="headline-container">
- <div class="headline-back-button"><slot name="back-button"></slot></div>
- <div class="headline-logo"><slot name="logo"></slot></div>
- <div class="headline-title"><slot name="title"></slot></div>
- </div>
+ return x `
+ <div class="headline-container">
+ <div class="headline-back-button"><slot name="back-button"></slot></div>
+ <div class="headline-logo"><slot name="logo"></slot></div>
+ <div class="headline-title"><slot name="title"></slot></div>
+ </div>
`;
}
render() {
if (this.articles == undefined || (this.articles && this.articles.length < 1) || this.showLoader) {
return x `<div class="loading-container"><slot name="loader"></slot></div>`;
}
- return x `
- ${this.createHeadline()}
- <div class="articles-container">${this.createArticleOptions()}</div>
+ return x `
+ ${this.createHeadline()}
+ <div class="articles-container">${this.createArticleOptions()}</div>
`;
}
};
@@ -2334,10 +2334,10 @@
}
}
createPerspectiveButton(perspective) {
- return x `
- <fv-button perspective="${perspective}" @click="${this.PerspectiveButtonClick}" i18n="perspective-${perspective}">
- ${perspective}
- </fv-button>
+ return x `
+ <fv-button perspective="${perspective}" @click="${this.PerspectiveButtonClick}" i18n="perspective-${perspective}">
+ ${perspective}
+ </fv-button>
`;
}
CreateAllPerspectiveButtons() {
@@ -2433,20 +2433,20 @@
ev.stopPropagation();
}
render() {
- return this.build(x `
- <div class="container">
- <div class="text" i18n="fv.modal.programselection.info"></div>
- <div class="buttons-container">
- <div class="button" i18n="fv.modal.programselection.change" @click="${this.change}"></div>
- <div class="button save-button" @click="${this.saveAndChange}">
- <span i18n="fv.modal.programselection.save"></span>
- <span>
- <slot class="loader-slot hidden" name="loader"></slot>
- </span>
- </div>
- <div class="button" i18n="fv.modal.programselection.cancel" @click="${this.abort}"></div>
- </div>
- </div>
+ return this.build(x `
+ <div class="container">
+ <div class="text" i18n="fv.modal.programselection.info"></div>
+ <div class="buttons-container">
+ <div class="button" i18n="fv.modal.programselection.change" @click="${this.change}"></div>
+ <div class="button save-button" @click="${this.saveAndChange}">
+ <span i18n="fv.modal.programselection.save"></span>
+ <span>
+ <slot class="loader-slot hidden" name="loader"></slot>
+ </span>
+ </div>
+ <div class="button" i18n="fv.modal.programselection.cancel" @click="${this.abort}"></div>
+ </div>
+ </div>
`);
}
updated(_changedProperties) {
@@ -3263,27 +3263,27 @@
"content-container": true,
"bg-image": this.hasBackground
};
- return x `
- ${this.dimmed ? x `<fv-dimmer></fv-dimmer>` : ""}
- <div class="center-container">
- <div class="${o(contentContainerClass)}">
- <fv-loading class="loading"></fv-loading>
- <div class="modal-header">
- ${this.logoUrl.length > 0 ? x `
- <div class="manufacturer-logo-container">
- <img class="manufacturer-logo" src="${this.logoUrl}">
- </div>` : x ``}
- ${this.Cancelable ? x `
- <div class="cancel-button" @click="${this.cancel}">
- <span class="close-symbol"></span>
- </div>` : ""}
- </div>
- <div class="${o(contentClass)}" part="content">
- ${content}
- </div>
- </div>
- </div>
- <div class="background-blur hidden"></div>
+ return x `
+ ${this.dimmed ? x `<fv-dimmer></fv-dimmer>` : ""}
+ <div class="center-container">
+ <div class="${o(contentContainerClass)}">
+ <fv-loading class="loading"></fv-loading>
+ <div class="modal-header">
+ ${this.logoUrl.length > 0 ? x `
+ <div class="manufacturer-logo-container">
+ <img class="manufacturer-logo" src="${this.logoUrl}">
+ </div>` : x ``}
+ ${this.Cancelable ? x `
+ <div class="cancel-button" @click="${this.cancel}">
+ <span class="close-symbol"></span>
+ </div>` : ""}
+ </div>
+ <div class="${o(contentClass)}" part="content">
+ ${content}
+ </div>
+ </div>
+ </div>
+ <div class="background-blur hidden"></div>
`;
}
attributeChangedCallback(name, _old, value) {
@@ -3307,7 +3307,7 @@
});
}
render() {
- return this.build(x `
+ return this.build(x `
<slot></slot>`);
}
setContent(element) {
--
Gitblit v1.9.3