@porscheinformatik/clr-addons 13.2.0 → 13.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/datagrid/datagrid-state-persistence/column-hidden-state-persistence.directive.d.ts +6 -2
- package/datagrid/datagrid-state-persistence/datagrid-state-persistence-model.interface.d.ts +2 -0
- package/datagrid/datagrid-state-persistence/state-persistence-key.directive.d.ts +37 -5
- package/datagrid/date-filter/date-filter.component.d.ts +1 -0
- package/datagrid/date-filter/nested-property.d.ts +1 -1
- package/datagrid/enum-filter/enum-filter.component.d.ts +4 -2
- package/esm2020/abstract-form-component/abstract-form-component.mjs +3 -3
- package/esm2020/abstract-form-component/control-id.service.mjs +3 -3
- package/esm2020/abstract-form-component/form.module.mjs +4 -4
- package/esm2020/abstract-form-component/label.mjs +3 -3
- package/esm2020/autocomplete-off/autocomplete-off.directive.mjs +3 -3
- package/esm2020/autocomplete-off/autocomplete-off.module.mjs +4 -4
- package/esm2020/back-button/back-button.mjs +3 -3
- package/esm2020/back-button/back-button.module.mjs +4 -4
- package/esm2020/brand-avatar/brand-avatar.mjs +3 -3
- package/esm2020/brand-avatar/brand-avatar.module.mjs +4 -4
- package/esm2020/breadcrumb/breadcrumb.mjs +3 -3
- package/esm2020/breadcrumb/breadcrumb.module.mjs +4 -4
- package/esm2020/breadcrumb/breadcrumb.service.mjs +3 -3
- package/esm2020/clr-addons.module.mjs +4 -4
- package/esm2020/collapse-expand-section/collapse-expand-section.mjs +3 -3
- package/esm2020/collapse-expand-section/collapse-expand-section.module.mjs +4 -4
- package/esm2020/content-panel/content-panel-container-content.mjs +3 -3
- package/esm2020/content-panel/content-panel-container-footer.mjs +3 -3
- package/esm2020/content-panel/content-panel-container.mjs +3 -3
- package/esm2020/content-panel/content-panel.mjs +3 -3
- package/esm2020/content-panel/content-panel.module.mjs +4 -4
- package/esm2020/data-list-validator/data-list-predefined-validator.directive.mjs +3 -3
- package/esm2020/data-list-validator/data-list-validator.module.mjs +4 -4
- package/esm2020/datagrid/datagrid-state-persistence/column-hidden-state-persistence.directive.mjs +25 -22
- package/esm2020/datagrid/datagrid-state-persistence/datagrid-field.directive.mjs +3 -3
- package/esm2020/datagrid/datagrid-state-persistence/datagrid-state-persistence-model.interface.mjs +1 -1
- package/esm2020/datagrid/datagrid-state-persistence/datagrid-state-persistence.module.mjs +4 -4
- package/esm2020/datagrid/datagrid-state-persistence/state-persistence-key.directive.mjs +131 -21
- package/esm2020/datagrid/date-filter/date-filter.component.mjs +7 -4
- package/esm2020/datagrid/date-filter/date-filter.module.mjs +4 -4
- package/esm2020/datagrid/date-filter/nested-property.mjs +1 -1
- package/esm2020/datagrid/enum-filter/enum-filter.component.mjs +19 -10
- package/esm2020/datagrid/enum-filter/enum-filter.module.mjs +4 -4
- package/esm2020/date-time-container/date-time-container.mjs +3 -3
- package/esm2020/date-time-container/date-time-module.mjs +4 -4
- package/esm2020/date-time-container/time-input.mjs +3 -3
- package/esm2020/dot-pager/dot-pager.mjs +3 -3
- package/esm2020/dot-pager/dot-pager.module.mjs +4 -4
- package/esm2020/dropdown/clr-dropdown-overflow.directive.mjs +3 -3
- package/esm2020/dropdown/clr-dropdown-overflow.module.mjs +4 -4
- package/esm2020/flow-bar/flow-bar.mjs +3 -3
- package/esm2020/flow-bar/flow-bar.module.mjs +4 -4
- package/esm2020/generic-quick-list/generic-quick-list.mjs +3 -3
- package/esm2020/generic-quick-list/generic-quick-list.module.mjs +4 -4
- package/esm2020/history/history-pinned.mjs +3 -3
- package/esm2020/history/history.mjs +3 -3
- package/esm2020/history/history.module.mjs +4 -4
- package/esm2020/history/history.service.mjs +3 -3
- package/esm2020/letter-avatar/letter-avatar.mjs +3 -3
- package/esm2020/letter-avatar/letter-avatar.module.mjs +4 -4
- package/esm2020/location-bar/location-bar-node/location-bar-node.component.mjs +3 -3
- package/esm2020/location-bar/location-bar.component.mjs +3 -3
- package/esm2020/location-bar/location-bar.module.mjs +4 -4
- package/esm2020/main-nav-group/main-nav-group-item.mjs +3 -3
- package/esm2020/main-nav-group/main-nav-group.mjs +3 -3
- package/esm2020/main-nav-group/main-nav-group.module.mjs +4 -4
- package/esm2020/multilingual/abstract-multilingual.mjs +3 -3
- package/esm2020/multilingual/multilingual-input/multilingual-input.mjs +3 -3
- package/esm2020/multilingual/multilingual-selector.mjs +3 -3
- package/esm2020/multilingual/multilingual-textarea/multilingual-textarea.mjs +3 -3
- package/esm2020/multilingual/multilingual-validators.mjs +6 -6
- package/esm2020/multilingual/multilingual.module.mjs +4 -4
- package/esm2020/notification/notification.mjs +3 -3
- package/esm2020/notification/notification.module.mjs +4 -4
- package/esm2020/notification/notification.service.mjs +3 -3
- package/esm2020/numericfield/numeric-field-validators.mjs +6 -6
- package/esm2020/numericfield/numeric-field.mjs +3 -3
- package/esm2020/numericfield/numeric-field.module.mjs +4 -4
- package/esm2020/paged-search-result-list/paged-search-result-list.mjs +3 -3
- package/esm2020/paged-search-result-list/paged-search-result-list.module.mjs +4 -4
- package/esm2020/pager/pager.mjs +3 -3
- package/esm2020/pager/pager.module.mjs +4 -4
- package/esm2020/progress-spinner/progress-spinner.mjs +3 -3
- package/esm2020/progress-spinner/progress-spinner.module.mjs +4 -4
- package/esm2020/quick-list/add-option.mjs +3 -3
- package/esm2020/quick-list/quick-list.mjs +3 -3
- package/esm2020/quick-list/quick-list.module.mjs +4 -4
- package/esm2020/searchfield/search-field.mjs +3 -3
- package/esm2020/searchfield/search-field.module.mjs +4 -4
- package/esm2020/treetable/renderer/cell-renderer.mjs +3 -3
- package/esm2020/treetable/renderer/header-renderer.mjs +3 -3
- package/esm2020/treetable/renderer/main-renderer.mjs +3 -3
- package/esm2020/treetable/renderer/row-renderer.mjs +3 -3
- package/esm2020/treetable/treetable-action-overflow.mjs +3 -3
- package/esm2020/treetable/treetable-cell.mjs +3 -3
- package/esm2020/treetable/treetable-column.mjs +3 -3
- package/esm2020/treetable/treetable-placeholder.mjs +3 -3
- package/esm2020/treetable/treetable-row.mjs +3 -3
- package/esm2020/treetable/treetable.mjs +3 -3
- package/esm2020/treetable/treetable.module.mjs +4 -4
- package/esm2020/view-edit-section/view-edit-section.mjs +3 -3
- package/esm2020/view-edit-section/view-edit-section.module.mjs +4 -4
- package/fesm2015/clr-addons.mjs +471 -347
- package/fesm2015/clr-addons.mjs.map +1 -1
- package/fesm2020/clr-addons.mjs +467 -347
- package/fesm2020/clr-addons.mjs.map +1 -1
- package/package.json +5 -5
- package/src/components.clr-addons.scss +0 -3
- package/styles/clr-addons-phs.css +87 -91
- package/styles/clr-addons-phs.css.map +1 -1
- package/styles/clr-addons-phs.min.css +1 -1
- package/styles/clr-addons-phs.min.css.map +1 -1
|
@@ -44,8 +44,8 @@ export class ClrTreetableActionOverflow {
|
|
|
44
44
|
this.destroyed$.complete();
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
|
-
ClrTreetableActionOverflow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
48
|
-
ClrTreetableActionOverflow.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.
|
|
47
|
+
ClrTreetableActionOverflow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrTreetableActionOverflow, deps: [{ token: i1.ClrPopoverToggleService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
48
|
+
ClrTreetableActionOverflow.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: ClrTreetableActionOverflow, selector: "clr-tt-action-overflow", inputs: { empty: "empty" }, host: { attributes: { "role": "cell" }, properties: { "class.treetable-row-actions": "true", "class.treetable-cell": "true" } }, providers: [ClrPopoverToggleService, ClrPopoverEventsService, ClrPopoverPositionService], ngImport: i0, template: `
|
|
49
49
|
<ng-container *ngIf="!empty">
|
|
50
50
|
<button class="treetable-action-trigger" clrPopoverAnchor clrPopoverOpenCloseButton>
|
|
51
51
|
<clr-icon shape="ellipsis-vertical"></clr-icon>
|
|
@@ -60,7 +60,7 @@ ClrTreetableActionOverflow.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
|
|
|
60
60
|
</div>
|
|
61
61
|
</ng-container>
|
|
62
62
|
`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.ClrIconCustomTag, selector: "clr-icon" }, { kind: "directive", type: i1.ÇlrFocusTrapDirective, selector: "[clrFocusTrap]", inputs: ["clrFocusTrap"] }, { kind: "directive", type: i1.ClrPopoverAnchor, selector: "[clrPopoverAnchor]" }, { kind: "directive", type: i1.ÇlrClrPopoverOpenCloseButton, selector: "[clrPopoverOpenCloseButton]", outputs: ["clrPopoverOpenCloseChange"] }, { kind: "directive", type: i1.ClrPopoverContent, selector: "[clrPopoverContent]", inputs: ["clrPopoverContent", "clrPopoverContentAt", "clrPopoverContentOutsideClickToClose", "clrPopoverContentScrollToClose"] }] });
|
|
63
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
63
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrTreetableActionOverflow, decorators: [{
|
|
64
64
|
type: Component,
|
|
65
65
|
args: [{
|
|
66
66
|
selector: 'clr-tt-action-overflow',
|
|
@@ -7,9 +7,9 @@ import { Component } from '@angular/core';
|
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export class ClrTreetableCell {
|
|
9
9
|
}
|
|
10
|
-
ClrTreetableCell.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
11
|
-
ClrTreetableCell.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
10
|
+
ClrTreetableCell.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrTreetableCell, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
+
ClrTreetableCell.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: ClrTreetableCell, selector: "clr-tt-cell", host: { attributes: { "role": "cell" }, properties: { "class.treetable-cell": "true" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrTreetableCell, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
14
|
args: [{
|
|
15
15
|
selector: 'clr-tt-cell',
|
|
@@ -7,9 +7,9 @@ import { Component } from '@angular/core';
|
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export class ClrTreetableColumn {
|
|
9
9
|
}
|
|
10
|
-
ClrTreetableColumn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
11
|
-
ClrTreetableColumn.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
10
|
+
ClrTreetableColumn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrTreetableColumn, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
+
ClrTreetableColumn.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: ClrTreetableColumn, selector: "clr-tt-column", host: { attributes: { "role": "columnheader" }, properties: { "class.treetable-column": "true" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrTreetableColumn, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
14
|
args: [{
|
|
15
15
|
selector: 'clr-tt-column',
|
|
@@ -7,14 +7,14 @@ import { Component } from '@angular/core';
|
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export class ClrTreetablePlaceholder {
|
|
9
9
|
}
|
|
10
|
-
ClrTreetablePlaceholder.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
11
|
-
ClrTreetablePlaceholder.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.
|
|
10
|
+
ClrTreetablePlaceholder.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrTreetablePlaceholder, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
+
ClrTreetablePlaceholder.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: ClrTreetablePlaceholder, selector: "clr-tt-placeholder", host: { properties: { "class.treetable-placeholder-container": "true" } }, ngImport: i0, template: `
|
|
12
12
|
<div class="treetable-placeholder treetable-empty">
|
|
13
13
|
<div class="treetable-placeholder-image"></div>
|
|
14
14
|
<ng-content></ng-content>
|
|
15
15
|
</div>
|
|
16
16
|
`, isInline: true });
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrTreetablePlaceholder, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
19
|
args: [{
|
|
20
20
|
selector: 'clr-tt-placeholder',
|
|
@@ -52,8 +52,8 @@ export class ClrTreetableRow {
|
|
|
52
52
|
return this.expandable;
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
|
-
ClrTreetableRow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
56
|
-
ClrTreetableRow.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.
|
|
55
|
+
ClrTreetableRow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrTreetableRow, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
56
|
+
ClrTreetableRow.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: ClrTreetableRow, selector: "clr-tt-row", inputs: { expanded: ["clrExpanded", "expanded"], clickable: ["clrClickable", "clickable"], clrExpandable: "clrExpandable" }, outputs: { hasActionOverflow: "hasActionOverflow", expandedChange: "clrExpandedChange" }, host: { properties: { "class.treetable-row-wrapper": "true" } }, queries: [{ propertyName: "actionOverflow", first: true, predicate: ClrTreetableActionOverflow, descendants: true }], ngImport: i0, template: "<!--\n ~ Copyright (c) 2018-2021 Porsche Informatik. All Rights Reserved.\n ~ This software is released under MIT license.\n ~ The full license information can be found in LICENSE in the root directory of this project.\n -->\n\n<div\n [ngClass]=\"{'clr-row-clickable': clickable && expandable}\"\n class=\"clr-tt-node-content treetable-row\"\n (click)=\"onRowClick($event)\"\n>\n <ng-content select=\"clr-tt-action-overflow\"></ng-content>\n <clr-tt-action-overflow *ngIf=\"showActionOverflow && showEmptyActionOverflow\" [empty]=\"true\"></clr-tt-action-overflow>\n <div class=\"treetable-scrolling-cells\">\n <div class=\"treetable-expandable-caret\" *ngIf=\"isExpandable()\">\n <button type=\"button\" class=\"treetable-expandable-caret-button\" (click)=\"onCaretClick()\">\n <clr-icon\n shape=\"caret\"\n [attr.dir]=\"expanded ? 'down' : 'right'\"\n class=\"treetable-expandable-caret-icon\"\n ></clr-icon>\n </button>\n </div>\n\n <ng-content select=\"clr-tt-cell\"></ng-content>\n </div>\n</div>\n<div [@collapseExpandAnimation]=\"expanded\">\n <ng-content select=\"clr-tt-row\"></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ClrIconCustomTag, selector: "clr-icon" }, { kind: "component", type: i3.ClrTreetableActionOverflow, selector: "clr-tt-action-overflow", inputs: ["empty"] }], animations: [
|
|
57
57
|
trigger('collapseExpandAnimation', [
|
|
58
58
|
state('false', style({ display: 'none' })),
|
|
59
59
|
state('true', style({ display: 'block' })),
|
|
@@ -67,7 +67,7 @@ ClrTreetableRow.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
|
|
|
67
67
|
]),
|
|
68
68
|
]),
|
|
69
69
|
] });
|
|
70
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
70
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrTreetableRow, decorators: [{
|
|
71
71
|
type: Component,
|
|
72
72
|
args: [{ selector: 'clr-tt-row', host: { '[class.treetable-row-wrapper]': 'true' }, animations: [
|
|
73
73
|
trigger('collapseExpandAnimation', [
|
|
@@ -59,9 +59,9 @@ export class ClrTreetable {
|
|
|
59
59
|
this.destroyed$.complete();
|
|
60
60
|
}
|
|
61
61
|
}
|
|
62
|
-
ClrTreetable.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
63
|
-
ClrTreetable.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.
|
|
64
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
62
|
+
ClrTreetable.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrTreetable, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
63
|
+
ClrTreetable.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: ClrTreetable, selector: "clr-treetable", inputs: { clrClickableRows: "clrClickableRows", hideHeader: ["clrHideHeader", "hideHeader"] }, host: { properties: { "class.empty": "empty", "class.treetable-host": "true" } }, queries: [{ propertyName: "ttColumns", predicate: ClrTreetableColumn, descendants: true }, { propertyName: "ttRows", predicate: ClrTreetableRow, descendants: true }], ngImport: i0, template: "<!--\n ~ Copyright (c) 2018-2021 Porsche Informatik. All Rights Reserved.\n ~ This software is released under MIT license.\n ~ The full license information can be found in LICENSE in the root directory of this project.\n -->\n\n<div class=\"treetable\">\n <div class=\"treetable-grid\" role=\"grid\">\n <div class=\"treetable-header\" role=\"rowgroup\" [class.hide-header]=\"hideHeader\">\n <div *ngIf=\"hasActionOverflow\" class=\"treetable-row-actions treetable-column\"> </div>\n <div class=\"treetable-row-scrollable\" role=\"row\">\n <ng-content select=\"clr-tt-column\"></ng-content>\n </div>\n </div>\n <div class=\"treetable-body\">\n <ng-content select=\"clr-tt-row\"></ng-content>\n <ng-content select=\"clr-tt-placeholder\"></ng-content>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
64
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrTreetable, decorators: [{
|
|
65
65
|
type: Component,
|
|
66
66
|
args: [{ selector: 'clr-treetable', host: { '[class.empty]': 'empty', '[class.treetable-host]': 'true' }, template: "<!--\n ~ Copyright (c) 2018-2021 Porsche Informatik. All Rights Reserved.\n ~ This software is released under MIT license.\n ~ The full license information can be found in LICENSE in the root directory of this project.\n -->\n\n<div class=\"treetable\">\n <div class=\"treetable-grid\" role=\"grid\">\n <div class=\"treetable-header\" role=\"rowgroup\" [class.hide-header]=\"hideHeader\">\n <div *ngIf=\"hasActionOverflow\" class=\"treetable-row-actions treetable-column\"> </div>\n <div class=\"treetable-row-scrollable\" role=\"row\">\n <ng-content select=\"clr-tt-column\"></ng-content>\n </div>\n </div>\n <div class=\"treetable-body\">\n <ng-content select=\"clr-tt-row\"></ng-content>\n <ng-content select=\"clr-tt-placeholder\"></ng-content>\n </div>\n </div>\n</div>\n" }]
|
|
67
67
|
}], propDecorators: { clrClickableRows: [{
|
|
@@ -31,8 +31,8 @@ const CLR_TREETABLE_DIRECTIVES = [
|
|
|
31
31
|
];
|
|
32
32
|
export class ClrTreetableModule {
|
|
33
33
|
}
|
|
34
|
-
ClrTreetableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
35
|
-
ClrTreetableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.
|
|
34
|
+
ClrTreetableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrTreetableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
35
|
+
ClrTreetableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: ClrTreetableModule, declarations: [ClrTreetable,
|
|
36
36
|
ClrTreetableRow,
|
|
37
37
|
ClrTreetableCell,
|
|
38
38
|
ClrTreetableColumn,
|
|
@@ -51,8 +51,8 @@ ClrTreetableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", vers
|
|
|
51
51
|
TreetableHeaderRenderer,
|
|
52
52
|
TreetableRowRenderer,
|
|
53
53
|
TreetableCellRenderer] });
|
|
54
|
-
ClrTreetableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.
|
|
55
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
54
|
+
ClrTreetableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrTreetableModule, imports: [CommonModule, ClarityModule] });
|
|
55
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrTreetableModule, decorators: [{
|
|
56
56
|
type: NgModule,
|
|
57
57
|
args: [{
|
|
58
58
|
imports: [CommonModule, ClarityModule],
|
|
@@ -64,8 +64,8 @@ export class ClrViewEditSection {
|
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
|
-
ClrViewEditSection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
68
|
-
ClrViewEditSection.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.
|
|
67
|
+
ClrViewEditSection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrViewEditSection, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
68
|
+
ClrViewEditSection.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: ClrViewEditSection, selector: "clr-view-edit-section", inputs: { _title: ["clrTitle", "_title"], _saveText: ["clrSaveText", "_saveText"], _preventSave: ["clrPreventModeChangeOnSave", "_preventSave"], _cancelText: ["clrCancelText", "_cancelText"], _editable: ["clrEditable", "_editable"], _editIcon: ["clrEditIcon", "_editIcon"], _isCollapsible: ["clrIsCollapsible", "_isCollapsible"], _isCollapsed: ["clrIsCollapsed", "_isCollapsed"], viewRef: ["clrViewRef", "viewRef"], editRef: ["clrEditRef", "editRef"], editMode: ["clrEditMode", "editMode"] }, outputs: { _isCollapsedChange: "clrIsCollapsedChange", _editModeChanged: "clrEditModeChange", _submitted: "clrSectionSubmitted", _cancelled: "clrSectionEditCancelled" }, ngImport: i0, template: "<div class=\"card view-edit-section\" (keyup.escape)=\"onCancel()\">\n <div class=\"card-block\">\n <div class=\"card-title\">\n {{_title}}\n <button\n type=\"button\"\n (click)=\"onCollapseExpand()\"\n class=\"btn btn-icon btn-link ces-caret-btn\"\n *ngIf=\"_isCollapsible && !editMode\"\n >\n <clr-icon shape=\"caret up\" size=\"20\" class=\"ces-caret-icon\" [@rotateIcon]=\"_isCollapsed\"></clr-icon>\n </button>\n <div class=\"ves-actions\">\n <button\n type=\"button\"\n (click)=\"onEdit()\"\n class=\"btn btn-icon btn-link ves-action\"\n *ngIf=\"_editable && !editMode && actionBlock.children.length == 0\"\n >\n <clr-icon class=\"ves-edit-icon\" [attr.shape]=\"_editIcon\" size=\"20\"></clr-icon>\n </button>\n <div #actionBlock>\n <ng-content select=\"[action-block]\"></ng-content>\n </div>\n </div>\n </div>\n <div class=\"card-text\" [@collapseExpandAnimation] *ngIf=\"!(_isCollapsed && _isCollapsible)\">\n <ng-template [ngTemplateOutlet]=\"viewRef\" *ngIf=\"!editMode\"></ng-template>\n <ng-template [ngTemplateOutlet]=\"editRef\" *ngIf=\"editMode\"></ng-template>\n <ng-container *ngIf=\"editMode\">\n <form clrForm (ngSubmit)=\"onSubmit()\" class=\"button-bar\">\n <button class=\"btn btn-primary ves-save\" type=\"submit\">{{_saveText}}</button>\n <button class=\"btn ves-cancel\" (click)=\"onCancel()\" type=\"button\">{{_cancelText}}</button>\n </form>\n </ng-container>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.ClrIconCustomTag, selector: "clr-icon" }, { kind: "directive", type: i2.ClrForm, selector: "[clrForm]", inputs: ["clrLabelSize"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], animations: [
|
|
69
69
|
trigger('collapseExpandAnimation', [
|
|
70
70
|
transition(':enter', [
|
|
71
71
|
style({ opacity: 0, height: 0, overflow: 'hidden' }),
|
|
@@ -83,7 +83,7 @@ ClrViewEditSection.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
|
|
|
83
83
|
transition('false => true', animate('300ms ease-in')),
|
|
84
84
|
]),
|
|
85
85
|
] });
|
|
86
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
86
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrViewEditSection, decorators: [{
|
|
87
87
|
type: Component,
|
|
88
88
|
args: [{ selector: 'clr-view-edit-section', animations: [
|
|
89
89
|
trigger('collapseExpandAnimation', [
|
|
@@ -11,10 +11,10 @@ import { ClrViewEditSection } from './view-edit-section';
|
|
|
11
11
|
import * as i0 from "@angular/core";
|
|
12
12
|
export class ClrViewEditSectionModule {
|
|
13
13
|
}
|
|
14
|
-
ClrViewEditSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
15
|
-
ClrViewEditSectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.
|
|
16
|
-
ClrViewEditSectionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
14
|
+
ClrViewEditSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrViewEditSectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
15
|
+
ClrViewEditSectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: ClrViewEditSectionModule, declarations: [ClrViewEditSection], imports: [CommonModule, ClarityModule, FormsModule, ClrFormsModule], exports: [ClrViewEditSection] });
|
|
16
|
+
ClrViewEditSectionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrViewEditSectionModule, imports: [CommonModule, ClarityModule, FormsModule, ClrFormsModule] });
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ClrViewEditSectionModule, decorators: [{
|
|
18
18
|
type: NgModule,
|
|
19
19
|
args: [{
|
|
20
20
|
imports: [CommonModule, ClarityModule, FormsModule, ClrFormsModule],
|