init

node_modules/ng-zorro-antd/slider/index.d.ts

@@ -0,0 +1,297 @@
+import * as i0 from '@angular/core';
+import { OnChanges, ElementRef, TemplateRef, SimpleChanges, OnInit, QueryList, EventEmitter } from '@angular/core';
+import { Direction } from '@angular/cdk/bidi';
+import { ControlValueAccessor } from '@angular/forms';
+import { NzTSType, NgStyleInterface } from 'ng-zorro-antd/core/types';
+import { NzTooltipDirective } from 'ng-zorro-antd/tooltip';
+
+/**
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
+ */
+type NzMark = string | NzMarkObj;
+interface NzMarkObj {
+    style?: object;
+    label: string;
+}
+declare class NzMarks {
+    [key: string]: NzMark;
+}
+/**
+ * Processed steps that would be passed to sub components.
+ */
+interface NzExtendedMark {
+    value: number;
+    offset: number;
+    config: NzMark;
+}
+/**
+ * Marks that would be rendered.
+ */
+interface NzDisplayedMark extends NzExtendedMark {
+    active: boolean;
+    label: string;
+    style?: object;
+}
+/**
+ * Steps that would be rendered.
+ */
+interface NzDisplayedStep extends NzExtendedMark {
+    active: boolean;
+    style?: object;
+}
+type NzSliderShowTooltip = 'always' | 'never' | 'default';
+type NzSliderValue = number[] | number;
+interface NzSliderHandler {
+    offset: number | null;
+    value: number | null;
+    active: boolean;
+}
+
+/**
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
+ */
+
+declare class NzSliderHandleComponent implements OnChanges {
+    private cdr;
+    handleEl?: ElementRef;
+    tooltip?: NzTooltipDirective;
+    vertical?: boolean;
+    reverse?: boolean;
+    offset?: number;
+    value?: number;
+    tooltipVisible: NzSliderShowTooltip;
+    tooltipPlacement?: string;
+    tooltipFormatter?: null | ((value: number) => string) | TemplateRef<void>;
+    active: boolean;
+    dir: Direction;
+    dragging?: boolean;
+    tooltipTitle?: NzTSType;
+    style: NgStyleInterface;
+    ngOnChanges(changes: SimpleChanges): void;
+    enterHandle: () => void;
+    leaveHandle: () => void;
+    focus(): void;
+    private toggleTooltip;
+    private updateTooltipTitle;
+    private updateTooltipPosition;
+    private updateStyle;
+    private getHorizontalStylePosition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzSliderHandleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzSliderHandleComponent, "nz-slider-handle", ["nzSliderHandle"], { "vertical": { "alias": "vertical"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tooltipVisible": { "alias": "tooltipVisible"; "required": false; }; "tooltipPlacement": { "alias": "tooltipPlacement"; "required": false; }; "tooltipFormatter": { "alias": "tooltipFormatter"; "required": false; }; "active": { "alias": "active"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "dragging": { "alias": "dragging"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_vertical: unknown;
+    static ngAcceptInputType_reverse: unknown;
+    static ngAcceptInputType_offset: unknown;
+    static ngAcceptInputType_value: unknown;
+    static ngAcceptInputType_active: unknown;
+}
+
+declare class NzSliderComponent implements ControlValueAccessor, OnInit, OnChanges {
+    slider: ElementRef<any>;
+    private destroyRef;
+    private cdr;
+    private platform;
+    private directionality;
+    handlerComponents: QueryList<NzSliderHandleComponent>;
+    nzDisabled: boolean;
+    nzDots: boolean;
+    nzIncluded: boolean;
+    nzRange: boolean;
+    nzVertical: boolean;
+    nzReverse: boolean;
+    nzDefaultValue?: NzSliderValue;
+    nzMarks: NzMarks | null;
+    nzMax: number;
+    nzMin: number;
+    nzStep: number;
+    nzTooltipVisible: NzSliderShowTooltip;
+    nzTooltipPlacement: string;
+    nzTipFormatter?: null | ((value: number) => string) | TemplateRef<void>;
+    readonly nzOnAfterChange: EventEmitter<NzSliderValue>;
+    value: NzSliderValue | null;
+    cacheSliderStart: number | null;
+    cacheSliderLength: number | null;
+    activeValueIndex: number | undefined;
+    track: {
+        offset: null | number;
+        length: null | number;
+    };
+    handles: NzSliderHandler[];
+    marksArray: NzExtendedMark[] | null;
+    bounds: {
+        lower: NzSliderValue | null;
+        upper: NzSliderValue | null;
+    };
+    dir: Direction;
+    readonly dragging: i0.WritableSignal<boolean>;
+    private dragStart$?;
+    private dragMove$?;
+    private dragEnd$?;
+    private dragStart_?;
+    private dragMove_?;
+    private dragEnd_?;
+    private isNzDisableFirstChange;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    writeValue(val: NzSliderValue | null): void;
+    onValueChange(_value: NzSliderValue): void;
+    onTouched(): void;
+    registerOnChange(fn: (value: NzSliderValue) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    /**
+     * Event handler is only triggered when a slider handler is focused.
+     */
+    onKeyDown(e: KeyboardEvent): void;
+    onHandleFocusIn(index: number): void;
+    private setValue;
+    private getValue;
+    /**
+     * Clone & sort current value and convert them to offsets, then return the new one.
+     */
+    private getValueToOffset;
+    /**
+     * Find the closest value to be activated.
+     */
+    private setActiveValueIndex;
+    private setActiveValue;
+    /**
+     * Update track and handles' position and length.
+     */
+    private updateTrackAndHandles;
+    private onDragStart;
+    private onDragMove;
+    private getLogicalValue;
+    private onDragEnd;
+    /**
+     * Create user interactions handles.
+     */
+    private bindDraggingHandlers;
+    private subscribeDrag;
+    private unsubscribeDrag;
+    private toggleDragMoving;
+    private toggleDragDisabled;
+    private findClosestValue;
+    private valueToOffset;
+    private getSliderStartPosition;
+    private getSliderLength;
+    /**
+     * Cache DOM layout/reflow operations for performance (may not necessary?)
+     */
+    private cacheSliderProperty;
+    private formatValue;
+    /**
+     * Show one handle's tooltip and hide others'.
+     */
+    private showHandleTooltip;
+    private hideAllHandleTooltip;
+    private generateMarkItems;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzSliderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzSliderComponent, "nz-slider", ["nzSlider"], { "nzDisabled": { "alias": "nzDisabled"; "required": false; }; "nzDots": { "alias": "nzDots"; "required": false; }; "nzIncluded": { "alias": "nzIncluded"; "required": false; }; "nzRange": { "alias": "nzRange"; "required": false; }; "nzVertical": { "alias": "nzVertical"; "required": false; }; "nzReverse": { "alias": "nzReverse"; "required": false; }; "nzDefaultValue": { "alias": "nzDefaultValue"; "required": false; }; "nzMarks": { "alias": "nzMarks"; "required": false; }; "nzMax": { "alias": "nzMax"; "required": false; }; "nzMin": { "alias": "nzMin"; "required": false; }; "nzStep": { "alias": "nzStep"; "required": false; }; "nzTooltipVisible": { "alias": "nzTooltipVisible"; "required": false; }; "nzTooltipPlacement": { "alias": "nzTooltipPlacement"; "required": false; }; "nzTipFormatter": { "alias": "nzTipFormatter"; "required": false; }; }, { "nzOnAfterChange": "nzOnAfterChange"; }, never, never, true, never>;
+    static ngAcceptInputType_nzDisabled: unknown;
+    static ngAcceptInputType_nzDots: unknown;
+    static ngAcceptInputType_nzIncluded: unknown;
+    static ngAcceptInputType_nzRange: unknown;
+    static ngAcceptInputType_nzVertical: unknown;
+    static ngAcceptInputType_nzReverse: unknown;
+    static ngAcceptInputType_nzMax: unknown;
+    static ngAcceptInputType_nzMin: unknown;
+    static ngAcceptInputType_nzStep: unknown;
+}
+
+/**
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
+ */
+
+interface NzSliderTrackStyle {
+    bottom?: string | null;
+    height?: string | null;
+    left?: string | null;
+    right?: string | null;
+    width?: string | null;
+    visibility?: string;
+}
+declare class NzSliderTrackComponent implements OnChanges {
+    offset: number;
+    reverse: boolean;
+    dir: Direction;
+    length: number;
+    vertical: boolean;
+    included: boolean;
+    style: NzSliderTrackStyle;
+    ngOnChanges(): void;
+    private getHorizontalStylePosition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzSliderTrackComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzSliderTrackComponent, "nz-slider-track", ["nzSliderTrack"], { "offset": { "alias": "offset"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "length": { "alias": "length"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "included": { "alias": "included"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_offset: unknown;
+    static ngAcceptInputType_reverse: unknown;
+    static ngAcceptInputType_length: unknown;
+    static ngAcceptInputType_vertical: unknown;
+    static ngAcceptInputType_included: unknown;
+}
+
+/**
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
+ */
+
+declare class NzSliderStepComponent implements OnChanges {
+    lowerBound: number | null;
+    upperBound: number | null;
+    marksArray: NzExtendedMark[];
+    min: number;
+    max: number;
+    vertical: boolean;
+    included: boolean;
+    reverse: boolean;
+    steps: NzDisplayedStep[];
+    ngOnChanges(changes: SimpleChanges): void;
+    private buildSteps;
+    private togglePointActive;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzSliderStepComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzSliderStepComponent, "nz-slider-step", ["nzSliderStep"], { "lowerBound": { "alias": "lowerBound"; "required": false; }; "upperBound": { "alias": "upperBound"; "required": false; }; "marksArray": { "alias": "marksArray"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "included": { "alias": "included"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_min: unknown;
+    static ngAcceptInputType_max: unknown;
+    static ngAcceptInputType_vertical: unknown;
+    static ngAcceptInputType_included: unknown;
+    static ngAcceptInputType_reverse: unknown;
+}
+
+/**
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
+ */
+
+declare class NzSliderMarksComponent implements OnChanges {
+    lowerBound: number | null;
+    upperBound: number | null;
+    marksArray: NzExtendedMark[];
+    min: number;
+    max: number;
+    vertical: boolean;
+    included: boolean;
+    reverse: boolean;
+    marks: NzDisplayedMark[];
+    ngOnChanges(changes: SimpleChanges): void;
+    private buildMarks;
+    private getMarkStyles;
+    private togglePointActive;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzSliderMarksComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzSliderMarksComponent, "nz-slider-marks", ["nzSliderMarks"], { "lowerBound": { "alias": "lowerBound"; "required": false; }; "upperBound": { "alias": "upperBound"; "required": false; }; "marksArray": { "alias": "marksArray"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "included": { "alias": "included"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_min: unknown;
+    static ngAcceptInputType_max: unknown;
+    static ngAcceptInputType_vertical: unknown;
+    static ngAcceptInputType_included: unknown;
+    static ngAcceptInputType_reverse: unknown;
+}
+
+declare class NzSliderModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzSliderModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NzSliderModule, never, [typeof NzSliderComponent, typeof NzSliderTrackComponent, typeof NzSliderHandleComponent, typeof NzSliderStepComponent, typeof NzSliderMarksComponent], [typeof NzSliderComponent, typeof NzSliderTrackComponent, typeof NzSliderHandleComponent, typeof NzSliderStepComponent, typeof NzSliderMarksComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NzSliderModule>;
+}
+
+export { NzMarks, NzSliderComponent, NzSliderModule, NzSliderHandleComponent as ɵNzSliderHandleComponent, NzSliderMarksComponent as ɵNzSliderMarksComponent, NzSliderStepComponent as ɵNzSliderStepComponent, NzSliderTrackComponent as ɵNzSliderTrackComponent };
+export type { NzDisplayedMark, NzDisplayedStep, NzExtendedMark, NzMark, NzMarkObj, NzSliderHandler, NzSliderShowTooltip, NzSliderTrackStyle, NzSliderValue };

node_modules/ng-zorro-antd/slider/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/ng-zorro-antd-slider.mjs"
+}

node_modules/ng-zorro-antd/slider/style/entry.less

@@ -0,0 +1,4 @@
+@import './index.less';
+@import './patch.less';
+// style dependencies
+@import '../../tooltip/style/entry.less';

node_modules/ng-zorro-antd/slider/style/index.css

@@ -0,0 +1,421 @@
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+.ant-slider {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  font-feature-settings: 'tnum';
+  position: relative;
+  height: 12px;
+  margin: 10px 6px 10px;
+  padding: 4px 0;
+  cursor: pointer;
+  touch-action: none;
+}
+.ant-slider-vertical {
+  width: 12px;
+  height: 100%;
+  margin: 6px 10px;
+  padding: 0 4px;
+}
+.ant-slider-vertical .ant-slider-rail {
+  width: 4px;
+  height: 100%;
+}
+.ant-slider-vertical .ant-slider-track {
+  width: 4px;
+}
+.ant-slider-vertical .ant-slider-handle {
+  margin-top: -6px;
+  margin-left: -5px;
+}
+.ant-slider-vertical .ant-slider-mark {
+  top: 0;
+  left: 12px;
+  width: 18px;
+  height: 100%;
+}
+.ant-slider-vertical .ant-slider-mark-text {
+  left: 4px;
+  white-space: nowrap;
+}
+.ant-slider-vertical .ant-slider-step {
+  width: 4px;
+  height: 100%;
+}
+.ant-slider-vertical .ant-slider-dot {
+  top: auto;
+  margin-left: -2px;
+}
+.ant-slider-tooltip .ant-tooltip-inner {
+  min-width: unset;
+}
+.ant-slider-rtl.ant-slider-vertical .ant-slider-handle {
+  margin-right: -5px;
+  margin-left: 0;
+}
+.ant-slider-rtl.ant-slider-vertical .ant-slider-mark {
+  right: 12px;
+  left: auto;
+}
+.ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text {
+  right: 4px;
+  left: auto;
+}
+.ant-slider-rtl.ant-slider-vertical .ant-slider-dot {
+  right: 2px;
+  left: auto;
+}
+.ant-slider-with-marks {
+  margin-bottom: 28px;
+}
+.ant-slider-rail {
+  position: absolute;
+  width: 100%;
+  height: 4px;
+  background-color: #f5f5f5;
+  border-radius: 2px;
+  transition: background-color 0.3s;
+}
+.ant-slider-track {
+  position: absolute;
+  height: 4px;
+  background-color: #91d5ff;
+  border-radius: 2px;
+  transition: background-color 0.3s;
+}
+.ant-slider-handle {
+  position: absolute;
+  width: 14px;
+  height: 14px;
+  margin-top: -5px;
+  background-color: #fff;
+  border: solid 2px #91d5ff;
+  border-radius: 50%;
+  box-shadow: 0;
+  cursor: pointer;
+  transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
+}
+.ant-slider-handle-dragging {
+  z-index: 1;
+}
+.ant-slider-handle:focus {
+  border-color: #46a6ff;
+  outline: none;
+  box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.12);
+}
+.ant-slider-handle.ant-tooltip-open {
+  border-color: #1890ff;
+}
+.ant-slider-handle::after {
+  position: absolute;
+  top: -6px;
+  right: -6px;
+  bottom: -6px;
+  left: -6px;
+  content: '';
+}
+.ant-slider:hover .ant-slider-rail {
+  background-color: #e1e1e1;
+}
+.ant-slider:hover .ant-slider-track {
+  background-color: #69c0ff;
+}
+.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
+  border-color: #69c0ff;
+}
+.ant-slider-mark {
+  position: absolute;
+  top: 14px;
+  left: 0;
+  width: 100%;
+  font-size: 14px;
+}
+.ant-slider-mark-text {
+  position: absolute;
+  display: inline-block;
+  color: rgba(0, 0, 0, 0.45);
+  text-align: center;
+  word-break: keep-all;
+  cursor: pointer;
+  user-select: none;
+}
+.ant-slider-mark-text-active {
+  color: rgba(0, 0, 0, 0.85);
+}
+.ant-slider-step {
+  position: absolute;
+  width: 100%;
+  height: 4px;
+  background: transparent;
+  pointer-events: none;
+}
+.ant-slider-dot {
+  position: absolute;
+  top: -2px;
+  width: 8px;
+  height: 8px;
+  background-color: #fff;
+  border: 2px solid #f0f0f0;
+  border-radius: 50%;
+  cursor: pointer;
+}
+.ant-slider-dot-active {
+  border-color: #8cc8ff;
+}
+.ant-slider-disabled {
+  cursor: not-allowed;
+}
+.ant-slider-disabled .ant-slider-rail {
+  background-color: #f5f5f5 !important;
+}
+.ant-slider-disabled .ant-slider-track {
+  background-color: rgba(0, 0, 0, 0.25) !important;
+}
+.ant-slider-disabled .ant-slider-handle,
+.ant-slider-disabled .ant-slider-dot {
+  background-color: #fff;
+  border-color: rgba(0, 0, 0, 0.25) !important;
+  box-shadow: none;
+  cursor: not-allowed;
+}
+.ant-slider-disabled .ant-slider-mark-text,
+.ant-slider-disabled .ant-slider-dot {
+  cursor: not-allowed !important;
+}
+.ant-slider-rtl {
+  direction: rtl;
+}
+.ant-slider-rtl .ant-slider-mark {
+  right: 0;
+  left: auto;
+}
+.ant-slider {
+  display: block;
+}
+.ant-tooltip {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  font-feature-settings: 'tnum';
+  --antd-arrow-background-color: rgba(0, 0, 0, 0.75);
+  position: absolute;
+  z-index: 1070;
+  display: block;
+  width: max-content;
+  max-width: 250px;
+  visibility: visible;
+}
+.ant-tooltip-content {
+  position: relative;
+}
+.ant-tooltip-hidden {
+  display: none;
+}
+.ant-tooltip-inner {
+  min-width: 30px;
+  min-height: 32px;
+  padding: calc(12px / 2) 8px;
+  color: #fff;
+  text-align: start;
+  text-decoration: none;
+  word-wrap: break-word;
+  background-color: rgba(0, 0, 0, 0.75);
+  border-radius: 2px;
+  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+}
+.ant-tooltip-arrow {
+  position: absolute;
+  z-index: 1;
+  display: block;
+  width: 16px;
+  height: 16px;
+  overflow: hidden;
+  pointer-events: none;
+}
+.ant-tooltip-arrow::before {
+  position: absolute;
+  bottom: 0;
+  width: 16px;
+  height: calc(16px / 2);
+  background: var(--antd-arrow-background-color);
+  content: '';
+  clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%);
+  clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');
+  inset-inline-start: 0;
+}
+.ant-tooltip-arrow::after {
+  position: absolute;
+  bottom: 0;
+  z-index: 0;
+  width: 8.97056275px;
+  height: 8.97056275px;
+  margin: auto;
+  background: transparent;
+  border-radius: 0 0 2px;
+  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
+  transform: translateY(50%) rotate(-135deg);
+  content: '';
+  inset-inline: 0;
+}
+.ant-tooltip-arrow::before {
+  background: var(--antd-arrow-background-color);
+}
+.ant-tooltip-placement-top > .ant-tooltip-arrow,
+.ant-tooltip-placement-topLeft > .ant-tooltip-arrow,
+.ant-tooltip-placement-topRight > .ant-tooltip-arrow {
+  bottom: 0px;
+  transform: translateY(100%) rotate(180deg);
+}
+.ant-tooltip-placement-top > .ant-tooltip-arrow {
+  left: 50%;
+  transform: translateX(-50%) translateY(100%) rotate(180deg);
+}
+.ant-tooltip-placement-topLeft > .ant-tooltip-arrow {
+  left: 16px;
+}
+.ant-tooltip-placement-topRight > .ant-tooltip-arrow {
+  right: 16px;
+}
+.ant-tooltip-placement-bottom > .ant-tooltip-arrow,
+.ant-tooltip-placement-bottomLeft > .ant-tooltip-arrow,
+.ant-tooltip-placement-bottomRight > .ant-tooltip-arrow {
+  top: 0px;
+  transform: translateY(-100%);
+}
+.ant-tooltip-placement-bottom > .ant-tooltip-arrow {
+  left: 50%;
+  transform: translateX(-50%) translateY(-100%);
+}
+.ant-tooltip-placement-bottomLeft > .ant-tooltip-arrow {
+  left: 16px;
+}
+.ant-tooltip-placement-bottomRight > .ant-tooltip-arrow {
+  right: 16px;
+}
+.ant-tooltip-placement-left > .ant-tooltip-arrow,
+.ant-tooltip-placement-leftTop > .ant-tooltip-arrow,
+.ant-tooltip-placement-leftBottom > .ant-tooltip-arrow {
+  right: 0px;
+  transform: translateX(100%) rotate(90deg);
+}
+.ant-tooltip-placement-left > .ant-tooltip-arrow {
+  top: 50%;
+  transform: translateY(-50%) translateX(100%) rotate(90deg);
+}
+.ant-tooltip-placement-leftTop > .ant-tooltip-arrow {
+  top: 16px;
+}
+.ant-tooltip-placement-leftBottom > .ant-tooltip-arrow {
+  bottom: 16px;
+}
+.ant-tooltip-placement-right > .ant-tooltip-arrow,
+.ant-tooltip-placement-rightTop > .ant-tooltip-arrow,
+.ant-tooltip-placement-rightBottom > .ant-tooltip-arrow {
+  left: 0px;
+  transform: translateX(-100%) rotate(-90deg);
+}
+.ant-tooltip-placement-right > .ant-tooltip-arrow {
+  top: 50%;
+  transform: translateY(-50%) translateX(-100%) rotate(-90deg);
+}
+.ant-tooltip-placement-rightTop > .ant-tooltip-arrow {
+  top: 16px;
+}
+.ant-tooltip-placement-rightBottom > .ant-tooltip-arrow {
+  bottom: 16px;
+}
+.ant-tooltip-pink .ant-tooltip-inner {
+  background-color: #eb2f96;
+}
+.ant-tooltip-pink .ant-tooltip-arrow {
+  --antd-arrow-background-color: #eb2f96;
+}
+.ant-tooltip-magenta .ant-tooltip-inner {
+  background-color: #eb2f96;
+}
+.ant-tooltip-magenta .ant-tooltip-arrow {
+  --antd-arrow-background-color: #eb2f96;
+}
+.ant-tooltip-red .ant-tooltip-inner {
+  background-color: #f5222d;
+}
+.ant-tooltip-red .ant-tooltip-arrow {
+  --antd-arrow-background-color: #f5222d;
+}
+.ant-tooltip-volcano .ant-tooltip-inner {
+  background-color: #fa541c;
+}
+.ant-tooltip-volcano .ant-tooltip-arrow {
+  --antd-arrow-background-color: #fa541c;
+}
+.ant-tooltip-orange .ant-tooltip-inner {
+  background-color: #fa8c16;
+}
+.ant-tooltip-orange .ant-tooltip-arrow {
+  --antd-arrow-background-color: #fa8c16;
+}
+.ant-tooltip-yellow .ant-tooltip-inner {
+  background-color: #fadb14;
+}
+.ant-tooltip-yellow .ant-tooltip-arrow {
+  --antd-arrow-background-color: #fadb14;
+}
+.ant-tooltip-gold .ant-tooltip-inner {
+  background-color: #faad14;
+}
+.ant-tooltip-gold .ant-tooltip-arrow {
+  --antd-arrow-background-color: #faad14;
+}
+.ant-tooltip-cyan .ant-tooltip-inner {
+  background-color: #13c2c2;
+}
+.ant-tooltip-cyan .ant-tooltip-arrow {
+  --antd-arrow-background-color: #13c2c2;
+}
+.ant-tooltip-lime .ant-tooltip-inner {
+  background-color: #a0d911;
+}
+.ant-tooltip-lime .ant-tooltip-arrow {
+  --antd-arrow-background-color: #a0d911;
+}
+.ant-tooltip-green .ant-tooltip-inner {
+  background-color: #52c41a;
+}
+.ant-tooltip-green .ant-tooltip-arrow {
+  --antd-arrow-background-color: #52c41a;
+}
+.ant-tooltip-blue .ant-tooltip-inner {
+  background-color: #1890ff;
+}
+.ant-tooltip-blue .ant-tooltip-arrow {
+  --antd-arrow-background-color: #1890ff;
+}
+.ant-tooltip-geekblue .ant-tooltip-inner {
+  background-color: #2f54eb;
+}
+.ant-tooltip-geekblue .ant-tooltip-arrow {
+  --antd-arrow-background-color: #2f54eb;
+}
+.ant-tooltip-purple .ant-tooltip-inner {
+  background-color: #722ed1;
+}
+.ant-tooltip-purple .ant-tooltip-arrow {
+  --antd-arrow-background-color: #722ed1;
+}
+.ant-tooltip-rtl {
+  direction: rtl;
+}
+.ant-tooltip {
+  position: relative;
+}

node_modules/ng-zorro-antd/slider/style/index.less

@@ -0,0 +1,215 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@slider-prefix-cls: ~'@{ant-prefix}-slider';
+
+.@{slider-prefix-cls} {
+  .reset-component();
+
+  position: relative;
+  height: 12px;
+  margin: @slider-margin;
+  padding: 4px 0;
+  cursor: pointer;
+  touch-action: none;
+
+  .vertical();
+
+  &-with-marks {
+    margin-bottom: 28px;
+  }
+
+  &-rail {
+    position: absolute;
+    width: 100%;
+    height: 4px;
+    background-color: @slider-rail-background-color;
+    border-radius: @border-radius-base;
+    transition: background-color 0.3s;
+  }
+
+  &-track {
+    position: absolute;
+    height: 4px;
+    background-color: @slider-track-background-color;
+    border-radius: @border-radius-base;
+    transition: background-color 0.3s;
+  }
+
+  &-handle {
+    position: absolute;
+    width: @slider-handle-size;
+    height: @slider-handle-size;
+    margin-top: @slider-handle-margin-top;
+    background-color: @slider-handle-background-color;
+    border: solid @slider-handle-border-width @slider-handle-color;
+    border-radius: 50%;
+    box-shadow: @slider-handle-shadow;
+    cursor: pointer;
+    transition: border-color 0.3s, box-shadow 0.6s,
+      transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
+
+    // &-dragging&-dragging&-dragging {
+    //   border-color: @slider-handle-color-focus;
+    //   box-shadow: 0 0 0 5px @slider-handle-color-focus-shadow;
+    // }
+    &-dragging {
+      z-index: 1;
+    }
+
+    &:focus {
+      border-color: @slider-handle-color-focus;
+      outline: none;
+      box-shadow: 0 0 0 5px @slider-handle-color-focus-shadow;
+    }
+
+    &.@{ant-prefix}-tooltip-open {
+      border-color: @slider-handle-color-tooltip-open;
+    }
+
+    &::after {
+      position: absolute;
+      top: -6px;
+      right: -6px;
+      bottom: -6px;
+      left: -6px;
+      content: '';
+    }
+  }
+
+  &:hover {
+    .@{slider-prefix-cls}-rail {
+      background-color: @slider-rail-background-color-hover;
+    }
+    .@{slider-prefix-cls}-track {
+      background-color: @slider-track-background-color-hover;
+    }
+    .@{slider-prefix-cls}-handle:not(.@{ant-prefix}-tooltip-open) {
+      border-color: @slider-handle-color-hover;
+    }
+  }
+
+  &-mark {
+    position: absolute;
+    top: 14px;
+    left: 0;
+    width: 100%;
+    font-size: @font-size-base;
+  }
+
+  &-mark-text {
+    position: absolute;
+    display: inline-block;
+    color: @text-color-secondary;
+    text-align: center;
+    word-break: keep-all;
+    cursor: pointer;
+    user-select: none;
+
+    &-active {
+      color: @text-color;
+    }
+  }
+
+  &-step {
+    position: absolute;
+    width: 100%;
+    height: 4px;
+    background: transparent;
+    pointer-events: none;
+  }
+
+  &-dot {
+    position: absolute;
+    top: -2px;
+    width: 8px;
+    height: 8px;
+    background-color: @component-background;
+    border: 2px solid @slider-dot-border-color;
+    border-radius: 50%;
+    cursor: pointer;
+
+    &-active {
+      border-color: @slider-dot-border-color-active;
+    }
+  }
+
+  &-disabled {
+    cursor: not-allowed;
+
+    .@{slider-prefix-cls}-rail {
+      background-color: @slider-rail-background-color !important;
+    }
+
+    .@{slider-prefix-cls}-track {
+      background-color: @slider-disabled-color !important;
+    }
+
+    .@{slider-prefix-cls}-handle,
+    .@{slider-prefix-cls}-dot {
+      background-color: @component-background;
+      border-color: @slider-disabled-color !important;
+      box-shadow: none;
+      cursor: not-allowed;
+    }
+
+    .@{slider-prefix-cls}-mark-text,
+    .@{slider-prefix-cls}-dot {
+      cursor: not-allowed !important;
+    }
+  }
+}
+
+.vertical() {
+  &-vertical {
+    width: 12px;
+    height: 100%;
+    margin: 6px 10px;
+    padding: 0 4px;
+
+    .@{slider-prefix-cls}-rail {
+      width: 4px;
+      height: 100%;
+    }
+
+    .@{slider-prefix-cls}-track {
+      width: 4px;
+    }
+
+    .@{slider-prefix-cls}-handle {
+      margin-top: -6px; // we chould consider border width as well: (10 + 2 ) / 2
+      margin-left: @slider-handle-margin-left;
+    }
+
+    .@{slider-prefix-cls}-mark {
+      top: 0;
+      left: 12px;
+      width: 18px;
+      height: 100%;
+    }
+
+    .@{slider-prefix-cls}-mark-text {
+      left: 4px;
+      white-space: nowrap;
+    }
+
+    .@{slider-prefix-cls}-step {
+      width: 4px;
+      height: 100%;
+    }
+
+    .@{slider-prefix-cls}-dot {
+      top: auto;
+      margin-left: -2px;
+    }
+  }
+
+  &-tooltip {
+    // https://github.com/ant-design/ant-design/issues/20014
+    .@{ant-prefix}-tooltip-inner {
+      min-width: unset;
+    }
+  }
+}
+
+@import './rtl';

node_modules/ng-zorro-antd/slider/style/patch.less

@@ -0,0 +1,3 @@
+.ant-slider {
+  display: block;
+}

node_modules/ng-zorro-antd/slider/style/rtl.less

@@ -0,0 +1,49 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@slider-prefix-cls: ~'@{ant-prefix}-slider';
+
+.@{slider-prefix-cls} {
+  &-rtl {
+    direction: rtl;
+  }
+
+  &-mark {
+    .@{slider-prefix-cls}-rtl & {
+      right: 0;
+      left: auto;
+    }
+  }
+}
+
+.vertical() {
+  &-vertical {
+    .@{slider-prefix-cls}-handle {
+      .@{slider-prefix-cls}-rtl& {
+        margin-right: -5px;
+        margin-left: 0;
+      }
+    }
+
+    .@{slider-prefix-cls}-mark {
+      .@{slider-prefix-cls}-rtl& {
+        right: 12px;
+        left: auto;
+      }
+    }
+
+    .@{slider-prefix-cls}-mark-text {
+      .@{slider-prefix-cls}-rtl& {
+        right: 4px;
+        left: auto;
+      }
+    }
+
+    .@{slider-prefix-cls}-dot {
+      .@{slider-prefix-cls}-rtl& {
+        right: 2px;
+        left: auto;
+      }
+    }
+  }
+}