1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
| import { i, r, x } from './query-assigned-elements-fea1f631.js';
| import { e } from './custom-element-30fc6381.js';
| import { n, B as BaseElement } from './base.component-813fc7cf.js';
| import { o } from './class-map-a0fb5d87.js';
| import { StyleHelper } from './style.helper.js';
| import '@dh-software/furnview-icons';
|
| var css_248z = i`.close-symbol{cursor:pointer;height:100%;position:relative;width:100%}.close-symbol.loading{z-index:999}.close-symbol.loading:after,.close-symbol.loading:before{background:#fff}.close-symbol:after,.close-symbol:before{background:var(--close-symbol-background,#888);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;content:" ";height:1px;margin:0;padding:0;position:absolute;top:50%;width:100%}.close-symbol:after:hover,.close-symbol:before:hover{background:var(--close-symbol-background-hover,#333)}.close-symbol:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}.close-symbol:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}:host(.active) .circle-number-symbol{border:var(--circle-number-symbol-border-active,2px solid #000)}.circle-number-symbol{align-items:center;background:var(--circle-number-symbol-background,var(--primary-color,red));border:var(--circle-number-symbol-border,2px solid #fff);border-radius:50%;box-shadow:var(--circle-number-symbol-box-shadow,1px 2px 5px 0 #000);color:var(--circle-number-symbol-color,var(--primary-text-color,#000));display:flex;height:var(--circle-number-symbol-size,30px);justify-content:center;position:relative;width:var(--circle-number-symbol-size,30px)}.custom-symbol{cursor:pointer;display:flex;left:10px;position:relative}.custom-symbol.up:after{background-image:var(--custom-symbol-image-down,url("/webui/images/minus.svg"));content:"";height:18px}.custom-symbol.down:after{background-image:var(--custom-symbol-image-down,url("/webui/images/plus.svg"));content:"";height:18px}.custom-symbol:after{color:#1e1e1e;margin:auto 0;padding:0 0 2px;pointer-events:none;transform:translateX(-15px);width:18px}.accordion-symbol{cursor:pointer;display:flex;left:10px;position:relative}.accordion-symbol.up:after{content:"-";font-size:xx-large;transform:scaleX(2) translateX(-4px)}.accordion-symbol.down:after{content:"+";font-size:xx-large}.accordion-symbol:after{color:#1e1e1e;margin:auto 0;padding:0 0 2px;pointer-events:none;transform:translateX(-15px);width:18px}.chevron-symbol{cursor:pointer;left:10px;position:relative}.chevron-symbol.up:after{content:"<"}.chevron-symbol.down:after{content:">"}.chevron-symbol:after{color:inherit;font:17px Consolas,monospace;padding:0 0 2px;pointer-events:none;position:absolute;-webkit-transform:rotate(90deg) translateX(-100%);-moz-transform:rotate(90deg) translateX(-100%);-ms-transform:rotate(90deg) translateX(-100%);transform:rotate(90deg) translateX(-100%)}@media (width >= 980px){.only-mobile{display:none!important}}@media (width <= 980px){.only-desktop{display:none!important}}.bold{font-weight:var(--global-font-weight-bold,600)}*{font-family:var(--global-font,Roboto);font-weight:var(--global-font-weight,400);-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container{display:flex;margin:10px 0}.container.column{flex-direction:column}.container.column.reverse{flex-direction:column-reverse}.container.row{flex-direction:row}.container.row.reverse{flex-direction:row-reverse}.fluid{flex:1}.fluid.space-after{margin-right:55px}.hidden{display:none!important}.mobile-mode-hide,:host(.mobile-mode-hide){display:none!important}.invisible{visibility:hidden!important}.invisible-scroll,:host(.invisible-scroll){margin-right:-22px;overflow:hidden}.invisible-scroll>:first-child,:host(.invisible-scroll)>:first-child{box-sizing:content-box;overflow-x:hidden;overflow-y:scroll;padding-right:22px}.invisible-scroll.bottom,:host(.invisible-scroll.bottom){margin-right:unset;overflow:hidden}.invisible-scroll.bottom>:first-child,:host(.invisible-scroll.bottom)>:first-child{box-sizing:content-box;margin-bottom:-22px;overflow-x:scroll;overflow-y:hidden;padding-bottom:22px;padding-right:unset}:host([disabled]){filter:contrast(.5) grayscale(1);pointer-events:none}*{scrollbar-color:#5c5c5c hsla(0,0%,100%,.004);scrollbar-width:thin}[disabled]{filter:contrast(.5) grayscale(1);pointer-events:none}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar,::-webkit-scrollbar-corner{background:hsla(0,0%,100%,0)}::-webkit-scrollbar-thumb{background:#5c5c5c;-webkit-border-radius:8px}::-webkit-scrollbar-button,::-webkit-scrollbar-button:horizontal:end:decrement,::-webkit-scrollbar-button:horizontal:end:increment,::-webkit-scrollbar-button:vertical:end:decrement,::-webkit-scrollbar-button:vertical:start:increment{background-color:transparent;border:none;color:transparent}:host(.selected) .color-box{border:var(--color-box-selected-border-style,1px solid #000)}:host .color-box{border:var(--color-box-border-style,"0px solid black");height:var(--color-box-height,41px);width:var(--color-box-width,41px)}:host .color-box.disabled{pointer-events:none;position:relative}:host .color-box.disabled:after,:host .color-box.disabled:before{background-color:var(--color-box-disabled-color,#777);content:" ";height:33px;left:20px;position:absolute;top:4px;width:2px}:host .color-box.disabled:before{transform:rotate(45deg)}:host .color-box.disabled:after{transform:rotate(-45deg)}`;
|
| var __defProp = Object.defineProperty;
| var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
| var __getProtoOf = Object.getPrototypeOf;
| var __reflectGet = Reflect.get;
| var __decorateClass = (decorators, target, key, kind) => {
| var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
| for (var i = decorators.length - 1, decorator; i >= 0; i--)
| if (decorator = decorators[i])
| result = (kind ? decorator(target, key, result) : decorator(result)) || result;
| if (kind && result)
| __defProp(target, key, result);
| return result;
| };
| var __superStaticGet = (obj, member) => __reflectGet(__getProtoOf(obj), member, obj);
| let SingleColorComponent = class extends BaseElement {
| constructor(colorCode) {
| super();
| this.colorCode = "";
| this.disabled = false;
| this.colorCode = colorCode;
| }
| colorBoxClick() {
| this.classList.add("selected");
| this.dispatchEvent(new CustomEvent("colorBoxClick", {
| detail: { colorCode: this.colorCode }
| }));
| }
| render() {
| const classes = {
| "color-box": true,
| "disabled": this.disabled
| };
| let rgb = StyleHelper.hexToRgb(this.colorCode);
| if (!rgb) {
| rgb = { r: 119, g: 119, b: 119 };
| }
| return x`
| <div class="${o(classes)}" @click="${this.colorBoxClick}" style="background-color: rgba(${rgb == null ? void 0 : rgb.r}, ${rgb == null ? void 0 : rgb.g}, ${rgb == null ? void 0 : rgb.b}, ${this.disabled ? "0.2" : "1"}">
|
| </div>
| `;
| }
| };
| SingleColorComponent.styles = [
| __superStaticGet(SingleColorComponent, "styles") || [],
| i`${r(css_248z)}`
| ];
| __decorateClass([
| n({ type: Boolean })
| ], SingleColorComponent.prototype, "disabled", 2);
| SingleColorComponent = __decorateClass([
| e("fv-single-color")
| ], SingleColorComponent);
|
| export { SingleColorComponent };
|
|
