{
|
"query": "#main",
|
"styleVars": {
|
"--global-font": "Roboto",
|
"--global-font-weight": "400",
|
"--button-border-size": "1px",
|
"--base-scrollbar-color": "#5c5c5c hsla(0, 0%, 100%, .004)",
|
"--base-scrollbar-width": "thin",
|
"--price-offset-bottom": "100px",
|
"--large-grid-template-row-bottom": "75px",
|
"--small-grid-template-row-bottom": "0px",
|
"--medium-grid-template-row-bottom": "0px",
|
"--slider-dimension": "100%",
|
"--label-padding-right": "0.25rem",
|
"--input-width": "100%",
|
"--input-padding": "0.5rem 0.5rem",
|
"--input-outer-width": "80px",
|
"--input-outer-margin": "0px",
|
"--input-display": "inline-flex",
|
"--card-text-color": "var(--primary-text-color, red)",
|
"--label-color": "var(--primary-text-color, red)",
|
"--slider-ellipse-color": "var(--primary-color, red)",
|
"--modal-box-shadow": " 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)",
|
"--modal-cancel-button-width": "23px",
|
"--modal-cancel-button-height": "33px"
|
},
|
"modules": [
|
{
|
"tag": "fv-modal",
|
"classes": [
|
"general-modal"
|
],
|
"styleVars": {
|
"--modal-mobile-header-cancel-button-position": "relative",
|
"--modal-header-cancel-button-position": "absolute",
|
"--modal-header-cancel-button-right": "0px"
|
},
|
"properties": [
|
{
|
"key": "logo-url",
|
"attribute": true,
|
"value": ""
|
},
|
{
|
"key": "cancelable",
|
"attribute": true,
|
"value": false
|
},
|
{
|
"key": "dimmed",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "fullScreen",
|
"value": true,
|
"attribute": true
|
},
|
{
|
"key": "fade",
|
"value": true
|
},
|
{
|
"key": "active",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "template-id",
|
"attribute": true,
|
"value": "enable-programselection"
|
}
|
],
|
"modules": [
|
{
|
"tag": "fv-program-selection",
|
"default": true,
|
"index": 0,
|
"styleVars": {
|
"--image-border-radius": "16px",
|
"--image-justify-content": "flex-end",
|
"--program-selection-button-border-radius": "2em",
|
"--flex-container-padding": "0",
|
"--program-selection-title-slot-width": "500px",
|
"--flex-container-justify-content": "center",
|
"--flex-container-gap": "7em",
|
"--flex-container-overflow": "hidden auto",
|
"--levels-outer-container-display": "flex",
|
"--card-container-gap": "6px",
|
"--card-container-mobile-flex-direction": "column",
|
"--card-container-back-button-icon-aspect-ratio": "0",
|
"--card-container-label-padding-right": "2em",
|
"--card-container-back-button-margin": "3px",
|
"--card-container-back-button-gap": "0",
|
"--language-picker-position": "fixed",
|
"--program-selection-title-height": "6rem",
|
"--program-selection-level-title-font-size":"1.3vw",
|
"--program-selection-title-mobile-font-size":"5vw"
|
},
|
"properties": [
|
{
|
"key": "info-buttons",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "i18n-title-text",
|
"attribute": true,
|
"value": "program.selection.title"
|
},
|
{
|
"key": "program-information-query",
|
"attribute": true,
|
"value": ".program-information"
|
},
|
{
|
"key": "modal-query",
|
"attribute": true,
|
"value": ".general-modal"
|
},
|
{
|
"key": "active",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "image-zoom-on-hover",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "level-one-selection",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "multi-fetch-params",
|
"attribute": true,
|
"value": {
|
"fetch": {
|
"method": "program-selection",
|
"root-level": "root",
|
"parameters": {
|
"single-program-mode": true,
|
"close-modal-query": ".general-modal",
|
"show-loading-modal": true,
|
"include-programs-without-images": false,
|
"override-initial-article": true,
|
"program-card-modules": [
|
{
|
"tag": "fv-info-button",
|
"properties": [
|
{
|
"key": "slot",
|
"attribute": true,
|
"value": "text-after"
|
}
|
]
|
}
|
],
|
"on-selection-events": [
|
{
|
"id": "set-attribute",
|
"data": {
|
"attribute": "active-level-index",
|
"value": "0",
|
"components": [
|
{
|
"name": "fv-card-container-view",
|
"selector": ".catalog-card-view"
|
}
|
]
|
}
|
}
|
]
|
}
|
},
|
"card": {
|
"classes": [
|
"zoom-on-hover"
|
]
|
},
|
"levels": {
|
"tag": "fv-flex-container",
|
"style-vars-all": {
|
"--flex-container-direction": "row",
|
"--flex-container-overflow": "hidden auto",
|
"--card-min-height": "345px",
|
"--flex-container-gap": "20px",
|
"--icon-overflow": "hidden",
|
"--icon-background-size": "cover",
|
"--icon-display": "block",
|
"--icon-img-border-radius": "16px",
|
"--card-title-padding": "8px",
|
"--program-selection-divider-thickness": "1px",
|
"--flex-container-padding": "0px 5px 0px 0px",
|
"--card-text-container-display": "flex",
|
"--card-text-container-justify-content": "center",
|
"--card-text-container-align-items": "center",
|
"--info-button-order": "1",
|
"--card-text-container-padding": "0px 6px 0px 6px",
|
"--img-container-flex": "1",
|
"--flex-container-mobile-align-items": "center",
|
"--flex-container-flex-wrap": "wrap",
|
"--flex-container-max-width": "100%",
|
"--card-min-width": "200px",
|
"--flex-container-mobile-justify-content": "center",
|
"--card-mobile-min-width": "270px",
|
"--flex-container-justify-content": "center",
|
"--card-hover-zoom": "1.03",
|
"--card-hover-zoom-transition-time": "400ms",
|
"--card-img-container-border-radius": "16px",
|
"--card-isolation": "isolate",
|
"--card-contain": "paint",
|
"--card-img-container-position": "relative",
|
"--card-img-container-overflow": "relative",
|
"--card-width": "95%",
|
"--card-max-width": "540px ",
|
"--card-mobile-aspect-ratio": "1 / 1",
|
"--card-container-overflow":"hidden"
|
}
|
}
|
}
|
}
|
],
|
"classes": [
|
"program-selection"
|
],
|
"modules": [
|
{
|
"tag": "fv-program-selection-confirmation",
|
"default": true,
|
"classes": [
|
"full-width",
|
"hover-click"
|
],
|
"styleVars": {
|
"--mask-buttons-justify-content": "space-between",
|
"--modal-box-shadow": "none",
|
"--mask-background": "transparent",
|
"--select-article-z-index": "99999999",
|
"--modal-background-color": "transparent",
|
"--modal-background": "transparent",
|
"--mask-container-background": "var(--primary-color,red)",
|
"--mask-container-box-shadow": "0px 3px 6px rgba(0, 0, 0, 0.16)",
|
"--mask-container-text-color": "white",
|
"--mask-container-padding-top": "1.5em",
|
"--mask-container-padding-left": "1.5em",
|
"--mask-container-padding-right": "1.5em",
|
"--mask-container-padding-bottom": "1.5em",
|
"--mask-container-max-width": "33%",
|
"--mask-font-size": "20px",
|
"--mask-buttons-padding-top": "1.25em",
|
"--mask-button-text-color": "black",
|
"--mask-button-color": "white",
|
"--mask-button-box-shadow": "0px 3px 6px rgba(0, 0, 0, 0.16)",
|
"--mask-font-weight": "600",
|
"--mask-button-padding": "0.5em 1.25em",
|
"--mask-container-border-radius": "16px",
|
"--mask-button-border-radius": "2em",
|
"--mask-buttons-hover-background-color": "var(--hover-background-color-secondary, unset)",
|
"--mask-buttons-click-background-color": "var(--click-background-color-secondary, unset)"
|
},
|
"modules": [
|
{
|
"tag": "fv-rotating-dots-loader",
|
"styleVars": {
|
"--rotating-dots-loader-width": "18px",
|
"--rotating-dots-loader-height": "14px",
|
"--rotating-dots-loader-horizontal-offset": "12px",
|
"--rotating-dots-color": "#4A4A4A",
|
"--rotating-dots-loader-display": "inline-flex",
|
"--rotating-dots-loader-font-size": "4px"
|
},
|
"properties": [
|
{
|
"key": "slot",
|
"attribute": true,
|
"value": "loader"
|
}
|
]
|
}
|
]
|
},
|
{
|
"tag": "fv-flex-container",
|
"styleVars": {
|
"--flex-container-align-items": "center",
|
"--flex-container-justify-content": "center",
|
"--flex-container-mobile-width": "100%",
|
"--flex-container-mobile-padding": "1em 0em 1em 0em",
|
"--flex-container-padding": "10px",
|
"--flex-container-overflow": "visible"
|
},
|
"properties": [
|
{
|
"key": "slot",
|
"attribute": true,
|
"value": "before"
|
}
|
],
|
"modules": [
|
{
|
"tag": "fv-cloud-id",
|
"classes": [
|
"moveable-placeholder",
|
"custom-hover-border"
|
],
|
"styleVars": {
|
"--confirming-button-inner-height": "100%",
|
"--confirming-button-color": "var(--primary-color, white)",
|
"--confirming-button-text-color": "var(--primary-button-text-color, white)",
|
"--confirming-button-send-text-color": "var(--primary-button-text-color, white)",
|
"--confirming-button-send-button-color": "#3B3B3B",
|
"--button-custom-hover-background-color": "var(--hover-background-color,red)",
|
"--cloud-id-action-button-border-right": "2em",
|
"--input-outer-border-radius": "2em",
|
"--input-outer-overflow": "visible",
|
"--input-outer-width": "100%",
|
"--cloud-id-text-overlay-font-size": "13px",
|
"--cloud-id-input-padding": "0em 0em 0em 0.5em",
|
"--input-placeholder-animation-placeholder-displacement-left": "10px",
|
"--input-placeholder-animation-placeholder-displacement-top": "-0.55em",
|
"--input-placeholder-background-color": "none",
|
"--button-span-margin": "0",
|
"--fv-button-min-width": "0",
|
"--fv-button-html-button-min-width": "0",
|
"--button-margin": "0",
|
"--fv-button-host-margin": "0",
|
"--fv-button-host-padding": "0",
|
"--cloud-id-width": "85%",
|
"--cloud-id-max-width": "350px",
|
"--cloud-id-min-width": "350px",
|
"--input-placeholder-text-overlay-max-width": "calc(100% - 65px)",
|
"--input-placeholder-text-overlay-font-size": "15px"
|
},
|
"properties": [
|
{
|
"key": "readonly",
|
"attribute": true,
|
"value": false
|
},
|
{
|
"key": "icon-button",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "observe-attr",
|
"attribute": true,
|
"value": "hidden"
|
},
|
{
|
"key": "observable",
|
"attribute": true,
|
"value": ".save"
|
},
|
{
|
"key": "disable-fetch",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "clear-after-action",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "reset-ui-manu-prog",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "button-title-text",
|
"attribute": true,
|
"value": "7152"
|
}
|
]
|
}
|
]
|
},
|
{
|
"tag": "fv-flex-container",
|
"styleVars": {
|
"--flex-container-align-items": "center",
|
"--flex-container-justify-content": "center",
|
"--flex-container-mobile-width": "100%",
|
"--flex-container-mobile-padding": "1em 0em 1em 0em"
|
},
|
"properties": [
|
{
|
"key": "slot",
|
"attribute": true,
|
"value": "after"
|
}
|
],
|
"modules": [
|
{
|
"tag": "fv-language-picker",
|
"styleVars": {
|
"--language-picker-min-width": "350px"
|
}
|
}
|
]
|
}
|
]
|
},
|
{
|
"tag": "fv-program-information",
|
"default": true,
|
"index": 0,
|
"classes": [
|
"program-information"
|
],
|
"styleVars": {
|
"--program-information-button-border-radius": "2em",
|
"--page-controller-mobile-gap": "0px",
|
"--page-controller-mobile-controls-icon-size": "2rem",
|
"--bordered-text-color": "var(--primary-text-color, red)",
|
"--bordered-background-color": "transparent",
|
"--button-inner-align-items": "center",
|
"--button-inner-icon-margin": "0px 16px 0px 0px"
|
},
|
"properties": []
|
}
|
]
|
},
|
{
|
"tag": "fv-modal",
|
"classes": [
|
"small-general-modal"
|
],
|
"properties": [
|
{
|
"key": "cancelable",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "dimmed",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "fullScreen",
|
"value": false,
|
"attribute": true
|
},
|
{
|
"key": "fade",
|
"value": true
|
}
|
],
|
"styleVars": {
|
"--button-span-margin": "0",
|
"--modal-content-container-border-radius": "13px"
|
},
|
"modules": [
|
{
|
"tag": "fv-send-offer-mask",
|
"styleVars": {
|
"--input-outer-border-radius": "2em",
|
"--input-placeholder-background-color": "none",
|
"--input-placeholder-animation-placeholder-displacement-left": "10px",
|
"--input-placeholder-animation-placeholder-displacement-top": "-0.55em",
|
"--input-padding": "0.5rem 0.8rem",
|
"--button-border-radius": "2em",
|
"--fv-button-host-padding": "11px",
|
"--fv-button-host-margin": "auto",
|
"--button-custom-hover-background-color": "var(--hover-background-color-secondary, unset)",
|
"--bordered-background-color": "var(--primary-color, red)",
|
"--bordered-color": "var(--primary-color, red)",
|
"--bordered-text-color": "var(--primary-button-text-color, #ffffff)",
|
"--disabled-bordered-color": "white",
|
"--radio-color": "var(--primary-color, red)",
|
"--radio-label-align-items": "center",
|
"--list-box-overflow-x": "hidden",
|
"--list-box-overflow-y": "auto",
|
"--list-box-height": "auto",
|
"--list-box-max-height": "165px"
|
}
|
},
|
{
|
"tag": "fv-password-mask",
|
"styleVars": {
|
"--input-outer-border-radius": "2em",
|
"--input-placeholder-background-color": "none",
|
"--input-placeholder-animation-placeholder-displacement-left": "10px",
|
"--input-placeholder-animation-placeholder-displacement-top": "-0.55em",
|
"--input-padding": "0.5rem 0.8rem",
|
"--button-border-radius": "2em",
|
"--fv-button-host-padding": "11px",
|
"--fv-button-host-margin": "auto",
|
"--button-custom-hover-background-color": "var(--hover-background-color-secondary, unset)",
|
"--bordered-background-color": "var(--primary-color, red)",
|
"--bordered-color": "var(--primary-color, red)",
|
"--bordered-text-color": "var(--primary-button-text-color, #ffffff)",
|
"--disabled-bordered-color": "white"
|
},
|
"properties": [
|
{
|
"key": "furncloud-password-mask",
|
"attribute": true,
|
"value": true
|
}
|
]
|
}
|
]
|
}
|
],
|
"areas": [
|
{
|
"query": ".content",
|
"areas": [
|
{
|
"query": ".price",
|
"default": true,
|
"index": 0,
|
"classes": [
|
"top"
|
],
|
"modules": [
|
{
|
"tag": "fv-total-price",
|
"default": true,
|
"index": 0,
|
"classes": [
|
"no-icon",
|
"relative"
|
],
|
"properties": [
|
{
|
"key": "showUVP",
|
"value": true
|
}
|
]
|
}
|
]
|
}
|
],
|
"modules": [
|
{
|
"tag": "fv-modal",
|
"default": true,
|
"classes": [
|
"popups-modal",
|
"custom-z"
|
],
|
"styleVars": {
|
"--modal-box-shadow": "none",
|
"--mask-background": "transparent",
|
"--select-article-z-index": "99999999",
|
"--modal-background-color": "transparent",
|
"--modal-background": "transparent",
|
"--mask-container-background": "var(--primary-color,red)",
|
"--mask-container-box-shadow": "0px 3px 6px rgba(0, 0, 0, 0.16)",
|
"--mask-container-text-color": "white",
|
"--mask-container-padding-top": "1.5em",
|
"--mask-container-padding-left": "1.5em",
|
"--mask-container-padding-right": "1.5em",
|
"--mask-container-padding-bottom": "1.5em",
|
"--mask-container-max-width": "33%",
|
"--mask-font-size": "20px",
|
"--mask-buttons-padding-top": "1.25em",
|
"--mask-button-text-color": "black",
|
"--mask-button-color": "white",
|
"--mask-button-box-shadow": "0px 3px 6px rgba(0, 0, 0, 0.16)",
|
"--mask-font-weight": "600",
|
"--mask-button-padding": "0.5em 1.25em",
|
"--mask-container-border-radius": "16px",
|
"--mask-button-border-radius": "2em"
|
},
|
"properties": [
|
{
|
"key": "fullScreen",
|
"value": true,
|
"attribute": true
|
},
|
{
|
"key": "fade",
|
"value": true,
|
"attribute": true
|
}
|
],
|
"modules": [
|
{
|
"tag": "fv-restart-check-mask",
|
"default": true,
|
"styleVars": {
|
"--mask-buttons-justify-content": "space-between",
|
"--mask-buttons-hover-background-color": "var(--hover-background-color-secondary, unset)",
|
"--mask-buttons-click-background-color": "var(--click-background-color-secondary, unset)"
|
},
|
"classes": [
|
"hover-click"
|
],
|
"properties": [],
|
"events": [
|
{
|
"id": "close-modal",
|
"data": {
|
"query": ".popups-modal"
|
}
|
},
|
{
|
"id": "remove-classes",
|
"data": {
|
"component": "fv-button",
|
"selector": ".restart-button",
|
"classes": [
|
"active"
|
]
|
}
|
}
|
],
|
"modules": [
|
{
|
"tag": "fv-rotating-dots-loader",
|
"styleVars": {
|
"--rotating-dots-loader-width": "18px",
|
"--rotating-dots-loader-height": "14px",
|
"--rotating-dots-loader-horizontal-offset": "12px",
|
"--rotating-dots-color": "#4A4A4A",
|
"--rotating-dots-loader-display": "inline-flex",
|
"--rotating-dots-loader-font-size": "4px"
|
},
|
"properties": [
|
{
|
"key": "slot",
|
"attribute": true,
|
"value": "loader"
|
}
|
]
|
}
|
]
|
}
|
]
|
},
|
{
|
"prepend": true,
|
"tag": "fv-flex-container",
|
"classes": [
|
"filter-popup",
|
"fixed-position",
|
"hidden-by-animation"
|
],
|
"index": 0,
|
"default": true,
|
"styleVars": {
|
"--flex-container-width": "85%",
|
"--flex-container-max-width": "615px",
|
"--flex-container-fixed-position-right": "2em",
|
"--flex-container-fixed-position-top": "105px",
|
"--flex-container-direction": "column",
|
"--flex-container-background": "#FFFFFF",
|
"--flex-container-border": "2px solid #5c5c5c",
|
"--flex-container-padding": "1em 2em 1em 1em",
|
"--flex-container-mobile-padding": "0.5em",
|
"--flex-container-mobile-width": "calc(100% - 1em)",
|
"--flex-container-mobile-fixed-position-right": "0.5em",
|
"--flex-container-mobile-fixed-position-top": "0.5em",
|
"--flex-container-z-index": "9999",
|
"--slider-dimension": "100%",
|
"--label-padding-right": "0.25rem",
|
"--input-width": "100%",
|
"--input-padding": "0.5rem 0.5rem",
|
"--input-outer-width": "80px",
|
"--input-outer-margin": "0px",
|
"--input-display": "inline-flex",
|
"--slider-range-color": "var(--bordered-color, unset)",
|
"--flex-container-border-radius": "16px",
|
"--input-outer-border-radius": "2em"
|
},
|
"properties": [
|
{
|
"key": "hidden-classes",
|
"attribute": true,
|
"value": [
|
"hidden-by-animation"
|
]
|
},
|
{
|
"key": "inert",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "template-id",
|
"value": "enable-article-list",
|
"attribute": true
|
}
|
],
|
"modules": [
|
{
|
"tag": "fv-button",
|
"classes": [
|
"close-filter-popup-button",
|
"bordered",
|
"active"
|
],
|
"styleVars": {
|
"--bordered-background-color": "transparent",
|
"--bordered-color": "#E5E5E5",
|
"--primary-button-text-active-color": "#5c5c5c",
|
"--fv-button-html-button-min-width": "fit-content",
|
"--button-span-margin": "0px",
|
"--button-margin": "0px",
|
"--fv-button-min-width": "0px",
|
"--button-border-size": "0px"
|
},
|
"properties": [
|
{
|
"key": "icon",
|
"attribute": true,
|
"value": "fv-icon-plus"
|
}
|
],
|
"events": [
|
{
|
"id": "set-attribute",
|
"data": {
|
"components": [
|
{
|
"name": "fv-flex-container",
|
"selector": ".filter-popup"
|
}
|
],
|
"attribute": "hide-element",
|
"value": true
|
}
|
},
|
{
|
"id": "set-attribute",
|
"data": {
|
"components": [
|
{
|
"name": "fv-flex-container",
|
"selector": ".filter-popup"
|
}
|
],
|
"attribute": "inert",
|
"value": true
|
}
|
}
|
]
|
},
|
{
|
"tag": "fv-root-level-selection-card-container",
|
"classes": [
|
"kata-page-selection"
|
],
|
"properties": [
|
{
|
"key": "settings",
|
"value": {
|
"fetch": {
|
"method": "kata-page-selection",
|
"filter": {
|
},
|
"parameters": {
|
"selection-result-filter-is-last-clicked": true
|
}
|
},
|
"levels":{
|
"tag":"fv-flex-container",
|
"style-vars-all": {
|
"--flex-container-direction": "row"
|
}
|
},
|
"automatic-container": {
|
"tag": "fv-flex-container",
|
"style-vars": {
|
"--flex-container-direction": "column-reverse",
|
"--flex-container-padding":"0.45rem 0"
|
}
|
},
|
"card": {
|
"post-click-events": [
|
{
|
"id": "card-containers-reset-selection-result-filter",
|
"data": {
|
"tag": "fv-card-slider-filter",
|
"query": ".articles-by-categories.dimensions.width"
|
}
|
},
|
{
|
"id": "card-containers-reset-selection-result-filter",
|
"data": {
|
"tag": "fv-card-slider-filter",
|
"query": ".articles-by-categories.dimensions.depth"
|
}
|
},
|
{
|
"id": "card-containers-reset-selection-result-filter",
|
"data": {
|
"tag": "fv-card-slider-filter",
|
"query": ".articles-by-categories.dimensions.height"
|
}
|
},
|
{
|
"id": "refresh-all-card-containers",
|
"data": {
|
"refetch": true,
|
"include-hidden": true
|
}
|
}
|
]
|
},
|
"behaviour": {
|
"single-card-hide": true
|
}
|
},
|
"attribute": true
|
},
|
{
|
"key":"do-not-fill-filter-from-next-level",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "trigger-refresh-on-click",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key":"set-filter-from-root-level-selection",
|
"attribute": true,
|
"value": true
|
}
|
],
|
"styleVars": {
|
"--flex-container-direction": "row",
|
"--flex-container-flex-wrap": "wrap",
|
"--flex-container-padding": "1rem 0",
|
"--card-container-display": "flex",
|
"--card-container-gap": "10px",
|
"--flex-container-gap": "0.25em",
|
"--flex-container-mobile-gap": "0.2em",
|
"--title-active-text-color": "var(--primary-button-text-color, white)",
|
"--flex-container-mobile-direction": "row",
|
"--flex-container-border": "none",
|
"--card-width": "fit-content",
|
"--card-aspect-ratio": "0/0",
|
"--card-border": "2px solid var(--bordered-color)",
|
"--card-border-width": "2px",
|
"--card-border-radius": "2em",
|
"--card-padding": "5px 10px 5px 10px",
|
"--card-active-background": "var(--primary-color, red)",
|
"--card-active-border": "2px solid var(--bordered-color)",
|
"--card-disabled-background": "lightgrey",
|
"--card-disabled-border": "2px solid lightgrey",
|
"--card-content-padding": "0px",
|
"--card-content-width": "100%",
|
"--card-content-height": "unset",
|
"--card-content-border-bottom": "none",
|
"--card-content-margin": "0px",
|
"--flex-container-background": "transparent",
|
"--flex-container-mobile-padding": "0em 0em 1em 0em"
|
}
|
},
|
{
|
"tag": "fv-card-slider-filter",
|
"classes": [
|
"articles-by-categories",
|
"filter-slider",
|
"dimensions",
|
"width"
|
],
|
"styleVars": {
|
"--flex-container-width": "100%",
|
"--flex-container-border": "none",
|
"--flex-container-flex-wrap": "wrap",
|
"--flex-container-direction": "row",
|
"--flex-container-gap": "10px",
|
"--title-active-text-color": "var(--primary-button-text-color, white)",
|
"--flex-container-padding": "0px",
|
"--flex-container-mobile-padding": "0em 0em 0em 0.5em",
|
"--flex-container-mobile-direction": "row",
|
"--slider-dimension": "100%",
|
"--label-padding-right": "0.25rem",
|
"--input-width": "100%",
|
"--input-padding": "0.5rem 0.5rem",
|
"--input-outer-width": "80px",
|
"--input-outer-margin": "0px",
|
"--input-display": "inline-flex"
|
},
|
"properties": [
|
{
|
"key": "mobile-mode",
|
"attribute": true,
|
"value": "hide"
|
},
|
{
|
"key": "hide-element",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "refreshExclude",
|
"value": [
|
{
|
"tag": "fv-card-slider-filter",
|
"query": ".width"
|
}
|
]
|
},
|
{
|
"key": "settings",
|
"value": {
|
"fetch": {
|
"method": "articles-by-categories-dimensions",
|
"parameters": {
|
"automatic-dimension-order-index": 0,
|
"value-group-range": 8000,
|
"value-group-max-size": 100,
|
"value-group-min-split-size": 1,
|
"force-single-option-as-empty": true
|
}
|
},
|
"levels": {
|
"tag": "fv-flex-container",
|
"style-vars-all": {
|
"--flex-container-direction": "row",
|
"--flex-container-padding": "0px 0px 0px 0px",
|
"--flex-container-flex-wrap": "wrap"
|
}
|
},
|
"filter": {
|
"source-elements-selectors": [
|
{
|
"tag": "fv-root-level-selection-card-container",
|
"query": ".kata-page-selection"
|
}
|
]
|
},
|
"automatic-container": {
|
"classes": [
|
"articles-by-categories-dimension-slider-container"
|
]
|
}
|
},
|
"attribute": true
|
},
|
{
|
"key": "max-entries",
|
"attribute": true,
|
"value": 9999
|
},
|
{
|
"key": "check-dimensions",
|
"attribute": true,
|
"value": ".filter-slider"
|
},
|
{
|
"key": "on-filter-events",
|
"attribute": true,
|
"value": {
|
"on-empty": [
|
{
|
"id": "add-classes",
|
"data": {
|
"components": [
|
{
|
"name": "fv-button",
|
"selector": ".filter-toggle-button"
|
}
|
],
|
"classes": [
|
"_hidden"
|
]
|
}
|
}
|
]
|
}
|
}
|
],
|
"modules": [
|
{
|
"tag": "fv-dimension-label",
|
"properties": [
|
{
|
"key": "dimension-index",
|
"attribute": true,
|
"value": 0
|
},
|
{
|
"key": "slot",
|
"attribute": true,
|
"value": "before"
|
}
|
]
|
}
|
]
|
},
|
{
|
"tag": "fv-card-slider-filter",
|
"classes": [
|
"articles-by-categories",
|
"filter-slider",
|
"dimensions",
|
"depth"
|
],
|
"properties": [
|
{
|
"key": "mobile-mode",
|
"attribute": true,
|
"value": "hide"
|
},
|
{
|
"key": "hide-element",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "refreshExclude",
|
"value": [
|
{
|
"tag": "fv-card-slider-filter",
|
"query": ".depth"
|
}
|
]
|
},
|
{
|
"key": "settings",
|
"value": {
|
"fetch": {
|
"method": "articles-by-categories-dimensions",
|
"parameters": {
|
"automatic-dimension-order-index": 1,
|
"value-group-max-size": 100,
|
"value-group-min-split-size": 1,
|
"value-group-range": 8000,
|
"force-single-option-as-empty": true
|
}
|
},
|
"levels": {
|
"tag": "fv-flex-container",
|
"style-vars-all": {
|
"--flex-container-direction": "row",
|
"--flex-container-padding": "0px 0px 0px 0px",
|
"--flex-container-flex-wrap": "wrap"
|
}
|
},
|
"filter": {
|
"source-elements-selectors": [
|
{
|
"tag": "fv-root-level-selection-card-container",
|
"query": ".kata-page-selection"
|
}
|
]
|
},
|
"automatic-container": {
|
"classes": [
|
"articles-by-categories-dimension-slider-container"
|
]
|
}
|
},
|
"attribute": true
|
},
|
{
|
"key": "max-entries",
|
"attribute": true,
|
"value": 9999
|
},
|
{
|
"key": "check-dimensions",
|
"attribute": true,
|
"value": ".filter-slider"
|
},
|
{
|
"key": "on-filter-events",
|
"attribute": true,
|
"value": {
|
"on-empty": [
|
{
|
"id": "add-classes",
|
"data": {
|
"components": [
|
{
|
"name": "fv-button",
|
"selector": ".filter-toggle-button"
|
}
|
],
|
"classes": [
|
"_hidden"
|
]
|
}
|
}
|
]
|
}
|
}
|
],
|
"styleVars": {
|
"--flex-container-width": "100%",
|
"--flex-container-border": "none",
|
"--flex-container-gap": "10px",
|
"--title-active-text-color": "var(--primary-button-text-color, white)",
|
"--flex-container-direction": "row",
|
"--flex-container-flex-wrap": "wrap",
|
"--flex-container-padding": "0px",
|
"--flex-container-mobile-padding": "0em 0em 0em 0.5em",
|
"--flex-container-mobile-direction": "row"
|
},
|
"modules": [
|
{
|
"tag": "fv-dimension-label",
|
"properties": [
|
{
|
"key": "dimension-index",
|
"attribute": true,
|
"value": 1
|
},
|
{
|
"key": "slot",
|
"attribute": true,
|
"value": "before"
|
}
|
]
|
}
|
]
|
},
|
{
|
"tag": "fv-card-slider-filter",
|
"classes": [
|
"articles-by-categories",
|
"filter-slider",
|
"dimensions",
|
"height"
|
],
|
"properties": [
|
{
|
"key": "mobile-mode",
|
"attribute": true,
|
"value": "hide"
|
},
|
{
|
"key": "hide-element",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "refreshExclude",
|
"value": [
|
{
|
"tag": "fv-card-slider-filter",
|
"query": ".height"
|
}
|
]
|
},
|
{
|
"key": "settings",
|
"value": {
|
"fetch": {
|
"method": "articles-by-categories-dimensions",
|
"parameters": {
|
"automatic-dimension-order-index": 2,
|
"value-group-range": 8000,
|
"value-group-max-size": 100,
|
"value-group-min-split-size": 1,
|
"force-single-option-as-empty": true
|
}
|
},
|
"levels": {
|
"tag": "fv-flex-container",
|
"style-vars-all": {
|
"--flex-container-direction": "row",
|
"--flex-container-padding": "0px 0px 0px 0px",
|
"--flex-container-flex-wrap": "wrap"
|
}
|
},
|
"filter": {
|
"source-elements-selectors": [
|
{
|
"tag": "fv-root-level-selection-card-container",
|
"query": ".kata-page-selection"
|
}
|
]
|
},
|
"automatic-container": {
|
"classes": [
|
"articles-by-categories-dimension-slider-container"
|
]
|
}
|
},
|
"attribute": true
|
},
|
{
|
"key": "max-entries",
|
"attribute": true,
|
"value": 9999
|
},
|
{
|
"key": "check-dimensions",
|
"attribute": true,
|
"value": ".filter-slider"
|
},
|
{
|
"key": "on-filter-events",
|
"attribute": true,
|
"value": {
|
"on-empty": [
|
{
|
"id": "add-classes",
|
"data": {
|
"components": [
|
{
|
"name": "fv-button",
|
"selector": ".filter-toggle-button"
|
}
|
],
|
"classes": [
|
"_hidden"
|
]
|
}
|
}
|
]
|
}
|
}
|
],
|
"styleVars": {
|
"--flex-container-width": "100%",
|
"--flex-container-border": "none",
|
"--flex-container-gap": "10px",
|
"--title-active-text-color": "var(--primary-button-text-color, white)",
|
"--flex-container-direction": "row",
|
"--flex-container-flex-wrap": "wrap",
|
"--flex-container-padding": "0px",
|
"--flex-container-mobile-padding": "0em 0em 0em 0.5em",
|
"--flex-container-mobile-direction": "row",
|
"--slider-dimension": "100%",
|
"--label-padding-right": "0.25rem",
|
"--input-width": "100%",
|
"--input-padding": "0.5rem 0.5rem",
|
"--input-outer-width": "80px",
|
"--input-outer-margin": "0px",
|
"--input-display": "inline-flex"
|
},
|
"modules": [
|
{
|
"tag": "fv-dimension-label",
|
"properties": [
|
{
|
"key": "dimension-index",
|
"attribute": true,
|
"value": 2
|
},
|
{
|
"key": "slot",
|
"attribute": true,
|
"value": "before"
|
}
|
]
|
}
|
]
|
},
|
{
|
"tag": "fv-card-slider-filter",
|
"classes": [
|
"articles-by-categories",
|
"mobile-filter-slider",
|
"dimensions",
|
"width"
|
],
|
"styleVars": {
|
"--flex-container-width": "100%",
|
"--flex-container-border": "none",
|
"--flex-container-flex-wrap": "wrap",
|
"--flex-container-direction": "row",
|
"--flex-container-gap": "10px",
|
"--title-active-text-color": "var(--primary-button-text-color, white)",
|
"--flex-container-padding": "0px",
|
"--flex-container-mobile-padding": "0em 0em 0em 0.5em",
|
"--flex-container-mobile-direction": "row",
|
"--slider-dimension": "100%",
|
"--label-padding-right": "0.25rem",
|
"--input-width": "100%",
|
"--input-padding": "0.5rem 0.5rem",
|
"--input-outer-width": "80px",
|
"--input-outer-margin": "0px",
|
"--input-display": "inline-flex"
|
},
|
"properties": [
|
{
|
"key": "hide-element",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "mobile-mode",
|
"attribute": true,
|
"value": "show"
|
},
|
{
|
"key": "refreshExclude",
|
"value": [
|
{
|
"tag": "fv-card-slider-filter",
|
"query": ".width"
|
}
|
]
|
},
|
{
|
"key": "settings",
|
"value": {
|
"fetch": {
|
"method": "articles-by-categories-dimensions",
|
"parameters": {
|
"automatic-dimension-order-index": 0,
|
"value-group-range": 8000,
|
"value-group-max-size": 100,
|
"value-group-min-split-size": 1,
|
"force-single-option-as-empty": true
|
}
|
},
|
"levels": {
|
"tag": "fv-flex-container",
|
"style-vars-all": {
|
"--flex-container-direction": "row",
|
"--flex-container-padding": "0px 0px 0px 0px",
|
"--flex-container-flex-wrap": "wrap"
|
}
|
},
|
"filter": {
|
"source-elements-selectors": [
|
{
|
"tag": "fv-root-level-selection-card-container",
|
"query": ".kata-page-selection"
|
}
|
]
|
},
|
"automatic-container": {
|
"classes": [
|
"articles-by-categories-dimension-slider-container"
|
]
|
}
|
},
|
"attribute": true
|
},
|
{
|
"key": "max-entries",
|
"attribute": true,
|
"value": 9999
|
},
|
{
|
"key": "check-dimensions",
|
"attribute": true,
|
"value": ".mobile-filter-slider"
|
}
|
],
|
"modules": [
|
{
|
"tag": "fv-dimension-label",
|
"properties": [
|
{
|
"key": "dimension-index",
|
"attribute": true,
|
"value": 0
|
},
|
{
|
"key": "slot",
|
"attribute": true,
|
"value": "before"
|
}
|
]
|
}
|
]
|
},
|
{
|
"tag": "fv-card-slider-filter",
|
"classes": [
|
"articles-by-categories",
|
"mobile-filter-slider",
|
"dimensions",
|
"depth"
|
],
|
"properties": [
|
{
|
"key": "hide-element",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "mobile-mode",
|
"attribute": true,
|
"value": "show"
|
},
|
{
|
"key": "refreshExclude",
|
"value": [
|
{
|
"tag": "fv-card-slider-filter",
|
"query": ".depth"
|
}
|
]
|
},
|
{
|
"key": "settings",
|
"value": {
|
"fetch": {
|
"method": "articles-by-categories-dimensions",
|
"parameters": {
|
"automatic-dimension-order-index": 1,
|
"value-group-max-size": 100,
|
"value-group-min-split-size": 1,
|
"value-group-range": 8000,
|
"force-single-option-as-empty": true
|
}
|
},
|
"levels": {
|
"tag": "fv-flex-container",
|
"style-vars-all": {
|
"--flex-container-direction": "row",
|
"--flex-container-padding": "0px 0px 0px 0px",
|
"--flex-container-flex-wrap": "wrap"
|
}
|
},
|
"filter": {
|
"source-elements-selectors": [
|
{
|
"tag": "fv-root-level-selection-card-container",
|
"query": ".kata-page-selection"
|
}
|
]
|
},
|
"automatic-container": {
|
"classes": [
|
"articles-by-categories-dimension-slider-container"
|
]
|
}
|
},
|
"attribute": true
|
},
|
{
|
"key": "max-entries",
|
"attribute": true,
|
"value": 9999
|
},
|
{
|
"key": "check-dimensions",
|
"attribute": true,
|
"value": ".mobile-filter-slider"
|
}
|
],
|
"styleVars": {
|
"--flex-container-width": "100%",
|
"--flex-container-border": "none",
|
"--flex-container-gap": "10px",
|
"--title-active-text-color": "var(--primary-button-text-color, white)",
|
"--flex-container-direction": "row",
|
"--flex-container-flex-wrap": "wrap",
|
"--flex-container-padding": "0px",
|
"--flex-container-mobile-padding": "0em 0em 0em 0.5em",
|
"--flex-container-mobile-direction": "row"
|
},
|
"modules": [
|
{
|
"tag": "fv-dimension-label",
|
"properties": [
|
{
|
"key": "dimension-index",
|
"attribute": true,
|
"value": 1
|
},
|
{
|
"key": "slot",
|
"attribute": true,
|
"value": "before"
|
}
|
]
|
}
|
]
|
},
|
{
|
"tag": "fv-card-slider-filter",
|
"classes": [
|
"articles-by-categories",
|
"mobile-filter-slider",
|
"dimensions",
|
"height"
|
],
|
"properties": [
|
{
|
"key": "hide-element",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "mobile-mode",
|
"attribute": true,
|
"value": "show"
|
},
|
{
|
"key": "refreshExclude",
|
"value": [
|
{
|
"tag": "fv-card-slider-filter",
|
"query": ".height"
|
}
|
]
|
},
|
{
|
"key": "settings",
|
"value": {
|
"fetch": {
|
"method": "articles-by-categories-dimensions",
|
"parameters": {
|
"automatic-dimension-order-index": 2,
|
"value-group-range": 8000,
|
"value-group-max-size": 100,
|
"value-group-min-split-size": 1,
|
"force-single-option-as-empty": true
|
}
|
},
|
"levels": {
|
"tag": "fv-flex-container",
|
"style-vars-all": {
|
"--flex-container-direction": "row",
|
"--flex-container-padding": "0px 0px 0px 0px",
|
"--flex-container-flex-wrap": "wrap"
|
}
|
},
|
"filter": {
|
"source-elements-selectors": [
|
{
|
"tag": "fv-root-level-selection-card-container",
|
"query": ".kata-page-selection"
|
}
|
]
|
},
|
"automatic-container": {
|
"classes": [
|
"articles-by-categories-dimension-slider-container"
|
]
|
}
|
},
|
"attribute": true
|
},
|
{
|
"key": "max-entries",
|
"attribute": true,
|
"value": 9999
|
},
|
{
|
"key": "check-dimensions",
|
"attribute": true,
|
"value": ".mobile-filter-slider"
|
}
|
],
|
"styleVars": {
|
"--flex-container-width": "100%",
|
"--flex-container-border": "none",
|
"--flex-container-gap": "10px",
|
"--title-active-text-color": "var(--primary-button-text-color, white)",
|
"--flex-container-direction": "row",
|
"--flex-container-flex-wrap": "wrap",
|
"--flex-container-padding": "0px",
|
"--flex-container-mobile-padding": "0em 0em 0em 0.5em",
|
"--flex-container-mobile-direction": "row",
|
"--slider-dimension": "100%",
|
"--label-padding-right": "0.25rem",
|
"--input-width": "100%",
|
"--input-padding": "0.5rem 0.5rem",
|
"--input-outer-width": "80px",
|
"--input-outer-margin": "0px",
|
"--input-display": "inline-flex"
|
},
|
"modules": [
|
{
|
"tag": "fv-dimension-label",
|
"properties": [
|
{
|
"key": "dimension-index",
|
"attribute": true,
|
"value": 2
|
},
|
{
|
"key": "slot",
|
"attribute": true,
|
"value": "before"
|
}
|
]
|
}
|
]
|
},
|
{
|
"tag": "fv-card-slider-filter",
|
"classes": [
|
"articles-by-categories",
|
"filter-cards-extended",
|
"dimensions",
|
"width"
|
],
|
"styleVars": {
|
"--flex-container-flex-wrap": "wrap",
|
"--flex-container-direction": "row",
|
"--title-active-text-color": "var(--primary-button-text-color, white)",
|
"--flex-container-padding": "0px",
|
"--flex-container-mobile-direction": "row",
|
"--card-container-gap": "10px",
|
"--flex-container-gap": "0.25em",
|
"--flex-container-mobile-gap": "0.2em",
|
"--flex-container-border": "none",
|
"--card-width": "fit-content",
|
"--card-aspect-ratio": "0/0",
|
"--card-border": "2px solid var(--bordered-color)",
|
"--card-border-width": "2px",
|
"--card-border-radius": "2em",
|
"--card-padding": "5px 10px 5px 10px",
|
"--card-active-background": "var(--primary-color, red)",
|
"--card-active-border": "2px solid var(--bordered-color)",
|
"--card-disabled-background": "lightgrey",
|
"--card-disabled-border": "2px solid lightgrey",
|
"--card-content-padding": "0px",
|
"--card-content-width": "100%",
|
"--card-content-height": "unset",
|
"--card-content-border-bottom": "none",
|
"--card-content-margin": "0px",
|
"--flex-container-background": "transparent",
|
"--flex-container-mobile-padding": "0.5em 0em 1em 0em",
|
"--flex-container-width": "100%"
|
},
|
"properties": [
|
{
|
"key": "mobile-mode",
|
"attribute": true,
|
"value": "hide"
|
},
|
{
|
"key": "refreshExclude",
|
"value": [
|
{
|
"tag": "fv-card-slider-filter",
|
"query": ".width"
|
}
|
]
|
},
|
{
|
"key": "settings",
|
"value": {
|
"fetch": {
|
"method": "articles-by-categories-dimensions",
|
"parameters": {
|
"automatic-dimension-order-index": 0,
|
"value-group-range": 8000,
|
"value-group-max-size": 100,
|
"value-group-min-split-size": 1,
|
"force-single-option-as-empty": true
|
}
|
},
|
"levels": {
|
"tag": "fv-flex-container",
|
"style-vars-all": {
|
"--flex-container-direction": "row",
|
"--flex-container-padding": "0px 0px 0px 0px",
|
"--flex-container-flex-wrap": "wrap"
|
}
|
},
|
"filter": {
|
"source-elements-selectors": [
|
{
|
"tag": "fv-root-level-selection-card-container",
|
"query": ".kata-page-selection"
|
}
|
]
|
},
|
"automatic-container": {
|
"classes": [
|
"articles-by-categories-dimension-slider-container"
|
]
|
}
|
},
|
"attribute": true
|
},
|
{
|
"key": "max-entries",
|
"attribute": true,
|
"value": 27
|
},
|
{
|
"key": "use-cards",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "check-dimensions",
|
"attribute": true,
|
"value": ".filter-cards-extended"
|
},
|
{
|
"key": "on-filter-events",
|
"attribute": true,
|
"value": {
|
"over-max": [
|
{
|
"id": "set-attribute",
|
"data": {
|
"components": [
|
{
|
"name": "fv-card-slider-filter",
|
"selector": ".filter-slider",
|
"all": true
|
}
|
],
|
"attribute": "hide-element",
|
"value": false
|
}
|
}
|
]
|
}
|
}
|
],
|
"modules": [
|
{
|
"tag": "fv-dimension-label",
|
"properties": [
|
{
|
"key": "dimension-index",
|
"attribute": true,
|
"value": 0
|
},
|
{
|
"key": "slot",
|
"attribute": true,
|
"value": "before"
|
}
|
]
|
}
|
]
|
},
|
{
|
"tag": "fv-card-slider-filter",
|
"classes": [
|
"articles-by-categories",
|
"filter-cards-extended",
|
"dimensions",
|
"depth"
|
],
|
"properties": [
|
{
|
"key": "mobile-mode",
|
"attribute": true,
|
"value": "hide"
|
},
|
{
|
"key": "refreshExclude",
|
"value": [
|
{
|
"tag": "fv-card-slider-filter",
|
"query": ".depth"
|
}
|
]
|
},
|
{
|
"key": "settings",
|
"value": {
|
"fetch": {
|
"method": "articles-by-categories-dimensions",
|
"parameters": {
|
"automatic-dimension-order-index": 1,
|
"value-group-max-size": 100,
|
"value-group-min-split-size": 1,
|
"value-group-range": 8000,
|
"force-single-option-as-empty": true
|
}
|
},
|
"levels": {
|
"tag": "fv-flex-container",
|
"style-vars-all": {
|
"--flex-container-direction": "row",
|
"--flex-container-padding": "0px 0px 0px 0px",
|
"--flex-container-flex-wrap": "wrap"
|
}
|
},
|
"filter": {
|
"source-elements-selectors": [
|
{
|
"tag": "fv-root-level-selection-card-container",
|
"query": ".kata-page-selection"
|
}
|
]
|
},
|
"automatic-container": {
|
"classes": [
|
"articles-by-categories-dimension-slider-container"
|
]
|
}
|
},
|
"attribute": true
|
},
|
{
|
"key": "max-entries",
|
"attribute": true,
|
"value": 27
|
},
|
{
|
"key": "use-cards",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "check-dimensions",
|
"attribute": true,
|
"value": ".filter-cards-extended"
|
},
|
{
|
"key": "on-filter-events",
|
"attribute": true,
|
"value": {
|
"over-max": [
|
{
|
"id": "set-attribute",
|
"data": {
|
"components": [
|
{
|
"name": "fv-card-slider-filter",
|
"selector": ".filter-slider",
|
"all": true
|
}
|
],
|
"attribute": "hide-element",
|
"value": false
|
}
|
}
|
]
|
}
|
}
|
],
|
"styleVars": {
|
"--flex-container-flex-wrap": "wrap",
|
"--flex-container-direction": "row",
|
"--title-active-text-color": "var(--primary-button-text-color, white)",
|
"--flex-container-padding": "0px",
|
"--flex-container-mobile-direction": "row",
|
"--card-container-gap": "10px",
|
"--flex-container-gap": "0.25em",
|
"--flex-container-mobile-gap": "0.2em",
|
"--flex-container-border": "none",
|
"--card-width": "fit-content",
|
"--card-aspect-ratio": "0/0",
|
"--card-border": "2px solid var(--bordered-color)",
|
"--card-border-width": "2px",
|
"--card-border-radius": "2em",
|
"--card-padding": "5px 10px 5px 10px",
|
"--card-active-background": "var(--primary-color, red)",
|
"--card-active-border": "2px solid var(--bordered-color)",
|
"--card-disabled-background": "lightgrey",
|
"--card-disabled-border": "2px solid lightgrey",
|
"--card-content-padding": "0px",
|
"--card-content-width": "100%",
|
"--card-content-height": "unset",
|
"--card-content-border-bottom": "none",
|
"--card-content-margin": "0px",
|
"--flex-container-background": "transparent",
|
"--flex-container-mobile-padding": "0.5em 0em 1em 0em",
|
"--flex-container-width": "100%"
|
},
|
"modules": [
|
{
|
"tag": "fv-dimension-label",
|
"properties": [
|
{
|
"key": "dimension-index",
|
"attribute": true,
|
"value": 1
|
},
|
{
|
"key": "slot",
|
"attribute": true,
|
"value": "before"
|
}
|
]
|
}
|
]
|
},
|
{
|
"tag": "fv-card-slider-filter",
|
"classes": [
|
"articles-by-categories",
|
"filter-cards-extended",
|
"dimensions",
|
"height"
|
],
|
"properties": [
|
{
|
"key": "mobile-mode",
|
"attribute": true,
|
"value": "hide"
|
},
|
{
|
"key": "refreshExclude",
|
"value": [
|
{
|
"tag": "fv-card-slider-filter",
|
"query": ".height"
|
}
|
]
|
},
|
{
|
"key": "settings",
|
"value": {
|
"fetch": {
|
"method": "articles-by-categories-dimensions",
|
"parameters": {
|
"automatic-dimension-order-index": 2,
|
"value-group-range": 8000,
|
"value-group-max-size": 100,
|
"value-group-min-split-size": 1,
|
"force-single-option-as-empty": true
|
}
|
},
|
"levels": {
|
"tag": "fv-flex-container",
|
"style-vars-all": {
|
"--flex-container-direction": "row",
|
"--flex-container-padding": "0px 0px 0px 0px",
|
"--flex-container-flex-wrap": "wrap"
|
}
|
},
|
"filter": {
|
"source-elements-selectors": [
|
{
|
"tag": "fv-root-level-selection-card-container",
|
"query": ".kata-page-selection"
|
}
|
]
|
},
|
"automatic-container": {
|
"classes": [
|
"articles-by-categories-dimension-slider-container"
|
]
|
}
|
},
|
"attribute": true
|
},
|
{
|
"key": "max-entries",
|
"attribute": true,
|
"value": 27
|
},
|
{
|
"key": "use-cards",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "check-dimensions",
|
"attribute": true,
|
"value": ".filter-cards-extended"
|
},
|
{
|
"key": "on-filter-events",
|
"attribute": true,
|
"value": {
|
"over-max": [
|
{
|
"id": "set-attribute",
|
"data": {
|
"components": [
|
{
|
"name": "fv-card-slider-filter",
|
"selector": ".filter-slider",
|
"all": true
|
}
|
],
|
"attribute": "hide-element",
|
"value": false
|
}
|
}
|
]
|
}
|
}
|
],
|
"styleVars": {
|
"--flex-container-flex-wrap": "wrap",
|
"--flex-container-direction": "row",
|
"--title-active-text-color": "var(--primary-button-text-color, white)",
|
"--flex-container-padding": "0px",
|
"--flex-container-mobile-direction": "row",
|
"--card-container-gap": "10px",
|
"--flex-container-gap": "0.25em",
|
"--flex-container-mobile-gap": "0.2em",
|
"--flex-container-border": "none",
|
"--card-width": "fit-content",
|
"--card-aspect-ratio": "0/0",
|
"--card-border": "2px solid var(--bordered-color)",
|
"--card-border-width": "2px",
|
"--card-border-radius": "2em",
|
"--card-padding": "5px 10px 5px 10px",
|
"--card-active-background": "var(--primary-color, red)",
|
"--card-active-border": "2px solid var(--bordered-color)",
|
"--card-disabled-background": "lightgrey",
|
"--card-disabled-border": "2px solid lightgrey",
|
"--card-content-padding": "0px",
|
"--card-content-width": "100%",
|
"--card-content-height": "unset",
|
"--card-content-border-bottom": "none",
|
"--card-content-margin": "0px",
|
"--flex-container-background": "transparent",
|
"--flex-container-mobile-padding": "0.5em 0em 1em 0em",
|
"--flex-container-width": "100%"
|
},
|
"modules": [
|
{
|
"tag": "fv-dimension-label",
|
"properties": [
|
{
|
"key": "dimension-index",
|
"attribute": true,
|
"value": 2
|
},
|
{
|
"key": "slot",
|
"attribute": true,
|
"value": "before"
|
}
|
]
|
}
|
]
|
},
|
{
|
"tag": "fv-card-slider-filter",
|
"classes": [
|
"articles-by-categories",
|
"mobile-filter-cards",
|
"dimensions",
|
"width"
|
],
|
"styleVars": {
|
"--flex-container-flex-wrap": "wrap",
|
"--flex-container-direction": "row",
|
"--title-active-text-color": "var(--primary-button-text-color, white)",
|
"--flex-container-padding": "0px",
|
"--flex-container-mobile-direction": "row",
|
"--card-container-gap": "10px",
|
"--flex-container-gap": "0.25em",
|
"--flex-container-mobile-gap": "0.2em",
|
"--flex-container-border": "none",
|
"--card-width": "fit-content",
|
"--card-aspect-ratio": "0/0",
|
"--card-border": "2px solid var(--bordered-color)",
|
"--card-border-width": "2px",
|
"--card-border-radius": "2em",
|
"--card-padding": "5px 10px 5px 10px",
|
"--card-active-background": "var(--primary-color, red)",
|
"--card-active-border": "2px solid var(--bordered-color)",
|
"--card-disabled-background": "lightgrey",
|
"--card-disabled-border": "2px solid lightgrey",
|
"--card-content-padding": "0px",
|
"--card-content-width": "100%",
|
"--card-content-height": "unset",
|
"--card-content-border-bottom": "none",
|
"--card-content-margin": "0px",
|
"--flex-container-background": "transparent",
|
"--flex-container-mobile-padding": "0.5em 0em 1em 0em",
|
"--flex-container-width": "100%"
|
},
|
"properties": [
|
{
|
"key": "mobile-mode",
|
"attribute": true,
|
"value": "show"
|
},
|
{
|
"key": "refreshExclude",
|
"value": [
|
{
|
"tag": "fv-card-slider-filter",
|
"query": ".width"
|
}
|
]
|
},
|
{
|
"key": "settings",
|
"value": {
|
"fetch": {
|
"method": "articles-by-categories-dimensions",
|
"parameters": {
|
"automatic-dimension-order-index": 0,
|
"value-group-range": 8000,
|
"value-group-max-size": 100,
|
"value-group-min-split-size": 1,
|
"force-single-option-as-empty": true
|
}
|
},
|
"levels": {
|
"tag": "fv-flex-container",
|
"style-vars-all": {
|
"--flex-container-direction": "row",
|
"--flex-container-padding": "0px 0px 0px 0px",
|
"--flex-container-flex-wrap": "wrap"
|
}
|
},
|
"filter": {
|
"source-elements-selectors": [
|
{
|
"tag": "fv-root-level-selection-card-container",
|
"query": ".kata-page-selection"
|
}
|
]
|
},
|
"automatic-container": {
|
"classes": [
|
"articles-by-categories-dimension-slider-container"
|
]
|
}
|
},
|
"attribute": true
|
},
|
{
|
"key": "max-entries",
|
"attribute": true,
|
"value": 8
|
},
|
{
|
"key": "use-cards",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "check-dimensions",
|
"attribute": true,
|
"value": ".mobile-filter-cards"
|
},
|
{
|
"key": "on-filter-events",
|
"attribute": true,
|
"value": {
|
"over-max": [
|
{
|
"id": "set-attribute",
|
"data": {
|
"components": [
|
{
|
"name": "fv-card-slider-filter",
|
"selector": ".mobile-filter-slider",
|
"all": true
|
}
|
],
|
"attribute": "hide-element",
|
"value": false
|
}
|
}
|
]
|
}
|
}
|
],
|
"modules": [
|
{
|
"tag": "fv-dimension-label",
|
"properties": [
|
{
|
"key": "dimension-index",
|
"attribute": true,
|
"value": 0
|
},
|
{
|
"key": "slot",
|
"attribute": true,
|
"value": "before"
|
}
|
]
|
}
|
]
|
},
|
{
|
"tag": "fv-card-slider-filter",
|
"classes": [
|
"articles-by-categories",
|
"mobile-filter-cards",
|
"dimensions",
|
"depth"
|
],
|
"properties": [
|
{
|
"key": "mobile-mode",
|
"attribute": true,
|
"value": "show"
|
},
|
{
|
"key": "refreshExclude",
|
"value": [
|
{
|
"tag": "fv-card-slider-filter",
|
"query": ".depth"
|
}
|
]
|
},
|
{
|
"key": "settings",
|
"value": {
|
"fetch": {
|
"method": "articles-by-categories-dimensions",
|
"parameters": {
|
"automatic-dimension-order-index": 1,
|
"value-group-max-size": 100,
|
"value-group-min-split-size": 1,
|
"value-group-range": 8000,
|
"force-single-option-as-empty": true
|
}
|
},
|
"levels": {
|
"tag": "fv-flex-container",
|
"style-vars-all": {
|
"--flex-container-direction": "row",
|
"--flex-container-padding": "0px 0px 0px 0px",
|
"--flex-container-flex-wrap": "wrap"
|
}
|
},
|
"filter": {
|
"source-elements-selectors": [
|
{
|
"tag": "fv-root-level-selection-card-container",
|
"query": ".kata-page-selection"
|
}
|
]
|
},
|
"automatic-container": {
|
"classes": [
|
"articles-by-categories-dimension-slider-container"
|
]
|
}
|
},
|
"attribute": true
|
},
|
{
|
"key": "max-entries",
|
"attribute": true,
|
"value": 8
|
},
|
{
|
"key": "use-cards",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "check-dimensions",
|
"attribute": true,
|
"value": ".mobile-filter-cards"
|
},
|
{
|
"key": "on-filter-events",
|
"attribute": true,
|
"value": {
|
"over-max": [
|
{
|
"id": "set-attribute",
|
"data": {
|
"components": [
|
{
|
"name": "fv-card-slider-filter",
|
"selector": ".mobile-filter-slider",
|
"all": true
|
}
|
],
|
"attribute": "hide-element",
|
"value": false
|
}
|
}
|
]
|
}
|
}
|
],
|
"styleVars": {
|
"--flex-container-flex-wrap": "wrap",
|
"--flex-container-direction": "row",
|
"--title-active-text-color": "var(--primary-button-text-color, white)",
|
"--flex-container-padding": "0px",
|
"--flex-container-mobile-direction": "row",
|
"--card-container-gap": "10px",
|
"--flex-container-gap": "0.25em",
|
"--flex-container-mobile-gap": "0.2em",
|
"--flex-container-border": "none",
|
"--card-width": "fit-content",
|
"--card-aspect-ratio": "0/0",
|
"--card-border": "2px solid var(--bordered-color)",
|
"--card-border-width": "2px",
|
"--card-border-radius": "2em",
|
"--card-padding": "5px 10px 5px 10px",
|
"--card-active-background": "var(--primary-color, red)",
|
"--card-active-border": "2px solid var(--bordered-color)",
|
"--card-disabled-background": "lightgrey",
|
"--card-disabled-border": "2px solid lightgrey",
|
"--card-content-padding": "0px",
|
"--card-content-width": "100%",
|
"--card-content-height": "unset",
|
"--card-content-border-bottom": "none",
|
"--card-content-margin": "0px",
|
"--flex-container-background": "transparent",
|
"--flex-container-mobile-padding": "0.5em 0em 1em 0em",
|
"--flex-container-width": "100%"
|
},
|
"modules": [
|
{
|
"tag": "fv-dimension-label",
|
"properties": [
|
{
|
"key": "dimension-index",
|
"attribute": true,
|
"value": 1
|
},
|
{
|
"key": "slot",
|
"attribute": true,
|
"value": "before"
|
}
|
]
|
}
|
]
|
},
|
{
|
"tag": "fv-card-slider-filter",
|
"classes": [
|
"articles-by-categories",
|
"mobile-filter-cards",
|
"dimensions",
|
"height"
|
],
|
"properties": [
|
{
|
"key": "mobile-mode",
|
"attribute": true,
|
"value": "show"
|
},
|
{
|
"key": "refreshExclude",
|
"value": [
|
{
|
"tag": "fv-card-slider-filter",
|
"query": ".height"
|
}
|
]
|
},
|
{
|
"key": "settings",
|
"value": {
|
"fetch": {
|
"method": "articles-by-categories-dimensions",
|
"parameters": {
|
"automatic-dimension-order-index": 2,
|
"value-group-range": 8000,
|
"value-group-max-size": 100,
|
"value-group-min-split-size": 1,
|
"force-single-option-as-empty": true
|
}
|
},
|
"levels": {
|
"tag": "fv-flex-container",
|
"style-vars-all": {
|
"--flex-container-direction": "row",
|
"--flex-container-padding": "0px 0px 0px 0px",
|
"--flex-container-flex-wrap": "wrap"
|
}
|
},
|
"filter": {
|
"source-elements-selectors": [
|
{
|
"tag": "fv-root-level-selection-card-container",
|
"query": ".kata-page-selection"
|
}
|
]
|
},
|
"automatic-container": {
|
"classes": [
|
"articles-by-categories-dimension-slider-container"
|
]
|
}
|
},
|
"attribute": true
|
},
|
{
|
"key": "max-entries",
|
"attribute": true,
|
"value": 8
|
},
|
{
|
"key": "use-cards",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "check-dimensions",
|
"attribute": true,
|
"value": ".mobile-filter-cards"
|
},
|
{
|
"key": "on-filter-events",
|
"attribute": true,
|
"value": {
|
"over-max": [
|
{
|
"id": "set-attribute",
|
"data": {
|
"components": [
|
{
|
"name": "fv-card-slider-filter",
|
"selector": ".mobile-filter-slider",
|
"all": true
|
}
|
],
|
"attribute": "hide-element",
|
"value": false
|
}
|
}
|
]
|
}
|
}
|
],
|
"styleVars": {
|
"--flex-container-flex-wrap": "wrap",
|
"--flex-container-direction": "row",
|
"--title-active-text-color": "var(--primary-button-text-color, white)",
|
"--flex-container-padding": "0px",
|
"--flex-container-mobile-direction": "row",
|
"--card-container-gap": "10px",
|
"--flex-container-gap": "0.25em",
|
"--flex-container-mobile-gap": "0.2em",
|
"--flex-container-border": "none",
|
"--card-width": "fit-content",
|
"--card-aspect-ratio": "0/0",
|
"--card-border": "2px solid var(--bordered-color)",
|
"--card-border-width": "2px",
|
"--card-border-radius": "2em",
|
"--card-padding": "5px 10px 5px 10px",
|
"--card-active-background": "var(--primary-color, red)",
|
"--card-active-border": "2px solid var(--bordered-color)",
|
"--card-disabled-background": "lightgrey",
|
"--card-disabled-border": "2px solid lightgrey",
|
"--card-content-padding": "0px",
|
"--card-content-width": "100%",
|
"--card-content-height": "unset",
|
"--card-content-border-bottom": "none",
|
"--card-content-margin": "0px",
|
"--flex-container-background": "transparent",
|
"--flex-container-mobile-padding": "0.5em 0em 1em 0em",
|
"--flex-container-width": "100%"
|
},
|
"modules": [
|
{
|
"tag": "fv-dimension-label",
|
"properties": [
|
{
|
"key": "dimension-index",
|
"attribute": true,
|
"value": 2
|
},
|
{
|
"key": "slot",
|
"attribute": true,
|
"value": "before"
|
}
|
]
|
}
|
]
|
}
|
]
|
},
|
{
|
"tag": "fv-flex-container",
|
"prepend": true,
|
"modules": [
|
{
|
"tag": "fv-button",
|
"default": true,
|
"prepend": true,
|
"classes": [
|
"restart-button",
|
"custom-hover-border"
|
],
|
"styleVars": {
|
"--primary-color": "transparent",
|
"flex": "0",
|
"--button-height": "29px",
|
"--button-border-radius": "999px",
|
"--button-border": "1px solid #E0E0E0",
|
"--button-custom-hover-background-color": "#EEE",
|
"--button-custom-hover-border": "1px solid #9E9E9E",
|
"--button-custom-hover-transition": "110ms ease-in"
|
},
|
"properties": [
|
{
|
"key": "mobile-mode",
|
"attribute": true,
|
"value": "hide"
|
}
|
],
|
"modules": [
|
{
|
"tag": "fv-icon",
|
"styleVars": {
|
"--label-color": "black",
|
"--label-text-align": "center",
|
"--icon-background-color": "transparent",
|
"--label-position": "relative",
|
"--label-bottom": "22px"
|
},
|
"properties": [
|
{
|
"key": "icon",
|
"value": "fv-icon-start",
|
"attribute": true
|
}
|
]
|
},
|
{
|
"tag": "fv-label",
|
"classes": [
|
"custom-size"
|
],
|
"properties": [
|
{
|
"key": "i18n",
|
"value": "508",
|
"attribute": true
|
}
|
],
|
"styleVars": {
|
"--label-position": "relative",
|
"--label-bottom": "22px",
|
"--label-left": "4px",
|
"--label-custom-font-size": "12px"
|
}
|
}
|
],
|
"events": [
|
{
|
"id": "toggle-modal",
|
"data": {
|
"query": ".popups-modal",
|
"mask": "restart-check"
|
}
|
}
|
]
|
},
|
{
|
"prepend": false,
|
"tag": "fv-steps",
|
"default": true,
|
"index": 1,
|
"classes": [
|
"mobile-show-next-previous-buttons",
|
"mobile-show-custom-previous-button",
|
"mobile-show-custom-next-button",
|
"main-steps",
|
"evenly-spaced"
|
],
|
"styleVars": {
|
"--steps-background-color": "#F5F5F5",
|
"--fv-button-host-mobile-margin": "auto",
|
"--global-font": "Roboto",
|
"--step-font-style": "normal",
|
"--steps-flex": "1",
|
"--steps-width": "100%",
|
"--steps-height": "45px",
|
"--steps-mobile-height": "40px",
|
"--steps-mobile-order": "1",
|
"--step-font-variant": "normal",
|
"--step-text-color": "var(--primary-text-color, red)",
|
"--step-background-color": "#F5F5F5",
|
"--step-notch-distance-top": "20%",
|
"--step-notch-distance-bottom": "20%",
|
"--step-active-font-weight": "600",
|
"--step-border-top": "none",
|
"--step-border-bottom": "none",
|
"--step-active-border-top": "none",
|
"--step-active-border-bottom": "none",
|
"--step-active-background-color": "",
|
"--step-gap": "1.5px",
|
"--step-flex": "1",
|
"--step-last-padding": "none",
|
"--label-custom-font-size": "16px",
|
"--label-color": "white",
|
"--button-span-margin": "16px 19px 16px 19px",
|
"--circle-number-symbol-size": "26px",
|
"--circle-number-symbol-color": "var(--primary-text-color, red",
|
"--circle-number-symbol-background": "white",
|
"--circle-number-symbol-border": "1px solid #d6d6d6",
|
"--circle-number-symbol-box-shadow": "none",
|
"--circle-number-symbol-border-active": "2px solid var(--primary-text-color, red)",
|
"--steps-mobile-padding": "0",
|
"--steps-border-radius": "999px",
|
"--steps-border": "1px solid #E0E0E0",
|
"--steps-margin": "0px 25px 0px 25px",
|
"--steps-padding": "0px 3px 0px 3px"
|
},
|
"properties": [
|
{
|
"key": "step-target-selectors",
|
"attribute": true,
|
"value": {
|
"0": {
|
"element": {
|
"name": "fv-flex-container",
|
"selector": ".articles",
|
"additional-target-contents": [
|
{
|
"name": "fv-card-container",
|
"selector": ".articles-by-categories"
|
},
|
{
|
"name": "fv-card-slider-filter",
|
"selector": ".articles-by-categories"
|
}
|
],
|
"ignore-default-target-content": true
|
}
|
},
|
"1": {
|
"element": {
|
"name": "fv-pp-container",
|
"selector": ".catalog-content.finish-selection"
|
}
|
},
|
"2": {
|
"element": {
|
"name": "fv-equipment-list"
|
}
|
},
|
"3": {
|
"element": {
|
"name": "fv-price-overview"
|
}
|
},
|
"4": {
|
"element": {
|
"name": "fv-flex-container",
|
"selector": ".save"
|
}
|
}
|
}
|
},
|
{
|
"key": "step-activated-events",
|
"attribute": true,
|
"value": {
|
"first": [
|
{
|
"id": "set-attribute",
|
"data": {
|
"components": [
|
{
|
"name": "fv-button",
|
"selector": ".back",
|
"all": true
|
}
|
],
|
"attribute": "hide-element",
|
"value": true
|
}
|
},
|
{
|
"id": "set-attribute",
|
"data": {
|
"components": [
|
{
|
"name": "fv-button",
|
"selector": ".back-to-program-selection",
|
"all": true
|
}
|
],
|
"attribute": "hide-element",
|
"value": false
|
}
|
}
|
],
|
"any": [
|
{
|
"id": "reset-scene-action",
|
"needsInteraction": true
|
},
|
{
|
"id": "front-state",
|
"data": {
|
"value": true
|
},
|
"needsInteraction": true
|
},
|
{
|
"id": "toolbar-button-set-active",
|
"data": {
|
"components": [
|
{
|
"name": "fv-toolbar-button",
|
"selector": ".toggle-front-button",
|
"all": true
|
}
|
],
|
"value": false
|
},
|
"needsInteraction": true
|
},
|
{
|
"id": "set-attribute",
|
"data": {
|
"components": [
|
{
|
"name": "fv-button",
|
"selector": ".next",
|
"all": true
|
},
|
{
|
"name": "fv-button",
|
"selector": ".back",
|
"all": true
|
}
|
],
|
"attribute": "hide-element",
|
"value": false
|
}
|
},
|
{
|
"id": "set-attribute",
|
"data": {
|
"components": [
|
{
|
"name": "fv-button",
|
"selector": ".add-to-cart",
|
"all": true
|
}
|
],
|
"attribute": "hide-element",
|
"value": true
|
}
|
},
|
{
|
"id": "set-attribute",
|
"data": {
|
"components": [
|
{
|
"name": "fv-button",
|
"selector": ".back-to-program-selection",
|
"all": true
|
}
|
],
|
"attribute": "hide-element",
|
"value": true
|
}
|
}
|
],
|
"last": [
|
{
|
"id": "set-attribute",
|
"data": {
|
"components": [
|
{
|
"name": "fv-button",
|
"selector": ".next",
|
"all": true
|
}
|
],
|
"attribute": "hide-element",
|
"value": true
|
}
|
},
|
{
|
"id": "set-attribute",
|
"data": {
|
"components": [
|
{
|
"name": "fv-button",
|
"selector": ".add-to-cart",
|
"all": true
|
}
|
],
|
"attribute": "hide-element",
|
"value": false
|
}
|
}
|
]
|
}
|
},
|
{
|
"key": "auto-disable-steps",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "hide-empty-content",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "step-query",
|
"attribute": true,
|
"value": "fv-pill-step"
|
}
|
],
|
"modules": [
|
{
|
"tag": "fv-button",
|
"classes": [
|
"bordered",
|
"back",
|
"fill-height"
|
],
|
"properties": [
|
{
|
"key": "i18n",
|
"attribute": true,
|
"value": "114"
|
},
|
{
|
"key": "hide-element",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "slot",
|
"value": "previous-button",
|
"attribute": true
|
}
|
],
|
"styleVars": {
|
"--border-left": "2px solid #e5e5e5",
|
"--fv-button-host-padding": "6px 0px",
|
"--bordered-text-color": "var(--primary-text-color, red)",
|
"--button-span-margin": "0",
|
"--bordered-background-color": "rgba(0, 0, 0, 0)"
|
}
|
},
|
{
|
"tag": "fv-button",
|
"classes": [
|
"bordered",
|
"back-to-program-selection",
|
"custom-previous-button",
|
"fill-height"
|
],
|
"properties": [
|
{
|
"key": "i18n",
|
"attribute": true,
|
"value": "114"
|
},
|
{
|
"key": "hide-element",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "slot",
|
"value": "custom-previous-button",
|
"attribute": true
|
},
|
{
|
"key": "template-id",
|
"attribute": true,
|
"value": "enable-programselection"
|
}
|
],
|
"styleVars": {
|
"--border-left": "2px solid #e5e5e5",
|
"--fv-button-host-padding": "6px 0px",
|
"--bordered-text-color": "var(--primary-text-color, red)",
|
"--button-span-margin": "0",
|
"--button-border-mobile": "none",
|
"--bordered-background-color": "rgba(0, 0, 0, 0)"
|
},
|
"events": [
|
{
|
"id": "open-modal",
|
"data": {
|
"mask": "program-selection",
|
"query": ".general-modal",
|
"cancelable": true
|
}
|
}
|
]
|
},
|
{
|
"tag": "fv-button",
|
"classes": [
|
"next",
|
"fill-height"
|
],
|
"properties": [
|
{
|
"key": "i18n",
|
"attribute": true,
|
"value": "fv.button.next"
|
},
|
{
|
"key": "slot",
|
"value": "next-button",
|
"attribute": true
|
}
|
],
|
"styleVars": {
|
"--background-color": "#fbfbfb",
|
"--border-left": "2px solid #e5e5e5",
|
"--fv-button-host-padding": "6px 0px",
|
"--button-span-margin": "0",
|
"--button-background-color-mobile": "rgba(0, 0, 0, 0)",
|
"--primary-button-text-color": "#474747"
|
}
|
},
|
{
|
"tag": "fv-button",
|
"classes": [
|
"add-to-cart",
|
"custom-next-button",
|
"fill-height"
|
],
|
"properties": [
|
{
|
"key": "i18n",
|
"attribute": true,
|
"value": "fv.genericwizard.to_shopping_cart"
|
},
|
{
|
"key": "hide-element",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "slot",
|
"value": "custom-next-button",
|
"attribute": true
|
},
|
{
|
"key": "template-id",
|
"attribute": true,
|
"value": "shopping-cart"
|
}
|
],
|
"styleVars": {
|
"--background-color": "#fbfbfb",
|
"--border-left": "2px solid #e5e5e5",
|
"--fv-button-host-padding": "6px 0px",
|
"--button-span-margin": "0"
|
},
|
"events": [
|
{
|
"id": "send-to-cart"
|
}
|
]
|
},
|
{
|
"tag": "fv-pill-step",
|
"default": true,
|
"index": 0,
|
"classes": [
|
"first",
|
"underline",
|
"mobile-hide-inactive"
|
],
|
"properties": [
|
{
|
"key": "show-index",
|
"value": true,
|
"attribute": true
|
},
|
{
|
"key": "text",
|
"attribute": true,
|
"value": "1014"
|
},
|
{
|
"key": "index",
|
"attribute": true,
|
"value": 0
|
},
|
{
|
"key": "template-id",
|
"value": "enable-article-list",
|
"attribute": true
|
}
|
],
|
"events": [
|
{
|
"id": "set-selectable",
|
"data": {
|
"type": "PO"
|
}
|
}
|
]
|
},
|
{
|
"tag": "fv-pill-step",
|
"default": true,
|
"index": 1,
|
"classes": [
|
"underline",
|
"mobile-hide-inactive"
|
],
|
"properties": [
|
{
|
"key": "show-index",
|
"value": true,
|
"attribute": true
|
},
|
{
|
"key": "text",
|
"attribute": true,
|
"value": "20030"
|
},
|
{
|
"key": "index",
|
"attribute": true,
|
"value": 1
|
}
|
],
|
"events": [
|
{
|
"id": "set-selectable",
|
"data": {
|
"type": "PO"
|
}
|
}
|
]
|
},
|
{
|
"tag": "fv-pill-step",
|
"default": true,
|
"index": 2,
|
"classes": [
|
"underline",
|
"mobile-hide-inactive"
|
],
|
"properties": [
|
{
|
"key": "show-index",
|
"value": true,
|
"attribute": true
|
},
|
{
|
"key": "text",
|
"attribute": true,
|
"value": "3129"
|
},
|
{
|
"key": "index",
|
"attribute": true,
|
"value": 2
|
},
|
{
|
"key": "template-id",
|
"value": "enable-equipment-list",
|
"attribute": true
|
}
|
],
|
"events": [
|
{
|
"id": "set-selectable",
|
"data": {
|
"type": "innenraum"
|
}
|
}
|
]
|
},
|
{
|
"tag": "fv-pill-step",
|
"default": true,
|
"index": 3,
|
"classes": [
|
"underline",
|
"mobile-hide-inactive"
|
],
|
"properties": [
|
{
|
"key": "show-index",
|
"value": true,
|
"attribute": true
|
},
|
{
|
"key": "text",
|
"attribute": true,
|
"value": "fv.steps.article_overview"
|
},
|
{
|
"key": "index",
|
"attribute": true,
|
"value": 3
|
}
|
],
|
"events": [
|
{
|
"id": "set-selectable",
|
"data": {
|
"type": "PO"
|
}
|
}
|
]
|
},
|
{
|
"tag": "fv-pill-step",
|
"default": true,
|
"index": 4,
|
"classes": [
|
"last",
|
"underline",
|
"mobile-hide-inactive"
|
],
|
"properties": [
|
{
|
"key": "show-index",
|
"value": true,
|
"attribute": true
|
},
|
{
|
"key": "text",
|
"attribute": true,
|
"value": "20245"
|
},
|
{
|
"key": "index",
|
"attribute": true,
|
"value": 4
|
}
|
],
|
"events": [
|
{
|
"id": "set-selectable",
|
"data": {
|
"type": "PO"
|
}
|
}
|
]
|
}
|
]
|
}
|
],
|
"styleVars": {
|
"--flex-container-direction": "row",
|
"--flex-container-align-items": "center",
|
"--flex-container-height": "68px",
|
"--flex-container-padding": "0px 0px 0px 0px",
|
"--fv-button-host-margin": "0px 0px 0px 25px",
|
"--flex-container-border": "1px solid #E0E0E0",
|
"--flex-container-mobile-order": "1",
|
"--flex-container-mobile-height": "50px"
|
}
|
}
|
]
|
},
|
{
|
"query": ".catalog-content",
|
"modules": [
|
{
|
"tag": "fv-flex-container",
|
"styleVars": {
|
"--flex-container-direction": "column",
|
"--flex-container-height": "100%",
|
"--card-content-align-items": "center"
|
},
|
"classes": [
|
"articles"
|
],
|
"modules": [
|
{
|
"tag": "fv-flex-container",
|
"styleVars": {
|
"--card-width": "fit-content",
|
"--card-aspect-ratio": "0/0",
|
"--card-border-radius": "2em",
|
"--card-padding": "5px 10px 5px 10px",
|
"--card-background": "rgb(245, 245, 245)",
|
"--card-active-background": "var(--primary-color, red)",
|
"--title-active-text-color": "var(--primary-button-text-color, white) !important",
|
"--subtitle-active-text-color": "var(--primary-button-text-color, white) !important",
|
"--txt-active-text-color": "var(--primary-button-text-color, white) !important",
|
"--title-disabled-text-color": "#b4b4b4",
|
"--subtitle-disabled-text-color": "#b4b4b4",
|
"--card-content-padding": "0px",
|
"--txt-disabled-text-color": "#b4b4b4",
|
"--card-transition": "100ms ease-in-out",
|
"--card-content-width": "100%",
|
"--card-content-height": "unset",
|
"--card-content-border-bottom": "none",
|
"--card-content-margin": "0px",
|
"--flex-container-padding": "4px 1.5em 0 0.6em",
|
"--flex-container-gap": "0.25em",
|
"--flex-container-mobile-padding": "0em 0em 0em 0.25em",
|
"--flex-container-mobile-gap": "0.2em",
|
"--flex-container-direction": "column",
|
"--flex-container-height": "fit-content",
|
"--flex-container-mobile-direction": "column",
|
"--input-outer-border-radius": "2px",
|
"--button-min-height": "auto",
|
"--flex-container-margin": "2px 0px 3px 0px",
|
"--flex-container-mobile-margin": "0",
|
"--card-margin": "3.2px",
|
"--card-hover-background": "rgb(233, 233, 233)",
|
"--button-height": "fit-content",
|
"--button-span-margin": "6px"
|
},
|
"modules": [
|
{
|
"tag": "fv-flex-container",
|
"classes": [
|
"filer-popup-controller"
|
],
|
"properties": [
|
{
|
"key": "template-id",
|
"attribute": true,
|
"value": "filter-popup"
|
}
|
],
|
"modules": [
|
{
|
"tag": "fv-button",
|
"classes": [
|
"filter-toggle-button",
|
"bordered"
|
],
|
"styleVars": {
|
"--fv-button-host-margin": "0.3rem",
|
"--label-color": "var(--primary-button-text-color, white)",
|
"--button-border-radius": "16px",
|
"--bordered-background-color": "var(--primary-color, red)",
|
"--bordered-text-color": "var(--primary-button-text-color, white)",
|
"--bordered-color": "var(--primary-color, red)"
|
},
|
"properties": [
|
{
|
"key": "mobile-mode",
|
"attribute": true,
|
"value": "hide"
|
},
|
{
|
"key": "template-id",
|
"attribute": true,
|
"value": "card_container_dimension_filter"
|
}
|
],
|
"modules": [
|
{
|
"tag": "fv-label",
|
"properties": [
|
{
|
"key": "i18n",
|
"value": "30041",
|
"attribute": true
|
}
|
]
|
}
|
],
|
"events": [
|
{
|
"id": "toggle-attribute",
|
"data": {
|
"components": [
|
{
|
"name": "fv-flex-container",
|
"selector": ".filter-popup"
|
}
|
],
|
"attribute": "hide-element",
|
"value": true
|
}
|
},
|
{
|
"id": "toggle-attribute",
|
"data": {
|
"components": [
|
{
|
"name": "fv-flex-container",
|
"selector": ".filter-popup"
|
}
|
],
|
"attribute": "inert",
|
"value": true
|
}
|
},
|
{
|
"id": "update-slider-ranges",
|
"data": {
|
"components": [
|
{
|
"name": "fv-slider",
|
"all": true
|
}
|
]
|
}
|
}
|
]
|
}
|
]
|
},
|
{
|
"tag": "fv-flex-container",
|
"classes": [
|
"filter-elements"
|
],
|
"properties": [
|
{
|
"key": "template-id",
|
"attribute": true,
|
"value": "!filter-popup"
|
}
|
],
|
"modules": [
|
{
|
"tag": "fv-filter-card-container",
|
"classes": [
|
"kata-page-selection"
|
],
|
"properties": [
|
{
|
"key": "settings",
|
"value": {
|
"fetch": {
|
"method": "kata-page-selection",
|
"filter": {
|
"level-key-filter": [
|
"root"
|
]
|
},
|
"parameters": {
|
"selection-result-filter-is-last-clicked": true
|
}
|
},
|
"card": {
|
"post-click-events": [
|
{
|
"id": "card-containers-reset-selection-result-filter",
|
"data": {
|
"tag": "fv-card-slider-filter",
|
"query": ".articles-by-categories.dimensions.width"
|
}
|
},
|
{
|
"id": "card-containers-reset-selection-result-filter",
|
"data": {
|
"tag": "fv-card-slider-filter",
|
"query": ".articles-by-categories.dimensions.depth"
|
}
|
},
|
{
|
"id": "card-containers-reset-selection-result-filter",
|
"data": {
|
"tag": "fv-card-slider-filter",
|
"query": ".articles-by-categories.dimensions.height"
|
}
|
},
|
{
|
"id": "refresh-all-card-containers",
|
"data": {
|
"refetch": true,
|
"include-hidden": true
|
}
|
}
|
]
|
},
|
"behaviour": {
|
"single-card-hide": true
|
}
|
},
|
"attribute": true
|
},
|
{
|
"key": "mobile-mode",
|
"attribute": true,
|
"value": "hide"
|
},
|
{
|
"key": "trigger-refresh-on-click",
|
"attribute": true,
|
"value": true
|
}
|
],
|
"styleVars": {
|
"--flex-container-direction": "row",
|
"--flex-container-flex-wrap": "wrap",
|
"--card-container-display": "flex",
|
"--flex-container-gap": "3px",
|
"--title-active-text-color": "var(--primary-button-text-color, white)",
|
"--flex-container-mobile-direction": "row",
|
"--card-title-padding": "1px",
|
"--flex-container-padding": "0"
|
}
|
},
|
{
|
"tag": "fv-card-slider-filter",
|
"classes": [
|
"articles-by-categories",
|
"filter-cards",
|
"dimensions",
|
"width"
|
],
|
"styleVars": {
|
"--flex-container-flex-wrap": "wrap",
|
"--flex-container-direction": "row",
|
"--flex-container-gap": "10px",
|
"--title-active-text-color": "var(--primary-button-text-color, white)",
|
"--flex-container-padding": "0px",
|
"--flex-container-mobile-padding": "0em 0em 0em 0.5em",
|
"--flex-container-mobile-direction": "row"
|
},
|
"properties": [
|
{
|
"key": "settings",
|
"value": {
|
"fetch": {
|
"method": "articles-by-categories-dimensions",
|
"parameters": {
|
"automatic-dimension-order-index": 0,
|
"value-group-range": 8000,
|
"value-group-max-size": 100,
|
"value-group-min-split-size": 1,
|
"force-single-option-as-empty": true,
|
"card-container-disable-source-selector": {
|
"tag": "fv-card-container",
|
"query": ".articles-by-categories"
|
}
|
}
|
},
|
"levels": {
|
"tag": "fv-flex-container",
|
"style-vars-all": {
|
"--flex-container-direction": "row",
|
"--flex-container-padding": "0px 0px 0px 0px",
|
"--flex-container-flex-wrap": "wrap"
|
}
|
},
|
"filter": {
|
"source-elements-selectors": [
|
{
|
"tag": "fv-filter-card-container",
|
"query": ".kata-page-selection"
|
}
|
]
|
}
|
},
|
"attribute": true
|
},
|
{
|
"key": "refetch-on-click",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "max-entries",
|
"attribute": true,
|
"value": 12
|
},
|
{
|
"key": "use-cards",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "mobile-mode",
|
"attribute": true,
|
"value": "hide"
|
},
|
{
|
"key": "on-filter-events",
|
"attribute": true,
|
"value": {
|
"over-max": [
|
{
|
"id": "remove-classes",
|
"data": {
|
"components": [
|
{
|
"name": "fv-button",
|
"selector": ".filter-toggle-button"
|
}
|
],
|
"classes": [
|
"hidden"
|
]
|
}
|
}
|
]
|
}
|
}
|
],
|
"modules": [
|
{
|
"tag": "fv-dimension-label",
|
"properties": [
|
{
|
"key": "dimension-index",
|
"attribute": true,
|
"value": 0
|
},
|
{
|
"key": "slot",
|
"attribute": true,
|
"value": "before"
|
}
|
]
|
}
|
]
|
},
|
{
|
"tag": "fv-card-slider-filter",
|
"classes": [
|
"articles-by-categories",
|
"filter-cards",
|
"dimensions",
|
"depth"
|
],
|
"properties": [
|
{
|
"key": "settings",
|
"value": {
|
"fetch": {
|
"method": "articles-by-categories-dimensions",
|
"parameters": {
|
"automatic-dimension-order-index": 1,
|
"value-group-max-size": 100,
|
"value-group-min-split-size": 1,
|
"value-group-range": 8000,
|
"force-single-option-as-empty": true,
|
"suspend-disable-source-on-first-clicked-container-of-method": true,
|
"card-container-disable-source-selector": {
|
"tag": "fv-card-container",
|
"query": ".articles-by-categories"
|
}
|
}
|
},
|
"levels": {
|
"tag": "fv-flex-container",
|
"style-vars-all": {
|
"--flex-container-direction": "row",
|
"--flex-container-padding": "0px 0px 0px 0px",
|
"--flex-container-flex-wrap": "wrap"
|
}
|
},
|
"filter": {
|
"source-elements-selectors": [
|
{
|
"tag": "fv-filter-card-container",
|
"query": ".kata-page-selection"
|
}
|
]
|
}
|
},
|
"attribute": true
|
},
|
{
|
"key": "refetch-on-click",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "max-entries",
|
"attribute": true,
|
"value": 12
|
},
|
{
|
"key": "use-cards",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "mobile-mode",
|
"attribute": true,
|
"value": "hide"
|
},
|
{
|
"key": "on-filter-events",
|
"attribute": true,
|
"value": {
|
"over-max": [
|
{
|
"id": "remove-classes",
|
"data": {
|
"components": [
|
{
|
"name": "fv-button",
|
"selector": ".filter-toggle-button"
|
}
|
],
|
"classes": [
|
"hidden"
|
]
|
}
|
}
|
]
|
}
|
}
|
],
|
"styleVars": {
|
"--flex-container-flex-wrap": "wrap",
|
"--flex-container-direction": "row",
|
"--flex-container-gap": "10px",
|
"--title-active-text-color": "var(--primary-button-text-color, white)",
|
"--flex-container-padding": "0px",
|
"--flex-container-mobile-padding": "0em 0em 0em 0.5em",
|
"--flex-container-mobile-direction": "row"
|
},
|
"modules": [
|
{
|
"tag": "fv-dimension-label",
|
"properties": [
|
{
|
"key": "dimension-index",
|
"attribute": true,
|
"value": 1
|
},
|
{
|
"key": "slot",
|
"attribute": true,
|
"value": "before"
|
}
|
]
|
}
|
]
|
},
|
{
|
"tag": "fv-card-slider-filter",
|
"classes": [
|
"articles-by-categories",
|
"filter-cards",
|
"dimensions",
|
"height"
|
],
|
"properties": [
|
{
|
"key": "settings",
|
"value": {
|
"fetch": {
|
"method": "articles-by-categories-dimensions",
|
"parameters": {
|
"automatic-dimension-order-index": 2,
|
"value-group-range": 8000,
|
"value-group-max-size": 100,
|
"value-group-min-split-size": 1,
|
"force-single-option-as-empty": true,
|
"suspend-disable-source-on-first-clicked-container-of-method": true,
|
"card-container-disable-source-selector": {
|
"tag": "fv-card-container",
|
"query": ".articles-by-categories"
|
}
|
}
|
},
|
"levels": {
|
"tag": "fv-flex-container",
|
"style-vars-all": {
|
"--flex-container-direction": "row",
|
"--flex-container-padding": "0px 0px 0px 0px",
|
"--flex-container-flex-wrap": "wrap"
|
}
|
},
|
"filter": {
|
"source-elements-selectors": [
|
{
|
"tag": "fv-filter-card-container",
|
"query": ".kata-page-selection"
|
}
|
]
|
}
|
},
|
"attribute": true
|
},
|
{
|
"key": "refetch-on-click",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "max-entries",
|
"attribute": true,
|
"value": 12
|
},
|
{
|
"key": "use-cards",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "mobile-mode",
|
"attribute": true,
|
"value": "hide"
|
},
|
{
|
"key": "on-filter-events",
|
"attribute": true,
|
"value": {
|
"over-max": [
|
{
|
"id": "remove-classes",
|
"data": {
|
"components": [
|
{
|
"name": "fv-button",
|
"selector": ".filter-toggle-button"
|
}
|
],
|
"classes": [
|
"hidden"
|
]
|
}
|
}
|
]
|
}
|
}
|
],
|
"styleVars": {
|
"--flex-container-flex-wrap": "wrap",
|
"--flex-container-direction": "row",
|
"--flex-container-gap": "10px",
|
"--title-active-text-color": "var(--primary-button-text-color, white)",
|
"--flex-container-padding": "0px",
|
"--flex-container-mobile-padding": "0em 0em 0em 0.5em",
|
"--flex-container-mobile-direction": "row"
|
},
|
"modules": [
|
{
|
"tag": "fv-dimension-label",
|
"properties": [
|
{
|
"key": "dimension-index",
|
"attribute": true,
|
"value": 2
|
},
|
{
|
"key": "slot",
|
"attribute": true,
|
"value": "before"
|
}
|
]
|
}
|
]
|
},
|
{
|
"tag": "fv-card-slider-filter",
|
"classes": [
|
"articles-by-categories",
|
"filter-slider",
|
"dimensions",
|
"width"
|
],
|
"styleVars": {
|
"--flex-container-width": "100%",
|
"--flex-container-border": "none",
|
"--flex-container-flex-wrap": "wrap",
|
"--flex-container-direction": "row",
|
"--flex-container-gap": "10px",
|
"--title-active-text-color": "var(--primary-button-text-color, white)",
|
"--flex-container-padding": "0px",
|
"--flex-container-mobile-padding": "0em 0em 0em 0.5em",
|
"--flex-container-mobile-direction": "row",
|
"--slider-dimension": "100%",
|
"--label-padding-right": "0.25rem",
|
"--input-width": "100%",
|
"--input-padding": "0.5rem 0.5rem",
|
"--input-outer-width": "80px",
|
"--input-outer-margin": "0px",
|
"--input-display": "inline-flex"
|
},
|
"properties": [
|
{
|
"key": "mobile-mode",
|
"attribute": true,
|
"value": "hide"
|
},
|
{
|
"key": "hide-element",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "refreshExclude",
|
"value": [
|
{
|
"tag": "fv-card-slider-filter",
|
"query": ".width"
|
}
|
]
|
},
|
{
|
"key": "settings",
|
"value": {
|
"fetch": {
|
"method": "articles-by-categories-dimensions",
|
"parameters": {
|
"automatic-dimension-order-index": 0,
|
"value-group-range": 8000,
|
"value-group-max-size": 100,
|
"value-group-min-split-size": 1,
|
"force-single-option-as-empty": true
|
}
|
},
|
"levels": {
|
"tag": "fv-flex-container",
|
"style-vars-all": {
|
"--flex-container-direction": "row",
|
"--flex-container-padding": "0px 0px 0px 0px",
|
"--flex-container-flex-wrap": "wrap"
|
}
|
},
|
"filter": {
|
"source-elements-selectors": [
|
{
|
"tag": "fv-filter-card-container",
|
"query": ".kata-page-selection"
|
}
|
]
|
},
|
"automatic-container": {
|
"classes": [
|
"articles-by-categories-dimension-slider-container"
|
]
|
}
|
},
|
"attribute": true
|
},
|
{
|
"key": "max-entries",
|
"attribute": true,
|
"value": 9999
|
},
|
{
|
"key": "check-dimensions",
|
"attribute": true,
|
"value": ".filter-slider"
|
},
|
{
|
"key": "on-filter-events",
|
"attribute": true,
|
"value": {
|
"on-empty": [
|
{
|
"id": "add-classes",
|
"data": {
|
"components": [
|
{
|
"name": "fv-button",
|
"selector": ".filter-toggle-button"
|
}
|
],
|
"classes": [
|
"_hidden"
|
]
|
}
|
}
|
]
|
}
|
}
|
],
|
"modules": [
|
{
|
"tag": "fv-dimension-label",
|
"properties": [
|
{
|
"key": "dimension-index",
|
"attribute": true,
|
"value": 0
|
},
|
{
|
"key": "slot",
|
"attribute": true,
|
"value": "before"
|
}
|
]
|
}
|
]
|
},
|
{
|
"tag": "fv-card-slider-filter",
|
"classes": [
|
"articles-by-categories",
|
"filter-slider",
|
"dimensions",
|
"depth"
|
],
|
"properties": [
|
{
|
"key": "mobile-mode",
|
"attribute": true,
|
"value": "hide"
|
},
|
{
|
"key": "hide-element",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "refreshExclude",
|
"value": [
|
{
|
"tag": "fv-card-slider-filter",
|
"query": ".depth"
|
}
|
]
|
},
|
{
|
"key": "settings",
|
"value": {
|
"fetch": {
|
"method": "articles-by-categories-dimensions",
|
"parameters": {
|
"automatic-dimension-order-index": 1,
|
"value-group-max-size": 100,
|
"value-group-min-split-size": 1,
|
"value-group-range": 8000,
|
"force-single-option-as-empty": true
|
}
|
},
|
"levels": {
|
"tag": "fv-flex-container",
|
"style-vars-all": {
|
"--flex-container-direction": "row",
|
"--flex-container-padding": "0px 0px 0px 0px",
|
"--flex-container-flex-wrap": "wrap"
|
}
|
},
|
"filter": {
|
"source-elements-selectors": [
|
{
|
"tag": "fv-filter-card-container",
|
"query": ".kata-page-selection"
|
}
|
]
|
},
|
"automatic-container": {
|
"classes": [
|
"articles-by-categories-dimension-slider-container"
|
]
|
}
|
},
|
"attribute": true
|
},
|
{
|
"key": "max-entries",
|
"attribute": true,
|
"value": 9999
|
},
|
{
|
"key": "check-dimensions",
|
"attribute": true,
|
"value": ".filter-slider"
|
},
|
{
|
"key": "on-filter-events",
|
"attribute": true,
|
"value": {
|
"on-empty": [
|
{
|
"id": "add-classes",
|
"data": {
|
"components": [
|
{
|
"name": "fv-button",
|
"selector": ".filter-toggle-button"
|
}
|
],
|
"classes": [
|
"_hidden"
|
]
|
}
|
}
|
]
|
}
|
}
|
],
|
"styleVars": {
|
"--flex-container-width": "100%",
|
"--flex-container-border": "none",
|
"--flex-container-gap": "10px",
|
"--title-active-text-color": "var(--primary-button-text-color, white)",
|
"--flex-container-direction": "row",
|
"--flex-container-flex-wrap": "wrap",
|
"--flex-container-padding": "0px",
|
"--flex-container-mobile-padding": "0em 0em 0em 0.5em",
|
"--flex-container-mobile-direction": "row"
|
},
|
"modules": [
|
{
|
"tag": "fv-dimension-label",
|
"properties": [
|
{
|
"key": "dimension-index",
|
"attribute": true,
|
"value": 1
|
},
|
{
|
"key": "slot",
|
"attribute": true,
|
"value": "before"
|
}
|
]
|
}
|
]
|
},
|
{
|
"tag": "fv-card-slider-filter",
|
"classes": [
|
"articles-by-categories",
|
"filter-slider",
|
"dimensions",
|
"height"
|
],
|
"properties": [
|
{
|
"key": "mobile-mode",
|
"attribute": true,
|
"value": "hide"
|
},
|
{
|
"key": "hide-element",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "refreshExclude",
|
"value": [
|
{
|
"tag": "fv-card-slider-filter",
|
"query": ".height"
|
}
|
]
|
},
|
{
|
"key": "settings",
|
"value": {
|
"fetch": {
|
"method": "articles-by-categories-dimensions",
|
"parameters": {
|
"automatic-dimension-order-index": 2,
|
"value-group-range": 8000,
|
"value-group-max-size": 100,
|
"value-group-min-split-size": 1,
|
"force-single-option-as-empty": true
|
}
|
},
|
"levels": {
|
"tag": "fv-flex-container",
|
"style-vars-all": {
|
"--flex-container-direction": "row",
|
"--flex-container-padding": "0px 0px 0px 0px",
|
"--flex-container-flex-wrap": "wrap"
|
}
|
},
|
"filter": {
|
"source-elements-selectors": [
|
{
|
"tag": "fv-filter-card-container",
|
"query": ".kata-page-selection"
|
}
|
]
|
},
|
"automatic-container": {
|
"classes": [
|
"articles-by-categories-dimension-slider-container"
|
]
|
}
|
},
|
"attribute": true
|
},
|
{
|
"key": "max-entries",
|
"attribute": true,
|
"value": 9999
|
},
|
{
|
"key": "check-dimensions",
|
"attribute": true,
|
"value": ".filter-slider"
|
},
|
{
|
"key": "on-filter-events",
|
"attribute": true,
|
"value": {
|
"on-empty": [
|
{
|
"id": "add-classes",
|
"data": {
|
"components": [
|
{
|
"name": "fv-button",
|
"selector": ".filter-toggle-button"
|
}
|
],
|
"classes": [
|
"_hidden"
|
]
|
}
|
}
|
]
|
}
|
}
|
],
|
"styleVars": {
|
"--flex-container-width": "100%",
|
"--flex-container-border": "none",
|
"--flex-container-gap": "10px",
|
"--title-active-text-color": "var(--primary-button-text-color, white)",
|
"--flex-container-direction": "row",
|
"--flex-container-flex-wrap": "wrap",
|
"--flex-container-padding": "0px",
|
"--flex-container-mobile-padding": "0em 0em 0em 0.5em",
|
"--flex-container-mobile-direction": "row",
|
"--slider-dimension": "100%",
|
"--label-padding-right": "0.25rem",
|
"--input-width": "100%",
|
"--input-padding": "0.5rem 0.5rem",
|
"--input-outer-width": "80px",
|
"--input-outer-margin": "0px",
|
"--input-display": "inline-flex"
|
},
|
"modules": [
|
{
|
"tag": "fv-dimension-label",
|
"properties": [
|
{
|
"key": "dimension-index",
|
"attribute": true,
|
"value": 2
|
},
|
{
|
"key": "slot",
|
"attribute": true,
|
"value": "before"
|
}
|
]
|
}
|
]
|
}
|
]
|
}
|
]
|
},
|
{
|
"tag": "fv-button",
|
"classes": [
|
"filter-button-mobile",
|
"bordered"
|
],
|
"styleVars": {
|
"--fv-button-host-mobile-margin": "0.5em",
|
"--label-color": "var(--primary-button-text-color, white)",
|
"--button-border-radius": "16px",
|
"--bordered-background-color": "var(--primary-color, red)",
|
"--bordered-text-color": "var(--primary-button-text-color, white)",
|
"--bordered-color": "var(--primary-color, red)",
|
"--button-height": "32px",
|
"--button-span-mobile-margin": "0",
|
"--button-span-height": "auto"
|
},
|
"properties": [
|
{
|
"key": "mobile-mode",
|
"attribute": true,
|
"value": "show"
|
},
|
{
|
"key": "template-id",
|
"attribute": true,
|
"value": "card_container_dimension_filter"
|
}
|
],
|
"modules": [
|
{
|
"tag": "fv-label",
|
"properties": [
|
{
|
"key": "i18n",
|
"value": "30041",
|
"attribute": true
|
}
|
],
|
"styleVars": {
|
"--label-padding-right": "0px"
|
}
|
}
|
],
|
"events": [
|
{
|
"id": "toggle-attribute",
|
"data": {
|
"components": [
|
{
|
"name": "fv-flex-container",
|
"selector": ".filter-popup"
|
}
|
],
|
"attribute": "hide-element",
|
"value": true
|
}
|
},
|
{
|
"id": "toggle-attribute",
|
"data": {
|
"components": [
|
{
|
"name": "fv-flex-container",
|
"selector": ".filter-popup"
|
}
|
],
|
"attribute": "inert",
|
"value": true
|
}
|
},
|
{
|
"id": "update-slider-ranges",
|
"data": {
|
"components": [
|
{
|
"name": "fv-slider",
|
"all": true
|
}
|
]
|
}
|
}
|
]
|
},
|
{
|
"tag": "fv-scroll-aware-container",
|
"properties": [
|
{
|
"key": "identifier",
|
"attribute": true,
|
"value": "article-list-scroll-offset"
|
},
|
{
|
"key": "delayed",
|
"attribute": false,
|
"value": false
|
}
|
],
|
"styleVars": {
|
"--container-overflow": "auto",
|
"--container-mobile-overflow": "auto",
|
"--container-flex": "1"
|
},
|
"modules": [
|
{
|
"tag": "fv-card-container",
|
"classes": [
|
"articles-by-categories",
|
"empty-show-anyway"
|
],
|
"styleVars": {
|
"--card-width": "50%",
|
"--card-mobile-width": "100%",
|
"--card-img-height": "60%",
|
"--card-container-display": "flex",
|
"--card-container-grid-template-columns": "100%",
|
"--card-container-grid-template-rows": "fit-content auto",
|
"--dimension-information-justify-content": "flex-start",
|
"--dimension-information-align-items": "center",
|
"--card-txt-justify-content": "flex-start",
|
"--card-content-display": "flex",
|
"--card-content-flex-direction": "column-reverse",
|
"--card-content-justify-content": "flex-start",
|
"--card-content-border-bottom": "none",
|
"--card-content-height": "unset",
|
"--card-content-width": "calc(100% - 10px)",
|
"--card-background": "transparent",
|
"--flex-container-mobile-direction": "row",
|
"--flex-container-mobile-justify-content": "unset",
|
"--flex-container-overflow": "hidden",
|
"--flex-container-mobile-overflow": "auto",
|
"--card-container-overflow": "hidden",
|
"--card-container-mobile-overflow": "hidden",
|
"--slider-range-color": "#CCCCCC",
|
"--button-span-mobile-margin": "0.5rem",
|
"--fv-button-host-mobile-margin": "1rem",
|
"--slider-dimension": "100%",
|
"--label-padding-right": "0.25rem",
|
"--input-width": "100%",
|
"--input-padding": "0.5rem 0.5rem",
|
"--input-outer-margin": "0px",
|
"--input-display": "inline-flex",
|
"--card-container-flex-direction": "column",
|
"--container-flex": "1",
|
"--card-title-justify-content": "center",
|
"--container-overflow": "hidden auto",
|
"--input-placeholder-text-overlay-font-size": "10px",
|
"--input-placeholder-text-overlay-font-size-focus": "11px",
|
"--input-placeholder-animation-placeholder-displacement-left": "5px",
|
"--input-placeholder-animation-placeholder-displacement-top": "-1.1em",
|
"--input-outer-width": "auto",
|
"--input-outer-height": "20px",
|
"--input-placeholder-width": "100%",
|
"--card-container-width": "100%",
|
"--card-container-height": "fit-content",
|
"--card-container-mobile-height": "100%",
|
"--icon-flex": "1",
|
"--icon-flex-grow": "1"
|
},
|
"properties": [
|
{
|
"key": "settings",
|
"value": {
|
"fetch": {
|
"method": "articles-by-categories",
|
"parameters": {
|
"divided-inline-dimensions": true,
|
"highlight-planned-articles": true,
|
"categories-to-hide": [
|
"dhcat_konfigurator_hauptartikel"
|
]
|
}
|
},
|
"card": {
|
"tag": "fv-article-card",
|
"classes": [],
|
"translate": false,
|
"settings": {
|
"dimensions": {
|
"divider": "·"
|
},
|
"price": {
|
"whole-suffix": "",
|
"currency-before": true
|
}
|
},
|
"app-connection-settings": {
|
"dimensions-slider-input": true
|
}
|
},
|
"filter": {
|
"source-elements-selectors": [
|
{
|
"tag": "fv-root-level-selection-card-container",
|
"query": ".kata-page-selection"
|
},
|
{
|
"tag": "fv-card-slider-filter",
|
"query": ".articles-by-categories.dimensions"
|
}
|
]
|
},
|
"automatic-container": {
|
"tag": "fv-flex-container",
|
"classes": [
|
"automatic-articles"
|
],
|
"style-vars": {
|
"--flex-container-direction": "row",
|
"--flex-container-flex-wrap": "wrap",
|
"--flex-container-mobile-flex-wrap": "nowrap",
|
"--flex-container-gap": "8px",
|
"--card-aspect-ratio": "0",
|
"--card-padding": "0px",
|
"--card-border-radius": "1em",
|
"--card-max-width": "234px",
|
"--card-box-sizing": "border-box",
|
"--card-font-size": "14px",
|
"--card-margin": "0 auto",
|
"--dimension-information-dim-gap": "0px",
|
"--card-transition": "100ms ease-in-out",
|
"--card-input-group-gap": "4px",
|
"--img-container-flex": "1 1 0",
|
"--card-text-container-flex": "1 0 0",
|
"--img-container-min-height": "120px",
|
"--card-text-container-text-align": "center",
|
"--card-img-aspect-ratio": "0",
|
"--card-text-container-padding": "0.6rem 0 0 0",
|
"--filtered-catalog-dimensions-padding": "0 0 1rem 0",
|
"--card-content-element-padding": "5px 0 18px 0",
|
"--card-content-flex": "1 1 0",
|
"--card-dimensions-font-size": "12px",
|
"--card-hover-background": "rgb(245, 245, 245)",
|
"--img-container-padding": "5px 6px 0px 7px",
|
"--dimension-information-font-weight": "300",
|
"--card-active-hover-background": "rgb(245, 245, 245)",
|
"--img-container-box-sizing": "border-box",
|
"--input-placeholder-background-color-focus": "transparent",
|
"--input-placeholder-background-color": "transparent",
|
"--card-group-wrapper-padding": "1rem 0 1rem 0",
|
"--flex-container-align-content": "flex-start",
|
"--flex-container-flex": "1",
|
"--container-display": "flex",
|
"--card-height": "fit-content",
|
"--flex-container-mobile-padding": "0 1rem",
|
"--card-mobile-min-width": "200px",
|
"--card-mobile-max-width": "300px",
|
"--card-mobile-height": "100%",
|
"--card-min-width": "40%",
|
"--flex-container-width": "100%",
|
"--basic-slider-thumb-color": "var(--primary-color, red)"
|
},
|
"mobile": {
|
"tag": "fv-flex-container",
|
"style-vars": {
|
"--card-content-flex": "0.5 1 0"
|
}
|
}
|
}
|
},
|
"attribute": true
|
}
|
]
|
}
|
]
|
}
|
],
|
"properties": [
|
{
|
"key": "template-id",
|
"value": "enable-article-list",
|
"attribute": true
|
}
|
]
|
},
|
{
|
"classes": [
|
"catalog-content",
|
"finish-selection",
|
"hidden"
|
],
|
"tag": "fv-pp-container",
|
"default": true,
|
"index": 1,
|
"styleVars": {
|
"--default-image": "fv-icon-change",
|
"--titled-image-border-radius": "12px",
|
"--titled-image-box-shadow": "rgba(0, 0, 0, 0.2) 0px 2px 4px",
|
"--titled-image-selected-image-box-sizing": "border-box",
|
"--icon-background-size": "cover",
|
"--icon-img-border-radius": "12px",
|
"--accordion-text-align": "center",
|
"--accordion-text-max-width": "342px",
|
"--accordion-text-max-width-tablet": "none",
|
"--accordion-image-padding": "0px 0px 0px 12.5px",
|
"--button-span-margin": "0",
|
"--button-border-radius": "16px",
|
"--fv-button-host-padding": "3px 10px",
|
"--color-box-border-radius": "7px",
|
"--bordered-background-color-active": "var(--primary-color, red)",
|
"--bordered-text-color-active": "var(--primary-button-text-color, white)"
|
},
|
"properties": [
|
{
|
"key": "theme",
|
"value": "-1",
|
"attribute": true
|
},
|
{
|
"key": "use-current-image",
|
"value": true,
|
"attribute": true
|
},
|
{
|
"key": "hide-single-value-properties",
|
"value": true,
|
"attribute": true
|
},
|
{
|
"key": "template-id",
|
"value": "properties-container",
|
"attribute": true
|
},
|
{
|
"key": "mode-selection",
|
"value": false,
|
"attribute": true
|
}
|
]
|
},
|
{
|
"tag": "fv-equipment-list",
|
"default": true,
|
"index": 2,
|
"classes": [
|
"hidden"
|
],
|
"styleVars": {
|
"--default-image": "fv-icon-note-add",
|
"--primary-color": "var(--primary-text-color, red)",
|
"--button-border-radius": "2em",
|
"--bordered-background-color": "transparent",
|
"--fv-button-html-button-background-color": "transparent",
|
"--button-margin": "0px 7px",
|
"--titled-image-border-radius": "12px",
|
"--titled-image-box-shadow": "rgba(0, 0, 0, 0.2) 0px 2px 4px",
|
"--titled-image-selected-image-box-sizing": "border-box",
|
"--equipment-list-pp-container-icon-background-size": "cover",
|
"--equipment-list-pp-container-icon-img-border-radius": "12px",
|
"--accordion-text-align": "center",
|
"--accordion-text-max-width": "342px",
|
"--accordion-text-max-width-tablet": "none",
|
"--accordion-image-padding": "0px 0px 0px 12.5px"
|
},
|
"properties": [
|
{
|
"key": "self-initialize",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "hide-shopping-cart-items",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "hide-single-category",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "highlight-scene-items",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "bordered-filters",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "disable-if-scene-empty",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "template-id",
|
"value": "enable-equipment-list",
|
"attribute": true
|
}
|
]
|
},
|
{
|
"index": 3,
|
"tag": "fv-price-overview",
|
"default": true,
|
"classes": [
|
"hidden",
|
"overview",
|
"mobile-hide-title",
|
"show-scrollbar"
|
],
|
"styleVars": {
|
"--price-item-2-items-gap": "16px",
|
"--price-item-2-price-of-sale-font-family": "Roboto",
|
"--price-item-2-price-of-sale-font-weight": "600",
|
"--price-item-2-description-font-family": "Roboto",
|
"--price-item-2-description-font-weight": "400",
|
"--price-overview-title-margin-bottom": "20px",
|
"--price-overview-overview-margin-bottom": "9px",
|
"--price-overview-custom-height": "100%",
|
"--price-overview-padding": "0px 0px 10px 19px",
|
"--price-overview-list-container-padding": "0px 5px 0px 0px",
|
"--price-overview-list-container-width": "calc(100% - 9px)"
|
},
|
"properties": [
|
{
|
"key": "price-item-tag",
|
"value": "fv-price-item-2",
|
"attribute": true
|
},
|
{
|
"key": "prevent-add-to-cart",
|
"value": true,
|
"attribute": true
|
},
|
{
|
"key": "withoutContainer",
|
"value": true,
|
"attribute": true
|
},
|
{
|
"key": "total-price-txt-id",
|
"value": "total.price.txt.id",
|
"attribute": true
|
},
|
{
|
"key": "prevent-total",
|
"value": true,
|
"attribute": true
|
},
|
{
|
"key": "prevent-empty-cart-text",
|
"value": true,
|
"attribute": true
|
},
|
{
|
"key": "use-additional-empty-check",
|
"value": true,
|
"attribute": true
|
},
|
{
|
"key": "empty-scene-disable-additional-empty-check",
|
"value": true,
|
"attribute": true
|
},
|
{
|
"key": "template-id",
|
"value": "price-tab-show-article-id",
|
"attribute": true
|
},
|
{
|
"key": "highlight-element-on-hover",
|
"value": true,
|
"attribute": true
|
},
|
{
|
"key": "disable-if-scene-empty",
|
"value": true,
|
"attribute": true
|
},
|
{
|
"key": "accordion",
|
"value": true,
|
"attribute": true
|
}
|
],
|
"modules": [
|
{
|
"tag": "fv-label",
|
"properties": [
|
{
|
"key": "i18n",
|
"attribute": true,
|
"value": "overview.title"
|
},
|
{
|
"key": "slot",
|
"attribute": true,
|
"value": "title"
|
}
|
],
|
"classes": [
|
"custom"
|
],
|
"styleVars": {
|
"--label-custom-font-size": "24px",
|
"--label-text-align": "left"
|
}
|
}
|
]
|
},
|
{
|
"index": 4,
|
"default": true,
|
"classes": [
|
"hidden",
|
"save"
|
],
|
"tag": "fv-flex-container",
|
"styleVars": {
|
"--button-span-margin": "0",
|
"--flex-container-direction": "column",
|
"--flex-container-width": "calc(100% - 40px)",
|
"--flex-container-margin": "0 20px 20px 20px",
|
"--flex-container-gap": "3em",
|
"--label-font-weight": "var(--global-font-weight, 400)",
|
"--flex-container-mobile-width": "calc(100% - 40px)",
|
"--flex-container-mobile-overflow": "visible auto",
|
"--flex-container-mobile-height": "100%",
|
"--flex-container-overflow": "auto",
|
"--flex-container-height": "100%"
|
},
|
"properties": [
|
{
|
"key": "disable-if-scene-empty",
|
"attribute": true,
|
"value": false
|
}
|
],
|
"modules": [
|
{
|
"tag": "fv-flex-container",
|
"styleVars": {
|
"--flex-container-direction": "column",
|
"--flex-container-gap": "1.5em",
|
"--flex-container-margin": "22px 0px 0px 0px",
|
"--flex-container-mobile-overflow": "visible visible",
|
"--flex-container-mobile-height": "initial",
|
"--flex-container-overflow": "visible visible",
|
"--flex-container-height": "initial"
|
}
|
},
|
{
|
"tag": "fv-flex-container",
|
"styleVars": {
|
"--flex-container-direction": "column",
|
"--flex-container-gap": "1.5em",
|
"--flex-container-margin": "none",
|
"--flex-container-mobile-overflow": "visible visible",
|
"--flex-container-mobile-height": "initial",
|
"--flex-container-mobile-padding": "0px 0px 0px 1px",
|
"--flex-container-overflow": "visible visible",
|
"--flex-container-height": "initial",
|
"--flex-container-padding": "0px 0px 0px 1px"
|
},
|
"modules": [
|
{
|
"tag": "fv-label",
|
"classes": [
|
"custom-size"
|
],
|
"styleVars": {
|
"--global-font-weight": "600",
|
"--label-custom-font-size": "1.17em"
|
},
|
"properties": [
|
{
|
"key": "i18n",
|
"attribute": true,
|
"value": "fv.modal.planning_number.title"
|
}
|
]
|
},
|
{
|
"tag": "fv-cloud-id",
|
"classes": [
|
"moveable-placeholder",
|
"custom-hover-border"
|
],
|
"styleVars": {
|
"--confirming-button-inner-height": "100%",
|
"--confirming-button-color": "var(--primary-color, white)",
|
"--confirming-button-text-color": "var(--primary-button-text-color, white)",
|
"--confirming-button-send-text-color": "var(--primary-button-text-color, white)",
|
"--confirming-button-send-button-color": "#3B3B3B",
|
"--button-custom-hover-background-color": "var(--hover-background-color,red)",
|
"--cloud-id-action-button-border-right": "2em",
|
"--input-outer-border-radius": "2em",
|
"--input-outer-overflow": "visible",
|
"--input-outer-width": "100%",
|
"--cloud-id-text-overlay-font-size": "13px",
|
"--cloud-id-input-padding": "0em 0em 0em 0.5em",
|
"--input-placeholder-animation-placeholder-displacement-left": "10px",
|
"--input-placeholder-animation-placeholder-displacement-top": "-0.55em",
|
"--input-placeholder-background-color": "none",
|
"--fv-button-min-width": "0",
|
"--fv-button-html-button-min-width": "0"
|
},
|
"properties": [
|
{
|
"key": "readonly",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "observe-attr",
|
"attribute": true,
|
"value": "hidden"
|
},
|
{
|
"key": "observable",
|
"attribute": true,
|
"value": ".save"
|
},
|
{
|
"key": "icon-button",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "button-title-text",
|
"attribute": true,
|
"value": "fv.modal.copy_planning_number"
|
}
|
]
|
},
|
{
|
"tag": "fv-label",
|
"properties": [
|
{
|
"key": "i18n",
|
"attribute": true,
|
"value": "fv.modal.planning_number.text"
|
}
|
]
|
},
|
{
|
"tag": "fv-cloud-id",
|
"classes": [
|
"moveable-placeholder",
|
"custom-hover-border"
|
],
|
"styleVars": {
|
"--confirming-button-inner-height": "100%",
|
"--confirming-button-color": "var(--primary-color, white)",
|
"--confirming-button-text-color": "var(--primary-button-text-color, white)",
|
"--confirming-button-send-text-color": "var(--primary-button-text-color, white)",
|
"--confirming-button-send-button-color": "#3B3B3B",
|
"--button-custom-hover-background-color": "var(--hover-background-color,red)",
|
"--cloud-id-action-button-border-right": "2em",
|
"--input-outer-border-radius": "2em",
|
"--input-outer-overflow": "visible",
|
"--input-outer-width": "100%",
|
"--cloud-id-text-overlay-font-size": "13px",
|
"--cloud-id-input-padding": "0em 0em 0em 0.5em",
|
"--input-placeholder-animation-placeholder-displacement-left": "10px",
|
"--input-placeholder-animation-placeholder-displacement-top": "-0.55em",
|
"--input-placeholder-background-color": "none",
|
"--fv-button-min-width": "0",
|
"--fv-button-html-button-min-width": "0"
|
},
|
"properties": [
|
{
|
"key": "readonly",
|
"attribute": true,
|
"value": false
|
},
|
{
|
"key": "icon-button",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "observe-attr",
|
"attribute": true,
|
"value": "hidden"
|
},
|
{
|
"key": "observable",
|
"attribute": true,
|
"value": ".save"
|
},
|
{
|
"key": "disable-fetch",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "clear-after-action",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "button-title-text",
|
"attribute": true,
|
"value": "7152"
|
}
|
]
|
}
|
]
|
},
|
{
|
"tag": "fv-flex-container",
|
"styleVars": {
|
"--flex-container-direction": "column",
|
"--flex-container-gap": "0.75em",
|
"--flex-container-margin": "none",
|
"--flex-container-mobile-overflow": "visible visible",
|
"--flex-container-mobile-height": "initial",
|
"--flex-container-overflow": "visible visible",
|
"--flex-container-height": "initial"
|
},
|
"modules": [
|
{
|
"tag": "fv-grid-container",
|
"styleVars": {
|
"--flex-container-direction": "row",
|
"--flex-container-justify-content": "center",
|
"--flex-container-align-items": "space-around",
|
"--button-border-size": "1px",
|
"--bordered-text-color": "var(--primary-text-color, red)",
|
"--fv-button-host-padding": "12px 20px",
|
"--fv-button-html-button-padding": "5px 0px",
|
"--grid-container-template-columns": "50% 50%",
|
"--fv-button-host-margin": "auto",
|
"--button-custom-hover-border": "var(--button-border-size,1px) solid var(--bordered-color,red)",
|
"--button-custom-hover-background-color": "var(--hover-background-color-secondary, unset)",
|
"--button-custom-click-background-color": "var(--click-background-color-secondary, unset)"
|
},
|
"modules": [
|
{
|
"tag": "fv-download",
|
"styleVars": {
|
"--button-border-radius": "2em",
|
"--bordered-background-color": "transparent"
|
},
|
"properties": [
|
{
|
"key": "without-text",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "bordered-button",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "custom-hover-button",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "custom-click-button",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "button-text",
|
"attribute": true,
|
"value": "fv.genericwizard.configuration.save_pdf"
|
},
|
{
|
"key": "template-id",
|
"attribute": true,
|
"value": "save-pdf"
|
}
|
]
|
},
|
{
|
"tag": "fv-button",
|
"properties": [
|
{
|
"key": "i18n",
|
"attribute": true,
|
"value": "send_request"
|
},
|
{
|
"key": "template-id",
|
"attribute": true,
|
"value": "send-inquiry"
|
}
|
],
|
"classes": [
|
"bordered",
|
"custom-hover-border",
|
"custom-click-color"
|
],
|
"styleVars": {
|
"--button-align-self": "center",
|
"--button-border-radius": "2em",
|
"--bordered-background-color": "transparent"
|
},
|
"events": [
|
{
|
"id": "open-modal",
|
"data": {
|
"query": ".small-general-modal",
|
"mask": "send-offer-request"
|
}
|
}
|
]
|
},
|
{
|
"tag": "fv-download",
|
"styleVars": {
|
"--button-border-radius": "2em",
|
"--bordered-background-color": "transparent"
|
},
|
"properties": [
|
{
|
"key": "without-text",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "bordered-button",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "custom-hover-button",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "custom-click-button",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "button-text",
|
"attribute": true,
|
"value": "fv.genericwizard.configuration.save_obj"
|
},
|
{
|
"key": "button-type",
|
"attribute": true,
|
"value": "obj"
|
},
|
{
|
"key": "template-id",
|
"attribute": true,
|
"value": "save-obj"
|
}
|
]
|
},
|
{
|
"tag": "fv-download",
|
"styleVars": {
|
"--button-border-radius": "2em",
|
"--bordered-background-color": "transparent"
|
},
|
"properties": [
|
{
|
"key": "without-text",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "bordered-button",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "custom-hover-button",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "custom-click-button",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "button-text",
|
"attribute": true,
|
"value": "fv.genericwizard.configuration.save_skp"
|
},
|
{
|
"key": "button-type",
|
"attribute": true,
|
"value": "skp"
|
},
|
{
|
"key": "template-id",
|
"attribute": true,
|
"value": "save-skp"
|
}
|
]
|
},
|
{
|
"tag": "fv-download",
|
"styleVars": {
|
"--button-border-radius": "2em",
|
"--bordered-background-color": "transparent"
|
},
|
"properties": [
|
{
|
"key": "without-text",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "bordered-button",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "custom-hover-button",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "custom-click-button",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "button-text",
|
"attribute": true,
|
"value": "fv.genericwizard.configuration.save_dxf"
|
},
|
{
|
"key": "button-type",
|
"attribute": true,
|
"value": "dxf"
|
},
|
{
|
"key": "template-id",
|
"attribute": true,
|
"value": "save-dxf"
|
}
|
]
|
},
|
{
|
"tag": "fv-download",
|
"styleVars": {
|
"--button-border-radius": "2em",
|
"--bordered-background-color": "transparent"
|
},
|
"properties": [
|
{
|
"key": "without-text",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "bordered-button",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "custom-hover-button",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "custom-click-button",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "button-text",
|
"attribute": true,
|
"value": "fv.genericwizard.configuration.save_xml"
|
},
|
{
|
"key": "button-type",
|
"attribute": true,
|
"value": "xml"
|
},
|
{
|
"key": "template-id",
|
"attribute": true,
|
"value": "save-xml"
|
},
|
{
|
"key": "furncloud-request",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "session-storage-key",
|
"attribute": true,
|
"value": "furncloud_password"
|
},
|
{
|
"key": "password-modal-query",
|
"attribute": true,
|
"value": ".small-general-modal"
|
},
|
{
|
"key": "password-modal-mask",
|
"attribute": true,
|
"value": "password-mask"
|
}
|
]
|
},
|
{
|
"tag": "fv-download",
|
"styleVars": {
|
"--button-border-radius": "2em",
|
"--bordered-background-color": "transparent"
|
},
|
"properties": [
|
{
|
"key": "without-text",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "bordered-button",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "custom-hover-button",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "custom-click-button",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "button-text",
|
"attribute": true,
|
"value": "fv.genericwizard.configuration.save_xls"
|
},
|
{
|
"key": "button-type",
|
"attribute": true,
|
"value": "xls"
|
},
|
{
|
"key": "template-id",
|
"attribute": true,
|
"value": "save-xls"
|
}
|
]
|
}
|
]
|
}
|
]
|
}
|
]
|
}
|
]
|
},
|
{
|
"query": ".catalog-footer",
|
"styleVars": {
|
"--flex-container-width": "50%"
|
},
|
"modules": [
|
{
|
"tag": "fv-flex-container",
|
"styleVars": {
|
"--flex-container-justify-content": "center"
|
},
|
"modules": [
|
{
|
"tag": "fv-button",
|
"classes": [
|
"bordered",
|
"back"
|
],
|
"properties": [
|
{
|
"key": "i18n",
|
"attribute": true,
|
"value": "114"
|
},
|
{
|
"key": "hide-element",
|
"attribute": true,
|
"value": true
|
}
|
],
|
"styleVars": {
|
"--border-left": "2px solid #e5e5e5",
|
"--fv-button-host-padding": "12px 20px",
|
"--bordered-text-color": "var(--primary-text-color, red)",
|
"--button-span-margin": "0",
|
"--button-border-radius": "2em"
|
},
|
"events": [
|
{
|
"id": "steps-previous",
|
"data": {
|
"steps-component": "fv-steps",
|
"selector": ".main-steps"
|
}
|
}
|
]
|
},
|
{
|
"tag": "fv-button",
|
"classes": [
|
"bordered",
|
"back-to-program-selection"
|
],
|
"properties": [
|
{
|
"key": "i18n",
|
"attribute": true,
|
"value": "114"
|
},
|
{
|
"key": "hide-element",
|
"attribute": true,
|
"value": true
|
},
|
{
|
"key": "template-id",
|
"attribute": true,
|
"value": "enable-programselection"
|
}
|
],
|
"styleVars": {
|
"--border-left": "2px solid #e5e5e5",
|
"--fv-button-host-padding": "12px 20px",
|
"--bordered-text-color": "var(--primary-text-color, red)",
|
"--button-span-margin": "0",
|
"--button-border-radius": "2em"
|
},
|
"events": [
|
{
|
"id": "open-modal",
|
"data": {
|
"mask": "program-selection",
|
"query": ".general-modal",
|
"cancelable": true
|
}
|
}
|
]
|
}
|
]
|
},
|
{
|
"tag": "fv-flex-container",
|
"styleVars": {
|
"--flex-container-justify-content": "center"
|
},
|
"modules": [
|
{
|
"tag": "fv-button",
|
"classes": [
|
"bordered",
|
"next"
|
],
|
"properties": [
|
{
|
"key": "i18n",
|
"attribute": true,
|
"value": "fv.button.next"
|
}
|
],
|
"styleVars": {
|
"--background-color": "#fbfbfb",
|
"--border-left": "2px solid #e5e5e5",
|
"--fv-button-host-padding": "12px 20px",
|
"--button-span-margin": "0",
|
"--button-border-radius": "2em",
|
"--bordered-background-color": "var(--primary-color, red)",
|
"--bordered-text-color": "var(--primary-button-text-color, white)",
|
"--bordered-color": "var(--primary-color, red)"
|
},
|
"events": [
|
{
|
"id": "steps-next",
|
"data": {
|
"steps-component": "fv-steps",
|
"selector": ".main-steps"
|
}
|
}
|
]
|
},
|
{
|
"tag": "fv-button",
|
"classes": [
|
"bordered",
|
"add-to-cart"
|
],
|
"properties": [
|
{
|
"key": "i18n",
|
"attribute": true,
|
"value": "fv.genericwizard.to_shopping_cart"
|
},
|
{
|
"key": "template-id",
|
"attribute": true,
|
"value": "shopping-cart"
|
}
|
],
|
"styleVars": {
|
"--background-color": "#fbfbfb",
|
"--border-left": "2px solid #e5e5e5",
|
"--fv-button-host-padding": "12px 20px",
|
"--button-span-margin": "0",
|
"--button-border-radius": "2em",
|
"--bordered-background-color": "var(--primary-color, red)",
|
"--bordered-text-color": "var(--primary-button-text-color, white)",
|
"--bordered-color": "var(--primary-color, red)"
|
},
|
"events": [
|
{
|
"id": "send-to-cart"
|
}
|
]
|
}
|
]
|
}
|
]
|
},
|
{
|
"query": ".catalog-steps",
|
"modules": []
|
}
|
]
|
}
|
