init

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

@@ -0,0 +1,246 @@
+import * as i0 from '@angular/core';
+import { QueryList, NgZone, InjectionToken, ChangeDetectorRef, Renderer2, AfterContentInit, AfterViewInit, OnChanges, OnInit, ElementRef, TemplateRef, EventEmitter, SimpleChanges } from '@angular/core';
+import { Direction } from '@angular/cdk/bidi';
+import { NzConfigKey, NzConfigService } from 'ng-zorro-antd/core/config';
+import { NzSafeAny } from 'ng-zorro-antd/core/types';
+import { Platform } from '@angular/cdk/platform';
+import { Observable } from 'rxjs';
+
+declare class NzCarouselContentDirective {
+    private renderer;
+    readonly el: HTMLElement;
+    set isActive(value: boolean);
+    get isActive(): boolean;
+    private _active;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzCarouselContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NzCarouselContentDirective, "[nz-carousel-content]", ["nzCarouselContent"], {}, {}, never, never, true, never>;
+}
+
+/**
+ * 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 NzCarouselEffects = 'fade' | 'scrollx' | string;
+type NzCarouselDotPosition = 'top' | 'bottom' | 'left' | 'right' | string;
+interface NzCarouselComponentAsSource {
+    carouselContents: QueryList<NzCarouselContentDirective>;
+    el: HTMLElement;
+    nzTransitionSpeed: number;
+    vertical: boolean;
+    slickListEl: HTMLElement;
+    slickTrackEl: HTMLElement;
+    activeIndex: number;
+    dir: Direction;
+    ngZone: NgZone;
+}
+interface NzCarouselStrategyRegistryItem {
+    name: string;
+    strategy: NzCarouselBaseStrategy;
+}
+declare const NZ_CAROUSEL_CUSTOM_STRATEGIES: InjectionToken<NzCarouselStrategyRegistryItem[]>;
+interface PointerVector {
+    x: number;
+    y: number;
+}
+interface FromToInterface {
+    from: number;
+    to: number;
+}
+
+/**
+ * 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 abstract class NzCarouselBaseStrategy<T = NzSafeAny> {
+    protected cdr: ChangeDetectorRef;
+    protected renderer: Renderer2;
+    protected platform: Platform;
+    protected options?: T | undefined;
+    protected carouselComponent: NzCarouselComponentAsSource | null;
+    protected contents: NzCarouselContentDirective[];
+    protected slickListEl: HTMLElement;
+    protected slickTrackEl: HTMLElement;
+    protected length: number;
+    protected unitWidth: number;
+    protected unitHeight: number;
+    protected get maxIndex(): number;
+    protected get firstEl(): HTMLElement;
+    protected get lastEl(): HTMLElement;
+    constructor(carouselComponent: NzCarouselComponentAsSource, cdr: ChangeDetectorRef, renderer: Renderer2, platform: Platform, options?: T | undefined);
+    /**
+     * Initialize dragging sequences.
+     *
+     * @param contents
+     */
+    withCarouselContents(contents: QueryList<NzCarouselContentDirective> | null): void;
+    /**
+     * Trigger transition.
+     */
+    abstract switch(_f: number, _t: number): Observable<void>;
+    /**
+     * When user drag the carousel component.
+     *
+     * @optional
+     */
+    dragging(_vector: PointerVector): void;
+    /**
+     * Destroy a scroll strategy.
+     */
+    dispose(): void;
+    protected getFromToInBoundary(f: number, t: number): FromToInterface;
+}
+
+/**
+ * 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 NzCarouselComponent implements AfterContentInit, AfterViewInit, OnChanges, OnInit {
+    readonly _nzModuleName: NzConfigKey;
+    readonly nzConfigService: NzConfigService;
+    readonly ngZone: NgZone;
+    private readonly renderer;
+    private readonly cdr;
+    private readonly platform;
+    private readonly resizeService;
+    private readonly nzDragService;
+    private nzResizeObserver;
+    private destroyRef;
+    carouselContents: QueryList<NzCarouselContentDirective>;
+    slickList: ElementRef<HTMLElement>;
+    slickTrack: ElementRef<HTMLElement>;
+    nzDotRender?: TemplateRef<{
+        $implicit: number;
+    }>;
+    nzEffect: NzCarouselEffects;
+    nzEnableSwipe: boolean;
+    nzDots: boolean;
+    nzAutoPlay: boolean;
+    nzAutoPlaySpeed: number;
+    nzTransitionSpeed: number;
+    nzLoop: boolean;
+    nzArrows: boolean;
+    /**
+     * this property is passed directly to an NzCarouselBaseStrategy
+     */
+    nzStrategyOptions: NzSafeAny;
+    nzDotPosition: NzCarouselDotPosition;
+    readonly nzBeforeChange: EventEmitter<FromToInterface>;
+    readonly nzAfterChange: EventEmitter<number>;
+    activeIndex: number;
+    el: HTMLElement;
+    slickListEl: HTMLElement;
+    slickTrackEl: HTMLElement;
+    strategy?: NzCarouselBaseStrategy;
+    vertical: boolean;
+    transitionInProgress?: ReturnType<typeof setTimeout>;
+    dir: Direction;
+    private gestureRect;
+    private pointerDelta;
+    private isTransiting;
+    private isDragging;
+    private directionality;
+    private customStrategies;
+    constructor();
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    next(): void;
+    pre(): void;
+    goTo(index: number): void;
+    private switchStrategy;
+    private scheduleNextTransition;
+    private clearScheduledTransition;
+    private markContentActive;
+    /**
+     * Drag carousel.
+     */
+    pointerDown: (event: TouchEvent | MouseEvent) => void;
+    layout(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzCarouselComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzCarouselComponent, "nz-carousel", ["nzCarousel"], { "nzDotRender": { "alias": "nzDotRender"; "required": false; }; "nzEffect": { "alias": "nzEffect"; "required": false; }; "nzEnableSwipe": { "alias": "nzEnableSwipe"; "required": false; }; "nzDots": { "alias": "nzDots"; "required": false; }; "nzAutoPlay": { "alias": "nzAutoPlay"; "required": false; }; "nzAutoPlaySpeed": { "alias": "nzAutoPlaySpeed"; "required": false; }; "nzTransitionSpeed": { "alias": "nzTransitionSpeed"; "required": false; }; "nzLoop": { "alias": "nzLoop"; "required": false; }; "nzArrows": { "alias": "nzArrows"; "required": false; }; "nzStrategyOptions": { "alias": "nzStrategyOptions"; "required": false; }; "nzDotPosition": { "alias": "nzDotPosition"; "required": false; }; }, { "nzBeforeChange": "nzBeforeChange"; "nzAfterChange": "nzAfterChange"; }, ["carouselContents"], ["*"], true, never>;
+    static ngAcceptInputType_nzEnableSwipe: unknown;
+    static ngAcceptInputType_nzDots: unknown;
+    static ngAcceptInputType_nzAutoPlay: unknown;
+    static ngAcceptInputType_nzAutoPlaySpeed: unknown;
+    static ngAcceptInputType_nzTransitionSpeed: unknown;
+    static ngAcceptInputType_nzArrows: unknown;
+}
+
+declare class NzCarouselModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzCarouselModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NzCarouselModule, never, [typeof NzCarouselComponent, typeof NzCarouselContentDirective], [typeof NzCarouselComponent, typeof NzCarouselContentDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NzCarouselModule>;
+}
+
+/**
+ * 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 NzCarouselOpacityStrategy extends NzCarouselBaseStrategy {
+    withCarouselContents(contents: QueryList<NzCarouselContentDirective> | null): void;
+    switch(_f: number, _t: number): Observable<void>;
+    dispose(): void;
+}
+
+/**
+ * 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 NzCarouselTransformStrategyOptions {
+    direction: 'left' | 'right';
+}
+declare class NzCarouselTransformStrategy extends NzCarouselBaseStrategy<NzCarouselTransformStrategyOptions> {
+    private isDragging;
+    private isTransitioning;
+    private get vertical();
+    constructor(carouselComponent: NzCarouselComponentAsSource, cdr: ChangeDetectorRef, renderer: Renderer2, platform: Platform, options?: NzCarouselTransformStrategyOptions);
+    dispose(): void;
+    withCarouselContents(contents: QueryList<NzCarouselContentDirective> | null): void;
+    switch(_f: number, _t: number): Observable<void>;
+    dragging(_vector: PointerVector): void;
+    private verticalTransform;
+    private horizontalTransform;
+    private prepareVerticalContext;
+    private prepareHorizontalContext;
+}
+
+/**
+ * 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 NzCarouselTransformOnLoopStrategyOptions {
+    direction: 'left' | 'right';
+}
+/**
+ * this strategy is very much like NzCarouselTransformStrategy, but it doesn't loop between the first and the last one
+ */
+declare class NzCarouselTransformNoLoopStrategy extends NzCarouselBaseStrategy<NzCarouselTransformOnLoopStrategyOptions> {
+    private isTransitioning;
+    private get vertical();
+    constructor(carouselComponent: NzCarouselComponentAsSource, cdr: ChangeDetectorRef, renderer: Renderer2, platform: Platform, options?: NzCarouselTransformOnLoopStrategyOptions);
+    dispose(): void;
+    withCarouselContents(contents: QueryList<NzCarouselContentDirective> | null): void;
+    switch(_f: number, _t: number): Observable<void>;
+    dragging(vector: PointerVector): void;
+}
+
+/**
+ * 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 NzCarouselFlipStrategy extends NzCarouselBaseStrategy {
+    withCarouselContents(contents: QueryList<NzCarouselContentDirective> | null): void;
+    switch(rawF: number, rawT: number): Observable<void>;
+    dispose(): void;
+}
+
+export { NZ_CAROUSEL_CUSTOM_STRATEGIES, NzCarouselBaseStrategy, NzCarouselComponent, NzCarouselContentDirective, NzCarouselFlipStrategy, NzCarouselModule, NzCarouselOpacityStrategy, NzCarouselTransformNoLoopStrategy, NzCarouselTransformStrategy };
+export type { FromToInterface, NzCarouselComponentAsSource, NzCarouselDotPosition, NzCarouselEffects, NzCarouselStrategyRegistryItem, PointerVector };

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

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

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

@@ -0,0 +1,2 @@
+@import './index.less';
+@import './patch';

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

@@ -0,0 +1,339 @@
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+.ant-carousel {
+  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';
+}
+.ant-carousel .slick-slider {
+  position: relative;
+  display: block;
+  box-sizing: border-box;
+  touch-action: pan-y;
+  -webkit-touch-callout: none;
+  -webkit-tap-highlight-color: transparent;
+}
+.ant-carousel .slick-list {
+  position: relative;
+  display: block;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+}
+.ant-carousel .slick-list:focus {
+  outline: none;
+}
+.ant-carousel .slick-list.dragging {
+  cursor: pointer;
+}
+.ant-carousel .slick-list .slick-slide {
+  pointer-events: none;
+}
+.ant-carousel .slick-list .slick-slide input.ant-radio-input,
+.ant-carousel .slick-list .slick-slide input.ant-checkbox-input {
+  visibility: hidden;
+}
+.ant-carousel .slick-list .slick-slide.slick-active {
+  pointer-events: auto;
+}
+.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,
+.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {
+  visibility: visible;
+}
+.ant-carousel .slick-list .slick-slide > div > div {
+  vertical-align: bottom;
+}
+.ant-carousel .slick-slider .slick-track,
+.ant-carousel .slick-slider .slick-list {
+  transform: translate3d(0, 0, 0);
+  touch-action: pan-y;
+}
+.ant-carousel .slick-track {
+  position: relative;
+  top: 0;
+  left: 0;
+  display: block;
+}
+.ant-carousel .slick-track::before,
+.ant-carousel .slick-track::after {
+  display: table;
+  content: '';
+}
+.ant-carousel .slick-track::after {
+  clear: both;
+}
+.slick-loading .ant-carousel .slick-track {
+  visibility: hidden;
+}
+.ant-carousel .slick-slide {
+  display: none;
+  float: left;
+  height: 100%;
+  min-height: 1px;
+}
+.ant-carousel .slick-slide img {
+  display: block;
+}
+.ant-carousel .slick-slide.slick-loading img {
+  display: none;
+}
+.ant-carousel .slick-slide.dragging img {
+  pointer-events: none;
+}
+.ant-carousel .slick-initialized .slick-slide {
+  display: block;
+}
+.ant-carousel .slick-loading .slick-slide {
+  visibility: hidden;
+}
+.ant-carousel .slick-vertical .slick-slide {
+  display: block;
+  height: auto;
+}
+.ant-carousel .slick-arrow.slick-hidden {
+  display: none;
+}
+.ant-carousel .slick-prev,
+.ant-carousel .slick-next {
+  position: absolute;
+  top: 50%;
+  z-index: 1;
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  margin: 0;
+  padding: 0;
+  color: #fff;
+  font-size: 0;
+  line-height: 0;
+  background: transparent;
+  border: 0;
+  border-radius: 0;
+  outline: none;
+  transform: translateY(-50%);
+  cursor: pointer;
+  opacity: 0.3;
+  transition: color 0.3s, opacity 0.3s;
+}
+.ant-carousel .slick-prev::after,
+.ant-carousel .slick-next::after {
+  position: absolute;
+  top: 2.3px;
+  display: inline-block;
+  box-sizing: border-box;
+  width: 11.3px;
+  height: 11.3px;
+  border: 0 solid currentcolor;
+  border-radius: 1px;
+  opacity: 1;
+  content: '';
+  inset-inline-start: 2.3px;
+  border-inline-start-width: 2px;
+  border-block-start-width: 2px;
+}
+.ant-carousel .slick-prev:hover,
+.ant-carousel .slick-next:hover,
+.ant-carousel .slick-prev:focus,
+.ant-carousel .slick-next:focus {
+  color: #fff;
+  outline: none;
+  opacity: 1;
+}
+.ant-carousel .slick-prev.slick-disabled,
+.ant-carousel .slick-next.slick-disabled {
+  display: none;
+}
+.ant-carousel .slick-prev {
+  right: auto;
+  left: 12px;
+}
+.ant-carousel .slick-prev::after {
+  transform: rotate(-45deg);
+}
+.ant-carousel .slick-next {
+  right: 12px;
+  left: auto;
+}
+.ant-carousel .slick-next::after {
+  transform: rotate(135deg);
+}
+.ant-carousel .slick-vertical .slick-prev {
+  top: 12px;
+  right: auto;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.ant-carousel .slick-vertical .slick-prev::after {
+  transform: rotate(45deg);
+}
+.ant-carousel .slick-vertical .slick-next {
+  top: auto;
+  right: auto;
+  bottom: 12px;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.ant-carousel .slick-vertical .slick-next::after {
+  transform: rotate(-135deg);
+}
+.ant-carousel .slick-dots {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 15;
+  display: flex !important;
+  justify-content: center;
+  margin-right: 15%;
+  margin-bottom: 0;
+  margin-left: 15%;
+  padding-left: 0;
+  list-style: none;
+}
+.ant-carousel .slick-dots-bottom {
+  bottom: 12px;
+}
+.ant-carousel .slick-dots-top {
+  top: 12px;
+  bottom: auto;
+}
+.ant-carousel .slick-dots li {
+  position: relative;
+  display: inline-block;
+  flex: 0 1 auto;
+  box-sizing: content-box;
+  width: 16px;
+  height: 3px;
+  margin: 0 4px;
+  padding: 0;
+  text-align: center;
+  text-indent: -999px;
+  vertical-align: top;
+  transition: all 0.5s;
+}
+.ant-carousel .slick-dots li button {
+  position: relative;
+  display: block;
+  width: 100%;
+  height: 3px;
+  padding: 0;
+  color: transparent;
+  font-size: 0;
+  background: #fff;
+  border: 0;
+  border-radius: 1px;
+  outline: none;
+  cursor: pointer;
+  opacity: 0.3;
+  transition: all 0.5s;
+}
+.ant-carousel .slick-dots li button:hover,
+.ant-carousel .slick-dots li button:focus {
+  opacity: 0.75;
+}
+.ant-carousel .slick-dots li button::after {
+  position: absolute;
+  top: -4px;
+  right: -4px;
+  bottom: -4px;
+  left: -4px;
+  content: '';
+}
+.ant-carousel .slick-dots li.slick-active {
+  width: 24px;
+}
+.ant-carousel .slick-dots li.slick-active button {
+  background: #fff;
+  opacity: 1;
+}
+.ant-carousel .slick-dots li.slick-active:hover,
+.ant-carousel .slick-dots li.slick-active:focus {
+  opacity: 1;
+}
+.ant-carousel-vertical .slick-dots {
+  top: 50%;
+  bottom: auto;
+  flex-direction: column;
+  width: 3px;
+  height: auto;
+  margin: 0;
+  transform: translateY(-50%);
+}
+.ant-carousel-vertical .slick-dots-left {
+  right: auto;
+  left: 12px;
+}
+.ant-carousel-vertical .slick-dots-right {
+  right: 12px;
+  left: auto;
+}
+.ant-carousel-vertical .slick-dots li {
+  width: 3px;
+  height: 16px;
+  margin: 4px 0;
+  vertical-align: baseline;
+}
+.ant-carousel-vertical .slick-dots li button {
+  width: 3px;
+  height: 16px;
+}
+.ant-carousel-vertical .slick-dots li.slick-active {
+  width: 3px;
+  height: 24px;
+}
+.ant-carousel-vertical .slick-dots li.slick-active button {
+  width: 3px;
+  height: 24px;
+}
+.ant-carousel-rtl {
+  direction: rtl;
+}
+.ant-carousel-rtl .slick-next {
+  right: auto;
+  left: 12px;
+}
+.ant-carousel-rtl .slick-next::after {
+  transform: rotate(-45deg);
+}
+.ant-carousel-rtl .slick-prev {
+  right: 12px;
+  left: auto;
+}
+.ant-carousel-rtl .slick-prev::after {
+  transform: rotate(135deg);
+}
+.ant-carousel-rtl .ant-carousel .slick-track {
+  right: 0;
+  left: auto;
+}
+.ant-carousel-rtl.ant-carousel .slick-dots {
+  flex-direction: row-reverse;
+}
+.ant-carousel-rtl.ant-carousel-vertical .slick-dots {
+  flex-direction: column;
+}
+.ant-carousel-rtl .ant-carousel .slick-vertical .slick-prev::after {
+  transform: rotate(45deg);
+}
+.ant-carousel-rtl .ant-carousel .slick-vertical .slick-next::after {
+  transform: rotate(-135deg);
+}
+nz-carousel {
+  position: relative;
+  display: block;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+.slick-dots {
+  display: block;
+}
+.slick-track {
+  opacity: 1;
+}

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

@@ -0,0 +1,355 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@carousel-prefix-cls: ~'@{ant-prefix}-carousel';
+@carousel-dot-margin: 4px;
+@carousel-arrow-size: 16px;
+@carousel-arrow-offset: 12px;
+@carousel-arrow-bg: fade(#000, 20%);
+@carousel-arrow-bg-hover: fade(#000, 30%);
+@carousel-arrow-color: @white;
+
+.@{carousel-prefix-cls} {
+  .reset-component();
+
+  .slick-slider {
+    position: relative;
+    display: block;
+    box-sizing: border-box;
+    touch-action: pan-y;
+    -webkit-touch-callout: none;
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  .slick-list {
+    position: relative;
+    display: block;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+
+    &:focus {
+      outline: none;
+    }
+
+    &.dragging {
+      cursor: pointer;
+    }
+
+    .slick-slide {
+      pointer-events: none;
+
+      // https://github.com/ant-design/ant-design/issues/23294
+      input.@{ant-prefix}-radio-input,
+      input.@{ant-prefix}-checkbox-input {
+        visibility: hidden;
+      }
+
+      &.slick-active {
+        pointer-events: auto;
+
+        input.@{ant-prefix}-radio-input,
+        input.@{ant-prefix}-checkbox-input {
+          visibility: visible;
+        }
+      }
+
+      // fix Carousel content height not match parent node
+      // when children is empty node
+      // https://github.com/ant-design/ant-design/issues/25878
+      > div > div {
+        vertical-align: bottom;
+      }
+    }
+  }
+
+  .slick-slider .slick-track,
+  .slick-slider .slick-list {
+    transform: translate3d(0, 0, 0);
+    touch-action: pan-y;
+  }
+
+  .slick-track {
+    position: relative;
+    top: 0;
+    left: 0;
+    display: block;
+
+    &::before,
+    &::after {
+      display: table;
+      content: '';
+    }
+
+    &::after {
+      clear: both;
+    }
+
+    .slick-loading & {
+      visibility: hidden;
+    }
+  }
+
+  .slick-slide {
+    display: none;
+    float: left;
+    height: 100%;
+    min-height: 1px;
+
+    img {
+      display: block;
+    }
+
+    &.slick-loading img {
+      display: none;
+    }
+
+    &.dragging img {
+      pointer-events: none;
+    }
+  }
+
+  .slick-initialized .slick-slide {
+    display: block;
+  }
+
+  .slick-loading .slick-slide {
+    visibility: hidden;
+  }
+
+  .slick-vertical .slick-slide {
+    display: block;
+    height: auto;
+  }
+
+  .slick-arrow.slick-hidden {
+    display: none;
+  }
+
+  // Arrows
+  .slick-prev,
+  .slick-next {
+    position: absolute;
+    top: 50%;
+    z-index: 1;
+    display: inline-block;
+    width: @carousel-arrow-size;
+    height: @carousel-arrow-size;
+    margin: 0;
+    padding: 0;
+    color: @white;
+    font-size: 0; // keep no text
+    line-height: 0;
+    background: transparent;
+    border: 0;
+    border-radius: 0;
+    outline: none;
+    transform: translateY(-50%);
+    cursor: pointer;
+    opacity: 0.3;
+    transition:
+      color 0.3s,
+      opacity 0.3s;
+
+    &::after {
+      position: absolute;
+      top: 2.3px;
+      display: inline-block;
+      box-sizing: border-box;
+      width: 11.3px;
+      height: 11.3px;
+      border: 0 solid currentcolor;
+      border-radius: 1px;
+      opacity: 1;
+      content: '';
+      inset-inline-start: 2.3px;
+      border-inline-start-width: 2px;
+      border-block-start-width: 2px;
+    }
+
+    &:hover,
+    &:focus {
+      color: @white;
+      outline: none;
+      opacity: 1;
+    }
+
+    &.slick-disabled {
+      display: none;
+    }
+  }
+
+  .slick-prev {
+    right: auto;
+    left: @carousel-arrow-offset;
+
+    &::after {
+      transform: rotate(-45deg);
+    }
+  }
+
+  .slick-next {
+    right: @carousel-arrow-offset;
+    left: auto;
+
+    &::after {
+      transform: rotate(135deg);
+    }
+  }
+
+  // Vertical mode (dots on left or right)
+  .slick-vertical {
+    .slick-prev {
+      top: @carousel-dot-margin * 3;
+      right: auto;
+      left: 50%;
+      transform: translateX(-50%);
+
+      &::after {
+        transform: rotate(45deg);
+      }
+    }
+
+    .slick-next {
+      top: auto;
+      right: auto;
+      bottom: @carousel-dot-margin * 3;
+      left: 50%;
+      transform: translateX(-50%);
+
+      &::after {
+        transform: rotate(-135deg);
+      }
+    }
+  }
+
+  .slick-dots {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 15;
+    display: flex !important;
+    justify-content: center;
+    margin-right: 15%;
+    margin-bottom: 0;
+    margin-left: 15%;
+    padding-left: 0;
+    list-style: none;
+
+    &-bottom {
+      bottom: 12px;
+    }
+
+    &-top {
+      top: 12px;
+      bottom: auto;
+    }
+
+    li {
+      position: relative;
+      display: inline-block;
+      flex: 0 1 auto;
+      box-sizing: content-box;
+      width: @carousel-dot-width;
+      height: @carousel-dot-height;
+      margin: 0 @carousel-dot-margin;
+      padding: 0;
+      text-align: center;
+      text-indent: -999px;
+      vertical-align: top;
+      transition: all 0.5s;
+
+      button {
+        position: relative;
+        display: block;
+        width: 100%;
+        height: @carousel-dot-height;
+        padding: 0;
+        color: transparent;
+        font-size: 0;
+        background: @component-background;
+        border: 0;
+        border-radius: 1px;
+        outline: none;
+        cursor: pointer;
+        opacity: 0.3;
+        transition: all 0.5s;
+
+        &:hover,
+        &:focus {
+          opacity: 0.75;
+        }
+
+        &::after {
+          position: absolute;
+          top: -@carousel-dot-margin;
+          right: -@carousel-dot-margin;
+          bottom: -@carousel-dot-margin;
+          left: -@carousel-dot-margin;
+          content: '';
+        }
+      }
+
+      &.slick-active {
+        width: @carousel-dot-active-width;
+
+        & button {
+          background: @component-background;
+          opacity: 1;
+        }
+
+        &:hover,
+        &:focus {
+          opacity: 1;
+        }
+      }
+    }
+  }
+}
+
+.@{ant-prefix}-carousel-vertical {
+  .slick-dots {
+    top: 50%;
+    bottom: auto;
+    flex-direction: column;
+    width: @carousel-dot-height;
+    height: auto;
+    margin: 0;
+    transform: translateY(-50%);
+
+    &-left {
+      right: auto;
+      left: 12px;
+    }
+
+    &-right {
+      right: 12px;
+      left: auto;
+    }
+
+    li {
+      width: @carousel-dot-height;
+      height: @carousel-dot-width;
+      margin: @carousel-dot-margin 0;
+      vertical-align: baseline;
+
+      button {
+        width: @carousel-dot-height;
+        height: @carousel-dot-width;
+      }
+
+      &.slick-active {
+        width: @carousel-dot-height;
+        height: @carousel-dot-active-width;
+
+        button {
+          width: @carousel-dot-height;
+          height: @carousel-dot-active-width;
+        }
+      }
+    }
+  }
+}
+
+@import './rtl';

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

@@ -0,0 +1,15 @@
+nz-carousel {
+  position: relative;
+  display: block;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+.slick-dots {
+  display: block;
+}
+
+.slick-track {
+  opacity: 1;
+}

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

@@ -0,0 +1,66 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@carousel-prefix-cls: ~'@{ant-prefix}-carousel';
+
+.@{carousel-prefix-cls} {
+  &-rtl {
+    direction: rtl;
+
+    .slick-next {
+      right: auto;
+      left: @carousel-arrow-offset;
+
+      &::after {
+        // In RTL, next points to the left
+        transform: rotate(-45deg);
+      }
+    }
+
+    .slick-prev {
+      right: @carousel-arrow-offset;
+      left: auto;
+
+      &::after {
+        // In RTL, previous points to the right
+        transform: rotate(135deg);
+      }
+    }
+  }
+
+  .slick-track {
+    .@{carousel-prefix-cls}-rtl & {
+      right: 0;
+      left: auto;
+    }
+  }
+  // Dots
+  .slick-dots {
+    .@{carousel-prefix-cls}-rtl& {
+      flex-direction: row-reverse;
+    }
+  }
+}
+
+.@{ant-prefix}-carousel-vertical {
+  .slick-dots {
+    .@{carousel-prefix-cls}-rtl& {
+      flex-direction: column;
+    }
+  }
+}
+
+// Vertical arrows in RTL follow the same reversal as LTR (prev up, next down)
+.@{carousel-prefix-cls} {
+  .@{carousel-prefix-cls}-rtl & {
+    .slick-vertical {
+      .slick-prev::after {
+        transform: rotate(45deg);
+      }
+
+      .slick-next::after {
+        transform: rotate(-135deg);
+      }
+    }
+  }
+}