ontotext-reusable-ui-components
Version:
Unified reusable UI components designed for the Ontotext ecosystem.
1 lines • 55.1 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"OntoSearchFieldComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"onto-search-field","template":"<app-search\n [states]=\"states\"\n [autocompleteOptionTemplate]=\"customTemplate || defaultTemplate\"\n [preselectedStatesList]=\"selectedList || []\"\n [enableInnerAutocompleteFiltration]=\"enableInnerAutocompleteFiltration\"\n [searchResultMappingFunction]=\"searchResultMappingFunction\"\n (onSearch)=\"onSearchEvent($event)\"\n (onKeyPress)=\"onKeyPressEvent($event)\"></app-search>\n\n <ng-template #defaultTemplate let-item>\n <span [attr.appCypressData]=\"'state-label-' + item.index\" class=\"state-label\">{{item.state.label}}</span>\n <span [attr.appCypressData]=\"'state-type-' + item.index\" class=\"state-type\">{{item.state.type}}</span> <br/>\n <span [attr.appCypressData]=\"'state-labels-' + item.index\" class=\"state-labels\"><small>{{item.state.labels}}</small></span>\n</ng-template>\n","styles":[".state-type{float:right}.state-labels{line-height:1em;white-space:normal}::ng-deep .state-suggestion{background-color:#add8e6!important;color:#000!important}"]}]}],"members":{"customTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"selectedList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"autocompleteData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"enableInnerAutocompleteFiltration":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"searchResultMappingFunction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"onSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":3}}]}],"onKeyPress":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":65,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"onSearchEvent":[{"__symbolic":"method"}],"onKeyPressEvent":[{"__symbolic":"method"}]}},"OntoSearchFieldModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":29,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"OntoSearchFieldComponent"},{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"OntoSearchFieldComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":35,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":36,"character":4},{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteModule","line":37,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":38,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":39,"character":4},{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":40,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatOptionModule","line":41,"character":4},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":42,"character":4},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":43,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":44,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":45,"character":4},{"__symbolic":"reference","module":"@ngneat/transloco","name":"TranslocoModule","line":46,"character":4},{"__symbolic":"reference","name":"ɵb"}],"providers":[{"provide":{"__symbolic":"reference","module":"@ngneat/transloco","name":"TRANSLOCO_CONFIG","line":51,"character":15},"useValue":{"availableLangs":["en"],"fallbackLang":["en"],"defaultLang":"en","prodMode":true,"reRenderOnLangChange":true,"missingHandler":{"useFallbackTranslation":true,"logMissingKey":true}}}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngneat/transloco","name":"TranslocoService","line":57,"character":40}]}]}},"SearchFieldConfiguration":{"__symbolic":"class","members":{},"statics":{"selectable":true,"removable":true,"separatorKeysCodes":[{"__symbolic":"reference","module":"@angular/cdk/keycodes","name":"ENTER","line":19,"character":41},{"__symbolic":"reference","module":"@angular/cdk/keycodes","name":"COMMA","line":19,"character":48}]}},"SearchFieldModel":{"__symbolic":"interface"},"TableConfig":{"__symbolic":"interface"},"ColumnConfig":{"__symbolic":"interface"},"OntoSearchResultsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"OntoSearchResultsComponent"}],"exports":[{"__symbolic":"reference","name":"OntoSearchResultsComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/cdk/table","name":"CdkTableModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/material/table","name":"MatTableModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSortModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":18,"character":4}]}]}],"members":{}},"OntoSearchResultsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"onto-search-results","template":"<div class=\"table-component\" [ngClass]=\"componentClass\" appCypressData=\"table-component\">\n <table *ngIf=\"config\" cdk-table [dataSource]=\"datasource\"\n matSort (matSortChange)=\"sortData.next($event)\"\n [matSortDisabled]=\"!config.enableSort\" [matSortDisableClear]=\"true\"\n [matSortActive]=\"sort?.active\" [matSortDirection]=\"sort?.direction\"\n class=\"onto-table onto-table-fixed-layout\" appCypressData=\"onto-table\"\n cdkDropList cdkDropListLockAxis=\"x\" cdkDropListOrientation=\"horizontal\"\n (cdkDropListDropped)=\"reorderColumns($event)\">\n <ng-container *ngFor=\"let columnConfig of config.columnConfigurations; let i=index;\"\n cdkColumnDef=\"{{columnConfig.name}}\">\n <th cdk-header-cell id=\"{{columnConfig.name}}\"\n class=\"onto-table-header-cell {{'onto-table-column-' + columnConfig.name}}\"\n *cdkHeaderCellDef appCypressData=\"onto-table-header-cell\"\n mat-sort-header [disabled]=\"!columnConfig.enableSort\"\n cdkDrag cdkDragLockAxis=\"x\">\n <div>{{columnConfig.label}}</div>\n </th>\n <td cdk-cell class=\"onto-table-cell {{'onto-table-column-' + columnConfig.name}}\"\n *cdkCellDef=\"let row\" appCypressData=\"onto-table-cell\">\n <div>\n <ng-container *ngIf=\"columnConfig.dataFunction; else cellTemplate\">\n {{columnConfig.dataFunction(row)}}\n </ng-container>\n <ng-template #cellTemplate [ngTemplateOutlet]=\"columnConfig.dataTemplate\"\n [ngTemplateOutletContext]=\"{$implicit: row}\"></ng-template>\n </div>\n </td>\n <ng-container *ngIf=\"config.showFooter\">\n <td cdk-footer-cell\n class=\"onto-table-footer-cell {{'onto-table-column-' + columnConfig.name}}\"\n *cdkFooterCellDef appCypressData=\"onto-table-footer-cell\">\n <div>{{columnConfig.footerFunction(datasource, columnConfig)}}</div>\n </td>\n </ng-container>\n </ng-container>\n\n <tr cdk-header-row class=\"onto-table-header-row\" appCypressData=\"onto-table-header-row\"\n *cdkHeaderRowDef=\"displayColumns\"></tr>\n <tr cdk-row class=\"onto-table-row\" appCypressData=\"onto-table-row\"\n *cdkRowDef=\"let row; columns: displayColumns\"></tr>\n <ng-container *ngIf=\"config.showFooter\">\n <tr cdk-footer-row class=\"onto-table-footer-row\" appCypressData=\"onto-table-footer-row\"\n *cdkFooterRowDef=\"displayColumns\"></tr>\n </ng-container>\n </table>\n</div>\n","styles":[":host{width:100%}.onto-table-fixed-layout{table-layout:fixed}.onto-table{background:#fff;border-spacing:0;display:table;font-family:Roboto,sans-serif;width:100%}.onto-table-footer-row,.onto-table-header-row,.onto-table-row{align-items:center;border-style:solid;border-width:0 0 1px;box-sizing:border-box;display:flex}.onto-table-header-row{height:56px}.onto-table-footer-row,.onto-table-row{min-height:48px}.onto-table-cell,.onto-table-footer-cell,.onto-table-header-cell{align-items:center;border-bottom-color:#000;display:flex;flex:1;font-size:16px;font-weight:400;height:100%;min-height:inherit;overflow:hidden;padding:0;word-wrap:break-word}.onto-table-cell div,.onto-table-footer-cell div,.onto-table-header-cell div{padding:0}.onto-table-cell div:first-of-type,.onto-table-footer-cell div:first-of-type,.onto-table-header-cell div:first-of-type{padding-left:24px}.onto-table-cell div:last-of-type,.onto-table-footer-cell div:last-of-type,.onto-table-header-cell div:last-of-type{padding-right:24px}.onto-table-header-cell{text-align:left}.onto-table-cell,.onto-table-footer-cell{font-size:14px}.cdk-drag-preview{box-sizing:border-box;position:relative}.cdk-drag-preview:after{border:1px solid rgba(0,0,0,.4);border-radius:4px;bottom:0;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);content:\"\";left:5px;position:absolute;right:5px;top:0}.cdk-drag-placeholder{color:transparent;position:relative;transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-placeholder:after{background:rgba(0,0,0,.1);border:1px dashed rgba(0,0,0,.4);border-radius:4px;bottom:0;content:\"\";left:5px;position:absolute;right:5px;top:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}"]}]}],"members":{"datasource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"sort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"componentClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"sortData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":41,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}],"reorderColumns":[{"__symbolic":"method"}],"findColumnConfigIndexByName":[{"__symbolic":"method"}],"sortColumnConfigurations":[{"__symbolic":"method"}],"setDisplayColumns":[{"__symbolic":"method"}],"getFilteredColumnConfigs":[{"__symbolic":"method"}],"getVisibleColumnNames":[{"__symbolic":"method"}]}},"PaginatorData":{"__symbolic":"interface"},"OntoSearchPaginatorModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"OntoSearchPaginatorComponent"}],"exports":[{"__symbolic":"reference","name":"OntoSearchPaginatorComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginatorModule","line":12,"character":4}]}]}],"members":{}},"OntoSearchPaginatorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"onto-search-paginator","template":"<div class=\"paginator-component\" appCypressData=\"paginator-component\">\n <mat-paginator [length]=\"length\"\n [pageSize]=\"pageSize\"\n [pageSizeOptions]=\"pageSizeOptions\"\n [pageIndex]=\"pageIndex\"\n [showFirstLastButtons]=\"true\"\n (page)=\"onPageChanged($event)\" appCypressData=\"onto-paginator\"></mat-paginator>\n</div>\n","styles":[":host{width:100%}"]}]}],"members":{"paginatorData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"pageOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"pageChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"KeyValueDiffers","line":48,"character":38}]}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onPageChanged":[{"__symbolic":"method"}],"configurationChanged":[{"__symbolic":"method"}],"setInternalPaginatorDataProperties":[{"__symbolic":"method"}],"setClassProperty":[{"__symbolic":"method"}]}},"OntoSearchFacetModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":50,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"OntoSearchFacetComponent"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":53,"character":4},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":54,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":55,"character":4},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":57,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":58,"character":4},{"__symbolic":"reference","module":"@angular/material/datepicker","name":"MatDatepickerModule","line":59,"character":4},{"__symbolic":"reference","module":"@angular/material-moment-adapter","name":"MatMomentDateModule","line":60,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":61,"character":4},{"__symbolic":"reference","module":"@angular/material/slide-toggle","name":"MatSlideToggleModule","line":62,"character":4},{"__symbolic":"reference","module":"@ngneat/transloco","name":"TranslocoModule","line":63,"character":4},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":64,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":65,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":66,"character":4},{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"NoopAnimationsModule","line":67,"character":4},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":68,"character":4},{"__symbolic":"reference","name":"ɵi"}],"exports":[{"__symbolic":"reference","name":"OntoSearchFacetComponent"}],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_FORMATS","line":75,"character":15},"useValue":{"parse":{"dateInput":["l","LL","DD/MM/YYYY","MM/DD/YYYY"]},"display":{"dateInput":"L","monthYearLabel":"MMM YYYY","dateA11yLabel":"LL","monthYearA11yLabel":"MMMM YYYY"}}},{"provide":{"__symbolic":"reference","module":"@ngneat/transloco","name":"TRANSLOCO_CONFIG","line":79,"character":15},"useValue":{"availableLangs":["en"],"fallbackLang":["en"],"defaultLang":"en","prodMode":true,"reRenderOnLangChange":true,"missingHandler":{"useFallbackTranslation":true,"logMissingKey":true}}}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngneat/transloco","name":"TranslocoService","line":85,"character":40}]}]}},"OntoSearchFacetComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@w11k/ngx-componentdestroyed","name":"OnDestroyMixin","line":12,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"onto-search-facet","template":"<div *ngIf=\"type === CHECKBOX\">\n <onto-checkbox-facet\n [data]=\"data\"\n [type]=\"type\"\n [facetTitleTemplate]=\"facetTitleTemplate\"\n [facetTemplate]=\"facetTemplate\"\n (onSelectionChange)=\"onSelectionEvent($event)\">\n </onto-checkbox-facet>\n</div>\n\n<div *ngIf=\"type === DATEPICKER\">\n <onto-daterange-facet\n [data]=\"data\"\n [type]=\"type\"\n [facetTitleTemplate]=\"facetTitleTemplate\"\n [facetTemplate]=\"facetTemplate\"\n (onSelectionChange)=\"onSelectionEvent($event)\">>\n </onto-daterange-facet>\n</div>\n\n<div *ngIf=\"type === TOGGLE\">\n <onto-toggle-facet\n [data]=\"data\"\n [type]=\"type\"\n [facetTitleTemplate]=\"facetTitleTemplate\"\n [facetTemplate]=\"facetTemplate\"\n (onSelectionChange)=\"onSelectionEvent($event)\">>\n </onto-toggle-facet>\n</div>\n\n<div *ngIf=\"type === RANGE\">\n <onto-range-facet\n [data]=\"data\"\n [type]=\"type\"\n [facetTitleTemplate]=\"facetTitleTemplate\"\n [facetTemplate]=\"facetTemplate\"\n (onSelectionChange)=\"onSelectionEvent($event)\">>\n </onto-range-facet>\n</div>\n\n<div *ngIf=\"type === DROPDOWN_MULTI_SELECT\">\n <onto-dropdown-multi-select-facet\n [data]=\"data\"\n [type]=\"type\"\n [facetTitleTemplate]=\"facetTitleTemplate\"\n [facetTemplate]=\"facetTemplate\"\n (onSelectionChange)=\"onSelectionEvent($event)\">>\n </onto-dropdown-multi-select-facet>\n</div>\n","styles":[".checkbox-facet-title{font-size:large}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"facetTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"facetTitleTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"onSelectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":56,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}],"onSelectionEvent":[{"__symbolic":"method"}]}},"SearchFacetModel":{"__symbolic":"interface"},"SearchFacetGroupModel":{"__symbolic":"interface"},"SearchFacetType":{"CHECKBOX":0,"DATE_RANGE":1,"TOGGLE":2,"RANGE":3,"DROPDOWN_MULTI_SELECT":4},"SearchDateFacetGroupModel":{"__symbolic":"class","members":{}},"SearchDateFacetModel":{"__symbolic":"class","members":{}},"SearchDateFacetRange":{"__symbolic":"interface"},"HistogramModel":{"__symbolic":"interface"},"SearchRangeFacetGroupModel":{"__symbolic":"class","members":{}},"OntoSearchColumnSelectorModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":28,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":31,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":32,"character":4},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":33,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":34,"character":4},{"__symbolic":"reference","module":"@ngneat/transloco","name":"TranslocoModule","line":35,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":36,"character":4}],"declarations":[{"__symbolic":"reference","name":"OntoSearchColumnSelector"}],"providers":[{"provide":{"__symbolic":"reference","module":"@ngneat/transloco","name":"TRANSLOCO_CONFIG","line":41,"character":15},"useValue":{"availableLangs":["en"],"fallbackLang":["en"],"defaultLang":"en","prodMode":true,"reRenderOnLangChange":true,"missingHandler":{"useFallbackTranslation":true,"logMissingKey":true}}}],"exports":[{"__symbolic":"reference","name":"OntoSearchColumnSelector"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngneat/transloco","name":"TranslocoService","line":50,"character":40}]}]}},"OntoSearchColumnSelector":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"onto-search-column-selector","template":"<div class=\"onto-column-selector-component\" appCypressData=\"onto-column-selector-component\">\n <button class=\"column-reset-button\" mat-raised-button appCypressData=\"column-reset-button\"\n color=\"primary\"\n (click)=\"resetColumns()\">{{'ONTO_COLUMN_SELECTOR.BUTTON.RESET' | transloco}}</button>\n <div class=\"column-select\">\n <mat-form-field class=\"form-field\">\n <mat-label>{{'ONTO_COLUMN_SELECTOR.COLUMN_SELECTOR_PLACEHOLDER' | transloco}}</mat-label>\n <mat-select multiple (selectionChange)=\"selectionChangedInternal($event)\"\n [formControl]=\"selectCtrl\" [compareWith]=\"compareColumnsLabels\"\n (closed)=\"onClosed()\" appCypressData=\"column-selection-dropdown\">\n <mat-optgroup *ngFor=\"let columnGroup of columnGroups, let index = index\"\n [label]=\"columnGroup.label\" [attr.appCypressData]=\"'column-group-' + index\">\n <mat-option *ngFor=\"let column of columnGroup.columns, let index = index\" [value]=\"column\"\n [attr.appCypressData]=\"'column-option-' + index\">\n {{column.label}}\n </mat-option>\n </mat-optgroup>\n </mat-select>\n </mat-form-field>\n </div>\n</div>\n","styles":[".onto-column-selector-component{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;height:100%;place-content:center flex-start;width:100%}.onto-column-selector-component .column-select{box-sizing:border-box;flex:1 1}.onto-column-selector-component .form-field{display:inherit}.onto-column-selector-component .column-reset-button{margin-right:1em}"]}]}],"members":{"columnGroups":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"selectedColumns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"defaultColumns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"selectionChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}],"selectionChangedInternal":[{"__symbolic":"method"}],"onClosed":[{"__symbolic":"method"}],"compareColumnsLabels":[{"__symbolic":"method"}],"resetColumns":[{"__symbolic":"method"}],"setFormColumnSelection":[{"__symbolic":"method"}],"compareColumnsByLabel":[{"__symbolic":"method"}]}},"SelectionColumnGroup":{"__symbolic":"interface"},"SelectionColumn":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"app-search","template":"<div class=\"search-field-component\" appCypressData=\"search-field-component\">\n <div class=\"selection-list\">\n <mat-form-field class=\"state-selection-list\">\n <mat-chip-list #selectionList aria-label=\"Search selection\" appCypressData=\"search-field-selection\">\n <mat-chip\n *ngFor=\"let state of statesList; let index = index\"\n [selectable]=\"selectable\"\n [removable]=\"removable\"\n (removed)=\"remove(state)\"\n [ngClass]=\"state.label ? 'state-suggestion' : 'state-free-text'\"\n [attr.appCypressData]=\"'state-selection-' + index\">\n {{state.label || state}}\n <mat-icon matChipRemove *ngIf=\"removable\" [attr.appCypressData]=\"'state-cancel-' + index\">cancel</mat-icon>\n </mat-chip>\n <input\n placeholder=\"{{'ONTO_SEARCH.SEARCH_PLACEHOLDER' | transloco}}\"\n #statesInput\n [formControl]=\"stateCtrl\"\n [matAutocomplete]=\"auto\"\n [matChipInputFor]=\"selectionList\"\n [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n (matChipInputTokenEnd)=\"add($event)\"\n (input)=\"onInputChange($event.target.value)\"\n appCypressData=\"search-field-input\">\n </mat-chip-list>\n <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"selected($event)\">\n <mat-option class=\"state-option\" *ngFor=\"let state of filteredStates | async; let index = index\" [value]=\"state\">\n <ng-container *ngTemplateOutlet=\"currentTemplate; context: {$implicit: {state: state, index: index}}\">\n </ng-container>\n </mat-option>\n </mat-autocomplete>\n </mat-form-field>\n </div>\n <button class=\"search-field-button\" mat-raised-button (click)=\"search()\"\n appCypressData=\"search-field-button\">{{'ONTO_SEARCH.BUTTON.SEARCH' | transloco}}</button>\n</div>\n","styles":[".search-field-component{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;height:100%;place-content:center space-between;width:100%}.search-field-component .selection-list{box-sizing:border-box;flex:1 1 100%;max-width:100%}.search-field-component .state-selection-list{display:inherit}button.search-field-button{margin-left:1em}.state-option{height:auto;line-height:1.5em;padding:1em 0;word-wrap:break-word}"]}]}],"members":{"states":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"preselectedStatesList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"autocompleteOptionTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"enableInnerAutocompleteFiltration":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"searchResultMappingFunction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"onSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":48,"character":3}}]}],"onKeyPress":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":54,"character":3}}]}],"statesInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":57,"character":3},"arguments":["statesInput"]}]}],"autocomplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":58,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteTrigger","line":58,"character":13}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"subscribeAutocompleteFilter":[{"__symbolic":"method"}],"filterStates":[{"__symbolic":"method"}],"add":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"selected":[{"__symbolic":"method"}],"search":[{"__symbolic":"method"}],"onInputChange":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":3,"character":1},"arguments":[{"imports":[],"declarations":[{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"ɵc"}]}]}],"members":{}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":1,"character":1},"arguments":[{"selector":"[appCypressData]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":5,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":5,"character":56}]}]}},"ɵd":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"OntoSearchFacetComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"onto-checkbox-facet","template":"<div class=\"checkbox-facet\">\n <div appCypressData=\"checkbox-facet-title\">\n <ng-container *ngTemplateOutlet=\"facetTitleTemplate; context: {$implicit: facetGroupName}\">\n </ng-container>\n </div>\n <div class=\"checkbox-facet-list\" appCypressData=\"checkbox-facet-list\">\n <div *ngFor=\"let facet of facetGroup; let index = index\">\n <mat-checkbox\n [checked]=\"facet.selected\"\n (change)=\"updateAllSelected(facet)\"\n [attr.appCypressData]=\"'checkbox-facet-' + index\">\n <ng-container *ngTemplateOutlet=\"facetTemplate; context: {$implicit: facet}\">\n </ng-container>\n </mat-checkbox>\n </div>\n </div>\n</div>\n"}]}],"members":{"facetTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"facetTitleTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}],"updateAllSelected":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"OntoSearchFacetComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":30,"character":1},"arguments":[{"selector":"onto-daterange-facet","template":"<div class=\"onto-date-range-facet\" appCypressData=\"onto-date-range-facet\">\n <div appCypressData=\"onto-date-range-facet-title\">\n <ng-container *ngTemplateOutlet=\"facetTitleTemplate\">\n </ng-container>\n </div>\n <div class=\"onto-date-range-facet-picker\" appCypressData=\"onto-date-range-facet-picker\">\n <mat-form-field>\n <mat-label>{{datePickerPlaceholder}}</mat-label>\n <mat-date-range-input [rangePicker]=\"picker\" [formGroup]=\"dateRangeGroup\">\n <input matInput matStartDate formControlName=\"start\" (dateChange)=\"inputChange(picker)\">\n <input matInput matEndDate formControlName=\"end\" (dateChange)=\"inputChange(picker)\">\n </mat-date-range-input>\n <mat-datepicker-toggle matSuffix [for]=\"picker\"\n appCypressData=\"onto-date-range-picker-toggle\"></mat-datepicker-toggle>\n <mat-date-range-picker panelClass=\"onto-date-range-picker\" #picker\n (closed)=\"calendarClosed()\"\n (opened)=\"calendarOpened()\"\n appCypressData=\"onto-date-range-picker\"></mat-date-range-picker>\n </mat-form-field>\n <ng-container *ngTemplateOutlet=\"facetTemplate; context: {$implicit: data.selectedRange}\">\n </ng-container>\n </div>\n</div>\n\n<ng-template #toolTipTemplate let-count>\n <span class=\"onto-date-range-facet-tooltiptext\">{{count}}</span>\n</ng-template>\n","styles":["::ng-deep .onto-date-range-facet-tooltip:not(.mat-calendar-body-selected):not(.mat-calendar-body-today){background-color:#f0f8ff;border-color:rgba(0,0,0,.38);border-style:dashed}::ng-deep .onto-date-range-facet-tooltip .onto-date-range-facet-tooltiptext{background-color:#000;border-radius:6px;bottom:120%;color:#fff;padding:8px;position:absolute;text-align:center;visibility:hidden;z-index:1}::ng-deep .onto-date-range-facet-tooltip:hover:after{border:8px solid transparent;border-top-color:#000;content:\"\";left:50%;margin-left:-8px;position:absolute;top:-25%}::ng-deep .onto-date-range-facet-tooltip:hover .onto-date-range-facet-tooltiptext{visibility:visible}"]}]}],"members":{"toolTipTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":36,"character":3},"arguments":["toolTipTemplate"]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"onSelectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":55,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":56,"character":41},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":57,"character":48},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":58,"character":38},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":59,"character":32}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"calendarOpened":[{"__symbolic":"method"}],"calendarClosed":[{"__symbolic":"method"}],"inputChange":[{"__symbolic":"method"}],"mapFacetDates":[{"__symbolic":"method"}],"updateDayStyles":[{"__symbolic":"method"}],"addTooltipsToCalendarCells":[{"__symbolic":"method"}],"createTooltipForCalendarCell":[{"__symbolic":"method"}],"getCalendarPanelButtons":[{"__symbolic":"method"}],"setSelectedRange":[{"__symbolic":"method"}],"getSearchDateFacetRange":[{"__symbolic":"method"}],"getCountForRange":[{"__symbolic":"method"}],"subscribeToBtnListeners":[{"__symbolic":"method"}],"unsubscribeBtnListeners":[{"__symbolic":"method"}],"getCalendarCellsForView":[{"__symbolic":"method"}],"getCalendarCellContent":[{"__symbolic":"method"}],"getCalendarCellTooltipElements":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"OntoSearchFacetComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"onto-toggle-facet","template":"<div class=\"toggle-facet\" appCypressData=\"toggle-facet\">\n <div *ngIf=\"facetTitleTemplate\">\n <ng-container [ngTemplateOutlet]=\"facetTitleTemplate\"\n [ngTemplateOutletContext]=\"{$implicit: facetGroupName}\"></ng-container>\n </div>\n <mat-slide-toggle appCypressData=\"toggle-facet-slide\" class=\"toggle-facet-slide\"\n [color]=\"color\"\n (change)=\"onToggle($event)\"\n [(ngModel)]=\"currentValue\">\n <ng-container [ngTemplateOutlet]=\"facetTemplate\"\n [ngTemplateOutletContext]=\"{$implicit: currentSelection}\">\n </ng-container>\n </mat-slide-toggle>\n</div>\n"}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}],"onToggle":[{"__symbolic":"method"}],"refreshSelection":[{"__symbolic":"method"}],"compareByLabel":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"OntoSearchFacetComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"onto-dropdown-multi-select-facet","template":"<div class=\"dropdown-multi-select\" appCypressData=\"dropdown-multi-select\">\n <div appCypressData=\"facet-title\">\n <ng-container *ngTemplateOutlet=\"facetTitleTemplate; context: {$implicit: facetGroupName}\">\n </ng-container>\n </div>\n <mat-form-field>\n <mat-select [formControl]=\"selectedFormControl\" multiple @.disabled (selectionChange)=\"onSelection($event)\" (openedChange)=\"onOpenedChange($event)\">\n <mat-select-trigger appCypressData=\"dropdown-multi-select\">\n <span *ngFor=\"let facet of selectedFormControl.value; let index = index\" appCypressData=\"selected-facets\">\n {{facet.label}}<span *ngIf=\"index < selectedFormControl.value.length - 1\">{{'ONTO_DROPDOWN.DELIMITER' | transloco}}</span>\n </span>\n </mat-select-trigger>\n <onto-dropdown-multi-select [formControl]=\"filteredFormControl\"></onto-dropdown-multi-select>\n <mat-option *ngFor=\"let item of filtered | async\" [value]=\"item\">\n <ng-container *ngTemplateOutlet=\"facetTemplate; context: {$implicit: item}\">\n </ng-container>\n </mat-option>\n </mat-select>\n </mat-form-field>\n</div>\n","styles":[".dropdown-multi-select,.dropdown-multi-select mat-form-field{width:100%}"]}]}],"members":{"ngOnChanges":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"filter":[{"__symbolic":"method"}],"onSelection":[{"__symbolic":"method"}],"onOpenedChange":[{"__symbolic":"method"}],"countFacetResults":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@w11k/ngx-componentdestroyed","name":"OnDestroyMixin","line":29,"character":50},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"onto-dropdown-multi-select","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":22,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵh"},"multi":true}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":27,"character":17},"member":"None"},"template":"<div class=\"mat-select-search-inner\">\n <input class=\"mat-select-search-input\" appCypressData=\"mat-select-search-input\"\n #searchSelectInput\n (keydown)=\"handleKeydown($event)\"\n (input)=\"onInputChange($event.target.value)\"\n (blur)=\"onBlur($event.target.value)\"\n placeholder=\"{{'ONTO_DROPDOWN.SEARCH_PLACEHOLDER' | transloco}}\"\n autocomplete=\"off\"/>\n <button mat-button *ngIf=\"searchValue\"\n mat-icon-button\n aria-label=\"Clear\"\n (click)=\"reset(true)\"\n class=\"mat-select-search-clear-button\">\n <mat-icon>close</mat-icon>\n </button>\n</div>\n\n<div *ngIf=\"searchValue && options?.length === 0\"\n class=\"mat-select-search-no-found\" appCypressData=\"mat-select-search-no-found\">\n {{'ONTO_DROPDOWN.NOT_FOUND' | transloco}}\n</div>\n","styles":[".mat-select-search-inner{background:#fff;border-bottom:1px solid #3f51b5;margin-right:16px;position:absolute;top:0;width:100%;z-index:100}input{border:0;font-family:Roboto,Helvetica Neue,sans-serif}input:focus{outline:none}.mat-select-search-panel{max-height:350px;min-width:100%!important;transform:none!important}.mat-select-search-input{box-sizing:border-box;padding:16px 36px 16px 16px;width:calc(100% - 42px)!important}.mat-select-search-no-found{font-family:Roboto,Helvetica Neue,sans-serif;padding:16px}.mat-select-search-clear-button{position:absolute;right:0;top:4px}.cdk-overlay-pane{animation:fadeIn .2s ease-in!important;margin-top:50px!important;opacity:1!important;padding-top:50px!important;transform:translateY(-15px)!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mat-icon-button{margin-bottom:8px!important}"]}]}],"members":{"searchSelectInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":3},"arguments":["searchSelectInput",{"static":false,"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":30,"character":56}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":50,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelect","line":50,"character":22}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelect","line":50,"character":51}]}],"ngOnInit":[{"__symbolic":"method"}],"initMultiSelectedValues":[{"__symbolic":"method"}],"handleKeydown":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"onInputChange":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/material/slider","name":"MatSliderModule","line":13,"character":4},{"__symbolic":"reference","module":"@ngneat/transloco","name":"TranslocoModule","line":14,"character":4},{"__symbolic":"reference","name":"ɵb"}],"exports":[{"__symbolic":"reference","name":"ɵj"}]}]}],"members":{}},"ɵj":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"OntoSearchFacetComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"onto-range-facet","template":"<div class=\"onto-range-facet\" appCypressData=\"onto-range-facet\">\n <ng-container *ngTemplateOutlet=\"facetTitleTemplate; context: {$implicit: data.facetGroupName}\">\n </ng-container>\n<onto-range-histogram *ngIf=\"data.showHistogram\" [data]=\"data\"></onto-range-histogram>\n<onto-range-slider [data]=\"data\" [facetTemplate]=\"facetTemplate\" (selectionChange)=\"onSelectionEvent($event)\"></onto-range-slider>\n</div>\n","styles":[".onto-range-facet{width:100%}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"facetTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"onto-range-slider","template":"<div class=\"range-slider-wrapper\">\n <div class=\"range-slider\">\n <div class=\"slider\" #slider>\n <input class=\"range-slider-range min-range\" type=\"range\" min=\"{{minValue}}\" max=\"{{maxValue}}\" #minSlider\n appCypressData=\"min-range\"/>\n <input class=\"range-slider-range max-range\" type=\"range\" min=\"{{minValue}}\" max=\"{{maxValue}}\" #maxSlider\n appCypressData=\"max-range\"/>\n </div>\n </div>\n <div class=\"range-values\">\n <div class=\"range-slider-value value-min\">{{minValue}}</div>\n <div class=\"range-slider-value value-max\">{{maxValue}}</div>\n </div>\n <div class=\"range-selecton\">\n <ng-container *ngTemplateOutlet=\"facetTemplate; context: {$implicit: data.selectedRange, sum: sumRange()}\">\n </ng-container>\n </div>\n</div>\n\n","styles":[".range-slider{flex-direction:column;place-content:center space-around}.range-slider,.slider{align-items:center;cursor:pointer;display:flex;width:100%}.slider{flex-direction:row;max-height:100%;place-content:stretch center;text-align:center}.range-values{align-items:center;display:flex;flex-direction:row;place-content:space-between}.range-selecton,.range-values{margin-top:12px}.range-slider-range{-webkit-appearance:none;background:#d7dcdf;height:10px;margin:0;outline:none;padding:0;width:100%}.range-slider-range::-webkit-slider-thumb{-webkit-appearance:none;-webkit-transition:background .15s ease-in-out;appearance:none;background:#2c3e50;border-radius:50%;cursor:pointer;height:20px;transition:background .15s ease-in-out;width:20px}.range-slider-range::-webkit-slider-thumb:hover,.range-slider-range:active::-webkit-slider-thumb{background:#1abc9c}.range-slider-range::-moz-range-thumb{-moz-transition:background .15s ease-in-out;background:#2c3e50;border:0;border-radius:50%;cursor:pointer;height:20px;transition:background .15s ease-in-out;width:20px}.range-slider-range::-moz-range-thumb:hover,.range-slider-range:active::-moz-range-thumb{background:#1abc9c}.range-slider-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #fff,0 0 0 6px #1abc9c}::-moz-range-track{background:#d7dcdf;border:0}input::-moz-focus-inner,input::-moz-focus-outer{border:0}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"facetTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"slider":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":29,"character":3},"arguments":["slider"]}]}],"minSlider":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":3},"arguments":["minSlider"]}]}],"maxSlider":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":33,"character":3},"arguments":["maxSlider"]}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"onResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":42,"character":3},"arguments":["window:resize"]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"initializeData":[{"__symbolic":"method"}],"draw":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"update":[{"__symbolic":"method"}],"sumRange":[{"__symbolic":"method"}],"onSelectionChange":[{"__symbolic":"method"}],"updateSelection":[{"__symbolic":"method"}],"isInRange":[{"__symbolic":"method"}],"parseInt":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"onto-range-histogram","template":"<div class=\"range-histogram\">\n <canvas id=\"range-histogram-canvas\" #rangeHistogramCanvas>\n {{\"ONTO_RANGE_FACET.NO_CANVAS_SUPPORT\" | transloco}}\n </canvas>\n</div>\n","styles":[".range-histogram{align-items:center;display:flex;flex-direction:row;height:100px;margin-bottom:10px;place-content:center}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"canvas":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":3},"arguments":["rangeHistogramCanvas"]}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"drawHistogram":[{"__symbolic":"method"}],"fitToContainer":[{"__symbolic":"method"}],"compare":[{"__symbolic":"method"}],"fillEmptyValues":[{"__symbolic":"method"}],"parseInt":[{"__symbolic":"method"}]}}},"origins":{"OntoSearchFieldComponent":"./lib/onto-search-field/onto-search-field.component","OntoSearchFieldModule":"./lib/onto-search-field/onto-search-field.module","SearchFieldConfiguration":"./lib/onto-search-field/models/search-field-configuration","SearchFieldModel":"./lib/onto-search-field/models/search-field-model","TableConfig":"./lib/onto-search-results/models/configuration-types","ColumnConfig":"./lib/onto-search-results/models/configuration-types","OntoSearchResultsModule":"./lib/onto-search-results/onto-search-results.module","OntoSearchResultsComponent":"./lib/onto-search-results/onto-search-results.component","PaginatorData":"./lib/onto-search-paginator/models/onto-search-paginator-models","OntoSearchPaginatorModule":"./lib/onto-search-paginator/onto-search-paginator.module","OntoSearchPaginatorComponent":"./lib/onto-search-paginator/onto-search-paginator.component","OntoSearchFacetModule":"./lib/onto-search-facet/onto-search-facet.module","OntoSearchFacetComponent":"./lib/onto-search-facet/onto-search-facet.component","SearchFacetModel":"./lib/onto-search-facet/models/search-facet-model","SearchFacetGroupModel":"./lib/onto-search-facet/models/search-facet-group-model","SearchFacetType":"./lib/onto-search-facet/models/search-facet-type","SearchDateFacetGroupModel":"./lib/onto-search-facet/date-range-facet/models/search-date-facet-group-model","SearchDateFacetModel":"./lib/onto-search-facet/date-range-facet/models/search-date-facet-model","SearchDateFacetRange":"./lib/onto-search-facet/date-range-facet/models/search-date-facet-range","HistogramModel":"./lib/onto-search-facet/range-facet/models/histogram-model","SearchRangeFacetGroupModel":"./lib/onto-search-facet/range-facet/models/search-range-facet-group-model","OntoSearchColumnSelectorModule":"./lib/onto-search-column-selector/onto-search-column-selector.module","OntoSearchColumnSelector":"./lib/onto-search-column-selector/onto-search-column-selector.component","SelectionColumnGroup":"./lib/onto-search-column-selector/models/selection-column-group","SelectionColumn":"./lib/onto-search-column-selector/models/selection-column","ɵa":"./lib/onto-search-field/search/search.component","ɵb":"./lib/directives/directives.module","ɵc":"./lib/directives/cypress-data.directive","ɵd":"./lib/onto-search-facet/checkbox-facet/checkbox-facet.component","ɵe":"./lib/onto-search-facet/date-range-facet/date-range-facet.component","ɵf":"./lib/onto-search-facet/toggle-facet/toggle-facet.component","ɵg":"./lib/onto-search-facet/dropdown-multi-select-facet/dropdown-multi-select-facet.component","ɵh":"./lib/onto-search-facet/dropdown-multi-select-facet/dropdown-multi-select/dropdown-multi-select.component","ɵi":"./lib/onto-search-facet/range-facet/range-facet.module","ɵj":"./lib/onto-search-facet/range-facet/range-facet.component","ɵk":"./lib/onto-search-facet/range-facet/range-slider/range-slider.component","ɵl":"./lib/onto-search-facet/range-facet/range-histogram/range-histogram.component"},"importAs":"onto-search"}