@indigina/ui-kit 1.1.476 → 1.1.478
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.
|
@@ -1054,7 +1054,7 @@ class KitFormErrors {
|
|
|
1054
1054
|
};
|
|
1055
1055
|
}
|
|
1056
1056
|
getErrors(control) {
|
|
1057
|
-
if (!control?.errors || !control.
|
|
1057
|
+
if (!control?.errors || !control.dirty) {
|
|
1058
1058
|
return [];
|
|
1059
1059
|
}
|
|
1060
1060
|
return Object.entries(control.errors)
|
|
@@ -1570,6 +1570,7 @@ class KitDropdownComponent {
|
|
|
1570
1570
|
this.selectedItem.set(item.value);
|
|
1571
1571
|
this.onChange(item.value);
|
|
1572
1572
|
this.selected.emit(item);
|
|
1573
|
+
this.onTouched();
|
|
1573
1574
|
}
|
|
1574
1575
|
writeValue(value) {
|
|
1575
1576
|
this.selectedItem.set(value);
|
|
@@ -6436,6 +6437,8 @@ var KitTimelineCompactItemTheme;
|
|
|
6436
6437
|
KitTimelineCompactItemTheme["DANGER"] = "danger";
|
|
6437
6438
|
})(KitTimelineCompactItemTheme || (KitTimelineCompactItemTheme = {}));
|
|
6438
6439
|
|
|
6440
|
+
const KIT_GRID_CELL_DATE_FORMAT_CONFIG = new InjectionToken('KIT_GRID_CELL_DATE_FORMAT_CONFIG');
|
|
6441
|
+
|
|
6439
6442
|
class KitFileCardMessagesComponent {
|
|
6440
6443
|
constructor() {
|
|
6441
6444
|
/**
|
|
@@ -6543,6 +6546,8 @@ var KitFileCardSize;
|
|
|
6543
6546
|
|
|
6544
6547
|
class KitFileCardComponent {
|
|
6545
6548
|
constructor() {
|
|
6549
|
+
this.datePipe = inject(DatePipe);
|
|
6550
|
+
this.dateFormatConfig = inject(KIT_GRID_CELL_DATE_FORMAT_CONFIG, { optional: true });
|
|
6546
6551
|
/**
|
|
6547
6552
|
* Defines a value that will be used as a card title
|
|
6548
6553
|
*/
|
|
@@ -6566,6 +6571,7 @@ class KitFileCardComponent {
|
|
|
6566
6571
|
this.name = '';
|
|
6567
6572
|
this.fileSize = input(...(ngDevMode ? [undefined, { debugName: "fileSize" }] : /* istanbul ignore next */ []));
|
|
6568
6573
|
this.showViewFileButton = input(true, ...(ngDevMode ? [{ debugName: "showViewFileButton" }] : /* istanbul ignore next */ []));
|
|
6574
|
+
this.useUTCDateValues = input(true, ...(ngDevMode ? [{ debugName: "useUTCDateValues" }] : /* istanbul ignore next */ []));
|
|
6569
6575
|
/**
|
|
6570
6576
|
* An action which is emitted when view button clicked
|
|
6571
6577
|
*/
|
|
@@ -6580,11 +6586,12 @@ class KitFileCardComponent {
|
|
|
6580
6586
|
this.kitButtonKind = KitButtonKind;
|
|
6581
6587
|
this.kitButtonIconPosition = KitButtonIconPosition;
|
|
6582
6588
|
this.kitFileCardSize = KitFileCardSize;
|
|
6583
|
-
this.dateFormat = 'MMM dd, y hh:mm:ss';
|
|
6584
6589
|
this.createDateLabel = 'Create Date';
|
|
6585
6590
|
this.createdByLabel = 'Created By';
|
|
6586
6591
|
this.downloadButtonLabel = 'Download';
|
|
6587
6592
|
this.viewButtonLabel = 'View';
|
|
6593
|
+
const dateFormatConfig = this.dateFormatConfig;
|
|
6594
|
+
this.dateFormat = dateFormatConfig?.dateTimeFormat ?? 'MMM dd, y hh:mm:ss';
|
|
6588
6595
|
}
|
|
6589
6596
|
getFileIconByExtension(extension) {
|
|
6590
6597
|
const group = Object.entries(fileTypeGroupMap)
|
|
@@ -6603,18 +6610,29 @@ class KitFileCardComponent {
|
|
|
6603
6610
|
];
|
|
6604
6611
|
return browserViewableFileTypes.includes(fileType);
|
|
6605
6612
|
}
|
|
6613
|
+
getFormattedDate() {
|
|
6614
|
+
if (this.useUTCDateValues()) {
|
|
6615
|
+
return this.datePipe.transform(this.date, this.dateFormat, 'UTC') ?? '';
|
|
6616
|
+
}
|
|
6617
|
+
else {
|
|
6618
|
+
return this.datePipe.transform(this.date, this.dateFormat) ?? '';
|
|
6619
|
+
}
|
|
6620
|
+
}
|
|
6606
6621
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitFileCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6607
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitFileCardComponent, isStandalone: true, selector: "kit-file-card", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: false, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, fileType: { classPropertyName: "fileType", publicName: "fileType", isSignal: false, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, fileSize: { classPropertyName: "fileSize", publicName: "fileSize", isSignal: true, isRequired: false, transformFunction: null }, showViewFileButton: { classPropertyName: "showViewFileButton", publicName: "showViewFileButton", isSignal: true, isRequired: false, transformFunction: null }
|
|
6622
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitFileCardComponent, isStandalone: true, selector: "kit-file-card", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: false, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, fileType: { classPropertyName: "fileType", publicName: "fileType", isSignal: false, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, fileSize: { classPropertyName: "fileSize", publicName: "fileSize", isSignal: true, isRequired: false, transformFunction: null }, showViewFileButton: { classPropertyName: "showViewFileButton", publicName: "showViewFileButton", isSignal: true, isRequired: false, transformFunction: null }, useUTCDateValues: { classPropertyName: "useUTCDateValues", publicName: "useUTCDateValues", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { viewButtonClicked: "viewButtonClicked", downloadButtonClicked: "downloadButtonClicked" }, providers: [
|
|
6623
|
+
DatePipe,
|
|
6624
|
+
], queries: [{ propertyName: "customMessages", first: true, predicate: KitFileCardMessagesComponent, descendants: true }], ngImport: i0, template: "<div class=\"kit-file-card\"\n [ngClass]=\"type ? [type, size()] : [size()]\">\n <div class=\"kit-file-card-header\">\n <div class=\"card-title\">{{ title }}</div>\n <div class=\"card-type\">{{ label }}</div>\n </div>\n <div class=\"kit-file-card-content\">\n <kit-svg-icon class=\"card-icon\"\n [icon]=\"getFileIconByExtension(fileType)\">\n </kit-svg-icon>\n <div class=\"card-main\">\n <div class=\"card-main-item\">\n <div class=\"item-label\">{{ customMessages?.createDate ?? createDateLabel }}</div>\n <div class=\"item-value\">{{ getFormattedDate() }}</div>\n </div>\n @if (name) {\n <div class=\"card-main-item\">\n <div class=\"item-label\">{{ customMessages?.createdBy ?? createdByLabel }}</div>\n <div class=\"item-value\">{{ name }}</div>\n </div>\n }\n @if (fileSize()) {\n <div class=\"card-main-item\">\n <div class=\"item-label\">{{ customMessages?.fileSize() ?? 'File Size' }}</div>\n <div class=\"item-value\">{{ fileSize() }}</div>\n </div>\n }\n </div>\n </div>\n <div class=\"kit-file-card-action\">\n @if (showViewFileButton() && hasViewFileButton(fileType)) {\n <kit-button class=\"action-button\"\n [label]=\"customMessages?.viewButtonLabel ?? viewButtonLabel\"\n [icon]=\"kitSvgIcon.EYE\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"size() === kitFileCardSize.LARGE ? kitButtonKind.LARGE : kitButtonKind.SMALL\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"viewButtonClicked.emit()\"\n ></kit-button>\n }\n <kit-button class=\"action-button\"\n [label]=\"customMessages?.downloadButtonLabel ?? downloadButtonLabel\"\n [icon]=\"kitSvgIcon.DOWNLOAD\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"size() === kitFileCardSize.LARGE ? kitButtonKind.LARGE : kitButtonKind.SMALL\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"downloadButtonClicked.emit()\"\n ></kit-button>\n </div>\n <ng-content></ng-content>\n</div>\n", styles: [".kit-file-card{padding:25px;color:var(--ui-kit-color-grey-10);border-radius:10px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-file-card-header{display:flex;flex-direction:column;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-file-card .card-title{font-size:16px;font-weight:400}.kit-file-card .card-type{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;padding:0 8px;height:20px;font-size:12px;font-weight:500;color:var(--ui-kit-color-main);border:1px solid var(--ui-kit-color-main);border-radius:4px}.kit-file-card-content{display:flex;align-items:center;gap:24px;padding:17px 0}.kit-file-card .card-icon{width:78px;height:100px}.kit-file-card .card-main{display:flex;flex-direction:column;gap:12px}.kit-file-card .card-main-item{line-height:22px}.kit-file-card .card-main .item-label{color:var(--ui-kit-color-grey-14);font-size:13px}.kit-file-card .card-main .item-value{font-size:16px}.kit-file-card-action{display:flex;gap:15px;padding-top:15px;border-top:1px solid var(--ui-kit-color-grey-11)}.kit-file-card-action .action-button{flex:1}.kit-file-card .action-button ::ng-deep .k-button{width:100%}.kit-file-card.blue .card-type{color:var(--ui-kit-color-blue);border-color:var(--ui-kit-color-blue);background-color:var(--ui-kit-color-blue-1)}.kit-file-card.purple .card-type{color:var(--ui-kit-color-purple);border-color:var(--ui-kit-color-purple);background-color:var(--ui-kit-color-purple-1)}.kit-file-card.teal .card-type{color:var(--ui-kit-color-teal);border-color:var(--ui-kit-color-teal);background-color:var(--ui-kit-color-teal-1)}.kit-file-card.orange .card-type{color:var(--ui-kit-color-orange-2);border-color:var(--ui-kit-color-orange-2);background-color:var(--ui-kit-color-orange-3)}.kit-file-card.green .card-type{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1);background-color:var(--ui-kit-color-green-4)}.kit-file-card.grey .card-type{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-10);background-color:var(--ui-kit-color-grey-16)}.kit-file-card.red .card-type{color:var(--ui-kit-color-red-1);border-color:var(--ui-kit-color-red-1);background-color:var(--ui-kit-color-red-3)}.kit-file-card.pink .card-type{color:var(--ui-kit-color-pink);border-color:var(--ui-kit-color-pink);background-color:var(--ui-kit-color-pink-1)}.kit-file-card.small{padding:20px;min-width:270px}.kit-file-card.small-content{gap:15px;padding:17px 10px}.kit-file-card.small .card-title{font-size:15px}.kit-file-card.small .card-icon{width:63px;height:80px}.kit-file-card.small .card-main{gap:8px}.kit-file-card.small .card-main-item{line-height:20px}.kit-file-card.small .card-main .item-value{font-size:14px}\n"], dependencies: [{ kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6608
6625
|
}
|
|
6609
6626
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitFileCardComponent, decorators: [{
|
|
6610
6627
|
type: Component,
|
|
6611
6628
|
args: [{ selector: 'kit-file-card', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
6612
6629
|
KitButtonComponent,
|
|
6613
6630
|
KitSvgIconComponent,
|
|
6614
|
-
DatePipe,
|
|
6615
6631
|
NgClass,
|
|
6616
|
-
],
|
|
6617
|
-
|
|
6632
|
+
], providers: [
|
|
6633
|
+
DatePipe,
|
|
6634
|
+
], template: "<div class=\"kit-file-card\"\n [ngClass]=\"type ? [type, size()] : [size()]\">\n <div class=\"kit-file-card-header\">\n <div class=\"card-title\">{{ title }}</div>\n <div class=\"card-type\">{{ label }}</div>\n </div>\n <div class=\"kit-file-card-content\">\n <kit-svg-icon class=\"card-icon\"\n [icon]=\"getFileIconByExtension(fileType)\">\n </kit-svg-icon>\n <div class=\"card-main\">\n <div class=\"card-main-item\">\n <div class=\"item-label\">{{ customMessages?.createDate ?? createDateLabel }}</div>\n <div class=\"item-value\">{{ getFormattedDate() }}</div>\n </div>\n @if (name) {\n <div class=\"card-main-item\">\n <div class=\"item-label\">{{ customMessages?.createdBy ?? createdByLabel }}</div>\n <div class=\"item-value\">{{ name }}</div>\n </div>\n }\n @if (fileSize()) {\n <div class=\"card-main-item\">\n <div class=\"item-label\">{{ customMessages?.fileSize() ?? 'File Size' }}</div>\n <div class=\"item-value\">{{ fileSize() }}</div>\n </div>\n }\n </div>\n </div>\n <div class=\"kit-file-card-action\">\n @if (showViewFileButton() && hasViewFileButton(fileType)) {\n <kit-button class=\"action-button\"\n [label]=\"customMessages?.viewButtonLabel ?? viewButtonLabel\"\n [icon]=\"kitSvgIcon.EYE\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"size() === kitFileCardSize.LARGE ? kitButtonKind.LARGE : kitButtonKind.SMALL\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"viewButtonClicked.emit()\"\n ></kit-button>\n }\n <kit-button class=\"action-button\"\n [label]=\"customMessages?.downloadButtonLabel ?? downloadButtonLabel\"\n [icon]=\"kitSvgIcon.DOWNLOAD\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"size() === kitFileCardSize.LARGE ? kitButtonKind.LARGE : kitButtonKind.SMALL\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n (clicked)=\"downloadButtonClicked.emit()\"\n ></kit-button>\n </div>\n <ng-content></ng-content>\n</div>\n", styles: [".kit-file-card{padding:25px;color:var(--ui-kit-color-grey-10);border-radius:10px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-file-card-header{display:flex;flex-direction:column;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-file-card .card-title{font-size:16px;font-weight:400}.kit-file-card .card-type{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;padding:0 8px;height:20px;font-size:12px;font-weight:500;color:var(--ui-kit-color-main);border:1px solid var(--ui-kit-color-main);border-radius:4px}.kit-file-card-content{display:flex;align-items:center;gap:24px;padding:17px 0}.kit-file-card .card-icon{width:78px;height:100px}.kit-file-card .card-main{display:flex;flex-direction:column;gap:12px}.kit-file-card .card-main-item{line-height:22px}.kit-file-card .card-main .item-label{color:var(--ui-kit-color-grey-14);font-size:13px}.kit-file-card .card-main .item-value{font-size:16px}.kit-file-card-action{display:flex;gap:15px;padding-top:15px;border-top:1px solid var(--ui-kit-color-grey-11)}.kit-file-card-action .action-button{flex:1}.kit-file-card .action-button ::ng-deep .k-button{width:100%}.kit-file-card.blue .card-type{color:var(--ui-kit-color-blue);border-color:var(--ui-kit-color-blue);background-color:var(--ui-kit-color-blue-1)}.kit-file-card.purple .card-type{color:var(--ui-kit-color-purple);border-color:var(--ui-kit-color-purple);background-color:var(--ui-kit-color-purple-1)}.kit-file-card.teal .card-type{color:var(--ui-kit-color-teal);border-color:var(--ui-kit-color-teal);background-color:var(--ui-kit-color-teal-1)}.kit-file-card.orange .card-type{color:var(--ui-kit-color-orange-2);border-color:var(--ui-kit-color-orange-2);background-color:var(--ui-kit-color-orange-3)}.kit-file-card.green .card-type{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1);background-color:var(--ui-kit-color-green-4)}.kit-file-card.grey .card-type{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-10);background-color:var(--ui-kit-color-grey-16)}.kit-file-card.red .card-type{color:var(--ui-kit-color-red-1);border-color:var(--ui-kit-color-red-1);background-color:var(--ui-kit-color-red-3)}.kit-file-card.pink .card-type{color:var(--ui-kit-color-pink);border-color:var(--ui-kit-color-pink);background-color:var(--ui-kit-color-pink-1)}.kit-file-card.small{padding:20px;min-width:270px}.kit-file-card.small-content{gap:15px;padding:17px 10px}.kit-file-card.small .card-title{font-size:15px}.kit-file-card.small .card-icon{width:63px;height:80px}.kit-file-card.small .card-main{gap:8px}.kit-file-card.small .card-main-item{line-height:20px}.kit-file-card.small .card-main .item-value{font-size:14px}\n"] }]
|
|
6635
|
+
}], ctorParameters: () => [], propDecorators: { title: [{
|
|
6618
6636
|
type: Input
|
|
6619
6637
|
}], type: [{
|
|
6620
6638
|
type: Input
|
|
@@ -6626,7 +6644,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
6626
6644
|
type: Input
|
|
6627
6645
|
}], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], name: [{
|
|
6628
6646
|
type: Input
|
|
6629
|
-
}], fileSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileSize", required: false }] }], showViewFileButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showViewFileButton", required: false }] }], viewButtonClicked: [{
|
|
6647
|
+
}], fileSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileSize", required: false }] }], showViewFileButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showViewFileButton", required: false }] }], useUTCDateValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "useUTCDateValues", required: false }] }], viewButtonClicked: [{
|
|
6630
6648
|
type: Output
|
|
6631
6649
|
}], downloadButtonClicked: [{
|
|
6632
6650
|
type: Output
|
|
@@ -11595,8 +11613,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
11595
11613
|
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-grid-filters\">\n @for (item of filters(); track item) {\n @switch (item.type) {\n @case (kitFilterType.CHECKBOX) {\n <kit-filter-checkbox [filter]=\"item\"\n [items]=\"filterListConfig()[item.field].items\"\n [translateKeyPrefix]=\"filterListConfig()[item.field].translateKeyPrefix\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-checkbox>\n }\n @case (kitFilterType.GUID) {\n <kit-filter-checkbox [filter]=\"item\"\n [items]=\"filterListConfig()[item.field].items\"\n [guidField]=\"filterListConfig()[item.field].guidField\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-checkbox>\n }\n @case (kitFilterType.RADIO) {\n <kit-filter-radio [filter]=\"item\"\n [items]=\"filterListConfig()?.[item.field].items\"\n [translateKeyPrefix]=\"filterListConfig()?.[item.field].translateKeyPrefix\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-radio>\n }\n @case (kitFilterType.DATE) {\n <kit-filter-date [filter]=\"item\"\n [useLocalTimeZone]=\"useLocalTimeZone()\"\n [useUserTimeZone]=\"useUserTimeZone(item)\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-date>\n }\n @case (kitFilterType.TEXT) {\n <kit-filter-input [filterInputType]=\"kitFilterType.TEXT\"\n [filter]=\"item\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-input>\n }\n @case (kitFilterType.NUMERIC) {\n <kit-filter-input [filterInputType]=\"kitFilterType.NUMERIC\"\n [filter]=\"item\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-input>\n }\n @case (kitFilterType.NULL) {\n <kit-filter-null-check [filter]=\"item\"\n [nullLabel]=\"nullLabel()\"\n [notNullLabel]=\"notNullLabel()\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-null-check>\n }\n @case (kitFilterType.CUSTOM_INPUT) {\n <kit-filter-custom-input [filter]=\"item\"\n (filterRemoved)=\"removeFilter(item.field)\"\n (filterChanged)=\"applyFilter(item, $event)\"\n ></kit-filter-custom-input>\n }\n }\n }\n\n <kit-filter-selector [items]=\"filterSelectorItems()\"\n (itemSelected)=\"addFilter($event)\"\n ></kit-filter-selector>\n</div>\n", styles: [".kit-grid-filters{display:flex;flex-wrap:wrap;gap:10px}\n"] }]
|
|
11596
11614
|
}], propDecorators: { excludedColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "excludedColumns", required: true }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: true }] }], filterListConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterListConfig", required: true }] }], useLocalTimeZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "useLocalTimeZone", required: false }] }], nullLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "nullLabel", required: false }] }], notNullLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "notNullLabel", required: false }] }] } });
|
|
11597
11615
|
|
|
11598
|
-
const KIT_GRID_CELL_DATE_FORMAT_CONFIG = new InjectionToken('KIT_GRID_CELL_DATE_FORMAT_CONFIG');
|
|
11599
|
-
|
|
11600
11616
|
class KitGridCellService {
|
|
11601
11617
|
constructor() {
|
|
11602
11618
|
this.translateService = inject(TranslateService);
|