ngx-bimplus-components 0.0.135 → 0.0.136-dependencies
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.
- package/esm2022/lib/components/bimplus-buttons-row/bimplus-buttons-row.component.mjs +3 -4
- package/esm2022/lib/components/bimplus-connection-designer/bimplus-connection-designer.component.mjs +5 -5
- package/esm2022/lib/components/bimplus-connection-designer-results/bimplus-connection-designer-results.component.mjs +3 -3
- package/esm2022/lib/components/bimplus-flat-tree/bimplus-flat-tree.component.mjs +3 -3
- package/esm2022/lib/components/bimplus-floating-bar-header-logo/bimplus-floating-bar-header-logo.component.mjs +1 -1
- package/esm2022/lib/components/bimplus-floating-bar-project-navigator/bimplus-floating-bar-project-navigator.component.mjs +1 -1
- package/esm2022/lib/components/bimplus-object-complex-properties/bimplus-object-complex-properties.component.mjs +3 -3
- package/esm2022/lib/components/bimplus-object-navigator/bimplus-object-navigator.component.mjs +3 -3
- package/esm2022/lib/components/bimplus-object-navigator/criteria-select-object-properties/criteria-select-object-properties.component.mjs +3 -3
- package/esm2022/lib/components/bimplus-object-navigator/criteria-select-object-properties/criteria-select-object-properties.interface.mjs +1 -1
- package/esm2022/lib/components/bimplus-object-navigator/object-filter-result/object-filter-result.component.mjs +3 -3
- package/esm2022/lib/components/bimplus-object-structure/bimplus-object-structure.component.mjs +6 -3
- package/esm2022/lib/components/bimplus-scrollable-container/bimplus-scrollable-container.component.mjs +1 -1
- package/esm2022/lib/components/bimplus-tabs-switcher/bimplus-tabs-switcher.component.mjs +19 -0
- package/esm2022/lib/components/bimplus-tabs-switcher/bimplus-tabs-switcher.interface.mjs +2 -0
- package/esm2022/lib/components/object-properties/object-properties.component.mjs +236 -0
- package/esm2022/lib/components/object-properties/object-properties.interface.mjs +2 -0
- package/esm2022/lib/components/object-properties-header/object-properties-header.component.mjs +19 -4
- package/esm2022/lib/components/object-properties-header/object-properties-header.interface.mjs +1 -1
- package/esm2022/public-api.mjs +4 -1
- package/fesm2022/ngx-bimplus-components.mjs +282 -24
- package/fesm2022/ngx-bimplus-components.mjs.map +1 -1
- package/lib/components/bimplus-floating-bar-header-logo/bimplus-floating-bar-header-logo.component.d.ts +1 -1
- package/lib/components/bimplus-floating-bar-project-navigator/bimplus-floating-bar-project-navigator.component.d.ts +3 -3
- package/lib/components/bimplus-object-navigator/criteria-select-object-properties/criteria-select-object-properties.component.d.ts +7 -7
- package/lib/components/bimplus-object-navigator/criteria-select-object-properties/criteria-select-object-properties.interface.d.ts +3 -3
- package/lib/components/bimplus-object-structure/bimplus-object-structure.component.d.ts +1 -1
- package/lib/components/bimplus-scrollable-container/bimplus-scrollable-container.component.d.ts +1 -1
- package/lib/components/bimplus-tabs-switcher/bimplus-tabs-switcher.component.d.ts +10 -0
- package/lib/components/bimplus-tabs-switcher/bimplus-tabs-switcher.interface.d.ts +3 -0
- package/lib/components/object-properties/object-properties.component.d.ts +42 -0
- package/lib/components/object-properties/object-properties.interface.d.ts +18 -0
- package/lib/components/object-properties-header/object-properties-header.component.d.ts +5 -3
- package/lib/components/object-properties-header/object-properties-header.interface.d.ts +1 -0
- package/package.json +6 -6
- package/public-api.d.ts +3 -0
|
@@ -174,11 +174,11 @@ class BimplusButtonsRowComponent extends BimplusLocalizedWidgetComponent {
|
|
|
174
174
|
this.buttonClicked.emit({ id: item.id });
|
|
175
175
|
}
|
|
176
176
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BimplusButtonsRowComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
177
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: BimplusButtonsRowComponent, isStandalone: true, selector: "lib-bimplus-buttons-row", inputs: { items: "items" }, outputs: { buttonClicked: "buttonClicked" }, usesInheritance: true, ngImport: i0, template: "<div class=\"button-row\">\n <ng-container *ngFor=\"let item of _items; let last=last; let first=first;\">\n <button\n [class.last]=\"last\"\n [class.first]=\"first\"\n [class.primary-button]=\"item.buttonStyle===undefined || item.buttonStyle==='primary'\"\n [class.secondary-button]=\"item.buttonStyle==='secondary'\"\n [class.text-button]=\"item.buttonType===undefined || item.buttonType==='text'\"\n [class.icon-button]=\"item.buttonType==='icon'\"\n [class.combined-button]=\"item.buttonType==='combined'\"\n [class.disabled]=\"item.disabled===true\"\n (click)=\"_buttonClicked(item)\"\n title={{item.tooltip}}\n >\n {{ item.title }}\n </button>\n </ng-container>\n</div>\n", styles: [".ng-select.ng-select-opened>.ng-select-container{background:var(--select-container-open-background-color-enabled);border-color:var(--select-container-open-border-color-enabled)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent var(--select-container-open-arrow-border-color-enabled);border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent var(--select-container-open-arrow-border-color-hovered)}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-disabled>.ng-select-container{background-color:var(--select-container-background-color-disabled)}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:var(--select-container-text-color-enabled);background-color:var(--select-container-background-color-enabled);border-radius:0;border:1px solid var(--select-container-border-color-enabled);min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 var(--select-container-box-shadow-color-hovered);background-color:var(--select-container-background-color-hovered)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:var(--select-container-placeholder-text-color-enabled)}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:var(--select-multiple-disabled-container-value-background-color-enabled);border:1px solid var(--select-multiple-disabled-container-value-border-color-enabled)}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:var(--select-multiple-container-value-text-color-enabled);background-color:var(--select-multiple-container-value-background-color-enabled);border-radius:2px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:var(--select-multiple-container-value-background-color-disabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:var(--select-multiple-container-value-icon-background-color-hovered)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled);border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:var(--select-multiple-container-value-input-text-color-enabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:var(--select-clear-wrapper-text-color-enabled)}.ng-select .ng-clear-wrapper:hover .ng-clear{color:var(--select-clear-wrapper-text-color-hovered)}.ng-select .ng-clear-wrapper:focus .ng-clear{color:var(--select-clear-wrapper-text-color-focused)}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:var(--select-arrow-wrapper-border-color-hovored)}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:var(--select-arrow-wrapper-border-color-enabled) transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:var(--dropdown-panel-background-color-enabled);border:1px solid var(--dropdown-panel-border-color-enabled);box-shadow:0 1px 0 var(--dropdown-panel-box-shadow-color-enabled);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-top-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-right-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-color:var(--dropdown-panel-select-bottom-border-color-enabled);margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-left-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid var(--dropdown-panel-header-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid var(--dropdown-panel-footer-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:var(--dropdown-panel-items-text-color-enabled);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected-background-color-enabled);font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:var(--dropdown-panel-items-option-background-color-enabled);color:var(--dropdown-panel-items-option-text-color-enabled);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected2-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected2-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled);color:var(--dropdown-panel-items-marked-text-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:var(--dropdown-panel-items-text-color-disabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}.button-row{display:flex;margin-left:var(--button-row-margin-left, 0);margin-right:var(--button-row-margin-right, 0);margin-top:var(--button-row-margin-top, .8rem);margin-bottom:var(--button-row-margin-bottom, .8rem);justify-content:flex-end}.button-row>.primary-button{text-transform:uppercase;font-family:var(--font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);font-size:var(--font-size, 1.2rem);font-weight:var(--font-weight, 700);display:inline-block;height:var(--button-height, 2.4rem);white-space:nowrap;border-radius:var(--button-border-style, .2rem);vertical-align:middle;border-color:var(--primary-button-border-color-enabled);border-style:var(--button-border-style, solid);border-width:var(--button-border-style, .2rem);color:var(--primary-button-text-color-enabled);background-color:var(--primary-button-background-color-enabled);cursor:pointer;margin-right:var(--buttons-spacing, .8rem)}.button-row>.primary-button.last{margin-right:0}.button-row>.primary-button:hover{border-color:var(--primary-button-border-color-hovered);color:var(--primary-button-text-color-hovered);background-color:var(--primary-button-background-color-hovered);outline:0}.button-row>.primary-button:focus{border-color:var(--primary-button-border-color-focused);color:var(--primary-button-text-color-focused);background-color:var(--primary-button-background-color-focused);outline:0}.button-row>.primary-button.disabled,.button-row>.primary-button:disabled,.button-row>.primary-button:disabled:active{border-color:var(--primary-button-border-color-disabled);color:var(--primary-button-text-color-disabled);background-color:var(--primary-button-background-color-disabled);cursor:default}.button-row>.primary-button:active{border-color:var(--primary-button-border-color-pressed);color:var(--primary-button-text-color-pressed);background-color:var(--primary-button-background-color-pressed);cursor:default}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
|
|
177
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: BimplusButtonsRowComponent, isStandalone: true, selector: "lib-bimplus-buttons-row", inputs: { items: "items" }, outputs: { buttonClicked: "buttonClicked" }, usesInheritance: true, ngImport: i0, template: "<div class=\"button-row\">\n @for(item of _items; track item.id; let last=$last; let first=$first;) {\n <button\n [class.last]=\"last\"\n [class.first]=\"first\"\n [class.primary-button]=\"item.buttonStyle===undefined || item.buttonStyle==='primary'\"\n [class.secondary-button]=\"item.buttonStyle==='secondary'\"\n [class.text-button]=\"item.buttonType===undefined || item.buttonType==='text'\"\n [class.icon-button]=\"item.buttonType==='icon'\"\n [class.combined-button]=\"item.buttonType==='combined'\"\n [class.disabled]=\"item.disabled===true\"\n (click)=\"_buttonClicked(item)\"\n title={{item.tooltip}}\n [attr.disabled]=\"item.disabled===true ? true : null\"\n >\n {{ item.title }}\n </button>\n }\n</div>\n", styles: [".ng-select.ng-select-opened>.ng-select-container{background:var(--select-container-open-background-color-enabled);border-color:var(--select-container-open-border-color-enabled)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent var(--select-container-open-arrow-border-color-enabled);border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent var(--select-container-open-arrow-border-color-hovered)}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-disabled>.ng-select-container{background-color:var(--select-container-background-color-disabled)}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:var(--select-container-text-color-enabled);background-color:var(--select-container-background-color-enabled);border-radius:0;border:1px solid var(--select-container-border-color-enabled);min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 var(--select-container-box-shadow-color-hovered);background-color:var(--select-container-background-color-hovered)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:var(--select-container-placeholder-text-color-enabled)}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:var(--select-multiple-disabled-container-value-background-color-enabled);border:1px solid var(--select-multiple-disabled-container-value-border-color-enabled)}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:var(--select-multiple-container-value-text-color-enabled);background-color:var(--select-multiple-container-value-background-color-enabled);border-radius:2px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:var(--select-multiple-container-value-background-color-disabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:var(--select-multiple-container-value-icon-background-color-hovered)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled);border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:var(--select-multiple-container-value-input-text-color-enabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:var(--select-clear-wrapper-text-color-enabled)}.ng-select .ng-clear-wrapper:hover .ng-clear{color:var(--select-clear-wrapper-text-color-hovered)}.ng-select .ng-clear-wrapper:focus .ng-clear{color:var(--select-clear-wrapper-text-color-focused)}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:var(--select-arrow-wrapper-border-color-hovored)}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:var(--select-arrow-wrapper-border-color-enabled) transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:var(--dropdown-panel-background-color-enabled);border:1px solid var(--dropdown-panel-border-color-enabled);box-shadow:0 1px 0 var(--dropdown-panel-box-shadow-color-enabled);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-top-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-right-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-color:var(--dropdown-panel-select-bottom-border-color-enabled);margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-left-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid var(--dropdown-panel-header-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid var(--dropdown-panel-footer-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:var(--dropdown-panel-items-text-color-enabled);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected-background-color-enabled);font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:var(--dropdown-panel-items-option-background-color-enabled);color:var(--dropdown-panel-items-option-text-color-enabled);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected2-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected2-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled);color:var(--dropdown-panel-items-marked-text-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:var(--dropdown-panel-items-text-color-disabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}.button-row{display:flex;margin-left:var(--button-row-margin-left, 0);margin-right:var(--button-row-margin-right, 0);margin-top:var(--button-row-margin-top, .8rem);margin-bottom:var(--button-row-margin-bottom, .8rem);justify-content:flex-end}.button-row>.primary-button{text-transform:uppercase;font-family:var(--font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);font-size:var(--font-size, 1.2rem);font-weight:var(--font-weight, 700);display:inline-block;height:var(--button-height, 2.4rem);white-space:nowrap;border-radius:var(--button-border-style, .2rem);vertical-align:middle;border-color:var(--primary-button-border-color-enabled);border-style:var(--button-border-style, solid);border-width:var(--button-border-style, .2rem);color:var(--primary-button-text-color-enabled);background-color:var(--primary-button-background-color-enabled);cursor:pointer;margin-right:var(--buttons-spacing, .8rem)}.button-row>.primary-button.last{margin-right:0}.button-row>.primary-button:hover{border-color:var(--primary-button-border-color-hovered);color:var(--primary-button-text-color-hovered);background-color:var(--primary-button-background-color-hovered);outline:0}.button-row>.primary-button:focus{border-color:var(--primary-button-border-color-focused);color:var(--primary-button-text-color-focused);background-color:var(--primary-button-background-color-focused);outline:0}.button-row>.primary-button.disabled,.button-row>.primary-button:disabled,.button-row>.primary-button:disabled:active,.button-row>.primary-button.disabled:active{border-color:var(--primary-button-border-color-disabled);color:var(--primary-button-text-color-disabled);background-color:var(--primary-button-background-color-disabled);cursor:default}.button-row>.primary-button:active{border-color:var(--primary-button-border-color-pressed);color:var(--primary-button-text-color-pressed);background-color:var(--primary-button-background-color-pressed);cursor:default}.button-row>.secondary-button{text-transform:uppercase;font-family:var(--font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);font-size:var(--font-size, 1.2rem);font-weight:var(--font-weight, 700);display:inline-block;height:var(--button-height, 2.4rem);white-space:nowrap;border-radius:var(--button-border-style, .2rem);vertical-align:middle;border-style:var(--button-border-style, solid);border-width:var(--button-border-style, .2rem);border-color:var(--secondary-button-border-color-enabled);color:var(--secondary-button-text-color-enabled);background-color:var(--secondary-button-background-color-enabled);cursor:pointer;margin-right:var(--buttons-spacing, .8rem)}.button-row>.secondary-button.last{margin-right:0}.button-row>.secondary-button:hover{border:.2rem solid;border-color:var(--secondary-button-border-color-hovered);color:var(--secondary-button-text-color-hovered);background-color:var(--secondary-button-background-color-hovered);outline:0}.button-row>.secondary-button:focus{border:.2rem solid;border-color:var(--secondary-button-border-color-focused);color:var(--secondary-button-text-color-focused);background-color:var(--secondary-button-background-color-focused);outline:0}.button-row>.secondary-button.disabled,.button-row>.secondary-button:disabled,.button-row>.secondary-button:disabled:active,.button-row>.secondary-button.disabled:active{border:solid .2rem;border-color:var(--secondary-button-border-color-disabled);color:var(--secondary-button-text-color-disabled);background-color:var(--secondary-button-background-color-disabled);cursor:default}.button-row>.secondary-button:active{border:solid .2rem;border-color:var(--secondary-button-border-color-pressed);color:var(--secondary-button-text-color-pressed);background-color:var(--secondary-button-background-color-pressed);cursor:default}\n"], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
|
|
178
178
|
}
|
|
179
179
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BimplusButtonsRowComponent, decorators: [{
|
|
180
180
|
type: Component,
|
|
181
|
-
args: [{ selector: 'lib-bimplus-buttons-row', standalone: true, imports: [NgFor], encapsulation: ViewEncapsulation.ShadowDom, template: "<div class=\"button-row\">\n <ng-container *ngFor=\"let item of _items; let last=last; let first=first;\">\n <button\n [class.last]=\"last\"\n [class.first]=\"first\"\n [class.primary-button]=\"item.buttonStyle===undefined || item.buttonStyle==='primary'\"\n [class.secondary-button]=\"item.buttonStyle==='secondary'\"\n [class.text-button]=\"item.buttonType===undefined || item.buttonType==='text'\"\n [class.icon-button]=\"item.buttonType==='icon'\"\n [class.combined-button]=\"item.buttonType==='combined'\"\n [class.disabled]=\"item.disabled===true\"\n (click)=\"_buttonClicked(item)\"\n title={{item.tooltip}}\n >\n {{ item.title }}\n </button>\n </ng-container>\n</div>\n", styles: [".ng-select.ng-select-opened>.ng-select-container{background:var(--select-container-open-background-color-enabled);border-color:var(--select-container-open-border-color-enabled)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent var(--select-container-open-arrow-border-color-enabled);border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent var(--select-container-open-arrow-border-color-hovered)}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-disabled>.ng-select-container{background-color:var(--select-container-background-color-disabled)}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:var(--select-container-text-color-enabled);background-color:var(--select-container-background-color-enabled);border-radius:0;border:1px solid var(--select-container-border-color-enabled);min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 var(--select-container-box-shadow-color-hovered);background-color:var(--select-container-background-color-hovered)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:var(--select-container-placeholder-text-color-enabled)}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:var(--select-multiple-disabled-container-value-background-color-enabled);border:1px solid var(--select-multiple-disabled-container-value-border-color-enabled)}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:var(--select-multiple-container-value-text-color-enabled);background-color:var(--select-multiple-container-value-background-color-enabled);border-radius:2px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:var(--select-multiple-container-value-background-color-disabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:var(--select-multiple-container-value-icon-background-color-hovered)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled);border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:var(--select-multiple-container-value-input-text-color-enabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:var(--select-clear-wrapper-text-color-enabled)}.ng-select .ng-clear-wrapper:hover .ng-clear{color:var(--select-clear-wrapper-text-color-hovered)}.ng-select .ng-clear-wrapper:focus .ng-clear{color:var(--select-clear-wrapper-text-color-focused)}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:var(--select-arrow-wrapper-border-color-hovored)}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:var(--select-arrow-wrapper-border-color-enabled) transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:var(--dropdown-panel-background-color-enabled);border:1px solid var(--dropdown-panel-border-color-enabled);box-shadow:0 1px 0 var(--dropdown-panel-box-shadow-color-enabled);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-top-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-right-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-color:var(--dropdown-panel-select-bottom-border-color-enabled);margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-left-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid var(--dropdown-panel-header-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid var(--dropdown-panel-footer-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:var(--dropdown-panel-items-text-color-enabled);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected-background-color-enabled);font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:var(--dropdown-panel-items-option-background-color-enabled);color:var(--dropdown-panel-items-option-text-color-enabled);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected2-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected2-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled);color:var(--dropdown-panel-items-marked-text-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:var(--dropdown-panel-items-text-color-disabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}.button-row{display:flex;margin-left:var(--button-row-margin-left, 0);margin-right:var(--button-row-margin-right, 0);margin-top:var(--button-row-margin-top, .8rem);margin-bottom:var(--button-row-margin-bottom, .8rem);justify-content:flex-end}.button-row>.primary-button{text-transform:uppercase;font-family:var(--font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);font-size:var(--font-size, 1.2rem);font-weight:var(--font-weight, 700);display:inline-block;height:var(--button-height, 2.4rem);white-space:nowrap;border-radius:var(--button-border-style, .2rem);vertical-align:middle;border-color:var(--primary-button-border-color-enabled);border-style:var(--button-border-style, solid);border-width:var(--button-border-style, .2rem);color:var(--primary-button-text-color-enabled);background-color:var(--primary-button-background-color-enabled);cursor:pointer;margin-right:var(--buttons-spacing, .8rem)}.button-row>.primary-button.last{margin-right:0}.button-row>.primary-button:hover{border-color:var(--primary-button-border-color-hovered);color:var(--primary-button-text-color-hovered);background-color:var(--primary-button-background-color-hovered);outline:0}.button-row>.primary-button:focus{border-color:var(--primary-button-border-color-focused);color:var(--primary-button-text-color-focused);background-color:var(--primary-button-background-color-focused);outline:0}.button-row>.primary-button.disabled,.button-row>.primary-button:disabled,.button-row>.primary-button:disabled:active{border-color:var(--primary-button-border-color-disabled);color:var(--primary-button-text-color-disabled);background-color:var(--primary-button-background-color-disabled);cursor:default}.button-row>.primary-button:active{border-color:var(--primary-button-border-color-pressed);color:var(--primary-button-text-color-pressed);background-color:var(--primary-button-background-color-pressed);cursor:default}\n"] }]
|
|
181
|
+
args: [{ selector: 'lib-bimplus-buttons-row', standalone: true, imports: [], encapsulation: ViewEncapsulation.ShadowDom, template: "<div class=\"button-row\">\n @for(item of _items; track item.id; let last=$last; let first=$first;) {\n <button\n [class.last]=\"last\"\n [class.first]=\"first\"\n [class.primary-button]=\"item.buttonStyle===undefined || item.buttonStyle==='primary'\"\n [class.secondary-button]=\"item.buttonStyle==='secondary'\"\n [class.text-button]=\"item.buttonType===undefined || item.buttonType==='text'\"\n [class.icon-button]=\"item.buttonType==='icon'\"\n [class.combined-button]=\"item.buttonType==='combined'\"\n [class.disabled]=\"item.disabled===true\"\n (click)=\"_buttonClicked(item)\"\n title={{item.tooltip}}\n [attr.disabled]=\"item.disabled===true ? true : null\"\n >\n {{ item.title }}\n </button>\n }\n</div>\n", styles: [".ng-select.ng-select-opened>.ng-select-container{background:var(--select-container-open-background-color-enabled);border-color:var(--select-container-open-border-color-enabled)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent var(--select-container-open-arrow-border-color-enabled);border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent var(--select-container-open-arrow-border-color-hovered)}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-disabled>.ng-select-container{background-color:var(--select-container-background-color-disabled)}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:var(--select-container-text-color-enabled);background-color:var(--select-container-background-color-enabled);border-radius:0;border:1px solid var(--select-container-border-color-enabled);min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 var(--select-container-box-shadow-color-hovered);background-color:var(--select-container-background-color-hovered)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:var(--select-container-placeholder-text-color-enabled)}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:var(--select-multiple-disabled-container-value-background-color-enabled);border:1px solid var(--select-multiple-disabled-container-value-border-color-enabled)}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:var(--select-multiple-container-value-text-color-enabled);background-color:var(--select-multiple-container-value-background-color-enabled);border-radius:2px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:var(--select-multiple-container-value-background-color-disabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:var(--select-multiple-container-value-icon-background-color-hovered)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled);border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:var(--select-multiple-container-value-input-text-color-enabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:var(--select-clear-wrapper-text-color-enabled)}.ng-select .ng-clear-wrapper:hover .ng-clear{color:var(--select-clear-wrapper-text-color-hovered)}.ng-select .ng-clear-wrapper:focus .ng-clear{color:var(--select-clear-wrapper-text-color-focused)}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:var(--select-arrow-wrapper-border-color-hovored)}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:var(--select-arrow-wrapper-border-color-enabled) transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:var(--dropdown-panel-background-color-enabled);border:1px solid var(--dropdown-panel-border-color-enabled);box-shadow:0 1px 0 var(--dropdown-panel-box-shadow-color-enabled);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-top-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-right-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-color:var(--dropdown-panel-select-bottom-border-color-enabled);margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-left-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid var(--dropdown-panel-header-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid var(--dropdown-panel-footer-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:var(--dropdown-panel-items-text-color-enabled);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected-background-color-enabled);font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:var(--dropdown-panel-items-option-background-color-enabled);color:var(--dropdown-panel-items-option-text-color-enabled);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected2-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected2-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled);color:var(--dropdown-panel-items-marked-text-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:var(--dropdown-panel-items-text-color-disabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}.button-row{display:flex;margin-left:var(--button-row-margin-left, 0);margin-right:var(--button-row-margin-right, 0);margin-top:var(--button-row-margin-top, .8rem);margin-bottom:var(--button-row-margin-bottom, .8rem);justify-content:flex-end}.button-row>.primary-button{text-transform:uppercase;font-family:var(--font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);font-size:var(--font-size, 1.2rem);font-weight:var(--font-weight, 700);display:inline-block;height:var(--button-height, 2.4rem);white-space:nowrap;border-radius:var(--button-border-style, .2rem);vertical-align:middle;border-color:var(--primary-button-border-color-enabled);border-style:var(--button-border-style, solid);border-width:var(--button-border-style, .2rem);color:var(--primary-button-text-color-enabled);background-color:var(--primary-button-background-color-enabled);cursor:pointer;margin-right:var(--buttons-spacing, .8rem)}.button-row>.primary-button.last{margin-right:0}.button-row>.primary-button:hover{border-color:var(--primary-button-border-color-hovered);color:var(--primary-button-text-color-hovered);background-color:var(--primary-button-background-color-hovered);outline:0}.button-row>.primary-button:focus{border-color:var(--primary-button-border-color-focused);color:var(--primary-button-text-color-focused);background-color:var(--primary-button-background-color-focused);outline:0}.button-row>.primary-button.disabled,.button-row>.primary-button:disabled,.button-row>.primary-button:disabled:active,.button-row>.primary-button.disabled:active{border-color:var(--primary-button-border-color-disabled);color:var(--primary-button-text-color-disabled);background-color:var(--primary-button-background-color-disabled);cursor:default}.button-row>.primary-button:active{border-color:var(--primary-button-border-color-pressed);color:var(--primary-button-text-color-pressed);background-color:var(--primary-button-background-color-pressed);cursor:default}.button-row>.secondary-button{text-transform:uppercase;font-family:var(--font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);font-size:var(--font-size, 1.2rem);font-weight:var(--font-weight, 700);display:inline-block;height:var(--button-height, 2.4rem);white-space:nowrap;border-radius:var(--button-border-style, .2rem);vertical-align:middle;border-style:var(--button-border-style, solid);border-width:var(--button-border-style, .2rem);border-color:var(--secondary-button-border-color-enabled);color:var(--secondary-button-text-color-enabled);background-color:var(--secondary-button-background-color-enabled);cursor:pointer;margin-right:var(--buttons-spacing, .8rem)}.button-row>.secondary-button.last{margin-right:0}.button-row>.secondary-button:hover{border:.2rem solid;border-color:var(--secondary-button-border-color-hovered);color:var(--secondary-button-text-color-hovered);background-color:var(--secondary-button-background-color-hovered);outline:0}.button-row>.secondary-button:focus{border:.2rem solid;border-color:var(--secondary-button-border-color-focused);color:var(--secondary-button-text-color-focused);background-color:var(--secondary-button-background-color-focused);outline:0}.button-row>.secondary-button.disabled,.button-row>.secondary-button:disabled,.button-row>.secondary-button:disabled:active,.button-row>.secondary-button.disabled:active{border:solid .2rem;border-color:var(--secondary-button-border-color-disabled);color:var(--secondary-button-text-color-disabled);background-color:var(--secondary-button-background-color-disabled);cursor:default}.button-row>.secondary-button:active{border:solid .2rem;border-color:var(--secondary-button-border-color-pressed);color:var(--secondary-button-text-color-pressed);background-color:var(--secondary-button-background-color-pressed);cursor:default}\n"] }]
|
|
182
182
|
}], propDecorators: { items: [{
|
|
183
183
|
type: Input
|
|
184
184
|
}], buttonClicked: [{
|
|
@@ -381,7 +381,7 @@ class BimplusConnectionDesignerResultsComponent extends BimplusLocalizedWidgetCo
|
|
|
381
381
|
return `${result.name}${this.statusMessage(result)}${this.infoMessage(result)}`;
|
|
382
382
|
}
|
|
383
383
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BimplusConnectionDesignerResultsComponent, deps: [{ token: i1.TranslateService }, { token: BimplusConnectionDesignerService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
384
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: BimplusConnectionDesignerResultsComponent, isStandalone: true, selector: "lib-bimplus-connection-designer-results", inputs: { errorMessage: "errorMessage", resultTreeRootTitle: "resultTreeRootTitle", resultTreeRootName: "resultTreeRootName", expandedTreeRoot: "expandedTreeRoot", expandedResultTrees: "expandedResultTrees", results: "results" }, outputs: { doneClicked: "doneClicked", toggleVisibilityResultsRoot: "toggleVisibilityResultsRoot", toggleVisibilityResultList: "toggleVisibilityResultList", toggleVisibilityResult: "toggleVisibilityResult", clickedResultsRoot: "clickedResultsRoot", clickedResultList: "clickedResultList", clickedResult: "clickedResult", doubleClickedResultsRoot: "doubleClickedResultsRoot", doubleClickedResultList: "doubleClickedResultList", doubleClickedResult: "doubleClickedResult", mouseEnteredResult: "mouseEnteredResult", mouseLeftResult: "mouseLeftResult" }, providers: [TranslateService], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"connection-designer-content-result\">\n <div class=\"title\">\n {{ \"_Connection_Designer_results_title\" | translate }}\n </div>\n <div class=\"description\">\n {{ \"_Connection_Designer_results_description\" | translate }}\n </div>\n\n @if(results !== null){\n <lib-bimplus-scrollable-container>\n <div class=\"scrollable-content-container\">\n <lib-expansion-panel\n class=\"project-navigator-model-panel\"\n [expanded]=\"expandedTreeRoot\"\n >\n <lib-expansion-panel-header\n [title]=\"resultTreeRootTitle ? resultTreeRootTitle : results.name + ' (' + totalResults() + ')'\"\n (click)=\"clickedResultsRoot.emit(results)\"\n (keypress)=\"clickedResultsRoot.emit(results)\"\n (dblclick)=\"doubleClickedResultsRoot.emit(results)\"\n >\n <span class=\"project-navigator-root-node\">\n {{ results.name }} ({{ totalResults() }})\n </span>\n \n <lib-expansion-panel-header-actions>\n <!-- toggle buttons should be removed for now see ALBP-24057 -->\n <!-- <div\n [attr.data-test]=\"'toggle_visibility_results'\"\n class=\"ui-icon-checkbox-slider project-navigator-action-buttons\"\n [ngClass]=\"{\n visible: results.isVisible,\n invisible: !results.isVisible,\n semivisible: results.isSemiVisible\n }\"\n [title]=\"'_Toggle visibility' | translate\"\n (click)=\"toggleVisibilityResultsRoot.emit(results)\"\n ></div> -->\n </lib-expansion-panel-header-actions>\n </lib-expansion-panel-header>\n \n <!-- Show all result lists as expansion panels -->\n <!-- lib-bimplus-flat-tree can't be used for that at the moment -->\n <div *ngFor=\"let resultList of results?.resultList\">\n <lib-expansion-panel\n class=\"project-navigator-model-panel\"\n [expanded]=\"expandedResultTrees\"\n >\n <lib-expansion-panel-header>\n <span\n class=\"project-navigator-model-node\"\n [ngClass]=\"{\n visible: resultList.isVisible\n }\"\n [style.color]=\"resultList.colorHexCode\"\n [title]=\"resultList.name + ' (' + resultList.results.length + ')'\"\n (click)=\"clickedResultList.emit(resultList)\"\n (keypress)=\"clickedResultList.emit(resultList)\"\n (dblclick)=\"doubleClickedResultList.emit(resultList)\"\n >\n {{ resultList.name }} ({{ resultList.results.length }})\n </span>\n \n <lib-expansion-panel-header-actions>\n <!-- toggle buttons should be removed for now see ALBP-24057 -->\n <!-- <div\n [attr.data-test]=\"'toggle_visibility_resultlist_' + resultList.id\"\n class=\"ui-icon-checkbox-slider project-navigator-action-buttons\"\n [ngClass]=\"{\n visible: resultList.isVisible,\n invisible: !resultList.isVisible,\n semivisible: resultList.isSemiVisible\n }\"\n [title]=\"'_Toggle visibility' | translate\"\n (click)=\"toggleVisibilityResultList.emit(resultList)\"\n ></div> -->\n </lib-expansion-panel-header-actions>\n </lib-expansion-panel-header>\n \n <!-- Content of panel -->\n <div\n class=\"project-navigator-layer-node\"\n *ngFor=\"let result of resultList.results\"\n >\n <div\n class=\"project-navigator-layer-node-name\"\n [class.selected-node]=\"result.isSelected\"\n [attr.data-test]=\"'result' + result.id\"\n [ngClass]=\"{\n visible: result.isVisible\n }\"\n [title]=\"getTitle(result)\"\n (click)=\"clickedResult.emit(result)\"\n (keypress)=\"clickedResult.emit(result)\" \n (dblclick)=\"doubleClickedResult.emit(result)\"\n (mouseenter)=\"mouseEnteredResult.emit(result)\"\n (mouseleave)=\"mouseLeftResult.emit(result)\"\n >\n {{ result.name }}\n </div>\n \n <!-- toggle buttons should be removed for now see ALBP-24057 -->\n <!-- <div\n [attr.data-test]=\"'toggle_visibility_result_' + result.id\"\n class=\"ui-icon-checkbox-slider project-navigator-action-buttons\"\n [ngClass]=\"{\n visible: result.isVisible,\n invisible: !result.isVisible\n }\"\n [title]=\"'_Toggle visibility' | translate\"\n (click)=\"toggleVisibilityResult.emit(result)\"\n ></div> -->\n </div>\n </lib-expansion-panel>\n </div>\n </lib-expansion-panel>\n </div>\n </lib-bimplus-scrollable-container>\n\n } @else {\n <lib-bimplus-text-message\n class=\"error-message\"\n *ngIf=\"errorMessage\"\n [message]=\"errorMessage\"\n >\n </lib-bimplus-text-message>\n }\n\n <lib-bimplus-buttons-row\n [items]=\"buttonRowItems\"\n (buttonClicked)=\"buttonClicked($event)\"\n >\n </lib-bimplus-buttons-row>\n</div>\n", styles: ["@charset \"UTF-8\";.ng-select.ng-select-opened>.ng-select-container{background:var(--select-container-open-background-color-enabled);border-color:var(--select-container-open-border-color-enabled)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent var(--select-container-open-arrow-border-color-enabled);border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent var(--select-container-open-arrow-border-color-hovered)}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-disabled>.ng-select-container{background-color:var(--select-container-background-color-disabled)}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:var(--select-container-text-color-enabled);background-color:var(--select-container-background-color-enabled);border-radius:0;border:1px solid var(--select-container-border-color-enabled);min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 var(--select-container-box-shadow-color-hovered);background-color:var(--select-container-background-color-hovered)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:var(--select-container-placeholder-text-color-enabled)}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:var(--select-multiple-disabled-container-value-background-color-enabled);border:1px solid var(--select-multiple-disabled-container-value-border-color-enabled)}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:var(--select-multiple-container-value-text-color-enabled);background-color:var(--select-multiple-container-value-background-color-enabled);border-radius:2px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:var(--select-multiple-container-value-background-color-disabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:var(--select-multiple-container-value-icon-background-color-hovered)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled);border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:var(--select-multiple-container-value-input-text-color-enabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:var(--select-clear-wrapper-text-color-enabled)}.ng-select .ng-clear-wrapper:hover .ng-clear{color:var(--select-clear-wrapper-text-color-hovered)}.ng-select .ng-clear-wrapper:focus .ng-clear{color:var(--select-clear-wrapper-text-color-focused)}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:var(--select-arrow-wrapper-border-color-hovored)}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:var(--select-arrow-wrapper-border-color-enabled) transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:var(--dropdown-panel-background-color-enabled);border:1px solid var(--dropdown-panel-border-color-enabled);box-shadow:0 1px 0 var(--dropdown-panel-box-shadow-color-enabled);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-top-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-right-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-color:var(--dropdown-panel-select-bottom-border-color-enabled);margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-left-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid var(--dropdown-panel-header-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid var(--dropdown-panel-footer-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:var(--dropdown-panel-items-text-color-enabled);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected-background-color-enabled);font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:var(--dropdown-panel-items-option-background-color-enabled);color:var(--dropdown-panel-items-option-text-color-enabled);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected2-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected2-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled);color:var(--dropdown-panel-items-marked-text-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:var(--dropdown-panel-items-text-color-disabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}.primary-button{text-transform:uppercase;font: 700 1rem Source Sans Pro,Helvetica,Arial,tahoma,sans-serif;display:inline-block;margin-left:.8rem;height:2.4rem;white-space:nowrap;border-radius:.2rem;vertical-align:middle;font-size:1.2rem;border:solid .2rem var(--primary-button-border-color-enabled);color:var(--primary-button-text-color-enabled);background-color:var(--primary-button-background-color-enabled);cursor:pointer}.primary-button:hover{border:solid .2rem var(--primary-button-border-color-hovered);color:var(--primary-button-text-color-hovered);background-color:var(--primary-button-background-color-hovered);outline:0}.primary-button:focus{border:solid .2rem var(--primary-button-border-color-focused);color:var(--primary-button-text-color-focused);background-color:var(--primary-button-background-color-focused);outline:0}.primary-button:disabled,.primary-button:disabled:active,.primary-button.disabled{border:solid .2rem var(--primary-button-border-color-disabled);color:var(--primary-button-text-color-disabled);background-color:var(--primary-button-background-color-disabled);cursor:default}.primary-button:active{border:solid .2rem var(--primary-button-border-color-pressed);color:var(--primary-button-text-color-pressed);background-color:var(--primary-button-background-color-pressed);cursor:default}.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:var(--text-highlight-text-color-enabled)}.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}.ui-icon46px{padding:5.6rem 0 .3rem;width:6rem;margin:-.1rem .3rem .6rem .1rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-position:center 1rem;background-repeat:no-repeat;background-size:4.2rem 4.2rem;cursor:pointer}.ui-icon18px{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move}.left-menu-icon{height:4rem;width:4rem;background-size:2.2rem 2.2rem;line-height:2.2rem;margin:0;padding:0;border-width:0}.ui-icon-isolation-menu{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9 14.6129L4.2 12L1 13.6452L9 18L17 13.6452L13.8 12L9 14.6129Z\" fill=\"%238D8D8D\"/>%0A<path d=\"M9 9.6129L4.2 7L1 8.64517L9 13L17 8.64517L13.8 7L9 9.6129Z\" fill=\"white\"/>%0A<path d=\"M17 4L9 8L1 4L9 0L17 4Z\" fill=\"%238D8D8D\"/>%0A</svg>%0A')}.ui-icon-isolation-menu.collapsed{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9 14.6129L4.2 12L1 13.6452L9 18L17 13.6452L13.8 12L9 14.6129Z\" fill=\"%230066CC\"/>%0A<path d=\"M9 9.6129L4.2 7L1 8.64517L9 13L17 8.64517L13.8 7L9 9.6129Z\" fill=\"%23B4DAFF\"/>%0A<path d=\"M17 4L9 8L1 4L9 0L17 4Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-hide-menu{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.3478 2.19354L15.1543 1L12.3835 3.77079C11.3677 3.30213 10.2342 3 9 3C3.5 3 0 9 0 9C0 9 1.21963 11.0908 3.35034 12.804L1.23291 14.9214L2.42645 16.1149L16.3478 2.19354ZM4.65084 11.5035L6.15545 9.99885C6.04678 9.67772 5.99422 9.33982 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002C9.34031 5.99373 9.6782 6.04629 9.99933 6.15496L11.5035 4.65084C11.3162 4.54394 11.1217 4.44916 10.9211 4.36726C10.3116 4.11831 9.65843 3.99345 9 4C8.34157 3.99345 7.68845 4.11831 7.07886 4.36726C6.46928 4.61622 5.91547 4.98427 5.44987 5.44987C4.98427 5.91547 4.61622 6.46928 4.36726 7.07886C4.11831 7.68845 3.99345 8.34157 4 9C3.99345 9.65843 4.11831 10.3116 4.36726 10.9211C4.44916 11.1217 4.54394 11.3162 4.65084 11.5035Z\" fill=\"white\"/>%0A<path d=\"M13.5785 6.95113L15.0224 5.5072C16.922 7.152 18 9 18 9C18 9 14.5 15 9 15C7.95646 15 6.98492 14.784 6.09562 14.434L6.95113 13.5785C6.99342 13.5971 7.036 13.6152 7.07886 13.6327C7.68845 13.8817 8.34157 14.0065 9 14C9.65843 14.0065 10.3116 13.8817 10.9211 13.6327C11.5307 13.3838 12.0845 13.0157 12.5501 12.5501C13.0157 12.0845 13.3838 11.5307 13.6327 10.9211C13.8817 10.3116 14.0065 9.65843 14 9C14.0065 8.34157 13.8817 7.68845 13.6327 7.07886C13.6152 7.036 13.5971 6.99342 13.5785 6.95113Z\" fill=\"white\"/>%0A<path d=\"M9.0005 12C8.85126 12.0028 8.70238 11.9942 8.55512 11.9745L11.975 8.55464C11.9947 8.70189 12.0033 8.85077 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12Z\" fill=\"white\"/>%0A</svg>%0A')}.ui-icon-hide-menu.collapsed{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.3478 2.19354L15.1543 1L12.3835 3.77079C11.3677 3.30213 10.2342 3 9 3C3.5 3 0 9 0 9C0 9 1.21963 11.0908 3.35034 12.804L1.23291 14.9214L2.42645 16.1149L16.3478 2.19354ZM4.65084 11.5035L6.15545 9.99885C6.04678 9.67772 5.99422 9.33982 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002C9.34031 5.99373 9.6782 6.04629 9.99933 6.15496L11.5035 4.65084C11.3162 4.54394 11.1217 4.44916 10.9211 4.36726C10.3116 4.11831 9.65843 3.99345 9 4C8.34157 3.99345 7.68845 4.11831 7.07886 4.36726C6.46928 4.61622 5.91547 4.98427 5.44987 5.44987C4.98427 5.91547 4.61622 6.46928 4.36726 7.07886C4.11831 7.68845 3.99345 8.34157 4 9C3.99345 9.65843 4.11831 10.3116 4.36726 10.9211C4.44916 11.1217 4.54394 11.3162 4.65084 11.5035Z\" fill=\"%230066CC\"/>%0A<path d=\"M13.5785 6.95113L15.0224 5.5072C16.922 7.152 18 9 18 9C18 9 14.5 15 9 15C7.95646 15 6.98492 14.784 6.09562 14.434L6.95113 13.5785C6.99342 13.5971 7.036 13.6152 7.07886 13.6327C7.68845 13.8817 8.34157 14.0065 9 14C9.65843 14.0065 10.3116 13.8817 10.9211 13.6327C11.5307 13.3838 12.0845 13.0157 12.5501 12.5501C13.0157 12.0845 13.3838 11.5307 13.6327 10.9211C13.8817 10.3116 14.0065 9.65843 14 9C14.0065 8.34157 13.8817 7.68845 13.6327 7.07886C13.6152 7.036 13.5971 6.99342 13.5785 6.95113Z\" fill=\"%230066CC\"/>%0A<path d=\"M9.0005 12C8.85126 12.0028 8.70238 11.9942 8.55512 11.9745L11.975 8.55464C11.9947 8.70189 12.0033 8.85077 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-project-navigator{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"><path d=\"M0 20h6v-5H0v5zm14-5v5h6v-5h-6zM13 0H7v5h6V0zM4 12h12v2h2v-4h-7V6H9v4H2v4h2v-2z\" fill=\"%23fff\"/></svg>')}.ui-icon-project-navigator.collapsed{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<g clip-path=\"url(%23clip0_56_3219)\">%0A<path d=\"M0 20H6V15H0V20ZM14 15V20H20V15H14ZM13 0H7V5H13V0ZM4 12H16V14H18V10H11V6H9V10H2V14H4V12Z\" fill=\"%230066CC\"/>%0A</g>%0A<defs>%0A<clipPath id=\"clip0_56_3219\">%0A<rect width=\"20\" height=\"20\" fill=\"white\"/>%0A</clipPath>%0A</defs>%0A</svg>%0A')}.ui-icon-transparency{background-repeat:no-repeat;background-position:center center}.ui-icon-transparency.opaque{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M0 10.8998L9 5.7998L18 10.8998L9 15.9998L0 10.8998Z\" fill=\"%2387C1FF\"/>%0A<path d=\"M0 7.10001L9 2L18 7.10001L9 12.2L0 7.10001Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-transparency.opaque.semiopaque{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M0 10.9L9 5.80002L18 10.9L9 16L0 10.9Z\" fill=\"%23DEF0FF\"/>%0A<path d=\"M0 7.10001L9 2L18 7.10001L9 12.2L0 7.10001Z\" fill=\"%2387C1FF\"/>%0A</svg>%0A')}.ui-icon-transparency.transparent{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M0 10.9L9 5.80002L18 10.9L9 16L0 10.9Z\" fill=\"%23E1E5E8\"/>%0A<path d=\"M0 7.10001L9 2L18 7.10001L9 12.2L0 7.10001Z\" fill=\"%2384888C\"/>%0A</svg>%0A')}.ui-icon-visibility.visible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9.0005 6.00002C9.39649 5.99269 9.78988 6.06528 10.1572 6.21345C10.5245 6.36162 10.8581 6.58233 11.1381 6.86238C11.4182 7.14242 11.6389 7.47607 11.7871 7.84335C11.9352 8.21064 12.0078 8.60403 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12C8.60452 12.0073 8.21113 11.9348 7.84384 11.7866C7.47655 11.6384 7.14291 11.4177 6.86286 11.1377C6.58281 10.8576 6.36211 10.524 6.21394 10.1567C6.06577 9.78939 5.99318 9.396 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002Z\" fill=\"%230066CC\"/>%0A<path d=\"M9 3C3.5 3 0 9 0 9C0 9 3.5 15 9 15C14.5 15 18 9 18 9C18 9 14.5 3 9 3ZM9 14C8.34157 14.0065 7.68845 13.8817 7.07886 13.6327C6.46928 13.3838 5.91547 13.0157 5.44987 12.5501C4.98427 12.0845 4.61622 11.5307 4.36726 10.9211C4.11831 10.3116 3.99345 9.65843 4 9C3.99345 8.34157 4.11831 7.68845 4.36726 7.07886C4.61622 6.46928 4.98427 5.91547 5.44987 5.44987C5.91547 4.98427 6.46928 4.61622 7.07886 4.36726C7.68845 4.11831 8.34157 3.99345 9 4C9.65843 3.99345 10.3116 4.11831 10.9211 4.36726C11.5307 4.61622 12.0845 4.98427 12.5501 5.44987C13.0157 5.91547 13.3838 6.46928 13.6327 7.07886C13.8817 7.68845 14.0065 8.34157 14 9C14.0065 9.65843 13.8817 10.3116 13.6327 10.9211C13.3838 11.5307 13.0157 12.0845 12.5501 12.5501C12.0845 13.0157 11.5307 13.3838 10.9211 13.6327C10.3116 13.8817 9.65843 14.0065 9 14Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-visibility.visible.active{background-color:var(--ui-icon-visibility-background-color-active)}.ui-icon-visibility.visible.semivisible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9.0005 6.00002C9.39649 5.99269 9.78988 6.06528 10.1572 6.21345C10.5245 6.36162 10.8581 6.58233 11.1381 6.86238C11.4182 7.14242 11.6389 7.47607 11.7871 7.84335C11.9352 8.21064 12.0078 8.60403 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12C8.60452 12.0073 8.21113 11.9348 7.84384 11.7866C7.47655 11.6384 7.14291 11.4177 6.86286 11.1377C6.58281 10.8576 6.36211 10.524 6.21394 10.1567C6.06577 9.78939 5.99318 9.396 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002Z\" fill=\"%2387C1FF\"/>%0A<path d=\"M9 3C3.5 3 0 9 0 9C0 9 3.5 15 9 15C14.5 15 18 9 18 9C18 9 14.5 3 9 3ZM9 14C8.34157 14.0065 7.68845 13.8817 7.07886 13.6327C6.46928 13.3838 5.91547 13.0157 5.44987 12.5501C4.98427 12.0845 4.61622 11.5307 4.36726 10.9211C4.11831 10.3116 3.99345 9.65843 4 9C3.99345 8.34157 4.11831 7.68845 4.36726 7.07886C4.61622 6.46928 4.98427 5.91547 5.44987 5.44987C5.91547 4.98427 6.46928 4.61622 7.07886 4.36726C7.68845 4.11831 8.34157 3.99345 9 4C9.65843 3.99345 10.3116 4.11831 10.9211 4.36726C11.5307 4.61622 12.0845 4.98427 12.5501 5.44987C13.0157 5.91547 13.3838 6.46928 13.6327 7.07886C13.8817 7.68845 14.0065 8.34157 14 9C14.0065 9.65843 13.8817 10.3116 13.6327 10.9211C13.3838 11.5307 13.0157 12.0845 12.5501 12.5501C12.0845 13.0157 11.5307 13.3838 10.9211 13.6327C10.3116 13.8817 9.65843 14.0065 9 14Z\" fill=\"%2387C1FF\"/>%0A</svg>%0A')}.ui-icon-visibility.invisible{background-image:url('data:image/svg+xml,<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0\" y=\"0\" viewBox=\"0 0 18 18\" xml:space=\"preserve\"><style>.st0{fill:%23bababa}<\\/style><path class=\"st0\" d=\"M9 6c1.7 0 3 1.3 3 3s-1.3 3-3 3-3-1.3-3-3 1.3-3 3-3z\"/><path class=\"st0\" d=\"M9 3C3.5 3 0 9 0 9s3.5 6 9 6 9-6 9-6-3.5-6-9-6zm0 11c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5z\"/></svg>');visibility:inherit!important}.ui-icon-checkbox-slider.visible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"12\" viewBox=\"0 0 18 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect x=\"18\" y=\"12\" width=\"18\" height=\"12\" rx=\"6\" transform=\"rotate(180 18 12)\" fill=\"%230066CC\"/>%0A<path d=\"M17 6C17 8.76142 14.7614 11 12 11C9.23858 11 7 8.76143 7 6C7 3.23858 9.23858 0.999999 12 0.999998C14.7614 0.999997 17 3.23857 17 6Z\" fill=\"white\"/>%0A</svg>%0A')}.ui-icon-checkbox-slider.visible.semivisible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"12\" viewBox=\"0 0 18 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect width=\"18\" height=\"12\" rx=\"6\" fill=\"%2303A9F4\"/>%0A<path d=\"M4 6C4 3.23858 6.23858 0.999998 9 0.999998C11.7614 0.999997 14 3.23857 14 6C14 8.76142 11.7614 11 9 11C6.23858 11 4 8.76143 4 6Z\" fill=\"white\"/>%0A</svg>%0A')}.ui-icon-checkbox-slider.invisible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"12\" viewBox=\"0 0 18 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect width=\"18\" height=\"12\" rx=\"6\" fill=\"%23D3D3D3\"/>%0A<path d=\"M1 6C1 3.23858 3.23858 1 6 0.999999C8.76142 0.999999 11 3.23857 11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76143 1 6Z\" fill=\"white\"/>%0A</svg>%0A');visibility:inherit!important}:host{--sidenav-drawer-content-offset: 0;background-color:transparent;color:var(--host-text-color-enabled);font-family:var(--font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);font-size:var(--font-size, 1.3rem);font-weight:400}.connection-designer-content-result{font-family:var(--font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;max-height:100%;min-height:0}.connection-designer-content-result>.button-row{display:flex;margin-top:.8rem;margin-bottom:.8rem;justify-content:flex-end;flex-grow:0;flex-shrink:0}.connection-designer-content-result>.title{padding-bottom:1rem;font-size:var(--title-font-size, 1.4rem);font-weight:var(--title-font-weight, 700);font-family:var(--title-font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);flex-grow:0;flex-shrink:0}.connection-designer-content-result>.description{padding-bottom:1rem;flex-grow:0;flex-shrink:0}.connection-designer-content-result lib-bimplus-scrollable-container{--expansion-panel-content-container-padding-left: var(--tree-node-indent, 1.6rem);display:flex;flex-direction:column;max-height:100%;min-height:0}lib-expansion-panel{--expansion-panel-content-container-padding-left: var(--tree-node-indent, 1.6rem)}lib-expansion-panel-header-actions{display:flex;flex-direction:row}lib-expansion-panel-header{max-width:100%;flex:1}.project-navigator-action-buttons{width:var(--tree-node-line-height, 2.4rem);height:var(--tree-node-line-height, 2.4rem);background-position:center center;background-repeat:no-repeat;cursor:pointer;background-size:var(--action-icon-size, 1.8rem) var(--action-icon-size, 1.8rem);margin-left:.4rem}.project-navigator-layer-node{line-height:var(--tree-node-line-height, 2.4rem);height:var(--tree-node-line-height, 2.4rem);padding-left:var(--tree-node-indent, 1.6rem);display:flex;flex-direction:row;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer}.project-navigator-layer-node-name{flex:1;min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-navigator-root-node{text-transform:var(--tree-root-node-text-transform, uppercase);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:var(--tree-node-line-height, 2.4rem);font-weight:var(--tree-root-node-font-weight, 700);font-size:var(--tree-root-node-font-size, 1.4rem);max-width:100%;width:100%}.project-navigator-model-node{font-size:var(--font-size, 1.3rem);font-weight:var(--font-weight, normal);font-family:var(--font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:var(--tree-node-line-height, 2.4rem);max-width:100%}.selected-node{color:var(--connection-designer-results-selected-note-text-color-enabled);font-weight:var(--flat-tree-selected-node-font-weight, 700)}lib-bimplus-text-message.success-message{--text-color: var(--connection-designer-results-text-message-text-color-success)}lib-bimplus-text-message.error-message{--text-color: var(--connection-designer-results-text-message-text-color-error)}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { 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: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: BimplusButtonsRowComponent, selector: "lib-bimplus-buttons-row", inputs: ["items"], outputs: ["buttonClicked"] }, { kind: "component", type: ExpansionPanelComponent, selector: "lib-expansion-panel", inputs: ["expanded"] }, { kind: "component", type: ExpansionPanelHeaderComponent, selector: "lib-expansion-panel-header" }, { kind: "component", type: ExpansionPanelHeaderActionsComponent, selector: "lib-expansion-panel-header-actions" }, { kind: "component", type: BimplusTextMessageComponent, selector: "lib-bimplus-text-message", inputs: ["message"] }, { kind: "component", type: BimplusScrollableContainerComponent, selector: "lib-bimplus-scrollable-container" }], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
|
|
384
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: BimplusConnectionDesignerResultsComponent, isStandalone: true, selector: "lib-bimplus-connection-designer-results", inputs: { errorMessage: "errorMessage", resultTreeRootTitle: "resultTreeRootTitle", resultTreeRootName: "resultTreeRootName", expandedTreeRoot: "expandedTreeRoot", expandedResultTrees: "expandedResultTrees", results: "results" }, outputs: { doneClicked: "doneClicked", toggleVisibilityResultsRoot: "toggleVisibilityResultsRoot", toggleVisibilityResultList: "toggleVisibilityResultList", toggleVisibilityResult: "toggleVisibilityResult", clickedResultsRoot: "clickedResultsRoot", clickedResultList: "clickedResultList", clickedResult: "clickedResult", doubleClickedResultsRoot: "doubleClickedResultsRoot", doubleClickedResultList: "doubleClickedResultList", doubleClickedResult: "doubleClickedResult", mouseEnteredResult: "mouseEnteredResult", mouseLeftResult: "mouseLeftResult" }, providers: [TranslateService], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"connection-designer-content-result\">\n <div class=\"title\">\n {{ \"_Connection_Designer_results_title\" | translate }}\n </div>\n <div class=\"description\">\n {{ \"_Connection_Designer_results_description\" | translate }}\n </div>\n\n @if(results !== null){\n <lib-bimplus-scrollable-container>\n <div class=\"scrollable-content-container\">\n <lib-expansion-panel\n class=\"project-navigator-model-panel\"\n [expanded]=\"expandedTreeRoot\"\n >\n <lib-expansion-panel-header\n [title]=\"resultTreeRootTitle ? resultTreeRootTitle : results.name + ' (' + totalResults() + ')'\"\n (click)=\"clickedResultsRoot.emit(results)\"\n (keypress)=\"clickedResultsRoot.emit(results)\"\n (dblclick)=\"doubleClickedResultsRoot.emit(results)\"\n >\n <span class=\"project-navigator-root-node\">\n {{ results.name }} ({{ totalResults() }})\n </span>\n \n <lib-expansion-panel-header-actions>\n <!-- toggle buttons should be removed for now see ALBP-24057 -->\n <!-- <div\n [attr.data-test]=\"'toggle_visibility_results'\"\n class=\"ui-icon-checkbox-slider project-navigator-action-buttons\"\n [ngClass]=\"{\n visible: results.isVisible,\n invisible: !results.isVisible,\n semivisible: results.isSemiVisible\n }\"\n [title]=\"'_Toggle visibility' | translate\"\n (click)=\"toggleVisibilityResultsRoot.emit(results)\"\n ></div> -->\n </lib-expansion-panel-header-actions>\n </lib-expansion-panel-header>\n \n <!-- Show all result lists as expansion panels -->\n <!-- lib-bimplus-flat-tree can't be used for that at the moment -->\n <div *ngFor=\"let resultList of results?.resultList\">\n <lib-expansion-panel\n class=\"project-navigator-model-panel\"\n [expanded]=\"expandedResultTrees\"\n >\n <lib-expansion-panel-header>\n <span\n class=\"project-navigator-model-node\"\n [ngClass]=\"{\n visible: resultList.isVisible\n }\"\n [style.color]=\"resultList.colorHexCode\"\n [title]=\"resultList.name + ' (' + resultList.results.length + ')'\"\n (click)=\"clickedResultList.emit(resultList)\"\n (keypress)=\"clickedResultList.emit(resultList)\"\n (dblclick)=\"doubleClickedResultList.emit(resultList)\"\n >\n {{ resultList.name }} ({{ resultList.results.length }})\n </span>\n \n <lib-expansion-panel-header-actions>\n <!-- toggle buttons should be removed for now see ALBP-24057 -->\n <!-- <div\n [attr.data-test]=\"'toggle_visibility_resultlist_' + resultList.id\"\n class=\"ui-icon-checkbox-slider project-navigator-action-buttons\"\n [ngClass]=\"{\n visible: resultList.isVisible,\n invisible: !resultList.isVisible,\n semivisible: resultList.isSemiVisible\n }\"\n [title]=\"'_Toggle visibility' | translate\"\n (click)=\"toggleVisibilityResultList.emit(resultList)\"\n ></div> -->\n </lib-expansion-panel-header-actions>\n </lib-expansion-panel-header>\n \n <!-- Content of panel -->\n <div\n class=\"project-navigator-layer-node\"\n *ngFor=\"let result of resultList.results\"\n >\n <div\n class=\"project-navigator-layer-node-name\"\n [class.selected-node]=\"result.isSelected\"\n [attr.data-test]=\"'result' + result.id\"\n [ngClass]=\"{\n visible: result.isVisible\n }\"\n [title]=\"getTitle(result)\"\n (click)=\"clickedResult.emit(result)\"\n (keypress)=\"clickedResult.emit(result)\" \n (dblclick)=\"doubleClickedResult.emit(result)\"\n (mouseenter)=\"mouseEnteredResult.emit(result)\"\n (mouseleave)=\"mouseLeftResult.emit(result)\"\n >\n {{ result.name }}\n </div>\n \n <!-- toggle buttons should be removed for now see ALBP-24057 -->\n <!-- <div\n [attr.data-test]=\"'toggle_visibility_result_' + result.id\"\n class=\"ui-icon-checkbox-slider project-navigator-action-buttons\"\n [ngClass]=\"{\n visible: result.isVisible,\n invisible: !result.isVisible\n }\"\n [title]=\"'_Toggle visibility' | translate\"\n (click)=\"toggleVisibilityResult.emit(result)\"\n ></div> -->\n </div>\n </lib-expansion-panel>\n </div>\n </lib-expansion-panel>\n </div>\n </lib-bimplus-scrollable-container>\n\n } @else {\n <lib-bimplus-text-message\n class=\"error-message\"\n *ngIf=\"errorMessage\"\n [message]=\"errorMessage\"\n >\n </lib-bimplus-text-message>\n }\n\n <lib-bimplus-buttons-row\n [items]=\"buttonRowItems\"\n (buttonClicked)=\"buttonClicked($event)\"\n >\n </lib-bimplus-buttons-row>\n</div>\n", styles: ["@charset \"UTF-8\";.ng-select.ng-select-opened>.ng-select-container{background:var(--select-container-open-background-color-enabled);border-color:var(--select-container-open-border-color-enabled)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent var(--select-container-open-arrow-border-color-enabled);border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent var(--select-container-open-arrow-border-color-hovered)}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-disabled>.ng-select-container{background-color:var(--select-container-background-color-disabled)}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:var(--select-container-text-color-enabled);background-color:var(--select-container-background-color-enabled);border-radius:0;border:1px solid var(--select-container-border-color-enabled);min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 var(--select-container-box-shadow-color-hovered);background-color:var(--select-container-background-color-hovered)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:var(--select-container-placeholder-text-color-enabled)}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:var(--select-multiple-disabled-container-value-background-color-enabled);border:1px solid var(--select-multiple-disabled-container-value-border-color-enabled)}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:var(--select-multiple-container-value-text-color-enabled);background-color:var(--select-multiple-container-value-background-color-enabled);border-radius:2px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:var(--select-multiple-container-value-background-color-disabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:var(--select-multiple-container-value-icon-background-color-hovered)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled);border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:var(--select-multiple-container-value-input-text-color-enabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:var(--select-clear-wrapper-text-color-enabled)}.ng-select .ng-clear-wrapper:hover .ng-clear{color:var(--select-clear-wrapper-text-color-hovered)}.ng-select .ng-clear-wrapper:focus .ng-clear{color:var(--select-clear-wrapper-text-color-focused)}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:var(--select-arrow-wrapper-border-color-hovored)}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:var(--select-arrow-wrapper-border-color-enabled) transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:var(--dropdown-panel-background-color-enabled);border:1px solid var(--dropdown-panel-border-color-enabled);box-shadow:0 1px 0 var(--dropdown-panel-box-shadow-color-enabled);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-top-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-right-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-color:var(--dropdown-panel-select-bottom-border-color-enabled);margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-left-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid var(--dropdown-panel-header-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid var(--dropdown-panel-footer-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:var(--dropdown-panel-items-text-color-enabled);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected-background-color-enabled);font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:var(--dropdown-panel-items-option-background-color-enabled);color:var(--dropdown-panel-items-option-text-color-enabled);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected2-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected2-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled);color:var(--dropdown-panel-items-marked-text-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:var(--dropdown-panel-items-text-color-disabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}.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:var(--text-highlight-text-color-enabled)}.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}.ui-icon46px{padding:5.6rem 0 .3rem;width:6rem;margin:-.1rem .3rem .6rem .1rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-position:center 1rem;background-repeat:no-repeat;background-size:4.2rem 4.2rem;cursor:pointer}.ui-icon18px{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move}.left-menu-icon{height:4rem;width:4rem;background-size:2.2rem 2.2rem;line-height:2.2rem;margin:0;padding:0;border-width:0}.ui-icon-isolation-menu{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9 14.6129L4.2 12L1 13.6452L9 18L17 13.6452L13.8 12L9 14.6129Z\" fill=\"%238D8D8D\"/>%0A<path d=\"M9 9.6129L4.2 7L1 8.64517L9 13L17 8.64517L13.8 7L9 9.6129Z\" fill=\"white\"/>%0A<path d=\"M17 4L9 8L1 4L9 0L17 4Z\" fill=\"%238D8D8D\"/>%0A</svg>%0A')}.ui-icon-isolation-menu.collapsed{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9 14.6129L4.2 12L1 13.6452L9 18L17 13.6452L13.8 12L9 14.6129Z\" fill=\"%230066CC\"/>%0A<path d=\"M9 9.6129L4.2 7L1 8.64517L9 13L17 8.64517L13.8 7L9 9.6129Z\" fill=\"%23B4DAFF\"/>%0A<path d=\"M17 4L9 8L1 4L9 0L17 4Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-hide-menu{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.3478 2.19354L15.1543 1L12.3835 3.77079C11.3677 3.30213 10.2342 3 9 3C3.5 3 0 9 0 9C0 9 1.21963 11.0908 3.35034 12.804L1.23291 14.9214L2.42645 16.1149L16.3478 2.19354ZM4.65084 11.5035L6.15545 9.99885C6.04678 9.67772 5.99422 9.33982 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002C9.34031 5.99373 9.6782 6.04629 9.99933 6.15496L11.5035 4.65084C11.3162 4.54394 11.1217 4.44916 10.9211 4.36726C10.3116 4.11831 9.65843 3.99345 9 4C8.34157 3.99345 7.68845 4.11831 7.07886 4.36726C6.46928 4.61622 5.91547 4.98427 5.44987 5.44987C4.98427 5.91547 4.61622 6.46928 4.36726 7.07886C4.11831 7.68845 3.99345 8.34157 4 9C3.99345 9.65843 4.11831 10.3116 4.36726 10.9211C4.44916 11.1217 4.54394 11.3162 4.65084 11.5035Z\" fill=\"white\"/>%0A<path d=\"M13.5785 6.95113L15.0224 5.5072C16.922 7.152 18 9 18 9C18 9 14.5 15 9 15C7.95646 15 6.98492 14.784 6.09562 14.434L6.95113 13.5785C6.99342 13.5971 7.036 13.6152 7.07886 13.6327C7.68845 13.8817 8.34157 14.0065 9 14C9.65843 14.0065 10.3116 13.8817 10.9211 13.6327C11.5307 13.3838 12.0845 13.0157 12.5501 12.5501C13.0157 12.0845 13.3838 11.5307 13.6327 10.9211C13.8817 10.3116 14.0065 9.65843 14 9C14.0065 8.34157 13.8817 7.68845 13.6327 7.07886C13.6152 7.036 13.5971 6.99342 13.5785 6.95113Z\" fill=\"white\"/>%0A<path d=\"M9.0005 12C8.85126 12.0028 8.70238 11.9942 8.55512 11.9745L11.975 8.55464C11.9947 8.70189 12.0033 8.85077 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12Z\" fill=\"white\"/>%0A</svg>%0A')}.ui-icon-hide-menu.collapsed{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.3478 2.19354L15.1543 1L12.3835 3.77079C11.3677 3.30213 10.2342 3 9 3C3.5 3 0 9 0 9C0 9 1.21963 11.0908 3.35034 12.804L1.23291 14.9214L2.42645 16.1149L16.3478 2.19354ZM4.65084 11.5035L6.15545 9.99885C6.04678 9.67772 5.99422 9.33982 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002C9.34031 5.99373 9.6782 6.04629 9.99933 6.15496L11.5035 4.65084C11.3162 4.54394 11.1217 4.44916 10.9211 4.36726C10.3116 4.11831 9.65843 3.99345 9 4C8.34157 3.99345 7.68845 4.11831 7.07886 4.36726C6.46928 4.61622 5.91547 4.98427 5.44987 5.44987C4.98427 5.91547 4.61622 6.46928 4.36726 7.07886C4.11831 7.68845 3.99345 8.34157 4 9C3.99345 9.65843 4.11831 10.3116 4.36726 10.9211C4.44916 11.1217 4.54394 11.3162 4.65084 11.5035Z\" fill=\"%230066CC\"/>%0A<path d=\"M13.5785 6.95113L15.0224 5.5072C16.922 7.152 18 9 18 9C18 9 14.5 15 9 15C7.95646 15 6.98492 14.784 6.09562 14.434L6.95113 13.5785C6.99342 13.5971 7.036 13.6152 7.07886 13.6327C7.68845 13.8817 8.34157 14.0065 9 14C9.65843 14.0065 10.3116 13.8817 10.9211 13.6327C11.5307 13.3838 12.0845 13.0157 12.5501 12.5501C13.0157 12.0845 13.3838 11.5307 13.6327 10.9211C13.8817 10.3116 14.0065 9.65843 14 9C14.0065 8.34157 13.8817 7.68845 13.6327 7.07886C13.6152 7.036 13.5971 6.99342 13.5785 6.95113Z\" fill=\"%230066CC\"/>%0A<path d=\"M9.0005 12C8.85126 12.0028 8.70238 11.9942 8.55512 11.9745L11.975 8.55464C11.9947 8.70189 12.0033 8.85077 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-project-navigator{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"><path d=\"M0 20h6v-5H0v5zm14-5v5h6v-5h-6zM13 0H7v5h6V0zM4 12h12v2h2v-4h-7V6H9v4H2v4h2v-2z\" fill=\"%23fff\"/></svg>')}.ui-icon-project-navigator.collapsed{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<g clip-path=\"url(%23clip0_56_3219)\">%0A<path d=\"M0 20H6V15H0V20ZM14 15V20H20V15H14ZM13 0H7V5H13V0ZM4 12H16V14H18V10H11V6H9V10H2V14H4V12Z\" fill=\"%230066CC\"/>%0A</g>%0A<defs>%0A<clipPath id=\"clip0_56_3219\">%0A<rect width=\"20\" height=\"20\" fill=\"white\"/>%0A</clipPath>%0A</defs>%0A</svg>%0A')}.ui-icon-transparency{background-repeat:no-repeat;background-position:center center}.ui-icon-transparency.opaque{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M0 10.8998L9 5.7998L18 10.8998L9 15.9998L0 10.8998Z\" fill=\"%2387C1FF\"/>%0A<path d=\"M0 7.10001L9 2L18 7.10001L9 12.2L0 7.10001Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-transparency.opaque.semiopaque{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M0 10.9L9 5.80002L18 10.9L9 16L0 10.9Z\" fill=\"%23DEF0FF\"/>%0A<path d=\"M0 7.10001L9 2L18 7.10001L9 12.2L0 7.10001Z\" fill=\"%2387C1FF\"/>%0A</svg>%0A')}.ui-icon-transparency.transparent{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M0 10.9L9 5.80002L18 10.9L9 16L0 10.9Z\" fill=\"%23E1E5E8\"/>%0A<path d=\"M0 7.10001L9 2L18 7.10001L9 12.2L0 7.10001Z\" fill=\"%2384888C\"/>%0A</svg>%0A')}.ui-icon-visibility.visible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9.0005 6.00002C9.39649 5.99269 9.78988 6.06528 10.1572 6.21345C10.5245 6.36162 10.8581 6.58233 11.1381 6.86238C11.4182 7.14242 11.6389 7.47607 11.7871 7.84335C11.9352 8.21064 12.0078 8.60403 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12C8.60452 12.0073 8.21113 11.9348 7.84384 11.7866C7.47655 11.6384 7.14291 11.4177 6.86286 11.1377C6.58281 10.8576 6.36211 10.524 6.21394 10.1567C6.06577 9.78939 5.99318 9.396 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002Z\" fill=\"%230066CC\"/>%0A<path d=\"M9 3C3.5 3 0 9 0 9C0 9 3.5 15 9 15C14.5 15 18 9 18 9C18 9 14.5 3 9 3ZM9 14C8.34157 14.0065 7.68845 13.8817 7.07886 13.6327C6.46928 13.3838 5.91547 13.0157 5.44987 12.5501C4.98427 12.0845 4.61622 11.5307 4.36726 10.9211C4.11831 10.3116 3.99345 9.65843 4 9C3.99345 8.34157 4.11831 7.68845 4.36726 7.07886C4.61622 6.46928 4.98427 5.91547 5.44987 5.44987C5.91547 4.98427 6.46928 4.61622 7.07886 4.36726C7.68845 4.11831 8.34157 3.99345 9 4C9.65843 3.99345 10.3116 4.11831 10.9211 4.36726C11.5307 4.61622 12.0845 4.98427 12.5501 5.44987C13.0157 5.91547 13.3838 6.46928 13.6327 7.07886C13.8817 7.68845 14.0065 8.34157 14 9C14.0065 9.65843 13.8817 10.3116 13.6327 10.9211C13.3838 11.5307 13.0157 12.0845 12.5501 12.5501C12.0845 13.0157 11.5307 13.3838 10.9211 13.6327C10.3116 13.8817 9.65843 14.0065 9 14Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-visibility.visible.active{background-color:var(--ui-icon-visibility-background-color-active)}.ui-icon-visibility.visible.semivisible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9.0005 6.00002C9.39649 5.99269 9.78988 6.06528 10.1572 6.21345C10.5245 6.36162 10.8581 6.58233 11.1381 6.86238C11.4182 7.14242 11.6389 7.47607 11.7871 7.84335C11.9352 8.21064 12.0078 8.60403 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12C8.60452 12.0073 8.21113 11.9348 7.84384 11.7866C7.47655 11.6384 7.14291 11.4177 6.86286 11.1377C6.58281 10.8576 6.36211 10.524 6.21394 10.1567C6.06577 9.78939 5.99318 9.396 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002Z\" fill=\"%2387C1FF\"/>%0A<path d=\"M9 3C3.5 3 0 9 0 9C0 9 3.5 15 9 15C14.5 15 18 9 18 9C18 9 14.5 3 9 3ZM9 14C8.34157 14.0065 7.68845 13.8817 7.07886 13.6327C6.46928 13.3838 5.91547 13.0157 5.44987 12.5501C4.98427 12.0845 4.61622 11.5307 4.36726 10.9211C4.11831 10.3116 3.99345 9.65843 4 9C3.99345 8.34157 4.11831 7.68845 4.36726 7.07886C4.61622 6.46928 4.98427 5.91547 5.44987 5.44987C5.91547 4.98427 6.46928 4.61622 7.07886 4.36726C7.68845 4.11831 8.34157 3.99345 9 4C9.65843 3.99345 10.3116 4.11831 10.9211 4.36726C11.5307 4.61622 12.0845 4.98427 12.5501 5.44987C13.0157 5.91547 13.3838 6.46928 13.6327 7.07886C13.8817 7.68845 14.0065 8.34157 14 9C14.0065 9.65843 13.8817 10.3116 13.6327 10.9211C13.3838 11.5307 13.0157 12.0845 12.5501 12.5501C12.0845 13.0157 11.5307 13.3838 10.9211 13.6327C10.3116 13.8817 9.65843 14.0065 9 14Z\" fill=\"%2387C1FF\"/>%0A</svg>%0A')}.ui-icon-visibility.invisible{background-image:url('data:image/svg+xml,<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0\" y=\"0\" viewBox=\"0 0 18 18\" xml:space=\"preserve\"><style>.st0{fill:%23bababa}<\\/style><path class=\"st0\" d=\"M9 6c1.7 0 3 1.3 3 3s-1.3 3-3 3-3-1.3-3-3 1.3-3 3-3z\"/><path class=\"st0\" d=\"M9 3C3.5 3 0 9 0 9s3.5 6 9 6 9-6 9-6-3.5-6-9-6zm0 11c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5z\"/></svg>');visibility:inherit!important}.ui-icon-checkbox-slider.visible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"12\" viewBox=\"0 0 18 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect x=\"18\" y=\"12\" width=\"18\" height=\"12\" rx=\"6\" transform=\"rotate(180 18 12)\" fill=\"%230066CC\"/>%0A<path d=\"M17 6C17 8.76142 14.7614 11 12 11C9.23858 11 7 8.76143 7 6C7 3.23858 9.23858 0.999999 12 0.999998C14.7614 0.999997 17 3.23857 17 6Z\" fill=\"white\"/>%0A</svg>%0A')}.ui-icon-checkbox-slider.visible.semivisible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"12\" viewBox=\"0 0 18 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect width=\"18\" height=\"12\" rx=\"6\" fill=\"%2303A9F4\"/>%0A<path d=\"M4 6C4 3.23858 6.23858 0.999998 9 0.999998C11.7614 0.999997 14 3.23857 14 6C14 8.76142 11.7614 11 9 11C6.23858 11 4 8.76143 4 6Z\" fill=\"white\"/>%0A</svg>%0A')}.ui-icon-checkbox-slider.invisible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"12\" viewBox=\"0 0 18 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect width=\"18\" height=\"12\" rx=\"6\" fill=\"%23D3D3D3\"/>%0A<path d=\"M1 6C1 3.23858 3.23858 1 6 0.999999C8.76142 0.999999 11 3.23857 11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76143 1 6Z\" fill=\"white\"/>%0A</svg>%0A');visibility:inherit!important}:host{--sidenav-drawer-content-offset: 0;background-color:transparent;color:var(--host-text-color-enabled);font-family:var(--font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);font-size:var(--font-size, 1.3rem);font-weight:400}.connection-designer-content-result{font-family:var(--font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;max-height:100%;min-height:0}.connection-designer-content-result>.button-row{display:flex;margin-top:.8rem;margin-bottom:.8rem;justify-content:flex-end;flex-grow:0;flex-shrink:0}.connection-designer-content-result>.title{padding-bottom:1rem;font-size:var(--title-font-size, 1.4rem);font-weight:var(--title-font-weight, 700);font-family:var(--title-font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);flex-grow:0;flex-shrink:0}.connection-designer-content-result>.description{padding-bottom:1rem;flex-grow:0;flex-shrink:0}.connection-designer-content-result lib-bimplus-scrollable-container{--expansion-panel-content-container-padding-left: var(--tree-node-indent, 1.6rem);display:flex;flex-direction:column;max-height:100%;min-height:0}lib-expansion-panel{--expansion-panel-content-container-padding-left: var(--tree-node-indent, 1.6rem)}lib-expansion-panel-header-actions{display:flex;flex-direction:row}lib-expansion-panel-header{max-width:100%;flex:1}.project-navigator-action-buttons{width:var(--tree-node-line-height, 2.4rem);height:var(--tree-node-line-height, 2.4rem);background-position:center center;background-repeat:no-repeat;cursor:pointer;background-size:var(--action-icon-size, 1.8rem) var(--action-icon-size, 1.8rem);margin-left:.4rem}.project-navigator-layer-node{line-height:var(--tree-node-line-height, 2.4rem);height:var(--tree-node-line-height, 2.4rem);padding-left:var(--tree-node-indent, 1.6rem);display:flex;flex-direction:row;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer}.project-navigator-layer-node-name{flex:1;min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-navigator-root-node{text-transform:var(--tree-root-node-text-transform, uppercase);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:var(--tree-node-line-height, 2.4rem);font-weight:var(--tree-root-node-font-weight, 700);font-size:var(--tree-root-node-font-size, 1.4rem);max-width:100%;width:100%}.project-navigator-model-node{font-size:var(--font-size, 1.3rem);font-weight:var(--font-weight, normal);font-family:var(--font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:var(--tree-node-line-height, 2.4rem);max-width:100%}.selected-node{color:var(--connection-designer-results-selected-note-text-color-enabled);font-weight:var(--flat-tree-selected-node-font-weight, 700)}lib-bimplus-text-message.success-message{--text-color: var(--connection-designer-results-text-message-text-color-success)}lib-bimplus-text-message.error-message{--text-color: var(--connection-designer-results-text-message-text-color-error)}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { 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: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: BimplusButtonsRowComponent, selector: "lib-bimplus-buttons-row", inputs: ["items"], outputs: ["buttonClicked"] }, { kind: "component", type: ExpansionPanelComponent, selector: "lib-expansion-panel", inputs: ["expanded"] }, { kind: "component", type: ExpansionPanelHeaderComponent, selector: "lib-expansion-panel-header" }, { kind: "component", type: ExpansionPanelHeaderActionsComponent, selector: "lib-expansion-panel-header-actions" }, { kind: "component", type: BimplusTextMessageComponent, selector: "lib-bimplus-text-message", inputs: ["message"] }, { kind: "component", type: BimplusScrollableContainerComponent, selector: "lib-bimplus-scrollable-container" }], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
|
|
385
385
|
}
|
|
386
386
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BimplusConnectionDesignerResultsComponent, decorators: [{
|
|
387
387
|
type: Component,
|
|
@@ -394,7 +394,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
|
|
|
394
394
|
ExpansionPanelHeaderActionsComponent,
|
|
395
395
|
BimplusTextMessageComponent,
|
|
396
396
|
BimplusScrollableContainerComponent
|
|
397
|
-
], providers: [TranslateService], encapsulation: ViewEncapsulation.ShadowDom, template: "<div class=\"connection-designer-content-result\">\n <div class=\"title\">\n {{ \"_Connection_Designer_results_title\" | translate }}\n </div>\n <div class=\"description\">\n {{ \"_Connection_Designer_results_description\" | translate }}\n </div>\n\n @if(results !== null){\n <lib-bimplus-scrollable-container>\n <div class=\"scrollable-content-container\">\n <lib-expansion-panel\n class=\"project-navigator-model-panel\"\n [expanded]=\"expandedTreeRoot\"\n >\n <lib-expansion-panel-header\n [title]=\"resultTreeRootTitle ? resultTreeRootTitle : results.name + ' (' + totalResults() + ')'\"\n (click)=\"clickedResultsRoot.emit(results)\"\n (keypress)=\"clickedResultsRoot.emit(results)\"\n (dblclick)=\"doubleClickedResultsRoot.emit(results)\"\n >\n <span class=\"project-navigator-root-node\">\n {{ results.name }} ({{ totalResults() }})\n </span>\n \n <lib-expansion-panel-header-actions>\n <!-- toggle buttons should be removed for now see ALBP-24057 -->\n <!-- <div\n [attr.data-test]=\"'toggle_visibility_results'\"\n class=\"ui-icon-checkbox-slider project-navigator-action-buttons\"\n [ngClass]=\"{\n visible: results.isVisible,\n invisible: !results.isVisible,\n semivisible: results.isSemiVisible\n }\"\n [title]=\"'_Toggle visibility' | translate\"\n (click)=\"toggleVisibilityResultsRoot.emit(results)\"\n ></div> -->\n </lib-expansion-panel-header-actions>\n </lib-expansion-panel-header>\n \n <!-- Show all result lists as expansion panels -->\n <!-- lib-bimplus-flat-tree can't be used for that at the moment -->\n <div *ngFor=\"let resultList of results?.resultList\">\n <lib-expansion-panel\n class=\"project-navigator-model-panel\"\n [expanded]=\"expandedResultTrees\"\n >\n <lib-expansion-panel-header>\n <span\n class=\"project-navigator-model-node\"\n [ngClass]=\"{\n visible: resultList.isVisible\n }\"\n [style.color]=\"resultList.colorHexCode\"\n [title]=\"resultList.name + ' (' + resultList.results.length + ')'\"\n (click)=\"clickedResultList.emit(resultList)\"\n (keypress)=\"clickedResultList.emit(resultList)\"\n (dblclick)=\"doubleClickedResultList.emit(resultList)\"\n >\n {{ resultList.name }} ({{ resultList.results.length }})\n </span>\n \n <lib-expansion-panel-header-actions>\n <!-- toggle buttons should be removed for now see ALBP-24057 -->\n <!-- <div\n [attr.data-test]=\"'toggle_visibility_resultlist_' + resultList.id\"\n class=\"ui-icon-checkbox-slider project-navigator-action-buttons\"\n [ngClass]=\"{\n visible: resultList.isVisible,\n invisible: !resultList.isVisible,\n semivisible: resultList.isSemiVisible\n }\"\n [title]=\"'_Toggle visibility' | translate\"\n (click)=\"toggleVisibilityResultList.emit(resultList)\"\n ></div> -->\n </lib-expansion-panel-header-actions>\n </lib-expansion-panel-header>\n \n <!-- Content of panel -->\n <div\n class=\"project-navigator-layer-node\"\n *ngFor=\"let result of resultList.results\"\n >\n <div\n class=\"project-navigator-layer-node-name\"\n [class.selected-node]=\"result.isSelected\"\n [attr.data-test]=\"'result' + result.id\"\n [ngClass]=\"{\n visible: result.isVisible\n }\"\n [title]=\"getTitle(result)\"\n (click)=\"clickedResult.emit(result)\"\n (keypress)=\"clickedResult.emit(result)\" \n (dblclick)=\"doubleClickedResult.emit(result)\"\n (mouseenter)=\"mouseEnteredResult.emit(result)\"\n (mouseleave)=\"mouseLeftResult.emit(result)\"\n >\n {{ result.name }}\n </div>\n \n <!-- toggle buttons should be removed for now see ALBP-24057 -->\n <!-- <div\n [attr.data-test]=\"'toggle_visibility_result_' + result.id\"\n class=\"ui-icon-checkbox-slider project-navigator-action-buttons\"\n [ngClass]=\"{\n visible: result.isVisible,\n invisible: !result.isVisible\n }\"\n [title]=\"'_Toggle visibility' | translate\"\n (click)=\"toggleVisibilityResult.emit(result)\"\n ></div> -->\n </div>\n </lib-expansion-panel>\n </div>\n </lib-expansion-panel>\n </div>\n </lib-bimplus-scrollable-container>\n\n } @else {\n <lib-bimplus-text-message\n class=\"error-message\"\n *ngIf=\"errorMessage\"\n [message]=\"errorMessage\"\n >\n </lib-bimplus-text-message>\n }\n\n <lib-bimplus-buttons-row\n [items]=\"buttonRowItems\"\n (buttonClicked)=\"buttonClicked($event)\"\n >\n </lib-bimplus-buttons-row>\n</div>\n", styles: ["@charset \"UTF-8\";.ng-select.ng-select-opened>.ng-select-container{background:var(--select-container-open-background-color-enabled);border-color:var(--select-container-open-border-color-enabled)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent var(--select-container-open-arrow-border-color-enabled);border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent var(--select-container-open-arrow-border-color-hovered)}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-disabled>.ng-select-container{background-color:var(--select-container-background-color-disabled)}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:var(--select-container-text-color-enabled);background-color:var(--select-container-background-color-enabled);border-radius:0;border:1px solid var(--select-container-border-color-enabled);min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 var(--select-container-box-shadow-color-hovered);background-color:var(--select-container-background-color-hovered)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:var(--select-container-placeholder-text-color-enabled)}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:var(--select-multiple-disabled-container-value-background-color-enabled);border:1px solid var(--select-multiple-disabled-container-value-border-color-enabled)}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:var(--select-multiple-container-value-text-color-enabled);background-color:var(--select-multiple-container-value-background-color-enabled);border-radius:2px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:var(--select-multiple-container-value-background-color-disabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:var(--select-multiple-container-value-icon-background-color-hovered)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled);border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:var(--select-multiple-container-value-input-text-color-enabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:var(--select-clear-wrapper-text-color-enabled)}.ng-select .ng-clear-wrapper:hover .ng-clear{color:var(--select-clear-wrapper-text-color-hovered)}.ng-select .ng-clear-wrapper:focus .ng-clear{color:var(--select-clear-wrapper-text-color-focused)}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:var(--select-arrow-wrapper-border-color-hovored)}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:var(--select-arrow-wrapper-border-color-enabled) transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:var(--dropdown-panel-background-color-enabled);border:1px solid var(--dropdown-panel-border-color-enabled);box-shadow:0 1px 0 var(--dropdown-panel-box-shadow-color-enabled);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-top-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-right-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-color:var(--dropdown-panel-select-bottom-border-color-enabled);margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-left-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid var(--dropdown-panel-header-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid var(--dropdown-panel-footer-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:var(--dropdown-panel-items-text-color-enabled);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected-background-color-enabled);font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:var(--dropdown-panel-items-option-background-color-enabled);color:var(--dropdown-panel-items-option-text-color-enabled);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected2-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected2-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled);color:var(--dropdown-panel-items-marked-text-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:var(--dropdown-panel-items-text-color-disabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}.primary-button{text-transform:uppercase;font: 700 1rem Source Sans Pro,Helvetica,Arial,tahoma,sans-serif;display:inline-block;margin-left:.8rem;height:2.4rem;white-space:nowrap;border-radius:.2rem;vertical-align:middle;font-size:1.2rem;border:solid .2rem var(--primary-button-border-color-enabled);color:var(--primary-button-text-color-enabled);background-color:var(--primary-button-background-color-enabled);cursor:pointer}.primary-button:hover{border:solid .2rem var(--primary-button-border-color-hovered);color:var(--primary-button-text-color-hovered);background-color:var(--primary-button-background-color-hovered);outline:0}.primary-button:focus{border:solid .2rem var(--primary-button-border-color-focused);color:var(--primary-button-text-color-focused);background-color:var(--primary-button-background-color-focused);outline:0}.primary-button:disabled,.primary-button:disabled:active,.primary-button.disabled{border:solid .2rem var(--primary-button-border-color-disabled);color:var(--primary-button-text-color-disabled);background-color:var(--primary-button-background-color-disabled);cursor:default}.primary-button:active{border:solid .2rem var(--primary-button-border-color-pressed);color:var(--primary-button-text-color-pressed);background-color:var(--primary-button-background-color-pressed);cursor:default}.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:var(--text-highlight-text-color-enabled)}.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}.ui-icon46px{padding:5.6rem 0 .3rem;width:6rem;margin:-.1rem .3rem .6rem .1rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-position:center 1rem;background-repeat:no-repeat;background-size:4.2rem 4.2rem;cursor:pointer}.ui-icon18px{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move}.left-menu-icon{height:4rem;width:4rem;background-size:2.2rem 2.2rem;line-height:2.2rem;margin:0;padding:0;border-width:0}.ui-icon-isolation-menu{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9 14.6129L4.2 12L1 13.6452L9 18L17 13.6452L13.8 12L9 14.6129Z\" fill=\"%238D8D8D\"/>%0A<path d=\"M9 9.6129L4.2 7L1 8.64517L9 13L17 8.64517L13.8 7L9 9.6129Z\" fill=\"white\"/>%0A<path d=\"M17 4L9 8L1 4L9 0L17 4Z\" fill=\"%238D8D8D\"/>%0A</svg>%0A')}.ui-icon-isolation-menu.collapsed{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9 14.6129L4.2 12L1 13.6452L9 18L17 13.6452L13.8 12L9 14.6129Z\" fill=\"%230066CC\"/>%0A<path d=\"M9 9.6129L4.2 7L1 8.64517L9 13L17 8.64517L13.8 7L9 9.6129Z\" fill=\"%23B4DAFF\"/>%0A<path d=\"M17 4L9 8L1 4L9 0L17 4Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-hide-menu{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.3478 2.19354L15.1543 1L12.3835 3.77079C11.3677 3.30213 10.2342 3 9 3C3.5 3 0 9 0 9C0 9 1.21963 11.0908 3.35034 12.804L1.23291 14.9214L2.42645 16.1149L16.3478 2.19354ZM4.65084 11.5035L6.15545 9.99885C6.04678 9.67772 5.99422 9.33982 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002C9.34031 5.99373 9.6782 6.04629 9.99933 6.15496L11.5035 4.65084C11.3162 4.54394 11.1217 4.44916 10.9211 4.36726C10.3116 4.11831 9.65843 3.99345 9 4C8.34157 3.99345 7.68845 4.11831 7.07886 4.36726C6.46928 4.61622 5.91547 4.98427 5.44987 5.44987C4.98427 5.91547 4.61622 6.46928 4.36726 7.07886C4.11831 7.68845 3.99345 8.34157 4 9C3.99345 9.65843 4.11831 10.3116 4.36726 10.9211C4.44916 11.1217 4.54394 11.3162 4.65084 11.5035Z\" fill=\"white\"/>%0A<path d=\"M13.5785 6.95113L15.0224 5.5072C16.922 7.152 18 9 18 9C18 9 14.5 15 9 15C7.95646 15 6.98492 14.784 6.09562 14.434L6.95113 13.5785C6.99342 13.5971 7.036 13.6152 7.07886 13.6327C7.68845 13.8817 8.34157 14.0065 9 14C9.65843 14.0065 10.3116 13.8817 10.9211 13.6327C11.5307 13.3838 12.0845 13.0157 12.5501 12.5501C13.0157 12.0845 13.3838 11.5307 13.6327 10.9211C13.8817 10.3116 14.0065 9.65843 14 9C14.0065 8.34157 13.8817 7.68845 13.6327 7.07886C13.6152 7.036 13.5971 6.99342 13.5785 6.95113Z\" fill=\"white\"/>%0A<path d=\"M9.0005 12C8.85126 12.0028 8.70238 11.9942 8.55512 11.9745L11.975 8.55464C11.9947 8.70189 12.0033 8.85077 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12Z\" fill=\"white\"/>%0A</svg>%0A')}.ui-icon-hide-menu.collapsed{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.3478 2.19354L15.1543 1L12.3835 3.77079C11.3677 3.30213 10.2342 3 9 3C3.5 3 0 9 0 9C0 9 1.21963 11.0908 3.35034 12.804L1.23291 14.9214L2.42645 16.1149L16.3478 2.19354ZM4.65084 11.5035L6.15545 9.99885C6.04678 9.67772 5.99422 9.33982 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002C9.34031 5.99373 9.6782 6.04629 9.99933 6.15496L11.5035 4.65084C11.3162 4.54394 11.1217 4.44916 10.9211 4.36726C10.3116 4.11831 9.65843 3.99345 9 4C8.34157 3.99345 7.68845 4.11831 7.07886 4.36726C6.46928 4.61622 5.91547 4.98427 5.44987 5.44987C4.98427 5.91547 4.61622 6.46928 4.36726 7.07886C4.11831 7.68845 3.99345 8.34157 4 9C3.99345 9.65843 4.11831 10.3116 4.36726 10.9211C4.44916 11.1217 4.54394 11.3162 4.65084 11.5035Z\" fill=\"%230066CC\"/>%0A<path d=\"M13.5785 6.95113L15.0224 5.5072C16.922 7.152 18 9 18 9C18 9 14.5 15 9 15C7.95646 15 6.98492 14.784 6.09562 14.434L6.95113 13.5785C6.99342 13.5971 7.036 13.6152 7.07886 13.6327C7.68845 13.8817 8.34157 14.0065 9 14C9.65843 14.0065 10.3116 13.8817 10.9211 13.6327C11.5307 13.3838 12.0845 13.0157 12.5501 12.5501C13.0157 12.0845 13.3838 11.5307 13.6327 10.9211C13.8817 10.3116 14.0065 9.65843 14 9C14.0065 8.34157 13.8817 7.68845 13.6327 7.07886C13.6152 7.036 13.5971 6.99342 13.5785 6.95113Z\" fill=\"%230066CC\"/>%0A<path d=\"M9.0005 12C8.85126 12.0028 8.70238 11.9942 8.55512 11.9745L11.975 8.55464C11.9947 8.70189 12.0033 8.85077 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-project-navigator{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"><path d=\"M0 20h6v-5H0v5zm14-5v5h6v-5h-6zM13 0H7v5h6V0zM4 12h12v2h2v-4h-7V6H9v4H2v4h2v-2z\" fill=\"%23fff\"/></svg>')}.ui-icon-project-navigator.collapsed{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<g clip-path=\"url(%23clip0_56_3219)\">%0A<path d=\"M0 20H6V15H0V20ZM14 15V20H20V15H14ZM13 0H7V5H13V0ZM4 12H16V14H18V10H11V6H9V10H2V14H4V12Z\" fill=\"%230066CC\"/>%0A</g>%0A<defs>%0A<clipPath id=\"clip0_56_3219\">%0A<rect width=\"20\" height=\"20\" fill=\"white\"/>%0A</clipPath>%0A</defs>%0A</svg>%0A')}.ui-icon-transparency{background-repeat:no-repeat;background-position:center center}.ui-icon-transparency.opaque{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M0 10.8998L9 5.7998L18 10.8998L9 15.9998L0 10.8998Z\" fill=\"%2387C1FF\"/>%0A<path d=\"M0 7.10001L9 2L18 7.10001L9 12.2L0 7.10001Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-transparency.opaque.semiopaque{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M0 10.9L9 5.80002L18 10.9L9 16L0 10.9Z\" fill=\"%23DEF0FF\"/>%0A<path d=\"M0 7.10001L9 2L18 7.10001L9 12.2L0 7.10001Z\" fill=\"%2387C1FF\"/>%0A</svg>%0A')}.ui-icon-transparency.transparent{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M0 10.9L9 5.80002L18 10.9L9 16L0 10.9Z\" fill=\"%23E1E5E8\"/>%0A<path d=\"M0 7.10001L9 2L18 7.10001L9 12.2L0 7.10001Z\" fill=\"%2384888C\"/>%0A</svg>%0A')}.ui-icon-visibility.visible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9.0005 6.00002C9.39649 5.99269 9.78988 6.06528 10.1572 6.21345C10.5245 6.36162 10.8581 6.58233 11.1381 6.86238C11.4182 7.14242 11.6389 7.47607 11.7871 7.84335C11.9352 8.21064 12.0078 8.60403 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12C8.60452 12.0073 8.21113 11.9348 7.84384 11.7866C7.47655 11.6384 7.14291 11.4177 6.86286 11.1377C6.58281 10.8576 6.36211 10.524 6.21394 10.1567C6.06577 9.78939 5.99318 9.396 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002Z\" fill=\"%230066CC\"/>%0A<path d=\"M9 3C3.5 3 0 9 0 9C0 9 3.5 15 9 15C14.5 15 18 9 18 9C18 9 14.5 3 9 3ZM9 14C8.34157 14.0065 7.68845 13.8817 7.07886 13.6327C6.46928 13.3838 5.91547 13.0157 5.44987 12.5501C4.98427 12.0845 4.61622 11.5307 4.36726 10.9211C4.11831 10.3116 3.99345 9.65843 4 9C3.99345 8.34157 4.11831 7.68845 4.36726 7.07886C4.61622 6.46928 4.98427 5.91547 5.44987 5.44987C5.91547 4.98427 6.46928 4.61622 7.07886 4.36726C7.68845 4.11831 8.34157 3.99345 9 4C9.65843 3.99345 10.3116 4.11831 10.9211 4.36726C11.5307 4.61622 12.0845 4.98427 12.5501 5.44987C13.0157 5.91547 13.3838 6.46928 13.6327 7.07886C13.8817 7.68845 14.0065 8.34157 14 9C14.0065 9.65843 13.8817 10.3116 13.6327 10.9211C13.3838 11.5307 13.0157 12.0845 12.5501 12.5501C12.0845 13.0157 11.5307 13.3838 10.9211 13.6327C10.3116 13.8817 9.65843 14.0065 9 14Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-visibility.visible.active{background-color:var(--ui-icon-visibility-background-color-active)}.ui-icon-visibility.visible.semivisible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9.0005 6.00002C9.39649 5.99269 9.78988 6.06528 10.1572 6.21345C10.5245 6.36162 10.8581 6.58233 11.1381 6.86238C11.4182 7.14242 11.6389 7.47607 11.7871 7.84335C11.9352 8.21064 12.0078 8.60403 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12C8.60452 12.0073 8.21113 11.9348 7.84384 11.7866C7.47655 11.6384 7.14291 11.4177 6.86286 11.1377C6.58281 10.8576 6.36211 10.524 6.21394 10.1567C6.06577 9.78939 5.99318 9.396 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002Z\" fill=\"%2387C1FF\"/>%0A<path d=\"M9 3C3.5 3 0 9 0 9C0 9 3.5 15 9 15C14.5 15 18 9 18 9C18 9 14.5 3 9 3ZM9 14C8.34157 14.0065 7.68845 13.8817 7.07886 13.6327C6.46928 13.3838 5.91547 13.0157 5.44987 12.5501C4.98427 12.0845 4.61622 11.5307 4.36726 10.9211C4.11831 10.3116 3.99345 9.65843 4 9C3.99345 8.34157 4.11831 7.68845 4.36726 7.07886C4.61622 6.46928 4.98427 5.91547 5.44987 5.44987C5.91547 4.98427 6.46928 4.61622 7.07886 4.36726C7.68845 4.11831 8.34157 3.99345 9 4C9.65843 3.99345 10.3116 4.11831 10.9211 4.36726C11.5307 4.61622 12.0845 4.98427 12.5501 5.44987C13.0157 5.91547 13.3838 6.46928 13.6327 7.07886C13.8817 7.68845 14.0065 8.34157 14 9C14.0065 9.65843 13.8817 10.3116 13.6327 10.9211C13.3838 11.5307 13.0157 12.0845 12.5501 12.5501C12.0845 13.0157 11.5307 13.3838 10.9211 13.6327C10.3116 13.8817 9.65843 14.0065 9 14Z\" fill=\"%2387C1FF\"/>%0A</svg>%0A')}.ui-icon-visibility.invisible{background-image:url('data:image/svg+xml,<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0\" y=\"0\" viewBox=\"0 0 18 18\" xml:space=\"preserve\"><style>.st0{fill:%23bababa}<\\/style><path class=\"st0\" d=\"M9 6c1.7 0 3 1.3 3 3s-1.3 3-3 3-3-1.3-3-3 1.3-3 3-3z\"/><path class=\"st0\" d=\"M9 3C3.5 3 0 9 0 9s3.5 6 9 6 9-6 9-6-3.5-6-9-6zm0 11c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5z\"/></svg>');visibility:inherit!important}.ui-icon-checkbox-slider.visible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"12\" viewBox=\"0 0 18 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect x=\"18\" y=\"12\" width=\"18\" height=\"12\" rx=\"6\" transform=\"rotate(180 18 12)\" fill=\"%230066CC\"/>%0A<path d=\"M17 6C17 8.76142 14.7614 11 12 11C9.23858 11 7 8.76143 7 6C7 3.23858 9.23858 0.999999 12 0.999998C14.7614 0.999997 17 3.23857 17 6Z\" fill=\"white\"/>%0A</svg>%0A')}.ui-icon-checkbox-slider.visible.semivisible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"12\" viewBox=\"0 0 18 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect width=\"18\" height=\"12\" rx=\"6\" fill=\"%2303A9F4\"/>%0A<path d=\"M4 6C4 3.23858 6.23858 0.999998 9 0.999998C11.7614 0.999997 14 3.23857 14 6C14 8.76142 11.7614 11 9 11C6.23858 11 4 8.76143 4 6Z\" fill=\"white\"/>%0A</svg>%0A')}.ui-icon-checkbox-slider.invisible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"12\" viewBox=\"0 0 18 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect width=\"18\" height=\"12\" rx=\"6\" fill=\"%23D3D3D3\"/>%0A<path d=\"M1 6C1 3.23858 3.23858 1 6 0.999999C8.76142 0.999999 11 3.23857 11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76143 1 6Z\" fill=\"white\"/>%0A</svg>%0A');visibility:inherit!important}:host{--sidenav-drawer-content-offset: 0;background-color:transparent;color:var(--host-text-color-enabled);font-family:var(--font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);font-size:var(--font-size, 1.3rem);font-weight:400}.connection-designer-content-result{font-family:var(--font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;max-height:100%;min-height:0}.connection-designer-content-result>.button-row{display:flex;margin-top:.8rem;margin-bottom:.8rem;justify-content:flex-end;flex-grow:0;flex-shrink:0}.connection-designer-content-result>.title{padding-bottom:1rem;font-size:var(--title-font-size, 1.4rem);font-weight:var(--title-font-weight, 700);font-family:var(--title-font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);flex-grow:0;flex-shrink:0}.connection-designer-content-result>.description{padding-bottom:1rem;flex-grow:0;flex-shrink:0}.connection-designer-content-result lib-bimplus-scrollable-container{--expansion-panel-content-container-padding-left: var(--tree-node-indent, 1.6rem);display:flex;flex-direction:column;max-height:100%;min-height:0}lib-expansion-panel{--expansion-panel-content-container-padding-left: var(--tree-node-indent, 1.6rem)}lib-expansion-panel-header-actions{display:flex;flex-direction:row}lib-expansion-panel-header{max-width:100%;flex:1}.project-navigator-action-buttons{width:var(--tree-node-line-height, 2.4rem);height:var(--tree-node-line-height, 2.4rem);background-position:center center;background-repeat:no-repeat;cursor:pointer;background-size:var(--action-icon-size, 1.8rem) var(--action-icon-size, 1.8rem);margin-left:.4rem}.project-navigator-layer-node{line-height:var(--tree-node-line-height, 2.4rem);height:var(--tree-node-line-height, 2.4rem);padding-left:var(--tree-node-indent, 1.6rem);display:flex;flex-direction:row;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer}.project-navigator-layer-node-name{flex:1;min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-navigator-root-node{text-transform:var(--tree-root-node-text-transform, uppercase);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:var(--tree-node-line-height, 2.4rem);font-weight:var(--tree-root-node-font-weight, 700);font-size:var(--tree-root-node-font-size, 1.4rem);max-width:100%;width:100%}.project-navigator-model-node{font-size:var(--font-size, 1.3rem);font-weight:var(--font-weight, normal);font-family:var(--font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:var(--tree-node-line-height, 2.4rem);max-width:100%}.selected-node{color:var(--connection-designer-results-selected-note-text-color-enabled);font-weight:var(--flat-tree-selected-node-font-weight, 700)}lib-bimplus-text-message.success-message{--text-color: var(--connection-designer-results-text-message-text-color-success)}lib-bimplus-text-message.error-message{--text-color: var(--connection-designer-results-text-message-text-color-error)}\n"] }]
|
|
397
|
+
], providers: [TranslateService], encapsulation: ViewEncapsulation.ShadowDom, template: "<div class=\"connection-designer-content-result\">\n <div class=\"title\">\n {{ \"_Connection_Designer_results_title\" | translate }}\n </div>\n <div class=\"description\">\n {{ \"_Connection_Designer_results_description\" | translate }}\n </div>\n\n @if(results !== null){\n <lib-bimplus-scrollable-container>\n <div class=\"scrollable-content-container\">\n <lib-expansion-panel\n class=\"project-navigator-model-panel\"\n [expanded]=\"expandedTreeRoot\"\n >\n <lib-expansion-panel-header\n [title]=\"resultTreeRootTitle ? resultTreeRootTitle : results.name + ' (' + totalResults() + ')'\"\n (click)=\"clickedResultsRoot.emit(results)\"\n (keypress)=\"clickedResultsRoot.emit(results)\"\n (dblclick)=\"doubleClickedResultsRoot.emit(results)\"\n >\n <span class=\"project-navigator-root-node\">\n {{ results.name }} ({{ totalResults() }})\n </span>\n \n <lib-expansion-panel-header-actions>\n <!-- toggle buttons should be removed for now see ALBP-24057 -->\n <!-- <div\n [attr.data-test]=\"'toggle_visibility_results'\"\n class=\"ui-icon-checkbox-slider project-navigator-action-buttons\"\n [ngClass]=\"{\n visible: results.isVisible,\n invisible: !results.isVisible,\n semivisible: results.isSemiVisible\n }\"\n [title]=\"'_Toggle visibility' | translate\"\n (click)=\"toggleVisibilityResultsRoot.emit(results)\"\n ></div> -->\n </lib-expansion-panel-header-actions>\n </lib-expansion-panel-header>\n \n <!-- Show all result lists as expansion panels -->\n <!-- lib-bimplus-flat-tree can't be used for that at the moment -->\n <div *ngFor=\"let resultList of results?.resultList\">\n <lib-expansion-panel\n class=\"project-navigator-model-panel\"\n [expanded]=\"expandedResultTrees\"\n >\n <lib-expansion-panel-header>\n <span\n class=\"project-navigator-model-node\"\n [ngClass]=\"{\n visible: resultList.isVisible\n }\"\n [style.color]=\"resultList.colorHexCode\"\n [title]=\"resultList.name + ' (' + resultList.results.length + ')'\"\n (click)=\"clickedResultList.emit(resultList)\"\n (keypress)=\"clickedResultList.emit(resultList)\"\n (dblclick)=\"doubleClickedResultList.emit(resultList)\"\n >\n {{ resultList.name }} ({{ resultList.results.length }})\n </span>\n \n <lib-expansion-panel-header-actions>\n <!-- toggle buttons should be removed for now see ALBP-24057 -->\n <!-- <div\n [attr.data-test]=\"'toggle_visibility_resultlist_' + resultList.id\"\n class=\"ui-icon-checkbox-slider project-navigator-action-buttons\"\n [ngClass]=\"{\n visible: resultList.isVisible,\n invisible: !resultList.isVisible,\n semivisible: resultList.isSemiVisible\n }\"\n [title]=\"'_Toggle visibility' | translate\"\n (click)=\"toggleVisibilityResultList.emit(resultList)\"\n ></div> -->\n </lib-expansion-panel-header-actions>\n </lib-expansion-panel-header>\n \n <!-- Content of panel -->\n <div\n class=\"project-navigator-layer-node\"\n *ngFor=\"let result of resultList.results\"\n >\n <div\n class=\"project-navigator-layer-node-name\"\n [class.selected-node]=\"result.isSelected\"\n [attr.data-test]=\"'result' + result.id\"\n [ngClass]=\"{\n visible: result.isVisible\n }\"\n [title]=\"getTitle(result)\"\n (click)=\"clickedResult.emit(result)\"\n (keypress)=\"clickedResult.emit(result)\" \n (dblclick)=\"doubleClickedResult.emit(result)\"\n (mouseenter)=\"mouseEnteredResult.emit(result)\"\n (mouseleave)=\"mouseLeftResult.emit(result)\"\n >\n {{ result.name }}\n </div>\n \n <!-- toggle buttons should be removed for now see ALBP-24057 -->\n <!-- <div\n [attr.data-test]=\"'toggle_visibility_result_' + result.id\"\n class=\"ui-icon-checkbox-slider project-navigator-action-buttons\"\n [ngClass]=\"{\n visible: result.isVisible,\n invisible: !result.isVisible\n }\"\n [title]=\"'_Toggle visibility' | translate\"\n (click)=\"toggleVisibilityResult.emit(result)\"\n ></div> -->\n </div>\n </lib-expansion-panel>\n </div>\n </lib-expansion-panel>\n </div>\n </lib-bimplus-scrollable-container>\n\n } @else {\n <lib-bimplus-text-message\n class=\"error-message\"\n *ngIf=\"errorMessage\"\n [message]=\"errorMessage\"\n >\n </lib-bimplus-text-message>\n }\n\n <lib-bimplus-buttons-row\n [items]=\"buttonRowItems\"\n (buttonClicked)=\"buttonClicked($event)\"\n >\n </lib-bimplus-buttons-row>\n</div>\n", styles: ["@charset \"UTF-8\";.ng-select.ng-select-opened>.ng-select-container{background:var(--select-container-open-background-color-enabled);border-color:var(--select-container-open-border-color-enabled)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent var(--select-container-open-arrow-border-color-enabled);border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent var(--select-container-open-arrow-border-color-hovered)}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-disabled>.ng-select-container{background-color:var(--select-container-background-color-disabled)}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:var(--select-container-text-color-enabled);background-color:var(--select-container-background-color-enabled);border-radius:0;border:1px solid var(--select-container-border-color-enabled);min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 var(--select-container-box-shadow-color-hovered);background-color:var(--select-container-background-color-hovered)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:var(--select-container-placeholder-text-color-enabled)}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:var(--select-multiple-disabled-container-value-background-color-enabled);border:1px solid var(--select-multiple-disabled-container-value-border-color-enabled)}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:var(--select-multiple-container-value-text-color-enabled);background-color:var(--select-multiple-container-value-background-color-enabled);border-radius:2px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:var(--select-multiple-container-value-background-color-disabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:var(--select-multiple-container-value-icon-background-color-hovered)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled);border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:var(--select-multiple-container-value-input-text-color-enabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:var(--select-clear-wrapper-text-color-enabled)}.ng-select .ng-clear-wrapper:hover .ng-clear{color:var(--select-clear-wrapper-text-color-hovered)}.ng-select .ng-clear-wrapper:focus .ng-clear{color:var(--select-clear-wrapper-text-color-focused)}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:var(--select-arrow-wrapper-border-color-hovored)}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:var(--select-arrow-wrapper-border-color-enabled) transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:var(--dropdown-panel-background-color-enabled);border:1px solid var(--dropdown-panel-border-color-enabled);box-shadow:0 1px 0 var(--dropdown-panel-box-shadow-color-enabled);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-top-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-right-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-color:var(--dropdown-panel-select-bottom-border-color-enabled);margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-left-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid var(--dropdown-panel-header-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid var(--dropdown-panel-footer-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:var(--dropdown-panel-items-text-color-enabled);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected-background-color-enabled);font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:var(--dropdown-panel-items-option-background-color-enabled);color:var(--dropdown-panel-items-option-text-color-enabled);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected2-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected2-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled);color:var(--dropdown-panel-items-marked-text-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:var(--dropdown-panel-items-text-color-disabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}.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:var(--text-highlight-text-color-enabled)}.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}.ui-icon46px{padding:5.6rem 0 .3rem;width:6rem;margin:-.1rem .3rem .6rem .1rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-position:center 1rem;background-repeat:no-repeat;background-size:4.2rem 4.2rem;cursor:pointer}.ui-icon18px{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move}.left-menu-icon{height:4rem;width:4rem;background-size:2.2rem 2.2rem;line-height:2.2rem;margin:0;padding:0;border-width:0}.ui-icon-isolation-menu{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9 14.6129L4.2 12L1 13.6452L9 18L17 13.6452L13.8 12L9 14.6129Z\" fill=\"%238D8D8D\"/>%0A<path d=\"M9 9.6129L4.2 7L1 8.64517L9 13L17 8.64517L13.8 7L9 9.6129Z\" fill=\"white\"/>%0A<path d=\"M17 4L9 8L1 4L9 0L17 4Z\" fill=\"%238D8D8D\"/>%0A</svg>%0A')}.ui-icon-isolation-menu.collapsed{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9 14.6129L4.2 12L1 13.6452L9 18L17 13.6452L13.8 12L9 14.6129Z\" fill=\"%230066CC\"/>%0A<path d=\"M9 9.6129L4.2 7L1 8.64517L9 13L17 8.64517L13.8 7L9 9.6129Z\" fill=\"%23B4DAFF\"/>%0A<path d=\"M17 4L9 8L1 4L9 0L17 4Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-hide-menu{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.3478 2.19354L15.1543 1L12.3835 3.77079C11.3677 3.30213 10.2342 3 9 3C3.5 3 0 9 0 9C0 9 1.21963 11.0908 3.35034 12.804L1.23291 14.9214L2.42645 16.1149L16.3478 2.19354ZM4.65084 11.5035L6.15545 9.99885C6.04678 9.67772 5.99422 9.33982 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002C9.34031 5.99373 9.6782 6.04629 9.99933 6.15496L11.5035 4.65084C11.3162 4.54394 11.1217 4.44916 10.9211 4.36726C10.3116 4.11831 9.65843 3.99345 9 4C8.34157 3.99345 7.68845 4.11831 7.07886 4.36726C6.46928 4.61622 5.91547 4.98427 5.44987 5.44987C4.98427 5.91547 4.61622 6.46928 4.36726 7.07886C4.11831 7.68845 3.99345 8.34157 4 9C3.99345 9.65843 4.11831 10.3116 4.36726 10.9211C4.44916 11.1217 4.54394 11.3162 4.65084 11.5035Z\" fill=\"white\"/>%0A<path d=\"M13.5785 6.95113L15.0224 5.5072C16.922 7.152 18 9 18 9C18 9 14.5 15 9 15C7.95646 15 6.98492 14.784 6.09562 14.434L6.95113 13.5785C6.99342 13.5971 7.036 13.6152 7.07886 13.6327C7.68845 13.8817 8.34157 14.0065 9 14C9.65843 14.0065 10.3116 13.8817 10.9211 13.6327C11.5307 13.3838 12.0845 13.0157 12.5501 12.5501C13.0157 12.0845 13.3838 11.5307 13.6327 10.9211C13.8817 10.3116 14.0065 9.65843 14 9C14.0065 8.34157 13.8817 7.68845 13.6327 7.07886C13.6152 7.036 13.5971 6.99342 13.5785 6.95113Z\" fill=\"white\"/>%0A<path d=\"M9.0005 12C8.85126 12.0028 8.70238 11.9942 8.55512 11.9745L11.975 8.55464C11.9947 8.70189 12.0033 8.85077 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12Z\" fill=\"white\"/>%0A</svg>%0A')}.ui-icon-hide-menu.collapsed{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.3478 2.19354L15.1543 1L12.3835 3.77079C11.3677 3.30213 10.2342 3 9 3C3.5 3 0 9 0 9C0 9 1.21963 11.0908 3.35034 12.804L1.23291 14.9214L2.42645 16.1149L16.3478 2.19354ZM4.65084 11.5035L6.15545 9.99885C6.04678 9.67772 5.99422 9.33982 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002C9.34031 5.99373 9.6782 6.04629 9.99933 6.15496L11.5035 4.65084C11.3162 4.54394 11.1217 4.44916 10.9211 4.36726C10.3116 4.11831 9.65843 3.99345 9 4C8.34157 3.99345 7.68845 4.11831 7.07886 4.36726C6.46928 4.61622 5.91547 4.98427 5.44987 5.44987C4.98427 5.91547 4.61622 6.46928 4.36726 7.07886C4.11831 7.68845 3.99345 8.34157 4 9C3.99345 9.65843 4.11831 10.3116 4.36726 10.9211C4.44916 11.1217 4.54394 11.3162 4.65084 11.5035Z\" fill=\"%230066CC\"/>%0A<path d=\"M13.5785 6.95113L15.0224 5.5072C16.922 7.152 18 9 18 9C18 9 14.5 15 9 15C7.95646 15 6.98492 14.784 6.09562 14.434L6.95113 13.5785C6.99342 13.5971 7.036 13.6152 7.07886 13.6327C7.68845 13.8817 8.34157 14.0065 9 14C9.65843 14.0065 10.3116 13.8817 10.9211 13.6327C11.5307 13.3838 12.0845 13.0157 12.5501 12.5501C13.0157 12.0845 13.3838 11.5307 13.6327 10.9211C13.8817 10.3116 14.0065 9.65843 14 9C14.0065 8.34157 13.8817 7.68845 13.6327 7.07886C13.6152 7.036 13.5971 6.99342 13.5785 6.95113Z\" fill=\"%230066CC\"/>%0A<path d=\"M9.0005 12C8.85126 12.0028 8.70238 11.9942 8.55512 11.9745L11.975 8.55464C11.9947 8.70189 12.0033 8.85077 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-project-navigator{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"><path d=\"M0 20h6v-5H0v5zm14-5v5h6v-5h-6zM13 0H7v5h6V0zM4 12h12v2h2v-4h-7V6H9v4H2v4h2v-2z\" fill=\"%23fff\"/></svg>')}.ui-icon-project-navigator.collapsed{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<g clip-path=\"url(%23clip0_56_3219)\">%0A<path d=\"M0 20H6V15H0V20ZM14 15V20H20V15H14ZM13 0H7V5H13V0ZM4 12H16V14H18V10H11V6H9V10H2V14H4V12Z\" fill=\"%230066CC\"/>%0A</g>%0A<defs>%0A<clipPath id=\"clip0_56_3219\">%0A<rect width=\"20\" height=\"20\" fill=\"white\"/>%0A</clipPath>%0A</defs>%0A</svg>%0A')}.ui-icon-transparency{background-repeat:no-repeat;background-position:center center}.ui-icon-transparency.opaque{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M0 10.8998L9 5.7998L18 10.8998L9 15.9998L0 10.8998Z\" fill=\"%2387C1FF\"/>%0A<path d=\"M0 7.10001L9 2L18 7.10001L9 12.2L0 7.10001Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-transparency.opaque.semiopaque{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M0 10.9L9 5.80002L18 10.9L9 16L0 10.9Z\" fill=\"%23DEF0FF\"/>%0A<path d=\"M0 7.10001L9 2L18 7.10001L9 12.2L0 7.10001Z\" fill=\"%2387C1FF\"/>%0A</svg>%0A')}.ui-icon-transparency.transparent{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M0 10.9L9 5.80002L18 10.9L9 16L0 10.9Z\" fill=\"%23E1E5E8\"/>%0A<path d=\"M0 7.10001L9 2L18 7.10001L9 12.2L0 7.10001Z\" fill=\"%2384888C\"/>%0A</svg>%0A')}.ui-icon-visibility.visible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9.0005 6.00002C9.39649 5.99269 9.78988 6.06528 10.1572 6.21345C10.5245 6.36162 10.8581 6.58233 11.1381 6.86238C11.4182 7.14242 11.6389 7.47607 11.7871 7.84335C11.9352 8.21064 12.0078 8.60403 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12C8.60452 12.0073 8.21113 11.9348 7.84384 11.7866C7.47655 11.6384 7.14291 11.4177 6.86286 11.1377C6.58281 10.8576 6.36211 10.524 6.21394 10.1567C6.06577 9.78939 5.99318 9.396 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002Z\" fill=\"%230066CC\"/>%0A<path d=\"M9 3C3.5 3 0 9 0 9C0 9 3.5 15 9 15C14.5 15 18 9 18 9C18 9 14.5 3 9 3ZM9 14C8.34157 14.0065 7.68845 13.8817 7.07886 13.6327C6.46928 13.3838 5.91547 13.0157 5.44987 12.5501C4.98427 12.0845 4.61622 11.5307 4.36726 10.9211C4.11831 10.3116 3.99345 9.65843 4 9C3.99345 8.34157 4.11831 7.68845 4.36726 7.07886C4.61622 6.46928 4.98427 5.91547 5.44987 5.44987C5.91547 4.98427 6.46928 4.61622 7.07886 4.36726C7.68845 4.11831 8.34157 3.99345 9 4C9.65843 3.99345 10.3116 4.11831 10.9211 4.36726C11.5307 4.61622 12.0845 4.98427 12.5501 5.44987C13.0157 5.91547 13.3838 6.46928 13.6327 7.07886C13.8817 7.68845 14.0065 8.34157 14 9C14.0065 9.65843 13.8817 10.3116 13.6327 10.9211C13.3838 11.5307 13.0157 12.0845 12.5501 12.5501C12.0845 13.0157 11.5307 13.3838 10.9211 13.6327C10.3116 13.8817 9.65843 14.0065 9 14Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-visibility.visible.active{background-color:var(--ui-icon-visibility-background-color-active)}.ui-icon-visibility.visible.semivisible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9.0005 6.00002C9.39649 5.99269 9.78988 6.06528 10.1572 6.21345C10.5245 6.36162 10.8581 6.58233 11.1381 6.86238C11.4182 7.14242 11.6389 7.47607 11.7871 7.84335C11.9352 8.21064 12.0078 8.60403 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12C8.60452 12.0073 8.21113 11.9348 7.84384 11.7866C7.47655 11.6384 7.14291 11.4177 6.86286 11.1377C6.58281 10.8576 6.36211 10.524 6.21394 10.1567C6.06577 9.78939 5.99318 9.396 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002Z\" fill=\"%2387C1FF\"/>%0A<path d=\"M9 3C3.5 3 0 9 0 9C0 9 3.5 15 9 15C14.5 15 18 9 18 9C18 9 14.5 3 9 3ZM9 14C8.34157 14.0065 7.68845 13.8817 7.07886 13.6327C6.46928 13.3838 5.91547 13.0157 5.44987 12.5501C4.98427 12.0845 4.61622 11.5307 4.36726 10.9211C4.11831 10.3116 3.99345 9.65843 4 9C3.99345 8.34157 4.11831 7.68845 4.36726 7.07886C4.61622 6.46928 4.98427 5.91547 5.44987 5.44987C5.91547 4.98427 6.46928 4.61622 7.07886 4.36726C7.68845 4.11831 8.34157 3.99345 9 4C9.65843 3.99345 10.3116 4.11831 10.9211 4.36726C11.5307 4.61622 12.0845 4.98427 12.5501 5.44987C13.0157 5.91547 13.3838 6.46928 13.6327 7.07886C13.8817 7.68845 14.0065 8.34157 14 9C14.0065 9.65843 13.8817 10.3116 13.6327 10.9211C13.3838 11.5307 13.0157 12.0845 12.5501 12.5501C12.0845 13.0157 11.5307 13.3838 10.9211 13.6327C10.3116 13.8817 9.65843 14.0065 9 14Z\" fill=\"%2387C1FF\"/>%0A</svg>%0A')}.ui-icon-visibility.invisible{background-image:url('data:image/svg+xml,<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0\" y=\"0\" viewBox=\"0 0 18 18\" xml:space=\"preserve\"><style>.st0{fill:%23bababa}<\\/style><path class=\"st0\" d=\"M9 6c1.7 0 3 1.3 3 3s-1.3 3-3 3-3-1.3-3-3 1.3-3 3-3z\"/><path class=\"st0\" d=\"M9 3C3.5 3 0 9 0 9s3.5 6 9 6 9-6 9-6-3.5-6-9-6zm0 11c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5z\"/></svg>');visibility:inherit!important}.ui-icon-checkbox-slider.visible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"12\" viewBox=\"0 0 18 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect x=\"18\" y=\"12\" width=\"18\" height=\"12\" rx=\"6\" transform=\"rotate(180 18 12)\" fill=\"%230066CC\"/>%0A<path d=\"M17 6C17 8.76142 14.7614 11 12 11C9.23858 11 7 8.76143 7 6C7 3.23858 9.23858 0.999999 12 0.999998C14.7614 0.999997 17 3.23857 17 6Z\" fill=\"white\"/>%0A</svg>%0A')}.ui-icon-checkbox-slider.visible.semivisible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"12\" viewBox=\"0 0 18 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect width=\"18\" height=\"12\" rx=\"6\" fill=\"%2303A9F4\"/>%0A<path d=\"M4 6C4 3.23858 6.23858 0.999998 9 0.999998C11.7614 0.999997 14 3.23857 14 6C14 8.76142 11.7614 11 9 11C6.23858 11 4 8.76143 4 6Z\" fill=\"white\"/>%0A</svg>%0A')}.ui-icon-checkbox-slider.invisible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"12\" viewBox=\"0 0 18 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect width=\"18\" height=\"12\" rx=\"6\" fill=\"%23D3D3D3\"/>%0A<path d=\"M1 6C1 3.23858 3.23858 1 6 0.999999C8.76142 0.999999 11 3.23857 11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76143 1 6Z\" fill=\"white\"/>%0A</svg>%0A');visibility:inherit!important}:host{--sidenav-drawer-content-offset: 0;background-color:transparent;color:var(--host-text-color-enabled);font-family:var(--font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);font-size:var(--font-size, 1.3rem);font-weight:400}.connection-designer-content-result{font-family:var(--font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;max-height:100%;min-height:0}.connection-designer-content-result>.button-row{display:flex;margin-top:.8rem;margin-bottom:.8rem;justify-content:flex-end;flex-grow:0;flex-shrink:0}.connection-designer-content-result>.title{padding-bottom:1rem;font-size:var(--title-font-size, 1.4rem);font-weight:var(--title-font-weight, 700);font-family:var(--title-font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);flex-grow:0;flex-shrink:0}.connection-designer-content-result>.description{padding-bottom:1rem;flex-grow:0;flex-shrink:0}.connection-designer-content-result lib-bimplus-scrollable-container{--expansion-panel-content-container-padding-left: var(--tree-node-indent, 1.6rem);display:flex;flex-direction:column;max-height:100%;min-height:0}lib-expansion-panel{--expansion-panel-content-container-padding-left: var(--tree-node-indent, 1.6rem)}lib-expansion-panel-header-actions{display:flex;flex-direction:row}lib-expansion-panel-header{max-width:100%;flex:1}.project-navigator-action-buttons{width:var(--tree-node-line-height, 2.4rem);height:var(--tree-node-line-height, 2.4rem);background-position:center center;background-repeat:no-repeat;cursor:pointer;background-size:var(--action-icon-size, 1.8rem) var(--action-icon-size, 1.8rem);margin-left:.4rem}.project-navigator-layer-node{line-height:var(--tree-node-line-height, 2.4rem);height:var(--tree-node-line-height, 2.4rem);padding-left:var(--tree-node-indent, 1.6rem);display:flex;flex-direction:row;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer}.project-navigator-layer-node-name{flex:1;min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-navigator-root-node{text-transform:var(--tree-root-node-text-transform, uppercase);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:var(--tree-node-line-height, 2.4rem);font-weight:var(--tree-root-node-font-weight, 700);font-size:var(--tree-root-node-font-size, 1.4rem);max-width:100%;width:100%}.project-navigator-model-node{font-size:var(--font-size, 1.3rem);font-weight:var(--font-weight, normal);font-family:var(--font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:var(--tree-node-line-height, 2.4rem);max-width:100%}.selected-node{color:var(--connection-designer-results-selected-note-text-color-enabled);font-weight:var(--flat-tree-selected-node-font-weight, 700)}lib-bimplus-text-message.success-message{--text-color: var(--connection-designer-results-text-message-text-color-success)}lib-bimplus-text-message.error-message{--text-color: var(--connection-designer-results-text-message-text-color-error)}\n"] }]
|
|
398
398
|
}], ctorParameters: () => [{ type: i1.TranslateService }, { type: BimplusConnectionDesignerService }], propDecorators: { errorMessage: [{
|
|
399
399
|
type: Input
|
|
400
400
|
}], doneClicked: [{
|
|
@@ -475,8 +475,8 @@ class BimplusConnectionDesignerComponent extends BimplusLocalizedWidgetComponent
|
|
|
475
475
|
get activeDesignCode() {
|
|
476
476
|
return this.currentDesignCode;
|
|
477
477
|
}
|
|
478
|
-
_updateButtonState(
|
|
479
|
-
const _button = this.config.find(btn => btn.id ===
|
|
478
|
+
_updateButtonState(buttonId, disabled) {
|
|
479
|
+
const _button = this.config.find(btn => btn.id === buttonId);
|
|
480
480
|
if (!_button) {
|
|
481
481
|
return;
|
|
482
482
|
}
|
|
@@ -501,7 +501,7 @@ class BimplusConnectionDesignerComponent extends BimplusLocalizedWidgetComponent
|
|
|
501
501
|
this.activeDesignCode = null;
|
|
502
502
|
}
|
|
503
503
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BimplusConnectionDesignerComponent, deps: [{ token: i1.TranslateService }, { token: BimplusConnectionDesignerService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
504
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: BimplusConnectionDesignerComponent, isStandalone: true, selector: "lib-bimplus-connection-designer", inputs: { designCodes: "designCodes", currentDesignCode: "currentDesignCode", calculationCanBeStarted: "calculationCanBeStarted" }, outputs: { designCodeChanged: "designCodeChanged", startCalculationClicked: "startCalculationClicked" }, providers: [TranslateService], usesInheritance: true, ngImport: i0, template: "<lib-bimplus-sidenav-drawer-content\n [header]=\"'_Connection_designer' | translate\"\n>\n <div class=\"connection-designer-content\">\n @if(connectionDesignerService.activeStep === 0) {\n <div class=\"cross-button\">\n <div class=\"cross\"\n (click)=\"resetDesignCode()\"\n (keypress)=\"resetDesignCode()\"\n >\n </div>\n </div>\n <div class=\"title\">\n {{ \"_Select_the_code\" | translate }}\n </div>\n <div class=\"description\">\n {{ \"_Activate_all_objects_to_make_a_connection\" | translate }}\n </div>\n <div class=\"note\">\n {{ \"_Activate_all_objects_note\" | translate }}\n </div>\n\n @if(designCodes.length > 0){\n <div class=\"design-codes\">\n <ng-select\n class=\"design-codes-dropdown\"\n [(ngModel)]=\"activeDesignCode\"\n [clearable]=\"false\"\n [searchable]=\"false\"\n [placeholder]=\"chooseCode | translate\"\n >\n <ng-option *ngFor=\"let code of designCodes\" [value]=\"code\">{{\n code.name\n }}</ng-option>\n </ng-select>\n </div>\n } @else {\n <div class=\"no-design-codes\">\n {{ \"_No_design_codes_defined\" | translate }}\n </div>\n }\n\n <lib-bimplus-buttons-row\n [items]=\"buttonRowItems\"\n (buttonClicked)=\"buttonClicked($event)\"\n ></lib-bimplus-buttons-row>\n\n } @else {\n <ng-content select=\"lib-bimplus-connection-designer-results\"></ng-content>\n }\n </div>\n</lib-bimplus-sidenav-drawer-content>\n", styles: ["@charset \"UTF-8\";.ng-select.ng-select-opened>.ng-select-container{background:var(--select-container-open-background-color-enabled);border-color:var(--select-container-open-border-color-enabled)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent var(--select-container-open-arrow-border-color-enabled);border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent var(--select-container-open-arrow-border-color-hovered)}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-disabled>.ng-select-container{background-color:var(--select-container-background-color-disabled)}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:var(--select-container-text-color-enabled);background-color:var(--select-container-background-color-enabled);border-radius:0;border:1px solid var(--select-container-border-color-enabled);min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 var(--select-container-box-shadow-color-hovered);background-color:var(--select-container-background-color-hovered)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:var(--select-container-placeholder-text-color-enabled)}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:var(--select-multiple-disabled-container-value-background-color-enabled);border:1px solid var(--select-multiple-disabled-container-value-border-color-enabled)}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:var(--select-multiple-container-value-text-color-enabled);background-color:var(--select-multiple-container-value-background-color-enabled);border-radius:2px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:var(--select-multiple-container-value-background-color-disabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:var(--select-multiple-container-value-icon-background-color-hovered)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled);border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:var(--select-multiple-container-value-input-text-color-enabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:var(--select-clear-wrapper-text-color-enabled)}.ng-select .ng-clear-wrapper:hover .ng-clear{color:var(--select-clear-wrapper-text-color-hovered)}.ng-select .ng-clear-wrapper:focus .ng-clear{color:var(--select-clear-wrapper-text-color-focused)}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:var(--select-arrow-wrapper-border-color-hovored)}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:var(--select-arrow-wrapper-border-color-enabled) transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:var(--dropdown-panel-background-color-enabled);border:1px solid var(--dropdown-panel-border-color-enabled);box-shadow:0 1px 0 var(--dropdown-panel-box-shadow-color-enabled);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-top-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-right-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-color:var(--dropdown-panel-select-bottom-border-color-enabled);margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-left-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid var(--dropdown-panel-header-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid var(--dropdown-panel-footer-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:var(--dropdown-panel-items-text-color-enabled);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected-background-color-enabled);font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:var(--dropdown-panel-items-option-background-color-enabled);color:var(--dropdown-panel-items-option-text-color-enabled);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected2-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected2-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled);color:var(--dropdown-panel-items-marked-text-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:var(--dropdown-panel-items-text-color-disabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}.primary-button{text-transform:uppercase;font: 700 1rem Source Sans Pro,Helvetica,Arial,tahoma,sans-serif;display:inline-block;margin-left:.8rem;height:2.4rem;white-space:nowrap;border-radius:.2rem;vertical-align:middle;font-size:1.2rem;border:solid .2rem var(--primary-button-border-color-enabled);color:var(--primary-button-text-color-enabled);background-color:var(--primary-button-background-color-enabled);cursor:pointer}.primary-button:hover{border:solid .2rem var(--primary-button-border-color-hovered);color:var(--primary-button-text-color-hovered);background-color:var(--primary-button-background-color-hovered);outline:0}.primary-button:focus{border:solid .2rem var(--primary-button-border-color-focused);color:var(--primary-button-text-color-focused);background-color:var(--primary-button-background-color-focused);outline:0}.primary-button:disabled,.primary-button:disabled:active,.primary-button.disabled{border:solid .2rem var(--primary-button-border-color-disabled);color:var(--primary-button-text-color-disabled);background-color:var(--primary-button-background-color-disabled);cursor:default}.primary-button:active{border:solid .2rem var(--primary-button-border-color-pressed);color:var(--primary-button-text-color-pressed);background-color:var(--primary-button-background-color-pressed);cursor:default}.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:var(--text-highlight-text-color-enabled)}.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}.ui-icon46px{padding:5.6rem 0 .3rem;width:6rem;margin:-.1rem .3rem .6rem .1rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-position:center 1rem;background-repeat:no-repeat;background-size:4.2rem 4.2rem;cursor:pointer}.ui-icon18px{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move}.left-menu-icon{height:4rem;width:4rem;background-size:2.2rem 2.2rem;line-height:2.2rem;margin:0;padding:0;border-width:0}.ui-icon-isolation-menu{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9 14.6129L4.2 12L1 13.6452L9 18L17 13.6452L13.8 12L9 14.6129Z\" fill=\"%238D8D8D\"/>%0A<path d=\"M9 9.6129L4.2 7L1 8.64517L9 13L17 8.64517L13.8 7L9 9.6129Z\" fill=\"white\"/>%0A<path d=\"M17 4L9 8L1 4L9 0L17 4Z\" fill=\"%238D8D8D\"/>%0A</svg>%0A')}.ui-icon-isolation-menu.collapsed{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9 14.6129L4.2 12L1 13.6452L9 18L17 13.6452L13.8 12L9 14.6129Z\" fill=\"%230066CC\"/>%0A<path d=\"M9 9.6129L4.2 7L1 8.64517L9 13L17 8.64517L13.8 7L9 9.6129Z\" fill=\"%23B4DAFF\"/>%0A<path d=\"M17 4L9 8L1 4L9 0L17 4Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-hide-menu{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.3478 2.19354L15.1543 1L12.3835 3.77079C11.3677 3.30213 10.2342 3 9 3C3.5 3 0 9 0 9C0 9 1.21963 11.0908 3.35034 12.804L1.23291 14.9214L2.42645 16.1149L16.3478 2.19354ZM4.65084 11.5035L6.15545 9.99885C6.04678 9.67772 5.99422 9.33982 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002C9.34031 5.99373 9.6782 6.04629 9.99933 6.15496L11.5035 4.65084C11.3162 4.54394 11.1217 4.44916 10.9211 4.36726C10.3116 4.11831 9.65843 3.99345 9 4C8.34157 3.99345 7.68845 4.11831 7.07886 4.36726C6.46928 4.61622 5.91547 4.98427 5.44987 5.44987C4.98427 5.91547 4.61622 6.46928 4.36726 7.07886C4.11831 7.68845 3.99345 8.34157 4 9C3.99345 9.65843 4.11831 10.3116 4.36726 10.9211C4.44916 11.1217 4.54394 11.3162 4.65084 11.5035Z\" fill=\"white\"/>%0A<path d=\"M13.5785 6.95113L15.0224 5.5072C16.922 7.152 18 9 18 9C18 9 14.5 15 9 15C7.95646 15 6.98492 14.784 6.09562 14.434L6.95113 13.5785C6.99342 13.5971 7.036 13.6152 7.07886 13.6327C7.68845 13.8817 8.34157 14.0065 9 14C9.65843 14.0065 10.3116 13.8817 10.9211 13.6327C11.5307 13.3838 12.0845 13.0157 12.5501 12.5501C13.0157 12.0845 13.3838 11.5307 13.6327 10.9211C13.8817 10.3116 14.0065 9.65843 14 9C14.0065 8.34157 13.8817 7.68845 13.6327 7.07886C13.6152 7.036 13.5971 6.99342 13.5785 6.95113Z\" fill=\"white\"/>%0A<path d=\"M9.0005 12C8.85126 12.0028 8.70238 11.9942 8.55512 11.9745L11.975 8.55464C11.9947 8.70189 12.0033 8.85077 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12Z\" fill=\"white\"/>%0A</svg>%0A')}.ui-icon-hide-menu.collapsed{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.3478 2.19354L15.1543 1L12.3835 3.77079C11.3677 3.30213 10.2342 3 9 3C3.5 3 0 9 0 9C0 9 1.21963 11.0908 3.35034 12.804L1.23291 14.9214L2.42645 16.1149L16.3478 2.19354ZM4.65084 11.5035L6.15545 9.99885C6.04678 9.67772 5.99422 9.33982 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002C9.34031 5.99373 9.6782 6.04629 9.99933 6.15496L11.5035 4.65084C11.3162 4.54394 11.1217 4.44916 10.9211 4.36726C10.3116 4.11831 9.65843 3.99345 9 4C8.34157 3.99345 7.68845 4.11831 7.07886 4.36726C6.46928 4.61622 5.91547 4.98427 5.44987 5.44987C4.98427 5.91547 4.61622 6.46928 4.36726 7.07886C4.11831 7.68845 3.99345 8.34157 4 9C3.99345 9.65843 4.11831 10.3116 4.36726 10.9211C4.44916 11.1217 4.54394 11.3162 4.65084 11.5035Z\" fill=\"%230066CC\"/>%0A<path d=\"M13.5785 6.95113L15.0224 5.5072C16.922 7.152 18 9 18 9C18 9 14.5 15 9 15C7.95646 15 6.98492 14.784 6.09562 14.434L6.95113 13.5785C6.99342 13.5971 7.036 13.6152 7.07886 13.6327C7.68845 13.8817 8.34157 14.0065 9 14C9.65843 14.0065 10.3116 13.8817 10.9211 13.6327C11.5307 13.3838 12.0845 13.0157 12.5501 12.5501C13.0157 12.0845 13.3838 11.5307 13.6327 10.9211C13.8817 10.3116 14.0065 9.65843 14 9C14.0065 8.34157 13.8817 7.68845 13.6327 7.07886C13.6152 7.036 13.5971 6.99342 13.5785 6.95113Z\" fill=\"%230066CC\"/>%0A<path d=\"M9.0005 12C8.85126 12.0028 8.70238 11.9942 8.55512 11.9745L11.975 8.55464C11.9947 8.70189 12.0033 8.85077 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-project-navigator{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"><path d=\"M0 20h6v-5H0v5zm14-5v5h6v-5h-6zM13 0H7v5h6V0zM4 12h12v2h2v-4h-7V6H9v4H2v4h2v-2z\" fill=\"%23fff\"/></svg>')}.ui-icon-project-navigator.collapsed{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<g clip-path=\"url(%23clip0_56_3219)\">%0A<path d=\"M0 20H6V15H0V20ZM14 15V20H20V15H14ZM13 0H7V5H13V0ZM4 12H16V14H18V10H11V6H9V10H2V14H4V12Z\" fill=\"%230066CC\"/>%0A</g>%0A<defs>%0A<clipPath id=\"clip0_56_3219\">%0A<rect width=\"20\" height=\"20\" fill=\"white\"/>%0A</clipPath>%0A</defs>%0A</svg>%0A')}.ui-icon-transparency{background-repeat:no-repeat;background-position:center center}.ui-icon-transparency.opaque{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M0 10.8998L9 5.7998L18 10.8998L9 15.9998L0 10.8998Z\" fill=\"%2387C1FF\"/>%0A<path d=\"M0 7.10001L9 2L18 7.10001L9 12.2L0 7.10001Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-transparency.opaque.semiopaque{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M0 10.9L9 5.80002L18 10.9L9 16L0 10.9Z\" fill=\"%23DEF0FF\"/>%0A<path d=\"M0 7.10001L9 2L18 7.10001L9 12.2L0 7.10001Z\" fill=\"%2387C1FF\"/>%0A</svg>%0A')}.ui-icon-transparency.transparent{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M0 10.9L9 5.80002L18 10.9L9 16L0 10.9Z\" fill=\"%23E1E5E8\"/>%0A<path d=\"M0 7.10001L9 2L18 7.10001L9 12.2L0 7.10001Z\" fill=\"%2384888C\"/>%0A</svg>%0A')}.ui-icon-visibility.visible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9.0005 6.00002C9.39649 5.99269 9.78988 6.06528 10.1572 6.21345C10.5245 6.36162 10.8581 6.58233 11.1381 6.86238C11.4182 7.14242 11.6389 7.47607 11.7871 7.84335C11.9352 8.21064 12.0078 8.60403 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12C8.60452 12.0073 8.21113 11.9348 7.84384 11.7866C7.47655 11.6384 7.14291 11.4177 6.86286 11.1377C6.58281 10.8576 6.36211 10.524 6.21394 10.1567C6.06577 9.78939 5.99318 9.396 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002Z\" fill=\"%230066CC\"/>%0A<path d=\"M9 3C3.5 3 0 9 0 9C0 9 3.5 15 9 15C14.5 15 18 9 18 9C18 9 14.5 3 9 3ZM9 14C8.34157 14.0065 7.68845 13.8817 7.07886 13.6327C6.46928 13.3838 5.91547 13.0157 5.44987 12.5501C4.98427 12.0845 4.61622 11.5307 4.36726 10.9211C4.11831 10.3116 3.99345 9.65843 4 9C3.99345 8.34157 4.11831 7.68845 4.36726 7.07886C4.61622 6.46928 4.98427 5.91547 5.44987 5.44987C5.91547 4.98427 6.46928 4.61622 7.07886 4.36726C7.68845 4.11831 8.34157 3.99345 9 4C9.65843 3.99345 10.3116 4.11831 10.9211 4.36726C11.5307 4.61622 12.0845 4.98427 12.5501 5.44987C13.0157 5.91547 13.3838 6.46928 13.6327 7.07886C13.8817 7.68845 14.0065 8.34157 14 9C14.0065 9.65843 13.8817 10.3116 13.6327 10.9211C13.3838 11.5307 13.0157 12.0845 12.5501 12.5501C12.0845 13.0157 11.5307 13.3838 10.9211 13.6327C10.3116 13.8817 9.65843 14.0065 9 14Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-visibility.visible.active{background-color:var(--ui-icon-visibility-background-color-active)}.ui-icon-visibility.visible.semivisible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9.0005 6.00002C9.39649 5.99269 9.78988 6.06528 10.1572 6.21345C10.5245 6.36162 10.8581 6.58233 11.1381 6.86238C11.4182 7.14242 11.6389 7.47607 11.7871 7.84335C11.9352 8.21064 12.0078 8.60403 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12C8.60452 12.0073 8.21113 11.9348 7.84384 11.7866C7.47655 11.6384 7.14291 11.4177 6.86286 11.1377C6.58281 10.8576 6.36211 10.524 6.21394 10.1567C6.06577 9.78939 5.99318 9.396 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002Z\" fill=\"%2387C1FF\"/>%0A<path d=\"M9 3C3.5 3 0 9 0 9C0 9 3.5 15 9 15C14.5 15 18 9 18 9C18 9 14.5 3 9 3ZM9 14C8.34157 14.0065 7.68845 13.8817 7.07886 13.6327C6.46928 13.3838 5.91547 13.0157 5.44987 12.5501C4.98427 12.0845 4.61622 11.5307 4.36726 10.9211C4.11831 10.3116 3.99345 9.65843 4 9C3.99345 8.34157 4.11831 7.68845 4.36726 7.07886C4.61622 6.46928 4.98427 5.91547 5.44987 5.44987C5.91547 4.98427 6.46928 4.61622 7.07886 4.36726C7.68845 4.11831 8.34157 3.99345 9 4C9.65843 3.99345 10.3116 4.11831 10.9211 4.36726C11.5307 4.61622 12.0845 4.98427 12.5501 5.44987C13.0157 5.91547 13.3838 6.46928 13.6327 7.07886C13.8817 7.68845 14.0065 8.34157 14 9C14.0065 9.65843 13.8817 10.3116 13.6327 10.9211C13.3838 11.5307 13.0157 12.0845 12.5501 12.5501C12.0845 13.0157 11.5307 13.3838 10.9211 13.6327C10.3116 13.8817 9.65843 14.0065 9 14Z\" fill=\"%2387C1FF\"/>%0A</svg>%0A')}.ui-icon-visibility.invisible{background-image:url('data:image/svg+xml,<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0\" y=\"0\" viewBox=\"0 0 18 18\" xml:space=\"preserve\"><style>.st0{fill:%23bababa}<\\/style><path class=\"st0\" d=\"M9 6c1.7 0 3 1.3 3 3s-1.3 3-3 3-3-1.3-3-3 1.3-3 3-3z\"/><path class=\"st0\" d=\"M9 3C3.5 3 0 9 0 9s3.5 6 9 6 9-6 9-6-3.5-6-9-6zm0 11c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5z\"/></svg>');visibility:inherit!important}.ui-icon-checkbox-slider.visible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"12\" viewBox=\"0 0 18 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect x=\"18\" y=\"12\" width=\"18\" height=\"12\" rx=\"6\" transform=\"rotate(180 18 12)\" fill=\"%230066CC\"/>%0A<path d=\"M17 6C17 8.76142 14.7614 11 12 11C9.23858 11 7 8.76143 7 6C7 3.23858 9.23858 0.999999 12 0.999998C14.7614 0.999997 17 3.23857 17 6Z\" fill=\"white\"/>%0A</svg>%0A')}.ui-icon-checkbox-slider.visible.semivisible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"12\" viewBox=\"0 0 18 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect width=\"18\" height=\"12\" rx=\"6\" fill=\"%2303A9F4\"/>%0A<path d=\"M4 6C4 3.23858 6.23858 0.999998 9 0.999998C11.7614 0.999997 14 3.23857 14 6C14 8.76142 11.7614 11 9 11C6.23858 11 4 8.76143 4 6Z\" fill=\"white\"/>%0A</svg>%0A')}.ui-icon-checkbox-slider.invisible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"12\" viewBox=\"0 0 18 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect width=\"18\" height=\"12\" rx=\"6\" fill=\"%23D3D3D3\"/>%0A<path d=\"M1 6C1 3.23858 3.23858 1 6 0.999999C8.76142 0.999999 11 3.23857 11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76143 1 6Z\" fill=\"white\"/>%0A</svg>%0A');visibility:inherit!important}:host{--sidenav-drawer-content-offset: 0;color:var(--host-text-color-enabled);font-family:var(--font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);font-size:var(--font-size, 1.3rem);font-weight:400}lib-bimplus-sidenav-drawer-content{display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;max-height:100%;min-height:0}.button-row{display:flex;margin-top:.8rem;margin-bottom:.8rem;justify-content:flex-end}.connection-designer-content{font-family:var(--font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);font-size:var(--font-size, 1.3rem);margin:1.4rem 2.2rem;display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;max-height:100%;min-height:0}.connection-designer-content>.button-row{display:flex;margin-top:.8rem;margin-bottom:.8rem;justify-content:flex-end}.connection-designer-content>.cross-button{display:none;flex-direction:row;justify-content:right;width:100%;height:1.6rem}.connection-designer-content>.cross-button>.cross{min-width:1.6rem;min-height:100%;background-image:url('data:image/svg+xml,<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0\" y=\"0\" width=\"18\" height=\"18\" xml:space=\"preserve\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"%23444\" d=\"M13.5 5.4L12.1 4 8.5 7.6 4.9 4 3.5 5.4 7.1 9l-3.6 3.6L4.9 14l3.6-3.6 3.6 3.6 1.4-1.4L9.9 9z\"/></svg>%0A');background-repeat:no-repeat;background-position:center center;background-size:cover;cursor:pointer}.connection-designer-content>.title{padding-bottom:1rem;font-size:var(--title-font-size, 1.4rem);font-weight:var(--title-font-weight, 700);font-family:var(--title-font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif)}.connection-designer-content>.description{padding-bottom:1rem}.connection-designer-content>.note{padding-bottom:1rem}.connection-designer-content>.design-codes{padding-bottom:1rem;margin-bottom:.1rem;height:2.4rem}.connection-designer-content>.design-codes>.design-codes-dropdown .ng-select-container{height:2.4rem;min-height:2.4rem}.connection-designer-content>.no-design-codes{display:block;width:100%;color:var(--connection-designer-content-no-design-codes-text-color-enabled);text-align:left;padding-bottom:.8rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i4.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick", "keyDownFn"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "component", type: i4.NgOptionComponent, selector: "ng-option", inputs: ["value", "disabled"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: BimplusSidenavDrawerContentComponent, selector: "lib-bimplus-sidenav-drawer-content", inputs: ["header", "isLoading", "loadingSpinnerText"] }, { kind: "component", type: BimplusButtonsRowComponent, selector: "lib-bimplus-buttons-row", inputs: ["items"], outputs: ["buttonClicked"] }], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
|
|
504
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: BimplusConnectionDesignerComponent, isStandalone: true, selector: "lib-bimplus-connection-designer", inputs: { designCodes: "designCodes", currentDesignCode: "currentDesignCode", calculationCanBeStarted: "calculationCanBeStarted" }, outputs: { designCodeChanged: "designCodeChanged", startCalculationClicked: "startCalculationClicked" }, providers: [TranslateService], usesInheritance: true, ngImport: i0, template: "<lib-bimplus-sidenav-drawer-content\n [header]=\"'_Connection_designer' | translate\"\n>\n <div class=\"connection-designer-content\">\n @if(connectionDesignerService.activeStep === 0) {\n <div class=\"cross-button\">\n <div class=\"cross\"\n (click)=\"resetDesignCode()\"\n (keypress)=\"resetDesignCode()\"\n >\n </div>\n </div>\n <div class=\"title\">\n {{ \"_Select_the_code\" | translate }}\n </div>\n <div class=\"description\">\n {{ \"_Activate_all_objects_to_make_a_connection\" | translate }}\n </div>\n <div class=\"note\">\n {{ \"_Activate_all_objects_note\" | translate }}\n </div>\n\n @if(designCodes.length > 0){\n <div class=\"design-codes\">\n <ng-select\n class=\"design-codes-dropdown\"\n [(ngModel)]=\"activeDesignCode\"\n [clearable]=\"false\"\n [searchable]=\"false\"\n [placeholder]=\"chooseCode | translate\"\n >\n <ng-option *ngFor=\"let code of designCodes\" [value]=\"code\">{{\n code.name\n }}</ng-option>\n </ng-select>\n </div>\n } @else {\n <div class=\"no-design-codes\">\n {{ \"_No_design_codes_defined\" | translate }}\n </div>\n }\n\n <lib-bimplus-buttons-row\n [items]=\"buttonRowItems\"\n (buttonClicked)=\"buttonClicked($event)\"\n ></lib-bimplus-buttons-row>\n\n } @else {\n <ng-content select=\"lib-bimplus-connection-designer-results\"></ng-content>\n }\n </div>\n</lib-bimplus-sidenav-drawer-content>\n", styles: ["@charset \"UTF-8\";.ng-select.ng-select-opened>.ng-select-container{background:var(--select-container-open-background-color-enabled);border-color:var(--select-container-open-border-color-enabled)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent var(--select-container-open-arrow-border-color-enabled);border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent var(--select-container-open-arrow-border-color-hovered)}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-disabled>.ng-select-container{background-color:var(--select-container-background-color-disabled)}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:var(--select-container-text-color-enabled);background-color:var(--select-container-background-color-enabled);border-radius:0;border:1px solid var(--select-container-border-color-enabled);min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 var(--select-container-box-shadow-color-hovered);background-color:var(--select-container-background-color-hovered)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:var(--select-container-placeholder-text-color-enabled)}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:var(--select-multiple-disabled-container-value-background-color-enabled);border:1px solid var(--select-multiple-disabled-container-value-border-color-enabled)}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:var(--select-multiple-container-value-text-color-enabled);background-color:var(--select-multiple-container-value-background-color-enabled);border-radius:2px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:var(--select-multiple-container-value-background-color-disabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:var(--select-multiple-container-value-icon-background-color-hovered)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled);border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:var(--select-multiple-container-value-input-text-color-enabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:var(--select-clear-wrapper-text-color-enabled)}.ng-select .ng-clear-wrapper:hover .ng-clear{color:var(--select-clear-wrapper-text-color-hovered)}.ng-select .ng-clear-wrapper:focus .ng-clear{color:var(--select-clear-wrapper-text-color-focused)}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:var(--select-arrow-wrapper-border-color-hovored)}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:var(--select-arrow-wrapper-border-color-enabled) transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:var(--dropdown-panel-background-color-enabled);border:1px solid var(--dropdown-panel-border-color-enabled);box-shadow:0 1px 0 var(--dropdown-panel-box-shadow-color-enabled);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-top-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-right-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-color:var(--dropdown-panel-select-bottom-border-color-enabled);margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-left-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid var(--dropdown-panel-header-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid var(--dropdown-panel-footer-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:var(--dropdown-panel-items-text-color-enabled);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected-background-color-enabled);font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:var(--dropdown-panel-items-option-background-color-enabled);color:var(--dropdown-panel-items-option-text-color-enabled);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected2-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected2-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled);color:var(--dropdown-panel-items-marked-text-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:var(--dropdown-panel-items-text-color-disabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}.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:var(--text-highlight-text-color-enabled)}.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}.ui-icon46px{padding:5.6rem 0 .3rem;width:6rem;margin:-.1rem .3rem .6rem .1rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-position:center 1rem;background-repeat:no-repeat;background-size:4.2rem 4.2rem;cursor:pointer}.ui-icon18px{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move}.left-menu-icon{height:4rem;width:4rem;background-size:2.2rem 2.2rem;line-height:2.2rem;margin:0;padding:0;border-width:0}.ui-icon-isolation-menu{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9 14.6129L4.2 12L1 13.6452L9 18L17 13.6452L13.8 12L9 14.6129Z\" fill=\"%238D8D8D\"/>%0A<path d=\"M9 9.6129L4.2 7L1 8.64517L9 13L17 8.64517L13.8 7L9 9.6129Z\" fill=\"white\"/>%0A<path d=\"M17 4L9 8L1 4L9 0L17 4Z\" fill=\"%238D8D8D\"/>%0A</svg>%0A')}.ui-icon-isolation-menu.collapsed{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9 14.6129L4.2 12L1 13.6452L9 18L17 13.6452L13.8 12L9 14.6129Z\" fill=\"%230066CC\"/>%0A<path d=\"M9 9.6129L4.2 7L1 8.64517L9 13L17 8.64517L13.8 7L9 9.6129Z\" fill=\"%23B4DAFF\"/>%0A<path d=\"M17 4L9 8L1 4L9 0L17 4Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-hide-menu{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.3478 2.19354L15.1543 1L12.3835 3.77079C11.3677 3.30213 10.2342 3 9 3C3.5 3 0 9 0 9C0 9 1.21963 11.0908 3.35034 12.804L1.23291 14.9214L2.42645 16.1149L16.3478 2.19354ZM4.65084 11.5035L6.15545 9.99885C6.04678 9.67772 5.99422 9.33982 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002C9.34031 5.99373 9.6782 6.04629 9.99933 6.15496L11.5035 4.65084C11.3162 4.54394 11.1217 4.44916 10.9211 4.36726C10.3116 4.11831 9.65843 3.99345 9 4C8.34157 3.99345 7.68845 4.11831 7.07886 4.36726C6.46928 4.61622 5.91547 4.98427 5.44987 5.44987C4.98427 5.91547 4.61622 6.46928 4.36726 7.07886C4.11831 7.68845 3.99345 8.34157 4 9C3.99345 9.65843 4.11831 10.3116 4.36726 10.9211C4.44916 11.1217 4.54394 11.3162 4.65084 11.5035Z\" fill=\"white\"/>%0A<path d=\"M13.5785 6.95113L15.0224 5.5072C16.922 7.152 18 9 18 9C18 9 14.5 15 9 15C7.95646 15 6.98492 14.784 6.09562 14.434L6.95113 13.5785C6.99342 13.5971 7.036 13.6152 7.07886 13.6327C7.68845 13.8817 8.34157 14.0065 9 14C9.65843 14.0065 10.3116 13.8817 10.9211 13.6327C11.5307 13.3838 12.0845 13.0157 12.5501 12.5501C13.0157 12.0845 13.3838 11.5307 13.6327 10.9211C13.8817 10.3116 14.0065 9.65843 14 9C14.0065 8.34157 13.8817 7.68845 13.6327 7.07886C13.6152 7.036 13.5971 6.99342 13.5785 6.95113Z\" fill=\"white\"/>%0A<path d=\"M9.0005 12C8.85126 12.0028 8.70238 11.9942 8.55512 11.9745L11.975 8.55464C11.9947 8.70189 12.0033 8.85077 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12Z\" fill=\"white\"/>%0A</svg>%0A')}.ui-icon-hide-menu.collapsed{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.3478 2.19354L15.1543 1L12.3835 3.77079C11.3677 3.30213 10.2342 3 9 3C3.5 3 0 9 0 9C0 9 1.21963 11.0908 3.35034 12.804L1.23291 14.9214L2.42645 16.1149L16.3478 2.19354ZM4.65084 11.5035L6.15545 9.99885C6.04678 9.67772 5.99422 9.33982 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002C9.34031 5.99373 9.6782 6.04629 9.99933 6.15496L11.5035 4.65084C11.3162 4.54394 11.1217 4.44916 10.9211 4.36726C10.3116 4.11831 9.65843 3.99345 9 4C8.34157 3.99345 7.68845 4.11831 7.07886 4.36726C6.46928 4.61622 5.91547 4.98427 5.44987 5.44987C4.98427 5.91547 4.61622 6.46928 4.36726 7.07886C4.11831 7.68845 3.99345 8.34157 4 9C3.99345 9.65843 4.11831 10.3116 4.36726 10.9211C4.44916 11.1217 4.54394 11.3162 4.65084 11.5035Z\" fill=\"%230066CC\"/>%0A<path d=\"M13.5785 6.95113L15.0224 5.5072C16.922 7.152 18 9 18 9C18 9 14.5 15 9 15C7.95646 15 6.98492 14.784 6.09562 14.434L6.95113 13.5785C6.99342 13.5971 7.036 13.6152 7.07886 13.6327C7.68845 13.8817 8.34157 14.0065 9 14C9.65843 14.0065 10.3116 13.8817 10.9211 13.6327C11.5307 13.3838 12.0845 13.0157 12.5501 12.5501C13.0157 12.0845 13.3838 11.5307 13.6327 10.9211C13.8817 10.3116 14.0065 9.65843 14 9C14.0065 8.34157 13.8817 7.68845 13.6327 7.07886C13.6152 7.036 13.5971 6.99342 13.5785 6.95113Z\" fill=\"%230066CC\"/>%0A<path d=\"M9.0005 12C8.85126 12.0028 8.70238 11.9942 8.55512 11.9745L11.975 8.55464C11.9947 8.70189 12.0033 8.85077 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-project-navigator{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"><path d=\"M0 20h6v-5H0v5zm14-5v5h6v-5h-6zM13 0H7v5h6V0zM4 12h12v2h2v-4h-7V6H9v4H2v4h2v-2z\" fill=\"%23fff\"/></svg>')}.ui-icon-project-navigator.collapsed{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<g clip-path=\"url(%23clip0_56_3219)\">%0A<path d=\"M0 20H6V15H0V20ZM14 15V20H20V15H14ZM13 0H7V5H13V0ZM4 12H16V14H18V10H11V6H9V10H2V14H4V12Z\" fill=\"%230066CC\"/>%0A</g>%0A<defs>%0A<clipPath id=\"clip0_56_3219\">%0A<rect width=\"20\" height=\"20\" fill=\"white\"/>%0A</clipPath>%0A</defs>%0A</svg>%0A')}.ui-icon-transparency{background-repeat:no-repeat;background-position:center center}.ui-icon-transparency.opaque{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M0 10.8998L9 5.7998L18 10.8998L9 15.9998L0 10.8998Z\" fill=\"%2387C1FF\"/>%0A<path d=\"M0 7.10001L9 2L18 7.10001L9 12.2L0 7.10001Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-transparency.opaque.semiopaque{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M0 10.9L9 5.80002L18 10.9L9 16L0 10.9Z\" fill=\"%23DEF0FF\"/>%0A<path d=\"M0 7.10001L9 2L18 7.10001L9 12.2L0 7.10001Z\" fill=\"%2387C1FF\"/>%0A</svg>%0A')}.ui-icon-transparency.transparent{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M0 10.9L9 5.80002L18 10.9L9 16L0 10.9Z\" fill=\"%23E1E5E8\"/>%0A<path d=\"M0 7.10001L9 2L18 7.10001L9 12.2L0 7.10001Z\" fill=\"%2384888C\"/>%0A</svg>%0A')}.ui-icon-visibility.visible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9.0005 6.00002C9.39649 5.99269 9.78988 6.06528 10.1572 6.21345C10.5245 6.36162 10.8581 6.58233 11.1381 6.86238C11.4182 7.14242 11.6389 7.47607 11.7871 7.84335C11.9352 8.21064 12.0078 8.60403 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12C8.60452 12.0073 8.21113 11.9348 7.84384 11.7866C7.47655 11.6384 7.14291 11.4177 6.86286 11.1377C6.58281 10.8576 6.36211 10.524 6.21394 10.1567C6.06577 9.78939 5.99318 9.396 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002Z\" fill=\"%230066CC\"/>%0A<path d=\"M9 3C3.5 3 0 9 0 9C0 9 3.5 15 9 15C14.5 15 18 9 18 9C18 9 14.5 3 9 3ZM9 14C8.34157 14.0065 7.68845 13.8817 7.07886 13.6327C6.46928 13.3838 5.91547 13.0157 5.44987 12.5501C4.98427 12.0845 4.61622 11.5307 4.36726 10.9211C4.11831 10.3116 3.99345 9.65843 4 9C3.99345 8.34157 4.11831 7.68845 4.36726 7.07886C4.61622 6.46928 4.98427 5.91547 5.44987 5.44987C5.91547 4.98427 6.46928 4.61622 7.07886 4.36726C7.68845 4.11831 8.34157 3.99345 9 4C9.65843 3.99345 10.3116 4.11831 10.9211 4.36726C11.5307 4.61622 12.0845 4.98427 12.5501 5.44987C13.0157 5.91547 13.3838 6.46928 13.6327 7.07886C13.8817 7.68845 14.0065 8.34157 14 9C14.0065 9.65843 13.8817 10.3116 13.6327 10.9211C13.3838 11.5307 13.0157 12.0845 12.5501 12.5501C12.0845 13.0157 11.5307 13.3838 10.9211 13.6327C10.3116 13.8817 9.65843 14.0065 9 14Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-visibility.visible.active{background-color:var(--ui-icon-visibility-background-color-active)}.ui-icon-visibility.visible.semivisible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9.0005 6.00002C9.39649 5.99269 9.78988 6.06528 10.1572 6.21345C10.5245 6.36162 10.8581 6.58233 11.1381 6.86238C11.4182 7.14242 11.6389 7.47607 11.7871 7.84335C11.9352 8.21064 12.0078 8.60403 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12C8.60452 12.0073 8.21113 11.9348 7.84384 11.7866C7.47655 11.6384 7.14291 11.4177 6.86286 11.1377C6.58281 10.8576 6.36211 10.524 6.21394 10.1567C6.06577 9.78939 5.99318 9.396 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002Z\" fill=\"%2387C1FF\"/>%0A<path d=\"M9 3C3.5 3 0 9 0 9C0 9 3.5 15 9 15C14.5 15 18 9 18 9C18 9 14.5 3 9 3ZM9 14C8.34157 14.0065 7.68845 13.8817 7.07886 13.6327C6.46928 13.3838 5.91547 13.0157 5.44987 12.5501C4.98427 12.0845 4.61622 11.5307 4.36726 10.9211C4.11831 10.3116 3.99345 9.65843 4 9C3.99345 8.34157 4.11831 7.68845 4.36726 7.07886C4.61622 6.46928 4.98427 5.91547 5.44987 5.44987C5.91547 4.98427 6.46928 4.61622 7.07886 4.36726C7.68845 4.11831 8.34157 3.99345 9 4C9.65843 3.99345 10.3116 4.11831 10.9211 4.36726C11.5307 4.61622 12.0845 4.98427 12.5501 5.44987C13.0157 5.91547 13.3838 6.46928 13.6327 7.07886C13.8817 7.68845 14.0065 8.34157 14 9C14.0065 9.65843 13.8817 10.3116 13.6327 10.9211C13.3838 11.5307 13.0157 12.0845 12.5501 12.5501C12.0845 13.0157 11.5307 13.3838 10.9211 13.6327C10.3116 13.8817 9.65843 14.0065 9 14Z\" fill=\"%2387C1FF\"/>%0A</svg>%0A')}.ui-icon-visibility.invisible{background-image:url('data:image/svg+xml,<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0\" y=\"0\" viewBox=\"0 0 18 18\" xml:space=\"preserve\"><style>.st0{fill:%23bababa}<\\/style><path class=\"st0\" d=\"M9 6c1.7 0 3 1.3 3 3s-1.3 3-3 3-3-1.3-3-3 1.3-3 3-3z\"/><path class=\"st0\" d=\"M9 3C3.5 3 0 9 0 9s3.5 6 9 6 9-6 9-6-3.5-6-9-6zm0 11c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5z\"/></svg>');visibility:inherit!important}.ui-icon-checkbox-slider.visible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"12\" viewBox=\"0 0 18 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect x=\"18\" y=\"12\" width=\"18\" height=\"12\" rx=\"6\" transform=\"rotate(180 18 12)\" fill=\"%230066CC\"/>%0A<path d=\"M17 6C17 8.76142 14.7614 11 12 11C9.23858 11 7 8.76143 7 6C7 3.23858 9.23858 0.999999 12 0.999998C14.7614 0.999997 17 3.23857 17 6Z\" fill=\"white\"/>%0A</svg>%0A')}.ui-icon-checkbox-slider.visible.semivisible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"12\" viewBox=\"0 0 18 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect width=\"18\" height=\"12\" rx=\"6\" fill=\"%2303A9F4\"/>%0A<path d=\"M4 6C4 3.23858 6.23858 0.999998 9 0.999998C11.7614 0.999997 14 3.23857 14 6C14 8.76142 11.7614 11 9 11C6.23858 11 4 8.76143 4 6Z\" fill=\"white\"/>%0A</svg>%0A')}.ui-icon-checkbox-slider.invisible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"12\" viewBox=\"0 0 18 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect width=\"18\" height=\"12\" rx=\"6\" fill=\"%23D3D3D3\"/>%0A<path d=\"M1 6C1 3.23858 3.23858 1 6 0.999999C8.76142 0.999999 11 3.23857 11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76143 1 6Z\" fill=\"white\"/>%0A</svg>%0A');visibility:inherit!important}:host{--sidenav-drawer-content-offset: 0;color:var(--host-text-color-enabled);font-family:var(--font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);font-size:var(--font-size, 1.3rem);font-weight:400}lib-bimplus-sidenav-drawer-content{display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;max-height:100%;min-height:0}.button-row{display:flex;margin-top:.8rem;margin-bottom:.8rem;justify-content:flex-end}.connection-designer-content{font-family:var(--font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);font-size:var(--font-size, 1.3rem);margin:1.4rem 2.2rem;display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;max-height:100%;min-height:0}.connection-designer-content>.button-row{display:flex;margin-top:.8rem;margin-bottom:.8rem;justify-content:flex-end}.connection-designer-content>.cross-button{display:none;flex-direction:row;justify-content:right;width:100%;height:1.6rem}.connection-designer-content>.cross-button>.cross{min-width:1.6rem;min-height:100%;background-image:url('data:image/svg+xml,<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0\" y=\"0\" width=\"18\" height=\"18\" xml:space=\"preserve\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"%23444\" d=\"M13.5 5.4L12.1 4 8.5 7.6 4.9 4 3.5 5.4 7.1 9l-3.6 3.6L4.9 14l3.6-3.6 3.6 3.6 1.4-1.4L9.9 9z\"/></svg>%0A');background-repeat:no-repeat;background-position:center center;background-size:cover;cursor:pointer}.connection-designer-content>.title{padding-bottom:1rem;font-size:var(--title-font-size, 1.4rem);font-weight:var(--title-font-weight, 700);font-family:var(--title-font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif)}.connection-designer-content>.description{padding-bottom:1rem}.connection-designer-content>.note{padding-bottom:1rem}.connection-designer-content>.design-codes{padding-bottom:1rem;margin-bottom:.1rem;height:2.4rem}.connection-designer-content>.design-codes>.design-codes-dropdown .ng-select-container{height:2.4rem;min-height:2.4rem}.connection-designer-content>.no-design-codes{display:block;width:100%;color:var(--connection-designer-content-no-design-codes-text-color-enabled);text-align:left;padding-bottom:.8rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i4.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick", "keyDownFn"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "component", type: i4.NgOptionComponent, selector: "ng-option", inputs: ["value", "disabled"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: BimplusSidenavDrawerContentComponent, selector: "lib-bimplus-sidenav-drawer-content", inputs: ["header", "isLoading", "loadingSpinnerText"] }, { kind: "component", type: BimplusButtonsRowComponent, selector: "lib-bimplus-buttons-row", inputs: ["items"], outputs: ["buttonClicked"] }], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
|
|
505
505
|
}
|
|
506
506
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BimplusConnectionDesignerComponent, decorators: [{
|
|
507
507
|
type: Component,
|
|
@@ -514,7 +514,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
|
|
|
514
514
|
BimplusConnectionDesignerResultsComponent,
|
|
515
515
|
BimplusButtonsRowComponent,
|
|
516
516
|
BimplusSidenavDrawerContentComponent
|
|
517
|
-
], providers: [TranslateService], encapsulation: ViewEncapsulation.ShadowDom, template: "<lib-bimplus-sidenav-drawer-content\n [header]=\"'_Connection_designer' | translate\"\n>\n <div class=\"connection-designer-content\">\n @if(connectionDesignerService.activeStep === 0) {\n <div class=\"cross-button\">\n <div class=\"cross\"\n (click)=\"resetDesignCode()\"\n (keypress)=\"resetDesignCode()\"\n >\n </div>\n </div>\n <div class=\"title\">\n {{ \"_Select_the_code\" | translate }}\n </div>\n <div class=\"description\">\n {{ \"_Activate_all_objects_to_make_a_connection\" | translate }}\n </div>\n <div class=\"note\">\n {{ \"_Activate_all_objects_note\" | translate }}\n </div>\n\n @if(designCodes.length > 0){\n <div class=\"design-codes\">\n <ng-select\n class=\"design-codes-dropdown\"\n [(ngModel)]=\"activeDesignCode\"\n [clearable]=\"false\"\n [searchable]=\"false\"\n [placeholder]=\"chooseCode | translate\"\n >\n <ng-option *ngFor=\"let code of designCodes\" [value]=\"code\">{{\n code.name\n }}</ng-option>\n </ng-select>\n </div>\n } @else {\n <div class=\"no-design-codes\">\n {{ \"_No_design_codes_defined\" | translate }}\n </div>\n }\n\n <lib-bimplus-buttons-row\n [items]=\"buttonRowItems\"\n (buttonClicked)=\"buttonClicked($event)\"\n ></lib-bimplus-buttons-row>\n\n } @else {\n <ng-content select=\"lib-bimplus-connection-designer-results\"></ng-content>\n }\n </div>\n</lib-bimplus-sidenav-drawer-content>\n", styles: ["@charset \"UTF-8\";.ng-select.ng-select-opened>.ng-select-container{background:var(--select-container-open-background-color-enabled);border-color:var(--select-container-open-border-color-enabled)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent var(--select-container-open-arrow-border-color-enabled);border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent var(--select-container-open-arrow-border-color-hovered)}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-disabled>.ng-select-container{background-color:var(--select-container-background-color-disabled)}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:var(--select-container-text-color-enabled);background-color:var(--select-container-background-color-enabled);border-radius:0;border:1px solid var(--select-container-border-color-enabled);min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 var(--select-container-box-shadow-color-hovered);background-color:var(--select-container-background-color-hovered)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:var(--select-container-placeholder-text-color-enabled)}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:var(--select-multiple-disabled-container-value-background-color-enabled);border:1px solid var(--select-multiple-disabled-container-value-border-color-enabled)}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:var(--select-multiple-container-value-text-color-enabled);background-color:var(--select-multiple-container-value-background-color-enabled);border-radius:2px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:var(--select-multiple-container-value-background-color-disabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:var(--select-multiple-container-value-icon-background-color-hovered)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled);border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:var(--select-multiple-container-value-input-text-color-enabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:var(--select-clear-wrapper-text-color-enabled)}.ng-select .ng-clear-wrapper:hover .ng-clear{color:var(--select-clear-wrapper-text-color-hovered)}.ng-select .ng-clear-wrapper:focus .ng-clear{color:var(--select-clear-wrapper-text-color-focused)}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:var(--select-arrow-wrapper-border-color-hovored)}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:var(--select-arrow-wrapper-border-color-enabled) transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:var(--dropdown-panel-background-color-enabled);border:1px solid var(--dropdown-panel-border-color-enabled);box-shadow:0 1px 0 var(--dropdown-panel-box-shadow-color-enabled);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-top-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-right-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-color:var(--dropdown-panel-select-bottom-border-color-enabled);margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-left-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid var(--dropdown-panel-header-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid var(--dropdown-panel-footer-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:var(--dropdown-panel-items-text-color-enabled);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected-background-color-enabled);font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:var(--dropdown-panel-items-option-background-color-enabled);color:var(--dropdown-panel-items-option-text-color-enabled);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected2-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected2-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled);color:var(--dropdown-panel-items-marked-text-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:var(--dropdown-panel-items-text-color-disabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}.primary-button{text-transform:uppercase;font: 700 1rem Source Sans Pro,Helvetica,Arial,tahoma,sans-serif;display:inline-block;margin-left:.8rem;height:2.4rem;white-space:nowrap;border-radius:.2rem;vertical-align:middle;font-size:1.2rem;border:solid .2rem var(--primary-button-border-color-enabled);color:var(--primary-button-text-color-enabled);background-color:var(--primary-button-background-color-enabled);cursor:pointer}.primary-button:hover{border:solid .2rem var(--primary-button-border-color-hovered);color:var(--primary-button-text-color-hovered);background-color:var(--primary-button-background-color-hovered);outline:0}.primary-button:focus{border:solid .2rem var(--primary-button-border-color-focused);color:var(--primary-button-text-color-focused);background-color:var(--primary-button-background-color-focused);outline:0}.primary-button:disabled,.primary-button:disabled:active,.primary-button.disabled{border:solid .2rem var(--primary-button-border-color-disabled);color:var(--primary-button-text-color-disabled);background-color:var(--primary-button-background-color-disabled);cursor:default}.primary-button:active{border:solid .2rem var(--primary-button-border-color-pressed);color:var(--primary-button-text-color-pressed);background-color:var(--primary-button-background-color-pressed);cursor:default}.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:var(--text-highlight-text-color-enabled)}.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}.ui-icon46px{padding:5.6rem 0 .3rem;width:6rem;margin:-.1rem .3rem .6rem .1rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-position:center 1rem;background-repeat:no-repeat;background-size:4.2rem 4.2rem;cursor:pointer}.ui-icon18px{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move}.left-menu-icon{height:4rem;width:4rem;background-size:2.2rem 2.2rem;line-height:2.2rem;margin:0;padding:0;border-width:0}.ui-icon-isolation-menu{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9 14.6129L4.2 12L1 13.6452L9 18L17 13.6452L13.8 12L9 14.6129Z\" fill=\"%238D8D8D\"/>%0A<path d=\"M9 9.6129L4.2 7L1 8.64517L9 13L17 8.64517L13.8 7L9 9.6129Z\" fill=\"white\"/>%0A<path d=\"M17 4L9 8L1 4L9 0L17 4Z\" fill=\"%238D8D8D\"/>%0A</svg>%0A')}.ui-icon-isolation-menu.collapsed{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9 14.6129L4.2 12L1 13.6452L9 18L17 13.6452L13.8 12L9 14.6129Z\" fill=\"%230066CC\"/>%0A<path d=\"M9 9.6129L4.2 7L1 8.64517L9 13L17 8.64517L13.8 7L9 9.6129Z\" fill=\"%23B4DAFF\"/>%0A<path d=\"M17 4L9 8L1 4L9 0L17 4Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-hide-menu{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.3478 2.19354L15.1543 1L12.3835 3.77079C11.3677 3.30213 10.2342 3 9 3C3.5 3 0 9 0 9C0 9 1.21963 11.0908 3.35034 12.804L1.23291 14.9214L2.42645 16.1149L16.3478 2.19354ZM4.65084 11.5035L6.15545 9.99885C6.04678 9.67772 5.99422 9.33982 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002C9.34031 5.99373 9.6782 6.04629 9.99933 6.15496L11.5035 4.65084C11.3162 4.54394 11.1217 4.44916 10.9211 4.36726C10.3116 4.11831 9.65843 3.99345 9 4C8.34157 3.99345 7.68845 4.11831 7.07886 4.36726C6.46928 4.61622 5.91547 4.98427 5.44987 5.44987C4.98427 5.91547 4.61622 6.46928 4.36726 7.07886C4.11831 7.68845 3.99345 8.34157 4 9C3.99345 9.65843 4.11831 10.3116 4.36726 10.9211C4.44916 11.1217 4.54394 11.3162 4.65084 11.5035Z\" fill=\"white\"/>%0A<path d=\"M13.5785 6.95113L15.0224 5.5072C16.922 7.152 18 9 18 9C18 9 14.5 15 9 15C7.95646 15 6.98492 14.784 6.09562 14.434L6.95113 13.5785C6.99342 13.5971 7.036 13.6152 7.07886 13.6327C7.68845 13.8817 8.34157 14.0065 9 14C9.65843 14.0065 10.3116 13.8817 10.9211 13.6327C11.5307 13.3838 12.0845 13.0157 12.5501 12.5501C13.0157 12.0845 13.3838 11.5307 13.6327 10.9211C13.8817 10.3116 14.0065 9.65843 14 9C14.0065 8.34157 13.8817 7.68845 13.6327 7.07886C13.6152 7.036 13.5971 6.99342 13.5785 6.95113Z\" fill=\"white\"/>%0A<path d=\"M9.0005 12C8.85126 12.0028 8.70238 11.9942 8.55512 11.9745L11.975 8.55464C11.9947 8.70189 12.0033 8.85077 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12Z\" fill=\"white\"/>%0A</svg>%0A')}.ui-icon-hide-menu.collapsed{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.3478 2.19354L15.1543 1L12.3835 3.77079C11.3677 3.30213 10.2342 3 9 3C3.5 3 0 9 0 9C0 9 1.21963 11.0908 3.35034 12.804L1.23291 14.9214L2.42645 16.1149L16.3478 2.19354ZM4.65084 11.5035L6.15545 9.99885C6.04678 9.67772 5.99422 9.33982 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002C9.34031 5.99373 9.6782 6.04629 9.99933 6.15496L11.5035 4.65084C11.3162 4.54394 11.1217 4.44916 10.9211 4.36726C10.3116 4.11831 9.65843 3.99345 9 4C8.34157 3.99345 7.68845 4.11831 7.07886 4.36726C6.46928 4.61622 5.91547 4.98427 5.44987 5.44987C4.98427 5.91547 4.61622 6.46928 4.36726 7.07886C4.11831 7.68845 3.99345 8.34157 4 9C3.99345 9.65843 4.11831 10.3116 4.36726 10.9211C4.44916 11.1217 4.54394 11.3162 4.65084 11.5035Z\" fill=\"%230066CC\"/>%0A<path d=\"M13.5785 6.95113L15.0224 5.5072C16.922 7.152 18 9 18 9C18 9 14.5 15 9 15C7.95646 15 6.98492 14.784 6.09562 14.434L6.95113 13.5785C6.99342 13.5971 7.036 13.6152 7.07886 13.6327C7.68845 13.8817 8.34157 14.0065 9 14C9.65843 14.0065 10.3116 13.8817 10.9211 13.6327C11.5307 13.3838 12.0845 13.0157 12.5501 12.5501C13.0157 12.0845 13.3838 11.5307 13.6327 10.9211C13.8817 10.3116 14.0065 9.65843 14 9C14.0065 8.34157 13.8817 7.68845 13.6327 7.07886C13.6152 7.036 13.5971 6.99342 13.5785 6.95113Z\" fill=\"%230066CC\"/>%0A<path d=\"M9.0005 12C8.85126 12.0028 8.70238 11.9942 8.55512 11.9745L11.975 8.55464C11.9947 8.70189 12.0033 8.85077 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-project-navigator{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"><path d=\"M0 20h6v-5H0v5zm14-5v5h6v-5h-6zM13 0H7v5h6V0zM4 12h12v2h2v-4h-7V6H9v4H2v4h2v-2z\" fill=\"%23fff\"/></svg>')}.ui-icon-project-navigator.collapsed{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<g clip-path=\"url(%23clip0_56_3219)\">%0A<path d=\"M0 20H6V15H0V20ZM14 15V20H20V15H14ZM13 0H7V5H13V0ZM4 12H16V14H18V10H11V6H9V10H2V14H4V12Z\" fill=\"%230066CC\"/>%0A</g>%0A<defs>%0A<clipPath id=\"clip0_56_3219\">%0A<rect width=\"20\" height=\"20\" fill=\"white\"/>%0A</clipPath>%0A</defs>%0A</svg>%0A')}.ui-icon-transparency{background-repeat:no-repeat;background-position:center center}.ui-icon-transparency.opaque{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M0 10.8998L9 5.7998L18 10.8998L9 15.9998L0 10.8998Z\" fill=\"%2387C1FF\"/>%0A<path d=\"M0 7.10001L9 2L18 7.10001L9 12.2L0 7.10001Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-transparency.opaque.semiopaque{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M0 10.9L9 5.80002L18 10.9L9 16L0 10.9Z\" fill=\"%23DEF0FF\"/>%0A<path d=\"M0 7.10001L9 2L18 7.10001L9 12.2L0 7.10001Z\" fill=\"%2387C1FF\"/>%0A</svg>%0A')}.ui-icon-transparency.transparent{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M0 10.9L9 5.80002L18 10.9L9 16L0 10.9Z\" fill=\"%23E1E5E8\"/>%0A<path d=\"M0 7.10001L9 2L18 7.10001L9 12.2L0 7.10001Z\" fill=\"%2384888C\"/>%0A</svg>%0A')}.ui-icon-visibility.visible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9.0005 6.00002C9.39649 5.99269 9.78988 6.06528 10.1572 6.21345C10.5245 6.36162 10.8581 6.58233 11.1381 6.86238C11.4182 7.14242 11.6389 7.47607 11.7871 7.84335C11.9352 8.21064 12.0078 8.60403 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12C8.60452 12.0073 8.21113 11.9348 7.84384 11.7866C7.47655 11.6384 7.14291 11.4177 6.86286 11.1377C6.58281 10.8576 6.36211 10.524 6.21394 10.1567C6.06577 9.78939 5.99318 9.396 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002Z\" fill=\"%230066CC\"/>%0A<path d=\"M9 3C3.5 3 0 9 0 9C0 9 3.5 15 9 15C14.5 15 18 9 18 9C18 9 14.5 3 9 3ZM9 14C8.34157 14.0065 7.68845 13.8817 7.07886 13.6327C6.46928 13.3838 5.91547 13.0157 5.44987 12.5501C4.98427 12.0845 4.61622 11.5307 4.36726 10.9211C4.11831 10.3116 3.99345 9.65843 4 9C3.99345 8.34157 4.11831 7.68845 4.36726 7.07886C4.61622 6.46928 4.98427 5.91547 5.44987 5.44987C5.91547 4.98427 6.46928 4.61622 7.07886 4.36726C7.68845 4.11831 8.34157 3.99345 9 4C9.65843 3.99345 10.3116 4.11831 10.9211 4.36726C11.5307 4.61622 12.0845 4.98427 12.5501 5.44987C13.0157 5.91547 13.3838 6.46928 13.6327 7.07886C13.8817 7.68845 14.0065 8.34157 14 9C14.0065 9.65843 13.8817 10.3116 13.6327 10.9211C13.3838 11.5307 13.0157 12.0845 12.5501 12.5501C12.0845 13.0157 11.5307 13.3838 10.9211 13.6327C10.3116 13.8817 9.65843 14.0065 9 14Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-visibility.visible.active{background-color:var(--ui-icon-visibility-background-color-active)}.ui-icon-visibility.visible.semivisible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9.0005 6.00002C9.39649 5.99269 9.78988 6.06528 10.1572 6.21345C10.5245 6.36162 10.8581 6.58233 11.1381 6.86238C11.4182 7.14242 11.6389 7.47607 11.7871 7.84335C11.9352 8.21064 12.0078 8.60403 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12C8.60452 12.0073 8.21113 11.9348 7.84384 11.7866C7.47655 11.6384 7.14291 11.4177 6.86286 11.1377C6.58281 10.8576 6.36211 10.524 6.21394 10.1567C6.06577 9.78939 5.99318 9.396 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002Z\" fill=\"%2387C1FF\"/>%0A<path d=\"M9 3C3.5 3 0 9 0 9C0 9 3.5 15 9 15C14.5 15 18 9 18 9C18 9 14.5 3 9 3ZM9 14C8.34157 14.0065 7.68845 13.8817 7.07886 13.6327C6.46928 13.3838 5.91547 13.0157 5.44987 12.5501C4.98427 12.0845 4.61622 11.5307 4.36726 10.9211C4.11831 10.3116 3.99345 9.65843 4 9C3.99345 8.34157 4.11831 7.68845 4.36726 7.07886C4.61622 6.46928 4.98427 5.91547 5.44987 5.44987C5.91547 4.98427 6.46928 4.61622 7.07886 4.36726C7.68845 4.11831 8.34157 3.99345 9 4C9.65843 3.99345 10.3116 4.11831 10.9211 4.36726C11.5307 4.61622 12.0845 4.98427 12.5501 5.44987C13.0157 5.91547 13.3838 6.46928 13.6327 7.07886C13.8817 7.68845 14.0065 8.34157 14 9C14.0065 9.65843 13.8817 10.3116 13.6327 10.9211C13.3838 11.5307 13.0157 12.0845 12.5501 12.5501C12.0845 13.0157 11.5307 13.3838 10.9211 13.6327C10.3116 13.8817 9.65843 14.0065 9 14Z\" fill=\"%2387C1FF\"/>%0A</svg>%0A')}.ui-icon-visibility.invisible{background-image:url('data:image/svg+xml,<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0\" y=\"0\" viewBox=\"0 0 18 18\" xml:space=\"preserve\"><style>.st0{fill:%23bababa}<\\/style><path class=\"st0\" d=\"M9 6c1.7 0 3 1.3 3 3s-1.3 3-3 3-3-1.3-3-3 1.3-3 3-3z\"/><path class=\"st0\" d=\"M9 3C3.5 3 0 9 0 9s3.5 6 9 6 9-6 9-6-3.5-6-9-6zm0 11c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5z\"/></svg>');visibility:inherit!important}.ui-icon-checkbox-slider.visible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"12\" viewBox=\"0 0 18 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect x=\"18\" y=\"12\" width=\"18\" height=\"12\" rx=\"6\" transform=\"rotate(180 18 12)\" fill=\"%230066CC\"/>%0A<path d=\"M17 6C17 8.76142 14.7614 11 12 11C9.23858 11 7 8.76143 7 6C7 3.23858 9.23858 0.999999 12 0.999998C14.7614 0.999997 17 3.23857 17 6Z\" fill=\"white\"/>%0A</svg>%0A')}.ui-icon-checkbox-slider.visible.semivisible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"12\" viewBox=\"0 0 18 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect width=\"18\" height=\"12\" rx=\"6\" fill=\"%2303A9F4\"/>%0A<path d=\"M4 6C4 3.23858 6.23858 0.999998 9 0.999998C11.7614 0.999997 14 3.23857 14 6C14 8.76142 11.7614 11 9 11C6.23858 11 4 8.76143 4 6Z\" fill=\"white\"/>%0A</svg>%0A')}.ui-icon-checkbox-slider.invisible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"12\" viewBox=\"0 0 18 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect width=\"18\" height=\"12\" rx=\"6\" fill=\"%23D3D3D3\"/>%0A<path d=\"M1 6C1 3.23858 3.23858 1 6 0.999999C8.76142 0.999999 11 3.23857 11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76143 1 6Z\" fill=\"white\"/>%0A</svg>%0A');visibility:inherit!important}:host{--sidenav-drawer-content-offset: 0;color:var(--host-text-color-enabled);font-family:var(--font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);font-size:var(--font-size, 1.3rem);font-weight:400}lib-bimplus-sidenav-drawer-content{display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;max-height:100%;min-height:0}.button-row{display:flex;margin-top:.8rem;margin-bottom:.8rem;justify-content:flex-end}.connection-designer-content{font-family:var(--font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);font-size:var(--font-size, 1.3rem);margin:1.4rem 2.2rem;display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;max-height:100%;min-height:0}.connection-designer-content>.button-row{display:flex;margin-top:.8rem;margin-bottom:.8rem;justify-content:flex-end}.connection-designer-content>.cross-button{display:none;flex-direction:row;justify-content:right;width:100%;height:1.6rem}.connection-designer-content>.cross-button>.cross{min-width:1.6rem;min-height:100%;background-image:url('data:image/svg+xml,<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0\" y=\"0\" width=\"18\" height=\"18\" xml:space=\"preserve\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"%23444\" d=\"M13.5 5.4L12.1 4 8.5 7.6 4.9 4 3.5 5.4 7.1 9l-3.6 3.6L4.9 14l3.6-3.6 3.6 3.6 1.4-1.4L9.9 9z\"/></svg>%0A');background-repeat:no-repeat;background-position:center center;background-size:cover;cursor:pointer}.connection-designer-content>.title{padding-bottom:1rem;font-size:var(--title-font-size, 1.4rem);font-weight:var(--title-font-weight, 700);font-family:var(--title-font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif)}.connection-designer-content>.description{padding-bottom:1rem}.connection-designer-content>.note{padding-bottom:1rem}.connection-designer-content>.design-codes{padding-bottom:1rem;margin-bottom:.1rem;height:2.4rem}.connection-designer-content>.design-codes>.design-codes-dropdown .ng-select-container{height:2.4rem;min-height:2.4rem}.connection-designer-content>.no-design-codes{display:block;width:100%;color:var(--connection-designer-content-no-design-codes-text-color-enabled);text-align:left;padding-bottom:.8rem}\n"] }]
|
|
517
|
+
], providers: [TranslateService], encapsulation: ViewEncapsulation.ShadowDom, template: "<lib-bimplus-sidenav-drawer-content\n [header]=\"'_Connection_designer' | translate\"\n>\n <div class=\"connection-designer-content\">\n @if(connectionDesignerService.activeStep === 0) {\n <div class=\"cross-button\">\n <div class=\"cross\"\n (click)=\"resetDesignCode()\"\n (keypress)=\"resetDesignCode()\"\n >\n </div>\n </div>\n <div class=\"title\">\n {{ \"_Select_the_code\" | translate }}\n </div>\n <div class=\"description\">\n {{ \"_Activate_all_objects_to_make_a_connection\" | translate }}\n </div>\n <div class=\"note\">\n {{ \"_Activate_all_objects_note\" | translate }}\n </div>\n\n @if(designCodes.length > 0){\n <div class=\"design-codes\">\n <ng-select\n class=\"design-codes-dropdown\"\n [(ngModel)]=\"activeDesignCode\"\n [clearable]=\"false\"\n [searchable]=\"false\"\n [placeholder]=\"chooseCode | translate\"\n >\n <ng-option *ngFor=\"let code of designCodes\" [value]=\"code\">{{\n code.name\n }}</ng-option>\n </ng-select>\n </div>\n } @else {\n <div class=\"no-design-codes\">\n {{ \"_No_design_codes_defined\" | translate }}\n </div>\n }\n\n <lib-bimplus-buttons-row\n [items]=\"buttonRowItems\"\n (buttonClicked)=\"buttonClicked($event)\"\n ></lib-bimplus-buttons-row>\n\n } @else {\n <ng-content select=\"lib-bimplus-connection-designer-results\"></ng-content>\n }\n </div>\n</lib-bimplus-sidenav-drawer-content>\n", styles: ["@charset \"UTF-8\";.ng-select.ng-select-opened>.ng-select-container{background:var(--select-container-open-background-color-enabled);border-color:var(--select-container-open-border-color-enabled)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent var(--select-container-open-arrow-border-color-enabled);border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent var(--select-container-open-arrow-border-color-hovered)}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-disabled>.ng-select-container{background-color:var(--select-container-background-color-disabled)}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:var(--select-container-text-color-enabled);background-color:var(--select-container-background-color-enabled);border-radius:0;border:1px solid var(--select-container-border-color-enabled);min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 var(--select-container-box-shadow-color-hovered);background-color:var(--select-container-background-color-hovered)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:var(--select-container-placeholder-text-color-enabled)}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:var(--select-multiple-disabled-container-value-background-color-enabled);border:1px solid var(--select-multiple-disabled-container-value-border-color-enabled)}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:var(--select-multiple-container-value-text-color-enabled);background-color:var(--select-multiple-container-value-background-color-enabled);border-radius:2px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:var(--select-multiple-container-value-background-color-disabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:var(--select-multiple-container-value-icon-background-color-hovered)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled);border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:var(--select-multiple-container-value-input-text-color-enabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:var(--select-clear-wrapper-text-color-enabled)}.ng-select .ng-clear-wrapper:hover .ng-clear{color:var(--select-clear-wrapper-text-color-hovered)}.ng-select .ng-clear-wrapper:focus .ng-clear{color:var(--select-clear-wrapper-text-color-focused)}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:var(--select-arrow-wrapper-border-color-hovored)}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:var(--select-arrow-wrapper-border-color-enabled) transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:var(--dropdown-panel-background-color-enabled);border:1px solid var(--dropdown-panel-border-color-enabled);box-shadow:0 1px 0 var(--dropdown-panel-box-shadow-color-enabled);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-top-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-right-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-color:var(--dropdown-panel-select-bottom-border-color-enabled);margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-left-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid var(--dropdown-panel-header-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid var(--dropdown-panel-footer-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:var(--dropdown-panel-items-text-color-enabled);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected-background-color-enabled);font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:var(--dropdown-panel-items-option-background-color-enabled);color:var(--dropdown-panel-items-option-text-color-enabled);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected2-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected2-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled);color:var(--dropdown-panel-items-marked-text-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:var(--dropdown-panel-items-text-color-disabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}.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:var(--text-highlight-text-color-enabled)}.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}.ui-icon46px{padding:5.6rem 0 .3rem;width:6rem;margin:-.1rem .3rem .6rem .1rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-position:center 1rem;background-repeat:no-repeat;background-size:4.2rem 4.2rem;cursor:pointer}.ui-icon18px{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move}.left-menu-icon{height:4rem;width:4rem;background-size:2.2rem 2.2rem;line-height:2.2rem;margin:0;padding:0;border-width:0}.ui-icon-isolation-menu{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9 14.6129L4.2 12L1 13.6452L9 18L17 13.6452L13.8 12L9 14.6129Z\" fill=\"%238D8D8D\"/>%0A<path d=\"M9 9.6129L4.2 7L1 8.64517L9 13L17 8.64517L13.8 7L9 9.6129Z\" fill=\"white\"/>%0A<path d=\"M17 4L9 8L1 4L9 0L17 4Z\" fill=\"%238D8D8D\"/>%0A</svg>%0A')}.ui-icon-isolation-menu.collapsed{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9 14.6129L4.2 12L1 13.6452L9 18L17 13.6452L13.8 12L9 14.6129Z\" fill=\"%230066CC\"/>%0A<path d=\"M9 9.6129L4.2 7L1 8.64517L9 13L17 8.64517L13.8 7L9 9.6129Z\" fill=\"%23B4DAFF\"/>%0A<path d=\"M17 4L9 8L1 4L9 0L17 4Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-hide-menu{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.3478 2.19354L15.1543 1L12.3835 3.77079C11.3677 3.30213 10.2342 3 9 3C3.5 3 0 9 0 9C0 9 1.21963 11.0908 3.35034 12.804L1.23291 14.9214L2.42645 16.1149L16.3478 2.19354ZM4.65084 11.5035L6.15545 9.99885C6.04678 9.67772 5.99422 9.33982 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002C9.34031 5.99373 9.6782 6.04629 9.99933 6.15496L11.5035 4.65084C11.3162 4.54394 11.1217 4.44916 10.9211 4.36726C10.3116 4.11831 9.65843 3.99345 9 4C8.34157 3.99345 7.68845 4.11831 7.07886 4.36726C6.46928 4.61622 5.91547 4.98427 5.44987 5.44987C4.98427 5.91547 4.61622 6.46928 4.36726 7.07886C4.11831 7.68845 3.99345 8.34157 4 9C3.99345 9.65843 4.11831 10.3116 4.36726 10.9211C4.44916 11.1217 4.54394 11.3162 4.65084 11.5035Z\" fill=\"white\"/>%0A<path d=\"M13.5785 6.95113L15.0224 5.5072C16.922 7.152 18 9 18 9C18 9 14.5 15 9 15C7.95646 15 6.98492 14.784 6.09562 14.434L6.95113 13.5785C6.99342 13.5971 7.036 13.6152 7.07886 13.6327C7.68845 13.8817 8.34157 14.0065 9 14C9.65843 14.0065 10.3116 13.8817 10.9211 13.6327C11.5307 13.3838 12.0845 13.0157 12.5501 12.5501C13.0157 12.0845 13.3838 11.5307 13.6327 10.9211C13.8817 10.3116 14.0065 9.65843 14 9C14.0065 8.34157 13.8817 7.68845 13.6327 7.07886C13.6152 7.036 13.5971 6.99342 13.5785 6.95113Z\" fill=\"white\"/>%0A<path d=\"M9.0005 12C8.85126 12.0028 8.70238 11.9942 8.55512 11.9745L11.975 8.55464C11.9947 8.70189 12.0033 8.85077 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12Z\" fill=\"white\"/>%0A</svg>%0A')}.ui-icon-hide-menu.collapsed{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.3478 2.19354L15.1543 1L12.3835 3.77079C11.3677 3.30213 10.2342 3 9 3C3.5 3 0 9 0 9C0 9 1.21963 11.0908 3.35034 12.804L1.23291 14.9214L2.42645 16.1149L16.3478 2.19354ZM4.65084 11.5035L6.15545 9.99885C6.04678 9.67772 5.99422 9.33982 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002C9.34031 5.99373 9.6782 6.04629 9.99933 6.15496L11.5035 4.65084C11.3162 4.54394 11.1217 4.44916 10.9211 4.36726C10.3116 4.11831 9.65843 3.99345 9 4C8.34157 3.99345 7.68845 4.11831 7.07886 4.36726C6.46928 4.61622 5.91547 4.98427 5.44987 5.44987C4.98427 5.91547 4.61622 6.46928 4.36726 7.07886C4.11831 7.68845 3.99345 8.34157 4 9C3.99345 9.65843 4.11831 10.3116 4.36726 10.9211C4.44916 11.1217 4.54394 11.3162 4.65084 11.5035Z\" fill=\"%230066CC\"/>%0A<path d=\"M13.5785 6.95113L15.0224 5.5072C16.922 7.152 18 9 18 9C18 9 14.5 15 9 15C7.95646 15 6.98492 14.784 6.09562 14.434L6.95113 13.5785C6.99342 13.5971 7.036 13.6152 7.07886 13.6327C7.68845 13.8817 8.34157 14.0065 9 14C9.65843 14.0065 10.3116 13.8817 10.9211 13.6327C11.5307 13.3838 12.0845 13.0157 12.5501 12.5501C13.0157 12.0845 13.3838 11.5307 13.6327 10.9211C13.8817 10.3116 14.0065 9.65843 14 9C14.0065 8.34157 13.8817 7.68845 13.6327 7.07886C13.6152 7.036 13.5971 6.99342 13.5785 6.95113Z\" fill=\"%230066CC\"/>%0A<path d=\"M9.0005 12C8.85126 12.0028 8.70238 11.9942 8.55512 11.9745L11.975 8.55464C11.9947 8.70189 12.0033 8.85077 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-project-navigator{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"><path d=\"M0 20h6v-5H0v5zm14-5v5h6v-5h-6zM13 0H7v5h6V0zM4 12h12v2h2v-4h-7V6H9v4H2v4h2v-2z\" fill=\"%23fff\"/></svg>')}.ui-icon-project-navigator.collapsed{width:2rem;color:var(--ui-icon-text-color-enabled);vertical-align:bottom;text-align:center;display:inline-block;background-repeat:no-repeat;background-size:2rem 2rem;cursor:move;cursor:pointer;width:4.2rem;background-image:url('data:image/svg+xml,<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<g clip-path=\"url(%23clip0_56_3219)\">%0A<path d=\"M0 20H6V15H0V20ZM14 15V20H20V15H14ZM13 0H7V5H13V0ZM4 12H16V14H18V10H11V6H9V10H2V14H4V12Z\" fill=\"%230066CC\"/>%0A</g>%0A<defs>%0A<clipPath id=\"clip0_56_3219\">%0A<rect width=\"20\" height=\"20\" fill=\"white\"/>%0A</clipPath>%0A</defs>%0A</svg>%0A')}.ui-icon-transparency{background-repeat:no-repeat;background-position:center center}.ui-icon-transparency.opaque{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M0 10.8998L9 5.7998L18 10.8998L9 15.9998L0 10.8998Z\" fill=\"%2387C1FF\"/>%0A<path d=\"M0 7.10001L9 2L18 7.10001L9 12.2L0 7.10001Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-transparency.opaque.semiopaque{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M0 10.9L9 5.80002L18 10.9L9 16L0 10.9Z\" fill=\"%23DEF0FF\"/>%0A<path d=\"M0 7.10001L9 2L18 7.10001L9 12.2L0 7.10001Z\" fill=\"%2387C1FF\"/>%0A</svg>%0A')}.ui-icon-transparency.transparent{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M0 10.9L9 5.80002L18 10.9L9 16L0 10.9Z\" fill=\"%23E1E5E8\"/>%0A<path d=\"M0 7.10001L9 2L18 7.10001L9 12.2L0 7.10001Z\" fill=\"%2384888C\"/>%0A</svg>%0A')}.ui-icon-visibility.visible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9.0005 6.00002C9.39649 5.99269 9.78988 6.06528 10.1572 6.21345C10.5245 6.36162 10.8581 6.58233 11.1381 6.86238C11.4182 7.14242 11.6389 7.47607 11.7871 7.84335C11.9352 8.21064 12.0078 8.60403 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12C8.60452 12.0073 8.21113 11.9348 7.84384 11.7866C7.47655 11.6384 7.14291 11.4177 6.86286 11.1377C6.58281 10.8576 6.36211 10.524 6.21394 10.1567C6.06577 9.78939 5.99318 9.396 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002Z\" fill=\"%230066CC\"/>%0A<path d=\"M9 3C3.5 3 0 9 0 9C0 9 3.5 15 9 15C14.5 15 18 9 18 9C18 9 14.5 3 9 3ZM9 14C8.34157 14.0065 7.68845 13.8817 7.07886 13.6327C6.46928 13.3838 5.91547 13.0157 5.44987 12.5501C4.98427 12.0845 4.61622 11.5307 4.36726 10.9211C4.11831 10.3116 3.99345 9.65843 4 9C3.99345 8.34157 4.11831 7.68845 4.36726 7.07886C4.61622 6.46928 4.98427 5.91547 5.44987 5.44987C5.91547 4.98427 6.46928 4.61622 7.07886 4.36726C7.68845 4.11831 8.34157 3.99345 9 4C9.65843 3.99345 10.3116 4.11831 10.9211 4.36726C11.5307 4.61622 12.0845 4.98427 12.5501 5.44987C13.0157 5.91547 13.3838 6.46928 13.6327 7.07886C13.8817 7.68845 14.0065 8.34157 14 9C14.0065 9.65843 13.8817 10.3116 13.6327 10.9211C13.3838 11.5307 13.0157 12.0845 12.5501 12.5501C12.0845 13.0157 11.5307 13.3838 10.9211 13.6327C10.3116 13.8817 9.65843 14.0065 9 14Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.ui-icon-visibility.visible.active{background-color:var(--ui-icon-visibility-background-color-active)}.ui-icon-visibility.visible.semivisible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M9.0005 6.00002C9.39649 5.99269 9.78988 6.06528 10.1572 6.21345C10.5245 6.36162 10.8581 6.58233 11.1381 6.86238C11.4182 7.14242 11.6389 7.47607 11.7871 7.84335C11.9352 8.21064 12.0078 8.60403 12.0005 9.00002C12.0078 9.396 11.9352 9.78939 11.7871 10.1567C11.6389 10.524 11.4182 10.8576 11.1381 11.1377C10.8581 11.4177 10.5245 11.6384 10.1572 11.7866C9.78988 11.9348 9.39649 12.0073 9.0005 12C8.60452 12.0073 8.21113 11.9348 7.84384 11.7866C7.47655 11.6384 7.14291 11.4177 6.86286 11.1377C6.58281 10.8576 6.36211 10.524 6.21394 10.1567C6.06577 9.78939 5.99318 9.396 6.0005 9.00002C5.99318 8.60403 6.06577 8.21064 6.21394 7.84335C6.36211 7.47607 6.58281 7.14242 6.86286 6.86238C7.14291 6.58233 7.47655 6.36162 7.84384 6.21345C8.21113 6.06528 8.60452 5.99269 9.0005 6.00002Z\" fill=\"%2387C1FF\"/>%0A<path d=\"M9 3C3.5 3 0 9 0 9C0 9 3.5 15 9 15C14.5 15 18 9 18 9C18 9 14.5 3 9 3ZM9 14C8.34157 14.0065 7.68845 13.8817 7.07886 13.6327C6.46928 13.3838 5.91547 13.0157 5.44987 12.5501C4.98427 12.0845 4.61622 11.5307 4.36726 10.9211C4.11831 10.3116 3.99345 9.65843 4 9C3.99345 8.34157 4.11831 7.68845 4.36726 7.07886C4.61622 6.46928 4.98427 5.91547 5.44987 5.44987C5.91547 4.98427 6.46928 4.61622 7.07886 4.36726C7.68845 4.11831 8.34157 3.99345 9 4C9.65843 3.99345 10.3116 4.11831 10.9211 4.36726C11.5307 4.61622 12.0845 4.98427 12.5501 5.44987C13.0157 5.91547 13.3838 6.46928 13.6327 7.07886C13.8817 7.68845 14.0065 8.34157 14 9C14.0065 9.65843 13.8817 10.3116 13.6327 10.9211C13.3838 11.5307 13.0157 12.0845 12.5501 12.5501C12.0845 13.0157 11.5307 13.3838 10.9211 13.6327C10.3116 13.8817 9.65843 14.0065 9 14Z\" fill=\"%2387C1FF\"/>%0A</svg>%0A')}.ui-icon-visibility.invisible{background-image:url('data:image/svg+xml,<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0\" y=\"0\" viewBox=\"0 0 18 18\" xml:space=\"preserve\"><style>.st0{fill:%23bababa}<\\/style><path class=\"st0\" d=\"M9 6c1.7 0 3 1.3 3 3s-1.3 3-3 3-3-1.3-3-3 1.3-3 3-3z\"/><path class=\"st0\" d=\"M9 3C3.5 3 0 9 0 9s3.5 6 9 6 9-6 9-6-3.5-6-9-6zm0 11c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5z\"/></svg>');visibility:inherit!important}.ui-icon-checkbox-slider.visible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"12\" viewBox=\"0 0 18 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect x=\"18\" y=\"12\" width=\"18\" height=\"12\" rx=\"6\" transform=\"rotate(180 18 12)\" fill=\"%230066CC\"/>%0A<path d=\"M17 6C17 8.76142 14.7614 11 12 11C9.23858 11 7 8.76143 7 6C7 3.23858 9.23858 0.999999 12 0.999998C14.7614 0.999997 17 3.23857 17 6Z\" fill=\"white\"/>%0A</svg>%0A')}.ui-icon-checkbox-slider.visible.semivisible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"12\" viewBox=\"0 0 18 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect width=\"18\" height=\"12\" rx=\"6\" fill=\"%2303A9F4\"/>%0A<path d=\"M4 6C4 3.23858 6.23858 0.999998 9 0.999998C11.7614 0.999997 14 3.23857 14 6C14 8.76142 11.7614 11 9 11C6.23858 11 4 8.76143 4 6Z\" fill=\"white\"/>%0A</svg>%0A')}.ui-icon-checkbox-slider.invisible{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"12\" viewBox=\"0 0 18 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect width=\"18\" height=\"12\" rx=\"6\" fill=\"%23D3D3D3\"/>%0A<path d=\"M1 6C1 3.23858 3.23858 1 6 0.999999C8.76142 0.999999 11 3.23857 11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76143 1 6Z\" fill=\"white\"/>%0A</svg>%0A');visibility:inherit!important}:host{--sidenav-drawer-content-offset: 0;color:var(--host-text-color-enabled);font-family:var(--font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);font-size:var(--font-size, 1.3rem);font-weight:400}lib-bimplus-sidenav-drawer-content{display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;max-height:100%;min-height:0}.button-row{display:flex;margin-top:.8rem;margin-bottom:.8rem;justify-content:flex-end}.connection-designer-content{font-family:var(--font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);font-size:var(--font-size, 1.3rem);margin:1.4rem 2.2rem;display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;max-height:100%;min-height:0}.connection-designer-content>.button-row{display:flex;margin-top:.8rem;margin-bottom:.8rem;justify-content:flex-end}.connection-designer-content>.cross-button{display:none;flex-direction:row;justify-content:right;width:100%;height:1.6rem}.connection-designer-content>.cross-button>.cross{min-width:1.6rem;min-height:100%;background-image:url('data:image/svg+xml,<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0\" y=\"0\" width=\"18\" height=\"18\" xml:space=\"preserve\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"%23444\" d=\"M13.5 5.4L12.1 4 8.5 7.6 4.9 4 3.5 5.4 7.1 9l-3.6 3.6L4.9 14l3.6-3.6 3.6 3.6 1.4-1.4L9.9 9z\"/></svg>%0A');background-repeat:no-repeat;background-position:center center;background-size:cover;cursor:pointer}.connection-designer-content>.title{padding-bottom:1rem;font-size:var(--title-font-size, 1.4rem);font-weight:var(--title-font-weight, 700);font-family:var(--title-font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif)}.connection-designer-content>.description{padding-bottom:1rem}.connection-designer-content>.note{padding-bottom:1rem}.connection-designer-content>.design-codes{padding-bottom:1rem;margin-bottom:.1rem;height:2.4rem}.connection-designer-content>.design-codes>.design-codes-dropdown .ng-select-container{height:2.4rem;min-height:2.4rem}.connection-designer-content>.no-design-codes{display:block;width:100%;color:var(--connection-designer-content-no-design-codes-text-color-enabled);text-align:left;padding-bottom:.8rem}\n"] }]
|
|
518
518
|
}], ctorParameters: () => [{ type: i1.TranslateService }, { type: BimplusConnectionDesignerService }], propDecorators: { designCodes: [{
|
|
519
519
|
type: Input
|
|
520
520
|
}], currentDesignCode: [{
|
|
@@ -4331,7 +4331,7 @@ class BimplusFlatTreeComponent {
|
|
|
4331
4331
|
return this._selectionList?.isSelected(node);
|
|
4332
4332
|
}
|
|
4333
4333
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BimplusFlatTreeComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4334
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: BimplusFlatTreeComponent, isStandalone: true, selector: "lib-bimplus-flat-tree", inputs: { treeDataStringified: "treeDataStringified", treeTitle: "treeTitle", paddingIndent: "paddingIndent", multiSelect: ["multiSelect", "multiSelect", booleanAttribute], oneLevelMultiSelect: ["oneLevelMultiSelect", "oneLevelMultiSelect", booleanAttribute], showFoldersIcons: ["showFoldersIcons", "showFoldersIcons", booleanAttribute], showObjectsIcons: ["showObjectsIcons", "showObjectsIcons", booleanAttribute], enableSelect: ["enableSelect", "enableSelect", booleanAttribute], enableParentHighlighting: ["enableParentHighlighting", "enableParentHighlighting", booleanAttribute], enableDragAndDrop: ["enableDragAndDrop", "enableDragAndDrop", booleanAttribute], dataTestPrefix: "dataTestPrefix", contextMenus: "contextMenus", treeData: "treeData", customNodeTemplate: "customNodeTemplate" }, outputs: { selectedNodes: "selectedNodes" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"tree-container\">\n <div *ngIf=\"treeTitle\" class=\"tree-title\">{{treeTitle}}</div>\n <cdk-tree [dataSource]=\"_dataSource\" [treeControl]=\"_treeControl\">\n <!-- This is the tree node template for leaf nodes -->\n <cdk-tree-node\n [matTreeNodePaddingIndent]=\"paddingIndent\"\n *matTreeNodeDef=\"let node\"\n matTreeNodePadding\n (click)=\"_toggleNode($event, node)\"\n (keypress)=\"_toggleNode($event, node)\"\n class=\"object-node\"\n [class.dragable-node]=\"enableDragAndDrop && node.level > 0\"\n [class.selected-node]=\"_isSelected(node)\"\n [attr.data-test]=\"dataTestPrefix + node.id\"\n [title]=\"node.name\"\n [attr.node-id]=\"node.id\"\n >\n <!-- use a disabled button to provide padding for tree leaf -->\n <button mat-icon-button disabled>\n </button>\n @if (customNodeTemplate && _isCustomNodeType(node)) {\n <ng-container \n [ngTemplateOutlet]=\"customNodeTemplate\" \n [ngTemplateOutletContext]=\"{node:node}\">\n </ng-container>\n }@else{\n <div class=\"icon object-icon\" *ngIf=\"showObjectsIcons\">\n </div>\n <span\n class=\"node-label\"\n [class.selected-node]=\"_isSelected(node)\"\n >\n <div class=\"custom-drag-placeholder\" *cdkDragPlaceholder></div>\n <div>\n {{node.name}}\n </div>\n </span>\n }\n <lib-bimplus-context-menu\n [items]=\"contextMenus?.objectContextMenuitems\"\n [data]=\"node\"\n *ngIf=\"contextMenus?.objectContextMenuitems?.length\"\n (triggerSelected)=\"_toggleNode($event, node)\"\n >\n </lib-bimplus-context-menu>\n </cdk-tree-node>\n <!-- This is the tree node template for expandable nodes -->\n <cdk-tree-node [matTreeNodePaddingIndent]=\"paddingIndent\"\n *matTreeNodeDef=\"let node;when: _isExpendable\"\n matTreeNodePadding\n (click)=\"_toggleNode($event, node)\"\n (keypress)=\"_toggleNode($event, node)\"\n class=\"folder-node\"\n [class.dragable-node]=\"enableDragAndDrop && node.level > 0\"\n [class.selected-node]=\"_isSelected(node)\"\n [attr.data-test]=\"dataTestPrefix + node.id\"\n [title]=\"node.name\"\n [attr.node-id]=\"node.id\"\n >\n <button\n mat-icon-button\n matTreeNodeToggle\n [attr.aria-label]=\"'Toggle ' + node.name\"\n >\n <div\n class=\"icon expand-collapse-icon\"\n [class.expand-more-icon]=\"_hasChildren(node) && !_treeControl.isExpanded(node)\"\n [class.collapse-icon]=\"_hasChildren(node) && _treeControl.isExpanded(node)\"\n >\n </div>\n </button>\n @if (customNodeTemplate && _isCustomNodeType(node)) {\n <ng-container \n [ngTemplateOutlet]=\"customNodeTemplate\" \n [ngTemplateOutletContext]=\"{node:node}\">\n </ng-container>\n }@else{\n <div class=\"icon folder-icon\" *ngIf=\"showFoldersIcons\">\n </div>\n <span class=\"node-label\"\n [class.selected-node]=\"_isSelected(node)\"\n [class.selected-all-descendants-nodes]=\"_descendantsAllSelected(node) && _isSelected(node) && enableParentHighlighting\"\n [class.selected-partially-descendants-nodes]=\"_descendantsPartiallySelected(node) && enableParentHighlighting\"\n >\n <div class=\"custom-drag-placeholder\" *cdkDragPlaceholder></div>\n <div class=\"node-label\">\n {{node.name}}\n </div>\n </span>\n }\n <lib-bimplus-context-menu\n [items]=\"contextMenus?.folderContextMenuitems\"\n [data]=\"node\"\n *ngIf=\"contextMenus?.folderContextMenuitems?.length\"\n (triggerSelected)=\"_toggleNode($event, node)\"\n >\n </lib-bimplus-context-menu>\n </cdk-tree-node>\n </cdk-tree>\n</div>\n", styles: [".text-selected{color:var(--text-highlight-text-color-enabled)}.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}.tree-container{background-color:var(--flat-tree-container-background-color-enabled);width:calc(100% - 2 * var(--flat-tree-node-indent, 1rem));padding:var(--flat-tree-node-indent, 1rem);font-family:var(--flat-tree-font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);font-size:var(--flat-tree-font-size, 1.3rem);font-weight:var(--flat-tree-font-weight, 700);color:var(--flat-tree-container-text-color-enabled)}.tree-container>.tree-title{background-color:transparent;font-size:var(--flat-tree-title-font-size, 1.6rem);margin-bottom:1rem}.cdk-tree{background-color:transparent;width:100%}.cdk-tree>.cdk-tree-node{--mat-icon-button-touch-target-display: none;background-color:transparent;display:flex;align-items:center;cursor:pointer;line-height:var(--flat-tree-node-line-height, 2.4rem)}.cdk-tree>.cdk-tree-node.folder-node{font-weight:var(--flat-tree-folder-font-weight, 700)}.cdk-tree>.cdk-tree-node.object-node{font-weight:var(--flat-tree-object-font-weight, 400)}.cdk-tree>.cdk-tree-node>span.node-label{overflow:hidden;flex:1}.cdk-tree>.cdk-tree-node>span.node-label>div.node-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-tree>.cdk-tree-node lib-bimplus-context-menu{--context-menu-trigger-width: 2.4rem;--context-menu-trigger-height: var(--flat-tree-node-line-height, 2.4rem);--context-menu-trigger-bkg-color: transparent;--context-menu-translate-x: 1rem}.cdk-tree>.cdk-tree-node:not(.selected-node):not(:hover) lib-bimplus-context-menu{display:none}.cdk-tree-node.dragable-node:hover{background-color:var(--flat-tree-draggable-node-background-color-hovered);background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect x=\"11\" y=\"2\" width=\"2\" height=\"2\" fill=\"%237B7B7B\"/>%0A<rect x=\"6\" y=\"2\" width=\"2\" height=\"2\" fill=\"%237B7B7B\"/>%0A<rect x=\"11\" y=\"8\" width=\"2\" height=\"2\" fill=\"%237B7B7B\"/>%0A<rect x=\"6\" y=\"8\" width=\"2\" height=\"2\" fill=\"%237B7B7B\"/>%0A<rect x=\"11\" y=\"14\" width=\"2\" height=\"2\" fill=\"%237B7B7B\"/>%0A<rect x=\"6\" y=\"14\" width=\"2\" height=\"2\" fill=\"%237B7B7B\"/>%0A</svg>%0A');background-repeat:no-repeat;background-size:var(--flat-tree-node-icon-size, 1.8rem);background-position:left center}.mat-mdc-icon-button{padding:.2rem;width:var(--flat-tree-node-line-height, 2.4rem);height:var(--flat-tree-node-line-height, 2.4rem)}.selected-node{color:var(--flat-tree-selected-node-text-color-enabled);font-weight:var(--flat-tree-selected-node-font-weight, 700)!important}.selected-all-descendants-nodes{color:var(--flat-tree-selected-node-text-color-enabled)}.selected-partially-descendants-nodes{color:var(--flat-tree-partially-selected-nodes-text-color-enabled)}.custom-drag-placeholder{height:0px}.icon{width:var(--flat-tree-node-icon-size, 1.8rem);height:var(--flat-tree-node-icon-size, 1.8rem);margin-right:.4rem;background-position:center;background-size:var(--flat-tree-node-icon-size, 1.8rem)}.icon.folder-icon{background:var(--flat-tree-folder-icon, url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"utf-8\"?>%0A<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->%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\"%0A%09 viewBox=\"0 0 20 20\" style=\"enable-background:new 0 0 20 20;\" xml:space=\"preserve\">%0A<style type=\"text/css\">%0A%09.st0{fill:%23444444;}%0A<\\/style>%0A<path class=\"st0\" d=\"M17,7V5V4V1h-6L8,3H0v16h2h15l3-12H17z M8,5h0.6l0.5-0.3L11.6,3H15v1v1v2H3l-1,4V5H8z M15.4,17H2.6l2-8H15h2%0A%09h0.4L15.4,17z\"/>%0A</svg>%0A') no-repeat);background-size:var(--flat-tree-folder-icon-size, 1.6rem);background-position:center}.icon.object-icon{background:var(--flat-tree-object-icon, url('data:image/svg+xml,<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M6 9H10V7H6V9Z\" fill=\"%2346494D\"/>%0A<path d=\"M6 4V6H14V4H6Z\" fill=\"%2346494D\"/>%0A<path d=\"M6 12H10V10H6V12Z\" fill=\"%2346494D\"/>%0A<path d=\"M17 1H3V19H13L17 15V1ZM13 15V17H5V3H15V15H13Z\" fill=\"%2346494D\"/>%0A</svg>%0A') no-repeat);background-size:var(--flat-tree-object-icon-size, 1.6rem);background-position:center}.icon.expand-collapse-icon.expand-more-icon{background:var(--flat-tree-node-expand-icon, url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M7.81235 5.64988C7.48497 5.38797 7 5.62106 7 6.04031L7 11.9597C7 12.3789 7.48497 12.612 7.81235 12.3501L11.512 9.39043C11.7622 9.19027 11.7622 8.80973 11.512 8.60957L7.81235 5.64988Z\" fill=\"%23ADADAD\"/>%0A</svg>%0A') no-repeat);background-size:var(--flat-tree-expand-collapse-icon-size, 1.8rem);background-position:center}.icon.expand-collapse-icon.collapse-icon{background:var(--flat-tree-node-collapse-icon, url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M12.3501 7.81235C12.612 7.48497 12.3789 7 11.9597 7H6.04031C5.62106 7 5.38797 7.48497 5.64988 7.81235L8.60957 11.512C8.80973 11.7622 9.19027 11.7622 9.39043 11.512L12.3501 7.81235Z\" fill=\"%23444444\"/>%0A</svg>%0A') no-repeat);background-size:var(--flat-tree-expand-collapse-icon-size, 1.8rem);background-position:center}\n"], dependencies: [{ kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i1$1.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i1$1.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "directive", type: i1$1.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: CdkTreeModule }, { kind: "component", type: i3$1.CdkTree, selector: "cdk-tree", inputs: ["dataSource", "treeControl", "levelAccessor", "childrenAccessor", "trackBy", "expansionKey"], exportAs: ["cdkTree"] }, { kind: "directive", type: i3$1.CdkTreeNode, selector: "cdk-tree-node", inputs: ["role", "isExpandable", "isExpanded", "isDisabled", "cdkTreeNodeTypeaheadLabel"], outputs: ["activation", "expandedChange"], exportAs: ["cdkTreeNode"] }, { kind: "component", type: BimplusContextMenuComponent, selector: "lib-bimplus-context-menu", inputs: ["showIcons", "triggerTitle", "items", "data"], outputs: ["triggerSelected"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
4334
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: BimplusFlatTreeComponent, isStandalone: true, selector: "lib-bimplus-flat-tree", inputs: { treeDataStringified: "treeDataStringified", treeTitle: "treeTitle", paddingIndent: "paddingIndent", multiSelect: ["multiSelect", "multiSelect", booleanAttribute], oneLevelMultiSelect: ["oneLevelMultiSelect", "oneLevelMultiSelect", booleanAttribute], showFoldersIcons: ["showFoldersIcons", "showFoldersIcons", booleanAttribute], showObjectsIcons: ["showObjectsIcons", "showObjectsIcons", booleanAttribute], enableSelect: ["enableSelect", "enableSelect", booleanAttribute], enableParentHighlighting: ["enableParentHighlighting", "enableParentHighlighting", booleanAttribute], enableDragAndDrop: ["enableDragAndDrop", "enableDragAndDrop", booleanAttribute], dataTestPrefix: "dataTestPrefix", contextMenus: "contextMenus", treeData: "treeData", customNodeTemplate: "customNodeTemplate" }, outputs: { selectedNodes: "selectedNodes" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"tree-container\">\n <div *ngIf=\"treeTitle\" class=\"tree-title\">{{treeTitle}}</div>\n <cdk-tree [dataSource]=\"_dataSource\" [treeControl]=\"_treeControl\">\n <!-- This is the tree node template for leaf nodes -->\n <cdk-tree-node\n [matTreeNodePaddingIndent]=\"paddingIndent\"\n *matTreeNodeDef=\"let node\"\n matTreeNodePadding\n (click)=\"_toggleNode($event, node)\"\n (keypress)=\"_toggleNode($event, node)\"\n class=\"object-node\"\n [class.dragable-node]=\"enableDragAndDrop && node.level > 0\"\n [class.selected-node]=\"_isSelected(node)\"\n [attr.data-test]=\"dataTestPrefix + node.id\"\n [title]=\"node.name\"\n [attr.node-id]=\"node.id\"\n >\n <!-- use a disabled button to provide padding for tree leaf -->\n <button mat-icon-button disabled>\n </button>\n @if (customNodeTemplate && _isCustomNodeType(node)) {\n <ng-container \n [ngTemplateOutlet]=\"customNodeTemplate\" \n [ngTemplateOutletContext]=\"{node:node}\">\n </ng-container>\n }@else{\n <div class=\"icon object-icon\" *ngIf=\"showObjectsIcons\">\n </div>\n <span\n class=\"node-label\"\n [class.selected-node]=\"_isSelected(node)\"\n >\n <div class=\"custom-drag-placeholder\" *cdkDragPlaceholder></div>\n <div>\n {{node.name}}\n </div>\n </span>\n }\n <lib-bimplus-context-menu\n [items]=\"contextMenus?.objectContextMenuitems\"\n [data]=\"node\"\n *ngIf=\"contextMenus?.objectContextMenuitems?.length\"\n (triggerSelected)=\"_toggleNode($event, node)\"\n >\n </lib-bimplus-context-menu>\n </cdk-tree-node>\n <!-- This is the tree node template for expandable nodes -->\n <cdk-tree-node [matTreeNodePaddingIndent]=\"paddingIndent\"\n *matTreeNodeDef=\"let node;when: _isExpendable\"\n matTreeNodePadding\n (click)=\"_toggleNode($event, node)\"\n (keypress)=\"_toggleNode($event, node)\"\n class=\"folder-node\"\n [class.dragable-node]=\"enableDragAndDrop && node.level > 0\"\n [class.selected-node]=\"_isSelected(node)\"\n [attr.data-test]=\"dataTestPrefix + node.id\"\n [title]=\"node.name\"\n [attr.node-id]=\"node.id\"\n >\n <button\n mat-icon-button\n matTreeNodeToggle\n [attr.aria-label]=\"'Toggle ' + node.name\"\n >\n <div\n class=\"icon expand-collapse-icon\"\n [class.expand-more-icon]=\"_hasChildren(node) && !_treeControl.isExpanded(node)\"\n [class.collapse-icon]=\"_hasChildren(node) && _treeControl.isExpanded(node)\"\n >\n </div>\n </button>\n @if (customNodeTemplate && _isCustomNodeType(node)) {\n <ng-container \n [ngTemplateOutlet]=\"customNodeTemplate\" \n [ngTemplateOutletContext]=\"{node:node}\">\n </ng-container>\n }@else{\n <div class=\"icon folder-icon\" *ngIf=\"showFoldersIcons\">\n </div>\n <span class=\"node-label\"\n [class.selected-node]=\"_isSelected(node)\"\n [class.selected-all-descendants-nodes]=\"_descendantsAllSelected(node) && _isSelected(node) && enableParentHighlighting\"\n [class.selected-partially-descendants-nodes]=\"_descendantsPartiallySelected(node) && enableParentHighlighting\"\n >\n <div class=\"custom-drag-placeholder\" *cdkDragPlaceholder></div>\n <div class=\"node-label\">\n {{node.name}}\n </div>\n </span>\n }\n <lib-bimplus-context-menu\n [items]=\"contextMenus?.folderContextMenuitems\"\n [data]=\"node\"\n *ngIf=\"contextMenus?.folderContextMenuitems?.length\"\n (triggerSelected)=\"_toggleNode($event, node)\"\n >\n </lib-bimplus-context-menu>\n </cdk-tree-node>\n </cdk-tree>\n</div>\n", styles: [".text-selected{color:var(--text-highlight-text-color-enabled)}.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}.tree-container{background-color:var(--flat-tree-background-color, var(--flat-tree-container-background-color-enabled));width:calc(100% - 2 * var(--flat-tree-node-indent, 1rem));padding:var(--flat-tree-node-indent, 1rem);font-family:var(--flat-tree-font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);font-size:var(--flat-tree-font-size, 1.3rem);font-weight:var(--flat-tree-font-weight, 700);color:var(--flat-tree-container-text-color-enabled)}.tree-container>.tree-title{background-color:transparent;font-size:var(--flat-tree-title-font-size, 1.6rem);margin-bottom:1rem}.cdk-tree{background-color:transparent;width:100%}.cdk-tree>.cdk-tree-node{--mat-icon-button-touch-target-display: none;background-color:transparent;display:flex;align-items:center;cursor:pointer;line-height:var(--flat-tree-node-line-height, 2.4rem)}.cdk-tree>.cdk-tree-node.folder-node{font-weight:var(--flat-tree-folder-font-weight, 700)}.cdk-tree>.cdk-tree-node.object-node{font-weight:var(--flat-tree-object-font-weight, 400)}.cdk-tree>.cdk-tree-node>span.node-label{overflow:hidden;flex:1}.cdk-tree>.cdk-tree-node>span.node-label>div.node-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-tree>.cdk-tree-node lib-bimplus-context-menu{--context-menu-trigger-width: 2.4rem;--context-menu-trigger-height: var(--flat-tree-node-line-height, 2.4rem);--context-menu-trigger-bkg-color: transparent;--context-menu-translate-x: 1rem}.cdk-tree>.cdk-tree-node:not(.selected-node):not(:hover) lib-bimplus-context-menu{display:none}.cdk-tree-node.dragable-node:hover{background-color:var(--flat-tree-draggable-node-background-color-hovered);background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect x=\"11\" y=\"2\" width=\"2\" height=\"2\" fill=\"%237B7B7B\"/>%0A<rect x=\"6\" y=\"2\" width=\"2\" height=\"2\" fill=\"%237B7B7B\"/>%0A<rect x=\"11\" y=\"8\" width=\"2\" height=\"2\" fill=\"%237B7B7B\"/>%0A<rect x=\"6\" y=\"8\" width=\"2\" height=\"2\" fill=\"%237B7B7B\"/>%0A<rect x=\"11\" y=\"14\" width=\"2\" height=\"2\" fill=\"%237B7B7B\"/>%0A<rect x=\"6\" y=\"14\" width=\"2\" height=\"2\" fill=\"%237B7B7B\"/>%0A</svg>%0A');background-repeat:no-repeat;background-size:var(--flat-tree-node-icon-size, 1.8rem);background-position:left center}.mat-mdc-icon-button{padding:.2rem;width:var(--flat-tree-node-line-height, 2.4rem);height:var(--flat-tree-node-line-height, 2.4rem)}.selected-node{color:var(--flat-tree-selected-node-text-color-enabled);font-weight:var(--flat-tree-selected-node-font-weight, 700)!important}.selected-all-descendants-nodes{color:var(--flat-tree-selected-node-text-color-enabled)}.selected-partially-descendants-nodes{color:var(--flat-tree-partially-selected-nodes-text-color-enabled)}.custom-drag-placeholder{height:0px}.icon{width:var(--flat-tree-node-icon-size, 1.8rem);height:var(--flat-tree-node-icon-size, 1.8rem);margin-right:.4rem;background-position:center;background-size:var(--flat-tree-node-icon-size, 1.8rem)}.icon.folder-icon{background:var(--flat-tree-folder-icon, url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"utf-8\"?>%0A<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->%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\"%0A%09 viewBox=\"0 0 20 20\" style=\"enable-background:new 0 0 20 20;\" xml:space=\"preserve\">%0A<style type=\"text/css\">%0A%09.st0{fill:%23444444;}%0A<\\/style>%0A<path class=\"st0\" d=\"M17,7V5V4V1h-6L8,3H0v16h2h15l3-12H17z M8,5h0.6l0.5-0.3L11.6,3H15v1v1v2H3l-1,4V5H8z M15.4,17H2.6l2-8H15h2%0A%09h0.4L15.4,17z\"/>%0A</svg>%0A') no-repeat);background-size:var(--flat-tree-folder-icon-size, 1.6rem);background-position:center}.icon.object-icon{background:var(--flat-tree-object-icon, url('data:image/svg+xml,<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M6 9H10V7H6V9Z\" fill=\"%2346494D\"/>%0A<path d=\"M6 4V6H14V4H6Z\" fill=\"%2346494D\"/>%0A<path d=\"M6 12H10V10H6V12Z\" fill=\"%2346494D\"/>%0A<path d=\"M17 1H3V19H13L17 15V1ZM13 15V17H5V3H15V15H13Z\" fill=\"%2346494D\"/>%0A</svg>%0A') no-repeat);background-size:var(--flat-tree-object-icon-size, 1.6rem);background-position:center}.icon.expand-collapse-icon.expand-more-icon{background:var(--flat-tree-node-expand-icon, url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M7.81235 5.64988C7.48497 5.38797 7 5.62106 7 6.04031L7 11.9597C7 12.3789 7.48497 12.612 7.81235 12.3501L11.512 9.39043C11.7622 9.19027 11.7622 8.80973 11.512 8.60957L7.81235 5.64988Z\" fill=\"%23ADADAD\"/>%0A</svg>%0A') no-repeat);background-size:var(--flat-tree-expand-collapse-icon-size, 1.8rem);background-position:center}.icon.expand-collapse-icon.collapse-icon{background:var(--flat-tree-node-collapse-icon, url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M12.3501 7.81235C12.612 7.48497 12.3789 7 11.9597 7H6.04031C5.62106 7 5.38797 7.48497 5.64988 7.81235L8.60957 11.512C8.80973 11.7622 9.19027 11.7622 9.39043 11.512L12.3501 7.81235Z\" fill=\"%23444444\"/>%0A</svg>%0A') no-repeat);background-size:var(--flat-tree-expand-collapse-icon-size, 1.8rem);background-position:center}\n"], dependencies: [{ kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i1$1.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i1$1.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "directive", type: i1$1.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: CdkTreeModule }, { kind: "component", type: i3$1.CdkTree, selector: "cdk-tree", inputs: ["dataSource", "treeControl", "levelAccessor", "childrenAccessor", "trackBy", "expansionKey"], exportAs: ["cdkTree"] }, { kind: "directive", type: i3$1.CdkTreeNode, selector: "cdk-tree-node", inputs: ["role", "isExpandable", "isExpanded", "isDisabled", "cdkTreeNodeTypeaheadLabel"], outputs: ["activation", "expandedChange"], exportAs: ["cdkTreeNode"] }, { kind: "component", type: BimplusContextMenuComponent, selector: "lib-bimplus-context-menu", inputs: ["showIcons", "triggerTitle", "items", "data"], outputs: ["triggerSelected"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
4335
4335
|
}
|
|
4336
4336
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BimplusFlatTreeComponent, decorators: [{
|
|
4337
4337
|
type: Component,
|
|
@@ -4341,7 +4341,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
|
|
|
4341
4341
|
CdkTreeModule,
|
|
4342
4342
|
BimplusContextMenuComponent,
|
|
4343
4343
|
CommonModule
|
|
4344
|
-
], template: "<div class=\"tree-container\">\n <div *ngIf=\"treeTitle\" class=\"tree-title\">{{treeTitle}}</div>\n <cdk-tree [dataSource]=\"_dataSource\" [treeControl]=\"_treeControl\">\n <!-- This is the tree node template for leaf nodes -->\n <cdk-tree-node\n [matTreeNodePaddingIndent]=\"paddingIndent\"\n *matTreeNodeDef=\"let node\"\n matTreeNodePadding\n (click)=\"_toggleNode($event, node)\"\n (keypress)=\"_toggleNode($event, node)\"\n class=\"object-node\"\n [class.dragable-node]=\"enableDragAndDrop && node.level > 0\"\n [class.selected-node]=\"_isSelected(node)\"\n [attr.data-test]=\"dataTestPrefix + node.id\"\n [title]=\"node.name\"\n [attr.node-id]=\"node.id\"\n >\n <!-- use a disabled button to provide padding for tree leaf -->\n <button mat-icon-button disabled>\n </button>\n @if (customNodeTemplate && _isCustomNodeType(node)) {\n <ng-container \n [ngTemplateOutlet]=\"customNodeTemplate\" \n [ngTemplateOutletContext]=\"{node:node}\">\n </ng-container>\n }@else{\n <div class=\"icon object-icon\" *ngIf=\"showObjectsIcons\">\n </div>\n <span\n class=\"node-label\"\n [class.selected-node]=\"_isSelected(node)\"\n >\n <div class=\"custom-drag-placeholder\" *cdkDragPlaceholder></div>\n <div>\n {{node.name}}\n </div>\n </span>\n }\n <lib-bimplus-context-menu\n [items]=\"contextMenus?.objectContextMenuitems\"\n [data]=\"node\"\n *ngIf=\"contextMenus?.objectContextMenuitems?.length\"\n (triggerSelected)=\"_toggleNode($event, node)\"\n >\n </lib-bimplus-context-menu>\n </cdk-tree-node>\n <!-- This is the tree node template for expandable nodes -->\n <cdk-tree-node [matTreeNodePaddingIndent]=\"paddingIndent\"\n *matTreeNodeDef=\"let node;when: _isExpendable\"\n matTreeNodePadding\n (click)=\"_toggleNode($event, node)\"\n (keypress)=\"_toggleNode($event, node)\"\n class=\"folder-node\"\n [class.dragable-node]=\"enableDragAndDrop && node.level > 0\"\n [class.selected-node]=\"_isSelected(node)\"\n [attr.data-test]=\"dataTestPrefix + node.id\"\n [title]=\"node.name\"\n [attr.node-id]=\"node.id\"\n >\n <button\n mat-icon-button\n matTreeNodeToggle\n [attr.aria-label]=\"'Toggle ' + node.name\"\n >\n <div\n class=\"icon expand-collapse-icon\"\n [class.expand-more-icon]=\"_hasChildren(node) && !_treeControl.isExpanded(node)\"\n [class.collapse-icon]=\"_hasChildren(node) && _treeControl.isExpanded(node)\"\n >\n </div>\n </button>\n @if (customNodeTemplate && _isCustomNodeType(node)) {\n <ng-container \n [ngTemplateOutlet]=\"customNodeTemplate\" \n [ngTemplateOutletContext]=\"{node:node}\">\n </ng-container>\n }@else{\n <div class=\"icon folder-icon\" *ngIf=\"showFoldersIcons\">\n </div>\n <span class=\"node-label\"\n [class.selected-node]=\"_isSelected(node)\"\n [class.selected-all-descendants-nodes]=\"_descendantsAllSelected(node) && _isSelected(node) && enableParentHighlighting\"\n [class.selected-partially-descendants-nodes]=\"_descendantsPartiallySelected(node) && enableParentHighlighting\"\n >\n <div class=\"custom-drag-placeholder\" *cdkDragPlaceholder></div>\n <div class=\"node-label\">\n {{node.name}}\n </div>\n </span>\n }\n <lib-bimplus-context-menu\n [items]=\"contextMenus?.folderContextMenuitems\"\n [data]=\"node\"\n *ngIf=\"contextMenus?.folderContextMenuitems?.length\"\n (triggerSelected)=\"_toggleNode($event, node)\"\n >\n </lib-bimplus-context-menu>\n </cdk-tree-node>\n </cdk-tree>\n</div>\n", styles: [".text-selected{color:var(--text-highlight-text-color-enabled)}.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}.tree-container{background-color:var(--flat-tree-container-background-color-enabled);width:calc(100% - 2 * var(--flat-tree-node-indent, 1rem));padding:var(--flat-tree-node-indent, 1rem);font-family:var(--flat-tree-font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);font-size:var(--flat-tree-font-size, 1.3rem);font-weight:var(--flat-tree-font-weight, 700);color:var(--flat-tree-container-text-color-enabled)}.tree-container>.tree-title{background-color:transparent;font-size:var(--flat-tree-title-font-size, 1.6rem);margin-bottom:1rem}.cdk-tree{background-color:transparent;width:100%}.cdk-tree>.cdk-tree-node{--mat-icon-button-touch-target-display: none;background-color:transparent;display:flex;align-items:center;cursor:pointer;line-height:var(--flat-tree-node-line-height, 2.4rem)}.cdk-tree>.cdk-tree-node.folder-node{font-weight:var(--flat-tree-folder-font-weight, 700)}.cdk-tree>.cdk-tree-node.object-node{font-weight:var(--flat-tree-object-font-weight, 400)}.cdk-tree>.cdk-tree-node>span.node-label{overflow:hidden;flex:1}.cdk-tree>.cdk-tree-node>span.node-label>div.node-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-tree>.cdk-tree-node lib-bimplus-context-menu{--context-menu-trigger-width: 2.4rem;--context-menu-trigger-height: var(--flat-tree-node-line-height, 2.4rem);--context-menu-trigger-bkg-color: transparent;--context-menu-translate-x: 1rem}.cdk-tree>.cdk-tree-node:not(.selected-node):not(:hover) lib-bimplus-context-menu{display:none}.cdk-tree-node.dragable-node:hover{background-color:var(--flat-tree-draggable-node-background-color-hovered);background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect x=\"11\" y=\"2\" width=\"2\" height=\"2\" fill=\"%237B7B7B\"/>%0A<rect x=\"6\" y=\"2\" width=\"2\" height=\"2\" fill=\"%237B7B7B\"/>%0A<rect x=\"11\" y=\"8\" width=\"2\" height=\"2\" fill=\"%237B7B7B\"/>%0A<rect x=\"6\" y=\"8\" width=\"2\" height=\"2\" fill=\"%237B7B7B\"/>%0A<rect x=\"11\" y=\"14\" width=\"2\" height=\"2\" fill=\"%237B7B7B\"/>%0A<rect x=\"6\" y=\"14\" width=\"2\" height=\"2\" fill=\"%237B7B7B\"/>%0A</svg>%0A');background-repeat:no-repeat;background-size:var(--flat-tree-node-icon-size, 1.8rem);background-position:left center}.mat-mdc-icon-button{padding:.2rem;width:var(--flat-tree-node-line-height, 2.4rem);height:var(--flat-tree-node-line-height, 2.4rem)}.selected-node{color:var(--flat-tree-selected-node-text-color-enabled);font-weight:var(--flat-tree-selected-node-font-weight, 700)!important}.selected-all-descendants-nodes{color:var(--flat-tree-selected-node-text-color-enabled)}.selected-partially-descendants-nodes{color:var(--flat-tree-partially-selected-nodes-text-color-enabled)}.custom-drag-placeholder{height:0px}.icon{width:var(--flat-tree-node-icon-size, 1.8rem);height:var(--flat-tree-node-icon-size, 1.8rem);margin-right:.4rem;background-position:center;background-size:var(--flat-tree-node-icon-size, 1.8rem)}.icon.folder-icon{background:var(--flat-tree-folder-icon, url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"utf-8\"?>%0A<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->%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\"%0A%09 viewBox=\"0 0 20 20\" style=\"enable-background:new 0 0 20 20;\" xml:space=\"preserve\">%0A<style type=\"text/css\">%0A%09.st0{fill:%23444444;}%0A<\\/style>%0A<path class=\"st0\" d=\"M17,7V5V4V1h-6L8,3H0v16h2h15l3-12H17z M8,5h0.6l0.5-0.3L11.6,3H15v1v1v2H3l-1,4V5H8z M15.4,17H2.6l2-8H15h2%0A%09h0.4L15.4,17z\"/>%0A</svg>%0A') no-repeat);background-size:var(--flat-tree-folder-icon-size, 1.6rem);background-position:center}.icon.object-icon{background:var(--flat-tree-object-icon, url('data:image/svg+xml,<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M6 9H10V7H6V9Z\" fill=\"%2346494D\"/>%0A<path d=\"M6 4V6H14V4H6Z\" fill=\"%2346494D\"/>%0A<path d=\"M6 12H10V10H6V12Z\" fill=\"%2346494D\"/>%0A<path d=\"M17 1H3V19H13L17 15V1ZM13 15V17H5V3H15V15H13Z\" fill=\"%2346494D\"/>%0A</svg>%0A') no-repeat);background-size:var(--flat-tree-object-icon-size, 1.6rem);background-position:center}.icon.expand-collapse-icon.expand-more-icon{background:var(--flat-tree-node-expand-icon, url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M7.81235 5.64988C7.48497 5.38797 7 5.62106 7 6.04031L7 11.9597C7 12.3789 7.48497 12.612 7.81235 12.3501L11.512 9.39043C11.7622 9.19027 11.7622 8.80973 11.512 8.60957L7.81235 5.64988Z\" fill=\"%23ADADAD\"/>%0A</svg>%0A') no-repeat);background-size:var(--flat-tree-expand-collapse-icon-size, 1.8rem);background-position:center}.icon.expand-collapse-icon.collapse-icon{background:var(--flat-tree-node-collapse-icon, url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M12.3501 7.81235C12.612 7.48497 12.3789 7 11.9597 7H6.04031C5.62106 7 5.38797 7.48497 5.64988 7.81235L8.60957 11.512C8.80973 11.7622 9.19027 11.7622 9.39043 11.512L12.3501 7.81235Z\" fill=\"%23444444\"/>%0A</svg>%0A') no-repeat);background-size:var(--flat-tree-expand-collapse-icon-size, 1.8rem);background-position:center}\n"] }]
|
|
4344
|
+
], template: "<div class=\"tree-container\">\n <div *ngIf=\"treeTitle\" class=\"tree-title\">{{treeTitle}}</div>\n <cdk-tree [dataSource]=\"_dataSource\" [treeControl]=\"_treeControl\">\n <!-- This is the tree node template for leaf nodes -->\n <cdk-tree-node\n [matTreeNodePaddingIndent]=\"paddingIndent\"\n *matTreeNodeDef=\"let node\"\n matTreeNodePadding\n (click)=\"_toggleNode($event, node)\"\n (keypress)=\"_toggleNode($event, node)\"\n class=\"object-node\"\n [class.dragable-node]=\"enableDragAndDrop && node.level > 0\"\n [class.selected-node]=\"_isSelected(node)\"\n [attr.data-test]=\"dataTestPrefix + node.id\"\n [title]=\"node.name\"\n [attr.node-id]=\"node.id\"\n >\n <!-- use a disabled button to provide padding for tree leaf -->\n <button mat-icon-button disabled>\n </button>\n @if (customNodeTemplate && _isCustomNodeType(node)) {\n <ng-container \n [ngTemplateOutlet]=\"customNodeTemplate\" \n [ngTemplateOutletContext]=\"{node:node}\">\n </ng-container>\n }@else{\n <div class=\"icon object-icon\" *ngIf=\"showObjectsIcons\">\n </div>\n <span\n class=\"node-label\"\n [class.selected-node]=\"_isSelected(node)\"\n >\n <div class=\"custom-drag-placeholder\" *cdkDragPlaceholder></div>\n <div>\n {{node.name}}\n </div>\n </span>\n }\n <lib-bimplus-context-menu\n [items]=\"contextMenus?.objectContextMenuitems\"\n [data]=\"node\"\n *ngIf=\"contextMenus?.objectContextMenuitems?.length\"\n (triggerSelected)=\"_toggleNode($event, node)\"\n >\n </lib-bimplus-context-menu>\n </cdk-tree-node>\n <!-- This is the tree node template for expandable nodes -->\n <cdk-tree-node [matTreeNodePaddingIndent]=\"paddingIndent\"\n *matTreeNodeDef=\"let node;when: _isExpendable\"\n matTreeNodePadding\n (click)=\"_toggleNode($event, node)\"\n (keypress)=\"_toggleNode($event, node)\"\n class=\"folder-node\"\n [class.dragable-node]=\"enableDragAndDrop && node.level > 0\"\n [class.selected-node]=\"_isSelected(node)\"\n [attr.data-test]=\"dataTestPrefix + node.id\"\n [title]=\"node.name\"\n [attr.node-id]=\"node.id\"\n >\n <button\n mat-icon-button\n matTreeNodeToggle\n [attr.aria-label]=\"'Toggle ' + node.name\"\n >\n <div\n class=\"icon expand-collapse-icon\"\n [class.expand-more-icon]=\"_hasChildren(node) && !_treeControl.isExpanded(node)\"\n [class.collapse-icon]=\"_hasChildren(node) && _treeControl.isExpanded(node)\"\n >\n </div>\n </button>\n @if (customNodeTemplate && _isCustomNodeType(node)) {\n <ng-container \n [ngTemplateOutlet]=\"customNodeTemplate\" \n [ngTemplateOutletContext]=\"{node:node}\">\n </ng-container>\n }@else{\n <div class=\"icon folder-icon\" *ngIf=\"showFoldersIcons\">\n </div>\n <span class=\"node-label\"\n [class.selected-node]=\"_isSelected(node)\"\n [class.selected-all-descendants-nodes]=\"_descendantsAllSelected(node) && _isSelected(node) && enableParentHighlighting\"\n [class.selected-partially-descendants-nodes]=\"_descendantsPartiallySelected(node) && enableParentHighlighting\"\n >\n <div class=\"custom-drag-placeholder\" *cdkDragPlaceholder></div>\n <div class=\"node-label\">\n {{node.name}}\n </div>\n </span>\n }\n <lib-bimplus-context-menu\n [items]=\"contextMenus?.folderContextMenuitems\"\n [data]=\"node\"\n *ngIf=\"contextMenus?.folderContextMenuitems?.length\"\n (triggerSelected)=\"_toggleNode($event, node)\"\n >\n </lib-bimplus-context-menu>\n </cdk-tree-node>\n </cdk-tree>\n</div>\n", styles: [".text-selected{color:var(--text-highlight-text-color-enabled)}.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}.tree-container{background-color:var(--flat-tree-background-color, var(--flat-tree-container-background-color-enabled));width:calc(100% - 2 * var(--flat-tree-node-indent, 1rem));padding:var(--flat-tree-node-indent, 1rem);font-family:var(--flat-tree-font-family, \"Source Sans Pro\", Helvetica, Arial, tahoma, sans-serif);font-size:var(--flat-tree-font-size, 1.3rem);font-weight:var(--flat-tree-font-weight, 700);color:var(--flat-tree-container-text-color-enabled)}.tree-container>.tree-title{background-color:transparent;font-size:var(--flat-tree-title-font-size, 1.6rem);margin-bottom:1rem}.cdk-tree{background-color:transparent;width:100%}.cdk-tree>.cdk-tree-node{--mat-icon-button-touch-target-display: none;background-color:transparent;display:flex;align-items:center;cursor:pointer;line-height:var(--flat-tree-node-line-height, 2.4rem)}.cdk-tree>.cdk-tree-node.folder-node{font-weight:var(--flat-tree-folder-font-weight, 700)}.cdk-tree>.cdk-tree-node.object-node{font-weight:var(--flat-tree-object-font-weight, 400)}.cdk-tree>.cdk-tree-node>span.node-label{overflow:hidden;flex:1}.cdk-tree>.cdk-tree-node>span.node-label>div.node-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-tree>.cdk-tree-node lib-bimplus-context-menu{--context-menu-trigger-width: 2.4rem;--context-menu-trigger-height: var(--flat-tree-node-line-height, 2.4rem);--context-menu-trigger-bkg-color: transparent;--context-menu-translate-x: 1rem}.cdk-tree>.cdk-tree-node:not(.selected-node):not(:hover) lib-bimplus-context-menu{display:none}.cdk-tree-node.dragable-node:hover{background-color:var(--flat-tree-draggable-node-background-color-hovered);background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect x=\"11\" y=\"2\" width=\"2\" height=\"2\" fill=\"%237B7B7B\"/>%0A<rect x=\"6\" y=\"2\" width=\"2\" height=\"2\" fill=\"%237B7B7B\"/>%0A<rect x=\"11\" y=\"8\" width=\"2\" height=\"2\" fill=\"%237B7B7B\"/>%0A<rect x=\"6\" y=\"8\" width=\"2\" height=\"2\" fill=\"%237B7B7B\"/>%0A<rect x=\"11\" y=\"14\" width=\"2\" height=\"2\" fill=\"%237B7B7B\"/>%0A<rect x=\"6\" y=\"14\" width=\"2\" height=\"2\" fill=\"%237B7B7B\"/>%0A</svg>%0A');background-repeat:no-repeat;background-size:var(--flat-tree-node-icon-size, 1.8rem);background-position:left center}.mat-mdc-icon-button{padding:.2rem;width:var(--flat-tree-node-line-height, 2.4rem);height:var(--flat-tree-node-line-height, 2.4rem)}.selected-node{color:var(--flat-tree-selected-node-text-color-enabled);font-weight:var(--flat-tree-selected-node-font-weight, 700)!important}.selected-all-descendants-nodes{color:var(--flat-tree-selected-node-text-color-enabled)}.selected-partially-descendants-nodes{color:var(--flat-tree-partially-selected-nodes-text-color-enabled)}.custom-drag-placeholder{height:0px}.icon{width:var(--flat-tree-node-icon-size, 1.8rem);height:var(--flat-tree-node-icon-size, 1.8rem);margin-right:.4rem;background-position:center;background-size:var(--flat-tree-node-icon-size, 1.8rem)}.icon.folder-icon{background:var(--flat-tree-folder-icon, url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"utf-8\"?>%0A<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->%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\"%0A%09 viewBox=\"0 0 20 20\" style=\"enable-background:new 0 0 20 20;\" xml:space=\"preserve\">%0A<style type=\"text/css\">%0A%09.st0{fill:%23444444;}%0A<\\/style>%0A<path class=\"st0\" d=\"M17,7V5V4V1h-6L8,3H0v16h2h15l3-12H17z M8,5h0.6l0.5-0.3L11.6,3H15v1v1v2H3l-1,4V5H8z M15.4,17H2.6l2-8H15h2%0A%09h0.4L15.4,17z\"/>%0A</svg>%0A') no-repeat);background-size:var(--flat-tree-folder-icon-size, 1.6rem);background-position:center}.icon.object-icon{background:var(--flat-tree-object-icon, url('data:image/svg+xml,<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M6 9H10V7H6V9Z\" fill=\"%2346494D\"/>%0A<path d=\"M6 4V6H14V4H6Z\" fill=\"%2346494D\"/>%0A<path d=\"M6 12H10V10H6V12Z\" fill=\"%2346494D\"/>%0A<path d=\"M17 1H3V19H13L17 15V1ZM13 15V17H5V3H15V15H13Z\" fill=\"%2346494D\"/>%0A</svg>%0A') no-repeat);background-size:var(--flat-tree-object-icon-size, 1.6rem);background-position:center}.icon.expand-collapse-icon.expand-more-icon{background:var(--flat-tree-node-expand-icon, url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M7.81235 5.64988C7.48497 5.38797 7 5.62106 7 6.04031L7 11.9597C7 12.3789 7.48497 12.612 7.81235 12.3501L11.512 9.39043C11.7622 9.19027 11.7622 8.80973 11.512 8.60957L7.81235 5.64988Z\" fill=\"%23ADADAD\"/>%0A</svg>%0A') no-repeat);background-size:var(--flat-tree-expand-collapse-icon-size, 1.8rem);background-position:center}.icon.expand-collapse-icon.collapse-icon{background:var(--flat-tree-node-collapse-icon, url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M12.3501 7.81235C12.612 7.48497 12.3789 7 11.9597 7H6.04031C5.62106 7 5.38797 7.48497 5.64988 7.81235L8.60957 11.512C8.80973 11.7622 9.19027 11.7622 9.39043 11.512L12.3501 7.81235Z\" fill=\"%23444444\"/>%0A</svg>%0A') no-repeat);background-size:var(--flat-tree-expand-collapse-icon-size, 1.8rem);background-position:center}\n"] }]
|
|
4345
4345
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { treeDataStringified: [{
|
|
4346
4346
|
type: Input
|
|
4347
4347
|
}], treeTitle: [{
|
|
@@ -4430,6 +4430,9 @@ class BimplusObjectStructureComponent {
|
|
|
4430
4430
|
this.nodeSelected = new EventEmitter();
|
|
4431
4431
|
}
|
|
4432
4432
|
set objectStructure(node) {
|
|
4433
|
+
if (!node) {
|
|
4434
|
+
return;
|
|
4435
|
+
}
|
|
4433
4436
|
this._objectStructure = node;
|
|
4434
4437
|
this._updateTreeData();
|
|
4435
4438
|
}
|
|
@@ -4488,11 +4491,11 @@ class BimplusObjectStructureComponent {
|
|
|
4488
4491
|
this.treeComponent?.expandTree();
|
|
4489
4492
|
}
|
|
4490
4493
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BimplusObjectStructureComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4491
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: BimplusObjectStructureComponent, isStandalone: true, selector: "lib-bimplus-object-structure", inputs: { objectStructure: "objectStructure" }, outputs: { nodeSelected: "nodeSelected" }, viewQueries: [{ propertyName: "treeComponent", first: true, predicate: BimplusFlatTreeComponent, descendants: true }], ngImport: i0, template: "<lib-bimplus-flat-tree\r\n paddingIndent=\"1.4rem\"\r\n [treeData]=\"treeData\"\r\n enableParentHighlighting=\"false\"\r\n (selectedNodes)=\"handleSelectedNodes($event)\"\r\n dataTestPrefix=\"object-structure-tree-\"\r\n></lib-bimplus-flat-tree>\r\n", styles: ["lib-bimplus-flat-tree{--flat-tree-node-indent: 0;--flat-tree-folder-font-weight: 400}\n"], dependencies: [{ kind: "component", type: BimplusFlatTreeComponent, selector: "lib-bimplus-flat-tree", inputs: ["treeDataStringified", "treeTitle", "paddingIndent", "multiSelect", "oneLevelMultiSelect", "showFoldersIcons", "showObjectsIcons", "enableSelect", "enableParentHighlighting", "enableDragAndDrop", "dataTestPrefix", "contextMenus", "treeData", "customNodeTemplate"], outputs: ["selectedNodes"] }] }); }
|
|
4494
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: BimplusObjectStructureComponent, isStandalone: true, selector: "lib-bimplus-object-structure", inputs: { objectStructure: "objectStructure" }, outputs: { nodeSelected: "nodeSelected" }, viewQueries: [{ propertyName: "treeComponent", first: true, predicate: BimplusFlatTreeComponent, descendants: true }], ngImport: i0, template: "<lib-bimplus-flat-tree\r\n paddingIndent=\"1.4rem\"\r\n [treeData]=\"treeData\"\r\n enableParentHighlighting=\"false\"\r\n (selectedNodes)=\"handleSelectedNodes($event)\"\r\n dataTestPrefix=\"object-structure-tree-\"\r\n></lib-bimplus-flat-tree>\r\n", styles: ["lib-bimplus-flat-tree{--flat-tree-node-indent: 0;--flat-tree-folder-font-weight: 400;--flat-tree-background-color: var(--bimplus-object-structure-background-color, var(--flat-tree-container-background-color-enabled))}\n"], dependencies: [{ kind: "component", type: BimplusFlatTreeComponent, selector: "lib-bimplus-flat-tree", inputs: ["treeDataStringified", "treeTitle", "paddingIndent", "multiSelect", "oneLevelMultiSelect", "showFoldersIcons", "showObjectsIcons", "enableSelect", "enableParentHighlighting", "enableDragAndDrop", "dataTestPrefix", "contextMenus", "treeData", "customNodeTemplate"], outputs: ["selectedNodes"] }] }); }
|
|
4492
4495
|
}
|
|
4493
4496
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BimplusObjectStructureComponent, decorators: [{
|
|
4494
4497
|
type: Component,
|
|
4495
|
-
args: [{ selector: 'lib-bimplus-object-structure', standalone: true, imports: [BimplusFlatTreeComponent], template: "<lib-bimplus-flat-tree\r\n paddingIndent=\"1.4rem\"\r\n [treeData]=\"treeData\"\r\n enableParentHighlighting=\"false\"\r\n (selectedNodes)=\"handleSelectedNodes($event)\"\r\n dataTestPrefix=\"object-structure-tree-\"\r\n></lib-bimplus-flat-tree>\r\n", styles: ["lib-bimplus-flat-tree{--flat-tree-node-indent: 0;--flat-tree-folder-font-weight: 400}\n"] }]
|
|
4498
|
+
args: [{ selector: 'lib-bimplus-object-structure', standalone: true, imports: [BimplusFlatTreeComponent], template: "<lib-bimplus-flat-tree\r\n paddingIndent=\"1.4rem\"\r\n [treeData]=\"treeData\"\r\n enableParentHighlighting=\"false\"\r\n (selectedNodes)=\"handleSelectedNodes($event)\"\r\n dataTestPrefix=\"object-structure-tree-\"\r\n></lib-bimplus-flat-tree>\r\n", styles: ["lib-bimplus-flat-tree{--flat-tree-node-indent: 0;--flat-tree-folder-font-weight: 400;--flat-tree-background-color: var(--bimplus-object-structure-background-color, var(--flat-tree-container-background-color-enabled))}\n"] }]
|
|
4496
4499
|
}], propDecorators: { objectStructure: [{
|
|
4497
4500
|
type: Input
|
|
4498
4501
|
}], treeComponent: [{
|
|
@@ -4572,11 +4575,11 @@ class BimplusObjectComplexPropertiesComponent {
|
|
|
4572
4575
|
this.treeComponent?.expandTree();
|
|
4573
4576
|
}
|
|
4574
4577
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BimplusObjectComplexPropertiesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4575
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: BimplusObjectComplexPropertiesComponent, isStandalone: true, selector: "lib-bimplus-object-complex-properties", inputs: { complexProperties: "complexProperties" }, outputs: { nodeSelected: "nodeSelected" }, viewQueries: [{ propertyName: "treeComponent", first: true, predicate: BimplusFlatTreeComponent, descendants: true }], ngImport: i0, template: "<lib-bimplus-flat-tree\r\n paddingIndent=\"1.4rem\"\r\n [treeData]=\"treeData\"\r\n enableParentHighlighting=\"false\"\r\n (selectedNodes)=\"handleSelectedNodes($event)\"\r\n dataTestPrefix=\"object-complex-properties-tree-\"\r\n></lib-bimplus-flat-tree>\r\n", styles: ["lib-bimplus-flat-tree{--flat-tree-node-indent: 0;--flat-tree-folder-font-weight: 400}\n"], dependencies: [{ kind: "component", type: BimplusFlatTreeComponent, selector: "lib-bimplus-flat-tree", inputs: ["treeDataStringified", "treeTitle", "paddingIndent", "multiSelect", "oneLevelMultiSelect", "showFoldersIcons", "showObjectsIcons", "enableSelect", "enableParentHighlighting", "enableDragAndDrop", "dataTestPrefix", "contextMenus", "treeData", "customNodeTemplate"], outputs: ["selectedNodes"] }] }); }
|
|
4578
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: BimplusObjectComplexPropertiesComponent, isStandalone: true, selector: "lib-bimplus-object-complex-properties", inputs: { complexProperties: "complexProperties" }, outputs: { nodeSelected: "nodeSelected" }, viewQueries: [{ propertyName: "treeComponent", first: true, predicate: BimplusFlatTreeComponent, descendants: true }], ngImport: i0, template: "<lib-bimplus-flat-tree\r\n paddingIndent=\"1.4rem\"\r\n [treeData]=\"treeData\"\r\n enableParentHighlighting=\"false\"\r\n (selectedNodes)=\"handleSelectedNodes($event)\"\r\n dataTestPrefix=\"object-complex-properties-tree-\"\r\n></lib-bimplus-flat-tree>\r\n", styles: ["lib-bimplus-flat-tree{--flat-tree-node-indent: 0;--flat-tree-folder-font-weight: 400;--flat-tree-background-color: var(--bimplus-object-complex-properties-background-color, var(--flat-tree-container-background-color-enabled))}\n"], dependencies: [{ kind: "component", type: BimplusFlatTreeComponent, selector: "lib-bimplus-flat-tree", inputs: ["treeDataStringified", "treeTitle", "paddingIndent", "multiSelect", "oneLevelMultiSelect", "showFoldersIcons", "showObjectsIcons", "enableSelect", "enableParentHighlighting", "enableDragAndDrop", "dataTestPrefix", "contextMenus", "treeData", "customNodeTemplate"], outputs: ["selectedNodes"] }] }); }
|
|
4576
4579
|
}
|
|
4577
4580
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BimplusObjectComplexPropertiesComponent, decorators: [{
|
|
4578
4581
|
type: Component,
|
|
4579
|
-
args: [{ selector: 'lib-bimplus-object-complex-properties', standalone: true, imports: [BimplusFlatTreeComponent], template: "<lib-bimplus-flat-tree\r\n paddingIndent=\"1.4rem\"\r\n [treeData]=\"treeData\"\r\n enableParentHighlighting=\"false\"\r\n (selectedNodes)=\"handleSelectedNodes($event)\"\r\n dataTestPrefix=\"object-complex-properties-tree-\"\r\n></lib-bimplus-flat-tree>\r\n", styles: ["lib-bimplus-flat-tree{--flat-tree-node-indent: 0;--flat-tree-folder-font-weight: 400}\n"] }]
|
|
4582
|
+
args: [{ selector: 'lib-bimplus-object-complex-properties', standalone: true, imports: [BimplusFlatTreeComponent], template: "<lib-bimplus-flat-tree\r\n paddingIndent=\"1.4rem\"\r\n [treeData]=\"treeData\"\r\n enableParentHighlighting=\"false\"\r\n (selectedNodes)=\"handleSelectedNodes($event)\"\r\n dataTestPrefix=\"object-complex-properties-tree-\"\r\n></lib-bimplus-flat-tree>\r\n", styles: ["lib-bimplus-flat-tree{--flat-tree-node-indent: 0;--flat-tree-folder-font-weight: 400;--flat-tree-background-color: var(--bimplus-object-complex-properties-background-color, var(--flat-tree-container-background-color-enabled))}\n"] }]
|
|
4580
4583
|
}], propDecorators: { complexProperties: [{
|
|
4581
4584
|
type: Input
|
|
4582
4585
|
}], treeComponent: [{
|
|
@@ -4822,11 +4825,11 @@ class CriteriaSelectObjectPropertiesComponent extends BimplusLocalizedWidgetComp
|
|
|
4822
4825
|
});
|
|
4823
4826
|
}
|
|
4824
4827
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: CriteriaSelectObjectPropertiesComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4825
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: CriteriaSelectObjectPropertiesComponent, isStandalone: true, selector: "lib-criteria-select-object-properties", inputs: { api: "api", rootObjectId: "rootObjectId", revision: "revision", filterCriteria: "filterCriteria" }, outputs: { filterCriteriaChange: "filterCriteriaChange" }, usesInheritance: true, ngImport: i0, template: "<!-- Object structure-->\n<lib-expansion-panel>\n <lib-expansion-panel-header>\n <span class=\"criteria-select-object-properties-header\"> {{\"_Object structure\" | translate}}</span>\n </lib-expansion-panel-header>\n @if(objectStructure){\n <lib-bimplus-object-structure\n [objectStructure]=\"objectStructure\"\n (nodeSelected)=\"handleObjectStructureNodeSelected($event)\"\n >\n </lib-bimplus-object-structure
|
|
4828
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: CriteriaSelectObjectPropertiesComponent, isStandalone: true, selector: "lib-criteria-select-object-properties", inputs: { api: "api", rootObjectId: "rootObjectId", revision: "revision", filterCriteria: "filterCriteria" }, outputs: { filterCriteriaChange: "filterCriteriaChange" }, usesInheritance: true, ngImport: i0, template: "<!-- Object structure-->\n<lib-expansion-panel>\n <lib-expansion-panel-header>\n <span class=\"criteria-select-object-properties-header\"> {{\"_Object structure\" | translate}}</span>\n </lib-expansion-panel-header>\n @if(objectStructure){\n <lib-bimplus-object-structure\n [objectStructure]=\"objectStructure\"\n (nodeSelected)=\"handleObjectStructureNodeSelected($event)\"\n >\n </lib-bimplus-object-structure>\n }\n</lib-expansion-panel>\n<!-- End Object structure-->\n\n<!-- Complex properties-->\n@if(complexProperties){ \n <lib-expansion-panel>\n <lib-expansion-panel-header>\n <span class=\"criteria-select-object-properties-header\"> {{\"_Object multiproperties tree\" | translate}}</span>\n </lib-expansion-panel-header>\n <lib-bimplus-object-complex-properties\n [complexProperties]=\"complexProperties\"\n (nodeSelected)=\"handleComplexPropertyNodeSelected($event)\"\n >\n </lib-bimplus-object-complex-properties> \n </lib-expansion-panel>\n}\n<!-- End Complex properties-->\n\n<!-- Properties list-->\n@if(objectAttributeGroups.length > 0){ \n <lib-expansion-panel>\n <lib-expansion-panel-header>\n <span class=\"criteria-select-object-properties-header\"> {{\"_Object properties\" | translate}}</span>\n </lib-expansion-panel-header>\n\n @for (attribGroup of objectAttributeGroups; track attribGroup) {\n <lib-expansion-panel [expanded]=\"attribGroup.expanded\">\n <lib-expansion-panel-header>\n <span class=\"criteria-select-object-properties-group-header\"> {{attribGroup.name}}</span>\n </lib-expansion-panel-header>\n <div>\n @for (attrib of attribGroup.attributes; track attrib) {\n <div class=\"criteria-select-object-properties-attrib-row\">\n <div class=\"criteria-select-object-properties-attrib-row-content\">\n <div class=\"criteria-select-object-properties-attrib-row-cell criteria-select-checkbox\">\n <label class=\"criteria-select-object-properties-attrib-row-cell-label\">\n <input\n type=\"checkbox\"\n [checked]=\"attrib.checked\"\n [disabled]=\"filterCriteria.length === MaxFilterCriteria && !attrib.checked\"\n (click)=\"toggleAttribute(attrib)\"\n (keypress)=\"toggleAttribute(attrib)\"\n >\n <span></span>\n </label>\n <div class=\"criteria-select-object-properties-attrib-row-cell-text\">{{attrib.name}}</div>\n </div>\n <div class=\"criteria-select-object-properties-attrib-row-cell criteria-select-checkbox\">\n <label class=\"criteria-select-object-properties-attrib-row-cell-label\">\n <input\n type=\"checkbox\"\n [checked]=\"attrib.valueChecked\"\n [disabled]=\"filterCriteria.length === MaxFilterCriteria && !attrib.checked\"\n (click)=\"toggleAttributeValue(attrib)\"\n (keypress)=\"toggleAttributeValue(attrib)\"\n >\n <span></span>\n </label>\n @if(attrib.value){\n <div class=\"criteria-select-object-properties-attrib-row-cell-text\">{{attrib.value}}</div>\n }@else {\n <div class=\"criteria-select-object-properties-attrib-row-cell-text\">...</div>\n }\n </div>\n </div>\n </div>\n }\n </div>\n </lib-expansion-panel> \n }\n </lib-expansion-panel>\n}\n<!-- End Properties list-->", styles: ["lib-bimplus-object-structure{--bimplus-object-structure-background-color: transparent}lib-bimplus-object-complex-properties{--bimplus-object-complex-properties-background-color: transparent}.criteria-select-object-properties-header{font-weight:700;text-transform:uppercase;font-size:1.4rem}.criteria-select-object-properties-group-header{line-height:2.4rem}.criteria-select-object-properties-attrib-row{display:flex;width:calc(100% - 2rem);flex-direction:row;flex-wrap:nowrap;overflow:hidden;padding-left:2rem}.criteria-select-object-properties-attrib-row:hover{background-color:var(--object-navigator-criteria-select-object-properties-attribute-row-background-color-hovered)}.criteria-select-object-properties-attrib-row-content{display:inline-flex;width:100%}.criteria-select-object-properties-attrib-row-cell{flex-basis:50%;display:flex;overflow:hidden;text-overflow:ellipsis}.criteria-select-object-properties-attrib-row-cell-label{display:inline-flex}.criteria-select-object-properties-attrib-row-cell-text{overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.criteria-select-checkbox input{display:none}.criteria-select-checkbox input:checked+span{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect x=\"3\" y=\"3\" width=\"12\" height=\"12\" fill=\"%230066CC\"/>%0A<path d=\"M13.0226 7.41421L11.6855 6L8.3428 9.5356L6.33707 7.41416L5 8.82837L8.34269 12.3639L13.0226 7.41421Z\" fill=\"white\"/>%0A</svg>%0A')}.criteria-select-checkbox input:checked+span: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\">%0A<rect x=\"3\" y=\"3\" width=\"12\" height=\"12\" fill=\"%23005BB6\"/>%0A<path d=\"M13.0226 7.41421L11.6855 6L8.3428 9.5356L6.33707 7.41416L5 8.82837L8.34269 12.3639L13.0226 7.41421Z\" fill=\"white\"/>%0A</svg>%0A')}.criteria-select-checkbox input:checked:disabled+span{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect x=\"3\" y=\"3\" width=\"12\" height=\"12\" fill=\"%23D3D3D3\"/>%0A<path d=\"M13.0226 7.41421L11.6855 6L8.3428 9.5356L6.33707 7.41416L5 8.82837L8.34269 12.3639L13.0226 7.41421Z\" fill=\"white\"/>%0A</svg>%0A')}.criteria-select-checkbox input:disabled+span{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect x=\"3.5\" y=\"3.5\" width=\"11\" height=\"11\" fill=\"white\" stroke=\"%23D3D3D3\"/>%0A</svg>%0A')}.criteria-select-checkbox span{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect x=\"3.5\" y=\"3.5\" width=\"11\" height=\"11\" fill=\"white\" stroke=\"%238D8D8D\"/>%0A</svg>%0A');width:1.8rem;height:1.8rem;margin-top:.1rem;vertical-align:middle;border:0;background-color:transparent;background-position:-.3rem center;background-size:100% 100%;background-repeat:no-repeat}.criteria-select-checkbox span: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\">%0A<rect x=\"3.5\" y=\"3.5\" width=\"11\" height=\"11\" fill=\"%23F5F5F5\" stroke=\"%238D8D8D\"/>%0A</svg>%0A')}\n"], dependencies: [{ kind: "component", type: ExpansionPanelHeaderComponent, selector: "lib-expansion-panel-header" }, { kind: "component", type: ExpansionPanelComponent, selector: "lib-expansion-panel", inputs: ["expanded"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: BimplusObjectStructureComponent, selector: "lib-bimplus-object-structure", inputs: ["objectStructure"], outputs: ["nodeSelected"] }, { kind: "component", type: BimplusObjectComplexPropertiesComponent, selector: "lib-bimplus-object-complex-properties", inputs: ["complexProperties"], outputs: ["nodeSelected"] }] }); }
|
|
4826
4829
|
}
|
|
4827
4830
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: CriteriaSelectObjectPropertiesComponent, decorators: [{
|
|
4828
4831
|
type: Component,
|
|
4829
|
-
args: [{ selector: 'lib-criteria-select-object-properties', standalone: true, imports: [ExpansionPanelHeaderComponent, ExpansionPanelComponent, TranslateModule, BimplusObjectStructureComponent, BimplusObjectComplexPropertiesComponent], template: "<!-- Object structure-->\n<lib-expansion-panel>\n <lib-expansion-panel-header>\n <span class=\"criteria-select-object-properties-header\"> {{\"_Object structure\" | translate}}</span>\n </lib-expansion-panel-header>\n @if(objectStructure){\n <lib-bimplus-object-structure\n [objectStructure]=\"objectStructure\"\n (nodeSelected)=\"handleObjectStructureNodeSelected($event)\"\n >\n </lib-bimplus-object-structure
|
|
4832
|
+
args: [{ selector: 'lib-criteria-select-object-properties', standalone: true, imports: [ExpansionPanelHeaderComponent, ExpansionPanelComponent, TranslateModule, BimplusObjectStructureComponent, BimplusObjectComplexPropertiesComponent], template: "<!-- Object structure-->\n<lib-expansion-panel>\n <lib-expansion-panel-header>\n <span class=\"criteria-select-object-properties-header\"> {{\"_Object structure\" | translate}}</span>\n </lib-expansion-panel-header>\n @if(objectStructure){\n <lib-bimplus-object-structure\n [objectStructure]=\"objectStructure\"\n (nodeSelected)=\"handleObjectStructureNodeSelected($event)\"\n >\n </lib-bimplus-object-structure>\n }\n</lib-expansion-panel>\n<!-- End Object structure-->\n\n<!-- Complex properties-->\n@if(complexProperties){ \n <lib-expansion-panel>\n <lib-expansion-panel-header>\n <span class=\"criteria-select-object-properties-header\"> {{\"_Object multiproperties tree\" | translate}}</span>\n </lib-expansion-panel-header>\n <lib-bimplus-object-complex-properties\n [complexProperties]=\"complexProperties\"\n (nodeSelected)=\"handleComplexPropertyNodeSelected($event)\"\n >\n </lib-bimplus-object-complex-properties> \n </lib-expansion-panel>\n}\n<!-- End Complex properties-->\n\n<!-- Properties list-->\n@if(objectAttributeGroups.length > 0){ \n <lib-expansion-panel>\n <lib-expansion-panel-header>\n <span class=\"criteria-select-object-properties-header\"> {{\"_Object properties\" | translate}}</span>\n </lib-expansion-panel-header>\n\n @for (attribGroup of objectAttributeGroups; track attribGroup) {\n <lib-expansion-panel [expanded]=\"attribGroup.expanded\">\n <lib-expansion-panel-header>\n <span class=\"criteria-select-object-properties-group-header\"> {{attribGroup.name}}</span>\n </lib-expansion-panel-header>\n <div>\n @for (attrib of attribGroup.attributes; track attrib) {\n <div class=\"criteria-select-object-properties-attrib-row\">\n <div class=\"criteria-select-object-properties-attrib-row-content\">\n <div class=\"criteria-select-object-properties-attrib-row-cell criteria-select-checkbox\">\n <label class=\"criteria-select-object-properties-attrib-row-cell-label\">\n <input\n type=\"checkbox\"\n [checked]=\"attrib.checked\"\n [disabled]=\"filterCriteria.length === MaxFilterCriteria && !attrib.checked\"\n (click)=\"toggleAttribute(attrib)\"\n (keypress)=\"toggleAttribute(attrib)\"\n >\n <span></span>\n </label>\n <div class=\"criteria-select-object-properties-attrib-row-cell-text\">{{attrib.name}}</div>\n </div>\n <div class=\"criteria-select-object-properties-attrib-row-cell criteria-select-checkbox\">\n <label class=\"criteria-select-object-properties-attrib-row-cell-label\">\n <input\n type=\"checkbox\"\n [checked]=\"attrib.valueChecked\"\n [disabled]=\"filterCriteria.length === MaxFilterCriteria && !attrib.checked\"\n (click)=\"toggleAttributeValue(attrib)\"\n (keypress)=\"toggleAttributeValue(attrib)\"\n >\n <span></span>\n </label>\n @if(attrib.value){\n <div class=\"criteria-select-object-properties-attrib-row-cell-text\">{{attrib.value}}</div>\n }@else {\n <div class=\"criteria-select-object-properties-attrib-row-cell-text\">...</div>\n }\n </div>\n </div>\n </div>\n }\n </div>\n </lib-expansion-panel> \n }\n </lib-expansion-panel>\n}\n<!-- End Properties list-->", styles: ["lib-bimplus-object-structure{--bimplus-object-structure-background-color: transparent}lib-bimplus-object-complex-properties{--bimplus-object-complex-properties-background-color: transparent}.criteria-select-object-properties-header{font-weight:700;text-transform:uppercase;font-size:1.4rem}.criteria-select-object-properties-group-header{line-height:2.4rem}.criteria-select-object-properties-attrib-row{display:flex;width:calc(100% - 2rem);flex-direction:row;flex-wrap:nowrap;overflow:hidden;padding-left:2rem}.criteria-select-object-properties-attrib-row:hover{background-color:var(--object-navigator-criteria-select-object-properties-attribute-row-background-color-hovered)}.criteria-select-object-properties-attrib-row-content{display:inline-flex;width:100%}.criteria-select-object-properties-attrib-row-cell{flex-basis:50%;display:flex;overflow:hidden;text-overflow:ellipsis}.criteria-select-object-properties-attrib-row-cell-label{display:inline-flex}.criteria-select-object-properties-attrib-row-cell-text{overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.criteria-select-checkbox input{display:none}.criteria-select-checkbox input:checked+span{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect x=\"3\" y=\"3\" width=\"12\" height=\"12\" fill=\"%230066CC\"/>%0A<path d=\"M13.0226 7.41421L11.6855 6L8.3428 9.5356L6.33707 7.41416L5 8.82837L8.34269 12.3639L13.0226 7.41421Z\" fill=\"white\"/>%0A</svg>%0A')}.criteria-select-checkbox input:checked+span: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\">%0A<rect x=\"3\" y=\"3\" width=\"12\" height=\"12\" fill=\"%23005BB6\"/>%0A<path d=\"M13.0226 7.41421L11.6855 6L8.3428 9.5356L6.33707 7.41416L5 8.82837L8.34269 12.3639L13.0226 7.41421Z\" fill=\"white\"/>%0A</svg>%0A')}.criteria-select-checkbox input:checked:disabled+span{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect x=\"3\" y=\"3\" width=\"12\" height=\"12\" fill=\"%23D3D3D3\"/>%0A<path d=\"M13.0226 7.41421L11.6855 6L8.3428 9.5356L6.33707 7.41416L5 8.82837L8.34269 12.3639L13.0226 7.41421Z\" fill=\"white\"/>%0A</svg>%0A')}.criteria-select-checkbox input:disabled+span{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect x=\"3.5\" y=\"3.5\" width=\"11\" height=\"11\" fill=\"white\" stroke=\"%23D3D3D3\"/>%0A</svg>%0A')}.criteria-select-checkbox span{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<rect x=\"3.5\" y=\"3.5\" width=\"11\" height=\"11\" fill=\"white\" stroke=\"%238D8D8D\"/>%0A</svg>%0A');width:1.8rem;height:1.8rem;margin-top:.1rem;vertical-align:middle;border:0;background-color:transparent;background-position:-.3rem center;background-size:100% 100%;background-repeat:no-repeat}.criteria-select-checkbox span: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\">%0A<rect x=\"3.5\" y=\"3.5\" width=\"11\" height=\"11\" fill=\"%23F5F5F5\" stroke=\"%238D8D8D\"/>%0A</svg>%0A')}\n"] }]
|
|
4830
4833
|
}], ctorParameters: () => [{ type: i1.TranslateService }], propDecorators: { api: [{
|
|
4831
4834
|
type: Input
|
|
4832
4835
|
}], rootObjectId: [{
|
|
@@ -4975,11 +4978,11 @@ class ObjectFilterResultComponent {
|
|
|
4975
4978
|
this.treeComponent?.expand_node(node.id);
|
|
4976
4979
|
}
|
|
4977
4980
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ObjectFilterResultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4978
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: ObjectFilterResultComponent, isStandalone: true, selector: "lib-object-filter-result", inputs: { filterResult: "filterResult", selectedObjects: "selectedObjects" }, outputs: { nodeSelectionChanged: "nodeSelectionChanged", nodeDoubleClicked: "nodeDoubleClicked", nodeMouseEntered: "nodeMouseEntered", nodeMouseLeft: "nodeMouseLeft" }, viewQueries: [{ propertyName: "treeComponent", first: true, predicate: BimplusFlatTreeComponent, descendants: true }], ngImport: i0, template: "<lib-bimplus-flat-tree\n paddingIndent=\"1.4rem\"\n [treeData]=\"treeData\"\n enableParentHighlighting=\"false\"\n oneLevelMultiSelect=\"false\"\n multiSelect=\"true\"\n dataTestPrefix=\"object-filter-result-tree-\"\n (selectedNodes)=\"handleSelectedNodes($event)\"\n [customNodeTemplate]=\"objFilterResultNode\"\n>\n</lib-bimplus-flat-tree>\n\n<ng-template #objFilterResultNode let-node='node'>\n @switch (node.nodeType) {\n @case (\"rootNode\") {\n <div class=\"object-navigator-filter-result-root-node noselect\"> {{node.name}} ( {{getNodeObjectCounter(node.id)}} )</div>\n }\n @case (\"structureNode\") {\n <div class=\"noselect\"> {{node.name}} ( {{getNodeObjectCounter(node.id)}} )</div>\n }\n @case (\"objectNode\") {\n <span class=\"noselect\">\n <div class=\"noselect\" (dblclick)=\"dblClickedObjectNode(node)\" (mouseenter)=\"mouseEnterObjectNode(node)\" (mouseleave)=\"mouseLeaveObjectNode(node)\">\n {{node.name}}\n </div>\n </span> \n }\n }\n</ng-template>\n", styles: [".noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}lib-bimplus-flat-tree{--flat-tree-node-indent: 0;--flat-tree-folder-font-weight: 400;--flat-tree-selected-node-font-weight: 700}.object-navigator-filter-result-root-node{display:inline-block;text-transform:uppercase;line-height:2.4rem;font-weight:700;font-size:.9375em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%}\n"], dependencies: [{ kind: "component", type: BimplusFlatTreeComponent, selector: "lib-bimplus-flat-tree", inputs: ["treeDataStringified", "treeTitle", "paddingIndent", "multiSelect", "oneLevelMultiSelect", "showFoldersIcons", "showObjectsIcons", "enableSelect", "enableParentHighlighting", "enableDragAndDrop", "dataTestPrefix", "contextMenus", "treeData", "customNodeTemplate"], outputs: ["selectedNodes"] }] }); }
|
|
4981
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: ObjectFilterResultComponent, isStandalone: true, selector: "lib-object-filter-result", inputs: { filterResult: "filterResult", selectedObjects: "selectedObjects" }, outputs: { nodeSelectionChanged: "nodeSelectionChanged", nodeDoubleClicked: "nodeDoubleClicked", nodeMouseEntered: "nodeMouseEntered", nodeMouseLeft: "nodeMouseLeft" }, viewQueries: [{ propertyName: "treeComponent", first: true, predicate: BimplusFlatTreeComponent, descendants: true }], ngImport: i0, template: "<lib-bimplus-flat-tree\n paddingIndent=\"1.4rem\"\n [treeData]=\"treeData\"\n enableParentHighlighting=\"false\"\n oneLevelMultiSelect=\"false\"\n multiSelect=\"true\"\n dataTestPrefix=\"object-filter-result-tree-\"\n (selectedNodes)=\"handleSelectedNodes($event)\"\n [customNodeTemplate]=\"objFilterResultNode\"\n>\n</lib-bimplus-flat-tree>\n\n<ng-template #objFilterResultNode let-node='node'>\n @switch (node.nodeType) {\n @case (\"rootNode\") {\n <div class=\"object-navigator-filter-result-root-node noselect\"> {{node.name}} ( {{getNodeObjectCounter(node.id)}} )</div>\n }\n @case (\"structureNode\") {\n <div class=\"noselect\"> {{node.name}} ( {{getNodeObjectCounter(node.id)}} )</div>\n }\n @case (\"objectNode\") {\n <span class=\"noselect\">\n <div class=\"noselect\" (dblclick)=\"dblClickedObjectNode(node)\" (mouseenter)=\"mouseEnterObjectNode(node)\" (mouseleave)=\"mouseLeaveObjectNode(node)\">\n {{node.name}}\n </div>\n </span> \n }\n }\n</ng-template>\n", styles: [".noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}lib-bimplus-flat-tree{--flat-tree-node-indent: 0;--flat-tree-folder-font-weight: 400;--flat-tree-selected-node-font-weight: 700;--flat-tree-background-color: var(--bimplus-object-filter-result-background-color, var(--flat-tree-container-background-color-enabled))}.object-navigator-filter-result-root-node{display:inline-block;text-transform:uppercase;line-height:2.4rem;font-weight:700;font-size:.9375em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%}\n"], dependencies: [{ kind: "component", type: BimplusFlatTreeComponent, selector: "lib-bimplus-flat-tree", inputs: ["treeDataStringified", "treeTitle", "paddingIndent", "multiSelect", "oneLevelMultiSelect", "showFoldersIcons", "showObjectsIcons", "enableSelect", "enableParentHighlighting", "enableDragAndDrop", "dataTestPrefix", "contextMenus", "treeData", "customNodeTemplate"], outputs: ["selectedNodes"] }] }); }
|
|
4979
4982
|
}
|
|
4980
4983
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ObjectFilterResultComponent, decorators: [{
|
|
4981
4984
|
type: Component,
|
|
4982
|
-
args: [{ selector: 'lib-object-filter-result', standalone: true, imports: [BimplusFlatTreeComponent], template: "<lib-bimplus-flat-tree\n paddingIndent=\"1.4rem\"\n [treeData]=\"treeData\"\n enableParentHighlighting=\"false\"\n oneLevelMultiSelect=\"false\"\n multiSelect=\"true\"\n dataTestPrefix=\"object-filter-result-tree-\"\n (selectedNodes)=\"handleSelectedNodes($event)\"\n [customNodeTemplate]=\"objFilterResultNode\"\n>\n</lib-bimplus-flat-tree>\n\n<ng-template #objFilterResultNode let-node='node'>\n @switch (node.nodeType) {\n @case (\"rootNode\") {\n <div class=\"object-navigator-filter-result-root-node noselect\"> {{node.name}} ( {{getNodeObjectCounter(node.id)}} )</div>\n }\n @case (\"structureNode\") {\n <div class=\"noselect\"> {{node.name}} ( {{getNodeObjectCounter(node.id)}} )</div>\n }\n @case (\"objectNode\") {\n <span class=\"noselect\">\n <div class=\"noselect\" (dblclick)=\"dblClickedObjectNode(node)\" (mouseenter)=\"mouseEnterObjectNode(node)\" (mouseleave)=\"mouseLeaveObjectNode(node)\">\n {{node.name}}\n </div>\n </span> \n }\n }\n</ng-template>\n", styles: [".noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}lib-bimplus-flat-tree{--flat-tree-node-indent: 0;--flat-tree-folder-font-weight: 400;--flat-tree-selected-node-font-weight: 700}.object-navigator-filter-result-root-node{display:inline-block;text-transform:uppercase;line-height:2.4rem;font-weight:700;font-size:.9375em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%}\n"] }]
|
|
4985
|
+
args: [{ selector: 'lib-object-filter-result', standalone: true, imports: [BimplusFlatTreeComponent], template: "<lib-bimplus-flat-tree\n paddingIndent=\"1.4rem\"\n [treeData]=\"treeData\"\n enableParentHighlighting=\"false\"\n oneLevelMultiSelect=\"false\"\n multiSelect=\"true\"\n dataTestPrefix=\"object-filter-result-tree-\"\n (selectedNodes)=\"handleSelectedNodes($event)\"\n [customNodeTemplate]=\"objFilterResultNode\"\n>\n</lib-bimplus-flat-tree>\n\n<ng-template #objFilterResultNode let-node='node'>\n @switch (node.nodeType) {\n @case (\"rootNode\") {\n <div class=\"object-navigator-filter-result-root-node noselect\"> {{node.name}} ( {{getNodeObjectCounter(node.id)}} )</div>\n }\n @case (\"structureNode\") {\n <div class=\"noselect\"> {{node.name}} ( {{getNodeObjectCounter(node.id)}} )</div>\n }\n @case (\"objectNode\") {\n <span class=\"noselect\">\n <div class=\"noselect\" (dblclick)=\"dblClickedObjectNode(node)\" (mouseenter)=\"mouseEnterObjectNode(node)\" (mouseleave)=\"mouseLeaveObjectNode(node)\">\n {{node.name}}\n </div>\n </span> \n }\n }\n</ng-template>\n", styles: [".noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}lib-bimplus-flat-tree{--flat-tree-node-indent: 0;--flat-tree-folder-font-weight: 400;--flat-tree-selected-node-font-weight: 700;--flat-tree-background-color: var(--bimplus-object-filter-result-background-color, var(--flat-tree-container-background-color-enabled))}.object-navigator-filter-result-root-node{display:inline-block;text-transform:uppercase;line-height:2.4rem;font-weight:700;font-size:.9375em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%}\n"] }]
|
|
4983
4986
|
}], propDecorators: { treeComponent: [{
|
|
4984
4987
|
type: ViewChild,
|
|
4985
4988
|
args: [BimplusFlatTreeComponent]
|
|
@@ -5280,7 +5283,7 @@ class BimplusObjectNavigatorComponent extends BimplusLocalizedWidgetComponent {
|
|
|
5280
5283
|
return filter;
|
|
5281
5284
|
}
|
|
5282
5285
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BimplusObjectNavigatorComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5283
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: BimplusObjectNavigatorComponent, isStandalone: true, selector: "lib-bimplus-object-navigator", inputs: { hideFilterContextMenu: "hideFilterContextMenu", filterContextMenu: "filterContextMenu", filterTypes: "filterTypes", filters: "filters", api: "api", projectId: "projectId", selectedObjectId: "selectedObjectId", selectedObjects: "selectedObjects", selectionObject: "selectionObject" }, outputs: { filterCriteriaSelectionModeChanged: "filterCriteriaSelectionModeChanged", filterResultObjectSelectionChanged: "filterResultObjectSelectionChanged", filterResultObjectDoubleClicked: "filterResultObjectDoubleClicked", filterResultObjectMouseEntered: "filterResultObjectMouseEntered", filterResultObjectMouseLeft: "filterResultObjectMouseLeft" }, host: { properties: { "class.object-navigator": "this.objNavClassClass" } }, usesInheritance: true, ngImport: i0, template: "<lib-bimplus-sidenav-drawer-content [header]=\"'_Object navigator' | translate\"\n [isLoading]=\"isLoadingResults\"\n [loadingSpinnerText]=\"'_Loading_Filter_Results' | translate\"\n>\n <div class=\"object-navigator-content-container\">\n @if(filterTypes.length > 0){\n <div class=\"description\">\n {{\"_Select_an_object_using_Object_Picker\" | translate}}\n </div>\n <div class=\"object-navigator-filters-type\">\n <ng-select data-test=\"object-navigator-filter-types-dropdown\" class=\"object-navigator-dropdown\" [(ngModel)]=\"activeFilterType\" [clearable]=\"false\" [searchable]=\"false\">\n <ng-option *ngFor=\"let type of filterTypes\" [value]=\"type\">{{type.name}}</ng-option>\n </ng-select>\n </div>\n <div class=\"object-navigator-filters-name\">\n <ng-select data-test=\"object-navigator-filters-name-dropdown\" class=\"object-navigator-dropdown\" [(ngModel)]=\"activeFilter\" [clearable]=\"false\" [disabled]=\"!filters\" [searchable]=\"false\">\n <ng-option *ngFor=\"let filter of filters\" [value]=\"filter\">{{filter.name}}</ng-option>\n </ng-select>\n\n @if(!hideFilterContextMenu){\n <lib-bimplus-context-menu class=\"object-navigator-filters-name-context-menu\"\n [items]=\"filterContextMenu\"\n *ngIf=\"filterContextMenu?.length\"\n >\n </lib-bimplus-context-menu>\n }\n\n </div>\n\n <lib-expansion-panel class=\"object-navigator-filter-criteria-panel\">\n <lib-expansion-panel-header>\n <span class=\"object-navigator-filter-criteria-header\">\n {{\"_Assign_Objects_Selection_Mode\" | translate}} ({{filterCriteria.length}})\n </span>\n <lib-expansion-panel-header-actions>\n <div class=\"object-navigator-pick-object-button\"\n [ngClass]=\"filterCriteriaSelectionMode$.getValue() === FilterCriteriaSelectionMode.SelectObjectProperties? 'active' : ''\"\n (click)=\"setFilterCriteriaSelectionMode(FilterCriteriaSelectionMode.SelectObjectProperties)\"\n (keypress)=\"setFilterCriteriaSelectionMode(FilterCriteriaSelectionMode.SelectObjectProperties)\"\n [title]=\"'_Object_Picker'| translate\"\n ></div>\n <!-- Commented until functionality will be implemented\n <div class=\"object-navigator-select-attributes-button\"\n [ngClass]=\"filterCriteriaSelectionMode$.getValue() === FilterCriteriaSelectionMode.SelectAttributes? 'active' : ''\"\n (click)=\"setFilterCriteriaSelectionMode(FilterCriteriaSelectionMode.SelectAttributes)\"\n ></div>-->\n </lib-expansion-panel-header-actions>\n </lib-expansion-panel-header>\n\n <div class=\"filter-criteria-container\">\n @for (criterium of filterCriteria; track criterium; let i = $index) {\n <app-filter-criterium\n [criterium] = \"criterium\"\n [indent]=\"i*0.8\"\n (deleteCriterium)=\"deleteFilterCriterium(i)\"\n ></app-filter-criterium>\n }\n </div>\n </lib-expansion-panel>\n\n <div class=\"object-navigator-apply-button-row\">\n <button class=\"primary-button\" [ngClass]=\"{'disabled': filterCriteria.length===0}\" [disabled]=\"filterCriteria.length===0\" (click)=\"applyFilter()\"> {{\"_Apply filter\" | translate}} </button>\n </div>\n\n <div class=\"object-navigator-separator\"></div>\n\n @switch(filterCriteriaSelectionMode$.getValue()){\n @case(FilterCriteriaSelectionMode.SelectObjectProperties){\n @if(!selectedObjectId){\n <p id=\"NoObjectSelected\">{{ \"_NoObjectSelected\" | translate}}</p>\n }@else{\n <div class=\"scrollable-content-container\">\n <lib-bimplus-scrollable-container>\n <lib-criteria-select-object-properties\n [api]=\"api\"\n [selectedLanguage]=\"selectedLanguage\"\n [localizedStrings]=\"localizedStrings\"\n [(filterCriteria)]=\"filterCriteria\"\n [rootObjectId]=\"selectedObjectId\"\n (filterCriteriaChange)=\"activateModifiedCustomFilter()\"\n >\n </lib-criteria-select-object-properties>\n </lib-bimplus-scrollable-container>\n </div>\n }\n }\n @case(FilterCriteriaSelectionMode.SelectAttributes){\n\n }\n @default{\n @if (filterResult) {\n <div class=\"scrollable-content-container\">\n <lib-bimplus-scrollable-container>\n <lib-object-filter-result\n [filterResult]=\"filterResult\"\n [selectedObjects]=\"selectedObjects\"\n (nodeSelectionChanged)=\"handleFilterResultSelectionChanged($event)\"\n (nodeDoubleClicked)=\"handleFilterResulObjectDoubleClicked($event)\"\n (nodeMouseEntered)=\"handleFilterResulObjectMouseEntered($event)\"\n (nodeMouseLeft)=\"handleFilterResulObjectMouseLeft($event)\"\n ></lib-object-filter-result>\n </lib-bimplus-scrollable-container>\n </div>\n }\n }\n }\n }\n @else {\n <div data-test=\"object-navigator-no-filter-types-message\" class=\"object-navigator-no-filter-types\"> {{\"_No_visible_models_found\" | translate}} </div>\n }\n </div>\n</lib-bimplus-sidenav-drawer-content>\n", styles: [".ng-select.ng-select-opened>.ng-select-container{background:var(--select-container-open-background-color-enabled);border-color:var(--select-container-open-border-color-enabled)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent var(--select-container-open-arrow-border-color-enabled);border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent var(--select-container-open-arrow-border-color-hovered)}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-disabled>.ng-select-container{background-color:var(--select-container-background-color-disabled)}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:var(--select-container-text-color-enabled);background-color:var(--select-container-background-color-enabled);border-radius:0;border:1px solid var(--select-container-border-color-enabled);min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 var(--select-container-box-shadow-color-hovered);background-color:var(--select-container-background-color-hovered)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:var(--select-container-placeholder-text-color-enabled)}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:var(--select-multiple-disabled-container-value-background-color-enabled);border:1px solid var(--select-multiple-disabled-container-value-border-color-enabled)}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:var(--select-multiple-container-value-text-color-enabled);background-color:var(--select-multiple-container-value-background-color-enabled);border-radius:2px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:var(--select-multiple-container-value-background-color-disabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:var(--select-multiple-container-value-icon-background-color-hovered)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled);border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:var(--select-multiple-container-value-input-text-color-enabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:var(--select-clear-wrapper-text-color-enabled)}.ng-select .ng-clear-wrapper:hover .ng-clear{color:var(--select-clear-wrapper-text-color-hovered)}.ng-select .ng-clear-wrapper:focus .ng-clear{color:var(--select-clear-wrapper-text-color-focused)}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:var(--select-arrow-wrapper-border-color-hovored)}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:var(--select-arrow-wrapper-border-color-enabled) transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:var(--dropdown-panel-background-color-enabled);border:1px solid var(--dropdown-panel-border-color-enabled);box-shadow:0 1px 0 var(--dropdown-panel-box-shadow-color-enabled);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-top-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-right-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-color:var(--dropdown-panel-select-bottom-border-color-enabled);margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-left-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid var(--dropdown-panel-header-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid var(--dropdown-panel-footer-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:var(--dropdown-panel-items-text-color-enabled);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected-background-color-enabled);font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:var(--dropdown-panel-items-option-background-color-enabled);color:var(--dropdown-panel-items-option-text-color-enabled);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected2-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected2-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled);color:var(--dropdown-panel-items-marked-text-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:var(--dropdown-panel-items-text-color-disabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}.primary-button{text-transform:uppercase;font: 700 1rem Source Sans Pro,Helvetica,Arial,tahoma,sans-serif;display:inline-block;margin-left:.8rem;height:2.4rem;white-space:nowrap;border-radius:.2rem;vertical-align:middle;font-size:1.2rem;border:solid .2rem var(--primary-button-border-color-enabled);color:var(--primary-button-text-color-enabled);background-color:var(--primary-button-background-color-enabled);cursor:pointer}.primary-button:hover{border:solid .2rem var(--primary-button-border-color-hovered);color:var(--primary-button-text-color-hovered);background-color:var(--primary-button-background-color-hovered);outline:0}.primary-button:focus{border:solid .2rem var(--primary-button-border-color-focused);color:var(--primary-button-text-color-focused);background-color:var(--primary-button-background-color-focused);outline:0}.primary-button:disabled,.primary-button:disabled:active,.primary-button.disabled{border:solid .2rem var(--primary-button-border-color-disabled);color:var(--primary-button-text-color-disabled);background-color:var(--primary-button-background-color-disabled);cursor:default}.primary-button:active{border:solid .2rem var(--primary-button-border-color-pressed);color:var(--primary-button-text-color-pressed);background-color:var(--primary-button-background-color-pressed);cursor:default}:host{display:flex}lib-bimplus-sidenav-drawer-content{width:100%;max-height:100%;display:flex;flex:1}lib-bimplus-sidenav-drawer-content .object-navigator-content-container{display:flex;flex-direction:column;width:100%;max-height:100%;flex:1}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.description{margin-bottom:.8rem;font-size:1.2rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-no-filter-types{font-size:1.2rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-filters-type{flex:0;margin-top:.1rem;margin-bottom:.1rem;height:2.4rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-filters-type>.object-navigator-dropdown .ng-select-container{height:2.4rem;min-height:2.4rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-filters-name{flex:0;margin-top:.1rem;margin-bottom:.1rem;height:2.4rem;display:flex;flex-direction:row}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-filters-name>.object-navigator-dropdown{flex:1}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-filters-name>.object-navigator-dropdown .ng-select-container{height:2.4rem;min-height:2.4rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-filters-name>.object-navigator-filters-name-context-menu{--context-menu-trigger-width: 2.4rem;--context-menu-trigger-height: 2.4rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-filter-criteria-panel{flex:0;padding-top:.8rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-apply-button-row{flex:0;display:flex;margin-top:.8rem;margin-bottom:.8rem;justify-content:flex-end}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-separator{flex:0;border-top:solid .078125em var(--object-navigator-separator-border-color-enabled);padding-bottom:.8rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.scrollable-content-container{position:relative;flex:1;width:100%;display:flex;flex-direction:column}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.scrollable-content-container>lib-bimplus-scrollable-container{position:absolute;top:0;bottom:0;flex:1;width:100%}.filter-criteria-container{display:flex;flex-direction:column;width:calc(100% - 2.4rem);padding-left:2.4rem;height:14.4rem}:host(.object-navigator){height:100%;width:100%}.object-navigator-filter-action-buttons{width:2.4rem;height:2.4rem;display:inline-block;background-position:center center;background-repeat:no-repeat;cursor:pointer;background-size:1.8rem 1.8rem;color:var(--object-navigator-filter-action-buttons-text-color);margin-left:.4rem}.object-navigator-select-attributes-button{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.70697 10.707L7.29297 16.293C7.4805 16.4805 7.73481 16.5858 7.99997 16.5858C8.26514 16.5858 8.51944 16.4805 8.70697 16.293L15.415 9.586C15.7897 9.21085 16.0001 8.70225 16 8.172V4C16 3.46957 15.7893 2.96086 15.4142 2.58579C15.0391 2.21071 14.5304 2 14 2H9.82997C9.29958 2.00011 8.79096 2.2109 8.41597 2.586L1.70697 9.293C1.5195 9.48053 1.41418 9.73484 1.41418 10C1.41418 10.2652 1.5195 10.5195 1.70697 10.707ZM12 8C12.5304 8 13.0391 7.78929 13.4142 7.41421C13.7893 7.03914 14 6.53043 14 6C14 5.46957 13.7893 4.96086 13.4142 4.58579C13.0391 4.21071 12.5304 4 12 4C11.4695 4 10.9608 4.21071 10.5858 4.58579C10.2107 4.96086 9.99997 5.46957 9.99997 6C9.99997 6.53043 10.2107 7.03914 10.5858 7.41421C10.9608 7.78929 11.4695 8 12 8Z\" fill=\"%2346494D\"/>%0A</svg>%0A');width:2.4rem;height:2.4rem;display:inline-block;background-position:center center;background-repeat:no-repeat;cursor:pointer;background-size:1.8rem 1.8rem;color:var(--object-navigator-filter-action-buttons-text-color);margin-left:.4rem}.object-navigator-select-attributes-button.active{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.707 10.707L7.293 16.293C7.48053 16.4805 7.73484 16.5858 8 16.5858C8.26517 16.5858 8.51947 16.4805 8.707 16.293L15.415 9.586C15.7897 9.21085 16.0002 8.70225 16 8.172V4C16 3.46957 15.7893 2.96086 15.4142 2.58579C15.0391 2.21071 14.5304 2 14 2H9.83C9.29961 2.00011 8.79099 2.2109 8.416 2.586L1.707 9.293C1.51953 9.48053 1.41422 9.73484 1.41422 10C1.41422 10.2652 1.51953 10.5195 1.707 10.707ZM12 8C12.5304 8 13.0391 7.78929 13.4142 7.41421C13.7893 7.03914 14 6.53043 14 6C14 5.46957 13.7893 4.96086 13.4142 4.58579C13.0391 4.21071 12.5304 4 12 4C11.4696 4 10.9609 4.21071 10.5858 4.58579C10.2107 4.96086 10 5.46957 10 6C10 6.53043 10.2107 7.03914 10.5858 7.41421C10.9609 7.78929 11.4696 8 12 8Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.object-navigator-pick-object-button{background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M2.8 12.4c1.2 1.2-1.3 3-.7 3.6.5.5 2.5-1.8 3.6-.7l5.6-5.6-2.9-3s-4.6 4.7-5.6 5.7zM8.4 11L7 9.6l1.4-1.4 1.4 1.4L8.4 11zm4.2-8.4l-2 2-.7-.7-1.5 1.4 4.3 4.3 1.4-1.4-.7-.7 2-2c1.8-1.9-1-4.7-2.8-2.9z\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"%23444\"/></svg>');width:2.4rem;height:2.4rem;display:inline-block;background-position:center center;background-repeat:no-repeat;cursor:pointer;background-size:1.8rem 1.8rem;color:var(--object-navigator-filter-action-buttons-text-color);margin-left:.4rem}.object-navigator-pick-object-button.active{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M2.80001 12.4C4.00001 13.6 1.50001 15.4 2.10001 16C2.60001 16.5 4.60001 14.2 5.70001 15.3L11.3 9.69997L8.40001 6.69997C8.40001 6.69997 3.80001 11.4 2.80001 12.4ZM8.40001 11L7.00001 9.59997L8.40001 8.19997L9.80001 9.59997L8.40001 11ZM12.6 2.59997L10.6 4.59997L9.90001 3.89997L8.40001 5.29997L12.7 9.59997L14.1 8.19997L13.4 7.49997L15.4 5.49997C17.2 3.59997 14.4 0.799974 12.6 2.59997Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.object-navigator-filter-criteria-header{display:inline-block;text-transform:uppercase;line-height:2.4rem;font-weight:700;font-size:.9375em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%}\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: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i4.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick", "keyDownFn"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "component", type: i4.NgOptionComponent, selector: "ng-option", inputs: ["value", "disabled"] }, { kind: "component", type: FilterCriteriumComponent, selector: "app-filter-criterium", inputs: ["criterium", "indent"], outputs: ["deleteCriterium"] }, { kind: "component", type: ExpansionPanelComponent, selector: "lib-expansion-panel", inputs: ["expanded"] }, { kind: "component", type: ExpansionPanelHeaderComponent, selector: "lib-expansion-panel-header" }, { kind: "component", type: ExpansionPanelHeaderActionsComponent, selector: "lib-expansion-panel-header-actions" }, { kind: "component", type: BimplusSidenavDrawerContentComponent, selector: "lib-bimplus-sidenav-drawer-content", inputs: ["header", "isLoading", "loadingSpinnerText"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: CriteriaSelectObjectPropertiesComponent, selector: "lib-criteria-select-object-properties", inputs: ["api", "rootObjectId", "revision", "filterCriteria"], outputs: ["filterCriteriaChange"] }, { kind: "component", type: BimplusContextMenuComponent, selector: "lib-bimplus-context-menu", inputs: ["showIcons", "triggerTitle", "items", "data"], outputs: ["triggerSelected"] }, { kind: "component", type: ObjectFilterResultComponent, selector: "lib-object-filter-result", inputs: ["filterResult", "selectedObjects"], outputs: ["nodeSelectionChanged", "nodeDoubleClicked", "nodeMouseEntered", "nodeMouseLeft"] }, { kind: "component", type: BimplusScrollableContainerComponent, selector: "lib-bimplus-scrollable-container" }], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
|
|
5286
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: BimplusObjectNavigatorComponent, isStandalone: true, selector: "lib-bimplus-object-navigator", inputs: { hideFilterContextMenu: "hideFilterContextMenu", filterContextMenu: "filterContextMenu", filterTypes: "filterTypes", filters: "filters", api: "api", projectId: "projectId", selectedObjectId: "selectedObjectId", selectedObjects: "selectedObjects", selectionObject: "selectionObject" }, outputs: { filterCriteriaSelectionModeChanged: "filterCriteriaSelectionModeChanged", filterResultObjectSelectionChanged: "filterResultObjectSelectionChanged", filterResultObjectDoubleClicked: "filterResultObjectDoubleClicked", filterResultObjectMouseEntered: "filterResultObjectMouseEntered", filterResultObjectMouseLeft: "filterResultObjectMouseLeft" }, host: { properties: { "class.object-navigator": "this.objNavClassClass" } }, usesInheritance: true, ngImport: i0, template: "<lib-bimplus-sidenav-drawer-content [header]=\"'_Object navigator' | translate\"\n [isLoading]=\"isLoadingResults\"\n [loadingSpinnerText]=\"'_Loading_Filter_Results' | translate\"\n>\n <div class=\"object-navigator-content-container\">\n @if(filterTypes.length > 0){\n <div class=\"description\">\n {{\"_Select_an_object_using_Object_Picker\" | translate}}\n </div>\n <div class=\"object-navigator-filters-type\">\n <ng-select data-test=\"object-navigator-filter-types-dropdown\" class=\"object-navigator-dropdown\" [(ngModel)]=\"activeFilterType\" [clearable]=\"false\" [searchable]=\"false\">\n <ng-option *ngFor=\"let type of filterTypes\" [value]=\"type\">{{type.name}}</ng-option>\n </ng-select>\n </div>\n <div class=\"object-navigator-filters-name\">\n <ng-select data-test=\"object-navigator-filters-name-dropdown\" class=\"object-navigator-dropdown\" [(ngModel)]=\"activeFilter\" [clearable]=\"false\" [disabled]=\"!filters\" [searchable]=\"false\">\n <ng-option *ngFor=\"let filter of filters\" [value]=\"filter\">{{filter.name}}</ng-option>\n </ng-select>\n\n @if(!hideFilterContextMenu){\n <lib-bimplus-context-menu class=\"object-navigator-filters-name-context-menu\"\n [items]=\"filterContextMenu\"\n *ngIf=\"filterContextMenu?.length\"\n >\n </lib-bimplus-context-menu>\n }\n\n </div>\n\n <lib-expansion-panel class=\"object-navigator-filter-criteria-panel\">\n <lib-expansion-panel-header>\n <span class=\"object-navigator-filter-criteria-header\">\n {{\"_Assign_Objects_Selection_Mode\" | translate}} ({{filterCriteria.length}})\n </span>\n <lib-expansion-panel-header-actions>\n <div class=\"object-navigator-pick-object-button\"\n [ngClass]=\"filterCriteriaSelectionMode$.getValue() === FilterCriteriaSelectionMode.SelectObjectProperties? 'active' : ''\"\n (click)=\"setFilterCriteriaSelectionMode(FilterCriteriaSelectionMode.SelectObjectProperties)\"\n (keypress)=\"setFilterCriteriaSelectionMode(FilterCriteriaSelectionMode.SelectObjectProperties)\"\n [title]=\"'_Object_Picker'| translate\"\n ></div>\n <!-- Commented until functionality will be implemented\n <div class=\"object-navigator-select-attributes-button\"\n [ngClass]=\"filterCriteriaSelectionMode$.getValue() === FilterCriteriaSelectionMode.SelectAttributes? 'active' : ''\"\n (click)=\"setFilterCriteriaSelectionMode(FilterCriteriaSelectionMode.SelectAttributes)\"\n ></div>-->\n </lib-expansion-panel-header-actions>\n </lib-expansion-panel-header>\n\n <div class=\"filter-criteria-container\">\n @for (criterium of filterCriteria; track criterium; let i = $index) {\n <app-filter-criterium\n [criterium] = \"criterium\"\n [indent]=\"i*0.8\"\n (deleteCriterium)=\"deleteFilterCriterium(i)\"\n ></app-filter-criterium>\n }\n </div>\n </lib-expansion-panel>\n\n <div class=\"object-navigator-apply-button-row\">\n <button class=\"primary-button\" [ngClass]=\"{'disabled': filterCriteria.length===0}\" [disabled]=\"filterCriteria.length===0\" (click)=\"applyFilter()\"> {{\"_Apply filter\" | translate}} </button>\n </div>\n\n <div class=\"object-navigator-separator\"></div>\n\n @switch(filterCriteriaSelectionMode$.getValue()){\n @case(FilterCriteriaSelectionMode.SelectObjectProperties){\n @if(!selectedObjectId){\n <p id=\"NoObjectSelected\">{{ \"_NoObjectSelected\" | translate}}</p>\n }@else{\n <div class=\"scrollable-content-container\">\n <lib-bimplus-scrollable-container>\n <lib-criteria-select-object-properties\n [api]=\"api\"\n [selectedLanguage]=\"selectedLanguage\"\n [localizedStrings]=\"localizedStrings\"\n [(filterCriteria)]=\"filterCriteria\"\n [rootObjectId]=\"selectedObjectId\"\n (filterCriteriaChange)=\"activateModifiedCustomFilter()\"\n >\n </lib-criteria-select-object-properties>\n </lib-bimplus-scrollable-container>\n </div>\n }\n }\n @case(FilterCriteriaSelectionMode.SelectAttributes){\n\n }\n @default{\n @if (filterResult) {\n <div class=\"scrollable-content-container\">\n <lib-bimplus-scrollable-container>\n <lib-object-filter-result\n [filterResult]=\"filterResult\"\n [selectedObjects]=\"selectedObjects\"\n (nodeSelectionChanged)=\"handleFilterResultSelectionChanged($event)\"\n (nodeDoubleClicked)=\"handleFilterResulObjectDoubleClicked($event)\"\n (nodeMouseEntered)=\"handleFilterResulObjectMouseEntered($event)\"\n (nodeMouseLeft)=\"handleFilterResulObjectMouseLeft($event)\"\n ></lib-object-filter-result>\n </lib-bimplus-scrollable-container>\n </div>\n }\n }\n }\n }\n @else {\n <div data-test=\"object-navigator-no-filter-types-message\" class=\"object-navigator-no-filter-types\"> {{\"_No_visible_models_found\" | translate}} </div>\n }\n </div>\n</lib-bimplus-sidenav-drawer-content>\n", styles: [".ng-select.ng-select-opened>.ng-select-container{background:var(--select-container-open-background-color-enabled);border-color:var(--select-container-open-border-color-enabled)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent var(--select-container-open-arrow-border-color-enabled);border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent var(--select-container-open-arrow-border-color-hovered)}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-disabled>.ng-select-container{background-color:var(--select-container-background-color-disabled)}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:var(--select-container-text-color-enabled);background-color:var(--select-container-background-color-enabled);border-radius:0;border:1px solid var(--select-container-border-color-enabled);min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 var(--select-container-box-shadow-color-hovered);background-color:var(--select-container-background-color-hovered)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:var(--select-container-placeholder-text-color-enabled)}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:var(--select-multiple-disabled-container-value-background-color-enabled);border:1px solid var(--select-multiple-disabled-container-value-border-color-enabled)}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:var(--select-multiple-container-value-text-color-enabled);background-color:var(--select-multiple-container-value-background-color-enabled);border-radius:2px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:var(--select-multiple-container-value-background-color-disabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:var(--select-multiple-container-value-icon-background-color-hovered)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled);border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:var(--select-multiple-container-value-input-text-color-enabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:var(--select-clear-wrapper-text-color-enabled)}.ng-select .ng-clear-wrapper:hover .ng-clear{color:var(--select-clear-wrapper-text-color-hovered)}.ng-select .ng-clear-wrapper:focus .ng-clear{color:var(--select-clear-wrapper-text-color-focused)}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:var(--select-arrow-wrapper-border-color-hovored)}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:var(--select-arrow-wrapper-border-color-enabled) transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:var(--dropdown-panel-background-color-enabled);border:1px solid var(--dropdown-panel-border-color-enabled);box-shadow:0 1px 0 var(--dropdown-panel-box-shadow-color-enabled);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-top-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-right-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-color:var(--dropdown-panel-select-bottom-border-color-enabled);margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-left-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid var(--dropdown-panel-header-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid var(--dropdown-panel-footer-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:var(--dropdown-panel-items-text-color-enabled);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected-background-color-enabled);font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:var(--dropdown-panel-items-option-background-color-enabled);color:var(--dropdown-panel-items-option-text-color-enabled);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected2-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected2-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled);color:var(--dropdown-panel-items-marked-text-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:var(--dropdown-panel-items-text-color-disabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}.primary-button{text-transform:uppercase;font: 700 1rem Source Sans Pro,Helvetica,Arial,tahoma,sans-serif;display:inline-block;margin-left:.8rem;height:2.4rem;white-space:nowrap;border-radius:.2rem;vertical-align:middle;font-size:1.2rem;border:solid .2rem var(--primary-button-border-color-enabled);color:var(--primary-button-text-color-enabled);background-color:var(--primary-button-background-color-enabled);cursor:pointer}.primary-button:hover{border:solid .2rem var(--primary-button-border-color-hovered);color:var(--primary-button-text-color-hovered);background-color:var(--primary-button-background-color-hovered);outline:0}.primary-button:focus{border:solid .2rem var(--primary-button-border-color-focused);color:var(--primary-button-text-color-focused);background-color:var(--primary-button-background-color-focused);outline:0}.primary-button:disabled,.primary-button:disabled:active,.primary-button.disabled{border:solid .2rem var(--primary-button-border-color-disabled);color:var(--primary-button-text-color-disabled);background-color:var(--primary-button-background-color-disabled);cursor:default}.primary-button:active{border:solid .2rem var(--primary-button-border-color-pressed);color:var(--primary-button-text-color-pressed);background-color:var(--primary-button-background-color-pressed);cursor:default}:host{display:flex}lib-bimplus-sidenav-drawer-content{width:100%;max-height:100%;display:flex;flex:1}lib-bimplus-sidenav-drawer-content .object-navigator-content-container{display:flex;flex-direction:column;width:100%;max-height:100%;flex:1}lib-bimplus-sidenav-drawer-content .object-navigator-content-container lib-object-filter-result{--bimplus-object-filter-result-background-color: transparent}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.description{margin-bottom:.8rem;font-size:1.2rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-no-filter-types{font-size:1.2rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-filters-type{flex:0;margin-top:.1rem;margin-bottom:.1rem;height:2.4rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-filters-type>.object-navigator-dropdown .ng-select-container{height:2.4rem;min-height:2.4rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-filters-name{flex:0;margin-top:.1rem;margin-bottom:.1rem;height:2.4rem;display:flex;flex-direction:row}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-filters-name>.object-navigator-dropdown{flex:1}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-filters-name>.object-navigator-dropdown .ng-select-container{height:2.4rem;min-height:2.4rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-filters-name>.object-navigator-filters-name-context-menu{--context-menu-trigger-width: 2.4rem;--context-menu-trigger-height: 2.4rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-filter-criteria-panel{flex:0;padding-top:.8rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-apply-button-row{flex:0;display:flex;margin-top:.8rem;margin-bottom:.8rem;justify-content:flex-end}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-separator{flex:0;border-top:solid .078125em var(--object-navigator-separator-border-color-enabled);padding-bottom:.8rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.scrollable-content-container{position:relative;flex:1;width:100%;display:flex;flex-direction:column}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.scrollable-content-container>lib-bimplus-scrollable-container{position:absolute;top:0;bottom:0;flex:1;width:100%}.filter-criteria-container{display:flex;flex-direction:column;width:calc(100% - 2.4rem);padding-left:2.4rem;height:14.4rem}:host(.object-navigator){height:100%;width:100%}.object-navigator-filter-action-buttons{width:2.4rem;height:2.4rem;display:inline-block;background-position:center center;background-repeat:no-repeat;cursor:pointer;background-size:1.8rem 1.8rem;color:var(--object-navigator-filter-action-buttons-text-color);margin-left:.4rem}.object-navigator-select-attributes-button{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.70697 10.707L7.29297 16.293C7.4805 16.4805 7.73481 16.5858 7.99997 16.5858C8.26514 16.5858 8.51944 16.4805 8.70697 16.293L15.415 9.586C15.7897 9.21085 16.0001 8.70225 16 8.172V4C16 3.46957 15.7893 2.96086 15.4142 2.58579C15.0391 2.21071 14.5304 2 14 2H9.82997C9.29958 2.00011 8.79096 2.2109 8.41597 2.586L1.70697 9.293C1.5195 9.48053 1.41418 9.73484 1.41418 10C1.41418 10.2652 1.5195 10.5195 1.70697 10.707ZM12 8C12.5304 8 13.0391 7.78929 13.4142 7.41421C13.7893 7.03914 14 6.53043 14 6C14 5.46957 13.7893 4.96086 13.4142 4.58579C13.0391 4.21071 12.5304 4 12 4C11.4695 4 10.9608 4.21071 10.5858 4.58579C10.2107 4.96086 9.99997 5.46957 9.99997 6C9.99997 6.53043 10.2107 7.03914 10.5858 7.41421C10.9608 7.78929 11.4695 8 12 8Z\" fill=\"%2346494D\"/>%0A</svg>%0A');width:2.4rem;height:2.4rem;display:inline-block;background-position:center center;background-repeat:no-repeat;cursor:pointer;background-size:1.8rem 1.8rem;color:var(--object-navigator-filter-action-buttons-text-color);margin-left:.4rem}.object-navigator-select-attributes-button.active{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.707 10.707L7.293 16.293C7.48053 16.4805 7.73484 16.5858 8 16.5858C8.26517 16.5858 8.51947 16.4805 8.707 16.293L15.415 9.586C15.7897 9.21085 16.0002 8.70225 16 8.172V4C16 3.46957 15.7893 2.96086 15.4142 2.58579C15.0391 2.21071 14.5304 2 14 2H9.83C9.29961 2.00011 8.79099 2.2109 8.416 2.586L1.707 9.293C1.51953 9.48053 1.41422 9.73484 1.41422 10C1.41422 10.2652 1.51953 10.5195 1.707 10.707ZM12 8C12.5304 8 13.0391 7.78929 13.4142 7.41421C13.7893 7.03914 14 6.53043 14 6C14 5.46957 13.7893 4.96086 13.4142 4.58579C13.0391 4.21071 12.5304 4 12 4C11.4696 4 10.9609 4.21071 10.5858 4.58579C10.2107 4.96086 10 5.46957 10 6C10 6.53043 10.2107 7.03914 10.5858 7.41421C10.9609 7.78929 11.4696 8 12 8Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.object-navigator-pick-object-button{background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M2.8 12.4c1.2 1.2-1.3 3-.7 3.6.5.5 2.5-1.8 3.6-.7l5.6-5.6-2.9-3s-4.6 4.7-5.6 5.7zM8.4 11L7 9.6l1.4-1.4 1.4 1.4L8.4 11zm4.2-8.4l-2 2-.7-.7-1.5 1.4 4.3 4.3 1.4-1.4-.7-.7 2-2c1.8-1.9-1-4.7-2.8-2.9z\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"%23444\"/></svg>');width:2.4rem;height:2.4rem;display:inline-block;background-position:center center;background-repeat:no-repeat;cursor:pointer;background-size:1.8rem 1.8rem;color:var(--object-navigator-filter-action-buttons-text-color);margin-left:.4rem}.object-navigator-pick-object-button.active{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M2.80001 12.4C4.00001 13.6 1.50001 15.4 2.10001 16C2.60001 16.5 4.60001 14.2 5.70001 15.3L11.3 9.69997L8.40001 6.69997C8.40001 6.69997 3.80001 11.4 2.80001 12.4ZM8.40001 11L7.00001 9.59997L8.40001 8.19997L9.80001 9.59997L8.40001 11ZM12.6 2.59997L10.6 4.59997L9.90001 3.89997L8.40001 5.29997L12.7 9.59997L14.1 8.19997L13.4 7.49997L15.4 5.49997C17.2 3.59997 14.4 0.799974 12.6 2.59997Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.object-navigator-filter-criteria-header{display:inline-block;text-transform:uppercase;line-height:2.4rem;font-weight:700;font-size:.9375em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%}\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: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i4.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick", "keyDownFn"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "component", type: i4.NgOptionComponent, selector: "ng-option", inputs: ["value", "disabled"] }, { kind: "component", type: FilterCriteriumComponent, selector: "app-filter-criterium", inputs: ["criterium", "indent"], outputs: ["deleteCriterium"] }, { kind: "component", type: ExpansionPanelComponent, selector: "lib-expansion-panel", inputs: ["expanded"] }, { kind: "component", type: ExpansionPanelHeaderComponent, selector: "lib-expansion-panel-header" }, { kind: "component", type: ExpansionPanelHeaderActionsComponent, selector: "lib-expansion-panel-header-actions" }, { kind: "component", type: BimplusSidenavDrawerContentComponent, selector: "lib-bimplus-sidenav-drawer-content", inputs: ["header", "isLoading", "loadingSpinnerText"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: CriteriaSelectObjectPropertiesComponent, selector: "lib-criteria-select-object-properties", inputs: ["api", "rootObjectId", "revision", "filterCriteria"], outputs: ["filterCriteriaChange"] }, { kind: "component", type: BimplusContextMenuComponent, selector: "lib-bimplus-context-menu", inputs: ["showIcons", "triggerTitle", "items", "data"], outputs: ["triggerSelected"] }, { kind: "component", type: ObjectFilterResultComponent, selector: "lib-object-filter-result", inputs: ["filterResult", "selectedObjects"], outputs: ["nodeSelectionChanged", "nodeDoubleClicked", "nodeMouseEntered", "nodeMouseLeft"] }, { kind: "component", type: BimplusScrollableContainerComponent, selector: "lib-bimplus-scrollable-container" }], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
|
|
5284
5287
|
}
|
|
5285
5288
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BimplusObjectNavigatorComponent, decorators: [{
|
|
5286
5289
|
type: Component,
|
|
@@ -5297,7 +5300,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
|
|
|
5297
5300
|
BimplusContextMenuComponent,
|
|
5298
5301
|
ObjectFilterResultComponent,
|
|
5299
5302
|
BimplusScrollableContainerComponent
|
|
5300
|
-
], encapsulation: ViewEncapsulation.ShadowDom, template: "<lib-bimplus-sidenav-drawer-content [header]=\"'_Object navigator' | translate\"\n [isLoading]=\"isLoadingResults\"\n [loadingSpinnerText]=\"'_Loading_Filter_Results' | translate\"\n>\n <div class=\"object-navigator-content-container\">\n @if(filterTypes.length > 0){\n <div class=\"description\">\n {{\"_Select_an_object_using_Object_Picker\" | translate}}\n </div>\n <div class=\"object-navigator-filters-type\">\n <ng-select data-test=\"object-navigator-filter-types-dropdown\" class=\"object-navigator-dropdown\" [(ngModel)]=\"activeFilterType\" [clearable]=\"false\" [searchable]=\"false\">\n <ng-option *ngFor=\"let type of filterTypes\" [value]=\"type\">{{type.name}}</ng-option>\n </ng-select>\n </div>\n <div class=\"object-navigator-filters-name\">\n <ng-select data-test=\"object-navigator-filters-name-dropdown\" class=\"object-navigator-dropdown\" [(ngModel)]=\"activeFilter\" [clearable]=\"false\" [disabled]=\"!filters\" [searchable]=\"false\">\n <ng-option *ngFor=\"let filter of filters\" [value]=\"filter\">{{filter.name}}</ng-option>\n </ng-select>\n\n @if(!hideFilterContextMenu){\n <lib-bimplus-context-menu class=\"object-navigator-filters-name-context-menu\"\n [items]=\"filterContextMenu\"\n *ngIf=\"filterContextMenu?.length\"\n >\n </lib-bimplus-context-menu>\n }\n\n </div>\n\n <lib-expansion-panel class=\"object-navigator-filter-criteria-panel\">\n <lib-expansion-panel-header>\n <span class=\"object-navigator-filter-criteria-header\">\n {{\"_Assign_Objects_Selection_Mode\" | translate}} ({{filterCriteria.length}})\n </span>\n <lib-expansion-panel-header-actions>\n <div class=\"object-navigator-pick-object-button\"\n [ngClass]=\"filterCriteriaSelectionMode$.getValue() === FilterCriteriaSelectionMode.SelectObjectProperties? 'active' : ''\"\n (click)=\"setFilterCriteriaSelectionMode(FilterCriteriaSelectionMode.SelectObjectProperties)\"\n (keypress)=\"setFilterCriteriaSelectionMode(FilterCriteriaSelectionMode.SelectObjectProperties)\"\n [title]=\"'_Object_Picker'| translate\"\n ></div>\n <!-- Commented until functionality will be implemented\n <div class=\"object-navigator-select-attributes-button\"\n [ngClass]=\"filterCriteriaSelectionMode$.getValue() === FilterCriteriaSelectionMode.SelectAttributes? 'active' : ''\"\n (click)=\"setFilterCriteriaSelectionMode(FilterCriteriaSelectionMode.SelectAttributes)\"\n ></div>-->\n </lib-expansion-panel-header-actions>\n </lib-expansion-panel-header>\n\n <div class=\"filter-criteria-container\">\n @for (criterium of filterCriteria; track criterium; let i = $index) {\n <app-filter-criterium\n [criterium] = \"criterium\"\n [indent]=\"i*0.8\"\n (deleteCriterium)=\"deleteFilterCriterium(i)\"\n ></app-filter-criterium>\n }\n </div>\n </lib-expansion-panel>\n\n <div class=\"object-navigator-apply-button-row\">\n <button class=\"primary-button\" [ngClass]=\"{'disabled': filterCriteria.length===0}\" [disabled]=\"filterCriteria.length===0\" (click)=\"applyFilter()\"> {{\"_Apply filter\" | translate}} </button>\n </div>\n\n <div class=\"object-navigator-separator\"></div>\n\n @switch(filterCriteriaSelectionMode$.getValue()){\n @case(FilterCriteriaSelectionMode.SelectObjectProperties){\n @if(!selectedObjectId){\n <p id=\"NoObjectSelected\">{{ \"_NoObjectSelected\" | translate}}</p>\n }@else{\n <div class=\"scrollable-content-container\">\n <lib-bimplus-scrollable-container>\n <lib-criteria-select-object-properties\n [api]=\"api\"\n [selectedLanguage]=\"selectedLanguage\"\n [localizedStrings]=\"localizedStrings\"\n [(filterCriteria)]=\"filterCriteria\"\n [rootObjectId]=\"selectedObjectId\"\n (filterCriteriaChange)=\"activateModifiedCustomFilter()\"\n >\n </lib-criteria-select-object-properties>\n </lib-bimplus-scrollable-container>\n </div>\n }\n }\n @case(FilterCriteriaSelectionMode.SelectAttributes){\n\n }\n @default{\n @if (filterResult) {\n <div class=\"scrollable-content-container\">\n <lib-bimplus-scrollable-container>\n <lib-object-filter-result\n [filterResult]=\"filterResult\"\n [selectedObjects]=\"selectedObjects\"\n (nodeSelectionChanged)=\"handleFilterResultSelectionChanged($event)\"\n (nodeDoubleClicked)=\"handleFilterResulObjectDoubleClicked($event)\"\n (nodeMouseEntered)=\"handleFilterResulObjectMouseEntered($event)\"\n (nodeMouseLeft)=\"handleFilterResulObjectMouseLeft($event)\"\n ></lib-object-filter-result>\n </lib-bimplus-scrollable-container>\n </div>\n }\n }\n }\n }\n @else {\n <div data-test=\"object-navigator-no-filter-types-message\" class=\"object-navigator-no-filter-types\"> {{\"_No_visible_models_found\" | translate}} </div>\n }\n </div>\n</lib-bimplus-sidenav-drawer-content>\n", styles: [".ng-select.ng-select-opened>.ng-select-container{background:var(--select-container-open-background-color-enabled);border-color:var(--select-container-open-border-color-enabled)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent var(--select-container-open-arrow-border-color-enabled);border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent var(--select-container-open-arrow-border-color-hovered)}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-disabled>.ng-select-container{background-color:var(--select-container-background-color-disabled)}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:var(--select-container-text-color-enabled);background-color:var(--select-container-background-color-enabled);border-radius:0;border:1px solid var(--select-container-border-color-enabled);min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 var(--select-container-box-shadow-color-hovered);background-color:var(--select-container-background-color-hovered)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:var(--select-container-placeholder-text-color-enabled)}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:var(--select-multiple-disabled-container-value-background-color-enabled);border:1px solid var(--select-multiple-disabled-container-value-border-color-enabled)}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:var(--select-multiple-container-value-text-color-enabled);background-color:var(--select-multiple-container-value-background-color-enabled);border-radius:2px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:var(--select-multiple-container-value-background-color-disabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:var(--select-multiple-container-value-icon-background-color-hovered)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled);border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:var(--select-multiple-container-value-input-text-color-enabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:var(--select-clear-wrapper-text-color-enabled)}.ng-select .ng-clear-wrapper:hover .ng-clear{color:var(--select-clear-wrapper-text-color-hovered)}.ng-select .ng-clear-wrapper:focus .ng-clear{color:var(--select-clear-wrapper-text-color-focused)}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:var(--select-arrow-wrapper-border-color-hovored)}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:var(--select-arrow-wrapper-border-color-enabled) transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:var(--dropdown-panel-background-color-enabled);border:1px solid var(--dropdown-panel-border-color-enabled);box-shadow:0 1px 0 var(--dropdown-panel-box-shadow-color-enabled);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-top-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-right-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-color:var(--dropdown-panel-select-bottom-border-color-enabled);margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-left-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid var(--dropdown-panel-header-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid var(--dropdown-panel-footer-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:var(--dropdown-panel-items-text-color-enabled);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected-background-color-enabled);font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:var(--dropdown-panel-items-option-background-color-enabled);color:var(--dropdown-panel-items-option-text-color-enabled);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected2-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected2-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled);color:var(--dropdown-panel-items-marked-text-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:var(--dropdown-panel-items-text-color-disabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}.primary-button{text-transform:uppercase;font: 700 1rem Source Sans Pro,Helvetica,Arial,tahoma,sans-serif;display:inline-block;margin-left:.8rem;height:2.4rem;white-space:nowrap;border-radius:.2rem;vertical-align:middle;font-size:1.2rem;border:solid .2rem var(--primary-button-border-color-enabled);color:var(--primary-button-text-color-enabled);background-color:var(--primary-button-background-color-enabled);cursor:pointer}.primary-button:hover{border:solid .2rem var(--primary-button-border-color-hovered);color:var(--primary-button-text-color-hovered);background-color:var(--primary-button-background-color-hovered);outline:0}.primary-button:focus{border:solid .2rem var(--primary-button-border-color-focused);color:var(--primary-button-text-color-focused);background-color:var(--primary-button-background-color-focused);outline:0}.primary-button:disabled,.primary-button:disabled:active,.primary-button.disabled{border:solid .2rem var(--primary-button-border-color-disabled);color:var(--primary-button-text-color-disabled);background-color:var(--primary-button-background-color-disabled);cursor:default}.primary-button:active{border:solid .2rem var(--primary-button-border-color-pressed);color:var(--primary-button-text-color-pressed);background-color:var(--primary-button-background-color-pressed);cursor:default}:host{display:flex}lib-bimplus-sidenav-drawer-content{width:100%;max-height:100%;display:flex;flex:1}lib-bimplus-sidenav-drawer-content .object-navigator-content-container{display:flex;flex-direction:column;width:100%;max-height:100%;flex:1}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.description{margin-bottom:.8rem;font-size:1.2rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-no-filter-types{font-size:1.2rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-filters-type{flex:0;margin-top:.1rem;margin-bottom:.1rem;height:2.4rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-filters-type>.object-navigator-dropdown .ng-select-container{height:2.4rem;min-height:2.4rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-filters-name{flex:0;margin-top:.1rem;margin-bottom:.1rem;height:2.4rem;display:flex;flex-direction:row}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-filters-name>.object-navigator-dropdown{flex:1}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-filters-name>.object-navigator-dropdown .ng-select-container{height:2.4rem;min-height:2.4rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-filters-name>.object-navigator-filters-name-context-menu{--context-menu-trigger-width: 2.4rem;--context-menu-trigger-height: 2.4rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-filter-criteria-panel{flex:0;padding-top:.8rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-apply-button-row{flex:0;display:flex;margin-top:.8rem;margin-bottom:.8rem;justify-content:flex-end}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-separator{flex:0;border-top:solid .078125em var(--object-navigator-separator-border-color-enabled);padding-bottom:.8rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.scrollable-content-container{position:relative;flex:1;width:100%;display:flex;flex-direction:column}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.scrollable-content-container>lib-bimplus-scrollable-container{position:absolute;top:0;bottom:0;flex:1;width:100%}.filter-criteria-container{display:flex;flex-direction:column;width:calc(100% - 2.4rem);padding-left:2.4rem;height:14.4rem}:host(.object-navigator){height:100%;width:100%}.object-navigator-filter-action-buttons{width:2.4rem;height:2.4rem;display:inline-block;background-position:center center;background-repeat:no-repeat;cursor:pointer;background-size:1.8rem 1.8rem;color:var(--object-navigator-filter-action-buttons-text-color);margin-left:.4rem}.object-navigator-select-attributes-button{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.70697 10.707L7.29297 16.293C7.4805 16.4805 7.73481 16.5858 7.99997 16.5858C8.26514 16.5858 8.51944 16.4805 8.70697 16.293L15.415 9.586C15.7897 9.21085 16.0001 8.70225 16 8.172V4C16 3.46957 15.7893 2.96086 15.4142 2.58579C15.0391 2.21071 14.5304 2 14 2H9.82997C9.29958 2.00011 8.79096 2.2109 8.41597 2.586L1.70697 9.293C1.5195 9.48053 1.41418 9.73484 1.41418 10C1.41418 10.2652 1.5195 10.5195 1.70697 10.707ZM12 8C12.5304 8 13.0391 7.78929 13.4142 7.41421C13.7893 7.03914 14 6.53043 14 6C14 5.46957 13.7893 4.96086 13.4142 4.58579C13.0391 4.21071 12.5304 4 12 4C11.4695 4 10.9608 4.21071 10.5858 4.58579C10.2107 4.96086 9.99997 5.46957 9.99997 6C9.99997 6.53043 10.2107 7.03914 10.5858 7.41421C10.9608 7.78929 11.4695 8 12 8Z\" fill=\"%2346494D\"/>%0A</svg>%0A');width:2.4rem;height:2.4rem;display:inline-block;background-position:center center;background-repeat:no-repeat;cursor:pointer;background-size:1.8rem 1.8rem;color:var(--object-navigator-filter-action-buttons-text-color);margin-left:.4rem}.object-navigator-select-attributes-button.active{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.707 10.707L7.293 16.293C7.48053 16.4805 7.73484 16.5858 8 16.5858C8.26517 16.5858 8.51947 16.4805 8.707 16.293L15.415 9.586C15.7897 9.21085 16.0002 8.70225 16 8.172V4C16 3.46957 15.7893 2.96086 15.4142 2.58579C15.0391 2.21071 14.5304 2 14 2H9.83C9.29961 2.00011 8.79099 2.2109 8.416 2.586L1.707 9.293C1.51953 9.48053 1.41422 9.73484 1.41422 10C1.41422 10.2652 1.51953 10.5195 1.707 10.707ZM12 8C12.5304 8 13.0391 7.78929 13.4142 7.41421C13.7893 7.03914 14 6.53043 14 6C14 5.46957 13.7893 4.96086 13.4142 4.58579C13.0391 4.21071 12.5304 4 12 4C11.4696 4 10.9609 4.21071 10.5858 4.58579C10.2107 4.96086 10 5.46957 10 6C10 6.53043 10.2107 7.03914 10.5858 7.41421C10.9609 7.78929 11.4696 8 12 8Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.object-navigator-pick-object-button{background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M2.8 12.4c1.2 1.2-1.3 3-.7 3.6.5.5 2.5-1.8 3.6-.7l5.6-5.6-2.9-3s-4.6 4.7-5.6 5.7zM8.4 11L7 9.6l1.4-1.4 1.4 1.4L8.4 11zm4.2-8.4l-2 2-.7-.7-1.5 1.4 4.3 4.3 1.4-1.4-.7-.7 2-2c1.8-1.9-1-4.7-2.8-2.9z\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"%23444\"/></svg>');width:2.4rem;height:2.4rem;display:inline-block;background-position:center center;background-repeat:no-repeat;cursor:pointer;background-size:1.8rem 1.8rem;color:var(--object-navigator-filter-action-buttons-text-color);margin-left:.4rem}.object-navigator-pick-object-button.active{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M2.80001 12.4C4.00001 13.6 1.50001 15.4 2.10001 16C2.60001 16.5 4.60001 14.2 5.70001 15.3L11.3 9.69997L8.40001 6.69997C8.40001 6.69997 3.80001 11.4 2.80001 12.4ZM8.40001 11L7.00001 9.59997L8.40001 8.19997L9.80001 9.59997L8.40001 11ZM12.6 2.59997L10.6 4.59997L9.90001 3.89997L8.40001 5.29997L12.7 9.59997L14.1 8.19997L13.4 7.49997L15.4 5.49997C17.2 3.59997 14.4 0.799974 12.6 2.59997Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.object-navigator-filter-criteria-header{display:inline-block;text-transform:uppercase;line-height:2.4rem;font-weight:700;font-size:.9375em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%}\n"] }]
|
|
5303
|
+
], encapsulation: ViewEncapsulation.ShadowDom, template: "<lib-bimplus-sidenav-drawer-content [header]=\"'_Object navigator' | translate\"\n [isLoading]=\"isLoadingResults\"\n [loadingSpinnerText]=\"'_Loading_Filter_Results' | translate\"\n>\n <div class=\"object-navigator-content-container\">\n @if(filterTypes.length > 0){\n <div class=\"description\">\n {{\"_Select_an_object_using_Object_Picker\" | translate}}\n </div>\n <div class=\"object-navigator-filters-type\">\n <ng-select data-test=\"object-navigator-filter-types-dropdown\" class=\"object-navigator-dropdown\" [(ngModel)]=\"activeFilterType\" [clearable]=\"false\" [searchable]=\"false\">\n <ng-option *ngFor=\"let type of filterTypes\" [value]=\"type\">{{type.name}}</ng-option>\n </ng-select>\n </div>\n <div class=\"object-navigator-filters-name\">\n <ng-select data-test=\"object-navigator-filters-name-dropdown\" class=\"object-navigator-dropdown\" [(ngModel)]=\"activeFilter\" [clearable]=\"false\" [disabled]=\"!filters\" [searchable]=\"false\">\n <ng-option *ngFor=\"let filter of filters\" [value]=\"filter\">{{filter.name}}</ng-option>\n </ng-select>\n\n @if(!hideFilterContextMenu){\n <lib-bimplus-context-menu class=\"object-navigator-filters-name-context-menu\"\n [items]=\"filterContextMenu\"\n *ngIf=\"filterContextMenu?.length\"\n >\n </lib-bimplus-context-menu>\n }\n\n </div>\n\n <lib-expansion-panel class=\"object-navigator-filter-criteria-panel\">\n <lib-expansion-panel-header>\n <span class=\"object-navigator-filter-criteria-header\">\n {{\"_Assign_Objects_Selection_Mode\" | translate}} ({{filterCriteria.length}})\n </span>\n <lib-expansion-panel-header-actions>\n <div class=\"object-navigator-pick-object-button\"\n [ngClass]=\"filterCriteriaSelectionMode$.getValue() === FilterCriteriaSelectionMode.SelectObjectProperties? 'active' : ''\"\n (click)=\"setFilterCriteriaSelectionMode(FilterCriteriaSelectionMode.SelectObjectProperties)\"\n (keypress)=\"setFilterCriteriaSelectionMode(FilterCriteriaSelectionMode.SelectObjectProperties)\"\n [title]=\"'_Object_Picker'| translate\"\n ></div>\n <!-- Commented until functionality will be implemented\n <div class=\"object-navigator-select-attributes-button\"\n [ngClass]=\"filterCriteriaSelectionMode$.getValue() === FilterCriteriaSelectionMode.SelectAttributes? 'active' : ''\"\n (click)=\"setFilterCriteriaSelectionMode(FilterCriteriaSelectionMode.SelectAttributes)\"\n ></div>-->\n </lib-expansion-panel-header-actions>\n </lib-expansion-panel-header>\n\n <div class=\"filter-criteria-container\">\n @for (criterium of filterCriteria; track criterium; let i = $index) {\n <app-filter-criterium\n [criterium] = \"criterium\"\n [indent]=\"i*0.8\"\n (deleteCriterium)=\"deleteFilterCriterium(i)\"\n ></app-filter-criterium>\n }\n </div>\n </lib-expansion-panel>\n\n <div class=\"object-navigator-apply-button-row\">\n <button class=\"primary-button\" [ngClass]=\"{'disabled': filterCriteria.length===0}\" [disabled]=\"filterCriteria.length===0\" (click)=\"applyFilter()\"> {{\"_Apply filter\" | translate}} </button>\n </div>\n\n <div class=\"object-navigator-separator\"></div>\n\n @switch(filterCriteriaSelectionMode$.getValue()){\n @case(FilterCriteriaSelectionMode.SelectObjectProperties){\n @if(!selectedObjectId){\n <p id=\"NoObjectSelected\">{{ \"_NoObjectSelected\" | translate}}</p>\n }@else{\n <div class=\"scrollable-content-container\">\n <lib-bimplus-scrollable-container>\n <lib-criteria-select-object-properties\n [api]=\"api\"\n [selectedLanguage]=\"selectedLanguage\"\n [localizedStrings]=\"localizedStrings\"\n [(filterCriteria)]=\"filterCriteria\"\n [rootObjectId]=\"selectedObjectId\"\n (filterCriteriaChange)=\"activateModifiedCustomFilter()\"\n >\n </lib-criteria-select-object-properties>\n </lib-bimplus-scrollable-container>\n </div>\n }\n }\n @case(FilterCriteriaSelectionMode.SelectAttributes){\n\n }\n @default{\n @if (filterResult) {\n <div class=\"scrollable-content-container\">\n <lib-bimplus-scrollable-container>\n <lib-object-filter-result\n [filterResult]=\"filterResult\"\n [selectedObjects]=\"selectedObjects\"\n (nodeSelectionChanged)=\"handleFilterResultSelectionChanged($event)\"\n (nodeDoubleClicked)=\"handleFilterResulObjectDoubleClicked($event)\"\n (nodeMouseEntered)=\"handleFilterResulObjectMouseEntered($event)\"\n (nodeMouseLeft)=\"handleFilterResulObjectMouseLeft($event)\"\n ></lib-object-filter-result>\n </lib-bimplus-scrollable-container>\n </div>\n }\n }\n }\n }\n @else {\n <div data-test=\"object-navigator-no-filter-types-message\" class=\"object-navigator-no-filter-types\"> {{\"_No_visible_models_found\" | translate}} </div>\n }\n </div>\n</lib-bimplus-sidenav-drawer-content>\n", styles: [".ng-select.ng-select-opened>.ng-select-container{background:var(--select-container-open-background-color-enabled);border-color:var(--select-container-open-border-color-enabled)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent var(--select-container-open-arrow-border-color-enabled);border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent var(--select-container-open-arrow-border-color-hovered)}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-disabled>.ng-select-container{background-color:var(--select-container-background-color-disabled)}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:var(--select-container-text-color-enabled);background-color:var(--select-container-background-color-enabled);border-radius:0;border:1px solid var(--select-container-border-color-enabled);min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 var(--select-container-box-shadow-color-hovered);background-color:var(--select-container-background-color-hovered)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:var(--select-container-placeholder-text-color-enabled)}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:var(--select-multiple-disabled-container-value-background-color-enabled);border:1px solid var(--select-multiple-disabled-container-value-border-color-enabled)}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:var(--select-multiple-container-value-text-color-enabled);background-color:var(--select-multiple-container-value-background-color-enabled);border-radius:2px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:var(--select-multiple-container-value-background-color-disabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:var(--select-multiple-container-value-icon-background-color-hovered)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled);border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:var(--select-multiple-container-value-input-text-color-enabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:var(--select-clear-wrapper-text-color-enabled)}.ng-select .ng-clear-wrapper:hover .ng-clear{color:var(--select-clear-wrapper-text-color-hovered)}.ng-select .ng-clear-wrapper:focus .ng-clear{color:var(--select-clear-wrapper-text-color-focused)}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:var(--select-arrow-wrapper-border-color-hovored)}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:var(--select-arrow-wrapper-border-color-enabled) transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:var(--dropdown-panel-background-color-enabled);border:1px solid var(--dropdown-panel-border-color-enabled);box-shadow:0 1px 0 var(--dropdown-panel-box-shadow-color-enabled);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-top-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-right-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-color:var(--dropdown-panel-select-bottom-border-color-enabled);margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-left-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid var(--dropdown-panel-header-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid var(--dropdown-panel-footer-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:var(--dropdown-panel-items-text-color-enabled);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected-background-color-enabled);font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:var(--dropdown-panel-items-option-background-color-enabled);color:var(--dropdown-panel-items-option-text-color-enabled);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected2-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected2-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled);color:var(--dropdown-panel-items-marked-text-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:var(--dropdown-panel-items-text-color-disabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}.primary-button{text-transform:uppercase;font: 700 1rem Source Sans Pro,Helvetica,Arial,tahoma,sans-serif;display:inline-block;margin-left:.8rem;height:2.4rem;white-space:nowrap;border-radius:.2rem;vertical-align:middle;font-size:1.2rem;border:solid .2rem var(--primary-button-border-color-enabled);color:var(--primary-button-text-color-enabled);background-color:var(--primary-button-background-color-enabled);cursor:pointer}.primary-button:hover{border:solid .2rem var(--primary-button-border-color-hovered);color:var(--primary-button-text-color-hovered);background-color:var(--primary-button-background-color-hovered);outline:0}.primary-button:focus{border:solid .2rem var(--primary-button-border-color-focused);color:var(--primary-button-text-color-focused);background-color:var(--primary-button-background-color-focused);outline:0}.primary-button:disabled,.primary-button:disabled:active,.primary-button.disabled{border:solid .2rem var(--primary-button-border-color-disabled);color:var(--primary-button-text-color-disabled);background-color:var(--primary-button-background-color-disabled);cursor:default}.primary-button:active{border:solid .2rem var(--primary-button-border-color-pressed);color:var(--primary-button-text-color-pressed);background-color:var(--primary-button-background-color-pressed);cursor:default}:host{display:flex}lib-bimplus-sidenav-drawer-content{width:100%;max-height:100%;display:flex;flex:1}lib-bimplus-sidenav-drawer-content .object-navigator-content-container{display:flex;flex-direction:column;width:100%;max-height:100%;flex:1}lib-bimplus-sidenav-drawer-content .object-navigator-content-container lib-object-filter-result{--bimplus-object-filter-result-background-color: transparent}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.description{margin-bottom:.8rem;font-size:1.2rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-no-filter-types{font-size:1.2rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-filters-type{flex:0;margin-top:.1rem;margin-bottom:.1rem;height:2.4rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-filters-type>.object-navigator-dropdown .ng-select-container{height:2.4rem;min-height:2.4rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-filters-name{flex:0;margin-top:.1rem;margin-bottom:.1rem;height:2.4rem;display:flex;flex-direction:row}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-filters-name>.object-navigator-dropdown{flex:1}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-filters-name>.object-navigator-dropdown .ng-select-container{height:2.4rem;min-height:2.4rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-filters-name>.object-navigator-filters-name-context-menu{--context-menu-trigger-width: 2.4rem;--context-menu-trigger-height: 2.4rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-filter-criteria-panel{flex:0;padding-top:.8rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-apply-button-row{flex:0;display:flex;margin-top:.8rem;margin-bottom:.8rem;justify-content:flex-end}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.object-navigator-separator{flex:0;border-top:solid .078125em var(--object-navigator-separator-border-color-enabled);padding-bottom:.8rem}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.scrollable-content-container{position:relative;flex:1;width:100%;display:flex;flex-direction:column}lib-bimplus-sidenav-drawer-content .object-navigator-content-container>.scrollable-content-container>lib-bimplus-scrollable-container{position:absolute;top:0;bottom:0;flex:1;width:100%}.filter-criteria-container{display:flex;flex-direction:column;width:calc(100% - 2.4rem);padding-left:2.4rem;height:14.4rem}:host(.object-navigator){height:100%;width:100%}.object-navigator-filter-action-buttons{width:2.4rem;height:2.4rem;display:inline-block;background-position:center center;background-repeat:no-repeat;cursor:pointer;background-size:1.8rem 1.8rem;color:var(--object-navigator-filter-action-buttons-text-color);margin-left:.4rem}.object-navigator-select-attributes-button{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.70697 10.707L7.29297 16.293C7.4805 16.4805 7.73481 16.5858 7.99997 16.5858C8.26514 16.5858 8.51944 16.4805 8.70697 16.293L15.415 9.586C15.7897 9.21085 16.0001 8.70225 16 8.172V4C16 3.46957 15.7893 2.96086 15.4142 2.58579C15.0391 2.21071 14.5304 2 14 2H9.82997C9.29958 2.00011 8.79096 2.2109 8.41597 2.586L1.70697 9.293C1.5195 9.48053 1.41418 9.73484 1.41418 10C1.41418 10.2652 1.5195 10.5195 1.70697 10.707ZM12 8C12.5304 8 13.0391 7.78929 13.4142 7.41421C13.7893 7.03914 14 6.53043 14 6C14 5.46957 13.7893 4.96086 13.4142 4.58579C13.0391 4.21071 12.5304 4 12 4C11.4695 4 10.9608 4.21071 10.5858 4.58579C10.2107 4.96086 9.99997 5.46957 9.99997 6C9.99997 6.53043 10.2107 7.03914 10.5858 7.41421C10.9608 7.78929 11.4695 8 12 8Z\" fill=\"%2346494D\"/>%0A</svg>%0A');width:2.4rem;height:2.4rem;display:inline-block;background-position:center center;background-repeat:no-repeat;cursor:pointer;background-size:1.8rem 1.8rem;color:var(--object-navigator-filter-action-buttons-text-color);margin-left:.4rem}.object-navigator-select-attributes-button.active{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.707 10.707L7.293 16.293C7.48053 16.4805 7.73484 16.5858 8 16.5858C8.26517 16.5858 8.51947 16.4805 8.707 16.293L15.415 9.586C15.7897 9.21085 16.0002 8.70225 16 8.172V4C16 3.46957 15.7893 2.96086 15.4142 2.58579C15.0391 2.21071 14.5304 2 14 2H9.83C9.29961 2.00011 8.79099 2.2109 8.416 2.586L1.707 9.293C1.51953 9.48053 1.41422 9.73484 1.41422 10C1.41422 10.2652 1.51953 10.5195 1.707 10.707ZM12 8C12.5304 8 13.0391 7.78929 13.4142 7.41421C13.7893 7.03914 14 6.53043 14 6C14 5.46957 13.7893 4.96086 13.4142 4.58579C13.0391 4.21071 12.5304 4 12 4C11.4696 4 10.9609 4.21071 10.5858 4.58579C10.2107 4.96086 10 5.46957 10 6C10 6.53043 10.2107 7.03914 10.5858 7.41421C10.9609 7.78929 11.4696 8 12 8Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.object-navigator-pick-object-button{background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M2.8 12.4c1.2 1.2-1.3 3-.7 3.6.5.5 2.5-1.8 3.6-.7l5.6-5.6-2.9-3s-4.6 4.7-5.6 5.7zM8.4 11L7 9.6l1.4-1.4 1.4 1.4L8.4 11zm4.2-8.4l-2 2-.7-.7-1.5 1.4 4.3 4.3 1.4-1.4-.7-.7 2-2c1.8-1.9-1-4.7-2.8-2.9z\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"%23444\"/></svg>');width:2.4rem;height:2.4rem;display:inline-block;background-position:center center;background-repeat:no-repeat;cursor:pointer;background-size:1.8rem 1.8rem;color:var(--object-navigator-filter-action-buttons-text-color);margin-left:.4rem}.object-navigator-pick-object-button.active{background-image:url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">%0A<path d=\"M2.80001 12.4C4.00001 13.6 1.50001 15.4 2.10001 16C2.60001 16.5 4.60001 14.2 5.70001 15.3L11.3 9.69997L8.40001 6.69997C8.40001 6.69997 3.80001 11.4 2.80001 12.4ZM8.40001 11L7.00001 9.59997L8.40001 8.19997L9.80001 9.59997L8.40001 11ZM12.6 2.59997L10.6 4.59997L9.90001 3.89997L8.40001 5.29997L12.7 9.59997L14.1 8.19997L13.4 7.49997L15.4 5.49997C17.2 3.59997 14.4 0.799974 12.6 2.59997Z\" fill=\"%230066CC\"/>%0A</svg>%0A')}.object-navigator-filter-criteria-header{display:inline-block;text-transform:uppercase;line-height:2.4rem;font-weight:700;font-size:.9375em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%}\n"] }]
|
|
5301
5304
|
}], ctorParameters: () => [{ type: i1.TranslateService }], propDecorators: { hideFilterContextMenu: [{
|
|
5302
5305
|
type: Input
|
|
5303
5306
|
}], filterContextMenu: [{
|
|
@@ -5969,12 +5972,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
|
|
|
5969
5972
|
class ObjectPropertiesHeaderComponent extends BimplusLocalizedWidgetComponent {
|
|
5970
5973
|
constructor(translateService) {
|
|
5971
5974
|
super(translateService);
|
|
5975
|
+
this.selectedObject = new EventEmitter();
|
|
5972
5976
|
this.closePropertiesPanel = new EventEmitter();
|
|
5973
5977
|
this.selectedObjects = [];
|
|
5974
5978
|
this._activeObject = null;
|
|
5975
5979
|
}
|
|
5976
5980
|
set activeObject(value) {
|
|
5977
5981
|
this._activeObject = value;
|
|
5982
|
+
fireEvent(this, "selectedObject", value);
|
|
5978
5983
|
}
|
|
5979
5984
|
get activeObject() {
|
|
5980
5985
|
return this._activeObject;
|
|
@@ -5983,8 +5988,19 @@ class ObjectPropertiesHeaderComponent extends BimplusLocalizedWidgetComponent {
|
|
|
5983
5988
|
fireEvent(this, "closePropertiesPanel", event);
|
|
5984
5989
|
event.stopPropagation();
|
|
5985
5990
|
}
|
|
5991
|
+
ngOnChanges(changes) {
|
|
5992
|
+
if (!changes['selectedObjects']) {
|
|
5993
|
+
return;
|
|
5994
|
+
}
|
|
5995
|
+
const previousValue = changes['selectedObjects'].previousValue;
|
|
5996
|
+
const currentValue = changes['selectedObjects'].currentValue;
|
|
5997
|
+
if (currentValue && currentValue.length > 0) {
|
|
5998
|
+
this.activeObject = currentValue[currentValue.length - 1];
|
|
5999
|
+
}
|
|
6000
|
+
console.log(`Data changed from ${previousValue} to ${currentValue}`);
|
|
6001
|
+
}
|
|
5986
6002
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ObjectPropertiesHeaderComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5987
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: ObjectPropertiesHeaderComponent, isStandalone: true, selector: "lib-object-properties-header", inputs: { selectedObjects: "selectedObjects" }, outputs: { closePropertiesPanel: "closePropertiesPanel" }, providers: [TranslateService], usesInheritance: true, ngImport: i0, template: "<div class=\"object-properties-header\">\n <div class=\"object-properties-header-object\">\n <div class=\"object-properties-header-object-select\">\n <ng-select class=\"object-properties-header-object-select-dropdown\" [(ngModel)]=\"activeObject\" [clearable]=\"false\" [searchable]=\"false\">\n <ng-option *ngFor=\"let object of selectedObjects\" [value]=\"object\">{{object.name}}</ng-option>\n </ng-select>\n </div>\n </div>\n <div\n class=\"object-properties-header-link-icon\"\n title=\"{{'_Create link' | translate}}\"\n >\n </div>\n <div\n class=\"object-properties-header-close-icon\"\n (click)=\"_closePropertiesPanel($event)\"\n (keydown)=\"_closePropertiesPanel($event)\"\n title=\"{{'_Close_properties_panel_title' | translate}}\"\n >\n</div>\n", styles: [".ng-select.ng-select-opened>.ng-select-container{background:var(--select-container-open-background-color-enabled);border-color:var(--select-container-open-border-color-enabled)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent var(--select-container-open-arrow-border-color-enabled);border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent var(--select-container-open-arrow-border-color-hovered)}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-disabled>.ng-select-container{background-color:var(--select-container-background-color-disabled)}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:var(--select-container-text-color-enabled);background-color:var(--select-container-background-color-enabled);border-radius:0;border:1px solid var(--select-container-border-color-enabled);min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 var(--select-container-box-shadow-color-hovered);background-color:var(--select-container-background-color-hovered)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:var(--select-container-placeholder-text-color-enabled)}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:var(--select-multiple-disabled-container-value-background-color-enabled);border:1px solid var(--select-multiple-disabled-container-value-border-color-enabled)}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:var(--select-multiple-container-value-text-color-enabled);background-color:var(--select-multiple-container-value-background-color-enabled);border-radius:2px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:var(--select-multiple-container-value-background-color-disabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:var(--select-multiple-container-value-icon-background-color-hovered)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled);border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:var(--select-multiple-container-value-input-text-color-enabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:var(--select-clear-wrapper-text-color-enabled)}.ng-select .ng-clear-wrapper:hover .ng-clear{color:var(--select-clear-wrapper-text-color-hovered)}.ng-select .ng-clear-wrapper:focus .ng-clear{color:var(--select-clear-wrapper-text-color-focused)}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:var(--select-arrow-wrapper-border-color-hovored)}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:var(--select-arrow-wrapper-border-color-enabled) transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:var(--dropdown-panel-background-color-enabled);border:1px solid var(--dropdown-panel-border-color-enabled);box-shadow:0 1px 0 var(--dropdown-panel-box-shadow-color-enabled);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-top-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-right-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-color:var(--dropdown-panel-select-bottom-border-color-enabled);margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-left-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid var(--dropdown-panel-header-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid var(--dropdown-panel-footer-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:var(--dropdown-panel-items-text-color-enabled);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected-background-color-enabled);font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:var(--dropdown-panel-items-option-background-color-enabled);color:var(--dropdown-panel-items-option-text-color-enabled);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected2-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected2-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled);color:var(--dropdown-panel-items-marked-text-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:var(--dropdown-panel-items-text-color-disabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}:host{display:flex}.object-properties-header{flex:1;height:4.6rem;display:flex;flex-direction:row;background-color:var(--sidenav-drawer-content-header-background-color-enabled)}.object-properties-header>.object-properties-header-object{display:flex;flex-direction:column;justify-content:center;margin-left:.8rem;margin-right:.8rem;flex:1}.object-properties-header>.object-properties-header-object>.object-properties-header-object-select{height:2.4rem}.object-properties-header>.object-properties-header-object>.object-properties-header-object-select>.object-properties-header-object-select-dropdown{flex:1}.object-properties-header>.object-properties-header-object>.object-properties-header-object-select>.object-properties-header-object-select-dropdown .ng-select-container{height:2.4rem;min-height:2.4rem}.object-properties-header>.object-properties-header-link-icon{flex:1;background:url('data:image/svg+xml,<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0\" y=\"0\" viewBox=\"0 0 18 18\" xml:space=\"preserve\"><style>.st0{fill:%23444}<\\/style><path class=\"st0\" d=\"M18 14h-2v-2h-2v2h-2v2h2v2h2v-2h2zm-1.3-7.4c1.2-1.2 1.2-3.2 0-4.4L15.4.9C14.2-.3 12.2-.3 11 .9l-.6.6 1.1 1.1.7-.6c.6-.6 1.5-.6 2.1 0l1.3 1.3c.6.6.6 1.5 0 2.1l-4.1 4.1c-.6.6-1.5.6-2.1 0L8.1 8.3c-.6-.6-.6-1.5-.1-2.1L6.9 5.1c-1.2 1.2-1.1 3.1 0 4.3l1.3 1.3c1.2 1.2 3.2 1.2 4.4 0l4.1-4.1z\"/><path class=\"st0\" d=\"M5.8 11c-.6.6-1.5.6-2.1 0L2.4 9.7c-.6-.6-.6-1.5 0-2.1l4.1-4.1c.6-.6 1.5-.6 2.1 0l1.3 1.3c.6.6.6 1.5 0 2.1l-.6.6 1.1 1.1.7-.6c1.2-1.2 1.2-3.2 0-4.4L9.8 2.3c-1.2-1.2-3.2-1.2-4.4 0L1.3 6.4C.1 7.6.1 9.6 1.3 10.8l1.3 1.3c1.2 1.2 3.2 1.2 4.4 0l.6-.6-1.1-1.1-.7.6z\"/></svg>') no-repeat center;background-size:1.8rem;height:4.6rem;width:3.2rem;max-width:3.2rem;background-position:center center;cursor:pointer}.object-properties-header>.object-properties-header-close-icon{flex:1;background:url('data:image/svg+xml,<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0\" y=\"0\" width=\"18\" height=\"18\" xml:space=\"preserve\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"%23444\" d=\"M13.5 5.4L12.1 4 8.5 7.6 4.9 4 3.5 5.4 7.1 9l-3.6 3.6L4.9 14l3.6-3.6 3.6 3.6 1.4-1.4L9.9 9z\"/></svg>%0A') no-repeat center;background-size:1.8rem;height:4.6rem;width:3.2rem;max-width:3.2rem;background-position:center center;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i4.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick", "keyDownFn"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "component", type: i4.NgOptionComponent, selector: "ng-option", inputs: ["value", "disabled"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
|
|
6003
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: ObjectPropertiesHeaderComponent, isStandalone: true, selector: "lib-object-properties-header", inputs: { selectedObjects: "selectedObjects" }, outputs: { selectedObject: "selectedObject", closePropertiesPanel: "closePropertiesPanel" }, providers: [TranslateService], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"object-properties-header\">\n <div class=\"object-properties-header-object\">\n <div class=\"object-properties-header-object-select\">\n <ng-select class=\"object-properties-header-object-select-dropdown\" [(ngModel)]=\"activeObject\" [clearable]=\"false\" [searchable]=\"false\">\n <ng-option *ngFor=\"let object of selectedObjects\" [value]=\"object\">{{object.name}}</ng-option>\n </ng-select>\n </div>\n </div>\n <div\n class=\"object-properties-header-link-icon\"\n title=\"{{'_Create link' | translate}}\"\n >\n </div>\n <div\n class=\"object-properties-header-close-icon\"\n (click)=\"_closePropertiesPanel($event)\"\n (keydown)=\"_closePropertiesPanel($event)\"\n title=\"{{'_Close_properties_panel_title' | translate}}\"\n >\n</div>\n", styles: [".ng-select.ng-select-opened>.ng-select-container{background:var(--select-container-open-background-color-enabled);border-color:var(--select-container-open-border-color-enabled)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent var(--select-container-open-arrow-border-color-enabled);border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent var(--select-container-open-arrow-border-color-hovered)}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-disabled>.ng-select-container{background-color:var(--select-container-background-color-disabled)}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:var(--select-container-text-color-enabled);background-color:var(--select-container-background-color-enabled);border-radius:0;border:1px solid var(--select-container-border-color-enabled);min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 var(--select-container-box-shadow-color-hovered);background-color:var(--select-container-background-color-hovered)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:var(--select-container-placeholder-text-color-enabled)}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:var(--select-multiple-disabled-container-value-background-color-enabled);border:1px solid var(--select-multiple-disabled-container-value-border-color-enabled)}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:var(--select-multiple-container-value-text-color-enabled);background-color:var(--select-multiple-container-value-background-color-enabled);border-radius:2px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:var(--select-multiple-container-value-background-color-disabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:var(--select-multiple-container-value-icon-background-color-hovered)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled);border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:var(--select-multiple-container-value-input-text-color-enabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:var(--select-clear-wrapper-text-color-enabled)}.ng-select .ng-clear-wrapper:hover .ng-clear{color:var(--select-clear-wrapper-text-color-hovered)}.ng-select .ng-clear-wrapper:focus .ng-clear{color:var(--select-clear-wrapper-text-color-focused)}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:var(--select-arrow-wrapper-border-color-hovored)}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:var(--select-arrow-wrapper-border-color-enabled) transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:var(--dropdown-panel-background-color-enabled);border:1px solid var(--dropdown-panel-border-color-enabled);box-shadow:0 1px 0 var(--dropdown-panel-box-shadow-color-enabled);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-top-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-right-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-color:var(--dropdown-panel-select-bottom-border-color-enabled);margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-left-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid var(--dropdown-panel-header-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid var(--dropdown-panel-footer-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:var(--dropdown-panel-items-text-color-enabled);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected-background-color-enabled);font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:var(--dropdown-panel-items-option-background-color-enabled);color:var(--dropdown-panel-items-option-text-color-enabled);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected2-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected2-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled);color:var(--dropdown-panel-items-marked-text-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:var(--dropdown-panel-items-text-color-disabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}:host{display:flex}.object-properties-header{flex:1;height:4.6rem;display:flex;flex-direction:row;background-color:var(--sidenav-drawer-content-header-background-color-enabled);padding-left:var(--object-properties-header-padding-left, 0);padding-right:var(--object-properties-header-padding-right, 0)}.object-properties-header>.object-properties-header-object{display:flex;flex-direction:column;justify-content:center;margin-right:.8rem;flex:1}.object-properties-header>.object-properties-header-object>.object-properties-header-object-select{height:2.4rem}.object-properties-header>.object-properties-header-object>.object-properties-header-object-select>.object-properties-header-object-select-dropdown{flex:1}.object-properties-header>.object-properties-header-object>.object-properties-header-object-select>.object-properties-header-object-select-dropdown .ng-select-container{height:2.4rem;min-height:2.4rem}.object-properties-header>.object-properties-header-link-icon{flex:1;background:url('data:image/svg+xml,<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0\" y=\"0\" viewBox=\"0 0 18 18\" xml:space=\"preserve\"><style>.st0{fill:%23444}<\\/style><path class=\"st0\" d=\"M18 14h-2v-2h-2v2h-2v2h2v2h2v-2h2zm-1.3-7.4c1.2-1.2 1.2-3.2 0-4.4L15.4.9C14.2-.3 12.2-.3 11 .9l-.6.6 1.1 1.1.7-.6c.6-.6 1.5-.6 2.1 0l1.3 1.3c.6.6.6 1.5 0 2.1l-4.1 4.1c-.6.6-1.5.6-2.1 0L8.1 8.3c-.6-.6-.6-1.5-.1-2.1L6.9 5.1c-1.2 1.2-1.1 3.1 0 4.3l1.3 1.3c1.2 1.2 3.2 1.2 4.4 0l4.1-4.1z\"/><path class=\"st0\" d=\"M5.8 11c-.6.6-1.5.6-2.1 0L2.4 9.7c-.6-.6-.6-1.5 0-2.1l4.1-4.1c.6-.6 1.5-.6 2.1 0l1.3 1.3c.6.6.6 1.5 0 2.1l-.6.6 1.1 1.1.7-.6c1.2-1.2 1.2-3.2 0-4.4L9.8 2.3c-1.2-1.2-3.2-1.2-4.4 0L1.3 6.4C.1 7.6.1 9.6 1.3 10.8l1.3 1.3c1.2 1.2 3.2 1.2 4.4 0l.6-.6-1.1-1.1-.7.6z\"/></svg>') no-repeat center;background-size:1.8rem;height:4.6rem;width:3.2rem;max-width:3.2rem;background-position:center center;cursor:pointer}.object-properties-header>.object-properties-header-close-icon{flex:1;background:url('data:image/svg+xml,<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0\" y=\"0\" width=\"18\" height=\"18\" xml:space=\"preserve\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"%23444\" d=\"M13.5 5.4L12.1 4 8.5 7.6 4.9 4 3.5 5.4 7.1 9l-3.6 3.6L4.9 14l3.6-3.6 3.6 3.6 1.4-1.4L9.9 9z\"/></svg>%0A') no-repeat center;background-size:1.8rem;height:4.6rem;width:3.2rem;max-width:3.2rem;background-position:center center;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i4.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick", "keyDownFn"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "component", type: i4.NgOptionComponent, selector: "ng-option", inputs: ["value", "disabled"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
|
|
5988
6004
|
}
|
|
5989
6005
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ObjectPropertiesHeaderComponent, decorators: [{
|
|
5990
6006
|
type: Component,
|
|
@@ -5993,13 +6009,238 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
|
|
|
5993
6009
|
FormsModule,
|
|
5994
6010
|
NgSelectModule,
|
|
5995
6011
|
TranslateModule
|
|
5996
|
-
], providers: [TranslateService], encapsulation: ViewEncapsulation.ShadowDom, template: "<div class=\"object-properties-header\">\n <div class=\"object-properties-header-object\">\n <div class=\"object-properties-header-object-select\">\n <ng-select class=\"object-properties-header-object-select-dropdown\" [(ngModel)]=\"activeObject\" [clearable]=\"false\" [searchable]=\"false\">\n <ng-option *ngFor=\"let object of selectedObjects\" [value]=\"object\">{{object.name}}</ng-option>\n </ng-select>\n </div>\n </div>\n <div\n class=\"object-properties-header-link-icon\"\n title=\"{{'_Create link' | translate}}\"\n >\n </div>\n <div\n class=\"object-properties-header-close-icon\"\n (click)=\"_closePropertiesPanel($event)\"\n (keydown)=\"_closePropertiesPanel($event)\"\n title=\"{{'_Close_properties_panel_title' | translate}}\"\n >\n</div>\n", styles: [".ng-select.ng-select-opened>.ng-select-container{background:var(--select-container-open-background-color-enabled);border-color:var(--select-container-open-border-color-enabled)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent var(--select-container-open-arrow-border-color-enabled);border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent var(--select-container-open-arrow-border-color-hovered)}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-disabled>.ng-select-container{background-color:var(--select-container-background-color-disabled)}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:var(--select-container-text-color-enabled);background-color:var(--select-container-background-color-enabled);border-radius:0;border:1px solid var(--select-container-border-color-enabled);min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 var(--select-container-box-shadow-color-hovered);background-color:var(--select-container-background-color-hovered)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:var(--select-container-placeholder-text-color-enabled)}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:var(--select-multiple-disabled-container-value-background-color-enabled);border:1px solid var(--select-multiple-disabled-container-value-border-color-enabled)}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:var(--select-multiple-container-value-text-color-enabled);background-color:var(--select-multiple-container-value-background-color-enabled);border-radius:2px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:var(--select-multiple-container-value-background-color-disabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:var(--select-multiple-container-value-icon-background-color-hovered)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled);border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:var(--select-multiple-container-value-input-text-color-enabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:var(--select-clear-wrapper-text-color-enabled)}.ng-select .ng-clear-wrapper:hover .ng-clear{color:var(--select-clear-wrapper-text-color-hovered)}.ng-select .ng-clear-wrapper:focus .ng-clear{color:var(--select-clear-wrapper-text-color-focused)}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:var(--select-arrow-wrapper-border-color-hovored)}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:var(--select-arrow-wrapper-border-color-enabled) transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:var(--dropdown-panel-background-color-enabled);border:1px solid var(--dropdown-panel-border-color-enabled);box-shadow:0 1px 0 var(--dropdown-panel-box-shadow-color-enabled);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-top-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-right-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-color:var(--dropdown-panel-select-bottom-border-color-enabled);margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-left-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid var(--dropdown-panel-header-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid var(--dropdown-panel-footer-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:var(--dropdown-panel-items-text-color-enabled);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected-background-color-enabled);font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:var(--dropdown-panel-items-option-background-color-enabled);color:var(--dropdown-panel-items-option-text-color-enabled);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected2-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected2-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled);color:var(--dropdown-panel-items-marked-text-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:var(--dropdown-panel-items-text-color-disabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}:host{display:flex}.object-properties-header{flex:1;height:4.6rem;display:flex;flex-direction:row;background-color:var(--sidenav-drawer-content-header-background-color-enabled)}.object-properties-header>.object-properties-header-object{display:flex;flex-direction:column;justify-content:center;margin-left:.8rem;margin-right:.8rem;flex:1}.object-properties-header>.object-properties-header-object>.object-properties-header-object-select{height:2.4rem}.object-properties-header>.object-properties-header-object>.object-properties-header-object-select>.object-properties-header-object-select-dropdown{flex:1}.object-properties-header>.object-properties-header-object>.object-properties-header-object-select>.object-properties-header-object-select-dropdown .ng-select-container{height:2.4rem;min-height:2.4rem}.object-properties-header>.object-properties-header-link-icon{flex:1;background:url('data:image/svg+xml,<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0\" y=\"0\" viewBox=\"0 0 18 18\" xml:space=\"preserve\"><style>.st0{fill:%23444}<\\/style><path class=\"st0\" d=\"M18 14h-2v-2h-2v2h-2v2h2v2h2v-2h2zm-1.3-7.4c1.2-1.2 1.2-3.2 0-4.4L15.4.9C14.2-.3 12.2-.3 11 .9l-.6.6 1.1 1.1.7-.6c.6-.6 1.5-.6 2.1 0l1.3 1.3c.6.6.6 1.5 0 2.1l-4.1 4.1c-.6.6-1.5.6-2.1 0L8.1 8.3c-.6-.6-.6-1.5-.1-2.1L6.9 5.1c-1.2 1.2-1.1 3.1 0 4.3l1.3 1.3c1.2 1.2 3.2 1.2 4.4 0l4.1-4.1z\"/><path class=\"st0\" d=\"M5.8 11c-.6.6-1.5.6-2.1 0L2.4 9.7c-.6-.6-.6-1.5 0-2.1l4.1-4.1c.6-.6 1.5-.6 2.1 0l1.3 1.3c.6.6.6 1.5 0 2.1l-.6.6 1.1 1.1.7-.6c1.2-1.2 1.2-3.2 0-4.4L9.8 2.3c-1.2-1.2-3.2-1.2-4.4 0L1.3 6.4C.1 7.6.1 9.6 1.3 10.8l1.3 1.3c1.2 1.2 3.2 1.2 4.4 0l.6-.6-1.1-1.1-.7.6z\"/></svg>') no-repeat center;background-size:1.8rem;height:4.6rem;width:3.2rem;max-width:3.2rem;background-position:center center;cursor:pointer}.object-properties-header>.object-properties-header-close-icon{flex:1;background:url('data:image/svg+xml,<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0\" y=\"0\" width=\"18\" height=\"18\" xml:space=\"preserve\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"%23444\" d=\"M13.5 5.4L12.1 4 8.5 7.6 4.9 4 3.5 5.4 7.1 9l-3.6 3.6L4.9 14l3.6-3.6 3.6 3.6 1.4-1.4L9.9 9z\"/></svg>%0A') no-repeat center;background-size:1.8rem;height:4.6rem;width:3.2rem;max-width:3.2rem;background-position:center center;cursor:pointer}\n"] }]
|
|
5997
|
-
}], ctorParameters: () => [{ type: i1.TranslateService }], propDecorators: {
|
|
6012
|
+
], providers: [TranslateService], encapsulation: ViewEncapsulation.ShadowDom, template: "<div class=\"object-properties-header\">\n <div class=\"object-properties-header-object\">\n <div class=\"object-properties-header-object-select\">\n <ng-select class=\"object-properties-header-object-select-dropdown\" [(ngModel)]=\"activeObject\" [clearable]=\"false\" [searchable]=\"false\">\n <ng-option *ngFor=\"let object of selectedObjects\" [value]=\"object\">{{object.name}}</ng-option>\n </ng-select>\n </div>\n </div>\n <div\n class=\"object-properties-header-link-icon\"\n title=\"{{'_Create link' | translate}}\"\n >\n </div>\n <div\n class=\"object-properties-header-close-icon\"\n (click)=\"_closePropertiesPanel($event)\"\n (keydown)=\"_closePropertiesPanel($event)\"\n title=\"{{'_Close_properties_panel_title' | translate}}\"\n >\n</div>\n", styles: [".ng-select.ng-select-opened>.ng-select-container{background:var(--select-container-open-background-color-enabled);border-color:var(--select-container-open-border-color-enabled)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent var(--select-container-open-arrow-border-color-enabled);border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent var(--select-container-open-arrow-border-color-hovered)}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-disabled>.ng-select-container{background-color:var(--select-container-background-color-disabled)}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:var(--select-container-text-color-enabled);background-color:var(--select-container-background-color-enabled);border-radius:0;border:1px solid var(--select-container-border-color-enabled);min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 var(--select-container-box-shadow-color-hovered);background-color:var(--select-container-background-color-hovered)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:var(--select-container-placeholder-text-color-enabled)}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:var(--select-multiple-disabled-container-value-background-color-enabled);border:1px solid var(--select-multiple-disabled-container-value-border-color-enabled)}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:var(--select-multiple-container-value-text-color-enabled);background-color:var(--select-multiple-container-value-background-color-enabled);border-radius:2px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:var(--select-multiple-container-value-background-color-disabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:var(--select-multiple-container-value-icon-background-color-hovered)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid var(--select-multiple-container-value-icon-left-border-color-enbabled);border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid var(--select-multiple-container-value-icon-right-border-color-enbabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:var(--select-multiple-container-value-input-text-color-enabled)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:var(--select-clear-wrapper-text-color-enabled)}.ng-select .ng-clear-wrapper:hover .ng-clear{color:var(--select-clear-wrapper-text-color-hovered)}.ng-select .ng-clear-wrapper:focus .ng-clear{color:var(--select-clear-wrapper-text-color-focused)}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:var(--select-arrow-wrapper-border-color-hovored)}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:var(--select-arrow-wrapper-border-color-enabled) transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:var(--dropdown-panel-background-color-enabled);border:1px solid var(--dropdown-panel-border-color-enabled);box-shadow:0 1px 0 var(--dropdown-panel-box-shadow-color-enabled);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-top-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-right-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-color:var(--dropdown-panel-select-bottom-border-color-enabled);margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:var(--dropdown-panel-select-left-border-color-enabled);margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid var(--dropdown-panel-header-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid var(--dropdown-panel-footer-border-color-enabled);padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:var(--dropdown-panel-items-text-color-enabled);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected-background-color-enabled);font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:var(--dropdown-panel-items-option-background-color-enabled);color:var(--dropdown-panel-items-option-text-color-enabled);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:var(--dropdown-panel-items-option-selected2-text-color-enabled);background-color:var(--dropdown-panel-items-option-selected2-background-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:var(--dropdown-panel-items-marked-background-color-enabled);color:var(--dropdown-panel-items-marked-text-color-enabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:var(--dropdown-panel-items-text-color-disabled)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}:host{display:flex}.object-properties-header{flex:1;height:4.6rem;display:flex;flex-direction:row;background-color:var(--sidenav-drawer-content-header-background-color-enabled);padding-left:var(--object-properties-header-padding-left, 0);padding-right:var(--object-properties-header-padding-right, 0)}.object-properties-header>.object-properties-header-object{display:flex;flex-direction:column;justify-content:center;margin-right:.8rem;flex:1}.object-properties-header>.object-properties-header-object>.object-properties-header-object-select{height:2.4rem}.object-properties-header>.object-properties-header-object>.object-properties-header-object-select>.object-properties-header-object-select-dropdown{flex:1}.object-properties-header>.object-properties-header-object>.object-properties-header-object-select>.object-properties-header-object-select-dropdown .ng-select-container{height:2.4rem;min-height:2.4rem}.object-properties-header>.object-properties-header-link-icon{flex:1;background:url('data:image/svg+xml,<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0\" y=\"0\" viewBox=\"0 0 18 18\" xml:space=\"preserve\"><style>.st0{fill:%23444}<\\/style><path class=\"st0\" d=\"M18 14h-2v-2h-2v2h-2v2h2v2h2v-2h2zm-1.3-7.4c1.2-1.2 1.2-3.2 0-4.4L15.4.9C14.2-.3 12.2-.3 11 .9l-.6.6 1.1 1.1.7-.6c.6-.6 1.5-.6 2.1 0l1.3 1.3c.6.6.6 1.5 0 2.1l-4.1 4.1c-.6.6-1.5.6-2.1 0L8.1 8.3c-.6-.6-.6-1.5-.1-2.1L6.9 5.1c-1.2 1.2-1.1 3.1 0 4.3l1.3 1.3c1.2 1.2 3.2 1.2 4.4 0l4.1-4.1z\"/><path class=\"st0\" d=\"M5.8 11c-.6.6-1.5.6-2.1 0L2.4 9.7c-.6-.6-.6-1.5 0-2.1l4.1-4.1c.6-.6 1.5-.6 2.1 0l1.3 1.3c.6.6.6 1.5 0 2.1l-.6.6 1.1 1.1.7-.6c1.2-1.2 1.2-3.2 0-4.4L9.8 2.3c-1.2-1.2-3.2-1.2-4.4 0L1.3 6.4C.1 7.6.1 9.6 1.3 10.8l1.3 1.3c1.2 1.2 3.2 1.2 4.4 0l.6-.6-1.1-1.1-.7.6z\"/></svg>') no-repeat center;background-size:1.8rem;height:4.6rem;width:3.2rem;max-width:3.2rem;background-position:center center;cursor:pointer}.object-properties-header>.object-properties-header-close-icon{flex:1;background:url('data:image/svg+xml,<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0\" y=\"0\" width=\"18\" height=\"18\" xml:space=\"preserve\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"%23444\" d=\"M13.5 5.4L12.1 4 8.5 7.6 4.9 4 3.5 5.4 7.1 9l-3.6 3.6L4.9 14l3.6-3.6 3.6 3.6 1.4-1.4L9.9 9z\"/></svg>%0A') no-repeat center;background-size:1.8rem;height:4.6rem;width:3.2rem;max-width:3.2rem;background-position:center center;cursor:pointer}\n"] }]
|
|
6013
|
+
}], ctorParameters: () => [{ type: i1.TranslateService }], propDecorators: { selectedObject: [{
|
|
6014
|
+
type: Output
|
|
6015
|
+
}], closePropertiesPanel: [{
|
|
5998
6016
|
type: Output
|
|
5999
6017
|
}], selectedObjects: [{
|
|
6000
6018
|
type: Input
|
|
6001
6019
|
}] } });
|
|
6002
6020
|
|
|
6021
|
+
class ObjectPropertiesComponent extends BimplusLocalizedWidgetComponent {
|
|
6022
|
+
constructor(translateService) {
|
|
6023
|
+
super(translateService);
|
|
6024
|
+
this._objectStructure = null;
|
|
6025
|
+
this._complexProperties = null;
|
|
6026
|
+
this.api = null;
|
|
6027
|
+
this.revision = undefined;
|
|
6028
|
+
this._currentObjectId$ = new BehaviorSubject("");
|
|
6029
|
+
this._currentPropertiesObjectId$ = new BehaviorSubject("");
|
|
6030
|
+
this._rootObjectId = "";
|
|
6031
|
+
this.buttonRowItems = [];
|
|
6032
|
+
this.configEditProperties = [];
|
|
6033
|
+
this.configEditedProperties = [];
|
|
6034
|
+
this.objectAttributeGroups = [];
|
|
6035
|
+
}
|
|
6036
|
+
get objectStructure() {
|
|
6037
|
+
return this._objectStructure;
|
|
6038
|
+
}
|
|
6039
|
+
get complexProperties() {
|
|
6040
|
+
return this._complexProperties;
|
|
6041
|
+
}
|
|
6042
|
+
set rootObjectId(id) {
|
|
6043
|
+
this._currentObjectId$.next(id);
|
|
6044
|
+
this._createObjectStructure(id, this.revision);
|
|
6045
|
+
this._rootObjectId = id;
|
|
6046
|
+
}
|
|
6047
|
+
get rootObjectId() {
|
|
6048
|
+
return this._rootObjectId;
|
|
6049
|
+
}
|
|
6050
|
+
_editPropertiesButtonsConfiguration() {
|
|
6051
|
+
this.configEditProperties.push({
|
|
6052
|
+
id: "edit-properties",
|
|
6053
|
+
title: this.translateService.instant('_Edit_properties'),
|
|
6054
|
+
tooltip: this.translateService.instant('_Edit_properties'),
|
|
6055
|
+
disabled: false,
|
|
6056
|
+
buttonStyle: 'primary'
|
|
6057
|
+
});
|
|
6058
|
+
}
|
|
6059
|
+
_editedPropertiesButtonsConfiguration() {
|
|
6060
|
+
this.configEditedProperties.push({
|
|
6061
|
+
id: "save-changed-properties",
|
|
6062
|
+
title: this.translateService.instant('_Save'),
|
|
6063
|
+
tooltip: this.translateService.instant('_Save'),
|
|
6064
|
+
disabled: true,
|
|
6065
|
+
buttonStyle: 'primary'
|
|
6066
|
+
});
|
|
6067
|
+
this.configEditedProperties.push({
|
|
6068
|
+
id: "cancel-editing-properties",
|
|
6069
|
+
title: this.translateService.instant('_Cancel'),
|
|
6070
|
+
tooltip: this.translateService.instant('_Cancel'),
|
|
6071
|
+
disabled: false,
|
|
6072
|
+
buttonStyle: 'secondary'
|
|
6073
|
+
});
|
|
6074
|
+
}
|
|
6075
|
+
ngOnInit() {
|
|
6076
|
+
this._editPropertiesButtonsConfiguration();
|
|
6077
|
+
this._editedPropertiesButtonsConfiguration();
|
|
6078
|
+
this.buttonRowItems = this.configEditProperties;
|
|
6079
|
+
this._currentPropertiesObjectId$.subscribe({
|
|
6080
|
+
next: (id) => {
|
|
6081
|
+
if (id) {
|
|
6082
|
+
this._createObjectProperties(id, this.revision);
|
|
6083
|
+
}
|
|
6084
|
+
}
|
|
6085
|
+
});
|
|
6086
|
+
this._currentObjectId$.subscribe({
|
|
6087
|
+
next: (id) => {
|
|
6088
|
+
this._currentPropertiesObjectId$.next(id);
|
|
6089
|
+
this._createComplexPropertiestructure(id, this.revision);
|
|
6090
|
+
}
|
|
6091
|
+
});
|
|
6092
|
+
}
|
|
6093
|
+
handleObjectStructureNodeSelected(node) {
|
|
6094
|
+
console.log(node);
|
|
6095
|
+
this._currentObjectId$.next(node.id);
|
|
6096
|
+
}
|
|
6097
|
+
handleComplexPropertyNodeSelected(node) {
|
|
6098
|
+
console.log(node);
|
|
6099
|
+
this._currentPropertiesObjectId$.next(node.id);
|
|
6100
|
+
}
|
|
6101
|
+
_loadObjectStructure(objectId, revision) {
|
|
6102
|
+
if (!this.api) {
|
|
6103
|
+
return;
|
|
6104
|
+
}
|
|
6105
|
+
if (!objectId) {
|
|
6106
|
+
return;
|
|
6107
|
+
}
|
|
6108
|
+
return from(this.api.objects.getTopology(objectId, revision, false, false, undefined));
|
|
6109
|
+
}
|
|
6110
|
+
_createObjectStructure(objectId, revision) {
|
|
6111
|
+
this._loadObjectStructure(objectId, revision)?.subscribe({
|
|
6112
|
+
next: (structureData) => {
|
|
6113
|
+
if (structureData) {
|
|
6114
|
+
this._objectStructure = ObjectStructureNodeBuilder.createFromResponse(structureData);
|
|
6115
|
+
}
|
|
6116
|
+
}
|
|
6117
|
+
});
|
|
6118
|
+
}
|
|
6119
|
+
_loadObjectComplexPropertiesStructure(objectId, revision) {
|
|
6120
|
+
if (!this.api) {
|
|
6121
|
+
return;
|
|
6122
|
+
}
|
|
6123
|
+
if (!objectId) {
|
|
6124
|
+
return;
|
|
6125
|
+
}
|
|
6126
|
+
return from(this.api.objects.getComplexPropertiesTopology(objectId, revision));
|
|
6127
|
+
}
|
|
6128
|
+
_createComplexPropertiestructure(objectId, revision) {
|
|
6129
|
+
this._loadObjectComplexPropertiesStructure(objectId, revision)?.subscribe({
|
|
6130
|
+
next: (structureData) => {
|
|
6131
|
+
if (structureData) {
|
|
6132
|
+
const complexProps = ComplexPropertiesNodeBuilder.createFromResponse(structureData);
|
|
6133
|
+
if (complexProps?.children?.length) {
|
|
6134
|
+
this._complexProperties = complexProps;
|
|
6135
|
+
}
|
|
6136
|
+
else {
|
|
6137
|
+
this._complexProperties = null;
|
|
6138
|
+
}
|
|
6139
|
+
}
|
|
6140
|
+
}
|
|
6141
|
+
});
|
|
6142
|
+
}
|
|
6143
|
+
_loadObjectProperties(objectId, revision) {
|
|
6144
|
+
if (!this.api) {
|
|
6145
|
+
return;
|
|
6146
|
+
}
|
|
6147
|
+
if (!objectId) {
|
|
6148
|
+
return;
|
|
6149
|
+
}
|
|
6150
|
+
return from(this.api.objects.get(objectId, revision, "8", undefined, false, undefined));
|
|
6151
|
+
}
|
|
6152
|
+
_createObjectProperties(objectId, revision) {
|
|
6153
|
+
this._loadObjectProperties(objectId, revision)?.subscribe({
|
|
6154
|
+
// properties response is badly structured, nearly impossible to create class structure from it. Therefore using shortcut
|
|
6155
|
+
// any for json response
|
|
6156
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
6157
|
+
next: (propertiesData) => {
|
|
6158
|
+
this.objectAttributeGroups = this._createAttributeGroupsFromResponse(propertiesData);
|
|
6159
|
+
// this._syncAttributeStatesFromCriteria();
|
|
6160
|
+
},
|
|
6161
|
+
error: () => {
|
|
6162
|
+
this.objectAttributeGroups = [];
|
|
6163
|
+
}
|
|
6164
|
+
});
|
|
6165
|
+
}
|
|
6166
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
6167
|
+
_createAttributeGroupsFromResponse(propertiesData) {
|
|
6168
|
+
const groups = [];
|
|
6169
|
+
let localizedAttribGroups = null;
|
|
6170
|
+
if (propertiesData.localizedAttributeGroups) {
|
|
6171
|
+
localizedAttribGroups = propertiesData.localizedAttributeGroups;
|
|
6172
|
+
}
|
|
6173
|
+
if (!propertiesData.attributes) {
|
|
6174
|
+
return groups;
|
|
6175
|
+
}
|
|
6176
|
+
const attribGroups = propertiesData.attributes;
|
|
6177
|
+
for (const [groupName, attribsObject] of Object.entries(attribGroups)) {
|
|
6178
|
+
const newGroup = {
|
|
6179
|
+
name: groupName,
|
|
6180
|
+
expanded: false,
|
|
6181
|
+
attributes: []
|
|
6182
|
+
};
|
|
6183
|
+
if (localizedAttribGroups?.[groupName]) {
|
|
6184
|
+
newGroup.name = localizedAttribGroups[groupName];
|
|
6185
|
+
}
|
|
6186
|
+
if (!attribsObject) {
|
|
6187
|
+
continue;
|
|
6188
|
+
}
|
|
6189
|
+
for (const attrib of Object.values(attribsObject)) {
|
|
6190
|
+
const newAttrib = {
|
|
6191
|
+
id: attrib.id,
|
|
6192
|
+
name: attrib.name,
|
|
6193
|
+
description: attrib.description,
|
|
6194
|
+
value: attrib.value,
|
|
6195
|
+
group: attrib.group,
|
|
6196
|
+
type: attrib.type,
|
|
6197
|
+
unit: attrib.unit,
|
|
6198
|
+
decimal: attrib.decimal,
|
|
6199
|
+
control: attrib.control,
|
|
6200
|
+
enumdefinition: attrib.enumdefinition,
|
|
6201
|
+
isChangeable: attrib.isChangeable
|
|
6202
|
+
};
|
|
6203
|
+
newGroup.attributes.push(newAttrib);
|
|
6204
|
+
}
|
|
6205
|
+
groups.push(newGroup);
|
|
6206
|
+
}
|
|
6207
|
+
return groups;
|
|
6208
|
+
}
|
|
6209
|
+
buttonClicked($event) {
|
|
6210
|
+
if ($event.id === "edit-properties") {
|
|
6211
|
+
console.log("Edit properties clicked");
|
|
6212
|
+
this.buttonRowItems = this.configEditedProperties;
|
|
6213
|
+
}
|
|
6214
|
+
if ($event.id === "save-changed-properties") {
|
|
6215
|
+
this.buttonRowItems = this.configEditProperties;
|
|
6216
|
+
console.log("Save changed properties clicked");
|
|
6217
|
+
}
|
|
6218
|
+
if ($event.id === "cancel-editing-properties") {
|
|
6219
|
+
this.buttonRowItems = this.configEditProperties;
|
|
6220
|
+
console.log("Cancel edit properties clicked");
|
|
6221
|
+
}
|
|
6222
|
+
}
|
|
6223
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ObjectPropertiesComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6224
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: ObjectPropertiesComponent, isStandalone: true, selector: "lib-object-properties", inputs: { api: "api", revision: "revision", rootObjectId: "rootObjectId" }, usesInheritance: true, ngImport: i0, template: "<lib-bimplus-buttons-row\n [items]=\"buttonRowItems\"\n (buttonClicked)=\"buttonClicked($event)\"\n></lib-bimplus-buttons-row>\n\n<!-- Object structure-->\n<lib-expansion-panel>\n <lib-expansion-panel-header>\n <span class=\"object-structure-header\">{{\"_Object structure\" | translate}}</span>\n </lib-expansion-panel-header>\n <lib-bimplus-object-structure\n [objectStructure]=\"objectStructure\"\n (nodeSelected)=\"handleObjectStructureNodeSelected($event)\"\n >\n </lib-bimplus-object-structure>\n</lib-expansion-panel>\n<!-- End Object structure-->\n\n<!-- Complex properties-->\n@if(complexProperties){\n <lib-expansion-panel>\n <lib-expansion-panel-header>\n <span class=\"criteria-select-object-properties-header\"> {{\"_Object multiproperties tree\" | translate}}</span>\n </lib-expansion-panel-header>\n <lib-bimplus-object-complex-properties\n [complexProperties]=\"complexProperties\"\n (nodeSelected)=\"handleComplexPropertyNodeSelected($event)\"\n >\n </lib-bimplus-object-complex-properties>\n </lib-expansion-panel>\n}\n<!-- End Complex properties-->\n\n@if(objectAttributeGroups.length > 0){\n <lib-expansion-panel>\n <lib-expansion-panel-header>\n <span class=\"object-properties-header\">{{\"_Object properties\" | translate}}</span>\n </lib-expansion-panel-header>\n @for (attribGroup of objectAttributeGroups; track attribGroup) {\n <lib-expansion-panel [expanded]=\"attribGroup.expanded\">\n <lib-expansion-panel-header>\n <span class=\"object-properties-group-header\"> {{attribGroup.name}}</span>\n </lib-expansion-panel-header>\n @for (attrib of attribGroup.attributes; track attrib) {\n <div class=\"object-property-row\">\n <div class=\"object-property-label\">{{attrib.name}}</div>\n <div class=\"object-property-value\">{{attrib.value}}</div>\n <div class=\"object-property-value\">{{attrib.unit}}</div>\n </div>\n }\n </lib-expansion-panel>\n }\n </lib-expansion-panel>\n}\n", styles: [".object-structure-header,.object-properties-header{font-weight:700;text-transform:uppercase;font-size:1.4rem}.object-properties-group-header{line-height:2.4rem}.object-property-row{display:flex}.object-property-row .object-property-label,.object-property-row .object-property-value{flex:1}lib-bimplus-object-structure{--bimplus-object-structure-background-color: var(--object-properties-background-color, var(--flat-tree-container-background-color-enabled))}lib-bimplus-object-complex-properties{--bimplus-object-complex-properties-background-color: var(--object-properties-background-color, var(--flat-tree-container-background-color-enabled))}\n"], dependencies: [{ kind: "component", type: ExpansionPanelComponent, selector: "lib-expansion-panel", inputs: ["expanded"] }, { kind: "component", type: ExpansionPanelHeaderComponent, selector: "lib-expansion-panel-header" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: BimplusObjectStructureComponent, selector: "lib-bimplus-object-structure", inputs: ["objectStructure"], outputs: ["nodeSelected"] }, { kind: "component", type: BimplusObjectComplexPropertiesComponent, selector: "lib-bimplus-object-complex-properties", inputs: ["complexProperties"], outputs: ["nodeSelected"] }, { kind: "component", type: BimplusButtonsRowComponent, selector: "lib-bimplus-buttons-row", inputs: ["items"], outputs: ["buttonClicked"] }], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
|
|
6225
|
+
}
|
|
6226
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ObjectPropertiesComponent, decorators: [{
|
|
6227
|
+
type: Component,
|
|
6228
|
+
args: [{ selector: 'lib-object-properties', standalone: true, imports: [
|
|
6229
|
+
ExpansionPanelComponent,
|
|
6230
|
+
ExpansionPanelHeaderComponent,
|
|
6231
|
+
TranslateModule,
|
|
6232
|
+
BimplusObjectStructureComponent,
|
|
6233
|
+
BimplusObjectComplexPropertiesComponent,
|
|
6234
|
+
BimplusButtonsRowComponent
|
|
6235
|
+
], encapsulation: ViewEncapsulation.ShadowDom, template: "<lib-bimplus-buttons-row\n [items]=\"buttonRowItems\"\n (buttonClicked)=\"buttonClicked($event)\"\n></lib-bimplus-buttons-row>\n\n<!-- Object structure-->\n<lib-expansion-panel>\n <lib-expansion-panel-header>\n <span class=\"object-structure-header\">{{\"_Object structure\" | translate}}</span>\n </lib-expansion-panel-header>\n <lib-bimplus-object-structure\n [objectStructure]=\"objectStructure\"\n (nodeSelected)=\"handleObjectStructureNodeSelected($event)\"\n >\n </lib-bimplus-object-structure>\n</lib-expansion-panel>\n<!-- End Object structure-->\n\n<!-- Complex properties-->\n@if(complexProperties){\n <lib-expansion-panel>\n <lib-expansion-panel-header>\n <span class=\"criteria-select-object-properties-header\"> {{\"_Object multiproperties tree\" | translate}}</span>\n </lib-expansion-panel-header>\n <lib-bimplus-object-complex-properties\n [complexProperties]=\"complexProperties\"\n (nodeSelected)=\"handleComplexPropertyNodeSelected($event)\"\n >\n </lib-bimplus-object-complex-properties>\n </lib-expansion-panel>\n}\n<!-- End Complex properties-->\n\n@if(objectAttributeGroups.length > 0){\n <lib-expansion-panel>\n <lib-expansion-panel-header>\n <span class=\"object-properties-header\">{{\"_Object properties\" | translate}}</span>\n </lib-expansion-panel-header>\n @for (attribGroup of objectAttributeGroups; track attribGroup) {\n <lib-expansion-panel [expanded]=\"attribGroup.expanded\">\n <lib-expansion-panel-header>\n <span class=\"object-properties-group-header\"> {{attribGroup.name}}</span>\n </lib-expansion-panel-header>\n @for (attrib of attribGroup.attributes; track attrib) {\n <div class=\"object-property-row\">\n <div class=\"object-property-label\">{{attrib.name}}</div>\n <div class=\"object-property-value\">{{attrib.value}}</div>\n <div class=\"object-property-value\">{{attrib.unit}}</div>\n </div>\n }\n </lib-expansion-panel>\n }\n </lib-expansion-panel>\n}\n", styles: [".object-structure-header,.object-properties-header{font-weight:700;text-transform:uppercase;font-size:1.4rem}.object-properties-group-header{line-height:2.4rem}.object-property-row{display:flex}.object-property-row .object-property-label,.object-property-row .object-property-value{flex:1}lib-bimplus-object-structure{--bimplus-object-structure-background-color: var(--object-properties-background-color, var(--flat-tree-container-background-color-enabled))}lib-bimplus-object-complex-properties{--bimplus-object-complex-properties-background-color: var(--object-properties-background-color, var(--flat-tree-container-background-color-enabled))}\n"] }]
|
|
6236
|
+
}], ctorParameters: () => [{ type: i1.TranslateService }], propDecorators: { api: [{
|
|
6237
|
+
type: Input
|
|
6238
|
+
}], revision: [{
|
|
6239
|
+
type: Input
|
|
6240
|
+
}], rootObjectId: [{
|
|
6241
|
+
type: Input
|
|
6242
|
+
}] } });
|
|
6243
|
+
|
|
6003
6244
|
class BimplusOverlayDialogErrorComponent {
|
|
6004
6245
|
get title() {
|
|
6005
6246
|
return this._title;
|
|
@@ -6041,6 +6282,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
|
|
|
6041
6282
|
type: Input
|
|
6042
6283
|
}] } });
|
|
6043
6284
|
|
|
6285
|
+
class BimplusTabsSwitcherComponent {
|
|
6286
|
+
constructor() {
|
|
6287
|
+
this.activeTab = new EventEmitter();
|
|
6288
|
+
}
|
|
6289
|
+
activateTab(activeTab) {
|
|
6290
|
+
this.activeTab.emit(activeTab);
|
|
6291
|
+
}
|
|
6292
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BimplusTabsSwitcherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6293
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: BimplusTabsSwitcherComponent, isStandalone: true, selector: "lib-bimplus-tabs-switcher", outputs: { activeTab: "activeTab" }, providers: [], ngImport: i0, template: "<div (click)=\"activateTab({id: 'object-properties'})\" (keypress)=\"activateTab({id: 'object-properties'})\">object-properties</div>\n<div (click)=\"activateTab({id: 'comments'})\" (keypress)=\"activateTab({id: 'comments'})\">comments</div>\n<div (click)=\"activateTab({id: 'attachments'})\" (keypress)=\"activateTab({id: 'attachments'})\">attachments</div>\n<div (click)=\"activateTab({id: 'hyperlinks'})\" (keypress)=\"activateTab({id: 'hyperlinks'})\">hyperlinks</div>\n<div (click)=\"activateTab({id: 'links-to-documents'})\" (keypress)=\"activateTab({id: 'links-to-documents'})\">comments</div>\n", styles: [""], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
|
|
6294
|
+
}
|
|
6295
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: BimplusTabsSwitcherComponent, decorators: [{
|
|
6296
|
+
type: Component,
|
|
6297
|
+
args: [{ selector: 'lib-bimplus-tabs-switcher', standalone: true, imports: [], providers: [], encapsulation: ViewEncapsulation.ShadowDom, template: "<div (click)=\"activateTab({id: 'object-properties'})\" (keypress)=\"activateTab({id: 'object-properties'})\">object-properties</div>\n<div (click)=\"activateTab({id: 'comments'})\" (keypress)=\"activateTab({id: 'comments'})\">comments</div>\n<div (click)=\"activateTab({id: 'attachments'})\" (keypress)=\"activateTab({id: 'attachments'})\">attachments</div>\n<div (click)=\"activateTab({id: 'hyperlinks'})\" (keypress)=\"activateTab({id: 'hyperlinks'})\">hyperlinks</div>\n<div (click)=\"activateTab({id: 'links-to-documents'})\" (keypress)=\"activateTab({id: 'links-to-documents'})\">comments</div>\n" }]
|
|
6298
|
+
}], ctorParameters: () => [], propDecorators: { activeTab: [{
|
|
6299
|
+
type: Output
|
|
6300
|
+
}] } });
|
|
6301
|
+
|
|
6044
6302
|
/*
|
|
6045
6303
|
* Public API Surface of ngx-bimplus-components
|
|
6046
6304
|
*/
|
|
@@ -6049,5 +6307,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
|
|
|
6049
6307
|
* Generated bundle index. Do not edit.
|
|
6050
6308
|
*/
|
|
6051
6309
|
|
|
6052
|
-
export { BimplusConnectionDesignerComponent, BimplusConnectionDesignerResultsComponent, BimplusContactComponent, BimplusContextMenuComponent, BimplusFlatTreeComponent, BimplusFloatingBarHideObjectsComponent, BimplusFloatingBarIsolationObjectsComponent, BimplusFloatingBarProjectNavigatorComponent, BimplusLanguageMenuComponent, BimplusLocalizedWidgetComponent, BimplusMainMenuComponent, BimplusNavbarComponent, BimplusNotifyComponent, BimplusObjectNavigatorComponent, BimplusOverlayDialogErrorComponent, BimplusOverlayDialogWarningComponent, BimplusProjectMenuComponent, BimplusScrollableContainerComponent, BimplusSidenavComponent, BimplusSidenavDrawerContentComponent, BimplusStorageInfoComponent, BimplusToolHubComponent, BimplusTooltipMessageComponent, BimplusTouchMenuComponent, BimplusUserMenuComponent, BimplusZoomComponent, BimportalGeneralOverlayDialogComponent, DialogService, FilterCriteriaSelectionMode, LanguageStringsService, LoadingSpinnerComponent, LogoState, MaxFilterCriteria, NgxBimplusComponentsComponent, NgxBimplusComponentsService, ObjectPropertiesHeaderComponent, ResizablePanelComponent, ResizeObserverService };
|
|
6310
|
+
export { BimplusConnectionDesignerComponent, BimplusConnectionDesignerResultsComponent, BimplusContactComponent, BimplusContextMenuComponent, BimplusFlatTreeComponent, BimplusFloatingBarHideObjectsComponent, BimplusFloatingBarIsolationObjectsComponent, BimplusFloatingBarProjectNavigatorComponent, BimplusLanguageMenuComponent, BimplusLocalizedWidgetComponent, BimplusMainMenuComponent, BimplusNavbarComponent, BimplusNotifyComponent, BimplusObjectNavigatorComponent, BimplusOverlayDialogErrorComponent, BimplusOverlayDialogWarningComponent, BimplusProjectMenuComponent, BimplusScrollableContainerComponent, BimplusSidenavComponent, BimplusSidenavDrawerContentComponent, BimplusStorageInfoComponent, BimplusTabsSwitcherComponent, BimplusToolHubComponent, BimplusTooltipMessageComponent, BimplusTouchMenuComponent, BimplusUserMenuComponent, BimplusZoomComponent, BimportalGeneralOverlayDialogComponent, DialogService, FilterCriteriaSelectionMode, LanguageStringsService, LoadingSpinnerComponent, LogoState, MaxFilterCriteria, NgxBimplusComponentsComponent, NgxBimplusComponentsService, ObjectPropertiesComponent, ObjectPropertiesHeaderComponent, ResizablePanelComponent, ResizeObserverService };
|
|
6053
6311
|
//# sourceMappingURL=ngx-bimplus-components.mjs.map
|