cerxos-ui 0.0.21 → 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/README.md +3 -11
- package/fesm2022/cerxos-ui.mjs +223 -5
- package/fesm2022/cerxos-ui.mjs.map +1 -1
- package/package.json +5 -1
- package/types/cerxos-ui.d.ts +55 -2
package/package.json
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "cerxos-ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.23",
|
|
4
|
+
"repository": {
|
|
5
|
+
"type": "git",
|
|
6
|
+
"url": "git+https://github.com/nurakmaljalil91/cerxos-ui-workspace.git"
|
|
7
|
+
},
|
|
4
8
|
"peerDependencies": {
|
|
5
9
|
"@angular/common": "^21.2.10",
|
|
6
10
|
"@angular/core": "^21.2.10"
|
package/types/cerxos-ui.d.ts
CHANGED
|
@@ -221,6 +221,7 @@ declare class CxsCardComponent {
|
|
|
221
221
|
|
|
222
222
|
type CxsCheckboxSize = 'sm' | 'md' | 'lg';
|
|
223
223
|
declare class CxsCheckboxComponent implements ControlValueAccessor {
|
|
224
|
+
private readonly changeDetector;
|
|
224
225
|
checked: boolean;
|
|
225
226
|
indeterminate: boolean;
|
|
226
227
|
disabled: boolean;
|
|
@@ -519,6 +520,7 @@ type CxsCalendarDay = {
|
|
|
519
520
|
key: string;
|
|
520
521
|
};
|
|
521
522
|
declare class CxsDatepickerComponent implements ControlValueAccessor {
|
|
523
|
+
private readonly changeDetector;
|
|
522
524
|
private static nextId;
|
|
523
525
|
value: string;
|
|
524
526
|
variant: CxsDatepickerVariant;
|
|
@@ -674,10 +676,57 @@ declare class CxsHabitGridComponent implements OnChanges {
|
|
|
674
676
|
static ɵcmp: i0.ɵɵComponentDeclaration<CxsHabitGridComponent, "cxs-habit-grid", never, { "from": { "alias": "from"; "required": true; }; "to": { "alias": "to"; "required": true; }; "today": { "alias": "today"; "required": true; }; "startDate": { "alias": "startDate"; "required": false; }; "doneDates": { "alias": "doneDates"; "required": false; }; "scheduledDays": { "alias": "scheduledDays"; "required": false; }; "weeklyTarget": { "alias": "weeklyTarget"; "required": false; }; "accentColor": { "alias": "accentColor"; "required": false; }; "interactive": { "alias": "interactive"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; }, { "dayToggle": "dayToggle"; }, never, never, true, never>;
|
|
675
677
|
}
|
|
676
678
|
|
|
679
|
+
type CxsHoverCardSide = 'top' | 'right' | 'bottom' | 'left';
|
|
680
|
+
type CxsHoverCardAlign = 'start' | 'center' | 'end';
|
|
681
|
+
declare class CxsHoverCardComponent implements OnDestroy {
|
|
682
|
+
private static nextId;
|
|
683
|
+
openDelay: number;
|
|
684
|
+
closeDelay: number;
|
|
685
|
+
private trigger?;
|
|
686
|
+
readonly contentId: string;
|
|
687
|
+
open: boolean;
|
|
688
|
+
private readonly host;
|
|
689
|
+
private readonly changeDetector;
|
|
690
|
+
private openTimer?;
|
|
691
|
+
private closeTimer?;
|
|
692
|
+
private pointerInside;
|
|
693
|
+
private focusInside;
|
|
694
|
+
private suppressFocusOpen;
|
|
695
|
+
onMouseEnter(): void;
|
|
696
|
+
onMouseLeave(): void;
|
|
697
|
+
onFocusIn(): void;
|
|
698
|
+
onFocusOut(event: FocusEvent): void;
|
|
699
|
+
onKeydown(event: KeyboardEvent): void;
|
|
700
|
+
ngOnDestroy(): void;
|
|
701
|
+
private scheduleOpen;
|
|
702
|
+
private scheduleClose;
|
|
703
|
+
private cancelOpen;
|
|
704
|
+
private cancelClose;
|
|
705
|
+
private setOpen;
|
|
706
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CxsHoverCardComponent, never>;
|
|
707
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CxsHoverCardComponent, "cxs-hover-card", never, { "openDelay": { "alias": "openDelay"; "required": false; }; "closeDelay": { "alias": "closeDelay"; "required": false; }; }, {}, ["trigger"], ["[cxsHoverCardTrigger]", "[cxsHoverCardContent]"], true, never>;
|
|
708
|
+
}
|
|
709
|
+
declare class CxsHoverCardTriggerDirective {
|
|
710
|
+
readonly card: CxsHoverCardComponent;
|
|
711
|
+
readonly element: ElementRef<any>;
|
|
712
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CxsHoverCardTriggerDirective, never>;
|
|
713
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<CxsHoverCardTriggerDirective, "[cxsHoverCardTrigger]", never, {}, {}, never, never, true, never>;
|
|
714
|
+
}
|
|
715
|
+
declare class CxsHoverCardContentDirective {
|
|
716
|
+
side: CxsHoverCardSide;
|
|
717
|
+
align: CxsHoverCardAlign;
|
|
718
|
+
ariaLabel: string;
|
|
719
|
+
readonly card: CxsHoverCardComponent;
|
|
720
|
+
get contentClass(): string;
|
|
721
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CxsHoverCardContentDirective, never>;
|
|
722
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<CxsHoverCardContentDirective, "[cxsHoverCardContent]", never, { "side": { "alias": "side"; "required": false; }; "align": { "alias": "align"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, never, true, never>;
|
|
723
|
+
}
|
|
724
|
+
|
|
677
725
|
type CxsInputVariant = 'outline' | 'filled';
|
|
678
726
|
type CxsInputSize = 'sm' | 'md' | 'lg';
|
|
679
727
|
type CxsInputType = 'text' | 'email' | 'password' | 'search' | 'tel' | 'url' | 'number';
|
|
680
728
|
declare class CxsInputComponent implements ControlValueAccessor {
|
|
729
|
+
private readonly changeDetector;
|
|
681
730
|
private static nextId;
|
|
682
731
|
value: string;
|
|
683
732
|
type: CxsInputType;
|
|
@@ -763,6 +812,7 @@ type CxsMultiSelectVariant = 'outline' | 'filled';
|
|
|
763
812
|
type CxsMultiSelectSize = 'sm' | 'md' | 'lg';
|
|
764
813
|
declare class CxsMultiSelectComponent implements ControlValueAccessor {
|
|
765
814
|
private readonly elementRef;
|
|
815
|
+
private readonly changeDetector;
|
|
766
816
|
private static nextId;
|
|
767
817
|
options: CxsMultiSelectOption[];
|
|
768
818
|
value: string[];
|
|
@@ -908,6 +958,7 @@ declare class CxsTabsComponent implements AfterContentInit {
|
|
|
908
958
|
type CxsRadioSize = 'sm' | 'md' | 'lg';
|
|
909
959
|
type CxsRadioVariant = 'primary' | 'secondary';
|
|
910
960
|
declare class CxsRadioComponent implements ControlValueAccessor {
|
|
961
|
+
private readonly changeDetector;
|
|
911
962
|
value: string;
|
|
912
963
|
name?: string;
|
|
913
964
|
variant: CxsRadioVariant;
|
|
@@ -977,6 +1028,7 @@ declare class CxsRadioChipGroupComponent implements ControlValueAccessor {
|
|
|
977
1028
|
type CxsSelectVariant = 'outline' | 'filled';
|
|
978
1029
|
type CxsSelectSize = 'sm' | 'md' | 'lg';
|
|
979
1030
|
declare class CxsSelectComponent implements ControlValueAccessor {
|
|
1031
|
+
private readonly changeDetector;
|
|
980
1032
|
private static nextId;
|
|
981
1033
|
value: string;
|
|
982
1034
|
variant: CxsSelectVariant;
|
|
@@ -1037,6 +1089,7 @@ declare class CxsSkeletonComponent {
|
|
|
1037
1089
|
type CxsSliderVariant = 'primary' | 'danger';
|
|
1038
1090
|
type CxsSliderSize = 'sm' | 'md' | 'lg';
|
|
1039
1091
|
declare class CxsSliderComponent implements ControlValueAccessor {
|
|
1092
|
+
private readonly changeDetector;
|
|
1040
1093
|
private static nextId;
|
|
1041
1094
|
value: number;
|
|
1042
1095
|
min: number;
|
|
@@ -1264,5 +1317,5 @@ declare class CxsPreferenceFormattingService {
|
|
|
1264
1317
|
static ɵprov: i0.ɵɵInjectableDeclaration<CxsPreferenceFormattingService>;
|
|
1265
1318
|
}
|
|
1266
1319
|
|
|
1267
|
-
export { CXS_USER_PREFERENCE_CHANGED_EVENT, CXS_USER_SESSION_STORAGE_KEY, CerxosUi, CxsAccordionComponent, CxsAccordionItemComponent, CxsActionMenuComponent, CxsAlertComponent, CxsAvatarComponent, CxsBadgeComponent, CxsBreadcrumbComponent, CxsButtonComponent, CxsCardComponent, CxsCarouselComponent, CxsCheckboxComponent, CxsCurrencyPipe, CxsDataTableCellDirective, CxsDataTableComponent, CxsDatePipe, CxsDatepickerComponent, CxsDialogComponent, CxsHabitGridComponent, CxsIconComponent, CxsInputComponent, CxsMenubarComponent, CxsMultiSelectComponent, CxsPreferenceFormattingService, CxsProgressBarComponent, CxsRadioChipGroupComponent, CxsRadioComponent, CxsSelectComponent, CxsSkeletonComponent, CxsSliderComponent, CxsTabLabelDirective, CxsTabPanelComponent, CxsTableComponent, CxsTabsComponent, CxsThemeDirective, CxsToastComponent, CxsToggleComponent, CxsTooltipComponent };
|
|
1268
|
-
export type { CxsAccordionItemSize, CxsAccordionSpacing, CxsActionMenuAlign, CxsActionMenuItem, CxsActionMenuItemTone, CxsAlertVariant, CxsAvatarShape, CxsAvatarSize, CxsBadgeSize, CxsBadgeVariant, CxsBreadcrumbItem, CxsBreadcrumbSize, CxsBreadcrumbVariant, CxsButtonIconPosition, CxsButtonSize, CxsButtonVariant, CxsCardSize, CxsCardVariant, CxsCarouselItem, CxsCheckboxSize, CxsCurrencyFormatPreference, CxsDataTableAlign, CxsDataTableCellContext, CxsDataTableColumn, CxsDataTableFilterType, CxsDataTablePin, CxsDataTableSort, CxsDataTableSortDirection, CxsDateFormatPreference, CxsDatepickerSize, CxsDatepickerVariant, CxsDialogCloseReason, CxsDialogSize, CxsHabitGridDay, CxsHabitGridDayState, CxsHabitGridDayToggle, CxsHabitGridWeek, CxsIconName, CxsIconSize, CxsInputSize, CxsInputType, CxsInputVariant, CxsIsoDay, CxsMenubarItem, CxsMenubarSize, CxsMenubarVariant, CxsMultiSelectOption, CxsMultiSelectSize, CxsMultiSelectVariant, CxsProgressBarSize, CxsProgressBarVariant, CxsRadioChipOption, CxsRadioChipSize, CxsRadioChipTone, CxsRadioSize, CxsRadioVariant, CxsSelectSize, CxsSelectVariant, CxsSkeletonSize, CxsSkeletonVariant, CxsSliderSize, CxsSliderVariant, CxsTableAlign, CxsTableColumn, CxsThemeMode, CxsToastCloseReason, CxsToastMaxWidth, CxsToastPosition, CxsToastVariant, CxsToggleSize, CxsTooltipPosition };
|
|
1320
|
+
export { CXS_USER_PREFERENCE_CHANGED_EVENT, CXS_USER_SESSION_STORAGE_KEY, CerxosUi, CxsAccordionComponent, CxsAccordionItemComponent, CxsActionMenuComponent, CxsAlertComponent, CxsAvatarComponent, CxsBadgeComponent, CxsBreadcrumbComponent, CxsButtonComponent, CxsCardComponent, CxsCarouselComponent, CxsCheckboxComponent, CxsCurrencyPipe, CxsDataTableCellDirective, CxsDataTableComponent, CxsDatePipe, CxsDatepickerComponent, CxsDialogComponent, CxsHabitGridComponent, CxsHoverCardComponent, CxsHoverCardContentDirective, CxsHoverCardTriggerDirective, CxsIconComponent, CxsInputComponent, CxsMenubarComponent, CxsMultiSelectComponent, CxsPreferenceFormattingService, CxsProgressBarComponent, CxsRadioChipGroupComponent, CxsRadioComponent, CxsSelectComponent, CxsSkeletonComponent, CxsSliderComponent, CxsTabLabelDirective, CxsTabPanelComponent, CxsTableComponent, CxsTabsComponent, CxsThemeDirective, CxsToastComponent, CxsToggleComponent, CxsTooltipComponent };
|
|
1321
|
+
export type { CxsAccordionItemSize, CxsAccordionSpacing, CxsActionMenuAlign, CxsActionMenuItem, CxsActionMenuItemTone, CxsAlertVariant, CxsAvatarShape, CxsAvatarSize, CxsBadgeSize, CxsBadgeVariant, CxsBreadcrumbItem, CxsBreadcrumbSize, CxsBreadcrumbVariant, CxsButtonIconPosition, CxsButtonSize, CxsButtonVariant, CxsCardSize, CxsCardVariant, CxsCarouselItem, CxsCheckboxSize, CxsCurrencyFormatPreference, CxsDataTableAlign, CxsDataTableCellContext, CxsDataTableColumn, CxsDataTableFilterType, CxsDataTablePin, CxsDataTableSort, CxsDataTableSortDirection, CxsDateFormatPreference, CxsDatepickerSize, CxsDatepickerVariant, CxsDialogCloseReason, CxsDialogSize, CxsHabitGridDay, CxsHabitGridDayState, CxsHabitGridDayToggle, CxsHabitGridWeek, CxsHoverCardAlign, CxsHoverCardSide, CxsIconName, CxsIconSize, CxsInputSize, CxsInputType, CxsInputVariant, CxsIsoDay, CxsMenubarItem, CxsMenubarSize, CxsMenubarVariant, CxsMultiSelectOption, CxsMultiSelectSize, CxsMultiSelectVariant, CxsProgressBarSize, CxsProgressBarVariant, CxsRadioChipOption, CxsRadioChipSize, CxsRadioChipTone, CxsRadioSize, CxsRadioVariant, CxsSelectSize, CxsSelectVariant, CxsSkeletonSize, CxsSkeletonVariant, CxsSliderSize, CxsSliderVariant, CxsTableAlign, CxsTableColumn, CxsThemeMode, CxsToastCloseReason, CxsToastMaxWidth, CxsToastPosition, CxsToastVariant, CxsToggleSize, CxsTooltipPosition };
|