@indigina/ui-kit 1.1.457 → 1.1.458
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() {
|