integra-ng 21.1.2 → 21.1.6

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "integra-ng",
-  "version": "21.1.2",
+  "version": "21.1.6",
   "repository": {
     "type": "git",
     "url": "https://github.com/ulbrichFrauendorf/integra-ng"
   },
   "peerDependencies": {
-    "@angular/common": "^21.0.0",
-    "@angular/core": "^21.0.0",
-    "chart.js": "^4.0.0",
+    "@angular/common": "^21.2.12",
+    "@angular/core": "^21.2.12",
+    "chart.js": "^4.5.1",
     "primeicons": "^7.0.0"
   },
   "dependencies": {

package/types/integra-ng.d.ts

@@ -3622,6 +3622,135 @@ declare class ITabs implements AfterContentInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<ITabs, "i-tabs", never, { "activeIndex": { "alias": "activeIndex"; "required": false; }; }, { "activeIndexChange": "activeIndexChange"; "onChange": "onChange"; "onClose": "onClose"; }, ["tabPanels"], never, true, never>;
 }
 
+/**
+ * Supported toggle sizes
+ */
+type IToggleSize = 'small' | 'medium' | 'large';
+/**
+ * Toggle Component
+ *
+ * A form control toggle switch component that switches between true and false.
+ * Supports multiple sizes and states, and is fully compatible with Angular Reactive Forms.
+ *
+ * @example
+ * ```html
+ * <!-- Basic toggle -->
+ * <i-toggle label="Enable notifications"></i-toggle>
+ *
+ * <!-- Toggle with ngModel -->
+ * <i-toggle
+ *   label="Dark mode"
+ *   [(ngModel)]="darkMode">
+ * </i-toggle>
+ *
+ * <!-- Toggle in reactive form -->
+ * <i-toggle
+ *   label="Accept terms"
+ *   formControlName="acceptTerms">
+ * </i-toggle>
+ *
+ * <!-- Disabled toggle -->
+ * <i-toggle
+ *   label="Disabled option"
+ *   [disabled]="true">
+ * </i-toggle>
+ *
+ * <!-- Different sizes -->
+ * <i-toggle label="Small" size="small"></i-toggle>
+ * <i-toggle label="Medium" size="medium"></i-toggle>
+ * <i-toggle label="Large" size="large"></i-toggle>
+ * ```
+ *
+ * @remarks
+ * This component implements ControlValueAccessor for seamless integration with Angular Forms.
+ */
+declare class IToggle implements ControlValueAccessor {
+    /**
+     * Label text displayed next to the toggle
+     */
+    label?: string;
+    /**
+     * HTML id attribute for the toggle element
+     */
+    id?: string;
+    /**
+     * Whether the toggle is disabled
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * Whether the toggle is readonly (cannot be changed by user)
+     * @default false
+     */
+    readonly: boolean;
+    /**
+     * Size of the toggle
+     * @default 'medium'
+     */
+    size: IToggleSize;
+    /**
+     * Checked (on) state of the toggle
+     */
+    set checked(value: boolean);
+    get checked(): boolean;
+    /**
+     * Event emitted when toggle state changes
+     */
+    onChange: EventEmitter<boolean>;
+    /**
+     * Unique component identifier
+     * @internal
+     */
+    componentId: string;
+    /**
+     * Internal checked state
+     * @internal
+     */
+    private _checked;
+    /**
+     * Callback for ControlValueAccessor
+     * @internal
+     */
+    private onChangeCallback;
+    /**
+     * Callback for ControlValueAccessor
+     * @internal
+     */
+    private onTouchedCallback;
+    /**
+     * Toggles the switch state
+     * @internal
+     */
+    toggle(): void;
+    /**
+     * Handles keyboard events (Space/Enter) — only prevents default when interactive
+     * @internal
+     */
+    handleKeydown(event: Event): void;
+    /**
+     * Writes a value to the toggle (ControlValueAccessor)
+     * @internal
+     */
+    writeValue(value: boolean): void;
+    /**
+     * Registers the onChange callback (ControlValueAccessor)
+     * @internal
+     */
+    registerOnChange(fn: (value: boolean) => void): void;
+    /**
+     * Registers the onTouched callback (ControlValueAccessor)
+     * @internal
+     */
+    registerOnTouched(fn: () => void): void;
+    /**
+     * Sets the disabled state (ControlValueAccessor)
+     * @internal
+     */
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IToggle, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IToggle, "i-toggle", never, { "label": { "alias": "label"; "required": false; }; "id": { "alias": "id"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "size": { "alias": "size"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, { "onChange": "onChange"; }, never, never, true, never>;
+}
+
 /**
  * Tree node data structure
  */
@@ -5492,5 +5621,5 @@ interface ZIndexUtilsInterface {
 }
 declare function ZIndexUtils(): ZIndexUtilsInterface;
 
-export { AbstractDialog, CLAIMS_CHECKER, ConfirmationDialogComponent, ConfirmationDialogService, DataUpdateEventService, DialogService, EmptyStateComponent, IAccordion, IAccordionList, IButton, ICalendar, ICard, IChart, ICheckbox, IChip, IChipsComponent, IDialog, IDialogActions, IDialogBase, IInputText, IListbox, IMessage, IMultiSelect, IOverlayPanel, IPanel, IPlaceholder, IProgressSpinner, IRadioButton, ISelect, ITabPanel, ITable, ITabs, ITag, ITextarea, ITreeView, IWhisper, LayoutComponent, LayoutService, LocalStorageColorSchemeKey, MenuComponent, NoContentComponent, SeoService, SidebarComponent, StructuredDataService, TooltipComponent, TooltipDirective, TopbarComponent, UniqueComponentId, WhisperService, ZIndexUtils, lastId, provideMenuClaimsChecker };
-export type { AppConfig, ArticleSchema, BreadcrumbItem, CalendarView, ChipItem, ChipRemoveEvent, ClaimsChecker, ConfirmationDialogConfig, DialogBreakpoints, DialogContentStyle, FilterEvent, GridAction, GridData, GridDetails, IButtonSize, IChartData, IChartDataSet, IChartDisplay, IChartType, IChartTypeExtended, ICheckboxSize, IDynamicDialogConfig, IDynamicDialogRef, IInputBackgroundStyle, ITagSize, ITextareaBackgroundStyle, ITreeNode, IWhisperMessage, IWhisperOptions, IWhisperPosition, LayoutConfig, ListboxOption, MenuItem, MenuModel, MessageSize, MultiSelectOption, OrganizationSchema, PlaceholderArrowDirection, SelectOption, SeoConfig, SortEvent, TableColumn, TableDownloadEvent, TooltipPosition, TreeSelectionMode, WebSiteSchema };
+export { AbstractDialog, CLAIMS_CHECKER, ConfirmationDialogComponent, ConfirmationDialogService, DataUpdateEventService, DialogService, EmptyStateComponent, IAccordion, IAccordionList, IButton, ICalendar, ICard, IChart, ICheckbox, IChip, IChipsComponent, IDialog, IDialogActions, IDialogBase, IInputText, IListbox, IMessage, IMultiSelect, IOverlayPanel, IPanel, IPlaceholder, IProgressSpinner, IRadioButton, ISelect, ITabPanel, ITable, ITabs, ITag, ITextarea, IToggle, ITreeView, IWhisper, LayoutComponent, LayoutService, LocalStorageColorSchemeKey, MenuComponent, NoContentComponent, SeoService, SidebarComponent, StructuredDataService, TooltipComponent, TooltipDirective, TopbarComponent, UniqueComponentId, WhisperService, ZIndexUtils, lastId, provideMenuClaimsChecker };
+export type { AppConfig, ArticleSchema, BreadcrumbItem, CalendarView, ChipItem, ChipRemoveEvent, ClaimsChecker, ConfirmationDialogConfig, DialogBreakpoints, DialogContentStyle, FilterEvent, GridAction, GridData, GridDetails, IButtonSize, IChartData, IChartDataSet, IChartDisplay, IChartType, IChartTypeExtended, ICheckboxSize, IDynamicDialogConfig, IDynamicDialogRef, IInputBackgroundStyle, ITagSize, ITextareaBackgroundStyle, IToggleSize, ITreeNode, IWhisperMessage, IWhisperOptions, IWhisperPosition, LayoutConfig, ListboxOption, MenuItem, MenuModel, MessageSize, MultiSelectOption, OrganizationSchema, PlaceholderArrowDirection, SelectOption, SeoConfig, SortEvent, TableColumn, TableDownloadEvent, TooltipPosition, TreeSelectionMode, WebSiteSchema };