ngx-wapp-components 1.1.0 → 1.2.0

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.
Files changed (58) hide show
  1. package/esm2020/lib/button/w-button/w-button.component.mjs +2 -2
  2. package/esm2020/lib/button/w-buttons-footer/w-buttons-footer.component.mjs +2 -2
  3. package/esm2020/lib/button/w-radio-button/w-radio-button.component.mjs +2 -2
  4. package/esm2020/lib/button/w-select-button/w-select-button.component.mjs +2 -2
  5. package/esm2020/lib/button/w-toggle-button/w-toggle-button.component.mjs +2 -2
  6. package/esm2020/lib/edit/w-edit-calendar/w-edit-calendar.component.mjs +2 -2
  7. package/esm2020/lib/edit/w-edit-checkbox/w-edit-checkbox.component.mjs +2 -2
  8. package/esm2020/lib/edit/w-edit-input-number/w-edit-input-number.component.mjs +2 -2
  9. package/esm2020/lib/edit/w-edit-input-text/w-edit-input-text.component.mjs +2 -2
  10. package/esm2020/lib/edit/w-edit-input-textarea/w-edit-input-textarea.component.mjs +2 -2
  11. package/esm2020/lib/edit/w-edit-multiselect/w-edit-multiselect.component.mjs +4 -4
  12. package/esm2020/lib/edit/w-edit-select/w-edit-select.component.mjs +2 -2
  13. package/esm2020/lib/edit/w-edit-toggle/w-edit-toggle.component.mjs +2 -2
  14. package/esm2020/lib/edit/w-edit-treeselect/w-edit-treeselect.component.mjs +2 -2
  15. package/esm2020/lib/file/w-image-cropper/w-image-cropper.component.mjs +2 -2
  16. package/esm2020/lib/file/w-image-file-uploader/w-image-file-uploader.component.mjs +2 -2
  17. package/esm2020/lib/layout/w-body/w-body.component.mjs +2 -2
  18. package/esm2020/lib/layout/w-body-container/w-body-container.component.mjs +2 -2
  19. package/esm2020/lib/layout/w-body-grid/w-body-grid.component.mjs +2 -2
  20. package/esm2020/lib/layout/w-container/w-container.component.mjs +2 -2
  21. package/esm2020/lib/layout/w-footer/w-footer.component.mjs +2 -2
  22. package/esm2020/lib/layout/w-header-panel/w-header-panel.component.mjs +2 -2
  23. package/esm2020/lib/layout/w-navbar/w-navbar.component.mjs +2 -2
  24. package/esm2020/lib/layout/w-panel/w-panel.component.mjs +2 -2
  25. package/esm2020/lib/layout/w-panel-grid/w-panel-grid.component.mjs +2 -2
  26. package/esm2020/lib/layout/w-panel-subtitle/w-panel-subtitle.component.mjs +2 -2
  27. package/esm2020/lib/layout/w-panel-title/w-panel-title.component.mjs +2 -2
  28. package/esm2020/lib/maps/w-maps/w-maps.component.mjs +2 -2
  29. package/esm2020/lib/misc/w-badge/w-badge.component.mjs +2 -2
  30. package/esm2020/lib/misc/w-chip/w-chip.component.mjs +2 -2
  31. package/esm2020/lib/misc/w-filter-panel/w-filter-panel.component.mjs +2 -2
  32. package/esm2020/lib/misc/w-filter-panel/w-list-field/w-list-field.component.mjs +2 -2
  33. package/esm2020/lib/misc/w-timeline/w-timeline.component.mjs +2 -2
  34. package/esm2020/lib/misc/w-wizard/w-wizard.component.mjs +2 -2
  35. package/esm2020/lib/search/w-autocomplete-search/w-autocomplete-search.component.mjs +2 -2
  36. package/esm2020/lib/search/w-input-search/w-input-search.component.mjs +2 -2
  37. package/esm2020/lib/shared/skeletons/w-skeleton-form/w-skeleton-form.component.mjs +24 -0
  38. package/esm2020/lib/shared/skeletons/w-skeleton-input-generic/w-skeleton-input-generic.component.mjs +4 -4
  39. package/esm2020/lib/shared/skeletons/w-skeleton-sidebar/w-skeleton-sidebar.component.mjs +2 -2
  40. package/esm2020/lib/sidebar/w-sidebar/w-sidebar.component.mjs +2 -2
  41. package/esm2020/lib/tables/w-table/w-table.component.mjs +3 -3
  42. package/esm2020/lib/tables/w-table-lazy/w-table-lazy.component.mjs +2 -2
  43. package/esm2020/lib/tables/w-tree-table/w-tree-table.component.mjs +2 -2
  44. package/esm2020/lib/tabview/w-tabview/w-tabview.component.mjs +2 -2
  45. package/esm2020/lib/tree/w-tree/w-tree.component.mjs +2 -2
  46. package/esm2020/lib/view/w-view-boolean/w-view-boolean.component.mjs +2 -2
  47. package/esm2020/lib/view/w-view-card-title-text/w-view-card-title-text.component.mjs +2 -2
  48. package/esm2020/lib/view/w-view-text/w-view-text.component.mjs +2 -2
  49. package/esm2020/lib/wapp-components.module.mjs +8 -3
  50. package/esm2020/public-api.mjs +2 -1
  51. package/fesm2015/ngx-wapp-components.mjs +168 -145
  52. package/fesm2015/ngx-wapp-components.mjs.map +1 -1
  53. package/fesm2020/ngx-wapp-components.mjs +168 -145
  54. package/fesm2020/ngx-wapp-components.mjs.map +1 -1
  55. package/lib/shared/skeletons/w-skeleton-form/w-skeleton-form.component.d.ts +10 -0
  56. package/lib/wapp-components.module.d.ts +47 -46
  57. package/package.json +1 -1
  58. package/public-api.d.ts +1 -0
package/esm2020/lib/tree/w-tree/w-tree.component.mjs CHANGED
@@ -67,10 +67,10 @@ export class WTreeComponent {
67
67
  }
68
68
  }
69
69
  WTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
70
- WTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WTreeComponent, selector: "w-tree", inputs: { nodes: "nodes", selection: "selection", selectionMode: "selectionMode", activeToggleButton: "activeToggleButton", collapsedNodes: "collapsedNodes", collapseButtonLabel: "collapseButtonLabel", expandButtonLabel: "expandButtonLabel", propagateSelectionDown: "propagateSelectionDown", propagateSelectionUp: "propagateSelectionUp", activeFilter: "activeFilter", filterPlaceholder: "filterPlaceholder", filterBy: "filterBy", emptyMessage: "emptyMessage", loading: "loading", draggableNodes: "draggableNodes", draggableScope: "draggableScope", droppableNodes: "droppableNodes", droppableScope: "droppableScope", scrollHeight: "scrollHeight", activeVirtualScroll: "activeVirtualScroll", virtualScrollItemSize: "virtualScrollItemSize", nodeItemTemplateName: "nodeItemTemplateName" }, outputs: { selectionChange: "selectionChange", onFilterEmit: "onFilter", onNodeDropeEmit: "onNodeDrope" }, providers: [TreeDragDropService], ngImport: i0, template: "<div *ngIf=\"activeToggleButton\" class=\"w-tree-buttontoggle flex justify-content-end flex-wrap card-container green-container\">\r\n <div *ngIf=\"collapsedNodes else collapse\">\r\n <w-button \r\n size=\"small\" \r\n type=\"secondary\" \r\n icon=\"pi pi-plus\" \r\n [label]=\"expandButtonLabel\" \r\n (onClick)=\"expandAll()\">\r\n </w-button>\r\n </div>\r\n <ng-template #collapse>\r\n <w-button \r\n size=\"small\"\r\n type=\"secondary\"\r\n icon=\"pi pi-minus\"\r\n [label]=\"collapseButtonLabel\" \r\n (onClick)=\"collapseAll()\">\r\n </w-button>\r\n </ng-template>\r\n</div>\r\n\r\n<p-tree class=\"w-full w-tree\" #wTree\r\n [value]=\"nodes\" \r\n [(selection)]=\"selection\"\r\n (selectionChange)=\"onSelectionChange($event)\" \r\n [selectionMode]=\"selectionMode\" \r\n [loading]=\"loading\"\r\n [filter]=\"activeFilter\" \r\n [filterPlaceholder]=\"filterPlaceholder\" \r\n [propagateSelectionDown]=\"propagateSelectionDown\"\r\n [propagateSelectionUp]=\"propagateSelectionUp\" \r\n [emptyMessage]=\"emptyMessage\" \r\n [draggableNodes]=\"draggableNodes\" \r\n [draggableScope]=\"draggableScope\" \r\n [droppableNodes]=\"droppableNodes\" \r\n [droppableScope]=\"droppableScope\" \r\n (onNodeDrop)=\"onNodeDrope($event)\" \r\n [virtualScroll]=\"activeVirtualScroll\" \r\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\r\n [scrollHeight]=\"scrollHeight\" \r\n (onFilter)=\"onFilter($event)\" \r\n styleClass=\"w-tree\">\r\n <ng-template let-node [pTemplate]=\"nodeItemTemplateName\">\r\n <div class=\"flex p-elemnt\">\r\n <span class=\"w-tree-icon flex align-items-center justify-content-center\" *ngIf=\"node.icon && isPrimeIcon(node.icon)\" [class]=\"getIcon(node.icon)\"></span>\r\n <w-icons class=\"w-tree-icon flex align-items-center\" *ngIf=\"node.icon && isPrimeIcon(node.icon) == false\" [name]=\"node.icon\" [height]=\"16\" [width]=\"18\" [color]=\"'#2e3134'\"></w-icons>\r\n <div class=\"flex align-items-center\">{{node.label}}</div>\r\n </div>\r\n </ng-template>\r\n</p-tree>", styles: [".subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-search-small-label,.w-input-small-label-disabled,.w-input-search-medium-label-disabled,.w-input-search-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:600}.body,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,::ng-deep .w-tree .p-inputtext:enabled,.w-input-search-small .w-input-search-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-input-search-small .w-input-search-text-wo-button,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text,.w-input-search-medium .w-input-search-text{font-size:16px;font-weight:400;line-height:24px}.heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-sidebar-title-text,.w-panel-title-text,.w-tab-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-button-small-text-label-text-typography,.w-button-small-text-label-text,.w-view-small-label-text-typography,.w-view-small-label-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-search-small-label,.w-input-small-label-disabled,.w-input-search-medium-label-disabled,.w-input-search-small-label-disabled,.w-panel-subtitle-text,.w-table-th-text{font-size:1rem;line-height:1.3333333333rem;font-weight:600}.body,.w-button-small-label-text-typography,.w-input-search-small .w-input-search-text-wo-button,.w-button-small-tertiary-label-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text,::ng-deep .w-tree .p-inputtext:enabled,.w-input-search-small .w-input-search-text,.w-input-small-placeholder-text-disabled,.w-input-small-select-options-text,.w-panel-content,.w-chip-text,.w-table-td-text{font-size:1rem;line-height:1.3333333333rem;font-weight:400}.caption,.w-input-success-alert-text,.w-input-warning-alert-text,.w-input-error-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,::ng-deep .w-tree .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus,::ng-deep .w-tree .p-inputtext:enabled:focus,.w-input-search-medium .w-input-search-text:focus{box-shadow:0 0 8px #00a6e980}.hover,::ng-deep .w-tree .p-inputtext:enabled:hover,.w-input-search-medium .w-input-search-text-wo-button:hover,.w-input-search-medium .w-input-search-text:enabled:hover,.w-input-search-small .w-input-search-text-wo-button:hover,.w-input-search-small .w-input-search-text:enabled:hover{border-radius:8px;border:1px solid #00b2eb}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-small-icon-text{font-size:12px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-input-search-medium .w-input-search-text-wo-button,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text,.w-view-small-value-text{color:#2e3134}.w-input-no-label-height{height:36px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text,.w-input-search-small-label,.w-input-small-label-disabled,.w-input-search-medium-label-disabled,.w-input-search-small-label-disabled{color:#2e3134}.w-input-small-label-disabled,.w-input-search-medium-label-disabled,.w-input-search-small-label-disabled{color:#9aa0a6}.w-input-small-placeholder-text,::ng-deep .w-tree .p-inputtext:enabled,.w-input-search-small .w-input-search-text{color:#2e3134}.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-search-small .w-input-search-medium-label,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-search-small .w-input-search-medium-label,.w-input-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text,.w-input-search-medium .w-input-search-text,.w-input-medium-placeholder-text-disabled{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-search-medium .w-input-search-text,.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text,:host ::ng-deep .w-tree .p-tree .p-tree-container .p-treenode .p-treenode-content{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-input-success-alert-text{color:#00db5d;padding:8px;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#2e3134}.w-table-td-text{color:#5f6368}.w-input-search-field{margin:0}.w-input-search-height-label{height:36px}.w-input-search-small-label,.w-input-search-small-label-disabled{padding:8px 8px 12px;margin:0}.w-input-search-small{height:32px!important}.w-input-search-small .w-input-search-text{border-radius:0 8px 8px 0;border-width:1px;padding:7px 11px;border:1px solid #e8eaed}.w-input-search-small .w-input-search-text:enabled:hover{border-radius:0 8px 8px 0}.w-input-search-small .w-input-search-text:focus{border-radius:0 8px 8px 0;border:1px #d6f2ff;box-shadow:0 0 4px 4px #00a6e940!important;padding-left:12px}.w-input-search-small .w-input-search-text-wo-button{border-radius:8px;border-width:1px;border:1px solid #e8eaed;height:32px!important}.w-input-search-small .w-input-search-text-wo-button:focus{border-radius:8px;border:1px #d6f2ff;box-shadow:0 0 4px 4px #00a6e940!important}.w-input-search-small .w-input-search-text::-webkit-input-placeholder{color:#5f6368}.w-input-search-small .w-input-search-text::-moz-placeholder{color:#5f6368}.w-input-search-small .w-input-search-text:-ms-input-placeholder{color:#5f6368}.w-input-search-small .w-input-search-text:-moz-placeholder{color:#5f6368}.w-input-search-small :disabled{background-color:#f1f3f4;border-color:#e8eaed;color:#bdc1c6;opacity:1}.w-input-search-small .w-input-search-medium-label,.w-input-search-medium-label-disabled{padding:8px 8px 12px;margin:0}.w-input-search-medium{height:40px}.w-input-search-medium .w-input-search-text{border-radius:0 8px 8px 0;border-width:1px;padding-left:16px!important;border:1px solid #e8eaed}.w-input-search-medium .w-input-search-text:enabled:hover{border-radius:0 8px 8px 0}.w-input-search-medium .w-input-search-text:focus{border-radius:0 8px 8px 0;border:1px #d6f2ff;padding-left:16px}.w-input-search-medium .w-input-search-text-wo-button{border-radius:8px;border-width:1px;height:40px;border:1px solid #e8eaed}.w-input-search-medium .w-input-search-text-wo-button:focus{border-radius:8px;border:1px #d6f2ff;box-shadow:0 0 4px 4px #00a6e940!important}.w-input-search-medium .w-input-search-text::-webkit-input-placeholder{color:#5f6368}.w-input-search-medium .w-input-search-text::-moz-placeholder{color:#5f6368}.w-input-search-medium .w-input-search-text:-ms-input-placeholder{color:#5f6368}.w-input-search-medium .w-input-search-text:-moz-placeholder{color:#5f6368}.w-input-search-medium .w-input-search-text:focus::-webkit-input-placeholder{color:transparent}.w-input-search-medium .w-input-search-text:focus::-moz-placeholder{color:transparent}.w-input-search-medium .w-input-search-text:focus:-ms-input-placeholder{color:transparent}.w-input-search-medium .w-input-search-text:focus:-moz-placeholder{color:transparent}.w-input-search-medium :disabled{background-color:#f1f3f4;border-color:#e8eaed;color:#bdc1c6;opacity:1}.w-tree-buttontoggle{margin-bottom:8px}:host ::ng-deep .w-tree.p-tree{padding:0;border:none!important}:host ::ng-deep .w-tree.p-tree .p-tree-filter-container{margin-bottom:8px;padding-left:70%;width:100%}:host ::ng-deep .w-tree.p-tree .p-tree-container{padding:0px,20px,16px 20px}::ng-deep .w-tree .p-inputtext:enabled{height:32px;border-radius:8px;border:1px solid #e8eaed;gap:16px}::ng-deep .w-tree .p-inputtext:enabled:focus{border:1px solid #d6f2ff}:host ::ng-deep .w-tree .p-tree .p-tree-container .p-treenode .p-treenode-content{border-radius:8px;padding:8px 16px;color:#2e3134}:host ::ng-deep .w-tree .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover{background-color:#e0f5fc}:host ::ng-deep .w-tree .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon{color:#2e3134}:host ::ng-deep .w-tree .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon{color:#2e3134}.w-tree-icon{margin-right:12px}::ng-deep .w-tree .p-checkbox{width:24px;height:24px;margin-right:11px!important;border-width:1px}::ng-deep .w-tree .p-checkbox .p-checkbox-box{border:1px solid #dadce0;border-radius:4px;align-self:center}::ng-deep .w-tree .p-checkbox .p-checkbox-box .p-checkbox-icon{font-size:12px;font-weight:700}::ng-deep .w-tree .p-checkbox .p-checkbox-box.p-highlight{border-color:#00b2eb;background:#00b2eb}::ng-deep .w-tree .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover{background-color:#dadce0;border:1px solid #dadce0}::ng-deep .w-tree .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus{background-color:#00b2eb;border:1px solid #d6f2ff}::ng-deep .w-tree .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:not(.p-highlight).p-focus{background-color:#dadce0;border:1px solid #dadce0}::ng-deep .w-tree .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover{border-color:#00b2eb;background:#00b2eb}::ng-deep .w-tree .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "selection", "style", "styleClass", "contextMenu", "layout", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterBy", "filterMode", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "virtualNodeHeight"], outputs: ["selectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter"] }, { kind: "component", type: i4.WIconsComponent, selector: "w-icons", inputs: ["name", "width", "height", "color"] }, { kind: "component", type: i5.WButtonComponent, selector: "w-button", inputs: ["type", "label", "size", "icon", "tooltipPosition", "tooltip", "disabled", "loading"], outputs: ["onClick"] }] });
70
+ WTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WTreeComponent, selector: "w-tree", inputs: { nodes: "nodes", selection: "selection", selectionMode: "selectionMode", activeToggleButton: "activeToggleButton", collapsedNodes: "collapsedNodes", collapseButtonLabel: "collapseButtonLabel", expandButtonLabel: "expandButtonLabel", propagateSelectionDown: "propagateSelectionDown", propagateSelectionUp: "propagateSelectionUp", activeFilter: "activeFilter", filterPlaceholder: "filterPlaceholder", filterBy: "filterBy", emptyMessage: "emptyMessage", loading: "loading", draggableNodes: "draggableNodes", draggableScope: "draggableScope", droppableNodes: "droppableNodes", droppableScope: "droppableScope", scrollHeight: "scrollHeight", activeVirtualScroll: "activeVirtualScroll", virtualScrollItemSize: "virtualScrollItemSize", nodeItemTemplateName: "nodeItemTemplateName" }, outputs: { selectionChange: "selectionChange", onFilterEmit: "onFilter", onNodeDropeEmit: "onNodeDrope" }, providers: [TreeDragDropService], ngImport: i0, template: "<div *ngIf=\"activeToggleButton\" class=\"w-tree-buttontoggle flex justify-content-end flex-wrap card-container green-container\">\r\n <div *ngIf=\"collapsedNodes else collapse\">\r\n <w-button \r\n size=\"small\" \r\n type=\"secondary\" \r\n icon=\"pi pi-plus\" \r\n [label]=\"expandButtonLabel\" \r\n (onClick)=\"expandAll()\">\r\n </w-button>\r\n </div>\r\n <ng-template #collapse>\r\n <w-button \r\n size=\"small\"\r\n type=\"secondary\"\r\n icon=\"pi pi-minus\"\r\n [label]=\"collapseButtonLabel\" \r\n (onClick)=\"collapseAll()\">\r\n </w-button>\r\n </ng-template>\r\n</div>\r\n\r\n<p-tree class=\"w-full w-tree\" #wTree\r\n [value]=\"nodes\" \r\n [(selection)]=\"selection\"\r\n (selectionChange)=\"onSelectionChange($event)\" \r\n [selectionMode]=\"selectionMode\" \r\n [loading]=\"loading\"\r\n [filter]=\"activeFilter\" \r\n [filterPlaceholder]=\"filterPlaceholder\" \r\n [propagateSelectionDown]=\"propagateSelectionDown\"\r\n [propagateSelectionUp]=\"propagateSelectionUp\" \r\n [emptyMessage]=\"emptyMessage\" \r\n [draggableNodes]=\"draggableNodes\" \r\n [draggableScope]=\"draggableScope\" \r\n [droppableNodes]=\"droppableNodes\" \r\n [droppableScope]=\"droppableScope\" \r\n (onNodeDrop)=\"onNodeDrope($event)\" \r\n [virtualScroll]=\"activeVirtualScroll\" \r\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\r\n [scrollHeight]=\"scrollHeight\" \r\n (onFilter)=\"onFilter($event)\" \r\n styleClass=\"w-tree\">\r\n <ng-template let-node [pTemplate]=\"nodeItemTemplateName\">\r\n <div class=\"flex p-elemnt\">\r\n <span class=\"w-tree-icon flex align-items-center justify-content-center\" *ngIf=\"node.icon && isPrimeIcon(node.icon)\" [class]=\"getIcon(node.icon)\"></span>\r\n <w-icons class=\"w-tree-icon flex align-items-center\" *ngIf=\"node.icon && isPrimeIcon(node.icon) == false\" [name]=\"node.icon\" [height]=\"16\" [width]=\"18\" [color]=\"'#2e3134'\"></w-icons>\r\n <div class=\"flex align-items-center\">{{node.label}}</div>\r\n </div>\r\n </ng-template>\r\n</p-tree>", styles: [".subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-search-small-label,.w-input-small-label-disabled,.w-input-search-medium-label-disabled,.w-input-search-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:600}.body,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,::ng-deep .w-tree .p-inputtext:enabled,.w-input-search-small .w-input-search-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-input-search-small .w-input-search-text-wo-button,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text,.w-input-search-medium .w-input-search-text{font-size:16px;font-weight:400;line-height:24px}.heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-sidebar-title-text,.w-panel-title-text,.w-tab-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-button-small-text-label-text-typography,.w-button-small-text-label-text,.w-view-small-label-text-typography,.w-view-small-label-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-search-small-label,.w-input-small-label-disabled,.w-input-search-medium-label-disabled,.w-input-search-small-label-disabled,.w-panel-subtitle-text,.w-table-th-text{font-size:1rem;line-height:1.3333333333rem;font-weight:600}.body,.w-button-small-label-text-typography,.w-input-search-small .w-input-search-text-wo-button,.w-button-small-tertiary-label-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text,::ng-deep .w-tree .p-inputtext:enabled,.w-input-search-small .w-input-search-text,.w-input-small-placeholder-text-disabled,.w-input-small-select-options-text,.w-panel-content,.w-chip-text,.w-table-td-text{font-size:1rem;line-height:1.3333333333rem;font-weight:400}.caption,.w-input-success-alert-text,.w-input-warning-alert-text,.w-input-error-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,::ng-deep .w-tree .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus,::ng-deep .w-tree .p-inputtext:enabled:focus,.w-input-search-medium .w-input-search-text:focus{box-shadow:0 0 8px #00a6e980}.hover,::ng-deep .w-tree .p-inputtext:enabled:hover,.w-input-search-medium .w-input-search-text-wo-button:hover,.w-input-search-medium .w-input-search-text:enabled:hover,.w-input-search-small .w-input-search-text-wo-button:hover,.w-input-search-small .w-input-search-text:enabled:hover{border-radius:8px;border:1px solid #00b2eb}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-small-icon-text{font-size:12px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-input-search-medium .w-input-search-text-wo-button,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text,.w-view-small-value-text{color:#2e3134}.w-input-no-label-height{height:36px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text,.w-input-search-small-label,.w-input-small-label-disabled,.w-input-search-medium-label-disabled,.w-input-search-small-label-disabled{color:#2e3134}.w-input-small-label-disabled,.w-input-search-medium-label-disabled,.w-input-search-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content,.w-input-search-medium-label-disabled,.w-input-search-small .w-input-search-medium-label,.w-input-search-small-label-disabled,.w-input-search-small-label{padding:12px 8px 8px 0;margin:0}.w-input-small-placeholder-text,::ng-deep .w-tree .p-inputtext:enabled,.w-input-search-small .w-input-search-text{color:#2e3134}.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-search-small .w-input-search-medium-label,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-search-small .w-input-search-medium-label,.w-input-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text,.w-input-search-medium .w-input-search-text,.w-input-medium-placeholder-text-disabled{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-search-medium .w-input-search-text,.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text,:host ::ng-deep .w-tree .p-tree .p-tree-container .p-treenode .p-treenode-content{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#2e3134}.w-table-td-text{color:#5f6368}.w-input-search-field{margin:0}.w-input-search-height-label{height:36px}.w-input-search-small{height:32px!important}.w-input-search-small .w-input-search-text{border-radius:0 8px 8px 0;border-width:1px;padding:7px 11px;border:1px solid #e8eaed}.w-input-search-small .w-input-search-text:enabled:hover{border-radius:0 8px 8px 0}.w-input-search-small .w-input-search-text:focus{border-radius:0 8px 8px 0;border:1px #d6f2ff;box-shadow:0 0 4px 4px #00a6e940!important;padding-left:12px}.w-input-search-small .w-input-search-text-wo-button{border-radius:8px;border-width:1px;border:1px solid #e8eaed;height:32px!important}.w-input-search-small .w-input-search-text-wo-button:focus{border-radius:8px;border:1px #d6f2ff;box-shadow:0 0 4px 4px #00a6e940!important}.w-input-search-small .w-input-search-text::-webkit-input-placeholder{color:#5f6368}.w-input-search-small .w-input-search-text::-moz-placeholder{color:#5f6368}.w-input-search-small .w-input-search-text:-ms-input-placeholder{color:#5f6368}.w-input-search-small .w-input-search-text:-moz-placeholder{color:#5f6368}.w-input-search-small :disabled{background-color:#f1f3f4;border-color:#e8eaed;color:#bdc1c6;opacity:1}.w-input-search-medium{height:40px}.w-input-search-medium .w-input-search-text{border-radius:0 8px 8px 0;border-width:1px;padding-left:16px!important;border:1px solid #e8eaed}.w-input-search-medium .w-input-search-text:enabled:hover{border-radius:0 8px 8px 0}.w-input-search-medium .w-input-search-text:focus{border-radius:0 8px 8px 0;border:1px #d6f2ff;padding-left:16px}.w-input-search-medium .w-input-search-text-wo-button{border-radius:8px;border-width:1px;height:40px;border:1px solid #e8eaed}.w-input-search-medium .w-input-search-text-wo-button:focus{border-radius:8px;border:1px #d6f2ff;box-shadow:0 0 4px 4px #00a6e940!important}.w-input-search-medium .w-input-search-text::-webkit-input-placeholder{color:#5f6368}.w-input-search-medium .w-input-search-text::-moz-placeholder{color:#5f6368}.w-input-search-medium .w-input-search-text:-ms-input-placeholder{color:#5f6368}.w-input-search-medium .w-input-search-text:-moz-placeholder{color:#5f6368}.w-input-search-medium .w-input-search-text:focus::-webkit-input-placeholder{color:transparent}.w-input-search-medium .w-input-search-text:focus::-moz-placeholder{color:transparent}.w-input-search-medium .w-input-search-text:focus:-ms-input-placeholder{color:transparent}.w-input-search-medium .w-input-search-text:focus:-moz-placeholder{color:transparent}.w-input-search-medium :disabled{background-color:#f1f3f4;border-color:#e8eaed;color:#bdc1c6;opacity:1}.w-tree-buttontoggle{margin-bottom:8px}:host ::ng-deep .w-tree.p-tree{padding:0;border:none!important}:host ::ng-deep .w-tree.p-tree .p-tree-filter-container{margin-bottom:8px;padding-left:70%;width:100%}:host ::ng-deep .w-tree.p-tree .p-tree-container{padding:0px,20px,16px 20px}::ng-deep .w-tree .p-inputtext:enabled{height:32px;border-radius:8px;border:1px solid #e8eaed;gap:16px}::ng-deep .w-tree .p-inputtext:enabled:focus{border:1px solid #d6f2ff}:host ::ng-deep .w-tree .p-tree .p-tree-container .p-treenode .p-treenode-content{border-radius:8px;padding:8px 16px;color:#2e3134}:host ::ng-deep .w-tree .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover{background-color:#e0f5fc}:host ::ng-deep .w-tree .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon{color:#2e3134}:host ::ng-deep .w-tree .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon{color:#2e3134}.w-tree-icon{margin-right:12px}::ng-deep .w-tree .p-checkbox{width:24px;height:24px;margin-right:11px!important;border-width:1px}::ng-deep .w-tree .p-checkbox .p-checkbox-box{border:1px solid #dadce0;border-radius:4px;align-self:center}::ng-deep .w-tree .p-checkbox .p-checkbox-box .p-checkbox-icon{font-size:12px;font-weight:700}::ng-deep .w-tree .p-checkbox .p-checkbox-box.p-highlight{border-color:#00b2eb;background:#00b2eb}::ng-deep .w-tree .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover{background-color:#dadce0;border:1px solid #dadce0}::ng-deep .w-tree .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus{background-color:#00b2eb;border:1px solid #d6f2ff}::ng-deep .w-tree .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:not(.p-highlight).p-focus{background-color:#dadce0;border:1px solid #dadce0}::ng-deep .w-tree .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover{border-color:#00b2eb;background:#00b2eb}::ng-deep .w-tree .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "selection", "style", "styleClass", "contextMenu", "layout", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterBy", "filterMode", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "virtualNodeHeight"], outputs: ["selectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter"] }, { kind: "component", type: i4.WIconsComponent, selector: "w-icons", inputs: ["name", "width", "height", "color"] }, { kind: "component", type: i5.WButtonComponent, selector: "w-button", inputs: ["type", "label", "size", "icon", "tooltipPosition", "tooltip", "disabled", "loading"], outputs: ["onClick"] }] });
71
71
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WTreeComponent, decorators: [{
72
72
  type: Component,
73
- args: [{ selector: 'w-tree', providers: [TreeDragDropService], template: "<div *ngIf=\"activeToggleButton\" class=\"w-tree-buttontoggle flex justify-content-end flex-wrap card-container green-container\">\r\n <div *ngIf=\"collapsedNodes else collapse\">\r\n <w-button \r\n size=\"small\" \r\n type=\"secondary\" \r\n icon=\"pi pi-plus\" \r\n [label]=\"expandButtonLabel\" \r\n (onClick)=\"expandAll()\">\r\n </w-button>\r\n </div>\r\n <ng-template #collapse>\r\n <w-button \r\n size=\"small\"\r\n type=\"secondary\"\r\n icon=\"pi pi-minus\"\r\n [label]=\"collapseButtonLabel\" \r\n (onClick)=\"collapseAll()\">\r\n </w-button>\r\n </ng-template>\r\n</div>\r\n\r\n<p-tree class=\"w-full w-tree\" #wTree\r\n [value]=\"nodes\" \r\n [(selection)]=\"selection\"\r\n (selectionChange)=\"onSelectionChange($event)\" \r\n [selectionMode]=\"selectionMode\" \r\n [loading]=\"loading\"\r\n [filter]=\"activeFilter\" \r\n [filterPlaceholder]=\"filterPlaceholder\" \r\n [propagateSelectionDown]=\"propagateSelectionDown\"\r\n [propagateSelectionUp]=\"propagateSelectionUp\" \r\n [emptyMessage]=\"emptyMessage\" \r\n [draggableNodes]=\"draggableNodes\" \r\n [draggableScope]=\"draggableScope\" \r\n [droppableNodes]=\"droppableNodes\" \r\n [droppableScope]=\"droppableScope\" \r\n (onNodeDrop)=\"onNodeDrope($event)\" \r\n [virtualScroll]=\"activeVirtualScroll\" \r\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\r\n [scrollHeight]=\"scrollHeight\" \r\n (onFilter)=\"onFilter($event)\" \r\n styleClass=\"w-tree\">\r\n <ng-template let-node [pTemplate]=\"nodeItemTemplateName\">\r\n <div class=\"flex p-elemnt\">\r\n <span class=\"w-tree-icon flex align-items-center justify-content-center\" *ngIf=\"node.icon && isPrimeIcon(node.icon)\" [class]=\"getIcon(node.icon)\"></span>\r\n <w-icons class=\"w-tree-icon flex align-items-center\" *ngIf=\"node.icon && isPrimeIcon(node.icon) == false\" [name]=\"node.icon\" [height]=\"16\" [width]=\"18\" [color]=\"'#2e3134'\"></w-icons>\r\n <div class=\"flex align-items-center\">{{node.label}}</div>\r\n </div>\r\n </ng-template>\r\n</p-tree>", styles: [".subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-search-small-label,.w-input-small-label-disabled,.w-input-search-medium-label-disabled,.w-input-search-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:600}.body,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,::ng-deep .w-tree .p-inputtext:enabled,.w-input-search-small .w-input-search-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-input-search-small .w-input-search-text-wo-button,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text,.w-input-search-medium .w-input-search-text{font-size:16px;font-weight:400;line-height:24px}.heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-sidebar-title-text,.w-panel-title-text,.w-tab-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-button-small-text-label-text-typography,.w-button-small-text-label-text,.w-view-small-label-text-typography,.w-view-small-label-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-search-small-label,.w-input-small-label-disabled,.w-input-search-medium-label-disabled,.w-input-search-small-label-disabled,.w-panel-subtitle-text,.w-table-th-text{font-size:1rem;line-height:1.3333333333rem;font-weight:600}.body,.w-button-small-label-text-typography,.w-input-search-small .w-input-search-text-wo-button,.w-button-small-tertiary-label-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text,::ng-deep .w-tree .p-inputtext:enabled,.w-input-search-small .w-input-search-text,.w-input-small-placeholder-text-disabled,.w-input-small-select-options-text,.w-panel-content,.w-chip-text,.w-table-td-text{font-size:1rem;line-height:1.3333333333rem;font-weight:400}.caption,.w-input-success-alert-text,.w-input-warning-alert-text,.w-input-error-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,::ng-deep .w-tree .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus,::ng-deep .w-tree .p-inputtext:enabled:focus,.w-input-search-medium .w-input-search-text:focus{box-shadow:0 0 8px #00a6e980}.hover,::ng-deep .w-tree .p-inputtext:enabled:hover,.w-input-search-medium .w-input-search-text-wo-button:hover,.w-input-search-medium .w-input-search-text:enabled:hover,.w-input-search-small .w-input-search-text-wo-button:hover,.w-input-search-small .w-input-search-text:enabled:hover{border-radius:8px;border:1px solid #00b2eb}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-small-icon-text{font-size:12px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-input-search-medium .w-input-search-text-wo-button,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text,.w-view-small-value-text{color:#2e3134}.w-input-no-label-height{height:36px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text,.w-input-search-small-label,.w-input-small-label-disabled,.w-input-search-medium-label-disabled,.w-input-search-small-label-disabled{color:#2e3134}.w-input-small-label-disabled,.w-input-search-medium-label-disabled,.w-input-search-small-label-disabled{color:#9aa0a6}.w-input-small-placeholder-text,::ng-deep .w-tree .p-inputtext:enabled,.w-input-search-small .w-input-search-text{color:#2e3134}.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-search-small .w-input-search-medium-label,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-search-small .w-input-search-medium-label,.w-input-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text,.w-input-search-medium .w-input-search-text,.w-input-medium-placeholder-text-disabled{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-search-medium .w-input-search-text,.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text,:host ::ng-deep .w-tree .p-tree .p-tree-container .p-treenode .p-treenode-content{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-input-success-alert-text{color:#00db5d;padding:8px;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#2e3134}.w-table-td-text{color:#5f6368}.w-input-search-field{margin:0}.w-input-search-height-label{height:36px}.w-input-search-small-label,.w-input-search-small-label-disabled{padding:8px 8px 12px;margin:0}.w-input-search-small{height:32px!important}.w-input-search-small .w-input-search-text{border-radius:0 8px 8px 0;border-width:1px;padding:7px 11px;border:1px solid #e8eaed}.w-input-search-small .w-input-search-text:enabled:hover{border-radius:0 8px 8px 0}.w-input-search-small .w-input-search-text:focus{border-radius:0 8px 8px 0;border:1px #d6f2ff;box-shadow:0 0 4px 4px #00a6e940!important;padding-left:12px}.w-input-search-small .w-input-search-text-wo-button{border-radius:8px;border-width:1px;border:1px solid #e8eaed;height:32px!important}.w-input-search-small .w-input-search-text-wo-button:focus{border-radius:8px;border:1px #d6f2ff;box-shadow:0 0 4px 4px #00a6e940!important}.w-input-search-small .w-input-search-text::-webkit-input-placeholder{color:#5f6368}.w-input-search-small .w-input-search-text::-moz-placeholder{color:#5f6368}.w-input-search-small .w-input-search-text:-ms-input-placeholder{color:#5f6368}.w-input-search-small .w-input-search-text:-moz-placeholder{color:#5f6368}.w-input-search-small :disabled{background-color:#f1f3f4;border-color:#e8eaed;color:#bdc1c6;opacity:1}.w-input-search-small .w-input-search-medium-label,.w-input-search-medium-label-disabled{padding:8px 8px 12px;margin:0}.w-input-search-medium{height:40px}.w-input-search-medium .w-input-search-text{border-radius:0 8px 8px 0;border-width:1px;padding-left:16px!important;border:1px solid #e8eaed}.w-input-search-medium .w-input-search-text:enabled:hover{border-radius:0 8px 8px 0}.w-input-search-medium .w-input-search-text:focus{border-radius:0 8px 8px 0;border:1px #d6f2ff;padding-left:16px}.w-input-search-medium .w-input-search-text-wo-button{border-radius:8px;border-width:1px;height:40px;border:1px solid #e8eaed}.w-input-search-medium .w-input-search-text-wo-button:focus{border-radius:8px;border:1px #d6f2ff;box-shadow:0 0 4px 4px #00a6e940!important}.w-input-search-medium .w-input-search-text::-webkit-input-placeholder{color:#5f6368}.w-input-search-medium .w-input-search-text::-moz-placeholder{color:#5f6368}.w-input-search-medium .w-input-search-text:-ms-input-placeholder{color:#5f6368}.w-input-search-medium .w-input-search-text:-moz-placeholder{color:#5f6368}.w-input-search-medium .w-input-search-text:focus::-webkit-input-placeholder{color:transparent}.w-input-search-medium .w-input-search-text:focus::-moz-placeholder{color:transparent}.w-input-search-medium .w-input-search-text:focus:-ms-input-placeholder{color:transparent}.w-input-search-medium .w-input-search-text:focus:-moz-placeholder{color:transparent}.w-input-search-medium :disabled{background-color:#f1f3f4;border-color:#e8eaed;color:#bdc1c6;opacity:1}.w-tree-buttontoggle{margin-bottom:8px}:host ::ng-deep .w-tree.p-tree{padding:0;border:none!important}:host ::ng-deep .w-tree.p-tree .p-tree-filter-container{margin-bottom:8px;padding-left:70%;width:100%}:host ::ng-deep .w-tree.p-tree .p-tree-container{padding:0px,20px,16px 20px}::ng-deep .w-tree .p-inputtext:enabled{height:32px;border-radius:8px;border:1px solid #e8eaed;gap:16px}::ng-deep .w-tree .p-inputtext:enabled:focus{border:1px solid #d6f2ff}:host ::ng-deep .w-tree .p-tree .p-tree-container .p-treenode .p-treenode-content{border-radius:8px;padding:8px 16px;color:#2e3134}:host ::ng-deep .w-tree .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover{background-color:#e0f5fc}:host ::ng-deep .w-tree .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon{color:#2e3134}:host ::ng-deep .w-tree .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon{color:#2e3134}.w-tree-icon{margin-right:12px}::ng-deep .w-tree .p-checkbox{width:24px;height:24px;margin-right:11px!important;border-width:1px}::ng-deep .w-tree .p-checkbox .p-checkbox-box{border:1px solid #dadce0;border-radius:4px;align-self:center}::ng-deep .w-tree .p-checkbox .p-checkbox-box .p-checkbox-icon{font-size:12px;font-weight:700}::ng-deep .w-tree .p-checkbox .p-checkbox-box.p-highlight{border-color:#00b2eb;background:#00b2eb}::ng-deep .w-tree .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover{background-color:#dadce0;border:1px solid #dadce0}::ng-deep .w-tree .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus{background-color:#00b2eb;border:1px solid #d6f2ff}::ng-deep .w-tree .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:not(.p-highlight).p-focus{background-color:#dadce0;border:1px solid #dadce0}::ng-deep .w-tree .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover{border-color:#00b2eb;background:#00b2eb}::ng-deep .w-tree .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon{display:none}\n"] }]
73
+ args: [{ selector: 'w-tree', providers: [TreeDragDropService], template: "<div *ngIf=\"activeToggleButton\" class=\"w-tree-buttontoggle flex justify-content-end flex-wrap card-container green-container\">\r\n <div *ngIf=\"collapsedNodes else collapse\">\r\n <w-button \r\n size=\"small\" \r\n type=\"secondary\" \r\n icon=\"pi pi-plus\" \r\n [label]=\"expandButtonLabel\" \r\n (onClick)=\"expandAll()\">\r\n </w-button>\r\n </div>\r\n <ng-template #collapse>\r\n <w-button \r\n size=\"small\"\r\n type=\"secondary\"\r\n icon=\"pi pi-minus\"\r\n [label]=\"collapseButtonLabel\" \r\n (onClick)=\"collapseAll()\">\r\n </w-button>\r\n </ng-template>\r\n</div>\r\n\r\n<p-tree class=\"w-full w-tree\" #wTree\r\n [value]=\"nodes\" \r\n [(selection)]=\"selection\"\r\n (selectionChange)=\"onSelectionChange($event)\" \r\n [selectionMode]=\"selectionMode\" \r\n [loading]=\"loading\"\r\n [filter]=\"activeFilter\" \r\n [filterPlaceholder]=\"filterPlaceholder\" \r\n [propagateSelectionDown]=\"propagateSelectionDown\"\r\n [propagateSelectionUp]=\"propagateSelectionUp\" \r\n [emptyMessage]=\"emptyMessage\" \r\n [draggableNodes]=\"draggableNodes\" \r\n [draggableScope]=\"draggableScope\" \r\n [droppableNodes]=\"droppableNodes\" \r\n [droppableScope]=\"droppableScope\" \r\n (onNodeDrop)=\"onNodeDrope($event)\" \r\n [virtualScroll]=\"activeVirtualScroll\" \r\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\r\n [scrollHeight]=\"scrollHeight\" \r\n (onFilter)=\"onFilter($event)\" \r\n styleClass=\"w-tree\">\r\n <ng-template let-node [pTemplate]=\"nodeItemTemplateName\">\r\n <div class=\"flex p-elemnt\">\r\n <span class=\"w-tree-icon flex align-items-center justify-content-center\" *ngIf=\"node.icon && isPrimeIcon(node.icon)\" [class]=\"getIcon(node.icon)\"></span>\r\n <w-icons class=\"w-tree-icon flex align-items-center\" *ngIf=\"node.icon && isPrimeIcon(node.icon) == false\" [name]=\"node.icon\" [height]=\"16\" [width]=\"18\" [color]=\"'#2e3134'\"></w-icons>\r\n <div class=\"flex align-items-center\">{{node.label}}</div>\r\n </div>\r\n </ng-template>\r\n</p-tree>", styles: [".subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-search-small-label,.w-input-small-label-disabled,.w-input-search-medium-label-disabled,.w-input-search-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:600}.body,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,::ng-deep .w-tree .p-inputtext:enabled,.w-input-search-small .w-input-search-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-input-search-small .w-input-search-text-wo-button,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text,.w-input-search-medium .w-input-search-text{font-size:16px;font-weight:400;line-height:24px}.heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-sidebar-title-text,.w-panel-title-text,.w-tab-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-button-small-text-label-text-typography,.w-button-small-text-label-text,.w-view-small-label-text-typography,.w-view-small-label-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-search-small-label,.w-input-small-label-disabled,.w-input-search-medium-label-disabled,.w-input-search-small-label-disabled,.w-panel-subtitle-text,.w-table-th-text{font-size:1rem;line-height:1.3333333333rem;font-weight:600}.body,.w-button-small-label-text-typography,.w-input-search-small .w-input-search-text-wo-button,.w-button-small-tertiary-label-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text,::ng-deep .w-tree .p-inputtext:enabled,.w-input-search-small .w-input-search-text,.w-input-small-placeholder-text-disabled,.w-input-small-select-options-text,.w-panel-content,.w-chip-text,.w-table-td-text{font-size:1rem;line-height:1.3333333333rem;font-weight:400}.caption,.w-input-success-alert-text,.w-input-warning-alert-text,.w-input-error-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,::ng-deep .w-tree .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus,::ng-deep .w-tree .p-inputtext:enabled:focus,.w-input-search-medium .w-input-search-text:focus{box-shadow:0 0 8px #00a6e980}.hover,::ng-deep .w-tree .p-inputtext:enabled:hover,.w-input-search-medium .w-input-search-text-wo-button:hover,.w-input-search-medium .w-input-search-text:enabled:hover,.w-input-search-small .w-input-search-text-wo-button:hover,.w-input-search-small .w-input-search-text:enabled:hover{border-radius:8px;border:1px solid #00b2eb}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-small-icon-text{font-size:12px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-input-search-medium .w-input-search-text-wo-button,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text,.w-view-small-value-text{color:#2e3134}.w-input-no-label-height{height:36px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text,.w-input-search-small-label,.w-input-small-label-disabled,.w-input-search-medium-label-disabled,.w-input-search-small-label-disabled{color:#2e3134}.w-input-small-label-disabled,.w-input-search-medium-label-disabled,.w-input-search-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content,.w-input-search-medium-label-disabled,.w-input-search-small .w-input-search-medium-label,.w-input-search-small-label-disabled,.w-input-search-small-label{padding:12px 8px 8px 0;margin:0}.w-input-small-placeholder-text,::ng-deep .w-tree .p-inputtext:enabled,.w-input-search-small .w-input-search-text{color:#2e3134}.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-search-small .w-input-search-medium-label,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-search-small .w-input-search-medium-label,.w-input-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text,.w-input-search-medium .w-input-search-text,.w-input-medium-placeholder-text-disabled{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-search-medium .w-input-search-text,.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text,:host ::ng-deep .w-tree .p-tree .p-tree-container .p-treenode .p-treenode-content{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#2e3134}.w-table-td-text{color:#5f6368}.w-input-search-field{margin:0}.w-input-search-height-label{height:36px}.w-input-search-small{height:32px!important}.w-input-search-small .w-input-search-text{border-radius:0 8px 8px 0;border-width:1px;padding:7px 11px;border:1px solid #e8eaed}.w-input-search-small .w-input-search-text:enabled:hover{border-radius:0 8px 8px 0}.w-input-search-small .w-input-search-text:focus{border-radius:0 8px 8px 0;border:1px #d6f2ff;box-shadow:0 0 4px 4px #00a6e940!important;padding-left:12px}.w-input-search-small .w-input-search-text-wo-button{border-radius:8px;border-width:1px;border:1px solid #e8eaed;height:32px!important}.w-input-search-small .w-input-search-text-wo-button:focus{border-radius:8px;border:1px #d6f2ff;box-shadow:0 0 4px 4px #00a6e940!important}.w-input-search-small .w-input-search-text::-webkit-input-placeholder{color:#5f6368}.w-input-search-small .w-input-search-text::-moz-placeholder{color:#5f6368}.w-input-search-small .w-input-search-text:-ms-input-placeholder{color:#5f6368}.w-input-search-small .w-input-search-text:-moz-placeholder{color:#5f6368}.w-input-search-small :disabled{background-color:#f1f3f4;border-color:#e8eaed;color:#bdc1c6;opacity:1}.w-input-search-medium{height:40px}.w-input-search-medium .w-input-search-text{border-radius:0 8px 8px 0;border-width:1px;padding-left:16px!important;border:1px solid #e8eaed}.w-input-search-medium .w-input-search-text:enabled:hover{border-radius:0 8px 8px 0}.w-input-search-medium .w-input-search-text:focus{border-radius:0 8px 8px 0;border:1px #d6f2ff;padding-left:16px}.w-input-search-medium .w-input-search-text-wo-button{border-radius:8px;border-width:1px;height:40px;border:1px solid #e8eaed}.w-input-search-medium .w-input-search-text-wo-button:focus{border-radius:8px;border:1px #d6f2ff;box-shadow:0 0 4px 4px #00a6e940!important}.w-input-search-medium .w-input-search-text::-webkit-input-placeholder{color:#5f6368}.w-input-search-medium .w-input-search-text::-moz-placeholder{color:#5f6368}.w-input-search-medium .w-input-search-text:-ms-input-placeholder{color:#5f6368}.w-input-search-medium .w-input-search-text:-moz-placeholder{color:#5f6368}.w-input-search-medium .w-input-search-text:focus::-webkit-input-placeholder{color:transparent}.w-input-search-medium .w-input-search-text:focus::-moz-placeholder{color:transparent}.w-input-search-medium .w-input-search-text:focus:-ms-input-placeholder{color:transparent}.w-input-search-medium .w-input-search-text:focus:-moz-placeholder{color:transparent}.w-input-search-medium :disabled{background-color:#f1f3f4;border-color:#e8eaed;color:#bdc1c6;opacity:1}.w-tree-buttontoggle{margin-bottom:8px}:host ::ng-deep .w-tree.p-tree{padding:0;border:none!important}:host ::ng-deep .w-tree.p-tree .p-tree-filter-container{margin-bottom:8px;padding-left:70%;width:100%}:host ::ng-deep .w-tree.p-tree .p-tree-container{padding:0px,20px,16px 20px}::ng-deep .w-tree .p-inputtext:enabled{height:32px;border-radius:8px;border:1px solid #e8eaed;gap:16px}::ng-deep .w-tree .p-inputtext:enabled:focus{border:1px solid #d6f2ff}:host ::ng-deep .w-tree .p-tree .p-tree-container .p-treenode .p-treenode-content{border-radius:8px;padding:8px 16px;color:#2e3134}:host ::ng-deep .w-tree .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover{background-color:#e0f5fc}:host ::ng-deep .w-tree .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon{color:#2e3134}:host ::ng-deep .w-tree .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon{color:#2e3134}.w-tree-icon{margin-right:12px}::ng-deep .w-tree .p-checkbox{width:24px;height:24px;margin-right:11px!important;border-width:1px}::ng-deep .w-tree .p-checkbox .p-checkbox-box{border:1px solid #dadce0;border-radius:4px;align-self:center}::ng-deep .w-tree .p-checkbox .p-checkbox-box .p-checkbox-icon{font-size:12px;font-weight:700}::ng-deep .w-tree .p-checkbox .p-checkbox-box.p-highlight{border-color:#00b2eb;background:#00b2eb}::ng-deep .w-tree .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover{background-color:#dadce0;border:1px solid #dadce0}::ng-deep .w-tree .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus{background-color:#00b2eb;border:1px solid #d6f2ff}::ng-deep .w-tree .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:not(.p-highlight).p-focus{background-color:#dadce0;border:1px solid #dadce0}::ng-deep .w-tree .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover{border-color:#00b2eb;background:#00b2eb}::ng-deep .w-tree .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon{display:none}\n"] }]
74
74
  }], propDecorators: { nodes: [{
75
75
  type: Input,
76
76
  args: ['nodes']