Update _furnview - 23.6.2026, 09:44:32 [LL]

dh_ackergaul

vor 3 Tagen 5bbf43c1b146439ab882815c12ed6292f1d7b4df

 manufacturer/_furnview/furnplan-web/node_modules/@dh-software/furnview-components/module/modal.component-d567a6ac.js

Datei umbenannt von manufacturer/_furnview/furnplan-web/node_modules/@dh-software/furnview-components/module/modal.component-9807acda.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) {