@indigina/ui-kit 1.1.394 → 1.1.395
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.
|
@@ -10863,18 +10863,18 @@ class KitSplitContainerComponent {
|
|
|
10863
10863
|
this.sidebarTemplateRef = input(...(ngDevMode ? [undefined, { debugName: "sidebarTemplateRef" }] : []));
|
|
10864
10864
|
this.sidebarTitle = input(...(ngDevMode ? [undefined, { debugName: "sidebarTitle" }] : []));
|
|
10865
10865
|
this.actionsTemplateRef = input(...(ngDevMode ? [undefined, { debugName: "actionsTemplateRef" }] : []));
|
|
10866
|
+
this.isSidebarCollapsed = model(false, ...(ngDevMode ? [{ debugName: "isSidebarCollapsed" }] : []));
|
|
10866
10867
|
this.collapsed = output();
|
|
10867
10868
|
this.kitButtonType = KitButtonType;
|
|
10868
10869
|
this.kitButtonKind = KitButtonKind;
|
|
10869
10870
|
this.kitSvgIcon = KitSvgIcon;
|
|
10870
|
-
this.isSidebarCollapsed = signal(false, ...(ngDevMode ? [{ debugName: "isSidebarCollapsed" }] : []));
|
|
10871
10871
|
}
|
|
10872
10872
|
toggleSidebar() {
|
|
10873
10873
|
this.isSidebarCollapsed.set(!this.isSidebarCollapsed());
|
|
10874
10874
|
this.collapsed.emit(this.isSidebarCollapsed());
|
|
10875
10875
|
}
|
|
10876
10876
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitSplitContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10877
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitSplitContainerComponent, isStandalone: true, selector: "kit-split-container", inputs: { contentTemplateRef: { classPropertyName: "contentTemplateRef", publicName: "contentTemplateRef", isSignal: true, isRequired: false, transformFunction: null }, sidebarTemplateRef: { classPropertyName: "sidebarTemplateRef", publicName: "sidebarTemplateRef", isSignal: true, isRequired: false, transformFunction: null }, sidebarTitle: { classPropertyName: "sidebarTitle", publicName: "sidebarTitle", isSignal: true, isRequired: false, transformFunction: null }, actionsTemplateRef: { classPropertyName: "actionsTemplateRef", publicName: "actionsTemplateRef", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { collapsed: "collapsed" }, ngImport: i0, template: "<div class=\"kit-split-container\">\n <div class=\"kit-split-container-content\">\n <ng-container *ngTemplateOutlet=\"contentTemplateRef()\" />\n </div>\n\n @if (sidebarTemplateRef()) {\n <div class=\"kit-split-container-sidebar\"\n [class.collapsed]=\"isSidebarCollapsed()\">\n <div class=\"kit-split-container-sidebar-actions\">\n <kit-button class=\"kit-split-container-collapsed-btn\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [icon]=\"isSidebarCollapsed() && kitSvgIcon.CHEVRON_LEFT || kitSvgIcon.CHEVRON_RIGHT\"\n (clicked)=\"toggleSidebar()\"\n ></kit-button>\n \n @if (actionsTemplateRef()) {\n <div class=\"kit-split-container-sidebar-custom-actions\">\n <ng-container *ngTemplateOutlet=\"actionsTemplateRef()\" />\n </div>\n }\n </div>\n \n <div class=\"kit-split-container-sidebar-content\">\n <ng-container *ngTemplateOutlet=\"sidebarTemplateRef()\" />\n </div>\n \n <div class=\"kit-split-container-sidebar-title\"\n (click)=\"isSidebarCollapsed.set(false)\">\n {{ sidebarTitle() }}\n </div>\n </div>\n }\n</div>", styles: [":host{display:block;height:100%;min-height:0}.kit-split-container{width:100%;height:100%;box-sizing:border-box;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:100%;overflow:hidden}.kit-split-container-content{width:100%;height:100%;padding:20px;border-right:1px solid var(--ui-kit-color-grey-11);box-sizing:border-box;overflow:auto}.kit-split-container-content::-webkit-scrollbar{height:8px;width:8px}.kit-split-container-content::-webkit-scrollbar-thumb{background-color:var(--ui-kit-color-grey-12);border-radius:4px}.kit-split-container-content::-webkit-scrollbar-thumb:hover{background-color:var(--ui-kit-color-grey-18)}.kit-split-container-sidebar{height:100%;padding:20px;box-sizing:border-box;width:360px;transition:.3s width;display:flex;flex-direction:column;gap:35px;align-items:center}.kit-split-container-sidebar-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%}.kit-split-container-sidebar-title{display:none;cursor:pointer;font-size:18px;line-height:24px;font-weight:500;writing-mode:vertical-rl;color:var(--ui-kit-color-grey-12)}.kit-split-container-sidebar-content{width:100%;height:calc(100% - 67px)}.kit-split-container-sidebar.collapsed{width:86px;gap:15px}.kit-split-container-sidebar.collapsed .kit-split-container-sidebar-actions{width:max-content}.kit-split-container-sidebar.collapsed .kit-split-container-sidebar-custom-actions,.kit-split-container-sidebar.collapsed .kit-split-container-sidebar-content{display:none}.kit-split-container-sidebar.collapsed .kit-split-container-sidebar-title{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$6.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10877
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitSplitContainerComponent, isStandalone: true, selector: "kit-split-container", inputs: { contentTemplateRef: { classPropertyName: "contentTemplateRef", publicName: "contentTemplateRef", isSignal: true, isRequired: false, transformFunction: null }, sidebarTemplateRef: { classPropertyName: "sidebarTemplateRef", publicName: "sidebarTemplateRef", isSignal: true, isRequired: false, transformFunction: null }, sidebarTitle: { classPropertyName: "sidebarTitle", publicName: "sidebarTitle", isSignal: true, isRequired: false, transformFunction: null }, actionsTemplateRef: { classPropertyName: "actionsTemplateRef", publicName: "actionsTemplateRef", isSignal: true, isRequired: false, transformFunction: null }, isSidebarCollapsed: { classPropertyName: "isSidebarCollapsed", publicName: "isSidebarCollapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isSidebarCollapsed: "isSidebarCollapsedChange", collapsed: "collapsed" }, ngImport: i0, template: "<div class=\"kit-split-container\">\n <div class=\"kit-split-container-content\">\n <ng-container *ngTemplateOutlet=\"contentTemplateRef()\" />\n </div>\n\n @if (sidebarTemplateRef()) {\n <div class=\"kit-split-container-sidebar\"\n [class.collapsed]=\"isSidebarCollapsed()\">\n <div class=\"kit-split-container-sidebar-actions\">\n <kit-button class=\"kit-split-container-collapsed-btn\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [icon]=\"isSidebarCollapsed() && kitSvgIcon.CHEVRON_LEFT || kitSvgIcon.CHEVRON_RIGHT\"\n (clicked)=\"toggleSidebar()\"\n ></kit-button>\n \n @if (actionsTemplateRef()) {\n <div class=\"kit-split-container-sidebar-custom-actions\">\n <ng-container *ngTemplateOutlet=\"actionsTemplateRef()\" />\n </div>\n }\n </div>\n \n <div class=\"kit-split-container-sidebar-content\">\n <ng-container *ngTemplateOutlet=\"sidebarTemplateRef()\" />\n </div>\n \n <div class=\"kit-split-container-sidebar-title\"\n (click)=\"isSidebarCollapsed.set(false)\">\n {{ sidebarTitle() }}\n </div>\n </div>\n }\n</div>", styles: [":host{display:block;height:100%;min-height:0}.kit-split-container{width:100%;height:100%;box-sizing:border-box;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:100%;overflow:hidden}.kit-split-container-content{width:100%;height:100%;padding:20px;border-right:1px solid var(--ui-kit-color-grey-11);box-sizing:border-box;overflow:auto}.kit-split-container-content::-webkit-scrollbar{height:8px;width:8px}.kit-split-container-content::-webkit-scrollbar-thumb{background-color:var(--ui-kit-color-grey-12);border-radius:4px}.kit-split-container-content::-webkit-scrollbar-thumb:hover{background-color:var(--ui-kit-color-grey-18)}.kit-split-container-sidebar{height:100%;padding:20px;box-sizing:border-box;width:360px;transition:.3s width;display:flex;flex-direction:column;gap:35px;align-items:center}.kit-split-container-sidebar-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%}.kit-split-container-sidebar-title{display:none;cursor:pointer;font-size:18px;line-height:24px;font-weight:500;writing-mode:vertical-rl;color:var(--ui-kit-color-grey-12)}.kit-split-container-sidebar-content{width:100%;height:calc(100% - 67px)}.kit-split-container-sidebar.collapsed{width:86px;gap:15px}.kit-split-container-sidebar.collapsed .kit-split-container-sidebar-actions{width:max-content}.kit-split-container-sidebar.collapsed .kit-split-container-sidebar-custom-actions,.kit-split-container-sidebar.collapsed .kit-split-container-sidebar-content{display:none}.kit-split-container-sidebar.collapsed .kit-split-container-sidebar-title{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$6.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10878
10878
|
}
|
|
10879
10879
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitSplitContainerComponent, decorators: [{
|
|
10880
10880
|
type: Component,
|
|
@@ -10882,7 +10882,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
10882
10882
|
CommonModule,
|
|
10883
10883
|
KitButtonComponent,
|
|
10884
10884
|
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-split-container\">\n <div class=\"kit-split-container-content\">\n <ng-container *ngTemplateOutlet=\"contentTemplateRef()\" />\n </div>\n\n @if (sidebarTemplateRef()) {\n <div class=\"kit-split-container-sidebar\"\n [class.collapsed]=\"isSidebarCollapsed()\">\n <div class=\"kit-split-container-sidebar-actions\">\n <kit-button class=\"kit-split-container-collapsed-btn\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [icon]=\"isSidebarCollapsed() && kitSvgIcon.CHEVRON_LEFT || kitSvgIcon.CHEVRON_RIGHT\"\n (clicked)=\"toggleSidebar()\"\n ></kit-button>\n \n @if (actionsTemplateRef()) {\n <div class=\"kit-split-container-sidebar-custom-actions\">\n <ng-container *ngTemplateOutlet=\"actionsTemplateRef()\" />\n </div>\n }\n </div>\n \n <div class=\"kit-split-container-sidebar-content\">\n <ng-container *ngTemplateOutlet=\"sidebarTemplateRef()\" />\n </div>\n \n <div class=\"kit-split-container-sidebar-title\"\n (click)=\"isSidebarCollapsed.set(false)\">\n {{ sidebarTitle() }}\n </div>\n </div>\n }\n</div>", styles: [":host{display:block;height:100%;min-height:0}.kit-split-container{width:100%;height:100%;box-sizing:border-box;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:100%;overflow:hidden}.kit-split-container-content{width:100%;height:100%;padding:20px;border-right:1px solid var(--ui-kit-color-grey-11);box-sizing:border-box;overflow:auto}.kit-split-container-content::-webkit-scrollbar{height:8px;width:8px}.kit-split-container-content::-webkit-scrollbar-thumb{background-color:var(--ui-kit-color-grey-12);border-radius:4px}.kit-split-container-content::-webkit-scrollbar-thumb:hover{background-color:var(--ui-kit-color-grey-18)}.kit-split-container-sidebar{height:100%;padding:20px;box-sizing:border-box;width:360px;transition:.3s width;display:flex;flex-direction:column;gap:35px;align-items:center}.kit-split-container-sidebar-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%}.kit-split-container-sidebar-title{display:none;cursor:pointer;font-size:18px;line-height:24px;font-weight:500;writing-mode:vertical-rl;color:var(--ui-kit-color-grey-12)}.kit-split-container-sidebar-content{width:100%;height:calc(100% - 67px)}.kit-split-container-sidebar.collapsed{width:86px;gap:15px}.kit-split-container-sidebar.collapsed .kit-split-container-sidebar-actions{width:max-content}.kit-split-container-sidebar.collapsed .kit-split-container-sidebar-custom-actions,.kit-split-container-sidebar.collapsed .kit-split-container-sidebar-content{display:none}.kit-split-container-sidebar.collapsed .kit-split-container-sidebar-title{display:block}\n"] }]
|
|
10885
|
-
}], propDecorators: { contentTemplateRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentTemplateRef", required: false }] }], sidebarTemplateRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidebarTemplateRef", required: false }] }], sidebarTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidebarTitle", required: false }] }], actionsTemplateRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionsTemplateRef", required: false }] }], collapsed: [{ type: i0.Output, args: ["collapsed"] }] } });
|
|
10885
|
+
}], propDecorators: { contentTemplateRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentTemplateRef", required: false }] }], sidebarTemplateRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidebarTemplateRef", required: false }] }], sidebarTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidebarTitle", required: false }] }], actionsTemplateRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionsTemplateRef", required: false }] }], isSidebarCollapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSidebarCollapsed", required: false }] }, { type: i0.Output, args: ["isSidebarCollapsedChange"] }], collapsed: [{ type: i0.Output, args: ["collapsed"] }] } });
|
|
10886
10886
|
|
|
10887
10887
|
class KitAbstractIdPayloadAction {
|
|
10888
10888
|
constructor(id, payload) {
|