novo-elements 6.1.4 → 6.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/novo-elements.umd.js +2 -2
- package/bundles/novo-elements.umd.js.map +1 -1
- package/bundles/novo-elements.umd.min.js +1 -1
- package/bundles/novo-elements.umd.min.js.map +1 -1
- package/elements/chips/Chips.scss +0 -3
- package/esm2015/src/elements/chips/RowChips.js +1 -2
- package/esm2015/src/elements/data-table/cell-headers/data-table-header-cell.component.js +2 -1
- package/fesm2015/novo-elements.js +1 -1
- package/fesm2015/novo-elements.js.map +1 -1
- package/package.json +1 -1
- package/schematics/package.json +1 -1
|
@@ -33665,7 +33665,7 @@
|
|
|
33665
33665
|
host: {
|
|
33666
33666
|
'[class.with-value]': 'items.length > 0',
|
|
33667
33667
|
},
|
|
33668
|
-
template: "\n <div class=\"novo-row-chips-columns\" *ngIf=\"items.length > 0\">\n <div class=\"column-label\" [style.flexBasis.px]=\"column.width || 200\" *ngFor=\"let column of source.columns\">{{ column.label }}</div>\n </div>\n <div class=\"novo-row-chips-empty-message\" *ngIf=\"source.emptyReadOnlyMessage && disablePickerInput && items.length === 0\">\n {{ source.emptyReadOnlyMessage }}\n </div>\n <novo-row-chip\n *ngFor=\"let item of _items | async\"\n [type]=\"type || item?.value?.searchEntity\"\n [class.selected]=\"item == selected\"\n [disabled]=\"disablePickerInput\"\n (removed)=\"remove($event, item)\"\n (selectionChange)=\"select($event, item)\"\n >\n <div\n class=\"column-data\"\n [class.editable]=\"column.editable\"\n [style.flexBasis.px]=\"column.width || 200\"\n *ngFor=\"let column of source.columns\"\n >\n <ng-container *ngIf=\"column.editable\">\n <novo-field>\n <input novoInput [type]=\"column.type || 'text'\" [(ngModel)]=\"item.value[column.name]\" />\n </novo-field>\n </ng-container>\n <ng-container *ngIf=\"!column.editable\">\n <span>{{ column.data(item) }}</span>\n </ng-container>\n </div>\n </novo-row-chip>\n <novo-picker\n clearValueOnSelect=\"true\"\n [closeOnSelect]=\"closeOnSelect\"\n [config]=\"source\"\n [disablePickerInput]=\"disablePickerInput\"\n [hidden]=\"disablePickerInput\"\n [placeholder]=\"placeholder\"\n [(ngModel)]=\"itemToAdd\"\n (select)=\"add($event)\"\n (keydown)=\"onKeyDown($event)\"\n (focus)=\"onFocus($event)\"\n (typing)=\"onTyping($event)\"\n (blur)=\"onTouched($event)\"\n [selected]=\"items\"\n
|
|
33668
|
+
template: "\n <div class=\"novo-row-chips-columns\" *ngIf=\"items.length > 0\">\n <div class=\"column-label\" [style.flexBasis.px]=\"column.width || 200\" *ngFor=\"let column of source.columns\">{{ column.label }}</div>\n </div>\n <div class=\"novo-row-chips-empty-message\" *ngIf=\"source.emptyReadOnlyMessage && disablePickerInput && items.length === 0\">\n {{ source.emptyReadOnlyMessage }}\n </div>\n <novo-row-chip\n *ngFor=\"let item of _items | async\"\n [type]=\"type || item?.value?.searchEntity\"\n [class.selected]=\"item == selected\"\n [disabled]=\"disablePickerInput\"\n (removed)=\"remove($event, item)\"\n (selectionChange)=\"select($event, item)\"\n >\n <div\n class=\"column-data\"\n [class.editable]=\"column.editable\"\n [style.flexBasis.px]=\"column.width || 200\"\n *ngFor=\"let column of source.columns\"\n >\n <ng-container *ngIf=\"column.editable\">\n <novo-field>\n <input novoInput [type]=\"column.type || 'text'\" [(ngModel)]=\"item.value[column.name]\" />\n </novo-field>\n </ng-container>\n <ng-container *ngIf=\"!column.editable\">\n <span>{{ column.data(item) }}</span>\n </ng-container>\n </div>\n </novo-row-chip>\n <novo-picker\n clearValueOnSelect=\"true\"\n [closeOnSelect]=\"closeOnSelect\"\n [config]=\"source\"\n [disablePickerInput]=\"disablePickerInput\"\n [hidden]=\"disablePickerInput\"\n [placeholder]=\"placeholder\"\n [(ngModel)]=\"itemToAdd\"\n (select)=\"add($event)\"\n (keydown)=\"onKeyDown($event)\"\n (focus)=\"onFocus($event)\"\n (typing)=\"onTyping($event)\"\n (blur)=\"onTouched($event)\"\n [selected]=\"items\"\n *ngIf=\"!maxlength || (maxlength && items.length < maxlength)\"\n >\n </novo-picker>\n <div class=\"preview-container\">\n <span #preview></span>\n </div>\n "
|
|
33669
33669
|
},] }
|
|
33670
33670
|
];
|
|
33671
33671
|
NovoRowChipsElement.ctorParameters = function () { return [
|
|
@@ -35471,7 +35471,7 @@
|
|
|
35471
35471
|
NovoDataTableCellHeader.decorators = [
|
|
35472
35472
|
{ type: i0.Component, args: [{
|
|
35473
35473
|
selector: '[novo-data-table-cell-config]',
|
|
35474
|
-
template: "\n <i class=\"bhi-{{ labelIcon }} label-icon\" *ngIf=\"labelIcon\" data-automation-id=\"novo-data-table-header-icon\"></i>\n <label data-automation-id=\"novo-data-table-label\">{{ label }}</label>\n <div>\n <novo-sort-button\n *ngIf=\"config.sortable\"\n data-automation-id=\"novo-data-table-sort\"\n tooltipPosition=\"left\"\n [tooltip]=\"labels.sort\"\n [attr.data-feature-id]=\"'novo-data-table-sort-' + this.id\"\n (sortChange)=\"sort()\"\n [value]=\"sortValue\"\n ></novo-sort-button>\n <novo-dropdown\n *ngIf=\"config.filterable\"\n side=\"right\"\n parentScrollSelector=\".novo-data-table-container\"\n containerClass=\"data-table-dropdown\"\n data-automation-id=\"novo-data-table-filter\"\n [multiple]=\"multiSelect\"\n >\n <novo-icon\n dropdownTrigger\n class=\"filter-button\"\n [class.filter-active]=\"filterActive\"\n [tooltip]=\"labels.filters\"\n [tooltipPosition]=\"'left'\"\n [attr.data-feature-id]=\"'novo-data-table-filter-' + this.id\"\n (click)=\"focusInput()\"\n >filter</novo-icon\n >\n <div class=\"header\">\n <novo-label>{{ labels.filters }}</novo-label>\n <novo-button\n theme=\"dialogue\"\n color=\"negative\"\n size=\"small\"\n icon=\"times\"\n (click)=\"clearFilter()\"\n *ngIf=\"filter !== null && filter !== undefined && filter !== ''\"\n data-automation-id=\"novo-data-table-filter-clear\"\n >\n {{ labels.clear }}\n </novo-button>\n </div>\n <div class=\"optgroup-container\">\n <ng-container [ngSwitch]=\"config.filterConfig.type\">\n <novo-optgroup *ngSwitchCase=\"'date'\" (keydown.escape)=\"handleEscapeKeydown($event)\">\n <ng-container *ngIf=\"!showCustomRange\">\n <novo-option\n [class.active]=\"activeDateFilter === option.label\"\n *ngFor=\"let option of config.filterConfig.options\"\n (click)=\"filterData(option)\"\n [attr.data-automation-id]=\"'novo-data-table-filter-' + option.label\"\n >\n <span>{{ option.label }}</span>\n <novo-icon novoSuffix color=\"positive\" *ngIf=\"activeDateFilter === option.label\">check</novo-icon>\n </novo-option>\n </ng-container>\n <novo-option\n [class.active]=\"labels.customDateRange === activeDateFilter\"\n (click)=\"toggleCustomRange($event, true)\"\n *ngIf=\"config.filterConfig.allowCustomRange && !showCustomRange\"\n >\n <span>{{ labels.customDateRange }}</span>\n <novo-icon novoSuffix color=\"positive\" *ngIf=\"labels.customDateRange === activeDateFilter\">check</novo-icon>\n </novo-option>\n <novo-option class=\"calendar-container\" *ngIf=\"showCustomRange\" keepOpen>\n <novo-stack>\n <div class=\"back-link\" (click)=\"toggleCustomRange($event, false)\">\n <i class=\"bhi-previous\"></i>{{ labels.backToPresetFilters }}\n </div>\n <novo-date-picker\n (onSelect)=\"filterData($event)\"\n [(ngModel)]=\"filter\"\n range=\"true\"\n (keydown.escape)=\"handleEscapeKeydown($event)\"\n ></novo-date-picker>\n </novo-stack>\n </novo-option>\n </novo-optgroup>\n <novo-optgroup *ngSwitchCase=\"'select'\">\n <novo-option\n [class.active]=\"filter === option\"\n *ngFor=\"let option of config.filterConfig.options\"\n (click)=\"filterData(option)\"\n [attr.data-automation-id]=\"'novo-data-table-filter-' + (option?.label || option)\"\n >\n <span>{{ option?.label || option }}</span>\n <novo-icon novoSuffix color=\"positive\" *ngIf=\"option.hasOwnProperty('value') ? filter === option.value : filter === option\"\n >check</novo-icon\n >\n </novo-option>\n </novo-optgroup>\n <ng-container *ngSwitchCase=\"'multi-select'\">\n <novo-optgroup class=\"dropdown-list-filter\" (keydown)=\"multiSelectOptionFilterHandleKeydown($event)\">\n <novo-option class=\"filter-search\" novoInert>\n <novo-field flex>\n <input\n novoInput\n [(ngModel)]=\"optionFilter\"\n (ngModelChange)=\"multiSelectOptionFilter($event)\"\n #optionFilterInput\n data-automation-id=\"novo-data-table-multi-select-option-filter-input\"\n />\n <novo-icon novoSuffix>search</novo-icon>\n <novo-error class=\"error-text\" [hidden]=\"!error || !multiSelectHasVisibleOptions()\">{{\n labels.selectFilterOptions\n }}</novo-error>\n </novo-field>\n </novo-option>\n </novo-optgroup>\n <novo-optgroup class=\"dropdown-list-options\" (keydown.escape)=\"handleEscapeKeydown($event)\">\n <novo-option\n *ngFor=\"let option of config.filterConfig.options\"\n [hidden]=\"multiSelectOptionIsHidden(option)\"\n (click)=\"toggleSelection(option)\"\n [attr.data-automation-id]=\"'novo-data-table-filter-' + (option?.label || option)\"\n >\n <span>{{ option?.label || option }}</span>\n <novo-icon novoSuffix color=\"positive\">{{\n isSelected(option, multiSelectedOptions) ? 'checkbox-filled' : 'checkbox-empty'\n }}</novo-icon>\n </novo-option>\n </novo-optgroup>\n <novo-option class=\"filter-null-results\" [hidden]=\"multiSelectHasVisibleOptions()\">{{ labels.pickerEmpty }}</novo-option>\n </ng-container>\n <novo-optgroup *ngSwitchCase=\"'custom'\">\n <novo-option class=\"filter-search\" novoInert>\n <ng-container *ngTemplateOutlet=\"filterTemplate; context: { $implicit: config }\"></ng-container>\n </novo-option>\n </novo-optgroup>\n <novo-optgroup *ngSwitchDefault (keydown.escape)=\"handleEscapeKeydown($event)\">\n <novo-option class=\"filter-search\" novoInert>\n <novo-field flex fullWidth>\n <input\n novoInput\n [type]=\"config.filterConfig.type\"\n [(ngModel)]=\"filter\"\n (ngModelChange)=\"filterData($event)\"\n #filterInput\n data-automation-id=\"novo-data-table-filter-input\"\n (keydown.escape)=\"handleEscapeKeydown($event)\"\n />\n <novo-icon novoSuffix>search</novo-icon>\n </novo-field>\n </novo-option>\n </novo-optgroup>\n </ng-container>\n </div>\n <div class=\"footer\" *ngIf=\"multiSelect\">\n <novo-button theme=\"dialogue\" color=\"dark\" (click)=\"cancel()\" data-automation-id=\"novo-data-table-multi-select-cancel\">\n {{ labels.cancel }}\n </novo-button>\n <novo-button\n theme=\"dialogue\"\n color=\"positive\"\n (click)=\"filterMultiSelect()\"\n data-automation-id=\"novo-data-table-multi-select-filter\"\n >\n {{ labels.filters }}\n </novo-button>\n </div>\n </novo-dropdown>\n </div>\n <div class=\"spacer\"></div>\n <div class=\"data-table-header-resizable\" *ngIf=\"config.resizable\"><span (mousedown)=\"startResize($event)\"> </span></div>\n ",
|
|
35474
|
+
template: "\n <i class=\"bhi-{{ labelIcon }} label-icon\" *ngIf=\"labelIcon\" data-automation-id=\"novo-data-table-header-icon\"></i>\n <label data-automation-id=\"novo-data-table-label\">{{ label }}</label>\n <div>\n <novo-sort-button\n *ngIf=\"config.sortable\"\n data-automation-id=\"novo-data-table-sort\"\n tooltipPosition=\"left\"\n [tooltip]=\"labels.sort\"\n [attr.data-feature-id]=\"'novo-data-table-sort-' + this.id\"\n (sortChange)=\"sort()\"\n [value]=\"sortValue\"\n ></novo-sort-button>\n <novo-dropdown\n *ngIf=\"config.filterable\"\n side=\"right\"\n parentScrollSelector=\".novo-data-table-container\"\n containerClass=\"data-table-dropdown\"\n data-automation-id=\"novo-data-table-filter\"\n [multiple]=\"multiSelect\"\n >\n <novo-icon\n dropdownTrigger\n class=\"filter-button\"\n [class.filter-active]=\"filterActive\"\n [tooltip]=\"labels.filters\"\n [tooltipPosition]=\"'left'\"\n [attr.data-feature-id]=\"'novo-data-table-filter-' + this.id\"\n (click)=\"focusInput()\"\n >filter</novo-icon\n >\n <div class=\"header\">\n <novo-label>{{ labels.filters }}</novo-label>\n <novo-button\n theme=\"dialogue\"\n color=\"negative\"\n size=\"small\"\n icon=\"times\"\n (click)=\"clearFilter()\"\n *ngIf=\"filter !== null && filter !== undefined && filter !== ''\"\n data-automation-id=\"novo-data-table-filter-clear\"\n >\n {{ labels.clear }}\n </novo-button>\n </div>\n <div class=\"optgroup-container\">\n <ng-container [ngSwitch]=\"config.filterConfig.type\">\n <novo-optgroup *ngSwitchCase=\"'date'\" (keydown.escape)=\"handleEscapeKeydown($event)\">\n <ng-container *ngIf=\"!showCustomRange\">\n <novo-option\n [class.active]=\"activeDateFilter === option.label\"\n *ngFor=\"let option of config.filterConfig.options\"\n (click)=\"filterData(option)\"\n [attr.data-automation-id]=\"'novo-data-table-filter-' + option.label\"\n >\n <span>{{ option.label }}</span>\n <novo-icon novoSuffix color=\"positive\" *ngIf=\"activeDateFilter === option.label\">check</novo-icon>\n </novo-option>\n </ng-container>\n <novo-option\n [class.active]=\"labels.customDateRange === activeDateFilter\"\n (click)=\"toggleCustomRange($event, true)\"\n *ngIf=\"config.filterConfig.allowCustomRange && !showCustomRange\"\n >\n <span>{{ labels.customDateRange }}</span>\n <novo-icon novoSuffix color=\"positive\" *ngIf=\"labels.customDateRange === activeDateFilter\">check</novo-icon>\n </novo-option>\n <novo-option class=\"calendar-container\" *ngIf=\"showCustomRange\" keepOpen>\n <novo-stack>\n <div class=\"back-link\" (click)=\"toggleCustomRange($event, false)\">\n <i class=\"bhi-previous\"></i>{{ labels.backToPresetFilters }}\n </div>\n <novo-date-picker\n (onSelect)=\"filterData($event)\"\n [(ngModel)]=\"filter\"\n range=\"true\"\n (keydown.escape)=\"handleEscapeKeydown($event)\"\n ></novo-date-picker>\n </novo-stack>\n </novo-option>\n </novo-optgroup>\n <novo-optgroup *ngSwitchCase=\"'select'\">\n <novo-option\n [class.active]=\"filter === option\"\n *ngFor=\"let option of config.filterConfig.options\"\n (click)=\"filterData(option)\"\n [attr.data-automation-id]=\"'novo-data-table-filter-' + (option?.label || option)\"\n >\n <span>{{ option?.label || option }}</span>\n <novo-icon novoSuffix color=\"positive\" *ngIf=\"option.hasOwnProperty('value') ? filter === option.value : filter === option\"\n >check</novo-icon\n >\n </novo-option>\n </novo-optgroup>\n <ng-container *ngSwitchCase=\"'multi-select'\">\n <novo-optgroup class=\"dropdown-list-filter\" (keydown)=\"multiSelectOptionFilterHandleKeydown($event)\">\n <novo-option class=\"filter-search\" novoInert>\n <novo-field flex>\n <input\n novoInput\n [(ngModel)]=\"optionFilter\"\n (ngModelChange)=\"multiSelectOptionFilter($event)\"\n #optionFilterInput\n data-automation-id=\"novo-data-table-multi-select-option-filter-input\"\n (keydown.enter)=\"multiSelectOptionFilterHandleKeydown($event)\"\n />\n <novo-icon novoSuffix>search</novo-icon>\n <novo-error class=\"error-text\" [hidden]=\"!error || !multiSelectHasVisibleOptions()\">{{\n labels.selectFilterOptions\n }}</novo-error>\n </novo-field>\n </novo-option>\n </novo-optgroup>\n <novo-optgroup class=\"dropdown-list-options\" (keydown.escape)=\"handleEscapeKeydown($event)\">\n <novo-option\n *ngFor=\"let option of config.filterConfig.options\"\n [hidden]=\"multiSelectOptionIsHidden(option)\"\n (click)=\"toggleSelection(option)\"\n [attr.data-automation-id]=\"'novo-data-table-filter-' + (option?.label || option)\"\n >\n <span>{{ option?.label || option }}</span>\n <novo-icon novoSuffix color=\"positive\">{{\n isSelected(option, multiSelectedOptions) ? 'checkbox-filled' : 'checkbox-empty'\n }}</novo-icon>\n </novo-option>\n </novo-optgroup>\n <novo-option class=\"filter-null-results\" [hidden]=\"multiSelectHasVisibleOptions()\">{{ labels.pickerEmpty }}</novo-option>\n </ng-container>\n <novo-optgroup *ngSwitchCase=\"'custom'\">\n <novo-option class=\"filter-search\" novoInert>\n <ng-container *ngTemplateOutlet=\"filterTemplate; context: { $implicit: config }\"></ng-container>\n </novo-option>\n </novo-optgroup>\n <novo-optgroup *ngSwitchDefault (keydown.escape)=\"handleEscapeKeydown($event)\">\n <novo-option class=\"filter-search\" novoInert>\n <novo-field flex fullWidth>\n <input\n novoInput\n [type]=\"config.filterConfig.type\"\n [(ngModel)]=\"filter\"\n (ngModelChange)=\"filterData($event)\"\n #filterInput\n data-automation-id=\"novo-data-table-filter-input\"\n (keydown.escape)=\"handleEscapeKeydown($event)\"\n />\n <novo-icon novoSuffix>search</novo-icon>\n </novo-field>\n </novo-option>\n </novo-optgroup>\n </ng-container>\n </div>\n <div class=\"footer\" *ngIf=\"multiSelect\">\n <novo-button theme=\"dialogue\" color=\"dark\" (click)=\"cancel()\" data-automation-id=\"novo-data-table-multi-select-cancel\">\n {{ labels.cancel }}\n </novo-button>\n <novo-button\n theme=\"dialogue\"\n color=\"positive\"\n (click)=\"filterMultiSelect()\"\n data-automation-id=\"novo-data-table-multi-select-filter\"\n >\n {{ labels.filters }}\n </novo-button>\n </div>\n </novo-dropdown>\n </div>\n <div class=\"spacer\"></div>\n <div class=\"data-table-header-resizable\" *ngIf=\"config.resizable\"><span (mousedown)=\"startResize($event)\"> </span></div>\n ",
|
|
35475
35475
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
35476
35476
|
},] }
|
|
35477
35477
|
];
|