matcha-components 20.24.0 → 20.31.0

package/index.d.ts

@@ -865,16 +865,26 @@ declare class MatchaTabItemComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<MatchaTabItemComponent, "matcha-tab", never, { "title": { "alias": "title"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
-declare class MatchaTabsComponent implements AfterContentInit {
+interface TabChangeEvent {
+    index: number;
+    tab?: MatchaTabItemComponent;
+}
+declare class MatchaTabsComponent implements AfterContentInit, OnChanges {
     tabs: QueryList<MatchaTabItemComponent>;
-    activeTabIndex: number;
+    selectedIndex: number;
+    selectedIndexChange: EventEmitter<number>;
+    selectedTabChange: EventEmitter<TabChangeEvent>;
+    get activeTabIndex(): number;
+    set activeTabIndex(value: number);
     tabSelected: EventEmitter<number>;
+    ngOnChanges(changes: SimpleChanges): void;
     ngAfterContentInit(): void;
+    private handleTabsChange;
     selectTab(tab: MatchaTabItemComponent): void;
     selectTabByIndex(index: number): void;
     handleKeyboardEvent(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaTabsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaTabsComponent, "matcha-tabs", never, { "activeTabIndex": { "alias": "activeTabIndex"; "required": false; }; }, { "tabSelected": "tabSelected"; }, ["tabs"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaTabsComponent, "matcha-tabs", never, { "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "activeTabIndex": { "alias": "activeTabIndex"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; "selectedTabChange": "selectedTabChange"; "tabSelected": "tabSelected"; }, ["tabs"], ["*"], false, never>;
 }
 
 declare class MatchaDateRangeComponent implements AfterContentInit, OnDestroy {
@@ -1438,6 +1448,111 @@ declare class CopyButtonComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<CopyButtonComponent, "matcha-copy-button", never, { "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "position": { "alias": "position"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; }, { "copied": "copied"; }, never, never, false, never>;
 }
 
+interface SliderOptions {
+    floor?: number;
+    ceil?: number;
+    step?: number;
+    disabled?: boolean;
+    range?: boolean;
+    pushRange?: boolean;
+    noSwitching?: boolean;
+    minRange?: number;
+    maxRange?: number;
+    animate?: boolean;
+    draggableRange?: boolean;
+    draggableRangeOnly?: boolean;
+    showSelectionBar?: boolean;
+    showSelectionBarEnd?: boolean;
+    showSelectionBarFromValue?: number;
+    showSelectionBarToValue?: number;
+    selectionBarGradient?: {
+        from: string;
+        to: string;
+    };
+    getPointerColor?: (value: number) => string;
+    getSelectionBarColor?: (value: number) => string;
+    hidePointerLabels?: boolean;
+    hideLimitLabels?: boolean;
+    keyboardSupport?: boolean;
+    scale?: number;
+    enforceRange?: boolean;
+    enforceStep?: boolean;
+    noCommaStyle?: boolean;
+    bindIndexForPushRange?: boolean;
+    combineLabels?: boolean;
+    format?: (value: number) => string;
+    combinePossible?: boolean;
+    includeTicksScale?: boolean;
+    logScale?: boolean;
+    customValueToPosition?: (val: number, minVal: number, maxVal: number) => number;
+    customPositionToValue?: (percent: number, minVal: number, maxVal: number) => number;
+    translate?: (value: number, sliderId: string, label: string) => string;
+}
+declare class MatchaSliderComponent implements ControlValueAccessor, OnInit, OnDestroy {
+    private cdr;
+    value: number;
+    highValue: number;
+    options: SliderOptions;
+    color: string;
+    disabled: boolean | string;
+    valueChange: EventEmitter<number>;
+    highValueChange: EventEmitter<number>;
+    userChange: EventEmitter<number>;
+    userChangeEnd: EventEmitter<number>;
+    sliderElement?: ElementRef;
+    private destroy$;
+    private isDragging;
+    private draggingPointer;
+    private lastUpdateTime;
+    private animationFrameId;
+    private readonly defaultOptions;
+    private onChange;
+    private onTouched;
+    private boundOnMouseMove;
+    private boundOnMouseUp;
+    constructor(cdr: ChangeDetectorRef);
+    get mergedOptions(): SliderOptions;
+    get isRange(): boolean;
+    get percentage(): number;
+    get highPercentage(): number;
+    get selectionBarStyle(): any;
+    get isAtMaxValue(): boolean;
+    get isDisabled(): boolean;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private initializeValues;
+    private valueToPercentage;
+    private percentageToValue;
+    private snapToStep;
+    onPointerMouseDown(event: MouseEvent, isHighValue?: boolean): void;
+    onTrackMouseDown(event: MouseEvent): void;
+    private addEventListeners;
+    private cleanupEventListeners;
+    private onMouseMove;
+    private updateSliderPosition;
+    private onMouseUp;
+    onPointerClick(event: MouseEvent, isHighValue?: boolean): void;
+    onTrackClick(event: MouseEvent): void;
+    private calculateValueFromPosition;
+    private handleRangeTrackClick;
+    private addVisualFeedback;
+    private removeVisualFeedback;
+    private cancelAnimationFrame;
+    private updateSingleValue;
+    private updateRangeValues;
+    private updateLowValue;
+    private updateHighValue;
+    onKeyDown(event: KeyboardEvent): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    getPointerStyle(isHighValue?: boolean): any;
+    formatValue(value: number): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaSliderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaSliderComponent, "matcha-slider", never, { "value": { "alias": "value"; "required": false; }; "highValue": { "alias": "highValue"; "required": false; }; "options": { "alias": "options"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueChange": "valueChange"; "highValueChange": "highValueChange"; "userChange": "userChange"; "userChangeEnd": "userChangeEnd"; }, never, never, false, never>;
+}
+
 declare class MatchaTooltipDirective {
     private el;
     private renderer;
@@ -1752,17 +1867,9 @@ declare class MatchaSlideToggleModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaSlideToggleModule>;
 }
 
-declare class MatchaSliderDirective {
-    private _elementRef;
-    private _renderer;
-    constructor(_elementRef: ElementRef, _renderer: Renderer2);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatchaSliderDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatchaSliderDirective, "[matchaSlider]", never, {}, {}, never, never, false, never>;
-}
-
 declare class MatchaSliderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaSliderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaSliderModule, [typeof MatchaSliderDirective], [typeof i2.CommonModule], [typeof MatchaSliderDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaSliderModule, [typeof MatchaSliderComponent], [typeof i2.CommonModule, typeof i3.FormsModule], [typeof MatchaSliderComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaSliderModule>;
 }
 
@@ -1844,7 +1951,7 @@ declare class MatchaTableModule {
 
 declare class MatchaTabsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaTabsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaTabsModule, [typeof MatchaTabsComponent, typeof MatchaTabItemComponent], [typeof i2.CommonModule, typeof MatchaTooltipModule, typeof MatchaIconModule], [typeof MatchaTabsComponent, typeof MatchaTabItemComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatchaTabsModule, [typeof MatchaTabsComponent, typeof MatchaTabItemComponent], [typeof i2.CommonModule, typeof MatchaIconModule], [typeof MatchaTabsComponent, typeof MatchaTabItemComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MatchaTabsModule>;
 }
 
@@ -2034,5 +2141,5 @@ declare class StepContentDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<StepContentDirective, "[step]", never, { "step": { "alias": "step"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-export { CopyButtonComponent, MATCHA_OPTION_PARENT, MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaAutocompleteComponent, MatchaAutocompleteModule, MatchaAutocompleteTriggerDirective, MatchaAvatarComponent, MatchaAvatarModule, MatchaBadgeDirective, MatchaBadgeModule, MatchaBreakpointObservableModule, MatchaBreakpointObserver, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleComponent, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaComponentsModule, MatchaDateRangeComponent, MatchaDateRangeModule, MatchaDividerComponent, MatchaDividerModule, MatchaDragDirective, MatchaDragHandleDirective, MatchaDrawerComponent, MatchaDrawerContainerComponent, MatchaDrawerContentComponent, MatchaDrawerModule, MatchaDropListComponent, MatchaDropListModule, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaFormFieldComponent, MatchaFormFieldModule, MatchaGridComponent, MatchaGridModule, MatchaHighlightComponent, MatchaHighlightModule, MatchaHintTextComponent, MatchaHintTextModule, MatchaIconComponent, MatchaIconModule, MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent, MatchaInfiniteScrollModule, MatchaInputDirective, MatchaInputModule, MatchaLabelComponent, MatchaLazyloadComponent, MatchaLazyloadDataComponent, MatchaLazyloadModule, MatchaMasonryComponent, MatchaMasonryModule, MatchaMenuComponent, MatchaMenuModule, MatchaMenuTriggerForDirective, MatchaModalComponent, MatchaModalContentComponent, MatchaModalFooterComponent, MatchaModalHeaderComponent, MatchaModalModule, MatchaModalOptionsComponent, MatchaModalService, MatchaOptionComponent, MatchaOptionModule, MatchaOverlayService, MatchaPageLayoutComponent, MatchaPageLayoutModule, MatchaPaginatorComponent, MatchaPaginatorIntl, MatchaPaginatorModule, MatchaPanelComponent, MatchaPanelModule, MatchaProgressBarDirective, MatchaProgressBarModule, MatchaRadioComponent, MatchaRadioModule, MatchaRippleDirective, MatchaRippleModule, MatchaSelectComponent, MatchaSelectModule, MatchaSelectTriggerDirective, MatchaSidenavDirective, MatchaSidenavModule, MatchaSkeletonComponent, MatchaSkeletonModule, MatchaSlideToggleComponent, MatchaSlideToggleModule, MatchaSliderDirective, MatchaSliderModule, MatchaSnackBarDirective, MatchaSnackBarModule, MatchaSortHeaderDirective, MatchaSortHeaderModule, MatchaSpinComponent, MatchaSpinModule, MatchaSpinnerComponent, MatchaSpinnerModule, MatchaStepperComponent, MatchaStepperContentComponent, MatchaStepperControllerComponent, MatchaStepperModule, MatchaStepperStateService, MatchaTabItemComponent, MatchaTableDirective, MatchaTableModule, MatchaTabsComponent, MatchaTabsModule, MatchaTimeComponent, MatchaTimeModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarCustomButtonComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, NextStepDirective, PrevStepDirective, StepComponent, StepContentDirective };
-export type { BreakpointState, DrawerItem, DrawerMode, DrawerPosition, DrawerSection, ILevelClasses, MatchaDropListConnectedToEvent, MatchaDropListDroppedEvent, MatchaOptionParent, ModalComponent, PageEvent, PanelPlacement, PanelPosition };
+export { CopyButtonComponent, MATCHA_OPTION_PARENT, MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaAutocompleteComponent, MatchaAutocompleteModule, MatchaAutocompleteTriggerDirective, MatchaAvatarComponent, MatchaAvatarModule, MatchaBadgeDirective, MatchaBadgeModule, MatchaBreakpointObservableModule, MatchaBreakpointObserver, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleComponent, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaComponentsModule, MatchaDateRangeComponent, MatchaDateRangeModule, MatchaDividerComponent, MatchaDividerModule, MatchaDragDirective, MatchaDragHandleDirective, MatchaDrawerComponent, MatchaDrawerContainerComponent, MatchaDrawerContentComponent, MatchaDrawerModule, MatchaDropListComponent, MatchaDropListModule, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaFormFieldComponent, MatchaFormFieldModule, MatchaGridComponent, MatchaGridModule, MatchaHighlightComponent, MatchaHighlightModule, MatchaHintTextComponent, MatchaHintTextModule, MatchaIconComponent, MatchaIconModule, MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent, MatchaInfiniteScrollModule, MatchaInputDirective, MatchaInputModule, MatchaLabelComponent, MatchaLazyloadComponent, MatchaLazyloadDataComponent, MatchaLazyloadModule, MatchaMasonryComponent, MatchaMasonryModule, MatchaMenuComponent, MatchaMenuModule, MatchaMenuTriggerForDirective, MatchaModalComponent, MatchaModalContentComponent, MatchaModalFooterComponent, MatchaModalHeaderComponent, MatchaModalModule, MatchaModalOptionsComponent, MatchaModalService, MatchaOptionComponent, MatchaOptionModule, MatchaOverlayService, MatchaPageLayoutComponent, MatchaPageLayoutModule, MatchaPaginatorComponent, MatchaPaginatorIntl, MatchaPaginatorModule, MatchaPanelComponent, MatchaPanelModule, MatchaProgressBarDirective, MatchaProgressBarModule, MatchaRadioComponent, MatchaRadioModule, MatchaRippleDirective, MatchaRippleModule, MatchaSelectComponent, MatchaSelectModule, MatchaSelectTriggerDirective, MatchaSidenavDirective, MatchaSidenavModule, MatchaSkeletonComponent, MatchaSkeletonModule, MatchaSlideToggleComponent, MatchaSlideToggleModule, MatchaSliderComponent, MatchaSliderModule, MatchaSnackBarDirective, MatchaSnackBarModule, MatchaSortHeaderDirective, MatchaSortHeaderModule, MatchaSpinComponent, MatchaSpinModule, MatchaSpinnerComponent, MatchaSpinnerModule, MatchaStepperComponent, MatchaStepperContentComponent, MatchaStepperControllerComponent, MatchaStepperModule, MatchaStepperStateService, MatchaTabItemComponent, MatchaTableDirective, MatchaTableModule, MatchaTabsComponent, MatchaTabsModule, MatchaTimeComponent, MatchaTimeModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarCustomButtonComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, NextStepDirective, PrevStepDirective, StepComponent, StepContentDirective };
+export type { BreakpointState, DrawerItem, DrawerMode, DrawerPosition, DrawerSection, ILevelClasses, MatchaDropListConnectedToEvent, MatchaDropListDroppedEvent, MatchaOptionParent, ModalComponent, PageEvent, PanelPlacement, PanelPosition, SliderOptions, TabChangeEvent };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "matcha-components",
-  "version": "20.24.0",
+  "version": "20.31.0",
   "peerDependencies": {},
   "dependencies": {
     "tslib": "^2.3.0"