@leanix/components 0.3.86 → 0.3.87
Sign up to get free protection for your applications and to get access to all the features.
- package/esm2020/lib/forms-ui/components/sorting-dropdown/sorting-dropdown.component.mjs +12 -3
- package/fesm2015/leanix-components.mjs +12 -3
- package/fesm2015/leanix-components.mjs.map +1 -1
- package/fesm2020/leanix-components.mjs +12 -3
- package/fesm2020/leanix-components.mjs.map +1 -1
- package/lib/forms-ui/components/sorting-dropdown/sorting-dropdown.component.d.ts +8 -1
- package/package.json +1 -1
|
@@ -7,9 +7,16 @@ import * as i4 from "../option-group/option-group.component";
|
|
|
7
7
|
import * as i5 from "../options-dropdown/options-dropdown.component";
|
|
8
8
|
import * as i6 from "../sorting-dropdown-trigger/sorting-dropdown-trigger.component";
|
|
9
9
|
import * as i7 from "@ngx-translate/core";
|
|
10
|
+
/**
|
|
11
|
+
* Used for translation. The dash in the name ensures that this will not clash with a DataModel field.
|
|
12
|
+
* This key is used when there is no sorting parameter sent to the allFactSheets query, meaning that the ElasticSearch
|
|
13
|
+
* score will be used for sorting.
|
|
14
|
+
*/
|
|
15
|
+
export const RELEVANCE_SORTING_KEY = 'lx-relevance';
|
|
10
16
|
export class SortingDropdownComponent {
|
|
11
17
|
constructor() {
|
|
12
18
|
this.sortingOptions = [];
|
|
19
|
+
this.showDirectionOptions = true;
|
|
13
20
|
this.apply = new EventEmitter();
|
|
14
21
|
this.NAME = 'SortingDropdownComponent';
|
|
15
22
|
this.sortingDirections = ['asc', 'desc'];
|
|
@@ -38,15 +45,17 @@ export class SortingDropdownComponent {
|
|
|
38
45
|
}
|
|
39
46
|
}
|
|
40
47
|
SortingDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: SortingDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
41
|
-
SortingDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: SortingDropdownComponent, selector: "lx-sorting-dropdown", inputs: { currentSorting: "currentSorting", sortingOptions: "sortingOptions" }, outputs: { apply: "apply" }, ngImport: i0, template: "<lx-options-dropdown *ngIf=\"currentSorting\">\n <lx-sorting-dropdown-trigger\n lxKeyboardActionSource\n [label]=\"NAME + '.sortBy' | translate\"\n [currentSortingLabel]=\"getSortLabel(currentSorting.key) | translate\"\n >\n </lx-sorting-dropdown-trigger>\n <lx-option-group (select)=\"applySortingMode($event)\">\n <lx-option *ngFor=\"let option of sortingOptions\" [value]=\"option\" [selected]=\"option.key === currentSorting.key\">\n {{ getSortLabel(option?.key) | translate }}\n </lx-option>\n </lx-option-group>\n <lx-option-group (select)=\"applySortingDirection($event)\">\n <lx-option *ngFor=\"let sortDirection of sortingDirections\" [value]=\"sortDirection\" [selected]=\"sortDirection === currentSorting.order\">\n {{ 'sorting.' + currentSorting.key + '.' + sortDirection | translate }}\n </lx-option>\n </lx-option-group>\n</lx-options-dropdown>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.KeyboardActionSourceDirective, selector: "[lxKeyboardActionSource]", exportAs: ["keyboardActionSource"] }, { kind: "component", type: i3.OptionComponent, selector: "lx-option", inputs: ["selected", "isHighlighted", "disabled", "value", "hasSelectedState", "selectIcon"], outputs: ["select", "highlight", "selectedClick"] }, { kind: "component", type: i4.OptionGroupComponent, selector: "lx-option-group", inputs: ["hasSelectedState", "label"], outputs: ["select"] }, { kind: "component", type: i5.OptionsDropdownComponent, selector: "lx-options-dropdown", inputs: ["align", "closeOnScroll", "disabled", "maxHeight", "closeOnSelect"] }, { kind: "component", type: i6.SortingDropdownTriggerComponent, selector: "lx-sorting-dropdown-trigger", inputs: ["label", "currentSortingLabel", "disabled"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] });
|
|
48
|
+
SortingDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: SortingDropdownComponent, selector: "lx-sorting-dropdown", inputs: { currentSorting: "currentSorting", sortingOptions: "sortingOptions", showDirectionOptions: "showDirectionOptions" }, outputs: { apply: "apply" }, ngImport: i0, template: "<lx-options-dropdown *ngIf=\"currentSorting\">\n <lx-sorting-dropdown-trigger\n lxKeyboardActionSource\n [label]=\"NAME + '.sortBy' | translate\"\n [currentSortingLabel]=\"getSortLabel(currentSorting.key) | translate\"\n >\n </lx-sorting-dropdown-trigger>\n <lx-option-group (select)=\"applySortingMode($event)\">\n <lx-option *ngFor=\"let option of sortingOptions\" [value]=\"option\" [selected]=\"option.key === currentSorting.key\">\n {{ getSortLabel(option?.key) | translate }}\n </lx-option>\n </lx-option-group>\n <lx-option-group *ngIf=\"showDirectionOptions\" (select)=\"applySortingDirection($event)\">\n <lx-option *ngFor=\"let sortDirection of sortingDirections\" [value]=\"sortDirection\" [selected]=\"sortDirection === currentSorting.order\">\n {{ 'sorting.' + currentSorting.key + '.' + sortDirection | translate }}\n </lx-option>\n </lx-option-group>\n</lx-options-dropdown>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.KeyboardActionSourceDirective, selector: "[lxKeyboardActionSource]", exportAs: ["keyboardActionSource"] }, { kind: "component", type: i3.OptionComponent, selector: "lx-option", inputs: ["selected", "isHighlighted", "disabled", "value", "hasSelectedState", "selectIcon"], outputs: ["select", "highlight", "selectedClick"] }, { kind: "component", type: i4.OptionGroupComponent, selector: "lx-option-group", inputs: ["hasSelectedState", "label"], outputs: ["select"] }, { kind: "component", type: i5.OptionsDropdownComponent, selector: "lx-options-dropdown", inputs: ["align", "closeOnScroll", "disabled", "maxHeight", "closeOnSelect"] }, { kind: "component", type: i6.SortingDropdownTriggerComponent, selector: "lx-sorting-dropdown-trigger", inputs: ["label", "currentSortingLabel", "disabled"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] });
|
|
42
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: SortingDropdownComponent, decorators: [{
|
|
43
50
|
type: Component,
|
|
44
|
-
args: [{ selector: 'lx-sorting-dropdown', template: "<lx-options-dropdown *ngIf=\"currentSorting\">\n <lx-sorting-dropdown-trigger\n lxKeyboardActionSource\n [label]=\"NAME + '.sortBy' | translate\"\n [currentSortingLabel]=\"getSortLabel(currentSorting.key) | translate\"\n >\n </lx-sorting-dropdown-trigger>\n <lx-option-group (select)=\"applySortingMode($event)\">\n <lx-option *ngFor=\"let option of sortingOptions\" [value]=\"option\" [selected]=\"option.key === currentSorting.key\">\n {{ getSortLabel(option?.key) | translate }}\n </lx-option>\n </lx-option-group>\n <lx-option-group (select)=\"applySortingDirection($event)\">\n <lx-option *ngFor=\"let sortDirection of sortingDirections\" [value]=\"sortDirection\" [selected]=\"sortDirection === currentSorting.order\">\n {{ 'sorting.' + currentSorting.key + '.' + sortDirection | translate }}\n </lx-option>\n </lx-option-group>\n</lx-options-dropdown>\n" }]
|
|
51
|
+
args: [{ selector: 'lx-sorting-dropdown', template: "<lx-options-dropdown *ngIf=\"currentSorting\">\n <lx-sorting-dropdown-trigger\n lxKeyboardActionSource\n [label]=\"NAME + '.sortBy' | translate\"\n [currentSortingLabel]=\"getSortLabel(currentSorting.key) | translate\"\n >\n </lx-sorting-dropdown-trigger>\n <lx-option-group (select)=\"applySortingMode($event)\">\n <lx-option *ngFor=\"let option of sortingOptions\" [value]=\"option\" [selected]=\"option.key === currentSorting.key\">\n {{ getSortLabel(option?.key) | translate }}\n </lx-option>\n </lx-option-group>\n <lx-option-group *ngIf=\"showDirectionOptions\" (select)=\"applySortingDirection($event)\">\n <lx-option *ngFor=\"let sortDirection of sortingDirections\" [value]=\"sortDirection\" [selected]=\"sortDirection === currentSorting.order\">\n {{ 'sorting.' + currentSorting.key + '.' + sortDirection | translate }}\n </lx-option>\n </lx-option-group>\n</lx-options-dropdown>\n" }]
|
|
45
52
|
}], propDecorators: { currentSorting: [{
|
|
46
53
|
type: Input
|
|
47
54
|
}], sortingOptions: [{
|
|
48
55
|
type: Input
|
|
56
|
+
}], showDirectionOptions: [{
|
|
57
|
+
type: Input
|
|
49
58
|
}], apply: [{
|
|
50
59
|
type: Output
|
|
51
60
|
}] } });
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29ydGluZy1kcm9wZG93bi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi9mb3Jtcy11aS9jb21wb25lbnRzL3NvcnRpbmctZHJvcGRvd24vc29ydGluZy1kcm9wZG93bi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi9mb3Jtcy11aS9jb21wb25lbnRzL3NvcnRpbmctZHJvcGRvd24vc29ydGluZy1kcm9wZG93bi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7QUFHL0U7Ozs7R0FJRztBQUNILE1BQU0sQ0FBQyxNQUFNLHFCQUFxQixHQUFHLGNBQWMsQ0FBQztBQU9wRCxNQUFNLE9BQU8sd0JBQXdCO0lBTHJDO1FBT1csbUJBQWMsR0FBYyxFQUFFLENBQUM7UUFDL0IseUJBQW9CLEdBQUcsSUFBSSxDQUFDO1FBQ3BCLFVBQUssR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBQzVDLFNBQUksR0FBRywwQkFBMEIsQ0FBQztRQUNsQyxzQkFBaUIsR0FBbUIsQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUM7S0EyQjlEO0lBekJDLFFBQVE7UUFDTixJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUN4QixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsR0FBRyxFQUFFLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxFQUFFLEtBQUssRUFBRSxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7U0FDaEk7SUFDSCxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsSUFBYTtRQUM1QixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQztZQUNkLEdBQUcsRUFBRSxJQUFJLENBQUMsR0FBRztZQUNiLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSztTQUNsQixDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQscUJBQXFCLENBQUMsYUFBMkI7UUFDL0MsSUFBSSxJQUFJLENBQUMsY0FBYyxFQUFFO1lBQ3ZCLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDO2dCQUNkLEdBQUcsRUFBRSxJQUFJLENBQUMsY0FBYyxDQUFDLEdBQUc7Z0JBQzVCLEtBQUssRUFBRSxhQUFhO2FBQ3JCLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUVELFlBQVksQ0FBQyxHQUF1QjtRQUNsQyxPQUFPLEdBQUcsQ0FBQyxDQUFDLENBQUMsV0FBVyxHQUFHLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQzNDLENBQUM7O3FIQWhDVSx3QkFBd0I7eUdBQXhCLHdCQUF3QixzTkNmckMsbTZCQWtCQTsyRkRIYSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UscUJBQXFCOzhCQUt0QixjQUFjO3NCQUF0QixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csb0JBQW9CO3NCQUE1QixLQUFLO2dCQUNXLEtBQUs7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTb3J0aW5nLCBTb3J0aW5nT3JkZXIgfSBmcm9tICcuLi8uLi9tb2RlbHMvc29ydGluZy5pbnRlcmZhY2UnO1xuXG4vKipcbiAqIFVzZWQgZm9yIHRyYW5zbGF0aW9uLiBUaGUgZGFzaCBpbiB0aGUgbmFtZSBlbnN1cmVzIHRoYXQgdGhpcyB3aWxsIG5vdCBjbGFzaCB3aXRoIGEgRGF0YU1vZGVsIGZpZWxkLlxuICogVGhpcyBrZXkgaXMgdXNlZCB3aGVuIHRoZXJlIGlzIG5vIHNvcnRpbmcgcGFyYW1ldGVyIHNlbnQgdG8gdGhlIGFsbEZhY3RTaGVldHMgcXVlcnksIG1lYW5pbmcgdGhhdCB0aGUgRWxhc3RpY1NlYXJjaFxuICogc2NvcmUgd2lsbCBiZSB1c2VkIGZvciBzb3J0aW5nLlxuICovXG5leHBvcnQgY29uc3QgUkVMRVZBTkNFX1NPUlRJTkdfS0VZID0gJ2x4LXJlbGV2YW5jZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2x4LXNvcnRpbmctZHJvcGRvd24nLFxuICB0ZW1wbGF0ZVVybDogJ3NvcnRpbmctZHJvcGRvd24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnc29ydGluZy1kcm9wZG93bi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFNvcnRpbmdEcm9wZG93bkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGN1cnJlbnRTb3J0aW5nITogU29ydGluZyB8IG51bGw7XG4gIEBJbnB1dCgpIHNvcnRpbmdPcHRpb25zOiBTb3J0aW5nW10gPSBbXTtcbiAgQElucHV0KCkgc2hvd0RpcmVjdGlvbk9wdGlvbnMgPSB0cnVlO1xuICBAT3V0cHV0KCkgcHVibGljIGFwcGx5ID0gbmV3IEV2ZW50RW1pdHRlcjxTb3J0aW5nPigpO1xuICByZWFkb25seSBOQU1FID0gJ1NvcnRpbmdEcm9wZG93bkNvbXBvbmVudCc7XG4gIHJlYWRvbmx5IHNvcnRpbmdEaXJlY3Rpb25zOiBTb3J0aW5nT3JkZXJbXSA9IFsnYXNjJywgJ2Rlc2MnXTtcblxuICBuZ09uSW5pdCgpIHtcbiAgICBpZiAoIXRoaXMuY3VycmVudFNvcnRpbmcpIHtcbiAgICAgIHRoaXMuY3VycmVudFNvcnRpbmcgPSB0aGlzLnNvcnRpbmdPcHRpb25zWzBdID8geyBrZXk6IHRoaXMuc29ydGluZ09wdGlvbnNbMF0ua2V5LCBvcmRlcjogdGhpcy5zb3J0aW5nT3B0aW9uc1swXS5vcmRlciB9IDogbnVsbDtcbiAgICB9XG4gIH1cblxuICBhcHBseVNvcnRpbmdNb2RlKHNvcnQ6IFNvcnRpbmcpIHtcbiAgICB0aGlzLmFwcGx5LmVtaXQoe1xuICAgICAga2V5OiBzb3J0LmtleSxcbiAgICAgIG9yZGVyOiBzb3J0Lm9yZGVyXG4gICAgfSk7XG4gIH1cblxuICBhcHBseVNvcnRpbmdEaXJlY3Rpb24oc29ydERpcmVjdGlvbjogU29ydGluZ09yZGVyKSB7XG4gICAgaWYgKHRoaXMuY3VycmVudFNvcnRpbmcpIHtcbiAgICAgIHRoaXMuYXBwbHkuZW1pdCh7XG4gICAgICAgIGtleTogdGhpcy5jdXJyZW50U29ydGluZy5rZXksXG4gICAgICAgIG9yZGVyOiBzb3J0RGlyZWN0aW9uXG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxuICBnZXRTb3J0TGFiZWwoa2V5OiBzdHJpbmcgfCB1bmRlZmluZWQpIHtcbiAgICByZXR1cm4ga2V5ID8gYHNvcnRpbmcuJHtrZXl9LmxhYmVsYCA6ICcnO1xuICB9XG59XG4iLCI8bHgtb3B0aW9ucy1kcm9wZG93biAqbmdJZj1cImN1cnJlbnRTb3J0aW5nXCI+XG4gIDxseC1zb3J0aW5nLWRyb3Bkb3duLXRyaWdnZXJcbiAgICBseEtleWJvYXJkQWN0aW9uU291cmNlXG4gICAgW2xhYmVsXT1cIk5BTUUgKyAnLnNvcnRCeScgfCB0cmFuc2xhdGVcIlxuICAgIFtjdXJyZW50U29ydGluZ0xhYmVsXT1cImdldFNvcnRMYWJlbChjdXJyZW50U29ydGluZy5rZXkpIHwgdHJhbnNsYXRlXCJcbiAgPlxuICA8L2x4LXNvcnRpbmctZHJvcGRvd24tdHJpZ2dlcj5cbiAgPGx4LW9wdGlvbi1ncm91cCAoc2VsZWN0KT1cImFwcGx5U29ydGluZ01vZGUoJGV2ZW50KVwiPlxuICAgIDxseC1vcHRpb24gKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBzb3J0aW5nT3B0aW9uc1wiIFt2YWx1ZV09XCJvcHRpb25cIiBbc2VsZWN0ZWRdPVwib3B0aW9uLmtleSA9PT0gY3VycmVudFNvcnRpbmcua2V5XCI+XG4gICAgICB7eyBnZXRTb3J0TGFiZWwob3B0aW9uPy5rZXkpIHwgdHJhbnNsYXRlIH19XG4gICAgPC9seC1vcHRpb24+XG4gIDwvbHgtb3B0aW9uLWdyb3VwPlxuICA8bHgtb3B0aW9uLWdyb3VwICpuZ0lmPVwic2hvd0RpcmVjdGlvbk9wdGlvbnNcIiAoc2VsZWN0KT1cImFwcGx5U29ydGluZ0RpcmVjdGlvbigkZXZlbnQpXCI+XG4gICAgPGx4LW9wdGlvbiAqbmdGb3I9XCJsZXQgc29ydERpcmVjdGlvbiBvZiBzb3J0aW5nRGlyZWN0aW9uc1wiIFt2YWx1ZV09XCJzb3J0RGlyZWN0aW9uXCIgW3NlbGVjdGVkXT1cInNvcnREaXJlY3Rpb24gPT09IGN1cnJlbnRTb3J0aW5nLm9yZGVyXCI+XG4gICAgICB7eyAnc29ydGluZy4nICsgY3VycmVudFNvcnRpbmcua2V5ICsgJy4nICsgc29ydERpcmVjdGlvbiB8IHRyYW5zbGF0ZSB9fVxuICAgIDwvbHgtb3B0aW9uPlxuICA8L2x4LW9wdGlvbi1ncm91cD5cbjwvbHgtb3B0aW9ucy1kcm9wZG93bj5cbiJdfQ==
|
|
@@ -5397,9 +5397,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
|
|
|
5397
5397
|
type: Input
|
|
5398
5398
|
}] } });
|
|
5399
5399
|
|
|
5400
|
+
/**
|
|
5401
|
+
* Used for translation. The dash in the name ensures that this will not clash with a DataModel field.
|
|
5402
|
+
* This key is used when there is no sorting parameter sent to the allFactSheets query, meaning that the ElasticSearch
|
|
5403
|
+
* score will be used for sorting.
|
|
5404
|
+
*/
|
|
5405
|
+
const RELEVANCE_SORTING_KEY = 'lx-relevance';
|
|
5400
5406
|
class SortingDropdownComponent {
|
|
5401
5407
|
constructor() {
|
|
5402
5408
|
this.sortingOptions = [];
|
|
5409
|
+
this.showDirectionOptions = true;
|
|
5403
5410
|
this.apply = new EventEmitter();
|
|
5404
5411
|
this.NAME = 'SortingDropdownComponent';
|
|
5405
5412
|
this.sortingDirections = ['asc', 'desc'];
|
|
@@ -5428,14 +5435,16 @@ class SortingDropdownComponent {
|
|
|
5428
5435
|
}
|
|
5429
5436
|
}
|
|
5430
5437
|
SortingDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: SortingDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5431
|
-
SortingDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: SortingDropdownComponent, selector: "lx-sorting-dropdown", inputs: { currentSorting: "currentSorting", sortingOptions: "sortingOptions" }, outputs: { apply: "apply" }, ngImport: i0, template: "<lx-options-dropdown *ngIf=\"currentSorting\">\n <lx-sorting-dropdown-trigger\n lxKeyboardActionSource\n [label]=\"NAME + '.sortBy' | translate\"\n [currentSortingLabel]=\"getSortLabel(currentSorting.key) | translate\"\n >\n </lx-sorting-dropdown-trigger>\n <lx-option-group (select)=\"applySortingMode($event)\">\n <lx-option *ngFor=\"let option of sortingOptions\" [value]=\"option\" [selected]=\"option.key === currentSorting.key\">\n {{ getSortLabel(option?.key) | translate }}\n </lx-option>\n </lx-option-group>\n <lx-option-group (select)=\"applySortingDirection($event)\">\n <lx-option *ngFor=\"let sortDirection of sortingDirections\" [value]=\"sortDirection\" [selected]=\"sortDirection === currentSorting.order\">\n {{ 'sorting.' + currentSorting.key + '.' + sortDirection | translate }}\n </lx-option>\n </lx-option-group>\n</lx-options-dropdown>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: KeyboardActionSourceDirective, selector: "[lxKeyboardActionSource]", exportAs: ["keyboardActionSource"] }, { kind: "component", type: OptionComponent, selector: "lx-option", inputs: ["selected", "isHighlighted", "disabled", "value", "hasSelectedState", "selectIcon"], outputs: ["select", "highlight", "selectedClick"] }, { kind: "component", type: OptionGroupComponent, selector: "lx-option-group", inputs: ["hasSelectedState", "label"], outputs: ["select"] }, { kind: "component", type: OptionsDropdownComponent, selector: "lx-options-dropdown", inputs: ["align", "closeOnScroll", "disabled", "maxHeight", "closeOnSelect"] }, { kind: "component", type: SortingDropdownTriggerComponent, selector: "lx-sorting-dropdown-trigger", inputs: ["label", "currentSortingLabel", "disabled"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
|
|
5438
|
+
SortingDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: SortingDropdownComponent, selector: "lx-sorting-dropdown", inputs: { currentSorting: "currentSorting", sortingOptions: "sortingOptions", showDirectionOptions: "showDirectionOptions" }, outputs: { apply: "apply" }, ngImport: i0, template: "<lx-options-dropdown *ngIf=\"currentSorting\">\n <lx-sorting-dropdown-trigger\n lxKeyboardActionSource\n [label]=\"NAME + '.sortBy' | translate\"\n [currentSortingLabel]=\"getSortLabel(currentSorting.key) | translate\"\n >\n </lx-sorting-dropdown-trigger>\n <lx-option-group (select)=\"applySortingMode($event)\">\n <lx-option *ngFor=\"let option of sortingOptions\" [value]=\"option\" [selected]=\"option.key === currentSorting.key\">\n {{ getSortLabel(option?.key) | translate }}\n </lx-option>\n </lx-option-group>\n <lx-option-group *ngIf=\"showDirectionOptions\" (select)=\"applySortingDirection($event)\">\n <lx-option *ngFor=\"let sortDirection of sortingDirections\" [value]=\"sortDirection\" [selected]=\"sortDirection === currentSorting.order\">\n {{ 'sorting.' + currentSorting.key + '.' + sortDirection | translate }}\n </lx-option>\n </lx-option-group>\n</lx-options-dropdown>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: KeyboardActionSourceDirective, selector: "[lxKeyboardActionSource]", exportAs: ["keyboardActionSource"] }, { kind: "component", type: OptionComponent, selector: "lx-option", inputs: ["selected", "isHighlighted", "disabled", "value", "hasSelectedState", "selectIcon"], outputs: ["select", "highlight", "selectedClick"] }, { kind: "component", type: OptionGroupComponent, selector: "lx-option-group", inputs: ["hasSelectedState", "label"], outputs: ["select"] }, { kind: "component", type: OptionsDropdownComponent, selector: "lx-options-dropdown", inputs: ["align", "closeOnScroll", "disabled", "maxHeight", "closeOnSelect"] }, { kind: "component", type: SortingDropdownTriggerComponent, selector: "lx-sorting-dropdown-trigger", inputs: ["label", "currentSortingLabel", "disabled"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
|
|
5432
5439
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: SortingDropdownComponent, decorators: [{
|
|
5433
5440
|
type: Component,
|
|
5434
|
-
args: [{ selector: 'lx-sorting-dropdown', template: "<lx-options-dropdown *ngIf=\"currentSorting\">\n <lx-sorting-dropdown-trigger\n lxKeyboardActionSource\n [label]=\"NAME + '.sortBy' | translate\"\n [currentSortingLabel]=\"getSortLabel(currentSorting.key) | translate\"\n >\n </lx-sorting-dropdown-trigger>\n <lx-option-group (select)=\"applySortingMode($event)\">\n <lx-option *ngFor=\"let option of sortingOptions\" [value]=\"option\" [selected]=\"option.key === currentSorting.key\">\n {{ getSortLabel(option?.key) | translate }}\n </lx-option>\n </lx-option-group>\n <lx-option-group (select)=\"applySortingDirection($event)\">\n <lx-option *ngFor=\"let sortDirection of sortingDirections\" [value]=\"sortDirection\" [selected]=\"sortDirection === currentSorting.order\">\n {{ 'sorting.' + currentSorting.key + '.' + sortDirection | translate }}\n </lx-option>\n </lx-option-group>\n</lx-options-dropdown>\n" }]
|
|
5441
|
+
args: [{ selector: 'lx-sorting-dropdown', template: "<lx-options-dropdown *ngIf=\"currentSorting\">\n <lx-sorting-dropdown-trigger\n lxKeyboardActionSource\n [label]=\"NAME + '.sortBy' | translate\"\n [currentSortingLabel]=\"getSortLabel(currentSorting.key) | translate\"\n >\n </lx-sorting-dropdown-trigger>\n <lx-option-group (select)=\"applySortingMode($event)\">\n <lx-option *ngFor=\"let option of sortingOptions\" [value]=\"option\" [selected]=\"option.key === currentSorting.key\">\n {{ getSortLabel(option?.key) | translate }}\n </lx-option>\n </lx-option-group>\n <lx-option-group *ngIf=\"showDirectionOptions\" (select)=\"applySortingDirection($event)\">\n <lx-option *ngFor=\"let sortDirection of sortingDirections\" [value]=\"sortDirection\" [selected]=\"sortDirection === currentSorting.order\">\n {{ 'sorting.' + currentSorting.key + '.' + sortDirection | translate }}\n </lx-option>\n </lx-option-group>\n</lx-options-dropdown>\n" }]
|
|
5435
5442
|
}], propDecorators: { currentSorting: [{
|
|
5436
5443
|
type: Input
|
|
5437
5444
|
}], sortingOptions: [{
|
|
5438
5445
|
type: Input
|
|
5446
|
+
}], showDirectionOptions: [{
|
|
5447
|
+
type: Input
|
|
5439
5448
|
}], apply: [{
|
|
5440
5449
|
type: Output
|
|
5441
5450
|
}] } });
|
|
@@ -6668,5 +6677,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
|
|
|
6668
6677
|
* Generated bundle index. Do not edit.
|
|
6669
6678
|
*/
|
|
6670
6679
|
|
|
6671
|
-
export { ARROW_DOWN, ARROW_LEFT, ARROW_RIGHT, ARROW_UP, AfterViewInitDirective, AutocloseDirective, AutofocusDirective, BACKSPACE, BadgeComponent, BaseSelectDirective, BasicDropdownComponent, BasicDropdownItemComponent, BrPipe, ButtonComponent, ButtonGroupComponent, CURRENCY_SYMBOL_MAP, CardComponent, CdkOptionsDropdownComponent, CdkOptionsSubDropdownComponent, CollapsibleComponent, ColoredLabelComponent, ContrastColorPipe, CurrencyInputComponent, CurrencySymbolComponent, CustomDatePipe, DATE_FN_LOCALE, DATE_FORMATS, DateInputComponent, DragAndDropListComponent, DragAndDropListItemComponent, ENTER, ESCAPE, EllipsisComponent, ErrorMessageComponent, FORM_CONTROL_ERROR_DISPLAY_STRATEGY, FORM_CONTROL_ERROR_NAMESPACE, FilterSelectionPipe, FilterTermPipe, FormErrorComponent, FormErrorDirective, FormSubmitDirective, FormatNumberPipe, GLOBAL_TRANSLATION_OPTIONS, HighlightRangePipe, HighlightTermPipe, HtmlDirective, IconComponent, IconScaleComponent, KeyboardActionSourceDirective, KeyboardSelectAction, KeyboardSelectDirective, LOCALE_FN, LX_ELLIPSIS_DEBOUNCE_ON_RESIZE, LxCoreUiModule, LxDragAndDropListModule, LxFormsModule, LxIsUuidPipe, LxLinkifyPipe, LxModalModule, LxPopoverUiModule, LxTabUiModule, LxTimeAgo, LxTooltipModule, LxTranslatePipe, LxUnlinkifyPipe, MODAL_CLOSE, MarkInvalidDirective, MarkdownPipe, ModalComponent, ModalContentDirective, ModalFooterComponent, ModalHeaderComponent, MultiSelectComponent, NbspPipe, OptionComponent, OptionGroupComponent, OptionGroupDropdownComponent, OptionsDropdownComponent, OptionsSubDropdownComponent, PickerComponent, PickerOptionComponent, PickerTriggerDirective, PillItemComponent, PillListComponent, PopoverClickDirective, PopoverComponent, PopoverContentDirective, PopoverHoverDirective, Required, ResizeObserverService, ResponsiveInputComponent, SPACE, SelectDropdownDirective, SelectableItemDirective, SelectedOptionDirective, SingleSelectComponent, SliderToggleComponent, SortPipe, Sorting, SortingDropdownComponent, SortingDropdownTriggerComponent, SpinnerComponent, TAB, TabComponent, TabGroupComponent, TableComponent, TableHeaderComponent, TinySpinnerComponent, TooltipComponent, TooltipDirective, TranslationAfterPipe, TranslationBeforePipe, TranslationBetweenPipe, UnescapeCurlyBracesPipe, ValidateDateInForeseeableFuture, ValidateStringNotInArray, getContrastColor, getTranslationParts, isValidHexColor, isValidX, isValidY, provideFormControlErrorDisplayStrategy, provideFormControlErrorNamespace, shorthandHexHandle };
|
|
6680
|
+
export { ARROW_DOWN, ARROW_LEFT, ARROW_RIGHT, ARROW_UP, AfterViewInitDirective, AutocloseDirective, AutofocusDirective, BACKSPACE, BadgeComponent, BaseSelectDirective, BasicDropdownComponent, BasicDropdownItemComponent, BrPipe, ButtonComponent, ButtonGroupComponent, CURRENCY_SYMBOL_MAP, CardComponent, CdkOptionsDropdownComponent, CdkOptionsSubDropdownComponent, CollapsibleComponent, ColoredLabelComponent, ContrastColorPipe, CurrencyInputComponent, CurrencySymbolComponent, CustomDatePipe, DATE_FN_LOCALE, DATE_FORMATS, DateInputComponent, DragAndDropListComponent, DragAndDropListItemComponent, ENTER, ESCAPE, EllipsisComponent, ErrorMessageComponent, FORM_CONTROL_ERROR_DISPLAY_STRATEGY, FORM_CONTROL_ERROR_NAMESPACE, FilterSelectionPipe, FilterTermPipe, FormErrorComponent, FormErrorDirective, FormSubmitDirective, FormatNumberPipe, GLOBAL_TRANSLATION_OPTIONS, HighlightRangePipe, HighlightTermPipe, HtmlDirective, IconComponent, IconScaleComponent, KeyboardActionSourceDirective, KeyboardSelectAction, KeyboardSelectDirective, LOCALE_FN, LX_ELLIPSIS_DEBOUNCE_ON_RESIZE, LxCoreUiModule, LxDragAndDropListModule, LxFormsModule, LxIsUuidPipe, LxLinkifyPipe, LxModalModule, LxPopoverUiModule, LxTabUiModule, LxTimeAgo, LxTooltipModule, LxTranslatePipe, LxUnlinkifyPipe, MODAL_CLOSE, MarkInvalidDirective, MarkdownPipe, ModalComponent, ModalContentDirective, ModalFooterComponent, ModalHeaderComponent, MultiSelectComponent, NbspPipe, OptionComponent, OptionGroupComponent, OptionGroupDropdownComponent, OptionsDropdownComponent, OptionsSubDropdownComponent, PickerComponent, PickerOptionComponent, PickerTriggerDirective, PillItemComponent, PillListComponent, PopoverClickDirective, PopoverComponent, PopoverContentDirective, PopoverHoverDirective, RELEVANCE_SORTING_KEY, Required, ResizeObserverService, ResponsiveInputComponent, SPACE, SelectDropdownDirective, SelectableItemDirective, SelectedOptionDirective, SingleSelectComponent, SliderToggleComponent, SortPipe, Sorting, SortingDropdownComponent, SortingDropdownTriggerComponent, SpinnerComponent, TAB, TabComponent, TabGroupComponent, TableComponent, TableHeaderComponent, TinySpinnerComponent, TooltipComponent, TooltipDirective, TranslationAfterPipe, TranslationBeforePipe, TranslationBetweenPipe, UnescapeCurlyBracesPipe, ValidateDateInForeseeableFuture, ValidateStringNotInArray, getContrastColor, getTranslationParts, isValidHexColor, isValidX, isValidY, provideFormControlErrorDisplayStrategy, provideFormControlErrorNamespace, shorthandHexHandle };
|
|
6672
6681
|
//# sourceMappingURL=leanix-components.mjs.map
|