@indigina/ui-kit 1.1.457 → 1.1.459
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.
|
@@ -503,6 +503,7 @@ class KitExpansionPanelComponent {
|
|
|
503
503
|
this.toggleMode = input(KitExpansionPanelToggleMode.HEADER, ...(ngDevMode ? [{ debugName: "toggleMode" }] : /* istanbul ignore next */ []));
|
|
504
504
|
this.expanded = model(false, ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
|
|
505
505
|
this.active = input(false, ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
|
|
506
|
+
this.hasToggleButton = input(true, ...(ngDevMode ? [{ debugName: "hasToggleButton" }] : /* istanbul ignore next */ []));
|
|
506
507
|
this.expand = output();
|
|
507
508
|
this.collapse = output();
|
|
508
509
|
this.panelClick = output();
|
|
@@ -563,7 +564,7 @@ class KitExpansionPanelComponent {
|
|
|
563
564
|
return target instanceof Element && !!target.closest(selector);
|
|
564
565
|
}
|
|
565
566
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitExpansionPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
566
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitExpansionPanelComponent, isStandalone: true, selector: "kit-expansion-panel", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, toggleMode: { classPropertyName: "toggleMode", publicName: "toggleMode", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange", expand: "expand", collapse: "collapse", panelClick: "panelClick" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: KitExpansionPanelHeaderTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "expansionPanel", first: true, predicate: ExpansionPanelComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<kendo-expansionpanel class=\"kit-expansion-panel\"\n [title]=\"title()\"\n [disabled]=\"disabled()\"\n [class.active]=\"active()\"\n [ngClass]=\"toggleMode()\"\n (click)=\"onPanelClick($event)\"\n (expandedChange)=\"onExpandedChange($event)\"\n (expand)=\"expand.emit()\"\n (collapse)=\"collapse.emit()\">\n <ng-template kendoExpansionPanelTitleDirective>\n <div class=\"kit-expansion-panel-header\"\n (click)=\"onHeaderClick($event)\">\n <div class=\"kit-expansion-panel-header-wrapper\">\n <div class=\"kit-expansion-panel-header-content\">\n @if (headerTemplate()) {\n <ng-container *ngTemplateOutlet=\"headerTemplate(); context: headerTemplateContext()\" />\n } @else {\n {{ title() }}\n }\n </div>\n @if (toggleMode() === kitExpansionPanelToggleMode.BUTTON) {\n
|
|
567
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KitExpansionPanelComponent, isStandalone: true, selector: "kit-expansion-panel", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, toggleMode: { classPropertyName: "toggleMode", publicName: "toggleMode", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, hasToggleButton: { classPropertyName: "hasToggleButton", publicName: "hasToggleButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange", expand: "expand", collapse: "collapse", panelClick: "panelClick" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: KitExpansionPanelHeaderTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "expansionPanel", first: true, predicate: ExpansionPanelComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<kendo-expansionpanel class=\"kit-expansion-panel\"\n [title]=\"title()\"\n [disabled]=\"disabled()\"\n [class.active]=\"active()\"\n [ngClass]=\"toggleMode()\"\n (click)=\"onPanelClick($event)\"\n (expandedChange)=\"onExpandedChange($event)\"\n (expand)=\"expand.emit()\"\n (collapse)=\"collapse.emit()\">\n <ng-template kendoExpansionPanelTitleDirective>\n <div class=\"kit-expansion-panel-header\"\n (click)=\"onHeaderClick($event)\">\n <div class=\"kit-expansion-panel-header-wrapper\">\n <div class=\"kit-expansion-panel-header-content\">\n @if (headerTemplate()) {\n <ng-container *ngTemplateOutlet=\"headerTemplate(); context: headerTemplateContext()\" />\n } @else {\n {{ title() }}\n }\n </div>\n @if (hasToggleButton()) {\n @if (toggleMode() === kitExpansionPanelToggleMode.BUTTON) {\n <kit-button class=\"kit-expansion-panel-toggle-button\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.TEXT\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [icon]=\"expanded() ? kitSvgIcon.CHEVRON_UP : kitSvgIcon.CHEVRON_DOWN\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"onToggleButtonClick($event)\"\n ></kit-button>\n }\n @if (toggleMode() === kitExpansionPanelToggleMode.HEADER) {\n <kit-svg-icon class=\"kit-expansion-panel-icon\"\n [icon]=\"expanded() ? kitSvgIcon.CHEVRON_UP : kitSvgIcon.CHEVRON_DOWN\" />\n }\n }\n </div>\n </div>\n </ng-template>\n\n <div class=\"kit-expansion-panel-content\">\n <ng-content />\n </div>\n</kendo-expansionpanel>\n", styles: [".kit-expansion-panel{display:block;color:var(--ui-kit-color-grey-10);width:100%;font-size:16px;font-weight:400;border-radius:10px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);box-sizing:border-box}.kit-expansion-panel.k-expanded .kit-expansion-panel-header{border-radius:10px 10px 0 0}.kit-expansion-panel.k-expanded .kit-expansion-panel-header-wrapper{border-bottom-color:var(--ui-kit-color-grey-11)}.kit-expansion-panel.active{border-color:var(--ui-kit-color-main)}.kit-expansion-panel.header .kit-expansion-panel-header{cursor:pointer}.kit-expansion-panel.header .kit-expansion-panel-header:hover{background-color:var(--ui-kit-color-grey-15)}.kit-expansion-panel .k-disabled .kit-expansion-panel-header{cursor:default}.kit-expansion-panel-header{padding:0 25px;border-radius:10px}.kit-expansion-panel-header-wrapper{display:flex;align-items:center;gap:20px;border-bottom:1px solid transparent}.kit-expansion-panel-header-content{flex:1;padding:15px 0}.kit-expansion-panel .kit-expansion-panel-icon{display:block;flex-shrink:1;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-grey-10)}.kit-expansion-panel-content{padding:15px 25px}.kit-expansion-panel ::ng-deep .k-expander-indicator{display:none}\n"], dependencies: [{ kind: "ngmodule", type: ExpansionPanelModule }, { kind: "component", type: i1$1.ExpansionPanelComponent, selector: "kendo-expansionpanel", inputs: ["title", "subtitle", "disabled", "expanded", "svgExpandIcon", "svgCollapseIcon", "expandIcon", "collapseIcon", "animation"], outputs: ["expandedChange", "action", "expand", "collapse"], exportAs: ["kendoExpansionPanel"] }, { kind: "directive", type: i1$1.ExpansionPanelTitleDirective, selector: "[kendoExpansionPanelTitleDirective]" }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
567
568
|
}
|
|
568
569
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KitExpansionPanelComponent, decorators: [{
|
|
569
570
|
type: Component,
|
|
@@ -573,8 +574,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
573
574
|
NgTemplateOutlet,
|
|
574
575
|
KitButtonComponent,
|
|
575
576
|
NgClass,
|
|
576
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<kendo-expansionpanel class=\"kit-expansion-panel\"\n [title]=\"title()\"\n [disabled]=\"disabled()\"\n [class.active]=\"active()\"\n [ngClass]=\"toggleMode()\"\n (click)=\"onPanelClick($event)\"\n (expandedChange)=\"onExpandedChange($event)\"\n (expand)=\"expand.emit()\"\n (collapse)=\"collapse.emit()\">\n <ng-template kendoExpansionPanelTitleDirective>\n <div class=\"kit-expansion-panel-header\"\n (click)=\"onHeaderClick($event)\">\n <div class=\"kit-expansion-panel-header-wrapper\">\n <div class=\"kit-expansion-panel-header-content\">\n @if (headerTemplate()) {\n <ng-container *ngTemplateOutlet=\"headerTemplate(); context: headerTemplateContext()\" />\n } @else {\n {{ title() }}\n }\n </div>\n @if (toggleMode() === kitExpansionPanelToggleMode.BUTTON) {\n
|
|
577
|
-
}], ctorParameters: () => [], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], toggleMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggleMode", required: false }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], expand: [{ type: i0.Output, args: ["expand"] }], collapse: [{ type: i0.Output, args: ["collapse"] }], panelClick: [{ type: i0.Output, args: ["panelClick"] }], expansionPanel: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ExpansionPanelComponent), { isSignal: true }] }], headerTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitExpansionPanelHeaderTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }] } });
|
|
577
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<kendo-expansionpanel class=\"kit-expansion-panel\"\n [title]=\"title()\"\n [disabled]=\"disabled()\"\n [class.active]=\"active()\"\n [ngClass]=\"toggleMode()\"\n (click)=\"onPanelClick($event)\"\n (expandedChange)=\"onExpandedChange($event)\"\n (expand)=\"expand.emit()\"\n (collapse)=\"collapse.emit()\">\n <ng-template kendoExpansionPanelTitleDirective>\n <div class=\"kit-expansion-panel-header\"\n (click)=\"onHeaderClick($event)\">\n <div class=\"kit-expansion-panel-header-wrapper\">\n <div class=\"kit-expansion-panel-header-content\">\n @if (headerTemplate()) {\n <ng-container *ngTemplateOutlet=\"headerTemplate(); context: headerTemplateContext()\" />\n } @else {\n {{ title() }}\n }\n </div>\n @if (hasToggleButton()) {\n @if (toggleMode() === kitExpansionPanelToggleMode.BUTTON) {\n <kit-button class=\"kit-expansion-panel-toggle-button\"\n [disabled]=\"disabled()\"\n [type]=\"kitButtonType.TEXT\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [icon]=\"expanded() ? kitSvgIcon.CHEVRON_UP : kitSvgIcon.CHEVRON_DOWN\"\n [iconType]=\"kitSvgIconType.STROKE\"\n (clicked)=\"onToggleButtonClick($event)\"\n ></kit-button>\n }\n @if (toggleMode() === kitExpansionPanelToggleMode.HEADER) {\n <kit-svg-icon class=\"kit-expansion-panel-icon\"\n [icon]=\"expanded() ? kitSvgIcon.CHEVRON_UP : kitSvgIcon.CHEVRON_DOWN\" />\n }\n }\n </div>\n </div>\n </ng-template>\n\n <div class=\"kit-expansion-panel-content\">\n <ng-content />\n </div>\n</kendo-expansionpanel>\n", styles: [".kit-expansion-panel{display:block;color:var(--ui-kit-color-grey-10);width:100%;font-size:16px;font-weight:400;border-radius:10px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);box-sizing:border-box}.kit-expansion-panel.k-expanded .kit-expansion-panel-header{border-radius:10px 10px 0 0}.kit-expansion-panel.k-expanded .kit-expansion-panel-header-wrapper{border-bottom-color:var(--ui-kit-color-grey-11)}.kit-expansion-panel.active{border-color:var(--ui-kit-color-main)}.kit-expansion-panel.header .kit-expansion-panel-header{cursor:pointer}.kit-expansion-panel.header .kit-expansion-panel-header:hover{background-color:var(--ui-kit-color-grey-15)}.kit-expansion-panel .k-disabled .kit-expansion-panel-header{cursor:default}.kit-expansion-panel-header{padding:0 25px;border-radius:10px}.kit-expansion-panel-header-wrapper{display:flex;align-items:center;gap:20px;border-bottom:1px solid transparent}.kit-expansion-panel-header-content{flex:1;padding:15px 0}.kit-expansion-panel .kit-expansion-panel-icon{display:block;flex-shrink:1;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-grey-10)}.kit-expansion-panel-content{padding:15px 25px}.kit-expansion-panel ::ng-deep .k-expander-indicator{display:none}\n"] }]
|
|
578
|
+
}], ctorParameters: () => [], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], toggleMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggleMode", required: false }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], hasToggleButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasToggleButton", required: false }] }], expand: [{ type: i0.Output, args: ["expand"] }], collapse: [{ type: i0.Output, args: ["collapse"] }], panelClick: [{ type: i0.Output, args: ["panelClick"] }], expansionPanel: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ExpansionPanelComponent), { isSignal: true }] }], headerTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitExpansionPanelHeaderTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }] } });
|
|
578
579
|
|
|
579
580
|
class KitLoaderComponent {
|
|
580
581
|
constructor() {
|
|
@@ -1023,6 +1024,8 @@ var KitFormErrorCode;
|
|
|
1023
1024
|
KitFormErrorCode["Email"] = "email";
|
|
1024
1025
|
KitFormErrorCode["MaxLength"] = "maxlength";
|
|
1025
1026
|
KitFormErrorCode["Duplicate"] = "duplicate";
|
|
1027
|
+
KitFormErrorCode["MaxNumber"] = "max";
|
|
1028
|
+
KitFormErrorCode["MinNumber"] = "min";
|
|
1026
1029
|
})(KitFormErrorCode || (KitFormErrorCode = {}));
|
|
1027
1030
|
|
|
1028
1031
|
class KitFormErrors {
|
|
@@ -1034,6 +1037,12 @@ class KitFormErrors {
|
|
|
1034
1037
|
[KitFormErrorCode.MaxLength]: (errors) => this.translateService.instant('kit.formControlError.invalidLength', {
|
|
1035
1038
|
requiredLength: errors.requiredLength,
|
|
1036
1039
|
}),
|
|
1040
|
+
[KitFormErrorCode.MaxNumber]: (errors) => this.translateService.instant('kit.formControlError.maxNumber', {
|
|
1041
|
+
maxNumber: errors.max,
|
|
1042
|
+
}),
|
|
1043
|
+
[KitFormErrorCode.MinNumber]: (errors) => this.translateService.instant('kit.formControlError.minNumber', {
|
|
1044
|
+
minNumber: errors.min,
|
|
1045
|
+
}),
|
|
1037
1046
|
[KitFormErrorCode.Duplicate]: () => this.translateService.instant('kit.formControlError.duplicate'),
|
|
1038
1047
|
};
|
|
1039
1048
|
}
|
|
@@ -8693,6 +8702,8 @@ const kitTranslations = {
|
|
|
8693
8702
|
invalidLength: 'The value should be less than {{ requiredLength }} characters',
|
|
8694
8703
|
invalidEmailFormat: 'Invalid email',
|
|
8695
8704
|
duplicate: 'Duplicate value',
|
|
8705
|
+
maxNumber: 'The value should be less than or equal to {{ maxNumber }}',
|
|
8706
|
+
minNumber: 'The value should be greater than or equal to {{ minNumber }}',
|
|
8696
8707
|
},
|
|
8697
8708
|
liveUpdates: {
|
|
8698
8709
|
pause: 'Pause Live Feed',
|