init

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

@@ -0,0 +1,105 @@
+import * as i0 from '@angular/core';
+import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
+
+/**
+ * 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 NzSkeletonParagraphWidth = number | string | Array<number | string>;
+type NzSkeletonButtonShape = 'square' | 'circle' | 'round' | 'default';
+type NzSkeletonAvatarShape = 'square' | 'circle';
+type NzSkeletonInputSize = 'large' | 'small' | 'default';
+type NzSkeletonButtonSize = NzSkeletonInputSize;
+type NzSkeletonAvatarSize = NzSkeletonInputSize | number;
+interface NzSkeletonAvatar {
+    size?: NzSkeletonAvatarSize;
+    shape?: NzSkeletonAvatarShape;
+}
+interface NzSkeletonTitle {
+    width?: number | string;
+}
+interface NzSkeletonParagraph {
+    rows?: number;
+    width?: NzSkeletonParagraphWidth;
+}
+
+/**
+ * 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 NzSkeletonComponent implements OnInit, OnChanges {
+    private cdr;
+    nzActive: boolean;
+    nzLoading: boolean;
+    nzRound: boolean;
+    nzTitle: NzSkeletonTitle | boolean;
+    nzAvatar: NzSkeletonAvatar | boolean;
+    nzParagraph: NzSkeletonParagraph | boolean;
+    title: NzSkeletonTitle;
+    avatar: NzSkeletonAvatar;
+    paragraph: NzSkeletonParagraph;
+    rowsList: number[];
+    widthList: Array<number | string>;
+    protected toCSSUnit(value?: number | string): string;
+    private getTitleProps;
+    private getAvatarProps;
+    private getParagraphProps;
+    private getProps;
+    private getWidthList;
+    private updateProps;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzSkeletonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzSkeletonComponent, "nz-skeleton", ["nzSkeleton"], { "nzActive": { "alias": "nzActive"; "required": false; }; "nzLoading": { "alias": "nzLoading"; "required": false; }; "nzRound": { "alias": "nzRound"; "required": false; }; "nzTitle": { "alias": "nzTitle"; "required": false; }; "nzAvatar": { "alias": "nzAvatar"; "required": false; }; "nzParagraph": { "alias": "nzParagraph"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_nzActive: unknown;
+    static ngAcceptInputType_nzLoading: unknown;
+    static ngAcceptInputType_nzRound: 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 NzSkeletonElementDirective {
+    nzActive: boolean;
+    nzType: 'button' | 'input' | 'avatar' | 'image';
+    nzBlock: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzSkeletonElementDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NzSkeletonElementDirective, "nz-skeleton-element", never, { "nzActive": { "alias": "nzActive"; "required": false; }; "nzType": { "alias": "nzType"; "required": false; }; "nzBlock": { "alias": "nzBlock"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_nzActive: unknown;
+    static ngAcceptInputType_nzBlock: unknown;
+}
+declare class NzSkeletonElementButtonComponent {
+    nzShape: NzSkeletonButtonShape;
+    nzSize: NzSkeletonButtonSize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzSkeletonElementButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzSkeletonElementButtonComponent, "nz-skeleton-element[nzType=\"button\"]", never, { "nzShape": { "alias": "nzShape"; "required": false; }; "nzSize": { "alias": "nzSize"; "required": false; }; }, {}, never, never, true, never>;
+}
+declare class NzSkeletonElementAvatarComponent implements OnChanges {
+    nzShape: NzSkeletonAvatarShape;
+    nzSize: NzSkeletonAvatarSize;
+    styleMap: {};
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzSkeletonElementAvatarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzSkeletonElementAvatarComponent, "nz-skeleton-element[nzType=\"avatar\"]", never, { "nzShape": { "alias": "nzShape"; "required": false; }; "nzSize": { "alias": "nzSize"; "required": false; }; }, {}, never, never, true, never>;
+}
+declare class NzSkeletonElementInputComponent {
+    nzSize: NzSkeletonInputSize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzSkeletonElementInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzSkeletonElementInputComponent, "nz-skeleton-element[nzType=\"input\"]", never, { "nzSize": { "alias": "nzSize"; "required": false; }; }, {}, never, never, true, never>;
+}
+declare class NzSkeletonElementImageComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzSkeletonElementImageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NzSkeletonElementImageComponent, "nz-skeleton-element[nzType=\"image\"]", never, {}, {}, never, never, true, never>;
+}
+
+declare class NzSkeletonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NzSkeletonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NzSkeletonModule, never, [typeof NzSkeletonElementDirective, typeof NzSkeletonComponent, typeof NzSkeletonElementButtonComponent, typeof NzSkeletonElementAvatarComponent, typeof NzSkeletonElementImageComponent, typeof NzSkeletonElementInputComponent], [typeof NzSkeletonElementDirective, typeof NzSkeletonComponent, typeof NzSkeletonElementButtonComponent, typeof NzSkeletonElementAvatarComponent, typeof NzSkeletonElementImageComponent, typeof NzSkeletonElementInputComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NzSkeletonModule>;
+}
+
+export { NzSkeletonComponent, NzSkeletonElementAvatarComponent, NzSkeletonElementButtonComponent, NzSkeletonElementDirective, NzSkeletonElementImageComponent, NzSkeletonElementInputComponent, NzSkeletonModule };
+export type { NzSkeletonAvatar, NzSkeletonAvatarShape, NzSkeletonAvatarSize, NzSkeletonButtonShape, NzSkeletonButtonSize, NzSkeletonInputSize, NzSkeletonParagraph, NzSkeletonParagraphWidth, NzSkeletonTitle };

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

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

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

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

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

@@ -0,0 +1,280 @@
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+.ant-skeleton {
+  display: table;
+  width: 100%;
+}
+.ant-skeleton-header {
+  display: table-cell;
+  padding-right: 16px;
+  vertical-align: top;
+}
+.ant-skeleton-header .ant-skeleton-avatar {
+  display: inline-block;
+  vertical-align: top;
+  background: rgba(190, 190, 190, 0.2);
+  width: 32px;
+  height: 32px;
+  line-height: 32px;
+}
+.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
+  border-radius: 50%;
+}
+.ant-skeleton-header .ant-skeleton-avatar-lg {
+  width: 40px;
+  height: 40px;
+  line-height: 40px;
+}
+.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
+  border-radius: 50%;
+}
+.ant-skeleton-header .ant-skeleton-avatar-sm {
+  width: 24px;
+  height: 24px;
+  line-height: 24px;
+}
+.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
+  border-radius: 50%;
+}
+.ant-skeleton-content {
+  display: table-cell;
+  width: 100%;
+  vertical-align: top;
+}
+.ant-skeleton-content .ant-skeleton-title {
+  width: 100%;
+  height: 16px;
+  background: rgba(190, 190, 190, 0.2);
+  border-radius: 2px;
+}
+.ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
+  margin-top: 24px;
+}
+.ant-skeleton-content .ant-skeleton-paragraph {
+  padding: 0;
+}
+.ant-skeleton-content .ant-skeleton-paragraph > li {
+  width: 100%;
+  height: 16px;
+  list-style: none;
+  background: rgba(190, 190, 190, 0.2);
+  border-radius: 2px;
+}
+.ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) {
+  width: 61%;
+}
+.ant-skeleton-content .ant-skeleton-paragraph > li + li {
+  margin-top: 16px;
+}
+.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title {
+  margin-top: 12px;
+}
+.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
+  margin-top: 28px;
+}
+.ant-skeleton-round .ant-skeleton-content .ant-skeleton-title,
+.ant-skeleton-round .ant-skeleton-content .ant-skeleton-paragraph > li {
+  border-radius: 100px;
+}
+.ant-skeleton-active .ant-skeleton-title,
+.ant-skeleton-active .ant-skeleton-paragraph > li,
+.ant-skeleton-active .ant-skeleton-avatar,
+.ant-skeleton-active .ant-skeleton-button,
+.ant-skeleton-active .ant-skeleton-input,
+.ant-skeleton-active .ant-skeleton-image {
+  position: relative;
+  /* stylelint-disable-next-line property-no-vendor-prefix,value-no-vendor-prefix */
+  z-index: 0;
+  overflow: hidden;
+  background: transparent;
+}
+.ant-skeleton-active .ant-skeleton-title::after,
+.ant-skeleton-active .ant-skeleton-paragraph > li::after,
+.ant-skeleton-active .ant-skeleton-avatar::after,
+.ant-skeleton-active .ant-skeleton-button::after,
+.ant-skeleton-active .ant-skeleton-input::after,
+.ant-skeleton-active .ant-skeleton-image::after {
+  position: absolute;
+  top: 0;
+  right: -150%;
+  bottom: 0;
+  left: -150%;
+  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
+  animation: ant-skeleton-loading 1.4s ease infinite;
+  content: '';
+}
+.ant-skeleton.ant-skeleton-block {
+  width: 100%;
+}
+.ant-skeleton.ant-skeleton-block .ant-skeleton-button {
+  width: 100%;
+}
+.ant-skeleton.ant-skeleton-block .ant-skeleton-input {
+  width: 100%;
+}
+.ant-skeleton-element {
+  display: inline-block;
+  width: auto;
+}
+.ant-skeleton-element .ant-skeleton-button {
+  display: inline-block;
+  vertical-align: top;
+  background: rgba(190, 190, 190, 0.2);
+  border-radius: 2px;
+  width: 64px;
+  min-width: 64px;
+  height: 32px;
+  line-height: 32px;
+}
+.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-square {
+  width: 32px;
+  min-width: 32px;
+}
+.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle {
+  width: 32px;
+  min-width: 32px;
+  border-radius: 50%;
+}
+.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round {
+  border-radius: 32px;
+}
+.ant-skeleton-element .ant-skeleton-button-lg {
+  width: 80px;
+  min-width: 80px;
+  height: 40px;
+  line-height: 40px;
+}
+.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-square {
+  width: 40px;
+  min-width: 40px;
+}
+.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle {
+  width: 40px;
+  min-width: 40px;
+  border-radius: 50%;
+}
+.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round {
+  border-radius: 40px;
+}
+.ant-skeleton-element .ant-skeleton-button-sm {
+  width: 48px;
+  min-width: 48px;
+  height: 24px;
+  line-height: 24px;
+}
+.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-square {
+  width: 24px;
+  min-width: 24px;
+}
+.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle {
+  width: 24px;
+  min-width: 24px;
+  border-radius: 50%;
+}
+.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round {
+  border-radius: 24px;
+}
+.ant-skeleton-element .ant-skeleton-avatar {
+  display: inline-block;
+  vertical-align: top;
+  background: rgba(190, 190, 190, 0.2);
+  width: 32px;
+  height: 32px;
+  line-height: 32px;
+}
+.ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle {
+  border-radius: 50%;
+}
+.ant-skeleton-element .ant-skeleton-avatar-lg {
+  width: 40px;
+  height: 40px;
+  line-height: 40px;
+}
+.ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
+  border-radius: 50%;
+}
+.ant-skeleton-element .ant-skeleton-avatar-sm {
+  width: 24px;
+  height: 24px;
+  line-height: 24px;
+}
+.ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
+  border-radius: 50%;
+}
+.ant-skeleton-element .ant-skeleton-input {
+  display: inline-block;
+  vertical-align: top;
+  background: rgba(190, 190, 190, 0.2);
+  width: 160px;
+  min-width: 160px;
+  height: 32px;
+  line-height: 32px;
+}
+.ant-skeleton-element .ant-skeleton-input-lg {
+  width: 200px;
+  min-width: 200px;
+  height: 40px;
+  line-height: 40px;
+}
+.ant-skeleton-element .ant-skeleton-input-sm {
+  width: 120px;
+  min-width: 120px;
+  height: 24px;
+  line-height: 24px;
+}
+.ant-skeleton-element .ant-skeleton-image {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  vertical-align: top;
+  background: rgba(190, 190, 190, 0.2);
+  width: 96px;
+  height: 96px;
+  line-height: 96px;
+}
+.ant-skeleton-element .ant-skeleton-image.ant-skeleton-image-circle {
+  border-radius: 50%;
+}
+.ant-skeleton-element .ant-skeleton-image-path {
+  fill: #bfbfbf;
+}
+.ant-skeleton-element .ant-skeleton-image-svg {
+  width: 48px;
+  height: 48px;
+  line-height: 48px;
+  max-width: 192px;
+  max-height: 192px;
+}
+.ant-skeleton-element .ant-skeleton-image-svg.ant-skeleton-image-circle {
+  border-radius: 50%;
+}
+@keyframes ant-skeleton-loading {
+  0% {
+    transform: translateX(-37.5%);
+  }
+  100% {
+    transform: translateX(37.5%);
+  }
+}
+.ant-skeleton-rtl {
+  direction: rtl;
+}
+.ant-skeleton-rtl .ant-skeleton-header {
+  padding-right: 0;
+  padding-left: 16px;
+}
+.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
+.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
+  animation-name: ant-skeleton-loading-rtl;
+}
+.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
+  animation-name: ant-skeleton-loading-rtl;
+}
+@keyframes ant-skeleton-loading-rtl {
+  0% {
+    background-position: 0% 50%;
+  }
+  100% {
+    background-position: 100% 50%;
+  }
+}

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

@@ -0,0 +1,290 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@skeleton-prefix-cls: ~'@{ant-prefix}-skeleton';
+@skeleton-avatar-prefix-cls: ~'@{skeleton-prefix-cls}-avatar';
+@skeleton-title-prefix-cls: ~'@{skeleton-prefix-cls}-title';
+@skeleton-paragraph-prefix-cls: ~'@{skeleton-prefix-cls}-paragraph';
+@skeleton-button-prefix-cls: ~'@{skeleton-prefix-cls}-button';
+@skeleton-input-prefix-cls: ~'@{skeleton-prefix-cls}-input';
+@skeleton-image-prefix-cls: ~'@{skeleton-prefix-cls}-image';
+@skeleton-block-radius: @border-radius-base;
+
+.@{skeleton-prefix-cls} {
+  display: table;
+  width: 100%;
+
+  &-header {
+    display: table-cell;
+    padding-right: @padding-md;
+    vertical-align: top;
+
+    // Avatar
+    .@{skeleton-avatar-prefix-cls} {
+      .skeleton-element-avatar();
+    }
+  }
+
+  &-content {
+    display: table-cell;
+    width: 100%;
+    vertical-align: top;
+
+    // Title
+    .@{skeleton-title-prefix-cls} {
+      width: 100%;
+      height: @skeleton-title-height;
+      background: @skeleton-color;
+      border-radius: @skeleton-block-radius;
+
+      + .@{skeleton-paragraph-prefix-cls} {
+        margin-top: @skeleton-title-paragraph-margin-top;
+      }
+    }
+
+    // paragraph
+    .@{skeleton-paragraph-prefix-cls} {
+      padding: 0;
+
+      > li {
+        width: 100%;
+        height: @skeleton-paragraph-li-height;
+        list-style: none;
+        background: @skeleton-color;
+        border-radius: @skeleton-block-radius;
+
+        &:last-child:not(:first-child):not(:nth-child(2)) {
+          width: 61%;
+        }
+
+        + li {
+          margin-top: @skeleton-paragraph-li-margin-top;
+        }
+      }
+    }
+  }
+
+  &-with-avatar &-content {
+    // Title
+    .@{skeleton-title-prefix-cls} {
+      margin-top: @margin-sm;
+
+      + .@{skeleton-paragraph-prefix-cls} {
+        margin-top: @skeleton-paragraph-margin-top;
+      }
+    }
+  }
+
+  &-round &-content {
+    .@{skeleton-title-prefix-cls},
+    .@{skeleton-paragraph-prefix-cls} > li {
+      border-radius: 100px;
+    }
+  }
+
+  // With active animation
+  &-active {
+    .@{skeleton-title-prefix-cls},
+    .@{skeleton-paragraph-prefix-cls} > li,
+    .@{skeleton-avatar-prefix-cls},
+    .@{skeleton-button-prefix-cls},
+    .@{skeleton-input-prefix-cls},
+    .@{skeleton-image-prefix-cls} {
+      .skeleton-color();
+    }
+  }
+
+  // Skeleton Block Button, Input
+  &.@{skeleton-prefix-cls}-block {
+    width: 100%;
+
+    .@{skeleton-button-prefix-cls} {
+      width: 100%;
+    }
+
+    .@{skeleton-input-prefix-cls} {
+      width: 100%;
+    }
+  }
+
+  // Skeleton element
+  &-element {
+    display: inline-block;
+    width: auto;
+
+    .@{skeleton-button-prefix-cls} {
+      .skeleton-element-button();
+    }
+
+    .@{skeleton-avatar-prefix-cls} {
+      .skeleton-element-avatar();
+    }
+
+    .@{skeleton-input-prefix-cls} {
+      .skeleton-element-input();
+    }
+
+    .@{skeleton-image-prefix-cls} {
+      .skeleton-element-image();
+    }
+  }
+}
+// Button
+.skeleton-element-button() {
+  display: inline-block;
+  vertical-align: top;
+  background: @skeleton-color;
+  border-radius: @border-radius-base;
+
+  .skeleton-element-button-size(@btn-height-base);
+
+  &-lg {
+    .skeleton-element-button-size(@btn-height-lg);
+  }
+
+  &-sm {
+    .skeleton-element-button-size(@btn-height-sm);
+  }
+}
+// Avatar
+.skeleton-element-avatar() {
+  display: inline-block;
+  vertical-align: top;
+  background: @skeleton-color;
+
+  .skeleton-element-avatar-size(@avatar-size-base);
+
+  &-lg {
+    .skeleton-element-avatar-size(@avatar-size-lg);
+  }
+
+  &-sm {
+    .skeleton-element-avatar-size(@avatar-size-sm);
+  }
+}
+
+// Input
+.skeleton-element-input() {
+  display: inline-block;
+  vertical-align: top;
+  background: @skeleton-color;
+
+  .skeleton-element-input-size(@input-height-base);
+
+  &-lg {
+    .skeleton-element-input-size(@input-height-lg);
+  }
+
+  &-sm {
+    .skeleton-element-input-size(@input-height-sm);
+  }
+}
+
+// Image
+.skeleton-element-image() {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  vertical-align: top;
+  background: @skeleton-color;
+
+  .skeleton-element-image-size(@image-size-base*2);
+
+  &-path {
+    fill: #bfbfbf;
+  }
+
+  &-svg {
+    .skeleton-element-image-size(@image-size-base);
+    max-width: @image-size-base * 4;
+    max-height: @image-size-base * 4;
+  }
+}
+
+.skeleton-element-avatar-size(@size) {
+  width: @size;
+  .skeleton-element-common-size(@size);
+
+  &.@{skeleton-avatar-prefix-cls}-circle {
+    border-radius: 50%;
+  }
+}
+
+.skeleton-element-button-size(@size) {
+  width: @size * 2;
+  min-width: @size * 2;
+  .skeleton-element-common-size(@size);
+
+  &.@{skeleton-button-prefix-cls}-square {
+    width: @size;
+    min-width: @size;
+  }
+
+  &.@{skeleton-button-prefix-cls}-circle {
+    width: @size;
+    min-width: @size;
+    border-radius: 50%;
+  }
+
+  &.@{skeleton-button-prefix-cls}-round {
+    border-radius: @size;
+  }
+}
+
+.skeleton-element-input-size(@size) {
+  width: @size * 5;
+  min-width: @size * 5;
+  .skeleton-element-common-size(@size);
+}
+
+.skeleton-element-image-size(@size) {
+  width: @size;
+  .skeleton-element-common-size(@size);
+
+  &.@{skeleton-image-prefix-cls}-circle {
+    border-radius: 50%;
+  }
+}
+
+.skeleton-element-common-size(@size) {
+  height: @size;
+  line-height: @size;
+}
+
+.skeleton-color() {
+  position: relative;
+  // fix https://github.com/ant-design/ant-design/issues/36444
+  // https://monshin.github.io/202109/css/safari-border-radius-overflow-hidden/
+  /* stylelint-disable-next-line property-no-vendor-prefix,value-no-vendor-prefix */
+  z-index: 0;
+  overflow: hidden;
+  background: transparent;
+
+  &::after {
+    position: absolute;
+    top: 0;
+    right: -150%;
+    bottom: 0;
+    left: -150%;
+    background: linear-gradient(
+      90deg,
+      @skeleton-color 25%,
+      @skeleton-to-color 37%,
+      @skeleton-color 63%
+    );
+    animation: ~'@{skeleton-prefix-cls}-loading' 1.4s ease infinite;
+    content: '';
+  }
+}
+
+@keyframes ~"@{skeleton-prefix-cls}-loading" {
+  0% {
+    transform: translateX(-37.5%);
+  }
+
+  100% {
+    transform: translateX(37.5%);
+  }
+}
+
+@import './rtl';

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

@@ -0,0 +1,48 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@skeleton-prefix-cls: ~'@{ant-prefix}-skeleton';
+@skeleton-avatar-prefix-cls: ~'@{skeleton-prefix-cls}-avatar';
+@skeleton-title-prefix-cls: ~'@{skeleton-prefix-cls}-title';
+@skeleton-paragraph-prefix-cls: ~'@{skeleton-prefix-cls}-paragraph';
+
+.@{skeleton-prefix-cls} {
+  &-rtl {
+    direction: rtl;
+  }
+
+  &-header {
+    .@{skeleton-prefix-cls}-rtl & {
+      padding-right: 0;
+      padding-left: 16px;
+    }
+  }
+
+  // With active animation
+  &.@{skeleton-prefix-cls}-active {
+    & .@{skeleton-prefix-cls}-content {
+      .@{skeleton-title-prefix-cls},
+      .@{skeleton-paragraph-prefix-cls} > li {
+        .@{skeleton-prefix-cls}-rtl& {
+          animation-name: ~'@{skeleton-prefix-cls}-loading-rtl';
+        }
+      }
+    }
+
+    .@{skeleton-avatar-prefix-cls} {
+      .@{skeleton-prefix-cls}-rtl& {
+        animation-name: ~'@{skeleton-prefix-cls}-loading-rtl';
+      }
+    }
+  }
+}
+
+@keyframes ~"@{skeleton-prefix-cls}-loading-rtl" {
+  0% {
+    background-position: 0% 50%;
+  }
+
+  100% {
+    background-position: 100% 50%;
+  }
+}