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, EventEmitter, booleanAttribute, ViewEncapsulation, Input, Output, Pipe, Directive, HostListener, HostBinding } from '@angular/core';
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 BimplusNavbarComponent {
66
- constructor() {
67
- this.projectInfo = "";
68
- this.teamInfo = "";
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
- _projectInfoClicked() {
92
- if (this.isDev) {
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: BimplusNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
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\">&nbsp;&nbsp; -&nbsp;&nbsp;</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: BimplusNavbarComponent, decorators: [{
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\">&nbsp;&nbsp; -&nbsp;&nbsp;</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: { projectInfo: [{
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 PxsuffixPipe {
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.oldX = 0;
684
- this.isDragging = false;
685
- this.wasDragging = false;
686
- this.isMouseDown = false;
687
- this.dragging = new EventEmitter();
688
- this.clicked = new EventEmitter();
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
- onMouseMove(event) {
691
- if (!this.isDragging && !this.isMouseDown) {
692
- return;
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
- onMouseDown(event) {
712
- this.isMouseDown = true;
713
- this.wasDragging = false;
714
- this.oldX = event.clientX;
632
+ _logoClicked() {
633
+ if (!this.isModelViewerActive) {
634
+ fireEvent(this, "bimplusNavbarClicked", "logo");
635
+ }
715
636
  }
716
- onMouseClick(event) {
717
- if (!this.wasDragging) {
718
- fireEvent(this, "clicked", event);
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: XDraggableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
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: XDraggableDirective, decorators: [{
725
- type: Directive,
726
- args: [{
727
- selector: '[xDraggable]',
728
- standalone: true
729
- }]
730
- }], propDecorators: { dragging: [{
731
- type: Output
732
- }], clicked: [{
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\">&nbsp;&nbsp; -&nbsp;&nbsp;</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\">&nbsp;&nbsp; -&nbsp;&nbsp;</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
- class BimplusSidenavComponent extends BimplusLocalizedWidgetComponent {
749
- constructor(translateService) {
684
+ const BIMPLUS_NOTIFY_MESSAGES = "bimplus-notify-messages";
685
+ class BimplusNotifyComponent extends BimplusLocalizedWidgetComponent {
686
+ constructor(translateService, elementRef) {
750
687
  super(translateService);
751
- // #region public fields
752
- this.activeItem = "";
753
- this.drawerHeader = "";
754
- this.drawerWidth = 300;
755
- this.drawerExpanded = true;
756
- this.activeItemChanged = new EventEmitter();
757
- this.actionClicked = new EventEmitter();
758
- this.footerClicked = new EventEmitter();
759
- // #endregion public fields
760
- // #region private fields
761
- this._items = new Array();
762
- this._actionItems = new Array();
763
- this._footerItem = null;
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 items() {
766
- return this._items;
736
+ get newMessages() {
737
+ return this._alertActive;
767
738
  }
768
- set items(value) {
769
- this._items.length = 0;
770
- this._items = value;
771
- if (this.items.length > 0) {
772
- this._activateItem(this.items[0].id);
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
- get actionItems() {
776
- return this._actionItems;
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
- set actionItems(value) {
779
- this._actionItems.length = 0;
780
- this._actionItems = value;
778
+ /**--------------------------------------------------------------------------
779
+ * initial component load
780
+ --------------------------------------------------------------------------*/
781
+ ngOnInit() {
782
+ this.updateMessages(this.messages);
781
783
  }
782
- get footerItem() {
783
- return this._footerItem;
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
- set footerItem(value) {
786
- this._footerItem = value;
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
- // #endregion private fields
789
- // #region public methods
790
- _activateItem(item) {
791
- this.activeItem = item;
792
- const foundItem = this._items.find(x => x.id == item);
793
- this.drawerHeader = foundItem ? foundItem.text : "";
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
- fireEvent(this, "activeItemChanged", item);
821
+ if (event) {
822
+ event.stopPropagation();
823
+ event.preventDefault();
824
+ }
825
+ fireEvent(this, "bimplusNotifyDeleteMessage", JSON.stringify(item));
798
826
  }
799
- _clickAction(item) {
800
- fireEvent(this, "actionClicked", item);
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
- _clickFooter(item) {
803
- fireEvent(this, "footerClicked", item);
840
+ /**--------------------------------------------------------------------------
841
+ * close all messages
842
+ --------------------------------------------------------------------------*/
843
+ _deleteAllMessages() {
844
+ fireEvent(this, "bimplusNotifyDeleteAllMessages");
845
+ this.clearAllLocalStorageMessages();
804
846
  }
805
- _toggleDrawer() {
806
- this.drawerExpanded = !this.drawerExpanded;
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
- const msgItems = _element?.querySelectorAll(".messages-container > .message-item");
1681
- const barContent = _element?.querySelector(".simplebar-content");
1682
- if (!barContent || !msgItems) {
1652
+ this.itemClicked.emit(action);
1653
+ }
1654
+ clickToolHubSubItem(action) {
1655
+ if (!this._activeSubItems) {
1683
1656
  return;
1684
1657
  }
1685
- if (this._simpleBar) {
1686
- this._simpleBar.recalculate();
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
- * close single message
1691
- --------------------------------------------------------------------------*/
1692
- _closeMessage(item, preview, event) {
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
- fireEvent(this, "bimplusNotifyDeleteMessage", JSON.stringify(item));
1670
+ item.active = !item.active;
1701
1671
  }
1702
- /**--------------------------------------------------------------------------
1703
- * close preview message
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
- this._previewMessagesList = this._previewMessagesList.filter((msg) => msg.id !== msgId);
1710
- this.storeMessagesAsRead([msgId]);
1711
- if (closedByUser && this._previewMessagesList.length === 0) {
1712
- this._alertActive = false;
1677
+ item.active = !item.active;
1678
+ if (item.active) {
1679
+ this._activeSubItemsView = item;
1680
+ this._activeSubItems = item.subItems;
1713
1681
  }
1714
- }
1715
- /**--------------------------------------------------------------------------
1716
- * close all messages
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
- const messageListString = window.localStorage.getItem(BIMPLUS_NOTIFY_MESSAGES);
1742
- if (!messageListString) {
1743
- return true;
1686
+ }
1687
+ closeActiveSubItemsView() {
1688
+ if (this._activeSubItemsView) {
1689
+ this._activeSubItemsView.active = false;
1690
+ this._activeSubItemsView = null;
1744
1691
  }
1745
- return !messageListString.includes(message.id);
1692
+ this._activeSubItems = null;
1746
1693
  }
1747
- storeMessagesAsRead(messageList) {
1748
- if (!messageList || messageList.length < 1) {
1749
- return;
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
- let messageListString = window.localStorage.getItem(BIMPLUS_NOTIFY_MESSAGES);
1752
- if (!messageListString) {
1753
- messageListString = "";
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
- clearAllLocalStorageMessages() {
1763
- window.localStorage.removeItem(BIMPLUS_NOTIFY_MESSAGES);
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
- * get item link title
1767
- --------------------------------------------------------------------------*/
1768
- _getItemLinkTitle(item, index) {
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
- 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 }); }
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: BimplusNotifyComponent, decorators: [{
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 }, { type: i0.ElementRef }], propDecorators: { newMessages: [{
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: ['class.new-messages']
1784
- }], bimNotify: [{
1734
+ args: ['style.left.px']
1735
+ }, {
1736
+ type: Input
1737
+ }], top: [{
1785
1738
  type: HostBinding,
1786
- args: ['class.bim-notify']
1787
- }], messagePreviewTime: [{
1739
+ args: ['style.top.px']
1740
+ }, {
1788
1741
  type: Input
1789
- }], showMessagePreview: [{
1742
+ }], items: [{
1743
+ type: Input
1744
+ }], isOpened: [{
1790
1745
  type: Input,
1791
1746
  args: [{ transform: booleanAttribute }]
1792
- }], previewMessagesLimit: [{
1793
- type: Input
1794
- }], previewMessagesOffsetY: [{
1795
- type: Input
1796
- }], messages: [{
1797
- type: Input
1798
- }], bimplusNotifyDeleteMessage: [{
1799
- type: Output
1800
- }], bimplusNotifyDeleteAllMessages: [{
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
- }], bimplusNotifyMessageAction: [{
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 BimplusStorageInfoComponent extends BimplusLocalizedWidgetComponent {
2011
- constructor(translateService) {
2012
- super(translateService);
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.usedStorage = 0;
2017
- this.bimplusStorageInfoClicked = new EventEmitter();
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
- * clicked storage info container
2002
+ * Zoom selection
2021
2003
  --------------------------------------------------------------------------*/
2022
- _infoClicked(action) {
2023
- fireEvent(this, "bimplusStorageInfoClicked", action);
2004
+ _switchZoom(zoom) {
2005
+ fireEvent(this, "bimplusZoomSelected", zoom);
2024
2006
  }
2025
- 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 }); }
2026
- 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 }); }
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: BimplusStorageInfoComponent, decorators: [{
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-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"] }]
2031
- }], ctorParameters: () => [{ type: i1.TranslateService }], propDecorators: { usedStorage: [{
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
- }], bimplusStorageInfoClicked: [{
2033
+ }], bimplusZoomSelected: [{
2034
2034
  type: Output
2035
2035
  }] } });
2036
2036