@cuby-ui/core 0.0.216 → 0.0.217
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.
- package/components/index.d.ts +2 -0
- package/components/layout/index.d.ts +1 -0
- package/components/layout/layout.component.d.ts +6 -0
- package/components/sidebar/index.d.ts +7 -0
- package/components/sidebar/sidebar-container/index.d.ts +1 -0
- package/components/sidebar/sidebar-container/sidebar-container.component.d.ts +9 -0
- package/components/sidebar/sidebar-header/index.d.ts +1 -0
- package/components/sidebar/sidebar-header/sidebar-header.component.d.ts +12 -0
- package/components/sidebar/sidebar-navigation/index.d.ts +1 -0
- package/components/sidebar/sidebar-navigation/sidebar-navigation.component.d.ts +9 -0
- package/components/sidebar/sidebar-navigation-container/index.d.ts +1 -0
- package/components/sidebar/sidebar-navigation-container/sidebar-navigation-container.component.d.ts +8 -0
- package/components/sidebar/sidebar-navigation-item/index.d.ts +1 -0
- package/components/sidebar/sidebar-navigation-item/sidebar-navigation-item.component.d.ts +9 -0
- package/components/sidebar/sidebar.options.d.ts +4 -0
- package/components/sidebar/sidebar.service.d.ts +13 -0
- package/esm2022/components/index.mjs +3 -1
- package/esm2022/components/layout/index.mjs +2 -0
- package/esm2022/components/layout/layout.component.mjs +16 -0
- package/esm2022/components/sidebar/index.mjs +7 -0
- package/esm2022/components/sidebar/sidebar-container/index.mjs +2 -0
- package/esm2022/components/sidebar/sidebar-container/sidebar-container.component.mjs +29 -0
- package/esm2022/components/sidebar/sidebar-header/index.mjs +2 -0
- package/esm2022/components/sidebar/sidebar-header/sidebar-header.component.mjs +27 -0
- package/esm2022/components/sidebar/sidebar-navigation/index.mjs +2 -0
- package/esm2022/components/sidebar/sidebar-navigation/sidebar-navigation.component.mjs +16 -0
- package/esm2022/components/sidebar/sidebar-navigation-container/index.mjs +2 -0
- package/esm2022/components/sidebar/sidebar-navigation-container/sidebar-navigation-container.component.mjs +16 -0
- package/esm2022/components/sidebar/sidebar-navigation-item/index.mjs +2 -0
- package/esm2022/components/sidebar/sidebar-navigation-item/sidebar-navigation-item.component.mjs +21 -0
- package/esm2022/components/sidebar/sidebar.options.mjs +2 -0
- package/esm2022/components/sidebar/sidebar.service.mjs +31 -0
- package/fesm2022/cuby-ui-core.mjs +174 -44
- package/fesm2022/cuby-ui-core.mjs.map +1 -1
- package/package.json +3 -3
package/components/index.d.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CuiLayoutComponent } from './layout.component';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class CuiLayoutComponent {
|
|
3
|
+
readonly sidebarWidth: import("@angular/core").InputSignal<number>;
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CuiLayoutComponent, never>;
|
|
5
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CuiLayoutComponent, "cui-layout", never, { "sidebarWidth": { "alias": "sidebarWidth"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
6
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { CuiSidebarLink } from './sidebar.options';
|
|
2
|
+
export { CuiSidebarService } from './sidebar.service';
|
|
3
|
+
export { CuiSidebarHeaderComponent } from './sidebar-header';
|
|
4
|
+
export { CuiSidebarContainerComponent } from './sidebar-container';
|
|
5
|
+
export { CuiSidebarNavigationComponent } from './sidebar-navigation';
|
|
6
|
+
export { CuiSidebarNavigationItemComponent } from './sidebar-navigation-item';
|
|
7
|
+
export { CuiSidebarNavigationContainerComponent } from './sidebar-navigation-container';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CuiSidebarContainerComponent } from './sidebar-container.component';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "@cuby-ui/cdk";
|
|
3
|
+
export declare class CuiSidebarContainerComponent {
|
|
4
|
+
private readonly sidebarService;
|
|
5
|
+
protected readonly isOpened: import("@angular/core").Signal<boolean>;
|
|
6
|
+
protected onResize(width: number): void;
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CuiSidebarContainerComponent, never>;
|
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CuiSidebarContainerComponent, "cui-sidebar-container", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.CuiDimensionsObserverDirective; inputs: {}; outputs: { "cuiResizeObserver": "cuiResizeObserver"; }; }]>;
|
|
9
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CuiSidebarHeaderComponent } from './sidebar-header.component';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { TemplateRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class CuiSidebarHeaderComponent {
|
|
4
|
+
private readonly document;
|
|
5
|
+
private readonly sidebarService;
|
|
6
|
+
protected readonly isOpened: import("@angular/core").Signal<boolean>;
|
|
7
|
+
protected readonly buttonIcon: import("@angular/core").Signal<"cuiIconLoading" | "cuiIconCheck" | "cuiIconCheckSm" | "cuiIconCheckCircle" | "cuiIconCheckCircleSm" | "cuiIconCheckCircleV2" | "cuiIconMoreVertical" | "cuiIconMoreVerticalSm" | "cuiIconTrash" | "cuiIconTrashSm" | "cuiIconEdit" | "cuiIconEditSm" | "cuiIconArrowSortSm" | "cuiIconX" | "cuiIconXSm" | "cuiIconXCircle" | "cuiIconXCircleSm" | "cuiIconClear" | "cuiIconClearSm" | "cuiIconEye" | "cuiIconEyeSm" | "cuiIconEyeOff" | "cuiIconEyeOffSm" | "cuiIconChevronUp" | "cuiIconChevronUpSm" | "cuiIconChevronRight" | "cuiIconChevronRightSm" | "cuiIconChevronDown" | "cuiIconChevronDownSm" | "cuiIconChevronLeft" | "cuiIconChevronLeftSm" | "cuiIconChevronsRight" | "cuiIconChevronsRightSm" | "cuiIconChevronsLeft" | "cuiIconChevronsLeftSm" | "cuiIconChevronsSwitch" | "cuiIconDatabase" | "cuiIconDatabaseSm" | "cuiIconHome" | "cuiIconHomeSm" | "cuiIconUser" | "cuiIconUserSm" | "cuiIconUsers" | "cuiIconUsersBg" | "cuiIconUsersSm" | "cuiIconUserPlus" | "cuiIconUserPlusSm" | "cuiIconFormula" | "cuiIconSettings" | "cuiIconSettingsSm" | "cuiIconSettingsBold" | "cuiIconCopy" | "cuiIconCopySm" | "cuiIconSidebar" | "cuiIconSidebarSm" | "cuiIconChart" | "cuiIconFolder" | "cuiIconFolderSm" | "cuiIconFolderOpen" | "cuiIconFolderOpenSm" | "cuiIconPlus" | "cuiIconPlusSm" | "cuiIconPlusCircle" | "cuiIconFiltersLines" | "cuiIconFiltersLinesSm" | "cuiIconSearch" | "cuiIconSearchSm" | "cuiIconGrid" | "cuiIconGridSm" | "cuiIconList" | "cuiIconListSm" | "cuiIconProgress" | "cuiIconSortAZSm" | "cuiIconFlagBold" | "cuiIconFileText" | "cuiIconFileTextSm" | "cuiIconLink" | "cuiIconExternalLinkSm" | "cuiIconLinkBroken" | "cuiIconLinkBrokenSm" | "cuiIconClock" | "cuiIconClockSm" | "cuiIconInfo" | "cuiIconInfoSm" | "cuiIconInfoCircle" | "cuiIconInfoCircleBg" | "cuiIconAlertTriangle" | "cuiIconAlertTriangleSm" | "cuiIconAlertCircle" | "cuiIcon2Layers" | "cuiIcon2LayersSm" | "cuiIcon3Layers" | "cuiIcon3LayersSm" | "cuiIconLearningSm" | "cuiIconBellSm" | "cuiIconMessageCircle" | "cuiIconMessageCircleSm" | "cuiIconSlashDivider" | "cuiIconCaretDownFillXxs" | "cuiIconCaretDownFill" | "cuiIconDragHandleDots" | "cuiIconPlayCircle" | "cuiIconPlayCircleSm" | "cuiIconClipBoard" | "cuiIconUpload" | "cuiIconUploadSm" | "cuiIconMaximize" | "cuiIconMaximizeSm" | "cuiIconArrowUpRight" | "cuiIconArrowUpRightSm" | "cuiIconAddBranchSm" | "cuiIconBranch" | "cuiIconBranchSm" | "cuiIconPaperclip" | "cuiIconPaperclipSm" | "cuiIconToolsSm" | "cuiIconPartsSm" | "cuiIconEquipmentSm" | "cuiIconPrimitive" | "cuiIconPrimitiveSm" | "cuiIconSpool" | "cuiIconSpoolSm" | "cuiIconTank" | "cuiIconTankSm" | "cuiIconAssembly" | "cuiIconAssemblySm" | "cuiIconVariant" | "cuiIconVariantSm" | "cuiIconRichText" | "cuiIconRichTextSm" | "cuiIconChecklist" | "cuiIconRefreshCcwSm" | "cuiIconRefreshCcw" | "cuiIconBarChartSm" | "cuiIconBarChart" | "cuiIconCurvedArrow" | "cuiIconBulletFillSm" | "cuiIconBulletSm">;
|
|
8
|
+
readonly headerSlot: import("@angular/core").InputSignal<TemplateRef<unknown>>;
|
|
9
|
+
protected onSwitch(event: MouseEvent): void;
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CuiSidebarHeaderComponent, never>;
|
|
11
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CuiSidebarHeaderComponent, "header[cuiSidebarHeader]", never, { "headerSlot": { "alias": "headerSlot"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
12
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CuiSidebarNavigationComponent } from './sidebar-navigation.component';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { TemplateRef } from '@angular/core';
|
|
2
|
+
import { CuiSidebarLink } from '../sidebar.options';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class CuiSidebarNavigationComponent {
|
|
5
|
+
readonly links: import("@angular/core").InputSignal<CuiSidebarLink[]>;
|
|
6
|
+
readonly slot: import("@angular/core").InputSignal<TemplateRef<unknown>>;
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CuiSidebarNavigationComponent, never>;
|
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CuiSidebarNavigationComponent, "cui-sidebar-navigation", never, { "links": { "alias": "links"; "required": true; "isSignal": true; }; "slot": { "alias": "slot"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
9
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CuiSidebarNavigationContainerComponent } from './sidebar-navigation-container.component';
|
package/components/sidebar/sidebar-navigation-container/sidebar-navigation-container.component.d.ts
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { TemplateRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class CuiSidebarNavigationContainerComponent {
|
|
4
|
+
readonly slot: import("@angular/core").InputSignal<TemplateRef<unknown>>;
|
|
5
|
+
readonly title: import("@angular/core").InputSignal<string | undefined>;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CuiSidebarNavigationContainerComponent, never>;
|
|
7
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CuiSidebarNavigationContainerComponent, "cui-sidebar-navigation-container", never, { "slot": { "alias": "slot"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
8
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CuiSidebarNavigationItemComponent } from './sidebar-navigation-item.component';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class CuiSidebarNavigationItemComponent {
|
|
3
|
+
readonly text: import("@angular/core").InputSignal<string>;
|
|
4
|
+
readonly icon: import("@angular/core").InputSignal<"cuiIconLoading" | "cuiIconCheck" | "cuiIconCheckSm" | "cuiIconCheckCircle" | "cuiIconCheckCircleSm" | "cuiIconCheckCircleV2" | "cuiIconMoreVertical" | "cuiIconMoreVerticalSm" | "cuiIconTrash" | "cuiIconTrashSm" | "cuiIconEdit" | "cuiIconEditSm" | "cuiIconArrowSortSm" | "cuiIconX" | "cuiIconXSm" | "cuiIconXCircle" | "cuiIconXCircleSm" | "cuiIconClear" | "cuiIconClearSm" | "cuiIconEye" | "cuiIconEyeSm" | "cuiIconEyeOff" | "cuiIconEyeOffSm" | "cuiIconChevronUp" | "cuiIconChevronUpSm" | "cuiIconChevronRight" | "cuiIconChevronRightSm" | "cuiIconChevronDown" | "cuiIconChevronDownSm" | "cuiIconChevronLeft" | "cuiIconChevronLeftSm" | "cuiIconChevronsRight" | "cuiIconChevronsRightSm" | "cuiIconChevronsLeft" | "cuiIconChevronsLeftSm" | "cuiIconChevronsSwitch" | "cuiIconDatabase" | "cuiIconDatabaseSm" | "cuiIconHome" | "cuiIconHomeSm" | "cuiIconUser" | "cuiIconUserSm" | "cuiIconUsers" | "cuiIconUsersBg" | "cuiIconUsersSm" | "cuiIconUserPlus" | "cuiIconUserPlusSm" | "cuiIconFormula" | "cuiIconSettings" | "cuiIconSettingsSm" | "cuiIconSettingsBold" | "cuiIconCopy" | "cuiIconCopySm" | "cuiIconSidebar" | "cuiIconSidebarSm" | "cuiIconChart" | "cuiIconFolder" | "cuiIconFolderSm" | "cuiIconFolderOpen" | "cuiIconFolderOpenSm" | "cuiIconPlus" | "cuiIconPlusSm" | "cuiIconPlusCircle" | "cuiIconFiltersLines" | "cuiIconFiltersLinesSm" | "cuiIconSearch" | "cuiIconSearchSm" | "cuiIconGrid" | "cuiIconGridSm" | "cuiIconList" | "cuiIconListSm" | "cuiIconProgress" | "cuiIconSortAZSm" | "cuiIconFlagBold" | "cuiIconFileText" | "cuiIconFileTextSm" | "cuiIconLink" | "cuiIconExternalLinkSm" | "cuiIconLinkBroken" | "cuiIconLinkBrokenSm" | "cuiIconClock" | "cuiIconClockSm" | "cuiIconInfo" | "cuiIconInfoSm" | "cuiIconInfoCircle" | "cuiIconInfoCircleBg" | "cuiIconAlertTriangle" | "cuiIconAlertTriangleSm" | "cuiIconAlertCircle" | "cuiIcon2Layers" | "cuiIcon2LayersSm" | "cuiIcon3Layers" | "cuiIcon3LayersSm" | "cuiIconLearningSm" | "cuiIconBellSm" | "cuiIconMessageCircle" | "cuiIconMessageCircleSm" | "cuiIconSlashDivider" | "cuiIconCaretDownFillXxs" | "cuiIconCaretDownFill" | "cuiIconDragHandleDots" | "cuiIconPlayCircle" | "cuiIconPlayCircleSm" | "cuiIconClipBoard" | "cuiIconUpload" | "cuiIconUploadSm" | "cuiIconMaximize" | "cuiIconMaximizeSm" | "cuiIconArrowUpRight" | "cuiIconArrowUpRightSm" | "cuiIconAddBranchSm" | "cuiIconBranch" | "cuiIconBranchSm" | "cuiIconPaperclip" | "cuiIconPaperclipSm" | "cuiIconToolsSm" | "cuiIconPartsSm" | "cuiIconEquipmentSm" | "cuiIconPrimitive" | "cuiIconPrimitiveSm" | "cuiIconSpool" | "cuiIconSpoolSm" | "cuiIconTank" | "cuiIconTankSm" | "cuiIconAssembly" | "cuiIconAssemblySm" | "cuiIconVariant" | "cuiIconVariantSm" | "cuiIconRichText" | "cuiIconRichTextSm" | "cuiIconChecklist" | "cuiIconRefreshCcwSm" | "cuiIconRefreshCcw" | "cuiIconBarChartSm" | "cuiIconBarChart" | "cuiIconCurvedArrow" | "cuiIconBulletFillSm" | "cuiIconBulletSm" | undefined>;
|
|
5
|
+
readonly active: import("@angular/core").InputSignal<boolean | undefined>;
|
|
6
|
+
readonly isOpen: import("@angular/core").InputSignal<boolean | undefined>;
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CuiSidebarNavigationItemComponent, never>;
|
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CuiSidebarNavigationItemComponent, "[cuiSidebarNavigationItem]", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
9
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { CuiRenderDynamicComponentsService } from '../render-dynamic-components';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class CuiSidebarService extends CuiRenderDynamicComponentsService {
|
|
4
|
+
private readonly localStorage;
|
|
5
|
+
private readonly isOpenedSignal;
|
|
6
|
+
private readonly widthSignal;
|
|
7
|
+
readonly isOpened: import("@angular/core").Signal<boolean>;
|
|
8
|
+
readonly width: import("@angular/core").Signal<number>;
|
|
9
|
+
switch(): void;
|
|
10
|
+
setWidth(value: number): void;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CuiSidebarService, never>;
|
|
12
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<CuiSidebarService>;
|
|
13
|
+
}
|
|
@@ -22,9 +22,11 @@ export * from './notification';
|
|
|
22
22
|
export * from './radio';
|
|
23
23
|
export * from './root';
|
|
24
24
|
export * from './select';
|
|
25
|
+
export * from './sidebar';
|
|
26
|
+
export * from './layout';
|
|
25
27
|
export * from './svg';
|
|
26
28
|
export * from './tabs';
|
|
27
29
|
export * from './textarea';
|
|
28
30
|
export * from './toggle';
|
|
29
31
|
export * from './render-dynamic-components';
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxTQUFTLENBQUM7QUFDeEIsY0FBYyxTQUFTLENBQUM7QUFDeEIsY0FBYyxVQUFVLENBQUM7QUFDekIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxVQUFVLENBQUM7QUFDekIsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLFlBQVksQ0FBQztBQUMzQixjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsWUFBWSxDQUFDO0FBQzNCLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsUUFBUSxDQUFDO0FBQ3ZCLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLFNBQVMsQ0FBQztBQUN4QixjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsU0FBUyxDQUFDO0FBQ3hCLGNBQWMsUUFBUSxDQUFDO0FBQ3ZCLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsV0FBVyxDQUFDO0FBQzFCLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsT0FBTyxDQUFDO0FBQ3RCLGNBQWMsUUFBUSxDQUFDO0FBQ3ZCLGNBQWMsWUFBWSxDQUFDO0FBQzNCLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsNkJBQTZCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2FjY29yZGlvbic7XHJcbmV4cG9ydCAqIGZyb20gJy4vYWxlcnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2JhZGdlJztcclxuZXhwb3J0ICogZnJvbSAnLi9iYW5uZXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2JyZWFkY3J1bWJzJztcclxuZXhwb3J0ICogZnJvbSAnLi9idXR0b24nO1xyXG5leHBvcnQgKiBmcm9tICcuL2J1dHRvbi1ncm91cCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vY2hlY2tib3gnO1xyXG5leHBvcnQgKiBmcm9tICcuL2NvbnRleHQtbWVudSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vZGlhbG9nJztcclxuZXhwb3J0ICogZnJvbSAnLi9kcm9wZG93bic7XHJcbmV4cG9ydCAqIGZyb20gJy4vZm9ybS1maWVsZCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vaGludCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vaWNvbi1idXR0b24nO1xyXG5leHBvcnQgKiBmcm9tICcuL2lucHV0LW51bWJlcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vaW5wdXQtcGFzc3dvcmQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2lucHV0LXRleHQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2lucHV0LXRpbWUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xhYmVsJztcclxuZXhwb3J0ICogZnJvbSAnLi9sZXR0ZXItYm94JztcclxuZXhwb3J0ICogZnJvbSAnLi9ub3RpZmljYXRpb24nO1xyXG5leHBvcnQgKiBmcm9tICcuL3JhZGlvJztcclxuZXhwb3J0ICogZnJvbSAnLi9yb290JztcclxuZXhwb3J0ICogZnJvbSAnLi9zZWxlY3QnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NpZGViYXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xheW91dCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3ZnJztcclxuZXhwb3J0ICogZnJvbSAnLi90YWJzJztcclxuZXhwb3J0ICogZnJvbSAnLi90ZXh0YXJlYSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vdG9nZ2xlJztcclxuZXhwb3J0ICogZnJvbSAnLi9yZW5kZXItZHluYW1pYy1jb21wb25lbnRzJztcclxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { CuiLayoutComponent } from './layout.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvbGF5b3V0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgQ3VpTGF5b3V0Q29tcG9uZW50IH0gZnJvbSAnLi9sYXlvdXQuY29tcG9uZW50JztcclxuIl19
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class CuiLayoutComponent {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.sidebarWidth = input.required();
|
|
6
|
+
}
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: CuiLayoutComponent, isStandalone: true, selector: "cui-layout", inputs: { sidebarWidth: { classPropertyName: "sidebarWidth", publicName: "sidebarWidth", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "style.marginLeft.px": "sidebarWidth()" } }, ngImport: i0, template: "<div class=\"content\">\r\n <ng-content />\r\n</div>\r\n", styles: [":host{--maxWidth: 1320px;--horizontalPadding: 24px;--verticalPadding: 0;position:relative;display:block;min-height:100vh}:host .content{padding:var(--verticalPadding) var(--horizontalPadding);margin:0 auto;max-width:var(--maxWidth)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9
|
+
}
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiLayoutComponent, decorators: [{
|
|
11
|
+
type: Component,
|
|
12
|
+
args: [{ selector: 'cui-layout', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
13
|
+
'[style.marginLeft.px]': 'sidebarWidth()'
|
|
14
|
+
}, template: "<div class=\"content\">\r\n <ng-content />\r\n</div>\r\n", styles: [":host{--maxWidth: 1320px;--horizontalPadding: 24px;--verticalPadding: 0;position:relative;display:block;min-height:100vh}:host .content{padding:var(--verticalPadding) var(--horizontalPadding);margin:0 auto;max-width:var(--maxWidth)}\n"] }]
|
|
15
|
+
}] });
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9sYXlvdXQvbGF5b3V0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9sYXlvdXQvbGF5b3V0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVkxRSxNQUFNLE9BQU8sa0JBQWtCO0lBVi9CO1FBV2tCLGlCQUFZLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO0tBQ3pEOytHQUZZLGtCQUFrQjttR0FBbEIsa0JBQWtCLGlTQ1ovQiw2REFHQTs7NEZEU2Esa0JBQWtCO2tCQVY5QixTQUFTOytCQUNFLFlBQVksY0FDVixJQUFJLG1CQUdDLHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0osdUJBQXVCLEVBQUUsZ0JBQWdCO3FCQUMxQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2N1aS1sYXlvdXQnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2xheW91dC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2xheW91dC5jb21wb25lbnQuc2NzcycsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgaG9zdDoge1xyXG4gICAgJ1tzdHlsZS5tYXJnaW5MZWZ0LnB4XSc6ICdzaWRlYmFyV2lkdGgoKSdcclxuICB9XHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDdWlMYXlvdXRDb21wb25lbnQge1xyXG4gIHB1YmxpYyByZWFkb25seSBzaWRlYmFyV2lkdGggPSBpbnB1dC5yZXF1aXJlZDxudW1iZXI+KCk7XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cclxuICAgIDxuZy1jb250ZW50IC8+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { CuiSidebarService } from './sidebar.service';
|
|
2
|
+
export { CuiSidebarHeaderComponent } from './sidebar-header';
|
|
3
|
+
export { CuiSidebarContainerComponent } from './sidebar-container';
|
|
4
|
+
export { CuiSidebarNavigationComponent } from './sidebar-navigation';
|
|
5
|
+
export { CuiSidebarNavigationItemComponent } from './sidebar-navigation-item';
|
|
6
|
+
export { CuiSidebarNavigationContainerComponent } from './sidebar-navigation-container';
|
|
7
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvc2lkZWJhci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUM3RCxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRSxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNyRSxPQUFPLEVBQUUsaUNBQWlDLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM5RSxPQUFPLEVBQUUsc0NBQXNDLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IEN1aVNpZGViYXJMaW5rIH0gZnJvbSAnLi9zaWRlYmFyLm9wdGlvbnMnO1xyXG5leHBvcnQgeyBDdWlTaWRlYmFyU2VydmljZSB9IGZyb20gJy4vc2lkZWJhci5zZXJ2aWNlJztcclxuZXhwb3J0IHsgQ3VpU2lkZWJhckhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4vc2lkZWJhci1oZWFkZXInO1xyXG5leHBvcnQgeyBDdWlTaWRlYmFyQ29udGFpbmVyQ29tcG9uZW50IH0gZnJvbSAnLi9zaWRlYmFyLWNvbnRhaW5lcic7XHJcbmV4cG9ydCB7IEN1aVNpZGViYXJOYXZpZ2F0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9zaWRlYmFyLW5hdmlnYXRpb24nO1xyXG5leHBvcnQgeyBDdWlTaWRlYmFyTmF2aWdhdGlvbkl0ZW1Db21wb25lbnQgfSBmcm9tICcuL3NpZGViYXItbmF2aWdhdGlvbi1pdGVtJztcclxuZXhwb3J0IHsgQ3VpU2lkZWJhck5hdmlnYXRpb25Db250YWluZXJDb21wb25lbnQgfSBmcm9tICcuL3NpZGViYXItbmF2aWdhdGlvbi1jb250YWluZXInOyJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { CuiSidebarContainerComponent } from './sidebar-container.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvc2lkZWJhci9zaWRlYmFyLWNvbnRhaW5lci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IEN1aVNpZGViYXJDb250YWluZXJDb21wb25lbnQgfSBmcm9tICcuL3NpZGViYXItY29udGFpbmVyLmNvbXBvbmVudCc7XHJcbiJdfQ==
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
|
|
2
|
+
import { CuiDimensionsObserverDirective } from '@cuby-ui/cdk';
|
|
3
|
+
import { CuiSidebarService } from '../sidebar.service';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@cuby-ui/cdk";
|
|
6
|
+
export class CuiSidebarContainerComponent {
|
|
7
|
+
constructor() {
|
|
8
|
+
this.sidebarService = inject(CuiSidebarService);
|
|
9
|
+
this.isOpened = this.sidebarService.isOpened;
|
|
10
|
+
}
|
|
11
|
+
onResize(width) {
|
|
12
|
+
this.sidebarService.setWidth(width);
|
|
13
|
+
}
|
|
14
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiSidebarContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CuiSidebarContainerComponent, isStandalone: true, selector: "cui-sidebar-container", host: { listeners: { "cuiResizeObserver": "onResize($event.width)" }, properties: { "class._opened": "isOpened()" } }, hostDirectives: [{ directive: i1.CuiDimensionsObserverDirective, outputs: ["cuiResizeObserver", "cuiResizeObserver"] }], ngImport: i0, template: "<ng-content />\r\n", styles: [":host{padding:16px 7.5px 8px 8px;position:fixed;top:0;bottom:0;left:0;display:flex;flex-direction:column;border-right:.5px solid var(--cui-base-200);background:var(--cui-base-50)}:host._opened{width:240px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
16
|
+
}
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiSidebarContainerComponent, decorators: [{
|
|
18
|
+
type: Component,
|
|
19
|
+
args: [{ selector: 'cui-sidebar-container', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
20
|
+
{
|
|
21
|
+
directive: CuiDimensionsObserverDirective,
|
|
22
|
+
outputs: ['cuiResizeObserver']
|
|
23
|
+
}
|
|
24
|
+
], host: {
|
|
25
|
+
'(cuiResizeObserver)': 'onResize($event.width)',
|
|
26
|
+
'[class._opened]': 'isOpened()'
|
|
27
|
+
}, template: "<ng-content />\r\n", styles: [":host{padding:16px 7.5px 8px 8px;position:fixed;top:0;bottom:0;left:0;display:flex;flex-direction:column;border-right:.5px solid var(--cui-base-200);background:var(--cui-base-50)}:host._opened{width:240px}\n"] }]
|
|
28
|
+
}] });
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL3NpZGViYXIvc2lkZWJhci1jb250YWluZXIvc2lkZWJhci1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL3NpZGViYXIvc2lkZWJhci1jb250YWluZXIvc2lkZWJhci1jb250YWluZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0UsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sY0FBYyxDQUFDO0FBRTlELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7QUFtQnZELE1BQU0sT0FBTyw0QkFBNEI7SUFqQnpDO1FBa0JtQixtQkFBYyxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBRXpDLGFBQVEsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLFFBQVEsQ0FBQztLQUs1RDtJQUhXLFFBQVEsQ0FBQyxLQUFhO1FBQzlCLElBQUksQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3RDLENBQUM7K0dBUFUsNEJBQTRCO21HQUE1Qiw0QkFBNEIsaVVDdEJ6QyxvQkFDQTs7NEZEcUJhLDRCQUE0QjtrQkFqQnhDLFNBQVM7K0JBQ0UsdUJBQXVCLGNBQ3JCLElBQUksbUJBR0MsdUJBQXVCLENBQUMsTUFBTSxrQkFDL0I7d0JBQ2Q7NEJBQ0UsU0FBUyxFQUFFLDhCQUE4Qjs0QkFDekMsT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUM7eUJBQy9CO3FCQUNGLFFBQ0s7d0JBQ0oscUJBQXFCLEVBQUUsd0JBQXdCO3dCQUMvQyxpQkFBaUIsRUFBRSxZQUFZO3FCQUNoQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDdWlEaW1lbnNpb25zT2JzZXJ2ZXJEaXJlY3RpdmUgfSBmcm9tICdAY3VieS11aS9jZGsnO1xyXG5cclxuaW1wb3J0IHsgQ3VpU2lkZWJhclNlcnZpY2UgfSBmcm9tICcuLi9zaWRlYmFyLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjdWktc2lkZWJhci1jb250YWluZXInLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgdGVtcGxhdGVVcmw6ICdzaWRlYmFyLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICdzaWRlYmFyLWNvbnRhaW5lci5jb21wb25lbnQuc2NzcycsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgaG9zdERpcmVjdGl2ZXM6IFtcclxuICAgIHtcclxuICAgICAgZGlyZWN0aXZlOiBDdWlEaW1lbnNpb25zT2JzZXJ2ZXJEaXJlY3RpdmUsXHJcbiAgICAgIG91dHB1dHM6IFsnY3VpUmVzaXplT2JzZXJ2ZXInXVxyXG4gICAgfVxyXG4gIF0sXHJcbiAgaG9zdDoge1xyXG4gICAgJyhjdWlSZXNpemVPYnNlcnZlciknOiAnb25SZXNpemUoJGV2ZW50LndpZHRoKScsXHJcbiAgICAnW2NsYXNzLl9vcGVuZWRdJzogJ2lzT3BlbmVkKCknXHJcbiAgfVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ3VpU2lkZWJhckNvbnRhaW5lckNvbXBvbmVudCB7XHJcbiAgcHJpdmF0ZSByZWFkb25seSBzaWRlYmFyU2VydmljZSA9IGluamVjdChDdWlTaWRlYmFyU2VydmljZSk7XHJcblxyXG4gIHByb3RlY3RlZCByZWFkb25seSBpc09wZW5lZCA9IHRoaXMuc2lkZWJhclNlcnZpY2UuaXNPcGVuZWQ7XHJcblxyXG4gIHByb3RlY3RlZCBvblJlc2l6ZSh3aWR0aDogbnVtYmVyKTogdm9pZCB7XHJcbiAgICB0aGlzLnNpZGViYXJTZXJ2aWNlLnNldFdpZHRoKHdpZHRoKTtcclxuICB9XHJcbn1cclxuIiwiPG5nLWNvbnRlbnQgLz5cclxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { CuiSidebarHeaderComponent } from './sidebar-header.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvc2lkZWJhci9zaWRlYmFyLWhlYWRlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IEN1aVNpZGViYXJIZWFkZXJDb21wb25lbnQgfSBmcm9tICcuL3NpZGViYXItaGVhZGVyLmNvbXBvbmVudCc7XHJcbiJdfQ==
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { DOCUMENT, NgTemplateOutlet } from '@angular/common';
|
|
2
|
+
import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';
|
|
3
|
+
import { CuiSvgModule } from '../../svg';
|
|
4
|
+
import { CuiSidebarService } from '../sidebar.service';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "../../svg/svg.component";
|
|
7
|
+
export class CuiSidebarHeaderComponent {
|
|
8
|
+
constructor() {
|
|
9
|
+
this.document = inject(DOCUMENT);
|
|
10
|
+
this.sidebarService = inject(CuiSidebarService);
|
|
11
|
+
this.isOpened = this.sidebarService.isOpened;
|
|
12
|
+
this.buttonIcon = computed(() => this.isOpened() ? 'cuiIconChevronsLeft' : 'cuiIconChevronsRight');
|
|
13
|
+
this.headerSlot = input.required();
|
|
14
|
+
}
|
|
15
|
+
onSwitch(event) {
|
|
16
|
+
event.stopPropagation();
|
|
17
|
+
this.document.body.click();
|
|
18
|
+
this.sidebarService.switch();
|
|
19
|
+
}
|
|
20
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiSidebarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: CuiSidebarHeaderComponent, isStandalone: true, selector: "header[cuiSidebarHeader]", inputs: { headerSlot: { classPropertyName: "headerSlot", publicName: "headerSlot", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<ng-container [ngTemplateOutlet]=\"headerSlot()\" [ngTemplateOutletContext]=\"{ $implicit: isOpened() }\" />\r\n<button type=\"button\" class=\"button\" [class.button_opened]=\"isOpened()\" (click)=\"onSwitch($event)\">\r\n <cui-svg [icon]=\"buttonIcon()\" color=\"var(--cui-base-500)\" />\r\n</button>", styles: [":host{display:flex;gap:8px;align-items:center;padding:8px 12px 22px;position:relative;border-bottom:1px solid var(--cui-base-200);margin-bottom:21px}.button{padding:6px;position:absolute;bottom:0;transform:translateY(calc(50% + .5px));display:flex;border-radius:50%;background:var(--cui-base-100)}.button_opened{right:0}\n"], dependencies: [{ kind: "ngmodule", type: CuiSvgModule }, { kind: "component", type: i1.CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
22
|
+
}
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiSidebarHeaderComponent, decorators: [{
|
|
24
|
+
type: Component,
|
|
25
|
+
args: [{ selector: 'header[cuiSidebarHeader]', imports: [CuiSvgModule, NgTemplateOutlet], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngTemplateOutlet]=\"headerSlot()\" [ngTemplateOutletContext]=\"{ $implicit: isOpened() }\" />\r\n<button type=\"button\" class=\"button\" [class.button_opened]=\"isOpened()\" (click)=\"onSwitch($event)\">\r\n <cui-svg [icon]=\"buttonIcon()\" color=\"var(--cui-base-500)\" />\r\n</button>", styles: [":host{display:flex;gap:8px;align-items:center;padding:8px 12px 22px;position:relative;border-bottom:1px solid var(--cui-base-200);margin-bottom:21px}.button{padding:6px;position:absolute;bottom:0;transform:translateY(calc(50% + .5px));display:flex;border-radius:50%;background:var(--cui-base-100)}.button_opened{right:0}\n"] }]
|
|
26
|
+
}] });
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL3NpZGViYXIvc2lkZWJhci1oZWFkZXIvc2lkZWJhci1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL3NpZGViYXIvc2lkZWJhci1oZWFkZXIvc2lkZWJhci1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRTdELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHNUYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUN6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7O0FBVXZELE1BQU0sT0FBTyx5QkFBeUI7SUFSdEM7UUFTbUIsYUFBUSxHQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUM1QixtQkFBYyxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBRXpDLGFBQVEsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLFFBQVEsQ0FBQztRQUN4QyxlQUFVLEdBQUcsUUFBUSxDQUFVLEdBQUcsRUFBRSxDQUNyRCxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxzQkFBc0IsQ0FDakUsQ0FBQztRQUVjLGVBQVUsR0FBRyxLQUFLLENBQUMsUUFBUSxFQUF3QixDQUFDO0tBUXJFO0lBTlcsUUFBUSxDQUFDLEtBQWlCO1FBQ2xDLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUV4QixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUMzQixJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQy9CLENBQUM7K0dBaEJVLHlCQUF5QjttR0FBekIseUJBQXlCLHNPQ2hCdEMsaVRBR1MsMlhET0csWUFBWSx3S0FBRSxnQkFBZ0I7OzRGQU03Qix5QkFBeUI7a0JBUnJDLFNBQVM7K0JBQ0UsMEJBQTBCLFdBQzNCLENBQUMsWUFBWSxFQUFFLGdCQUFnQixDQUFDLGNBQzdCLElBQUksbUJBR0MsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERPQ1VNRU5ULCBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHR5cGUgeyBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBjb21wdXRlZCwgaW5qZWN0LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgdHlwZSB7IEN1aUljb24gfSBmcm9tICdAY3VieS11aS9pY29ucyc7XHJcblxyXG5pbXBvcnQgeyBDdWlTdmdNb2R1bGUgfSBmcm9tICcuLi8uLi9zdmcnO1xyXG5pbXBvcnQgeyBDdWlTaWRlYmFyU2VydmljZSB9IGZyb20gJy4uL3NpZGViYXIuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2hlYWRlcltjdWlTaWRlYmFySGVhZGVyXScsXHJcbiAgaW1wb3J0czogW0N1aVN2Z01vZHVsZSwgTmdUZW1wbGF0ZU91dGxldF0sXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICB0ZW1wbGF0ZVVybDogJ3NpZGViYXItaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJ3NpZGViYXItaGVhZGVyLmNvbXBvbmVudC5zY3NzJyxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ3VpU2lkZWJhckhlYWRlckNvbXBvbmVudCB7XHJcbiAgcHJpdmF0ZSByZWFkb25seSBkb2N1bWVudCA9IGluamVjdChET0NVTUVOVCk7XHJcbiAgcHJpdmF0ZSByZWFkb25seSBzaWRlYmFyU2VydmljZSA9IGluamVjdChDdWlTaWRlYmFyU2VydmljZSk7XHJcblxyXG4gIHByb3RlY3RlZCByZWFkb25seSBpc09wZW5lZCA9IHRoaXMuc2lkZWJhclNlcnZpY2UuaXNPcGVuZWQ7XHJcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IGJ1dHRvbkljb24gPSBjb21wdXRlZDxDdWlJY29uPigoKSA9PlxyXG4gICAgdGhpcy5pc09wZW5lZCgpID8gJ2N1aUljb25DaGV2cm9uc0xlZnQnIDogJ2N1aUljb25DaGV2cm9uc1JpZ2h0J1xyXG4gICk7XHJcblxyXG4gIHB1YmxpYyByZWFkb25seSBoZWFkZXJTbG90ID0gaW5wdXQucmVxdWlyZWQ8VGVtcGxhdGVSZWY8dW5rbm93bj4+KCk7XHJcblxyXG4gIHByb3RlY3RlZCBvblN3aXRjaChldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xyXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XHJcblxyXG4gICAgdGhpcy5kb2N1bWVudC5ib2R5LmNsaWNrKCk7XHJcbiAgICB0aGlzLnNpZGViYXJTZXJ2aWNlLnN3aXRjaCgpO1xyXG4gIH1cclxufVxyXG4iLCI8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImhlYWRlclNsb3QoKVwiIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ICRpbXBsaWNpdDogaXNPcGVuZWQoKSB9XCIgLz5cclxuPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJidXR0b25cIiBbY2xhc3MuYnV0dG9uX29wZW5lZF09XCJpc09wZW5lZCgpXCIgKGNsaWNrKT1cIm9uU3dpdGNoKCRldmVudClcIj5cclxuICA8Y3VpLXN2ZyBbaWNvbl09XCJidXR0b25JY29uKClcIiBjb2xvcj1cInZhcigtLWN1aS1iYXNlLTUwMClcIiAvPlxyXG48L2J1dHRvbj4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { CuiSidebarNavigationComponent } from './sidebar-navigation.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvc2lkZWJhci9zaWRlYmFyLW5hdmlnYXRpb24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sZ0NBQWdDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBDdWlTaWRlYmFyTmF2aWdhdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vc2lkZWJhci1uYXZpZ2F0aW9uLmNvbXBvbmVudCc7XHJcbiJdfQ==
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { NgTemplateOutlet } from '@angular/common';
|
|
2
|
+
import { ChangeDetectionStrategy, Component, input } from '@angular/core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class CuiSidebarNavigationComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.links = input.required();
|
|
7
|
+
this.slot = input.required();
|
|
8
|
+
}
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiSidebarNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CuiSidebarNavigationComponent, isStandalone: true, selector: "cui-sidebar-navigation", inputs: { links: { classPropertyName: "links", publicName: "links", isSignal: true, isRequired: true, transformFunction: null }, slot: { classPropertyName: "slot", publicName: "slot", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<nav class=\"nav\">\r\n <ul class=\"list\">\r\n @for (link of links(); track link.text; let isLast = $last) {\r\n <ng-container [ngTemplateOutlet]=\"slot()\" [ngTemplateOutletContext]=\"{ $implicit: link, isLast }\" />\r\n }\r\n </ul>\r\n</nav>", styles: [".nav{flex:1}.list{display:flex;flex-direction:column;gap:4px;height:100%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11
|
+
}
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiSidebarNavigationComponent, decorators: [{
|
|
13
|
+
type: Component,
|
|
14
|
+
args: [{ selector: 'cui-sidebar-navigation', imports: [NgTemplateOutlet], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav class=\"nav\">\r\n <ul class=\"list\">\r\n @for (link of links(); track link.text; let isLast = $last) {\r\n <ng-container [ngTemplateOutlet]=\"slot()\" [ngTemplateOutletContext]=\"{ $implicit: link, isLast }\" />\r\n }\r\n </ul>\r\n</nav>", styles: [".nav{flex:1}.list{display:flex;flex-direction:column;gap:4px;height:100%}\n"] }]
|
|
15
|
+
}] });
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1uYXZpZ2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9zaWRlYmFyL3NpZGViYXItbmF2aWdhdGlvbi9zaWRlYmFyLW5hdmlnYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL3NpZGViYXIvc2lkZWJhci1uYXZpZ2F0aW9uL3NpZGViYXItbmF2aWdhdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUVuRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFXMUUsTUFBTSxPQUFPLDZCQUE2QjtJQVIxQztRQVNrQixVQUFLLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBb0IsQ0FBQztRQUMzQyxTQUFJLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBd0IsQ0FBQztLQUMvRDsrR0FIWSw2QkFBNkI7bUdBQTdCLDZCQUE2Qix5VUNiMUMsaVFBTU0scUlEQ00sZ0JBQWdCOzs0RkFNZiw2QkFBNkI7a0JBUnpDLFNBQVM7K0JBQ0Usd0JBQXdCLFdBQ3pCLENBQUMsZ0JBQWdCLENBQUMsY0FDZixJQUFJLG1CQUdDLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHR5cGUgeyBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDdWlTaWRlYmFyTGluayB9IGZyb20gJy4uL3NpZGViYXIub3B0aW9ucyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2N1aS1zaWRlYmFyLW5hdmlnYXRpb24nLFxyXG4gIGltcG9ydHM6IFtOZ1RlbXBsYXRlT3V0bGV0XSxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIHRlbXBsYXRlVXJsOiAnc2lkZWJhci1uYXZpZ2F0aW9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJ3NpZGViYXItbmF2aWdhdGlvbi5jb21wb25lbnQuc2NzcycsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIEN1aVNpZGViYXJOYXZpZ2F0aW9uQ29tcG9uZW50IHtcclxuICBwdWJsaWMgcmVhZG9ubHkgbGlua3MgPSBpbnB1dC5yZXF1aXJlZDxDdWlTaWRlYmFyTGlua1tdPigpO1xyXG4gIHB1YmxpYyByZWFkb25seSBzbG90ID0gaW5wdXQucmVxdWlyZWQ8VGVtcGxhdGVSZWY8dW5rbm93bj4+KCk7XHJcbn1cclxuIiwiPG5hdiBjbGFzcz1cIm5hdlwiPlxyXG4gIDx1bCBjbGFzcz1cImxpc3RcIj5cclxuICAgIEBmb3IgKGxpbmsgb2YgbGlua3MoKTsgdHJhY2sgbGluay50ZXh0OyBsZXQgaXNMYXN0ID0gJGxhc3QpIHtcclxuICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwic2xvdCgpXCIgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgJGltcGxpY2l0OiBsaW5rLCBpc0xhc3QgfVwiIC8+XHJcbiAgICB9XHJcbiAgPC91bD5cclxuPC9uYXY+Il19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { CuiSidebarNavigationContainerComponent } from './sidebar-navigation-container.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvc2lkZWJhci9zaWRlYmFyLW5hdmlnYXRpb24tY29udGFpbmVyL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxzQ0FBc0MsRUFBRSxNQUFNLDBDQUEwQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgQ3VpU2lkZWJhck5hdmlnYXRpb25Db250YWluZXJDb21wb25lbnQgfSBmcm9tICcuL3NpZGViYXItbmF2aWdhdGlvbi1jb250YWluZXIuY29tcG9uZW50JztcclxuIl19
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { NgTemplateOutlet } from '@angular/common';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, input } from '@angular/core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class CuiSidebarNavigationContainerComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.slot = input.required();
|
|
7
|
+
this.title = input();
|
|
8
|
+
}
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiSidebarNavigationContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CuiSidebarNavigationContainerComponent, isStandalone: true, selector: "cui-sidebar-navigation-container", inputs: { slot: { classPropertyName: "slot", publicName: "slot", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (title(); as title) {\r\n <h3 class=\"title\">{{ title }}</h3>\r\n}\r\n\r\n<ng-container [ngTemplateOutlet]=\"slot()\" />\r\n", styles: [":host{display:flex;flex-direction:column;gap:4px}.title{padding:8px 12px;font-weight:400;font-size:14px;line-height:20px;color:var(--cui-base-500);text-transform:uppercase}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11
|
+
}
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiSidebarNavigationContainerComponent, decorators: [{
|
|
13
|
+
type: Component,
|
|
14
|
+
args: [{ selector: 'cui-sidebar-navigation-container', imports: [NgTemplateOutlet], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (title(); as title) {\r\n <h3 class=\"title\">{{ title }}</h3>\r\n}\r\n\r\n<ng-container [ngTemplateOutlet]=\"slot()\" />\r\n", styles: [":host{display:flex;flex-direction:column;gap:4px}.title{padding:8px 12px;font-weight:400;font-size:14px;line-height:20px;color:var(--cui-base-500);text-transform:uppercase}\n"] }]
|
|
15
|
+
}] });
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1uYXZpZ2F0aW9uLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvc2lkZWJhci9zaWRlYmFyLW5hdmlnYXRpb24tY29udGFpbmVyL3NpZGViYXItbmF2aWdhdGlvbi1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL3NpZGViYXIvc2lkZWJhci1uYXZpZ2F0aW9uLWNvbnRhaW5lci9zaWRlYmFyLW5hdmlnYXRpb24tY29udGFpbmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRW5ELE9BQU8sRUFBRSxTQUFTLEVBQUUsdUJBQXVCLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVUxRSxNQUFNLE9BQU8sc0NBQXNDO0lBUm5EO1FBU2tCLFNBQUksR0FBRyxLQUFLLENBQUMsUUFBUSxFQUF3QixDQUFDO1FBQzlDLFVBQUssR0FBRyxLQUFLLEVBQVUsQ0FBQztLQUN6QzsrR0FIWSxzQ0FBc0M7bUdBQXRDLHNDQUFzQyxvVkNabkQsc0lBS0Esd09EQ1ksZ0JBQWdCOzs0RkFNZixzQ0FBc0M7a0JBUmxELFNBQVM7K0JBQ0Usa0NBQWtDLFdBQ25DLENBQUMsZ0JBQWdCLENBQUMsY0FDZixJQUFJLG1CQUdDLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHR5cGUgeyBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjdWktc2lkZWJhci1uYXZpZ2F0aW9uLWNvbnRhaW5lcicsXHJcbiAgaW1wb3J0czogW05nVGVtcGxhdGVPdXRsZXRdLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgdGVtcGxhdGVVcmw6ICdzaWRlYmFyLW5hdmlnYXRpb24tY29udGFpbmVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJ3NpZGViYXItbmF2aWdhdGlvbi1jb250YWluZXIuY29tcG9uZW50LnNjc3MnLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDdWlTaWRlYmFyTmF2aWdhdGlvbkNvbnRhaW5lckNvbXBvbmVudCB7XHJcbiAgcHVibGljIHJlYWRvbmx5IHNsb3QgPSBpbnB1dC5yZXF1aXJlZDxUZW1wbGF0ZVJlZjx1bmtub3duPj4oKTtcclxuICBwdWJsaWMgcmVhZG9ubHkgdGl0bGUgPSBpbnB1dDxzdHJpbmc+KCk7XHJcbn1cclxuIiwiQGlmICh0aXRsZSgpOyBhcyB0aXRsZSkge1xyXG4gICAgPGgzIGNsYXNzPVwidGl0bGVcIj57eyB0aXRsZSB9fTwvaDM+XHJcbn1cclxuXHJcbjxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwic2xvdCgpXCIgLz5cclxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { CuiSidebarNavigationItemComponent } from './sidebar-navigation-item.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvc2lkZWJhci9zaWRlYmFyLW5hdmlnYXRpb24taXRlbS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUNBQWlDLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IEN1aVNpZGViYXJOYXZpZ2F0aW9uSXRlbUNvbXBvbmVudCB9IGZyb20gJy4vc2lkZWJhci1uYXZpZ2F0aW9uLWl0ZW0uY29tcG9uZW50JztcclxuIl19
|
package/esm2022/components/sidebar/sidebar-navigation-item/sidebar-navigation-item.component.mjs
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, input } from '@angular/core';
|
|
2
|
+
import { CuiSvgModule } from '../../svg';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../../svg/svg.component";
|
|
5
|
+
export class CuiSidebarNavigationItemComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.text = input.required();
|
|
8
|
+
this.icon = input();
|
|
9
|
+
this.active = input();
|
|
10
|
+
this.isOpen = input();
|
|
11
|
+
}
|
|
12
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiSidebarNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CuiSidebarNavigationItemComponent, isStandalone: true, selector: "[cuiSidebarNavigationItem]", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class._active": "active()" } }, ngImport: i0, template: "@if (icon(); as icon) {\r\n<cui-svg [icon]=\"icon\" color=\"var(--cui-base-500)\" />\r\n}\r\n@if (isOpen()) {\r\n{{ text() }}\r\n}", styles: [":host{padding:8px 12px;display:flex;gap:12px;width:100%;border-radius:8px}:host:active{background:var(--cui-base-100)}@media (hover: hover){:host:hover{background:var(--cui-base-100)}}:host._active{background:var(--cui-base-100)}\n"], dependencies: [{ kind: "ngmodule", type: CuiSvgModule }, { kind: "component", type: i1.CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
14
|
+
}
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiSidebarNavigationItemComponent, decorators: [{
|
|
16
|
+
type: Component,
|
|
17
|
+
args: [{ selector: '[cuiSidebarNavigationItem]', imports: [CuiSvgModule], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
18
|
+
'[class._active]': 'active()'
|
|
19
|
+
}, template: "@if (icon(); as icon) {\r\n<cui-svg [icon]=\"icon\" color=\"var(--cui-base-500)\" />\r\n}\r\n@if (isOpen()) {\r\n{{ text() }}\r\n}", styles: [":host{padding:8px 12px;display:flex;gap:12px;width:100%;border-radius:8px}:host:active{background:var(--cui-base-100)}@media (hover: hover){:host:hover{background:var(--cui-base-100)}}:host._active{background:var(--cui-base-100)}\n"] }]
|
|
20
|
+
}] });
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1uYXZpZ2F0aW9uLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL3NpZGViYXIvc2lkZWJhci1uYXZpZ2F0aW9uLWl0ZW0vc2lkZWJhci1uYXZpZ2F0aW9uLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL3NpZGViYXIvc2lkZWJhci1uYXZpZ2F0aW9uLWl0ZW0vc2lkZWJhci1uYXZpZ2F0aW9uLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHMUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQzs7O0FBYXpDLE1BQU0sT0FBTyxpQ0FBaUM7SUFYOUM7UUFZa0IsU0FBSSxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQVUsQ0FBQztRQUNoQyxTQUFJLEdBQUcsS0FBSyxFQUFXLENBQUM7UUFDeEIsV0FBTSxHQUFHLEtBQUssRUFBVyxDQUFDO1FBQzFCLFdBQU0sR0FBRyxLQUFLLEVBQVcsQ0FBQztLQUMzQzsrR0FMWSxpQ0FBaUM7bUdBQWpDLGlDQUFpQyx3bkJDaEI5QyxvSUFLQyxnU0RFVyxZQUFZOzs0RkFTWCxpQ0FBaUM7a0JBWDdDLFNBQVM7K0JBQ0UsNEJBQTRCLFdBQzdCLENBQUMsWUFBWSxDQUFDLGNBQ1gsSUFBSSxtQkFHQyx1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDO3dCQUNKLGlCQUFpQixFQUFFLFVBQVU7cUJBQzlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ3VpSWNvbiB9IGZyb20gJ0BjdWJ5LXVpL2ljb25zJztcclxuXHJcbmltcG9ydCB7IEN1aVN2Z01vZHVsZSB9IGZyb20gJy4uLy4uL3N2Zyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ1tjdWlTaWRlYmFyTmF2aWdhdGlvbkl0ZW1dJyxcclxuICBpbXBvcnRzOiBbQ3VpU3ZnTW9kdWxlXSxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIHRlbXBsYXRlVXJsOiAnc2lkZWJhci1uYXZpZ2F0aW9uLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnc2lkZWJhci1uYXZpZ2F0aW9uLWl0ZW0uY29tcG9uZW50LnNjc3MnLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIGhvc3Q6IHtcclxuICAgICdbY2xhc3MuX2FjdGl2ZV0nOiAnYWN0aXZlKCknXHJcbiAgfVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ3VpU2lkZWJhck5hdmlnYXRpb25JdGVtQ29tcG9uZW50IHtcclxuICBwdWJsaWMgcmVhZG9ubHkgdGV4dCA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcclxuICBwdWJsaWMgcmVhZG9ubHkgaWNvbiA9IGlucHV0PEN1aUljb24+KCk7XHJcbiAgcHVibGljIHJlYWRvbmx5IGFjdGl2ZSA9IGlucHV0PGJvb2xlYW4+KCk7XHJcbiAgcHVibGljIHJlYWRvbmx5IGlzT3BlbiA9IGlucHV0PGJvb2xlYW4+KCk7XHJcbn1cclxuIiwiQGlmIChpY29uKCk7IGFzIGljb24pIHtcclxuPGN1aS1zdmcgW2ljb25dPVwiaWNvblwiIGNvbG9yPVwidmFyKC0tY3VpLWJhc2UtNTAwKVwiIC8+XHJcbn1cclxuQGlmIChpc09wZW4oKSkge1xyXG57eyB0ZXh0KCkgfX1cclxufSJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export const IS_SIDEBAR_OPENED_STORAGE_KEY = 'is-sidebar-opened';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5vcHRpb25zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL3NpZGViYXIvc2lkZWJhci5vcHRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLDZCQUE2QixHQUFHLG1CQUFtQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IElTX1NJREVCQVJfT1BFTkVEX1NUT1JBR0VfS0VZID0gJ2lzLXNpZGViYXItb3BlbmVkJztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQ3VpU2lkZWJhckxpbmsge1xyXG4gIHJlYWRvbmx5IHRleHQ6IHN0cmluZztcclxufSJdfQ==
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { inject, Injectable, signal } from '@angular/core';
|
|
2
|
+
import { CUI_LOCAL_STORAGE } from '@cuby-ui/cdk';
|
|
3
|
+
import { IS_SIDEBAR_OPENED_STORAGE_KEY } from './sidebar.options';
|
|
4
|
+
import { CuiRenderDynamicComponentsService } from '../render-dynamic-components';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export class CuiSidebarService extends CuiRenderDynamicComponentsService {
|
|
7
|
+
constructor() {
|
|
8
|
+
super(...arguments);
|
|
9
|
+
this.localStorage = inject(CUI_LOCAL_STORAGE);
|
|
10
|
+
this.isOpenedSignal = signal(this.localStorage.getItem(IS_SIDEBAR_OPENED_STORAGE_KEY) === 'true');
|
|
11
|
+
this.widthSignal = signal(0);
|
|
12
|
+
this.isOpened = this.isOpenedSignal.asReadonly();
|
|
13
|
+
this.width = this.widthSignal.asReadonly();
|
|
14
|
+
}
|
|
15
|
+
switch() {
|
|
16
|
+
this.isOpenedSignal.update((value) => !value);
|
|
17
|
+
this.localStorage.setItem(IS_SIDEBAR_OPENED_STORAGE_KEY, this.isOpenedSignal().toString());
|
|
18
|
+
}
|
|
19
|
+
setWidth(value) {
|
|
20
|
+
this.widthSignal.set(value);
|
|
21
|
+
}
|
|
22
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiSidebarService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
23
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiSidebarService, providedIn: 'root' }); }
|
|
24
|
+
}
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiSidebarService, decorators: [{
|
|
26
|
+
type: Injectable,
|
|
27
|
+
args: [{
|
|
28
|
+
providedIn: 'root'
|
|
29
|
+
}]
|
|
30
|
+
}] });
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL3NpZGViYXIvc2lkZWJhci5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFFakQsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbEUsT0FBTyxFQUFFLGlDQUFpQyxFQUFFLE1BQU0sOEJBQThCLENBQUM7O0FBS2pGLE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxpQ0FBaUM7SUFIeEU7O1FBSW1CLGlCQUFZLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFFekMsbUJBQWMsR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsNkJBQTZCLENBQUMsS0FBSyxNQUFNLENBQUMsQ0FBQztRQUM3RixnQkFBVyxHQUFHLE1BQU0sQ0FBUyxDQUFDLENBQUMsQ0FBQztRQUVqQyxhQUFRLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUM1QyxVQUFLLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxVQUFVLEVBQUUsQ0FBQztLQVV2RDtJQVJRLE1BQU07UUFDWCxJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM5QyxJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyw2QkFBNkIsRUFBRSxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQztJQUM3RixDQUFDO0lBRU0sUUFBUSxDQUFDLEtBQWE7UUFDM0IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUIsQ0FBQzsrR0FoQlUsaUJBQWlCO21IQUFqQixpQkFBaUIsY0FGaEIsTUFBTTs7NEZBRVAsaUJBQWlCO2tCQUg3QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGluamVjdCwgSW5qZWN0YWJsZSwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENVSV9MT0NBTF9TVE9SQUdFIH0gZnJvbSAnQGN1YnktdWkvY2RrJztcclxuXHJcbmltcG9ydCB7IElTX1NJREVCQVJfT1BFTkVEX1NUT1JBR0VfS0VZIH0gZnJvbSAnLi9zaWRlYmFyLm9wdGlvbnMnO1xyXG5pbXBvcnQgeyBDdWlSZW5kZXJEeW5hbWljQ29tcG9uZW50c1NlcnZpY2UgfSBmcm9tICcuLi9yZW5kZXItZHluYW1pYy1jb21wb25lbnRzJztcclxuXHJcbkBJbmplY3RhYmxlKHtcclxuICBwcm92aWRlZEluOiAncm9vdCdcclxufSlcclxuZXhwb3J0IGNsYXNzIEN1aVNpZGViYXJTZXJ2aWNlIGV4dGVuZHMgQ3VpUmVuZGVyRHluYW1pY0NvbXBvbmVudHNTZXJ2aWNlIHtcclxuICBwcml2YXRlIHJlYWRvbmx5IGxvY2FsU3RvcmFnZSA9IGluamVjdChDVUlfTE9DQUxfU1RPUkFHRSk7XHJcblxyXG4gIHByaXZhdGUgcmVhZG9ubHkgaXNPcGVuZWRTaWduYWwgPSBzaWduYWwodGhpcy5sb2NhbFN0b3JhZ2UuZ2V0SXRlbShJU19TSURFQkFSX09QRU5FRF9TVE9SQUdFX0tFWSkgPT09ICd0cnVlJyk7XHJcbiAgcHJpdmF0ZSByZWFkb25seSB3aWR0aFNpZ25hbCA9IHNpZ25hbDxudW1iZXI+KDApO1xyXG5cclxuICBwdWJsaWMgcmVhZG9ubHkgaXNPcGVuZWQgPSB0aGlzLmlzT3BlbmVkU2lnbmFsLmFzUmVhZG9ubHkoKTtcclxuICBwdWJsaWMgcmVhZG9ubHkgd2lkdGggPSB0aGlzLndpZHRoU2lnbmFsLmFzUmVhZG9ubHkoKTtcclxuXHJcbiAgcHVibGljIHN3aXRjaCgpOiB2b2lkIHtcclxuICAgIHRoaXMuaXNPcGVuZWRTaWduYWwudXBkYXRlKCh2YWx1ZSkgPT4gIXZhbHVlKTtcclxuICAgIHRoaXMubG9jYWxTdG9yYWdlLnNldEl0ZW0oSVNfU0lERUJBUl9PUEVORURfU1RPUkFHRV9LRVksIHRoaXMuaXNPcGVuZWRTaWduYWwoKS50b1N0cmluZygpKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBzZXRXaWR0aCh2YWx1ZTogbnVtYmVyKTogdm9pZCB7XHJcbiAgICB0aGlzLndpZHRoU2lnbmFsLnNldCh2YWx1ZSk7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|