@indigina/ui-kit 1.1.495 → 1.1.496
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.
|
@@ -3682,12 +3682,33 @@ class KitRadioButtonComponent {
|
|
|
3682
3682
|
this.label = input(null, ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
|
|
3683
3683
|
this.name = input(this.buildUniqName(), ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
|
|
3684
3684
|
this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
|
|
3685
|
-
this.disabled = model(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
3686
3685
|
this.type = input(KitRadioButtonType.DEFAULT, ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
|
|
3686
|
+
this.value = input(null, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
|
|
3687
|
+
this.checked = model(false, ...(ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []));
|
|
3688
|
+
this.icon = input(undefined, ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
3689
|
+
this.disabled = model(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
3687
3690
|
this.changed = output();
|
|
3688
3691
|
this.kitRadioButtonType = KitRadioButtonType;
|
|
3689
3692
|
this.KitSvgIcon = KitSvgIcon;
|
|
3690
3693
|
this.KitSvgIconType = KitSvgIconType;
|
|
3694
|
+
this.isSingleMode = computed(() => !this.items().length, ...(ngDevMode ? [{ debugName: "isSingleMode" }] : /* istanbul ignore next */ []));
|
|
3695
|
+
this.radioItems = computed(() => {
|
|
3696
|
+
const items = this.items();
|
|
3697
|
+
if (items.length) {
|
|
3698
|
+
return items;
|
|
3699
|
+
}
|
|
3700
|
+
if (this.value() === null) {
|
|
3701
|
+
return [];
|
|
3702
|
+
}
|
|
3703
|
+
return [{
|
|
3704
|
+
label: this.label() ?? '',
|
|
3705
|
+
value: this.value(),
|
|
3706
|
+
checked: this.checked(),
|
|
3707
|
+
disabled: this.disabled(),
|
|
3708
|
+
readonly: this.readonly(),
|
|
3709
|
+
icon: this.icon(),
|
|
3710
|
+
}];
|
|
3711
|
+
}, ...(ngDevMode ? [{ debugName: "radioItems" }] : /* istanbul ignore next */ []));
|
|
3691
3712
|
}
|
|
3692
3713
|
get isIconListType() {
|
|
3693
3714
|
return this.type() === KitRadioButtonType.ICON_LIST;
|
|
@@ -3724,6 +3745,9 @@ class KitRadioButtonComponent {
|
|
|
3724
3745
|
this.disabled.set(disabled);
|
|
3725
3746
|
}
|
|
3726
3747
|
onRadioValueChange(item) {
|
|
3748
|
+
if (this.isSingleMode()) {
|
|
3749
|
+
this.checked.set(true);
|
|
3750
|
+
}
|
|
3727
3751
|
this.onChange(item.value);
|
|
3728
3752
|
this.changed.emit(item);
|
|
3729
3753
|
}
|
|
@@ -3740,11 +3764,11 @@ class KitRadioButtonComponent {
|
|
|
3740
3764
|
return !!item.readonly || !!item.disabled;
|
|
3741
3765
|
}
|
|
3742
3766
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitRadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3743
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitRadioButtonComponent, isStandalone: true, selector: "kit-radio-button", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null },
|
|
3767
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitRadioButtonComponent, isStandalone: true, selector: "kit-radio-button", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", disabled: "disabledChange", changed: "changed" }, providers: [{
|
|
3744
3768
|
provide: NG_VALUE_ACCESSOR,
|
|
3745
3769
|
useExisting: forwardRef(() => KitRadioButtonComponent),
|
|
3746
3770
|
multi: true,
|
|
3747
|
-
}], ngImport: i0, template: "<div class=\"kit-radio-button\">\n @if (label()) {\n <kit-form-label class=\"kit-radio-button-label\"\n [text]=\"label()\"\n ></kit-form-label>\n }\n\n @if (
|
|
3771
|
+
}], ngImport: i0, template: "<div class=\"kit-radio-button\">\n @if (label() || !isSingleMode()) {\n <kit-form-label class=\"kit-radio-button-label\"\n [text]=\"label()\"\n ></kit-form-label>\n }\n\n @if (radioItems().length) {\n <div class=\"kit-radio-button-items\"\n [ngClass]=\"{'icon-list': isIconListType}\">\n @for (item of radioItems(); track item.value) {\n <div class=\"kit-radio-button-item\"\n [ngClass]=\"{'icon-list': isIconListType}\"\n [class.readonly]=\"item.readonly || readonly() || disabled()\"\n [class.disabled]=\"item.disabled || disabled()\"\n (click)=\"handleClick($event, item)\">\n <input kendoRadioButton\n type=\"radio\"\n [id]=\"buildLabelId($index)\"\n [name]=\"name()\"\n [value]=\"item.value\"\n [checked]=\"item.checked\"\n (click)=\"handleClick($event, item)\"\n (change)=\"onRadioValueChange(item)\" />\n @if (isIconListType) {\n <kit-svg-icon class=\"kit-radio-button-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"KitSvgIconType.FILL\"\n ></kit-svg-icon>\n }\n @if (item.label) {\n <kit-form-label [text]=\"item.label\"\n [for]=\"buildLabelId($index)\"\n ></kit-form-label>\n }\n </div>\n }\n </div>\n }\n</div>\n", styles: [".kit-radio-button-items{display:flex;gap:10px}.kit-radio-button-items.icon-list{flex-direction:column;width:100%;align-items:center}.kit-radio-button-label{display:block;margin-bottom:4px}:host ::ng-deep .kit-radio-button-item{display:flex;align-items:center;height:40px}:host ::ng-deep .kit-radio-button-item .k-radio{display:grid;place-content:center;box-sizing:border-box;width:16px;height:16px;padding:0;margin:0;appearance:none;outline:none;border:1px solid var(--ui-kit-color-grey-11);border-radius:50%;background:var(--ui-kit-color-grey-13);cursor:pointer}:host ::ng-deep .kit-radio-button-item .k-radio:before{content:\"\";width:8px;height:8px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background:var(--ui-kit-color-main);-webkit-mask-image:none;mask-image:none}:host ::ng-deep .kit-radio-button-item .k-radio:checked{border-color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked:before{transform:scale(1)}:host ::ng-deep .kit-radio-button-item .k-radio:focus{box-shadow:0 0 0 2px var(--ui-kit-color-focus)}:host ::ng-deep .kit-radio-button-item .k-label{padding-left:8px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;cursor:pointer}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio{border-color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio:checked{border-color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio:checked:hover{border-color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio:checked:hover:before{background:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item.icon-list{cursor:pointer;width:100%;color:var(--ui-kit-color-grey-10);background:var(--ui-kit-color-white);padding:0 16px;height:40px;font-size:14px;border-radius:6px;border:1px solid var(--ui-kit-color-grey-11);box-sizing:border-box}:host ::ng-deep .kit-radio-button-item.icon-list .k-radio{display:none}:host ::ng-deep .kit-radio-button-item.icon-list:has(.k-radio:checked){background-color:var(--ui-kit-color-grey-13)}:host ::ng-deep .kit-radio-button-item.icon-list:has(.k-radio:checked) label{color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item.icon-list:hover{border-color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item.icon-list:hover label{color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-icon{width:23.5px;height:30px}:host ::ng-deep .kit-radio-button .readonly .k-label,:host ::ng-deep .kit-radio-button .disabled .k-label{color:var(--ui-kit-color-grey-12);cursor:default}:host ::ng-deep .kit-radio-button .readonly .k-radio,:host ::ng-deep .kit-radio-button .disabled .k-radio{cursor:default}:host ::ng-deep .kit-radio-button .readonly .k-radio:checked,:host ::ng-deep .kit-radio-button .disabled .k-radio:checked{border-color:var(--ui-kit-color-grey-11)}:host ::ng-deep .kit-radio-button .readonly .k-radio:checked:before,:host ::ng-deep .kit-radio-button .disabled .k-radio:checked:before{background:var(--ui-kit-color-grey-11)}:host ::ng-deep .kit-radio-button .readonly .k-radio:focus,:host ::ng-deep .kit-radio-button .disabled .k-radio:focus{box-shadow:none}\n"], dependencies: [{ kind: "ngmodule", type: RadioButtonModule }, { kind: "directive", type: i1$4.RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }, { kind: "component", type: KitFormLabelComponent, selector: "kit-form-label", inputs: ["text", "for", "tooltip", "popoverConfig"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3748
3772
|
}
|
|
3749
3773
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitRadioButtonComponent, decorators: [{
|
|
3750
3774
|
type: Component,
|
|
@@ -3757,8 +3781,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
3757
3781
|
KitFormLabelComponent,
|
|
3758
3782
|
KitSvgIconComponent,
|
|
3759
3783
|
NgClass,
|
|
3760
|
-
], template: "<div class=\"kit-radio-button\">\n @if (label()) {\n <kit-form-label class=\"kit-radio-button-label\"\n [text]=\"label()\"\n ></kit-form-label>\n }\n\n @if (
|
|
3761
|
-
}], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }],
|
|
3784
|
+
], template: "<div class=\"kit-radio-button\">\n @if (label() || !isSingleMode()) {\n <kit-form-label class=\"kit-radio-button-label\"\n [text]=\"label()\"\n ></kit-form-label>\n }\n\n @if (radioItems().length) {\n <div class=\"kit-radio-button-items\"\n [ngClass]=\"{'icon-list': isIconListType}\">\n @for (item of radioItems(); track item.value) {\n <div class=\"kit-radio-button-item\"\n [ngClass]=\"{'icon-list': isIconListType}\"\n [class.readonly]=\"item.readonly || readonly() || disabled()\"\n [class.disabled]=\"item.disabled || disabled()\"\n (click)=\"handleClick($event, item)\">\n <input kendoRadioButton\n type=\"radio\"\n [id]=\"buildLabelId($index)\"\n [name]=\"name()\"\n [value]=\"item.value\"\n [checked]=\"item.checked\"\n (click)=\"handleClick($event, item)\"\n (change)=\"onRadioValueChange(item)\" />\n @if (isIconListType) {\n <kit-svg-icon class=\"kit-radio-button-icon\"\n [icon]=\"item.icon\"\n [ngClass]=\"KitSvgIconType.FILL\"\n ></kit-svg-icon>\n }\n @if (item.label) {\n <kit-form-label [text]=\"item.label\"\n [for]=\"buildLabelId($index)\"\n ></kit-form-label>\n }\n </div>\n }\n </div>\n }\n</div>\n", styles: [".kit-radio-button-items{display:flex;gap:10px}.kit-radio-button-items.icon-list{flex-direction:column;width:100%;align-items:center}.kit-radio-button-label{display:block;margin-bottom:4px}:host ::ng-deep .kit-radio-button-item{display:flex;align-items:center;height:40px}:host ::ng-deep .kit-radio-button-item .k-radio{display:grid;place-content:center;box-sizing:border-box;width:16px;height:16px;padding:0;margin:0;appearance:none;outline:none;border:1px solid var(--ui-kit-color-grey-11);border-radius:50%;background:var(--ui-kit-color-grey-13);cursor:pointer}:host ::ng-deep .kit-radio-button-item .k-radio:before{content:\"\";width:8px;height:8px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background:var(--ui-kit-color-main);-webkit-mask-image:none;mask-image:none}:host ::ng-deep .kit-radio-button-item .k-radio:checked{border-color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked:before{transform:scale(1)}:host ::ng-deep .kit-radio-button-item .k-radio:focus{box-shadow:0 0 0 2px var(--ui-kit-color-focus)}:host ::ng-deep .kit-radio-button-item .k-label{padding-left:8px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;cursor:pointer}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio{border-color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio:checked{border-color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio:checked:hover{border-color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio:checked:hover:before{background:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item.icon-list{cursor:pointer;width:100%;color:var(--ui-kit-color-grey-10);background:var(--ui-kit-color-white);padding:0 16px;height:40px;font-size:14px;border-radius:6px;border:1px solid var(--ui-kit-color-grey-11);box-sizing:border-box}:host ::ng-deep .kit-radio-button-item.icon-list .k-radio{display:none}:host ::ng-deep .kit-radio-button-item.icon-list:has(.k-radio:checked){background-color:var(--ui-kit-color-grey-13)}:host ::ng-deep .kit-radio-button-item.icon-list:has(.k-radio:checked) label{color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item.icon-list:hover{border-color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item.icon-list:hover label{color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-icon{width:23.5px;height:30px}:host ::ng-deep .kit-radio-button .readonly .k-label,:host ::ng-deep .kit-radio-button .disabled .k-label{color:var(--ui-kit-color-grey-12);cursor:default}:host ::ng-deep .kit-radio-button .readonly .k-radio,:host ::ng-deep .kit-radio-button .disabled .k-radio{cursor:default}:host ::ng-deep .kit-radio-button .readonly .k-radio:checked,:host ::ng-deep .kit-radio-button .disabled .k-radio:checked{border-color:var(--ui-kit-color-grey-11)}:host ::ng-deep .kit-radio-button .readonly .k-radio:checked:before,:host ::ng-deep .kit-radio-button .disabled .k-radio:checked:before{background:var(--ui-kit-color-grey-11)}:host ::ng-deep .kit-radio-button .readonly .k-radio:focus,:host ::ng-deep .kit-radio-button .disabled .k-radio:focus{box-shadow:none}\n"] }]
|
|
3785
|
+
}], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
|
|
3762
3786
|
|
|
3763
3787
|
function kitWhitespaceValidator() {
|
|
3764
3788
|
return (control) => {
|
|
@@ -11510,7 +11534,7 @@ class KitFilterNullCheckComponent {
|
|
|
11510
11534
|
this.onOptionChange(option ?? this.options()[0]);
|
|
11511
11535
|
}
|
|
11512
11536
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitFilterNullCheckComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11513
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.4", type: KitFilterNullCheckComponent, isStandalone: true, selector: "kit-filter-null-check", inputs: { filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: true, transformFunction: null }, nullLabel: { classPropertyName: "nullLabel", publicName: "nullLabel", isSignal: true, isRequired: false, transformFunction: null }, notNullLabel: { classPropertyName: "notNullLabel", publicName: "notNullLabel", isSignal: true, isRequired: false, transformFunction: null }, showPopupOnInit: { classPropertyName: "showPopupOnInit", publicName: "showPopupOnInit", isSignal: true, isRequired: false, transformFunction: null }, selectedOption: { classPropertyName: "selectedOption", publicName: "selectedOption", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filterRemoved: "filterRemoved", filterChanged: "filterChanged", selectedOption: "selectedOptionChange", options: "optionsChange" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], ngImport: i0, template: "<div class=\"kit-filter-null\">\n <kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}: {{ selectedOption()?.label }}\n </kit-pill>\n</div>\n\n<kit-popup #popup\n popupClass=\"kit-filter-null-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\"\n [showFooter]=\"true\"\n [applyButtonLabel]=\"'kit.filters.apply' | translate\"\n [cancelButtonLabel]=\"'kit.filters.clear' | translate\"\n [closePopupOnCancel]=\"false\"\n (applyAction)=\"applyFilter()\"\n (cancelAction)=\"clearFilter()\"\n (closed)=\"close()\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"popup-content\">\n <kit-radio-button [items]=\"options()\"\n (changed)=\"onOptionChange($event)\"\n ></kit-radio-button>\n </div>\n</ng-template>\n", styles: ["::ng-deep .kit-filter-null-popup .popup-content{width:172px}::ng-deep .kit-filter-null-popup .kit-radio-button .kit-radio-button-items{flex-direction:column;gap:0}\n"], dependencies: [{ kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "component", type: KitRadioButtonComponent, selector: "kit-radio-button", inputs: ["items", "label", "name", "readonly", "
|
|
11537
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.4", type: KitFilterNullCheckComponent, isStandalone: true, selector: "kit-filter-null-check", inputs: { filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: true, transformFunction: null }, nullLabel: { classPropertyName: "nullLabel", publicName: "nullLabel", isSignal: true, isRequired: false, transformFunction: null }, notNullLabel: { classPropertyName: "notNullLabel", publicName: "notNullLabel", isSignal: true, isRequired: false, transformFunction: null }, showPopupOnInit: { classPropertyName: "showPopupOnInit", publicName: "showPopupOnInit", isSignal: true, isRequired: false, transformFunction: null }, selectedOption: { classPropertyName: "selectedOption", publicName: "selectedOption", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filterRemoved: "filterRemoved", filterChanged: "filterChanged", selectedOption: "selectedOptionChange", options: "optionsChange" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], ngImport: i0, template: "<div class=\"kit-filter-null\">\n <kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}: {{ selectedOption()?.label }}\n </kit-pill>\n</div>\n\n<kit-popup #popup\n popupClass=\"kit-filter-null-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\"\n [showFooter]=\"true\"\n [applyButtonLabel]=\"'kit.filters.apply' | translate\"\n [cancelButtonLabel]=\"'kit.filters.clear' | translate\"\n [closePopupOnCancel]=\"false\"\n (applyAction)=\"applyFilter()\"\n (cancelAction)=\"clearFilter()\"\n (closed)=\"close()\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"popup-content\">\n <kit-radio-button [items]=\"options()\"\n (changed)=\"onOptionChange($event)\"\n ></kit-radio-button>\n </div>\n</ng-template>\n", styles: ["::ng-deep .kit-filter-null-popup .popup-content{width:172px}::ng-deep .kit-filter-null-popup .kit-radio-button .kit-radio-button-items{flex-direction:column;gap:0}\n"], dependencies: [{ kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "component", type: KitRadioButtonComponent, selector: "kit-radio-button", inputs: ["items", "label", "name", "readonly", "type", "value", "checked", "icon", "disabled"], outputs: ["checkedChange", "disabledChange", "changed"] }, { kind: "pipe", type: i1$e.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11514
11538
|
}
|
|
11515
11539
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitFilterNullCheckComponent, decorators: [{
|
|
11516
11540
|
type: Component,
|
|
@@ -11632,7 +11656,7 @@ class KitFilterRadioComponent {
|
|
|
11632
11656
|
}
|
|
11633
11657
|
}
|
|
11634
11658
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitFilterRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11635
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitFilterRadioComponent, isStandalone: true, selector: "kit-filter-radio", inputs: { filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: true, transformFunction: null }, translateKeyPrefix: { classPropertyName: "translateKeyPrefix", publicName: "translateKeyPrefix", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { items: "itemsChange", filterRemoved: "filterRemoved", filterChanged: "filterChanged" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], ngImport: i0, template: "<div class=\"kit-filter-radio\">\n <kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}:\n @if (hasSelectedFilters(selectedFilterValue)) {\n {{ getSelectedFilterText(selectedFilterValue) | translate }}\n }\n </kit-pill>\n</div>\n\n<kit-popup #popup\n popupClass=\"kit-filter-radio-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\"\n [showFooter]=\"true\"\n [applyButtonLabel]=\"'kit.filters.apply' | translate\"\n [cancelButtonLabel]=\"'kit.filters.clear' | translate\"\n [isApplyButtonDisabled]=\"applyButtonDisabled()\"\n [closePopupOnCancel]=\"false\"\n (applyAction)=\"applyFilter()\"\n (cancelAction)=\"clearAllFilters()\"\n (closed)=\"close()\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"popup-content\">\n <kit-radio-button [items]=\"buildRadioButtonItems(items())\"\n (changed)=\"onRadioButtonChange($event)\"\n ></kit-radio-button>\n </div>\n</ng-template>\n", styles: ["::ng-deep .kit-filter-radio-popup .popup-content{width:172px}::ng-deep .kit-filter-radio-popup .kit-radio-button .kit-radio-button-items{flex-direction:column;gap:0}\n"], dependencies: [{ kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "component", type: KitRadioButtonComponent, selector: "kit-radio-button", inputs: ["items", "label", "name", "readonly", "
|
|
11659
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitFilterRadioComponent, isStandalone: true, selector: "kit-filter-radio", inputs: { filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: true, transformFunction: null }, translateKeyPrefix: { classPropertyName: "translateKeyPrefix", publicName: "translateKeyPrefix", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { items: "itemsChange", filterRemoved: "filterRemoved", filterChanged: "filterChanged" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], ngImport: i0, template: "<div class=\"kit-filter-radio\">\n <kit-pill #toggleButton\n [selectable]=\"!filter().readonly\"\n [selected]=\"popup.isPopupOpen\"\n [removable]=\"!filter().readonly\"\n [theme]=\"filter().readonly && kitPillTheme.BLUE || kitPillTheme.DEFAULT\"\n (removed)=\"removeFilter()\"\n (clicked)=\"onPopupToggle()\">\n {{ filter().title | translate }}:\n @if (hasSelectedFilters(selectedFilterValue)) {\n {{ getSelectedFilterText(selectedFilterValue) | translate }}\n }\n </kit-pill>\n</div>\n\n<kit-popup #popup\n popupClass=\"kit-filter-radio-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\"\n [showFooter]=\"true\"\n [applyButtonLabel]=\"'kit.filters.apply' | translate\"\n [cancelButtonLabel]=\"'kit.filters.clear' | translate\"\n [isApplyButtonDisabled]=\"applyButtonDisabled()\"\n [closePopupOnCancel]=\"false\"\n (applyAction)=\"applyFilter()\"\n (cancelAction)=\"clearAllFilters()\"\n (closed)=\"close()\">\n</kit-popup>\n\n<ng-template #content>\n <div class=\"popup-content\">\n <kit-radio-button [items]=\"buildRadioButtonItems(items())\"\n (changed)=\"onRadioButtonChange($event)\"\n ></kit-radio-button>\n </div>\n</ng-template>\n", styles: ["::ng-deep .kit-filter-radio-popup .popup-content{width:172px}::ng-deep .kit-filter-radio-popup .kit-radio-button .kit-radio-button-items{flex-direction:column;gap:0}\n"], dependencies: [{ kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "component", type: KitRadioButtonComponent, selector: "kit-radio-button", inputs: ["items", "label", "name", "readonly", "type", "value", "checked", "icon", "disabled"], outputs: ["checkedChange", "disabledChange", "changed"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11636
11660
|
}
|
|
11637
11661
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitFilterRadioComponent, decorators: [{
|
|
11638
11662
|
type: Component,
|
|
@@ -12218,7 +12242,7 @@ class KitGridExportComponent {
|
|
|
12218
12242
|
.replace(/[^A-Za-z0-9_.-]/g, '');
|
|
12219
12243
|
}
|
|
12220
12244
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitGridExportComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12221
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.4", type: KitGridExportComponent, isStandalone: true, selector: "kit-grid-export", inputs: { getExportedData: { classPropertyName: "getExportedData", publicName: "getExportedData", isSignal: true, isRequired: true, transformFunction: null }, translationMap: { classPropertyName: "translationMap", publicName: "translationMap", isSignal: true, isRequired: true, transformFunction: null }, exportedFileName: { classPropertyName: "exportedFileName", publicName: "exportedFileName", isSignal: true, isRequired: true, transformFunction: null }, drawPdf: { classPropertyName: "drawPdf", publicName: "drawPdf", isSignal: true, isRequired: true, transformFunction: null }, gridHasData: { classPropertyName: "gridHasData", publicName: "gridHasData", isSignal: true, isRequired: true, transformFunction: null }, gridCellValueTransformMap: { classPropertyName: "gridCellValueTransformMap", publicName: "gridCellValueTransformMap", isSignal: true, isRequired: false, transformFunction: null }, visibleColumns: { classPropertyName: "visibleColumns", publicName: "visibleColumns", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }, { propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<div class=\"kit-grid-export\">\n <kit-button #toggleButton\n kitTooltip\n kitTooltipFilter=\"kit-button\"\n [title]=\"'kit.export.title' | translate\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [disabled]=\"!gridHasData() || isGridExporting()\"\n [icon]=\"kitSvgIcon.DOWNLOAD\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [active]=\"popup.isPopupOpen\"\n (clicked)=\"onPopupToggle()\" />\n</div>\n\n<kit-popup #popup\n popupClass=\"kit-grid-export-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\">\n</kit-popup>\n\n<ng-template #content>\n <span class=\"kit-grid-export-popup-label\">{{ \"kit.export.exportTableData\" | translate }}</span>\n <kit-radio-button [type]=\"kitRadioButtonType.ICON_LIST\"\n [items]=\"gridExportOptions\" \n (changed)=\"onExport($event)\"/>\n</ng-template>\n", styles: ["::ng-deep .kit-grid-export-popup{width:220px}::ng-deep .kit-grid-export-popup-label{font-size:14px;font-weight:500;margin-bottom:20px;display:block}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "component", type: KitRadioButtonComponent, selector: "kit-radio-button", inputs: ["items", "label", "name", "readonly", "
|
|
12245
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.4", type: KitGridExportComponent, isStandalone: true, selector: "kit-grid-export", inputs: { getExportedData: { classPropertyName: "getExportedData", publicName: "getExportedData", isSignal: true, isRequired: true, transformFunction: null }, translationMap: { classPropertyName: "translationMap", publicName: "translationMap", isSignal: true, isRequired: true, transformFunction: null }, exportedFileName: { classPropertyName: "exportedFileName", publicName: "exportedFileName", isSignal: true, isRequired: true, transformFunction: null }, drawPdf: { classPropertyName: "drawPdf", publicName: "drawPdf", isSignal: true, isRequired: true, transformFunction: null }, gridHasData: { classPropertyName: "gridHasData", publicName: "gridHasData", isSignal: true, isRequired: true, transformFunction: null }, gridCellValueTransformMap: { classPropertyName: "gridCellValueTransformMap", publicName: "gridCellValueTransformMap", isSignal: true, isRequired: false, transformFunction: null }, visibleColumns: { classPropertyName: "visibleColumns", publicName: "visibleColumns", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }, { propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<div class=\"kit-grid-export\">\n <kit-button #toggleButton\n kitTooltip\n kitTooltipFilter=\"kit-button\"\n [title]=\"'kit.export.title' | translate\"\n [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n [disabled]=\"!gridHasData() || isGridExporting()\"\n [icon]=\"kitSvgIcon.DOWNLOAD\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [active]=\"popup.isPopupOpen\"\n (clicked)=\"onPopupToggle()\" />\n</div>\n\n<kit-popup #popup\n popupClass=\"kit-grid-export-popup\"\n [anchor]=\"anchor()\"\n [content]=\"content\">\n</kit-popup>\n\n<ng-template #content>\n <span class=\"kit-grid-export-popup-label\">{{ \"kit.export.exportTableData\" | translate }}</span>\n <kit-radio-button [type]=\"kitRadioButtonType.ICON_LIST\"\n [items]=\"gridExportOptions\" \n (changed)=\"onExport($event)\"/>\n</ng-template>\n", styles: ["::ng-deep .kit-grid-export-popup{width:220px}::ng-deep .kit-grid-export-popup-label{font-size:14px;font-weight:500;margin-bottom:20px;display:block}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "component", type: KitRadioButtonComponent, selector: "kit-radio-button", inputs: ["items", "label", "name", "readonly", "type", "value", "checked", "icon", "disabled"], outputs: ["checkedChange", "disabledChange", "changed"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "pipe", type: i1$e.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
12222
12246
|
}
|
|
12223
12247
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitGridExportComponent, decorators: [{
|
|
12224
12248
|
type: Component,
|