ngx-sfc-components 0.0.19 → 0.0.21
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/README.md +1 -1
- package/esm2020/lib/components/avatar/avatar.component.mjs +14 -20
- package/esm2020/lib/components/avatar/models/avatar-data.model.mjs +1 -1
- package/esm2020/lib/components/avatar/models/avatar-image.model.mjs +3 -2
- package/esm2020/lib/components/avatar/parts/badge/avatar-badge.component.mjs +17 -8
- package/esm2020/lib/components/avatar/parts/badge/avatar-badge.constants.mjs +3 -3
- package/esm2020/lib/components/avatar/parts/badge/avatar-badge.model.mjs +2 -0
- package/esm2020/lib/components/carousel/carousel.component.mjs +2 -2
- package/esm2020/lib/components/index.mjs +3 -2
- package/esm2020/lib/components/menu/dropdown/dropdown-menu.component.mjs +21 -6
- package/esm2020/lib/components/menu/dropdown/parts/item/dropdown-menu-item.component.mjs +2 -2
- package/esm2020/lib/components/menu/navigation/navigation-menu.component.mjs +2 -2
- package/esm2020/lib/components/menu/navigation/parts/item/navigation-menu-item.component.mjs +2 -2
- package/esm2020/lib/components/menu/side/parts/header/side-menu-header.component.mjs +2 -2
- package/esm2020/lib/components/menu/side/parts/item/content/side-menu-item-content.component.mjs +2 -2
- package/esm2020/lib/components/menu/side/parts/title/side-menu-title.component.mjs +2 -2
- package/esm2020/lib/components/no-export-index.mjs +3 -1
- package/esm2020/lib/components/progress/circle/progress-circle.component.mjs +2 -2
- package/esm2020/lib/components/progress/line/progress-line.component.mjs +2 -2
- package/esm2020/lib/components/progress/semi-circle/progress-semi-circle.component.mjs +2 -2
- package/esm2020/lib/components/stars/stars.component.mjs +2 -2
- package/esm2020/lib/components/table/models/table.model.mjs +1 -1
- package/esm2020/lib/components/table/parts/columns/default/default-table-column.component.mjs +3 -3
- package/esm2020/lib/components/table/parts/columns/selectable/selectable-table-column.component.mjs +11 -4
- package/esm2020/lib/components/table/parts/columns/selectable/selectable-table-column.constants.mjs +5 -0
- package/esm2020/lib/components/table/parts/columns/sorting/sorting-column.component.mjs +69 -0
- package/esm2020/lib/components/table/parts/columns/sorting/sorting-column.constants.mjs +6 -0
- package/esm2020/lib/components/table/parts/columns/sorting/sorting-column.model.mjs +2 -0
- package/esm2020/lib/components/table/parts/columns/table-column.model.mjs +1 -1
- package/esm2020/lib/components/table/parts/content/base-default-table-content.component.mjs +16 -18
- package/esm2020/lib/components/table/parts/content/cards/default/default-table-card.component.mjs +3 -3
- package/esm2020/lib/components/table/parts/content/rows/default/default-table-row.component.mjs +4 -7
- package/esm2020/lib/components/table/parts/content/rows/expanded/expanded-table-row.component.mjs +3 -4
- package/esm2020/lib/components/table/parts/content/rows/expanded/expanded-table-row.model.mjs +1 -1
- package/esm2020/lib/components/table/parts/toggle/columns-toggle.component.mjs +15 -10
- package/esm2020/lib/components/table/parts/toggle/columns-toggle.constants.mjs +3 -10
- package/esm2020/lib/components/table/parts/toggle/service/columns-toggle.service.mjs +10 -20
- package/esm2020/lib/components/table/service/select/table-select.service.mjs +14 -1
- package/esm2020/lib/components/table/table.component.mjs +198 -140
- package/esm2020/lib/components/table/table.constants.mjs +5 -6
- package/esm2020/lib/components/tabs/parts/labels/tab-label-icon/tab-label-icon.component.mjs +2 -2
- package/esm2020/lib/components/tabs/parts/labels/tab-label-line/tab-label-line.component.mjs +2 -2
- package/esm2020/lib/components/tabs/tabs.component.mjs +2 -2
- package/esm2020/lib/components/tags/parts/tag/tag.component.mjs +2 -2
- package/esm2020/lib/components/tags/tags.component.mjs +3 -3
- package/esm2020/lib/components/timeline/parts/item/timeline-item.component.mjs +2 -2
- package/esm2020/lib/ngx-sfc-components.module.mjs +5 -5
- package/fesm2015/ngx-sfc-components.mjs +426 -281
- package/fesm2015/ngx-sfc-components.mjs.map +1 -1
- package/fesm2020/ngx-sfc-components.mjs +425 -279
- package/fesm2020/ngx-sfc-components.mjs.map +1 -1
- package/lib/components/avatar/avatar.component.d.ts +8 -7
- package/lib/components/avatar/models/avatar-data.model.d.ts +5 -4
- package/lib/components/avatar/models/avatar-image.model.d.ts +2 -1
- package/lib/components/avatar/parts/badge/avatar-badge.component.d.ts +3 -3
- package/lib/components/avatar/parts/badge/avatar-badge.model.d.ts +14 -0
- package/lib/components/index.d.ts +6 -4
- package/lib/components/menu/dropdown/dropdown-menu.component.d.ts +5 -2
- package/lib/components/no-export-index.d.ts +2 -0
- package/lib/components/table/models/table.model.d.ts +2 -5
- package/lib/components/table/parts/columns/default/default-table-column.component.d.ts +2 -2
- package/lib/components/table/parts/columns/selectable/selectable-table-column.component.d.ts +3 -0
- package/lib/components/table/parts/columns/selectable/selectable-table-column.constants.d.ts +4 -0
- package/lib/components/table/parts/columns/sorting/sorting-column.component.d.ts +21 -0
- package/lib/components/table/parts/columns/sorting/sorting-column.constants.d.ts +4 -0
- package/lib/components/table/parts/columns/sorting/sorting-column.model.d.ts +12 -0
- package/lib/components/table/parts/columns/table-column.model.d.ts +8 -5
- package/lib/components/table/parts/content/base-default-table-content.component.d.ts +10 -9
- package/lib/components/table/parts/content/rows/default/default-table-row.component.d.ts +0 -3
- package/lib/components/table/parts/content/rows/expanded/expanded-table-row.model.d.ts +2 -3
- package/lib/components/table/parts/toggle/columns-toggle.component.d.ts +3 -1
- package/lib/components/table/parts/toggle/columns-toggle.constants.d.ts +2 -8
- package/lib/components/table/parts/toggle/service/columns-toggle.service.d.ts +2 -8
- package/lib/components/table/service/select/table-select.service.d.ts +2 -0
- package/lib/components/table/table.component.d.ts +57 -32
- package/lib/components/table/table.constants.d.ts +8 -9
- package/lib/ngx-sfc-components.module.d.ts +11 -10
- package/package.json +2 -2
- package/esm2020/lib/components/table/models/table-pagination.model.mjs +0 -2
- package/lib/components/table/models/table-pagination.model.d.ts +0 -5
package/esm2020/lib/components/table/parts/columns/selectable/selectable-table-column.component.mjs
CHANGED
|
@@ -1,23 +1,30 @@
|
|
|
1
1
|
import { Component, HostBinding, HostListener, Input } from '@angular/core';
|
|
2
|
-
import { UIClass } from 'ngx-sfc-common';
|
|
2
|
+
import { CheckmarkType, UIClass } from 'ngx-sfc-common';
|
|
3
|
+
import { SelectableTableColumnConstants } from './selectable-table-column.constants';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
import * as i1 from "../../../service/select/table-select.service";
|
|
5
6
|
import * as i2 from "ngx-sfc-common";
|
|
6
7
|
export class SelectableTableColumnComponent {
|
|
7
8
|
constructor(service) {
|
|
8
9
|
this.service = service;
|
|
10
|
+
this.CheckmarkType = CheckmarkType;
|
|
9
11
|
this.selected = false;
|
|
10
12
|
}
|
|
11
13
|
selectAll() {
|
|
12
14
|
this.selected = !this.selected;
|
|
13
15
|
this.service.selectAll(this.selected);
|
|
14
16
|
}
|
|
17
|
+
get label() {
|
|
18
|
+
return this.selected
|
|
19
|
+
? SelectableTableColumnConstants.LABEL_UNSELECT
|
|
20
|
+
: SelectableTableColumnConstants.LABEL_SELECT;
|
|
21
|
+
}
|
|
15
22
|
}
|
|
16
23
|
SelectableTableColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SelectableTableColumnComponent, deps: [{ token: i1.TableSelectService }], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
SelectableTableColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SelectableTableColumnComponent, selector: "sfc-selectable-table-column", inputs: { selected: "selected" }, host: { listeners: { "click": "selectAll()" }, properties: { "class.active": "this.selected" } }, ngImport: i0, template: "<div class=\"container\">\r\n <sfc-checkmark [active]=\"selected\"></sfc-checkmark>\r\n <span>
|
|
24
|
+
SelectableTableColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SelectableTableColumnComponent, selector: "sfc-selectable-table-column", inputs: { selected: "selected" }, host: { listeners: { "click": "selectAll()" }, properties: { "class.active": "this.selected" } }, ngImport: i0, template: "<div class=\"container\">\r\n <sfc-checkmark [active]=\"selected\" [type]=\"CheckmarkType.Circle\"></sfc-checkmark>\r\n <span>{{label}}</span>\r\n</div>", styles: [":host{display:inline-block}:host .container{font-size:1em;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .5s ease}:host .container,:host-context(.sfc-default-theme) :host .container{color:#545e61}:host-context(.sfc-dark-theme) :host .container{color:#fff}:host .container span{padding-left:.31em}:host:hover .container,:host.active .container{color:#ffce54!important}:host:hover .container sfc-checkmark ::ng-deep>.container .check,:host.active .container sfc-checkmark ::ng-deep>.container .check{border-color:#ffce54}\n"], dependencies: [{ kind: "component", type: i2.CheckmarkComponent, selector: "sfc-checkmark", inputs: ["active", "disabled", "icon", "type"] }] });
|
|
18
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SelectableTableColumnComponent, decorators: [{
|
|
19
26
|
type: Component,
|
|
20
|
-
args: [{ selector: 'sfc-selectable-table-column', template: "<div class=\"container\">\r\n <sfc-checkmark [active]=\"selected\"></sfc-checkmark>\r\n <span>
|
|
27
|
+
args: [{ selector: 'sfc-selectable-table-column', template: "<div class=\"container\">\r\n <sfc-checkmark [active]=\"selected\" [type]=\"CheckmarkType.Circle\"></sfc-checkmark>\r\n <span>{{label}}</span>\r\n</div>", styles: [":host{display:inline-block}:host .container{font-size:1em;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .5s ease}:host .container,:host-context(.sfc-default-theme) :host .container{color:#545e61}:host-context(.sfc-dark-theme) :host .container{color:#fff}:host .container span{padding-left:.31em}:host:hover .container,:host.active .container{color:#ffce54!important}:host:hover .container sfc-checkmark ::ng-deep>.container .check,:host.active .container sfc-checkmark ::ng-deep>.container .check{border-color:#ffce54}\n"] }]
|
|
21
28
|
}], ctorParameters: function () { return [{ type: i1.TableSelectService }]; }, propDecorators: { selected: [{
|
|
22
29
|
type: Input
|
|
23
30
|
}, {
|
|
@@ -27,4 +34,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
27
34
|
type: HostListener,
|
|
28
35
|
args: ['click']
|
|
29
36
|
}] } });
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0YWJsZS10YWJsZS1jb2x1bW4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy90YWJsZS9wYXJ0cy9jb2x1bW5zL3NlbGVjdGFibGUvc2VsZWN0YWJsZS10YWJsZS1jb2x1bW4uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy90YWJsZS9wYXJ0cy9jb2x1bW5zL3NlbGVjdGFibGUvc2VsZWN0YWJsZS10YWJsZS1jb2x1bW4uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE9BQU8sRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRXhELE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDOzs7O0FBT3JGLE1BQU0sT0FBTyw4QkFBOEI7SUFvQnpDLFlBQW9CLE9BQTJCO1FBQTNCLFlBQU8sR0FBUCxPQUFPLENBQW9CO1FBbEIvQyxrQkFBYSxHQUFHLGFBQWEsQ0FBQztRQUk5QixhQUFRLEdBQVksS0FBSyxDQUFDO0lBY3lCLENBQUM7SUFYcEQsU0FBUztRQUNQLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQy9CLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRUQsSUFBVyxLQUFLO1FBQ2QsT0FBTyxJQUFJLENBQUMsUUFBUTtZQUNsQixDQUFDLENBQUMsOEJBQThCLENBQUMsY0FBYztZQUMvQyxDQUFDLENBQUMsOEJBQThCLENBQUMsWUFBWSxDQUFBO0lBQ2pELENBQUM7OzJIQWxCVSw4QkFBOEI7K0dBQTlCLDhCQUE4Qix1TUNWM0MsZ0tBR007MkZET08sOEJBQThCO2tCQUwxQyxTQUFTOytCQUNFLDZCQUE2Qjt5R0FVdkMsUUFBUTtzQkFGUCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLFNBQVMsT0FBTyxDQUFDLE1BQU0sRUFBRTtnQkFJdEMsU0FBUztzQkFEUixZQUFZO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBIb3N0TGlzdGVuZXIsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENoZWNrbWFya1R5cGUsIFVJQ2xhc3MgfSBmcm9tICduZ3gtc2ZjLWNvbW1vbic7XHJcbmltcG9ydCB7IFRhYmxlU2VsZWN0U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2Uvc2VsZWN0L3RhYmxlLXNlbGVjdC5zZXJ2aWNlJztcclxuaW1wb3J0IHsgU2VsZWN0YWJsZVRhYmxlQ29sdW1uQ29uc3RhbnRzIH0gZnJvbSAnLi9zZWxlY3RhYmxlLXRhYmxlLWNvbHVtbi5jb25zdGFudHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzZmMtc2VsZWN0YWJsZS10YWJsZS1jb2x1bW4nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWxlY3RhYmxlLXRhYmxlLWNvbHVtbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc2VsZWN0YWJsZS10YWJsZS1jb2x1bW4uY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2VsZWN0YWJsZVRhYmxlQ29sdW1uQ29tcG9uZW50IHtcclxuXHJcbiAgQ2hlY2ttYXJrVHlwZSA9IENoZWNrbWFya1R5cGU7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgQEhvc3RCaW5kaW5nKGBjbGFzcy4ke1VJQ2xhc3MuQWN0aXZlfWApXHJcbiAgc2VsZWN0ZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snKVxyXG4gIHNlbGVjdEFsbCgpIHtcclxuICAgIHRoaXMuc2VsZWN0ZWQgPSAhdGhpcy5zZWxlY3RlZDtcclxuICAgIHRoaXMuc2VydmljZS5zZWxlY3RBbGwodGhpcy5zZWxlY3RlZCk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0IGxhYmVsKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gdGhpcy5zZWxlY3RlZFxyXG4gICAgICA/IFNlbGVjdGFibGVUYWJsZUNvbHVtbkNvbnN0YW50cy5MQUJFTF9VTlNFTEVDVFxyXG4gICAgICA6IFNlbGVjdGFibGVUYWJsZUNvbHVtbkNvbnN0YW50cy5MQUJFTF9TRUxFQ1RcclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgc2VydmljZTogVGFibGVTZWxlY3RTZXJ2aWNlKSB7IH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgICA8c2ZjLWNoZWNrbWFyayBbYWN0aXZlXT1cInNlbGVjdGVkXCIgW3R5cGVdPVwiQ2hlY2ttYXJrVHlwZS5DaXJjbGVcIj48L3NmYy1jaGVja21hcms+XHJcbiAgICA8c3Bhbj57e2xhYmVsfX08L3NwYW4+XHJcbjwvZGl2PiJdfQ==
|
package/esm2020/lib/components/table/parts/columns/selectable/selectable-table-column.constants.mjs
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export class SelectableTableColumnConstants {
|
|
2
|
+
}
|
|
3
|
+
SelectableTableColumnConstants.LABEL_SELECT = 'Select';
|
|
4
|
+
SelectableTableColumnConstants.LABEL_UNSELECT = 'Unselect';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0YWJsZS10YWJsZS1jb2x1bW4uY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy90YWJsZS9wYXJ0cy9jb2x1bW5zL3NlbGVjdGFibGUvc2VsZWN0YWJsZS10YWJsZS1jb2x1bW4uY29uc3RhbnRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sT0FBTyw4QkFBOEI7O0FBQ2hDLDJDQUFZLEdBQUcsUUFBUSxDQUFDO0FBQ3hCLDZDQUFjLEdBQUcsVUFBVSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNsYXNzIFNlbGVjdGFibGVUYWJsZUNvbHVtbkNvbnN0YW50c3tcclxuICAgIHN0YXRpYyBMQUJFTF9TRUxFQ1QgPSAnU2VsZWN0JztcclxuICAgIHN0YXRpYyBMQUJFTF9VTlNFTEVDVCA9ICdVbnNlbGVjdCc7XHJcbn0iXX0=
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { Component, HostBinding, HostListener, Input } from '@angular/core';
|
|
2
|
+
import { CommonConstants, firstOrDefault, isDefined, SortingDirection, UIClass } from 'ngx-sfc-common';
|
|
3
|
+
import { SortingConstants } from './sorting-column.constants';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "ngx-sfc-common";
|
|
6
|
+
import * as i2 from "@angular/common";
|
|
7
|
+
import * as i3 from "@fortawesome/angular-fontawesome";
|
|
8
|
+
export class SortingColumnComponent {
|
|
9
|
+
constructor(service) {
|
|
10
|
+
this.service = service;
|
|
11
|
+
this.SortingDirection = SortingDirection;
|
|
12
|
+
this.id = CommonConstants.EMPTY_STRING;
|
|
13
|
+
this.model = { active: false, enabled: false, direction: SortingDirection.Ascending };
|
|
14
|
+
}
|
|
15
|
+
get enabled() {
|
|
16
|
+
return this.model.enabled;
|
|
17
|
+
}
|
|
18
|
+
get active() {
|
|
19
|
+
return this.model.active || false;
|
|
20
|
+
}
|
|
21
|
+
sort() {
|
|
22
|
+
if (this.enabled) {
|
|
23
|
+
if (this.active) {
|
|
24
|
+
this.model.direction = this.model.direction === SortingDirection.Ascending
|
|
25
|
+
? SortingDirection.Descending
|
|
26
|
+
: SortingDirection.Ascending;
|
|
27
|
+
}
|
|
28
|
+
this.service.sort({ id: this.id, direction: this.model.direction });
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
get icon() {
|
|
32
|
+
const modelIcon = firstOrDefault(this.model.icons, i => i.direction == this.model.direction);
|
|
33
|
+
return modelIcon ? modelIcon.icon : this.model.direction === SortingDirection.Ascending
|
|
34
|
+
? SortingConstants.DEFAULT_ASCENDING_ICON : SortingConstants.DEFAULT_DESCENDING_ICON;
|
|
35
|
+
}
|
|
36
|
+
ngOnInit() {
|
|
37
|
+
if (!isDefined(this.model))
|
|
38
|
+
this.model = { active: false, enabled: false, direction: SortingDirection.Ascending };
|
|
39
|
+
// subscribe to sort changes so we can react when other columns are sorted
|
|
40
|
+
this._subscription = this.service.sorting$.subscribe(event => {
|
|
41
|
+
// reset this column's sort direction to hide the sort icons
|
|
42
|
+
if (this.id != event.id)
|
|
43
|
+
this.model.direction = SortingDirection.Ascending;
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
ngOnDestroy() {
|
|
47
|
+
this._subscription.unsubscribe();
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
SortingColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SortingColumnComponent, deps: [{ token: i1.SortingService }], target: i0.ɵɵFactoryTarget.Component });
|
|
51
|
+
SortingColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SortingColumnComponent, selector: "sfc-sorting-column", inputs: { id: "id", model: "model" }, host: { listeners: { "click": "sort()" }, properties: { "class.enabled": "this.enabled", "class.active": "this.active" } }, ngImport: i0, template: "<div class=\"container\">\r\n <div class=\"content\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div *ngIf=\"enabled\" class=\"icons\">\r\n <fa-icon [icon]=\"icon\"></fa-icon>\r\n </div>\r\n</div>", styles: [":host{cursor:default;text-overflow:ellipsis;overflow:hidden}:host.enabled{cursor:pointer}:host .container{display:flex;flex-wrap:wrap;justify-content:center;min-width:0;transition:color .5s ease}:host .container,:host-context(.sfc-default-theme) :host .container{color:#545e61}:host-context(.sfc-dark-theme) :host .container{color:#fff}:host .container:hover{color:#ffce54}:host .container .content{display:flex;-webkit-user-select:none;user-select:none}:host .container .icons{margin:0 .31em;font-size:.7em;display:flex;align-items:center}:host.active .container{color:#ffce54}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SortingColumnComponent, decorators: [{
|
|
53
|
+
type: Component,
|
|
54
|
+
args: [{ selector: 'sfc-sorting-column', template: "<div class=\"container\">\r\n <div class=\"content\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div *ngIf=\"enabled\" class=\"icons\">\r\n <fa-icon [icon]=\"icon\"></fa-icon>\r\n </div>\r\n</div>", styles: [":host{cursor:default;text-overflow:ellipsis;overflow:hidden}:host.enabled{cursor:pointer}:host .container{display:flex;flex-wrap:wrap;justify-content:center;min-width:0;transition:color .5s ease}:host .container,:host-context(.sfc-default-theme) :host .container{color:#545e61}:host-context(.sfc-dark-theme) :host .container{color:#fff}:host .container:hover{color:#ffce54}:host .container .content{display:flex;-webkit-user-select:none;user-select:none}:host .container .icons{margin:0 .31em;font-size:.7em;display:flex;align-items:center}:host.active .container{color:#ffce54}\n"] }]
|
|
55
|
+
}], ctorParameters: function () { return [{ type: i1.SortingService }]; }, propDecorators: { id: [{
|
|
56
|
+
type: Input
|
|
57
|
+
}], model: [{
|
|
58
|
+
type: Input
|
|
59
|
+
}], enabled: [{
|
|
60
|
+
type: HostBinding,
|
|
61
|
+
args: [`class.${UIClass.Enabled}`]
|
|
62
|
+
}], active: [{
|
|
63
|
+
type: HostBinding,
|
|
64
|
+
args: [`class.${UIClass.Active}`]
|
|
65
|
+
}], sort: [{
|
|
66
|
+
type: HostListener,
|
|
67
|
+
args: ['click']
|
|
68
|
+
}] } });
|
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29ydGluZy1jb2x1bW4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy90YWJsZS9wYXJ0cy9jb2x1bW5zL3NvcnRpbmcvc29ydGluZy1jb2x1bW4uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy90YWJsZS9wYXJ0cy9jb2x1bW5zL3NvcnRpbmcvc29ydGluZy1jb2x1bW4uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFFL0YsT0FBTyxFQUFFLGVBQWUsRUFBRSxjQUFjLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFrQixPQUFPLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUV2SCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7Ozs7QUFROUQsTUFBTSxPQUFPLHNCQUFzQjtJQXlDakMsWUFBb0IsT0FBdUI7UUFBdkIsWUFBTyxHQUFQLE9BQU8sQ0FBZ0I7UUF2QzNDLHFCQUFnQixHQUFHLGdCQUFnQixDQUFDO1FBR3BDLE9BQUUsR0FBVyxlQUFlLENBQUMsWUFBWSxDQUFDO1FBRzFDLFVBQUssR0FBa0IsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixDQUFDLFNBQVMsRUFBRSxDQUFDO0lBaUNqRCxDQUFDO0lBL0JoRCxJQUNJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDO0lBQzVCLENBQUM7SUFFRCxJQUNJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxJQUFJLEtBQUssQ0FBQztJQUNwQyxDQUFDO0lBR0QsSUFBSTtRQUNGLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNoQixJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUU7Z0JBQ2YsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLEtBQUssZ0JBQWdCLENBQUMsU0FBUztvQkFDeEUsQ0FBQyxDQUFDLGdCQUFnQixDQUFDLFVBQVU7b0JBQzdCLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxTQUFTLENBQUM7YUFDaEM7WUFFRCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFLEVBQUUsRUFBRSxJQUFJLENBQUMsRUFBRSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsRUFBRSxDQUFDLENBQUM7U0FDckU7SUFDSCxDQUFDO0lBRUQsSUFBSSxJQUFJO1FBQ04sTUFBTSxTQUFTLEdBQUcsY0FBYyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQzdGLE9BQU8sU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsS0FBSyxnQkFBZ0IsQ0FBQyxTQUFTO1lBQ3JGLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQUMsdUJBQXVCLENBQUM7SUFDekYsQ0FBQztJQU1ELFFBQVE7UUFDTixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUM7WUFDeEIsSUFBSSxDQUFDLEtBQUssR0FBRyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLENBQUMsU0FBUyxFQUFFLENBQUM7UUFFeEYsMEVBQTBFO1FBQzFFLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQzNELDREQUE0RDtZQUM1RCxJQUFJLElBQUksQ0FBQyxFQUFFLElBQUksS0FBSyxDQUFDLEVBQUU7Z0JBQ3JCLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxHQUFHLGdCQUFnQixDQUFDLFNBQVMsQ0FBQztRQUN0RCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNuQyxDQUFDOzttSEF6RFUsc0JBQXNCO3VHQUF0QixzQkFBc0IsNE5DWm5DLG1PQU9NOzJGREtPLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxvQkFBb0I7cUdBUzlCLEVBQUU7c0JBREQsS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSUYsT0FBTztzQkFEVixXQUFXO3VCQUFDLFNBQVMsT0FBTyxDQUFDLE9BQU8sRUFBRTtnQkFNbkMsTUFBTTtzQkFEVCxXQUFXO3VCQUFDLFNBQVMsT0FBTyxDQUFDLE1BQU0sRUFBRTtnQkFNdEMsSUFBSTtzQkFESCxZQUFZO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJY29uRGVmaW5pdGlvbiB9IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XHJcbmltcG9ydCB7IENvbW1vbkNvbnN0YW50cywgZmlyc3RPckRlZmF1bHQsIGlzRGVmaW5lZCwgU29ydGluZ0RpcmVjdGlvbiwgU29ydGluZ1NlcnZpY2UsIFVJQ2xhc3MgfSBmcm9tICduZ3gtc2ZjLWNvbW1vbic7XHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBTb3J0aW5nQ29uc3RhbnRzIH0gZnJvbSAnLi9zb3J0aW5nLWNvbHVtbi5jb25zdGFudHMnO1xyXG5pbXBvcnQgeyBJU29ydGluZ01vZGVsIH0gZnJvbSAnLi9zb3J0aW5nLWNvbHVtbi5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NmYy1zb3J0aW5nLWNvbHVtbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NvcnRpbmctY29sdW1uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zb3J0aW5nLWNvbHVtbi5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTb3J0aW5nQ29sdW1uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG5cclxuICBTb3J0aW5nRGlyZWN0aW9uID0gU29ydGluZ0RpcmVjdGlvbjtcclxuXHJcbiAgQElucHV0KClcclxuICBpZDogc3RyaW5nID0gQ29tbW9uQ29uc3RhbnRzLkVNUFRZX1NUUklORztcclxuXHJcbiAgQElucHV0KClcclxuICBtb2RlbDogSVNvcnRpbmdNb2RlbCA9IHsgYWN0aXZlOiBmYWxzZSwgZW5hYmxlZDogZmFsc2UsIGRpcmVjdGlvbjogU29ydGluZ0RpcmVjdGlvbi5Bc2NlbmRpbmcgfTtcclxuXHJcbiAgQEhvc3RCaW5kaW5nKGBjbGFzcy4ke1VJQ2xhc3MuRW5hYmxlZH1gKVxyXG4gIGdldCBlbmFibGVkKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMubW9kZWwuZW5hYmxlZDtcclxuICB9XHJcblxyXG4gIEBIb3N0QmluZGluZyhgY2xhc3MuJHtVSUNsYXNzLkFjdGl2ZX1gKVxyXG4gIGdldCBhY3RpdmUoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5tb2RlbC5hY3RpdmUgfHwgZmFsc2U7XHJcbiAgfVxyXG5cclxuICBASG9zdExpc3RlbmVyKCdjbGljaycpXHJcbiAgc29ydCgpIHtcclxuICAgIGlmICh0aGlzLmVuYWJsZWQpIHtcclxuICAgICAgaWYgKHRoaXMuYWN0aXZlKSB7XHJcbiAgICAgICAgdGhpcy5tb2RlbC5kaXJlY3Rpb24gPSB0aGlzLm1vZGVsLmRpcmVjdGlvbiA9PT0gU29ydGluZ0RpcmVjdGlvbi5Bc2NlbmRpbmdcclxuICAgICAgICAgID8gU29ydGluZ0RpcmVjdGlvbi5EZXNjZW5kaW5nXHJcbiAgICAgICAgICA6IFNvcnRpbmdEaXJlY3Rpb24uQXNjZW5kaW5nO1xyXG4gICAgICB9XHJcblxyXG4gICAgICB0aGlzLnNlcnZpY2Uuc29ydCh7IGlkOiB0aGlzLmlkLCBkaXJlY3Rpb246IHRoaXMubW9kZWwuZGlyZWN0aW9uIH0pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgZ2V0IGljb24oKTogSWNvbkRlZmluaXRpb24ge1xyXG4gICAgY29uc3QgbW9kZWxJY29uID0gZmlyc3RPckRlZmF1bHQodGhpcy5tb2RlbC5pY29ucywgaSA9PiBpLmRpcmVjdGlvbiA9PSB0aGlzLm1vZGVsLmRpcmVjdGlvbik7XHJcbiAgICByZXR1cm4gbW9kZWxJY29uID8gbW9kZWxJY29uLmljb24gOiB0aGlzLm1vZGVsLmRpcmVjdGlvbiA9PT0gU29ydGluZ0RpcmVjdGlvbi5Bc2NlbmRpbmdcclxuICAgICAgPyBTb3J0aW5nQ29uc3RhbnRzLkRFRkFVTFRfQVNDRU5ESU5HX0lDT04gOiBTb3J0aW5nQ29uc3RhbnRzLkRFRkFVTFRfREVTQ0VORElOR19JQ09OO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBfc3Vic2NyaXB0aW9uITogU3Vic2NyaXB0aW9uO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHNlcnZpY2U6IFNvcnRpbmdTZXJ2aWNlKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBpZiAoIWlzRGVmaW5lZCh0aGlzLm1vZGVsKSlcclxuICAgICAgdGhpcy5tb2RlbCA9IHsgYWN0aXZlOiBmYWxzZSwgZW5hYmxlZDogZmFsc2UsIGRpcmVjdGlvbjogU29ydGluZ0RpcmVjdGlvbi5Bc2NlbmRpbmcgfTtcclxuXHJcbiAgICAvLyBzdWJzY3JpYmUgdG8gc29ydCBjaGFuZ2VzIHNvIHdlIGNhbiByZWFjdCB3aGVuIG90aGVyIGNvbHVtbnMgYXJlIHNvcnRlZFxyXG4gICAgdGhpcy5fc3Vic2NyaXB0aW9uID0gdGhpcy5zZXJ2aWNlLnNvcnRpbmckLnN1YnNjcmliZShldmVudCA9PiB7XHJcbiAgICAgIC8vIHJlc2V0IHRoaXMgY29sdW1uJ3Mgc29ydCBkaXJlY3Rpb24gdG8gaGlkZSB0aGUgc29ydCBpY29uc1xyXG4gICAgICBpZiAodGhpcy5pZCAhPSBldmVudC5pZClcclxuICAgICAgICB0aGlzLm1vZGVsLmRpcmVjdGlvbiA9IFNvcnRpbmdEaXJlY3Rpb24uQXNjZW5kaW5nO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIHRoaXMuX3N1YnNjcmlwdGlvbi51bnN1YnNjcmliZSgpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29udGVudFwiPlxyXG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiAqbmdJZj1cImVuYWJsZWRcIiBjbGFzcz1cImljb25zXCI+XHJcbiAgICAgICAgPGZhLWljb24gW2ljb25dPVwiaWNvblwiPjwvZmEtaWNvbj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { faChevronUp, faChevronDown } from '@fortawesome/free-solid-svg-icons';
|
|
2
|
+
export class SortingConstants {
|
|
3
|
+
}
|
|
4
|
+
SortingConstants.DEFAULT_ASCENDING_ICON = faChevronUp;
|
|
5
|
+
SortingConstants.DEFAULT_DESCENDING_ICON = faChevronDown;
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29ydGluZy1jb2x1bW4uY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy90YWJsZS9wYXJ0cy9jb2x1bW5zL3NvcnRpbmcvc29ydGluZy1jb2x1bW4uY29uc3RhbnRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsYUFBYSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFL0UsTUFBTSxPQUFPLGdCQUFnQjs7QUFDbEIsdUNBQXNCLEdBQUcsV0FBVyxDQUFDO0FBQ3JDLHdDQUF1QixHQUFHLGFBQWEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZhQ2hldnJvblVwLCBmYUNoZXZyb25Eb3duIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcclxuXHJcbmV4cG9ydCBjbGFzcyBTb3J0aW5nQ29uc3RhbnRzIHtcclxuICAgIHN0YXRpYyBERUZBVUxUX0FTQ0VORElOR19JQ09OID0gZmFDaGV2cm9uVXA7XHJcbiAgICBzdGF0aWMgREVGQVVMVF9ERVNDRU5ESU5HX0lDT04gPSBmYUNoZXZyb25Eb3duO1xyXG59Il19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29ydGluZy1jb2x1bW4ubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYmxlL3BhcnRzL2NvbHVtbnMvc29ydGluZy9zb3J0aW5nLWNvbHVtbi5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbkRlZmluaXRpb24gfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xyXG5pbXBvcnQgeyBTb3J0aW5nRGlyZWN0aW9uIH0gZnJvbSAnbmd4LXNmYy1jb21tb24nO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBJU29ydGluZ01vZGVsIHtcclxuICAgIGVuYWJsZWQ6IGJvb2xlYW47XHJcbiAgICBhY3RpdmU/OiBib29sZWFuO1xyXG4gICAgZGlyZWN0aW9uOiBTb3J0aW5nRGlyZWN0aW9uO1xyXG4gICAgaWNvbnM/OiBJU29ydGluZ0ljb25bXTtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBJU29ydGluZ0ljb24ge1xyXG4gICAgZGlyZWN0aW9uOiBTb3J0aW5nRGlyZWN0aW9uO1xyXG4gICAgaWNvbjogSWNvbkRlZmluaXRpb247XHJcbn0iXX0=
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtY29sdW1uLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy90YWJsZS9wYXJ0cy9jb2x1bW5zL3RhYmxlLWNvbHVtbi5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZW1wdHkgfSBmcm9tIFwibmd4LXNmYy1jb21tb25cIjtcclxuaW1wb3J0IHsgVGFibGVDb2x1bW5UeXBlIH0gZnJvbSBcIi4vdGFibGUtY29sdW1uLXR5cGUuZW51bVwiO1xyXG5pbXBvcnQgeyBJY29uRGVmaW5pdGlvbiB9IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XHJcbmltcG9ydCB7IElTb3J0aW5nTW9kZWwgfSBmcm9tIFwiLi9zb3J0aW5nL3NvcnRpbmctY29sdW1uLm1vZGVsXCI7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIElUYWJsZUNvbHVtbk1vZGVsIHtcclxuICAgIG5hbWU6IHN0cmluZztcclxuICAgIGZpZWxkOiBzdHJpbmc7XHJcbiAgICBpY29uPzogSWNvbkRlZmluaXRpb24gfCBlbXB0eTtcclxuICAgIHNvcnRpbmc/OiBJU29ydGluZ01vZGVsIHwgZW1wdHk7XHJcbiAgICB3aWR0aD86IG51bWJlciB8IGVtcHR5O1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIElUYWJsZUNvbHVtbkV4dGVuZGVkTW9kZWwgZXh0ZW5kcyBJVGFibGVDb2x1bW5Nb2RlbCB7XHJcbiAgICB0eXBlPzogVGFibGVDb2x1bW5UeXBlO1xyXG4gICAgY2FsY3VsYXRlZFdpZHRoPzogc3RyaW5nO1xyXG59XHJcbiJdfQ==
|
|
@@ -1,22 +1,23 @@
|
|
|
1
|
-
import { Directive,
|
|
2
|
-
import { Position } from "ngx-sfc-common";
|
|
1
|
+
import { Directive, HostBinding, HostListener, Input, ViewChild } from "@angular/core";
|
|
2
|
+
import { CheckmarkType, Position } from "ngx-sfc-common";
|
|
3
3
|
import { fromEvent } from "rxjs";
|
|
4
4
|
import { TableColumnType } from "../columns/table-column-type.enum";
|
|
5
5
|
import { UIClass } from "ngx-sfc-common";
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "../../service/select/table-select.service";
|
|
7
8
|
export class BaseDefaultTableContentComponent {
|
|
8
|
-
constructor() {
|
|
9
|
+
constructor(selectedService) {
|
|
10
|
+
this.selectedService = selectedService;
|
|
9
11
|
this.TableColumnType = TableColumnType;
|
|
10
|
-
this.
|
|
12
|
+
this.CheckmarkType = CheckmarkType;
|
|
13
|
+
this.model = { data: {}, index: 0, sequence: 0 };
|
|
11
14
|
this.columns = [];
|
|
12
15
|
this.selectOnClick = false;
|
|
13
16
|
this.position = Position.Left;
|
|
14
|
-
this.columnWidth = this.columns.length || 1;
|
|
15
|
-
this.selected = new EventEmitter();
|
|
16
17
|
}
|
|
17
18
|
onContentClick() {
|
|
18
19
|
if (this.selectOnClick)
|
|
19
|
-
this.
|
|
20
|
+
this.select();
|
|
20
21
|
}
|
|
21
22
|
get even() {
|
|
22
23
|
return (this.model.index + 1) % 2 === 0;
|
|
@@ -30,7 +31,7 @@ export class BaseDefaultTableContentComponent {
|
|
|
30
31
|
.subscribe((event) => {
|
|
31
32
|
if (this.selectOnClick)
|
|
32
33
|
event.stopPropagation();
|
|
33
|
-
this.
|
|
34
|
+
this.select();
|
|
34
35
|
});
|
|
35
36
|
}
|
|
36
37
|
}
|
|
@@ -38,15 +39,16 @@ export class BaseDefaultTableContentComponent {
|
|
|
38
39
|
if (this._columnCheckmarkSubscription)
|
|
39
40
|
this._columnCheckmarkSubscription.unsubscribe();
|
|
40
41
|
}
|
|
41
|
-
|
|
42
|
-
|
|
42
|
+
select() {
|
|
43
|
+
this.model.selected = !this.model.selected;
|
|
44
|
+
this.selectedService.select(this.model.sequence, this.model.selected);
|
|
43
45
|
}
|
|
44
46
|
}
|
|
45
|
-
BaseDefaultTableContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BaseDefaultTableContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
46
|
-
BaseDefaultTableContentComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: BaseDefaultTableContentComponent, inputs: { model: "model", columns: "columns", selectOnClick: "selectOnClick", position: "position"
|
|
47
|
+
BaseDefaultTableContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BaseDefaultTableContentComponent, deps: [{ token: i1.TableSelectService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
48
|
+
BaseDefaultTableContentComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: BaseDefaultTableContentComponent, inputs: { model: "model", columns: "columns", selectOnClick: "selectOnClick", position: "position" }, host: { listeners: { "click": "onContentClick()" }, properties: { "class.even": "this.even", "class.pointer": "this.pointer" } }, viewQueries: [{ propertyName: "columnCheckmark", first: true, predicate: ["columnCheckmark"], descendants: true }], ngImport: i0 });
|
|
47
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BaseDefaultTableContentComponent, decorators: [{
|
|
48
50
|
type: Directive
|
|
49
|
-
}], propDecorators: { model: [{
|
|
51
|
+
}], ctorParameters: function () { return [{ type: i1.TableSelectService }]; }, propDecorators: { model: [{
|
|
50
52
|
type: Input
|
|
51
53
|
}], columns: [{
|
|
52
54
|
type: Input
|
|
@@ -54,10 +56,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
54
56
|
type: Input
|
|
55
57
|
}], position: [{
|
|
56
58
|
type: Input
|
|
57
|
-
}], columnWidth: [{
|
|
58
|
-
type: Input
|
|
59
|
-
}], selected: [{
|
|
60
|
-
type: Output
|
|
61
59
|
}], columnCheckmark: [{
|
|
62
60
|
type: ViewChild,
|
|
63
61
|
args: ['columnCheckmark', { static: false }]
|
|
@@ -71,4 +69,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
71
69
|
type: HostBinding,
|
|
72
70
|
args: [`class.${UIClass.Pointer}`]
|
|
73
71
|
}] } });
|
|
74
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1kZWZhdWx0LXRhYmxlLWNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy90YWJsZS9wYXJ0cy9jb250ZW50L2Jhc2UtZGVmYXVsdC10YWJsZS1jb250ZW50LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlCLFNBQVMsRUFBYyxXQUFXLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBYSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0gsT0FBTyxFQUFFLGFBQWEsRUFBRSxRQUFRLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsU0FBUyxFQUFnQixNQUFNLE1BQU0sQ0FBQztBQUUvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFcEUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7QUFJekMsTUFBTSxPQUFnQixnQ0FBZ0M7SUFzQ2xELFlBQW9CLGVBQW1DO1FBQW5DLG9CQUFlLEdBQWYsZUFBZSxDQUFvQjtRQXBDdkQsb0JBQWUsR0FBRyxlQUFlLENBQUM7UUFDbEMsa0JBQWEsR0FBRyxhQUFhLENBQUM7UUFHOUIsVUFBSyxHQUFnQixFQUFHLElBQUksRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUUsQ0FBQyxFQUFFLENBQUM7UUFHMUQsWUFBTyxHQUFnQyxFQUFFLENBQUM7UUFHMUMsa0JBQWEsR0FBWSxLQUFLLENBQUM7UUFHL0IsYUFBUSxHQUFhLFFBQVEsQ0FBQyxJQUFJLENBQUM7SUF1QndCLENBQUM7SUFmNUQsY0FBYztRQUNWLElBQUksSUFBSSxDQUFDLGFBQWE7WUFDbEIsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxJQUNJLElBQUk7UUFDSixPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM1QyxDQUFDO0lBRUQsSUFDSSxPQUFPO1FBQ1AsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDO0lBQzlCLENBQUM7SUFJRCxlQUFlO1FBQ1gsSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFO1lBQ3RCLElBQUksQ0FBQyw0QkFBNEIsR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxhQUFhLEVBQUUsT0FBTyxDQUFDO2lCQUNyRixTQUFTLENBQUMsQ0FBQyxLQUFVLEVBQUUsRUFBRTtnQkFDdEIsSUFBSSxJQUFJLENBQUMsYUFBYTtvQkFDbEIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO2dCQUU1QixJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDbEIsQ0FBQyxDQUFDLENBQUM7U0FDVjtJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1AsSUFBSSxJQUFJLENBQUMsNEJBQTRCO1lBQ2pDLElBQUksQ0FBQyw0QkFBNEIsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUN4RCxDQUFDO0lBRU8sTUFBTTtRQUNWLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUM7UUFDM0MsSUFBSSxDQUFDLGVBQWUsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMxRSxDQUFDOzs2SEE1RGlCLGdDQUFnQztpSEFBaEMsZ0NBQWdDOzJGQUFoQyxnQ0FBZ0M7a0JBRHJELFNBQVM7eUdBT04sS0FBSztzQkFESixLQUFLO2dCQUlOLE9BQU87c0JBRE4sS0FBSztnQkFJTixhQUFhO3NCQURaLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLGVBQWU7c0JBRGQsU0FBUzt1QkFBQyxpQkFBaUIsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7Z0JBTS9DLGNBQWM7c0JBRGIsWUFBWTt1QkFBQyxPQUFPO2dCQU9qQixJQUFJO3NCQURQLFdBQVc7dUJBQUMsU0FBUyxPQUFPLENBQUMsSUFBSSxFQUFFO2dCQU1oQyxPQUFPO3NCQURWLFdBQVc7dUJBQUMsU0FBUyxPQUFPLENBQUMsT0FBTyxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBIb3N0QmluZGluZywgSG9zdExpc3RlbmVyLCBJbnB1dCwgT25EZXN0cm95LCBWaWV3Q2hpbGQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBDaGVja21hcmtUeXBlLCBQb3NpdGlvbiB9IGZyb20gXCJuZ3gtc2ZjLWNvbW1vblwiO1xyXG5pbXBvcnQgeyBmcm9tRXZlbnQsIFN1YnNjcmlwdGlvbiB9IGZyb20gXCJyeGpzXCI7XHJcbmltcG9ydCB7IElUYWJsZUNvbHVtbkV4dGVuZGVkTW9kZWwgfSBmcm9tIFwiLi4vY29sdW1ucy90YWJsZS1jb2x1bW4ubW9kZWxcIjtcclxuaW1wb3J0IHsgVGFibGVDb2x1bW5UeXBlIH0gZnJvbSBcIi4uL2NvbHVtbnMvdGFibGUtY29sdW1uLXR5cGUuZW51bVwiO1xyXG5pbXBvcnQgeyBJVGFibGVNb2RlbCB9IGZyb20gXCIuLi8uLi9tb2RlbHMvdGFibGUubW9kZWxcIjtcclxuaW1wb3J0IHsgVUlDbGFzcyB9IGZyb20gXCJuZ3gtc2ZjLWNvbW1vblwiO1xyXG5pbXBvcnQgeyBUYWJsZVNlbGVjdFNlcnZpY2UgfSBmcm9tIFwiLi4vLi4vc2VydmljZS9zZWxlY3QvdGFibGUtc2VsZWN0LnNlcnZpY2VcIjtcclxuXHJcbkBEaXJlY3RpdmUoKVxyXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgQmFzZURlZmF1bHRUYWJsZUNvbnRlbnRDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xyXG5cclxuICAgIFRhYmxlQ29sdW1uVHlwZSA9IFRhYmxlQ29sdW1uVHlwZTtcclxuICAgIENoZWNrbWFya1R5cGUgPSBDaGVja21hcmtUeXBlO1xyXG5cclxuICAgIEBJbnB1dCgpXHJcbiAgICBtb2RlbDogSVRhYmxlTW9kZWwgPSB7ICBkYXRhOiB7fSwgaW5kZXg6IDAsIHNlcXVlbmNlOiAwIH07XHJcblxyXG4gICAgQElucHV0KClcclxuICAgIGNvbHVtbnM6IElUYWJsZUNvbHVtbkV4dGVuZGVkTW9kZWxbXSA9IFtdO1xyXG5cclxuICAgIEBJbnB1dCgpXHJcbiAgICBzZWxlY3RPbkNsaWNrOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gICAgQElucHV0KClcclxuICAgIHBvc2l0aW9uOiBQb3NpdGlvbiA9IFBvc2l0aW9uLkxlZnQ7XHJcblxyXG4gICAgQFZpZXdDaGlsZCgnY29sdW1uQ2hlY2ttYXJrJywgeyBzdGF0aWM6IGZhbHNlIH0pXHJcbiAgICBjb2x1bW5DaGVja21hcmshOiBFbGVtZW50UmVmO1xyXG5cclxuICAgIF9jb2x1bW5DaGVja21hcmtTdWJzY3JpcHRpb24hOiBTdWJzY3JpcHRpb247XHJcblxyXG4gICAgQEhvc3RMaXN0ZW5lcignY2xpY2snKVxyXG4gICAgb25Db250ZW50Q2xpY2soKTogdm9pZCB7XHJcbiAgICAgICAgaWYgKHRoaXMuc2VsZWN0T25DbGljaylcclxuICAgICAgICAgICAgdGhpcy5zZWxlY3QoKTtcclxuICAgIH1cclxuXHJcbiAgICBASG9zdEJpbmRpbmcoYGNsYXNzLiR7VUlDbGFzcy5FdmVufWApXHJcbiAgICBnZXQgZXZlbigpOiBib29sZWFuIHtcclxuICAgICAgICByZXR1cm4gKHRoaXMubW9kZWwuaW5kZXggKyAxKSAlIDIgPT09IDA7XHJcbiAgICB9XHJcblxyXG4gICAgQEhvc3RCaW5kaW5nKGBjbGFzcy4ke1VJQ2xhc3MuUG9pbnRlcn1gKVxyXG4gICAgZ2V0IHBvaW50ZXIoKTogYm9vbGVhbiB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMuc2VsZWN0T25DbGljaztcclxuICAgIH1cclxuXHJcbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHNlbGVjdGVkU2VydmljZTogVGFibGVTZWxlY3RTZXJ2aWNlKSB7IH1cclxuXHJcbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcbiAgICAgICAgaWYgKHRoaXMuY29sdW1uQ2hlY2ttYXJrKSB7XHJcbiAgICAgICAgICAgIHRoaXMuX2NvbHVtbkNoZWNrbWFya1N1YnNjcmlwdGlvbiA9IGZyb21FdmVudCh0aGlzLmNvbHVtbkNoZWNrbWFyay5uYXRpdmVFbGVtZW50LCAnY2xpY2snKVxyXG4gICAgICAgICAgICAgICAgLnN1YnNjcmliZSgoZXZlbnQ6IGFueSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgIGlmICh0aGlzLnNlbGVjdE9uQ2xpY2spXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xyXG5cclxuICAgICAgICAgICAgICAgICAgICB0aGlzLnNlbGVjdCgpO1xyXG4gICAgICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgICAgIGlmICh0aGlzLl9jb2x1bW5DaGVja21hcmtTdWJzY3JpcHRpb24pXHJcbiAgICAgICAgICAgIHRoaXMuX2NvbHVtbkNoZWNrbWFya1N1YnNjcmlwdGlvbi51bnN1YnNjcmliZSgpO1xyXG4gICAgfVxyXG5cclxuICAgIHByaXZhdGUgc2VsZWN0KCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMubW9kZWwuc2VsZWN0ZWQgPSAhdGhpcy5tb2RlbC5zZWxlY3RlZDtcclxuICAgICAgICB0aGlzLnNlbGVjdGVkU2VydmljZS5zZWxlY3QodGhpcy5tb2RlbC5zZXF1ZW5jZSwgdGhpcy5tb2RlbC5zZWxlY3RlZCk7XHJcbiAgICB9XHJcbn0iXX0=
|
package/esm2020/lib/components/table/parts/content/cards/default/default-table-card.component.mjs
CHANGED
|
@@ -6,9 +6,9 @@ import * as i2 from "ngx-sfc-common";
|
|
|
6
6
|
export class DefaultTableCardComponent extends BaseDefaultTableContentComponent {
|
|
7
7
|
}
|
|
8
8
|
DefaultTableCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DefaultTableCardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
-
DefaultTableCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DefaultTableCardComponent, selector: "sfc-default-table-card", usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\r\n <div class=\"content-container\" *ngFor=\"let column of columns\">\r\n <div class=\"content\">\r\n <ng-container [ngSwitch]=\"column.type\">\r\n <div #columnCheckmark *ngSwitchCase=\"TableColumnType.Selectable\">\r\n <sfc-checkmark [active]=\"model.
|
|
9
|
+
DefaultTableCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DefaultTableCardComponent, selector: "sfc-default-table-card", usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\r\n <div class=\"content-container\" *ngFor=\"let column of columns\">\r\n <div class=\"content\">\r\n <ng-container [ngSwitch]=\"column.type\">\r\n <div #columnCheckmark *ngSwitchCase=\"TableColumnType.Selectable\">\r\n <sfc-checkmark [active]=\"model.selected || false\" [type]=\"CheckmarkType.Circle\"></sfc-checkmark>\r\n </div>\r\n <div *ngSwitchCase=\"TableColumnType.Sequence\">\r\n <span class=\"name\">{{column.name}}</span>\r\n <span>{{model.sequence}}</span>\r\n </div>\r\n <div *ngSwitchDefault>\r\n <span class=\"name\">{{column.name}}</span>\r\n <span>{{model.data[column.field]}}</span>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n</div>", styles: [":host{display:inline-block;box-shadow:0 .625em 1.25em #00000030,0 .3753em .3753em #0000003b;transition:all .2s ease-in-out;border-radius:.75em;margin:.5em;background-color:#f5f7fa}:host.even{background-color:#e6e9ed}:host.even:hover{background-color:#ccd1d9}:host:hover{background-color:#ccd1d9}:host.pointer{cursor:pointer}:host .container{flex-flow:column wrap;justify-content:center;width:min-content;display:flex;align-items:center}:host .container .content-container{color:#545e61;font-weight:700;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;user-select:none;text-align:center;text-align:left}:host .container .content-container .content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:.625em 1.25em}:host .container .content-container .content div{width:100%;padding:0 5em}:host .container .content-container .content .name{display:block;font-size:.625em;line-height:.625em;font-weight:700;text-transform:uppercase;color:#656d78}@media all and (max-width: 430px){:host .container{width:initial}:host .container .content-container .content div{width:initial;padding:0}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2.CheckmarkComponent, selector: "sfc-checkmark", inputs: ["active", "disabled", "icon", "type"] }] });
|
|
10
10
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DefaultTableCardComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
|
-
args: [{ selector: 'sfc-default-table-card', template: "<div class=\"container\">\r\n <div class=\"content-container\" *ngFor=\"let column of columns\">\r\n <div class=\"content\">\r\n <ng-container [ngSwitch]=\"column.type\">\r\n <div #columnCheckmark *ngSwitchCase=\"TableColumnType.Selectable\">\r\n <sfc-checkmark [active]=\"model.
|
|
12
|
+
args: [{ selector: 'sfc-default-table-card', template: "<div class=\"container\">\r\n <div class=\"content-container\" *ngFor=\"let column of columns\">\r\n <div class=\"content\">\r\n <ng-container [ngSwitch]=\"column.type\">\r\n <div #columnCheckmark *ngSwitchCase=\"TableColumnType.Selectable\">\r\n <sfc-checkmark [active]=\"model.selected || false\" [type]=\"CheckmarkType.Circle\"></sfc-checkmark>\r\n </div>\r\n <div *ngSwitchCase=\"TableColumnType.Sequence\">\r\n <span class=\"name\">{{column.name}}</span>\r\n <span>{{model.sequence}}</span>\r\n </div>\r\n <div *ngSwitchDefault>\r\n <span class=\"name\">{{column.name}}</span>\r\n <span>{{model.data[column.field]}}</span>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n</div>", styles: [":host{display:inline-block;box-shadow:0 .625em 1.25em #00000030,0 .3753em .3753em #0000003b;transition:all .2s ease-in-out;border-radius:.75em;margin:.5em;background-color:#f5f7fa}:host.even{background-color:#e6e9ed}:host.even:hover{background-color:#ccd1d9}:host:hover{background-color:#ccd1d9}:host.pointer{cursor:pointer}:host .container{flex-flow:column wrap;justify-content:center;width:min-content;display:flex;align-items:center}:host .container .content-container{color:#545e61;font-weight:700;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;user-select:none;text-align:center;text-align:left}:host .container .content-container .content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:.625em 1.25em}:host .container .content-container .content div{width:100%;padding:0 5em}:host .container .content-container .content .name{display:block;font-size:.625em;line-height:.625em;font-weight:700;text-transform:uppercase;color:#656d78}@media all and (max-width: 430px){:host .container{width:initial}:host .container .content-container .content div{width:initial;padding:0}}\n"] }]
|
|
13
13
|
}] });
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVmYXVsdC10YWJsZS1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvdGFibGUvcGFydHMvY29udGVudC9jYXJkcy9kZWZhdWx0L2RlZmF1bHQtdGFibGUtY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYmxlL3BhcnRzL2NvbnRlbnQvY2FyZHMvZGVmYXVsdC9kZWZhdWx0LXRhYmxlLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQzs7OztBQU85RixNQUFNLE9BQU8seUJBQTBCLFNBQVEsZ0NBQWdDOztzSEFBbEUseUJBQXlCOzBHQUF6Qix5QkFBeUIscUZDUnRDLHU1QkFrQk07MkZEVk8seUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBCYXNlRGVmYXVsdFRhYmxlQ29udGVudENvbXBvbmVudCB9IGZyb20gJy4uLy4uL2Jhc2UtZGVmYXVsdC10YWJsZS1jb250ZW50LmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NmYy1kZWZhdWx0LXRhYmxlLWNhcmQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kZWZhdWx0LXRhYmxlLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2RlZmF1bHQtdGFibGUtY2FyZC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEZWZhdWx0VGFibGVDYXJkQ29tcG9uZW50IGV4dGVuZHMgQmFzZURlZmF1bHRUYWJsZUNvbnRlbnRDb21wb25lbnQgeyB9XHJcbiIsIjxkaXYgY2xhc3M9XCJjb250YWluZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LWNvbnRhaW5lclwiICpuZ0Zvcj1cImxldCBjb2x1bW4gb2YgY29sdW1uc1wiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cImNvbHVtbi50eXBlXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2ICNjb2x1bW5DaGVja21hcmsgKm5nU3dpdGNoQ2FzZT1cIlRhYmxlQ29sdW1uVHlwZS5TZWxlY3RhYmxlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPHNmYy1jaGVja21hcmsgW2FjdGl2ZV09XCJtb2RlbC5zZWxlY3RlZCB8fCBmYWxzZVwiIFt0eXBlXT1cIkNoZWNrbWFya1R5cGUuQ2lyY2xlXCI+PC9zZmMtY2hlY2ttYXJrPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2ICpuZ1N3aXRjaENhc2U9XCJUYWJsZUNvbHVtblR5cGUuU2VxdWVuY2VcIj5cclxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm5hbWVcIj57e2NvbHVtbi5uYW1lfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgPHNwYW4+e3ttb2RlbC5zZXF1ZW5jZX19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2ICpuZ1N3aXRjaERlZmF1bHQ+XHJcbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJuYW1lXCI+e3tjb2x1bW4ubmFtZX19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgIDxzcGFuPnt7bW9kZWwuZGF0YVtjb2x1bW4uZmllbGRdfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
|
package/esm2020/lib/components/table/parts/content/rows/default/default-table-row.component.mjs
CHANGED
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
import { Component } from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { Position, UIConstants } from 'ngx-sfc-common';
|
|
3
3
|
import { BaseDefaultTableContentComponent } from '../../base-default-table-content.component';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "@angular/common";
|
|
6
6
|
import * as i2 from "ngx-sfc-common";
|
|
7
7
|
export class DefaultTableRowComponent extends BaseDefaultTableContentComponent {
|
|
8
|
-
get width() {
|
|
9
|
-
return { width: getCalcValue(this.columnWidth) };
|
|
10
|
-
}
|
|
11
8
|
get contentPosition() {
|
|
12
9
|
switch (this.position) {
|
|
13
10
|
case Position.Left:
|
|
@@ -20,9 +17,9 @@ export class DefaultTableRowComponent extends BaseDefaultTableContentComponent {
|
|
|
20
17
|
}
|
|
21
18
|
}
|
|
22
19
|
DefaultTableRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DefaultTableRowComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
-
DefaultTableRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DefaultTableRowComponent, selector: "sfc-default-table-row", usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\r\n <div [
|
|
20
|
+
DefaultTableRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DefaultTableRowComponent, selector: "sfc-default-table-row", usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\r\n <div [style.width]=\"column.calculatedWidth\" [style.text-align]=\"position\" class=\"content-container\"\r\n *ngFor=\"let column of columns\">\r\n <div class=\"content\" [style.align-items]=\"contentPosition\">\r\n <ng-container [ngSwitch]=\"column.type\">\r\n <div class=\"checkmark\" #columnCheckmark *ngSwitchCase=\"TableColumnType.Selectable\">\r\n <sfc-checkmark [active]=\"model.selected || false\" [type]=\"CheckmarkType.Circle\"></sfc-checkmark>\r\n </div>\r\n <div *ngSwitchCase=\"TableColumnType.Sequence\">\r\n <span class=\"name\">{{column.name}}</span>\r\n <span>{{model.sequence}}</span>\r\n </div>\r\n <div *ngSwitchDefault>\r\n <span class=\"name\">{{column.name}}</span>\r\n <span>{{model.data[column.field]}}</span>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n</div>", styles: [":host{display:block;width:100%;border-radius:1.25em;box-shadow:0 .625em 1em #00000005;transition:background-color .3s,box-shadow .6s cubic-bezier(.25,1,.5,.1);margin:1em 0;background-color:#f5f7fa}:host.even{background-color:#e6e9ed}:host.even:hover{background-color:#ccd1d9}:host:hover{background-color:#ccd1d9}:host.pointer{cursor:pointer}:host .container{flex-flow:row wrap;padding:0 .31em;display:flex;align-items:center}:host .container .content-container{color:#545e61;font-weight:700;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;user-select:none}:host .container .content-container .content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.7em .5em}:host .container .content-container .content .name{display:none;font-size:.625em;line-height:.625em;font-weight:700;text-transform:uppercase;color:#656d78}@media all and (max-width: 767px){:host .container{align-items:flex-start}:host .container .content-container .content{align-items:flex-start;padding:.625em 1.25em}:host .container .content-container .content .name{display:block}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2.CheckmarkComponent, selector: "sfc-checkmark", inputs: ["active", "disabled", "icon", "type"] }] });
|
|
24
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DefaultTableRowComponent, decorators: [{
|
|
25
22
|
type: Component,
|
|
26
|
-
args: [{ selector: 'sfc-default-table-row', template: "<div class=\"container\">\r\n <div [
|
|
23
|
+
args: [{ selector: 'sfc-default-table-row', template: "<div class=\"container\">\r\n <div [style.width]=\"column.calculatedWidth\" [style.text-align]=\"position\" class=\"content-container\"\r\n *ngFor=\"let column of columns\">\r\n <div class=\"content\" [style.align-items]=\"contentPosition\">\r\n <ng-container [ngSwitch]=\"column.type\">\r\n <div class=\"checkmark\" #columnCheckmark *ngSwitchCase=\"TableColumnType.Selectable\">\r\n <sfc-checkmark [active]=\"model.selected || false\" [type]=\"CheckmarkType.Circle\"></sfc-checkmark>\r\n </div>\r\n <div *ngSwitchCase=\"TableColumnType.Sequence\">\r\n <span class=\"name\">{{column.name}}</span>\r\n <span>{{model.sequence}}</span>\r\n </div>\r\n <div *ngSwitchDefault>\r\n <span class=\"name\">{{column.name}}</span>\r\n <span>{{model.data[column.field]}}</span>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n</div>", styles: [":host{display:block;width:100%;border-radius:1.25em;box-shadow:0 .625em 1em #00000005;transition:background-color .3s,box-shadow .6s cubic-bezier(.25,1,.5,.1);margin:1em 0;background-color:#f5f7fa}:host.even{background-color:#e6e9ed}:host.even:hover{background-color:#ccd1d9}:host:hover{background-color:#ccd1d9}:host.pointer{cursor:pointer}:host .container{flex-flow:row wrap;padding:0 .31em;display:flex;align-items:center}:host .container .content-container{color:#545e61;font-weight:700;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;user-select:none}:host .container .content-container .content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.7em .5em}:host .container .content-container .content .name{display:none;font-size:.625em;line-height:.625em;font-weight:700;text-transform:uppercase;color:#656d78}@media all and (max-width: 767px){:host .container{align-items:flex-start}:host .container .content-container .content{align-items:flex-start;padding:.625em 1.25em}:host .container .content-container .content .name{display:block}}\n"] }]
|
|
27
24
|
}] });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVmYXVsdC10YWJsZS1yb3cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy90YWJsZS9wYXJ0cy9jb250ZW50L3Jvd3MvZGVmYXVsdC9kZWZhdWx0LXRhYmxlLXJvdy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYmxlL3BhcnRzL2NvbnRlbnQvcm93cy9kZWZhdWx0L2RlZmF1bHQtdGFibGUtcm93LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQzs7OztBQU85RixNQUFNLE9BQU8sd0JBQXlCLFNBQVEsZ0NBQWdDO0lBQzVFLElBQUksZUFBZTtRQUNqQixRQUFRLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDckIsS0FBSyxRQUFRLENBQUMsSUFBSTtnQkFDaEIsT0FBTyxXQUFXLENBQUMsU0FBUyxDQUFDO1lBQy9CLEtBQUssUUFBUSxDQUFDLEtBQUs7Z0JBQ2pCLE9BQU8sV0FBVyxDQUFDLE9BQU8sQ0FBQztZQUM3QjtnQkFDRSxPQUFPLFdBQVcsQ0FBQyxVQUFVLENBQUM7U0FDakM7SUFDSCxDQUFDOztxSEFWVSx3QkFBd0I7eUdBQXhCLHdCQUF3QixvRkNUckMsdWlDQW1CTTsyRkRWTyx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFBvc2l0aW9uLCBVSUNvbnN0YW50cyB9IGZyb20gJ25neC1zZmMtY29tbW9uJztcclxuaW1wb3J0IHsgQmFzZURlZmF1bHRUYWJsZUNvbnRlbnRDb21wb25lbnQgfSBmcm9tICcuLi8uLi9iYXNlLWRlZmF1bHQtdGFibGUtY29udGVudC5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzZmMtZGVmYXVsdC10YWJsZS1yb3cnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kZWZhdWx0LXRhYmxlLXJvdy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZGVmYXVsdC10YWJsZS1yb3cuY29tcG9uZW50LnNjc3MnXSAgXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEZWZhdWx0VGFibGVSb3dDb21wb25lbnQgZXh0ZW5kcyBCYXNlRGVmYXVsdFRhYmxlQ29udGVudENvbXBvbmVudCB7XHJcbiAgZ2V0IGNvbnRlbnRQb3NpdGlvbigpOiBzdHJpbmcge1xyXG4gICAgc3dpdGNoICh0aGlzLnBvc2l0aW9uKSB7XHJcbiAgICAgIGNhc2UgUG9zaXRpb24uTGVmdDpcclxuICAgICAgICByZXR1cm4gVUlDb25zdGFudHMuQ1NTX1NUQVJUO1xyXG4gICAgICBjYXNlIFBvc2l0aW9uLlJpZ2h0OlxyXG4gICAgICAgIHJldHVybiBVSUNvbnN0YW50cy5DU1NfRU5EO1xyXG4gICAgICBkZWZhdWx0OlxyXG4gICAgICAgIHJldHVybiBVSUNvbnN0YW50cy5DU1NfQ0VOVEVSO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgICA8ZGl2IFtzdHlsZS53aWR0aF09XCJjb2x1bW4uY2FsY3VsYXRlZFdpZHRoXCIgW3N0eWxlLnRleHQtYWxpZ25dPVwicG9zaXRpb25cIiBjbGFzcz1cImNvbnRlbnQtY29udGFpbmVyXCJcclxuICAgICAgICAqbmdGb3I9XCJsZXQgY29sdW1uIG9mIGNvbHVtbnNcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGVudFwiIFtzdHlsZS5hbGlnbi1pdGVtc109XCJjb250ZW50UG9zaXRpb25cIj5cclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwiY29sdW1uLnR5cGVcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjaGVja21hcmtcIiAjY29sdW1uQ2hlY2ttYXJrICpuZ1N3aXRjaENhc2U9XCJUYWJsZUNvbHVtblR5cGUuU2VsZWN0YWJsZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxzZmMtY2hlY2ttYXJrIFthY3RpdmVdPVwibW9kZWwuc2VsZWN0ZWQgfHwgZmFsc2VcIiBbdHlwZV09XCJDaGVja21hcmtUeXBlLkNpcmNsZVwiPjwvc2ZjLWNoZWNrbWFyaz5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiAqbmdTd2l0Y2hDYXNlPVwiVGFibGVDb2x1bW5UeXBlLlNlcXVlbmNlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJuYW1lXCI+e3tjb2x1bW4ubmFtZX19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgIDxzcGFuPnt7bW9kZWwuc2VxdWVuY2V9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiAqbmdTd2l0Y2hEZWZhdWx0PlxyXG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibmFtZVwiPnt7Y29sdW1uLm5hbWV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICA8c3Bhbj57e21vZGVsLmRhdGFbY29sdW1uLmZpZWxkXX19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
|
package/esm2020/lib/components/table/parts/content/rows/expanded/expanded-table-row.component.mjs
CHANGED
|
@@ -14,7 +14,6 @@ export class ExpandedTableRowComponent extends BaseDefaultTableContentComponent
|
|
|
14
14
|
return {
|
|
15
15
|
model: this.model,
|
|
16
16
|
columns: this.columns,
|
|
17
|
-
columnWidth: Math.max(1, this.columnWidth),
|
|
18
17
|
position: this.position,
|
|
19
18
|
expanded: this.expanded,
|
|
20
19
|
even: this.even
|
|
@@ -22,10 +21,10 @@ export class ExpandedTableRowComponent extends BaseDefaultTableContentComponent
|
|
|
22
21
|
}
|
|
23
22
|
}
|
|
24
23
|
ExpandedTableRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ExpandedTableRowComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
-
ExpandedTableRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ExpandedTableRowComponent, selector: "sfc-expanded-table-row", inputs: { expanded: "expanded", row: "row", content: "content" }, host: { properties: { "class.expanded": "this.expanded" } }, queries: [{ propertyName: "templates", predicate: TemplateReferenceDirective, read: TemplateReferenceDirective }], usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\r\n <div class=\"content\" (click)=\"expanded = !expanded\">\r\n <sfc-template-content [referenceContent]=\"row\" [templatesContent]=\"templates\"\r\n [templateType]=\"ExpandedTemplate.Row\" [contextData]=\"contextData\">\r\n </sfc-template-content>\r\n </div>\r\n <div class=\"expanded\">\r\n <sfc-template-content [referenceContent]=\"content\" [templatesContent]=\"templates\"\r\n [templateType]=\"ExpandedTemplate.Content\" [contextData]=\"contextData\">\r\n </sfc-template-content>\r\n </div>\r\n</div>", styles: [":host{width:100%;cursor:pointer;-webkit-user-select:none;user-select:none}:host .expanded{max-height:0;overflow:hidden}:host.expanded .expanded{max-height:3000px}\n"], dependencies: [{ kind: "component", type: i1.TemplateContentComponent, selector: "sfc-template-content", inputs: ["contextData", "referenceContent", "templateType", "templatesContent", "defaultContent"] }] });
|
|
24
|
+
ExpandedTableRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ExpandedTableRowComponent, selector: "sfc-expanded-table-row", inputs: { expanded: "expanded", row: "row", content: "content" }, host: { properties: { "class.expanded": "this.expanded" } }, queries: [{ propertyName: "templates", predicate: TemplateReferenceDirective, read: TemplateReferenceDirective }], usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\r\n <div class=\"content\" (click)=\"expanded = !expanded\">\r\n <sfc-template-content [referenceContent]=\"row\" [templatesContent]=\"templates\"\r\n [templateType]=\"ExpandedTemplate.Row\" [contextData]=\"contextData\">\r\n </sfc-template-content>\r\n </div>\r\n <div class=\"expanded\">\r\n <sfc-template-content [referenceContent]=\"content\" [templatesContent]=\"templates\"\r\n [templateType]=\"ExpandedTemplate.Content\" [contextData]=\"contextData\">\r\n </sfc-template-content>\r\n </div>\r\n</div>", styles: [":host{display:block;width:100%;cursor:pointer;-webkit-user-select:none;user-select:none;margin-top:1em}:host .expanded{max-height:0;overflow:hidden}:host.expanded .expanded{max-height:3000px}\n"], dependencies: [{ kind: "component", type: i1.TemplateContentComponent, selector: "sfc-template-content", inputs: ["contextData", "referenceContent", "templateType", "templatesContent", "defaultContent"] }] });
|
|
26
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ExpandedTableRowComponent, decorators: [{
|
|
27
26
|
type: Component,
|
|
28
|
-
args: [{ selector: 'sfc-expanded-table-row', template: "<div class=\"container\">\r\n <div class=\"content\" (click)=\"expanded = !expanded\">\r\n <sfc-template-content [referenceContent]=\"row\" [templatesContent]=\"templates\"\r\n [templateType]=\"ExpandedTemplate.Row\" [contextData]=\"contextData\">\r\n </sfc-template-content>\r\n </div>\r\n <div class=\"expanded\">\r\n <sfc-template-content [referenceContent]=\"content\" [templatesContent]=\"templates\"\r\n [templateType]=\"ExpandedTemplate.Content\" [contextData]=\"contextData\">\r\n </sfc-template-content>\r\n </div>\r\n</div>", styles: [":host{width:100%;cursor:pointer;-webkit-user-select:none;user-select:none}:host .expanded{max-height:0;overflow:hidden}:host.expanded .expanded{max-height:3000px}\n"] }]
|
|
27
|
+
args: [{ selector: 'sfc-expanded-table-row', template: "<div class=\"container\">\r\n <div class=\"content\" (click)=\"expanded = !expanded\">\r\n <sfc-template-content [referenceContent]=\"row\" [templatesContent]=\"templates\"\r\n [templateType]=\"ExpandedTemplate.Row\" [contextData]=\"contextData\">\r\n </sfc-template-content>\r\n </div>\r\n <div class=\"expanded\">\r\n <sfc-template-content [referenceContent]=\"content\" [templatesContent]=\"templates\"\r\n [templateType]=\"ExpandedTemplate.Content\" [contextData]=\"contextData\">\r\n </sfc-template-content>\r\n </div>\r\n</div>", styles: [":host{display:block;width:100%;cursor:pointer;-webkit-user-select:none;user-select:none;margin-top:1em}:host .expanded{max-height:0;overflow:hidden}:host.expanded .expanded{max-height:3000px}\n"] }]
|
|
29
28
|
}], propDecorators: { expanded: [{
|
|
30
29
|
type: Input
|
|
31
30
|
}, {
|
|
@@ -39,4 +38,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
39
38
|
type: ContentChildren,
|
|
40
39
|
args: [TemplateReferenceDirective, { read: TemplateReferenceDirective }]
|
|
41
40
|
}] } });
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kZWQtdGFibGUtcm93LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvdGFibGUvcGFydHMvY29udGVudC9yb3dzL2V4cGFuZGVkL2V4cGFuZGVkLXRhYmxlLXJvdy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYmxlL3BhcnRzL2NvbnRlbnQvcm93cy9leHBhbmRlZC9leHBhbmRlZC10YWJsZS1yb3cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBMEIsTUFBTSxlQUFlLENBQUM7QUFDdkcsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE9BQU8sRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JFLE9BQU8sRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQzlGLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOzs7QUFROUUsTUFBTSxPQUFPLHlCQUEwQixTQUFRLGdDQUFnQztJQUwvRTs7UUFPRSxxQkFBZ0IsR0FBRyx3QkFBd0IsQ0FBQztRQUk1QyxhQUFRLEdBQVksS0FBSyxDQUFDO0tBd0IzQjtJQVRDLElBQUksV0FBVztRQUNiLE9BQU87WUFDTCxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUs7WUFDakIsT0FBTyxFQUFFLElBQUksQ0FBQyxPQUFPO1lBQ3JCLFFBQVEsRUFBRSxJQUFJLENBQUMsUUFBUTtZQUN2QixRQUFRLEVBQUUsSUFBSSxDQUFDLFFBQVE7WUFDdkIsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJO1NBQ2hCLENBQUE7SUFDSCxDQUFDOztzSEE3QlUseUJBQXlCOzBHQUF6Qix5QkFBeUIsdU5Ba0JuQiwwQkFBMEIsUUFBVSwwQkFBMEIsb0RDN0JqRixxbEJBV007MkZEQU8seUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLHdCQUF3Qjs4QkFVbEMsUUFBUTtzQkFGUCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLFFBQVEsR0FBRyxPQUFPLENBQUMsUUFBUTtnQkFNeEMsR0FBRztzQkFERixLQUFLO2dCQUlOLE9BQU87c0JBRE4sS0FBSztnQkFNTixTQUFTO3NCQURSLGVBQWU7dUJBQUMsMEJBQTBCLEVBQUUsRUFBRSxJQUFJLEVBQUUsMEJBQTBCLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZHJlbiwgSG9zdEJpbmRpbmcsIElucHV0LCBRdWVyeUxpc3QsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFRlbXBsYXRlUmVmZXJlbmNlRGlyZWN0aXZlLCBVSUNsYXNzIH0gZnJvbSAnbmd4LXNmYy1jb21tb24nO1xyXG5pbXBvcnQgeyBCYXNlRGVmYXVsdFRhYmxlQ29udGVudENvbXBvbmVudCB9IGZyb20gJy4uLy4uL2Jhc2UtZGVmYXVsdC10YWJsZS1jb250ZW50LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEV4cGFuZGVkVGFibGVSb3dUZW1wbGF0ZSB9IGZyb20gJy4vZXhwYW5kZWQtdGFibGUtcm93LXRlbXBsYXRlLmVudW0nO1xyXG5pbXBvcnQgeyBJRXhwYW5kZWRUYWJsZVJvd0NvbnRleHRNb2RlbCB9IGZyb20gJy4vZXhwYW5kZWQtdGFibGUtcm93Lm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2ZjLWV4cGFuZGVkLXRhYmxlLXJvdycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2V4cGFuZGVkLXRhYmxlLXJvdy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZXhwYW5kZWQtdGFibGUtcm93LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEV4cGFuZGVkVGFibGVSb3dDb21wb25lbnQgZXh0ZW5kcyBCYXNlRGVmYXVsdFRhYmxlQ29udGVudENvbXBvbmVudCB7XHJcblxyXG4gIEV4cGFuZGVkVGVtcGxhdGUgPSBFeHBhbmRlZFRhYmxlUm93VGVtcGxhdGU7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy4nICsgVUlDbGFzcy5FeHBhbmRlZClcclxuICBleHBhbmRlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICAvLyBUZW1wbGF0ZSByZWZlcmVuY2VzIFxyXG5cclxuICBASW5wdXQoKVxyXG4gIHJvdz86IFRlbXBsYXRlUmVmPGFueT47XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgY29udGVudD86IFRlbXBsYXRlUmVmPGFueT47XHJcblxyXG4gIC8vIEVuZCB0ZW1wbGF0ZSByZWZlcmVuY2VzIFxyXG5cclxuICBAQ29udGVudENoaWxkcmVuKFRlbXBsYXRlUmVmZXJlbmNlRGlyZWN0aXZlLCB7IHJlYWQ6IFRlbXBsYXRlUmVmZXJlbmNlRGlyZWN0aXZlIH0pXHJcbiAgdGVtcGxhdGVzOiBRdWVyeUxpc3Q8VGVtcGxhdGVSZWZlcmVuY2VEaXJlY3RpdmU+IHwgdW5kZWZpbmVkO1xyXG5cclxuICBnZXQgY29udGV4dERhdGEoKTogSUV4cGFuZGVkVGFibGVSb3dDb250ZXh0TW9kZWwge1xyXG4gICAgcmV0dXJuIHtcclxuICAgICAgbW9kZWw6IHRoaXMubW9kZWwsXHJcbiAgICAgIGNvbHVtbnM6IHRoaXMuY29sdW1ucyxcclxuICAgICAgcG9zaXRpb246IHRoaXMucG9zaXRpb24sXHJcbiAgICAgIGV4cGFuZGVkOiB0aGlzLmV4cGFuZGVkLFxyXG4gICAgICBldmVuOiB0aGlzLmV2ZW5cclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIiAoY2xpY2spPVwiZXhwYW5kZWQgPSAhZXhwYW5kZWRcIj5cclxuICAgICAgICA8c2ZjLXRlbXBsYXRlLWNvbnRlbnQgW3JlZmVyZW5jZUNvbnRlbnRdPVwicm93XCIgW3RlbXBsYXRlc0NvbnRlbnRdPVwidGVtcGxhdGVzXCJcclxuICAgICAgICAgICAgW3RlbXBsYXRlVHlwZV09XCJFeHBhbmRlZFRlbXBsYXRlLlJvd1wiIFtjb250ZXh0RGF0YV09XCJjb250ZXh0RGF0YVwiPlxyXG4gICAgICAgIDwvc2ZjLXRlbXBsYXRlLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJleHBhbmRlZFwiPlxyXG4gICAgICAgIDxzZmMtdGVtcGxhdGUtY29udGVudCBbcmVmZXJlbmNlQ29udGVudF09XCJjb250ZW50XCIgW3RlbXBsYXRlc0NvbnRlbnRdPVwidGVtcGxhdGVzXCJcclxuICAgICAgICAgICAgW3RlbXBsYXRlVHlwZV09XCJFeHBhbmRlZFRlbXBsYXRlLkNvbnRlbnRcIiBbY29udGV4dERhdGFdPVwiY29udGV4dERhdGFcIj5cclxuICAgICAgICA8L3NmYy10ZW1wbGF0ZS1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
|
package/esm2020/lib/components/table/parts/content/rows/expanded/expanded-table-row.model.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kZWQtdGFibGUtcm93Lm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy90YWJsZS9wYXJ0cy9jb250ZW50L3Jvd3MvZXhwYW5kZWQvZXhwYW5kZWQtdGFibGUtcm93Lm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQb3NpdGlvbiB9IGZyb20gXCJuZ3gtc2ZjLWNvbW1vblwiO1xyXG5pbXBvcnQgeyBJVGFibGVNb2RlbCB9IGZyb20gXCIuLi8uLi8uLi8uLi9tb2RlbHMvdGFibGUubW9kZWxcIjtcclxuaW1wb3J0IHsgSVRhYmxlQ29sdW1uRXh0ZW5kZWRNb2RlbCB9IGZyb20gXCIuLi8uLi8uLi9jb2x1bW5zL3RhYmxlLWNvbHVtbi5tb2RlbFwiO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBJRXhwYW5kZWRUYWJsZVJvd0NvbnRleHRNb2RlbCB7XHJcbiAgICBtb2RlbDogSVRhYmxlTW9kZWw7XHJcbiAgICBjb2x1bW5zOiBJVGFibGVDb2x1bW5FeHRlbmRlZE1vZGVsW107XHJcbiAgICBwb3NpdGlvbjogUG9zaXRpb247XHJcbiAgICBleHBhbmRlZDogYm9vbGVhbjtcclxuICAgIGV2ZW46IGJvb2xlYW47XHJcbn0iXX0=
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { Component, HostListener } from '@angular/core';
|
|
1
|
+
import { Component, HostListener, Input } from '@angular/core';
|
|
2
|
+
import { faEye, faEyeSlash } from '@fortawesome/free-solid-svg-icons';
|
|
2
3
|
import { map } from 'rxjs';
|
|
3
4
|
import { ColumnsToggleConstants } from './columns-toggle.constants';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
@@ -9,26 +10,30 @@ import * as i4 from "ngx-sfc-common";
|
|
|
9
10
|
export class ColumnsToggleComponent {
|
|
10
11
|
constructor(service) {
|
|
11
12
|
this.service = service;
|
|
13
|
+
this.showLabel = ColumnsToggleConstants.HIDE_LABEL_DEFAULT;
|
|
14
|
+
this.hideLabel = ColumnsToggleConstants.SHOW_LABEL_DEFAULT;
|
|
12
15
|
}
|
|
13
|
-
onToggle() {
|
|
14
|
-
this.service.toggle();
|
|
15
|
-
}
|
|
16
|
+
onToggle() { this.service.toggle(); }
|
|
16
17
|
ngOnInit() {
|
|
17
|
-
this.vm$ = this.service.
|
|
18
|
+
this.vm$ = this.service.toggle$.pipe(map(show => {
|
|
18
19
|
return {
|
|
19
|
-
model: show ?
|
|
20
|
+
model: show ? { LABEL: this.hideLabel, ICON: faEye } : { LABEL: this.showLabel, ICON: faEyeSlash },
|
|
20
21
|
show: show
|
|
21
22
|
};
|
|
22
23
|
}));
|
|
23
24
|
}
|
|
24
25
|
}
|
|
25
26
|
ColumnsToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ColumnsToggleComponent, deps: [{ token: i1.ColumnsToggleService }], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
-
ColumnsToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ColumnsToggleComponent, selector: "sfc-columns-toggle", host: { listeners: { "click": "onToggle()" } }, ngImport: i0, template: "<div class=\"container\" *ngIf=\"vm$ | async as vm\">\r\n <div>\r\n <span class=\"icon\" [sfcShowHideElement]=\"!vm.show\">\r\n <fa-icon [icon]=\"vm.model.ICON\"></fa-icon>\r\n </span>\r\n <span class=\"icon\" [sfcShowHideElement]=\"vm.show\">\r\n <fa-icon [icon]=\"vm.model.ICON\"></fa-icon>\r\n </span>\r\n <span class=\"label\">{{vm.model.LABEL}}</span>\r\n </div>\r\n</div>", styles: [":host{display:flex;align-items:center}:host .container{font-size:.625em;font-weight:700;text-transform:uppercase;width:100%;text-align:end;
|
|
27
|
+
ColumnsToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ColumnsToggleComponent, selector: "sfc-columns-toggle", inputs: { showLabel: "showLabel", hideLabel: "hideLabel" }, host: { listeners: { "click": "onToggle()" } }, ngImport: i0, template: "<div class=\"container\" *ngIf=\"vm$ | async as vm\">\r\n <div>\r\n <span class=\"icon\" [sfcShowHideElement]=\"!vm.show\">\r\n <fa-icon [icon]=\"vm.model.ICON\"></fa-icon>\r\n </span>\r\n <span class=\"icon\" [sfcShowHideElement]=\"vm.show\">\r\n <fa-icon [icon]=\"vm.model.ICON\"></fa-icon>\r\n </span>\r\n <span class=\"label\">{{vm.model.LABEL}}</span>\r\n </div>\r\n</div>", styles: [":host{display:flex;align-items:center}:host .container{transition:color .5s ease;font-size:.625em;font-weight:700;text-transform:uppercase;width:100%;text-align:end;cursor:pointer;-webkit-user-select:none;user-select:none}:host .container,:host-context(.sfc-default-theme) :host .container{color:#545e61}:host-context(.sfc-dark-theme) :host .container{color:#fff}:host .container:hover{color:#ffce54}:host .container span.icon{position:absolute}:host .container span.label{padding-left:2em}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i4.ShowHideElementDirective, selector: "[sfcShowHideElement]", inputs: ["sfcShowHideElement", "delay"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
|
|
27
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ColumnsToggleComponent, decorators: [{
|
|
28
29
|
type: Component,
|
|
29
|
-
args: [{ selector: 'sfc-columns-toggle', template: "<div class=\"container\" *ngIf=\"vm$ | async as vm\">\r\n <div>\r\n <span class=\"icon\" [sfcShowHideElement]=\"!vm.show\">\r\n <fa-icon [icon]=\"vm.model.ICON\"></fa-icon>\r\n </span>\r\n <span class=\"icon\" [sfcShowHideElement]=\"vm.show\">\r\n <fa-icon [icon]=\"vm.model.ICON\"></fa-icon>\r\n </span>\r\n <span class=\"label\">{{vm.model.LABEL}}</span>\r\n </div>\r\n</div>", styles: [":host{display:flex;align-items:center}:host .container{font-size:.625em;font-weight:700;text-transform:uppercase;width:100%;text-align:end;
|
|
30
|
-
}], ctorParameters: function () { return [{ type: i1.ColumnsToggleService }]; }, propDecorators: {
|
|
30
|
+
args: [{ selector: 'sfc-columns-toggle', template: "<div class=\"container\" *ngIf=\"vm$ | async as vm\">\r\n <div>\r\n <span class=\"icon\" [sfcShowHideElement]=\"!vm.show\">\r\n <fa-icon [icon]=\"vm.model.ICON\"></fa-icon>\r\n </span>\r\n <span class=\"icon\" [sfcShowHideElement]=\"vm.show\">\r\n <fa-icon [icon]=\"vm.model.ICON\"></fa-icon>\r\n </span>\r\n <span class=\"label\">{{vm.model.LABEL}}</span>\r\n </div>\r\n</div>", styles: [":host{display:flex;align-items:center}:host .container{transition:color .5s ease;font-size:.625em;font-weight:700;text-transform:uppercase;width:100%;text-align:end;cursor:pointer;-webkit-user-select:none;user-select:none}:host .container,:host-context(.sfc-default-theme) :host .container{color:#545e61}:host-context(.sfc-dark-theme) :host .container{color:#fff}:host .container:hover{color:#ffce54}:host .container span.icon{position:absolute}:host .container span.label{padding-left:2em}\n"] }]
|
|
31
|
+
}], ctorParameters: function () { return [{ type: i1.ColumnsToggleService }]; }, propDecorators: { showLabel: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}], hideLabel: [{
|
|
34
|
+
type: Input
|
|
35
|
+
}], onToggle: [{
|
|
31
36
|
type: HostListener,
|
|
32
37
|
args: ['click']
|
|
33
38
|
}] } });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1ucy10b2dnbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy90YWJsZS9wYXJ0cy90b2dnbGUvY29sdW1ucy10b2dnbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy90YWJsZS9wYXJ0cy90b2dnbGUvY29sdW1ucy10b2dnbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDdEUsT0FBTyxFQUFFLEdBQUcsRUFBYyxNQUFNLE1BQU0sQ0FBQztBQUN2QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7Ozs7O0FBUXBFLE1BQU0sT0FBTyxzQkFBc0I7SUFhakMsWUFBb0IsT0FBNkI7UUFBN0IsWUFBTyxHQUFQLE9BQU8sQ0FBc0I7UUFWakQsY0FBUyxHQUFXLHNCQUFzQixDQUFDLGtCQUFrQixDQUFDO1FBRzlELGNBQVMsR0FBVyxzQkFBc0IsQ0FBQyxrQkFBa0IsQ0FBQztJQU9ULENBQUM7SUFKdEQsUUFBUSxLQUFLLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBTXJDLFFBQVE7UUFDTixJQUFJLENBQUMsR0FBRyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLElBQUksQ0FDbEMsR0FBRyxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQ1QsT0FBTztnQkFDTCxLQUFLLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEtBQUssRUFBRSxJQUFJLENBQUMsU0FBUyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLFNBQVMsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFO2dCQUNsRyxJQUFJLEVBQUUsSUFBSTthQUNYLENBQUE7UUFDSCxDQUFDLENBQUMsQ0FBQyxDQUFBO0lBQ1AsQ0FBQzs7bUhBdkJVLHNCQUFzQjt1R0FBdEIsc0JBQXNCLHNLQ1huQywwYkFVTTsyRkRDTyxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0Usb0JBQW9COzJHQU85QixTQUFTO3NCQURSLEtBQUs7Z0JBSU4sU0FBUztzQkFEUixLQUFLO2dCQUlOLFFBQVE7c0JBRFAsWUFBWTt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0TGlzdGVuZXIsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgZmFFeWUsIGZhRXllU2xhc2ggfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xyXG5pbXBvcnQgeyBtYXAsIE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgQ29sdW1uc1RvZ2dsZUNvbnN0YW50cyB9IGZyb20gJy4vY29sdW1ucy10b2dnbGUuY29uc3RhbnRzJztcclxuaW1wb3J0IHsgQ29sdW1uc1RvZ2dsZVNlcnZpY2UgfSBmcm9tICcuL3NlcnZpY2UvY29sdW1ucy10b2dnbGUuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NmYy1jb2x1bW5zLXRvZ2dsZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbHVtbnMtdG9nZ2xlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jb2x1bW5zLXRvZ2dsZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb2x1bW5zVG9nZ2xlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KClcclxuICBzaG93TGFiZWw6IHN0cmluZyA9IENvbHVtbnNUb2dnbGVDb25zdGFudHMuSElERV9MQUJFTF9ERUZBVUxUO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGhpZGVMYWJlbDogc3RyaW5nID0gQ29sdW1uc1RvZ2dsZUNvbnN0YW50cy5TSE9XX0xBQkVMX0RFRkFVTFQ7XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJylcclxuICBvblRvZ2dsZSgpIHsgdGhpcy5zZXJ2aWNlLnRvZ2dsZSgpOyB9XHJcblxyXG4gIHB1YmxpYyB2bSQhOiBPYnNlcnZhYmxlPGFueT47XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgc2VydmljZTogQ29sdW1uc1RvZ2dsZVNlcnZpY2UpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMudm0kID0gdGhpcy5zZXJ2aWNlLnRvZ2dsZSQucGlwZShcclxuICAgICAgbWFwKHNob3cgPT4ge1xyXG4gICAgICAgIHJldHVybiB7XHJcbiAgICAgICAgICBtb2RlbDogc2hvdyA/IHsgTEFCRUw6IHRoaXMuaGlkZUxhYmVsLCBJQ09OOiBmYUV5ZSB9IDogeyBMQUJFTDogdGhpcy5zaG93TGFiZWwsIElDT046IGZhRXllU2xhc2ggfSxcclxuICAgICAgICAgIHNob3c6IHNob3dcclxuICAgICAgICB9XHJcbiAgICAgIH0pKVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCIgKm5nSWY9XCJ2bSQgfCBhc3luYyBhcyB2bVwiPlxyXG4gICAgPGRpdj5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cImljb25cIiBbc2ZjU2hvd0hpZGVFbGVtZW50XT1cIiF2bS5zaG93XCI+XHJcbiAgICAgICAgICAgIDxmYS1pY29uIFtpY29uXT1cInZtLm1vZGVsLklDT05cIj48L2ZhLWljb24+XHJcbiAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwiaWNvblwiIFtzZmNTaG93SGlkZUVsZW1lbnRdPVwidm0uc2hvd1wiPlxyXG4gICAgICAgICAgICA8ZmEtaWNvbiBbaWNvbl09XCJ2bS5tb2RlbC5JQ09OXCI+PC9mYS1pY29uPlxyXG4gICAgICAgIDwvc3Bhbj5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cImxhYmVsXCI+e3t2bS5tb2RlbC5MQUJFTH19PC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
|
|
@@ -1,12 +1,5 @@
|
|
|
1
|
-
import { faEyeSlash, faEye } from '@fortawesome/free-solid-svg-icons';
|
|
2
1
|
export class ColumnsToggleConstants {
|
|
3
2
|
}
|
|
4
|
-
ColumnsToggleConstants.
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
};
|
|
8
|
-
ColumnsToggleConstants.SHOW = {
|
|
9
|
-
LABEL: 'Show',
|
|
10
|
-
ICON: faEye
|
|
11
|
-
};
|
|
12
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1ucy10b2dnbGUuY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy90YWJsZS9wYXJ0cy90b2dnbGUvY29sdW1ucy10b2dnbGUuY29uc3RhbnRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFdEUsTUFBTSxPQUFPLHNCQUFzQjs7QUFDeEIsMkJBQUksR0FBRztJQUNWLEtBQUssRUFBRSxNQUFNO0lBQ2IsSUFBSSxFQUFDLFVBQVU7Q0FDbEIsQ0FBQztBQUVLLDJCQUFJLEdBQUc7SUFDVixLQUFLLEVBQUUsTUFBTTtJQUNiLElBQUksRUFBRSxLQUFLO0NBQ2QsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZhRXllU2xhc2gsIGZhRXllIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcclxuXHJcbmV4cG9ydCBjbGFzcyBDb2x1bW5zVG9nZ2xlQ29uc3RhbnRzIHtcclxuICAgIHN0YXRpYyBISURFID0ge1xyXG4gICAgICAgIExBQkVMOiAnSGlkZScsXHJcbiAgICAgICAgSUNPTjpmYUV5ZVNsYXNoXHJcbiAgICB9O1xyXG5cclxuICAgIHN0YXRpYyBTSE9XID0ge1xyXG4gICAgICAgIExBQkVMOiAnU2hvdycsXHJcbiAgICAgICAgSUNPTjogZmFFeWVcclxuICAgIH07XHJcbn1cclxuIl19
|
|
3
|
+
ColumnsToggleConstants.HIDE_LABEL_DEFAULT = 'Hide';
|
|
4
|
+
ColumnsToggleConstants.SHOW_LABEL_DEFAULT = 'Show';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1ucy10b2dnbGUuY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy90YWJsZS9wYXJ0cy90b2dnbGUvY29sdW1ucy10b2dnbGUuY29uc3RhbnRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sT0FBTyxzQkFBc0I7O0FBQ3hCLHlDQUFrQixHQUFHLE1BQU0sQ0FBQztBQUM1Qix5Q0FBa0IsR0FBRyxNQUFNLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY2xhc3MgQ29sdW1uc1RvZ2dsZUNvbnN0YW50cyB7XHJcbiAgICBzdGF0aWMgSElERV9MQUJFTF9ERUZBVUxUID0gJ0hpZGUnO1xyXG4gICAgc3RhdGljIFNIT1dfTEFCRUxfREVGQVVMVCA9ICdTaG93JztcclxufVxyXG4iXX0=
|