codexly-ui 0.0.20 → 0.0.23
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/fesm2022/codexly-ui.mjs +159 -48
- package/fesm2022/codexly-ui.mjs.map +1 -1
- package/index.d.ts +20 -3
- package/package.json +1 -1
package/index.d.ts
CHANGED
|
@@ -2141,20 +2141,34 @@ declare class ClxAppLayoutComponent implements OnInit, OnDestroy {
|
|
|
2141
2141
|
readonly activeColor: _angular_core.InputSignal<ClxColorInput>;
|
|
2142
2142
|
readonly _sidebarOpen: _angular_core.WritableSignal<boolean>;
|
|
2143
2143
|
readonly collapsed: _angular_core.WritableSignal<boolean>;
|
|
2144
|
+
readonly _hovered: _angular_core.WritableSignal<boolean>;
|
|
2144
2145
|
private readonly _isMobile;
|
|
2145
2146
|
readonly collapsedChange: _angular_core.OutputEmitterRef<boolean>;
|
|
2147
|
+
readonly expandedChange: _angular_core.OutputEmitterRef<boolean>;
|
|
2146
2148
|
protected readonly _showBackdrop: _angular_core.Signal<boolean>;
|
|
2149
|
+
readonly _isExpanded: _angular_core.Signal<boolean>;
|
|
2147
2150
|
protected readonly _sidebarCls: _angular_core.Signal<string>;
|
|
2148
2151
|
private _mql;
|
|
2149
2152
|
private _mqlListener;
|
|
2150
2153
|
ngOnInit(): void;
|
|
2151
2154
|
ngOnDestroy(): void;
|
|
2152
2155
|
_toggleCollapsed(): void;
|
|
2156
|
+
_onSidebarEnter(): void;
|
|
2157
|
+
_onSidebarLeave(): void;
|
|
2153
2158
|
toggleSidebar(): void;
|
|
2154
2159
|
openSidebar(): void;
|
|
2155
2160
|
closeSidebar(): void;
|
|
2156
2161
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxAppLayoutComponent, never>;
|
|
2157
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxAppLayoutComponent, "clx-app-layout", never, { "activeColor": { "alias": "activeColor"; "required": false; "isSignal": true; }; }, { "collapsedChange": "collapsedChange"; }, never, ["[clx-sidebar]", "[clx-header]", "*"], true, never>;
|
|
2162
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxAppLayoutComponent, "clx-app-layout", never, { "activeColor": { "alias": "activeColor"; "required": false; "isSignal": true; }; }, { "collapsedChange": "collapsedChange"; "expandedChange": "expandedChange"; }, never, ["[clx-brand]", "[clx-sidebar]", "[clx-header]", "*"], true, never>;
|
|
2163
|
+
}
|
|
2164
|
+
|
|
2165
|
+
declare class ClxBrandComponent {
|
|
2166
|
+
readonly logo: _angular_core.InputSignal<string>;
|
|
2167
|
+
readonly name: _angular_core.InputSignal<string>;
|
|
2168
|
+
readonly description: _angular_core.InputSignal<string>;
|
|
2169
|
+
readonly collapsed: _angular_core.InputSignal<boolean>;
|
|
2170
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxBrandComponent, never>;
|
|
2171
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxBrandComponent, "clx-brand", never, { "logo": { "alias": "logo"; "required": true; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
2158
2172
|
}
|
|
2159
2173
|
|
|
2160
2174
|
declare class ClxMenuItemComponent {
|
|
@@ -2164,6 +2178,9 @@ declare class ClxMenuItemComponent {
|
|
|
2164
2178
|
readonly color: _angular_core.InputSignal<ClxColorInput>;
|
|
2165
2179
|
readonly nested: _angular_core.InputSignal<boolean>;
|
|
2166
2180
|
readonly collapsed: _angular_core.InputSignal<boolean>;
|
|
2181
|
+
private readonly _inheritedColor;
|
|
2182
|
+
private readonly _resolvedColor;
|
|
2183
|
+
inheritColor(c: ClxColorInput): void;
|
|
2167
2184
|
private readonly _geom;
|
|
2168
2185
|
protected readonly _iconCls: _angular_core.Signal<string>;
|
|
2169
2186
|
protected readonly _idleCls: _angular_core.Signal<string>;
|
|
@@ -2191,7 +2208,7 @@ declare class ClxMenuComponent implements AfterContentInit {
|
|
|
2191
2208
|
protected readonly NAV_CHILDREN_INNER = "overflow-hidden";
|
|
2192
2209
|
protected readonly NAV_CHILDREN_LIST = "ml-6 border-l border-slate-700/60 py-1 space-y-0.5";
|
|
2193
2210
|
ngAfterContentInit(): void;
|
|
2194
|
-
private
|
|
2211
|
+
private _syncChildren;
|
|
2195
2212
|
protected _toggle(): void;
|
|
2196
2213
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxMenuComponent, never>;
|
|
2197
2214
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxMenuComponent, "clx-menu", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, {}, ["_childItems"], ["*"], true, never>;
|
|
@@ -2742,5 +2759,5 @@ declare class ClxPageEmptyComponent {
|
|
|
2742
2759
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxPageEmptyComponent, "clx-page-empty", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "ctaLabel": { "alias": "ctaLabel"; "required": false; "isSignal": true; }; "ctaIcon": { "alias": "ctaIcon"; "required": false; "isSignal": true; }; "ctaColor": { "alias": "ctaColor"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "cta": "cta"; }, never, never, true, never>;
|
|
2743
2760
|
}
|
|
2744
2761
|
|
|
2745
|
-
export { CLX_ALERT_OPTIONS, CLX_ALERT_RESOLVE, CLX_COLOR_HEX, CLX_COLOR_MAP, CLX_MODAL_ANIM_CONFIG, CLX_MODAL_DATA, CLX_MODAL_REF, CLX_RADIO_GROUP, CLX_TOAST_DEFAULTS, ClxAlertComponent, ClxAlertService, ClxAnimateDirective, ClxAnimateGroupDirective, ClxAnimateService, ClxAppLayoutComponent, ClxAvatarComponent, ClxBadgeComponent, ClxButtonComponent, ClxButtonGroupComponent, ClxCardBodyDirective, ClxCardComponent, ClxCardFooterDirective, ClxCardHeaderDirective, ClxCarouselComponent, ClxCarouselDirective, ClxCartComponent, ClxCartSummaryDrawer, ClxCellDirective, ClxChartComponent, ClxCheckboxComponent, ClxColorPickerComponent, ClxColumnDefDirective, ClxDateRangePickerComponent, ClxDatepickerComponent, ClxDrawerComponent, ClxDrawerService, ClxEditorComponent, ClxEditorLinkModalComponent, ClxFilterPanelComponent, ClxHeaderCellDirective, ClxIconComponent, ClxInputComponent, ClxListComponent, ClxListItemComponent, ClxMenuComponent, ClxMenuItemComponent, ClxModalComponent, ClxModalService, ClxNavGroupComponent, ClxNumberComponent, ClxPageEmptyComponent, ClxPageNotFoundComponent, ClxPageServerErrorComponent, ClxPageUnauthorizedComponent, ClxPaginationComponent, ClxProductComponent, ClxProductDetailComponent, ClxProgressBarComponent, ClxRadioComponent, ClxRadioGroupComponent, ClxRatingComponent, ClxSelectComponent, ClxSkeletonComponent, ClxSliderComponent, ClxSpinnerComponent, ClxStatCardComponent, ClxStepComponent, ClxStepperComponent, ClxSwitchComponent, ClxTabDirective, ClxTableComponent, ClxTabsComponent, ClxTagComponent, ClxTextareaComponent, ClxTimelineComponent, ClxTimelineItemComponent, ClxToastComponent, ClxToastContainerComponent, ClxToastService, ClxTooltipComponent, ClxTooltipDirective, ClxTreeComponent, ClxUploadComponent, ClxWishlistComponent, ClxWizardComponent, parseColorInput, resolveColor };
|
|
2762
|
+
export { CLX_ALERT_OPTIONS, CLX_ALERT_RESOLVE, CLX_COLOR_HEX, CLX_COLOR_MAP, CLX_MODAL_ANIM_CONFIG, CLX_MODAL_DATA, CLX_MODAL_REF, CLX_RADIO_GROUP, CLX_TOAST_DEFAULTS, ClxAlertComponent, ClxAlertService, ClxAnimateDirective, ClxAnimateGroupDirective, ClxAnimateService, ClxAppLayoutComponent, ClxAvatarComponent, ClxBadgeComponent, ClxBrandComponent, ClxButtonComponent, ClxButtonGroupComponent, ClxCardBodyDirective, ClxCardComponent, ClxCardFooterDirective, ClxCardHeaderDirective, ClxCarouselComponent, ClxCarouselDirective, ClxCartComponent, ClxCartSummaryDrawer, ClxCellDirective, ClxChartComponent, ClxCheckboxComponent, ClxColorPickerComponent, ClxColumnDefDirective, ClxDateRangePickerComponent, ClxDatepickerComponent, ClxDrawerComponent, ClxDrawerService, ClxEditorComponent, ClxEditorLinkModalComponent, ClxFilterPanelComponent, ClxHeaderCellDirective, ClxIconComponent, ClxInputComponent, ClxListComponent, ClxListItemComponent, ClxMenuComponent, ClxMenuItemComponent, ClxModalComponent, ClxModalService, ClxNavGroupComponent, ClxNumberComponent, ClxPageEmptyComponent, ClxPageNotFoundComponent, ClxPageServerErrorComponent, ClxPageUnauthorizedComponent, ClxPaginationComponent, ClxProductComponent, ClxProductDetailComponent, ClxProgressBarComponent, ClxRadioComponent, ClxRadioGroupComponent, ClxRatingComponent, ClxSelectComponent, ClxSkeletonComponent, ClxSliderComponent, ClxSpinnerComponent, ClxStatCardComponent, ClxStepComponent, ClxStepperComponent, ClxSwitchComponent, ClxTabDirective, ClxTableComponent, ClxTabsComponent, ClxTagComponent, ClxTextareaComponent, ClxTimelineComponent, ClxTimelineItemComponent, ClxToastComponent, ClxToastContainerComponent, ClxToastService, ClxTooltipComponent, ClxTooltipDirective, ClxTreeComponent, ClxUploadComponent, ClxWishlistComponent, ClxWizardComponent, parseColorInput, resolveColor };
|
|
2746
2763
|
export type { ClxAlertButtonOptions, ClxAlertOptions, ClxAlertResult, ClxAlertType, ClxAnimateAttentionSeeker, ClxAnimateBackEntrance, ClxAnimateBackExit, ClxAnimateBouncingEntrance, ClxAnimateBouncingExit, ClxAnimateConfig, ClxAnimateDefaults, ClxAnimateEvent, ClxAnimateFadingEntrance, ClxAnimateFadingExit, ClxAnimateFlipper, ClxAnimateLightspeed, ClxAnimateName, ClxAnimateRotatingEntrance, ClxAnimateRotatingExit, ClxAnimateSlidingEntrance, ClxAnimateSlidingExit, ClxAnimateSpecial, ClxAnimateTrigger, ClxAnimateZoomingEntrance, ClxAnimateZoomingExit, ClxAvatarContentType, ClxBadgeVariant, ClxButtonColor, ClxButtonGroupShape, ClxButtonVariant, ClxCardPadding, ClxCardVariant, ClxCarouselAspectRatio, ClxCarouselConfig, ClxCartItem, ClxCartSummaryData, ClxCellContext, ClxChartOptions, ClxChartType, ClxCheckboxVariant, ClxColor, ClxColorInput, ClxColorPickerFormat, ClxColorPickerSize, ClxColorResolved, ClxColorTokens, ClxCouponResult, ClxDateRange, ClxDateRangePickerSize, ClxDateRangePickerStatus, ClxDatepickerSize, ClxDatepickerStatus, ClxDrawerButtonOptions, ClxDrawerConfig, ClxDrawerRef, ClxDrawerSize, ClxEditorSize, ClxEditorTool, ClxEditorToolbarGroup, ClxFilterChangeEvent, ClxFilterField, ClxFilterFieldType, ClxFilterOption, ClxFilterValue, ClxFilterValues, ClxInputSize, ClxInputStatus, ClxInputType, ClxListItem, ClxListSize, ClxListVariant, ClxModalButtonOptions, ClxModalConfig, ClxModalRef, ClxModalSize, ClxNumberSize, ClxNumberVariant, ClxPageChangeEvent, ClxPageSizeChangeEvent, ClxPaginationSize, ClxProduct, ClxProductDescription, ClxProductDetailData, ClxProductLayout, ClxProductSize, ClxProductSpec, ClxProgressBarSize, ClxProgressBarVariant, ClxRadioVariant, ClxReview, ClxRippleItem, ClxSelectOption, ClxSelectSize, ClxShade, ClxShape, ClxSize, ClxSkeletonVariant, ClxSliderSize, ClxSpecOption, ClxSpecType, ClxSpinnerColor, ClxSpinnerVariant, ClxStatMetric, ClxStepperOrientation, ClxStepperSize, ClxStepperStatus, ClxStepperStep, ClxTabItem, ClxTableColumn, ClxTablePageEvent, ClxTableSelectionEvent, ClxTableSort, ClxTableSortEvent, ClxTagShape, ClxTagSize, ClxTagVariant, ClxTextareaResize, ClxTextareaSize, ClxTextareaStatus, ClxTimelineLineStyle, ClxTimelineMode, ClxTimelineSize, ClxToastAction, ClxToastEntry, ClxToastOptions, ClxToastPosition, ClxToastType, ClxTooltipPosition, ClxTooltipSize, ClxTreeExpandEvent, ClxTreeNode, ClxTreeSelectEvent, ClxTreeSize, ClxTreeVariant, ClxTrendDirection, ClxUploadError, ClxUploadSize, ClxVariation, ClxWishlistItem, ClxWishlistPageChangeEvent, ClxWizardColor, ClxWizardOrientation, ClxWizardStepStatus, SparkPoint };
|