ngx-bimplus-components 0.0.2 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Injectable, Component,
|
|
2
|
+
import { Injectable, Component, ViewEncapsulation, Input, EventEmitter, Output, booleanAttribute, HostBinding, Pipe, Directive, HostListener } from '@angular/core';
|
|
3
3
|
import * as i2 from '@angular/common';
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
5
|
import * as i1 from '@ngx-translate/core';
|
|
@@ -35,6 +35,58 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImpor
|
|
|
35
35
|
` }]
|
|
36
36
|
}] });
|
|
37
37
|
|
|
38
|
+
class BimplusLocalizedWidgetComponent {
|
|
39
|
+
constructor(translateService) {
|
|
40
|
+
this.translateService = translateService;
|
|
41
|
+
this._selectedLanguage = "en";
|
|
42
|
+
this._localizedStrings = {};
|
|
43
|
+
}
|
|
44
|
+
get selectedLanguage() {
|
|
45
|
+
return this._selectedLanguage;
|
|
46
|
+
}
|
|
47
|
+
set selectedLanguage(value) {
|
|
48
|
+
this._selectedLanguage = value;
|
|
49
|
+
this.translateService.use(value);
|
|
50
|
+
try {
|
|
51
|
+
this.translateService.setTranslation(this.selectedLanguage, this._localizedStrings);
|
|
52
|
+
}
|
|
53
|
+
catch (error) {
|
|
54
|
+
console.error(error);
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
get localizedStrings() {
|
|
58
|
+
return this._localizedStrings;
|
|
59
|
+
}
|
|
60
|
+
set localizedStrings(value) {
|
|
61
|
+
this._localizedStrings = value;
|
|
62
|
+
this.translateService.use(this.selectedLanguage);
|
|
63
|
+
try {
|
|
64
|
+
this.translateService.setTranslation(this.selectedLanguage, value);
|
|
65
|
+
}
|
|
66
|
+
catch (error) {
|
|
67
|
+
console.error(error);
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: BimplusLocalizedWidgetComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
71
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: BimplusLocalizedWidgetComponent, isStandalone: true, selector: "lib-bimplus-localized-widget", inputs: { selectedLanguage: "selectedLanguage", localizedStrings: "localizedStrings" }, providers: [TranslateService], ngImport: i0, template: `
|
|
72
|
+
<p>
|
|
73
|
+
localized widget works!
|
|
74
|
+
</p>
|
|
75
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
|
|
76
|
+
}
|
|
77
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: BimplusLocalizedWidgetComponent, decorators: [{
|
|
78
|
+
type: Component,
|
|
79
|
+
args: [{ selector: 'lib-bimplus-localized-widget', standalone: true, imports: [CommonModule, TranslateModule], providers: [TranslateService], template: `
|
|
80
|
+
<p>
|
|
81
|
+
localized widget works!
|
|
82
|
+
</p>
|
|
83
|
+
`, encapsulation: ViewEncapsulation.ShadowDom }]
|
|
84
|
+
}], ctorParameters: () => [{ type: i1.TranslateService }], propDecorators: { selectedLanguage: [{
|
|
85
|
+
type: Input
|
|
86
|
+
}], localizedStrings: [{
|
|
87
|
+
type: Input
|
|
88
|
+
}] } });
|
|
89
|
+
|
|
38
90
|
/**--------------------------------------------------------------------------
|
|
39
91
|
* fire event from component in two ways :
|
|
40
92
|
- fire custom event from component in standard recommended way via. this.eventName.emit function
|
|
@@ -62,76 +114,21 @@ function fireEvent(source, eventName, data = null) {
|
|
|
62
114
|
}
|
|
63
115
|
}
|
|
64
116
|
|
|
65
|
-
class
|
|
66
|
-
constructor() {
|
|
67
|
-
|
|
68
|
-
this.
|
|
69
|
-
this.isDev = false;
|
|
70
|
-
this.isStage = false;
|
|
71
|
-
this.teamInfoOffset = "";
|
|
72
|
-
this.isNavbarMenuVisible = false;
|
|
73
|
-
this.isModelViewerActive = false;
|
|
74
|
-
this.isNavbarMessageVisible = false;
|
|
75
|
-
this.isNavbarMenuActive = false;
|
|
76
|
-
this.isNavbarMenuEnabled = true;
|
|
77
|
-
this.isTouch = false;
|
|
78
|
-
this.selectedLanguage = "en";
|
|
79
|
-
this.bimplusNavbarClicked = new EventEmitter();
|
|
80
|
-
}
|
|
81
|
-
_menuClicked() {
|
|
82
|
-
if (this.isNavbarMenuEnabled) {
|
|
83
|
-
fireEvent(this, "bimplusNavbarClicked", "menu");
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
_logoClicked() {
|
|
87
|
-
if (!this.isModelViewerActive) {
|
|
88
|
-
fireEvent(this, "bimplusNavbarClicked", "logo");
|
|
89
|
-
}
|
|
117
|
+
class BimplusContactComponent extends BimplusLocalizedWidgetComponent {
|
|
118
|
+
constructor(translateService) {
|
|
119
|
+
super(translateService);
|
|
120
|
+
this.bimplusContactClicked = new EventEmitter();
|
|
90
121
|
}
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
fireEvent(this, "bimplusNavbarClicked", "project");
|
|
94
|
-
}
|
|
122
|
+
_contactClicked() {
|
|
123
|
+
fireEvent(this, "bimplusContactClicked", "contact");
|
|
95
124
|
}
|
|
96
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type:
|
|
97
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.1", type: BimplusNavbarComponent, isStandalone: true, selector: "lib-bimplus-navbar", inputs: { projectInfo: "projectInfo", teamInfo: "teamInfo", isDev: ["isDev", "isDev", booleanAttribute], isStage: ["isStage", "isStage", booleanAttribute], teamInfoOffset: "teamInfoOffset", isNavbarMenuVisible: ["isNavbarMenuVisible", "isNavbarMenuVisible", booleanAttribute], isModelViewerActive: ["isModelViewerActive", "isModelViewerActive", booleanAttribute], isNavbarMessageVisible: ["isNavbarMessageVisible", "isNavbarMessageVisible", booleanAttribute], isNavbarMenuActive: ["isNavbarMenuActive", "isNavbarMenuActive", booleanAttribute], isNavbarMenuEnabled: ["isNavbarMenuEnabled", "isNavbarMenuEnabled", booleanAttribute], isTouch: ["isTouch", "isTouch", booleanAttribute], selectedLanguage: "selectedLanguage" }, outputs: { bimplusNavbarClicked: "bimplusNavbarClicked" }, ngImport: i0, template: "<div\r\n class=\"bimplus-navbar\"\r\n [ngClass]=\"isTouch ? 'is-touch' : ''\"\r\n>\r\n <div class=\"bimplus-navbar-logo-container\">\r\n <div\r\n class=\"bimplus-logo\"\r\n [ngClass]=\"isModelViewerActive ? 'model-viewer' : ''\"\r\n (click)=\"_logoClicked()\"\r\n ></div>\r\n <div \r\n class=\"bimplus-navbar-menu icon\"\r\n [ngClass]=\"{'active':isNavbarMenuActive, 'hidden': !isNavbarMenuVisible, 'disabled': !isNavbarMenuEnabled}\"\r\n (click)=\"_menuClicked()\"\r\n ></div>\r\n </div>\r\n\r\n <div class=\"bimplus-navbar-container\">\r\n <div\r\n class=\"bimplus-navbar-info\"\r\n [ngClass]=\"{'hidden': !isNavbarMenuVisible}\"\r\n [style.margin-left]=\"teamInfoOffset\"\r\n >\r\n <span class=\"team\">{{teamInfo}}</span>\r\n <span *ngIf=\"projectInfo && !isTouch\"> - </span>\r\n <span\r\n class=\"project\"\r\n [ngClass]=\"isDev ? 'clickable' : ''\" \r\n (click)=\"_projectInfoClicked()\"\r\n >\r\n {{projectInfo}}\r\n </span>\r\n </div>\r\n\r\n <div class=\"bimplus-navbar-slot\">\r\n <slot></slot>\r\n </div>\r\n \r\n </div>\r\n</div>", styles: [".bimplus-navbar{height:5.2rem;padding-left:0;padding-right:1em;background-color:#f5f5f5;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;font-family:Source Sans Pro,Helvetica,Arial,tahoma,sans-serif;font-size:1.6rem;font-weight:600;color:#444}.bimplus-navbar .bimplus-navbar-preview-mode{display:flex;justify-content:center;align-items:center;color:#fff;font-size:.8125em;line-height:.8125em;height:2.308em;font-weight:700;text-transform:uppercase;padding-left:.99em;padding-right:.99em;background-color:#0047ab;letter-spacing:.383em;margin:auto}.bimplus-navbar .bimplus-navbar-preview-mode__container{position:absolute;left:0;right:0;display:inline-flex;cursor:default}.bimplus-logo{height:100%;min-width:9em;margin-left:2.8em;margin-right:1.53em;background:url('data:image/svg+xml,<svg width=\"135\" height=\"34\" viewBox=\"0 0 135 34\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M52.8564 17.8117C54.8488 18.2587 56 19.6889 56 21.7175C56 24.3527 54.3247 26 51.0794 26H44V10H50.5995C53.84 10 55.5201 11.6004 55.5201 14.0713C55.5201 15.8828 54.5365 17.2485 52.8564 17.7659V17.8117ZM50.3602 12.0004H46V17H50.3602C52.1552 17 53.1197 16.0705 53.1197 14.4233C53.1209 12.8945 52.16 12.0004 50.3602 12.0004ZM46 19.0004V24.0007H50.7192C52.5142 24.0007 53.5995 23.2475 53.5995 21.4125C53.5995 19.7183 52.5225 19.0004 50.4799 19.0004H46Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M59 26V10H61V26H59Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M72.0476 22.2833H72.0953L77.015 10.0012H80V26H78V14H77.9524L72.7632 26H71.0963L66.0441 14H66V26H64V10H66.985L72.0476 22.2833Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M85 19.9944V26H83V10H89.8571C93.1636 10 95 11.9944 95 14.8242C95 17.7654 93.1685 19.9944 89.8571 19.9944H85ZM85 18H89.6056C91.4371 18 92.5934 16.7822 92.5934 14.8289C92.5934 13.0175 91.442 12.005 89.6056 12.005H85V18Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M100 10V24.005H108V26H98V10H100Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M119 20.203V10H121V20.203C121 24.2611 118.812 26 115 26C111.165 26 109 24.2658 109 20.203V10H111V20.203C111 21.9373 111.587 24.1455 115.047 24.1455C118.341 24.1444 119 21.9419 119 20.203Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M124 25.202L124.359 23.378C126.695 23.948 128.266 24.062 129.501 24.062C131.747 24.062 132.757 22.873 132.757 21.6155C132.757 19.7174 130.578 19.2603 128.939 18.8031C126.447 18.1397 124.224 16.7454 124.224 14.1154C124.224 11.1662 126.582 10 129.5 10C131.179 10 132.755 10.228 134.664 10.798L134.17 12.622C131.858 12.052 130.735 11.938 129.5 11.938C127.254 11.938 126.468 12.964 126.468 14.1793C126.468 15.9394 128.692 16.5573 130.398 16.9689C132.867 17.5389 135 18.7518 135 21.4274C135 24.5146 132.642 26 129.499 26C127.638 25.9997 125.787 25.731 124 25.202Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M17.9746 8H15.0002L9 26H11.5301L16.2779 10.5827H16.3306L21.0268 26H24L17.9746 8Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M2 13V2H13V0H0V13H2Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M21 2L32 2L32 13L34 13L34 0L21 -5.68248e-07L21 2Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M32 21L32 32L21 32L21 34L34 34L34 21L32 21Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M13 32L2 32L2 21L-5.68248e-07 21L0 34L13 34L13 32Z\" fill=\"%23FE5000\"/>%0D%0A</svg>%0D%0A') no-repeat;background-position:center;background-size:9em 2.3em;cursor:pointer}.bimplus-logo.model-viewer{background:url('data:image/svg+xml,<svg width=\"475\" height=\"120\" viewBox=\"0 0 475 120\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 37.9652C0 37.9652 34.0214 -11.2924 91.4778 2.40641C101.92 4.8961 111.208 9.12334 119.415 14.3743C108.696 9.19068 96.0979 5.97262 82.5356 5.45618C41.9444 3.91053 8.08299 27.1504 6.90408 57.3639C6.77524 60.666 7.04212 63.9148 7.67275 67.0844C1.18359 51.2241 0 37.9652 0 37.9652ZM25.7389 95.8916C34.7922 105.537 46.974 113.675 63.3403 117.577C120.797 131.276 171.429 82.4083 171.429 82.4083C171.429 82.4083 164.866 63.0652 149.777 43.1159C152.696 49.3373 154.168 56.0318 153.898 62.9612C152.719 93.1747 118.858 116.415 78.2664 114.869C57.3434 114.072 38.7164 106.846 25.7389 95.8916Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M88.1346 24.0581H76.083L51.7712 96.9905H62.0228L81.2598 34.5228H81.4732L100.502 96.9905H112.548L88.1346 24.0581Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M218.59 35.7773H214.072L211.839 29.5745H202.076L199.929 35.7773H195.429L204.724 11.4079H209.364L218.59 35.7773ZM210.748 26.2777L207.304 16.5571C207.2 16.2398 207.09 15.73 206.975 15.0276H206.905C206.802 15.6734 206.686 16.1832 206.559 16.5571L203.149 26.2777H210.748Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M235.762 35.7773H222.018V11.4079H226.137V32.3615H235.762V35.7773Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M253.107 35.7773H239.363V11.4079H243.483V32.3615H253.107V35.7773Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M260.81 26.9404V35.7773H256.708V11.4079H264.238C267.088 11.4079 269.298 12.0593 270.868 13.3622C272.437 14.6651 273.222 16.5004 273.222 18.8682C273.222 21.2361 272.403 23.1734 270.764 24.6802C269.125 26.187 266.909 26.9404 264.117 26.9404H260.81ZM260.81 14.7387V23.6436H263.476C265.242 23.6436 266.586 23.2414 267.51 22.437C268.433 21.6326 268.894 20.4997 268.894 19.0382C268.894 16.1719 267.198 14.7387 263.805 14.7387H260.81Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M291.19 35.7773H277.446V11.4079H281.566V32.3615H291.19V35.7773Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M316.117 35.7773H311.599L309.366 29.5745H299.603L297.457 35.7773H292.956L302.252 11.4079H306.891L316.117 35.7773ZM308.276 26.2777L304.831 16.5571C304.727 16.2398 304.617 15.73 304.502 15.0276H304.433C304.329 15.6734 304.214 16.1832 304.087 16.5571L300.676 26.2777H308.276Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M340.594 35.7773H336.094L324.236 17.8656C323.936 17.4124 323.688 16.9423 323.492 16.4551H323.388C323.48 16.9762 323.526 18.0922 323.526 19.8029V35.7773H319.545V11.4079H324.34L335.799 28.8947C336.284 29.6198 336.596 30.1183 336.734 30.3902H336.803C336.688 29.7444 336.63 28.6512 336.63 27.1104V11.4079H340.594V35.7773Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M373.831 34.7577C371.961 35.7094 369.636 36.1852 366.855 36.1852C363.254 36.1852 360.369 35.0692 358.199 32.8374C356.03 30.6055 354.945 27.6768 354.945 24.0514C354.945 20.1541 356.162 17.0046 358.597 14.6027C361.044 12.2009 364.131 11 367.859 11C370.259 11 372.25 11.3342 373.831 12.0026V16.0132C372.157 15.0389 370.311 14.5518 368.291 14.5518C365.602 14.5518 363.421 15.3958 361.748 17.0839C360.086 18.7719 359.255 21.0265 359.255 23.8475C359.255 26.5326 360.034 28.6738 361.592 30.2713C363.15 31.8574 365.199 32.6504 367.737 32.6504C370.08 32.6504 372.111 32.1066 373.831 31.019V34.7577Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M392.284 35.7773H378.539V11.4079H382.659V32.3615H392.284V35.7773Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M405.042 36.1852C401.464 36.1852 398.596 35.0466 396.438 32.7694C394.292 30.4922 393.218 27.5295 393.218 23.8815C393.218 19.9615 394.315 16.8346 396.507 14.5008C398.7 12.1669 401.678 11 405.44 11C408.925 11 411.729 12.1329 413.853 14.3988C415.988 16.6647 417.055 19.6273 417.055 23.2867C417.055 27.2633 415.964 30.4072 413.783 32.7184C411.602 35.0296 408.688 36.1852 405.042 36.1852ZM405.232 14.5518C402.958 14.5518 401.106 15.3845 399.675 17.0499C398.256 18.7153 397.546 20.9075 397.546 23.6266C397.546 26.3343 398.238 28.5152 399.623 30.1693C401.008 31.8234 402.82 32.6504 405.059 32.6504C407.436 32.6504 409.311 31.863 410.685 30.2882C412.058 28.7135 412.745 26.5099 412.745 23.6776C412.745 20.7659 412.075 18.517 410.737 16.9309C409.41 15.3448 407.575 14.5518 405.232 14.5518Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M440.701 25.9208C440.701 32.7637 437.401 36.1852 430.8 36.1852C424.475 36.1852 421.313 32.894 421.313 26.3116V11.4079H425.433V25.4789C425.433 30.2599 427.326 32.6504 431.111 32.6504C434.758 32.6504 436.581 30.3449 436.581 25.7338V11.4079H440.701V25.9208Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M446.535 35.7773V11.4079H453.701C462.853 11.4079 467.429 15.3675 467.429 23.2867C467.429 27.048 466.159 30.073 463.62 32.3615C461.081 34.6387 457.677 35.7773 453.407 35.7773H446.535ZM450.637 14.8407V32.3615H453.926C456.823 32.3615 459.073 31.5798 460.677 30.0163C462.293 28.4529 463.101 26.2437 463.101 23.3887C463.101 17.69 460.095 14.8407 454.082 14.8407H450.637Z\" fill=\"%23FE5000\"/>%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M269.477 52.1852H260.001V109.25H269.477V52.1852ZM278.428 109.25H300.066V101.251H278.428V109.25ZM278.428 84.3785H297.129V76.3799H278.428V84.3785ZM278.428 60.2236H298.796V52.1852H278.428V60.2236ZM232.057 109.25L252.499 52.1852H242.497L228.128 95.4014C227.545 97.1524 227.162 98.7839 226.976 100.296H226.818C226.579 98.4656 226.235 96.8605 225.786 95.481L211.734 52.1852H201.414L221.499 109.25H232.057ZM366.553 109.25L382.152 52.1852H372.388L362.266 94.128C361.737 96.3034 361.432 98.0544 361.353 99.3808H361.194C361.009 97.4177 360.731 95.7198 360.361 94.2872L349.564 52.1852H339.839L328.169 93.9688C327.534 96.2769 327.164 98.1074 327.058 99.4604H326.859C326.754 97.5503 326.489 95.7198 326.066 93.9688L315.745 52.1852H305.385L321.302 109.25H332.218L343.094 69.2568C343.597 67.4793 343.914 65.6488 344.047 63.7652H344.205C344.311 65.7815 344.589 67.6385 345.039 69.3364L355.875 109.25H366.553ZM422.005 109.25H390.051V52.1852H420.735V60.2236H399.498V76.3799H419.067V84.3785H399.498V101.251H422.005V109.25ZM463.394 109.25H474.429L464.307 93.2128C463.486 91.9659 462.732 90.8782 462.044 89.9497C461.383 88.9946 460.708 88.1457 460.02 87.4028C459.332 86.66 458.604 85.9437 457.837 85.254C457.069 84.5377 456.17 83.8877 455.138 83.3041V83.1449C457.069 82.6408 458.803 81.9245 460.337 80.996C461.899 80.0675 463.222 78.9533 464.307 77.6533C465.418 76.3269 466.265 74.8279 466.847 73.1566C467.456 71.4587 467.76 69.6017 467.76 67.5854C467.76 65.0121 467.284 62.7704 466.331 60.8603C465.405 58.9236 464.108 57.3186 462.441 56.0452C460.774 54.7453 458.816 53.7769 456.566 53.1402C454.317 52.5035 451.856 52.1852 449.184 52.1852H430.448V109.25H439.856V86.0896H443.666C444.857 86.0896 445.929 86.2356 446.881 86.5274C447.834 86.8192 448.707 87.2835 449.501 87.9202C450.321 88.5569 451.115 89.3793 451.883 90.3874C452.677 91.369 453.484 92.5628 454.304 93.9688L463.394 109.25ZM439.856 78.4094V59.8654H447.794C451.023 59.8654 453.497 60.6348 455.217 62.1735C456.937 63.7122 457.797 65.8478 457.797 68.5803C457.797 70.0925 457.546 71.4587 457.043 72.6791C456.54 73.8994 455.839 74.9341 454.939 75.783C454.039 76.6319 452.968 77.2819 451.724 77.7329C450.507 78.1839 449.17 78.4094 447.715 78.4094H439.856Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A') no-repeat;background-position:center;background-size:9em 2.3em;margin-left:.4em;cursor:default}.icon{width:1.125em;height:1.125em;background-size:1.125em 1.125em!important;background-position:center;background-repeat:no-repeat}.bimplus-navbar-menu{height:100%;width:3.125em;background:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A<rect y=\"2\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23444444\"/>%0D%0A<rect y=\"8\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23444444\"/>%0D%0A<rect y=\"14\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A') no-repeat center;background-size:1.125em 1.125em!important;cursor:pointer;margin-right:.4em}.bimplus-navbar-menu.active{background:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A<rect y=\"2\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23FE5000\"/>%0D%0A<rect y=\"8\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23FE5000\"/>%0D%0A<rect y=\"14\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23FE5000\"/>%0D%0A</svg>%0D%0A') no-repeat center}.bimplus-navbar-menu.hidden{visibility:hidden;width:1.2rem}.bimplus-navbar-menu.disabled{background:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A<rect y=\"2\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23C3C3C3\"/>%0D%0A<rect y=\"8\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23C3C3C3\"/>%0D%0A<rect y=\"14\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23C3C3C3\"/>%0D%0A</svg>%0D%0A') no-repeat center;cursor:default}.bimplus-navbar-logo-container{height:100%;display:flex;justify-content:flex-start;align-items:center;flex-direction:row-reverse;position:relative}.bimplus-navbar-container{display:flex;justify-content:space-between;align-items:center;flex:1 1 auto;position:relative}.bimplus-navbar-container .bimplus-navbar-info{display:inline-flex;flex:1 1 auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:4em;min-width:0}.bimplus-navbar-container .bimplus-navbar-info .clickable{cursor:pointer}.bimplus-navbar-container .bimplus-navbar-info.hidden{visibility:hidden}.bimplus-navbar-container .bimplus-navbar-slot{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;white-space:nowrap;text-overflow:ellipsis}.is-touch .bimplus-navbar-info{display:flex;flex-direction:column;line-height:normal}.is-touch .bimplus-navbar-info .team{font-size:1em;font-weight:400}.is-touch .bimplus-navbar-info .project{font-size:1em;font-weight:700}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
|
|
125
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: BimplusContactComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
126
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: BimplusContactComponent, isStandalone: true, selector: "lib-bimplus-contact", outputs: { bimplusContactClicked: "bimplusContactClicked" }, providers: [TranslateService], usesInheritance: true, ngImport: i0, template: "<a href=\"https://www.allplan.com/consulting-sale\" \r\n class=\"bimplus-contact-link\"\r\n rel=\"noopener\"\r\n target=\"_blank\"\r\n (click)=\"_contactClicked()\"\r\n [title]=\"'_BimplusContactTitle' | translate\"\r\n>\r\n <div class=\"bimplus-contact\"></div>\r\n</a>", styles: [".bimplus-contact{height:1.375em;width:4em;background:url('data:image/svg+xml,<svg id=\"Project_Gray\" data-name=\"Project Gray\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><defs><style>.cls-1{fill:%23444;}<\\/style></defs><title>contact us</title><g id=\"Page-1\"><g id=\"Social_icons\" data-name=\"Social icons\"><g id=\"Phone\"><path id=\"Shape\" class=\"cls-1\" d=\"M6.48,3.08a.34.34,0,0,1,.35.16c.18.29.36.58.54.88s.38.7.58,1c.05.09.12.18.18.27l.16.26a.43.43,0,0,1-.06.54c-.22.22-.46.43-.69.64s-.39.35-.58.53a.39.39,0,0,0-.09.5c.15.28.3.57.47.85a8.1,8.1,0,0,0,2.42,2.58c.39.26.79.5,1.2.73s.53.18.83-.15l.82-.92a2,2,0,0,1,.22-.2.43.43,0,0,1,.51-.06l.15.08c.48.34,1,.58,1.52.87l.8.48a.37.37,0,0,1,.19.38,2.54,2.54,0,0,1-.38,1.34,1.86,1.86,0,0,1-.45.43,4.24,4.24,0,0,1-1.53.64,2.84,2.84,0,0,1-1.47-.08,12.36,12.36,0,0,1-2.67-1.1,11.71,11.71,0,0,1-2.09-1.59A12.6,12.6,0,0,1,5.3,9.63a10.5,10.5,0,0,1-.9-2A6.49,6.49,0,0,1,4,6.42,3,3,0,0,1,4.17,5a4.16,4.16,0,0,1,.59-1.18,1.49,1.49,0,0,1,.81-.57l.82-.19A.11.11,0,0,0,6.48,3.08Z\"/></g></g></g><path class=\"cls-1\" d=\"M9,0a9,9,0,1,0,6.13,15.59L15,15.48a4,4,0,0,1-1.17.46,2.6,2.6,0,0,1-1.35-.07l-.29-.09A7.5,7.5,0,1,1,16.5,9s0,1,.76,1S18,9,18,9A9,9,0,0,0,9,0Z\"/></svg>') no-repeat;background-size:1.375em;background-repeat:no-repeat;background-position:center;cursor:pointer}.bimplus-contact a{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
|
|
98
127
|
}
|
|
99
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type:
|
|
128
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: BimplusContactComponent, decorators: [{
|
|
100
129
|
type: Component,
|
|
101
|
-
args: [{ selector: 'lib-bimplus-navbar', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.ShadowDom, template: "<div\r\n class=\"bimplus-navbar\"\r\n [ngClass]=\"isTouch ? 'is-touch' : ''\"\r\n>\r\n <div class=\"bimplus-navbar-logo-container\">\r\n <div\r\n class=\"bimplus-logo\"\r\n [ngClass]=\"isModelViewerActive ? 'model-viewer' : ''\"\r\n (click)=\"_logoClicked()\"\r\n ></div>\r\n <div \r\n class=\"bimplus-navbar-menu icon\"\r\n [ngClass]=\"{'active':isNavbarMenuActive, 'hidden': !isNavbarMenuVisible, 'disabled': !isNavbarMenuEnabled}\"\r\n (click)=\"_menuClicked()\"\r\n ></div>\r\n </div>\r\n\r\n <div class=\"bimplus-navbar-container\">\r\n <div\r\n class=\"bimplus-navbar-info\"\r\n [ngClass]=\"{'hidden': !isNavbarMenuVisible}\"\r\n [style.margin-left]=\"teamInfoOffset\"\r\n >\r\n <span class=\"team\">{{teamInfo}}</span>\r\n <span *ngIf=\"projectInfo && !isTouch\"> - </span>\r\n <span\r\n class=\"project\"\r\n [ngClass]=\"isDev ? 'clickable' : ''\" \r\n (click)=\"_projectInfoClicked()\"\r\n >\r\n {{projectInfo}}\r\n </span>\r\n </div>\r\n\r\n <div class=\"bimplus-navbar-slot\">\r\n <slot></slot>\r\n </div>\r\n \r\n </div>\r\n</div>", styles: [".bimplus-navbar{height:5.2rem;padding-left:0;padding-right:1em;background-color:#f5f5f5;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;font-family:Source Sans Pro,Helvetica,Arial,tahoma,sans-serif;font-size:1.6rem;font-weight:600;color:#444}.bimplus-navbar .bimplus-navbar-preview-mode{display:flex;justify-content:center;align-items:center;color:#fff;font-size:.8125em;line-height:.8125em;height:2.308em;font-weight:700;text-transform:uppercase;padding-left:.99em;padding-right:.99em;background-color:#0047ab;letter-spacing:.383em;margin:auto}.bimplus-navbar .bimplus-navbar-preview-mode__container{position:absolute;left:0;right:0;display:inline-flex;cursor:default}.bimplus-logo{height:100%;min-width:9em;margin-left:2.8em;margin-right:1.53em;background:url('data:image/svg+xml,<svg width=\"135\" height=\"34\" viewBox=\"0 0 135 34\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M52.8564 17.8117C54.8488 18.2587 56 19.6889 56 21.7175C56 24.3527 54.3247 26 51.0794 26H44V10H50.5995C53.84 10 55.5201 11.6004 55.5201 14.0713C55.5201 15.8828 54.5365 17.2485 52.8564 17.7659V17.8117ZM50.3602 12.0004H46V17H50.3602C52.1552 17 53.1197 16.0705 53.1197 14.4233C53.1209 12.8945 52.16 12.0004 50.3602 12.0004ZM46 19.0004V24.0007H50.7192C52.5142 24.0007 53.5995 23.2475 53.5995 21.4125C53.5995 19.7183 52.5225 19.0004 50.4799 19.0004H46Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M59 26V10H61V26H59Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M72.0476 22.2833H72.0953L77.015 10.0012H80V26H78V14H77.9524L72.7632 26H71.0963L66.0441 14H66V26H64V10H66.985L72.0476 22.2833Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M85 19.9944V26H83V10H89.8571C93.1636 10 95 11.9944 95 14.8242C95 17.7654 93.1685 19.9944 89.8571 19.9944H85ZM85 18H89.6056C91.4371 18 92.5934 16.7822 92.5934 14.8289C92.5934 13.0175 91.442 12.005 89.6056 12.005H85V18Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M100 10V24.005H108V26H98V10H100Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M119 20.203V10H121V20.203C121 24.2611 118.812 26 115 26C111.165 26 109 24.2658 109 20.203V10H111V20.203C111 21.9373 111.587 24.1455 115.047 24.1455C118.341 24.1444 119 21.9419 119 20.203Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M124 25.202L124.359 23.378C126.695 23.948 128.266 24.062 129.501 24.062C131.747 24.062 132.757 22.873 132.757 21.6155C132.757 19.7174 130.578 19.2603 128.939 18.8031C126.447 18.1397 124.224 16.7454 124.224 14.1154C124.224 11.1662 126.582 10 129.5 10C131.179 10 132.755 10.228 134.664 10.798L134.17 12.622C131.858 12.052 130.735 11.938 129.5 11.938C127.254 11.938 126.468 12.964 126.468 14.1793C126.468 15.9394 128.692 16.5573 130.398 16.9689C132.867 17.5389 135 18.7518 135 21.4274C135 24.5146 132.642 26 129.499 26C127.638 25.9997 125.787 25.731 124 25.202Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M17.9746 8H15.0002L9 26H11.5301L16.2779 10.5827H16.3306L21.0268 26H24L17.9746 8Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M2 13V2H13V0H0V13H2Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M21 2L32 2L32 13L34 13L34 0L21 -5.68248e-07L21 2Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M32 21L32 32L21 32L21 34L34 34L34 21L32 21Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M13 32L2 32L2 21L-5.68248e-07 21L0 34L13 34L13 32Z\" fill=\"%23FE5000\"/>%0D%0A</svg>%0D%0A') no-repeat;background-position:center;background-size:9em 2.3em;cursor:pointer}.bimplus-logo.model-viewer{background:url('data:image/svg+xml,<svg width=\"475\" height=\"120\" viewBox=\"0 0 475 120\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 37.9652C0 37.9652 34.0214 -11.2924 91.4778 2.40641C101.92 4.8961 111.208 9.12334 119.415 14.3743C108.696 9.19068 96.0979 5.97262 82.5356 5.45618C41.9444 3.91053 8.08299 27.1504 6.90408 57.3639C6.77524 60.666 7.04212 63.9148 7.67275 67.0844C1.18359 51.2241 0 37.9652 0 37.9652ZM25.7389 95.8916C34.7922 105.537 46.974 113.675 63.3403 117.577C120.797 131.276 171.429 82.4083 171.429 82.4083C171.429 82.4083 164.866 63.0652 149.777 43.1159C152.696 49.3373 154.168 56.0318 153.898 62.9612C152.719 93.1747 118.858 116.415 78.2664 114.869C57.3434 114.072 38.7164 106.846 25.7389 95.8916Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M88.1346 24.0581H76.083L51.7712 96.9905H62.0228L81.2598 34.5228H81.4732L100.502 96.9905H112.548L88.1346 24.0581Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M218.59 35.7773H214.072L211.839 29.5745H202.076L199.929 35.7773H195.429L204.724 11.4079H209.364L218.59 35.7773ZM210.748 26.2777L207.304 16.5571C207.2 16.2398 207.09 15.73 206.975 15.0276H206.905C206.802 15.6734 206.686 16.1832 206.559 16.5571L203.149 26.2777H210.748Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M235.762 35.7773H222.018V11.4079H226.137V32.3615H235.762V35.7773Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M253.107 35.7773H239.363V11.4079H243.483V32.3615H253.107V35.7773Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M260.81 26.9404V35.7773H256.708V11.4079H264.238C267.088 11.4079 269.298 12.0593 270.868 13.3622C272.437 14.6651 273.222 16.5004 273.222 18.8682C273.222 21.2361 272.403 23.1734 270.764 24.6802C269.125 26.187 266.909 26.9404 264.117 26.9404H260.81ZM260.81 14.7387V23.6436H263.476C265.242 23.6436 266.586 23.2414 267.51 22.437C268.433 21.6326 268.894 20.4997 268.894 19.0382C268.894 16.1719 267.198 14.7387 263.805 14.7387H260.81Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M291.19 35.7773H277.446V11.4079H281.566V32.3615H291.19V35.7773Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M316.117 35.7773H311.599L309.366 29.5745H299.603L297.457 35.7773H292.956L302.252 11.4079H306.891L316.117 35.7773ZM308.276 26.2777L304.831 16.5571C304.727 16.2398 304.617 15.73 304.502 15.0276H304.433C304.329 15.6734 304.214 16.1832 304.087 16.5571L300.676 26.2777H308.276Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M340.594 35.7773H336.094L324.236 17.8656C323.936 17.4124 323.688 16.9423 323.492 16.4551H323.388C323.48 16.9762 323.526 18.0922 323.526 19.8029V35.7773H319.545V11.4079H324.34L335.799 28.8947C336.284 29.6198 336.596 30.1183 336.734 30.3902H336.803C336.688 29.7444 336.63 28.6512 336.63 27.1104V11.4079H340.594V35.7773Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M373.831 34.7577C371.961 35.7094 369.636 36.1852 366.855 36.1852C363.254 36.1852 360.369 35.0692 358.199 32.8374C356.03 30.6055 354.945 27.6768 354.945 24.0514C354.945 20.1541 356.162 17.0046 358.597 14.6027C361.044 12.2009 364.131 11 367.859 11C370.259 11 372.25 11.3342 373.831 12.0026V16.0132C372.157 15.0389 370.311 14.5518 368.291 14.5518C365.602 14.5518 363.421 15.3958 361.748 17.0839C360.086 18.7719 359.255 21.0265 359.255 23.8475C359.255 26.5326 360.034 28.6738 361.592 30.2713C363.15 31.8574 365.199 32.6504 367.737 32.6504C370.08 32.6504 372.111 32.1066 373.831 31.019V34.7577Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M392.284 35.7773H378.539V11.4079H382.659V32.3615H392.284V35.7773Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M405.042 36.1852C401.464 36.1852 398.596 35.0466 396.438 32.7694C394.292 30.4922 393.218 27.5295 393.218 23.8815C393.218 19.9615 394.315 16.8346 396.507 14.5008C398.7 12.1669 401.678 11 405.44 11C408.925 11 411.729 12.1329 413.853 14.3988C415.988 16.6647 417.055 19.6273 417.055 23.2867C417.055 27.2633 415.964 30.4072 413.783 32.7184C411.602 35.0296 408.688 36.1852 405.042 36.1852ZM405.232 14.5518C402.958 14.5518 401.106 15.3845 399.675 17.0499C398.256 18.7153 397.546 20.9075 397.546 23.6266C397.546 26.3343 398.238 28.5152 399.623 30.1693C401.008 31.8234 402.82 32.6504 405.059 32.6504C407.436 32.6504 409.311 31.863 410.685 30.2882C412.058 28.7135 412.745 26.5099 412.745 23.6776C412.745 20.7659 412.075 18.517 410.737 16.9309C409.41 15.3448 407.575 14.5518 405.232 14.5518Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M440.701 25.9208C440.701 32.7637 437.401 36.1852 430.8 36.1852C424.475 36.1852 421.313 32.894 421.313 26.3116V11.4079H425.433V25.4789C425.433 30.2599 427.326 32.6504 431.111 32.6504C434.758 32.6504 436.581 30.3449 436.581 25.7338V11.4079H440.701V25.9208Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M446.535 35.7773V11.4079H453.701C462.853 11.4079 467.429 15.3675 467.429 23.2867C467.429 27.048 466.159 30.073 463.62 32.3615C461.081 34.6387 457.677 35.7773 453.407 35.7773H446.535ZM450.637 14.8407V32.3615H453.926C456.823 32.3615 459.073 31.5798 460.677 30.0163C462.293 28.4529 463.101 26.2437 463.101 23.3887C463.101 17.69 460.095 14.8407 454.082 14.8407H450.637Z\" fill=\"%23FE5000\"/>%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M269.477 52.1852H260.001V109.25H269.477V52.1852ZM278.428 109.25H300.066V101.251H278.428V109.25ZM278.428 84.3785H297.129V76.3799H278.428V84.3785ZM278.428 60.2236H298.796V52.1852H278.428V60.2236ZM232.057 109.25L252.499 52.1852H242.497L228.128 95.4014C227.545 97.1524 227.162 98.7839 226.976 100.296H226.818C226.579 98.4656 226.235 96.8605 225.786 95.481L211.734 52.1852H201.414L221.499 109.25H232.057ZM366.553 109.25L382.152 52.1852H372.388L362.266 94.128C361.737 96.3034 361.432 98.0544 361.353 99.3808H361.194C361.009 97.4177 360.731 95.7198 360.361 94.2872L349.564 52.1852H339.839L328.169 93.9688C327.534 96.2769 327.164 98.1074 327.058 99.4604H326.859C326.754 97.5503 326.489 95.7198 326.066 93.9688L315.745 52.1852H305.385L321.302 109.25H332.218L343.094 69.2568C343.597 67.4793 343.914 65.6488 344.047 63.7652H344.205C344.311 65.7815 344.589 67.6385 345.039 69.3364L355.875 109.25H366.553ZM422.005 109.25H390.051V52.1852H420.735V60.2236H399.498V76.3799H419.067V84.3785H399.498V101.251H422.005V109.25ZM463.394 109.25H474.429L464.307 93.2128C463.486 91.9659 462.732 90.8782 462.044 89.9497C461.383 88.9946 460.708 88.1457 460.02 87.4028C459.332 86.66 458.604 85.9437 457.837 85.254C457.069 84.5377 456.17 83.8877 455.138 83.3041V83.1449C457.069 82.6408 458.803 81.9245 460.337 80.996C461.899 80.0675 463.222 78.9533 464.307 77.6533C465.418 76.3269 466.265 74.8279 466.847 73.1566C467.456 71.4587 467.76 69.6017 467.76 67.5854C467.76 65.0121 467.284 62.7704 466.331 60.8603C465.405 58.9236 464.108 57.3186 462.441 56.0452C460.774 54.7453 458.816 53.7769 456.566 53.1402C454.317 52.5035 451.856 52.1852 449.184 52.1852H430.448V109.25H439.856V86.0896H443.666C444.857 86.0896 445.929 86.2356 446.881 86.5274C447.834 86.8192 448.707 87.2835 449.501 87.9202C450.321 88.5569 451.115 89.3793 451.883 90.3874C452.677 91.369 453.484 92.5628 454.304 93.9688L463.394 109.25ZM439.856 78.4094V59.8654H447.794C451.023 59.8654 453.497 60.6348 455.217 62.1735C456.937 63.7122 457.797 65.8478 457.797 68.5803C457.797 70.0925 457.546 71.4587 457.043 72.6791C456.54 73.8994 455.839 74.9341 454.939 75.783C454.039 76.6319 452.968 77.2819 451.724 77.7329C450.507 78.1839 449.17 78.4094 447.715 78.4094H439.856Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A') no-repeat;background-position:center;background-size:9em 2.3em;margin-left:.4em;cursor:default}.icon{width:1.125em;height:1.125em;background-size:1.125em 1.125em!important;background-position:center;background-repeat:no-repeat}.bimplus-navbar-menu{height:100%;width:3.125em;background:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A<rect y=\"2\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23444444\"/>%0D%0A<rect y=\"8\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23444444\"/>%0D%0A<rect y=\"14\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A') no-repeat center;background-size:1.125em 1.125em!important;cursor:pointer;margin-right:.4em}.bimplus-navbar-menu.active{background:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A<rect y=\"2\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23FE5000\"/>%0D%0A<rect y=\"8\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23FE5000\"/>%0D%0A<rect y=\"14\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23FE5000\"/>%0D%0A</svg>%0D%0A') no-repeat center}.bimplus-navbar-menu.hidden{visibility:hidden;width:1.2rem}.bimplus-navbar-menu.disabled{background:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A<rect y=\"2\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23C3C3C3\"/>%0D%0A<rect y=\"8\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23C3C3C3\"/>%0D%0A<rect y=\"14\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23C3C3C3\"/>%0D%0A</svg>%0D%0A') no-repeat center;cursor:default}.bimplus-navbar-logo-container{height:100%;display:flex;justify-content:flex-start;align-items:center;flex-direction:row-reverse;position:relative}.bimplus-navbar-container{display:flex;justify-content:space-between;align-items:center;flex:1 1 auto;position:relative}.bimplus-navbar-container .bimplus-navbar-info{display:inline-flex;flex:1 1 auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:4em;min-width:0}.bimplus-navbar-container .bimplus-navbar-info .clickable{cursor:pointer}.bimplus-navbar-container .bimplus-navbar-info.hidden{visibility:hidden}.bimplus-navbar-container .bimplus-navbar-slot{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;white-space:nowrap;text-overflow:ellipsis}.is-touch .bimplus-navbar-info{display:flex;flex-direction:column;line-height:normal}.is-touch .bimplus-navbar-info .team{font-size:1em;font-weight:400}.is-touch .bimplus-navbar-info .project{font-size:1em;font-weight:700}\n"] }]
|
|
102
|
-
}], propDecorators: {
|
|
103
|
-
type: Input
|
|
104
|
-
}], teamInfo: [{
|
|
105
|
-
type: Input
|
|
106
|
-
}], isDev: [{
|
|
107
|
-
type: Input,
|
|
108
|
-
args: [{ transform: booleanAttribute }]
|
|
109
|
-
}], isStage: [{
|
|
110
|
-
type: Input,
|
|
111
|
-
args: [{ transform: booleanAttribute }]
|
|
112
|
-
}], teamInfoOffset: [{
|
|
113
|
-
type: Input
|
|
114
|
-
}], isNavbarMenuVisible: [{
|
|
115
|
-
type: Input,
|
|
116
|
-
args: [{ transform: booleanAttribute }]
|
|
117
|
-
}], isModelViewerActive: [{
|
|
118
|
-
type: Input,
|
|
119
|
-
args: [{ transform: booleanAttribute }]
|
|
120
|
-
}], isNavbarMessageVisible: [{
|
|
121
|
-
type: Input,
|
|
122
|
-
args: [{ transform: booleanAttribute }]
|
|
123
|
-
}], isNavbarMenuActive: [{
|
|
124
|
-
type: Input,
|
|
125
|
-
args: [{ transform: booleanAttribute }]
|
|
126
|
-
}], isNavbarMenuEnabled: [{
|
|
127
|
-
type: Input,
|
|
128
|
-
args: [{ transform: booleanAttribute }]
|
|
129
|
-
}], isTouch: [{
|
|
130
|
-
type: Input,
|
|
131
|
-
args: [{ transform: booleanAttribute }]
|
|
132
|
-
}], selectedLanguage: [{
|
|
133
|
-
type: Input
|
|
134
|
-
}], bimplusNavbarClicked: [{
|
|
130
|
+
args: [{ selector: 'lib-bimplus-contact', standalone: true, imports: [CommonModule, TranslateModule], providers: [TranslateService], encapsulation: ViewEncapsulation.ShadowDom, template: "<a href=\"https://www.allplan.com/consulting-sale\" \r\n class=\"bimplus-contact-link\"\r\n rel=\"noopener\"\r\n target=\"_blank\"\r\n (click)=\"_contactClicked()\"\r\n [title]=\"'_BimplusContactTitle' | translate\"\r\n>\r\n <div class=\"bimplus-contact\"></div>\r\n</a>", styles: [".bimplus-contact{height:1.375em;width:4em;background:url('data:image/svg+xml,<svg id=\"Project_Gray\" data-name=\"Project Gray\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><defs><style>.cls-1{fill:%23444;}<\\/style></defs><title>contact us</title><g id=\"Page-1\"><g id=\"Social_icons\" data-name=\"Social icons\"><g id=\"Phone\"><path id=\"Shape\" class=\"cls-1\" d=\"M6.48,3.08a.34.34,0,0,1,.35.16c.18.29.36.58.54.88s.38.7.58,1c.05.09.12.18.18.27l.16.26a.43.43,0,0,1-.06.54c-.22.22-.46.43-.69.64s-.39.35-.58.53a.39.39,0,0,0-.09.5c.15.28.3.57.47.85a8.1,8.1,0,0,0,2.42,2.58c.39.26.79.5,1.2.73s.53.18.83-.15l.82-.92a2,2,0,0,1,.22-.2.43.43,0,0,1,.51-.06l.15.08c.48.34,1,.58,1.52.87l.8.48a.37.37,0,0,1,.19.38,2.54,2.54,0,0,1-.38,1.34,1.86,1.86,0,0,1-.45.43,4.24,4.24,0,0,1-1.53.64,2.84,2.84,0,0,1-1.47-.08,12.36,12.36,0,0,1-2.67-1.1,11.71,11.71,0,0,1-2.09-1.59A12.6,12.6,0,0,1,5.3,9.63a10.5,10.5,0,0,1-.9-2A6.49,6.49,0,0,1,4,6.42,3,3,0,0,1,4.17,5a4.16,4.16,0,0,1,.59-1.18,1.49,1.49,0,0,1,.81-.57l.82-.19A.11.11,0,0,0,6.48,3.08Z\"/></g></g></g><path class=\"cls-1\" d=\"M9,0a9,9,0,1,0,6.13,15.59L15,15.48a4,4,0,0,1-1.17.46,2.6,2.6,0,0,1-1.35-.07l-.29-.09A7.5,7.5,0,1,1,16.5,9s0,1,.76,1S18,9,18,9A9,9,0,0,0,9,0Z\"/></svg>') no-repeat;background-size:1.375em;background-repeat:no-repeat;background-position:center;cursor:pointer}.bimplus-contact a{width:100%;height:100%}\n"] }]
|
|
131
|
+
}], ctorParameters: () => [{ type: i1.TranslateService }], propDecorators: { bimplusContactClicked: [{
|
|
135
132
|
type: Output
|
|
136
133
|
}] } });
|
|
137
134
|
|
|
@@ -179,58 +176,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImpor
|
|
|
179
176
|
type: Output
|
|
180
177
|
}] } });
|
|
181
178
|
|
|
182
|
-
class BimplusLocalizedWidgetComponent {
|
|
183
|
-
constructor(translateService) {
|
|
184
|
-
this.translateService = translateService;
|
|
185
|
-
this._selectedLanguage = "en";
|
|
186
|
-
this._localizedStrings = {};
|
|
187
|
-
}
|
|
188
|
-
get selectedLanguage() {
|
|
189
|
-
return this._selectedLanguage;
|
|
190
|
-
}
|
|
191
|
-
set selectedLanguage(value) {
|
|
192
|
-
this._selectedLanguage = value;
|
|
193
|
-
this.translateService.use(value);
|
|
194
|
-
try {
|
|
195
|
-
this.translateService.setTranslation(this.selectedLanguage, this._localizedStrings);
|
|
196
|
-
}
|
|
197
|
-
catch (error) {
|
|
198
|
-
console.error(error);
|
|
199
|
-
}
|
|
200
|
-
}
|
|
201
|
-
get localizedStrings() {
|
|
202
|
-
return this._localizedStrings;
|
|
203
|
-
}
|
|
204
|
-
set localizedStrings(value) {
|
|
205
|
-
this._localizedStrings = value;
|
|
206
|
-
this.translateService.use(this.selectedLanguage);
|
|
207
|
-
try {
|
|
208
|
-
this.translateService.setTranslation(this.selectedLanguage, value);
|
|
209
|
-
}
|
|
210
|
-
catch (error) {
|
|
211
|
-
console.error(error);
|
|
212
|
-
}
|
|
213
|
-
}
|
|
214
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: BimplusLocalizedWidgetComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
215
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: BimplusLocalizedWidgetComponent, isStandalone: true, selector: "lib-bimplus-localized-widget", inputs: { selectedLanguage: "selectedLanguage", localizedStrings: "localizedStrings" }, providers: [TranslateService], ngImport: i0, template: `
|
|
216
|
-
<p>
|
|
217
|
-
localized widget works!
|
|
218
|
-
</p>
|
|
219
|
-
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
|
|
220
|
-
}
|
|
221
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: BimplusLocalizedWidgetComponent, decorators: [{
|
|
222
|
-
type: Component,
|
|
223
|
-
args: [{ selector: 'lib-bimplus-localized-widget', standalone: true, imports: [CommonModule, TranslateModule], providers: [TranslateService], template: `
|
|
224
|
-
<p>
|
|
225
|
-
localized widget works!
|
|
226
|
-
</p>
|
|
227
|
-
`, encapsulation: ViewEncapsulation.ShadowDom }]
|
|
228
|
-
}], ctorParameters: () => [{ type: i1.TranslateService }], propDecorators: { selectedLanguage: [{
|
|
229
|
-
type: Input
|
|
230
|
-
}], localizedStrings: [{
|
|
231
|
-
type: Input
|
|
232
|
-
}] } });
|
|
233
|
-
|
|
234
179
|
class BimplusProjectMenuComponent extends BimplusLocalizedWidgetComponent {
|
|
235
180
|
constructor(translateService) {
|
|
236
181
|
super(translateService);
|
|
@@ -663,147 +608,467 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImpor
|
|
|
663
608
|
type: Output
|
|
664
609
|
}] } });
|
|
665
610
|
|
|
666
|
-
class
|
|
667
|
-
transform(input) {
|
|
668
|
-
return input + 'px';
|
|
669
|
-
}
|
|
670
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: PxsuffixPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
671
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.1", ngImport: i0, type: PxsuffixPipe, isStandalone: true, name: "pxsuffix" }); }
|
|
672
|
-
}
|
|
673
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: PxsuffixPipe, decorators: [{
|
|
674
|
-
type: Pipe,
|
|
675
|
-
args: [{
|
|
676
|
-
name: 'pxsuffix',
|
|
677
|
-
standalone: true
|
|
678
|
-
}]
|
|
679
|
-
}] });
|
|
680
|
-
|
|
681
|
-
class XDraggableDirective {
|
|
611
|
+
class BimplusNavbarComponent {
|
|
682
612
|
constructor() {
|
|
683
|
-
this.
|
|
684
|
-
this.
|
|
685
|
-
this.
|
|
686
|
-
this.
|
|
687
|
-
this.
|
|
688
|
-
this.
|
|
613
|
+
this.projectInfo = "";
|
|
614
|
+
this.teamInfo = "";
|
|
615
|
+
this.isDev = false;
|
|
616
|
+
this.isStage = false;
|
|
617
|
+
this.teamInfoOffset = "";
|
|
618
|
+
this.isNavbarMenuVisible = false;
|
|
619
|
+
this.isModelViewerActive = false;
|
|
620
|
+
this.isNavbarMessageVisible = false;
|
|
621
|
+
this.isNavbarMenuActive = false;
|
|
622
|
+
this.isNavbarMenuEnabled = true;
|
|
623
|
+
this.isTouch = false;
|
|
624
|
+
this.selectedLanguage = "en";
|
|
625
|
+
this.bimplusNavbarClicked = new EventEmitter();
|
|
689
626
|
}
|
|
690
|
-
|
|
691
|
-
if (
|
|
692
|
-
|
|
693
|
-
}
|
|
694
|
-
const deltaX = (event.clientX - this.oldX);
|
|
695
|
-
if (!this.isDragging) {
|
|
696
|
-
if (Math.abs(deltaX) > 2) {
|
|
697
|
-
this.isDragging = true;
|
|
698
|
-
this.wasDragging = true;
|
|
699
|
-
}
|
|
700
|
-
else {
|
|
701
|
-
return;
|
|
702
|
-
}
|
|
627
|
+
_menuClicked() {
|
|
628
|
+
if (this.isNavbarMenuEnabled) {
|
|
629
|
+
fireEvent(this, "bimplusNavbarClicked", "menu");
|
|
703
630
|
}
|
|
704
|
-
fireEvent(this, "dragging", deltaX);
|
|
705
|
-
this.oldX = event.clientX;
|
|
706
|
-
}
|
|
707
|
-
onMouseUp() {
|
|
708
|
-
this.isDragging = false;
|
|
709
|
-
this.isMouseDown = false;
|
|
710
631
|
}
|
|
711
|
-
|
|
712
|
-
this.
|
|
713
|
-
|
|
714
|
-
|
|
632
|
+
_logoClicked() {
|
|
633
|
+
if (!this.isModelViewerActive) {
|
|
634
|
+
fireEvent(this, "bimplusNavbarClicked", "logo");
|
|
635
|
+
}
|
|
715
636
|
}
|
|
716
|
-
|
|
717
|
-
if (
|
|
718
|
-
fireEvent(this, "
|
|
637
|
+
_projectInfoClicked() {
|
|
638
|
+
if (this.isDev) {
|
|
639
|
+
fireEvent(this, "bimplusNavbarClicked", "project");
|
|
719
640
|
}
|
|
720
641
|
}
|
|
721
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type:
|
|
722
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.1", type: XDraggableDirective, isStandalone: true, selector: "[xDraggable]", outputs: { dragging: "dragging", clicked: "clicked" }, host: { listeners: { "document:mousemove": "onMouseMove($event)", "document:mouseup": "onMouseUp($event)", "mousedown": "onMouseDown($event)", "click": "onMouseClick($event)" } }, ngImport: i0 }); }
|
|
723
|
-
}
|
|
724
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type:
|
|
725
|
-
type:
|
|
726
|
-
args: [{
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
642
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: BimplusNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
643
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.1", type: BimplusNavbarComponent, isStandalone: true, selector: "lib-bimplus-navbar", inputs: { projectInfo: "projectInfo", teamInfo: "teamInfo", isDev: ["isDev", "isDev", booleanAttribute], isStage: ["isStage", "isStage", booleanAttribute], teamInfoOffset: "teamInfoOffset", isNavbarMenuVisible: ["isNavbarMenuVisible", "isNavbarMenuVisible", booleanAttribute], isModelViewerActive: ["isModelViewerActive", "isModelViewerActive", booleanAttribute], isNavbarMessageVisible: ["isNavbarMessageVisible", "isNavbarMessageVisible", booleanAttribute], isNavbarMenuActive: ["isNavbarMenuActive", "isNavbarMenuActive", booleanAttribute], isNavbarMenuEnabled: ["isNavbarMenuEnabled", "isNavbarMenuEnabled", booleanAttribute], isTouch: ["isTouch", "isTouch", booleanAttribute], selectedLanguage: "selectedLanguage" }, outputs: { bimplusNavbarClicked: "bimplusNavbarClicked" }, ngImport: i0, template: "<div\r\n class=\"bimplus-navbar\"\r\n [ngClass]=\"isTouch ? 'is-touch' : ''\"\r\n>\r\n <div class=\"bimplus-navbar-logo-container\">\r\n <div\r\n class=\"bimplus-logo\"\r\n [ngClass]=\"isModelViewerActive ? 'model-viewer' : ''\"\r\n (click)=\"_logoClicked()\"\r\n ></div>\r\n <div \r\n class=\"bimplus-navbar-menu icon\"\r\n [ngClass]=\"{'active':isNavbarMenuActive, 'hidden': !isNavbarMenuVisible, 'disabled': !isNavbarMenuEnabled}\"\r\n (click)=\"_menuClicked()\"\r\n ></div>\r\n </div>\r\n\r\n <div class=\"bimplus-navbar-container\">\r\n <div\r\n class=\"bimplus-navbar-info\"\r\n [ngClass]=\"{'hidden': !isNavbarMenuVisible}\"\r\n [style.margin-left]=\"teamInfoOffset\"\r\n >\r\n <span class=\"team\">{{teamInfo}}</span>\r\n <span *ngIf=\"projectInfo && !isTouch\"> - </span>\r\n <span\r\n class=\"project\"\r\n [ngClass]=\"isDev ? 'clickable' : ''\" \r\n (click)=\"_projectInfoClicked()\"\r\n >\r\n {{projectInfo}}\r\n </span>\r\n </div>\r\n\r\n <div class=\"bimplus-navbar-slot\">\r\n <slot></slot>\r\n </div>\r\n \r\n </div>\r\n</div>", styles: [".bimplus-navbar{height:5.2rem;padding-left:0;padding-right:1em;background-color:#f5f5f5;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;font-family:Source Sans Pro,Helvetica,Arial,tahoma,sans-serif;font-size:1.6rem;font-weight:600;color:#444}.bimplus-navbar .bimplus-navbar-preview-mode{display:flex;justify-content:center;align-items:center;color:#fff;font-size:.8125em;line-height:.8125em;height:2.308em;font-weight:700;text-transform:uppercase;padding-left:.99em;padding-right:.99em;background-color:#0047ab;letter-spacing:.383em;margin:auto}.bimplus-navbar .bimplus-navbar-preview-mode__container{position:absolute;left:0;right:0;display:inline-flex;cursor:default}.bimplus-logo{height:100%;min-width:9em;margin-left:2.8em;margin-right:1.53em;background:url('data:image/svg+xml,<svg width=\"135\" height=\"34\" viewBox=\"0 0 135 34\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M52.8564 17.8117C54.8488 18.2587 56 19.6889 56 21.7175C56 24.3527 54.3247 26 51.0794 26H44V10H50.5995C53.84 10 55.5201 11.6004 55.5201 14.0713C55.5201 15.8828 54.5365 17.2485 52.8564 17.7659V17.8117ZM50.3602 12.0004H46V17H50.3602C52.1552 17 53.1197 16.0705 53.1197 14.4233C53.1209 12.8945 52.16 12.0004 50.3602 12.0004ZM46 19.0004V24.0007H50.7192C52.5142 24.0007 53.5995 23.2475 53.5995 21.4125C53.5995 19.7183 52.5225 19.0004 50.4799 19.0004H46Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M59 26V10H61V26H59Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M72.0476 22.2833H72.0953L77.015 10.0012H80V26H78V14H77.9524L72.7632 26H71.0963L66.0441 14H66V26H64V10H66.985L72.0476 22.2833Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M85 19.9944V26H83V10H89.8571C93.1636 10 95 11.9944 95 14.8242C95 17.7654 93.1685 19.9944 89.8571 19.9944H85ZM85 18H89.6056C91.4371 18 92.5934 16.7822 92.5934 14.8289C92.5934 13.0175 91.442 12.005 89.6056 12.005H85V18Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M100 10V24.005H108V26H98V10H100Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M119 20.203V10H121V20.203C121 24.2611 118.812 26 115 26C111.165 26 109 24.2658 109 20.203V10H111V20.203C111 21.9373 111.587 24.1455 115.047 24.1455C118.341 24.1444 119 21.9419 119 20.203Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M124 25.202L124.359 23.378C126.695 23.948 128.266 24.062 129.501 24.062C131.747 24.062 132.757 22.873 132.757 21.6155C132.757 19.7174 130.578 19.2603 128.939 18.8031C126.447 18.1397 124.224 16.7454 124.224 14.1154C124.224 11.1662 126.582 10 129.5 10C131.179 10 132.755 10.228 134.664 10.798L134.17 12.622C131.858 12.052 130.735 11.938 129.5 11.938C127.254 11.938 126.468 12.964 126.468 14.1793C126.468 15.9394 128.692 16.5573 130.398 16.9689C132.867 17.5389 135 18.7518 135 21.4274C135 24.5146 132.642 26 129.499 26C127.638 25.9997 125.787 25.731 124 25.202Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M17.9746 8H15.0002L9 26H11.5301L16.2779 10.5827H16.3306L21.0268 26H24L17.9746 8Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M2 13V2H13V0H0V13H2Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M21 2L32 2L32 13L34 13L34 0L21 -5.68248e-07L21 2Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M32 21L32 32L21 32L21 34L34 34L34 21L32 21Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M13 32L2 32L2 21L-5.68248e-07 21L0 34L13 34L13 32Z\" fill=\"%23FE5000\"/>%0D%0A</svg>%0D%0A') no-repeat;background-position:center;background-size:9em 2.3em;cursor:pointer}.bimplus-logo.model-viewer{background:url('data:image/svg+xml,<svg width=\"475\" height=\"120\" viewBox=\"0 0 475 120\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 37.9652C0 37.9652 34.0214 -11.2924 91.4778 2.40641C101.92 4.8961 111.208 9.12334 119.415 14.3743C108.696 9.19068 96.0979 5.97262 82.5356 5.45618C41.9444 3.91053 8.08299 27.1504 6.90408 57.3639C6.77524 60.666 7.04212 63.9148 7.67275 67.0844C1.18359 51.2241 0 37.9652 0 37.9652ZM25.7389 95.8916C34.7922 105.537 46.974 113.675 63.3403 117.577C120.797 131.276 171.429 82.4083 171.429 82.4083C171.429 82.4083 164.866 63.0652 149.777 43.1159C152.696 49.3373 154.168 56.0318 153.898 62.9612C152.719 93.1747 118.858 116.415 78.2664 114.869C57.3434 114.072 38.7164 106.846 25.7389 95.8916Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M88.1346 24.0581H76.083L51.7712 96.9905H62.0228L81.2598 34.5228H81.4732L100.502 96.9905H112.548L88.1346 24.0581Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M218.59 35.7773H214.072L211.839 29.5745H202.076L199.929 35.7773H195.429L204.724 11.4079H209.364L218.59 35.7773ZM210.748 26.2777L207.304 16.5571C207.2 16.2398 207.09 15.73 206.975 15.0276H206.905C206.802 15.6734 206.686 16.1832 206.559 16.5571L203.149 26.2777H210.748Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M235.762 35.7773H222.018V11.4079H226.137V32.3615H235.762V35.7773Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M253.107 35.7773H239.363V11.4079H243.483V32.3615H253.107V35.7773Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M260.81 26.9404V35.7773H256.708V11.4079H264.238C267.088 11.4079 269.298 12.0593 270.868 13.3622C272.437 14.6651 273.222 16.5004 273.222 18.8682C273.222 21.2361 272.403 23.1734 270.764 24.6802C269.125 26.187 266.909 26.9404 264.117 26.9404H260.81ZM260.81 14.7387V23.6436H263.476C265.242 23.6436 266.586 23.2414 267.51 22.437C268.433 21.6326 268.894 20.4997 268.894 19.0382C268.894 16.1719 267.198 14.7387 263.805 14.7387H260.81Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M291.19 35.7773H277.446V11.4079H281.566V32.3615H291.19V35.7773Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M316.117 35.7773H311.599L309.366 29.5745H299.603L297.457 35.7773H292.956L302.252 11.4079H306.891L316.117 35.7773ZM308.276 26.2777L304.831 16.5571C304.727 16.2398 304.617 15.73 304.502 15.0276H304.433C304.329 15.6734 304.214 16.1832 304.087 16.5571L300.676 26.2777H308.276Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M340.594 35.7773H336.094L324.236 17.8656C323.936 17.4124 323.688 16.9423 323.492 16.4551H323.388C323.48 16.9762 323.526 18.0922 323.526 19.8029V35.7773H319.545V11.4079H324.34L335.799 28.8947C336.284 29.6198 336.596 30.1183 336.734 30.3902H336.803C336.688 29.7444 336.63 28.6512 336.63 27.1104V11.4079H340.594V35.7773Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M373.831 34.7577C371.961 35.7094 369.636 36.1852 366.855 36.1852C363.254 36.1852 360.369 35.0692 358.199 32.8374C356.03 30.6055 354.945 27.6768 354.945 24.0514C354.945 20.1541 356.162 17.0046 358.597 14.6027C361.044 12.2009 364.131 11 367.859 11C370.259 11 372.25 11.3342 373.831 12.0026V16.0132C372.157 15.0389 370.311 14.5518 368.291 14.5518C365.602 14.5518 363.421 15.3958 361.748 17.0839C360.086 18.7719 359.255 21.0265 359.255 23.8475C359.255 26.5326 360.034 28.6738 361.592 30.2713C363.15 31.8574 365.199 32.6504 367.737 32.6504C370.08 32.6504 372.111 32.1066 373.831 31.019V34.7577Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M392.284 35.7773H378.539V11.4079H382.659V32.3615H392.284V35.7773Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M405.042 36.1852C401.464 36.1852 398.596 35.0466 396.438 32.7694C394.292 30.4922 393.218 27.5295 393.218 23.8815C393.218 19.9615 394.315 16.8346 396.507 14.5008C398.7 12.1669 401.678 11 405.44 11C408.925 11 411.729 12.1329 413.853 14.3988C415.988 16.6647 417.055 19.6273 417.055 23.2867C417.055 27.2633 415.964 30.4072 413.783 32.7184C411.602 35.0296 408.688 36.1852 405.042 36.1852ZM405.232 14.5518C402.958 14.5518 401.106 15.3845 399.675 17.0499C398.256 18.7153 397.546 20.9075 397.546 23.6266C397.546 26.3343 398.238 28.5152 399.623 30.1693C401.008 31.8234 402.82 32.6504 405.059 32.6504C407.436 32.6504 409.311 31.863 410.685 30.2882C412.058 28.7135 412.745 26.5099 412.745 23.6776C412.745 20.7659 412.075 18.517 410.737 16.9309C409.41 15.3448 407.575 14.5518 405.232 14.5518Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M440.701 25.9208C440.701 32.7637 437.401 36.1852 430.8 36.1852C424.475 36.1852 421.313 32.894 421.313 26.3116V11.4079H425.433V25.4789C425.433 30.2599 427.326 32.6504 431.111 32.6504C434.758 32.6504 436.581 30.3449 436.581 25.7338V11.4079H440.701V25.9208Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M446.535 35.7773V11.4079H453.701C462.853 11.4079 467.429 15.3675 467.429 23.2867C467.429 27.048 466.159 30.073 463.62 32.3615C461.081 34.6387 457.677 35.7773 453.407 35.7773H446.535ZM450.637 14.8407V32.3615H453.926C456.823 32.3615 459.073 31.5798 460.677 30.0163C462.293 28.4529 463.101 26.2437 463.101 23.3887C463.101 17.69 460.095 14.8407 454.082 14.8407H450.637Z\" fill=\"%23FE5000\"/>%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M269.477 52.1852H260.001V109.25H269.477V52.1852ZM278.428 109.25H300.066V101.251H278.428V109.25ZM278.428 84.3785H297.129V76.3799H278.428V84.3785ZM278.428 60.2236H298.796V52.1852H278.428V60.2236ZM232.057 109.25L252.499 52.1852H242.497L228.128 95.4014C227.545 97.1524 227.162 98.7839 226.976 100.296H226.818C226.579 98.4656 226.235 96.8605 225.786 95.481L211.734 52.1852H201.414L221.499 109.25H232.057ZM366.553 109.25L382.152 52.1852H372.388L362.266 94.128C361.737 96.3034 361.432 98.0544 361.353 99.3808H361.194C361.009 97.4177 360.731 95.7198 360.361 94.2872L349.564 52.1852H339.839L328.169 93.9688C327.534 96.2769 327.164 98.1074 327.058 99.4604H326.859C326.754 97.5503 326.489 95.7198 326.066 93.9688L315.745 52.1852H305.385L321.302 109.25H332.218L343.094 69.2568C343.597 67.4793 343.914 65.6488 344.047 63.7652H344.205C344.311 65.7815 344.589 67.6385 345.039 69.3364L355.875 109.25H366.553ZM422.005 109.25H390.051V52.1852H420.735V60.2236H399.498V76.3799H419.067V84.3785H399.498V101.251H422.005V109.25ZM463.394 109.25H474.429L464.307 93.2128C463.486 91.9659 462.732 90.8782 462.044 89.9497C461.383 88.9946 460.708 88.1457 460.02 87.4028C459.332 86.66 458.604 85.9437 457.837 85.254C457.069 84.5377 456.17 83.8877 455.138 83.3041V83.1449C457.069 82.6408 458.803 81.9245 460.337 80.996C461.899 80.0675 463.222 78.9533 464.307 77.6533C465.418 76.3269 466.265 74.8279 466.847 73.1566C467.456 71.4587 467.76 69.6017 467.76 67.5854C467.76 65.0121 467.284 62.7704 466.331 60.8603C465.405 58.9236 464.108 57.3186 462.441 56.0452C460.774 54.7453 458.816 53.7769 456.566 53.1402C454.317 52.5035 451.856 52.1852 449.184 52.1852H430.448V109.25H439.856V86.0896H443.666C444.857 86.0896 445.929 86.2356 446.881 86.5274C447.834 86.8192 448.707 87.2835 449.501 87.9202C450.321 88.5569 451.115 89.3793 451.883 90.3874C452.677 91.369 453.484 92.5628 454.304 93.9688L463.394 109.25ZM439.856 78.4094V59.8654H447.794C451.023 59.8654 453.497 60.6348 455.217 62.1735C456.937 63.7122 457.797 65.8478 457.797 68.5803C457.797 70.0925 457.546 71.4587 457.043 72.6791C456.54 73.8994 455.839 74.9341 454.939 75.783C454.039 76.6319 452.968 77.2819 451.724 77.7329C450.507 78.1839 449.17 78.4094 447.715 78.4094H439.856Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A') no-repeat;background-position:center;background-size:9em 2.3em;margin-left:.4em;cursor:default}.icon{width:1.125em;height:1.125em;background-size:1.125em 1.125em!important;background-position:center;background-repeat:no-repeat}.bimplus-navbar-menu{height:100%;width:3.125em;background:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A<rect y=\"2\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23444444\"/>%0D%0A<rect y=\"8\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23444444\"/>%0D%0A<rect y=\"14\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A') no-repeat center;background-size:1.125em 1.125em!important;cursor:pointer;margin-right:.4em}.bimplus-navbar-menu.active{background:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A<rect y=\"2\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23FE5000\"/>%0D%0A<rect y=\"8\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23FE5000\"/>%0D%0A<rect y=\"14\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23FE5000\"/>%0D%0A</svg>%0D%0A') no-repeat center}.bimplus-navbar-menu.hidden{visibility:hidden;width:1.2rem}.bimplus-navbar-menu.disabled{background:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A<rect y=\"2\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23C3C3C3\"/>%0D%0A<rect y=\"8\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23C3C3C3\"/>%0D%0A<rect y=\"14\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23C3C3C3\"/>%0D%0A</svg>%0D%0A') no-repeat center;cursor:default}.bimplus-navbar-logo-container{height:100%;display:flex;justify-content:flex-start;align-items:center;flex-direction:row-reverse;position:relative}.bimplus-navbar-container{display:flex;justify-content:space-between;align-items:center;flex:1 1 auto;position:relative}.bimplus-navbar-container .bimplus-navbar-info{display:inline-flex;flex:1 1 auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:4em;min-width:0}.bimplus-navbar-container .bimplus-navbar-info .clickable{cursor:pointer}.bimplus-navbar-container .bimplus-navbar-info.hidden{visibility:hidden}.bimplus-navbar-container .bimplus-navbar-slot{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;white-space:nowrap;text-overflow:ellipsis}.is-touch .bimplus-navbar-info{display:flex;flex-direction:column;line-height:normal}.is-touch .bimplus-navbar-info .team{font-size:1em;font-weight:400}.is-touch .bimplus-navbar-info .project{font-size:1em;font-weight:700}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
|
|
644
|
+
}
|
|
645
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: BimplusNavbarComponent, decorators: [{
|
|
646
|
+
type: Component,
|
|
647
|
+
args: [{ selector: 'lib-bimplus-navbar', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.ShadowDom, template: "<div\r\n class=\"bimplus-navbar\"\r\n [ngClass]=\"isTouch ? 'is-touch' : ''\"\r\n>\r\n <div class=\"bimplus-navbar-logo-container\">\r\n <div\r\n class=\"bimplus-logo\"\r\n [ngClass]=\"isModelViewerActive ? 'model-viewer' : ''\"\r\n (click)=\"_logoClicked()\"\r\n ></div>\r\n <div \r\n class=\"bimplus-navbar-menu icon\"\r\n [ngClass]=\"{'active':isNavbarMenuActive, 'hidden': !isNavbarMenuVisible, 'disabled': !isNavbarMenuEnabled}\"\r\n (click)=\"_menuClicked()\"\r\n ></div>\r\n </div>\r\n\r\n <div class=\"bimplus-navbar-container\">\r\n <div\r\n class=\"bimplus-navbar-info\"\r\n [ngClass]=\"{'hidden': !isNavbarMenuVisible}\"\r\n [style.margin-left]=\"teamInfoOffset\"\r\n >\r\n <span class=\"team\">{{teamInfo}}</span>\r\n <span *ngIf=\"projectInfo && !isTouch\"> - </span>\r\n <span\r\n class=\"project\"\r\n [ngClass]=\"isDev ? 'clickable' : ''\" \r\n (click)=\"_projectInfoClicked()\"\r\n >\r\n {{projectInfo}}\r\n </span>\r\n </div>\r\n\r\n <div class=\"bimplus-navbar-slot\">\r\n <slot></slot>\r\n </div>\r\n \r\n </div>\r\n</div>", styles: [".bimplus-navbar{height:5.2rem;padding-left:0;padding-right:1em;background-color:#f5f5f5;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;font-family:Source Sans Pro,Helvetica,Arial,tahoma,sans-serif;font-size:1.6rem;font-weight:600;color:#444}.bimplus-navbar .bimplus-navbar-preview-mode{display:flex;justify-content:center;align-items:center;color:#fff;font-size:.8125em;line-height:.8125em;height:2.308em;font-weight:700;text-transform:uppercase;padding-left:.99em;padding-right:.99em;background-color:#0047ab;letter-spacing:.383em;margin:auto}.bimplus-navbar .bimplus-navbar-preview-mode__container{position:absolute;left:0;right:0;display:inline-flex;cursor:default}.bimplus-logo{height:100%;min-width:9em;margin-left:2.8em;margin-right:1.53em;background:url('data:image/svg+xml,<svg width=\"135\" height=\"34\" viewBox=\"0 0 135 34\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M52.8564 17.8117C54.8488 18.2587 56 19.6889 56 21.7175C56 24.3527 54.3247 26 51.0794 26H44V10H50.5995C53.84 10 55.5201 11.6004 55.5201 14.0713C55.5201 15.8828 54.5365 17.2485 52.8564 17.7659V17.8117ZM50.3602 12.0004H46V17H50.3602C52.1552 17 53.1197 16.0705 53.1197 14.4233C53.1209 12.8945 52.16 12.0004 50.3602 12.0004ZM46 19.0004V24.0007H50.7192C52.5142 24.0007 53.5995 23.2475 53.5995 21.4125C53.5995 19.7183 52.5225 19.0004 50.4799 19.0004H46Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M59 26V10H61V26H59Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M72.0476 22.2833H72.0953L77.015 10.0012H80V26H78V14H77.9524L72.7632 26H71.0963L66.0441 14H66V26H64V10H66.985L72.0476 22.2833Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M85 19.9944V26H83V10H89.8571C93.1636 10 95 11.9944 95 14.8242C95 17.7654 93.1685 19.9944 89.8571 19.9944H85ZM85 18H89.6056C91.4371 18 92.5934 16.7822 92.5934 14.8289C92.5934 13.0175 91.442 12.005 89.6056 12.005H85V18Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M100 10V24.005H108V26H98V10H100Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M119 20.203V10H121V20.203C121 24.2611 118.812 26 115 26C111.165 26 109 24.2658 109 20.203V10H111V20.203C111 21.9373 111.587 24.1455 115.047 24.1455C118.341 24.1444 119 21.9419 119 20.203Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M124 25.202L124.359 23.378C126.695 23.948 128.266 24.062 129.501 24.062C131.747 24.062 132.757 22.873 132.757 21.6155C132.757 19.7174 130.578 19.2603 128.939 18.8031C126.447 18.1397 124.224 16.7454 124.224 14.1154C124.224 11.1662 126.582 10 129.5 10C131.179 10 132.755 10.228 134.664 10.798L134.17 12.622C131.858 12.052 130.735 11.938 129.5 11.938C127.254 11.938 126.468 12.964 126.468 14.1793C126.468 15.9394 128.692 16.5573 130.398 16.9689C132.867 17.5389 135 18.7518 135 21.4274C135 24.5146 132.642 26 129.499 26C127.638 25.9997 125.787 25.731 124 25.202Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M17.9746 8H15.0002L9 26H11.5301L16.2779 10.5827H16.3306L21.0268 26H24L17.9746 8Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M2 13V2H13V0H0V13H2Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M21 2L32 2L32 13L34 13L34 0L21 -5.68248e-07L21 2Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M32 21L32 32L21 32L21 34L34 34L34 21L32 21Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M13 32L2 32L2 21L-5.68248e-07 21L0 34L13 34L13 32Z\" fill=\"%23FE5000\"/>%0D%0A</svg>%0D%0A') no-repeat;background-position:center;background-size:9em 2.3em;cursor:pointer}.bimplus-logo.model-viewer{background:url('data:image/svg+xml,<svg width=\"475\" height=\"120\" viewBox=\"0 0 475 120\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 37.9652C0 37.9652 34.0214 -11.2924 91.4778 2.40641C101.92 4.8961 111.208 9.12334 119.415 14.3743C108.696 9.19068 96.0979 5.97262 82.5356 5.45618C41.9444 3.91053 8.08299 27.1504 6.90408 57.3639C6.77524 60.666 7.04212 63.9148 7.67275 67.0844C1.18359 51.2241 0 37.9652 0 37.9652ZM25.7389 95.8916C34.7922 105.537 46.974 113.675 63.3403 117.577C120.797 131.276 171.429 82.4083 171.429 82.4083C171.429 82.4083 164.866 63.0652 149.777 43.1159C152.696 49.3373 154.168 56.0318 153.898 62.9612C152.719 93.1747 118.858 116.415 78.2664 114.869C57.3434 114.072 38.7164 106.846 25.7389 95.8916Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M88.1346 24.0581H76.083L51.7712 96.9905H62.0228L81.2598 34.5228H81.4732L100.502 96.9905H112.548L88.1346 24.0581Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M218.59 35.7773H214.072L211.839 29.5745H202.076L199.929 35.7773H195.429L204.724 11.4079H209.364L218.59 35.7773ZM210.748 26.2777L207.304 16.5571C207.2 16.2398 207.09 15.73 206.975 15.0276H206.905C206.802 15.6734 206.686 16.1832 206.559 16.5571L203.149 26.2777H210.748Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M235.762 35.7773H222.018V11.4079H226.137V32.3615H235.762V35.7773Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M253.107 35.7773H239.363V11.4079H243.483V32.3615H253.107V35.7773Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M260.81 26.9404V35.7773H256.708V11.4079H264.238C267.088 11.4079 269.298 12.0593 270.868 13.3622C272.437 14.6651 273.222 16.5004 273.222 18.8682C273.222 21.2361 272.403 23.1734 270.764 24.6802C269.125 26.187 266.909 26.9404 264.117 26.9404H260.81ZM260.81 14.7387V23.6436H263.476C265.242 23.6436 266.586 23.2414 267.51 22.437C268.433 21.6326 268.894 20.4997 268.894 19.0382C268.894 16.1719 267.198 14.7387 263.805 14.7387H260.81Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M291.19 35.7773H277.446V11.4079H281.566V32.3615H291.19V35.7773Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M316.117 35.7773H311.599L309.366 29.5745H299.603L297.457 35.7773H292.956L302.252 11.4079H306.891L316.117 35.7773ZM308.276 26.2777L304.831 16.5571C304.727 16.2398 304.617 15.73 304.502 15.0276H304.433C304.329 15.6734 304.214 16.1832 304.087 16.5571L300.676 26.2777H308.276Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M340.594 35.7773H336.094L324.236 17.8656C323.936 17.4124 323.688 16.9423 323.492 16.4551H323.388C323.48 16.9762 323.526 18.0922 323.526 19.8029V35.7773H319.545V11.4079H324.34L335.799 28.8947C336.284 29.6198 336.596 30.1183 336.734 30.3902H336.803C336.688 29.7444 336.63 28.6512 336.63 27.1104V11.4079H340.594V35.7773Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M373.831 34.7577C371.961 35.7094 369.636 36.1852 366.855 36.1852C363.254 36.1852 360.369 35.0692 358.199 32.8374C356.03 30.6055 354.945 27.6768 354.945 24.0514C354.945 20.1541 356.162 17.0046 358.597 14.6027C361.044 12.2009 364.131 11 367.859 11C370.259 11 372.25 11.3342 373.831 12.0026V16.0132C372.157 15.0389 370.311 14.5518 368.291 14.5518C365.602 14.5518 363.421 15.3958 361.748 17.0839C360.086 18.7719 359.255 21.0265 359.255 23.8475C359.255 26.5326 360.034 28.6738 361.592 30.2713C363.15 31.8574 365.199 32.6504 367.737 32.6504C370.08 32.6504 372.111 32.1066 373.831 31.019V34.7577Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M392.284 35.7773H378.539V11.4079H382.659V32.3615H392.284V35.7773Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M405.042 36.1852C401.464 36.1852 398.596 35.0466 396.438 32.7694C394.292 30.4922 393.218 27.5295 393.218 23.8815C393.218 19.9615 394.315 16.8346 396.507 14.5008C398.7 12.1669 401.678 11 405.44 11C408.925 11 411.729 12.1329 413.853 14.3988C415.988 16.6647 417.055 19.6273 417.055 23.2867C417.055 27.2633 415.964 30.4072 413.783 32.7184C411.602 35.0296 408.688 36.1852 405.042 36.1852ZM405.232 14.5518C402.958 14.5518 401.106 15.3845 399.675 17.0499C398.256 18.7153 397.546 20.9075 397.546 23.6266C397.546 26.3343 398.238 28.5152 399.623 30.1693C401.008 31.8234 402.82 32.6504 405.059 32.6504C407.436 32.6504 409.311 31.863 410.685 30.2882C412.058 28.7135 412.745 26.5099 412.745 23.6776C412.745 20.7659 412.075 18.517 410.737 16.9309C409.41 15.3448 407.575 14.5518 405.232 14.5518Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M440.701 25.9208C440.701 32.7637 437.401 36.1852 430.8 36.1852C424.475 36.1852 421.313 32.894 421.313 26.3116V11.4079H425.433V25.4789C425.433 30.2599 427.326 32.6504 431.111 32.6504C434.758 32.6504 436.581 30.3449 436.581 25.7338V11.4079H440.701V25.9208Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M446.535 35.7773V11.4079H453.701C462.853 11.4079 467.429 15.3675 467.429 23.2867C467.429 27.048 466.159 30.073 463.62 32.3615C461.081 34.6387 457.677 35.7773 453.407 35.7773H446.535ZM450.637 14.8407V32.3615H453.926C456.823 32.3615 459.073 31.5798 460.677 30.0163C462.293 28.4529 463.101 26.2437 463.101 23.3887C463.101 17.69 460.095 14.8407 454.082 14.8407H450.637Z\" fill=\"%23FE5000\"/>%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M269.477 52.1852H260.001V109.25H269.477V52.1852ZM278.428 109.25H300.066V101.251H278.428V109.25ZM278.428 84.3785H297.129V76.3799H278.428V84.3785ZM278.428 60.2236H298.796V52.1852H278.428V60.2236ZM232.057 109.25L252.499 52.1852H242.497L228.128 95.4014C227.545 97.1524 227.162 98.7839 226.976 100.296H226.818C226.579 98.4656 226.235 96.8605 225.786 95.481L211.734 52.1852H201.414L221.499 109.25H232.057ZM366.553 109.25L382.152 52.1852H372.388L362.266 94.128C361.737 96.3034 361.432 98.0544 361.353 99.3808H361.194C361.009 97.4177 360.731 95.7198 360.361 94.2872L349.564 52.1852H339.839L328.169 93.9688C327.534 96.2769 327.164 98.1074 327.058 99.4604H326.859C326.754 97.5503 326.489 95.7198 326.066 93.9688L315.745 52.1852H305.385L321.302 109.25H332.218L343.094 69.2568C343.597 67.4793 343.914 65.6488 344.047 63.7652H344.205C344.311 65.7815 344.589 67.6385 345.039 69.3364L355.875 109.25H366.553ZM422.005 109.25H390.051V52.1852H420.735V60.2236H399.498V76.3799H419.067V84.3785H399.498V101.251H422.005V109.25ZM463.394 109.25H474.429L464.307 93.2128C463.486 91.9659 462.732 90.8782 462.044 89.9497C461.383 88.9946 460.708 88.1457 460.02 87.4028C459.332 86.66 458.604 85.9437 457.837 85.254C457.069 84.5377 456.17 83.8877 455.138 83.3041V83.1449C457.069 82.6408 458.803 81.9245 460.337 80.996C461.899 80.0675 463.222 78.9533 464.307 77.6533C465.418 76.3269 466.265 74.8279 466.847 73.1566C467.456 71.4587 467.76 69.6017 467.76 67.5854C467.76 65.0121 467.284 62.7704 466.331 60.8603C465.405 58.9236 464.108 57.3186 462.441 56.0452C460.774 54.7453 458.816 53.7769 456.566 53.1402C454.317 52.5035 451.856 52.1852 449.184 52.1852H430.448V109.25H439.856V86.0896H443.666C444.857 86.0896 445.929 86.2356 446.881 86.5274C447.834 86.8192 448.707 87.2835 449.501 87.9202C450.321 88.5569 451.115 89.3793 451.883 90.3874C452.677 91.369 453.484 92.5628 454.304 93.9688L463.394 109.25ZM439.856 78.4094V59.8654H447.794C451.023 59.8654 453.497 60.6348 455.217 62.1735C456.937 63.7122 457.797 65.8478 457.797 68.5803C457.797 70.0925 457.546 71.4587 457.043 72.6791C456.54 73.8994 455.839 74.9341 454.939 75.783C454.039 76.6319 452.968 77.2819 451.724 77.7329C450.507 78.1839 449.17 78.4094 447.715 78.4094H439.856Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A') no-repeat;background-position:center;background-size:9em 2.3em;margin-left:.4em;cursor:default}.icon{width:1.125em;height:1.125em;background-size:1.125em 1.125em!important;background-position:center;background-repeat:no-repeat}.bimplus-navbar-menu{height:100%;width:3.125em;background:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A<rect y=\"2\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23444444\"/>%0D%0A<rect y=\"8\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23444444\"/>%0D%0A<rect y=\"14\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A') no-repeat center;background-size:1.125em 1.125em!important;cursor:pointer;margin-right:.4em}.bimplus-navbar-menu.active{background:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A<rect y=\"2\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23FE5000\"/>%0D%0A<rect y=\"8\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23FE5000\"/>%0D%0A<rect y=\"14\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23FE5000\"/>%0D%0A</svg>%0D%0A') no-repeat center}.bimplus-navbar-menu.hidden{visibility:hidden;width:1.2rem}.bimplus-navbar-menu.disabled{background:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A<rect y=\"2\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23C3C3C3\"/>%0D%0A<rect y=\"8\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23C3C3C3\"/>%0D%0A<rect y=\"14\" width=\"18\" height=\"2\" rx=\"1\" fill=\"%23C3C3C3\"/>%0D%0A</svg>%0D%0A') no-repeat center;cursor:default}.bimplus-navbar-logo-container{height:100%;display:flex;justify-content:flex-start;align-items:center;flex-direction:row-reverse;position:relative}.bimplus-navbar-container{display:flex;justify-content:space-between;align-items:center;flex:1 1 auto;position:relative}.bimplus-navbar-container .bimplus-navbar-info{display:inline-flex;flex:1 1 auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:4em;min-width:0}.bimplus-navbar-container .bimplus-navbar-info .clickable{cursor:pointer}.bimplus-navbar-container .bimplus-navbar-info.hidden{visibility:hidden}.bimplus-navbar-container .bimplus-navbar-slot{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;white-space:nowrap;text-overflow:ellipsis}.is-touch .bimplus-navbar-info{display:flex;flex-direction:column;line-height:normal}.is-touch .bimplus-navbar-info .team{font-size:1em;font-weight:400}.is-touch .bimplus-navbar-info .project{font-size:1em;font-weight:700}\n"] }]
|
|
648
|
+
}], propDecorators: { projectInfo: [{
|
|
649
|
+
type: Input
|
|
650
|
+
}], teamInfo: [{
|
|
651
|
+
type: Input
|
|
652
|
+
}], isDev: [{
|
|
653
|
+
type: Input,
|
|
654
|
+
args: [{ transform: booleanAttribute }]
|
|
655
|
+
}], isStage: [{
|
|
656
|
+
type: Input,
|
|
657
|
+
args: [{ transform: booleanAttribute }]
|
|
658
|
+
}], teamInfoOffset: [{
|
|
659
|
+
type: Input
|
|
660
|
+
}], isNavbarMenuVisible: [{
|
|
661
|
+
type: Input,
|
|
662
|
+
args: [{ transform: booleanAttribute }]
|
|
663
|
+
}], isModelViewerActive: [{
|
|
664
|
+
type: Input,
|
|
665
|
+
args: [{ transform: booleanAttribute }]
|
|
666
|
+
}], isNavbarMessageVisible: [{
|
|
667
|
+
type: Input,
|
|
668
|
+
args: [{ transform: booleanAttribute }]
|
|
669
|
+
}], isNavbarMenuActive: [{
|
|
670
|
+
type: Input,
|
|
671
|
+
args: [{ transform: booleanAttribute }]
|
|
672
|
+
}], isNavbarMenuEnabled: [{
|
|
673
|
+
type: Input,
|
|
674
|
+
args: [{ transform: booleanAttribute }]
|
|
675
|
+
}], isTouch: [{
|
|
676
|
+
type: Input,
|
|
677
|
+
args: [{ transform: booleanAttribute }]
|
|
678
|
+
}], selectedLanguage: [{
|
|
679
|
+
type: Input
|
|
680
|
+
}], bimplusNavbarClicked: [{
|
|
733
681
|
type: Output
|
|
734
|
-
}], onMouseMove: [{
|
|
735
|
-
type: HostListener,
|
|
736
|
-
args: ['document:mousemove', ['$event']]
|
|
737
|
-
}], onMouseUp: [{
|
|
738
|
-
type: HostListener,
|
|
739
|
-
args: ['document:mouseup', ['$event']]
|
|
740
|
-
}], onMouseDown: [{
|
|
741
|
-
type: HostListener,
|
|
742
|
-
args: ['mousedown', ['$event']]
|
|
743
|
-
}], onMouseClick: [{
|
|
744
|
-
type: HostListener,
|
|
745
|
-
args: ['click', ['$event']]
|
|
746
682
|
}] } });
|
|
747
683
|
|
|
748
|
-
|
|
749
|
-
|
|
684
|
+
const BIMPLUS_NOTIFY_MESSAGES = "bimplus-notify-messages";
|
|
685
|
+
class BimplusNotifyComponent extends BimplusLocalizedWidgetComponent {
|
|
686
|
+
constructor(translateService, elementRef) {
|
|
750
687
|
super(translateService);
|
|
751
|
-
//
|
|
752
|
-
this.
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
this.
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
//
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
|
|
688
|
+
// Expose Array constructor as a property
|
|
689
|
+
this.Array = Array;
|
|
690
|
+
/**--------------------------------------------------------------------------
|
|
691
|
+
* List of messages
|
|
692
|
+
--------------------------------------------------------------------------*/
|
|
693
|
+
this._messagesList = [];
|
|
694
|
+
/**--------------------------------------------------------------------------
|
|
695
|
+
* properties
|
|
696
|
+
--------------------------------------------------------------------------*/
|
|
697
|
+
this.messagePreviewTime = 3000; // in ms
|
|
698
|
+
/**--------------------------------------------------------------------------
|
|
699
|
+
* properties
|
|
700
|
+
--------------------------------------------------------------------------*/
|
|
701
|
+
this.showMessagePreview = true;
|
|
702
|
+
/**--------------------------------------------------------------------------
|
|
703
|
+
* properties
|
|
704
|
+
--------------------------------------------------------------------------*/
|
|
705
|
+
this.previewMessagesLimit = 3;
|
|
706
|
+
/**--------------------------------------------------------------------------
|
|
707
|
+
* offset of preview messages from main icon
|
|
708
|
+
--------------------------------------------------------------------------*/
|
|
709
|
+
this.previewMessagesOffsetY = '2.7em';
|
|
710
|
+
/**--------------------------------------------------------------------------
|
|
711
|
+
* properties
|
|
712
|
+
--------------------------------------------------------------------------*/
|
|
713
|
+
this.messages = '';
|
|
714
|
+
/**--------------------------------------------------------------------------
|
|
715
|
+
* States
|
|
716
|
+
--------------------------------------------------------------------------*/
|
|
717
|
+
this._menuOpened = false;
|
|
718
|
+
this._alertActive = false;
|
|
719
|
+
this._oldMessagesList = [];
|
|
720
|
+
// list of messages for preview
|
|
721
|
+
this._previewMessagesList = [];
|
|
722
|
+
/**--------------------------------------------------------------------------
|
|
723
|
+
* Delete item event
|
|
724
|
+
--------------------------------------------------------------------------*/
|
|
725
|
+
this.bimplusNotifyDeleteMessage = new EventEmitter();
|
|
726
|
+
/**--------------------------------------------------------------------------
|
|
727
|
+
* Delete all item event
|
|
728
|
+
--------------------------------------------------------------------------*/
|
|
729
|
+
this.bimplusNotifyDeleteAllMessages = new EventEmitter();
|
|
730
|
+
/**--------------------------------------------------------------------------
|
|
731
|
+
* Message action event
|
|
732
|
+
--------------------------------------------------------------------------*/
|
|
733
|
+
this.bimplusNotifyMessageAction = new EventEmitter();
|
|
734
|
+
this._element = elementRef.nativeElement;
|
|
764
735
|
}
|
|
765
|
-
get
|
|
766
|
-
return this.
|
|
736
|
+
get newMessages() {
|
|
737
|
+
return this._alertActive;
|
|
767
738
|
}
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
739
|
+
get bimNotify() {
|
|
740
|
+
return true; // Or you can use a condition here if needed
|
|
741
|
+
}
|
|
742
|
+
ngOnChanges(changes) {
|
|
743
|
+
if (changes['messages']) {
|
|
744
|
+
const newValue = changes['messages'].currentValue;
|
|
745
|
+
this.updateMessages(newValue);
|
|
773
746
|
}
|
|
774
747
|
}
|
|
775
|
-
|
|
776
|
-
|
|
748
|
+
updateMessages(newValue /*, oldValue: string*/) {
|
|
749
|
+
const isOk = newValue && typeof newValue === 'string';
|
|
750
|
+
if (!isOk) {
|
|
751
|
+
this._messagesList = [];
|
|
752
|
+
this._previewMessagesList = [];
|
|
753
|
+
this._alertActive = false;
|
|
754
|
+
return;
|
|
755
|
+
}
|
|
756
|
+
const msgData = JSON.parse(newValue);
|
|
757
|
+
this._messagesList = msgData.messages;
|
|
758
|
+
// filter new messages into the list for preview
|
|
759
|
+
let newMessagesList = this._messagesList.filter((msg) => this._oldMessagesList.findIndex((oldMsg) => oldMsg.id === msg.id) < 0);
|
|
760
|
+
newMessagesList = newMessagesList.filter((item) => this._messageNotReadYet(item)); // filtering out allready read messages (stored in localstorage)
|
|
761
|
+
// setup preview for new messages
|
|
762
|
+
newMessagesList.reverse().forEach((newMsg) => {
|
|
763
|
+
if (this._previewMessagesList.findIndex((item) => newMsg.id === item.id) < 0) {
|
|
764
|
+
this._previewMessagesList.unshift(newMsg);
|
|
765
|
+
if (this.messagePreviewTime > 0) {
|
|
766
|
+
setTimeout(() => {
|
|
767
|
+
this._closePreviewMessage(newMsg.id, false);
|
|
768
|
+
}, this.messagePreviewTime);
|
|
769
|
+
}
|
|
770
|
+
}
|
|
771
|
+
});
|
|
772
|
+
// limit preview messages count
|
|
773
|
+
this._previewMessagesList.length = this._previewMessagesList.length > this.previewMessagesLimit ? this.previewMessagesLimit : this._previewMessagesList.length;
|
|
774
|
+
// set old state and alert
|
|
775
|
+
this._oldMessagesList = this._messagesList;
|
|
776
|
+
this._alertActive = this._messagesList.length != 0;
|
|
777
777
|
}
|
|
778
|
-
|
|
779
|
-
|
|
780
|
-
|
|
778
|
+
/**--------------------------------------------------------------------------
|
|
779
|
+
* initial component load
|
|
780
|
+
--------------------------------------------------------------------------*/
|
|
781
|
+
ngOnInit() {
|
|
782
|
+
this.updateMessages(this.messages);
|
|
781
783
|
}
|
|
782
|
-
|
|
783
|
-
|
|
784
|
+
/**--------------------------------------------------------------------------
|
|
785
|
+
* component did load
|
|
786
|
+
--------------------------------------------------------------------------*/
|
|
787
|
+
ngAfterViewInit() {
|
|
788
|
+
// init simple bar scrollbar
|
|
789
|
+
const messagesContainer = this._element?.querySelector('.messages-container');
|
|
790
|
+
if (messagesContainer) {
|
|
791
|
+
this._simpleBar = new SimpleBar(messagesContainer);
|
|
792
|
+
}
|
|
784
793
|
}
|
|
785
|
-
|
|
786
|
-
|
|
794
|
+
/**--------------------------------------------------------------------------
|
|
795
|
+
* component did render
|
|
796
|
+
--------------------------------------------------------------------------*/
|
|
797
|
+
ngAfterViewChecked() {
|
|
798
|
+
//--- fix for simple bar component update -----------------------------------------------------------------------
|
|
799
|
+
//--- message-item items are rerendered outside of the simple bar container so we need to move them inside of the scroll container --
|
|
800
|
+
const _element = this._element;
|
|
801
|
+
const barElem = _element?.querySelector('.messages-container');
|
|
802
|
+
if (!barElem) {
|
|
803
|
+
return;
|
|
804
|
+
}
|
|
805
|
+
const msgItems = _element?.querySelectorAll(".messages-container > .message-item");
|
|
806
|
+
const barContent = _element?.querySelector(".simplebar-content");
|
|
807
|
+
if (!barContent || !msgItems) {
|
|
808
|
+
return;
|
|
809
|
+
}
|
|
810
|
+
if (this._simpleBar) {
|
|
811
|
+
this._simpleBar.recalculate();
|
|
812
|
+
}
|
|
787
813
|
}
|
|
788
|
-
|
|
789
|
-
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
|
|
794
|
-
if (!this.drawerExpanded) {
|
|
795
|
-
this._toggleDrawer();
|
|
814
|
+
/**--------------------------------------------------------------------------
|
|
815
|
+
* close single message
|
|
816
|
+
--------------------------------------------------------------------------*/
|
|
817
|
+
_closeMessage(item, preview, event) {
|
|
818
|
+
if (preview) {
|
|
819
|
+
return this._closePreviewMessage(item.id);
|
|
796
820
|
}
|
|
797
|
-
|
|
821
|
+
if (event) {
|
|
822
|
+
event.stopPropagation();
|
|
823
|
+
event.preventDefault();
|
|
824
|
+
}
|
|
825
|
+
fireEvent(this, "bimplusNotifyDeleteMessage", JSON.stringify(item));
|
|
798
826
|
}
|
|
799
|
-
|
|
800
|
-
|
|
827
|
+
/**--------------------------------------------------------------------------
|
|
828
|
+
* close preview message
|
|
829
|
+
--------------------------------------------------------------------------*/
|
|
830
|
+
_closePreviewMessage(msgId, closedByUser = true) {
|
|
831
|
+
if (!msgId) {
|
|
832
|
+
return;
|
|
833
|
+
}
|
|
834
|
+
this._previewMessagesList = this._previewMessagesList.filter((msg) => msg.id !== msgId);
|
|
835
|
+
this.storeMessagesAsRead([msgId]);
|
|
836
|
+
if (closedByUser && this._previewMessagesList.length === 0) {
|
|
837
|
+
this._alertActive = false;
|
|
838
|
+
}
|
|
801
839
|
}
|
|
802
|
-
|
|
803
|
-
|
|
840
|
+
/**--------------------------------------------------------------------------
|
|
841
|
+
* close all messages
|
|
842
|
+
--------------------------------------------------------------------------*/
|
|
843
|
+
_deleteAllMessages() {
|
|
844
|
+
fireEvent(this, "bimplusNotifyDeleteAllMessages");
|
|
845
|
+
this.clearAllLocalStorageMessages();
|
|
804
846
|
}
|
|
805
|
-
|
|
806
|
-
|
|
847
|
+
/**--------------------------------------------------------------------------
|
|
848
|
+
* message clicked
|
|
849
|
+
--------------------------------------------------------------------------*/
|
|
850
|
+
_messageAction(item, index) {
|
|
851
|
+
item.actionId = index;
|
|
852
|
+
fireEvent(this, "bimplusNotifyMessageAction", JSON.stringify(item));
|
|
853
|
+
}
|
|
854
|
+
/**--------------------------------------------------------------------------
|
|
855
|
+
* toggle menu open
|
|
856
|
+
--------------------------------------------------------------------------*/
|
|
857
|
+
_toggleOpened() {
|
|
858
|
+
this._menuOpened = !this._menuOpened;
|
|
859
|
+
this._alertActive = false;
|
|
860
|
+
this._previewMessagesList = [];
|
|
861
|
+
}
|
|
862
|
+
_messageNotReadYet(message) {
|
|
863
|
+
if (!message || !message.id) {
|
|
864
|
+
return true;
|
|
865
|
+
}
|
|
866
|
+
const messageListString = window.localStorage.getItem(BIMPLUS_NOTIFY_MESSAGES);
|
|
867
|
+
if (!messageListString) {
|
|
868
|
+
return true;
|
|
869
|
+
}
|
|
870
|
+
return !messageListString.includes(message.id);
|
|
871
|
+
}
|
|
872
|
+
storeMessagesAsRead(messageList) {
|
|
873
|
+
if (!messageList || messageList.length < 1) {
|
|
874
|
+
return;
|
|
875
|
+
}
|
|
876
|
+
let messageListString = window.localStorage.getItem(BIMPLUS_NOTIFY_MESSAGES);
|
|
877
|
+
if (!messageListString) {
|
|
878
|
+
messageListString = "";
|
|
879
|
+
}
|
|
880
|
+
messageList.forEach((item) => {
|
|
881
|
+
if (!messageListString?.includes(item)) {
|
|
882
|
+
messageListString += (item + ";");
|
|
883
|
+
}
|
|
884
|
+
});
|
|
885
|
+
window.localStorage.setItem(BIMPLUS_NOTIFY_MESSAGES, messageListString);
|
|
886
|
+
}
|
|
887
|
+
clearAllLocalStorageMessages() {
|
|
888
|
+
window.localStorage.removeItem(BIMPLUS_NOTIFY_MESSAGES);
|
|
889
|
+
}
|
|
890
|
+
/**--------------------------------------------------------------------------
|
|
891
|
+
* get item link title
|
|
892
|
+
--------------------------------------------------------------------------*/
|
|
893
|
+
_getItemLinkTitle(item, index) {
|
|
894
|
+
let itemLinksTitles = [];
|
|
895
|
+
if (item.linkText && (item.links || item.link)) {
|
|
896
|
+
itemLinksTitles = Array.isArray(item.links) ? item.links : [item.link];
|
|
897
|
+
}
|
|
898
|
+
return itemLinksTitles[index] || '';
|
|
899
|
+
}
|
|
900
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: BimplusNotifyComponent, deps: [{ token: i1.TranslateService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
901
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.1", type: BimplusNotifyComponent, isStandalone: true, selector: "lib-bimplus-notify", inputs: { messagePreviewTime: "messagePreviewTime", showMessagePreview: ["showMessagePreview", "showMessagePreview", booleanAttribute], previewMessagesLimit: "previewMessagesLimit", previewMessagesOffsetY: "previewMessagesOffsetY", messages: "messages" }, outputs: { bimplusNotifyDeleteMessage: "bimplusNotifyDeleteMessage", bimplusNotifyDeleteAllMessages: "bimplusNotifyDeleteAllMessages", bimplusNotifyMessageAction: "bimplusNotifyMessageAction" }, host: { properties: { "class.new-messages": "this.newMessages", "class.bim-notify": "this.bimNotify" } }, providers: [TranslateService], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n class=\"dropdown\"\r\n [ngClass]=\"_menuOpened ? 'open' : ''\"\r\n (click)=\"_toggleOpened()\"\r\n [title]=\"'_BimplusNotifyTitle' | translate\"\r\n>\r\n <div class=\"dropdown-toggle\" >\r\n <div\r\n class=\"main-icon\"\r\n [ngClass]=\"'icon-notify' + (this._alertActive ? '-alert notify' : '')\"\r\n ></div>\r\n </div>\r\n\r\n <div\r\n class=\"bimcomp-dropdown-menu\"\r\n [ngClass]=\"_menuOpened ? 'open' : ''\"\r\n >\r\n <div class=\"notify-tick\"></div>\r\n <div class=\"messages-title\">\r\n <div class=\"messages-count\">\r\n ({{this._messagesList.length}})\r\n </div>\r\n <div\r\n class=\"messages-delete-all\"\r\n (click)=\"_deleteAllMessages()\"\r\n >\r\n {{\"_Notify_Mark_All\" | translate}}\r\n </div>\r\n </div>\r\n <div class=\"messages-container\">\r\n @if (_messagesList.length) {\r\n <div\r\n *ngFor=\"let item of _messagesList\"\r\n class=\"message-item\"\r\n >\r\n <div class=\"message-item-title\">\r\n <div [ngClass]=\"'message-item-icon-' + item.type\"></div>\r\n <div\r\n class=\"message-item-title-text\"\r\n [ngClass]=\"{'capitalize':item.capitalizedTitle}\"\r\n >\r\n {{item.title}}\r\n </div>\r\n <div\r\n class=\"message-item-icon-close\"\r\n (click)=\"_closeMessage(item, false, $event)\"\r\n ></div>\r\n </div>\r\n\r\n <div class=\"message-item-body-text\">{{item.text}}</div>\r\n @if (item.linkText) {\r\n <div\r\n *ngFor=\"let link of (item.linkText.constructor === Array ? item.linkText : [item.linkText]); let i = index\"\r\n class=\"message-item-link\"\r\n [title]=\"_getItemLinkTitle(item, i)\"\r\n (click)=\"_messageAction(item, i)\"\r\n >{{link}}</div>\r\n } \r\n </div>\r\n } @else {\r\n <div class=\"message-item-empty\">\r\n <div class=\"message-item-empty-icon\"></div>\r\n <div class=\"message-item-empty-text\">{{\"_Notify_No_Messages\" | translate}}</div>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<div\r\n class=\"bimcomp-overlay\"\r\n [ngClass]=\"_menuOpened ? 'open' : ''\"\r\n (click)=\"_toggleOpened()\"\r\n></div>\r\n\r\n<div\r\n class=\"bimcomp-messages-preview\"\r\n [ngClass]=\"(showMessagePreview && !_menuOpened && _previewMessagesList.length > 0) ? 'visible' : ''\"\r\n [style.top]=\"previewMessagesOffsetY\"\r\n>\r\n <div class=\"messages-container-preview\">\r\n <div\r\n *ngFor=\"let item of _previewMessagesList\"\r\n class=\"message-item\"\r\n >\r\n <div class=\"message-item-title\">\r\n <div [ngClass]=\"'message-item-icon-' + item.type\"></div>\r\n <div\r\n class=\"message-item-title-text\"\r\n [ngClass]=\"{'capitalize':item.capitalizedTitle}\"\r\n >\r\n {{item.title}}\r\n </div>\r\n <div\r\n class=\"message-item-icon-close\"\r\n (click)=\"_closeMessage(item, true, $event)\"\r\n ></div>\r\n </div>\r\n\r\n <div class=\"message-item-body-text\">\r\n {{item.text}}\r\n </div>\r\n @if (item.linkText) {\r\n <div\r\n *ngFor=\"let link of (item.linkText.constructor === Array ? item.linkText : [item.linkText]); let i = index\"\r\n class=\"message-item-link\"\r\n [title]=\"_getItemLinkTitle(item, i)\"\r\n (click)=\"_messageAction(item, i)\"\r\n >{{link}}</div>\r\n }\r\n </div>\r\n </div>\r\n</div>", styles: ["[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;inset:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;inset:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:\" \";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:\"\";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{inset:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{inset:0 auto 0 0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.bim-notify{position:relative}.bim-notify .dropdown{position:relative;width:3.25em;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.bim-notify .dropdown-toggle{position:relative;margin-left:.44em;margin-right:.44em;background-size:1.4em 1.4em;cursor:pointer}.bim-notify .bimcomp-dropdown-menu,.bim-notify .bimcomp-messages-preview{font-family:Source Sans Pro,Helvetica,Arial,tahoma,sans-serif;position:absolute;top:100%;right:0;z-index:2;display:none;width:19em;margin:0;padding:.5em .65em .57em 0}.bim-notify .bimcomp-dropdown-menu .messages-title,.bim-notify .bimcomp-messages-preview .messages-title{height:2em;display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:#fff;background-color:#444}.bim-notify .bimcomp-dropdown-menu .messages-title .messages-count,.bim-notify .bimcomp-messages-preview .messages-title .messages-count,.bim-notify .bimcomp-dropdown-menu .messages-title .messages-delete-all,.bim-notify .bimcomp-messages-preview .messages-title .messages-delete-all{cursor:pointer;font-size:.8125em;font-weight:400;margin:0 .8125em}.bim-notify .bimcomp-dropdown-menu .messages-title .messages-delete-all,.bim-notify .bimcomp-messages-preview .messages-title .messages-delete-all{text-decoration:underline}.bim-notify .bimcomp-dropdown-menu div,.bim-notify .bimcomp-messages-preview div{font-size:1em}.bim-notify .bimcomp-dropdown-menu .noselect,.bim-notify .bimcomp-messages-preview .noselect{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.bim-notify .bimcomp-dropdown-menu li,.bim-notify .bimcomp-messages-preview li{display:flex;flex-direction:row;align-items:center;box-sizing:content-box;padding:.21em 2.1em}.bim-notify .bimcomp-dropdown-menu li span,.bim-notify .bimcomp-messages-preview li span{display:inline-block;flex:1 0 auto;margin-right:1.43em;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.bim-notify .bimcomp-dropdown-menu li:hover,.bim-notify .bimcomp-messages-preview li:hover{background-color:#f5f5f5}.bim-notify .bimcomp-dropdown-menu ul,.bim-notify .bimcomp-messages-preview ul,.bim-notify .bimcomp-dropdown-menu li,.bim-notify .bimcomp-messages-preview li{list-style:none}.bim-notify .bimcomp-dropdown-menu .notify-tick,.bim-notify .bimcomp-messages-preview .notify-tick{width:2em;height:1em;align-self:flex-end;background-image:url('data:image/svg+xml,<svg width=\"32\" height=\"16\" viewBox=\"0 0 32 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M16 -6.99383e-07L32 16L-1.97729e-05 16L16 -6.99383e-07Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A');background-size:cover}.bim-notify .bimcomp-dropdown-menu.open,.bim-notify .bimcomp-messages-preview.visible{display:flex;flex-direction:column}.bim-notify .messages-container,.bim-notify .messages-container-preview{list-style:none;background-color:#fff;border:thin solid rgba(0,0,0,.15);-webkit-box-shadow:0 .43em .86em rgba(0,0,0,.175);box-shadow:0 .43em .86em #0000002d;text-decoration-color:#333;text-decoration-line:none;text-decoration-style:solid;line-height:2.71em;font-weight:400;max-height:16em;overflow:hidden;overflow-y:visible;scrollbar-width:none}.bim-notify .messages-container::-webkit-scrollbar,.bim-notify .messages-container-preview::-webkit-scrollbar{display:none}.bim-notify .messages-container .message-item-empty,.bim-notify .messages-container-preview .message-item-empty{max-width:19em;max-height:6em;padding:.6em .8125em 0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.bim-notify .messages-container .message-item-empty-icon,.bim-notify .messages-container-preview .message-item-empty-icon{width:2.5em;height:2.5em;background-image:url('data:image/svg+xml,<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M18.7779 2.22227C18.2256 2.22227 17.7779 2.66999 17.7779 3.22228V6.66672H22.2223V3.22227C22.2223 2.66999 21.7746 2.22227 21.2223 2.22227H18.7779Z\" fill=\"%23C3C3C3\"/>%0D%0A<path d=\"M4.44455 30.8889C4.44455 29.7844 5.33998 28.8889 6.44455 28.8889L6.66678 28.8889C7.89407 28.8889 8.889 27.894 8.889 26.6667V17.8889C8.889 12.9184 12.9184 8.88894 17.889 8.88894H22.1112C27.0818 8.88894 31.1112 12.9184 31.1112 17.8889V26.6667C31.1112 27.894 32.1061 28.8889 33.3334 28.8889L33.5557 28.8889C34.6602 28.8889 35.5557 29.7844 35.5557 30.8889V31.3334C35.5557 32.438 34.6602 33.3334 33.5557 33.3334H6.44455C5.33999 33.3334 4.44455 32.438 4.44455 31.3334V30.8889Z\" fill=\"%23C3C3C3\"/>%0D%0A<path d=\"M15.5557 35.5556C15.5557 38.0102 17.5455 40.0001 20.0001 40.0001C22.4547 40.0001 24.4446 38.0102 24.4446 35.5556H15.5557Z\" fill=\"%23C3C3C3\"/>%0D%0A</svg>%0D%0A');background-size:cover}.bim-notify .messages-container .message-item-empty-text,.bim-notify .messages-container-preview .message-item-empty-text{font-size:.8125em;line-height:2.2em}.bim-notify .messages-container .message-item,.bim-notify .messages-container-preview .message-item{max-width:19em;border-bottom:1px solid #D3D3D3;padding:.6em .8125em;box-sizing:border-box}.bim-notify .messages-container .message-item-title,.bim-notify .messages-container-preview .message-item-title{display:flex;align-items:center;line-height:1.5em}.bim-notify .messages-container .message-item-title-text,.bim-notify .messages-container-preview .message-item-title-text{font-size:.8125em;font-weight:700;flex:1 1 auto;margin-left:.8125em}.bim-notify .messages-container .message-item-icon-info,.bim-notify .messages-container-preview .message-item-icon-info{width:1.125em;height:1.125em;background-image:url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"utf-8\"?>%0D%0A<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->%0D%0A<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"%0D%0A%09 viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">%0D%0A<style type=\"text/css\">%0D%0A%09.st0{fill:%23444;}%0D%0A%09.st1{fill:%23FFFFFF;}%0D%0A<\\/style>%0D%0A<path class=\"st0\" d=\"M15,0C6.7,0,0,6.7,0,15s6.7,15,15,15s15-6.7,15-15S23.3,0,15,0z\"/>%0D%0A<g>%0D%0A%09<rect x=\"14\" y=\"6\" class=\"st1\" width=\"3\" height=\"3\"/>%0D%0A</g>%0D%0A<g>%0D%0A%09<polygon class=\"st1\" points=\"19,23 12,23 12,21 14,21 14,13 12,13 12,11 17,11 17,21 19,21 %09\"/>%0D%0A</g>%0D%0A</svg>%0D%0A');flex:0 0 auto}.bim-notify .messages-container .message-item-icon-failure,.bim-notify .messages-container-preview .message-item-icon-failure{width:1.125em;height:1.125em;background-image:url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"utf-8\"?>%0D%0A<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->%0D%0A<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"%0D%0A%09 viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">%0D%0A<style type=\"text/css\">%0D%0A%09.st0{fill:%23444;}%0D%0A%09.st1{fill:%23FFFFFF;}%0D%0A<\\/style>%0D%0A<path class=\"st0\" d=\"M15,0C6.7,0,0,6.7,0,15s6.7,15,15,15s15-6.7,15-15S23.3,0,15,0z\"/>%0D%0A<g>%0D%0A%09<rect x=\"14\" y=\"6\" class=\"st1\" width=\"3\" height=\"3\"/>%0D%0A</g>%0D%0A<g>%0D%0A%09<polygon class=\"st1\" points=\"19,23 12,23 12,21 14,21 14,13 12,13 12,11 17,11 17,21 19,21 %09\"/>%0D%0A</g>%0D%0A</svg>%0D%0A');flex:0 0 auto}.bim-notify .messages-container .message-item-icon-close,.bim-notify .messages-container-preview .message-item-icon-close{cursor:pointer;width:1.125em;height:1.125em;background-repeat:no-repeat;background-size:auto;background-position:center;background-image:url('data:image/svg+xml,<svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M4.57764e-05 6.87023L1.12989 8.00012L4.00029 5.12959L6.87016 7.99951L8.00001 6.86963L5.13014 3.9997L8.0001 1.12962L6.87025 -0.000274658L4.00028 2.86982L1.13106 0.000548095L0.00120898 1.13044L2.87043 3.99971L4.57764e-05 6.87023Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A');flex:0 0 auto}.bim-notify .messages-container .message-item-body-text,.bim-notify .messages-container-preview .message-item-body-text{font-size:.8125em;line-height:1.3em;margin-top:.5em;word-wrap:break-word;white-space:normal}.bim-notify .messages-container .message-item-link,.bim-notify .messages-container-preview .message-item-link{color:#fe5000;text-decoration:underline;font-size:.8125em;line-height:1.3em;margin-top:.5em;word-wrap:break-word;white-space:normal;cursor:pointer}.bim-notify .messages-container .message-item:last-child,.bim-notify .messages-container-preview .message-item:last-child{border-bottom:none}.bim-notify .messages-container-preview{max-height:none;background-color:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.bim-notify .messages-container-preview .message-item{background-color:#fff;border:thin solid rgba(0,0,0,.15);-webkit-box-shadow:0 .3em .3em rgba(0,0,0,.175);box-shadow:0 .3em .3em #0000002d;margin-bottom:.5em}.bim-notify .icon{flex-shrink:0;display:inline-block;vertical-align:middle;margin:0 1.36em 0 0;width:1.64em;height:1.64em;background-size:contain;background-position:center;background-repeat:no-repeat}.bim-notify .main-icon{flex-shrink:0;display:inline-block;vertical-align:middle;width:1.375em;height:1.375em;background-size:contain;background-position:center;background-repeat:no-repeat}.bim-notify .main-icon.notify{transform-origin:center top}@keyframes ringbell{0%{transform:rotate(0)}5%{transform:rotate(35deg)}15%{transform:rotate(-30deg)}25%{transform:rotate(25deg)}35%{transform:rotate(-20deg)}45%{transform:rotate(15deg)}55%{transform:rotate(-10deg)}65%{transform:rotate(5deg)}70%{transform:rotate(0)}to{transform:rotate(0)}}.bim-notify .bimcomp-overlay{position:fixed;width:100vw;height:100vh;left:0;top:0;display:none}.bim-notify .bimcomp-overlay.open{display:block;z-index:1}.bim-notify .icon-notify{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M9 1C8.44772 1 8 1.44772 8 2V3H10V2C10 1.44772 9.55228 1 9 1Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M2 14C2 13.4477 2.44772 13 3 13C3.55228 13 4 12.5523 4 12V8C4 5.79086 5.79086 4 8 4H10C12.2091 4 14 5.79086 14 8V12C14 12.5523 14.4477 13 15 13C15.5523 13 16 13.4477 16 14C16 14.5523 15.5523 15 15 15H3C2.44772 15 2 14.5523 2 14Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M7 16C7 17.1046 7.89543 18 9 18C10.1046 18 11 17.1046 11 16H7Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}.bim-notify .icon-notify-alert{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M9 1C8.44772 1 8 1.44772 8 2V3H10V2C10 1.44772 9.55228 1 9 1Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M2 14C2 13.4477 2.44772 13 3 13C3.55228 13 4 12.5523 4 12V8C4 5.79086 5.79086 4 8 4H10C12.2091 4 14 5.79086 14 8V12C14 12.5523 14.4477 13 15 13C15.5523 13 16 13.4477 16 14C16 14.5523 15.5523 15 15 15H3C2.44772 15 2 14.5523 2 14Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M7 16C7 17.1046 7.89543 18 9 18C10.1046 18 11 17.1046 11 16H7Z\" fill=\"%23444444\"/>%0D%0A<circle cx=\"15.5\" cy=\"2.5\" r=\"2.5\" fill=\"%23FE5000\"/>%0D%0A</svg>%0D%0A')}.bim-notify .icon-notify-tick-up{background-image:url('data:image/svg+xml,<svg width=\"32\" height=\"16\" viewBox=\"0 0 32 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M16 -6.99383e-07L32 16L-1.97729e-05 16L16 -6.99383e-07Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}.bim-notify .icon-notify-info{background-image:url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"utf-8\"?>%0D%0A<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->%0D%0A<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"%0D%0A%09 viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">%0D%0A<style type=\"text/css\">%0D%0A%09.st0{fill:%23444;}%0D%0A%09.st1{fill:%23FFFFFF;}%0D%0A<\\/style>%0D%0A<path class=\"st0\" d=\"M15,0C6.7,0,0,6.7,0,15s6.7,15,15,15s15-6.7,15-15S23.3,0,15,0z\"/>%0D%0A<g>%0D%0A%09<rect x=\"14\" y=\"6\" class=\"st1\" width=\"3\" height=\"3\"/>%0D%0A</g>%0D%0A<g>%0D%0A%09<polygon class=\"st1\" points=\"19,23 12,23 12,21 14,21 14,13 12,13 12,11 17,11 17,21 19,21 %09\"/>%0D%0A</g>%0D%0A</svg>%0D%0A')}.bim-notify .icon-notify-failure{background-image:url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"utf-8\"?>%0D%0A<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->%0D%0A<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"%0D%0A%09 viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">%0D%0A<style type=\"text/css\">%0D%0A%09.st0{fill:%23444;}%0D%0A%09.st1{fill:%23FFFFFF;}%0D%0A<\\/style>%0D%0A<path class=\"st0\" d=\"M15,0C6.7,0,0,6.7,0,15s6.7,15,15,15s15-6.7,15-15S23.3,0,15,0z\"/>%0D%0A<g>%0D%0A%09<rect x=\"14\" y=\"6\" class=\"st1\" width=\"3\" height=\"3\"/>%0D%0A</g>%0D%0A<g>%0D%0A%09<polygon class=\"st1\" points=\"19,23 12,23 12,21 14,21 14,13 12,13 12,11 17,11 17,21 19,21 %09\"/>%0D%0A</g>%0D%0A</svg>%0D%0A')}.bim-notify .icon-notify-close{background-image:url('data:image/svg+xml,<svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M4.57764e-05 6.87023L1.12989 8.00012L4.00029 5.12959L6.87016 7.99951L8.00001 6.86963L5.13014 3.9997L8.0001 1.12962L6.87025 -0.000274658L4.00028 2.86982L1.13106 0.000548095L0.00120898 1.13044L2.87043 3.99971L4.57764e-05 6.87023Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}.bim-notify .icon-notify-empty{background-image:url('data:image/svg+xml,<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M18.7779 2.22227C18.2256 2.22227 17.7779 2.66999 17.7779 3.22228V6.66672H22.2223V3.22227C22.2223 2.66999 21.7746 2.22227 21.2223 2.22227H18.7779Z\" fill=\"%23C3C3C3\"/>%0D%0A<path d=\"M4.44455 30.8889C4.44455 29.7844 5.33998 28.8889 6.44455 28.8889L6.66678 28.8889C7.89407 28.8889 8.889 27.894 8.889 26.6667V17.8889C8.889 12.9184 12.9184 8.88894 17.889 8.88894H22.1112C27.0818 8.88894 31.1112 12.9184 31.1112 17.8889V26.6667C31.1112 27.894 32.1061 28.8889 33.3334 28.8889L33.5557 28.8889C34.6602 28.8889 35.5557 29.7844 35.5557 30.8889V31.3334C35.5557 32.438 34.6602 33.3334 33.5557 33.3334H6.44455C5.33999 33.3334 4.44455 32.438 4.44455 31.3334V30.8889Z\" fill=\"%23C3C3C3\"/>%0D%0A<path d=\"M15.5557 35.5556C15.5557 38.0102 17.5455 40.0001 20.0001 40.0001C22.4547 40.0001 24.4446 38.0102 24.4446 35.5556H15.5557Z\" fill=\"%23C3C3C3\"/>%0D%0A</svg>%0D%0A')}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
902
|
+
}
|
|
903
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: BimplusNotifyComponent, decorators: [{
|
|
904
|
+
type: Component,
|
|
905
|
+
args: [{ selector: 'lib-bimplus-notify', standalone: true, imports: [CommonModule, TranslateModule], providers: [TranslateService], encapsulation: ViewEncapsulation.None, template: "<div\r\n class=\"dropdown\"\r\n [ngClass]=\"_menuOpened ? 'open' : ''\"\r\n (click)=\"_toggleOpened()\"\r\n [title]=\"'_BimplusNotifyTitle' | translate\"\r\n>\r\n <div class=\"dropdown-toggle\" >\r\n <div\r\n class=\"main-icon\"\r\n [ngClass]=\"'icon-notify' + (this._alertActive ? '-alert notify' : '')\"\r\n ></div>\r\n </div>\r\n\r\n <div\r\n class=\"bimcomp-dropdown-menu\"\r\n [ngClass]=\"_menuOpened ? 'open' : ''\"\r\n >\r\n <div class=\"notify-tick\"></div>\r\n <div class=\"messages-title\">\r\n <div class=\"messages-count\">\r\n ({{this._messagesList.length}})\r\n </div>\r\n <div\r\n class=\"messages-delete-all\"\r\n (click)=\"_deleteAllMessages()\"\r\n >\r\n {{\"_Notify_Mark_All\" | translate}}\r\n </div>\r\n </div>\r\n <div class=\"messages-container\">\r\n @if (_messagesList.length) {\r\n <div\r\n *ngFor=\"let item of _messagesList\"\r\n class=\"message-item\"\r\n >\r\n <div class=\"message-item-title\">\r\n <div [ngClass]=\"'message-item-icon-' + item.type\"></div>\r\n <div\r\n class=\"message-item-title-text\"\r\n [ngClass]=\"{'capitalize':item.capitalizedTitle}\"\r\n >\r\n {{item.title}}\r\n </div>\r\n <div\r\n class=\"message-item-icon-close\"\r\n (click)=\"_closeMessage(item, false, $event)\"\r\n ></div>\r\n </div>\r\n\r\n <div class=\"message-item-body-text\">{{item.text}}</div>\r\n @if (item.linkText) {\r\n <div\r\n *ngFor=\"let link of (item.linkText.constructor === Array ? item.linkText : [item.linkText]); let i = index\"\r\n class=\"message-item-link\"\r\n [title]=\"_getItemLinkTitle(item, i)\"\r\n (click)=\"_messageAction(item, i)\"\r\n >{{link}}</div>\r\n } \r\n </div>\r\n } @else {\r\n <div class=\"message-item-empty\">\r\n <div class=\"message-item-empty-icon\"></div>\r\n <div class=\"message-item-empty-text\">{{\"_Notify_No_Messages\" | translate}}</div>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<div\r\n class=\"bimcomp-overlay\"\r\n [ngClass]=\"_menuOpened ? 'open' : ''\"\r\n (click)=\"_toggleOpened()\"\r\n></div>\r\n\r\n<div\r\n class=\"bimcomp-messages-preview\"\r\n [ngClass]=\"(showMessagePreview && !_menuOpened && _previewMessagesList.length > 0) ? 'visible' : ''\"\r\n [style.top]=\"previewMessagesOffsetY\"\r\n>\r\n <div class=\"messages-container-preview\">\r\n <div\r\n *ngFor=\"let item of _previewMessagesList\"\r\n class=\"message-item\"\r\n >\r\n <div class=\"message-item-title\">\r\n <div [ngClass]=\"'message-item-icon-' + item.type\"></div>\r\n <div\r\n class=\"message-item-title-text\"\r\n [ngClass]=\"{'capitalize':item.capitalizedTitle}\"\r\n >\r\n {{item.title}}\r\n </div>\r\n <div\r\n class=\"message-item-icon-close\"\r\n (click)=\"_closeMessage(item, true, $event)\"\r\n ></div>\r\n </div>\r\n\r\n <div class=\"message-item-body-text\">\r\n {{item.text}}\r\n </div>\r\n @if (item.linkText) {\r\n <div\r\n *ngFor=\"let link of (item.linkText.constructor === Array ? item.linkText : [item.linkText]); let i = index\"\r\n class=\"message-item-link\"\r\n [title]=\"_getItemLinkTitle(item, i)\"\r\n (click)=\"_messageAction(item, i)\"\r\n >{{link}}</div>\r\n }\r\n </div>\r\n </div>\r\n</div>", styles: ["[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;inset:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;inset:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:\" \";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:\"\";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{inset:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{inset:0 auto 0 0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.bim-notify{position:relative}.bim-notify .dropdown{position:relative;width:3.25em;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.bim-notify .dropdown-toggle{position:relative;margin-left:.44em;margin-right:.44em;background-size:1.4em 1.4em;cursor:pointer}.bim-notify .bimcomp-dropdown-menu,.bim-notify .bimcomp-messages-preview{font-family:Source Sans Pro,Helvetica,Arial,tahoma,sans-serif;position:absolute;top:100%;right:0;z-index:2;display:none;width:19em;margin:0;padding:.5em .65em .57em 0}.bim-notify .bimcomp-dropdown-menu .messages-title,.bim-notify .bimcomp-messages-preview .messages-title{height:2em;display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:#fff;background-color:#444}.bim-notify .bimcomp-dropdown-menu .messages-title .messages-count,.bim-notify .bimcomp-messages-preview .messages-title .messages-count,.bim-notify .bimcomp-dropdown-menu .messages-title .messages-delete-all,.bim-notify .bimcomp-messages-preview .messages-title .messages-delete-all{cursor:pointer;font-size:.8125em;font-weight:400;margin:0 .8125em}.bim-notify .bimcomp-dropdown-menu .messages-title .messages-delete-all,.bim-notify .bimcomp-messages-preview .messages-title .messages-delete-all{text-decoration:underline}.bim-notify .bimcomp-dropdown-menu div,.bim-notify .bimcomp-messages-preview div{font-size:1em}.bim-notify .bimcomp-dropdown-menu .noselect,.bim-notify .bimcomp-messages-preview .noselect{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.bim-notify .bimcomp-dropdown-menu li,.bim-notify .bimcomp-messages-preview li{display:flex;flex-direction:row;align-items:center;box-sizing:content-box;padding:.21em 2.1em}.bim-notify .bimcomp-dropdown-menu li span,.bim-notify .bimcomp-messages-preview li span{display:inline-block;flex:1 0 auto;margin-right:1.43em;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.bim-notify .bimcomp-dropdown-menu li:hover,.bim-notify .bimcomp-messages-preview li:hover{background-color:#f5f5f5}.bim-notify .bimcomp-dropdown-menu ul,.bim-notify .bimcomp-messages-preview ul,.bim-notify .bimcomp-dropdown-menu li,.bim-notify .bimcomp-messages-preview li{list-style:none}.bim-notify .bimcomp-dropdown-menu .notify-tick,.bim-notify .bimcomp-messages-preview .notify-tick{width:2em;height:1em;align-self:flex-end;background-image:url('data:image/svg+xml,<svg width=\"32\" height=\"16\" viewBox=\"0 0 32 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M16 -6.99383e-07L32 16L-1.97729e-05 16L16 -6.99383e-07Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A');background-size:cover}.bim-notify .bimcomp-dropdown-menu.open,.bim-notify .bimcomp-messages-preview.visible{display:flex;flex-direction:column}.bim-notify .messages-container,.bim-notify .messages-container-preview{list-style:none;background-color:#fff;border:thin solid rgba(0,0,0,.15);-webkit-box-shadow:0 .43em .86em rgba(0,0,0,.175);box-shadow:0 .43em .86em #0000002d;text-decoration-color:#333;text-decoration-line:none;text-decoration-style:solid;line-height:2.71em;font-weight:400;max-height:16em;overflow:hidden;overflow-y:visible;scrollbar-width:none}.bim-notify .messages-container::-webkit-scrollbar,.bim-notify .messages-container-preview::-webkit-scrollbar{display:none}.bim-notify .messages-container .message-item-empty,.bim-notify .messages-container-preview .message-item-empty{max-width:19em;max-height:6em;padding:.6em .8125em 0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.bim-notify .messages-container .message-item-empty-icon,.bim-notify .messages-container-preview .message-item-empty-icon{width:2.5em;height:2.5em;background-image:url('data:image/svg+xml,<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M18.7779 2.22227C18.2256 2.22227 17.7779 2.66999 17.7779 3.22228V6.66672H22.2223V3.22227C22.2223 2.66999 21.7746 2.22227 21.2223 2.22227H18.7779Z\" fill=\"%23C3C3C3\"/>%0D%0A<path d=\"M4.44455 30.8889C4.44455 29.7844 5.33998 28.8889 6.44455 28.8889L6.66678 28.8889C7.89407 28.8889 8.889 27.894 8.889 26.6667V17.8889C8.889 12.9184 12.9184 8.88894 17.889 8.88894H22.1112C27.0818 8.88894 31.1112 12.9184 31.1112 17.8889V26.6667C31.1112 27.894 32.1061 28.8889 33.3334 28.8889L33.5557 28.8889C34.6602 28.8889 35.5557 29.7844 35.5557 30.8889V31.3334C35.5557 32.438 34.6602 33.3334 33.5557 33.3334H6.44455C5.33999 33.3334 4.44455 32.438 4.44455 31.3334V30.8889Z\" fill=\"%23C3C3C3\"/>%0D%0A<path d=\"M15.5557 35.5556C15.5557 38.0102 17.5455 40.0001 20.0001 40.0001C22.4547 40.0001 24.4446 38.0102 24.4446 35.5556H15.5557Z\" fill=\"%23C3C3C3\"/>%0D%0A</svg>%0D%0A');background-size:cover}.bim-notify .messages-container .message-item-empty-text,.bim-notify .messages-container-preview .message-item-empty-text{font-size:.8125em;line-height:2.2em}.bim-notify .messages-container .message-item,.bim-notify .messages-container-preview .message-item{max-width:19em;border-bottom:1px solid #D3D3D3;padding:.6em .8125em;box-sizing:border-box}.bim-notify .messages-container .message-item-title,.bim-notify .messages-container-preview .message-item-title{display:flex;align-items:center;line-height:1.5em}.bim-notify .messages-container .message-item-title-text,.bim-notify .messages-container-preview .message-item-title-text{font-size:.8125em;font-weight:700;flex:1 1 auto;margin-left:.8125em}.bim-notify .messages-container .message-item-icon-info,.bim-notify .messages-container-preview .message-item-icon-info{width:1.125em;height:1.125em;background-image:url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"utf-8\"?>%0D%0A<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->%0D%0A<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"%0D%0A%09 viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">%0D%0A<style type=\"text/css\">%0D%0A%09.st0{fill:%23444;}%0D%0A%09.st1{fill:%23FFFFFF;}%0D%0A<\\/style>%0D%0A<path class=\"st0\" d=\"M15,0C6.7,0,0,6.7,0,15s6.7,15,15,15s15-6.7,15-15S23.3,0,15,0z\"/>%0D%0A<g>%0D%0A%09<rect x=\"14\" y=\"6\" class=\"st1\" width=\"3\" height=\"3\"/>%0D%0A</g>%0D%0A<g>%0D%0A%09<polygon class=\"st1\" points=\"19,23 12,23 12,21 14,21 14,13 12,13 12,11 17,11 17,21 19,21 %09\"/>%0D%0A</g>%0D%0A</svg>%0D%0A');flex:0 0 auto}.bim-notify .messages-container .message-item-icon-failure,.bim-notify .messages-container-preview .message-item-icon-failure{width:1.125em;height:1.125em;background-image:url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"utf-8\"?>%0D%0A<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->%0D%0A<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"%0D%0A%09 viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">%0D%0A<style type=\"text/css\">%0D%0A%09.st0{fill:%23444;}%0D%0A%09.st1{fill:%23FFFFFF;}%0D%0A<\\/style>%0D%0A<path class=\"st0\" d=\"M15,0C6.7,0,0,6.7,0,15s6.7,15,15,15s15-6.7,15-15S23.3,0,15,0z\"/>%0D%0A<g>%0D%0A%09<rect x=\"14\" y=\"6\" class=\"st1\" width=\"3\" height=\"3\"/>%0D%0A</g>%0D%0A<g>%0D%0A%09<polygon class=\"st1\" points=\"19,23 12,23 12,21 14,21 14,13 12,13 12,11 17,11 17,21 19,21 %09\"/>%0D%0A</g>%0D%0A</svg>%0D%0A');flex:0 0 auto}.bim-notify .messages-container .message-item-icon-close,.bim-notify .messages-container-preview .message-item-icon-close{cursor:pointer;width:1.125em;height:1.125em;background-repeat:no-repeat;background-size:auto;background-position:center;background-image:url('data:image/svg+xml,<svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M4.57764e-05 6.87023L1.12989 8.00012L4.00029 5.12959L6.87016 7.99951L8.00001 6.86963L5.13014 3.9997L8.0001 1.12962L6.87025 -0.000274658L4.00028 2.86982L1.13106 0.000548095L0.00120898 1.13044L2.87043 3.99971L4.57764e-05 6.87023Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A');flex:0 0 auto}.bim-notify .messages-container .message-item-body-text,.bim-notify .messages-container-preview .message-item-body-text{font-size:.8125em;line-height:1.3em;margin-top:.5em;word-wrap:break-word;white-space:normal}.bim-notify .messages-container .message-item-link,.bim-notify .messages-container-preview .message-item-link{color:#fe5000;text-decoration:underline;font-size:.8125em;line-height:1.3em;margin-top:.5em;word-wrap:break-word;white-space:normal;cursor:pointer}.bim-notify .messages-container .message-item:last-child,.bim-notify .messages-container-preview .message-item:last-child{border-bottom:none}.bim-notify .messages-container-preview{max-height:none;background-color:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.bim-notify .messages-container-preview .message-item{background-color:#fff;border:thin solid rgba(0,0,0,.15);-webkit-box-shadow:0 .3em .3em rgba(0,0,0,.175);box-shadow:0 .3em .3em #0000002d;margin-bottom:.5em}.bim-notify .icon{flex-shrink:0;display:inline-block;vertical-align:middle;margin:0 1.36em 0 0;width:1.64em;height:1.64em;background-size:contain;background-position:center;background-repeat:no-repeat}.bim-notify .main-icon{flex-shrink:0;display:inline-block;vertical-align:middle;width:1.375em;height:1.375em;background-size:contain;background-position:center;background-repeat:no-repeat}.bim-notify .main-icon.notify{transform-origin:center top}@keyframes ringbell{0%{transform:rotate(0)}5%{transform:rotate(35deg)}15%{transform:rotate(-30deg)}25%{transform:rotate(25deg)}35%{transform:rotate(-20deg)}45%{transform:rotate(15deg)}55%{transform:rotate(-10deg)}65%{transform:rotate(5deg)}70%{transform:rotate(0)}to{transform:rotate(0)}}.bim-notify .bimcomp-overlay{position:fixed;width:100vw;height:100vh;left:0;top:0;display:none}.bim-notify .bimcomp-overlay.open{display:block;z-index:1}.bim-notify .icon-notify{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M9 1C8.44772 1 8 1.44772 8 2V3H10V2C10 1.44772 9.55228 1 9 1Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M2 14C2 13.4477 2.44772 13 3 13C3.55228 13 4 12.5523 4 12V8C4 5.79086 5.79086 4 8 4H10C12.2091 4 14 5.79086 14 8V12C14 12.5523 14.4477 13 15 13C15.5523 13 16 13.4477 16 14C16 14.5523 15.5523 15 15 15H3C2.44772 15 2 14.5523 2 14Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M7 16C7 17.1046 7.89543 18 9 18C10.1046 18 11 17.1046 11 16H7Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}.bim-notify .icon-notify-alert{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M9 1C8.44772 1 8 1.44772 8 2V3H10V2C10 1.44772 9.55228 1 9 1Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M2 14C2 13.4477 2.44772 13 3 13C3.55228 13 4 12.5523 4 12V8C4 5.79086 5.79086 4 8 4H10C12.2091 4 14 5.79086 14 8V12C14 12.5523 14.4477 13 15 13C15.5523 13 16 13.4477 16 14C16 14.5523 15.5523 15 15 15H3C2.44772 15 2 14.5523 2 14Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M7 16C7 17.1046 7.89543 18 9 18C10.1046 18 11 17.1046 11 16H7Z\" fill=\"%23444444\"/>%0D%0A<circle cx=\"15.5\" cy=\"2.5\" r=\"2.5\" fill=\"%23FE5000\"/>%0D%0A</svg>%0D%0A')}.bim-notify .icon-notify-tick-up{background-image:url('data:image/svg+xml,<svg width=\"32\" height=\"16\" viewBox=\"0 0 32 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M16 -6.99383e-07L32 16L-1.97729e-05 16L16 -6.99383e-07Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}.bim-notify .icon-notify-info{background-image:url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"utf-8\"?>%0D%0A<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->%0D%0A<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"%0D%0A%09 viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">%0D%0A<style type=\"text/css\">%0D%0A%09.st0{fill:%23444;}%0D%0A%09.st1{fill:%23FFFFFF;}%0D%0A<\\/style>%0D%0A<path class=\"st0\" d=\"M15,0C6.7,0,0,6.7,0,15s6.7,15,15,15s15-6.7,15-15S23.3,0,15,0z\"/>%0D%0A<g>%0D%0A%09<rect x=\"14\" y=\"6\" class=\"st1\" width=\"3\" height=\"3\"/>%0D%0A</g>%0D%0A<g>%0D%0A%09<polygon class=\"st1\" points=\"19,23 12,23 12,21 14,21 14,13 12,13 12,11 17,11 17,21 19,21 %09\"/>%0D%0A</g>%0D%0A</svg>%0D%0A')}.bim-notify .icon-notify-failure{background-image:url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"utf-8\"?>%0D%0A<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->%0D%0A<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"%0D%0A%09 viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">%0D%0A<style type=\"text/css\">%0D%0A%09.st0{fill:%23444;}%0D%0A%09.st1{fill:%23FFFFFF;}%0D%0A<\\/style>%0D%0A<path class=\"st0\" d=\"M15,0C6.7,0,0,6.7,0,15s6.7,15,15,15s15-6.7,15-15S23.3,0,15,0z\"/>%0D%0A<g>%0D%0A%09<rect x=\"14\" y=\"6\" class=\"st1\" width=\"3\" height=\"3\"/>%0D%0A</g>%0D%0A<g>%0D%0A%09<polygon class=\"st1\" points=\"19,23 12,23 12,21 14,21 14,13 12,13 12,11 17,11 17,21 19,21 %09\"/>%0D%0A</g>%0D%0A</svg>%0D%0A')}.bim-notify .icon-notify-close{background-image:url('data:image/svg+xml,<svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M4.57764e-05 6.87023L1.12989 8.00012L4.00029 5.12959L6.87016 7.99951L8.00001 6.86963L5.13014 3.9997L8.0001 1.12962L6.87025 -0.000274658L4.00028 2.86982L1.13106 0.000548095L0.00120898 1.13044L2.87043 3.99971L4.57764e-05 6.87023Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}.bim-notify .icon-notify-empty{background-image:url('data:image/svg+xml,<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M18.7779 2.22227C18.2256 2.22227 17.7779 2.66999 17.7779 3.22228V6.66672H22.2223V3.22227C22.2223 2.66999 21.7746 2.22227 21.2223 2.22227H18.7779Z\" fill=\"%23C3C3C3\"/>%0D%0A<path d=\"M4.44455 30.8889C4.44455 29.7844 5.33998 28.8889 6.44455 28.8889L6.66678 28.8889C7.89407 28.8889 8.889 27.894 8.889 26.6667V17.8889C8.889 12.9184 12.9184 8.88894 17.889 8.88894H22.1112C27.0818 8.88894 31.1112 12.9184 31.1112 17.8889V26.6667C31.1112 27.894 32.1061 28.8889 33.3334 28.8889L33.5557 28.8889C34.6602 28.8889 35.5557 29.7844 35.5557 30.8889V31.3334C35.5557 32.438 34.6602 33.3334 33.5557 33.3334H6.44455C5.33999 33.3334 4.44455 32.438 4.44455 31.3334V30.8889Z\" fill=\"%23C3C3C3\"/>%0D%0A<path d=\"M15.5557 35.5556C15.5557 38.0102 17.5455 40.0001 20.0001 40.0001C22.4547 40.0001 24.4446 38.0102 24.4446 35.5556H15.5557Z\" fill=\"%23C3C3C3\"/>%0D%0A</svg>%0D%0A')}\n"] }]
|
|
906
|
+
}], ctorParameters: () => [{ type: i1.TranslateService }, { type: i0.ElementRef }], propDecorators: { newMessages: [{
|
|
907
|
+
type: HostBinding,
|
|
908
|
+
args: ['class.new-messages']
|
|
909
|
+
}], bimNotify: [{
|
|
910
|
+
type: HostBinding,
|
|
911
|
+
args: ['class.bim-notify']
|
|
912
|
+
}], messagePreviewTime: [{
|
|
913
|
+
type: Input
|
|
914
|
+
}], showMessagePreview: [{
|
|
915
|
+
type: Input,
|
|
916
|
+
args: [{ transform: booleanAttribute }]
|
|
917
|
+
}], previewMessagesLimit: [{
|
|
918
|
+
type: Input
|
|
919
|
+
}], previewMessagesOffsetY: [{
|
|
920
|
+
type: Input
|
|
921
|
+
}], messages: [{
|
|
922
|
+
type: Input
|
|
923
|
+
}], bimplusNotifyDeleteMessage: [{
|
|
924
|
+
type: Output
|
|
925
|
+
}], bimplusNotifyDeleteAllMessages: [{
|
|
926
|
+
type: Output
|
|
927
|
+
}], bimplusNotifyMessageAction: [{
|
|
928
|
+
type: Output
|
|
929
|
+
}] } });
|
|
930
|
+
|
|
931
|
+
class PxsuffixPipe {
|
|
932
|
+
transform(input) {
|
|
933
|
+
return input + 'px';
|
|
934
|
+
}
|
|
935
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: PxsuffixPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
936
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.1", ngImport: i0, type: PxsuffixPipe, isStandalone: true, name: "pxsuffix" }); }
|
|
937
|
+
}
|
|
938
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: PxsuffixPipe, decorators: [{
|
|
939
|
+
type: Pipe,
|
|
940
|
+
args: [{
|
|
941
|
+
name: 'pxsuffix',
|
|
942
|
+
standalone: true
|
|
943
|
+
}]
|
|
944
|
+
}] });
|
|
945
|
+
|
|
946
|
+
class XDraggableDirective {
|
|
947
|
+
constructor() {
|
|
948
|
+
this.oldX = 0;
|
|
949
|
+
this.isDragging = false;
|
|
950
|
+
this.wasDragging = false;
|
|
951
|
+
this.isMouseDown = false;
|
|
952
|
+
this.dragging = new EventEmitter();
|
|
953
|
+
this.clicked = new EventEmitter();
|
|
954
|
+
}
|
|
955
|
+
onMouseMove(event) {
|
|
956
|
+
if (!this.isDragging && !this.isMouseDown) {
|
|
957
|
+
return;
|
|
958
|
+
}
|
|
959
|
+
const deltaX = (event.clientX - this.oldX);
|
|
960
|
+
if (!this.isDragging) {
|
|
961
|
+
if (Math.abs(deltaX) > 2) {
|
|
962
|
+
this.isDragging = true;
|
|
963
|
+
this.wasDragging = true;
|
|
964
|
+
}
|
|
965
|
+
else {
|
|
966
|
+
return;
|
|
967
|
+
}
|
|
968
|
+
}
|
|
969
|
+
fireEvent(this, "dragging", deltaX);
|
|
970
|
+
this.oldX = event.clientX;
|
|
971
|
+
}
|
|
972
|
+
onMouseUp() {
|
|
973
|
+
this.isDragging = false;
|
|
974
|
+
this.isMouseDown = false;
|
|
975
|
+
}
|
|
976
|
+
onMouseDown(event) {
|
|
977
|
+
this.isMouseDown = true;
|
|
978
|
+
this.wasDragging = false;
|
|
979
|
+
this.oldX = event.clientX;
|
|
980
|
+
}
|
|
981
|
+
onMouseClick(event) {
|
|
982
|
+
if (!this.wasDragging) {
|
|
983
|
+
fireEvent(this, "clicked", event);
|
|
984
|
+
}
|
|
985
|
+
}
|
|
986
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: XDraggableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
987
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.1", type: XDraggableDirective, isStandalone: true, selector: "[xDraggable]", outputs: { dragging: "dragging", clicked: "clicked" }, host: { listeners: { "document:mousemove": "onMouseMove($event)", "document:mouseup": "onMouseUp($event)", "mousedown": "onMouseDown($event)", "click": "onMouseClick($event)" } }, ngImport: i0 }); }
|
|
988
|
+
}
|
|
989
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: XDraggableDirective, decorators: [{
|
|
990
|
+
type: Directive,
|
|
991
|
+
args: [{
|
|
992
|
+
selector: '[xDraggable]',
|
|
993
|
+
standalone: true
|
|
994
|
+
}]
|
|
995
|
+
}], propDecorators: { dragging: [{
|
|
996
|
+
type: Output
|
|
997
|
+
}], clicked: [{
|
|
998
|
+
type: Output
|
|
999
|
+
}], onMouseMove: [{
|
|
1000
|
+
type: HostListener,
|
|
1001
|
+
args: ['document:mousemove', ['$event']]
|
|
1002
|
+
}], onMouseUp: [{
|
|
1003
|
+
type: HostListener,
|
|
1004
|
+
args: ['document:mouseup', ['$event']]
|
|
1005
|
+
}], onMouseDown: [{
|
|
1006
|
+
type: HostListener,
|
|
1007
|
+
args: ['mousedown', ['$event']]
|
|
1008
|
+
}], onMouseClick: [{
|
|
1009
|
+
type: HostListener,
|
|
1010
|
+
args: ['click', ['$event']]
|
|
1011
|
+
}] } });
|
|
1012
|
+
|
|
1013
|
+
class BimplusSidenavComponent extends BimplusLocalizedWidgetComponent {
|
|
1014
|
+
constructor(translateService) {
|
|
1015
|
+
super(translateService);
|
|
1016
|
+
// #region public fields
|
|
1017
|
+
this.activeItem = "";
|
|
1018
|
+
this.drawerHeader = "";
|
|
1019
|
+
this.drawerWidth = 300;
|
|
1020
|
+
this.drawerExpanded = true;
|
|
1021
|
+
this.activeItemChanged = new EventEmitter();
|
|
1022
|
+
this.actionClicked = new EventEmitter();
|
|
1023
|
+
this.footerClicked = new EventEmitter();
|
|
1024
|
+
// #endregion public fields
|
|
1025
|
+
// #region private fields
|
|
1026
|
+
this._items = new Array();
|
|
1027
|
+
this._actionItems = new Array();
|
|
1028
|
+
this._footerItem = null;
|
|
1029
|
+
}
|
|
1030
|
+
get items() {
|
|
1031
|
+
return this._items;
|
|
1032
|
+
}
|
|
1033
|
+
set items(value) {
|
|
1034
|
+
this._items.length = 0;
|
|
1035
|
+
this._items = value;
|
|
1036
|
+
if (this.items.length > 0) {
|
|
1037
|
+
this._activateItem(this.items[0].id);
|
|
1038
|
+
}
|
|
1039
|
+
}
|
|
1040
|
+
get actionItems() {
|
|
1041
|
+
return this._actionItems;
|
|
1042
|
+
}
|
|
1043
|
+
set actionItems(value) {
|
|
1044
|
+
this._actionItems.length = 0;
|
|
1045
|
+
this._actionItems = value;
|
|
1046
|
+
}
|
|
1047
|
+
get footerItem() {
|
|
1048
|
+
return this._footerItem;
|
|
1049
|
+
}
|
|
1050
|
+
set footerItem(value) {
|
|
1051
|
+
this._footerItem = value;
|
|
1052
|
+
}
|
|
1053
|
+
// #endregion private fields
|
|
1054
|
+
// #region public methods
|
|
1055
|
+
_activateItem(item) {
|
|
1056
|
+
this.activeItem = item;
|
|
1057
|
+
const foundItem = this._items.find(x => x.id == item);
|
|
1058
|
+
this.drawerHeader = foundItem ? foundItem.text : "";
|
|
1059
|
+
if (!this.drawerExpanded) {
|
|
1060
|
+
this._toggleDrawer();
|
|
1061
|
+
}
|
|
1062
|
+
fireEvent(this, "activeItemChanged", item);
|
|
1063
|
+
}
|
|
1064
|
+
_clickAction(item) {
|
|
1065
|
+
fireEvent(this, "actionClicked", item);
|
|
1066
|
+
}
|
|
1067
|
+
_clickFooter(item) {
|
|
1068
|
+
fireEvent(this, "footerClicked", item);
|
|
1069
|
+
}
|
|
1070
|
+
_toggleDrawer() {
|
|
1071
|
+
this.drawerExpanded = !this.drawerExpanded;
|
|
807
1072
|
}
|
|
808
1073
|
_onResizeWidth(event) {
|
|
809
1074
|
const deltaX = event;
|
|
@@ -829,6 +1094,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImpor
|
|
|
829
1094
|
type: Input
|
|
830
1095
|
}] } });
|
|
831
1096
|
|
|
1097
|
+
class BimplusStorageInfoComponent extends BimplusLocalizedWidgetComponent {
|
|
1098
|
+
constructor(translateService) {
|
|
1099
|
+
super(translateService);
|
|
1100
|
+
/**--------------------------------------------------------------------------
|
|
1101
|
+
* properties
|
|
1102
|
+
--------------------------------------------------------------------------*/
|
|
1103
|
+
this.usedStorage = 0;
|
|
1104
|
+
this.bimplusStorageInfoClicked = new EventEmitter();
|
|
1105
|
+
}
|
|
1106
|
+
/**--------------------------------------------------------------------------
|
|
1107
|
+
* clicked storage info container
|
|
1108
|
+
--------------------------------------------------------------------------*/
|
|
1109
|
+
_infoClicked(action) {
|
|
1110
|
+
fireEvent(this, "bimplusStorageInfoClicked", action);
|
|
1111
|
+
}
|
|
1112
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: BimplusStorageInfoComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1113
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: BimplusStorageInfoComponent, isStandalone: true, selector: "lib-bimplus-storage-info", inputs: { usedStorage: "usedStorage" }, outputs: { bimplusStorageInfoClicked: "bimplusStorageInfoClicked" }, providers: [TranslateService], usesInheritance: true, ngImport: i0, template: "<div\r\n class=\"storage-info\"\r\n (click)=\"_infoClicked('storageInfo')\"\r\n>\r\n <span class=\"progress-title\">\r\n {{\"_Common_Data_Environment_Quota\" | translate}}\r\n <span class=\"progress-text\">\r\n {{usedStorage}}%\r\n </span>\r\n </span>\r\n <div class=\"storage-info-bar-container\">\r\n <div \r\n class=\"storage-info-bar\"\r\n [ngClass]=\"{\r\n 'red': usedStorage >= 90,\r\n 'yellow': usedStorage >= 80 && usedStorage < 90,\r\n 'green': usedStorage < 80\r\n }\"\r\n [style.width]=\"usedStorage + '%'\"\r\n [style.max-width]=\"usedStorage + '%'\"\r\n ></div>\r\n </div>\r\n</div>", styles: [".storage-info{font-family:Source Sans Pro,Helvetica,Arial,tahoma,sans-serif;display:flex;cursor:pointer;color:#777;flex-direction:column}.storage-info.hovered,.storage-info:hover{color:#000}.storage-info.hovered .storage-info-bar .progress,.storage-info:hover .storage-info-bar .progress{border-color:#000}.storage-info .progress-title{line-height:1em;text-align:center;margin:auto .5em .19em;font-weight:600}.storage-info .progress-text{margin-left:.31em}.storage-info .storage-info-bar-container{width:auto;margin:0 .5em auto;background-color:#fff;padding:.125em;border:#777 solid thin}.storage-info .storage-info-bar-container .storage-info-bar{height:.31em}.storage-info .storage-info-bar-container .storage-info-bar.red{background-color:red}.storage-info .storage-info-bar-container .storage-info-bar.yellow{background-color:#ffd400}.storage-info .storage-info-bar-container .storage-info-bar.green{background-color:green}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
|
|
1114
|
+
}
|
|
1115
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: BimplusStorageInfoComponent, decorators: [{
|
|
1116
|
+
type: Component,
|
|
1117
|
+
args: [{ selector: 'lib-bimplus-storage-info', standalone: true, imports: [CommonModule, TranslateModule], providers: [TranslateService], encapsulation: ViewEncapsulation.ShadowDom, template: "<div\r\n class=\"storage-info\"\r\n (click)=\"_infoClicked('storageInfo')\"\r\n>\r\n <span class=\"progress-title\">\r\n {{\"_Common_Data_Environment_Quota\" | translate}}\r\n <span class=\"progress-text\">\r\n {{usedStorage}}%\r\n </span>\r\n </span>\r\n <div class=\"storage-info-bar-container\">\r\n <div \r\n class=\"storage-info-bar\"\r\n [ngClass]=\"{\r\n 'red': usedStorage >= 90,\r\n 'yellow': usedStorage >= 80 && usedStorage < 90,\r\n 'green': usedStorage < 80\r\n }\"\r\n [style.width]=\"usedStorage + '%'\"\r\n [style.max-width]=\"usedStorage + '%'\"\r\n ></div>\r\n </div>\r\n</div>", styles: [".storage-info{font-family:Source Sans Pro,Helvetica,Arial,tahoma,sans-serif;display:flex;cursor:pointer;color:#777;flex-direction:column}.storage-info.hovered,.storage-info:hover{color:#000}.storage-info.hovered .storage-info-bar .progress,.storage-info:hover .storage-info-bar .progress{border-color:#000}.storage-info .progress-title{line-height:1em;text-align:center;margin:auto .5em .19em;font-weight:600}.storage-info .progress-text{margin-left:.31em}.storage-info .storage-info-bar-container{width:auto;margin:0 .5em auto;background-color:#fff;padding:.125em;border:#777 solid thin}.storage-info .storage-info-bar-container .storage-info-bar{height:.31em}.storage-info .storage-info-bar-container .storage-info-bar.red{background-color:red}.storage-info .storage-info-bar-container .storage-info-bar.yellow{background-color:#ffd400}.storage-info .storage-info-bar-container .storage-info-bar.green{background-color:green}\n"] }]
|
|
1118
|
+
}], ctorParameters: () => [{ type: i1.TranslateService }], propDecorators: { usedStorage: [{
|
|
1119
|
+
type: Input
|
|
1120
|
+
}], bimplusStorageInfoClicked: [{
|
|
1121
|
+
type: Output
|
|
1122
|
+
}] } });
|
|
1123
|
+
|
|
832
1124
|
const RAD_DEG = Math.PI / 180.0;
|
|
833
1125
|
const PI2 = 2 * Math.PI;
|
|
834
1126
|
class SVGGenerator {
|
|
@@ -1351,455 +1643,119 @@ class BimplusToolHubComponent extends BimplusLocalizedWidgetComponent {
|
|
|
1351
1643
|
}
|
|
1352
1644
|
findToolHubItemById(id) {
|
|
1353
1645
|
return this._items.find(x => x.buttonId === id);
|
|
1354
|
-
}
|
|
1355
|
-
clickToolHubItem(action) {
|
|
1356
|
-
const item = this.findToolHubItemById(action);
|
|
1357
|
-
if (!item || item?.disabled) {
|
|
1358
|
-
return;
|
|
1359
|
-
}
|
|
1360
|
-
this.itemClicked.emit(action);
|
|
1361
|
-
}
|
|
1362
|
-
clickToolHubSubItem(action) {
|
|
1363
|
-
if (!this._activeSubItems) {
|
|
1364
|
-
return;
|
|
1365
|
-
}
|
|
1366
|
-
const item = this._activeSubItems.find(x => x.buttonId === action);
|
|
1367
|
-
if (!item) {
|
|
1368
|
-
return;
|
|
1369
|
-
}
|
|
1370
|
-
this.subItemClicked.emit(action);
|
|
1371
|
-
this.closeActiveSubItemsView();
|
|
1372
|
-
}
|
|
1373
|
-
toggleToolHubItemActive(buttonId) {
|
|
1374
|
-
const item = this.findToolHubItemById(buttonId);
|
|
1375
|
-
if (!item || item.disabled) {
|
|
1376
|
-
return;
|
|
1377
|
-
}
|
|
1378
|
-
item.active = !item.active;
|
|
1379
|
-
}
|
|
1380
|
-
toggleSubItemsView(buttonId) {
|
|
1381
|
-
const item = this.findToolHubItemById(buttonId);
|
|
1382
|
-
if (!item || item.disabled || !item.subItems) {
|
|
1383
|
-
return;
|
|
1384
|
-
}
|
|
1385
|
-
item.active = !item.active;
|
|
1386
|
-
if (item.active) {
|
|
1387
|
-
this._activeSubItemsView = item;
|
|
1388
|
-
this._activeSubItems = item.subItems;
|
|
1389
|
-
}
|
|
1390
|
-
else {
|
|
1391
|
-
this._activeSubItemsView = null;
|
|
1392
|
-
this._activeSubItems = null;
|
|
1393
|
-
}
|
|
1394
|
-
}
|
|
1395
|
-
closeActiveSubItemsView() {
|
|
1396
|
-
if (this._activeSubItemsView) {
|
|
1397
|
-
this._activeSubItemsView.active = false;
|
|
1398
|
-
this._activeSubItemsView = null;
|
|
1399
|
-
}
|
|
1400
|
-
this._activeSubItems = null;
|
|
1401
|
-
}
|
|
1402
|
-
setHoveredState(element, hovered) {
|
|
1403
|
-
const index = this._hoveredElements.indexOf(element);
|
|
1404
|
-
const storedCountHoverd = this._hoveredElements.length;
|
|
1405
|
-
if (index >= 0 && !hovered) {
|
|
1406
|
-
this._hoveredElements.splice(index, 1);
|
|
1407
|
-
}
|
|
1408
|
-
if (index < 0 && hovered) {
|
|
1409
|
-
this._hoveredElements.push(element);
|
|
1410
|
-
}
|
|
1411
|
-
if (storedCountHoverd > 0 && this._hoveredElements.length === 0) {
|
|
1412
|
-
// If hovered elements count reaches zero, check again a bit delayed. If nothing hovered at that time, close submenu
|
|
1413
|
-
setInterval(() => {
|
|
1414
|
-
if (this._hoveredElements.length === 0) {
|
|
1415
|
-
this.closeActiveSubItemsView();
|
|
1416
|
-
}
|
|
1417
|
-
}, 1000);
|
|
1418
|
-
}
|
|
1419
|
-
}
|
|
1420
|
-
dragElement(event) {
|
|
1421
|
-
const deltaX = event[0];
|
|
1422
|
-
const deltaY = event[1];
|
|
1423
|
-
this.left += deltaX;
|
|
1424
|
-
this.top += deltaY;
|
|
1425
|
-
}
|
|
1426
|
-
// #endregion private fields
|
|
1427
|
-
// #region private methods
|
|
1428
|
-
calculateCurrentMenuItemUnits() {
|
|
1429
|
-
return SVGGenerator.drawMenuItemSvg(this._visualSettings.svgRadius, this._visualSettings.svgRadiusInner, this._items.length, this.isEmbedded);
|
|
1430
|
-
}
|
|
1431
|
-
calculateCurrentSubMenuItemUnits() {
|
|
1432
|
-
return SVGGenerator.drawMenuItemSvg(this._visualSettings.svgRadius, this._visualSettings.svgRadiusInner, 20, this.isEmbedded);
|
|
1433
|
-
}
|
|
1434
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: BimplusToolHubComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1435
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.1", type: BimplusToolHubComponent, isStandalone: true, selector: "lib-bimplus-tool-hub", inputs: { left: "left", top: "top", items: "items", isOpened: ["isOpened", "isOpened", booleanAttribute], isEmbedded: ["isEmbedded", "isEmbedded", booleanAttribute], isFocused: ["isFocused", "isFocused", booleanAttribute], isActive: ["isActive", "isActive", booleanAttribute] }, outputs: { itemClicked: "itemClicked", subItemClicked: "subItemClicked" }, host: { properties: { "style.left.px": "this.left", "style.top.px": "this.top" } }, usesInheritance: true, ngImport: i0, template: " <div class=\"center-menu\">\r\n <div class=\"center-menu-fp\" id=\"center-menu-fp-id\" [ngClass]=\"activeSubItems ? 'submenu-active' : ''\">\r\n <div libDraggable id=\"center-menu-controller\" class=\"center-menu-controller dragger\" data-test=\"toolhub_controller\" [ngClass]=\"{\r\n 'opened': isOpened,\r\n 'active': isActive\r\n }\" \r\n [title]=\"title\"\r\n (clicked)=\"toggleMenu()\"\r\n (dragging)=\"dragElement($event)\"\r\n >\r\n </div>\r\n <div class=\"center-menu-circle-border-inner\" [ngClass]=\"!isOpened ? 'hidden' : ''\"></div>\r\n <div class=\"center-menu-circle-border-outer\" [ngClass]=\"!isOpened ? 'hidden' : ''\" (mouseleave)=\"setHoveredState('menuCircleBorderOuter', false)\" (mouseenter)=\"setHoveredState('menuCircleBorderOuter', true)\"></div>\r\n <div libDraggable class=\"center-menu-circle\" [ngClass]=\"!isOpened ? 'hidden' : ''\" (mouseleave)=\"setHoveredState('menuCircle', false)\" (mouseenter)=\"setHoveredState('menuCircle', true)\" (dragging)=\"dragElement($event)\">\r\n \r\n <lib-tool-hub-item libDraggable *ngFor=\"let item of items\"\r\n [attr.data-test]=\"'toolhub_item_' + item.buttonId\"\r\n [item]=\"item\"\r\n [active] = \"item.active\"\r\n [isEnabled]=\"!item.disabled\"\r\n (clicked) = \"clickToolHubItem(item.buttonId)\"\r\n ></lib-tool-hub-item>\r\n\r\n <svg class=\"centermenu-button-svg\" [attr.viewBox]=\"getSVGViewBox()\" fill=\"none\">\r\n <clipPath id=\"svgCenterMenu\" clipPathUnits=\"objectBoundingBox\">\r\n <path [attr.d]=\"getSVGCenterMenuPath()\" fill=\"white\"/>\r\n </clipPath>\r\n <clipPath id=\"svgCenterMenuItem\" clipPathUnits=\"objectBoundingBox\">\r\n <path [attr.d]=\"getSVGCenterMenuItemPath()\" fill=\"white\"/>\r\n </clipPath>\r\n <clipPath id=\"svgCenterSubMenuItem\" clipPathUnits=\"objectBoundingBox\">\r\n <path [attr.d]=\"getSVGCenterSubMenuItemPath()\" fill=\"white\"/>\r\n </clipPath>\r\n <clipPath id=\"svgCenterMenuSubMenu\" clipPathUnits=\"objectBoundingBox\">\r\n <path [attr.d]=\"annularSector\" fill=\"none\" />\r\n </clipPath>\r\n <clipPath id=\"svgCenterMenuSubMenuBorder\" clipPathUnits=\"objectBoundingBox\">\r\n <path [attr.d]=\"annularSectorBorder\" fill=\"none\" />\r\n </clipPath>\r\n <clipPath id=\"svgCenterMenuSubMenuDeadZone\" clipPathUnits=\"objectBoundingBox\">\r\n <path [attr.d]=\"deadZoneAnnularSector\" fill=\"none\" />\r\n </clipPath>\r\n </svg>\r\n </div>\r\n \r\n @if (activeSubItems) {\r\n <div class=\"center-menu-sub-menu-border\" [ngClass]=\"!isOpened ? 'hidden' : ''\" (mouseleave)=\"setHoveredState('submenuBorder', false)\" (mouseenter)=\"setHoveredState('submenuBorder', true)\"></div>\r\n <div class=\"center-menu-sub-menu\" [ngClass]=\"!isOpened ? 'hidden' : ''\" (mouseleave)=\"setHoveredState('submenu', false)\" (mouseenter)=\"setHoveredState('submenu', true)\">\r\n <lib-tool-hub-sub-item *ngFor=\"let item of activeSubItems\"\r\n [attr.data-test]=\"'toolhub_subitem_' + item.buttonId\"\r\n [item]=\"item\"\r\n (click) = \"clickToolHubSubItem(item.buttonId)\"\r\n ></lib-tool-hub-sub-item>\r\n </div>\r\n <div class=\"center-menu-sub-menu-dead-zone\" [ngClass]=\"!isOpened ? 'hidden' : ''\" (mouseleave)=\"setHoveredState('deadZone', false)\" (mouseenter)=\"setHoveredState('deadZone', true)\"></div>\r\n }\r\n\r\n </div>\r\n</div>", styles: [".flexbox{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.text-selected{color:#fe5000}.ui-icon22px{width:2.2rem;height:2.2rem;display:inline-block;float:right;border-radius:.4rem;background-position:center center;background-repeat:no-repeat;cursor:pointer}.ui-icon-sidemenu{width:2.4rem;height:2.4rem;background-size:1.8rem 1.8rem;background-position:center center;background-repeat:no-repeat}.touch-ui-icon-sidemenu{width:2.4rem;height:2.4rem;background-size:1.8rem 1.8rem;background-position:center center;background-repeat:no-repeat;width:3.2rem;height:3.2rem}.ui-icon-sidemenu-important{width:2.4rem!important;height:2.4rem!important;background-size:1.8rem 1.8rem!important;background-position:center center;background-repeat:no-repeat}.shadow{box-shadow:.3rem .3rem .7rem #0000004d}.is-touch .center-menu .submenu-container{-webkit-box-justify-content:flex-end;-moz-box-justify-content:flex-end;-webkit-justify-content:flex-end;-ms-justify-content:flex-end;justify-content:flex-end}.is-touch #cmb-view-submenu{display:none;top:19rem}.is-touch #cmb-view-submenu .bim-ui-popupwin-tick-down{display:none}@media (max-width: 75.8rem){.touch-center-menu-left-position{left:-29rem}}@media (min-width: 76.8rem) and (max-width: 98.2rem){.touch-center-menu-left-position{left:-29rem}}@media (min-width: 99.2rem) and (max-width: 119rem){.touch-center-menu-left-position{left:-35rem}}@media (min-width: 120rem) and (max-width: 159rem){.touch-center-menu-left-position{left:-35rem}}@media (min-width: 160rem){.touch-center-menu-left-position{left:-35rem}}#center-menu-fp-id{background-color:transparent;pointer-events:none;min-width:20.5rem;min-height:20.5rem;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr;z-index:3;position:relative}#center-menu-fp-id.embedded{min-width:16.5rem;min-height:16.5rem}.center-menu{position:absolute;height:100%;width:100%;bottom:22.1rem;pointer-events:none}.center-menu>*{pointer-events:all}.center-menu .hidden{display:none!important}.center-menu .center-menu-fp.submenu-active{width:27rem}.center-menu .center-menu-controller{cursor:pointer;pointer-events:all;position:absolute;width:4.9rem;height:4.9rem;left:7.8rem;top:7.9rem;border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:2.7rem 2.7rem;background-color:#fff;background-image:url('data:image/svg+xml,<svg width=\"27\" height=\"27\" viewBox=\"0 0 27 27\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M23.5 12.5L22 14L21 13V21H6V13L5 14L3.5 12.5L13.4998 2.5L23.5 12.5ZM13.5 5.5L19 11V19H17V14H10V19H8V11L13.5 5.5ZM15 16V19H12V16H15Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A');border:1px solid #8D8D8D}.center-menu .center-menu-controller.opened{background-image:url('data:image/svg+xml,<svg width=\"27\" height=\"28\" viewBox=\"0 0 27 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g clip-path=\"url(%23clip0_519_386)\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22.5 13.0223L21 14.5223L20 13.5223V20.0223H7V13.5223L6 14.5223L4.5 13.0223L13.4998 4.02234L22.5 13.0223ZM13.5 7.02234L18 11.5223V18.0223H16V14.0223H11V18.0223H9V11.5223L13.5 7.02234ZM14 16.0223V18.0223H13V16.0223H14Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M5 0.0223389L0 5.02234H5V0.0223389Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M5 27.0223L0 22.0223H5V27.0223Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M27 5.02234L22 0.0223389V5.02234H27Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M22 27.0223L27 22.0223H22V27.0223Z\" fill=\"%23444444\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_519_386\">%0D%0A<rect width=\"27\" height=\"27\" fill=\"white\" transform=\"matrix(-1 0 0 1 27 0.0223389)\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A');transition:width .5s ease-in-out,height .5s ease-in-out}.center-menu .center-menu-controller:not(.opened).active{background-color:#fe5000;background-image:url('data:image/svg+xml,<svg width=\"27\" height=\"27\" viewBox=\"0 0 27 27\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M23.5 12.5L22 14L21 13V21H6V13L5 14L3.5 12.5L13.4998 2.5L23.5 12.5ZM13.5 5.5L19 11V19H17V14H10V19H8V11L13.5 5.5ZM15 16V19H12V16H15Z\" fill=\"white\"/>%0D%0A</svg>%0D%0A');border-color:transparent}.center-menu .center-menu-sub-menu-dead-zone{position:absolute;top:-7rem;left:-7rem;width:55rem;height:55rem;margin:auto;vertical-align:bottom;text-align:center;white-space:nowrap;background-color:#fff0;pointer-events:all;-webkit-clip-path:url(#svgCenterMenuSubMenuDeadZone);clip-path:url(#svgCenterMenuSubMenuDeadZone);font-size:0;z-index:-1}.center-menu .center-menu-sub-menu-border{position:absolute;top:-7rem;left:-7rem;width:35rem;height:35rem;margin:auto;vertical-align:bottom;text-align:center;white-space:nowrap;background-color:#c3c3c3;opacity:.9;pointer-events:all;-webkit-clip-path:url(#svgCenterMenuSubMenuBorder);clip-path:url(#svgCenterMenuSubMenuBorder);font-size:0}.center-menu .center-menu-sub-menu{position:absolute;top:-7rem;left:-7rem;width:35rem;height:35rem;margin:auto;vertical-align:bottom;text-align:center;white-space:nowrap;background-color:#ffffffe6;pointer-events:all;overflow:hidden;-webkit-clip-path:url(#svgCenterMenuSubMenu);clip-path:url(#svgCenterMenuSubMenu);font-size:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.center-menu .center-menu-sub-menu .centermenu-button{width:35rem;height:35rem;left:auto;right:0}.center-menu .center-menu-sub-menu .centermenu-button .centermenu-button-text{display:none}.center-menu .center-menu-sub-menu .centermenu-button .centermenu-button-icon{width:2rem;height:3rem;background-size:1.8rem 1.8rem}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(1){transform:rotate(62.5deg) translate(-1rem,3.8rem)}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(1) .centermenu-button-icon{transform:rotate(-50deg) translate(-1rem,4rem)}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(2){transform:rotate(82.5deg) translate(-1rem,3.8rem)}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(2) .centermenu-button-icon{transform:rotate(-60deg) translate(-1rem,4rem)}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(3){transform:rotate(102.5deg) translate(-1rem,4rem)}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(3) .centermenu-button-icon{transform:rotate(-70deg) translate(-.8rem,4rem)}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(4){transform:rotate(122.5deg) translate(-.7rem,3.8rem)}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(4) .centermenu-button-icon{transform:rotate(-80deg) translate(-1rem,4rem)}.center-menu .center-menu-sub-menu .center-sub-menu-button{position:absolute;width:35rem;height:35rem;overflow:hidden;top:0;left:0;margin:0;padding:0;-webkit-clip-path:url(#svgCenterSubMenuItem);clip-path:url(#svgCenterSubMenuItem);font-size:0;background-position:center top}.center-menu .center-menu-sub-menu .center-sub-menu-button.active:not(.disabled){background-color:#fe5000}.center-menu .center-menu-sub-menu .center-sub-menu-button .center-sub-menu-button-icon{width:2rem;height:2rem;display:inline-block;margin:0;padding:0;background-position:center;background-repeat:no-repeat;background-size:2rem 2rem;cursor:pointer}.center-menu .center-menu-circle-border-outer,.center-menu .center-menu-circle-border-inner{position:absolute;margin:auto;vertical-align:bottom;text-align:center;white-space:nowrap;background-color:#8d8d8d80;opacity:.9;pointer-events:all;-webkit-clip-path:url(#svgCenterMenu);clip-path:url(#svgCenterMenu);font-size:0}.center-menu .center-menu-circle-border-outer{width:20.5rem;height:20.5rem;transform:translate(0) scale(1.01)}.center-menu .center-menu-circle-border-inner{width:20.5rem;height:20.5rem;transform:scale(.97)}.center-menu .center-menu-circle{width:20.5rem;height:20.5rem;margin:auto;vertical-align:bottom;text-align:center;white-space:nowrap;background-color:#444444e6;pointer-events:all;-webkit-clip-path:url(#svgCenterMenu);clip-path:url(#svgCenterMenu);font-size:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.center-menu .center-menu-circle .centermenu-button-text{display:none}.center-menu .center-menu-circle .bim-ui-popupwin-content{box-shadow:.3rem .3rem .7rem #0000004d}.center-menu .center-menu-circle .bim-ui-popupwin-content .section-menu-item,.center-menu .center-menu-circle .bim-ui-popupwin-content .annotation-menu-item{text-align:center}.center-menu .center-menu-circle .bim-ui-popupwin-item{min-width:7.125em}.center-menu .center-menu-circle .submenu-container{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-justify-content:center;-moz-box-justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center}.center-menu .center-menu-circle .centermenu-button:nth-child(1){transform:rotate(calc(90deg + 1 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(1) .centermenu-button-icon{transform:rotate(calc(-90deg - 1 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(2){transform:rotate(calc(90deg + 2 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(2) .centermenu-button-icon{transform:rotate(calc(-90deg - 2 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(3){transform:rotate(calc(90deg + 3 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(3) .centermenu-button-icon{transform:rotate(calc(-90deg - 3 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(4){transform:rotate(calc(90deg + 4 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(4) .centermenu-button-icon{transform:rotate(calc(-90deg - 4 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(5){transform:rotate(calc(90deg + 5 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(5) .centermenu-button-icon{transform:rotate(calc(-90deg - 5 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(6){transform:rotate(calc(90deg + 6 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(6) .centermenu-button-icon{transform:rotate(calc(-90deg - 6 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(7){transform:rotate(calc(90deg + 7 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(7) .centermenu-button-icon{transform:rotate(calc(-90deg - 7 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(8){transform:rotate(calc(90deg + 8 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(8) .centermenu-button-icon{transform:rotate(calc(-90deg - 8 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(9){transform:rotate(calc(90deg + 9 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(9) .centermenu-button-icon{transform:rotate(calc(-90deg - 9 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(10){transform:rotate(calc(90deg + 10 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(10) .centermenu-button-icon{transform:rotate(calc(-90deg - 10 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(11){transform:rotate(calc(90deg + 11 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(11) .centermenu-button-icon{transform:rotate(calc(-90deg - 11 * 360deg / var(--menu-items)))}.center-menu .centermenu-button{position:absolute;width:20.5rem;height:20.5rem;top:0;left:0;margin:0;padding:0;-webkit-clip-path:url(#svgCenterMenuItem);clip-path:url(#svgCenterMenuItem);font-size:0;overflow:hidden;background-position:center top}.center-menu .centermenu-button.active:not(.disabled){background-color:#fe5000}.center-menu .centermenu-button .centermenu-button-icon{width:5.8rem;height:5.8rem;margin:-.6rem;display:inline-block;padding:0;background-position:center;background-repeat:no-repeat;background-size:1.8rem 1.8rem}.center-sub-menu-button:nth-child(1){transform:rotate(65deg);left:auto;right:0}.center-sub-menu-button:nth-child(1) .center-sub-menu-button-icon{transform:rotate(-65deg)}.center-sub-menu-button:nth-child(2){transform:rotate(80deg);left:auto;right:0}.center-sub-menu-button:nth-child(2) .center-sub-menu-button-icon{transform:rotate(-85deg)}.center-sub-menu-button:nth-child(3){transform:rotate(95deg);left:auto;right:0}.center-sub-menu-button:nth-child(3) .center-sub-menu-button-icon{transform:rotate(-105deg)}.center-sub-menu-button:nth-child(4){transform:rotate(110deg);left:auto;right:0}.center-sub-menu-button:nth-child(4) .center-sub-menu-button-icon{transform:rotate(-125deg)}@-webkit-keyframes highlight{0%{background-color:#d84500}to{background-color:#d84500}}@keyframes highlight{0%{background-color:#d84500}to{background-color:#d84500}}.center-menu .center-menu-fp.is-dragging .center-menu-controller,.center-menu .center-menu-fp.is-dragging .centermenu-button{cursor:move}.center-menu .center-menu-fp.is-dragging .center-menu-sub-menu .centermenu-button{cursor:auto}.center-menu .center-menu-fp.is-dragging .center-menu-sub-menu .centermenu-button .centermenu-button-icon{cursor:pointer}.center-menu .center-menu-fp:not(.is-dragging) .center-menu-controller,.center-menu .center-menu-fp:not(.is-dragging) .centermenu-button{cursor:pointer}.center-menu .center-menu-fp:not(.is-dragging) .center-menu-sub-menu .centermenu-button{cursor:auto}.center-menu .center-menu-fp:not(.is-dragging) .center-menu-sub-menu .centermenu-button .centermenu-button-icon{cursor:pointer}.center-menu .center-menu-fp:not(.is-dragging) div:not(.center-menu-sub-menu) .centermenu-button:not(.active):hover{background-color:#8d8d8d}.center-menu .center-menu-fp:not(.is-dragging) div:not(.center-menu-sub-menu) .centermenu-button.pulse:not(.disabled){-webkit-animation:highlight .25s linear;animation:highlight .25s linear}#cmb-view-submenu{display:none;text-align:left;position:absolute;bottom:7.4rem;width:35rem;left:25.5rem}.bim-bottom-submenu{display:none;text-align:left;position:absolute}.center-menu{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.center-menu .embedded .center-menu-circle{width:16.5rem;height:16.5rem}.center-menu .embedded .center-menu-controller{left:5.8rem;top:5.8rem}.center-menu .embedded .centermenu-button,.center-menu .embedded .center-menu-circle-border-outer,.center-menu .embedded .center-menu-circle-border-inner{width:16.5rem;height:16.5rem}.center-menu .embedded .center-menu-sub-menu{width:30rem;height:31rem}.center-menu .embedded .center-menu-sub-menu .centermenu-button{width:30rem;height:30rem}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(1){transform:rotate(64.5deg) translate(-1rem,3rem)}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(1) .centermenu-button-icon{transform:rotate(-50deg) translate(-1rem,4rem)}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(2){transform:rotate(84.5deg) translate(-1rem,3.1rem)}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(2) .centermenu-button-icon{transform:rotate(-60deg) translate(-1rem,4rem)}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(3){transform:rotate(105.5deg) translate(-1rem,3rem)}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(3) .centermenu-button-icon{transform:rotate(-70deg) translate(-.8rem,4rem)}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(4){transform:rotate(124.5deg) translate(-.7rem,2.7rem)}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(4) .centermenu-button-icon{transform:rotate(-80deg) translate(-1rem,4rem)}.center-menu .embedded .center-menu-sub-menu-border{width:30rem;height:31rem}.ui-icon-create-task{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g clip-path=\"url(%23clip0_201_1470)\">%0D%0A<path d=\"M2 16V3H4V4H11V3H13V9H15V1H10V0H5V1H0V18H12V16H2Z\" fill=\"white\"/>%0D%0A<path d=\"M4.40002 8.59998L3 10L5.90002 12.9L12 6.90002L10.5 5.5L5.90002 10.1L4.40002 8.59998Z\" fill=\"white\"/>%0D%0A<path d=\"M15 10V13H18V15H15V18H13V15H10V13H13V10H15Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1470\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-create-task.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\" clip-path=\"url(%23clip0_201_1495)\">%0D%0A<path d=\"M2 16V3H4V4H11V3H13V9H15V1H10V0H5V1H0V18H12V16H2Z\" fill=\"white\"/>%0D%0A<path d=\"M4.40002 8.59998L3 10L5.90002 12.9L12 6.90002L10.5 5.5L5.90002 10.1L4.40002 8.59998Z\" fill=\"white\"/>%0D%0A<path d=\"M15 10V13H18V15H15V18H13V15H10V13H13V10H15Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1495\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-quantity-take-off{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M1.99976 2V4L7.50244 9.50267L1.99512 15.01L1.99976 15.0146V17.01H15.9998V13.01L13.9998 13V15.01H4.82349L10.3353 9.50717L10.3308 9.50267L10.3326 9.50085L4.82812 4H13.9998V6H15.9998V2H1.99976Z\" fill=\"white\"/>%0D%0A</svg>%0D%0A')}.ui-icon-quantity-take-off.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\">%0D%0A<path d=\"M1.99976 2V4L7.50244 9.50267L1.99512 15.01L1.99976 15.0146V17.01H15.9998V13.01L13.9998 13V15.01H4.82349L10.3353 9.50717L10.3308 9.50267L10.3326 9.50085L4.82812 4H13.9998V6H15.9998V2H1.99976Z\" fill=\"white\"/>%0D%0A</g>%0D%0A</svg>%0D%0A')}.ui-icon-markup{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g clip-path=\"url(%23clip0_201_1472)\">%0D%0A<path d=\"M14.021 2L11.8996 0L0 12V14H2L14.021 2Z\" fill=\"white\"/>%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 18L5 15L5.8388 15.8387L6.849 14.8285L6.0103 13.9897L8 12L8.8388 12.8388L9.8388 11.8388L9 11L11 9L11.8389 9.8389L12.8389 8.8389L12 8L14 6L14.8388 6.8388L15.8388 5.8388L15 5L18 2V18H2ZM9.0712 15L15 9.0709V15H9.0712Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1472\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-markup.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\" clip-path=\"url(%23clip0_201_1497)\">%0D%0A<path d=\"M14.021 2L11.8996 0L0 12V14H2L14.021 2Z\" fill=\"white\"/>%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 18L5 15L5.8388 15.8387L6.849 14.8285L6.0103 13.9897L8 12L8.8388 12.8388L9.8388 11.8388L9 11L11 9L11.8389 9.8389L12.8389 8.8389L12 8L14 6L14.8388 6.8388L15.8388 5.8388L15 5L18 2V18H2ZM9.0712 15L15 9.0709V15H9.0712Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1497\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-section{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M1 1V2.80005L6.29999 8.10004L8.10004 6.30005L3 1H1ZM14.4 16.2C13.4 16.2 12.6 15.4 12.6 14.4C12.6 13.4 13.4 12.6 14.4 12.6C15.4 12.6 16.2 13.4 16.2 14.4C16.2 15.4 15.4 16.2 14.4 16.2ZM14.4 5.40002C13.4 5.40002 12.6 4.60004 12.6 3.60004C12.6 2.60004 13.4 1.80005 14.4 1.80005C15.4 1.80005 16.2 2.60004 16.2 3.60004C16.2 4.60004 15.4 5.40002 14.4 5.40002ZM1 15.2V17H3L9 10.8L11.1 12.9C10.9 13.4 10.8 13.9 10.8 14.4C10.8 16.4 12.4 18 14.4 18C16.4 18 18 16.4 18 14.4C18 12.4 16.4 10.8 14.4 10.8C13.8 10.8 13.3 10.9 12.9 11.1L10.8 9L12.9 6.90002C13.4 7.10002 13.9 7.20001 14.4 7.20001C16.4 7.20001 18 5.60004 18 3.60004C18 1.60004 16.4 0 14.4 0C12.4 0 10.8 1.60004 10.8 3.60004C10.8 4.20004 10.9 4.70004 11.1 5.10004L1 15.2Z\" fill=\"white\"/>%0D%0A</svg>%0D%0A')}.ui-icon-section.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\">%0D%0A<path d=\"M1 1V2.80005L6.29999 8.10004L8.10004 6.30005L3 1H1ZM14.4 16.2C13.4 16.2 12.6 15.4 12.6 14.4C12.6 13.4 13.4 12.6 14.4 12.6C15.4 12.6 16.2 13.4 16.2 14.4C16.2 15.4 15.4 16.2 14.4 16.2ZM14.4 5.40002C13.4 5.40002 12.6 4.60004 12.6 3.60004C12.6 2.60004 13.4 1.80005 14.4 1.80005C15.4 1.80005 16.2 2.60004 16.2 3.60004C16.2 4.60004 15.4 5.40002 14.4 5.40002ZM1 15.2V17H3L9 10.8L11.1 12.9C10.9 13.4 10.8 13.9 10.8 14.4C10.8 16.4 12.4 18 14.4 18C16.4 18 18 16.4 18 14.4C18 12.4 16.4 10.8 14.4 10.8C13.8 10.8 13.3 10.9 12.9 11.1L10.8 9L12.9 6.90002C13.4 7.10002 13.9 7.20001 14.4 7.20001C16.4 7.20001 18 5.60004 18 3.60004C18 1.60004 16.4 0 14.4 0C12.4 0 10.8 1.60004 10.8 3.60004C10.8 4.20004 10.9 4.70004 11.1 5.10004L1 15.2Z\" fill=\"white\"/>%0D%0A</g>%0D%0A</svg>%0D%0A')}.ui-icon-obj-transp{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g clip-path=\"url(%23clip0_201_1476)\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.1646 4.1354L13.6441 2.69995L14.9591 3.81644L3.5343 14.9013L2.3014 13.7051L3.20551 12.8279C1.15068 11.2329 0 9.31898 0 9.31898C0 9.31898 3.53431 3.49743 9.04126 3.49743C10.192 3.49743 11.1783 3.73666 12.1646 4.1354ZM4.02744 9.39876C4.02744 10.1962 4.27403 10.914 4.60281 11.552L6.1645 10.0367C6.0823 9.87724 6.08227 9.71776 6.08227 9.55827C6.08227 7.88357 7.39738 6.6076 9.12344 6.6076C9.20563 6.6076 9.28782 6.62753 9.37001 6.64746C9.45219 6.66739 9.53438 6.68733 9.61658 6.68733L11.2604 5.09238C10.6029 4.69364 9.8632 4.53413 9.04126 4.53413C6.24669 4.53413 4.02744 6.68735 4.02744 9.39876Z\" fill=\"white\"/>%0D%0A<path d=\"M14.9589 5.81006L13.5616 7.16578C13.8904 7.80376 14.0548 8.60122 14.0548 9.3987C14.0548 12.1101 11.8356 14.2633 9.04101 14.2633C8.21908 14.2633 7.4793 14.1038 6.73956 13.7848L5.83545 14.662C6.82177 15.0608 7.80808 15.3 8.95878 15.3C14.4657 15.3 18 9.47843 18 9.47843C18 9.47843 16.9315 7.40501 14.9589 5.81006Z\" fill=\"white\"/>%0D%0A<path d=\"M12.0001 8.60132L8.21924 12.2697C8.46582 12.3494 8.79457 12.4292 9.12334 12.4292C10.8494 12.4292 12.1645 11.1532 12.1645 9.47852C12.1645 9.15953 12.0823 8.84056 12.0001 8.60132Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1476\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-obj-transp.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\" clip-path=\"url(%23clip0_201_1501)\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.1646 4.1354L13.6441 2.69995L14.9591 3.81644L3.5343 14.9013L2.3014 13.7051L3.20551 12.8279C1.15068 11.2329 0 9.31898 0 9.31898C0 9.31898 3.53431 3.49743 9.04126 3.49743C10.192 3.49743 11.1783 3.73666 12.1646 4.1354ZM4.02744 9.39876C4.02744 10.1962 4.27403 10.914 4.60281 11.552L6.1645 10.0367C6.0823 9.87724 6.08227 9.71776 6.08227 9.55827C6.08227 7.88357 7.39738 6.6076 9.12344 6.6076C9.20563 6.6076 9.28782 6.62753 9.37001 6.64746C9.45219 6.66739 9.53438 6.68733 9.61658 6.68733L11.2604 5.09238C10.6029 4.69364 9.8632 4.53413 9.04126 4.53413C6.24669 4.53413 4.02744 6.68735 4.02744 9.39876Z\" fill=\"white\"/>%0D%0A<path d=\"M14.9589 5.81006L13.5616 7.16578C13.8904 7.80376 14.0548 8.60122 14.0548 9.3987C14.0548 12.1101 11.8356 14.2633 9.04101 14.2633C8.21908 14.2633 7.4793 14.1038 6.73956 13.7848L5.83545 14.662C6.82177 15.0608 7.80808 15.3 8.95878 15.3C14.4657 15.3 18 9.47843 18 9.47843C18 9.47843 16.9315 7.40501 14.9589 5.81006Z\" fill=\"white\"/>%0D%0A<path d=\"M12.0001 8.60132L8.21924 12.2697C8.46582 12.3494 8.79457 12.4292 9.12334 12.4292C10.8494 12.4292 12.1645 11.1532 12.1645 9.47852C12.1645 9.15953 12.0823 8.84056 12.0001 8.60132Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1501\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-obj-select{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g clip-path=\"url(%23clip0_201_1478)\">%0D%0A<path d=\"M9 14.4L3.6 11.7L0 13.5L9 18L18 13.5L14.4 11.7L9 14.4Z\" fill=\"white\" fill-opacity=\"0.7\"/>%0D%0A<path d=\"M9 9.89995L3.6 7.19995L0 8.99995L9 13.5L18 8.99995L14.4 7.19995L9 9.89995Z\" fill=\"white\"/>%0D%0A<path d=\"M18 4.5L9 9L0 4.5L9 0L18 4.5Z\" fill=\"white\" fill-opacity=\"0.7\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1478\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-obj-select.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\" clip-path=\"url(%23clip0_201_1503)\">%0D%0A<path d=\"M9 14.4L3.6 11.7L0 13.5L9 18L18 13.5L14.4 11.7L9 14.4Z\" fill=\"white\" fill-opacity=\"0.7\"/>%0D%0A<path d=\"M9 9.89995L3.6 7.19995L0 8.99995L9 13.5L18 8.99995L14.4 7.19995L9 9.89995Z\" fill=\"white\"/>%0D%0A<path d=\"M18 4.5L9 9L0 4.5L9 0L18 4.5Z\" fill=\"white\" fill-opacity=\"0.7\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1503\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-navigation-map{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9 18C9 18 15 10.7027 15 5.83784C15 2.35227 12.3137 0 9 0C5.68629 0 3 2.35227 3 5.83784C3 10.7027 9 18 9 18ZM9 9C10.6569 9 12 7.65685 12 6C12 4.34315 10.6569 3 9 3C7.34315 3 6 4.34315 6 6C6 7.65685 7.34315 9 9 9Z\" fill=\"white\"/>%0D%0A</svg>%0D%0A')}.ui-icon-navigation-map.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9 18C9 18 15 10.7027 15 5.83784C15 2.35227 12.3137 0 9 0C5.68629 0 3 2.35227 3 5.83784C3 10.7027 9 18 9 18ZM9 9C10.6569 9 12 7.65685 12 6C12 4.34315 10.6569 3 9 3C7.34315 3 6 4.34315 6 6C6 7.65685 7.34315 9 9 9Z\" fill=\"white\"/>%0D%0A</g>%0D%0A</svg>%0D%0A')}.ui-icon-fullscreen{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M1 7.02246H3V5.02246L2.5 3.52246L5.36396 6.80073L6.77817 5.38652L3.5 2.52246L5 3.02246H7V1.02246H1V7.02246Z\" fill=\"white\"/>%0D%0A<path d=\"M1 11.0225H3V13.0225L2.5 14.5225L5.36396 11.2442L6.77817 12.6584L3.5 15.5225L5 15.0225H7V17.0225H1V11.0225Z\" fill=\"white\"/>%0D%0A<path d=\"M17 7.02246H15V5.02246L15.5 3.52246L12.636 6.80073L11.2218 5.38652L14.5 2.52246L13 3.02246H11V1.02246H17V7.02246Z\" fill=\"white\"/>%0D%0A<path d=\"M17 11.0225H15V13.0225L15.5 14.5225L12.636 11.2442L11.2218 12.6584L14.5 15.5225L13 15.0225H11V17.0225H17V11.0225Z\" fill=\"white\"/>%0D%0A</svg>%0D%0A')}.ui-icon-fullscreen.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\">%0D%0A<path d=\"M1 7.02246H3V5.02246L2.5 3.52246L5.36396 6.80073L6.77817 5.38652L3.5 2.52246L5 3.02246H7V1.02246H1V7.02246Z\" fill=\"white\"/>%0D%0A<path d=\"M1 11.0225H3V13.0225L2.5 14.5225L5.36396 11.2442L6.77817 12.6584L3.5 15.5225L5 15.0225H7V17.0225H1V11.0225Z\" fill=\"white\"/>%0D%0A<path d=\"M17 7.02246H15V5.02246L15.5 3.52246L12.636 6.80073L11.2218 5.38652L14.5 2.52246L13 3.02246H11V1.02246H17V7.02246Z\" fill=\"white\"/>%0D%0A<path d=\"M17 11.0225H15V13.0225L15.5 14.5225L12.636 11.2442L11.2218 12.6584L14.5 15.5225L13 15.0225H11V17.0225H17V11.0225Z\" fill=\"white\"/>%0D%0A</g>%0D%0A</svg>%0D%0A')}.ui-icon-project-navigator{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g clip-path=\"url(%23clip0_201_1486)\">%0D%0A<path d=\"M0 18H6V13H0V18ZM12 13V18H18V13H12ZM12 0H6V5H12V0ZM4 10H14V12H16V8H10V6H8V8H2V12H4V10Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1486\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-project-navigator.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\" clip-path=\"url(%23clip0_201_1511)\">%0D%0A<path d=\"M0 18H6V13H0V18ZM12 13V18H18V13H12ZM12 0H6V5H12V0ZM4 10H14V12H16V8H10V6H8V8H2V12H4V10Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1511\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-obj-reset{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g clip-path=\"url(%23clip0_201_1484)\">%0D%0A<path d=\"M8.89796 16.9495C10.6981 16.7461 12.3759 15.9378 13.6569 14.6569L12.2505 13.2505C11.288 14.213 10.0273 14.8204 8.67472 14.9732C7.32212 15.126 5.95772 14.8152 4.80475 14.0916C3.65178 13.368 2.77852 12.2746 2.32786 10.9902C1.8772 9.70574 1.87582 8.30638 2.32394 7.02106C2.77207 5.73574 3.64316 4.64057 4.7947 3.91474C5.94624 3.18892 7.31003 2.87541 8.66292 3.02553C10.0158 3.17565 11.2777 3.78049 12.2421 4.7411C12.8851 5.38157 13.3705 6.15489 13.6687 7H11.5L15 11L18 7H15.746C15.3891 5.61766 14.6667 4.34898 13.6457 3.332C12.3622 2.05356 10.6828 1.24859 8.88226 1.04881C7.08174 0.849026 5.26673 1.26626 3.73419 2.23223C2.20166 3.1982 1.04235 4.65572 0.445956 6.3663C-0.150436 8.07688 -0.148597 9.93924 0.451173 11.6486C1.05094 13.358 2.21313 14.8133 3.74757 15.7762C5.28201 16.7392 7.09784 17.1528 8.89796 16.9495Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1484\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-obj-reset.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\" clip-path=\"url(%23clip0_201_1509)\">%0D%0A<path d=\"M8.89796 16.9495C10.6981 16.7461 12.3759 15.9378 13.6569 14.6569L12.2505 13.2505C11.288 14.213 10.0273 14.8204 8.67472 14.9732C7.32212 15.126 5.95772 14.8152 4.80475 14.0916C3.65178 13.368 2.77852 12.2746 2.32786 10.9902C1.8772 9.70574 1.87582 8.30638 2.32394 7.02106C2.77207 5.73574 3.64316 4.64057 4.7947 3.91474C5.94624 3.18892 7.31003 2.87541 8.66292 3.02553C10.0158 3.17565 11.2777 3.78049 12.2421 4.7411C12.8851 5.38157 13.3705 6.15489 13.6687 7H11.5L15 11L18 7H15.746C15.3891 5.61766 14.6667 4.34898 13.6457 3.332C12.3622 2.05356 10.6828 1.24859 8.88226 1.04881C7.08174 0.849026 5.26673 1.26626 3.73419 2.23223C2.20166 3.1982 1.04235 4.65572 0.445956 6.3663C-0.150436 8.07688 -0.148597 9.93924 0.451173 11.6486C1.05094 13.358 2.21313 14.8133 3.74757 15.7762C5.28201 16.7392 7.09784 17.1528 8.89796 16.9495Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1509\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-reset-vp{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 4H11V14H0V4ZM2 6H9V12H2V6Z\" fill=\"white\"/>%0D%0A<path d=\"M13 9L18 4V14L13 9Z\" fill=\"white\"/>%0D%0A</svg>%0D%0A')}.ui-icon-reset-vp.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 4H11V14H0V4ZM2 6H9V12H2V6Z\" fill=\"white\"/>%0D%0A<path d=\"M13 9L18 4V14L13 9Z\" fill=\"white\"/>%0D%0A</g>%0D%0A</svg>%0D%0A')}.ui-icon-front-view{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 3L3 12L7 16L16 16L16 7L12 3L3 3ZM4 11.5L6.5 14L6.5 7.5L4 5L4 11.5ZM14.5 8L8 8L8 14.5L14.5 14.5L14.5 8ZM7.5 6.5L14 6.5L11.5 4L5 4L7.5 6.5Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M15 8V11.1111V15H11.1111H8V8H15Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}.ui-icon-front-view:hover{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 3L3 12L7 16L16 16L16 7L12 3L3 3ZM4 11.5L6.5 14L6.5 7.5L4 5L4 11.5ZM14.5 8L8 8L8 14.5L14.5 14.5L14.5 8ZM7.5 6.5L14 6.5L11.5 4L5 4L7.5 6.5Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M15 8V11.1111V15H11.1111H8V8H15Z\" fill=\"%23FE5000\"/>%0D%0A</svg>%0D%0A')}.ui-icon-perspective-view{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.52164 2.02502L17 3.12038V11.4679L10.047 17.2622L2 11.5141V3.15828L8.52164 2.02502ZM8.52164 3.43201L5.48519 3.9986L9.97726 5.13177L13.0033 3.9986L8.52164 3.43201ZM15.335 4.95299L11 6.72026V14.0564L15.335 10.754V4.95299ZM9 14.0564V6.7538L3.52394 4.95299V10.754L9 14.0564Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}.ui-icon-perspective-view:hover{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.52164 2.02502L17 3.12038V11.4679L10.047 17.2622L2 11.5141V3.15828L8.52164 2.02502ZM8.52164 3.43201L5.48519 3.9986L9.97726 5.13177L13.0033 3.9986L8.52164 3.43201ZM15.335 4.95299L11 6.72026V14.0564L15.335 10.754V4.95299ZM9 14.0564V6.7538L3.52394 4.95299V10.754L9 14.0564Z\" fill=\"%23FE5000\"/>%0D%0A</svg>%0D%0A')}.ui-icon-side-view{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 3L12 3L16 7L16 16L7 16L3 12L3 3ZM11.5 4L14 6.5L7.5 6.5L5 4L11.5 4ZM8 14.5L8 8L14.5 8L14.5 14.5L8 14.5ZM6.5 7.5L6.5 14L4 11.5L4 5L6.5 7.5Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M7 7.5L3.5 4.5L3.5 12L6.5 14.5L7 7.5Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}.ui-icon-side-view:hover{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 3L12 3L16 7L16 16L7 16L3 12L3 3ZM11.5 4L14 6.5L7.5 6.5L5 4L11.5 4ZM8 14.5L8 8L14.5 8L14.5 14.5L8 14.5ZM6.5 7.5L6.5 14L4 11.5L4 5L6.5 7.5Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M7 7.5L3.5 4.5L3.5 12L6.5 14.5L7 7.5Z\" fill=\"%23FE5000\"/>%0D%0A</svg>%0D%0A')}.ui-icon-top-view{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 3L3 12L7 16L16 16L16 7L12 3L3 3ZM4 11.5L6.5 14L6.5 7.5L4 5L4 11.5ZM14.5 8L8 8L8 14.5L14.5 14.5L14.5 8ZM7.5 6.5L14 6.5L11.5 4L5 4L7.5 6.5Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M6.75 7L3.5 3.5H12L15 7H6.75Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}.ui-icon-top-view:hover{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 3L3 12L7 16L16 16L16 7L12 3L3 3ZM4 11.5L6.5 14L6.5 7.5L4 5L4 11.5ZM14.5 8L8 8L8 14.5L14.5 14.5L14.5 8ZM7.5 6.5L14 6.5L11.5 4L5 4L7.5 6.5Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M6.75 7L3.5 3.5H12L15 7H6.75Z\" fill=\"%23FE5000\"/>%0D%0A</svg>%0D%0A')}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ToolHubItemComponent, selector: "lib-tool-hub-item", inputs: ["item", "active", "isEnabled"] }, { kind: "component", type: ToolHubSubItemComponent, selector: "lib-tool-hub-sub-item", inputs: ["item", "active", "isEnabled"] }, { kind: "directive", type: DraggableDirective, selector: "[libDraggable]", outputs: ["dragging", "clicked"] }], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
|
|
1436
|
-
}
|
|
1437
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: BimplusToolHubComponent, decorators: [{
|
|
1438
|
-
type: Component,
|
|
1439
|
-
args: [{ selector: 'lib-bimplus-tool-hub', standalone: true, imports: [CommonModule, ToolHubItemComponent, ToolHubSubItemComponent, DraggableDirective], encapsulation: ViewEncapsulation.ShadowDom, template: " <div class=\"center-menu\">\r\n <div class=\"center-menu-fp\" id=\"center-menu-fp-id\" [ngClass]=\"activeSubItems ? 'submenu-active' : ''\">\r\n <div libDraggable id=\"center-menu-controller\" class=\"center-menu-controller dragger\" data-test=\"toolhub_controller\" [ngClass]=\"{\r\n 'opened': isOpened,\r\n 'active': isActive\r\n }\" \r\n [title]=\"title\"\r\n (clicked)=\"toggleMenu()\"\r\n (dragging)=\"dragElement($event)\"\r\n >\r\n </div>\r\n <div class=\"center-menu-circle-border-inner\" [ngClass]=\"!isOpened ? 'hidden' : ''\"></div>\r\n <div class=\"center-menu-circle-border-outer\" [ngClass]=\"!isOpened ? 'hidden' : ''\" (mouseleave)=\"setHoveredState('menuCircleBorderOuter', false)\" (mouseenter)=\"setHoveredState('menuCircleBorderOuter', true)\"></div>\r\n <div libDraggable class=\"center-menu-circle\" [ngClass]=\"!isOpened ? 'hidden' : ''\" (mouseleave)=\"setHoveredState('menuCircle', false)\" (mouseenter)=\"setHoveredState('menuCircle', true)\" (dragging)=\"dragElement($event)\">\r\n \r\n <lib-tool-hub-item libDraggable *ngFor=\"let item of items\"\r\n [attr.data-test]=\"'toolhub_item_' + item.buttonId\"\r\n [item]=\"item\"\r\n [active] = \"item.active\"\r\n [isEnabled]=\"!item.disabled\"\r\n (clicked) = \"clickToolHubItem(item.buttonId)\"\r\n ></lib-tool-hub-item>\r\n\r\n <svg class=\"centermenu-button-svg\" [attr.viewBox]=\"getSVGViewBox()\" fill=\"none\">\r\n <clipPath id=\"svgCenterMenu\" clipPathUnits=\"objectBoundingBox\">\r\n <path [attr.d]=\"getSVGCenterMenuPath()\" fill=\"white\"/>\r\n </clipPath>\r\n <clipPath id=\"svgCenterMenuItem\" clipPathUnits=\"objectBoundingBox\">\r\n <path [attr.d]=\"getSVGCenterMenuItemPath()\" fill=\"white\"/>\r\n </clipPath>\r\n <clipPath id=\"svgCenterSubMenuItem\" clipPathUnits=\"objectBoundingBox\">\r\n <path [attr.d]=\"getSVGCenterSubMenuItemPath()\" fill=\"white\"/>\r\n </clipPath>\r\n <clipPath id=\"svgCenterMenuSubMenu\" clipPathUnits=\"objectBoundingBox\">\r\n <path [attr.d]=\"annularSector\" fill=\"none\" />\r\n </clipPath>\r\n <clipPath id=\"svgCenterMenuSubMenuBorder\" clipPathUnits=\"objectBoundingBox\">\r\n <path [attr.d]=\"annularSectorBorder\" fill=\"none\" />\r\n </clipPath>\r\n <clipPath id=\"svgCenterMenuSubMenuDeadZone\" clipPathUnits=\"objectBoundingBox\">\r\n <path [attr.d]=\"deadZoneAnnularSector\" fill=\"none\" />\r\n </clipPath>\r\n </svg>\r\n </div>\r\n \r\n @if (activeSubItems) {\r\n <div class=\"center-menu-sub-menu-border\" [ngClass]=\"!isOpened ? 'hidden' : ''\" (mouseleave)=\"setHoveredState('submenuBorder', false)\" (mouseenter)=\"setHoveredState('submenuBorder', true)\"></div>\r\n <div class=\"center-menu-sub-menu\" [ngClass]=\"!isOpened ? 'hidden' : ''\" (mouseleave)=\"setHoveredState('submenu', false)\" (mouseenter)=\"setHoveredState('submenu', true)\">\r\n <lib-tool-hub-sub-item *ngFor=\"let item of activeSubItems\"\r\n [attr.data-test]=\"'toolhub_subitem_' + item.buttonId\"\r\n [item]=\"item\"\r\n (click) = \"clickToolHubSubItem(item.buttonId)\"\r\n ></lib-tool-hub-sub-item>\r\n </div>\r\n <div class=\"center-menu-sub-menu-dead-zone\" [ngClass]=\"!isOpened ? 'hidden' : ''\" (mouseleave)=\"setHoveredState('deadZone', false)\" (mouseenter)=\"setHoveredState('deadZone', true)\"></div>\r\n }\r\n\r\n </div>\r\n</div>", styles: [".flexbox{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.text-selected{color:#fe5000}.ui-icon22px{width:2.2rem;height:2.2rem;display:inline-block;float:right;border-radius:.4rem;background-position:center center;background-repeat:no-repeat;cursor:pointer}.ui-icon-sidemenu{width:2.4rem;height:2.4rem;background-size:1.8rem 1.8rem;background-position:center center;background-repeat:no-repeat}.touch-ui-icon-sidemenu{width:2.4rem;height:2.4rem;background-size:1.8rem 1.8rem;background-position:center center;background-repeat:no-repeat;width:3.2rem;height:3.2rem}.ui-icon-sidemenu-important{width:2.4rem!important;height:2.4rem!important;background-size:1.8rem 1.8rem!important;background-position:center center;background-repeat:no-repeat}.shadow{box-shadow:.3rem .3rem .7rem #0000004d}.is-touch .center-menu .submenu-container{-webkit-box-justify-content:flex-end;-moz-box-justify-content:flex-end;-webkit-justify-content:flex-end;-ms-justify-content:flex-end;justify-content:flex-end}.is-touch #cmb-view-submenu{display:none;top:19rem}.is-touch #cmb-view-submenu .bim-ui-popupwin-tick-down{display:none}@media (max-width: 75.8rem){.touch-center-menu-left-position{left:-29rem}}@media (min-width: 76.8rem) and (max-width: 98.2rem){.touch-center-menu-left-position{left:-29rem}}@media (min-width: 99.2rem) and (max-width: 119rem){.touch-center-menu-left-position{left:-35rem}}@media (min-width: 120rem) and (max-width: 159rem){.touch-center-menu-left-position{left:-35rem}}@media (min-width: 160rem){.touch-center-menu-left-position{left:-35rem}}#center-menu-fp-id{background-color:transparent;pointer-events:none;min-width:20.5rem;min-height:20.5rem;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr;z-index:3;position:relative}#center-menu-fp-id.embedded{min-width:16.5rem;min-height:16.5rem}.center-menu{position:absolute;height:100%;width:100%;bottom:22.1rem;pointer-events:none}.center-menu>*{pointer-events:all}.center-menu .hidden{display:none!important}.center-menu .center-menu-fp.submenu-active{width:27rem}.center-menu .center-menu-controller{cursor:pointer;pointer-events:all;position:absolute;width:4.9rem;height:4.9rem;left:7.8rem;top:7.9rem;border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:2.7rem 2.7rem;background-color:#fff;background-image:url('data:image/svg+xml,<svg width=\"27\" height=\"27\" viewBox=\"0 0 27 27\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M23.5 12.5L22 14L21 13V21H6V13L5 14L3.5 12.5L13.4998 2.5L23.5 12.5ZM13.5 5.5L19 11V19H17V14H10V19H8V11L13.5 5.5ZM15 16V19H12V16H15Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A');border:1px solid #8D8D8D}.center-menu .center-menu-controller.opened{background-image:url('data:image/svg+xml,<svg width=\"27\" height=\"28\" viewBox=\"0 0 27 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g clip-path=\"url(%23clip0_519_386)\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22.5 13.0223L21 14.5223L20 13.5223V20.0223H7V13.5223L6 14.5223L4.5 13.0223L13.4998 4.02234L22.5 13.0223ZM13.5 7.02234L18 11.5223V18.0223H16V14.0223H11V18.0223H9V11.5223L13.5 7.02234ZM14 16.0223V18.0223H13V16.0223H14Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M5 0.0223389L0 5.02234H5V0.0223389Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M5 27.0223L0 22.0223H5V27.0223Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M27 5.02234L22 0.0223389V5.02234H27Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M22 27.0223L27 22.0223H22V27.0223Z\" fill=\"%23444444\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_519_386\">%0D%0A<rect width=\"27\" height=\"27\" fill=\"white\" transform=\"matrix(-1 0 0 1 27 0.0223389)\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A');transition:width .5s ease-in-out,height .5s ease-in-out}.center-menu .center-menu-controller:not(.opened).active{background-color:#fe5000;background-image:url('data:image/svg+xml,<svg width=\"27\" height=\"27\" viewBox=\"0 0 27 27\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M23.5 12.5L22 14L21 13V21H6V13L5 14L3.5 12.5L13.4998 2.5L23.5 12.5ZM13.5 5.5L19 11V19H17V14H10V19H8V11L13.5 5.5ZM15 16V19H12V16H15Z\" fill=\"white\"/>%0D%0A</svg>%0D%0A');border-color:transparent}.center-menu .center-menu-sub-menu-dead-zone{position:absolute;top:-7rem;left:-7rem;width:55rem;height:55rem;margin:auto;vertical-align:bottom;text-align:center;white-space:nowrap;background-color:#fff0;pointer-events:all;-webkit-clip-path:url(#svgCenterMenuSubMenuDeadZone);clip-path:url(#svgCenterMenuSubMenuDeadZone);font-size:0;z-index:-1}.center-menu .center-menu-sub-menu-border{position:absolute;top:-7rem;left:-7rem;width:35rem;height:35rem;margin:auto;vertical-align:bottom;text-align:center;white-space:nowrap;background-color:#c3c3c3;opacity:.9;pointer-events:all;-webkit-clip-path:url(#svgCenterMenuSubMenuBorder);clip-path:url(#svgCenterMenuSubMenuBorder);font-size:0}.center-menu .center-menu-sub-menu{position:absolute;top:-7rem;left:-7rem;width:35rem;height:35rem;margin:auto;vertical-align:bottom;text-align:center;white-space:nowrap;background-color:#ffffffe6;pointer-events:all;overflow:hidden;-webkit-clip-path:url(#svgCenterMenuSubMenu);clip-path:url(#svgCenterMenuSubMenu);font-size:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.center-menu .center-menu-sub-menu .centermenu-button{width:35rem;height:35rem;left:auto;right:0}.center-menu .center-menu-sub-menu .centermenu-button .centermenu-button-text{display:none}.center-menu .center-menu-sub-menu .centermenu-button .centermenu-button-icon{width:2rem;height:3rem;background-size:1.8rem 1.8rem}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(1){transform:rotate(62.5deg) translate(-1rem,3.8rem)}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(1) .centermenu-button-icon{transform:rotate(-50deg) translate(-1rem,4rem)}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(2){transform:rotate(82.5deg) translate(-1rem,3.8rem)}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(2) .centermenu-button-icon{transform:rotate(-60deg) translate(-1rem,4rem)}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(3){transform:rotate(102.5deg) translate(-1rem,4rem)}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(3) .centermenu-button-icon{transform:rotate(-70deg) translate(-.8rem,4rem)}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(4){transform:rotate(122.5deg) translate(-.7rem,3.8rem)}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(4) .centermenu-button-icon{transform:rotate(-80deg) translate(-1rem,4rem)}.center-menu .center-menu-sub-menu .center-sub-menu-button{position:absolute;width:35rem;height:35rem;overflow:hidden;top:0;left:0;margin:0;padding:0;-webkit-clip-path:url(#svgCenterSubMenuItem);clip-path:url(#svgCenterSubMenuItem);font-size:0;background-position:center top}.center-menu .center-menu-sub-menu .center-sub-menu-button.active:not(.disabled){background-color:#fe5000}.center-menu .center-menu-sub-menu .center-sub-menu-button .center-sub-menu-button-icon{width:2rem;height:2rem;display:inline-block;margin:0;padding:0;background-position:center;background-repeat:no-repeat;background-size:2rem 2rem;cursor:pointer}.center-menu .center-menu-circle-border-outer,.center-menu .center-menu-circle-border-inner{position:absolute;margin:auto;vertical-align:bottom;text-align:center;white-space:nowrap;background-color:#8d8d8d80;opacity:.9;pointer-events:all;-webkit-clip-path:url(#svgCenterMenu);clip-path:url(#svgCenterMenu);font-size:0}.center-menu .center-menu-circle-border-outer{width:20.5rem;height:20.5rem;transform:translate(0) scale(1.01)}.center-menu .center-menu-circle-border-inner{width:20.5rem;height:20.5rem;transform:scale(.97)}.center-menu .center-menu-circle{width:20.5rem;height:20.5rem;margin:auto;vertical-align:bottom;text-align:center;white-space:nowrap;background-color:#444444e6;pointer-events:all;-webkit-clip-path:url(#svgCenterMenu);clip-path:url(#svgCenterMenu);font-size:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.center-menu .center-menu-circle .centermenu-button-text{display:none}.center-menu .center-menu-circle .bim-ui-popupwin-content{box-shadow:.3rem .3rem .7rem #0000004d}.center-menu .center-menu-circle .bim-ui-popupwin-content .section-menu-item,.center-menu .center-menu-circle .bim-ui-popupwin-content .annotation-menu-item{text-align:center}.center-menu .center-menu-circle .bim-ui-popupwin-item{min-width:7.125em}.center-menu .center-menu-circle .submenu-container{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-justify-content:center;-moz-box-justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center}.center-menu .center-menu-circle .centermenu-button:nth-child(1){transform:rotate(calc(90deg + 1 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(1) .centermenu-button-icon{transform:rotate(calc(-90deg - 1 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(2){transform:rotate(calc(90deg + 2 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(2) .centermenu-button-icon{transform:rotate(calc(-90deg - 2 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(3){transform:rotate(calc(90deg + 3 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(3) .centermenu-button-icon{transform:rotate(calc(-90deg - 3 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(4){transform:rotate(calc(90deg + 4 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(4) .centermenu-button-icon{transform:rotate(calc(-90deg - 4 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(5){transform:rotate(calc(90deg + 5 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(5) .centermenu-button-icon{transform:rotate(calc(-90deg - 5 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(6){transform:rotate(calc(90deg + 6 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(6) .centermenu-button-icon{transform:rotate(calc(-90deg - 6 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(7){transform:rotate(calc(90deg + 7 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(7) .centermenu-button-icon{transform:rotate(calc(-90deg - 7 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(8){transform:rotate(calc(90deg + 8 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(8) .centermenu-button-icon{transform:rotate(calc(-90deg - 8 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(9){transform:rotate(calc(90deg + 9 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(9) .centermenu-button-icon{transform:rotate(calc(-90deg - 9 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(10){transform:rotate(calc(90deg + 10 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(10) .centermenu-button-icon{transform:rotate(calc(-90deg - 10 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(11){transform:rotate(calc(90deg + 11 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(11) .centermenu-button-icon{transform:rotate(calc(-90deg - 11 * 360deg / var(--menu-items)))}.center-menu .centermenu-button{position:absolute;width:20.5rem;height:20.5rem;top:0;left:0;margin:0;padding:0;-webkit-clip-path:url(#svgCenterMenuItem);clip-path:url(#svgCenterMenuItem);font-size:0;overflow:hidden;background-position:center top}.center-menu .centermenu-button.active:not(.disabled){background-color:#fe5000}.center-menu .centermenu-button .centermenu-button-icon{width:5.8rem;height:5.8rem;margin:-.6rem;display:inline-block;padding:0;background-position:center;background-repeat:no-repeat;background-size:1.8rem 1.8rem}.center-sub-menu-button:nth-child(1){transform:rotate(65deg);left:auto;right:0}.center-sub-menu-button:nth-child(1) .center-sub-menu-button-icon{transform:rotate(-65deg)}.center-sub-menu-button:nth-child(2){transform:rotate(80deg);left:auto;right:0}.center-sub-menu-button:nth-child(2) .center-sub-menu-button-icon{transform:rotate(-85deg)}.center-sub-menu-button:nth-child(3){transform:rotate(95deg);left:auto;right:0}.center-sub-menu-button:nth-child(3) .center-sub-menu-button-icon{transform:rotate(-105deg)}.center-sub-menu-button:nth-child(4){transform:rotate(110deg);left:auto;right:0}.center-sub-menu-button:nth-child(4) .center-sub-menu-button-icon{transform:rotate(-125deg)}@-webkit-keyframes highlight{0%{background-color:#d84500}to{background-color:#d84500}}@keyframes highlight{0%{background-color:#d84500}to{background-color:#d84500}}.center-menu .center-menu-fp.is-dragging .center-menu-controller,.center-menu .center-menu-fp.is-dragging .centermenu-button{cursor:move}.center-menu .center-menu-fp.is-dragging .center-menu-sub-menu .centermenu-button{cursor:auto}.center-menu .center-menu-fp.is-dragging .center-menu-sub-menu .centermenu-button .centermenu-button-icon{cursor:pointer}.center-menu .center-menu-fp:not(.is-dragging) .center-menu-controller,.center-menu .center-menu-fp:not(.is-dragging) .centermenu-button{cursor:pointer}.center-menu .center-menu-fp:not(.is-dragging) .center-menu-sub-menu .centermenu-button{cursor:auto}.center-menu .center-menu-fp:not(.is-dragging) .center-menu-sub-menu .centermenu-button .centermenu-button-icon{cursor:pointer}.center-menu .center-menu-fp:not(.is-dragging) div:not(.center-menu-sub-menu) .centermenu-button:not(.active):hover{background-color:#8d8d8d}.center-menu .center-menu-fp:not(.is-dragging) div:not(.center-menu-sub-menu) .centermenu-button.pulse:not(.disabled){-webkit-animation:highlight .25s linear;animation:highlight .25s linear}#cmb-view-submenu{display:none;text-align:left;position:absolute;bottom:7.4rem;width:35rem;left:25.5rem}.bim-bottom-submenu{display:none;text-align:left;position:absolute}.center-menu{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.center-menu .embedded .center-menu-circle{width:16.5rem;height:16.5rem}.center-menu .embedded .center-menu-controller{left:5.8rem;top:5.8rem}.center-menu .embedded .centermenu-button,.center-menu .embedded .center-menu-circle-border-outer,.center-menu .embedded .center-menu-circle-border-inner{width:16.5rem;height:16.5rem}.center-menu .embedded .center-menu-sub-menu{width:30rem;height:31rem}.center-menu .embedded .center-menu-sub-menu .centermenu-button{width:30rem;height:30rem}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(1){transform:rotate(64.5deg) translate(-1rem,3rem)}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(1) .centermenu-button-icon{transform:rotate(-50deg) translate(-1rem,4rem)}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(2){transform:rotate(84.5deg) translate(-1rem,3.1rem)}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(2) .centermenu-button-icon{transform:rotate(-60deg) translate(-1rem,4rem)}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(3){transform:rotate(105.5deg) translate(-1rem,3rem)}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(3) .centermenu-button-icon{transform:rotate(-70deg) translate(-.8rem,4rem)}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(4){transform:rotate(124.5deg) translate(-.7rem,2.7rem)}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(4) .centermenu-button-icon{transform:rotate(-80deg) translate(-1rem,4rem)}.center-menu .embedded .center-menu-sub-menu-border{width:30rem;height:31rem}.ui-icon-create-task{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g clip-path=\"url(%23clip0_201_1470)\">%0D%0A<path d=\"M2 16V3H4V4H11V3H13V9H15V1H10V0H5V1H0V18H12V16H2Z\" fill=\"white\"/>%0D%0A<path d=\"M4.40002 8.59998L3 10L5.90002 12.9L12 6.90002L10.5 5.5L5.90002 10.1L4.40002 8.59998Z\" fill=\"white\"/>%0D%0A<path d=\"M15 10V13H18V15H15V18H13V15H10V13H13V10H15Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1470\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-create-task.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\" clip-path=\"url(%23clip0_201_1495)\">%0D%0A<path d=\"M2 16V3H4V4H11V3H13V9H15V1H10V0H5V1H0V18H12V16H2Z\" fill=\"white\"/>%0D%0A<path d=\"M4.40002 8.59998L3 10L5.90002 12.9L12 6.90002L10.5 5.5L5.90002 10.1L4.40002 8.59998Z\" fill=\"white\"/>%0D%0A<path d=\"M15 10V13H18V15H15V18H13V15H10V13H13V10H15Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1495\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-quantity-take-off{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M1.99976 2V4L7.50244 9.50267L1.99512 15.01L1.99976 15.0146V17.01H15.9998V13.01L13.9998 13V15.01H4.82349L10.3353 9.50717L10.3308 9.50267L10.3326 9.50085L4.82812 4H13.9998V6H15.9998V2H1.99976Z\" fill=\"white\"/>%0D%0A</svg>%0D%0A')}.ui-icon-quantity-take-off.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\">%0D%0A<path d=\"M1.99976 2V4L7.50244 9.50267L1.99512 15.01L1.99976 15.0146V17.01H15.9998V13.01L13.9998 13V15.01H4.82349L10.3353 9.50717L10.3308 9.50267L10.3326 9.50085L4.82812 4H13.9998V6H15.9998V2H1.99976Z\" fill=\"white\"/>%0D%0A</g>%0D%0A</svg>%0D%0A')}.ui-icon-markup{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g clip-path=\"url(%23clip0_201_1472)\">%0D%0A<path d=\"M14.021 2L11.8996 0L0 12V14H2L14.021 2Z\" fill=\"white\"/>%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 18L5 15L5.8388 15.8387L6.849 14.8285L6.0103 13.9897L8 12L8.8388 12.8388L9.8388 11.8388L9 11L11 9L11.8389 9.8389L12.8389 8.8389L12 8L14 6L14.8388 6.8388L15.8388 5.8388L15 5L18 2V18H2ZM9.0712 15L15 9.0709V15H9.0712Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1472\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-markup.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\" clip-path=\"url(%23clip0_201_1497)\">%0D%0A<path d=\"M14.021 2L11.8996 0L0 12V14H2L14.021 2Z\" fill=\"white\"/>%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 18L5 15L5.8388 15.8387L6.849 14.8285L6.0103 13.9897L8 12L8.8388 12.8388L9.8388 11.8388L9 11L11 9L11.8389 9.8389L12.8389 8.8389L12 8L14 6L14.8388 6.8388L15.8388 5.8388L15 5L18 2V18H2ZM9.0712 15L15 9.0709V15H9.0712Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1497\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-section{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M1 1V2.80005L6.29999 8.10004L8.10004 6.30005L3 1H1ZM14.4 16.2C13.4 16.2 12.6 15.4 12.6 14.4C12.6 13.4 13.4 12.6 14.4 12.6C15.4 12.6 16.2 13.4 16.2 14.4C16.2 15.4 15.4 16.2 14.4 16.2ZM14.4 5.40002C13.4 5.40002 12.6 4.60004 12.6 3.60004C12.6 2.60004 13.4 1.80005 14.4 1.80005C15.4 1.80005 16.2 2.60004 16.2 3.60004C16.2 4.60004 15.4 5.40002 14.4 5.40002ZM1 15.2V17H3L9 10.8L11.1 12.9C10.9 13.4 10.8 13.9 10.8 14.4C10.8 16.4 12.4 18 14.4 18C16.4 18 18 16.4 18 14.4C18 12.4 16.4 10.8 14.4 10.8C13.8 10.8 13.3 10.9 12.9 11.1L10.8 9L12.9 6.90002C13.4 7.10002 13.9 7.20001 14.4 7.20001C16.4 7.20001 18 5.60004 18 3.60004C18 1.60004 16.4 0 14.4 0C12.4 0 10.8 1.60004 10.8 3.60004C10.8 4.20004 10.9 4.70004 11.1 5.10004L1 15.2Z\" fill=\"white\"/>%0D%0A</svg>%0D%0A')}.ui-icon-section.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\">%0D%0A<path d=\"M1 1V2.80005L6.29999 8.10004L8.10004 6.30005L3 1H1ZM14.4 16.2C13.4 16.2 12.6 15.4 12.6 14.4C12.6 13.4 13.4 12.6 14.4 12.6C15.4 12.6 16.2 13.4 16.2 14.4C16.2 15.4 15.4 16.2 14.4 16.2ZM14.4 5.40002C13.4 5.40002 12.6 4.60004 12.6 3.60004C12.6 2.60004 13.4 1.80005 14.4 1.80005C15.4 1.80005 16.2 2.60004 16.2 3.60004C16.2 4.60004 15.4 5.40002 14.4 5.40002ZM1 15.2V17H3L9 10.8L11.1 12.9C10.9 13.4 10.8 13.9 10.8 14.4C10.8 16.4 12.4 18 14.4 18C16.4 18 18 16.4 18 14.4C18 12.4 16.4 10.8 14.4 10.8C13.8 10.8 13.3 10.9 12.9 11.1L10.8 9L12.9 6.90002C13.4 7.10002 13.9 7.20001 14.4 7.20001C16.4 7.20001 18 5.60004 18 3.60004C18 1.60004 16.4 0 14.4 0C12.4 0 10.8 1.60004 10.8 3.60004C10.8 4.20004 10.9 4.70004 11.1 5.10004L1 15.2Z\" fill=\"white\"/>%0D%0A</g>%0D%0A</svg>%0D%0A')}.ui-icon-obj-transp{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g clip-path=\"url(%23clip0_201_1476)\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.1646 4.1354L13.6441 2.69995L14.9591 3.81644L3.5343 14.9013L2.3014 13.7051L3.20551 12.8279C1.15068 11.2329 0 9.31898 0 9.31898C0 9.31898 3.53431 3.49743 9.04126 3.49743C10.192 3.49743 11.1783 3.73666 12.1646 4.1354ZM4.02744 9.39876C4.02744 10.1962 4.27403 10.914 4.60281 11.552L6.1645 10.0367C6.0823 9.87724 6.08227 9.71776 6.08227 9.55827C6.08227 7.88357 7.39738 6.6076 9.12344 6.6076C9.20563 6.6076 9.28782 6.62753 9.37001 6.64746C9.45219 6.66739 9.53438 6.68733 9.61658 6.68733L11.2604 5.09238C10.6029 4.69364 9.8632 4.53413 9.04126 4.53413C6.24669 4.53413 4.02744 6.68735 4.02744 9.39876Z\" fill=\"white\"/>%0D%0A<path d=\"M14.9589 5.81006L13.5616 7.16578C13.8904 7.80376 14.0548 8.60122 14.0548 9.3987C14.0548 12.1101 11.8356 14.2633 9.04101 14.2633C8.21908 14.2633 7.4793 14.1038 6.73956 13.7848L5.83545 14.662C6.82177 15.0608 7.80808 15.3 8.95878 15.3C14.4657 15.3 18 9.47843 18 9.47843C18 9.47843 16.9315 7.40501 14.9589 5.81006Z\" fill=\"white\"/>%0D%0A<path d=\"M12.0001 8.60132L8.21924 12.2697C8.46582 12.3494 8.79457 12.4292 9.12334 12.4292C10.8494 12.4292 12.1645 11.1532 12.1645 9.47852C12.1645 9.15953 12.0823 8.84056 12.0001 8.60132Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1476\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-obj-transp.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\" clip-path=\"url(%23clip0_201_1501)\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.1646 4.1354L13.6441 2.69995L14.9591 3.81644L3.5343 14.9013L2.3014 13.7051L3.20551 12.8279C1.15068 11.2329 0 9.31898 0 9.31898C0 9.31898 3.53431 3.49743 9.04126 3.49743C10.192 3.49743 11.1783 3.73666 12.1646 4.1354ZM4.02744 9.39876C4.02744 10.1962 4.27403 10.914 4.60281 11.552L6.1645 10.0367C6.0823 9.87724 6.08227 9.71776 6.08227 9.55827C6.08227 7.88357 7.39738 6.6076 9.12344 6.6076C9.20563 6.6076 9.28782 6.62753 9.37001 6.64746C9.45219 6.66739 9.53438 6.68733 9.61658 6.68733L11.2604 5.09238C10.6029 4.69364 9.8632 4.53413 9.04126 4.53413C6.24669 4.53413 4.02744 6.68735 4.02744 9.39876Z\" fill=\"white\"/>%0D%0A<path d=\"M14.9589 5.81006L13.5616 7.16578C13.8904 7.80376 14.0548 8.60122 14.0548 9.3987C14.0548 12.1101 11.8356 14.2633 9.04101 14.2633C8.21908 14.2633 7.4793 14.1038 6.73956 13.7848L5.83545 14.662C6.82177 15.0608 7.80808 15.3 8.95878 15.3C14.4657 15.3 18 9.47843 18 9.47843C18 9.47843 16.9315 7.40501 14.9589 5.81006Z\" fill=\"white\"/>%0D%0A<path d=\"M12.0001 8.60132L8.21924 12.2697C8.46582 12.3494 8.79457 12.4292 9.12334 12.4292C10.8494 12.4292 12.1645 11.1532 12.1645 9.47852C12.1645 9.15953 12.0823 8.84056 12.0001 8.60132Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1501\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-obj-select{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g clip-path=\"url(%23clip0_201_1478)\">%0D%0A<path d=\"M9 14.4L3.6 11.7L0 13.5L9 18L18 13.5L14.4 11.7L9 14.4Z\" fill=\"white\" fill-opacity=\"0.7\"/>%0D%0A<path d=\"M9 9.89995L3.6 7.19995L0 8.99995L9 13.5L18 8.99995L14.4 7.19995L9 9.89995Z\" fill=\"white\"/>%0D%0A<path d=\"M18 4.5L9 9L0 4.5L9 0L18 4.5Z\" fill=\"white\" fill-opacity=\"0.7\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1478\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-obj-select.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\" clip-path=\"url(%23clip0_201_1503)\">%0D%0A<path d=\"M9 14.4L3.6 11.7L0 13.5L9 18L18 13.5L14.4 11.7L9 14.4Z\" fill=\"white\" fill-opacity=\"0.7\"/>%0D%0A<path d=\"M9 9.89995L3.6 7.19995L0 8.99995L9 13.5L18 8.99995L14.4 7.19995L9 9.89995Z\" fill=\"white\"/>%0D%0A<path d=\"M18 4.5L9 9L0 4.5L9 0L18 4.5Z\" fill=\"white\" fill-opacity=\"0.7\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1503\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-navigation-map{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9 18C9 18 15 10.7027 15 5.83784C15 2.35227 12.3137 0 9 0C5.68629 0 3 2.35227 3 5.83784C3 10.7027 9 18 9 18ZM9 9C10.6569 9 12 7.65685 12 6C12 4.34315 10.6569 3 9 3C7.34315 3 6 4.34315 6 6C6 7.65685 7.34315 9 9 9Z\" fill=\"white\"/>%0D%0A</svg>%0D%0A')}.ui-icon-navigation-map.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9 18C9 18 15 10.7027 15 5.83784C15 2.35227 12.3137 0 9 0C5.68629 0 3 2.35227 3 5.83784C3 10.7027 9 18 9 18ZM9 9C10.6569 9 12 7.65685 12 6C12 4.34315 10.6569 3 9 3C7.34315 3 6 4.34315 6 6C6 7.65685 7.34315 9 9 9Z\" fill=\"white\"/>%0D%0A</g>%0D%0A</svg>%0D%0A')}.ui-icon-fullscreen{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M1 7.02246H3V5.02246L2.5 3.52246L5.36396 6.80073L6.77817 5.38652L3.5 2.52246L5 3.02246H7V1.02246H1V7.02246Z\" fill=\"white\"/>%0D%0A<path d=\"M1 11.0225H3V13.0225L2.5 14.5225L5.36396 11.2442L6.77817 12.6584L3.5 15.5225L5 15.0225H7V17.0225H1V11.0225Z\" fill=\"white\"/>%0D%0A<path d=\"M17 7.02246H15V5.02246L15.5 3.52246L12.636 6.80073L11.2218 5.38652L14.5 2.52246L13 3.02246H11V1.02246H17V7.02246Z\" fill=\"white\"/>%0D%0A<path d=\"M17 11.0225H15V13.0225L15.5 14.5225L12.636 11.2442L11.2218 12.6584L14.5 15.5225L13 15.0225H11V17.0225H17V11.0225Z\" fill=\"white\"/>%0D%0A</svg>%0D%0A')}.ui-icon-fullscreen.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\">%0D%0A<path d=\"M1 7.02246H3V5.02246L2.5 3.52246L5.36396 6.80073L6.77817 5.38652L3.5 2.52246L5 3.02246H7V1.02246H1V7.02246Z\" fill=\"white\"/>%0D%0A<path d=\"M1 11.0225H3V13.0225L2.5 14.5225L5.36396 11.2442L6.77817 12.6584L3.5 15.5225L5 15.0225H7V17.0225H1V11.0225Z\" fill=\"white\"/>%0D%0A<path d=\"M17 7.02246H15V5.02246L15.5 3.52246L12.636 6.80073L11.2218 5.38652L14.5 2.52246L13 3.02246H11V1.02246H17V7.02246Z\" fill=\"white\"/>%0D%0A<path d=\"M17 11.0225H15V13.0225L15.5 14.5225L12.636 11.2442L11.2218 12.6584L14.5 15.5225L13 15.0225H11V17.0225H17V11.0225Z\" fill=\"white\"/>%0D%0A</g>%0D%0A</svg>%0D%0A')}.ui-icon-project-navigator{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g clip-path=\"url(%23clip0_201_1486)\">%0D%0A<path d=\"M0 18H6V13H0V18ZM12 13V18H18V13H12ZM12 0H6V5H12V0ZM4 10H14V12H16V8H10V6H8V8H2V12H4V10Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1486\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-project-navigator.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\" clip-path=\"url(%23clip0_201_1511)\">%0D%0A<path d=\"M0 18H6V13H0V18ZM12 13V18H18V13H12ZM12 0H6V5H12V0ZM4 10H14V12H16V8H10V6H8V8H2V12H4V10Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1511\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-obj-reset{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g clip-path=\"url(%23clip0_201_1484)\">%0D%0A<path d=\"M8.89796 16.9495C10.6981 16.7461 12.3759 15.9378 13.6569 14.6569L12.2505 13.2505C11.288 14.213 10.0273 14.8204 8.67472 14.9732C7.32212 15.126 5.95772 14.8152 4.80475 14.0916C3.65178 13.368 2.77852 12.2746 2.32786 10.9902C1.8772 9.70574 1.87582 8.30638 2.32394 7.02106C2.77207 5.73574 3.64316 4.64057 4.7947 3.91474C5.94624 3.18892 7.31003 2.87541 8.66292 3.02553C10.0158 3.17565 11.2777 3.78049 12.2421 4.7411C12.8851 5.38157 13.3705 6.15489 13.6687 7H11.5L15 11L18 7H15.746C15.3891 5.61766 14.6667 4.34898 13.6457 3.332C12.3622 2.05356 10.6828 1.24859 8.88226 1.04881C7.08174 0.849026 5.26673 1.26626 3.73419 2.23223C2.20166 3.1982 1.04235 4.65572 0.445956 6.3663C-0.150436 8.07688 -0.148597 9.93924 0.451173 11.6486C1.05094 13.358 2.21313 14.8133 3.74757 15.7762C5.28201 16.7392 7.09784 17.1528 8.89796 16.9495Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1484\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-obj-reset.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\" clip-path=\"url(%23clip0_201_1509)\">%0D%0A<path d=\"M8.89796 16.9495C10.6981 16.7461 12.3759 15.9378 13.6569 14.6569L12.2505 13.2505C11.288 14.213 10.0273 14.8204 8.67472 14.9732C7.32212 15.126 5.95772 14.8152 4.80475 14.0916C3.65178 13.368 2.77852 12.2746 2.32786 10.9902C1.8772 9.70574 1.87582 8.30638 2.32394 7.02106C2.77207 5.73574 3.64316 4.64057 4.7947 3.91474C5.94624 3.18892 7.31003 2.87541 8.66292 3.02553C10.0158 3.17565 11.2777 3.78049 12.2421 4.7411C12.8851 5.38157 13.3705 6.15489 13.6687 7H11.5L15 11L18 7H15.746C15.3891 5.61766 14.6667 4.34898 13.6457 3.332C12.3622 2.05356 10.6828 1.24859 8.88226 1.04881C7.08174 0.849026 5.26673 1.26626 3.73419 2.23223C2.20166 3.1982 1.04235 4.65572 0.445956 6.3663C-0.150436 8.07688 -0.148597 9.93924 0.451173 11.6486C1.05094 13.358 2.21313 14.8133 3.74757 15.7762C5.28201 16.7392 7.09784 17.1528 8.89796 16.9495Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1509\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-reset-vp{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 4H11V14H0V4ZM2 6H9V12H2V6Z\" fill=\"white\"/>%0D%0A<path d=\"M13 9L18 4V14L13 9Z\" fill=\"white\"/>%0D%0A</svg>%0D%0A')}.ui-icon-reset-vp.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 4H11V14H0V4ZM2 6H9V12H2V6Z\" fill=\"white\"/>%0D%0A<path d=\"M13 9L18 4V14L13 9Z\" fill=\"white\"/>%0D%0A</g>%0D%0A</svg>%0D%0A')}.ui-icon-front-view{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 3L3 12L7 16L16 16L16 7L12 3L3 3ZM4 11.5L6.5 14L6.5 7.5L4 5L4 11.5ZM14.5 8L8 8L8 14.5L14.5 14.5L14.5 8ZM7.5 6.5L14 6.5L11.5 4L5 4L7.5 6.5Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M15 8V11.1111V15H11.1111H8V8H15Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}.ui-icon-front-view:hover{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 3L3 12L7 16L16 16L16 7L12 3L3 3ZM4 11.5L6.5 14L6.5 7.5L4 5L4 11.5ZM14.5 8L8 8L8 14.5L14.5 14.5L14.5 8ZM7.5 6.5L14 6.5L11.5 4L5 4L7.5 6.5Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M15 8V11.1111V15H11.1111H8V8H15Z\" fill=\"%23FE5000\"/>%0D%0A</svg>%0D%0A')}.ui-icon-perspective-view{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.52164 2.02502L17 3.12038V11.4679L10.047 17.2622L2 11.5141V3.15828L8.52164 2.02502ZM8.52164 3.43201L5.48519 3.9986L9.97726 5.13177L13.0033 3.9986L8.52164 3.43201ZM15.335 4.95299L11 6.72026V14.0564L15.335 10.754V4.95299ZM9 14.0564V6.7538L3.52394 4.95299V10.754L9 14.0564Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}.ui-icon-perspective-view:hover{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.52164 2.02502L17 3.12038V11.4679L10.047 17.2622L2 11.5141V3.15828L8.52164 2.02502ZM8.52164 3.43201L5.48519 3.9986L9.97726 5.13177L13.0033 3.9986L8.52164 3.43201ZM15.335 4.95299L11 6.72026V14.0564L15.335 10.754V4.95299ZM9 14.0564V6.7538L3.52394 4.95299V10.754L9 14.0564Z\" fill=\"%23FE5000\"/>%0D%0A</svg>%0D%0A')}.ui-icon-side-view{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 3L12 3L16 7L16 16L7 16L3 12L3 3ZM11.5 4L14 6.5L7.5 6.5L5 4L11.5 4ZM8 14.5L8 8L14.5 8L14.5 14.5L8 14.5ZM6.5 7.5L6.5 14L4 11.5L4 5L6.5 7.5Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M7 7.5L3.5 4.5L3.5 12L6.5 14.5L7 7.5Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}.ui-icon-side-view:hover{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 3L12 3L16 7L16 16L7 16L3 12L3 3ZM11.5 4L14 6.5L7.5 6.5L5 4L11.5 4ZM8 14.5L8 8L14.5 8L14.5 14.5L8 14.5ZM6.5 7.5L6.5 14L4 11.5L4 5L6.5 7.5Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M7 7.5L3.5 4.5L3.5 12L6.5 14.5L7 7.5Z\" fill=\"%23FE5000\"/>%0D%0A</svg>%0D%0A')}.ui-icon-top-view{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 3L3 12L7 16L16 16L16 7L12 3L3 3ZM4 11.5L6.5 14L6.5 7.5L4 5L4 11.5ZM14.5 8L8 8L8 14.5L14.5 14.5L14.5 8ZM7.5 6.5L14 6.5L11.5 4L5 4L7.5 6.5Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M6.75 7L3.5 3.5H12L15 7H6.75Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}.ui-icon-top-view:hover{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 3L3 12L7 16L16 16L16 7L12 3L3 3ZM4 11.5L6.5 14L6.5 7.5L4 5L4 11.5ZM14.5 8L8 8L8 14.5L14.5 14.5L14.5 8ZM7.5 6.5L14 6.5L11.5 4L5 4L7.5 6.5Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M6.75 7L3.5 3.5H12L15 7H6.75Z\" fill=\"%23FE5000\"/>%0D%0A</svg>%0D%0A')}\n"] }]
|
|
1440
|
-
}], ctorParameters: () => [{ type: i1.TranslateService }], propDecorators: { left: [{
|
|
1441
|
-
type: HostBinding,
|
|
1442
|
-
args: ['style.left.px']
|
|
1443
|
-
}, {
|
|
1444
|
-
type: Input
|
|
1445
|
-
}], top: [{
|
|
1446
|
-
type: HostBinding,
|
|
1447
|
-
args: ['style.top.px']
|
|
1448
|
-
}, {
|
|
1449
|
-
type: Input
|
|
1450
|
-
}], items: [{
|
|
1451
|
-
type: Input
|
|
1452
|
-
}], isOpened: [{
|
|
1453
|
-
type: Input,
|
|
1454
|
-
args: [{ transform: booleanAttribute }]
|
|
1455
|
-
}], isEmbedded: [{
|
|
1456
|
-
type: Input,
|
|
1457
|
-
args: [{ transform: booleanAttribute }]
|
|
1458
|
-
}], isFocused: [{
|
|
1459
|
-
type: Input,
|
|
1460
|
-
args: [{ transform: booleanAttribute }]
|
|
1461
|
-
}], isActive: [{
|
|
1462
|
-
type: Input,
|
|
1463
|
-
args: [{ transform: booleanAttribute }]
|
|
1464
|
-
}], itemClicked: [{
|
|
1465
|
-
type: Output
|
|
1466
|
-
}], subItemClicked: [{
|
|
1467
|
-
type: Output
|
|
1468
|
-
}] } });
|
|
1469
|
-
|
|
1470
|
-
class BimplusContactComponent extends BimplusLocalizedWidgetComponent {
|
|
1471
|
-
constructor(translateService) {
|
|
1472
|
-
super(translateService);
|
|
1473
|
-
this.bimplusContactClicked = new EventEmitter();
|
|
1474
|
-
}
|
|
1475
|
-
_contactClicked() {
|
|
1476
|
-
fireEvent(this, "bimplusContactClicked", "contact");
|
|
1477
|
-
}
|
|
1478
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: BimplusContactComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1479
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: BimplusContactComponent, isStandalone: true, selector: "lib-bimplus-contact", outputs: { bimplusContactClicked: "bimplusContactClicked" }, providers: [TranslateService], usesInheritance: true, ngImport: i0, template: "<a href=\"https://www.allplan.com/consulting-sale\" \r\n class=\"bimplus-contact-link\"\r\n rel=\"noopener\"\r\n target=\"_blank\"\r\n (click)=\"_contactClicked()\"\r\n [title]=\"'_BimplusContactTitle' | translate\"\r\n>\r\n <div class=\"bimplus-contact\"></div>\r\n</a>", styles: [".bimplus-contact{height:1.375em;width:4em;background:url('data:image/svg+xml,<svg id=\"Project_Gray\" data-name=\"Project Gray\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><defs><style>.cls-1{fill:%23444;}<\\/style></defs><title>contact us</title><g id=\"Page-1\"><g id=\"Social_icons\" data-name=\"Social icons\"><g id=\"Phone\"><path id=\"Shape\" class=\"cls-1\" d=\"M6.48,3.08a.34.34,0,0,1,.35.16c.18.29.36.58.54.88s.38.7.58,1c.05.09.12.18.18.27l.16.26a.43.43,0,0,1-.06.54c-.22.22-.46.43-.69.64s-.39.35-.58.53a.39.39,0,0,0-.09.5c.15.28.3.57.47.85a8.1,8.1,0,0,0,2.42,2.58c.39.26.79.5,1.2.73s.53.18.83-.15l.82-.92a2,2,0,0,1,.22-.2.43.43,0,0,1,.51-.06l.15.08c.48.34,1,.58,1.52.87l.8.48a.37.37,0,0,1,.19.38,2.54,2.54,0,0,1-.38,1.34,1.86,1.86,0,0,1-.45.43,4.24,4.24,0,0,1-1.53.64,2.84,2.84,0,0,1-1.47-.08,12.36,12.36,0,0,1-2.67-1.1,11.71,11.71,0,0,1-2.09-1.59A12.6,12.6,0,0,1,5.3,9.63a10.5,10.5,0,0,1-.9-2A6.49,6.49,0,0,1,4,6.42,3,3,0,0,1,4.17,5a4.16,4.16,0,0,1,.59-1.18,1.49,1.49,0,0,1,.81-.57l.82-.19A.11.11,0,0,0,6.48,3.08Z\"/></g></g></g><path class=\"cls-1\" d=\"M9,0a9,9,0,1,0,6.13,15.59L15,15.48a4,4,0,0,1-1.17.46,2.6,2.6,0,0,1-1.35-.07l-.29-.09A7.5,7.5,0,1,1,16.5,9s0,1,.76,1S18,9,18,9A9,9,0,0,0,9,0Z\"/></svg>') no-repeat;background-size:1.375em;background-repeat:no-repeat;background-position:center;cursor:pointer}.bimplus-contact a{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
|
|
1480
|
-
}
|
|
1481
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: BimplusContactComponent, decorators: [{
|
|
1482
|
-
type: Component,
|
|
1483
|
-
args: [{ selector: 'lib-bimplus-contact', standalone: true, imports: [CommonModule, TranslateModule], providers: [TranslateService], encapsulation: ViewEncapsulation.ShadowDom, template: "<a href=\"https://www.allplan.com/consulting-sale\" \r\n class=\"bimplus-contact-link\"\r\n rel=\"noopener\"\r\n target=\"_blank\"\r\n (click)=\"_contactClicked()\"\r\n [title]=\"'_BimplusContactTitle' | translate\"\r\n>\r\n <div class=\"bimplus-contact\"></div>\r\n</a>", styles: [".bimplus-contact{height:1.375em;width:4em;background:url('data:image/svg+xml,<svg id=\"Project_Gray\" data-name=\"Project Gray\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><defs><style>.cls-1{fill:%23444;}<\\/style></defs><title>contact us</title><g id=\"Page-1\"><g id=\"Social_icons\" data-name=\"Social icons\"><g id=\"Phone\"><path id=\"Shape\" class=\"cls-1\" d=\"M6.48,3.08a.34.34,0,0,1,.35.16c.18.29.36.58.54.88s.38.7.58,1c.05.09.12.18.18.27l.16.26a.43.43,0,0,1-.06.54c-.22.22-.46.43-.69.64s-.39.35-.58.53a.39.39,0,0,0-.09.5c.15.28.3.57.47.85a8.1,8.1,0,0,0,2.42,2.58c.39.26.79.5,1.2.73s.53.18.83-.15l.82-.92a2,2,0,0,1,.22-.2.43.43,0,0,1,.51-.06l.15.08c.48.34,1,.58,1.52.87l.8.48a.37.37,0,0,1,.19.38,2.54,2.54,0,0,1-.38,1.34,1.86,1.86,0,0,1-.45.43,4.24,4.24,0,0,1-1.53.64,2.84,2.84,0,0,1-1.47-.08,12.36,12.36,0,0,1-2.67-1.1,11.71,11.71,0,0,1-2.09-1.59A12.6,12.6,0,0,1,5.3,9.63a10.5,10.5,0,0,1-.9-2A6.49,6.49,0,0,1,4,6.42,3,3,0,0,1,4.17,5a4.16,4.16,0,0,1,.59-1.18,1.49,1.49,0,0,1,.81-.57l.82-.19A.11.11,0,0,0,6.48,3.08Z\"/></g></g></g><path class=\"cls-1\" d=\"M9,0a9,9,0,1,0,6.13,15.59L15,15.48a4,4,0,0,1-1.17.46,2.6,2.6,0,0,1-1.35-.07l-.29-.09A7.5,7.5,0,1,1,16.5,9s0,1,.76,1S18,9,18,9A9,9,0,0,0,9,0Z\"/></svg>') no-repeat;background-size:1.375em;background-repeat:no-repeat;background-position:center;cursor:pointer}.bimplus-contact a{width:100%;height:100%}\n"] }]
|
|
1484
|
-
}], ctorParameters: () => [{ type: i1.TranslateService }], propDecorators: { bimplusContactClicked: [{
|
|
1485
|
-
type: Output
|
|
1486
|
-
}] } });
|
|
1487
|
-
|
|
1488
|
-
class BimplusZoomComponent {
|
|
1489
|
-
constructor() {
|
|
1490
|
-
/**--------------------------------------------------------------------------
|
|
1491
|
-
* List of available zoom
|
|
1492
|
-
--------------------------------------------------------------------------*/
|
|
1493
|
-
this._zoomList = [
|
|
1494
|
-
{ symbol: "100", text: "100%" },
|
|
1495
|
-
{ symbol: "105", text: "105%" },
|
|
1496
|
-
{ symbol: "110", text: "110%" },
|
|
1497
|
-
{ symbol: "115", text: "115%" },
|
|
1498
|
-
{ symbol: "120", text: "120%" },
|
|
1499
|
-
{ symbol: "125", text: "125%" },
|
|
1500
|
-
{ symbol: "130", text: "130%" },
|
|
1501
|
-
{ symbol: "135", text: "135%" },
|
|
1502
|
-
{ symbol: "140", text: "140%" },
|
|
1503
|
-
{ symbol: "145", text: "145%" },
|
|
1504
|
-
{ symbol: "150", text: "150%" }
|
|
1505
|
-
];
|
|
1506
|
-
/**--------------------------------------------------------------------------
|
|
1507
|
-
* States
|
|
1508
|
-
--------------------------------------------------------------------------*/
|
|
1509
|
-
this._menuOpened = false;
|
|
1510
|
-
/**--------------------------------------------------------------------------
|
|
1511
|
-
* properties
|
|
1512
|
-
--------------------------------------------------------------------------*/
|
|
1513
|
-
this.isTouch = false;
|
|
1514
|
-
/**--------------------------------------------------------------------------
|
|
1515
|
-
* properties
|
|
1516
|
-
--------------------------------------------------------------------------*/
|
|
1517
|
-
this.selectedZoom = '125';
|
|
1518
|
-
/**--------------------------------------------------------------------------
|
|
1519
|
-
* Zoom selected event
|
|
1520
|
-
--------------------------------------------------------------------------*/
|
|
1521
|
-
this.bimplusZoomSelected = new EventEmitter();
|
|
1522
|
-
}
|
|
1523
|
-
/**--------------------------------------------------------------------------
|
|
1524
|
-
* Zoom selection
|
|
1525
|
-
--------------------------------------------------------------------------*/
|
|
1526
|
-
_switchZoom(zoom) {
|
|
1527
|
-
fireEvent(this, "bimplusZoomSelected", zoom);
|
|
1528
|
-
}
|
|
1529
|
-
/**--------------------------------------------------------------------------
|
|
1530
|
-
* toggle menu open
|
|
1531
|
-
--------------------------------------------------------------------------*/
|
|
1532
|
-
_toggleOpened() {
|
|
1533
|
-
this._menuOpened = !this._menuOpened;
|
|
1534
|
-
}
|
|
1535
|
-
/**--------------------------------------------------------------------------
|
|
1536
|
-
* setup dynamic classes for zoom item
|
|
1537
|
-
--------------------------------------------------------------------------*/
|
|
1538
|
-
_getZoomClassObject(symbol) {
|
|
1539
|
-
return {
|
|
1540
|
-
'selected': this.selectedZoom === symbol,
|
|
1541
|
-
['bimzoom-' + symbol]: true
|
|
1542
|
-
};
|
|
1543
|
-
}
|
|
1544
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: BimplusZoomComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1545
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.1", type: BimplusZoomComponent, isStandalone: true, selector: "lib-bimplus-zoom", inputs: { isTouch: ["isTouch", "isTouch", booleanAttribute], selectedZoom: "selectedZoom" }, outputs: { bimplusZoomSelected: "bimplusZoomSelected" }, ngImport: i0, template: "<div\r\n class=\"bimcomp-overlay\"\r\n [ngClass]=\"_menuOpened ? 'open' : ''\"\r\n (click)=\"_toggleOpened()\"\r\n></div>\r\n<div \r\n class=\"dropdown\"\r\n [ngClass]=\"{'open': _menuOpened, 'is-touch': isTouch}\"\r\n (click)=\"_toggleOpened()\"\r\n>\r\n <div class=\"dropdown-toggle\">\r\n <div class=\"main-icon icon-zoom\"></div>\r\n <span class=\"caret\"></span>\r\n </div>\r\n <ul\r\n class=\"bimcomp-dropdown-menu\"\r\n [ngClass]=\"_menuOpened ? 'open' : ''\"\r\n >\r\n <li\r\n *ngFor=\"let zoom of _zoomList\"\r\n class=\"bimcomp-dropdown-menu-item\"\r\n [ngClass]=\"_getZoomClassObject(zoom.symbol)\"\r\n (click)=\"_switchZoom(zoom.symbol)\"\r\n >\r\n <span>{{zoom.text}}</span>\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [".dropdown{position:relative;width:4.2em;height:3.25em;cursor:pointer;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.dropdown.open{color:#555;background-color:#e7e7e7}.dropdown-toggle{position:relative;margin-left:.44em;margin-right:.44em;background-size:1.4em 1.4em;padding-bottom:.22em;padding-left:.2em}.dropdown-toggle .caret{display:inline-block;width:0;height:0;margin-top:.19em;margin-left:.5em;vertical-align:middle;color:#777;border-top:.25em dashed;border-top:.25em solid;border-right:.25em solid transparent;border-left:.25em solid transparent}.is-touch .dropdown-toggle{padding-left:0}.is-touch .dropdown-toggle .caret{display:none}.bimcomp-dropdown-menu{font-family:Source Sans Pro,Helvetica,Arial,tahoma,sans-serif;position:absolute;top:100%;right:0;z-index:1;display:none;min-width:6.5em;padding:.5em 0 .57em;margin:0;font-size:.875em;list-style:none;background-color:#fff;border:thin solid rgba(0,0,0,.15);border-radius:0 0 .29em .29em;-webkit-box-shadow:0 .43em .86em rgba(0,0,0,.175);box-shadow:0 .43em .86em #0000002d;text-decoration-color:#333;text-decoration-line:none;text-decoration-style:solid;line-height:2.71em;font-weight:400}.bimcomp-dropdown-menu div{font-size:1em}.bimcomp-dropdown-menu .noselect{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.bimcomp-dropdown-menu li{display:flex;flex-direction:row;align-items:center;cursor:pointer;box-sizing:content-box;padding:.21em 2.1em}.bimcomp-dropdown-menu li span{display:inline-block;flex:1 0 auto;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.bimcomp-dropdown-menu li.selected,.bimcomp-dropdown-menu li.selected:hover{background-color:#ffe6da}.bimcomp-dropdown-menu li:hover{background-color:#f5f5f5}.bimcomp-dropdown-menu ul,.bimcomp-dropdown-menu li{list-style:none}.bimcomp-dropdown-menu.open{display:inline-block}.icon{flex-shrink:0;display:inline-block;vertical-align:middle;margin:0 1.36em 0 0;width:1.64em;height:1.64em;background-size:contain;background-position:center;background-repeat:no-repeat}.main-icon{flex-shrink:0;display:inline-block;vertical-align:middle;width:1.375em;height:1.375em;background-size:contain;background-position:center;background-repeat:no-repeat}.bimcomp-overlay{position:fixed;width:100vw;height:100vh;left:0;top:0;display:none}.bimcomp-overlay.open{display:block;z-index:1}.icon-zoom{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M7 4C6.44772 4 6 4.44772 6 5V6H5C4.44772 6 4 6.44772 4 7C4 7.55228 4.44772 8 5 8H6V9C6 9.55228 6.44772 10 7 10C7.55228 10 8 9.55228 8 9V8H9C9.55228 8 10 7.55228 10 7C10 6.44771 9.55228 6 9 6H8V5C8 4.44772 7.55228 4 7 4Z\" fill=\"%23444444\"/>%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7 13C10.3137 13 13 10.3137 13 7C13 3.68629 10.3137 1 7 1C3.68629 1 1 3.68629 1 7C1 10.3137 3.68629 13 7 13ZM7 11.2C9.3196 11.2 11.2 9.3196 11.2 7C11.2 4.6804 9.3196 2.8 7 2.8C4.6804 2.8 2.8 4.6804 2.8 7C2.8 9.3196 4.6804 11.2 7 11.2Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M11.7637 12.163C11.3732 12.5535 11.3732 13.1867 11.7637 13.5772L14.6286 16.4421C15.0191 16.8326 15.6523 16.8326 16.0428 16.4421L16.4435 16.0414C16.834 15.6509 16.834 15.0177 16.4435 14.6272L13.5786 11.7623C13.1881 11.3718 12.5549 11.3718 12.1644 11.7623L11.7637 12.163Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
|
|
1546
|
-
}
|
|
1547
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: BimplusZoomComponent, decorators: [{
|
|
1548
|
-
type: Component,
|
|
1549
|
-
args: [{ selector: 'lib-bimplus-zoom', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.ShadowDom, template: "<div\r\n class=\"bimcomp-overlay\"\r\n [ngClass]=\"_menuOpened ? 'open' : ''\"\r\n (click)=\"_toggleOpened()\"\r\n></div>\r\n<div \r\n class=\"dropdown\"\r\n [ngClass]=\"{'open': _menuOpened, 'is-touch': isTouch}\"\r\n (click)=\"_toggleOpened()\"\r\n>\r\n <div class=\"dropdown-toggle\">\r\n <div class=\"main-icon icon-zoom\"></div>\r\n <span class=\"caret\"></span>\r\n </div>\r\n <ul\r\n class=\"bimcomp-dropdown-menu\"\r\n [ngClass]=\"_menuOpened ? 'open' : ''\"\r\n >\r\n <li\r\n *ngFor=\"let zoom of _zoomList\"\r\n class=\"bimcomp-dropdown-menu-item\"\r\n [ngClass]=\"_getZoomClassObject(zoom.symbol)\"\r\n (click)=\"_switchZoom(zoom.symbol)\"\r\n >\r\n <span>{{zoom.text}}</span>\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [".dropdown{position:relative;width:4.2em;height:3.25em;cursor:pointer;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.dropdown.open{color:#555;background-color:#e7e7e7}.dropdown-toggle{position:relative;margin-left:.44em;margin-right:.44em;background-size:1.4em 1.4em;padding-bottom:.22em;padding-left:.2em}.dropdown-toggle .caret{display:inline-block;width:0;height:0;margin-top:.19em;margin-left:.5em;vertical-align:middle;color:#777;border-top:.25em dashed;border-top:.25em solid;border-right:.25em solid transparent;border-left:.25em solid transparent}.is-touch .dropdown-toggle{padding-left:0}.is-touch .dropdown-toggle .caret{display:none}.bimcomp-dropdown-menu{font-family:Source Sans Pro,Helvetica,Arial,tahoma,sans-serif;position:absolute;top:100%;right:0;z-index:1;display:none;min-width:6.5em;padding:.5em 0 .57em;margin:0;font-size:.875em;list-style:none;background-color:#fff;border:thin solid rgba(0,0,0,.15);border-radius:0 0 .29em .29em;-webkit-box-shadow:0 .43em .86em rgba(0,0,0,.175);box-shadow:0 .43em .86em #0000002d;text-decoration-color:#333;text-decoration-line:none;text-decoration-style:solid;line-height:2.71em;font-weight:400}.bimcomp-dropdown-menu div{font-size:1em}.bimcomp-dropdown-menu .noselect{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.bimcomp-dropdown-menu li{display:flex;flex-direction:row;align-items:center;cursor:pointer;box-sizing:content-box;padding:.21em 2.1em}.bimcomp-dropdown-menu li span{display:inline-block;flex:1 0 auto;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.bimcomp-dropdown-menu li.selected,.bimcomp-dropdown-menu li.selected:hover{background-color:#ffe6da}.bimcomp-dropdown-menu li:hover{background-color:#f5f5f5}.bimcomp-dropdown-menu ul,.bimcomp-dropdown-menu li{list-style:none}.bimcomp-dropdown-menu.open{display:inline-block}.icon{flex-shrink:0;display:inline-block;vertical-align:middle;margin:0 1.36em 0 0;width:1.64em;height:1.64em;background-size:contain;background-position:center;background-repeat:no-repeat}.main-icon{flex-shrink:0;display:inline-block;vertical-align:middle;width:1.375em;height:1.375em;background-size:contain;background-position:center;background-repeat:no-repeat}.bimcomp-overlay{position:fixed;width:100vw;height:100vh;left:0;top:0;display:none}.bimcomp-overlay.open{display:block;z-index:1}.icon-zoom{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M7 4C6.44772 4 6 4.44772 6 5V6H5C4.44772 6 4 6.44772 4 7C4 7.55228 4.44772 8 5 8H6V9C6 9.55228 6.44772 10 7 10C7.55228 10 8 9.55228 8 9V8H9C9.55228 8 10 7.55228 10 7C10 6.44771 9.55228 6 9 6H8V5C8 4.44772 7.55228 4 7 4Z\" fill=\"%23444444\"/>%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7 13C10.3137 13 13 10.3137 13 7C13 3.68629 10.3137 1 7 1C3.68629 1 1 3.68629 1 7C1 10.3137 3.68629 13 7 13ZM7 11.2C9.3196 11.2 11.2 9.3196 11.2 7C11.2 4.6804 9.3196 2.8 7 2.8C4.6804 2.8 2.8 4.6804 2.8 7C2.8 9.3196 4.6804 11.2 7 11.2Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M11.7637 12.163C11.3732 12.5535 11.3732 13.1867 11.7637 13.5772L14.6286 16.4421C15.0191 16.8326 15.6523 16.8326 16.0428 16.4421L16.4435 16.0414C16.834 15.6509 16.834 15.0177 16.4435 14.6272L13.5786 11.7623C13.1881 11.3718 12.5549 11.3718 12.1644 11.7623L11.7637 12.163Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}\n"] }]
|
|
1550
|
-
}], propDecorators: { isTouch: [{
|
|
1551
|
-
type: Input,
|
|
1552
|
-
args: [{ transform: booleanAttribute }]
|
|
1553
|
-
}], selectedZoom: [{
|
|
1554
|
-
type: Input
|
|
1555
|
-
}], bimplusZoomSelected: [{
|
|
1556
|
-
type: Output
|
|
1557
|
-
}] } });
|
|
1558
|
-
|
|
1559
|
-
const BIMPLUS_NOTIFY_MESSAGES = "bimplus-notify-messages";
|
|
1560
|
-
class BimplusNotifyComponent extends BimplusLocalizedWidgetComponent {
|
|
1561
|
-
constructor(translateService, elementRef) {
|
|
1562
|
-
super(translateService);
|
|
1563
|
-
// Expose Array constructor as a property
|
|
1564
|
-
this.Array = Array;
|
|
1565
|
-
/**--------------------------------------------------------------------------
|
|
1566
|
-
* List of messages
|
|
1567
|
-
--------------------------------------------------------------------------*/
|
|
1568
|
-
this._messagesList = [];
|
|
1569
|
-
/**--------------------------------------------------------------------------
|
|
1570
|
-
* properties
|
|
1571
|
-
--------------------------------------------------------------------------*/
|
|
1572
|
-
this.messagePreviewTime = 3000; // in ms
|
|
1573
|
-
/**--------------------------------------------------------------------------
|
|
1574
|
-
* properties
|
|
1575
|
-
--------------------------------------------------------------------------*/
|
|
1576
|
-
this.showMessagePreview = true;
|
|
1577
|
-
/**--------------------------------------------------------------------------
|
|
1578
|
-
* properties
|
|
1579
|
-
--------------------------------------------------------------------------*/
|
|
1580
|
-
this.previewMessagesLimit = 3;
|
|
1581
|
-
/**--------------------------------------------------------------------------
|
|
1582
|
-
* offset of preview messages from main icon
|
|
1583
|
-
--------------------------------------------------------------------------*/
|
|
1584
|
-
this.previewMessagesOffsetY = '2.7em';
|
|
1585
|
-
/**--------------------------------------------------------------------------
|
|
1586
|
-
* properties
|
|
1587
|
-
--------------------------------------------------------------------------*/
|
|
1588
|
-
this.messages = '';
|
|
1589
|
-
/**--------------------------------------------------------------------------
|
|
1590
|
-
* States
|
|
1591
|
-
--------------------------------------------------------------------------*/
|
|
1592
|
-
this._menuOpened = false;
|
|
1593
|
-
this._alertActive = false;
|
|
1594
|
-
this._oldMessagesList = [];
|
|
1595
|
-
// list of messages for preview
|
|
1596
|
-
this._previewMessagesList = [];
|
|
1597
|
-
/**--------------------------------------------------------------------------
|
|
1598
|
-
* Delete item event
|
|
1599
|
-
--------------------------------------------------------------------------*/
|
|
1600
|
-
this.bimplusNotifyDeleteMessage = new EventEmitter();
|
|
1601
|
-
/**--------------------------------------------------------------------------
|
|
1602
|
-
* Delete all item event
|
|
1603
|
-
--------------------------------------------------------------------------*/
|
|
1604
|
-
this.bimplusNotifyDeleteAllMessages = new EventEmitter();
|
|
1605
|
-
/**--------------------------------------------------------------------------
|
|
1606
|
-
* Message action event
|
|
1607
|
-
--------------------------------------------------------------------------*/
|
|
1608
|
-
this.bimplusNotifyMessageAction = new EventEmitter();
|
|
1609
|
-
this._element = elementRef.nativeElement;
|
|
1610
|
-
}
|
|
1611
|
-
get newMessages() {
|
|
1612
|
-
return this._alertActive;
|
|
1613
|
-
}
|
|
1614
|
-
get bimNotify() {
|
|
1615
|
-
return true; // Or you can use a condition here if needed
|
|
1616
|
-
}
|
|
1617
|
-
ngOnChanges(changes) {
|
|
1618
|
-
if (changes['messages']) {
|
|
1619
|
-
const newValue = changes['messages'].currentValue;
|
|
1620
|
-
this.updateMessages(newValue);
|
|
1621
|
-
}
|
|
1622
|
-
}
|
|
1623
|
-
updateMessages(newValue /*, oldValue: string*/) {
|
|
1624
|
-
const isOk = newValue && typeof newValue === 'string';
|
|
1625
|
-
if (!isOk) {
|
|
1626
|
-
this._messagesList = [];
|
|
1627
|
-
this._previewMessagesList = [];
|
|
1628
|
-
this._alertActive = false;
|
|
1629
|
-
return;
|
|
1630
|
-
}
|
|
1631
|
-
const msgData = JSON.parse(newValue);
|
|
1632
|
-
this._messagesList = msgData.messages;
|
|
1633
|
-
// filter new messages into the list for preview
|
|
1634
|
-
let newMessagesList = this._messagesList.filter((msg) => this._oldMessagesList.findIndex((oldMsg) => oldMsg.id === msg.id) < 0);
|
|
1635
|
-
newMessagesList = newMessagesList.filter((item) => this._messageNotReadYet(item)); // filtering out allready read messages (stored in localstorage)
|
|
1636
|
-
// setup preview for new messages
|
|
1637
|
-
newMessagesList.reverse().forEach((newMsg) => {
|
|
1638
|
-
if (this._previewMessagesList.findIndex((item) => newMsg.id === item.id) < 0) {
|
|
1639
|
-
this._previewMessagesList.unshift(newMsg);
|
|
1640
|
-
if (this.messagePreviewTime > 0) {
|
|
1641
|
-
setTimeout(() => {
|
|
1642
|
-
this._closePreviewMessage(newMsg.id, false);
|
|
1643
|
-
}, this.messagePreviewTime);
|
|
1644
|
-
}
|
|
1645
|
-
}
|
|
1646
|
-
});
|
|
1647
|
-
// limit preview messages count
|
|
1648
|
-
this._previewMessagesList.length = this._previewMessagesList.length > this.previewMessagesLimit ? this.previewMessagesLimit : this._previewMessagesList.length;
|
|
1649
|
-
// set old state and alert
|
|
1650
|
-
this._oldMessagesList = this._messagesList;
|
|
1651
|
-
this._alertActive = this._messagesList.length != 0;
|
|
1652
|
-
}
|
|
1653
|
-
/**--------------------------------------------------------------------------
|
|
1654
|
-
* initial component load
|
|
1655
|
-
--------------------------------------------------------------------------*/
|
|
1656
|
-
ngOnInit() {
|
|
1657
|
-
this.updateMessages(this.messages);
|
|
1658
|
-
}
|
|
1659
|
-
/**--------------------------------------------------------------------------
|
|
1660
|
-
* component did load
|
|
1661
|
-
--------------------------------------------------------------------------*/
|
|
1662
|
-
ngAfterViewInit() {
|
|
1663
|
-
// init simple bar scrollbar
|
|
1664
|
-
const messagesContainer = this._element?.querySelector('.messages-container');
|
|
1665
|
-
if (messagesContainer) {
|
|
1666
|
-
this._simpleBar = new SimpleBar(messagesContainer);
|
|
1667
|
-
}
|
|
1668
|
-
}
|
|
1669
|
-
/**--------------------------------------------------------------------------
|
|
1670
|
-
* component did render
|
|
1671
|
-
--------------------------------------------------------------------------*/
|
|
1672
|
-
ngAfterViewChecked() {
|
|
1673
|
-
//--- fix for simple bar component update -----------------------------------------------------------------------
|
|
1674
|
-
//--- message-item items are rerendered outside of the simple bar container so we need to move them inside of the scroll container --
|
|
1675
|
-
const _element = this._element;
|
|
1676
|
-
const barElem = _element?.querySelector('.messages-container');
|
|
1677
|
-
if (!barElem) {
|
|
1646
|
+
}
|
|
1647
|
+
clickToolHubItem(action) {
|
|
1648
|
+
const item = this.findToolHubItemById(action);
|
|
1649
|
+
if (!item || item?.disabled) {
|
|
1678
1650
|
return;
|
|
1679
1651
|
}
|
|
1680
|
-
|
|
1681
|
-
|
|
1682
|
-
|
|
1652
|
+
this.itemClicked.emit(action);
|
|
1653
|
+
}
|
|
1654
|
+
clickToolHubSubItem(action) {
|
|
1655
|
+
if (!this._activeSubItems) {
|
|
1683
1656
|
return;
|
|
1684
1657
|
}
|
|
1685
|
-
|
|
1686
|
-
|
|
1658
|
+
const item = this._activeSubItems.find(x => x.buttonId === action);
|
|
1659
|
+
if (!item) {
|
|
1660
|
+
return;
|
|
1687
1661
|
}
|
|
1662
|
+
this.subItemClicked.emit(action);
|
|
1663
|
+
this.closeActiveSubItemsView();
|
|
1688
1664
|
}
|
|
1689
|
-
|
|
1690
|
-
|
|
1691
|
-
|
|
1692
|
-
|
|
1693
|
-
if (preview) {
|
|
1694
|
-
return this._closePreviewMessage(item.id);
|
|
1695
|
-
}
|
|
1696
|
-
if (event) {
|
|
1697
|
-
event.stopPropagation();
|
|
1698
|
-
event.preventDefault();
|
|
1665
|
+
toggleToolHubItemActive(buttonId) {
|
|
1666
|
+
const item = this.findToolHubItemById(buttonId);
|
|
1667
|
+
if (!item || item.disabled) {
|
|
1668
|
+
return;
|
|
1699
1669
|
}
|
|
1700
|
-
|
|
1670
|
+
item.active = !item.active;
|
|
1701
1671
|
}
|
|
1702
|
-
|
|
1703
|
-
|
|
1704
|
-
|
|
1705
|
-
_closePreviewMessage(msgId, closedByUser = true) {
|
|
1706
|
-
if (!msgId) {
|
|
1672
|
+
toggleSubItemsView(buttonId) {
|
|
1673
|
+
const item = this.findToolHubItemById(buttonId);
|
|
1674
|
+
if (!item || item.disabled || !item.subItems) {
|
|
1707
1675
|
return;
|
|
1708
1676
|
}
|
|
1709
|
-
|
|
1710
|
-
|
|
1711
|
-
|
|
1712
|
-
this.
|
|
1677
|
+
item.active = !item.active;
|
|
1678
|
+
if (item.active) {
|
|
1679
|
+
this._activeSubItemsView = item;
|
|
1680
|
+
this._activeSubItems = item.subItems;
|
|
1713
1681
|
}
|
|
1714
|
-
|
|
1715
|
-
|
|
1716
|
-
|
|
1717
|
-
--------------------------------------------------------------------------*/
|
|
1718
|
-
_deleteAllMessages() {
|
|
1719
|
-
fireEvent(this, "bimplusNotifyDeleteAllMessages");
|
|
1720
|
-
this.clearAllLocalStorageMessages();
|
|
1721
|
-
}
|
|
1722
|
-
/**--------------------------------------------------------------------------
|
|
1723
|
-
* message clicked
|
|
1724
|
-
--------------------------------------------------------------------------*/
|
|
1725
|
-
_messageAction(item, index) {
|
|
1726
|
-
item.actionId = index;
|
|
1727
|
-
fireEvent(this, "bimplusNotifyMessageAction", JSON.stringify(item));
|
|
1728
|
-
}
|
|
1729
|
-
/**--------------------------------------------------------------------------
|
|
1730
|
-
* toggle menu open
|
|
1731
|
-
--------------------------------------------------------------------------*/
|
|
1732
|
-
_toggleOpened() {
|
|
1733
|
-
this._menuOpened = !this._menuOpened;
|
|
1734
|
-
this._alertActive = false;
|
|
1735
|
-
this._previewMessagesList = [];
|
|
1736
|
-
}
|
|
1737
|
-
_messageNotReadYet(message) {
|
|
1738
|
-
if (!message || !message.id) {
|
|
1739
|
-
return true;
|
|
1682
|
+
else {
|
|
1683
|
+
this._activeSubItemsView = null;
|
|
1684
|
+
this._activeSubItems = null;
|
|
1740
1685
|
}
|
|
1741
|
-
|
|
1742
|
-
|
|
1743
|
-
|
|
1686
|
+
}
|
|
1687
|
+
closeActiveSubItemsView() {
|
|
1688
|
+
if (this._activeSubItemsView) {
|
|
1689
|
+
this._activeSubItemsView.active = false;
|
|
1690
|
+
this._activeSubItemsView = null;
|
|
1744
1691
|
}
|
|
1745
|
-
|
|
1692
|
+
this._activeSubItems = null;
|
|
1746
1693
|
}
|
|
1747
|
-
|
|
1748
|
-
|
|
1749
|
-
|
|
1694
|
+
setHoveredState(element, hovered) {
|
|
1695
|
+
const index = this._hoveredElements.indexOf(element);
|
|
1696
|
+
const storedCountHoverd = this._hoveredElements.length;
|
|
1697
|
+
if (index >= 0 && !hovered) {
|
|
1698
|
+
this._hoveredElements.splice(index, 1);
|
|
1750
1699
|
}
|
|
1751
|
-
|
|
1752
|
-
|
|
1753
|
-
|
|
1700
|
+
if (index < 0 && hovered) {
|
|
1701
|
+
this._hoveredElements.push(element);
|
|
1702
|
+
}
|
|
1703
|
+
if (storedCountHoverd > 0 && this._hoveredElements.length === 0) {
|
|
1704
|
+
// If hovered elements count reaches zero, check again a bit delayed. If nothing hovered at that time, close submenu
|
|
1705
|
+
setInterval(() => {
|
|
1706
|
+
if (this._hoveredElements.length === 0) {
|
|
1707
|
+
this.closeActiveSubItemsView();
|
|
1708
|
+
}
|
|
1709
|
+
}, 1000);
|
|
1754
1710
|
}
|
|
1755
|
-
messageList.forEach((item) => {
|
|
1756
|
-
if (!messageListString?.includes(item)) {
|
|
1757
|
-
messageListString += (item + ";");
|
|
1758
|
-
}
|
|
1759
|
-
});
|
|
1760
|
-
window.localStorage.setItem(BIMPLUS_NOTIFY_MESSAGES, messageListString);
|
|
1761
1711
|
}
|
|
1762
|
-
|
|
1763
|
-
|
|
1712
|
+
dragElement(event) {
|
|
1713
|
+
const deltaX = event[0];
|
|
1714
|
+
const deltaY = event[1];
|
|
1715
|
+
this.left += deltaX;
|
|
1716
|
+
this.top += deltaY;
|
|
1764
1717
|
}
|
|
1765
|
-
|
|
1766
|
-
|
|
1767
|
-
|
|
1768
|
-
|
|
1769
|
-
let itemLinksTitles = [];
|
|
1770
|
-
if (item.linkText && (item.links || item.link)) {
|
|
1771
|
-
itemLinksTitles = Array.isArray(item.links) ? item.links : [item.link];
|
|
1772
|
-
}
|
|
1773
|
-
return itemLinksTitles[index] || '';
|
|
1718
|
+
// #endregion private fields
|
|
1719
|
+
// #region private methods
|
|
1720
|
+
calculateCurrentMenuItemUnits() {
|
|
1721
|
+
return SVGGenerator.drawMenuItemSvg(this._visualSettings.svgRadius, this._visualSettings.svgRadiusInner, this._items.length, this.isEmbedded);
|
|
1774
1722
|
}
|
|
1775
|
-
|
|
1776
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.1", type: BimplusNotifyComponent, isStandalone: true, selector: "lib-bimplus-notify", inputs: { messagePreviewTime: "messagePreviewTime", showMessagePreview: ["showMessagePreview", "showMessagePreview", booleanAttribute], previewMessagesLimit: "previewMessagesLimit", previewMessagesOffsetY: "previewMessagesOffsetY", messages: "messages" }, outputs: { bimplusNotifyDeleteMessage: "bimplusNotifyDeleteMessage", bimplusNotifyDeleteAllMessages: "bimplusNotifyDeleteAllMessages", bimplusNotifyMessageAction: "bimplusNotifyMessageAction" }, host: { properties: { "class.new-messages": "this.newMessages", "class.bim-notify": "this.bimNotify" } }, providers: [TranslateService], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n class=\"dropdown\"\r\n [ngClass]=\"_menuOpened ? 'open' : ''\"\r\n (click)=\"_toggleOpened()\"\r\n [title]=\"'_BimplusNotifyTitle' | translate\"\r\n>\r\n <div class=\"dropdown-toggle\" >\r\n <div\r\n class=\"main-icon\"\r\n [ngClass]=\"'icon-notify' + (this._alertActive ? '-alert notify' : '')\"\r\n ></div>\r\n </div>\r\n\r\n <div\r\n class=\"bimcomp-dropdown-menu\"\r\n [ngClass]=\"_menuOpened ? 'open' : ''\"\r\n >\r\n <div class=\"notify-tick\"></div>\r\n <div class=\"messages-title\">\r\n <div class=\"messages-count\">\r\n ({{this._messagesList.length}})\r\n </div>\r\n <div\r\n class=\"messages-delete-all\"\r\n (click)=\"_deleteAllMessages()\"\r\n >\r\n {{\"_Notify_Mark_All\" | translate}}\r\n </div>\r\n </div>\r\n <div class=\"messages-container\">\r\n @if (_messagesList.length) {\r\n <div\r\n *ngFor=\"let item of _messagesList\"\r\n class=\"message-item\"\r\n >\r\n <div class=\"message-item-title\">\r\n <div [ngClass]=\"'message-item-icon-' + item.type\"></div>\r\n <div\r\n class=\"message-item-title-text\"\r\n [ngClass]=\"{'capitalize':item.capitalizedTitle}\"\r\n >\r\n {{item.title}}\r\n </div>\r\n <div\r\n class=\"message-item-icon-close\"\r\n (click)=\"_closeMessage(item, false, $event)\"\r\n ></div>\r\n </div>\r\n\r\n <div class=\"message-item-body-text\">{{item.text}}</div>\r\n @if (item.linkText) {\r\n <div\r\n *ngFor=\"let link of (item.linkText.constructor === Array ? item.linkText : [item.linkText]); let i = index\"\r\n class=\"message-item-link\"\r\n [title]=\"_getItemLinkTitle(item, i)\"\r\n (click)=\"_messageAction(item, i)\"\r\n >{{link}}</div>\r\n } \r\n </div>\r\n } @else {\r\n <div class=\"message-item-empty\">\r\n <div class=\"message-item-empty-icon\"></div>\r\n <div class=\"message-item-empty-text\">{{\"_Notify_No_Messages\" | translate}}</div>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<div\r\n class=\"bimcomp-overlay\"\r\n [ngClass]=\"_menuOpened ? 'open' : ''\"\r\n (click)=\"_toggleOpened()\"\r\n></div>\r\n\r\n<div\r\n class=\"bimcomp-messages-preview\"\r\n [ngClass]=\"(showMessagePreview && !_menuOpened && _previewMessagesList.length > 0) ? 'visible' : ''\"\r\n [style.top]=\"previewMessagesOffsetY\"\r\n>\r\n <div class=\"messages-container-preview\">\r\n <div\r\n *ngFor=\"let item of _previewMessagesList\"\r\n class=\"message-item\"\r\n >\r\n <div class=\"message-item-title\">\r\n <div [ngClass]=\"'message-item-icon-' + item.type\"></div>\r\n <div\r\n class=\"message-item-title-text\"\r\n [ngClass]=\"{'capitalize':item.capitalizedTitle}\"\r\n >\r\n {{item.title}}\r\n </div>\r\n <div\r\n class=\"message-item-icon-close\"\r\n (click)=\"_closeMessage(item, true, $event)\"\r\n ></div>\r\n </div>\r\n\r\n <div class=\"message-item-body-text\">\r\n {{item.text}}\r\n </div>\r\n @if (item.linkText) {\r\n <div\r\n *ngFor=\"let link of (item.linkText.constructor === Array ? item.linkText : [item.linkText]); let i = index\"\r\n class=\"message-item-link\"\r\n [title]=\"_getItemLinkTitle(item, i)\"\r\n (click)=\"_messageAction(item, i)\"\r\n >{{link}}</div>\r\n }\r\n </div>\r\n </div>\r\n</div>", styles: ["[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;inset:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;inset:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:\" \";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:\"\";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{inset:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{inset:0 auto 0 0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.bim-notify{position:relative}.bim-notify .dropdown{position:relative;width:3.25em;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.bim-notify .dropdown-toggle{position:relative;margin-left:.44em;margin-right:.44em;background-size:1.4em 1.4em;cursor:pointer}.bim-notify .bimcomp-dropdown-menu,.bim-notify .bimcomp-messages-preview{font-family:Source Sans Pro,Helvetica,Arial,tahoma,sans-serif;position:absolute;top:100%;right:0;z-index:2;display:none;width:19em;margin:0;padding:.5em .65em .57em 0}.bim-notify .bimcomp-dropdown-menu .messages-title,.bim-notify .bimcomp-messages-preview .messages-title{height:2em;display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:#fff;background-color:#444}.bim-notify .bimcomp-dropdown-menu .messages-title .messages-count,.bim-notify .bimcomp-messages-preview .messages-title .messages-count,.bim-notify .bimcomp-dropdown-menu .messages-title .messages-delete-all,.bim-notify .bimcomp-messages-preview .messages-title .messages-delete-all{cursor:pointer;font-size:.8125em;font-weight:400;margin:0 .8125em}.bim-notify .bimcomp-dropdown-menu .messages-title .messages-delete-all,.bim-notify .bimcomp-messages-preview .messages-title .messages-delete-all{text-decoration:underline}.bim-notify .bimcomp-dropdown-menu div,.bim-notify .bimcomp-messages-preview div{font-size:1em}.bim-notify .bimcomp-dropdown-menu .noselect,.bim-notify .bimcomp-messages-preview .noselect{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.bim-notify .bimcomp-dropdown-menu li,.bim-notify .bimcomp-messages-preview li{display:flex;flex-direction:row;align-items:center;box-sizing:content-box;padding:.21em 2.1em}.bim-notify .bimcomp-dropdown-menu li span,.bim-notify .bimcomp-messages-preview li span{display:inline-block;flex:1 0 auto;margin-right:1.43em;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.bim-notify .bimcomp-dropdown-menu li:hover,.bim-notify .bimcomp-messages-preview li:hover{background-color:#f5f5f5}.bim-notify .bimcomp-dropdown-menu ul,.bim-notify .bimcomp-messages-preview ul,.bim-notify .bimcomp-dropdown-menu li,.bim-notify .bimcomp-messages-preview li{list-style:none}.bim-notify .bimcomp-dropdown-menu .notify-tick,.bim-notify .bimcomp-messages-preview .notify-tick{width:2em;height:1em;align-self:flex-end;background-image:url('data:image/svg+xml,<svg width=\"32\" height=\"16\" viewBox=\"0 0 32 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M16 -6.99383e-07L32 16L-1.97729e-05 16L16 -6.99383e-07Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A');background-size:cover}.bim-notify .bimcomp-dropdown-menu.open,.bim-notify .bimcomp-messages-preview.visible{display:flex;flex-direction:column}.bim-notify .messages-container,.bim-notify .messages-container-preview{list-style:none;background-color:#fff;border:thin solid rgba(0,0,0,.15);-webkit-box-shadow:0 .43em .86em rgba(0,0,0,.175);box-shadow:0 .43em .86em #0000002d;text-decoration-color:#333;text-decoration-line:none;text-decoration-style:solid;line-height:2.71em;font-weight:400;max-height:16em;overflow:hidden;overflow-y:visible;scrollbar-width:none}.bim-notify .messages-container::-webkit-scrollbar,.bim-notify .messages-container-preview::-webkit-scrollbar{display:none}.bim-notify .messages-container .message-item-empty,.bim-notify .messages-container-preview .message-item-empty{max-width:19em;max-height:6em;padding:.6em .8125em 0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.bim-notify .messages-container .message-item-empty-icon,.bim-notify .messages-container-preview .message-item-empty-icon{width:2.5em;height:2.5em;background-image:url('data:image/svg+xml,<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M18.7779 2.22227C18.2256 2.22227 17.7779 2.66999 17.7779 3.22228V6.66672H22.2223V3.22227C22.2223 2.66999 21.7746 2.22227 21.2223 2.22227H18.7779Z\" fill=\"%23C3C3C3\"/>%0D%0A<path d=\"M4.44455 30.8889C4.44455 29.7844 5.33998 28.8889 6.44455 28.8889L6.66678 28.8889C7.89407 28.8889 8.889 27.894 8.889 26.6667V17.8889C8.889 12.9184 12.9184 8.88894 17.889 8.88894H22.1112C27.0818 8.88894 31.1112 12.9184 31.1112 17.8889V26.6667C31.1112 27.894 32.1061 28.8889 33.3334 28.8889L33.5557 28.8889C34.6602 28.8889 35.5557 29.7844 35.5557 30.8889V31.3334C35.5557 32.438 34.6602 33.3334 33.5557 33.3334H6.44455C5.33999 33.3334 4.44455 32.438 4.44455 31.3334V30.8889Z\" fill=\"%23C3C3C3\"/>%0D%0A<path d=\"M15.5557 35.5556C15.5557 38.0102 17.5455 40.0001 20.0001 40.0001C22.4547 40.0001 24.4446 38.0102 24.4446 35.5556H15.5557Z\" fill=\"%23C3C3C3\"/>%0D%0A</svg>%0D%0A');background-size:cover}.bim-notify .messages-container .message-item-empty-text,.bim-notify .messages-container-preview .message-item-empty-text{font-size:.8125em;line-height:2.2em}.bim-notify .messages-container .message-item,.bim-notify .messages-container-preview .message-item{max-width:19em;border-bottom:1px solid #D3D3D3;padding:.6em .8125em;box-sizing:border-box}.bim-notify .messages-container .message-item-title,.bim-notify .messages-container-preview .message-item-title{display:flex;align-items:center;line-height:1.5em}.bim-notify .messages-container .message-item-title-text,.bim-notify .messages-container-preview .message-item-title-text{font-size:.8125em;font-weight:700;flex:1 1 auto;margin-left:.8125em}.bim-notify .messages-container .message-item-icon-info,.bim-notify .messages-container-preview .message-item-icon-info{width:1.125em;height:1.125em;background-image:url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"utf-8\"?>%0D%0A<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->%0D%0A<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"%0D%0A%09 viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">%0D%0A<style type=\"text/css\">%0D%0A%09.st0{fill:%23444;}%0D%0A%09.st1{fill:%23FFFFFF;}%0D%0A<\\/style>%0D%0A<path class=\"st0\" d=\"M15,0C6.7,0,0,6.7,0,15s6.7,15,15,15s15-6.7,15-15S23.3,0,15,0z\"/>%0D%0A<g>%0D%0A%09<rect x=\"14\" y=\"6\" class=\"st1\" width=\"3\" height=\"3\"/>%0D%0A</g>%0D%0A<g>%0D%0A%09<polygon class=\"st1\" points=\"19,23 12,23 12,21 14,21 14,13 12,13 12,11 17,11 17,21 19,21 %09\"/>%0D%0A</g>%0D%0A</svg>%0D%0A');flex:0 0 auto}.bim-notify .messages-container .message-item-icon-failure,.bim-notify .messages-container-preview .message-item-icon-failure{width:1.125em;height:1.125em;background-image:url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"utf-8\"?>%0D%0A<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->%0D%0A<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"%0D%0A%09 viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">%0D%0A<style type=\"text/css\">%0D%0A%09.st0{fill:%23444;}%0D%0A%09.st1{fill:%23FFFFFF;}%0D%0A<\\/style>%0D%0A<path class=\"st0\" d=\"M15,0C6.7,0,0,6.7,0,15s6.7,15,15,15s15-6.7,15-15S23.3,0,15,0z\"/>%0D%0A<g>%0D%0A%09<rect x=\"14\" y=\"6\" class=\"st1\" width=\"3\" height=\"3\"/>%0D%0A</g>%0D%0A<g>%0D%0A%09<polygon class=\"st1\" points=\"19,23 12,23 12,21 14,21 14,13 12,13 12,11 17,11 17,21 19,21 %09\"/>%0D%0A</g>%0D%0A</svg>%0D%0A');flex:0 0 auto}.bim-notify .messages-container .message-item-icon-close,.bim-notify .messages-container-preview .message-item-icon-close{cursor:pointer;width:1.125em;height:1.125em;background-repeat:no-repeat;background-size:auto;background-position:center;background-image:url('data:image/svg+xml,<svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M4.57764e-05 6.87023L1.12989 8.00012L4.00029 5.12959L6.87016 7.99951L8.00001 6.86963L5.13014 3.9997L8.0001 1.12962L6.87025 -0.000274658L4.00028 2.86982L1.13106 0.000548095L0.00120898 1.13044L2.87043 3.99971L4.57764e-05 6.87023Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A');flex:0 0 auto}.bim-notify .messages-container .message-item-body-text,.bim-notify .messages-container-preview .message-item-body-text{font-size:.8125em;line-height:1.3em;margin-top:.5em;word-wrap:break-word;white-space:normal}.bim-notify .messages-container .message-item-link,.bim-notify .messages-container-preview .message-item-link{color:#fe5000;text-decoration:underline;font-size:.8125em;line-height:1.3em;margin-top:.5em;word-wrap:break-word;white-space:normal;cursor:pointer}.bim-notify .messages-container .message-item:last-child,.bim-notify .messages-container-preview .message-item:last-child{border-bottom:none}.bim-notify .messages-container-preview{max-height:none;background-color:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.bim-notify .messages-container-preview .message-item{background-color:#fff;border:thin solid rgba(0,0,0,.15);-webkit-box-shadow:0 .3em .3em rgba(0,0,0,.175);box-shadow:0 .3em .3em #0000002d;margin-bottom:.5em}.bim-notify .icon{flex-shrink:0;display:inline-block;vertical-align:middle;margin:0 1.36em 0 0;width:1.64em;height:1.64em;background-size:contain;background-position:center;background-repeat:no-repeat}.bim-notify .main-icon{flex-shrink:0;display:inline-block;vertical-align:middle;width:1.375em;height:1.375em;background-size:contain;background-position:center;background-repeat:no-repeat}.bim-notify .main-icon.notify{transform-origin:center top}@keyframes ringbell{0%{transform:rotate(0)}5%{transform:rotate(35deg)}15%{transform:rotate(-30deg)}25%{transform:rotate(25deg)}35%{transform:rotate(-20deg)}45%{transform:rotate(15deg)}55%{transform:rotate(-10deg)}65%{transform:rotate(5deg)}70%{transform:rotate(0)}to{transform:rotate(0)}}.bim-notify .bimcomp-overlay{position:fixed;width:100vw;height:100vh;left:0;top:0;display:none}.bim-notify .bimcomp-overlay.open{display:block;z-index:1}.bim-notify .icon-notify{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M9 1C8.44772 1 8 1.44772 8 2V3H10V2C10 1.44772 9.55228 1 9 1Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M2 14C2 13.4477 2.44772 13 3 13C3.55228 13 4 12.5523 4 12V8C4 5.79086 5.79086 4 8 4H10C12.2091 4 14 5.79086 14 8V12C14 12.5523 14.4477 13 15 13C15.5523 13 16 13.4477 16 14C16 14.5523 15.5523 15 15 15H3C2.44772 15 2 14.5523 2 14Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M7 16C7 17.1046 7.89543 18 9 18C10.1046 18 11 17.1046 11 16H7Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}.bim-notify .icon-notify-alert{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M9 1C8.44772 1 8 1.44772 8 2V3H10V2C10 1.44772 9.55228 1 9 1Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M2 14C2 13.4477 2.44772 13 3 13C3.55228 13 4 12.5523 4 12V8C4 5.79086 5.79086 4 8 4H10C12.2091 4 14 5.79086 14 8V12C14 12.5523 14.4477 13 15 13C15.5523 13 16 13.4477 16 14C16 14.5523 15.5523 15 15 15H3C2.44772 15 2 14.5523 2 14Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M7 16C7 17.1046 7.89543 18 9 18C10.1046 18 11 17.1046 11 16H7Z\" fill=\"%23444444\"/>%0D%0A<circle cx=\"15.5\" cy=\"2.5\" r=\"2.5\" fill=\"%23FE5000\"/>%0D%0A</svg>%0D%0A')}.bim-notify .icon-notify-tick-up{background-image:url('data:image/svg+xml,<svg width=\"32\" height=\"16\" viewBox=\"0 0 32 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M16 -6.99383e-07L32 16L-1.97729e-05 16L16 -6.99383e-07Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}.bim-notify .icon-notify-info{background-image:url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"utf-8\"?>%0D%0A<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->%0D%0A<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"%0D%0A%09 viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">%0D%0A<style type=\"text/css\">%0D%0A%09.st0{fill:%23444;}%0D%0A%09.st1{fill:%23FFFFFF;}%0D%0A<\\/style>%0D%0A<path class=\"st0\" d=\"M15,0C6.7,0,0,6.7,0,15s6.7,15,15,15s15-6.7,15-15S23.3,0,15,0z\"/>%0D%0A<g>%0D%0A%09<rect x=\"14\" y=\"6\" class=\"st1\" width=\"3\" height=\"3\"/>%0D%0A</g>%0D%0A<g>%0D%0A%09<polygon class=\"st1\" points=\"19,23 12,23 12,21 14,21 14,13 12,13 12,11 17,11 17,21 19,21 %09\"/>%0D%0A</g>%0D%0A</svg>%0D%0A')}.bim-notify .icon-notify-failure{background-image:url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"utf-8\"?>%0D%0A<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->%0D%0A<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"%0D%0A%09 viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">%0D%0A<style type=\"text/css\">%0D%0A%09.st0{fill:%23444;}%0D%0A%09.st1{fill:%23FFFFFF;}%0D%0A<\\/style>%0D%0A<path class=\"st0\" d=\"M15,0C6.7,0,0,6.7,0,15s6.7,15,15,15s15-6.7,15-15S23.3,0,15,0z\"/>%0D%0A<g>%0D%0A%09<rect x=\"14\" y=\"6\" class=\"st1\" width=\"3\" height=\"3\"/>%0D%0A</g>%0D%0A<g>%0D%0A%09<polygon class=\"st1\" points=\"19,23 12,23 12,21 14,21 14,13 12,13 12,11 17,11 17,21 19,21 %09\"/>%0D%0A</g>%0D%0A</svg>%0D%0A')}.bim-notify .icon-notify-close{background-image:url('data:image/svg+xml,<svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M4.57764e-05 6.87023L1.12989 8.00012L4.00029 5.12959L6.87016 7.99951L8.00001 6.86963L5.13014 3.9997L8.0001 1.12962L6.87025 -0.000274658L4.00028 2.86982L1.13106 0.000548095L0.00120898 1.13044L2.87043 3.99971L4.57764e-05 6.87023Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}.bim-notify .icon-notify-empty{background-image:url('data:image/svg+xml,<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M18.7779 2.22227C18.2256 2.22227 17.7779 2.66999 17.7779 3.22228V6.66672H22.2223V3.22227C22.2223 2.66999 21.7746 2.22227 21.2223 2.22227H18.7779Z\" fill=\"%23C3C3C3\"/>%0D%0A<path d=\"M4.44455 30.8889C4.44455 29.7844 5.33998 28.8889 6.44455 28.8889L6.66678 28.8889C7.89407 28.8889 8.889 27.894 8.889 26.6667V17.8889C8.889 12.9184 12.9184 8.88894 17.889 8.88894H22.1112C27.0818 8.88894 31.1112 12.9184 31.1112 17.8889V26.6667C31.1112 27.894 32.1061 28.8889 33.3334 28.8889L33.5557 28.8889C34.6602 28.8889 35.5557 29.7844 35.5557 30.8889V31.3334C35.5557 32.438 34.6602 33.3334 33.5557 33.3334H6.44455C5.33999 33.3334 4.44455 32.438 4.44455 31.3334V30.8889Z\" fill=\"%23C3C3C3\"/>%0D%0A<path d=\"M15.5557 35.5556C15.5557 38.0102 17.5455 40.0001 20.0001 40.0001C22.4547 40.0001 24.4446 38.0102 24.4446 35.5556H15.5557Z\" fill=\"%23C3C3C3\"/>%0D%0A</svg>%0D%0A')}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1723
|
+
calculateCurrentSubMenuItemUnits() {
|
|
1724
|
+
return SVGGenerator.drawMenuItemSvg(this._visualSettings.svgRadius, this._visualSettings.svgRadiusInner, 20, this.isEmbedded);
|
|
1725
|
+
}
|
|
1726
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: BimplusToolHubComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1727
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.1", type: BimplusToolHubComponent, isStandalone: true, selector: "lib-bimplus-tool-hub", inputs: { left: "left", top: "top", items: "items", isOpened: ["isOpened", "isOpened", booleanAttribute], isEmbedded: ["isEmbedded", "isEmbedded", booleanAttribute], isFocused: ["isFocused", "isFocused", booleanAttribute], isActive: ["isActive", "isActive", booleanAttribute] }, outputs: { itemClicked: "itemClicked", subItemClicked: "subItemClicked" }, host: { properties: { "style.left.px": "this.left", "style.top.px": "this.top" } }, usesInheritance: true, ngImport: i0, template: " <div class=\"center-menu\">\r\n <div class=\"center-menu-fp\" id=\"center-menu-fp-id\" [ngClass]=\"activeSubItems ? 'submenu-active' : ''\">\r\n <div libDraggable id=\"center-menu-controller\" class=\"center-menu-controller dragger\" data-test=\"toolhub_controller\" [ngClass]=\"{\r\n 'opened': isOpened,\r\n 'active': isActive\r\n }\" \r\n [title]=\"title\"\r\n (clicked)=\"toggleMenu()\"\r\n (dragging)=\"dragElement($event)\"\r\n >\r\n </div>\r\n <div class=\"center-menu-circle-border-inner\" [ngClass]=\"!isOpened ? 'hidden' : ''\"></div>\r\n <div class=\"center-menu-circle-border-outer\" [ngClass]=\"!isOpened ? 'hidden' : ''\" (mouseleave)=\"setHoveredState('menuCircleBorderOuter', false)\" (mouseenter)=\"setHoveredState('menuCircleBorderOuter', true)\"></div>\r\n <div libDraggable class=\"center-menu-circle\" [ngClass]=\"!isOpened ? 'hidden' : ''\" (mouseleave)=\"setHoveredState('menuCircle', false)\" (mouseenter)=\"setHoveredState('menuCircle', true)\" (dragging)=\"dragElement($event)\">\r\n \r\n <lib-tool-hub-item libDraggable *ngFor=\"let item of items\"\r\n [attr.data-test]=\"'toolhub_item_' + item.buttonId\"\r\n [item]=\"item\"\r\n [active] = \"item.active\"\r\n [isEnabled]=\"!item.disabled\"\r\n (clicked) = \"clickToolHubItem(item.buttonId)\"\r\n ></lib-tool-hub-item>\r\n\r\n <svg class=\"centermenu-button-svg\" [attr.viewBox]=\"getSVGViewBox()\" fill=\"none\">\r\n <clipPath id=\"svgCenterMenu\" clipPathUnits=\"objectBoundingBox\">\r\n <path [attr.d]=\"getSVGCenterMenuPath()\" fill=\"white\"/>\r\n </clipPath>\r\n <clipPath id=\"svgCenterMenuItem\" clipPathUnits=\"objectBoundingBox\">\r\n <path [attr.d]=\"getSVGCenterMenuItemPath()\" fill=\"white\"/>\r\n </clipPath>\r\n <clipPath id=\"svgCenterSubMenuItem\" clipPathUnits=\"objectBoundingBox\">\r\n <path [attr.d]=\"getSVGCenterSubMenuItemPath()\" fill=\"white\"/>\r\n </clipPath>\r\n <clipPath id=\"svgCenterMenuSubMenu\" clipPathUnits=\"objectBoundingBox\">\r\n <path [attr.d]=\"annularSector\" fill=\"none\" />\r\n </clipPath>\r\n <clipPath id=\"svgCenterMenuSubMenuBorder\" clipPathUnits=\"objectBoundingBox\">\r\n <path [attr.d]=\"annularSectorBorder\" fill=\"none\" />\r\n </clipPath>\r\n <clipPath id=\"svgCenterMenuSubMenuDeadZone\" clipPathUnits=\"objectBoundingBox\">\r\n <path [attr.d]=\"deadZoneAnnularSector\" fill=\"none\" />\r\n </clipPath>\r\n </svg>\r\n </div>\r\n \r\n @if (activeSubItems) {\r\n <div class=\"center-menu-sub-menu-border\" [ngClass]=\"!isOpened ? 'hidden' : ''\" (mouseleave)=\"setHoveredState('submenuBorder', false)\" (mouseenter)=\"setHoveredState('submenuBorder', true)\"></div>\r\n <div class=\"center-menu-sub-menu\" [ngClass]=\"!isOpened ? 'hidden' : ''\" (mouseleave)=\"setHoveredState('submenu', false)\" (mouseenter)=\"setHoveredState('submenu', true)\">\r\n <lib-tool-hub-sub-item *ngFor=\"let item of activeSubItems\"\r\n [attr.data-test]=\"'toolhub_subitem_' + item.buttonId\"\r\n [item]=\"item\"\r\n (click) = \"clickToolHubSubItem(item.buttonId)\"\r\n ></lib-tool-hub-sub-item>\r\n </div>\r\n <div class=\"center-menu-sub-menu-dead-zone\" [ngClass]=\"!isOpened ? 'hidden' : ''\" (mouseleave)=\"setHoveredState('deadZone', false)\" (mouseenter)=\"setHoveredState('deadZone', true)\"></div>\r\n }\r\n\r\n </div>\r\n</div>", styles: [".flexbox{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.text-selected{color:#fe5000}.ui-icon22px{width:2.2rem;height:2.2rem;display:inline-block;float:right;border-radius:.4rem;background-position:center center;background-repeat:no-repeat;cursor:pointer}.ui-icon-sidemenu{width:2.4rem;height:2.4rem;background-size:1.8rem 1.8rem;background-position:center center;background-repeat:no-repeat}.touch-ui-icon-sidemenu{width:2.4rem;height:2.4rem;background-size:1.8rem 1.8rem;background-position:center center;background-repeat:no-repeat;width:3.2rem;height:3.2rem}.ui-icon-sidemenu-important{width:2.4rem!important;height:2.4rem!important;background-size:1.8rem 1.8rem!important;background-position:center center;background-repeat:no-repeat}.shadow{box-shadow:.3rem .3rem .7rem #0000004d}.is-touch .center-menu .submenu-container{-webkit-box-justify-content:flex-end;-moz-box-justify-content:flex-end;-webkit-justify-content:flex-end;-ms-justify-content:flex-end;justify-content:flex-end}.is-touch #cmb-view-submenu{display:none;top:19rem}.is-touch #cmb-view-submenu .bim-ui-popupwin-tick-down{display:none}@media (max-width: 75.8rem){.touch-center-menu-left-position{left:-29rem}}@media (min-width: 76.8rem) and (max-width: 98.2rem){.touch-center-menu-left-position{left:-29rem}}@media (min-width: 99.2rem) and (max-width: 119rem){.touch-center-menu-left-position{left:-35rem}}@media (min-width: 120rem) and (max-width: 159rem){.touch-center-menu-left-position{left:-35rem}}@media (min-width: 160rem){.touch-center-menu-left-position{left:-35rem}}#center-menu-fp-id{background-color:transparent;pointer-events:none;min-width:20.5rem;min-height:20.5rem;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr;z-index:3;position:relative}#center-menu-fp-id.embedded{min-width:16.5rem;min-height:16.5rem}.center-menu{position:absolute;height:100%;width:100%;bottom:22.1rem;pointer-events:none}.center-menu>*{pointer-events:all}.center-menu .hidden{display:none!important}.center-menu .center-menu-fp.submenu-active{width:27rem}.center-menu .center-menu-controller{cursor:pointer;pointer-events:all;position:absolute;width:4.9rem;height:4.9rem;left:7.8rem;top:7.9rem;border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:2.7rem 2.7rem;background-color:#fff;background-image:url('data:image/svg+xml,<svg width=\"27\" height=\"27\" viewBox=\"0 0 27 27\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M23.5 12.5L22 14L21 13V21H6V13L5 14L3.5 12.5L13.4998 2.5L23.5 12.5ZM13.5 5.5L19 11V19H17V14H10V19H8V11L13.5 5.5ZM15 16V19H12V16H15Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A');border:1px solid #8D8D8D}.center-menu .center-menu-controller.opened{background-image:url('data:image/svg+xml,<svg width=\"27\" height=\"28\" viewBox=\"0 0 27 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g clip-path=\"url(%23clip0_519_386)\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22.5 13.0223L21 14.5223L20 13.5223V20.0223H7V13.5223L6 14.5223L4.5 13.0223L13.4998 4.02234L22.5 13.0223ZM13.5 7.02234L18 11.5223V18.0223H16V14.0223H11V18.0223H9V11.5223L13.5 7.02234ZM14 16.0223V18.0223H13V16.0223H14Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M5 0.0223389L0 5.02234H5V0.0223389Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M5 27.0223L0 22.0223H5V27.0223Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M27 5.02234L22 0.0223389V5.02234H27Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M22 27.0223L27 22.0223H22V27.0223Z\" fill=\"%23444444\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_519_386\">%0D%0A<rect width=\"27\" height=\"27\" fill=\"white\" transform=\"matrix(-1 0 0 1 27 0.0223389)\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A');transition:width .5s ease-in-out,height .5s ease-in-out}.center-menu .center-menu-controller:not(.opened).active{background-color:#fe5000;background-image:url('data:image/svg+xml,<svg width=\"27\" height=\"27\" viewBox=\"0 0 27 27\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M23.5 12.5L22 14L21 13V21H6V13L5 14L3.5 12.5L13.4998 2.5L23.5 12.5ZM13.5 5.5L19 11V19H17V14H10V19H8V11L13.5 5.5ZM15 16V19H12V16H15Z\" fill=\"white\"/>%0D%0A</svg>%0D%0A');border-color:transparent}.center-menu .center-menu-sub-menu-dead-zone{position:absolute;top:-7rem;left:-7rem;width:55rem;height:55rem;margin:auto;vertical-align:bottom;text-align:center;white-space:nowrap;background-color:#fff0;pointer-events:all;-webkit-clip-path:url(#svgCenterMenuSubMenuDeadZone);clip-path:url(#svgCenterMenuSubMenuDeadZone);font-size:0;z-index:-1}.center-menu .center-menu-sub-menu-border{position:absolute;top:-7rem;left:-7rem;width:35rem;height:35rem;margin:auto;vertical-align:bottom;text-align:center;white-space:nowrap;background-color:#c3c3c3;opacity:.9;pointer-events:all;-webkit-clip-path:url(#svgCenterMenuSubMenuBorder);clip-path:url(#svgCenterMenuSubMenuBorder);font-size:0}.center-menu .center-menu-sub-menu{position:absolute;top:-7rem;left:-7rem;width:35rem;height:35rem;margin:auto;vertical-align:bottom;text-align:center;white-space:nowrap;background-color:#ffffffe6;pointer-events:all;overflow:hidden;-webkit-clip-path:url(#svgCenterMenuSubMenu);clip-path:url(#svgCenterMenuSubMenu);font-size:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.center-menu .center-menu-sub-menu .centermenu-button{width:35rem;height:35rem;left:auto;right:0}.center-menu .center-menu-sub-menu .centermenu-button .centermenu-button-text{display:none}.center-menu .center-menu-sub-menu .centermenu-button .centermenu-button-icon{width:2rem;height:3rem;background-size:1.8rem 1.8rem}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(1){transform:rotate(62.5deg) translate(-1rem,3.8rem)}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(1) .centermenu-button-icon{transform:rotate(-50deg) translate(-1rem,4rem)}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(2){transform:rotate(82.5deg) translate(-1rem,3.8rem)}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(2) .centermenu-button-icon{transform:rotate(-60deg) translate(-1rem,4rem)}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(3){transform:rotate(102.5deg) translate(-1rem,4rem)}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(3) .centermenu-button-icon{transform:rotate(-70deg) translate(-.8rem,4rem)}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(4){transform:rotate(122.5deg) translate(-.7rem,3.8rem)}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(4) .centermenu-button-icon{transform:rotate(-80deg) translate(-1rem,4rem)}.center-menu .center-menu-sub-menu .center-sub-menu-button{position:absolute;width:35rem;height:35rem;overflow:hidden;top:0;left:0;margin:0;padding:0;-webkit-clip-path:url(#svgCenterSubMenuItem);clip-path:url(#svgCenterSubMenuItem);font-size:0;background-position:center top}.center-menu .center-menu-sub-menu .center-sub-menu-button.active:not(.disabled){background-color:#fe5000}.center-menu .center-menu-sub-menu .center-sub-menu-button .center-sub-menu-button-icon{width:2rem;height:2rem;display:inline-block;margin:0;padding:0;background-position:center;background-repeat:no-repeat;background-size:2rem 2rem;cursor:pointer}.center-menu .center-menu-circle-border-outer,.center-menu .center-menu-circle-border-inner{position:absolute;margin:auto;vertical-align:bottom;text-align:center;white-space:nowrap;background-color:#8d8d8d80;opacity:.9;pointer-events:all;-webkit-clip-path:url(#svgCenterMenu);clip-path:url(#svgCenterMenu);font-size:0}.center-menu .center-menu-circle-border-outer{width:20.5rem;height:20.5rem;transform:translate(0) scale(1.01)}.center-menu .center-menu-circle-border-inner{width:20.5rem;height:20.5rem;transform:scale(.97)}.center-menu .center-menu-circle{width:20.5rem;height:20.5rem;margin:auto;vertical-align:bottom;text-align:center;white-space:nowrap;background-color:#444444e6;pointer-events:all;-webkit-clip-path:url(#svgCenterMenu);clip-path:url(#svgCenterMenu);font-size:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.center-menu .center-menu-circle .centermenu-button-text{display:none}.center-menu .center-menu-circle .bim-ui-popupwin-content{box-shadow:.3rem .3rem .7rem #0000004d}.center-menu .center-menu-circle .bim-ui-popupwin-content .section-menu-item,.center-menu .center-menu-circle .bim-ui-popupwin-content .annotation-menu-item{text-align:center}.center-menu .center-menu-circle .bim-ui-popupwin-item{min-width:7.125em}.center-menu .center-menu-circle .submenu-container{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-justify-content:center;-moz-box-justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center}.center-menu .center-menu-circle .centermenu-button:nth-child(1){transform:rotate(calc(90deg + 1 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(1) .centermenu-button-icon{transform:rotate(calc(-90deg - 1 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(2){transform:rotate(calc(90deg + 2 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(2) .centermenu-button-icon{transform:rotate(calc(-90deg - 2 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(3){transform:rotate(calc(90deg + 3 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(3) .centermenu-button-icon{transform:rotate(calc(-90deg - 3 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(4){transform:rotate(calc(90deg + 4 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(4) .centermenu-button-icon{transform:rotate(calc(-90deg - 4 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(5){transform:rotate(calc(90deg + 5 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(5) .centermenu-button-icon{transform:rotate(calc(-90deg - 5 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(6){transform:rotate(calc(90deg + 6 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(6) .centermenu-button-icon{transform:rotate(calc(-90deg - 6 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(7){transform:rotate(calc(90deg + 7 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(7) .centermenu-button-icon{transform:rotate(calc(-90deg - 7 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(8){transform:rotate(calc(90deg + 8 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(8) .centermenu-button-icon{transform:rotate(calc(-90deg - 8 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(9){transform:rotate(calc(90deg + 9 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(9) .centermenu-button-icon{transform:rotate(calc(-90deg - 9 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(10){transform:rotate(calc(90deg + 10 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(10) .centermenu-button-icon{transform:rotate(calc(-90deg - 10 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(11){transform:rotate(calc(90deg + 11 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(11) .centermenu-button-icon{transform:rotate(calc(-90deg - 11 * 360deg / var(--menu-items)))}.center-menu .centermenu-button{position:absolute;width:20.5rem;height:20.5rem;top:0;left:0;margin:0;padding:0;-webkit-clip-path:url(#svgCenterMenuItem);clip-path:url(#svgCenterMenuItem);font-size:0;overflow:hidden;background-position:center top}.center-menu .centermenu-button.active:not(.disabled){background-color:#fe5000}.center-menu .centermenu-button .centermenu-button-icon{width:5.8rem;height:5.8rem;margin:-.6rem;display:inline-block;padding:0;background-position:center;background-repeat:no-repeat;background-size:1.8rem 1.8rem}.center-sub-menu-button:nth-child(1){transform:rotate(65deg);left:auto;right:0}.center-sub-menu-button:nth-child(1) .center-sub-menu-button-icon{transform:rotate(-65deg)}.center-sub-menu-button:nth-child(2){transform:rotate(80deg);left:auto;right:0}.center-sub-menu-button:nth-child(2) .center-sub-menu-button-icon{transform:rotate(-85deg)}.center-sub-menu-button:nth-child(3){transform:rotate(95deg);left:auto;right:0}.center-sub-menu-button:nth-child(3) .center-sub-menu-button-icon{transform:rotate(-105deg)}.center-sub-menu-button:nth-child(4){transform:rotate(110deg);left:auto;right:0}.center-sub-menu-button:nth-child(4) .center-sub-menu-button-icon{transform:rotate(-125deg)}@-webkit-keyframes highlight{0%{background-color:#d84500}to{background-color:#d84500}}@keyframes highlight{0%{background-color:#d84500}to{background-color:#d84500}}.center-menu .center-menu-fp.is-dragging .center-menu-controller,.center-menu .center-menu-fp.is-dragging .centermenu-button{cursor:move}.center-menu .center-menu-fp.is-dragging .center-menu-sub-menu .centermenu-button{cursor:auto}.center-menu .center-menu-fp.is-dragging .center-menu-sub-menu .centermenu-button .centermenu-button-icon{cursor:pointer}.center-menu .center-menu-fp:not(.is-dragging) .center-menu-controller,.center-menu .center-menu-fp:not(.is-dragging) .centermenu-button{cursor:pointer}.center-menu .center-menu-fp:not(.is-dragging) .center-menu-sub-menu .centermenu-button{cursor:auto}.center-menu .center-menu-fp:not(.is-dragging) .center-menu-sub-menu .centermenu-button .centermenu-button-icon{cursor:pointer}.center-menu .center-menu-fp:not(.is-dragging) div:not(.center-menu-sub-menu) .centermenu-button:not(.active):hover{background-color:#8d8d8d}.center-menu .center-menu-fp:not(.is-dragging) div:not(.center-menu-sub-menu) .centermenu-button.pulse:not(.disabled){-webkit-animation:highlight .25s linear;animation:highlight .25s linear}#cmb-view-submenu{display:none;text-align:left;position:absolute;bottom:7.4rem;width:35rem;left:25.5rem}.bim-bottom-submenu{display:none;text-align:left;position:absolute}.center-menu{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.center-menu .embedded .center-menu-circle{width:16.5rem;height:16.5rem}.center-menu .embedded .center-menu-controller{left:5.8rem;top:5.8rem}.center-menu .embedded .centermenu-button,.center-menu .embedded .center-menu-circle-border-outer,.center-menu .embedded .center-menu-circle-border-inner{width:16.5rem;height:16.5rem}.center-menu .embedded .center-menu-sub-menu{width:30rem;height:31rem}.center-menu .embedded .center-menu-sub-menu .centermenu-button{width:30rem;height:30rem}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(1){transform:rotate(64.5deg) translate(-1rem,3rem)}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(1) .centermenu-button-icon{transform:rotate(-50deg) translate(-1rem,4rem)}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(2){transform:rotate(84.5deg) translate(-1rem,3.1rem)}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(2) .centermenu-button-icon{transform:rotate(-60deg) translate(-1rem,4rem)}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(3){transform:rotate(105.5deg) translate(-1rem,3rem)}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(3) .centermenu-button-icon{transform:rotate(-70deg) translate(-.8rem,4rem)}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(4){transform:rotate(124.5deg) translate(-.7rem,2.7rem)}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(4) .centermenu-button-icon{transform:rotate(-80deg) translate(-1rem,4rem)}.center-menu .embedded .center-menu-sub-menu-border{width:30rem;height:31rem}.ui-icon-create-task{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g clip-path=\"url(%23clip0_201_1470)\">%0D%0A<path d=\"M2 16V3H4V4H11V3H13V9H15V1H10V0H5V1H0V18H12V16H2Z\" fill=\"white\"/>%0D%0A<path d=\"M4.40002 8.59998L3 10L5.90002 12.9L12 6.90002L10.5 5.5L5.90002 10.1L4.40002 8.59998Z\" fill=\"white\"/>%0D%0A<path d=\"M15 10V13H18V15H15V18H13V15H10V13H13V10H15Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1470\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-create-task.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\" clip-path=\"url(%23clip0_201_1495)\">%0D%0A<path d=\"M2 16V3H4V4H11V3H13V9H15V1H10V0H5V1H0V18H12V16H2Z\" fill=\"white\"/>%0D%0A<path d=\"M4.40002 8.59998L3 10L5.90002 12.9L12 6.90002L10.5 5.5L5.90002 10.1L4.40002 8.59998Z\" fill=\"white\"/>%0D%0A<path d=\"M15 10V13H18V15H15V18H13V15H10V13H13V10H15Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1495\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-quantity-take-off{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M1.99976 2V4L7.50244 9.50267L1.99512 15.01L1.99976 15.0146V17.01H15.9998V13.01L13.9998 13V15.01H4.82349L10.3353 9.50717L10.3308 9.50267L10.3326 9.50085L4.82812 4H13.9998V6H15.9998V2H1.99976Z\" fill=\"white\"/>%0D%0A</svg>%0D%0A')}.ui-icon-quantity-take-off.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\">%0D%0A<path d=\"M1.99976 2V4L7.50244 9.50267L1.99512 15.01L1.99976 15.0146V17.01H15.9998V13.01L13.9998 13V15.01H4.82349L10.3353 9.50717L10.3308 9.50267L10.3326 9.50085L4.82812 4H13.9998V6H15.9998V2H1.99976Z\" fill=\"white\"/>%0D%0A</g>%0D%0A</svg>%0D%0A')}.ui-icon-markup{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g clip-path=\"url(%23clip0_201_1472)\">%0D%0A<path d=\"M14.021 2L11.8996 0L0 12V14H2L14.021 2Z\" fill=\"white\"/>%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 18L5 15L5.8388 15.8387L6.849 14.8285L6.0103 13.9897L8 12L8.8388 12.8388L9.8388 11.8388L9 11L11 9L11.8389 9.8389L12.8389 8.8389L12 8L14 6L14.8388 6.8388L15.8388 5.8388L15 5L18 2V18H2ZM9.0712 15L15 9.0709V15H9.0712Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1472\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-markup.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\" clip-path=\"url(%23clip0_201_1497)\">%0D%0A<path d=\"M14.021 2L11.8996 0L0 12V14H2L14.021 2Z\" fill=\"white\"/>%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 18L5 15L5.8388 15.8387L6.849 14.8285L6.0103 13.9897L8 12L8.8388 12.8388L9.8388 11.8388L9 11L11 9L11.8389 9.8389L12.8389 8.8389L12 8L14 6L14.8388 6.8388L15.8388 5.8388L15 5L18 2V18H2ZM9.0712 15L15 9.0709V15H9.0712Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1497\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-section{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M1 1V2.80005L6.29999 8.10004L8.10004 6.30005L3 1H1ZM14.4 16.2C13.4 16.2 12.6 15.4 12.6 14.4C12.6 13.4 13.4 12.6 14.4 12.6C15.4 12.6 16.2 13.4 16.2 14.4C16.2 15.4 15.4 16.2 14.4 16.2ZM14.4 5.40002C13.4 5.40002 12.6 4.60004 12.6 3.60004C12.6 2.60004 13.4 1.80005 14.4 1.80005C15.4 1.80005 16.2 2.60004 16.2 3.60004C16.2 4.60004 15.4 5.40002 14.4 5.40002ZM1 15.2V17H3L9 10.8L11.1 12.9C10.9 13.4 10.8 13.9 10.8 14.4C10.8 16.4 12.4 18 14.4 18C16.4 18 18 16.4 18 14.4C18 12.4 16.4 10.8 14.4 10.8C13.8 10.8 13.3 10.9 12.9 11.1L10.8 9L12.9 6.90002C13.4 7.10002 13.9 7.20001 14.4 7.20001C16.4 7.20001 18 5.60004 18 3.60004C18 1.60004 16.4 0 14.4 0C12.4 0 10.8 1.60004 10.8 3.60004C10.8 4.20004 10.9 4.70004 11.1 5.10004L1 15.2Z\" fill=\"white\"/>%0D%0A</svg>%0D%0A')}.ui-icon-section.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\">%0D%0A<path d=\"M1 1V2.80005L6.29999 8.10004L8.10004 6.30005L3 1H1ZM14.4 16.2C13.4 16.2 12.6 15.4 12.6 14.4C12.6 13.4 13.4 12.6 14.4 12.6C15.4 12.6 16.2 13.4 16.2 14.4C16.2 15.4 15.4 16.2 14.4 16.2ZM14.4 5.40002C13.4 5.40002 12.6 4.60004 12.6 3.60004C12.6 2.60004 13.4 1.80005 14.4 1.80005C15.4 1.80005 16.2 2.60004 16.2 3.60004C16.2 4.60004 15.4 5.40002 14.4 5.40002ZM1 15.2V17H3L9 10.8L11.1 12.9C10.9 13.4 10.8 13.9 10.8 14.4C10.8 16.4 12.4 18 14.4 18C16.4 18 18 16.4 18 14.4C18 12.4 16.4 10.8 14.4 10.8C13.8 10.8 13.3 10.9 12.9 11.1L10.8 9L12.9 6.90002C13.4 7.10002 13.9 7.20001 14.4 7.20001C16.4 7.20001 18 5.60004 18 3.60004C18 1.60004 16.4 0 14.4 0C12.4 0 10.8 1.60004 10.8 3.60004C10.8 4.20004 10.9 4.70004 11.1 5.10004L1 15.2Z\" fill=\"white\"/>%0D%0A</g>%0D%0A</svg>%0D%0A')}.ui-icon-obj-transp{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g clip-path=\"url(%23clip0_201_1476)\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.1646 4.1354L13.6441 2.69995L14.9591 3.81644L3.5343 14.9013L2.3014 13.7051L3.20551 12.8279C1.15068 11.2329 0 9.31898 0 9.31898C0 9.31898 3.53431 3.49743 9.04126 3.49743C10.192 3.49743 11.1783 3.73666 12.1646 4.1354ZM4.02744 9.39876C4.02744 10.1962 4.27403 10.914 4.60281 11.552L6.1645 10.0367C6.0823 9.87724 6.08227 9.71776 6.08227 9.55827C6.08227 7.88357 7.39738 6.6076 9.12344 6.6076C9.20563 6.6076 9.28782 6.62753 9.37001 6.64746C9.45219 6.66739 9.53438 6.68733 9.61658 6.68733L11.2604 5.09238C10.6029 4.69364 9.8632 4.53413 9.04126 4.53413C6.24669 4.53413 4.02744 6.68735 4.02744 9.39876Z\" fill=\"white\"/>%0D%0A<path d=\"M14.9589 5.81006L13.5616 7.16578C13.8904 7.80376 14.0548 8.60122 14.0548 9.3987C14.0548 12.1101 11.8356 14.2633 9.04101 14.2633C8.21908 14.2633 7.4793 14.1038 6.73956 13.7848L5.83545 14.662C6.82177 15.0608 7.80808 15.3 8.95878 15.3C14.4657 15.3 18 9.47843 18 9.47843C18 9.47843 16.9315 7.40501 14.9589 5.81006Z\" fill=\"white\"/>%0D%0A<path d=\"M12.0001 8.60132L8.21924 12.2697C8.46582 12.3494 8.79457 12.4292 9.12334 12.4292C10.8494 12.4292 12.1645 11.1532 12.1645 9.47852C12.1645 9.15953 12.0823 8.84056 12.0001 8.60132Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1476\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-obj-transp.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\" clip-path=\"url(%23clip0_201_1501)\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.1646 4.1354L13.6441 2.69995L14.9591 3.81644L3.5343 14.9013L2.3014 13.7051L3.20551 12.8279C1.15068 11.2329 0 9.31898 0 9.31898C0 9.31898 3.53431 3.49743 9.04126 3.49743C10.192 3.49743 11.1783 3.73666 12.1646 4.1354ZM4.02744 9.39876C4.02744 10.1962 4.27403 10.914 4.60281 11.552L6.1645 10.0367C6.0823 9.87724 6.08227 9.71776 6.08227 9.55827C6.08227 7.88357 7.39738 6.6076 9.12344 6.6076C9.20563 6.6076 9.28782 6.62753 9.37001 6.64746C9.45219 6.66739 9.53438 6.68733 9.61658 6.68733L11.2604 5.09238C10.6029 4.69364 9.8632 4.53413 9.04126 4.53413C6.24669 4.53413 4.02744 6.68735 4.02744 9.39876Z\" fill=\"white\"/>%0D%0A<path d=\"M14.9589 5.81006L13.5616 7.16578C13.8904 7.80376 14.0548 8.60122 14.0548 9.3987C14.0548 12.1101 11.8356 14.2633 9.04101 14.2633C8.21908 14.2633 7.4793 14.1038 6.73956 13.7848L5.83545 14.662C6.82177 15.0608 7.80808 15.3 8.95878 15.3C14.4657 15.3 18 9.47843 18 9.47843C18 9.47843 16.9315 7.40501 14.9589 5.81006Z\" fill=\"white\"/>%0D%0A<path d=\"M12.0001 8.60132L8.21924 12.2697C8.46582 12.3494 8.79457 12.4292 9.12334 12.4292C10.8494 12.4292 12.1645 11.1532 12.1645 9.47852C12.1645 9.15953 12.0823 8.84056 12.0001 8.60132Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1501\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-obj-select{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g clip-path=\"url(%23clip0_201_1478)\">%0D%0A<path d=\"M9 14.4L3.6 11.7L0 13.5L9 18L18 13.5L14.4 11.7L9 14.4Z\" fill=\"white\" fill-opacity=\"0.7\"/>%0D%0A<path d=\"M9 9.89995L3.6 7.19995L0 8.99995L9 13.5L18 8.99995L14.4 7.19995L9 9.89995Z\" fill=\"white\"/>%0D%0A<path d=\"M18 4.5L9 9L0 4.5L9 0L18 4.5Z\" fill=\"white\" fill-opacity=\"0.7\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1478\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-obj-select.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\" clip-path=\"url(%23clip0_201_1503)\">%0D%0A<path d=\"M9 14.4L3.6 11.7L0 13.5L9 18L18 13.5L14.4 11.7L9 14.4Z\" fill=\"white\" fill-opacity=\"0.7\"/>%0D%0A<path d=\"M9 9.89995L3.6 7.19995L0 8.99995L9 13.5L18 8.99995L14.4 7.19995L9 9.89995Z\" fill=\"white\"/>%0D%0A<path d=\"M18 4.5L9 9L0 4.5L9 0L18 4.5Z\" fill=\"white\" fill-opacity=\"0.7\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1503\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-navigation-map{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9 18C9 18 15 10.7027 15 5.83784C15 2.35227 12.3137 0 9 0C5.68629 0 3 2.35227 3 5.83784C3 10.7027 9 18 9 18ZM9 9C10.6569 9 12 7.65685 12 6C12 4.34315 10.6569 3 9 3C7.34315 3 6 4.34315 6 6C6 7.65685 7.34315 9 9 9Z\" fill=\"white\"/>%0D%0A</svg>%0D%0A')}.ui-icon-navigation-map.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9 18C9 18 15 10.7027 15 5.83784C15 2.35227 12.3137 0 9 0C5.68629 0 3 2.35227 3 5.83784C3 10.7027 9 18 9 18ZM9 9C10.6569 9 12 7.65685 12 6C12 4.34315 10.6569 3 9 3C7.34315 3 6 4.34315 6 6C6 7.65685 7.34315 9 9 9Z\" fill=\"white\"/>%0D%0A</g>%0D%0A</svg>%0D%0A')}.ui-icon-fullscreen{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M1 7.02246H3V5.02246L2.5 3.52246L5.36396 6.80073L6.77817 5.38652L3.5 2.52246L5 3.02246H7V1.02246H1V7.02246Z\" fill=\"white\"/>%0D%0A<path d=\"M1 11.0225H3V13.0225L2.5 14.5225L5.36396 11.2442L6.77817 12.6584L3.5 15.5225L5 15.0225H7V17.0225H1V11.0225Z\" fill=\"white\"/>%0D%0A<path d=\"M17 7.02246H15V5.02246L15.5 3.52246L12.636 6.80073L11.2218 5.38652L14.5 2.52246L13 3.02246H11V1.02246H17V7.02246Z\" fill=\"white\"/>%0D%0A<path d=\"M17 11.0225H15V13.0225L15.5 14.5225L12.636 11.2442L11.2218 12.6584L14.5 15.5225L13 15.0225H11V17.0225H17V11.0225Z\" fill=\"white\"/>%0D%0A</svg>%0D%0A')}.ui-icon-fullscreen.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\">%0D%0A<path d=\"M1 7.02246H3V5.02246L2.5 3.52246L5.36396 6.80073L6.77817 5.38652L3.5 2.52246L5 3.02246H7V1.02246H1V7.02246Z\" fill=\"white\"/>%0D%0A<path d=\"M1 11.0225H3V13.0225L2.5 14.5225L5.36396 11.2442L6.77817 12.6584L3.5 15.5225L5 15.0225H7V17.0225H1V11.0225Z\" fill=\"white\"/>%0D%0A<path d=\"M17 7.02246H15V5.02246L15.5 3.52246L12.636 6.80073L11.2218 5.38652L14.5 2.52246L13 3.02246H11V1.02246H17V7.02246Z\" fill=\"white\"/>%0D%0A<path d=\"M17 11.0225H15V13.0225L15.5 14.5225L12.636 11.2442L11.2218 12.6584L14.5 15.5225L13 15.0225H11V17.0225H17V11.0225Z\" fill=\"white\"/>%0D%0A</g>%0D%0A</svg>%0D%0A')}.ui-icon-project-navigator{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g clip-path=\"url(%23clip0_201_1486)\">%0D%0A<path d=\"M0 18H6V13H0V18ZM12 13V18H18V13H12ZM12 0H6V5H12V0ZM4 10H14V12H16V8H10V6H8V8H2V12H4V10Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1486\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-project-navigator.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\" clip-path=\"url(%23clip0_201_1511)\">%0D%0A<path d=\"M0 18H6V13H0V18ZM12 13V18H18V13H12ZM12 0H6V5H12V0ZM4 10H14V12H16V8H10V6H8V8H2V12H4V10Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1511\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-obj-reset{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g clip-path=\"url(%23clip0_201_1484)\">%0D%0A<path d=\"M8.89796 16.9495C10.6981 16.7461 12.3759 15.9378 13.6569 14.6569L12.2505 13.2505C11.288 14.213 10.0273 14.8204 8.67472 14.9732C7.32212 15.126 5.95772 14.8152 4.80475 14.0916C3.65178 13.368 2.77852 12.2746 2.32786 10.9902C1.8772 9.70574 1.87582 8.30638 2.32394 7.02106C2.77207 5.73574 3.64316 4.64057 4.7947 3.91474C5.94624 3.18892 7.31003 2.87541 8.66292 3.02553C10.0158 3.17565 11.2777 3.78049 12.2421 4.7411C12.8851 5.38157 13.3705 6.15489 13.6687 7H11.5L15 11L18 7H15.746C15.3891 5.61766 14.6667 4.34898 13.6457 3.332C12.3622 2.05356 10.6828 1.24859 8.88226 1.04881C7.08174 0.849026 5.26673 1.26626 3.73419 2.23223C2.20166 3.1982 1.04235 4.65572 0.445956 6.3663C-0.150436 8.07688 -0.148597 9.93924 0.451173 11.6486C1.05094 13.358 2.21313 14.8133 3.74757 15.7762C5.28201 16.7392 7.09784 17.1528 8.89796 16.9495Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1484\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-obj-reset.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\" clip-path=\"url(%23clip0_201_1509)\">%0D%0A<path d=\"M8.89796 16.9495C10.6981 16.7461 12.3759 15.9378 13.6569 14.6569L12.2505 13.2505C11.288 14.213 10.0273 14.8204 8.67472 14.9732C7.32212 15.126 5.95772 14.8152 4.80475 14.0916C3.65178 13.368 2.77852 12.2746 2.32786 10.9902C1.8772 9.70574 1.87582 8.30638 2.32394 7.02106C2.77207 5.73574 3.64316 4.64057 4.7947 3.91474C5.94624 3.18892 7.31003 2.87541 8.66292 3.02553C10.0158 3.17565 11.2777 3.78049 12.2421 4.7411C12.8851 5.38157 13.3705 6.15489 13.6687 7H11.5L15 11L18 7H15.746C15.3891 5.61766 14.6667 4.34898 13.6457 3.332C12.3622 2.05356 10.6828 1.24859 8.88226 1.04881C7.08174 0.849026 5.26673 1.26626 3.73419 2.23223C2.20166 3.1982 1.04235 4.65572 0.445956 6.3663C-0.150436 8.07688 -0.148597 9.93924 0.451173 11.6486C1.05094 13.358 2.21313 14.8133 3.74757 15.7762C5.28201 16.7392 7.09784 17.1528 8.89796 16.9495Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1509\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-reset-vp{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 4H11V14H0V4ZM2 6H9V12H2V6Z\" fill=\"white\"/>%0D%0A<path d=\"M13 9L18 4V14L13 9Z\" fill=\"white\"/>%0D%0A</svg>%0D%0A')}.ui-icon-reset-vp.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 4H11V14H0V4ZM2 6H9V12H2V6Z\" fill=\"white\"/>%0D%0A<path d=\"M13 9L18 4V14L13 9Z\" fill=\"white\"/>%0D%0A</g>%0D%0A</svg>%0D%0A')}.ui-icon-front-view{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 3L3 12L7 16L16 16L16 7L12 3L3 3ZM4 11.5L6.5 14L6.5 7.5L4 5L4 11.5ZM14.5 8L8 8L8 14.5L14.5 14.5L14.5 8ZM7.5 6.5L14 6.5L11.5 4L5 4L7.5 6.5Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M15 8V11.1111V15H11.1111H8V8H15Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}.ui-icon-front-view:hover{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 3L3 12L7 16L16 16L16 7L12 3L3 3ZM4 11.5L6.5 14L6.5 7.5L4 5L4 11.5ZM14.5 8L8 8L8 14.5L14.5 14.5L14.5 8ZM7.5 6.5L14 6.5L11.5 4L5 4L7.5 6.5Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M15 8V11.1111V15H11.1111H8V8H15Z\" fill=\"%23FE5000\"/>%0D%0A</svg>%0D%0A')}.ui-icon-perspective-view{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.52164 2.02502L17 3.12038V11.4679L10.047 17.2622L2 11.5141V3.15828L8.52164 2.02502ZM8.52164 3.43201L5.48519 3.9986L9.97726 5.13177L13.0033 3.9986L8.52164 3.43201ZM15.335 4.95299L11 6.72026V14.0564L15.335 10.754V4.95299ZM9 14.0564V6.7538L3.52394 4.95299V10.754L9 14.0564Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}.ui-icon-perspective-view:hover{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.52164 2.02502L17 3.12038V11.4679L10.047 17.2622L2 11.5141V3.15828L8.52164 2.02502ZM8.52164 3.43201L5.48519 3.9986L9.97726 5.13177L13.0033 3.9986L8.52164 3.43201ZM15.335 4.95299L11 6.72026V14.0564L15.335 10.754V4.95299ZM9 14.0564V6.7538L3.52394 4.95299V10.754L9 14.0564Z\" fill=\"%23FE5000\"/>%0D%0A</svg>%0D%0A')}.ui-icon-side-view{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 3L12 3L16 7L16 16L7 16L3 12L3 3ZM11.5 4L14 6.5L7.5 6.5L5 4L11.5 4ZM8 14.5L8 8L14.5 8L14.5 14.5L8 14.5ZM6.5 7.5L6.5 14L4 11.5L4 5L6.5 7.5Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M7 7.5L3.5 4.5L3.5 12L6.5 14.5L7 7.5Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}.ui-icon-side-view:hover{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 3L12 3L16 7L16 16L7 16L3 12L3 3ZM11.5 4L14 6.5L7.5 6.5L5 4L11.5 4ZM8 14.5L8 8L14.5 8L14.5 14.5L8 14.5ZM6.5 7.5L6.5 14L4 11.5L4 5L6.5 7.5Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M7 7.5L3.5 4.5L3.5 12L6.5 14.5L7 7.5Z\" fill=\"%23FE5000\"/>%0D%0A</svg>%0D%0A')}.ui-icon-top-view{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 3L3 12L7 16L16 16L16 7L12 3L3 3ZM4 11.5L6.5 14L6.5 7.5L4 5L4 11.5ZM14.5 8L8 8L8 14.5L14.5 14.5L14.5 8ZM7.5 6.5L14 6.5L11.5 4L5 4L7.5 6.5Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M6.75 7L3.5 3.5H12L15 7H6.75Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}.ui-icon-top-view:hover{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 3L3 12L7 16L16 16L16 7L12 3L3 3ZM4 11.5L6.5 14L6.5 7.5L4 5L4 11.5ZM14.5 8L8 8L8 14.5L14.5 14.5L14.5 8ZM7.5 6.5L14 6.5L11.5 4L5 4L7.5 6.5Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M6.75 7L3.5 3.5H12L15 7H6.75Z\" fill=\"%23FE5000\"/>%0D%0A</svg>%0D%0A')}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ToolHubItemComponent, selector: "lib-tool-hub-item", inputs: ["item", "active", "isEnabled"] }, { kind: "component", type: ToolHubSubItemComponent, selector: "lib-tool-hub-sub-item", inputs: ["item", "active", "isEnabled"] }, { kind: "directive", type: DraggableDirective, selector: "[libDraggable]", outputs: ["dragging", "clicked"] }], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
|
|
1777
1728
|
}
|
|
1778
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type:
|
|
1729
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: BimplusToolHubComponent, decorators: [{
|
|
1779
1730
|
type: Component,
|
|
1780
|
-
args: [{ selector: 'lib-bimplus-notify', standalone: true, imports: [CommonModule, TranslateModule], providers: [TranslateService], encapsulation: ViewEncapsulation.None, template: "<div\r\n class=\"dropdown\"\r\n [ngClass]=\"_menuOpened ? 'open' : ''\"\r\n (click)=\"_toggleOpened()\"\r\n [title]=\"'_BimplusNotifyTitle' | translate\"\r\n>\r\n <div class=\"dropdown-toggle\" >\r\n <div\r\n class=\"main-icon\"\r\n [ngClass]=\"'icon-notify' + (this._alertActive ? '-alert notify' : '')\"\r\n ></div>\r\n </div>\r\n\r\n <div\r\n class=\"bimcomp-dropdown-menu\"\r\n [ngClass]=\"_menuOpened ? 'open' : ''\"\r\n >\r\n <div class=\"notify-tick\"></div>\r\n <div class=\"messages-title\">\r\n <div class=\"messages-count\">\r\n ({{this._messagesList.length}})\r\n </div>\r\n <div\r\n class=\"messages-delete-all\"\r\n (click)=\"_deleteAllMessages()\"\r\n >\r\n {{\"_Notify_Mark_All\" | translate}}\r\n </div>\r\n </div>\r\n <div class=\"messages-container\">\r\n @if (_messagesList.length) {\r\n <div\r\n *ngFor=\"let item of _messagesList\"\r\n class=\"message-item\"\r\n >\r\n <div class=\"message-item-title\">\r\n <div [ngClass]=\"'message-item-icon-' + item.type\"></div>\r\n <div\r\n class=\"message-item-title-text\"\r\n [ngClass]=\"{'capitalize':item.capitalizedTitle}\"\r\n >\r\n {{item.title}}\r\n </div>\r\n <div\r\n class=\"message-item-icon-close\"\r\n (click)=\"_closeMessage(item, false, $event)\"\r\n ></div>\r\n </div>\r\n\r\n <div class=\"message-item-body-text\">{{item.text}}</div>\r\n @if (item.linkText) {\r\n <div\r\n *ngFor=\"let link of (item.linkText.constructor === Array ? item.linkText : [item.linkText]); let i = index\"\r\n class=\"message-item-link\"\r\n [title]=\"_getItemLinkTitle(item, i)\"\r\n (click)=\"_messageAction(item, i)\"\r\n >{{link}}</div>\r\n } \r\n </div>\r\n } @else {\r\n <div class=\"message-item-empty\">\r\n <div class=\"message-item-empty-icon\"></div>\r\n <div class=\"message-item-empty-text\">{{\"_Notify_No_Messages\" | translate}}</div>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<div\r\n class=\"bimcomp-overlay\"\r\n [ngClass]=\"_menuOpened ? 'open' : ''\"\r\n (click)=\"_toggleOpened()\"\r\n></div>\r\n\r\n<div\r\n class=\"bimcomp-messages-preview\"\r\n [ngClass]=\"(showMessagePreview && !_menuOpened && _previewMessagesList.length > 0) ? 'visible' : ''\"\r\n [style.top]=\"previewMessagesOffsetY\"\r\n>\r\n <div class=\"messages-container-preview\">\r\n <div\r\n *ngFor=\"let item of _previewMessagesList\"\r\n class=\"message-item\"\r\n >\r\n <div class=\"message-item-title\">\r\n <div [ngClass]=\"'message-item-icon-' + item.type\"></div>\r\n <div\r\n class=\"message-item-title-text\"\r\n [ngClass]=\"{'capitalize':item.capitalizedTitle}\"\r\n >\r\n {{item.title}}\r\n </div>\r\n <div\r\n class=\"message-item-icon-close\"\r\n (click)=\"_closeMessage(item, true, $event)\"\r\n ></div>\r\n </div>\r\n\r\n <div class=\"message-item-body-text\">\r\n {{item.text}}\r\n </div>\r\n @if (item.linkText) {\r\n <div\r\n *ngFor=\"let link of (item.linkText.constructor === Array ? item.linkText : [item.linkText]); let i = index\"\r\n class=\"message-item-link\"\r\n [title]=\"_getItemLinkTitle(item, i)\"\r\n (click)=\"_messageAction(item, i)\"\r\n >{{link}}</div>\r\n }\r\n </div>\r\n </div>\r\n</div>", styles: ["[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;inset:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;inset:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:\" \";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:\"\";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{inset:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{inset:0 auto 0 0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.bim-notify{position:relative}.bim-notify .dropdown{position:relative;width:3.25em;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.bim-notify .dropdown-toggle{position:relative;margin-left:.44em;margin-right:.44em;background-size:1.4em 1.4em;cursor:pointer}.bim-notify .bimcomp-dropdown-menu,.bim-notify .bimcomp-messages-preview{font-family:Source Sans Pro,Helvetica,Arial,tahoma,sans-serif;position:absolute;top:100%;right:0;z-index:2;display:none;width:19em;margin:0;padding:.5em .65em .57em 0}.bim-notify .bimcomp-dropdown-menu .messages-title,.bim-notify .bimcomp-messages-preview .messages-title{height:2em;display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:#fff;background-color:#444}.bim-notify .bimcomp-dropdown-menu .messages-title .messages-count,.bim-notify .bimcomp-messages-preview .messages-title .messages-count,.bim-notify .bimcomp-dropdown-menu .messages-title .messages-delete-all,.bim-notify .bimcomp-messages-preview .messages-title .messages-delete-all{cursor:pointer;font-size:.8125em;font-weight:400;margin:0 .8125em}.bim-notify .bimcomp-dropdown-menu .messages-title .messages-delete-all,.bim-notify .bimcomp-messages-preview .messages-title .messages-delete-all{text-decoration:underline}.bim-notify .bimcomp-dropdown-menu div,.bim-notify .bimcomp-messages-preview div{font-size:1em}.bim-notify .bimcomp-dropdown-menu .noselect,.bim-notify .bimcomp-messages-preview .noselect{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.bim-notify .bimcomp-dropdown-menu li,.bim-notify .bimcomp-messages-preview li{display:flex;flex-direction:row;align-items:center;box-sizing:content-box;padding:.21em 2.1em}.bim-notify .bimcomp-dropdown-menu li span,.bim-notify .bimcomp-messages-preview li span{display:inline-block;flex:1 0 auto;margin-right:1.43em;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.bim-notify .bimcomp-dropdown-menu li:hover,.bim-notify .bimcomp-messages-preview li:hover{background-color:#f5f5f5}.bim-notify .bimcomp-dropdown-menu ul,.bim-notify .bimcomp-messages-preview ul,.bim-notify .bimcomp-dropdown-menu li,.bim-notify .bimcomp-messages-preview li{list-style:none}.bim-notify .bimcomp-dropdown-menu .notify-tick,.bim-notify .bimcomp-messages-preview .notify-tick{width:2em;height:1em;align-self:flex-end;background-image:url('data:image/svg+xml,<svg width=\"32\" height=\"16\" viewBox=\"0 0 32 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M16 -6.99383e-07L32 16L-1.97729e-05 16L16 -6.99383e-07Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A');background-size:cover}.bim-notify .bimcomp-dropdown-menu.open,.bim-notify .bimcomp-messages-preview.visible{display:flex;flex-direction:column}.bim-notify .messages-container,.bim-notify .messages-container-preview{list-style:none;background-color:#fff;border:thin solid rgba(0,0,0,.15);-webkit-box-shadow:0 .43em .86em rgba(0,0,0,.175);box-shadow:0 .43em .86em #0000002d;text-decoration-color:#333;text-decoration-line:none;text-decoration-style:solid;line-height:2.71em;font-weight:400;max-height:16em;overflow:hidden;overflow-y:visible;scrollbar-width:none}.bim-notify .messages-container::-webkit-scrollbar,.bim-notify .messages-container-preview::-webkit-scrollbar{display:none}.bim-notify .messages-container .message-item-empty,.bim-notify .messages-container-preview .message-item-empty{max-width:19em;max-height:6em;padding:.6em .8125em 0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.bim-notify .messages-container .message-item-empty-icon,.bim-notify .messages-container-preview .message-item-empty-icon{width:2.5em;height:2.5em;background-image:url('data:image/svg+xml,<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M18.7779 2.22227C18.2256 2.22227 17.7779 2.66999 17.7779 3.22228V6.66672H22.2223V3.22227C22.2223 2.66999 21.7746 2.22227 21.2223 2.22227H18.7779Z\" fill=\"%23C3C3C3\"/>%0D%0A<path d=\"M4.44455 30.8889C4.44455 29.7844 5.33998 28.8889 6.44455 28.8889L6.66678 28.8889C7.89407 28.8889 8.889 27.894 8.889 26.6667V17.8889C8.889 12.9184 12.9184 8.88894 17.889 8.88894H22.1112C27.0818 8.88894 31.1112 12.9184 31.1112 17.8889V26.6667C31.1112 27.894 32.1061 28.8889 33.3334 28.8889L33.5557 28.8889C34.6602 28.8889 35.5557 29.7844 35.5557 30.8889V31.3334C35.5557 32.438 34.6602 33.3334 33.5557 33.3334H6.44455C5.33999 33.3334 4.44455 32.438 4.44455 31.3334V30.8889Z\" fill=\"%23C3C3C3\"/>%0D%0A<path d=\"M15.5557 35.5556C15.5557 38.0102 17.5455 40.0001 20.0001 40.0001C22.4547 40.0001 24.4446 38.0102 24.4446 35.5556H15.5557Z\" fill=\"%23C3C3C3\"/>%0D%0A</svg>%0D%0A');background-size:cover}.bim-notify .messages-container .message-item-empty-text,.bim-notify .messages-container-preview .message-item-empty-text{font-size:.8125em;line-height:2.2em}.bim-notify .messages-container .message-item,.bim-notify .messages-container-preview .message-item{max-width:19em;border-bottom:1px solid #D3D3D3;padding:.6em .8125em;box-sizing:border-box}.bim-notify .messages-container .message-item-title,.bim-notify .messages-container-preview .message-item-title{display:flex;align-items:center;line-height:1.5em}.bim-notify .messages-container .message-item-title-text,.bim-notify .messages-container-preview .message-item-title-text{font-size:.8125em;font-weight:700;flex:1 1 auto;margin-left:.8125em}.bim-notify .messages-container .message-item-icon-info,.bim-notify .messages-container-preview .message-item-icon-info{width:1.125em;height:1.125em;background-image:url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"utf-8\"?>%0D%0A<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->%0D%0A<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"%0D%0A%09 viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">%0D%0A<style type=\"text/css\">%0D%0A%09.st0{fill:%23444;}%0D%0A%09.st1{fill:%23FFFFFF;}%0D%0A<\\/style>%0D%0A<path class=\"st0\" d=\"M15,0C6.7,0,0,6.7,0,15s6.7,15,15,15s15-6.7,15-15S23.3,0,15,0z\"/>%0D%0A<g>%0D%0A%09<rect x=\"14\" y=\"6\" class=\"st1\" width=\"3\" height=\"3\"/>%0D%0A</g>%0D%0A<g>%0D%0A%09<polygon class=\"st1\" points=\"19,23 12,23 12,21 14,21 14,13 12,13 12,11 17,11 17,21 19,21 %09\"/>%0D%0A</g>%0D%0A</svg>%0D%0A');flex:0 0 auto}.bim-notify .messages-container .message-item-icon-failure,.bim-notify .messages-container-preview .message-item-icon-failure{width:1.125em;height:1.125em;background-image:url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"utf-8\"?>%0D%0A<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->%0D%0A<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"%0D%0A%09 viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">%0D%0A<style type=\"text/css\">%0D%0A%09.st0{fill:%23444;}%0D%0A%09.st1{fill:%23FFFFFF;}%0D%0A<\\/style>%0D%0A<path class=\"st0\" d=\"M15,0C6.7,0,0,6.7,0,15s6.7,15,15,15s15-6.7,15-15S23.3,0,15,0z\"/>%0D%0A<g>%0D%0A%09<rect x=\"14\" y=\"6\" class=\"st1\" width=\"3\" height=\"3\"/>%0D%0A</g>%0D%0A<g>%0D%0A%09<polygon class=\"st1\" points=\"19,23 12,23 12,21 14,21 14,13 12,13 12,11 17,11 17,21 19,21 %09\"/>%0D%0A</g>%0D%0A</svg>%0D%0A');flex:0 0 auto}.bim-notify .messages-container .message-item-icon-close,.bim-notify .messages-container-preview .message-item-icon-close{cursor:pointer;width:1.125em;height:1.125em;background-repeat:no-repeat;background-size:auto;background-position:center;background-image:url('data:image/svg+xml,<svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M4.57764e-05 6.87023L1.12989 8.00012L4.00029 5.12959L6.87016 7.99951L8.00001 6.86963L5.13014 3.9997L8.0001 1.12962L6.87025 -0.000274658L4.00028 2.86982L1.13106 0.000548095L0.00120898 1.13044L2.87043 3.99971L4.57764e-05 6.87023Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A');flex:0 0 auto}.bim-notify .messages-container .message-item-body-text,.bim-notify .messages-container-preview .message-item-body-text{font-size:.8125em;line-height:1.3em;margin-top:.5em;word-wrap:break-word;white-space:normal}.bim-notify .messages-container .message-item-link,.bim-notify .messages-container-preview .message-item-link{color:#fe5000;text-decoration:underline;font-size:.8125em;line-height:1.3em;margin-top:.5em;word-wrap:break-word;white-space:normal;cursor:pointer}.bim-notify .messages-container .message-item:last-child,.bim-notify .messages-container-preview .message-item:last-child{border-bottom:none}.bim-notify .messages-container-preview{max-height:none;background-color:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.bim-notify .messages-container-preview .message-item{background-color:#fff;border:thin solid rgba(0,0,0,.15);-webkit-box-shadow:0 .3em .3em rgba(0,0,0,.175);box-shadow:0 .3em .3em #0000002d;margin-bottom:.5em}.bim-notify .icon{flex-shrink:0;display:inline-block;vertical-align:middle;margin:0 1.36em 0 0;width:1.64em;height:1.64em;background-size:contain;background-position:center;background-repeat:no-repeat}.bim-notify .main-icon{flex-shrink:0;display:inline-block;vertical-align:middle;width:1.375em;height:1.375em;background-size:contain;background-position:center;background-repeat:no-repeat}.bim-notify .main-icon.notify{transform-origin:center top}@keyframes ringbell{0%{transform:rotate(0)}5%{transform:rotate(35deg)}15%{transform:rotate(-30deg)}25%{transform:rotate(25deg)}35%{transform:rotate(-20deg)}45%{transform:rotate(15deg)}55%{transform:rotate(-10deg)}65%{transform:rotate(5deg)}70%{transform:rotate(0)}to{transform:rotate(0)}}.bim-notify .bimcomp-overlay{position:fixed;width:100vw;height:100vh;left:0;top:0;display:none}.bim-notify .bimcomp-overlay.open{display:block;z-index:1}.bim-notify .icon-notify{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M9 1C8.44772 1 8 1.44772 8 2V3H10V2C10 1.44772 9.55228 1 9 1Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M2 14C2 13.4477 2.44772 13 3 13C3.55228 13 4 12.5523 4 12V8C4 5.79086 5.79086 4 8 4H10C12.2091 4 14 5.79086 14 8V12C14 12.5523 14.4477 13 15 13C15.5523 13 16 13.4477 16 14C16 14.5523 15.5523 15 15 15H3C2.44772 15 2 14.5523 2 14Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M7 16C7 17.1046 7.89543 18 9 18C10.1046 18 11 17.1046 11 16H7Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}.bim-notify .icon-notify-alert{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M9 1C8.44772 1 8 1.44772 8 2V3H10V2C10 1.44772 9.55228 1 9 1Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M2 14C2 13.4477 2.44772 13 3 13C3.55228 13 4 12.5523 4 12V8C4 5.79086 5.79086 4 8 4H10C12.2091 4 14 5.79086 14 8V12C14 12.5523 14.4477 13 15 13C15.5523 13 16 13.4477 16 14C16 14.5523 15.5523 15 15 15H3C2.44772 15 2 14.5523 2 14Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M7 16C7 17.1046 7.89543 18 9 18C10.1046 18 11 17.1046 11 16H7Z\" fill=\"%23444444\"/>%0D%0A<circle cx=\"15.5\" cy=\"2.5\" r=\"2.5\" fill=\"%23FE5000\"/>%0D%0A</svg>%0D%0A')}.bim-notify .icon-notify-tick-up{background-image:url('data:image/svg+xml,<svg width=\"32\" height=\"16\" viewBox=\"0 0 32 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M16 -6.99383e-07L32 16L-1.97729e-05 16L16 -6.99383e-07Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}.bim-notify .icon-notify-info{background-image:url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"utf-8\"?>%0D%0A<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->%0D%0A<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"%0D%0A%09 viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">%0D%0A<style type=\"text/css\">%0D%0A%09.st0{fill:%23444;}%0D%0A%09.st1{fill:%23FFFFFF;}%0D%0A<\\/style>%0D%0A<path class=\"st0\" d=\"M15,0C6.7,0,0,6.7,0,15s6.7,15,15,15s15-6.7,15-15S23.3,0,15,0z\"/>%0D%0A<g>%0D%0A%09<rect x=\"14\" y=\"6\" class=\"st1\" width=\"3\" height=\"3\"/>%0D%0A</g>%0D%0A<g>%0D%0A%09<polygon class=\"st1\" points=\"19,23 12,23 12,21 14,21 14,13 12,13 12,11 17,11 17,21 19,21 %09\"/>%0D%0A</g>%0D%0A</svg>%0D%0A')}.bim-notify .icon-notify-failure{background-image:url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"utf-8\"?>%0D%0A<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->%0D%0A<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"%0D%0A%09 viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\">%0D%0A<style type=\"text/css\">%0D%0A%09.st0{fill:%23444;}%0D%0A%09.st1{fill:%23FFFFFF;}%0D%0A<\\/style>%0D%0A<path class=\"st0\" d=\"M15,0C6.7,0,0,6.7,0,15s6.7,15,15,15s15-6.7,15-15S23.3,0,15,0z\"/>%0D%0A<g>%0D%0A%09<rect x=\"14\" y=\"6\" class=\"st1\" width=\"3\" height=\"3\"/>%0D%0A</g>%0D%0A<g>%0D%0A%09<polygon class=\"st1\" points=\"19,23 12,23 12,21 14,21 14,13 12,13 12,11 17,11 17,21 19,21 %09\"/>%0D%0A</g>%0D%0A</svg>%0D%0A')}.bim-notify .icon-notify-close{background-image:url('data:image/svg+xml,<svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M4.57764e-05 6.87023L1.12989 8.00012L4.00029 5.12959L6.87016 7.99951L8.00001 6.86963L5.13014 3.9997L8.0001 1.12962L6.87025 -0.000274658L4.00028 2.86982L1.13106 0.000548095L0.00120898 1.13044L2.87043 3.99971L4.57764e-05 6.87023Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}.bim-notify .icon-notify-empty{background-image:url('data:image/svg+xml,<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M18.7779 2.22227C18.2256 2.22227 17.7779 2.66999 17.7779 3.22228V6.66672H22.2223V3.22227C22.2223 2.66999 21.7746 2.22227 21.2223 2.22227H18.7779Z\" fill=\"%23C3C3C3\"/>%0D%0A<path d=\"M4.44455 30.8889C4.44455 29.7844 5.33998 28.8889 6.44455 28.8889L6.66678 28.8889C7.89407 28.8889 8.889 27.894 8.889 26.6667V17.8889C8.889 12.9184 12.9184 8.88894 17.889 8.88894H22.1112C27.0818 8.88894 31.1112 12.9184 31.1112 17.8889V26.6667C31.1112 27.894 32.1061 28.8889 33.3334 28.8889L33.5557 28.8889C34.6602 28.8889 35.5557 29.7844 35.5557 30.8889V31.3334C35.5557 32.438 34.6602 33.3334 33.5557 33.3334H6.44455C5.33999 33.3334 4.44455 32.438 4.44455 31.3334V30.8889Z\" fill=\"%23C3C3C3\"/>%0D%0A<path d=\"M15.5557 35.5556C15.5557 38.0102 17.5455 40.0001 20.0001 40.0001C22.4547 40.0001 24.4446 38.0102 24.4446 35.5556H15.5557Z\" fill=\"%23C3C3C3\"/>%0D%0A</svg>%0D%0A')}\n"] }]
|
|
1781
|
-
}], ctorParameters: () => [{ type: i1.TranslateService }
|
|
1731
|
+
args: [{ selector: 'lib-bimplus-tool-hub', standalone: true, imports: [CommonModule, ToolHubItemComponent, ToolHubSubItemComponent, DraggableDirective], encapsulation: ViewEncapsulation.ShadowDom, template: " <div class=\"center-menu\">\r\n <div class=\"center-menu-fp\" id=\"center-menu-fp-id\" [ngClass]=\"activeSubItems ? 'submenu-active' : ''\">\r\n <div libDraggable id=\"center-menu-controller\" class=\"center-menu-controller dragger\" data-test=\"toolhub_controller\" [ngClass]=\"{\r\n 'opened': isOpened,\r\n 'active': isActive\r\n }\" \r\n [title]=\"title\"\r\n (clicked)=\"toggleMenu()\"\r\n (dragging)=\"dragElement($event)\"\r\n >\r\n </div>\r\n <div class=\"center-menu-circle-border-inner\" [ngClass]=\"!isOpened ? 'hidden' : ''\"></div>\r\n <div class=\"center-menu-circle-border-outer\" [ngClass]=\"!isOpened ? 'hidden' : ''\" (mouseleave)=\"setHoveredState('menuCircleBorderOuter', false)\" (mouseenter)=\"setHoveredState('menuCircleBorderOuter', true)\"></div>\r\n <div libDraggable class=\"center-menu-circle\" [ngClass]=\"!isOpened ? 'hidden' : ''\" (mouseleave)=\"setHoveredState('menuCircle', false)\" (mouseenter)=\"setHoveredState('menuCircle', true)\" (dragging)=\"dragElement($event)\">\r\n \r\n <lib-tool-hub-item libDraggable *ngFor=\"let item of items\"\r\n [attr.data-test]=\"'toolhub_item_' + item.buttonId\"\r\n [item]=\"item\"\r\n [active] = \"item.active\"\r\n [isEnabled]=\"!item.disabled\"\r\n (clicked) = \"clickToolHubItem(item.buttonId)\"\r\n ></lib-tool-hub-item>\r\n\r\n <svg class=\"centermenu-button-svg\" [attr.viewBox]=\"getSVGViewBox()\" fill=\"none\">\r\n <clipPath id=\"svgCenterMenu\" clipPathUnits=\"objectBoundingBox\">\r\n <path [attr.d]=\"getSVGCenterMenuPath()\" fill=\"white\"/>\r\n </clipPath>\r\n <clipPath id=\"svgCenterMenuItem\" clipPathUnits=\"objectBoundingBox\">\r\n <path [attr.d]=\"getSVGCenterMenuItemPath()\" fill=\"white\"/>\r\n </clipPath>\r\n <clipPath id=\"svgCenterSubMenuItem\" clipPathUnits=\"objectBoundingBox\">\r\n <path [attr.d]=\"getSVGCenterSubMenuItemPath()\" fill=\"white\"/>\r\n </clipPath>\r\n <clipPath id=\"svgCenterMenuSubMenu\" clipPathUnits=\"objectBoundingBox\">\r\n <path [attr.d]=\"annularSector\" fill=\"none\" />\r\n </clipPath>\r\n <clipPath id=\"svgCenterMenuSubMenuBorder\" clipPathUnits=\"objectBoundingBox\">\r\n <path [attr.d]=\"annularSectorBorder\" fill=\"none\" />\r\n </clipPath>\r\n <clipPath id=\"svgCenterMenuSubMenuDeadZone\" clipPathUnits=\"objectBoundingBox\">\r\n <path [attr.d]=\"deadZoneAnnularSector\" fill=\"none\" />\r\n </clipPath>\r\n </svg>\r\n </div>\r\n \r\n @if (activeSubItems) {\r\n <div class=\"center-menu-sub-menu-border\" [ngClass]=\"!isOpened ? 'hidden' : ''\" (mouseleave)=\"setHoveredState('submenuBorder', false)\" (mouseenter)=\"setHoveredState('submenuBorder', true)\"></div>\r\n <div class=\"center-menu-sub-menu\" [ngClass]=\"!isOpened ? 'hidden' : ''\" (mouseleave)=\"setHoveredState('submenu', false)\" (mouseenter)=\"setHoveredState('submenu', true)\">\r\n <lib-tool-hub-sub-item *ngFor=\"let item of activeSubItems\"\r\n [attr.data-test]=\"'toolhub_subitem_' + item.buttonId\"\r\n [item]=\"item\"\r\n (click) = \"clickToolHubSubItem(item.buttonId)\"\r\n ></lib-tool-hub-sub-item>\r\n </div>\r\n <div class=\"center-menu-sub-menu-dead-zone\" [ngClass]=\"!isOpened ? 'hidden' : ''\" (mouseleave)=\"setHoveredState('deadZone', false)\" (mouseenter)=\"setHoveredState('deadZone', true)\"></div>\r\n }\r\n\r\n </div>\r\n</div>", styles: [".flexbox{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.text-selected{color:#fe5000}.ui-icon22px{width:2.2rem;height:2.2rem;display:inline-block;float:right;border-radius:.4rem;background-position:center center;background-repeat:no-repeat;cursor:pointer}.ui-icon-sidemenu{width:2.4rem;height:2.4rem;background-size:1.8rem 1.8rem;background-position:center center;background-repeat:no-repeat}.touch-ui-icon-sidemenu{width:2.4rem;height:2.4rem;background-size:1.8rem 1.8rem;background-position:center center;background-repeat:no-repeat;width:3.2rem;height:3.2rem}.ui-icon-sidemenu-important{width:2.4rem!important;height:2.4rem!important;background-size:1.8rem 1.8rem!important;background-position:center center;background-repeat:no-repeat}.shadow{box-shadow:.3rem .3rem .7rem #0000004d}.is-touch .center-menu .submenu-container{-webkit-box-justify-content:flex-end;-moz-box-justify-content:flex-end;-webkit-justify-content:flex-end;-ms-justify-content:flex-end;justify-content:flex-end}.is-touch #cmb-view-submenu{display:none;top:19rem}.is-touch #cmb-view-submenu .bim-ui-popupwin-tick-down{display:none}@media (max-width: 75.8rem){.touch-center-menu-left-position{left:-29rem}}@media (min-width: 76.8rem) and (max-width: 98.2rem){.touch-center-menu-left-position{left:-29rem}}@media (min-width: 99.2rem) and (max-width: 119rem){.touch-center-menu-left-position{left:-35rem}}@media (min-width: 120rem) and (max-width: 159rem){.touch-center-menu-left-position{left:-35rem}}@media (min-width: 160rem){.touch-center-menu-left-position{left:-35rem}}#center-menu-fp-id{background-color:transparent;pointer-events:none;min-width:20.5rem;min-height:20.5rem;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr;z-index:3;position:relative}#center-menu-fp-id.embedded{min-width:16.5rem;min-height:16.5rem}.center-menu{position:absolute;height:100%;width:100%;bottom:22.1rem;pointer-events:none}.center-menu>*{pointer-events:all}.center-menu .hidden{display:none!important}.center-menu .center-menu-fp.submenu-active{width:27rem}.center-menu .center-menu-controller{cursor:pointer;pointer-events:all;position:absolute;width:4.9rem;height:4.9rem;left:7.8rem;top:7.9rem;border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:2.7rem 2.7rem;background-color:#fff;background-image:url('data:image/svg+xml,<svg width=\"27\" height=\"27\" viewBox=\"0 0 27 27\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M23.5 12.5L22 14L21 13V21H6V13L5 14L3.5 12.5L13.4998 2.5L23.5 12.5ZM13.5 5.5L19 11V19H17V14H10V19H8V11L13.5 5.5ZM15 16V19H12V16H15Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A');border:1px solid #8D8D8D}.center-menu .center-menu-controller.opened{background-image:url('data:image/svg+xml,<svg width=\"27\" height=\"28\" viewBox=\"0 0 27 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g clip-path=\"url(%23clip0_519_386)\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22.5 13.0223L21 14.5223L20 13.5223V20.0223H7V13.5223L6 14.5223L4.5 13.0223L13.4998 4.02234L22.5 13.0223ZM13.5 7.02234L18 11.5223V18.0223H16V14.0223H11V18.0223H9V11.5223L13.5 7.02234ZM14 16.0223V18.0223H13V16.0223H14Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M5 0.0223389L0 5.02234H5V0.0223389Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M5 27.0223L0 22.0223H5V27.0223Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M27 5.02234L22 0.0223389V5.02234H27Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M22 27.0223L27 22.0223H22V27.0223Z\" fill=\"%23444444\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_519_386\">%0D%0A<rect width=\"27\" height=\"27\" fill=\"white\" transform=\"matrix(-1 0 0 1 27 0.0223389)\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A');transition:width .5s ease-in-out,height .5s ease-in-out}.center-menu .center-menu-controller:not(.opened).active{background-color:#fe5000;background-image:url('data:image/svg+xml,<svg width=\"27\" height=\"27\" viewBox=\"0 0 27 27\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M23.5 12.5L22 14L21 13V21H6V13L5 14L3.5 12.5L13.4998 2.5L23.5 12.5ZM13.5 5.5L19 11V19H17V14H10V19H8V11L13.5 5.5ZM15 16V19H12V16H15Z\" fill=\"white\"/>%0D%0A</svg>%0D%0A');border-color:transparent}.center-menu .center-menu-sub-menu-dead-zone{position:absolute;top:-7rem;left:-7rem;width:55rem;height:55rem;margin:auto;vertical-align:bottom;text-align:center;white-space:nowrap;background-color:#fff0;pointer-events:all;-webkit-clip-path:url(#svgCenterMenuSubMenuDeadZone);clip-path:url(#svgCenterMenuSubMenuDeadZone);font-size:0;z-index:-1}.center-menu .center-menu-sub-menu-border{position:absolute;top:-7rem;left:-7rem;width:35rem;height:35rem;margin:auto;vertical-align:bottom;text-align:center;white-space:nowrap;background-color:#c3c3c3;opacity:.9;pointer-events:all;-webkit-clip-path:url(#svgCenterMenuSubMenuBorder);clip-path:url(#svgCenterMenuSubMenuBorder);font-size:0}.center-menu .center-menu-sub-menu{position:absolute;top:-7rem;left:-7rem;width:35rem;height:35rem;margin:auto;vertical-align:bottom;text-align:center;white-space:nowrap;background-color:#ffffffe6;pointer-events:all;overflow:hidden;-webkit-clip-path:url(#svgCenterMenuSubMenu);clip-path:url(#svgCenterMenuSubMenu);font-size:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.center-menu .center-menu-sub-menu .centermenu-button{width:35rem;height:35rem;left:auto;right:0}.center-menu .center-menu-sub-menu .centermenu-button .centermenu-button-text{display:none}.center-menu .center-menu-sub-menu .centermenu-button .centermenu-button-icon{width:2rem;height:3rem;background-size:1.8rem 1.8rem}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(1){transform:rotate(62.5deg) translate(-1rem,3.8rem)}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(1) .centermenu-button-icon{transform:rotate(-50deg) translate(-1rem,4rem)}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(2){transform:rotate(82.5deg) translate(-1rem,3.8rem)}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(2) .centermenu-button-icon{transform:rotate(-60deg) translate(-1rem,4rem)}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(3){transform:rotate(102.5deg) translate(-1rem,4rem)}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(3) .centermenu-button-icon{transform:rotate(-70deg) translate(-.8rem,4rem)}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(4){transform:rotate(122.5deg) translate(-.7rem,3.8rem)}.center-menu .center-menu-sub-menu .centermenu-button:nth-child(4) .centermenu-button-icon{transform:rotate(-80deg) translate(-1rem,4rem)}.center-menu .center-menu-sub-menu .center-sub-menu-button{position:absolute;width:35rem;height:35rem;overflow:hidden;top:0;left:0;margin:0;padding:0;-webkit-clip-path:url(#svgCenterSubMenuItem);clip-path:url(#svgCenterSubMenuItem);font-size:0;background-position:center top}.center-menu .center-menu-sub-menu .center-sub-menu-button.active:not(.disabled){background-color:#fe5000}.center-menu .center-menu-sub-menu .center-sub-menu-button .center-sub-menu-button-icon{width:2rem;height:2rem;display:inline-block;margin:0;padding:0;background-position:center;background-repeat:no-repeat;background-size:2rem 2rem;cursor:pointer}.center-menu .center-menu-circle-border-outer,.center-menu .center-menu-circle-border-inner{position:absolute;margin:auto;vertical-align:bottom;text-align:center;white-space:nowrap;background-color:#8d8d8d80;opacity:.9;pointer-events:all;-webkit-clip-path:url(#svgCenterMenu);clip-path:url(#svgCenterMenu);font-size:0}.center-menu .center-menu-circle-border-outer{width:20.5rem;height:20.5rem;transform:translate(0) scale(1.01)}.center-menu .center-menu-circle-border-inner{width:20.5rem;height:20.5rem;transform:scale(.97)}.center-menu .center-menu-circle{width:20.5rem;height:20.5rem;margin:auto;vertical-align:bottom;text-align:center;white-space:nowrap;background-color:#444444e6;pointer-events:all;-webkit-clip-path:url(#svgCenterMenu);clip-path:url(#svgCenterMenu);font-size:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.center-menu .center-menu-circle .centermenu-button-text{display:none}.center-menu .center-menu-circle .bim-ui-popupwin-content{box-shadow:.3rem .3rem .7rem #0000004d}.center-menu .center-menu-circle .bim-ui-popupwin-content .section-menu-item,.center-menu .center-menu-circle .bim-ui-popupwin-content .annotation-menu-item{text-align:center}.center-menu .center-menu-circle .bim-ui-popupwin-item{min-width:7.125em}.center-menu .center-menu-circle .submenu-container{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-justify-content:center;-moz-box-justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center}.center-menu .center-menu-circle .centermenu-button:nth-child(1){transform:rotate(calc(90deg + 1 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(1) .centermenu-button-icon{transform:rotate(calc(-90deg - 1 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(2){transform:rotate(calc(90deg + 2 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(2) .centermenu-button-icon{transform:rotate(calc(-90deg - 2 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(3){transform:rotate(calc(90deg + 3 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(3) .centermenu-button-icon{transform:rotate(calc(-90deg - 3 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(4){transform:rotate(calc(90deg + 4 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(4) .centermenu-button-icon{transform:rotate(calc(-90deg - 4 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(5){transform:rotate(calc(90deg + 5 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(5) .centermenu-button-icon{transform:rotate(calc(-90deg - 5 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(6){transform:rotate(calc(90deg + 6 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(6) .centermenu-button-icon{transform:rotate(calc(-90deg - 6 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(7){transform:rotate(calc(90deg + 7 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(7) .centermenu-button-icon{transform:rotate(calc(-90deg - 7 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(8){transform:rotate(calc(90deg + 8 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(8) .centermenu-button-icon{transform:rotate(calc(-90deg - 8 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(9){transform:rotate(calc(90deg + 9 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(9) .centermenu-button-icon{transform:rotate(calc(-90deg - 9 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(10){transform:rotate(calc(90deg + 10 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(10) .centermenu-button-icon{transform:rotate(calc(-90deg - 10 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(11){transform:rotate(calc(90deg + 11 * 360deg / var(--menu-items)))}.center-menu .center-menu-circle .centermenu-button:nth-child(11) .centermenu-button-icon{transform:rotate(calc(-90deg - 11 * 360deg / var(--menu-items)))}.center-menu .centermenu-button{position:absolute;width:20.5rem;height:20.5rem;top:0;left:0;margin:0;padding:0;-webkit-clip-path:url(#svgCenterMenuItem);clip-path:url(#svgCenterMenuItem);font-size:0;overflow:hidden;background-position:center top}.center-menu .centermenu-button.active:not(.disabled){background-color:#fe5000}.center-menu .centermenu-button .centermenu-button-icon{width:5.8rem;height:5.8rem;margin:-.6rem;display:inline-block;padding:0;background-position:center;background-repeat:no-repeat;background-size:1.8rem 1.8rem}.center-sub-menu-button:nth-child(1){transform:rotate(65deg);left:auto;right:0}.center-sub-menu-button:nth-child(1) .center-sub-menu-button-icon{transform:rotate(-65deg)}.center-sub-menu-button:nth-child(2){transform:rotate(80deg);left:auto;right:0}.center-sub-menu-button:nth-child(2) .center-sub-menu-button-icon{transform:rotate(-85deg)}.center-sub-menu-button:nth-child(3){transform:rotate(95deg);left:auto;right:0}.center-sub-menu-button:nth-child(3) .center-sub-menu-button-icon{transform:rotate(-105deg)}.center-sub-menu-button:nth-child(4){transform:rotate(110deg);left:auto;right:0}.center-sub-menu-button:nth-child(4) .center-sub-menu-button-icon{transform:rotate(-125deg)}@-webkit-keyframes highlight{0%{background-color:#d84500}to{background-color:#d84500}}@keyframes highlight{0%{background-color:#d84500}to{background-color:#d84500}}.center-menu .center-menu-fp.is-dragging .center-menu-controller,.center-menu .center-menu-fp.is-dragging .centermenu-button{cursor:move}.center-menu .center-menu-fp.is-dragging .center-menu-sub-menu .centermenu-button{cursor:auto}.center-menu .center-menu-fp.is-dragging .center-menu-sub-menu .centermenu-button .centermenu-button-icon{cursor:pointer}.center-menu .center-menu-fp:not(.is-dragging) .center-menu-controller,.center-menu .center-menu-fp:not(.is-dragging) .centermenu-button{cursor:pointer}.center-menu .center-menu-fp:not(.is-dragging) .center-menu-sub-menu .centermenu-button{cursor:auto}.center-menu .center-menu-fp:not(.is-dragging) .center-menu-sub-menu .centermenu-button .centermenu-button-icon{cursor:pointer}.center-menu .center-menu-fp:not(.is-dragging) div:not(.center-menu-sub-menu) .centermenu-button:not(.active):hover{background-color:#8d8d8d}.center-menu .center-menu-fp:not(.is-dragging) div:not(.center-menu-sub-menu) .centermenu-button.pulse:not(.disabled){-webkit-animation:highlight .25s linear;animation:highlight .25s linear}#cmb-view-submenu{display:none;text-align:left;position:absolute;bottom:7.4rem;width:35rem;left:25.5rem}.bim-bottom-submenu{display:none;text-align:left;position:absolute}.center-menu{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.center-menu .embedded .center-menu-circle{width:16.5rem;height:16.5rem}.center-menu .embedded .center-menu-controller{left:5.8rem;top:5.8rem}.center-menu .embedded .centermenu-button,.center-menu .embedded .center-menu-circle-border-outer,.center-menu .embedded .center-menu-circle-border-inner{width:16.5rem;height:16.5rem}.center-menu .embedded .center-menu-sub-menu{width:30rem;height:31rem}.center-menu .embedded .center-menu-sub-menu .centermenu-button{width:30rem;height:30rem}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(1){transform:rotate(64.5deg) translate(-1rem,3rem)}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(1) .centermenu-button-icon{transform:rotate(-50deg) translate(-1rem,4rem)}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(2){transform:rotate(84.5deg) translate(-1rem,3.1rem)}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(2) .centermenu-button-icon{transform:rotate(-60deg) translate(-1rem,4rem)}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(3){transform:rotate(105.5deg) translate(-1rem,3rem)}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(3) .centermenu-button-icon{transform:rotate(-70deg) translate(-.8rem,4rem)}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(4){transform:rotate(124.5deg) translate(-.7rem,2.7rem)}.center-menu .embedded .center-menu-sub-menu .centermenu-button:nth-child(4) .centermenu-button-icon{transform:rotate(-80deg) translate(-1rem,4rem)}.center-menu .embedded .center-menu-sub-menu-border{width:30rem;height:31rem}.ui-icon-create-task{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g clip-path=\"url(%23clip0_201_1470)\">%0D%0A<path d=\"M2 16V3H4V4H11V3H13V9H15V1H10V0H5V1H0V18H12V16H2Z\" fill=\"white\"/>%0D%0A<path d=\"M4.40002 8.59998L3 10L5.90002 12.9L12 6.90002L10.5 5.5L5.90002 10.1L4.40002 8.59998Z\" fill=\"white\"/>%0D%0A<path d=\"M15 10V13H18V15H15V18H13V15H10V13H13V10H15Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1470\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-create-task.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\" clip-path=\"url(%23clip0_201_1495)\">%0D%0A<path d=\"M2 16V3H4V4H11V3H13V9H15V1H10V0H5V1H0V18H12V16H2Z\" fill=\"white\"/>%0D%0A<path d=\"M4.40002 8.59998L3 10L5.90002 12.9L12 6.90002L10.5 5.5L5.90002 10.1L4.40002 8.59998Z\" fill=\"white\"/>%0D%0A<path d=\"M15 10V13H18V15H15V18H13V15H10V13H13V10H15Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1495\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-quantity-take-off{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M1.99976 2V4L7.50244 9.50267L1.99512 15.01L1.99976 15.0146V17.01H15.9998V13.01L13.9998 13V15.01H4.82349L10.3353 9.50717L10.3308 9.50267L10.3326 9.50085L4.82812 4H13.9998V6H15.9998V2H1.99976Z\" fill=\"white\"/>%0D%0A</svg>%0D%0A')}.ui-icon-quantity-take-off.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\">%0D%0A<path d=\"M1.99976 2V4L7.50244 9.50267L1.99512 15.01L1.99976 15.0146V17.01H15.9998V13.01L13.9998 13V15.01H4.82349L10.3353 9.50717L10.3308 9.50267L10.3326 9.50085L4.82812 4H13.9998V6H15.9998V2H1.99976Z\" fill=\"white\"/>%0D%0A</g>%0D%0A</svg>%0D%0A')}.ui-icon-markup{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g clip-path=\"url(%23clip0_201_1472)\">%0D%0A<path d=\"M14.021 2L11.8996 0L0 12V14H2L14.021 2Z\" fill=\"white\"/>%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 18L5 15L5.8388 15.8387L6.849 14.8285L6.0103 13.9897L8 12L8.8388 12.8388L9.8388 11.8388L9 11L11 9L11.8389 9.8389L12.8389 8.8389L12 8L14 6L14.8388 6.8388L15.8388 5.8388L15 5L18 2V18H2ZM9.0712 15L15 9.0709V15H9.0712Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1472\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-markup.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\" clip-path=\"url(%23clip0_201_1497)\">%0D%0A<path d=\"M14.021 2L11.8996 0L0 12V14H2L14.021 2Z\" fill=\"white\"/>%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 18L5 15L5.8388 15.8387L6.849 14.8285L6.0103 13.9897L8 12L8.8388 12.8388L9.8388 11.8388L9 11L11 9L11.8389 9.8389L12.8389 8.8389L12 8L14 6L14.8388 6.8388L15.8388 5.8388L15 5L18 2V18H2ZM9.0712 15L15 9.0709V15H9.0712Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1497\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-section{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M1 1V2.80005L6.29999 8.10004L8.10004 6.30005L3 1H1ZM14.4 16.2C13.4 16.2 12.6 15.4 12.6 14.4C12.6 13.4 13.4 12.6 14.4 12.6C15.4 12.6 16.2 13.4 16.2 14.4C16.2 15.4 15.4 16.2 14.4 16.2ZM14.4 5.40002C13.4 5.40002 12.6 4.60004 12.6 3.60004C12.6 2.60004 13.4 1.80005 14.4 1.80005C15.4 1.80005 16.2 2.60004 16.2 3.60004C16.2 4.60004 15.4 5.40002 14.4 5.40002ZM1 15.2V17H3L9 10.8L11.1 12.9C10.9 13.4 10.8 13.9 10.8 14.4C10.8 16.4 12.4 18 14.4 18C16.4 18 18 16.4 18 14.4C18 12.4 16.4 10.8 14.4 10.8C13.8 10.8 13.3 10.9 12.9 11.1L10.8 9L12.9 6.90002C13.4 7.10002 13.9 7.20001 14.4 7.20001C16.4 7.20001 18 5.60004 18 3.60004C18 1.60004 16.4 0 14.4 0C12.4 0 10.8 1.60004 10.8 3.60004C10.8 4.20004 10.9 4.70004 11.1 5.10004L1 15.2Z\" fill=\"white\"/>%0D%0A</svg>%0D%0A')}.ui-icon-section.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\">%0D%0A<path d=\"M1 1V2.80005L6.29999 8.10004L8.10004 6.30005L3 1H1ZM14.4 16.2C13.4 16.2 12.6 15.4 12.6 14.4C12.6 13.4 13.4 12.6 14.4 12.6C15.4 12.6 16.2 13.4 16.2 14.4C16.2 15.4 15.4 16.2 14.4 16.2ZM14.4 5.40002C13.4 5.40002 12.6 4.60004 12.6 3.60004C12.6 2.60004 13.4 1.80005 14.4 1.80005C15.4 1.80005 16.2 2.60004 16.2 3.60004C16.2 4.60004 15.4 5.40002 14.4 5.40002ZM1 15.2V17H3L9 10.8L11.1 12.9C10.9 13.4 10.8 13.9 10.8 14.4C10.8 16.4 12.4 18 14.4 18C16.4 18 18 16.4 18 14.4C18 12.4 16.4 10.8 14.4 10.8C13.8 10.8 13.3 10.9 12.9 11.1L10.8 9L12.9 6.90002C13.4 7.10002 13.9 7.20001 14.4 7.20001C16.4 7.20001 18 5.60004 18 3.60004C18 1.60004 16.4 0 14.4 0C12.4 0 10.8 1.60004 10.8 3.60004C10.8 4.20004 10.9 4.70004 11.1 5.10004L1 15.2Z\" fill=\"white\"/>%0D%0A</g>%0D%0A</svg>%0D%0A')}.ui-icon-obj-transp{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g clip-path=\"url(%23clip0_201_1476)\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.1646 4.1354L13.6441 2.69995L14.9591 3.81644L3.5343 14.9013L2.3014 13.7051L3.20551 12.8279C1.15068 11.2329 0 9.31898 0 9.31898C0 9.31898 3.53431 3.49743 9.04126 3.49743C10.192 3.49743 11.1783 3.73666 12.1646 4.1354ZM4.02744 9.39876C4.02744 10.1962 4.27403 10.914 4.60281 11.552L6.1645 10.0367C6.0823 9.87724 6.08227 9.71776 6.08227 9.55827C6.08227 7.88357 7.39738 6.6076 9.12344 6.6076C9.20563 6.6076 9.28782 6.62753 9.37001 6.64746C9.45219 6.66739 9.53438 6.68733 9.61658 6.68733L11.2604 5.09238C10.6029 4.69364 9.8632 4.53413 9.04126 4.53413C6.24669 4.53413 4.02744 6.68735 4.02744 9.39876Z\" fill=\"white\"/>%0D%0A<path d=\"M14.9589 5.81006L13.5616 7.16578C13.8904 7.80376 14.0548 8.60122 14.0548 9.3987C14.0548 12.1101 11.8356 14.2633 9.04101 14.2633C8.21908 14.2633 7.4793 14.1038 6.73956 13.7848L5.83545 14.662C6.82177 15.0608 7.80808 15.3 8.95878 15.3C14.4657 15.3 18 9.47843 18 9.47843C18 9.47843 16.9315 7.40501 14.9589 5.81006Z\" fill=\"white\"/>%0D%0A<path d=\"M12.0001 8.60132L8.21924 12.2697C8.46582 12.3494 8.79457 12.4292 9.12334 12.4292C10.8494 12.4292 12.1645 11.1532 12.1645 9.47852C12.1645 9.15953 12.0823 8.84056 12.0001 8.60132Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1476\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-obj-transp.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\" clip-path=\"url(%23clip0_201_1501)\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.1646 4.1354L13.6441 2.69995L14.9591 3.81644L3.5343 14.9013L2.3014 13.7051L3.20551 12.8279C1.15068 11.2329 0 9.31898 0 9.31898C0 9.31898 3.53431 3.49743 9.04126 3.49743C10.192 3.49743 11.1783 3.73666 12.1646 4.1354ZM4.02744 9.39876C4.02744 10.1962 4.27403 10.914 4.60281 11.552L6.1645 10.0367C6.0823 9.87724 6.08227 9.71776 6.08227 9.55827C6.08227 7.88357 7.39738 6.6076 9.12344 6.6076C9.20563 6.6076 9.28782 6.62753 9.37001 6.64746C9.45219 6.66739 9.53438 6.68733 9.61658 6.68733L11.2604 5.09238C10.6029 4.69364 9.8632 4.53413 9.04126 4.53413C6.24669 4.53413 4.02744 6.68735 4.02744 9.39876Z\" fill=\"white\"/>%0D%0A<path d=\"M14.9589 5.81006L13.5616 7.16578C13.8904 7.80376 14.0548 8.60122 14.0548 9.3987C14.0548 12.1101 11.8356 14.2633 9.04101 14.2633C8.21908 14.2633 7.4793 14.1038 6.73956 13.7848L5.83545 14.662C6.82177 15.0608 7.80808 15.3 8.95878 15.3C14.4657 15.3 18 9.47843 18 9.47843C18 9.47843 16.9315 7.40501 14.9589 5.81006Z\" fill=\"white\"/>%0D%0A<path d=\"M12.0001 8.60132L8.21924 12.2697C8.46582 12.3494 8.79457 12.4292 9.12334 12.4292C10.8494 12.4292 12.1645 11.1532 12.1645 9.47852C12.1645 9.15953 12.0823 8.84056 12.0001 8.60132Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1501\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-obj-select{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g clip-path=\"url(%23clip0_201_1478)\">%0D%0A<path d=\"M9 14.4L3.6 11.7L0 13.5L9 18L18 13.5L14.4 11.7L9 14.4Z\" fill=\"white\" fill-opacity=\"0.7\"/>%0D%0A<path d=\"M9 9.89995L3.6 7.19995L0 8.99995L9 13.5L18 8.99995L14.4 7.19995L9 9.89995Z\" fill=\"white\"/>%0D%0A<path d=\"M18 4.5L9 9L0 4.5L9 0L18 4.5Z\" fill=\"white\" fill-opacity=\"0.7\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1478\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-obj-select.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\" clip-path=\"url(%23clip0_201_1503)\">%0D%0A<path d=\"M9 14.4L3.6 11.7L0 13.5L9 18L18 13.5L14.4 11.7L9 14.4Z\" fill=\"white\" fill-opacity=\"0.7\"/>%0D%0A<path d=\"M9 9.89995L3.6 7.19995L0 8.99995L9 13.5L18 8.99995L14.4 7.19995L9 9.89995Z\" fill=\"white\"/>%0D%0A<path d=\"M18 4.5L9 9L0 4.5L9 0L18 4.5Z\" fill=\"white\" fill-opacity=\"0.7\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1503\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-navigation-map{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9 18C9 18 15 10.7027 15 5.83784C15 2.35227 12.3137 0 9 0C5.68629 0 3 2.35227 3 5.83784C3 10.7027 9 18 9 18ZM9 9C10.6569 9 12 7.65685 12 6C12 4.34315 10.6569 3 9 3C7.34315 3 6 4.34315 6 6C6 7.65685 7.34315 9 9 9Z\" fill=\"white\"/>%0D%0A</svg>%0D%0A')}.ui-icon-navigation-map.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9 18C9 18 15 10.7027 15 5.83784C15 2.35227 12.3137 0 9 0C5.68629 0 3 2.35227 3 5.83784C3 10.7027 9 18 9 18ZM9 9C10.6569 9 12 7.65685 12 6C12 4.34315 10.6569 3 9 3C7.34315 3 6 4.34315 6 6C6 7.65685 7.34315 9 9 9Z\" fill=\"white\"/>%0D%0A</g>%0D%0A</svg>%0D%0A')}.ui-icon-fullscreen{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M1 7.02246H3V5.02246L2.5 3.52246L5.36396 6.80073L6.77817 5.38652L3.5 2.52246L5 3.02246H7V1.02246H1V7.02246Z\" fill=\"white\"/>%0D%0A<path d=\"M1 11.0225H3V13.0225L2.5 14.5225L5.36396 11.2442L6.77817 12.6584L3.5 15.5225L5 15.0225H7V17.0225H1V11.0225Z\" fill=\"white\"/>%0D%0A<path d=\"M17 7.02246H15V5.02246L15.5 3.52246L12.636 6.80073L11.2218 5.38652L14.5 2.52246L13 3.02246H11V1.02246H17V7.02246Z\" fill=\"white\"/>%0D%0A<path d=\"M17 11.0225H15V13.0225L15.5 14.5225L12.636 11.2442L11.2218 12.6584L14.5 15.5225L13 15.0225H11V17.0225H17V11.0225Z\" fill=\"white\"/>%0D%0A</svg>%0D%0A')}.ui-icon-fullscreen.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\">%0D%0A<path d=\"M1 7.02246H3V5.02246L2.5 3.52246L5.36396 6.80073L6.77817 5.38652L3.5 2.52246L5 3.02246H7V1.02246H1V7.02246Z\" fill=\"white\"/>%0D%0A<path d=\"M1 11.0225H3V13.0225L2.5 14.5225L5.36396 11.2442L6.77817 12.6584L3.5 15.5225L5 15.0225H7V17.0225H1V11.0225Z\" fill=\"white\"/>%0D%0A<path d=\"M17 7.02246H15V5.02246L15.5 3.52246L12.636 6.80073L11.2218 5.38652L14.5 2.52246L13 3.02246H11V1.02246H17V7.02246Z\" fill=\"white\"/>%0D%0A<path d=\"M17 11.0225H15V13.0225L15.5 14.5225L12.636 11.2442L11.2218 12.6584L14.5 15.5225L13 15.0225H11V17.0225H17V11.0225Z\" fill=\"white\"/>%0D%0A</g>%0D%0A</svg>%0D%0A')}.ui-icon-project-navigator{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g clip-path=\"url(%23clip0_201_1486)\">%0D%0A<path d=\"M0 18H6V13H0V18ZM12 13V18H18V13H12ZM12 0H6V5H12V0ZM4 10H14V12H16V8H10V6H8V8H2V12H4V10Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1486\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-project-navigator.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\" clip-path=\"url(%23clip0_201_1511)\">%0D%0A<path d=\"M0 18H6V13H0V18ZM12 13V18H18V13H12ZM12 0H6V5H12V0ZM4 10H14V12H16V8H10V6H8V8H2V12H4V10Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1511\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-obj-reset{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g clip-path=\"url(%23clip0_201_1484)\">%0D%0A<path d=\"M8.89796 16.9495C10.6981 16.7461 12.3759 15.9378 13.6569 14.6569L12.2505 13.2505C11.288 14.213 10.0273 14.8204 8.67472 14.9732C7.32212 15.126 5.95772 14.8152 4.80475 14.0916C3.65178 13.368 2.77852 12.2746 2.32786 10.9902C1.8772 9.70574 1.87582 8.30638 2.32394 7.02106C2.77207 5.73574 3.64316 4.64057 4.7947 3.91474C5.94624 3.18892 7.31003 2.87541 8.66292 3.02553C10.0158 3.17565 11.2777 3.78049 12.2421 4.7411C12.8851 5.38157 13.3705 6.15489 13.6687 7H11.5L15 11L18 7H15.746C15.3891 5.61766 14.6667 4.34898 13.6457 3.332C12.3622 2.05356 10.6828 1.24859 8.88226 1.04881C7.08174 0.849026 5.26673 1.26626 3.73419 2.23223C2.20166 3.1982 1.04235 4.65572 0.445956 6.3663C-0.150436 8.07688 -0.148597 9.93924 0.451173 11.6486C1.05094 13.358 2.21313 14.8133 3.74757 15.7762C5.28201 16.7392 7.09784 17.1528 8.89796 16.9495Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1484\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-obj-reset.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\" clip-path=\"url(%23clip0_201_1509)\">%0D%0A<path d=\"M8.89796 16.9495C10.6981 16.7461 12.3759 15.9378 13.6569 14.6569L12.2505 13.2505C11.288 14.213 10.0273 14.8204 8.67472 14.9732C7.32212 15.126 5.95772 14.8152 4.80475 14.0916C3.65178 13.368 2.77852 12.2746 2.32786 10.9902C1.8772 9.70574 1.87582 8.30638 2.32394 7.02106C2.77207 5.73574 3.64316 4.64057 4.7947 3.91474C5.94624 3.18892 7.31003 2.87541 8.66292 3.02553C10.0158 3.17565 11.2777 3.78049 12.2421 4.7411C12.8851 5.38157 13.3705 6.15489 13.6687 7H11.5L15 11L18 7H15.746C15.3891 5.61766 14.6667 4.34898 13.6457 3.332C12.3622 2.05356 10.6828 1.24859 8.88226 1.04881C7.08174 0.849026 5.26673 1.26626 3.73419 2.23223C2.20166 3.1982 1.04235 4.65572 0.445956 6.3663C-0.150436 8.07688 -0.148597 9.93924 0.451173 11.6486C1.05094 13.358 2.21313 14.8133 3.74757 15.7762C5.28201 16.7392 7.09784 17.1528 8.89796 16.9495Z\" fill=\"white\"/>%0D%0A</g>%0D%0A<defs>%0D%0A<clipPath id=\"clip0_201_1509\">%0D%0A<rect width=\"18\" height=\"18\" fill=\"white\"/>%0D%0A</clipPath>%0D%0A</defs>%0D%0A</svg>%0D%0A')}.ui-icon-reset-vp{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 4H11V14H0V4ZM2 6H9V12H2V6Z\" fill=\"white\"/>%0D%0A<path d=\"M13 9L18 4V14L13 9Z\" fill=\"white\"/>%0D%0A</svg>%0D%0A')}.ui-icon-reset-vp.disabled{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<g opacity=\"0.5\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 4H11V14H0V4ZM2 6H9V12H2V6Z\" fill=\"white\"/>%0D%0A<path d=\"M13 9L18 4V14L13 9Z\" fill=\"white\"/>%0D%0A</g>%0D%0A</svg>%0D%0A')}.ui-icon-front-view{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 3L3 12L7 16L16 16L16 7L12 3L3 3ZM4 11.5L6.5 14L6.5 7.5L4 5L4 11.5ZM14.5 8L8 8L8 14.5L14.5 14.5L14.5 8ZM7.5 6.5L14 6.5L11.5 4L5 4L7.5 6.5Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M15 8V11.1111V15H11.1111H8V8H15Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}.ui-icon-front-view:hover{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 3L3 12L7 16L16 16L16 7L12 3L3 3ZM4 11.5L6.5 14L6.5 7.5L4 5L4 11.5ZM14.5 8L8 8L8 14.5L14.5 14.5L14.5 8ZM7.5 6.5L14 6.5L11.5 4L5 4L7.5 6.5Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M15 8V11.1111V15H11.1111H8V8H15Z\" fill=\"%23FE5000\"/>%0D%0A</svg>%0D%0A')}.ui-icon-perspective-view{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.52164 2.02502L17 3.12038V11.4679L10.047 17.2622L2 11.5141V3.15828L8.52164 2.02502ZM8.52164 3.43201L5.48519 3.9986L9.97726 5.13177L13.0033 3.9986L8.52164 3.43201ZM15.335 4.95299L11 6.72026V14.0564L15.335 10.754V4.95299ZM9 14.0564V6.7538L3.52394 4.95299V10.754L9 14.0564Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}.ui-icon-perspective-view:hover{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.52164 2.02502L17 3.12038V11.4679L10.047 17.2622L2 11.5141V3.15828L8.52164 2.02502ZM8.52164 3.43201L5.48519 3.9986L9.97726 5.13177L13.0033 3.9986L8.52164 3.43201ZM15.335 4.95299L11 6.72026V14.0564L15.335 10.754V4.95299ZM9 14.0564V6.7538L3.52394 4.95299V10.754L9 14.0564Z\" fill=\"%23FE5000\"/>%0D%0A</svg>%0D%0A')}.ui-icon-side-view{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 3L12 3L16 7L16 16L7 16L3 12L3 3ZM11.5 4L14 6.5L7.5 6.5L5 4L11.5 4ZM8 14.5L8 8L14.5 8L14.5 14.5L8 14.5ZM6.5 7.5L6.5 14L4 11.5L4 5L6.5 7.5Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M7 7.5L3.5 4.5L3.5 12L6.5 14.5L7 7.5Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}.ui-icon-side-view:hover{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 3L12 3L16 7L16 16L7 16L3 12L3 3ZM11.5 4L14 6.5L7.5 6.5L5 4L11.5 4ZM8 14.5L8 8L14.5 8L14.5 14.5L8 14.5ZM6.5 7.5L6.5 14L4 11.5L4 5L6.5 7.5Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M7 7.5L3.5 4.5L3.5 12L6.5 14.5L7 7.5Z\" fill=\"%23FE5000\"/>%0D%0A</svg>%0D%0A')}.ui-icon-top-view{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 3L3 12L7 16L16 16L16 7L12 3L3 3ZM4 11.5L6.5 14L6.5 7.5L4 5L4 11.5ZM14.5 8L8 8L8 14.5L14.5 14.5L14.5 8ZM7.5 6.5L14 6.5L11.5 4L5 4L7.5 6.5Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M6.75 7L3.5 3.5H12L15 7H6.75Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}.ui-icon-top-view:hover{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 3L3 12L7 16L16 16L16 7L12 3L3 3ZM4 11.5L6.5 14L6.5 7.5L4 5L4 11.5ZM14.5 8L8 8L8 14.5L14.5 14.5L14.5 8ZM7.5 6.5L14 6.5L11.5 4L5 4L7.5 6.5Z\" fill=\"%23FE5000\"/>%0D%0A<path d=\"M6.75 7L3.5 3.5H12L15 7H6.75Z\" fill=\"%23FE5000\"/>%0D%0A</svg>%0D%0A')}\n"] }]
|
|
1732
|
+
}], ctorParameters: () => [{ type: i1.TranslateService }], propDecorators: { left: [{
|
|
1782
1733
|
type: HostBinding,
|
|
1783
|
-
args: ['
|
|
1784
|
-
}
|
|
1734
|
+
args: ['style.left.px']
|
|
1735
|
+
}, {
|
|
1736
|
+
type: Input
|
|
1737
|
+
}], top: [{
|
|
1785
1738
|
type: HostBinding,
|
|
1786
|
-
args: ['
|
|
1787
|
-
}
|
|
1739
|
+
args: ['style.top.px']
|
|
1740
|
+
}, {
|
|
1788
1741
|
type: Input
|
|
1789
|
-
}],
|
|
1742
|
+
}], items: [{
|
|
1743
|
+
type: Input
|
|
1744
|
+
}], isOpened: [{
|
|
1790
1745
|
type: Input,
|
|
1791
1746
|
args: [{ transform: booleanAttribute }]
|
|
1792
|
-
}],
|
|
1793
|
-
type: Input
|
|
1794
|
-
|
|
1795
|
-
|
|
1796
|
-
|
|
1797
|
-
|
|
1798
|
-
}],
|
|
1799
|
-
type:
|
|
1800
|
-
|
|
1747
|
+
}], isEmbedded: [{
|
|
1748
|
+
type: Input,
|
|
1749
|
+
args: [{ transform: booleanAttribute }]
|
|
1750
|
+
}], isFocused: [{
|
|
1751
|
+
type: Input,
|
|
1752
|
+
args: [{ transform: booleanAttribute }]
|
|
1753
|
+
}], isActive: [{
|
|
1754
|
+
type: Input,
|
|
1755
|
+
args: [{ transform: booleanAttribute }]
|
|
1756
|
+
}], itemClicked: [{
|
|
1801
1757
|
type: Output
|
|
1802
|
-
}],
|
|
1758
|
+
}], subItemClicked: [{
|
|
1803
1759
|
type: Output
|
|
1804
1760
|
}] } });
|
|
1805
1761
|
|
|
@@ -2007,30 +1963,74 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImpor
|
|
|
2007
1963
|
type: Output
|
|
2008
1964
|
}] } });
|
|
2009
1965
|
|
|
2010
|
-
class
|
|
2011
|
-
constructor(
|
|
2012
|
-
|
|
1966
|
+
class BimplusZoomComponent {
|
|
1967
|
+
constructor() {
|
|
1968
|
+
/**--------------------------------------------------------------------------
|
|
1969
|
+
* List of available zoom
|
|
1970
|
+
--------------------------------------------------------------------------*/
|
|
1971
|
+
this._zoomList = [
|
|
1972
|
+
{ symbol: "100", text: "100%" },
|
|
1973
|
+
{ symbol: "105", text: "105%" },
|
|
1974
|
+
{ symbol: "110", text: "110%" },
|
|
1975
|
+
{ symbol: "115", text: "115%" },
|
|
1976
|
+
{ symbol: "120", text: "120%" },
|
|
1977
|
+
{ symbol: "125", text: "125%" },
|
|
1978
|
+
{ symbol: "130", text: "130%" },
|
|
1979
|
+
{ symbol: "135", text: "135%" },
|
|
1980
|
+
{ symbol: "140", text: "140%" },
|
|
1981
|
+
{ symbol: "145", text: "145%" },
|
|
1982
|
+
{ symbol: "150", text: "150%" }
|
|
1983
|
+
];
|
|
1984
|
+
/**--------------------------------------------------------------------------
|
|
1985
|
+
* States
|
|
1986
|
+
--------------------------------------------------------------------------*/
|
|
1987
|
+
this._menuOpened = false;
|
|
2013
1988
|
/**--------------------------------------------------------------------------
|
|
2014
1989
|
* properties
|
|
2015
1990
|
--------------------------------------------------------------------------*/
|
|
2016
|
-
this.
|
|
2017
|
-
|
|
1991
|
+
this.isTouch = false;
|
|
1992
|
+
/**--------------------------------------------------------------------------
|
|
1993
|
+
* properties
|
|
1994
|
+
--------------------------------------------------------------------------*/
|
|
1995
|
+
this.selectedZoom = '125';
|
|
1996
|
+
/**--------------------------------------------------------------------------
|
|
1997
|
+
* Zoom selected event
|
|
1998
|
+
--------------------------------------------------------------------------*/
|
|
1999
|
+
this.bimplusZoomSelected = new EventEmitter();
|
|
2018
2000
|
}
|
|
2019
2001
|
/**--------------------------------------------------------------------------
|
|
2020
|
-
*
|
|
2002
|
+
* Zoom selection
|
|
2021
2003
|
--------------------------------------------------------------------------*/
|
|
2022
|
-
|
|
2023
|
-
fireEvent(this, "
|
|
2004
|
+
_switchZoom(zoom) {
|
|
2005
|
+
fireEvent(this, "bimplusZoomSelected", zoom);
|
|
2024
2006
|
}
|
|
2025
|
-
|
|
2026
|
-
|
|
2007
|
+
/**--------------------------------------------------------------------------
|
|
2008
|
+
* toggle menu open
|
|
2009
|
+
--------------------------------------------------------------------------*/
|
|
2010
|
+
_toggleOpened() {
|
|
2011
|
+
this._menuOpened = !this._menuOpened;
|
|
2012
|
+
}
|
|
2013
|
+
/**--------------------------------------------------------------------------
|
|
2014
|
+
* setup dynamic classes for zoom item
|
|
2015
|
+
--------------------------------------------------------------------------*/
|
|
2016
|
+
_getZoomClassObject(symbol) {
|
|
2017
|
+
return {
|
|
2018
|
+
'selected': this.selectedZoom === symbol,
|
|
2019
|
+
['bimzoom-' + symbol]: true
|
|
2020
|
+
};
|
|
2021
|
+
}
|
|
2022
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: BimplusZoomComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2023
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.1", type: BimplusZoomComponent, isStandalone: true, selector: "lib-bimplus-zoom", inputs: { isTouch: ["isTouch", "isTouch", booleanAttribute], selectedZoom: "selectedZoom" }, outputs: { bimplusZoomSelected: "bimplusZoomSelected" }, ngImport: i0, template: "<div\r\n class=\"bimcomp-overlay\"\r\n [ngClass]=\"_menuOpened ? 'open' : ''\"\r\n (click)=\"_toggleOpened()\"\r\n></div>\r\n<div \r\n class=\"dropdown\"\r\n [ngClass]=\"{'open': _menuOpened, 'is-touch': isTouch}\"\r\n (click)=\"_toggleOpened()\"\r\n>\r\n <div class=\"dropdown-toggle\">\r\n <div class=\"main-icon icon-zoom\"></div>\r\n <span class=\"caret\"></span>\r\n </div>\r\n <ul\r\n class=\"bimcomp-dropdown-menu\"\r\n [ngClass]=\"_menuOpened ? 'open' : ''\"\r\n >\r\n <li\r\n *ngFor=\"let zoom of _zoomList\"\r\n class=\"bimcomp-dropdown-menu-item\"\r\n [ngClass]=\"_getZoomClassObject(zoom.symbol)\"\r\n (click)=\"_switchZoom(zoom.symbol)\"\r\n >\r\n <span>{{zoom.text}}</span>\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [".dropdown{position:relative;width:4.2em;height:3.25em;cursor:pointer;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.dropdown.open{color:#555;background-color:#e7e7e7}.dropdown-toggle{position:relative;margin-left:.44em;margin-right:.44em;background-size:1.4em 1.4em;padding-bottom:.22em;padding-left:.2em}.dropdown-toggle .caret{display:inline-block;width:0;height:0;margin-top:.19em;margin-left:.5em;vertical-align:middle;color:#777;border-top:.25em dashed;border-top:.25em solid;border-right:.25em solid transparent;border-left:.25em solid transparent}.is-touch .dropdown-toggle{padding-left:0}.is-touch .dropdown-toggle .caret{display:none}.bimcomp-dropdown-menu{font-family:Source Sans Pro,Helvetica,Arial,tahoma,sans-serif;position:absolute;top:100%;right:0;z-index:1;display:none;min-width:6.5em;padding:.5em 0 .57em;margin:0;font-size:.875em;list-style:none;background-color:#fff;border:thin solid rgba(0,0,0,.15);border-radius:0 0 .29em .29em;-webkit-box-shadow:0 .43em .86em rgba(0,0,0,.175);box-shadow:0 .43em .86em #0000002d;text-decoration-color:#333;text-decoration-line:none;text-decoration-style:solid;line-height:2.71em;font-weight:400}.bimcomp-dropdown-menu div{font-size:1em}.bimcomp-dropdown-menu .noselect{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.bimcomp-dropdown-menu li{display:flex;flex-direction:row;align-items:center;cursor:pointer;box-sizing:content-box;padding:.21em 2.1em}.bimcomp-dropdown-menu li span{display:inline-block;flex:1 0 auto;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.bimcomp-dropdown-menu li.selected,.bimcomp-dropdown-menu li.selected:hover{background-color:#ffe6da}.bimcomp-dropdown-menu li:hover{background-color:#f5f5f5}.bimcomp-dropdown-menu ul,.bimcomp-dropdown-menu li{list-style:none}.bimcomp-dropdown-menu.open{display:inline-block}.icon{flex-shrink:0;display:inline-block;vertical-align:middle;margin:0 1.36em 0 0;width:1.64em;height:1.64em;background-size:contain;background-position:center;background-repeat:no-repeat}.main-icon{flex-shrink:0;display:inline-block;vertical-align:middle;width:1.375em;height:1.375em;background-size:contain;background-position:center;background-repeat:no-repeat}.bimcomp-overlay{position:fixed;width:100vw;height:100vh;left:0;top:0;display:none}.bimcomp-overlay.open{display:block;z-index:1}.icon-zoom{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M7 4C6.44772 4 6 4.44772 6 5V6H5C4.44772 6 4 6.44772 4 7C4 7.55228 4.44772 8 5 8H6V9C6 9.55228 6.44772 10 7 10C7.55228 10 8 9.55228 8 9V8H9C9.55228 8 10 7.55228 10 7C10 6.44771 9.55228 6 9 6H8V5C8 4.44772 7.55228 4 7 4Z\" fill=\"%23444444\"/>%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7 13C10.3137 13 13 10.3137 13 7C13 3.68629 10.3137 1 7 1C3.68629 1 1 3.68629 1 7C1 10.3137 3.68629 13 7 13ZM7 11.2C9.3196 11.2 11.2 9.3196 11.2 7C11.2 4.6804 9.3196 2.8 7 2.8C4.6804 2.8 2.8 4.6804 2.8 7C2.8 9.3196 4.6804 11.2 7 11.2Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M11.7637 12.163C11.3732 12.5535 11.3732 13.1867 11.7637 13.5772L14.6286 16.4421C15.0191 16.8326 15.6523 16.8326 16.0428 16.4421L16.4435 16.0414C16.834 15.6509 16.834 15.0177 16.4435 14.6272L13.5786 11.7623C13.1881 11.3718 12.5549 11.3718 12.1644 11.7623L11.7637 12.163Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
|
|
2027
2024
|
}
|
|
2028
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type:
|
|
2025
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: BimplusZoomComponent, decorators: [{
|
|
2029
2026
|
type: Component,
|
|
2030
|
-
args: [{ selector: 'lib-bimplus-
|
|
2031
|
-
}],
|
|
2027
|
+
args: [{ selector: 'lib-bimplus-zoom', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.ShadowDom, template: "<div\r\n class=\"bimcomp-overlay\"\r\n [ngClass]=\"_menuOpened ? 'open' : ''\"\r\n (click)=\"_toggleOpened()\"\r\n></div>\r\n<div \r\n class=\"dropdown\"\r\n [ngClass]=\"{'open': _menuOpened, 'is-touch': isTouch}\"\r\n (click)=\"_toggleOpened()\"\r\n>\r\n <div class=\"dropdown-toggle\">\r\n <div class=\"main-icon icon-zoom\"></div>\r\n <span class=\"caret\"></span>\r\n </div>\r\n <ul\r\n class=\"bimcomp-dropdown-menu\"\r\n [ngClass]=\"_menuOpened ? 'open' : ''\"\r\n >\r\n <li\r\n *ngFor=\"let zoom of _zoomList\"\r\n class=\"bimcomp-dropdown-menu-item\"\r\n [ngClass]=\"_getZoomClassObject(zoom.symbol)\"\r\n (click)=\"_switchZoom(zoom.symbol)\"\r\n >\r\n <span>{{zoom.text}}</span>\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [".dropdown{position:relative;width:4.2em;height:3.25em;cursor:pointer;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.dropdown.open{color:#555;background-color:#e7e7e7}.dropdown-toggle{position:relative;margin-left:.44em;margin-right:.44em;background-size:1.4em 1.4em;padding-bottom:.22em;padding-left:.2em}.dropdown-toggle .caret{display:inline-block;width:0;height:0;margin-top:.19em;margin-left:.5em;vertical-align:middle;color:#777;border-top:.25em dashed;border-top:.25em solid;border-right:.25em solid transparent;border-left:.25em solid transparent}.is-touch .dropdown-toggle{padding-left:0}.is-touch .dropdown-toggle .caret{display:none}.bimcomp-dropdown-menu{font-family:Source Sans Pro,Helvetica,Arial,tahoma,sans-serif;position:absolute;top:100%;right:0;z-index:1;display:none;min-width:6.5em;padding:.5em 0 .57em;margin:0;font-size:.875em;list-style:none;background-color:#fff;border:thin solid rgba(0,0,0,.15);border-radius:0 0 .29em .29em;-webkit-box-shadow:0 .43em .86em rgba(0,0,0,.175);box-shadow:0 .43em .86em #0000002d;text-decoration-color:#333;text-decoration-line:none;text-decoration-style:solid;line-height:2.71em;font-weight:400}.bimcomp-dropdown-menu div{font-size:1em}.bimcomp-dropdown-menu .noselect{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.bimcomp-dropdown-menu li{display:flex;flex-direction:row;align-items:center;cursor:pointer;box-sizing:content-box;padding:.21em 2.1em}.bimcomp-dropdown-menu li span{display:inline-block;flex:1 0 auto;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.bimcomp-dropdown-menu li.selected,.bimcomp-dropdown-menu li.selected:hover{background-color:#ffe6da}.bimcomp-dropdown-menu li:hover{background-color:#f5f5f5}.bimcomp-dropdown-menu ul,.bimcomp-dropdown-menu li{list-style:none}.bimcomp-dropdown-menu.open{display:inline-block}.icon{flex-shrink:0;display:inline-block;vertical-align:middle;margin:0 1.36em 0 0;width:1.64em;height:1.64em;background-size:contain;background-position:center;background-repeat:no-repeat}.main-icon{flex-shrink:0;display:inline-block;vertical-align:middle;width:1.375em;height:1.375em;background-size:contain;background-position:center;background-repeat:no-repeat}.bimcomp-overlay{position:fixed;width:100vw;height:100vh;left:0;top:0;display:none}.bimcomp-overlay.open{display:block;z-index:1}.icon-zoom{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A<path d=\"M7 4C6.44772 4 6 4.44772 6 5V6H5C4.44772 6 4 6.44772 4 7C4 7.55228 4.44772 8 5 8H6V9C6 9.55228 6.44772 10 7 10C7.55228 10 8 9.55228 8 9V8H9C9.55228 8 10 7.55228 10 7C10 6.44771 9.55228 6 9 6H8V5C8 4.44772 7.55228 4 7 4Z\" fill=\"%23444444\"/>%0D%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7 13C10.3137 13 13 10.3137 13 7C13 3.68629 10.3137 1 7 1C3.68629 1 1 3.68629 1 7C1 10.3137 3.68629 13 7 13ZM7 11.2C9.3196 11.2 11.2 9.3196 11.2 7C11.2 4.6804 9.3196 2.8 7 2.8C4.6804 2.8 2.8 4.6804 2.8 7C2.8 9.3196 4.6804 11.2 7 11.2Z\" fill=\"%23444444\"/>%0D%0A<path d=\"M11.7637 12.163C11.3732 12.5535 11.3732 13.1867 11.7637 13.5772L14.6286 16.4421C15.0191 16.8326 15.6523 16.8326 16.0428 16.4421L16.4435 16.0414C16.834 15.6509 16.834 15.0177 16.4435 14.6272L13.5786 11.7623C13.1881 11.3718 12.5549 11.3718 12.1644 11.7623L11.7637 12.163Z\" fill=\"%23444444\"/>%0D%0A</svg>%0D%0A')}\n"] }]
|
|
2028
|
+
}], propDecorators: { isTouch: [{
|
|
2029
|
+
type: Input,
|
|
2030
|
+
args: [{ transform: booleanAttribute }]
|
|
2031
|
+
}], selectedZoom: [{
|
|
2032
2032
|
type: Input
|
|
2033
|
-
}],
|
|
2033
|
+
}], bimplusZoomSelected: [{
|
|
2034
2034
|
type: Output
|
|
2035
2035
|
}] } });
|
|
2036
2036
|
|