@educarehq/solaris-components 0.3.9 → 0.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@educarehq/solaris-components",
-  "version": "0.3.9",
+  "version": "0.4.0",
   "peerDependencies": {
     "@angular/core": "^21.1.0",
     "intl-tel-input": "^26.0.9",

package/types/educarehq-solaris-components.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { ElementRef, TemplateRef, AfterContentInit, OnDestroy, EventEmitter, QueryList, OnChanges, SimpleChanges, InjectionToken, EnvironmentProviders, OnInit, AfterViewInit, WritableSignal } from '@angular/core';
-import { SolarisTranslationParams } from '@educarehq/solaris-services';
+import { ElementRef, TemplateRef, AfterContentInit, OnDestroy, EventEmitter, OnChanges, ChangeDetectorRef, SimpleChanges, QueryList, InjectionToken, EnvironmentProviders, OnInit, AfterViewInit, WritableSignal } from '@angular/core';
 import * as _educarehq_solaris_components from '@educarehq/solaris-components';
+import { SolarisTranslationParams } from '@educarehq/solaris-services';
 import { ControlValueAccessor, Validator, ValidationErrors, AbstractControl, NgControl } from '@angular/forms';
 
 declare class SolarisDropdownContentTriggerDirective {
@@ -124,6 +124,116 @@ declare class SolarisBreadcrumb {
     static ɵcmp: i0.ɵɵComponentDeclaration<SolarisBreadcrumb, "solaris-breadcrumb", never, { "minItems": { "alias": "min-items"; "required": false; }; "maxItems": { "alias": "max-items"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "items": { "alias": "items"; "required": true; }; }, { "itemSelect": "itemSelect"; }, never, never, true, never>;
 }
 
+type SolarisSizePreset = 'sm' | 'md' | 'lg';
+type SolarisRadiusPreset = 'none' | 'sm' | 'md' | 'lg' | 'full';
+type SolarisColorPreset = 'primary' | 'surface' | 'success' | 'warning' | 'error' | 'info' | 'gradient';
+
+type BadgeVariant = 'solid' | 'subtle' | 'outline';
+type BadgeColorInput = SolarisColorPreset | string & {
+    readonly __solarisCustom?: unique symbol;
+};
+
+type SolarisStepperOrientation = 'horizontal' | 'vertical';
+type SolarisStepperAppearance = 'default' | 'compact';
+type SolarisStepperPhase = 'pending' | 'current' | 'completed';
+type SolarisStepperStatus = 'default' | 'warning' | 'error' | 'disabled' | 'locked';
+type SolarisStepperChangeReason = 'header' | 'next' | 'previous' | 'programmatic';
+interface SolarisStepperChangeEvent {
+    previousIndex: number;
+    currentIndex: number;
+    reason: SolarisStepperChangeReason;
+}
+
+declare class SolarisStepperItem {
+    stepId?: string;
+    label?: string;
+    labelKey?: string;
+    title?: string;
+    titleKey?: string;
+    description?: string;
+    descriptionKey?: string;
+    icon?: string;
+    optional: boolean;
+    phase: SolarisStepperPhase | null;
+    status: SolarisStepperStatus;
+    badgeText?: string;
+    badgeTextKey?: string;
+    badgeColor?: BadgeColorInput;
+    badgeVariant: BadgeVariant;
+    badgeSize: SolarisSizePreset;
+    badgePill: boolean;
+    active: boolean;
+    index: number;
+    headerId: string;
+    panelId: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SolarisStepperItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SolarisStepperItem, "solaris-stepper-item", never, { "stepId": { "alias": "stepId"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelKey": { "alias": "labelKey"; "required": false; }; "title": { "alias": "title"; "required": false; }; "titleKey": { "alias": "titleKey"; "required": false; }; "description": { "alias": "description"; "required": false; }; "descriptionKey": { "alias": "descriptionKey"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "optional": { "alias": "optional"; "required": false; }; "phase": { "alias": "phase"; "required": false; }; "status": { "alias": "status"; "required": false; }; "badgeText": { "alias": "badgeText"; "required": false; }; "badgeTextKey": { "alias": "badgeTextKey"; "required": false; }; "badgeColor": { "alias": "badgeColor"; "required": false; }; "badgeVariant": { "alias": "badgeVariant"; "required": false; }; "badgeSize": { "alias": "badgeSize"; "required": false; }; "badgePill": { "alias": "badgePill"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class SolarisStepper implements AfterContentInit, OnChanges {
+    private readonly changeDetectorRef;
+    private readonly destroyRef;
+    private static nextId;
+    orientation: SolarisStepperOrientation;
+    appearance: SolarisStepperAppearance;
+    linear: boolean;
+    interactive: boolean;
+    activeIndex: number | null;
+    defaultActiveIndex: number;
+    allowBackNavigation: boolean;
+    allowFutureNavigation: boolean;
+    allowSkip: boolean;
+    showStateBadges: boolean;
+    readonly activeIndexChange: EventEmitter<number>;
+    readonly nextChange: EventEmitter<number>;
+    readonly previousChange: EventEmitter<number>;
+    readonly stepChange: EventEmitter<SolarisStepperChangeEvent>;
+    private readonly itemsQuery?;
+    private readonly stepButtons?;
+    items: SolarisStepperItem[];
+    private readonly uid;
+    private internalActiveIndex;
+    get currentIndex(): number;
+    constructor(changeDetectorRef: ChangeDetectorRef);
+    ngAfterContentInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    next(): void;
+    previous(): void;
+    setActiveStep(index: number): void;
+    onStepHeaderClick(index: number): void;
+    onStepKeydown(event: KeyboardEvent, index: number): void;
+    isCurrent(index: number): boolean;
+    isCompleted(index: number): boolean;
+    isPending(index: number): boolean;
+    resolvePhase(item: SolarisStepperItem, index: number): SolarisStepperPhase;
+    getStepClasses(item: SolarisStepperItem, index: number): Record<string, boolean>;
+    getConnectorClasses(index: number): Record<string, boolean>;
+    getMarkerIcon(item: SolarisStepperItem, index: number): string | null;
+    getMarkerText(item: SolarisStepperItem, index: number): string | null;
+    hasBadge(item: SolarisStepperItem, index: number): boolean;
+    getResolvedLabel(item: SolarisStepperItem, index: number): string | null;
+    getResolvedBadgeColor(item: SolarisStepperItem, index: number): _educarehq_solaris_components.BadgeColorInput;
+    getResolvedBadgeVariant(item: SolarisStepperItem): _educarehq_solaris_components.BadgeVariant;
+    getAutoBadgeTranslationKey(item: SolarisStepperItem, index: number): string;
+    getTitle(item: SolarisStepperItem): string;
+    getDescription(item: SolarisStepperItem): string;
+    getStepAriaLabel(item: SolarisStepperItem, index: number): string;
+    trackByIndex(index: number): number;
+    private syncItems;
+    private commitIndexChange;
+    private canActivateByHeaderClick;
+    private isProgrammaticallyNavigable;
+    private findAdjacentNavigableIndex;
+    private isDisabledLike;
+    private isControlled;
+    private isInBounds;
+    private normalizeIndex;
+    private focusRelativeButton;
+    private focusButton;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SolarisStepper, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SolarisStepper, "solaris-stepper", never, { "orientation": { "alias": "orientation"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "linear": { "alias": "linear"; "required": false; }; "interactive": { "alias": "interactive"; "required": false; }; "activeIndex": { "alias": "activeIndex"; "required": false; }; "defaultActiveIndex": { "alias": "defaultActiveIndex"; "required": false; }; "allowBackNavigation": { "alias": "allowBackNavigation"; "required": false; }; "allowFutureNavigation": { "alias": "allowFutureNavigation"; "required": false; }; "allowSkip": { "alias": "allowSkip"; "required": false; }; "showStateBadges": { "alias": "showStateBadges"; "required": false; }; }, { "activeIndexChange": "activeIndexChange"; "nextChange": "next"; "previousChange": "previous"; "stepChange": "stepChange"; }, ["itemsQuery"], ["*"], true, never>;
+}
+
 declare class SolarisPopoverTriggerDirective {
     readonly elementRef: ElementRef<HTMLElement>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SolarisPopoverTriggerDirective, never>;
@@ -279,10 +389,6 @@ declare class SolarisNotificationIntlService {
     static ɵprov: i0.ɵɵInjectableDeclaration<SolarisNotificationIntlService>;
 }
 
-type SolarisSizePreset = 'sm' | 'md' | 'lg';
-type SolarisRadiusPreset = 'none' | 'sm' | 'md' | 'lg' | 'full';
-type SolarisColorPreset = 'primary' | 'surface' | 'success' | 'warning' | 'error' | 'info' | 'gradient';
-
 type SolarisButtonVariant = 'solid' | 'outline' | 'ghost' | 'soft';
 type SolarisRadiusInput = SolarisRadiusPreset | SolarisCustomString;
 type SolarisButtonColorInput = SolarisColorPreset | SolarisCustomString;
@@ -436,7 +542,7 @@ declare class SolarisNotificationItemComponent {
     readonly paused: i0.Signal<boolean>;
     readonly secondsLeft: i0.Signal<number>;
     readonly progress: i0.Signal<number>;
-    readonly iconClass: i0.Signal<"ph-check-circle" | "ph-warning-circle" | "ph-x-circle" | "ph-info">;
+    readonly iconClass: i0.Signal<"ph-x-circle" | "ph-warning-circle" | "ph-check-circle" | "ph-info">;
     protected readonly isCompactHeader: i0.Signal<boolean>;
     toggleExpanded(): void;
     toggleUserPause(): void;
@@ -501,11 +607,6 @@ type Spoke = {
     opacity: number;
 };
 
-type BadgeVariant = 'solid' | 'subtle' | 'outline';
-type BadgeColorInput = SolarisColorPreset | string & {
-    readonly __solarisCustom?: unique symbol;
-};
-
 declare class SolarisBadge {
     pill: boolean;
     customTextColor?: string;
@@ -1475,5 +1576,5 @@ declare class SolarisSelect implements OnInit, ControlValueAccessor, AfterViewIn
     static ɵcmp: i0.ɵɵComponentDeclaration<SolarisSelect, "solaris-select", never, { "items": { "alias": "items"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "valueKey": { "alias": "valueKey"; "required": false; }; "backKey": { "alias": "backKey"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "placeholderKey": { "alias": "placeholderKey"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "selectedCountKey": { "alias": "selectedCountKey"; "required": false; }; "selectedFirst": { "alias": "selectedFirst"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "selectedCountText": { "alias": "selectedCountText"; "required": false; }; "panelMaxHeight": { "alias": "panelMaxHeight"; "required": false; }; "searchPlaceholderKey": { "alias": "searchPlaceholderKey"; "required": false; }; "selectionSeparator": { "alias": "selectionSeparator"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "backText": { "alias": "backText"; "required": false; }; "selectionDisplay": { "alias": "selectionDisplay"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-export { ButtonDirective, ButtonGroupDirective, FieldErrorComponent, FormField, InputTextDirective, PasswordToggle, SOLARIS_FORM_FIELD_CONTROLLER, SOLARIS_FORM_FIELD_FEATURES, SOLARIS_INPUT, SOLARIS_NOTIFICATION_CONFIG, SOLARIS_NOTIFICATION_DEFAULT_CONFIG, SOLARIS_NOTIFICATION_POSITIONS, SolarisBadge, SolarisBodyDirective, SolarisBreadcrumb, SolarisCheckbox, SolarisColumnCellDef, SolarisColumnHeaderDef, SolarisControlBridgeDirective, SolarisDivider, SolarisDrawer, SolarisDrawerFooterDirective, SolarisDrawerHeaderDirective, SolarisDropdownContent, SolarisDropdownContentPanelDirective, SolarisDropdownContentRegistry, SolarisDropdownContentTriggerDirective, SolarisEmailDirective, SolarisFilterBar, SolarisFilterChip, SolarisFilterField, SolarisFilterPanel, SolarisFilterPanelFooterDirective, SolarisFooterDirective, SolarisFormFieldController, SolarisHeaderDirective, SolarisIdGenerator, SolarisImageSliderComponent, SolarisLoading, SolarisLoadingOverlay, SolarisNotificationCenterComponent, SolarisNotificationHostComponent, SolarisNotificationIntlService, SolarisNotificationItemComponent, SolarisNotificationService, SolarisPage, SolarisPageHeader, SolarisPageHeaderBreadcrumbDirective, SolarisPageHeaderDescriptionDirective, SolarisPageHeaderTitle, SolarisPageHeaderTitleDirective, SolarisPasswordDirective, SolarisPhoneInput, SolarisPopover, SolarisPopoverPanelDirective, SolarisPopoverTriggerDirective, SolarisPrefixDirective, SolarisRowComponent, SolarisSectionComponent, SolarisSelect, SolarisSuffixDirective, SolarisTab, SolarisTable, SolarisTableColumn, SolarisTableFilters, SolarisTableSkeleton, SolarisTabs, computePopoverPosition, provideSolarisNotifications, uniqueId };
-export type { BadgeColorInput, BadgeVariant, CheckboxAppearance, CheckboxColorInput, CheckboxVariant, DividerLabelAlign, DividerOrientation, DividerSpacing, DividerStrength, DividerVariant, Iso2, LoadingType, PhoneFormat, SelectionDisplay, SolarisAlign, SolarisBreadcrumbItem, SolarisBreadcrumbTarget, SolarisButtonColorInput, SolarisButtonVariant, SolarisCheckCustomString, SolarisColorPreset, SolarisCustomString, SolarisDrawerSide, SolarisDropdownContentInterface, SolarisDropdownWidthMode, SolarisFilterPanelRadius, SolarisFormFieldAppearance, SolarisFormFieldControllerLike, SolarisFormFieldFeature, SolarisFormFieldRadius, SolarisFormFieldShowErrors, SolarisInputApi, SolarisLoadingColor, SolarisLoadingDashDensity, SolarisLoadingEasing, SolarisLoadingPresetColor, SolarisLoadingSize, SolarisLoadingSpeed, SolarisLoadingTrail, SolarisNotificationAction, SolarisNotificationActionContext, SolarisNotificationConfig, SolarisNotificationConfigInput, SolarisNotificationInput, SolarisNotificationKind, SolarisNotificationPosition, SolarisNotificationRecord, SolarisNotificationRef, SolarisNotificationState, SolarisPageChange, SolarisPopoverPlacement, SolarisPopoverPositionConfiguration, SolarisPopoverPositionResult, SolarisRadiusInput, SolarisRadiusPreset, SolarisRowKey, SolarisSelectDivider, SolarisSelectGroup, SolarisSelectItem, SolarisSelectNode, SolarisSelectRow, SolarisSizePreset, SolarisSliderItem, SolarisSliderOverlayContext, SolarisSort, SolarisSortDirection, SolarisTableI18n, SolarisTableVariant, StackLevel, TabsSize, TabsVariant };
+export { ButtonDirective, ButtonGroupDirective, FieldErrorComponent, FormField, InputTextDirective, PasswordToggle, SOLARIS_FORM_FIELD_CONTROLLER, SOLARIS_FORM_FIELD_FEATURES, SOLARIS_INPUT, SOLARIS_NOTIFICATION_CONFIG, SOLARIS_NOTIFICATION_DEFAULT_CONFIG, SOLARIS_NOTIFICATION_POSITIONS, SolarisBadge, SolarisBodyDirective, SolarisBreadcrumb, SolarisCheckbox, SolarisColumnCellDef, SolarisColumnHeaderDef, SolarisControlBridgeDirective, SolarisDivider, SolarisDrawer, SolarisDrawerFooterDirective, SolarisDrawerHeaderDirective, SolarisDropdownContent, SolarisDropdownContentPanelDirective, SolarisDropdownContentRegistry, SolarisDropdownContentTriggerDirective, SolarisEmailDirective, SolarisFilterBar, SolarisFilterChip, SolarisFilterField, SolarisFilterPanel, SolarisFilterPanelFooterDirective, SolarisFooterDirective, SolarisFormFieldController, SolarisHeaderDirective, SolarisIdGenerator, SolarisImageSliderComponent, SolarisLoading, SolarisLoadingOverlay, SolarisNotificationCenterComponent, SolarisNotificationHostComponent, SolarisNotificationIntlService, SolarisNotificationItemComponent, SolarisNotificationService, SolarisPage, SolarisPageHeader, SolarisPageHeaderBreadcrumbDirective, SolarisPageHeaderDescriptionDirective, SolarisPageHeaderTitle, SolarisPageHeaderTitleDirective, SolarisPasswordDirective, SolarisPhoneInput, SolarisPopover, SolarisPopoverPanelDirective, SolarisPopoverTriggerDirective, SolarisPrefixDirective, SolarisRowComponent, SolarisSectionComponent, SolarisSelect, SolarisStepper, SolarisStepperItem, SolarisSuffixDirective, SolarisTab, SolarisTable, SolarisTableColumn, SolarisTableFilters, SolarisTableSkeleton, SolarisTabs, computePopoverPosition, provideSolarisNotifications, uniqueId };
+export type { BadgeColorInput, BadgeVariant, CheckboxAppearance, CheckboxColorInput, CheckboxVariant, DividerLabelAlign, DividerOrientation, DividerSpacing, DividerStrength, DividerVariant, Iso2, LoadingType, PhoneFormat, SelectionDisplay, SolarisAlign, SolarisBreadcrumbItem, SolarisBreadcrumbTarget, SolarisButtonColorInput, SolarisButtonVariant, SolarisCheckCustomString, SolarisColorPreset, SolarisCustomString, SolarisDrawerSide, SolarisDropdownContentInterface, SolarisDropdownWidthMode, SolarisFilterPanelRadius, SolarisFormFieldAppearance, SolarisFormFieldControllerLike, SolarisFormFieldFeature, SolarisFormFieldRadius, SolarisFormFieldShowErrors, SolarisInputApi, SolarisLoadingColor, SolarisLoadingDashDensity, SolarisLoadingEasing, SolarisLoadingPresetColor, SolarisLoadingSize, SolarisLoadingSpeed, SolarisLoadingTrail, SolarisNotificationAction, SolarisNotificationActionContext, SolarisNotificationConfig, SolarisNotificationConfigInput, SolarisNotificationInput, SolarisNotificationKind, SolarisNotificationPosition, SolarisNotificationRecord, SolarisNotificationRef, SolarisNotificationState, SolarisPageChange, SolarisPopoverPlacement, SolarisPopoverPositionConfiguration, SolarisPopoverPositionResult, SolarisRadiusInput, SolarisRadiusPreset, SolarisRowKey, SolarisSelectDivider, SolarisSelectGroup, SolarisSelectItem, SolarisSelectNode, SolarisSelectRow, SolarisSizePreset, SolarisSliderItem, SolarisSliderOverlayContext, SolarisSort, SolarisSortDirection, SolarisStepperAppearance, SolarisStepperChangeEvent, SolarisStepperChangeReason, SolarisStepperOrientation, SolarisStepperPhase, SolarisStepperStatus, SolarisTableI18n, SolarisTableVariant, StackLevel, TabsSize, TabsVariant };