init

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

@@ -0,0 +1,146 @@
+import * as _angular_cdk_bidi from '@angular/cdk/bidi';
+import { Directionality } from '@angular/cdk/bidi';
+import * as _angular_core from '@angular/core';
+import { TemplateRef, ElementRef } from '@angular/core';
+import { NzResizeObserver } from 'ng-zorro-antd/cdk/resize-observer';
+import { NzDestroyService } from 'ng-zorro-antd/core/services';
+
+/**
+ * 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 NzSplitterLayout = 'horizontal' | 'vertical';
+type NzSplitterCollapsible = boolean | NzSplitterCollapseOption;
+interface NzSplitterCollapseOption {
+    start?: boolean;
+    end?: boolean;
+}
+
+declare class NzSplitterPanelComponent {
+    readonly nzDefaultSize: _angular_core.InputSignal<string | number | undefined>;
+    readonly nzMin: _angular_core.InputSignal<string | number | undefined>;
+    readonly nzMax: _angular_core.InputSignal<string | number | undefined>;
+    readonly nzSize: _angular_core.InputSignal<string | number | undefined>;
+    readonly nzCollapsible: _angular_core.InputSignal<NzSplitterCollapsible>;
+    readonly nzResizable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly contentTemplate: _angular_core.Signal<TemplateRef<void>>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NzSplitterPanelComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NzSplitterPanelComponent, "nz-splitter-panel", ["nzSplitterPanel"], { "nzDefaultSize": { "alias": "nzDefaultSize"; "required": false; "isSignal": true; }; "nzMin": { "alias": "nzMin"; "required": false; "isSignal": true; }; "nzMax": { "alias": "nzMax"; "required": false; "isSignal": true; }; "nzSize": { "alias": "nzSize"; "required": false; "isSignal": true; }; "nzCollapsible": { "alias": "nzCollapsible"; "required": false; "isSignal": true; }; "nzResizable": { "alias": "nzResizable"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+interface PanelSize {
+    size: string | number | undefined;
+    postPxSize: number;
+    percentage: number;
+    min: string | number | undefined;
+    max: string | number | undefined;
+    postPercentMinSize: number;
+    postPercentMaxSize: number;
+}
+interface ResizableInfo {
+    resizable: boolean;
+    collapsible: Required<NzSplitterCollapseOption>;
+}
+declare class NzSplitterComponent {
+    /** ------------------- Props ------------------- */
+    readonly nzLayout: _angular_core.InputSignal<NzSplitterLayout>;
+    readonly nzLazy: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly nzResizeStart: _angular_core.OutputEmitterRef<number[]>;
+    readonly nzResize: _angular_core.OutputEmitterRef<number[]>;
+    readonly nzResizeEnd: _angular_core.OutputEmitterRef<number[]>;
+    protected readonly destroy$: NzDestroyService;
+    protected readonly elementRef: ElementRef<HTMLElement>;
+    protected readonly directionality: Directionality;
+    protected readonly resizeObserver: NzResizeObserver;
+    protected readonly document: Document;
+    protected readonly dir: _angular_core.Signal<_angular_cdk_bidi.Direction>;
+    /** ------------------- Panels ------------------- */
+    protected readonly panels: _angular_core.Signal<readonly NzSplitterPanelComponent[]>;
+    protected readonly panelProps: _angular_core.Signal<{
+        defaultSize: string | number | undefined;
+        size: string | number | undefined;
+        min: string | number | undefined;
+        max: string | number | undefined;
+        resizable: boolean;
+        collapsible: NzSplitterCollapseOption;
+        contentTemplate: _angular_core.TemplateRef<void>;
+    }[]>;
+    /** ------------------- Sizes ------------------- */
+    /**
+     * Observe the size of the container.
+     */
+    private readonly containerBox;
+    /**
+     * The size of the container, used to calculate the percentage size and flex basis of each panel.
+     */
+    protected readonly containerSize: _angular_core.Signal<number>;
+    /**
+     * Derived from defaultSize of each panel.
+     * After that it will be updated by the resize event with **real** size in pixels.
+     */
+    protected readonly innerSizes: _angular_core.WritableSignal<(string | number | undefined)[]>;
+    /**
+     * Calculate the size of each panel based on the container size and the percentage size.
+     */
+    protected readonly sizes: _angular_core.Signal<PanelSize[]>;
+    protected readonly ariaInfos: _angular_core.Signal<{
+        ariaNow: number;
+        ariaMin: number;
+        ariaMax: number;
+    }[]>;
+    private getPxSizes;
+    /** ------------------ Resize ------------------ */
+    /**
+     * The index of the panel that is being resized.
+     * @note Mark the moving splitter bar as activated to show the dragging effect even if the mouse is outside the
+     * splitter container.
+     */
+    protected readonly movingIndex: _angular_core.WritableSignal<{
+        index: number;
+        confirmed: boolean;
+    } | null>;
+    /**
+     * The offset of preview position (lazy mode) when dragging the splitter bar.
+     * Constrained by the min and max size of the target panel.
+     */
+    protected readonly constrainedOffset: _angular_core.WritableSignal<number>;
+    /**
+     * The resizable information of each splitter bar.
+     */
+    protected readonly resizableInfos: _angular_core.Signal<ResizableInfo[]>;
+    /**
+     * Handle the resize start event for the specified panel.
+     * @param index The index of the panel.
+     * @param startPos The start position of the resize event.
+     */
+    protected startResize(index: number, startPos: [x: number, y: number]): void;
+    /**
+     * Update the sizes of specified panels based on the move offset.
+     * @param index The index of the panel.
+     * @param offset The move offset in pixels.
+     */
+    private updateOffset;
+    /** ------------------ Resize ------------------ */
+    /**
+     * Record the original size of the collapsed panel.
+     * Used to restore the size when the panel is expanded back.
+     */
+    private readonly cacheCollapsedSize;
+    /**
+     * Collapse the specified panel.
+     * @param index The index of the panel to collapse.
+     * @param type The type of collapse, either `start` or `end`.
+     */
+    protected collapse(index: number, type: 'start' | 'end'): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NzSplitterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NzSplitterComponent, "nz-splitter", ["nzSplitter"], { "nzLayout": { "alias": "nzLayout"; "required": false; "isSignal": true; }; "nzLazy": { "alias": "nzLazy"; "required": false; "isSignal": true; }; }, { "nzResizeStart": "nzResizeStart"; "nzResize": "nzResize"; "nzResizeEnd": "nzResizeEnd"; }, ["panels"], never, true, never>;
+}
+
+declare class NzSplitterModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NzSplitterModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<NzSplitterModule, never, [typeof NzSplitterComponent, typeof NzSplitterPanelComponent], [typeof NzSplitterComponent, typeof NzSplitterPanelComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<NzSplitterModule>;
+}
+
+export { NzSplitterComponent, NzSplitterModule, NzSplitterPanelComponent };
+export type { NzSplitterCollapseOption, NzSplitterCollapsible, NzSplitterLayout };

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

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

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

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

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

@@ -0,0 +1,225 @@
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+.ant-splitter {
+  font-variant: tabular-nums;
+  font-feature-settings: 'tnum';
+  display: flex;
+  align-items: stretch;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  line-height: 1.5715;
+  list-style: none;
+}
+.ant-splitter-horizontal {
+  flex-direction: row;
+}
+.ant-splitter-vertical {
+  flex-direction: column;
+}
+.ant-splitter-panel {
+  box-sizing: border-box;
+  padding: 0 1px;
+  overflow: auto;
+  scrollbar-width: thin;
+}
+.ant-splitter-panel-hidden {
+  padding: 0;
+  overflow: hidden;
+}
+.ant-splitter-panel:has(.ant-splitter:only-child) {
+  overflow: hidden;
+}
+.ant-splitter-bar {
+  position: relative;
+  flex: none;
+  user-select: none;
+}
+.ant-splitter-bar-preview {
+  position: absolute;
+  z-index: 1;
+  display: none;
+  background: #1890ff;
+  opacity: 0.2;
+  transition: none;
+  pointer-events: none;
+}
+.ant-splitter-bar-preview-active {
+  display: block;
+}
+.ant-splitter-bar-dragger {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  z-index: 1;
+  transform: translate(-50%, -50%);
+}
+.ant-splitter-bar-dragger::before {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  background: rgba(0, 0, 0, 0.04);
+  transform: translate(-50%, -50%);
+  content: '';
+}
+.ant-splitter-bar-dragger:hover:not(.ant-splitter-bar-dragger-active)::before {
+  background: #e6f4ff;
+}
+.ant-splitter-bar-dragger::after {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  background: rgba(0, 0, 0, 0.15);
+  transform: translate(-50%, -50%);
+  content: '';
+}
+.ant-splitter-bar-dragger-active {
+  z-index: 2;
+}
+.ant-splitter-bar-dragger-active::before {
+  background: #bae0ff;
+}
+.ant-splitter-bar:hover .ant-splitter-bar-collapse-bar,
+.ant-splitter-bar:active .ant-splitter-bar-collapse-bar {
+  opacity: 1;
+}
+.ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled {
+  z-index: 0;
+}
+.ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled,
+.ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled:hover,
+.ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled-active {
+  cursor: default;
+}
+.ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled::before,
+.ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled:hover::before,
+.ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled-active::before {
+  background: rgba(0, 0, 0, 0.04);
+}
+.ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled::after {
+  display: none;
+}
+.ant-splitter-bar-collapse-bar {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  z-index: 1000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 12px;
+  background: rgba(0, 0, 0, 0.04);
+  border-radius: 2px;
+  transform: translate(-50%, -50%);
+  cursor: pointer;
+  opacity: 0;
+}
+.ant-splitter-bar-collapse-bar:hover {
+  background: #e6f4ff;
+}
+.ant-splitter-bar-collapse-bar:active {
+  background: #bae0ff;
+}
+.ant-splitter-horizontal > .ant-splitter-bar {
+  width: 0;
+}
+.ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-dragger {
+  width: 6px;
+  height: 100%;
+  cursor: col-resize;
+}
+.ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-dragger::before {
+  width: 2px;
+  height: 100%;
+}
+.ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-dragger::after {
+  width: 2px;
+  height: 20px;
+}
+.ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-preview {
+  width: 2px;
+  height: 100%;
+}
+.ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-collapse-bar {
+  width: 12px;
+  height: 24px;
+}
+.ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-collapse-bar-start {
+  right: calc(6px / 2);
+  left: auto;
+  transform: translateY(-50%);
+}
+.ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-collapse-bar-end {
+  right: auto;
+  left: calc(6px / 2);
+  transform: translateY(-50%);
+}
+.ant-splitter-vertical > .ant-splitter-bar {
+  height: 0;
+}
+.ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-dragger {
+  width: 100%;
+  height: 6px;
+  cursor: row-resize;
+}
+.ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-dragger:has(.ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-dragger-disabled) {
+  cursor: default;
+}
+.ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-dragger::before {
+  width: 100%;
+  height: 2px;
+}
+.ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-dragger::after {
+  width: 20px;
+  height: 2px;
+}
+.ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-preview {
+  width: 100%;
+  height: 2px;
+}
+.ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-collapse-bar {
+  width: 24px;
+  height: 12px;
+}
+.ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-collapse-bar-start {
+  top: auto;
+  bottom: calc(6px / 2);
+  transform: translateX(-50%);
+}
+.ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-collapse-bar-end {
+  top: calc(6px / 2);
+  bottom: auto;
+  transform: translateX(-50%);
+}
+.ant-splitter-mask {
+  position: fixed;
+  z-index: 1000;
+  inset: 0;
+}
+.ant-splitter-mask-horizontal {
+  cursor: col-resize;
+}
+.ant-splitter-mask-vertical {
+  cursor: row-resize;
+}
+.ant-splitter-rtl {
+  direction: rtl;
+}
+.ant-splitter-rtl .ant-splitter-dot-spin {
+  transform: rotate(-45deg);
+  animation-name: antRotateRtl;
+}
+@keyframes antRotateRtl {
+  to {
+    transform: rotate(-405deg);
+  }
+}
+nz-splitter {
+  display: block;
+}

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

@@ -0,0 +1,265 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@splitter-prefix-cls: ~'@{ant-prefix}-splitter';
+
+.@{splitter-prefix-cls} {
+  .reset-component();
+  display: flex;
+  align-items: stretch;
+
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  color: @text-color;
+  font-size: @font-size-base;
+  font-family: @font-family;
+  line-height: @line-height-base;
+  list-style: none;
+
+  @half-trigger-size: calc(@splitter-split-trigger-size / 2);
+
+  &-horizontal {
+    flex-direction: row;
+  }
+
+  &-vertical {
+    flex-direction: column;
+  }
+
+  &-panel {
+    box-sizing: border-box;
+    padding: 0 1px;
+    overflow: auto;
+    scrollbar-width: thin;
+
+    &-hidden {
+      padding: 0;
+      overflow: hidden;
+    }
+
+    &:has(.@{splitter-prefix-cls}:only-child) {
+      overflow: hidden;
+    }
+  }
+
+  &-bar {
+    position: relative;
+    flex: none;
+    user-select: none;
+
+    &-preview {
+      position: absolute;
+      z-index: 1;
+      display: none;
+      background: @primary-color;
+      opacity: 0.2;
+      transition: none;
+      pointer-events: none;
+
+      &-active {
+        display: block;
+      }
+    }
+
+    // ======================= Dragger =======================
+    &-dragger {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      z-index: 1;
+      transform: translate(-50%, -50%);
+
+      // Hover background
+      &::before {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        background: @splitter-bar-bg;
+        transform: translate(-50%, -50%);
+        content: '';
+      }
+
+      // Hover
+      &:hover:not(&-active) {
+        &::before {
+          background: @splitter-bar-hover-bg;
+        }
+      }
+
+      // Spinner
+      &::after {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        background: @fill-color;
+        transform: translate(-50%, -50%);
+        content: '';
+      }
+
+      // Active
+      &-active {
+        z-index: 2;
+
+        &::before {
+          background: @splitter-bar-active-bg;
+        }
+      }
+    }
+
+    &:hover &-collapse-bar, &:active &-collapse-bar {
+      opacity: 1;
+    }
+  }
+
+  // Disabled
+  & > &-bar > &-bar-dragger&-bar-dragger-disabled {
+    z-index: 0;
+
+    &, &:hover, &-active {
+      cursor: default;
+
+      &::before {
+        background: @splitter-bar-bg;
+      }
+    }
+
+    &::after {
+      display: none;
+    }
+  }
+
+  // ======================= Collapse =======================
+  &-bar-collapse-bar {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    z-index: 1000;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: @text-color;
+    font-size: @font-size-sm;
+    background: @splitter-bar-bg;
+    border-radius: @border-radius-sm;
+    transform: translate(-50%, -50%);
+    cursor: pointer;
+    opacity: 0;
+
+    &:hover {
+      background: @splitter-bar-hover-bg;
+    }
+
+    &:active {
+      background: @splitter-bar-active-bg;
+    }
+  }
+
+  &-horizontal > &-bar {
+    width: 0;
+  }
+
+  &-horizontal > &-bar &-bar-dragger {
+    width: @splitter-split-trigger-size;
+    height: 100%;
+    cursor: col-resize;
+  }
+
+  &-horizontal > &-bar &-bar-dragger::before {
+    width: @splitter-split-bar-size;
+    height: 100%;
+  }
+
+  &-horizontal > &-bar &-bar-dragger::after {
+    width: @splitter-split-bar-size;
+    height: @splitter-split-bar-draggable-size;
+  }
+
+  &-horizontal > &-bar &-bar-preview {
+    width: @splitter-split-bar-size;
+    height: 100%;
+  }
+
+  &-horizontal > &-bar &-bar-collapse-bar {
+    width: @font-size-sm;
+    height: @splitter-split-bar-collapsible-size;
+  }
+
+  &-horizontal > &-bar &-bar-collapse-bar-start {
+    right: @half-trigger-size;
+    left: auto;
+    transform: translateY(-50%);
+  }
+
+  &-horizontal > &-bar &-bar-collapse-bar-end {
+    right: auto;
+    left: @half-trigger-size;
+    transform: translateY(-50%);
+  }
+
+  &-vertical > &-bar {
+    height: 0;
+  }
+
+  &-vertical > &-bar &-bar-dragger {
+    width: 100%;
+    height: @splitter-split-trigger-size;
+    cursor: row-resize;
+
+    &:has(&-disabled) {
+      cursor: default;
+    }
+  }
+
+  &-vertical > &-bar &-bar-dragger::before {
+    width: 100%;
+    height: @splitter-split-bar-size;
+  }
+
+  &-vertical > &-bar &-bar-dragger::after {
+    width: @splitter-split-bar-draggable-size;
+    height: @splitter-split-bar-size;
+  }
+
+  &-vertical > &-bar &-bar-preview {
+    width: 100%;
+    height: @splitter-split-bar-size;
+  }
+
+  &-vertical > &-bar &-bar-collapse-bar {
+    width: 24px;
+    height: @font-size-sm;
+  }
+
+  &-vertical > &-bar &-bar-collapse-bar-start {
+    top: auto;
+    bottom: @half-trigger-size;
+    transform: translateX(-50%);
+  }
+
+  &-vertical > &-bar &-bar-collapse-bar-end {
+    top: @half-trigger-size;
+    bottom: auto;
+    transform: translateX(-50%);
+  }
+
+  // ======================= Mask =======================
+  // Util dom for handle cursor
+  &-mask {
+    position: fixed;
+    z-index: 1000;
+    inset: 0;
+
+    &-horizontal {
+      cursor: col-resize;
+    }
+
+    &-vertical {
+      cursor: row-resize;
+    }
+  }
+}
+
+@import './rtl';

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

@@ -0,0 +1,3 @@
+nz-splitter {
+  display: block;
+}

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

@@ -0,0 +1,20 @@
+.@{splitter-prefix-cls} {
+  &-rtl {
+    direction: rtl;
+  }
+
+  &-dot {
+    &-spin {
+      .@{splitter-prefix-cls}-rtl & {
+        transform: rotate(-45deg);
+        animation-name: antRotateRtl;
+      }
+    }
+  }
+}
+
+@keyframes antRotateRtl {
+  to {
+    transform: rotate(-405deg);
+  }
+}