@agnos-ui/angular-bootstrap 0.7.0 → 0.8.0-next.0

package/agnos-ui-angular.module.d.ts

@@ -13,6 +13,6 @@ import * as i11 from "./components/collapse/collapse.component";
 import * as i12 from "./components/tree/tree.component";
 export declare class AgnosUIAngularModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AgnosUIAngularModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AgnosUIAngularModule, never, [typeof i1.SlotDirective, typeof i2.SelectComponent, typeof i2.SelectBadgeLabelDirective, typeof i2.SelectItemLabelDirective, typeof i1.UseDirective, typeof i1.UseMultiDirective, typeof i3.RatingComponent, typeof i3.RatingStarDirective, typeof i4.PaginationComponent, typeof i4.PaginationEllipsisDirective, typeof i4.PaginationFirstDirective, typeof i4.PaginationLastDirective, typeof i4.PaginationNextDirective, typeof i4.PaginationNumberDirective, typeof i4.PaginationPreviousDirective, typeof i4.PaginationPagesDirective, typeof i4.PaginationStructureDirective, typeof i5.ModalComponent, typeof i5.ModalStructureDirective, typeof i5.ModalHeaderDirective, typeof i5.ModalTitleDirective, typeof i5.ModalBodyDirective, typeof i5.ModalFooterDirective, typeof i6.AlertComponent, typeof i6.AlertStructureDirective, typeof i6.AlertBodyDirective, typeof i7.AccordionDirective, typeof i7.AccordionItemComponent, typeof i7.AccordionHeaderDirective, typeof i7.AccordionBodyDirective, typeof i7.AccordionItemStructureDirective, typeof i8.SliderComponent, typeof i8.SliderHandleDirective, typeof i8.SliderLabelDirective, typeof i8.SliderStructureDirective, typeof i9.ProgressbarComponent, typeof i9.ProgressbarStructureDirective, typeof i9.ProgressbarBodyDirective, typeof i10.ToastComponent, typeof i10.ToastStructureDirective, typeof i10.ToastBodyDirective, typeof i10.ToastHeaderDirective, typeof i11.CollapseDirective, typeof i12.TreeComponent, typeof i12.TreeStructureDirective, typeof i12.TreeItemToggleDirective, typeof i12.TreeItemContentDirective, typeof i12.TreeItemDirective], [typeof i1.SlotDirective, typeof i2.SelectComponent, typeof i2.SelectBadgeLabelDirective, typeof i2.SelectItemLabelDirective, typeof i1.UseDirective, typeof i1.UseMultiDirective, typeof i3.RatingComponent, typeof i3.RatingStarDirective, typeof i4.PaginationComponent, typeof i4.PaginationEllipsisDirective, typeof i4.PaginationFirstDirective, typeof i4.PaginationLastDirective, typeof i4.PaginationNextDirective, typeof i4.PaginationNumberDirective, typeof i4.PaginationPreviousDirective, typeof i4.PaginationPagesDirective, typeof i4.PaginationStructureDirective, typeof i5.ModalComponent, typeof i5.ModalStructureDirective, typeof i5.ModalHeaderDirective, typeof i5.ModalTitleDirective, typeof i5.ModalBodyDirective, typeof i5.ModalFooterDirective, typeof i6.AlertComponent, typeof i6.AlertStructureDirective, typeof i6.AlertBodyDirective, typeof i7.AccordionDirective, typeof i7.AccordionItemComponent, typeof i7.AccordionHeaderDirective, typeof i7.AccordionBodyDirective, typeof i7.AccordionItemStructureDirective, typeof i8.SliderComponent, typeof i8.SliderHandleDirective, typeof i8.SliderLabelDirective, typeof i8.SliderStructureDirective, typeof i9.ProgressbarComponent, typeof i9.ProgressbarStructureDirective, typeof i9.ProgressbarBodyDirective, typeof i10.ToastComponent, typeof i10.ToastStructureDirective, typeof i10.ToastBodyDirective, typeof i10.ToastHeaderDirective, typeof i11.CollapseDirective, typeof i12.TreeComponent, typeof i12.TreeStructureDirective, typeof i12.TreeItemToggleDirective, typeof i12.TreeItemContentDirective, typeof i12.TreeItemDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AgnosUIAngularModule, never, [typeof i1.SlotDirective, typeof i2.SelectComponent, typeof i2.SelectBadgeLabelDirective, typeof i2.SelectItemLabelDirective, typeof i1.UseDirective, typeof i1.UseMultiDirective, typeof i3.RatingComponent, typeof i3.RatingStarDirective, typeof i4.PaginationComponent, typeof i4.PaginationEllipsisDirective, typeof i4.PaginationFirstDirective, typeof i4.PaginationLastDirective, typeof i4.PaginationNextDirective, typeof i4.PaginationNumberDirective, typeof i4.PaginationPreviousDirective, typeof i4.PaginationPagesDirective, typeof i4.PaginationStructureDirective, typeof i5.ModalComponent, typeof i5.ModalStructureDirective, typeof i5.ModalHeaderDirective, typeof i5.ModalTitleDirective, typeof i5.ModalBodyDirective, typeof i5.ModalFooterDirective, typeof i6.AlertComponent, typeof i6.AlertStructureDirective, typeof i6.AlertBodyDirective, typeof i7.AccordionDirective, typeof i7.AccordionItemComponent, typeof i7.AccordionHeaderDirective, typeof i7.AccordionBodyDirective, typeof i7.AccordionItemStructureDirective, typeof i8.SliderComponent, typeof i8.SliderHandleDirective, typeof i8.SliderLabelDirective, typeof i8.SliderStructureDirective, typeof i8.SliderTickDirective, typeof i9.ProgressbarComponent, typeof i9.ProgressbarStructureDirective, typeof i9.ProgressbarBodyDirective, typeof i10.ToastComponent, typeof i10.ToastStructureDirective, typeof i10.ToastBodyDirective, typeof i10.ToastHeaderDirective, typeof i11.CollapseDirective, typeof i11.CollapseTriggerDirective, typeof i12.TreeComponent, typeof i12.TreeStructureDirective, typeof i12.TreeItemToggleDirective, typeof i12.TreeItemContentDirective, typeof i12.TreeItemDirective], [typeof i1.SlotDirective, typeof i2.SelectComponent, typeof i2.SelectBadgeLabelDirective, typeof i2.SelectItemLabelDirective, typeof i1.UseDirective, typeof i1.UseMultiDirective, typeof i3.RatingComponent, typeof i3.RatingStarDirective, typeof i4.PaginationComponent, typeof i4.PaginationEllipsisDirective, typeof i4.PaginationFirstDirective, typeof i4.PaginationLastDirective, typeof i4.PaginationNextDirective, typeof i4.PaginationNumberDirective, typeof i4.PaginationPreviousDirective, typeof i4.PaginationPagesDirective, typeof i4.PaginationStructureDirective, typeof i5.ModalComponent, typeof i5.ModalStructureDirective, typeof i5.ModalHeaderDirective, typeof i5.ModalTitleDirective, typeof i5.ModalBodyDirective, typeof i5.ModalFooterDirective, typeof i6.AlertComponent, typeof i6.AlertStructureDirective, typeof i6.AlertBodyDirective, typeof i7.AccordionDirective, typeof i7.AccordionItemComponent, typeof i7.AccordionHeaderDirective, typeof i7.AccordionBodyDirective, typeof i7.AccordionItemStructureDirective, typeof i8.SliderComponent, typeof i8.SliderHandleDirective, typeof i8.SliderLabelDirective, typeof i8.SliderStructureDirective, typeof i8.SliderTickDirective, typeof i9.ProgressbarComponent, typeof i9.ProgressbarStructureDirective, typeof i9.ProgressbarBodyDirective, typeof i10.ToastComponent, typeof i10.ToastStructureDirective, typeof i10.ToastBodyDirective, typeof i10.ToastHeaderDirective, typeof i11.CollapseDirective, typeof i11.CollapseTriggerDirective, typeof i12.TreeComponent, typeof i12.TreeStructureDirective, typeof i12.TreeItemToggleDirective, typeof i12.TreeItemContentDirective, typeof i12.TreeItemDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AgnosUIAngularModule>;
 }

package/components/collapse/collapse.component.d.ts

@@ -1,5 +1,6 @@
 import { BaseWidgetDirective } from '@agnos-ui/angular-headless';
 import type { CollapseWidget } from '@agnos-ui/core-bootstrap/components/collapse';
+import { type OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Directive to control the collapse behavior of an element.
@@ -73,3 +74,10 @@ export declare class CollapseDirective extends BaseWidgetDirective<CollapseWidge
     static ɵfac: i0.ɵɵFactoryDeclaration<CollapseDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CollapseDirective, "[auCollapse]", ["auCollapse"], { "animatedOnInit": { "alias": "auAnimatedOnInit"; "required": false; "isSignal": true; }; "animated": { "alias": "auAnimated"; "required": false; "isSignal": true; }; "className": { "alias": "auClassName"; "required": false; "isSignal": true; }; "horizontal": { "alias": "auHorizontal"; "required": false; "isSignal": true; }; "visible": { "alias": "auVisible"; "required": false; "isSignal": true; }; "id": { "alias": "auId"; "required": false; "isSignal": true; }; }, { "visibleChange": "auVisibleChange"; "hidden": "auHidden"; "shown": "auShown"; }, never, never, true, never>;
 }
+export declare class CollapseTriggerDirective implements OnInit {
+    readonly auCollapseTrigger: import("@angular/core").InputSignal<CollapseDirective>;
+    private readonly injector;
+    ngOnInit(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CollapseTriggerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CollapseTriggerDirective, "[auCollapseTrigger]", never, { "auCollapseTrigger": { "alias": "auCollapseTrigger"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/collapse/collapse.gen.d.ts

@@ -134,6 +134,10 @@ export interface CollapseDirectives {
      * Directive to apply the collapse.
      */
     collapseDirective: Directive;
+    /**
+     * Directive to apply to a trigger;
+     */
+    triggerDirective: Directive;
 }
 /**
  * Represents a widget for handling collapse functionality.

package/components/slider/slider.component.d.ts

@@ -1,7 +1,8 @@
 import type { SlotContent } from '@agnos-ui/angular-headless';
 import { BaseWidgetDirective } from '@agnos-ui/angular-headless';
 import { TemplateRef } from '@angular/core';
-import type { SliderContext, SliderSlotHandleContext, SliderSlotLabelContext, SliderWidget } from './slider.gen';
+import { type ControlValueAccessor } from '@angular/forms';
+import type { SliderContext, SliderSlotHandleContext, SliderSlotLabelContext, SliderSlotTickContext, SliderWidget } from './slider.gen';
 import * as i0 from "@angular/core";
 /**
  * Directive to provide a template reference for slider labels.
@@ -17,7 +18,7 @@ export declare class SliderLabelDirective {
 /**
  * Directive representing a handle for a slider component.
  *
- * This directive uses a template reference to render the {@link SliderSlotLabelContext}.
+ * This directive uses a template reference to render the {@link SliderSlotHandleContext}.
  */
 export declare class SliderHandleDirective {
     templateRef: TemplateRef<any>;
@@ -29,6 +30,21 @@ export declare class SliderHandleDirective {
  * A constant representing the default slot handle for the slider component.
  */
 export declare const sliderDefaultSlotHandle: SlotContent<SliderSlotHandleContext>;
+/**
+ * Directive representing a tick for a slider component.
+ *
+ * This directive uses a template reference to render the {@link SliderSlotTickContext}.
+ */
+export declare class SliderTickDirective {
+    templateRef: TemplateRef<any>;
+    static ngTemplateContextGuard(_dir: SliderTickDirective, context: unknown): context is SliderSlotTickContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SliderTickDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SliderTickDirective, "ng-template[auSliderTick]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * A constant representing the default slot tick for the slider component.
+ */
+export declare const sliderDefaultSlotTick: SlotContent<SliderSlotTickContext>;
 /**
  * Directive that provides structure for the slider component.
  *
@@ -49,7 +65,7 @@ export declare const sliderDefaultSlotStructure: SlotContent<SliderContext>;
  * to provide a customizable slider widget. This component allows for various
  * configurations and customizations through its inputs and outputs.
  */
-export declare class SliderComponent extends BaseWidgetDirective<SliderWidget> {
+export declare class SliderComponent extends BaseWidgetDirective<SliderWidget> implements ControlValueAccessor {
     /**
      * CSS classes to be applied on the widget main container
      *
@@ -100,28 +116,35 @@ export declare class SliderComponent extends BaseWidgetDirective<SliderWidget> {
     readonly showMinMaxLabels: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
     /**
      * Return the value for the 'aria-label' attribute for the handle
-     * @param value - value of the handle
      * @param sortedIndex - index of the handle in the sorted list
-     * @param index - index of the handle in the original list
      *
      * @defaultValue
      * ```ts
-     * (value: number) => '' + value
+     * () => 'Value'
+     * ```
+     */
+    readonly ariaLabel: import("@angular/core").InputSignal<((sortedIndex: number) => string) | undefined>;
+    /**
+     * Return the value for the 'aria-labelledBy' attribute for the handle
+     * @param sortedIndex - index of the handle in the sorted list
+     *
+     * @defaultValue
+     * ```ts
+     * () => ''
      * ```
      */
-    readonly ariaLabelHandle: import("@angular/core").InputSignal<((value: number, sortedIndex: number, index: number) => string) | undefined>;
+    readonly ariaLabelledBy: import("@angular/core").InputSignal<((sortedIndex: number) => string) | undefined>;
     /**
      * Return the value for the 'aria-valuetext' attribute for the handle
      * @param value - value of the handle
      * @param sortedIndex - index of the handle in the sorted list
-     * @param index - index of the handle in the original list
      *
      * @defaultValue
      * ```ts
-     * (value: number) => '' + value
+     * (value: number) => ''
      * ```
      */
-    readonly ariaValueText: import("@angular/core").InputSignal<((value: number, sortedIndex: number, index: number) => string) | undefined>;
+    readonly ariaValueText: import("@angular/core").InputSignal<((value: number, sortedIndex: number) => string) | undefined>;
     /**
      * If `true` slider value cannot be changed but the slider is still focusable
      *
@@ -140,6 +163,25 @@ export declare class SliderComponent extends BaseWidgetDirective<SliderWidget> {
      * @defaultValue `false`
      */
     readonly vertical: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * If `true` the ticks are displayed on the slider
+     *
+     * @defaultValue `false`
+     */
+    readonly showTicks: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * Unit value between the ticks
+     * If value is set to `0` the {@link stepSize} is used to space the ticks
+     *
+     * @defaultValue `0`
+     */
+    readonly tickInterval: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+    /**
+     * If `true` the tick values are displayed on the slider
+     *
+     * @defaultValue `true`
+     */
+    readonly showTickValues: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
     /**
      * An event emitted when slider values are changed
      *
@@ -171,6 +213,11 @@ export declare class SliderComponent extends BaseWidgetDirective<SliderWidget> {
      */
     readonly handle: import("@angular/core").InputSignal<SlotContent<SliderSlotHandleContext>>;
     readonly slotHandleFromContent: import("@angular/core").Signal<SliderHandleDirective | undefined>;
+    /**
+     * Slot to change the ticks
+     */
+    readonly tick: import("@angular/core").InputSignal<SlotContent<SliderSlotTickContext>>;
+    readonly slotTickFromContent: import("@angular/core").Signal<SliderTickDirective | undefined>;
     constructor();
     /**
      * Control value accessor methods
@@ -183,5 +230,5 @@ export declare class SliderComponent extends BaseWidgetDirective<SliderWidget> {
     setDisabledState(isDisabled: boolean): void;
     handleBlur(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "[auSlider]", never, { "className": { "alias": "auClassName"; "required": false; "isSignal": true; }; "min": { "alias": "auMin"; "required": false; "isSignal": true; }; "max": { "alias": "auMax"; "required": false; "isSignal": true; }; "stepSize": { "alias": "auStepSize"; "required": false; "isSignal": true; }; "values": { "alias": "auValues"; "required": false; "isSignal": true; }; "rtl": { "alias": "auRtl"; "required": false; "isSignal": true; }; "showValueLabels": { "alias": "auShowValueLabels"; "required": false; "isSignal": true; }; "showMinMaxLabels": { "alias": "auShowMinMaxLabels"; "required": false; "isSignal": true; }; "ariaLabelHandle": { "alias": "auAriaLabelHandle"; "required": false; "isSignal": true; }; "ariaValueText": { "alias": "auAriaValueText"; "required": false; "isSignal": true; }; "readonly": { "alias": "auReadonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "auDisabled"; "required": false; "isSignal": true; }; "vertical": { "alias": "auVertical"; "required": false; "isSignal": true; }; "label": { "alias": "auLabel"; "required": false; "isSignal": true; }; "structure": { "alias": "auStructure"; "required": false; "isSignal": true; }; "handle": { "alias": "auHandle"; "required": false; "isSignal": true; }; }, { "valuesChange": "auValuesChange"; }, ["slotLabelFromContent", "slotStructureFromContent", "slotHandleFromContent"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "[auSlider]", never, { "className": { "alias": "auClassName"; "required": false; "isSignal": true; }; "min": { "alias": "auMin"; "required": false; "isSignal": true; }; "max": { "alias": "auMax"; "required": false; "isSignal": true; }; "stepSize": { "alias": "auStepSize"; "required": false; "isSignal": true; }; "values": { "alias": "auValues"; "required": false; "isSignal": true; }; "rtl": { "alias": "auRtl"; "required": false; "isSignal": true; }; "showValueLabels": { "alias": "auShowValueLabels"; "required": false; "isSignal": true; }; "showMinMaxLabels": { "alias": "auShowMinMaxLabels"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "auAriaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "auAriaLabelledBy"; "required": false; "isSignal": true; }; "ariaValueText": { "alias": "auAriaValueText"; "required": false; "isSignal": true; }; "readonly": { "alias": "auReadonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "auDisabled"; "required": false; "isSignal": true; }; "vertical": { "alias": "auVertical"; "required": false; "isSignal": true; }; "showTicks": { "alias": "auShowTicks"; "required": false; "isSignal": true; }; "tickInterval": { "alias": "auTickInterval"; "required": false; "isSignal": true; }; "showTickValues": { "alias": "auShowTickValues"; "required": false; "isSignal": true; }; "label": { "alias": "auLabel"; "required": false; "isSignal": true; }; "structure": { "alias": "auStructure"; "required": false; "isSignal": true; }; "handle": { "alias": "auHandle"; "required": false; "isSignal": true; }; "tick": { "alias": "auTick"; "required": false; "isSignal": true; }; }, { "valuesChange": "auValuesChange"; }, ["slotLabelFromContent", "slotStructureFromContent", "slotHandleFromContent", "slotTickFromContent"], never, true, never>;
 }

package/components/slider/slider.gen.d.ts

@@ -31,6 +31,15 @@ export interface SliderSlotHandleContext extends SliderContext {
      */
     item: SliderHandle;
 }
+/**
+ * Represents the context for a slider tick slot
+ */
+export interface SliderSlotTickContext extends SliderContext {
+    /**
+     * tick context
+     */
+    tick: SliderTick;
+}
 /**
  * Represents the state of a slider component.
  */
@@ -75,6 +84,10 @@ export interface SliderState {
      * Check if the slider is interactive, meaning it is not disabled or readonly
      */
     interactive: boolean;
+    /**
+     * Array of ticks to display on the slider component
+     */
+    ticks: SliderTick[];
     /**
      * Minimum value that can be assigned to the slider
      *
@@ -129,6 +142,12 @@ export interface SliderState {
      * @defaultValue `true`
      */
     showMinMaxLabels: boolean;
+    /**
+     * If `true` the ticks are displayed on the slider
+     *
+     * @defaultValue `false`
+     */
+    showTicks: boolean;
     /**
      * It `true` slider display is inversed
      *
@@ -158,6 +177,10 @@ export interface SliderState {
      *  Slot to change the handlers
      */
     handle: SlotContent<SliderSlotHandleContext>;
+    /**
+     * Slot to change the ticks
+     */
+    tick: SlotContent<SliderSlotTickContext>;
 }
 /**
  * Represents the properties for the Slider component.
@@ -165,28 +188,35 @@ export interface SliderState {
 export interface SliderProps {
     /**
      * Return the value for the 'aria-label' attribute for the handle
-     * @param value - value of the handle
      * @param sortedIndex - index of the handle in the sorted list
-     * @param index - index of the handle in the original list
      *
      * @defaultValue
      * ```ts
-     * (value: number) => '' + value
+     * () => 'Value'
+     * ```
+     */
+    ariaLabel: (sortedIndex: number) => string;
+    /**
+     * Return the value for the 'aria-labelledBy' attribute for the handle
+     * @param sortedIndex - index of the handle in the sorted list
+     *
+     * @defaultValue
+     * ```ts
+     * () => ''
      * ```
      */
-    ariaLabelHandle: (value: number, sortedIndex: number, index: number) => string;
+    ariaLabelledBy: (sortedIndex: number) => string;
     /**
      * Return the value for the 'aria-valuetext' attribute for the handle
      * @param value - value of the handle
      * @param sortedIndex - index of the handle in the sorted list
-     * @param index - index of the handle in the original list
      *
      * @defaultValue
      * ```ts
-     * (value: number) => '' + value
+     * (value: number) => ''
      * ```
      */
-    ariaValueText: (value: number, sortedIndex: number, index: number) => string;
+    ariaValueText: (value: number, sortedIndex: number) => string;
     /**
      * An event emitted when slider values are changed
      *
@@ -198,6 +228,19 @@ export interface SliderProps {
      * ```
      */
     onValuesChange: (values: number[]) => void;
+    /**
+     * Unit value between the ticks
+     * If value is set to `0` the {@link stepSize} is used to space the ticks
+     *
+     * @defaultValue `0`
+     */
+    tickInterval: number;
+    /**
+     * If `true` the tick values are displayed on the slider
+     *
+     * @defaultValue `true`
+     */
+    showTickValues: boolean;
     /**
      * Minimum value that can be assigned to the slider
      *
@@ -252,6 +295,12 @@ export interface SliderProps {
      * @defaultValue `true`
      */
     showMinMaxLabels: boolean;
+    /**
+     * If `true` the ticks are displayed on the slider
+     *
+     * @defaultValue `false`
+     */
+    showTicks: boolean;
     /**
      * It `true` slider display is inversed
      *
@@ -281,6 +330,10 @@ export interface SliderProps {
      *  Slot to change the handlers
      */
     handle: SlotContent<SliderSlotHandleContext>;
+    /**
+     * Slot to change the ticks
+     */
+    tick: SlotContent<SliderSlotTickContext>;
 }
 /**
  * Represents a slider widget component.
@@ -354,11 +407,44 @@ export interface SliderHandle {
     /**
      * ariaLabel of the handle
      */
-    ariaLabel: string;
+    ariaLabel: string | undefined;
     /**
      * ariaValueText of the handle
      */
-    ariaValueText: string;
+    ariaValueText: string | undefined;
+    /**
+     * aria-labelledBy of the handle
+     */
+    ariaLabelledBy: string | undefined;
+}
+/**
+ * Represents a tick in a slider component.
+ */
+export interface SliderTick {
+    /**
+     * CSS classes to be applied on the tick
+     */
+    className?: string | null;
+    /**
+     * Visualized optional explanation of the label
+     */
+    legend?: string | null;
+    /**
+     * Position of the tick in percent
+     */
+    position: number;
+    /**
+     * If `true` the tick has selected style
+     */
+    selected: boolean;
+    /**
+     * Value of the tick
+     */
+    value: number;
+    /**
+     * If `true` the tick label is displayed
+     */
+    displayLabel: boolean;
 }
 /**
  * Interface representing various directives used in the slider component.
@@ -410,4 +496,16 @@ export interface SliderDirectives {
     handleLabelDisplayDirective: Directive<{
         index: number;
     }>;
+    /**
+     * Directive to apply to the slider tick
+     */
+    tickDirective: Directive<{
+        tick: SliderTick;
+    }>;
+    /**
+     * Directive to apply to the slider tick label
+     */
+    tickLabelDirective: Directive<{
+        tick: SliderTick;
+    }>;
 }