furnview/furnplan-dev.git

import { e as e$2 } from './custom-element-30fc6381.js';
import { i, A, T, r, x } from './query-assigned-elements-fea1f631.js';
import { c as BaseCard } from './modal.component-7c440789.js';
import { i as i$1, t, e as e$1 } from './class-map-a0fb5d87.js';
import './base.component-813fc7cf.js';
import '@dh-software/furnview-icons';
import './event.handler.model.js';
import './loading.component.js';
import './dimmer.component.js';
import './query-1c86d710.js';
import './dot-flashing-loader.component.js';
import './rotating-dots-loader.component.js';
import './key-frame-effect.service.js';
import './card.data.service.js';
import './card-container-definitions.js';
import './card-container-events.js';
import './card-data-service-update-events.js';
import './toolbar.component.js';
import './toggle-toolbar.component.js';
import './style.helper.js';
import './image.service.js';
import './svg-icon.component.js';
import './popup.component.js';
import './popup-closer.component.js';
import './hr-item.component.js';
import './hr-list.component.js';
import './query-all-828de4b2.js';
import './hr-theme.model.js';
import './configurator.form.component.js';
import './configurator.form.base.element.component.js';
import './scene-helper.service.js';
import './async.base.component.js';
import './card-container-settings.js';
import './card-container-states.js';
import './card-container-additional-data.js';
import './card-containers-shared-data.js';
import './input.mask.component.js';
import './mask.component.js';
import './information.mask.component.js';
import './open-cloud-id.mask.component.js';
import './share-link-per-mail.component.js';
import './request-appointment.component.js';
import './prog-property.model.js';
import './interface.js';
import './reset.mask.component.js';
import './configuration.service.js';
import './step-based.mask.component.js';
import './container-mask.component.js';
import './messageNoCalc.mask.component.js';
import './button.component.js';
import './iwoFurn.mask.component.js';
import './input.component.js';
import './base-input.js';
import './save-dialog.mask.component.js';
import './cloud-id.service.js';
import './send-offer-request-mask.component.js';
import './file-upload-mask.component.js';
import './label.component.js';
import './sass.default-1ca9b57f.js';
import './accordion.component.js';
import './accordion-item.component.js';
import './accordion-layer.component.js';
import './slider.component.js';
import './equipment-list.component.js';
import './state-7ee0cf4f.js';
import './confirming-button.component.js';
import './fitting-item.component.js';
import './proptrans-item.component.js';
import './shoppingcart-item.component.js';
import './prog-context.model.js';
import './manu-prog.service.js';
import './catalog.service.js';
import './step-child.component.js';
import './clock.controller.js';
 
var css_248z = i`.close-symbol{cursor:pointer;height:100%;position:relative;width:100%}.close-symbol.loading{z-index:999}.close-symbol.loading:after,.close-symbol.loading:before{background:#fff}.close-symbol:after,.close-symbol:before{background:var(--close-symbol-background,#888);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;content:" ";height:1px;margin:0;padding:0;position:absolute;top:50%;width:100%}.close-symbol:after:hover,.close-symbol:before:hover{background:var(--close-symbol-background-hover,#333)}.close-symbol:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}.close-symbol:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}:host(.active) .circle-number-symbol{border:var(--circle-number-symbol-border-active,2px solid #000)}.circle-number-symbol{align-items:center;background:var(--circle-number-symbol-background,var(--primary-color,red));border:var(--circle-number-symbol-border,2px solid #fff);border-radius:50%;box-shadow:var(--circle-number-symbol-box-shadow,1px 2px 5px 0 #000);color:var(--circle-number-symbol-color,var(--primary-text-color,#000));display:flex;height:var(--circle-number-symbol-size,30px);justify-content:center;position:relative;width:var(--circle-number-symbol-size,30px)}.custom-symbol{cursor:pointer;display:flex;left:10px;position:relative}.custom-symbol.up:after{background-image:var(--custom-symbol-image-down,url("/webui/images/minus.svg"));content:"";height:18px}.custom-symbol.down:after{background-image:var(--custom-symbol-image-down,url("/webui/images/plus.svg"));content:"";height:18px}.custom-symbol:after{color:#1e1e1e;margin:auto 0;padding:0 0 2px;pointer-events:none;transform:translateX(-15px);width:18px}.accordion-symbol{cursor:pointer;display:flex;left:10px;position:relative}.accordion-symbol.up:after{content:"-";font-size:xx-large;transform:scaleX(2) translateX(-4px)}.accordion-symbol.down:after{content:"+";font-size:xx-large}.accordion-symbol:after{color:#1e1e1e;margin:auto 0;padding:0 0 2px;pointer-events:none;transform:translateX(-15px);width:18px}.chevron-symbol{cursor:pointer;left:10px;position:relative}.chevron-symbol.up:after{content:"<"}.chevron-symbol.down:after{content:">"}.chevron-symbol:after{color:inherit;font:17px Consolas,monospace;padding:0 0 2px;pointer-events:none;position:absolute;-webkit-transform:rotate(90deg) translateX(-100%);-moz-transform:rotate(90deg) translateX(-100%);-ms-transform:rotate(90deg) translateX(-100%);transform:rotate(90deg) translateX(-100%)}@media (width >= 980px){.only-mobile{display:none!important}}@media (width <= 980px){.only-desktop{display:none!important}}.bold{font-weight:var(--global-font-weight-bold,600)}*{font-family:var(--global-font,Roboto);font-weight:var(--global-font-weight,400);-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container{display:flex;margin:10px 0}.container.column{flex-direction:column}.container.column.reverse{flex-direction:column-reverse}.container.row{flex-direction:row}.container.row.reverse{flex-direction:row-reverse}.fluid{flex:1}.fluid.space-after{margin-right:55px}.hidden{display:none!important}.mobile-mode-hide,:host(.mobile-mode-hide){display:none!important}.invisible{visibility:hidden!important}.invisible-scroll,:host(.invisible-scroll){margin-right:-22px;overflow:hidden}.invisible-scroll>:first-child,:host(.invisible-scroll)>:first-child{box-sizing:content-box;overflow-x:hidden;overflow-y:scroll;padding-right:22px}.invisible-scroll.bottom,:host(.invisible-scroll.bottom){margin-right:unset;overflow:hidden}.invisible-scroll.bottom>:first-child,:host(.invisible-scroll.bottom)>:first-child{box-sizing:content-box;margin-bottom:-22px;overflow-x:scroll;overflow-y:hidden;padding-bottom:22px;padding-right:unset}:host([disabled]){filter:contrast(.5) grayscale(1);pointer-events:none}*{scrollbar-color:#5c5c5c hsla(0,0%,100%,.004);scrollbar-width:thin}[disabled]{filter:contrast(.5) grayscale(1);pointer-events:none}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar,::-webkit-scrollbar-corner{background:hsla(0,0%,100%,0)}::-webkit-scrollbar-thumb{background:#5c5c5c;-webkit-border-radius:8px}::-webkit-scrollbar-button,::-webkit-scrollbar-button:horizontal:end:decrement,::-webkit-scrollbar-button:horizontal:end:increment,::-webkit-scrollbar-button:vertical:end:decrement,::-webkit-scrollbar-button:vertical:start:increment{background-color:transparent;border:none;color:transparent}:host{align-items:var(--card-align-items,center);aspect-ratio:var(--card-aspect-ratio,1/1);background:var(--card-background,#fff);border:var(--card-border,unset);border-radius:var(--card-border-radius,unset);box-shadow:var(--card-box-shadow,unset);color:var(--card-text-color,var(--primary-color,red));cursor:var(--card-cursor,pointer);display:flex;flex-direction:var(--card-flex-direction,column);font-size:var(--card-font-size,unset);justify-content:var(--card-justify-content,center);margin:var(--card-margin,unset);max-height:var(--card-max-height,initial);max-width:var(--card-max-width,initial);min-height:var(--card-min-height,initial);min-width:var(--card-min-width,initial);overflow:hidden;padding:var(--card-padding,unset);position:relative;width:var(--card-width,15vw)}:host(:hover){background:var(--card-hover-background,var(--card-background,#fff));border:var(--card-hover-border,var(--card-border,unset));border-radius:var(--card-hover-border-radius,var(--card-border-radius,unset));box-shadow:var(--card-hover-box-shadow,var(--card-box-shadow,unset));color:var(--card-hover-text-color,var(--card-text-color,var(--primary-color,red)));font-size:var(--card-hover-font-size,var(--card-font-size,unset));margin:var(--card-hover-margin,var(--card-margin,unset));padding:var(--card-hover-padding,var(--card-padding,unset))}:host(.active){background:var(--card-active-background,var(--card-background,#fff));border:var(--card-active-border,var(--card-border,unset));border-radius:var(--card-active-border-radius,var(--card-border-radius,unset))}:host(.active:hover){background:var(--card-active-hover-background,var(--card-active-background,var(--card-background,#fff)));border:var(--card-active-hover-border,var(--card-active-border,var(--card-border,unset)));border-radius:var(--card-active-hover-border-radius,var(--card-active-border-radius,var(--card-border-radius,unset)))}:host(.disabled-card){background:var(--card-disabled-background,var(--card-background,#fff));border:var(--card-disabled-border,var(--card-border,unset));border-radius:var(--card-disabled-border-radius,var(--card-border-radius,unset))}:host(.disabled-card:hover){background:var(--card-disabled-hover-background,var(--card-disabled-background,var(--card-background,#fff)));border:var(--card-disabled-hover-border,var(--card-disabled-border,var(--card-border,unset)));border-radius:var(--card-disabled-hover-border-radius,var(--card-disabled-border-radius,var(--card-border-radius,unset)))}:host(.zoom-on-hover){transform:scale(1);transition:transform var(--card-hover-zoom-transition-time,.7s)}:host(.zoom-on-hover:hover){transform:scale(var(--card-hover-zoom,1.3))!important}:host(.grid-card){display:grid;gap:var(--grid-card-gap,0);grid-template-columns:var(--grid-card-columns,repeat(var(--grid-card-auto-column-count,4),calc(100%/var(--grid-card-auto-column-count, 4))));grid-template-rows:var(--grid-card-rows,unset)}@media (width <= 520px){:host(.grid-card){display:grid;gap:var(--grid-card-mobile-gap,var(--grid-card-gap,0));grid-template-columns:var(--grid-card-mobile-columns,repeat(var(--grid-card-mobile-auto-column-count,var(--grid-card-auto-column-count,4)),calc(100%/var(--grid-card-mobile-auto-column-count, var(--grid-card-auto-column-count, 4)))));grid-template-rows:var(--grid-card-mobile-rows,var(--grid-card-rows,unset))}:host{aspect-ratio:var(--card-mobile-aspect-ratio,var(--card-aspect-ratio,1/1));max-height:var(--card-mobile-max-height,var(--card-max-height,initial));max-width:var(--card-mobile-max-width,var(--card-max-width,initial));min-height:var(--card-mobile-min-height,var(--card-min-height,initial));min-width:var(--card-mobile-min-width,var(--card-min-width,initial));padding:var(--card-mobile-padding,var(--card-padding,unset))}:host(:hover){padding:var(--card-mobile-hover-padding,var(--card-mobile-padding,var(--card-padding,unset)))}}@media (width >= 520px) and (width <= 980px){:host(.grid-card){display:grid;gap:var(--grid-card-mobile-gap,var(--grid-card-gap,0));grid-template-columns:var(--grid-card-mobile-columns,repeat(var(--grid-card-mobile-auto-column-count,var(--grid-card-auto-column-count,4)),calc(100%/var(--grid-card-mobile-auto-column-count, var(--grid-card-auto-column-count, 4)))));grid-template-rows:var(--grid-card-mobile-rows,var(--grid-card-rows,unset))}:host{aspect-ratio:var(--card-mobile-aspect-ratio,var(--card-aspect-ratio,1/1));max-height:var(--card-mobile-max-height,var(--card-max-height,initial));max-width:var(--card-mobile-max-width,var(--card-max-width,initial));min-height:var(--card-mobile-min-height,var(--card-min-height,initial));min-width:var(--card-mobile-min-width,var(--card-min-width,initial));padding:var(--card-mobile-padding,var(--card-padding,unset))}:host(:hover){padding:var(--card-mobile-hover-padding,var(--card-mobile-padding,var(--card-padding,unset)))}}:host{--icon-width:var(--card-icon-width,100%);--icon-height:var(--card-icon-height,100%);flex:var(--card-content-flex,initial);overflow:var(--card-content-overflow,hidden)}:host .img-container{aspect-ratio:var(--card-img-aspect-ratio,initial);border:var(--card-img-border,initial);bottom:var(--card-img-bottom,initial);height:var(--card-img-height,70%);left:var(--card-img-left,initial);order:var(--card-order-img,0);position:var(--card-img-position,relative);right:var(--card-img-right,initial);top:var(--card-img-top,initial);width:var(--card-img-width,100%)}:host .img-container .img{aspect-ratio:var(--card-img-aspect-ratio,initial);height:100%;width:100%}:host .img-container .tooltip-button{background:var(--card-tooltip-background,transparent);bottom:var(--card-tooltip-button-bottom,3px);color:var(--card-tooltip-color,var(--card-txt-text-color,var(--card-text-color,var(--card-text-color,var(--primary-color,red)))));height:var(--card-tooltip-button-height,1em);left:var(--card-tooltip-button-left,initial);padding:var(--card-tooltip-button-padding,.25em);position:absolute;right:var(--card-tooltip-button-right,3px);text-align:center;top:var(--card-tooltip-button-top,initial);width:var(--card-tooltip-button-width,1em)}:host .card-content{border-bottom:var(--card-content-border-bottom,unset);display:var(--card-content-display,unset);flex-direction:var(--card-content-flex-direction,unset);height:var(--card-content-height,unset);justify-content:var(--card-content-justify-content,unset);margin:var(--card-content-margin,unset);order:var(--card-order-content,1);padding:var(--card-content-padding,unset);position:relative;width:var(--card-content-width,100%)}:host .card-content>*{margin:var(--card-content-element-margin,unset);padding:var(--card-content-element-padding,unset)}:host .card-content .dimensions{order:var(--card-order-dimensions,0)}:host .card-content .text-container{margin:var(--card-text-container-margin,unset);order:var(--card-text-container-order,1);padding:var(--card-text-container-padding,unset)}:host .card-content .text{display:flex}:host .card-content .text.title{align-items:var(--card-title-align-items,var(--card-text-align-items,var(--card-align-items,center)));color:var(--card-title-text-color,var(--card-text-color,var(--card-text-color,var(--primary-color,red))));font-size:var(--card-title-font-size,var(--card-font-size,unset));font-weight:var(--card-title-font-weight,var(--card-font-weight,unset));justify-content:var(--card-title-justify-content,var(--card-text-justify-content,var(--card-justify-content,center)));order:var(--card-order-title,1);padding:var(--card-title-padding,var(--card-text-padding,unset))}:host .card-content .text.subtitle{align-items:var(--card-subtitle-align-items,var(--card-text-align-items,var(--card-align-items,center)));color:var(--card-subtitle-text-color,var(--card-text-color,var(--card-text-color,var(--primary-color,red))));font-size:var(--card-subtitle-font-size,var(--card-font-size,unset));font-weight:var(--card-subtitle-font-weight,var(--card-font-weight,unset));justify-content:var(--card-subtitle-justify-content,var(--card-text-justify-content,var(--card-justify-content,center)));order:var(--card-order-subtitle,2);padding:var(--card-subtitle-padding,var(--card-text-padding,unset))}:host .card-content .text.txt{align-items:var(--card-txt-align-items,var(--card-text-align-items,var(--card-align-items,center)));color:var(--card-txt-text-color,var(--card-text-color,var(--card-text-color,var(--primary-color,red))));font-size:var(--card-txt-font-size,var(--card-font-size,unset));font-weight:var(--card-txt-font-weight,var(--card-font-weight,unset));justify-content:var(--card-txt-justify-content,var(--card-text-justify-content,var(--card-justify-content,center)));order:var(--card-order-txt,3);padding:var(--card-txt-padding,var(--card-text-padding,unset))}:host .card-content .text.tooltip{padding:var(--card-tooltip-padding,.5em);text-align:var(--card-tooltip-text-align,center)}:host .card-content .tooltip-container{background:var(--card-tooltip-background,transparent);bottom:var(--card-tooltip-speech-bubble-position-bottom,initial);clip-path:var(--card-tooltip-speech-bubble-path,polygon(0 var(--card-tooltip-speech-bubble-default-arrow-size,23px),var(--card-tooltip-speech-bubble-default-arrow-size,23px) 0,calc(var(--card-tooltip-speech-bubble-default-arrow-size, 23px)*2) var(--card-tooltip-speech-bubble-default-arrow-size,23px),100% var(--card-tooltip-speech-bubble-default-arrow-size,23px),100% 0,100% 100%,0 100%));color:var(--card-tooltip-color,var(--card-txt-text-color,var(--card-text-color,var(--card-text-color,var(--primary-color,red)))));display:none;left:var(--card-tooltip-speech-bubble-position-left,calc(50% - var(--card-tooltip-speech-bubble-default-arrow-size, 23px)));position:var(--card-tooltip-position,absolute);right:var(--card-tooltip-speech-bubble-position-right,initial);top:var(--card-tooltip-speech-bubble-position-top,calc(100% + var(--card-tooltip-speech-bubble-default-offset-top, 2px)));width:var(--card-tooltip-speech-bubble-width,125%);z-index:999}:host .card-content .prices{order:var(--card-order-prices,2)}:host .free{position:absolute}:host .free.button-container{bottom:var(--card-button-container-bottom,5px);left:var(--card-button-container-left,unset);right:var(--card-button-container-right,5px);top:var(--card-button-container-top,unset)}:host .free.additional{bottom:var(--card-additional-bottom,unset);left:var(--card-additional-left,5px);right:var(--card-additional-right,unset);top:var(--card-additional-top,5px)}:host(.show-tooltip) .card-content .tooltip-container{display:block}:host(.show-tooltip) .img-container .tooltip-button{border:var(--card-active-img-border,var(--card-img-border,initial))}:host(.show-tooltip-static) .card-content .tooltip-container{display:block}:host(.show-tooltip-static) .img-container .tooltip-button{border:var(--card-active-img-border,var(--card-img-border,initial))}:host(.active){border:var(--card-active-border,unset)}:host(.active) .text.title{color:var(--title-active-text-color,var(--card-title-text-color,var(--card-text-color,var(--card-text-color,var(--primary-color,red)))))}:host(.active) .text{font-weight:var(--tile-active-font-weight,var(--card-active-font-weight,var(--card-font-weight,unset)))}:host(.active) .text.subtitle{color:var(--subtitle-active-text-color,var(--card-subtitle-text-color,var(--card-text-color,var(--card-text-color,var(--primary-color,red)))));font-weight:var(--subtile-active-font-weight,var(--card-active-font-weight,var(--card-font-weight,unset)))}:host(.active) .text.txt{color:var(--txt-active-text-color,var(--card-txt-text-color,var(--card-text-color,var(--card-text-color,var(--primary-color,red)))));font-weight:var(--txt-active-font-weight,var(--card-active-font-weight,var(--card-font-weight,unset)))}:host(.active) .img{border:var(--card-active-img-border,var(--card-img-border,initial))}:host(.disabled-card) .text.title{color:var(--title-disabled-text-color,var(--card-title-text-color,var(--card-text-color,var(--card-text-color,var(--primary-color,red)))))}:host(.disabled-card) .text.subtitle{color:var(--subtitle-disabled-text-color,var(--card-subtitle-text-color,var(--card-text-color,var(--card-text-color,var(--primary-color,red)))))}:host(.disabled-card) .text.txt{color:var(--txt-disabled-text-color,var(--card-txt-text-color,var(--card-text-color,var(--card-text-color,var(--primary-color,red)))))}:host(.no-icon){align-items:var(--no-icon-card-align-items,var(--card-align-items,center));aspect-ratio:var(--no-icon-card-aspect-ratio,var(--card-aspect-ratio,1/1));justify-content:var(--no-icon-card-justify-content,var(--card-justify-content,center))}:host(.grid-card) .img{grid-area:var(--grid-card-img-area,1/1/1/1)}:host(.grid-card) .card-content{grid-area:var(--grid-card-content-area,1/2/1/5)}`;
 
/**
 * @license
 * Copyright 2017 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */class e extends i$1{constructor(i){if(super(i),this.et=A,i.type!==t.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(r){if(r===A||null==r)return this.ft=void 0,this.et=r;if(r===T)return r;if("string"!=typeof r)throw Error(this.constructor.directiveName+"() called with a non-string value");if(r===this.et)return this.ft;this.et=r;const s=[r];return s.raw=s,this.ft={_$litType$:this.constructor.resultType,strings:s,values:[]}}}e.directiveName="unsafeHTML",e.resultType=1;const o=e$1(e);
 
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);
let CardComponent = class extends BaseCard {
  makeTxtHtml(txt, txtClass) {
    var _a;
    if (txt && txt.length > 0) {
      return x`<fv-label class="${txtClass && txtClass.length > 0 ? txtClass : ""}">${((_a = this.data) == null ? void 0 : _a.translate) ? LocalesModel.translate(txt, txt) : txt}</fv-label>`;
    }
    return x``;
  }
  get txtHtml() {
    if (this.data.txt) {
      return x`
                ${this.makeTxtHtml(this.data.txt.title, "text title")}
                ${this.makeTxtHtml(this.data.txt.subtitle, "text subtitle")}
                ${this.makeTxtHtml(this.data.txt.txt, "text txt")}
            `;
    }
    return x``;
  }
  get tooltipHtml() {
    if (this.data.tooltip && this.data.txt && this.data.txt.tooltip) {
      return x`${o('<div class="tooltip-container"><fv-label class="text tooltip">' + this.data.txt.tooltip + "</fv-label>")}`;
    }
    return x``;
  }
  clickTooltipButton(e) {
    e.stopPropagation();
    e.stopImmediatePropagation();
    e.preventDefault();
    this.classList.toggle("show-tooltip-static");
  }
  mouseEnterTooltip() {
    this.classList.add("show-tooltip");
  }
  mouseLeaveTooltip() {
    this.classList.remove("show-tooltip");
  }
  get tooltipButtonHtml() {
    if (this.data.tooltip && this.data.txt && this.data.txt.tooltip) {
      return x`<div class="tooltip-button" @click="${this.clickTooltipButton}" @mouseenter="${this.mouseEnterTooltip}" @mouseleave="${this.mouseLeaveTooltip}">?</div>`;
    }
    return x``;
  }
  get iconHtml() {
    const noImage = this.data.image == void 0 || this.data.image.file == void 0 || this.data.image.file.length < 1;
    if (noImage && this.data.icon == void 0) {
      this.classList.add("no-icon");
      return x``;
    }
    this.classList.remove("no-icon");
    return x`
            <div class="img-container">
                <fv-icon class="img" part="img" src="${this.imageSrc}" icon="${this.data.icon ? this.data.icon : ""}"></fv-icon>
                ${this.tooltipButtonHtml}
            </div>
        `;
  }
  get dimensionsHtml() {
    if (this.data.dimensions == void 0 || this.data.dimensions.length < 1) {
      return x``;
    }
    return x` <fv-dimensions-information class="dimensions" part="dimensions" dimensions="${JSON.stringify(this.data.dimensions)}"></fv-dimensions-information>`;
  }
  get priceHtml() {
    if (this.data.price == void 0 || this.data.price.uvp == void 0 && this.data.price.value == void 0) {
      return x``;
    }
    return x`<fv-price-display class="prices" part="prices" price="${JSON.stringify(this.data.price)}"></fv-price-display>`;
  }
  render() {
    if (this.mobile) {
      this.classList.add("mobile");
      this.classList.remove("desktop");
    } else {
      this.classList.add("desktop");
      this.classList.remove("mobile");
    }
    return x`
            ${this.iconHtml}
            <div class="card-content">
                ${this.dimensionsHtml}
                <div class="text-container">
                    ${this.txtHtml}
                </div>
                ${this.tooltipHtml}
                ${this.priceHtml}
            </div>
            <div class="free button-container">
                <slot name="button"></slot>
            </div>
            <div class="free additional">
                <slot name="additional"></slot>
            </div>
            ${super.render()}
        `;
  }
};
CardComponent.styles = [
  __superStaticGet(CardComponent, "styles") || [],
  i`${r(css_248z)}`
];
CardComponent = __decorateClass([
  e$2("fv-card")
], CardComponent);
 
export { CardComponent };