@indigina/ui-kit 1.1.276 → 1.1.277
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.
|
@@ -9557,14 +9557,14 @@ class KitSplitContainerComponent {
|
|
|
9557
9557
|
this.isSidebarCollapsed = signal(false, ...(ngDevMode ? [{ debugName: "isSidebarCollapsed" }] : []));
|
|
9558
9558
|
}
|
|
9559
9559
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitSplitContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9560
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", 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 } }, 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)=\"isSidebarCollapsed.set(!isSidebarCollapsed())\"\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
|
|
9560
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", 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 } }, 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)=\"isSidebarCollapsed.set(!isSidebarCollapsed())\"\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$5.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 }); }
|
|
9561
9561
|
}
|
|
9562
9562
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitSplitContainerComponent, decorators: [{
|
|
9563
9563
|
type: Component,
|
|
9564
9564
|
args: [{ selector: 'kit-split-container', imports: [
|
|
9565
9565
|
CommonModule,
|
|
9566
9566
|
KitButtonComponent,
|
|
9567
|
-
], 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)=\"isSidebarCollapsed.set(!isSidebarCollapsed())\"\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
|
|
9567
|
+
], 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)=\"isSidebarCollapsed.set(!isSidebarCollapsed())\"\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"] }]
|
|
9568
9568
|
}] });
|
|
9569
9569
|
|
|
9570
9570
|
// KitButton
|