@xlabs-store/core 0.0.1 → 0.0.3

package/dist/esm/x-skeleton.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-ig_mFsVk.js';
+import { r as registerInstance, h, H as Host } from './index-BMTt8QT3.js';
 
-const xSkeletonCss = () => `@charset "UTF-8";:root{--x-color-primary:#1677ff;--x-color-primary-rgb:22, 119, 255;--x-color-primary-contrast:#ffffff;--x-color-primary-contrast-rgb:255, 255, 255;--x-color-primary-shade:#0958d9;--x-color-primary-tint:#4096ff;--x-color-primary-bg:#e6f4ff;--x-color-primary-bg-hover:#bae0ff;--x-color-primary-border:#91caff;--x-color-primary-border-hover:#69b1ff;--x-color-primary-hover:#4096ff;--x-color-primary-active:#0958d9;--x-color-primary-text:#1677ff;--x-color-primary-text-hover:#4096ff;--x-color-primary-text-active:#0958d9;--x-color-secondary:#3dc2ff;--x-color-secondary-rgb:61, 194, 255;--x-color-secondary-contrast:#ffffff;--x-color-secondary-contrast-rgb:255, 255, 255;--x-color-secondary-shade:#36abe0;--x-color-secondary-tint:#50c8ff;--x-color-success:#52c41a;--x-color-success-rgb:82, 196, 26;--x-color-success-contrast:#ffffff;--x-color-success-contrast-rgb:255, 255, 255;--x-color-success-shade:#389e0d;--x-color-success-tint:#73d13d;--x-color-success-bg:#f6ffed;--x-color-success-bg-hover:#d9f7be;--x-color-success-border:#b7eb8f;--x-color-success-border-hover:#95de64;--x-color-success-hover:#73d13d;--x-color-success-active:#389e0d;--x-color-success-text:#52c41a;--x-color-success-text-hover:#73d13d;--x-color-success-text-active:#389e0d;--x-color-warning:#faad14;--x-color-warning-rgb:250, 173, 20;--x-color-warning-contrast:#000000;--x-color-warning-contrast-rgb:0, 0, 0;--x-color-warning-shade:#d48806;--x-color-warning-tint:#ffc53d;--x-color-warning-bg:#fffbe6;--x-color-warning-bg-hover:#fff1b8;--x-color-warning-border:#ffe58f;--x-color-warning-border-hover:#ffd666;--x-color-warning-hover:#ffc53d;--x-color-warning-active:#d48806;--x-color-warning-text:#faad14;--x-color-warning-text-hover:#ffc53d;--x-color-warning-text-active:#d48806;--x-color-danger:#ff4d4f;--x-color-danger-rgb:255, 77, 79;--x-color-danger-contrast:#ffffff;--x-color-danger-contrast-rgb:255, 255, 255;--x-color-danger-shade:#cf1322;--x-color-danger-tint:#ff7875;--x-color-error:#ff4d4f;--x-color-error-rgb:255, 77, 79;--x-color-error-bg:#fff2f0;--x-color-error-bg-hover:#ffccc7;--x-color-error-border:#ffa39e;--x-color-error-border-hover:#ff7875;--x-color-error-hover:#ff7875;--x-color-error-active:#d9363e;--x-color-error-text:#ff4d4f;--x-color-error-text-hover:#ff7875;--x-color-error-text-active:#d9363e;--x-color-info:#1677ff;--x-color-info-rgb:22, 119, 255;--x-color-info-bg:#e6f4ff;--x-color-info-bg-hover:#bae0ff;--x-color-info-border:#91caff;--x-color-info-border-hover:#69b1ff;--x-color-info-hover:#69b1ff;--x-color-info-active:#0958d9;--x-color-info-text:#1677ff;--x-color-info-text-hover:#69b1ff;--x-color-info-text-active:#0958d9;--x-color-text:rgba(0, 0, 0, 0.88);--x-color-text-secondary:rgba(0, 0, 0, 0.65);--x-color-text-tertiary:rgba(0, 0, 0, 0.45);--x-color-text-quaternary:rgba(0, 0, 0, 0.25);--x-color-text-disabled:rgba(0, 0, 0, 0.25);--x-color-text-placeholder:rgba(0, 0, 0, 0.25);--x-color-text-heading:rgba(0, 0, 0, 0.88);--x-color-text-label:rgba(0, 0, 0, 0.65);--x-color-text-description:rgba(0, 0, 0, 0.45);--x-color-text-light-solid:#ffffff;--x-color-bg-container:#ffffff;--x-color-bg-elevated:#ffffff;--x-color-bg-layout:#f5f5f5;--x-color-bg-spotlight:rgba(0, 0, 0, 0.85);--x-color-bg-mask:rgba(0, 0, 0, 0.45);--x-color-bg-base:#ffffff;--x-color-bg-container-disabled:#f5f5f5;--x-color-bg-container-loading:rgba(255, 255, 255, 0.65);--x-color-white:#ffffff;--x-color-fill:rgba(0, 0, 0, 0.15);--x-color-fill-secondary:rgba(0, 0, 0, 0.06);--x-color-fill-tertiary:rgba(0, 0, 0, 0.04);--x-color-fill-quaternary:rgba(0, 0, 0, 0.02);--x-color-border:#d9d9d9;--x-color-border-secondary:#f0f0f0;--x-color-border-bg:#ffffff;--x-color-split:rgba(5, 5, 5, 0.06);--x-color-dark:#222428;--x-color-dark-rgb:34, 36, 40;--x-color-dark-contrast:#ffffff;--x-color-dark-contrast-rgb:255, 255, 255;--x-color-dark-shade:#1e2023;--x-color-dark-tint:#383a3e;--x-color-medium:#92949c;--x-color-medium-rgb:146, 148, 156;--x-color-medium-contrast:#ffffff;--x-color-medium-contrast-rgb:255, 255, 255;--x-color-medium-shade:#808289;--x-color-medium-tint:#9d9fa6;--x-color-light:#f4f5f8;--x-color-light-rgb:244, 245, 248;--x-color-light-contrast:#000000;--x-color-light-contrast-rgb:0, 0, 0;--x-color-light-shade:#d7d8da;--x-color-light-tint:#f5f6f9;--x-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";--x-font-family-code:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--x-font-size:14px;--x-font-size-sm:12px;--x-font-size-lg:16px;--x-font-size-xl:20px;--x-font-size-heading-1:38px;--x-font-size-heading-2:30px;--x-font-size-heading-3:24px;--x-font-size-heading-4:20px;--x-font-size-heading-5:16px;--x-line-height:1.5714285714285714;--x-line-height-lg:1.5;--x-line-height-sm:1.6666666666666667;--x-line-height-heading-1:1.2105263157894737;--x-line-height-heading-2:1.2666666666666666;--x-line-height-heading-3:1.3333333333333333;--x-line-height-heading-4:1.4;--x-line-height-heading-5:1.5;--x-font-weight-normal:400;--x-font-weight-medium:500;--x-font-weight-semibold:600;--x-font-weight-strong:600;--x-font-size-base:14px;--x-font-size-xxl:24px;--x-line-height-base:1.5714285714285714;--x-spacing-xxs:4px;--x-spacing-xs:8px;--x-spacing-sm:12px;--x-spacing-md:16px;--x-spacing-lg:20px;--x-spacing-xl:24px;--x-spacing-xxl:32px;--x-spacing-xxxl:48px;--x-margin-xxs:4px;--x-margin-xs:8px;--x-margin-sm:12px;--x-margin-md:16px;--x-margin-lg:24px;--x-margin-xl:32px;--x-margin-xxl:48px;--x-padding-xxs:4px;--x-padding-xs:8px;--x-padding-sm:12px;--x-padding-md:16px;--x-padding-lg:24px;--x-padding-content-horizontal-lg:24px;--x-padding-content-vertical-lg:12px;--x-padding-content-horizontal:16px;--x-padding-content-vertical:12px;--x-padding-content-horizontal-sm:16px;--x-padding-content-vertical-sm:8px;--x-border-radius:6px;--x-border-radius-xs:2px;--x-border-radius-sm:4px;--x-border-radius-lg:8px;--x-border-radius-xl:12px;--x-border-radius-outer:4px;--x-border-radius-base:6px;--x-border-width:1px;--x-border-width-base:1px;--x-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-shadow-lg:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-box-shadow-popover-arrow:2px 2px 5px rgba(0, 0, 0, 0.05);--x-box-shadow-card:0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);--x-box-shadow-drawer-right:-6px 0 16px 0 rgba(0, 0, 0, 0.08), -3px 0 6px -4px rgba(0, 0, 0, 0.12), -9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-left:6px 0 16px 0 rgba(0, 0, 0, 0.08), 3px 0 6px -4px rgba(0, 0, 0, 0.12), 9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-up:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-down:0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tabs-overflow-left:inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-right:inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-top:inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-bottom:inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);--x-motion-duration-fast:0.1s;--x-motion-duration-mid:0.2s;--x-motion-duration-slow:0.3s;--x-motion-ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--x-motion-ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--x-motion-ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--x-motion-ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--x-motion-ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--x-motion-ease-in-out-circle:cubic-bezier(0.78, 0.14, 0.15, 0.86);--x-motion-ease-out-circle:cubic-bezier(0.08, 0.82, 0.17, 1);--x-motion-ease-in-circle:cubic-bezier(0.6, 0.04, 0.98, 0.34);--x-motion-ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--x-motion-ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--x-z-index-base:0;--x-z-index-popup-base:1000;--x-z-index-popup:1030;--x-z-index-affix:10;--x-z-index-modal:1000;--x-z-index-modal-mask:1000;--x-z-index-drawer:1000;--x-z-index-popover:1030;--x-z-index-dropdown:1050;--x-z-index-tooltip:1070;--x-z-index-notification:1080;--x-z-index-message:1090;--x-z-index-popconfirm:1060;--x-z-index-table-fixed:10;--x-opacity-loading:0.65;--x-opacity-image:1;--x-opacity-disabled:0.5;--x-control-height:32px;--x-control-height-xs:24px;--x-control-height-sm:24px;--x-control-height-lg:40px;--x-control-radio-size:16px;--x-control-checkbox-size:16px;--x-control-padding-horizontal:12px;--x-control-padding-horizontal-sm:8px;--x-control-outline-width:2px;--x-control-outline:rgba(5, 145, 255, 0.1);--x-control-item-bg-hover:rgba(0, 0, 0, 0.04);--x-control-item-bg-active:#e6f4ff;--x-control-item-bg-active-hover:#bae0ff;--x-control-item-bg-active-disabled:rgba(0, 0, 0, 0.15);--x-control-tmp-outline:rgba(0, 0, 0, 0.02);--x-color-yellow:#fadb14;--x-color-yellow-rgb:250, 219, 20;--x-font-family-base:var(--x-font-family);--x-color-link:#1677ff;--x-color-link-hover:#69b1ff;--x-color-link-active:#0958d9;--x-color-icon:rgba(0, 0, 0, 0.45);--x-color-icon-hover:rgba(0, 0, 0, 0.88);--x-color-highlight:#ff4d4f;--x-color-bg-text-hover:rgba(0, 0, 0, 0.06);--x-color-bg-text-active:rgba(0, 0, 0, 0.15);--x-screen-xs:480px;--x-screen-xs-min:480px;--x-screen-xs-max:575px;--x-screen-sm:576px;--x-screen-sm-min:576px;--x-screen-sm-max:767px;--x-screen-md:768px;--x-screen-md-min:768px;--x-screen-md-max:991px;--x-screen-lg:992px;--x-screen-lg-min:992px;--x-screen-lg-max:1199px;--x-screen-xl:1200px;--x-screen-xl-min:1200px;--x-screen-xl-max:1599px;--x-screen-xxl:1600px;--x-screen-xxl-min:1600px;--x-color-fill-content:rgba(0, 0, 0, 0.06);--x-color-fill-content-hover:rgba(0, 0, 0, 0.15);--x-color-fill-alter:rgba(0, 0, 0, 0.02);--x-scrollbar-width:12px;--x-scrollbar-track-bg:rgba(0, 0, 0, 0.04);--x-scrollbar-thumb-bg:rgba(0, 0, 0, 0.25);--x-scrollbar-thumb-bg-hover:rgba(0, 0, 0, 0.35);--x-menu-dark-bg:#001529;--x-menu-dark-item-bg:#001529;--x-menu-dark-popup-bg:#001529;--x-menu-dark-submenu-item-bg:#000c17}:host{display:table;width:100%}.x-skeleton-header{display:table-cell;padding-right:var(--x-skeleton-header-padding-right, var(--x-spacing-md, 16px));vertical-align:top}.x-skeleton-avatar{display:inline-block;vertical-align:top;background:var(--x-skeleton-bg, var(--x-color-fill-content, rgba(0, 0, 0, 0.06)));width:var(--x-skeleton-avatar-size, var(--x-control-height, 32px));height:var(--x-skeleton-avatar-size, var(--x-control-height, 32px));border-radius:var(--x-skeleton-avatar-border-radius, 50%);line-height:var(--x-skeleton-avatar-size, var(--x-control-height, 32px))}.x-skeleton-content{display:table-cell;width:100%;vertical-align:top}.x-skeleton-title{width:var(--x-skeleton-title-width, 38%);height:var(--x-skeleton-title-height, var(--x-spacing-md, 16px));margin-top:var(--x-skeleton-title-margin, var(--x-spacing-md, 16px));background:var(--x-skeleton-bg, var(--x-color-fill-content, rgba(0, 0, 0, 0.06)));border-radius:var(--x-skeleton-title-border-radius, var(--x-border-radius-xs, 2px));margin-bottom:var(--x-skeleton-title-margin, var(--x-spacing-md, 16px))}.x-skeleton-paragraph{padding:0;margin:0;list-style:none}.x-skeleton-paragraph li{width:100%;height:var(--x-skeleton-paragraph-height, var(--x-spacing-md, 16px));list-style:none;background:var(--x-skeleton-bg, var(--x-color-fill-content, rgba(0, 0, 0, 0.06)));border-radius:var(--x-skeleton-paragraph-border-radius, var(--x-border-radius-xs, 2px));margin-top:var(--x-skeleton-paragraph-margin-top, var(--x-spacing-md, 16px))}.x-skeleton-paragraph li:first-child{margin-top:0}:host(.x-skeleton-with-avatar) .x-skeleton-content .x-skeleton-title{margin-top:var(--x-skeleton-title-margin, var(--x-spacing-md, 16px));width:50%}:host(.x-skeleton-active) .x-skeleton-avatar,:host(.x-skeleton-active) .x-skeleton-title,:host(.x-skeleton-active) .x-skeleton-paragraph li{background:-webkit-gradient(linear, left top, right top, color-stop(25%, var(--x-skeleton-bg, var(--x-color-fill-content, rgba(0, 0, 0, 0.06)))), color-stop(37%, var(--x-skeleton-bg-gradient, var(--x-color-fill-secondary, rgba(0, 0, 0, 0.04)))), color-stop(63%, var(--x-skeleton-bg, var(--x-color-fill-content, rgba(0, 0, 0, 0.06)))));background:linear-gradient(90deg, var(--x-skeleton-bg, var(--x-color-fill-content, rgba(0, 0, 0, 0.06))) 25%, var(--x-skeleton-bg-gradient, var(--x-color-fill-secondary, rgba(0, 0, 0, 0.04))) 37%, var(--x-skeleton-bg, var(--x-color-fill-content, rgba(0, 0, 0, 0.06))) 63%);background-size:400% 100%;-webkit-animation:x-skeleton-loading var(--x-skeleton-animation-duration, 1.4s) ease infinite;animation:x-skeleton-loading var(--x-skeleton-animation-duration, 1.4s) ease infinite}@-webkit-keyframes x-skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes x-skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}`;
+const xSkeletonCss = () => `@charset "UTF-8";:root{--x-color-primary:#1677ff;--x-color-primary-rgb:22, 119, 255;--x-color-primary-contrast:#ffffff;--x-color-primary-contrast-rgb:255, 255, 255;--x-color-primary-shade:#0958d9;--x-color-primary-tint:#4096ff;--x-color-primary-bg:#e6f4ff;--x-color-primary-bg-hover:#bae0ff;--x-color-primary-border:#91caff;--x-color-primary-border-hover:#69b1ff;--x-color-primary-hover:#4096ff;--x-color-primary-active:#0958d9;--x-color-primary-text:#1677ff;--x-color-primary-text-hover:#4096ff;--x-color-primary-text-active:#0958d9;--x-color-secondary:#3dc2ff;--x-color-secondary-rgb:61, 194, 255;--x-color-secondary-contrast:#ffffff;--x-color-secondary-contrast-rgb:255, 255, 255;--x-color-secondary-shade:#36abe0;--x-color-secondary-tint:#50c8ff;--x-color-success:#52c41a;--x-color-success-rgb:82, 196, 26;--x-color-success-contrast:#ffffff;--x-color-success-contrast-rgb:255, 255, 255;--x-color-success-shade:#389e0d;--x-color-success-tint:#73d13d;--x-color-success-bg:#f6ffed;--x-color-success-bg-hover:#d9f7be;--x-color-success-border:#b7eb8f;--x-color-success-border-hover:#95de64;--x-color-success-hover:#73d13d;--x-color-success-active:#389e0d;--x-color-success-text:#52c41a;--x-color-success-text-hover:#73d13d;--x-color-success-text-active:#389e0d;--x-color-warning:#faad14;--x-color-warning-rgb:250, 173, 20;--x-color-warning-contrast:#000000;--x-color-warning-contrast-rgb:0, 0, 0;--x-color-warning-shade:#d48806;--x-color-warning-tint:#ffc53d;--x-color-warning-bg:#fffbe6;--x-color-warning-bg-hover:#fff1b8;--x-color-warning-border:#ffe58f;--x-color-warning-border-hover:#ffd666;--x-color-warning-hover:#ffc53d;--x-color-warning-active:#d48806;--x-color-warning-text:#faad14;--x-color-warning-text-hover:#ffc53d;--x-color-warning-text-active:#d48806;--x-color-danger:#ff4d4f;--x-color-danger-rgb:255, 77, 79;--x-color-danger-contrast:#ffffff;--x-color-danger-contrast-rgb:255, 255, 255;--x-color-danger-shade:#cf1322;--x-color-danger-tint:#ff7875;--x-color-error:#ff4d4f;--x-color-error-rgb:255, 77, 79;--x-color-error-bg:#fff2f0;--x-color-error-bg-hover:#ffccc7;--x-color-error-border:#ffa39e;--x-color-error-border-hover:#ff7875;--x-color-error-hover:#ff7875;--x-color-error-active:#d9363e;--x-color-error-text:#ff4d4f;--x-color-error-text-hover:#ff7875;--x-color-error-text-active:#d9363e;--x-color-info:#1677ff;--x-color-info-rgb:22, 119, 255;--x-color-info-bg:#e6f4ff;--x-color-info-bg-hover:#bae0ff;--x-color-info-border:#91caff;--x-color-info-border-hover:#69b1ff;--x-color-info-hover:#69b1ff;--x-color-info-active:#0958d9;--x-color-info-text:#1677ff;--x-color-info-text-hover:#69b1ff;--x-color-info-text-active:#0958d9;--x-color-text:rgba(0, 0, 0, 0.88);--x-color-text-secondary:rgba(0, 0, 0, 0.65);--x-color-text-tertiary:rgba(0, 0, 0, 0.45);--x-color-text-quaternary:rgba(0, 0, 0, 0.25);--x-color-text-disabled:rgba(0, 0, 0, 0.25);--x-color-text-placeholder:rgba(0, 0, 0, 0.25);--x-color-text-heading:rgba(0, 0, 0, 0.88);--x-color-text-label:rgba(0, 0, 0, 0.65);--x-color-text-description:rgba(0, 0, 0, 0.45);--x-color-text-light-solid:#ffffff;--x-color-text-processing:#ffffff;--x-color-bg-container:#ffffff;--x-color-bg-elevated:#ffffff;--x-color-bg-layout:#f5f5f5;--x-color-bg-spotlight:rgba(0, 0, 0, 0.85);--x-color-bg-mask:rgba(0, 0, 0, 0.45);--x-color-bg-base:#ffffff;--x-color-bg-container-disabled:#f5f5f5;--x-color-bg-container-loading:rgba(255, 255, 255, 0.65);--x-color-white:#ffffff;--x-color-fill:rgba(0, 0, 0, 0.15);--x-color-fill-secondary:rgba(0, 0, 0, 0.06);--x-color-fill-tertiary:rgba(0, 0, 0, 0.04);--x-color-fill-quaternary:rgba(0, 0, 0, 0.02);--x-color-border:#d9d9d9;--x-color-border-secondary:#f0f0f0;--x-color-border-bg:#ffffff;--x-color-split:rgba(5, 5, 5, 0.06);--x-color-dark:#222428;--x-color-dark-rgb:34, 36, 40;--x-color-dark-contrast:#ffffff;--x-color-dark-contrast-rgb:255, 255, 255;--x-color-dark-shade:#1e2023;--x-color-dark-tint:#383a3e;--x-color-medium:#92949c;--x-color-medium-rgb:146, 148, 156;--x-color-medium-contrast:#ffffff;--x-color-medium-contrast-rgb:255, 255, 255;--x-color-medium-shade:#808289;--x-color-medium-tint:#9d9fa6;--x-color-light:#f4f5f8;--x-color-light-rgb:244, 245, 248;--x-color-light-contrast:#000000;--x-color-light-contrast-rgb:0, 0, 0;--x-color-light-shade:#d7d8da;--x-color-light-tint:#f5f6f9;--x-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';--x-font-family-code:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;--x-font-size:14px;--x-font-size-sm:12px;--x-font-size-lg:16px;--x-font-size-xl:20px;--x-font-size-heading-1:38px;--x-font-size-heading-2:30px;--x-font-size-heading-3:24px;--x-font-size-heading-4:20px;--x-font-size-heading-5:16px;--x-line-height:1.5714285714285714;--x-line-height-lg:1.5;--x-line-height-sm:1.6666666666666667;--x-line-height-heading-1:1.2105263157894737;--x-line-height-heading-2:1.2666666666666666;--x-line-height-heading-3:1.3333333333333333;--x-line-height-heading-4:1.4;--x-line-height-heading-5:1.5;--x-font-weight-normal:400;--x-font-weight-medium:500;--x-font-weight-semibold:600;--x-font-weight-strong:600;--x-font-size-base:14px;--x-font-size-xxl:24px;--x-line-height-base:1.5714285714285714;--x-spacing-xxs:4px;--x-spacing-xs:8px;--x-spacing-sm:12px;--x-spacing-md:16px;--x-spacing-lg:20px;--x-spacing-xl:24px;--x-spacing-xxl:32px;--x-spacing-xxxl:48px;--x-margin-xxs:4px;--x-margin-xs:8px;--x-margin-sm:12px;--x-margin-md:16px;--x-margin-lg:24px;--x-margin-xl:32px;--x-margin-xxl:48px;--x-padding-xxs:4px;--x-padding-xs:8px;--x-padding-sm:12px;--x-padding-md:16px;--x-padding-lg:24px;--x-padding-content-horizontal-lg:24px;--x-padding-content-vertical-lg:12px;--x-padding-content-horizontal:16px;--x-padding-content-vertical:12px;--x-padding-content-horizontal-sm:16px;--x-padding-content-vertical-sm:8px;--x-border-radius:6px;--x-border-radius-xs:2px;--x-border-radius-sm:4px;--x-border-radius-lg:8px;--x-border-radius-xl:12px;--x-border-radius-outer:4px;--x-border-radius-base:6px;--x-border-width:1px;--x-border-width-base:1px;--x-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-shadow-lg:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-box-shadow-popover-arrow:2px 2px 5px rgba(0, 0, 0, 0.05);--x-box-shadow-card:0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);--x-box-shadow-drawer-right:-6px 0 16px 0 rgba(0, 0, 0, 0.08), -3px 0 6px -4px rgba(0, 0, 0, 0.12), -9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-left:6px 0 16px 0 rgba(0, 0, 0, 0.08), 3px 0 6px -4px rgba(0, 0, 0, 0.12), 9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-up:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-down:0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tabs-overflow-left:inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-right:inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-top:inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-bottom:inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);--x-motion-duration-fast:0.1s;--x-motion-duration-mid:0.2s;--x-motion-duration-slow:0.3s;--x-motion-ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--x-motion-ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--x-motion-ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--x-motion-ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--x-motion-ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--x-motion-ease-in-out-circle:cubic-bezier(0.78, 0.14, 0.15, 0.86);--x-motion-ease-out-circle:cubic-bezier(0.08, 0.82, 0.17, 1);--x-motion-ease-in-circle:cubic-bezier(0.6, 0.04, 0.98, 0.34);--x-motion-ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--x-motion-ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--x-z-index-base:0;--x-z-index-popup-base:1000;--x-z-index-popup:1030;--x-z-index-affix:10;--x-z-index-modal:1000;--x-z-index-modal-mask:1000;--x-z-index-drawer:1000;--x-z-index-popover:1030;--x-z-index-dropdown:1050;--x-z-index-tooltip:1070;--x-z-index-notification:1080;--x-z-index-message:1090;--x-z-index-popconfirm:1060;--x-z-index-table-fixed:10;--x-opacity-loading:0.65;--x-opacity-image:1;--x-opacity-disabled:0.5;--x-control-height:32px;--x-control-height-xs:24px;--x-control-height-sm:24px;--x-control-height-lg:40px;--x-control-radio-size:16px;--x-control-checkbox-size:16px;--x-control-padding-horizontal:12px;--x-control-padding-horizontal-sm:8px;--x-control-outline-width:2px;--x-control-outline:rgba(5, 145, 255, 0.1);--x-control-item-bg-hover:rgba(0, 0, 0, 0.04);--x-control-item-bg-active:#e6f4ff;--x-control-item-bg-active-hover:#bae0ff;--x-control-item-bg-active-disabled:rgba(0, 0, 0, 0.15);--x-control-tmp-outline:rgba(0, 0, 0, 0.02);--x-color-yellow:#fadb14;--x-color-yellow-rgb:250, 219, 20;--x-font-family-base:var(--x-font-family);--x-color-link:#1677ff;--x-color-link-hover:#69b1ff;--x-color-link-active:#0958d9;--x-color-icon:rgba(0, 0, 0, 0.45);--x-color-icon-hover:rgba(0, 0, 0, 0.88);--x-color-highlight:#ff4d4f;--x-color-bg-text-hover:rgba(0, 0, 0, 0.06);--x-color-bg-text-active:rgba(0, 0, 0, 0.15);--x-screen-xs:480px;--x-screen-xs-min:480px;--x-screen-xs-max:575px;--x-screen-sm:576px;--x-screen-sm-min:576px;--x-screen-sm-max:767px;--x-screen-md:768px;--x-screen-md-min:768px;--x-screen-md-max:991px;--x-screen-lg:992px;--x-screen-lg-min:992px;--x-screen-lg-max:1199px;--x-screen-xl:1200px;--x-screen-xl-min:1200px;--x-screen-xl-max:1599px;--x-screen-xxl:1600px;--x-screen-xxl-min:1600px;--x-color-fill-content:rgba(0, 0, 0, 0.06);--x-color-fill-content-hover:rgba(0, 0, 0, 0.15);--x-color-fill-alter:rgba(0, 0, 0, 0.02);--x-scrollbar-width:12px;--x-scrollbar-track-bg:rgba(0, 0, 0, 0.04);--x-scrollbar-thumb-bg:rgba(0, 0, 0, 0.25);--x-scrollbar-thumb-bg-hover:rgba(0, 0, 0, 0.35);--x-menu-dark-bg:#001529;--x-menu-dark-item-bg:#001529;--x-menu-dark-popup-bg:#001529;--x-menu-dark-submenu-item-bg:#000c17}:host{display:table;width:100%}.x-skeleton-header{display:table-cell;padding-right:var(--x-skeleton-header-padding-right, var(--x-spacing-md, 16px));vertical-align:top}.x-skeleton-avatar{display:inline-block;vertical-align:top;background:var(--x-skeleton-bg, var(--x-color-fill-content, rgba(0, 0, 0, 0.06)));width:var(--x-skeleton-avatar-size, var(--x-control-height, 32px));height:var(--x-skeleton-avatar-size, var(--x-control-height, 32px));border-radius:var(--x-skeleton-avatar-border-radius, 50%);line-height:var(--x-skeleton-avatar-size, var(--x-control-height, 32px))}.x-skeleton-content{display:table-cell;width:100%;vertical-align:top}.x-skeleton-title{width:var(--x-skeleton-title-width, 38%);height:var(--x-skeleton-title-height, var(--x-spacing-md, 16px));margin-top:var(--x-skeleton-title-margin, var(--x-spacing-md, 16px));background:var(--x-skeleton-bg, var(--x-color-fill-content, rgba(0, 0, 0, 0.06)));border-radius:var(--x-skeleton-title-border-radius, var(--x-border-radius-xs, 2px));margin-bottom:var(--x-skeleton-title-margin, var(--x-spacing-md, 16px))}.x-skeleton-paragraph{padding:0;margin:0;list-style:none}.x-skeleton-paragraph li{width:100%;height:var(--x-skeleton-paragraph-height, var(--x-spacing-md, 16px));list-style:none;background:var(--x-skeleton-bg, var(--x-color-fill-content, rgba(0, 0, 0, 0.06)));border-radius:var(--x-skeleton-paragraph-border-radius, var(--x-border-radius-xs, 2px));margin-top:var(--x-skeleton-paragraph-margin-top, var(--x-spacing-md, 16px))}.x-skeleton-paragraph li:first-child{margin-top:0}:host(.x-skeleton-with-avatar) .x-skeleton-content .x-skeleton-title{margin-top:var(--x-skeleton-title-margin, var(--x-spacing-md, 16px));width:50%}:host(.x-skeleton-active) .x-skeleton-avatar,:host(.x-skeleton-active) .x-skeleton-title,:host(.x-skeleton-active) .x-skeleton-paragraph li{background:-webkit-gradient(linear, left top, right top, color-stop(25%, var(--x-skeleton-bg, var(--x-color-fill-content, rgba(0, 0, 0, 0.06)))), color-stop(37%, var(--x-skeleton-bg-gradient, var(--x-color-fill-secondary, rgba(0, 0, 0, 0.04)))), color-stop(63%, var(--x-skeleton-bg, var(--x-color-fill-content, rgba(0, 0, 0, 0.06)))));background:linear-gradient(90deg, var(--x-skeleton-bg, var(--x-color-fill-content, rgba(0, 0, 0, 0.06))) 25%, var(--x-skeleton-bg-gradient, var(--x-color-fill-secondary, rgba(0, 0, 0, 0.04))) 37%, var(--x-skeleton-bg, var(--x-color-fill-content, rgba(0, 0, 0, 0.06))) 63%);background-size:400% 100%;-webkit-animation:x-skeleton-loading var(--x-skeleton-animation-duration, 1.4s) ease infinite;animation:x-skeleton-loading var(--x-skeleton-animation-duration, 1.4s) ease infinite}@-webkit-keyframes x-skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes x-skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}`;
 
 const XSkeleton = class {
     constructor(hostRef) {
@@ -59,13 +59,13 @@ const XSkeleton = class {
         if (!this.loading) {
             return h("slot", null);
         }
-        const rows = typeof this.paragraph === 'object' ? this.paragraph.rows : (this.paragraph ? 3 : 0);
+        const rows = typeof this.paragraph === 'object' ? this.paragraph.rows : this.paragraph ? 3 : 0;
         return (h(Host, { class: {
                 'x-skeleton': true,
                 'x-skeleton-active': this.active,
                 'x-skeleton-with-avatar': this.avatar,
-                'x-skeleton-round': this.round
-            } }, this.avatar && (h("div", { class: "x-skeleton-header" }, h("span", { class: "x-skeleton-avatar" }))), h("div", { class: "x-skeleton-content" }, this.showTitle && (h("h3", { class: "x-skeleton-title" })), rows > 0 && (h("ul", { class: "x-skeleton-paragraph" }, Array.from({ length: rows }).map((_, i) => (h("li", { style: { width: i === rows - 1 ? '61%' : undefined } }))))))));
+                'x-skeleton-round': this.round,
+            } }, this.avatar && (h("div", { class: "x-skeleton-header" }, h("span", { class: "x-skeleton-avatar" }))), h("div", { class: "x-skeleton-content" }, this.showTitle && h("h3", { class: "x-skeleton-title" }), rows > 0 && (h("ul", { class: "x-skeleton-paragraph" }, Array.from({ length: rows }).map((_, i) => (h("li", { style: { width: i === rows - 1 ? '61%' : undefined } }))))))));
     }
 };
 XSkeleton.style = xSkeletonCss();

package/dist/esm/x-splitter-panel.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-ig_mFsVk.js';
+import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-BMTt8QT3.js';
 
 const xSplitterPanelCss = () => `:host{display:block;position:relative;-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0;overflow:auto}.x-splitter-panel{width:100%;height:100%}.x-splitter-panel-content{width:100%;height:100%;overflow:auto}:host([data-collapsed=true]){overflow:hidden}:host([data-collapsed=true]) .x-splitter-panel-content{visibility:hidden}`;
 
@@ -81,7 +81,7 @@ const XSplitterPanel = class {
             'x-splitter-panel': true,
             'x-splitter-panel-resizable': this.resizable,
         };
-        return (h(Host, { key: '08300e8175426d88dcb05110dc6eae0faccddc4d', class: hostClasses }, h("div", { key: '9f154314674cf89391c711d3df44b097b2c0fa26', class: "x-splitter-panel-content" }, h("slot", { key: '34325ac37de1ae0f234cdc6e5e18b75eb4212cac' }))));
+        return (h(Host, { key: '3884626455873ec493298a123c0d2ab4a9bc009b', class: hostClasses }, h("div", { key: 'c54ac671a4f513f3e5c563aa2c3f17be36b11b2f', class: "x-splitter-panel-content" }, h("slot", { key: '65330bb89f9a497b8c5cec4be17b23acd5c39324' }))));
     }
 };
 XSplitterPanel.style = xSplitterPanelCss();

package/dist/esm/x-splitter.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-ig_mFsVk.js';
+import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-BMTt8QT3.js';
 
 const xSplitterCss = () => `:host{display:block;width:100%;height:100%}:host(.x-splitter){display:-ms-flexbox;display:flex;width:100%;height:100%}.x-splitter-container{display:-ms-flexbox;display:flex;width:100%;height:100%;-ms-flex-align:stretch;align-items:stretch;overflow:hidden}:host(.x-splitter-horizontal) .x-splitter-container{-ms-flex-direction:row;flex-direction:row}:host(.x-splitter-vertical) .x-splitter-container{-ms-flex-direction:column;flex-direction:column}.x-splitter-bar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;background-color:transparent;-webkit-transition:background-color 0.3s;transition:background-color 0.3s;z-index:10;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.x-splitter-bar::before{content:"";position:absolute;background-color:rgba(5, 5, 5, 0.06);-webkit-transition:background-color 0.3s;transition:background-color 0.3s}.x-splitter-bar:hover::before,.x-splitter-bar:focus-visible::before{background-color:#1677ff}.x-splitter-bar:focus-visible{outline:none}.x-splitter-bar-horizontal{width:6px;height:100%;cursor:col-resize}.x-splitter-bar-horizontal::before{top:0;bottom:0;left:50%;width:1px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.x-splitter-bar-horizontal:hover::before{width:2px}.x-splitter-bar-vertical{width:100%;height:6px;cursor:row-resize}.x-splitter-bar-vertical::before{left:0;right:0;top:50%;height:1px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.x-splitter-bar-vertical:hover::before{height:2px}.x-splitter-bar-dragging::before{background-color:#1677ff !important;width:2px;height:2px}.x-splitter-bar-dragger{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:2;pointer-events:none;opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}.x-splitter-bar:hover .x-splitter-bar-dragger,.x-splitter-bar-dragging .x-splitter-bar-dragger{opacity:1}.x-splitter-bar-dragger-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#fff;background-color:#1677ff;border-radius:4px;padding:2px}.x-splitter-bar-collapse-btn{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:16px;height:16px;padding:0;border:1px solid rgba(0, 0, 0, 0.1);border-radius:50%;background-color:#ffffff;color:rgba(0, 0, 0, 0.45);cursor:pointer;-webkit-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);z-index:20;-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.08);box-shadow:0 2px 4px rgba(0, 0, 0, 0.08)}.x-splitter-bar-collapse-btn:hover{color:#1677ff;border-color:#1677ff;-webkit-transform:scale(1.1);transform:scale(1.1)}.x-splitter-bar-collapse-btn svg{display:block}.x-splitter-bar-horizontal .x-splitter-bar-collapse-start{top:24px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.x-splitter-bar-horizontal .x-splitter-bar-collapse-end{bottom:24px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.x-splitter-bar-vertical .x-splitter-bar-collapse-start{left:24px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.x-splitter-bar-vertical .x-splitter-bar-collapse-end{right:24px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.x-splitter-lazy-indicator{position:fixed;z-index:9999;pointer-events:none;background-color:#1677ff}.x-splitter-lazy-indicator-horizontal{width:1px;top:0;bottom:0}.x-splitter-lazy-indicator-vertical{height:1px;left:0;right:0}`;
 
@@ -215,12 +215,12 @@ const XSplitter = class {
         });
         const remainingSize = availableSize - totalDefinedSize;
         const flexSize = flexPanelCount > 0 ? remainingSize / flexPanelCount : 0;
-        this.panelInfos.forEach((info) => {
+        this.panelInfos.forEach(info => {
             if (info.size === -1) {
                 info.size = Math.max(info.min, Math.min(info.max, flexSize));
             }
         });
-        this.panelSizes = this.panelInfos.map((info) => info.size);
+        this.panelSizes = this.panelInfos.map(info => info.size);
         this.updatePanelStyles();
     }
     parseSize(size, total) {
@@ -504,7 +504,13 @@ const XSplitter = class {
             e.preventDefault();
             this.resetToDefault(index);
         };
-        return (h("div", { class: barClasses, key: `bar-${index}`, onMouseDown: handleMouseDown, onDblClick: handleDoubleClick, onKeyDown: (e) => this.handleKeyDown(e, index), style: this.styles?.bar, tabIndex: 0, role: "separator", "aria-orientation": direction }, h("div", { class: "x-splitter-bar-dragger", style: this.styles?.handle }, this.draggerIcon ? (h("span", { class: "x-splitter-bar-dragger-icon", innerHTML: this.draggerIcon })) : (h("span", { class: "x-splitter-bar-dragger-icon" }, direction === 'horizontal' ? (h("svg", { viewBox: "0 0 8 32", width: "8", height: "32", fill: "currentColor" }, h("rect", { x: "3", y: "0", width: "2", height: "32", rx: "1", opacity: "0.4" }))) : (h("svg", { viewBox: "0 0 32 8", width: "32", height: "8", fill: "currentColor" }, h("rect", { x: "0", y: "3", width: "32", height: "2", rx: "1", opacity: "0.4" })))))), showStartArrow && (h("button", { type: "button", class: "x-splitter-bar-collapse-btn x-splitter-bar-collapse-start", onMouseDown: (e) => e.stopPropagation(), onClick: (e) => { e.stopPropagation(); this.toggleCollapse(index, 'start'); }, "aria-label": "Collapse previous panel" }, this.collapsibleIcon?.start ? (h("span", { innerHTML: this.collapsibleIcon.start })) : (this.renderCollapseArrow(direction, 'start', prevCollapsed)))), showEndArrow && (h("button", { type: "button", class: "x-splitter-bar-collapse-btn x-splitter-bar-collapse-end", onMouseDown: (e) => e.stopPropagation(), onClick: (e) => { e.stopPropagation(); this.toggleCollapse(index, 'end'); }, "aria-label": "Collapse next panel" }, this.collapsibleIcon?.end ? (h("span", { innerHTML: this.collapsibleIcon.end })) : (this.renderCollapseArrow(direction, 'end', nextCollapsed))))));
+        return (h("div", { class: barClasses, key: `bar-${index}`, onMouseDown: handleMouseDown, onDblClick: handleDoubleClick, onKeyDown: e => this.handleKeyDown(e, index), style: this.styles?.bar, tabIndex: 0, role: "separator", "aria-orientation": direction }, h("div", { class: "x-splitter-bar-dragger", style: this.styles?.handle }, this.draggerIcon ? (h("span", { class: "x-splitter-bar-dragger-icon", innerHTML: this.draggerIcon })) : (h("span", { class: "x-splitter-bar-dragger-icon" }, direction === 'horizontal' ? (h("svg", { viewBox: "0 0 8 32", width: "8", height: "32", fill: "currentColor" }, h("rect", { x: "3", y: "0", width: "2", height: "32", rx: "1", opacity: "0.4" }))) : (h("svg", { viewBox: "0 0 32 8", width: "32", height: "8", fill: "currentColor" }, h("rect", { x: "0", y: "3", width: "32", height: "2", rx: "1", opacity: "0.4" })))))), showStartArrow && (h("button", { type: "button", class: "x-splitter-bar-collapse-btn x-splitter-bar-collapse-start", onMouseDown: e => e.stopPropagation(), onClick: e => {
+                e.stopPropagation();
+                this.toggleCollapse(index, 'start');
+            }, "aria-label": "Collapse previous panel" }, this.collapsibleIcon?.start ? h("span", { innerHTML: this.collapsibleIcon.start }) : this.renderCollapseArrow(direction, 'start', prevCollapsed))), showEndArrow && (h("button", { type: "button", class: "x-splitter-bar-collapse-btn x-splitter-bar-collapse-end", onMouseDown: e => e.stopPropagation(), onClick: e => {
+                e.stopPropagation();
+                this.toggleCollapse(index, 'end');
+            }, "aria-label": "Collapse next panel" }, this.collapsibleIcon?.end ? h("span", { innerHTML: this.collapsibleIcon.end }) : this.renderCollapseArrow(direction, 'end', nextCollapsed)))));
     }
     getCollapsibleConfig(collapsible) {
         if (!collapsible)
@@ -585,7 +591,7 @@ const XSplitter = class {
                 content.push(this.renderDragBar(index));
             }
         });
-        return (h(Host, { key: '65754cfed5bb06105771ec9d3d730adb73979652', class: hostClasses }, h("div", { key: '6742e777848152398293727e80d0d4be273bf69b', class: "x-splitter-container", ref: this.setContainerRef, style: this.styles?.container }, content.length > 0 ? content : h("slot", null)), this.lazy && this.isDragging && this.lazyPosition !== null && (h("div", { key: 'a0016aa0570b0fc4db9de0c45b0e04131ec157c8', class: {
+        return (h(Host, { key: '5a453a0ae661a1ba253a5f8ee8374dfdfe3ca494', class: hostClasses }, h("div", { key: 'd841ee436d55152f8339d200093364bb103f1ab4', class: "x-splitter-container", ref: this.setContainerRef, style: this.styles?.container }, content.length > 0 ? content : h("slot", null)), this.lazy && this.isDragging && this.lazyPosition !== null && (h("div", { key: '6ea8c3ff1c420316083c25f1a1e9e5bd18053837', class: {
                 'x-splitter-lazy-indicator': true,
                 'x-splitter-lazy-indicator-horizontal': direction === 'horizontal',
                 'x-splitter-lazy-indicator-vertical': direction === 'vertical',

package/dist/esm/x-statistic.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-ig_mFsVk.js';
+import { r as registerInstance, h, H as Host } from './index-BMTt8QT3.js';
 
-const xStatisticCss = () => `@charset "UTF-8";:root{--x-color-primary:#1677ff;--x-color-primary-rgb:22, 119, 255;--x-color-primary-contrast:#ffffff;--x-color-primary-contrast-rgb:255, 255, 255;--x-color-primary-shade:#0958d9;--x-color-primary-tint:#4096ff;--x-color-primary-bg:#e6f4ff;--x-color-primary-bg-hover:#bae0ff;--x-color-primary-border:#91caff;--x-color-primary-border-hover:#69b1ff;--x-color-primary-hover:#4096ff;--x-color-primary-active:#0958d9;--x-color-primary-text:#1677ff;--x-color-primary-text-hover:#4096ff;--x-color-primary-text-active:#0958d9;--x-color-secondary:#3dc2ff;--x-color-secondary-rgb:61, 194, 255;--x-color-secondary-contrast:#ffffff;--x-color-secondary-contrast-rgb:255, 255, 255;--x-color-secondary-shade:#36abe0;--x-color-secondary-tint:#50c8ff;--x-color-success:#52c41a;--x-color-success-rgb:82, 196, 26;--x-color-success-contrast:#ffffff;--x-color-success-contrast-rgb:255, 255, 255;--x-color-success-shade:#389e0d;--x-color-success-tint:#73d13d;--x-color-success-bg:#f6ffed;--x-color-success-bg-hover:#d9f7be;--x-color-success-border:#b7eb8f;--x-color-success-border-hover:#95de64;--x-color-success-hover:#73d13d;--x-color-success-active:#389e0d;--x-color-success-text:#52c41a;--x-color-success-text-hover:#73d13d;--x-color-success-text-active:#389e0d;--x-color-warning:#faad14;--x-color-warning-rgb:250, 173, 20;--x-color-warning-contrast:#000000;--x-color-warning-contrast-rgb:0, 0, 0;--x-color-warning-shade:#d48806;--x-color-warning-tint:#ffc53d;--x-color-warning-bg:#fffbe6;--x-color-warning-bg-hover:#fff1b8;--x-color-warning-border:#ffe58f;--x-color-warning-border-hover:#ffd666;--x-color-warning-hover:#ffc53d;--x-color-warning-active:#d48806;--x-color-warning-text:#faad14;--x-color-warning-text-hover:#ffc53d;--x-color-warning-text-active:#d48806;--x-color-danger:#ff4d4f;--x-color-danger-rgb:255, 77, 79;--x-color-danger-contrast:#ffffff;--x-color-danger-contrast-rgb:255, 255, 255;--x-color-danger-shade:#cf1322;--x-color-danger-tint:#ff7875;--x-color-error:#ff4d4f;--x-color-error-rgb:255, 77, 79;--x-color-error-bg:#fff2f0;--x-color-error-bg-hover:#ffccc7;--x-color-error-border:#ffa39e;--x-color-error-border-hover:#ff7875;--x-color-error-hover:#ff7875;--x-color-error-active:#d9363e;--x-color-error-text:#ff4d4f;--x-color-error-text-hover:#ff7875;--x-color-error-text-active:#d9363e;--x-color-info:#1677ff;--x-color-info-rgb:22, 119, 255;--x-color-info-bg:#e6f4ff;--x-color-info-bg-hover:#bae0ff;--x-color-info-border:#91caff;--x-color-info-border-hover:#69b1ff;--x-color-info-hover:#69b1ff;--x-color-info-active:#0958d9;--x-color-info-text:#1677ff;--x-color-info-text-hover:#69b1ff;--x-color-info-text-active:#0958d9;--x-color-text:rgba(0, 0, 0, 0.88);--x-color-text-secondary:rgba(0, 0, 0, 0.65);--x-color-text-tertiary:rgba(0, 0, 0, 0.45);--x-color-text-quaternary:rgba(0, 0, 0, 0.25);--x-color-text-disabled:rgba(0, 0, 0, 0.25);--x-color-text-placeholder:rgba(0, 0, 0, 0.25);--x-color-text-heading:rgba(0, 0, 0, 0.88);--x-color-text-label:rgba(0, 0, 0, 0.65);--x-color-text-description:rgba(0, 0, 0, 0.45);--x-color-text-light-solid:#ffffff;--x-color-bg-container:#ffffff;--x-color-bg-elevated:#ffffff;--x-color-bg-layout:#f5f5f5;--x-color-bg-spotlight:rgba(0, 0, 0, 0.85);--x-color-bg-mask:rgba(0, 0, 0, 0.45);--x-color-bg-base:#ffffff;--x-color-bg-container-disabled:#f5f5f5;--x-color-bg-container-loading:rgba(255, 255, 255, 0.65);--x-color-white:#ffffff;--x-color-fill:rgba(0, 0, 0, 0.15);--x-color-fill-secondary:rgba(0, 0, 0, 0.06);--x-color-fill-tertiary:rgba(0, 0, 0, 0.04);--x-color-fill-quaternary:rgba(0, 0, 0, 0.02);--x-color-border:#d9d9d9;--x-color-border-secondary:#f0f0f0;--x-color-border-bg:#ffffff;--x-color-split:rgba(5, 5, 5, 0.06);--x-color-dark:#222428;--x-color-dark-rgb:34, 36, 40;--x-color-dark-contrast:#ffffff;--x-color-dark-contrast-rgb:255, 255, 255;--x-color-dark-shade:#1e2023;--x-color-dark-tint:#383a3e;--x-color-medium:#92949c;--x-color-medium-rgb:146, 148, 156;--x-color-medium-contrast:#ffffff;--x-color-medium-contrast-rgb:255, 255, 255;--x-color-medium-shade:#808289;--x-color-medium-tint:#9d9fa6;--x-color-light:#f4f5f8;--x-color-light-rgb:244, 245, 248;--x-color-light-contrast:#000000;--x-color-light-contrast-rgb:0, 0, 0;--x-color-light-shade:#d7d8da;--x-color-light-tint:#f5f6f9;--x-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";--x-font-family-code:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--x-font-size:14px;--x-font-size-sm:12px;--x-font-size-lg:16px;--x-font-size-xl:20px;--x-font-size-heading-1:38px;--x-font-size-heading-2:30px;--x-font-size-heading-3:24px;--x-font-size-heading-4:20px;--x-font-size-heading-5:16px;--x-line-height:1.5714285714285714;--x-line-height-lg:1.5;--x-line-height-sm:1.6666666666666667;--x-line-height-heading-1:1.2105263157894737;--x-line-height-heading-2:1.2666666666666666;--x-line-height-heading-3:1.3333333333333333;--x-line-height-heading-4:1.4;--x-line-height-heading-5:1.5;--x-font-weight-normal:400;--x-font-weight-medium:500;--x-font-weight-semibold:600;--x-font-weight-strong:600;--x-font-size-base:14px;--x-font-size-xxl:24px;--x-line-height-base:1.5714285714285714;--x-spacing-xxs:4px;--x-spacing-xs:8px;--x-spacing-sm:12px;--x-spacing-md:16px;--x-spacing-lg:20px;--x-spacing-xl:24px;--x-spacing-xxl:32px;--x-spacing-xxxl:48px;--x-margin-xxs:4px;--x-margin-xs:8px;--x-margin-sm:12px;--x-margin-md:16px;--x-margin-lg:24px;--x-margin-xl:32px;--x-margin-xxl:48px;--x-padding-xxs:4px;--x-padding-xs:8px;--x-padding-sm:12px;--x-padding-md:16px;--x-padding-lg:24px;--x-padding-content-horizontal-lg:24px;--x-padding-content-vertical-lg:12px;--x-padding-content-horizontal:16px;--x-padding-content-vertical:12px;--x-padding-content-horizontal-sm:16px;--x-padding-content-vertical-sm:8px;--x-border-radius:6px;--x-border-radius-xs:2px;--x-border-radius-sm:4px;--x-border-radius-lg:8px;--x-border-radius-xl:12px;--x-border-radius-outer:4px;--x-border-radius-base:6px;--x-border-width:1px;--x-border-width-base:1px;--x-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-shadow-lg:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-box-shadow-popover-arrow:2px 2px 5px rgba(0, 0, 0, 0.05);--x-box-shadow-card:0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);--x-box-shadow-drawer-right:-6px 0 16px 0 rgba(0, 0, 0, 0.08), -3px 0 6px -4px rgba(0, 0, 0, 0.12), -9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-left:6px 0 16px 0 rgba(0, 0, 0, 0.08), 3px 0 6px -4px rgba(0, 0, 0, 0.12), 9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-up:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-down:0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tabs-overflow-left:inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-right:inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-top:inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-bottom:inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);--x-motion-duration-fast:0.1s;--x-motion-duration-mid:0.2s;--x-motion-duration-slow:0.3s;--x-motion-ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--x-motion-ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--x-motion-ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--x-motion-ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--x-motion-ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--x-motion-ease-in-out-circle:cubic-bezier(0.78, 0.14, 0.15, 0.86);--x-motion-ease-out-circle:cubic-bezier(0.08, 0.82, 0.17, 1);--x-motion-ease-in-circle:cubic-bezier(0.6, 0.04, 0.98, 0.34);--x-motion-ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--x-motion-ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--x-z-index-base:0;--x-z-index-popup-base:1000;--x-z-index-popup:1030;--x-z-index-affix:10;--x-z-index-modal:1000;--x-z-index-modal-mask:1000;--x-z-index-drawer:1000;--x-z-index-popover:1030;--x-z-index-dropdown:1050;--x-z-index-tooltip:1070;--x-z-index-notification:1080;--x-z-index-message:1090;--x-z-index-popconfirm:1060;--x-z-index-table-fixed:10;--x-opacity-loading:0.65;--x-opacity-image:1;--x-opacity-disabled:0.5;--x-control-height:32px;--x-control-height-xs:24px;--x-control-height-sm:24px;--x-control-height-lg:40px;--x-control-radio-size:16px;--x-control-checkbox-size:16px;--x-control-padding-horizontal:12px;--x-control-padding-horizontal-sm:8px;--x-control-outline-width:2px;--x-control-outline:rgba(5, 145, 255, 0.1);--x-control-item-bg-hover:rgba(0, 0, 0, 0.04);--x-control-item-bg-active:#e6f4ff;--x-control-item-bg-active-hover:#bae0ff;--x-control-item-bg-active-disabled:rgba(0, 0, 0, 0.15);--x-control-tmp-outline:rgba(0, 0, 0, 0.02);--x-color-yellow:#fadb14;--x-color-yellow-rgb:250, 219, 20;--x-font-family-base:var(--x-font-family);--x-color-link:#1677ff;--x-color-link-hover:#69b1ff;--x-color-link-active:#0958d9;--x-color-icon:rgba(0, 0, 0, 0.45);--x-color-icon-hover:rgba(0, 0, 0, 0.88);--x-color-highlight:#ff4d4f;--x-color-bg-text-hover:rgba(0, 0, 0, 0.06);--x-color-bg-text-active:rgba(0, 0, 0, 0.15);--x-screen-xs:480px;--x-screen-xs-min:480px;--x-screen-xs-max:575px;--x-screen-sm:576px;--x-screen-sm-min:576px;--x-screen-sm-max:767px;--x-screen-md:768px;--x-screen-md-min:768px;--x-screen-md-max:991px;--x-screen-lg:992px;--x-screen-lg-min:992px;--x-screen-lg-max:1199px;--x-screen-xl:1200px;--x-screen-xl-min:1200px;--x-screen-xl-max:1599px;--x-screen-xxl:1600px;--x-screen-xxl-min:1600px;--x-color-fill-content:rgba(0, 0, 0, 0.06);--x-color-fill-content-hover:rgba(0, 0, 0, 0.15);--x-color-fill-alter:rgba(0, 0, 0, 0.02);--x-scrollbar-width:12px;--x-scrollbar-track-bg:rgba(0, 0, 0, 0.04);--x-scrollbar-thumb-bg:rgba(0, 0, 0, 0.25);--x-scrollbar-thumb-bg-hover:rgba(0, 0, 0, 0.35);--x-menu-dark-bg:#001529;--x-menu-dark-item-bg:#001529;--x-menu-dark-popup-bg:#001529;--x-menu-dark-submenu-item-bg:#000c17}:host{display:block;font-size:var(--x-statistic-font-size, var(--x-font-size-base, 14px));line-height:var(--x-statistic-line-height, var(--x-line-height-base, 1.5714285714));font-family:var(--x-statistic-font-family, var(--x-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial))}.x-statistic-title{margin-bottom:var(--x-statistic-title-margin-bottom, var(--x-spacing-xxs, 4px));color:var(--x-statistic-title-color, var(--x-color-text-secondary, rgba(0, 0, 0, 0.65)));font-size:var(--x-statistic-title-font-size, var(--x-font-size-base, 14px))}.x-statistic-content{color:var(--x-statistic-content-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));font-size:var(--x-statistic-content-font-size, var(--x-font-size-xxl, 24px));font-family:var(--x-statistic-font-family, var(--x-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial))}.x-statistic-content-value{display:inline-block;direction:ltr}.x-statistic-content-prefix,.x-statistic-content-suffix{display:inline-block}.x-statistic-content-prefix{margin-right:var(--x-statistic-prefix-margin-right, var(--x-spacing-xxs, 4px))}.x-statistic-content-suffix{margin-left:var(--x-statistic-suffix-margin-left, var(--x-spacing-xxs, 4px));font-size:var(--x-statistic-suffix-font-size, var(--x-font-size-lg, 16px))}`;
+const xStatisticCss = () => `@charset "UTF-8";:root{--x-color-primary:#1677ff;--x-color-primary-rgb:22, 119, 255;--x-color-primary-contrast:#ffffff;--x-color-primary-contrast-rgb:255, 255, 255;--x-color-primary-shade:#0958d9;--x-color-primary-tint:#4096ff;--x-color-primary-bg:#e6f4ff;--x-color-primary-bg-hover:#bae0ff;--x-color-primary-border:#91caff;--x-color-primary-border-hover:#69b1ff;--x-color-primary-hover:#4096ff;--x-color-primary-active:#0958d9;--x-color-primary-text:#1677ff;--x-color-primary-text-hover:#4096ff;--x-color-primary-text-active:#0958d9;--x-color-secondary:#3dc2ff;--x-color-secondary-rgb:61, 194, 255;--x-color-secondary-contrast:#ffffff;--x-color-secondary-contrast-rgb:255, 255, 255;--x-color-secondary-shade:#36abe0;--x-color-secondary-tint:#50c8ff;--x-color-success:#52c41a;--x-color-success-rgb:82, 196, 26;--x-color-success-contrast:#ffffff;--x-color-success-contrast-rgb:255, 255, 255;--x-color-success-shade:#389e0d;--x-color-success-tint:#73d13d;--x-color-success-bg:#f6ffed;--x-color-success-bg-hover:#d9f7be;--x-color-success-border:#b7eb8f;--x-color-success-border-hover:#95de64;--x-color-success-hover:#73d13d;--x-color-success-active:#389e0d;--x-color-success-text:#52c41a;--x-color-success-text-hover:#73d13d;--x-color-success-text-active:#389e0d;--x-color-warning:#faad14;--x-color-warning-rgb:250, 173, 20;--x-color-warning-contrast:#000000;--x-color-warning-contrast-rgb:0, 0, 0;--x-color-warning-shade:#d48806;--x-color-warning-tint:#ffc53d;--x-color-warning-bg:#fffbe6;--x-color-warning-bg-hover:#fff1b8;--x-color-warning-border:#ffe58f;--x-color-warning-border-hover:#ffd666;--x-color-warning-hover:#ffc53d;--x-color-warning-active:#d48806;--x-color-warning-text:#faad14;--x-color-warning-text-hover:#ffc53d;--x-color-warning-text-active:#d48806;--x-color-danger:#ff4d4f;--x-color-danger-rgb:255, 77, 79;--x-color-danger-contrast:#ffffff;--x-color-danger-contrast-rgb:255, 255, 255;--x-color-danger-shade:#cf1322;--x-color-danger-tint:#ff7875;--x-color-error:#ff4d4f;--x-color-error-rgb:255, 77, 79;--x-color-error-bg:#fff2f0;--x-color-error-bg-hover:#ffccc7;--x-color-error-border:#ffa39e;--x-color-error-border-hover:#ff7875;--x-color-error-hover:#ff7875;--x-color-error-active:#d9363e;--x-color-error-text:#ff4d4f;--x-color-error-text-hover:#ff7875;--x-color-error-text-active:#d9363e;--x-color-info:#1677ff;--x-color-info-rgb:22, 119, 255;--x-color-info-bg:#e6f4ff;--x-color-info-bg-hover:#bae0ff;--x-color-info-border:#91caff;--x-color-info-border-hover:#69b1ff;--x-color-info-hover:#69b1ff;--x-color-info-active:#0958d9;--x-color-info-text:#1677ff;--x-color-info-text-hover:#69b1ff;--x-color-info-text-active:#0958d9;--x-color-text:rgba(0, 0, 0, 0.88);--x-color-text-secondary:rgba(0, 0, 0, 0.65);--x-color-text-tertiary:rgba(0, 0, 0, 0.45);--x-color-text-quaternary:rgba(0, 0, 0, 0.25);--x-color-text-disabled:rgba(0, 0, 0, 0.25);--x-color-text-placeholder:rgba(0, 0, 0, 0.25);--x-color-text-heading:rgba(0, 0, 0, 0.88);--x-color-text-label:rgba(0, 0, 0, 0.65);--x-color-text-description:rgba(0, 0, 0, 0.45);--x-color-text-light-solid:#ffffff;--x-color-text-processing:#ffffff;--x-color-bg-container:#ffffff;--x-color-bg-elevated:#ffffff;--x-color-bg-layout:#f5f5f5;--x-color-bg-spotlight:rgba(0, 0, 0, 0.85);--x-color-bg-mask:rgba(0, 0, 0, 0.45);--x-color-bg-base:#ffffff;--x-color-bg-container-disabled:#f5f5f5;--x-color-bg-container-loading:rgba(255, 255, 255, 0.65);--x-color-white:#ffffff;--x-color-fill:rgba(0, 0, 0, 0.15);--x-color-fill-secondary:rgba(0, 0, 0, 0.06);--x-color-fill-tertiary:rgba(0, 0, 0, 0.04);--x-color-fill-quaternary:rgba(0, 0, 0, 0.02);--x-color-border:#d9d9d9;--x-color-border-secondary:#f0f0f0;--x-color-border-bg:#ffffff;--x-color-split:rgba(5, 5, 5, 0.06);--x-color-dark:#222428;--x-color-dark-rgb:34, 36, 40;--x-color-dark-contrast:#ffffff;--x-color-dark-contrast-rgb:255, 255, 255;--x-color-dark-shade:#1e2023;--x-color-dark-tint:#383a3e;--x-color-medium:#92949c;--x-color-medium-rgb:146, 148, 156;--x-color-medium-contrast:#ffffff;--x-color-medium-contrast-rgb:255, 255, 255;--x-color-medium-shade:#808289;--x-color-medium-tint:#9d9fa6;--x-color-light:#f4f5f8;--x-color-light-rgb:244, 245, 248;--x-color-light-contrast:#000000;--x-color-light-contrast-rgb:0, 0, 0;--x-color-light-shade:#d7d8da;--x-color-light-tint:#f5f6f9;--x-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';--x-font-family-code:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;--x-font-size:14px;--x-font-size-sm:12px;--x-font-size-lg:16px;--x-font-size-xl:20px;--x-font-size-heading-1:38px;--x-font-size-heading-2:30px;--x-font-size-heading-3:24px;--x-font-size-heading-4:20px;--x-font-size-heading-5:16px;--x-line-height:1.5714285714285714;--x-line-height-lg:1.5;--x-line-height-sm:1.6666666666666667;--x-line-height-heading-1:1.2105263157894737;--x-line-height-heading-2:1.2666666666666666;--x-line-height-heading-3:1.3333333333333333;--x-line-height-heading-4:1.4;--x-line-height-heading-5:1.5;--x-font-weight-normal:400;--x-font-weight-medium:500;--x-font-weight-semibold:600;--x-font-weight-strong:600;--x-font-size-base:14px;--x-font-size-xxl:24px;--x-line-height-base:1.5714285714285714;--x-spacing-xxs:4px;--x-spacing-xs:8px;--x-spacing-sm:12px;--x-spacing-md:16px;--x-spacing-lg:20px;--x-spacing-xl:24px;--x-spacing-xxl:32px;--x-spacing-xxxl:48px;--x-margin-xxs:4px;--x-margin-xs:8px;--x-margin-sm:12px;--x-margin-md:16px;--x-margin-lg:24px;--x-margin-xl:32px;--x-margin-xxl:48px;--x-padding-xxs:4px;--x-padding-xs:8px;--x-padding-sm:12px;--x-padding-md:16px;--x-padding-lg:24px;--x-padding-content-horizontal-lg:24px;--x-padding-content-vertical-lg:12px;--x-padding-content-horizontal:16px;--x-padding-content-vertical:12px;--x-padding-content-horizontal-sm:16px;--x-padding-content-vertical-sm:8px;--x-border-radius:6px;--x-border-radius-xs:2px;--x-border-radius-sm:4px;--x-border-radius-lg:8px;--x-border-radius-xl:12px;--x-border-radius-outer:4px;--x-border-radius-base:6px;--x-border-width:1px;--x-border-width-base:1px;--x-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-shadow-lg:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-box-shadow-popover-arrow:2px 2px 5px rgba(0, 0, 0, 0.05);--x-box-shadow-card:0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);--x-box-shadow-drawer-right:-6px 0 16px 0 rgba(0, 0, 0, 0.08), -3px 0 6px -4px rgba(0, 0, 0, 0.12), -9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-left:6px 0 16px 0 rgba(0, 0, 0, 0.08), 3px 0 6px -4px rgba(0, 0, 0, 0.12), 9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-up:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-down:0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tabs-overflow-left:inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-right:inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-top:inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-bottom:inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);--x-motion-duration-fast:0.1s;--x-motion-duration-mid:0.2s;--x-motion-duration-slow:0.3s;--x-motion-ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--x-motion-ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--x-motion-ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--x-motion-ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--x-motion-ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--x-motion-ease-in-out-circle:cubic-bezier(0.78, 0.14, 0.15, 0.86);--x-motion-ease-out-circle:cubic-bezier(0.08, 0.82, 0.17, 1);--x-motion-ease-in-circle:cubic-bezier(0.6, 0.04, 0.98, 0.34);--x-motion-ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--x-motion-ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--x-z-index-base:0;--x-z-index-popup-base:1000;--x-z-index-popup:1030;--x-z-index-affix:10;--x-z-index-modal:1000;--x-z-index-modal-mask:1000;--x-z-index-drawer:1000;--x-z-index-popover:1030;--x-z-index-dropdown:1050;--x-z-index-tooltip:1070;--x-z-index-notification:1080;--x-z-index-message:1090;--x-z-index-popconfirm:1060;--x-z-index-table-fixed:10;--x-opacity-loading:0.65;--x-opacity-image:1;--x-opacity-disabled:0.5;--x-control-height:32px;--x-control-height-xs:24px;--x-control-height-sm:24px;--x-control-height-lg:40px;--x-control-radio-size:16px;--x-control-checkbox-size:16px;--x-control-padding-horizontal:12px;--x-control-padding-horizontal-sm:8px;--x-control-outline-width:2px;--x-control-outline:rgba(5, 145, 255, 0.1);--x-control-item-bg-hover:rgba(0, 0, 0, 0.04);--x-control-item-bg-active:#e6f4ff;--x-control-item-bg-active-hover:#bae0ff;--x-control-item-bg-active-disabled:rgba(0, 0, 0, 0.15);--x-control-tmp-outline:rgba(0, 0, 0, 0.02);--x-color-yellow:#fadb14;--x-color-yellow-rgb:250, 219, 20;--x-font-family-base:var(--x-font-family);--x-color-link:#1677ff;--x-color-link-hover:#69b1ff;--x-color-link-active:#0958d9;--x-color-icon:rgba(0, 0, 0, 0.45);--x-color-icon-hover:rgba(0, 0, 0, 0.88);--x-color-highlight:#ff4d4f;--x-color-bg-text-hover:rgba(0, 0, 0, 0.06);--x-color-bg-text-active:rgba(0, 0, 0, 0.15);--x-screen-xs:480px;--x-screen-xs-min:480px;--x-screen-xs-max:575px;--x-screen-sm:576px;--x-screen-sm-min:576px;--x-screen-sm-max:767px;--x-screen-md:768px;--x-screen-md-min:768px;--x-screen-md-max:991px;--x-screen-lg:992px;--x-screen-lg-min:992px;--x-screen-lg-max:1199px;--x-screen-xl:1200px;--x-screen-xl-min:1200px;--x-screen-xl-max:1599px;--x-screen-xxl:1600px;--x-screen-xxl-min:1600px;--x-color-fill-content:rgba(0, 0, 0, 0.06);--x-color-fill-content-hover:rgba(0, 0, 0, 0.15);--x-color-fill-alter:rgba(0, 0, 0, 0.02);--x-scrollbar-width:12px;--x-scrollbar-track-bg:rgba(0, 0, 0, 0.04);--x-scrollbar-thumb-bg:rgba(0, 0, 0, 0.25);--x-scrollbar-thumb-bg-hover:rgba(0, 0, 0, 0.35);--x-menu-dark-bg:#001529;--x-menu-dark-item-bg:#001529;--x-menu-dark-popup-bg:#001529;--x-menu-dark-submenu-item-bg:#000c17}:host{display:block;font-size:var(--x-statistic-font-size, var(--x-font-size-base, 14px));line-height:var(--x-statistic-line-height, var(--x-line-height-base, 1.5714285714));font-family:var(--x-statistic-font-family, var(--x-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial))}.x-statistic-title{margin-bottom:var(--x-statistic-title-margin-bottom, var(--x-spacing-xxs, 4px));color:var(--x-statistic-title-color, var(--x-color-text-secondary, rgba(0, 0, 0, 0.65)));font-size:var(--x-statistic-title-font-size, var(--x-font-size-base, 14px))}.x-statistic-content{color:var(--x-statistic-content-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));font-size:var(--x-statistic-content-font-size, var(--x-font-size-xxl, 24px));font-family:var(--x-statistic-font-family, var(--x-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial))}.x-statistic-content-value{display:inline-block;direction:ltr}.x-statistic-content-prefix,.x-statistic-content-suffix{display:inline-block}.x-statistic-content-prefix{margin-right:var(--x-statistic-prefix-margin-right, var(--x-spacing-xxs, 4px))}.x-statistic-content-suffix{margin-left:var(--x-statistic-suffix-margin-left, var(--x-spacing-xxs, 4px));font-size:var(--x-statistic-suffix-font-size, var(--x-font-size-lg, 16px))}`;
 
 const XStatistic = class {
     constructor(hostRef) {
@@ -94,7 +94,7 @@ const XStatistic = class {
      * @returns JSX.Element
      */
     render() {
-        return (h(Host, { key: '956f3e481db22ee0f5fa8935b9ee9045d6ecbebb', class: "x-statistic" }, this.statisticTitle && h("div", { key: '4f7b8eb01ef7dc0faf6cb60e192318d967a01990', class: "x-statistic-title" }, this.statisticTitle), h("div", { key: 'e55909df139df6ecf58959b2899d2f200dbcebed', class: "x-statistic-content" }, this.valuePrefix && h("span", { key: '079f0b2e39c6d48c852e26cfab31546a4fc8d9ac', class: "x-statistic-content-prefix" }, this.valuePrefix), h("span", { key: '046fba862290809c615e4bbfff71936ab3fee697', class: "x-statistic-content-value" }, this.loading ? h("x-skeleton", { paragraph: false }) : this.formatValue(this.value)), this.suffix && h("span", { key: '19471d7b5a65c8dd2ef495b423907d3a4ccd9f67', class: "x-statistic-content-suffix" }, this.suffix))));
+        return (h(Host, { key: '1629c268707749e1a3d61c61bddc43c127cf5c20', class: "x-statistic" }, this.statisticTitle && h("div", { key: 'a9200d2932e49766cb1517c30c1fedcf2d8ae4d0', class: "x-statistic-title" }, this.statisticTitle), h("div", { key: 'b8d63d5696555594789a24a34a0c8662c3ef1153', class: "x-statistic-content" }, this.valuePrefix && h("span", { key: '06880e93db7c883e75118b535ce046aad30990a4', class: "x-statistic-content-prefix" }, this.valuePrefix), h("span", { key: '5b882e98d8fcdef0718375abe1cebbeb801f1fb4', class: "x-statistic-content-value" }, this.loading ? h("x-skeleton", { paragraph: false }) : this.formatValue(this.value)), this.suffix && h("span", { key: 'bfb21070c64f8dc80d42379c78f7d4fea6fc30fb', class: "x-statistic-content-suffix" }, this.suffix))));
     }
 };
 XStatistic.style = xStatisticCss();

package/dist/esm/x-step.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-ig_mFsVk.js';
+import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-BMTt8QT3.js';
 
-const xStepCss = () => `@charset "UTF-8";:root{--x-color-primary:#1677ff;--x-color-primary-rgb:22, 119, 255;--x-color-primary-contrast:#ffffff;--x-color-primary-contrast-rgb:255, 255, 255;--x-color-primary-shade:#0958d9;--x-color-primary-tint:#4096ff;--x-color-primary-bg:#e6f4ff;--x-color-primary-bg-hover:#bae0ff;--x-color-primary-border:#91caff;--x-color-primary-border-hover:#69b1ff;--x-color-primary-hover:#4096ff;--x-color-primary-active:#0958d9;--x-color-primary-text:#1677ff;--x-color-primary-text-hover:#4096ff;--x-color-primary-text-active:#0958d9;--x-color-secondary:#3dc2ff;--x-color-secondary-rgb:61, 194, 255;--x-color-secondary-contrast:#ffffff;--x-color-secondary-contrast-rgb:255, 255, 255;--x-color-secondary-shade:#36abe0;--x-color-secondary-tint:#50c8ff;--x-color-success:#52c41a;--x-color-success-rgb:82, 196, 26;--x-color-success-contrast:#ffffff;--x-color-success-contrast-rgb:255, 255, 255;--x-color-success-shade:#389e0d;--x-color-success-tint:#73d13d;--x-color-success-bg:#f6ffed;--x-color-success-bg-hover:#d9f7be;--x-color-success-border:#b7eb8f;--x-color-success-border-hover:#95de64;--x-color-success-hover:#73d13d;--x-color-success-active:#389e0d;--x-color-success-text:#52c41a;--x-color-success-text-hover:#73d13d;--x-color-success-text-active:#389e0d;--x-color-warning:#faad14;--x-color-warning-rgb:250, 173, 20;--x-color-warning-contrast:#000000;--x-color-warning-contrast-rgb:0, 0, 0;--x-color-warning-shade:#d48806;--x-color-warning-tint:#ffc53d;--x-color-warning-bg:#fffbe6;--x-color-warning-bg-hover:#fff1b8;--x-color-warning-border:#ffe58f;--x-color-warning-border-hover:#ffd666;--x-color-warning-hover:#ffc53d;--x-color-warning-active:#d48806;--x-color-warning-text:#faad14;--x-color-warning-text-hover:#ffc53d;--x-color-warning-text-active:#d48806;--x-color-danger:#ff4d4f;--x-color-danger-rgb:255, 77, 79;--x-color-danger-contrast:#ffffff;--x-color-danger-contrast-rgb:255, 255, 255;--x-color-danger-shade:#cf1322;--x-color-danger-tint:#ff7875;--x-color-error:#ff4d4f;--x-color-error-rgb:255, 77, 79;--x-color-error-bg:#fff2f0;--x-color-error-bg-hover:#ffccc7;--x-color-error-border:#ffa39e;--x-color-error-border-hover:#ff7875;--x-color-error-hover:#ff7875;--x-color-error-active:#d9363e;--x-color-error-text:#ff4d4f;--x-color-error-text-hover:#ff7875;--x-color-error-text-active:#d9363e;--x-color-info:#1677ff;--x-color-info-rgb:22, 119, 255;--x-color-info-bg:#e6f4ff;--x-color-info-bg-hover:#bae0ff;--x-color-info-border:#91caff;--x-color-info-border-hover:#69b1ff;--x-color-info-hover:#69b1ff;--x-color-info-active:#0958d9;--x-color-info-text:#1677ff;--x-color-info-text-hover:#69b1ff;--x-color-info-text-active:#0958d9;--x-color-text:rgba(0, 0, 0, 0.88);--x-color-text-secondary:rgba(0, 0, 0, 0.65);--x-color-text-tertiary:rgba(0, 0, 0, 0.45);--x-color-text-quaternary:rgba(0, 0, 0, 0.25);--x-color-text-disabled:rgba(0, 0, 0, 0.25);--x-color-text-placeholder:rgba(0, 0, 0, 0.25);--x-color-text-heading:rgba(0, 0, 0, 0.88);--x-color-text-label:rgba(0, 0, 0, 0.65);--x-color-text-description:rgba(0, 0, 0, 0.45);--x-color-text-light-solid:#ffffff;--x-color-bg-container:#ffffff;--x-color-bg-elevated:#ffffff;--x-color-bg-layout:#f5f5f5;--x-color-bg-spotlight:rgba(0, 0, 0, 0.85);--x-color-bg-mask:rgba(0, 0, 0, 0.45);--x-color-bg-base:#ffffff;--x-color-bg-container-disabled:#f5f5f5;--x-color-bg-container-loading:rgba(255, 255, 255, 0.65);--x-color-white:#ffffff;--x-color-fill:rgba(0, 0, 0, 0.15);--x-color-fill-secondary:rgba(0, 0, 0, 0.06);--x-color-fill-tertiary:rgba(0, 0, 0, 0.04);--x-color-fill-quaternary:rgba(0, 0, 0, 0.02);--x-color-border:#d9d9d9;--x-color-border-secondary:#f0f0f0;--x-color-border-bg:#ffffff;--x-color-split:rgba(5, 5, 5, 0.06);--x-color-dark:#222428;--x-color-dark-rgb:34, 36, 40;--x-color-dark-contrast:#ffffff;--x-color-dark-contrast-rgb:255, 255, 255;--x-color-dark-shade:#1e2023;--x-color-dark-tint:#383a3e;--x-color-medium:#92949c;--x-color-medium-rgb:146, 148, 156;--x-color-medium-contrast:#ffffff;--x-color-medium-contrast-rgb:255, 255, 255;--x-color-medium-shade:#808289;--x-color-medium-tint:#9d9fa6;--x-color-light:#f4f5f8;--x-color-light-rgb:244, 245, 248;--x-color-light-contrast:#000000;--x-color-light-contrast-rgb:0, 0, 0;--x-color-light-shade:#d7d8da;--x-color-light-tint:#f5f6f9;--x-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";--x-font-family-code:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--x-font-size:14px;--x-font-size-sm:12px;--x-font-size-lg:16px;--x-font-size-xl:20px;--x-font-size-heading-1:38px;--x-font-size-heading-2:30px;--x-font-size-heading-3:24px;--x-font-size-heading-4:20px;--x-font-size-heading-5:16px;--x-line-height:1.5714285714285714;--x-line-height-lg:1.5;--x-line-height-sm:1.6666666666666667;--x-line-height-heading-1:1.2105263157894737;--x-line-height-heading-2:1.2666666666666666;--x-line-height-heading-3:1.3333333333333333;--x-line-height-heading-4:1.4;--x-line-height-heading-5:1.5;--x-font-weight-normal:400;--x-font-weight-medium:500;--x-font-weight-semibold:600;--x-font-weight-strong:600;--x-font-size-base:14px;--x-font-size-xxl:24px;--x-line-height-base:1.5714285714285714;--x-spacing-xxs:4px;--x-spacing-xs:8px;--x-spacing-sm:12px;--x-spacing-md:16px;--x-spacing-lg:20px;--x-spacing-xl:24px;--x-spacing-xxl:32px;--x-spacing-xxxl:48px;--x-margin-xxs:4px;--x-margin-xs:8px;--x-margin-sm:12px;--x-margin-md:16px;--x-margin-lg:24px;--x-margin-xl:32px;--x-margin-xxl:48px;--x-padding-xxs:4px;--x-padding-xs:8px;--x-padding-sm:12px;--x-padding-md:16px;--x-padding-lg:24px;--x-padding-content-horizontal-lg:24px;--x-padding-content-vertical-lg:12px;--x-padding-content-horizontal:16px;--x-padding-content-vertical:12px;--x-padding-content-horizontal-sm:16px;--x-padding-content-vertical-sm:8px;--x-border-radius:6px;--x-border-radius-xs:2px;--x-border-radius-sm:4px;--x-border-radius-lg:8px;--x-border-radius-xl:12px;--x-border-radius-outer:4px;--x-border-radius-base:6px;--x-border-width:1px;--x-border-width-base:1px;--x-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-shadow-lg:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-box-shadow-popover-arrow:2px 2px 5px rgba(0, 0, 0, 0.05);--x-box-shadow-card:0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);--x-box-shadow-drawer-right:-6px 0 16px 0 rgba(0, 0, 0, 0.08), -3px 0 6px -4px rgba(0, 0, 0, 0.12), -9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-left:6px 0 16px 0 rgba(0, 0, 0, 0.08), 3px 0 6px -4px rgba(0, 0, 0, 0.12), 9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-up:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-down:0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tabs-overflow-left:inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-right:inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-top:inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-bottom:inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);--x-motion-duration-fast:0.1s;--x-motion-duration-mid:0.2s;--x-motion-duration-slow:0.3s;--x-motion-ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--x-motion-ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--x-motion-ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--x-motion-ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--x-motion-ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--x-motion-ease-in-out-circle:cubic-bezier(0.78, 0.14, 0.15, 0.86);--x-motion-ease-out-circle:cubic-bezier(0.08, 0.82, 0.17, 1);--x-motion-ease-in-circle:cubic-bezier(0.6, 0.04, 0.98, 0.34);--x-motion-ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--x-motion-ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--x-z-index-base:0;--x-z-index-popup-base:1000;--x-z-index-popup:1030;--x-z-index-affix:10;--x-z-index-modal:1000;--x-z-index-modal-mask:1000;--x-z-index-drawer:1000;--x-z-index-popover:1030;--x-z-index-dropdown:1050;--x-z-index-tooltip:1070;--x-z-index-notification:1080;--x-z-index-message:1090;--x-z-index-popconfirm:1060;--x-z-index-table-fixed:10;--x-opacity-loading:0.65;--x-opacity-image:1;--x-opacity-disabled:0.5;--x-control-height:32px;--x-control-height-xs:24px;--x-control-height-sm:24px;--x-control-height-lg:40px;--x-control-radio-size:16px;--x-control-checkbox-size:16px;--x-control-padding-horizontal:12px;--x-control-padding-horizontal-sm:8px;--x-control-outline-width:2px;--x-control-outline:rgba(5, 145, 255, 0.1);--x-control-item-bg-hover:rgba(0, 0, 0, 0.04);--x-control-item-bg-active:#e6f4ff;--x-control-item-bg-active-hover:#bae0ff;--x-control-item-bg-active-disabled:rgba(0, 0, 0, 0.15);--x-control-tmp-outline:rgba(0, 0, 0, 0.02);--x-color-yellow:#fadb14;--x-color-yellow-rgb:250, 219, 20;--x-font-family-base:var(--x-font-family);--x-color-link:#1677ff;--x-color-link-hover:#69b1ff;--x-color-link-active:#0958d9;--x-color-icon:rgba(0, 0, 0, 0.45);--x-color-icon-hover:rgba(0, 0, 0, 0.88);--x-color-highlight:#ff4d4f;--x-color-bg-text-hover:rgba(0, 0, 0, 0.06);--x-color-bg-text-active:rgba(0, 0, 0, 0.15);--x-screen-xs:480px;--x-screen-xs-min:480px;--x-screen-xs-max:575px;--x-screen-sm:576px;--x-screen-sm-min:576px;--x-screen-sm-max:767px;--x-screen-md:768px;--x-screen-md-min:768px;--x-screen-md-max:991px;--x-screen-lg:992px;--x-screen-lg-min:992px;--x-screen-lg-max:1199px;--x-screen-xl:1200px;--x-screen-xl-min:1200px;--x-screen-xl-max:1599px;--x-screen-xxl:1600px;--x-screen-xxl-min:1600px;--x-color-fill-content:rgba(0, 0, 0, 0.06);--x-color-fill-content-hover:rgba(0, 0, 0, 0.15);--x-color-fill-alter:rgba(0, 0, 0, 0.02);--x-scrollbar-width:12px;--x-scrollbar-track-bg:rgba(0, 0, 0, 0.04);--x-scrollbar-thumb-bg:rgba(0, 0, 0, 0.25);--x-scrollbar-thumb-bg-hover:rgba(0, 0, 0, 0.35);--x-menu-dark-bg:#001529;--x-menu-dark-item-bg:#001529;--x-menu-dark-popup-bg:#001529;--x-menu-dark-submenu-item-bg:#000c17}:host{display:inline-block;-ms-flex:1;flex:1;overflow:hidden;vertical-align:top;position:relative;white-space:nowrap}:host(:last-child){-ms-flex:none;flex:none;margin-right:0}:host(:last-child) .x-steps-item-tail,:host(:last-child) .x-steps-item-title::after{display:none !important}.x-steps-item-container{display:inline-block;vertical-align:top;outline:none}.x-steps-item-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--x-steps-icon-size, 32px);height:var(--x-steps-icon-size, 32px);margin-right:var(--x-step-icon-margin-right, var(--x-margin-xs, 8px));font-size:var(--x-steps-icon-font-size, 16px);font-family:var(--x-font-family);line-height:var(--x-steps-icon-size, 32px);text-align:center;border:1px solid transparent;border-radius:var(--x-steps-icon-size, 32px);-webkit-transition:background-color 0.3s, border-color 0.3s;transition:background-color 0.3s, border-color 0.3s}.x-steps-icon{position:relative;top:-1px;color:inherit;line-height:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.x-steps-item-content{display:inline-block;vertical-align:top}.x-steps-item-title{position:relative;display:inline-block;padding-right:var(--x-step-title-padding-right, var(--x-padding-md, 16px));color:var(--x-steps-title-color, var(--x-color-text-disabled, rgba(0, 0, 0, 0.45)));font-size:var(--x-steps-title-font-size, var(--x-font-size-lg, 16px));line-height:var(--x-steps-title-line-height, 32px)}.x-steps-item-title::after{position:absolute;top:calc(var(--x-steps-icon-size, 32px) / 2);left:100%;display:block;width:9999px;height:1px;background:var(--x-steps-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)));content:""}.x-steps-item-subtitle{display:inline;margin-left:8px;color:rgba(0, 0, 0, 0.45);font-size:var(--x-steps-font-size, var(--x-font-size, 14px));font-weight:normal}.x-steps-item-description{max-width:var(--x-step-description-max-width, 140px);color:var(--x-steps-description-color, var(--x-color-text-description, rgba(0, 0, 0, 0.45)));font-size:var(--x-steps-description-font-size, var(--x-font-size, 14px));line-height:var(--x-steps-line-height, var(--x-line-height, 1.5714285714));white-space:normal}.x-steps-item-tail{display:none}:host(.x-steps-item-wait) .x-steps-item-icon{background-color:var(--x-steps-icon-bg, var(--x-color-bg-container, #ffffff));border-color:var(--x-steps-icon-border-color, var(--x-color-text-disabled, rgba(0, 0, 0, 0.25)))}:host(.x-steps-item-wait) .x-steps-item-icon>.x-steps-icon{color:var(--x-steps-icon-color, var(--x-color-text-disabled, rgba(0, 0, 0, 0.25)))}:host(.x-steps-item-wait) .x-steps-item-title{color:var(--x-steps-title-color, var(--x-color-text-disabled, rgba(0, 0, 0, 0.45)))}:host(.x-steps-item-wait) .x-steps-item-title::after{background-color:var(--x-steps-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}:host(.x-steps-item-wait) .x-steps-item-description{color:var(--x-steps-description-color, var(--x-color-text-description, rgba(0, 0, 0, 0.45)))}:host(.x-steps-item-wait) .x-steps-item-tail::after{background-color:var(--x-steps-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}:host(.x-steps-item-process) .x-steps-item-icon{background-color:var(--x-steps-process-icon-bg, var(--x-color-primary, #1677ff));border-color:var(--x-steps-process-icon-border-color, var(--x-color-primary, #1677ff))}:host(.x-steps-item-process) .x-steps-item-icon>.x-steps-icon{color:var(--x-steps-process-icon-color, var(--x-color-white, #ffffff))}:host(.x-steps-item-process) .x-steps-item-title{color:var(--x-steps-process-title-color, var(--x-color-text-heading, rgba(0, 0, 0, 0.88)));font-weight:500}:host(.x-steps-item-process) .x-steps-item-title::after{background-color:var(--x-steps-process-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}:host(.x-steps-item-process) .x-steps-item-description{color:var(--x-steps-process-description-color, var(--x-color-text, rgba(0, 0, 0, 0.88)))}:host(.x-steps-item-process) .x-steps-item-tail::after{background-color:var(--x-steps-process-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}:host(.x-steps-item-finish) .x-steps-item-icon{background-color:var(--x-steps-finish-icon-bg, var(--x-color-bg-container, #ffffff));border-color:var(--x-steps-finish-icon-border-color, var(--x-color-primary, #1677ff))}:host(.x-steps-item-finish) .x-steps-item-icon>.x-steps-icon{color:var(--x-steps-finish-icon-color, var(--x-color-primary, #1677ff))}:host(.x-steps-item-finish) .x-steps-item-title{color:var(--x-steps-finish-title-color, var(--x-color-text-heading, rgba(0, 0, 0, 0.88)))}:host(.x-steps-item-finish) .x-steps-item-title::after{background-color:var(--x-steps-finish-tail-color, var(--x-color-primary, #1677ff))}:host(.x-steps-item-finish) .x-steps-item-description{color:var(--x-steps-finish-description-color, var(--x-color-text-description, rgba(0, 0, 0, 0.45)))}:host(.x-steps-item-finish) .x-steps-item-tail::after{background-color:var(--x-steps-finish-tail-color, var(--x-color-primary, #1677ff))}:host(.x-steps-item-error) .x-steps-item-icon{background-color:var(--x-steps-error-icon-bg, var(--x-color-bg-container, #ffffff));border-color:var(--x-steps-error-icon-border-color, var(--x-color-error, #ff4d4f))}:host(.x-steps-item-error) .x-steps-item-icon>.x-steps-icon{color:var(--x-steps-error-icon-color, var(--x-color-error, #ff4d4f))}:host(.x-steps-item-error) .x-steps-item-title{color:var(--x-steps-error-title-color, var(--x-color-error, #ff4d4f))}:host(.x-steps-item-error) .x-steps-item-title::after{background-color:var(--x-steps-error-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}:host(.x-steps-item-error) .x-steps-item-description{color:var(--x-steps-error-description-color, var(--x-color-error, #ff4d4f))}:host(.x-steps-item-error) .x-steps-item-tail::after{background-color:var(--x-steps-error-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}:host(.x-steps-item-clickable){cursor:pointer}:host(.x-steps-item-clickable) .x-steps-item-title,:host(.x-steps-item-clickable) .x-steps-item-description,:host(.x-steps-item-clickable) .x-steps-item-icon{-webkit-transition:color 0.3s;transition:color 0.3s}:host(.x-steps-item-clickable):hover .x-steps-item-title,:host(.x-steps-item-clickable):hover .x-steps-item-description{color:var(--x-steps-item-hover-color, var(--x-color-primary-hover, #4096ff))}:host(.x-steps-item-clickable):hover .x-steps-item-icon{border-color:var(--x-steps-item-hover-color, var(--x-color-primary-hover, #4096ff))}:host(.x-steps-item-clickable):hover .x-steps-item-icon>.x-steps-icon{color:var(--x-steps-item-hover-color, var(--x-color-primary-hover, #4096ff))}:host([_type=dot]) .x-steps-item-icon,:host([_progress-dot]) .x-steps-item-icon{width:var(--x-steps-dot-size, 8px);height:var(--x-steps-dot-size, 8px);border:0;background:transparent;margin-right:0;padding-right:0;width:auto;height:auto;line-height:0;margin-left:2px}:host([_type=dot]) .x-steps-icon-dot,:host([_progress-dot]) .x-steps-icon-dot{width:var(--x-steps-dot-size, 8px);height:var(--x-steps-dot-size, 8px);border-radius:100%;background-color:var(--x-steps-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)));display:block;-webkit-transition:all 0.3s;transition:all 0.3s}:host([_type=dot]) .x-steps-item-title::after,:host([_progress-dot]) .x-steps-item-title::after{top:calc(var(--x-steps-dot-size, 8px) / 2)}:host([_type=dot].x-steps-item-process) .x-steps-icon-dot,:host([_progress-dot].x-steps-item-process) .x-steps-icon-dot{width:var(--x-steps-dot-current-size, 10px);height:var(--x-steps-dot-current-size, 10px);background-color:var(--x-steps-process-icon-bg, var(--x-color-primary, #1677ff))}:host([_type=dot].x-steps-item-finish) .x-steps-icon-dot,:host([_progress-dot].x-steps-item-finish) .x-steps-icon-dot{background-color:var(--x-steps-finish-icon-border-color, var(--x-color-primary, #1677ff))}:host([_direction=vertical]){display:block;overflow:visible;margin-bottom:0;-ms-flex:1 0 auto;flex:1 0 auto;margin-right:0}:host([_direction=vertical]) .x-steps-item-container{display:block;position:relative}:host([_direction=vertical]) .x-steps-item-tail{display:block;position:absolute;top:0;left:calc(var(--x-steps-icon-size, 32px) / 2);width:1px;height:100%;padding:var(--x-step-vertical-tail-padding, 38px 0 6px)}:host([_direction=vertical]) .x-steps-item-tail::after{width:1px;height:100%;background-color:var(--x-steps-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)));border-radius:var(--x-step-tail-border-radius, 1px);display:block;-webkit-transition:background 0.3s;transition:background 0.3s;content:""}:host([_direction=vertical]) .x-steps-item-icon{float:left;margin-right:16px;position:relative;z-index:1;background-color:var(--x-steps-bg, transparent)}:host([_direction=vertical]) .x-steps-item-content{display:block;min-height:48px;overflow:hidden;padding-bottom:var(--x-step-vertical-content-padding-bottom, var(--x-spacing-xl, 24px))}:host([_direction=vertical]) .x-steps-item-title{line-height:var(--x-steps-icon-size, 32px)}:host([_direction=vertical]) .x-steps-item-title::after{display:none}:host([_direction=vertical]) .x-steps-item-title{padding-bottom:0;max-width:none;margin-top:8px}:host([_direction=vertical]:last-child) .x-steps-item-tail{display:none}:host([_direction=vertical]:last-child) .x-steps-item-content{padding-bottom:0}:host([_direction=vertical][_type=dot]) .x-steps-item-icon,:host([_direction=vertical][_progress-dot]) .x-steps-item-icon{width:var(--x-steps-icon-size, 32px);margin-right:16px;text-align:center}:host([_direction=vertical][_type=dot]) .x-steps-icon-dot,:host([_direction=vertical][_progress-dot]) .x-steps-icon-dot{margin:0 auto}:host([_direction=vertical][_type=dot]) .x-steps-item-tail,:host([_direction=vertical][_progress-dot]) .x-steps-item-tail{left:calc(var(--x-steps-icon-size, 32px) / 2)}:host([_direction=vertical][_size=small]) .x-steps-item-tail{left:calc(var(--x-steps-small-icon-size, 24px) / 2);padding:var(--x-step-vertical-tail-padding-sm, 30px 0 6px)}:host([_direction=vertical][_size=small]) .x-steps-item-content{padding-bottom:var(--x-step-vertical-content-padding-bottom-sm, var(--x-padding-md, 16px))}:host([_direction=vertical][_size=small]) .x-steps-item-icon{width:var(--x-steps-small-icon-size, 24px);height:var(--x-steps-small-icon-size, 24px);line-height:var(--x-steps-small-icon-size, 24px);font-size:var(--x-steps-small-icon-font-size, 12px)}:host([_direction=vertical][_size=small]) .x-steps-item-title{line-height:var(--x-steps-small-icon-size, 24px)}:host([_type=navigation]){padding-bottom:12px;border-bottom:1px solid transparent;-webkit-transition:all 0.3s;transition:all 0.3s;margin-right:0}:host([_type=navigation]) .x-steps-item-container{display:inline-block;width:auto;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s}:host([_type=navigation]) .x-steps-item-content{display:block;width:auto;text-align:center}:host([_type=navigation]) .x-steps-item-tail{display:none}:host([_type=navigation]) .x-steps-item-title::after{display:none}:host([_type=navigation].x-steps-item-active){border-bottom-color:var(--x-steps-process-icon-bg, var(--x-color-primary, #1677ff))}:host([_type=inline]){-ms-flex:none;flex:none;margin-right:16px;width:auto}:host([_type=inline]) .x-steps-item-container{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}:host([_type=inline]) .x-steps-item-icon{width:24px;height:24px;line-height:24px;font-size:12px;margin-right:8px}:host([_type=inline]) .x-steps-item-title{font-size:14px;line-height:24px;padding-right:0}:host([_type=inline]) .x-steps-item-title::after{display:none}:host([_type=inline]) .x-steps-item-description{display:none}:host([_type=inline]) .x-steps-item-tail{display:none}:host([_type=panel]){-ms-flex:1;flex:1;margin-right:4px;overflow:visible}:host([_type=panel]) .x-steps-item-container{display:block;padding:0 12px;height:48px;line-height:48px;background:#f5f5f5;-webkit-transition:background 0.3s;transition:background 0.3s;border-radius:2px;position:relative;text-align:left}:host([_type=panel]) .x-steps-item-title{line-height:inherit;padding-right:0;font-weight:500;color:rgba(0, 0, 0, 0.65)}:host([_type=panel]) .x-steps-item-title::after{display:none}:host([_type=panel]) .x-steps-item-tail{display:none}:host([_type=panel]) .x-steps-item-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;height:100%}:host([_type=panel]) .x-steps-item-icon{background:transparent;border:0;width:auto;height:auto;margin-right:8px}:host([_type=panel]:last-child){margin-right:0}:host([_type=panel].x-steps-item-process) .x-steps-item-container{background:#e6f7ff;border:1px solid var(--x-steps-process-icon-bg, var(--x-color-primary, #1677ff))}:host([_type=panel].x-steps-item-active) .x-steps-item-title{color:var(--x-steps-process-icon-bg, var(--x-color-primary, #1677ff))}:host([_type=panel].x-steps-item-finish) .x-steps-item-container{background:#f0f5ff}.x-steps-progress-icon{position:relative;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.x-steps-progress-icon svg{position:absolute;left:0;top:0;width:100%;height:100%}.x-steps-progress-trail{stroke:#f5f5f5}.x-steps-progress-path{stroke:var(--x-steps-process-icon-border-color, var(--x-color-primary, #1677ff))}:host(.x-steps-item-with-progress.x-steps-item-process) .x-steps-item-icon{border:0;background:transparent}:host(.x-steps-item-with-progress.x-steps-item-process) .x-steps-icon{color:var(--x-steps-process-icon-color, var(--x-color-white, #ffffff));z-index:1}`;
+const xStepCss = () => `@charset "UTF-8";:root{--x-color-primary:#1677ff;--x-color-primary-rgb:22, 119, 255;--x-color-primary-contrast:#ffffff;--x-color-primary-contrast-rgb:255, 255, 255;--x-color-primary-shade:#0958d9;--x-color-primary-tint:#4096ff;--x-color-primary-bg:#e6f4ff;--x-color-primary-bg-hover:#bae0ff;--x-color-primary-border:#91caff;--x-color-primary-border-hover:#69b1ff;--x-color-primary-hover:#4096ff;--x-color-primary-active:#0958d9;--x-color-primary-text:#1677ff;--x-color-primary-text-hover:#4096ff;--x-color-primary-text-active:#0958d9;--x-color-secondary:#3dc2ff;--x-color-secondary-rgb:61, 194, 255;--x-color-secondary-contrast:#ffffff;--x-color-secondary-contrast-rgb:255, 255, 255;--x-color-secondary-shade:#36abe0;--x-color-secondary-tint:#50c8ff;--x-color-success:#52c41a;--x-color-success-rgb:82, 196, 26;--x-color-success-contrast:#ffffff;--x-color-success-contrast-rgb:255, 255, 255;--x-color-success-shade:#389e0d;--x-color-success-tint:#73d13d;--x-color-success-bg:#f6ffed;--x-color-success-bg-hover:#d9f7be;--x-color-success-border:#b7eb8f;--x-color-success-border-hover:#95de64;--x-color-success-hover:#73d13d;--x-color-success-active:#389e0d;--x-color-success-text:#52c41a;--x-color-success-text-hover:#73d13d;--x-color-success-text-active:#389e0d;--x-color-warning:#faad14;--x-color-warning-rgb:250, 173, 20;--x-color-warning-contrast:#000000;--x-color-warning-contrast-rgb:0, 0, 0;--x-color-warning-shade:#d48806;--x-color-warning-tint:#ffc53d;--x-color-warning-bg:#fffbe6;--x-color-warning-bg-hover:#fff1b8;--x-color-warning-border:#ffe58f;--x-color-warning-border-hover:#ffd666;--x-color-warning-hover:#ffc53d;--x-color-warning-active:#d48806;--x-color-warning-text:#faad14;--x-color-warning-text-hover:#ffc53d;--x-color-warning-text-active:#d48806;--x-color-danger:#ff4d4f;--x-color-danger-rgb:255, 77, 79;--x-color-danger-contrast:#ffffff;--x-color-danger-contrast-rgb:255, 255, 255;--x-color-danger-shade:#cf1322;--x-color-danger-tint:#ff7875;--x-color-error:#ff4d4f;--x-color-error-rgb:255, 77, 79;--x-color-error-bg:#fff2f0;--x-color-error-bg-hover:#ffccc7;--x-color-error-border:#ffa39e;--x-color-error-border-hover:#ff7875;--x-color-error-hover:#ff7875;--x-color-error-active:#d9363e;--x-color-error-text:#ff4d4f;--x-color-error-text-hover:#ff7875;--x-color-error-text-active:#d9363e;--x-color-info:#1677ff;--x-color-info-rgb:22, 119, 255;--x-color-info-bg:#e6f4ff;--x-color-info-bg-hover:#bae0ff;--x-color-info-border:#91caff;--x-color-info-border-hover:#69b1ff;--x-color-info-hover:#69b1ff;--x-color-info-active:#0958d9;--x-color-info-text:#1677ff;--x-color-info-text-hover:#69b1ff;--x-color-info-text-active:#0958d9;--x-color-text:rgba(0, 0, 0, 0.88);--x-color-text-secondary:rgba(0, 0, 0, 0.65);--x-color-text-tertiary:rgba(0, 0, 0, 0.45);--x-color-text-quaternary:rgba(0, 0, 0, 0.25);--x-color-text-disabled:rgba(0, 0, 0, 0.25);--x-color-text-placeholder:rgba(0, 0, 0, 0.25);--x-color-text-heading:rgba(0, 0, 0, 0.88);--x-color-text-label:rgba(0, 0, 0, 0.65);--x-color-text-description:rgba(0, 0, 0, 0.45);--x-color-text-light-solid:#ffffff;--x-color-text-processing:#ffffff;--x-color-bg-container:#ffffff;--x-color-bg-elevated:#ffffff;--x-color-bg-layout:#f5f5f5;--x-color-bg-spotlight:rgba(0, 0, 0, 0.85);--x-color-bg-mask:rgba(0, 0, 0, 0.45);--x-color-bg-base:#ffffff;--x-color-bg-container-disabled:#f5f5f5;--x-color-bg-container-loading:rgba(255, 255, 255, 0.65);--x-color-white:#ffffff;--x-color-fill:rgba(0, 0, 0, 0.15);--x-color-fill-secondary:rgba(0, 0, 0, 0.06);--x-color-fill-tertiary:rgba(0, 0, 0, 0.04);--x-color-fill-quaternary:rgba(0, 0, 0, 0.02);--x-color-border:#d9d9d9;--x-color-border-secondary:#f0f0f0;--x-color-border-bg:#ffffff;--x-color-split:rgba(5, 5, 5, 0.06);--x-color-dark:#222428;--x-color-dark-rgb:34, 36, 40;--x-color-dark-contrast:#ffffff;--x-color-dark-contrast-rgb:255, 255, 255;--x-color-dark-shade:#1e2023;--x-color-dark-tint:#383a3e;--x-color-medium:#92949c;--x-color-medium-rgb:146, 148, 156;--x-color-medium-contrast:#ffffff;--x-color-medium-contrast-rgb:255, 255, 255;--x-color-medium-shade:#808289;--x-color-medium-tint:#9d9fa6;--x-color-light:#f4f5f8;--x-color-light-rgb:244, 245, 248;--x-color-light-contrast:#000000;--x-color-light-contrast-rgb:0, 0, 0;--x-color-light-shade:#d7d8da;--x-color-light-tint:#f5f6f9;--x-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';--x-font-family-code:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;--x-font-size:14px;--x-font-size-sm:12px;--x-font-size-lg:16px;--x-font-size-xl:20px;--x-font-size-heading-1:38px;--x-font-size-heading-2:30px;--x-font-size-heading-3:24px;--x-font-size-heading-4:20px;--x-font-size-heading-5:16px;--x-line-height:1.5714285714285714;--x-line-height-lg:1.5;--x-line-height-sm:1.6666666666666667;--x-line-height-heading-1:1.2105263157894737;--x-line-height-heading-2:1.2666666666666666;--x-line-height-heading-3:1.3333333333333333;--x-line-height-heading-4:1.4;--x-line-height-heading-5:1.5;--x-font-weight-normal:400;--x-font-weight-medium:500;--x-font-weight-semibold:600;--x-font-weight-strong:600;--x-font-size-base:14px;--x-font-size-xxl:24px;--x-line-height-base:1.5714285714285714;--x-spacing-xxs:4px;--x-spacing-xs:8px;--x-spacing-sm:12px;--x-spacing-md:16px;--x-spacing-lg:20px;--x-spacing-xl:24px;--x-spacing-xxl:32px;--x-spacing-xxxl:48px;--x-margin-xxs:4px;--x-margin-xs:8px;--x-margin-sm:12px;--x-margin-md:16px;--x-margin-lg:24px;--x-margin-xl:32px;--x-margin-xxl:48px;--x-padding-xxs:4px;--x-padding-xs:8px;--x-padding-sm:12px;--x-padding-md:16px;--x-padding-lg:24px;--x-padding-content-horizontal-lg:24px;--x-padding-content-vertical-lg:12px;--x-padding-content-horizontal:16px;--x-padding-content-vertical:12px;--x-padding-content-horizontal-sm:16px;--x-padding-content-vertical-sm:8px;--x-border-radius:6px;--x-border-radius-xs:2px;--x-border-radius-sm:4px;--x-border-radius-lg:8px;--x-border-radius-xl:12px;--x-border-radius-outer:4px;--x-border-radius-base:6px;--x-border-width:1px;--x-border-width-base:1px;--x-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-shadow-lg:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-box-shadow-popover-arrow:2px 2px 5px rgba(0, 0, 0, 0.05);--x-box-shadow-card:0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);--x-box-shadow-drawer-right:-6px 0 16px 0 rgba(0, 0, 0, 0.08), -3px 0 6px -4px rgba(0, 0, 0, 0.12), -9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-left:6px 0 16px 0 rgba(0, 0, 0, 0.08), 3px 0 6px -4px rgba(0, 0, 0, 0.12), 9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-up:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-down:0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tabs-overflow-left:inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-right:inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-top:inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-bottom:inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);--x-motion-duration-fast:0.1s;--x-motion-duration-mid:0.2s;--x-motion-duration-slow:0.3s;--x-motion-ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--x-motion-ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--x-motion-ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--x-motion-ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--x-motion-ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--x-motion-ease-in-out-circle:cubic-bezier(0.78, 0.14, 0.15, 0.86);--x-motion-ease-out-circle:cubic-bezier(0.08, 0.82, 0.17, 1);--x-motion-ease-in-circle:cubic-bezier(0.6, 0.04, 0.98, 0.34);--x-motion-ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--x-motion-ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--x-z-index-base:0;--x-z-index-popup-base:1000;--x-z-index-popup:1030;--x-z-index-affix:10;--x-z-index-modal:1000;--x-z-index-modal-mask:1000;--x-z-index-drawer:1000;--x-z-index-popover:1030;--x-z-index-dropdown:1050;--x-z-index-tooltip:1070;--x-z-index-notification:1080;--x-z-index-message:1090;--x-z-index-popconfirm:1060;--x-z-index-table-fixed:10;--x-opacity-loading:0.65;--x-opacity-image:1;--x-opacity-disabled:0.5;--x-control-height:32px;--x-control-height-xs:24px;--x-control-height-sm:24px;--x-control-height-lg:40px;--x-control-radio-size:16px;--x-control-checkbox-size:16px;--x-control-padding-horizontal:12px;--x-control-padding-horizontal-sm:8px;--x-control-outline-width:2px;--x-control-outline:rgba(5, 145, 255, 0.1);--x-control-item-bg-hover:rgba(0, 0, 0, 0.04);--x-control-item-bg-active:#e6f4ff;--x-control-item-bg-active-hover:#bae0ff;--x-control-item-bg-active-disabled:rgba(0, 0, 0, 0.15);--x-control-tmp-outline:rgba(0, 0, 0, 0.02);--x-color-yellow:#fadb14;--x-color-yellow-rgb:250, 219, 20;--x-font-family-base:var(--x-font-family);--x-color-link:#1677ff;--x-color-link-hover:#69b1ff;--x-color-link-active:#0958d9;--x-color-icon:rgba(0, 0, 0, 0.45);--x-color-icon-hover:rgba(0, 0, 0, 0.88);--x-color-highlight:#ff4d4f;--x-color-bg-text-hover:rgba(0, 0, 0, 0.06);--x-color-bg-text-active:rgba(0, 0, 0, 0.15);--x-screen-xs:480px;--x-screen-xs-min:480px;--x-screen-xs-max:575px;--x-screen-sm:576px;--x-screen-sm-min:576px;--x-screen-sm-max:767px;--x-screen-md:768px;--x-screen-md-min:768px;--x-screen-md-max:991px;--x-screen-lg:992px;--x-screen-lg-min:992px;--x-screen-lg-max:1199px;--x-screen-xl:1200px;--x-screen-xl-min:1200px;--x-screen-xl-max:1599px;--x-screen-xxl:1600px;--x-screen-xxl-min:1600px;--x-color-fill-content:rgba(0, 0, 0, 0.06);--x-color-fill-content-hover:rgba(0, 0, 0, 0.15);--x-color-fill-alter:rgba(0, 0, 0, 0.02);--x-scrollbar-width:12px;--x-scrollbar-track-bg:rgba(0, 0, 0, 0.04);--x-scrollbar-thumb-bg:rgba(0, 0, 0, 0.25);--x-scrollbar-thumb-bg-hover:rgba(0, 0, 0, 0.35);--x-menu-dark-bg:#001529;--x-menu-dark-item-bg:#001529;--x-menu-dark-popup-bg:#001529;--x-menu-dark-submenu-item-bg:#000c17}:host{display:inline-block;-ms-flex:1;flex:1;overflow:hidden;vertical-align:top;position:relative;white-space:nowrap}:host(:last-child){-ms-flex:none;flex:none;margin-right:0}:host(:last-child) .x-steps-item-tail,:host(:last-child) .x-steps-item-title::after{display:none !important}.x-steps-item-container{display:inline-block;vertical-align:top;outline:none}.x-steps-item-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--x-steps-icon-size, 32px);height:var(--x-steps-icon-size, 32px);margin-right:var(--x-step-icon-margin-right, var(--x-margin-xs, 8px));font-size:var(--x-steps-icon-font-size, 16px);font-family:var(--x-font-family);line-height:var(--x-steps-icon-size, 32px);text-align:center;border:1px solid transparent;border-radius:var(--x-steps-icon-size, 32px);-webkit-transition:background-color 0.3s, border-color 0.3s;transition:background-color 0.3s, border-color 0.3s}.x-steps-icon{position:relative;top:-1px;color:inherit;line-height:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.x-steps-item-content{display:inline-block;vertical-align:top}.x-steps-item-title{position:relative;display:inline-block;padding-right:var(--x-step-title-padding-right, var(--x-padding-md, 16px));color:var(--x-steps-title-color, var(--x-color-text-disabled, rgba(0, 0, 0, 0.45)));font-size:var(--x-steps-title-font-size, var(--x-font-size-lg, 16px));line-height:var(--x-steps-title-line-height, 32px)}.x-steps-item-title::after{position:absolute;top:calc(var(--x-steps-icon-size, 32px) / 2);left:100%;display:block;width:9999px;height:1px;background:var(--x-steps-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)));content:""}.x-steps-item-subtitle{display:inline;margin-left:8px;color:rgba(0, 0, 0, 0.45);font-size:var(--x-steps-font-size, var(--x-font-size, 14px));font-weight:normal}.x-steps-item-description{max-width:var(--x-step-description-max-width, 140px);color:var(--x-steps-description-color, var(--x-color-text-description, rgba(0, 0, 0, 0.45)));font-size:var(--x-steps-description-font-size, var(--x-font-size, 14px));line-height:var(--x-steps-line-height, var(--x-line-height, 1.5714285714));white-space:normal}.x-steps-item-tail{display:none}:host(.x-steps-item-wait) .x-steps-item-icon{background-color:var(--x-steps-icon-bg, var(--x-color-bg-container, #ffffff));border-color:var(--x-steps-icon-border-color, var(--x-color-text-disabled, rgba(0, 0, 0, 0.25)))}:host(.x-steps-item-wait) .x-steps-item-icon>.x-steps-icon{color:var(--x-steps-icon-color, var(--x-color-text-disabled, rgba(0, 0, 0, 0.25)))}:host(.x-steps-item-wait) .x-steps-item-title{color:var(--x-steps-title-color, var(--x-color-text-disabled, rgba(0, 0, 0, 0.45)))}:host(.x-steps-item-wait) .x-steps-item-title::after{background-color:var(--x-steps-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}:host(.x-steps-item-wait) .x-steps-item-description{color:var(--x-steps-description-color, var(--x-color-text-description, rgba(0, 0, 0, 0.45)))}:host(.x-steps-item-wait) .x-steps-item-tail::after{background-color:var(--x-steps-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}:host(.x-steps-item-process) .x-steps-item-icon{background-color:var(--x-steps-process-icon-bg, var(--x-color-primary, #1677ff));border-color:var(--x-steps-process-icon-border-color, var(--x-color-primary, #1677ff))}:host(.x-steps-item-process) .x-steps-item-icon>.x-steps-icon{color:var(--x-steps-process-icon-color, var(--x-color-white, #ffffff))}:host(.x-steps-item-process) .x-steps-item-title{color:var(--x-steps-process-title-color, var(--x-color-text-heading, rgba(0, 0, 0, 0.88)));font-weight:500}:host(.x-steps-item-process) .x-steps-item-title::after{background-color:var(--x-steps-process-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}:host(.x-steps-item-process) .x-steps-item-description{color:var(--x-steps-process-description-color, var(--x-color-text, rgba(0, 0, 0, 0.88)))}:host(.x-steps-item-process) .x-steps-item-tail::after{background-color:var(--x-steps-process-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}:host(.x-steps-item-finish) .x-steps-item-icon{background-color:var(--x-steps-finish-icon-bg, var(--x-color-bg-container, #ffffff));border-color:var(--x-steps-finish-icon-border-color, var(--x-color-primary, #1677ff))}:host(.x-steps-item-finish) .x-steps-item-icon>.x-steps-icon{color:var(--x-steps-finish-icon-color, var(--x-color-primary, #1677ff))}:host(.x-steps-item-finish) .x-steps-item-title{color:var(--x-steps-finish-title-color, var(--x-color-text-heading, rgba(0, 0, 0, 0.88)))}:host(.x-steps-item-finish) .x-steps-item-title::after{background-color:var(--x-steps-finish-tail-color, var(--x-color-primary, #1677ff))}:host(.x-steps-item-finish) .x-steps-item-description{color:var(--x-steps-finish-description-color, var(--x-color-text-description, rgba(0, 0, 0, 0.45)))}:host(.x-steps-item-finish) .x-steps-item-tail::after{background-color:var(--x-steps-finish-tail-color, var(--x-color-primary, #1677ff))}:host(.x-steps-item-error) .x-steps-item-icon{background-color:var(--x-steps-error-icon-bg, var(--x-color-bg-container, #ffffff));border-color:var(--x-steps-error-icon-border-color, var(--x-color-error, #ff4d4f))}:host(.x-steps-item-error) .x-steps-item-icon>.x-steps-icon{color:var(--x-steps-error-icon-color, var(--x-color-error, #ff4d4f))}:host(.x-steps-item-error) .x-steps-item-title{color:var(--x-steps-error-title-color, var(--x-color-error, #ff4d4f))}:host(.x-steps-item-error) .x-steps-item-title::after{background-color:var(--x-steps-error-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}:host(.x-steps-item-error) .x-steps-item-description{color:var(--x-steps-error-description-color, var(--x-color-error, #ff4d4f))}:host(.x-steps-item-error) .x-steps-item-tail::after{background-color:var(--x-steps-error-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}:host(.x-steps-item-clickable){cursor:pointer}:host(.x-steps-item-clickable) .x-steps-item-title,:host(.x-steps-item-clickable) .x-steps-item-description,:host(.x-steps-item-clickable) .x-steps-item-icon{-webkit-transition:color 0.3s;transition:color 0.3s}:host(.x-steps-item-clickable):hover .x-steps-item-title,:host(.x-steps-item-clickable):hover .x-steps-item-description{color:var(--x-steps-item-hover-color, var(--x-color-primary-hover, #4096ff))}:host(.x-steps-item-clickable):hover .x-steps-item-icon{border-color:var(--x-steps-item-hover-color, var(--x-color-primary-hover, #4096ff))}:host(.x-steps-item-clickable):hover .x-steps-item-icon>.x-steps-icon{color:var(--x-steps-item-hover-color, var(--x-color-primary-hover, #4096ff))}:host([_type=dot]) .x-steps-item-icon,:host([_progress-dot]) .x-steps-item-icon{width:var(--x-steps-dot-size, 8px);height:var(--x-steps-dot-size, 8px);border:0;background:transparent;margin-right:0;padding-right:0;width:auto;height:auto;line-height:0;margin-left:2px}:host([_type=dot]) .x-steps-icon-dot,:host([_progress-dot]) .x-steps-icon-dot{width:var(--x-steps-dot-size, 8px);height:var(--x-steps-dot-size, 8px);border-radius:100%;background-color:var(--x-steps-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)));display:block;-webkit-transition:all 0.3s;transition:all 0.3s}:host([_type=dot]) .x-steps-item-title::after,:host([_progress-dot]) .x-steps-item-title::after{top:calc(var(--x-steps-dot-size, 8px) / 2)}:host([_type=dot].x-steps-item-process) .x-steps-icon-dot,:host([_progress-dot].x-steps-item-process) .x-steps-icon-dot{width:var(--x-steps-dot-current-size, 10px);height:var(--x-steps-dot-current-size, 10px);background-color:var(--x-steps-process-icon-bg, var(--x-color-primary, #1677ff))}:host([_type=dot].x-steps-item-finish) .x-steps-icon-dot,:host([_progress-dot].x-steps-item-finish) .x-steps-icon-dot{background-color:var(--x-steps-finish-icon-border-color, var(--x-color-primary, #1677ff))}:host([_direction=vertical]){display:block;overflow:visible;margin-bottom:0;-ms-flex:1 0 auto;flex:1 0 auto;margin-right:0}:host([_direction=vertical]) .x-steps-item-container{display:block;position:relative}:host([_direction=vertical]) .x-steps-item-tail{display:block;position:absolute;top:0;left:calc(var(--x-steps-icon-size, 32px) / 2);width:1px;height:100%;padding:var(--x-step-vertical-tail-padding, 38px 0 6px)}:host([_direction=vertical]) .x-steps-item-tail::after{width:1px;height:100%;background-color:var(--x-steps-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)));border-radius:var(--x-step-tail-border-radius, 1px);display:block;-webkit-transition:background 0.3s;transition:background 0.3s;content:""}:host([_direction=vertical]) .x-steps-item-icon{float:left;margin-right:16px;position:relative;z-index:1;background-color:var(--x-steps-bg, transparent)}:host([_direction=vertical]) .x-steps-item-content{display:block;min-height:48px;overflow:hidden;padding-bottom:var(--x-step-vertical-content-padding-bottom, var(--x-spacing-xl, 24px))}:host([_direction=vertical]) .x-steps-item-title{line-height:var(--x-steps-icon-size, 32px)}:host([_direction=vertical]) .x-steps-item-title::after{display:none}:host([_direction=vertical]) .x-steps-item-title{padding-bottom:0;max-width:none;margin-top:8px}:host([_direction=vertical]:last-child) .x-steps-item-tail{display:none}:host([_direction=vertical]:last-child) .x-steps-item-content{padding-bottom:0}:host([_direction=vertical][_type=dot]) .x-steps-item-icon,:host([_direction=vertical][_progress-dot]) .x-steps-item-icon{width:var(--x-steps-icon-size, 32px);margin-right:16px;text-align:center}:host([_direction=vertical][_type=dot]) .x-steps-icon-dot,:host([_direction=vertical][_progress-dot]) .x-steps-icon-dot{margin:0 auto}:host([_direction=vertical][_type=dot]) .x-steps-item-tail,:host([_direction=vertical][_progress-dot]) .x-steps-item-tail{left:calc(var(--x-steps-icon-size, 32px) / 2)}:host([_direction=vertical][_size=small]) .x-steps-item-tail{left:calc(var(--x-steps-small-icon-size, 24px) / 2);padding:var(--x-step-vertical-tail-padding-sm, 30px 0 6px)}:host([_direction=vertical][_size=small]) .x-steps-item-content{padding-bottom:var(--x-step-vertical-content-padding-bottom-sm, var(--x-padding-md, 16px))}:host([_direction=vertical][_size=small]) .x-steps-item-icon{width:var(--x-steps-small-icon-size, 24px);height:var(--x-steps-small-icon-size, 24px);line-height:var(--x-steps-small-icon-size, 24px);font-size:var(--x-steps-small-icon-font-size, 12px)}:host([_direction=vertical][_size=small]) .x-steps-item-title{line-height:var(--x-steps-small-icon-size, 24px)}:host([_type=navigation]){padding-bottom:12px;border-bottom:1px solid transparent;-webkit-transition:all 0.3s;transition:all 0.3s;margin-right:0}:host([_type=navigation]) .x-steps-item-container{display:inline-block;width:auto;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s}:host([_type=navigation]) .x-steps-item-content{display:block;width:auto;text-align:center}:host([_type=navigation]) .x-steps-item-tail{display:none}:host([_type=navigation]) .x-steps-item-title::after{display:none}:host([_type=navigation].x-steps-item-active){border-bottom-color:var(--x-steps-process-icon-bg, var(--x-color-primary, #1677ff))}:host([_type=inline]){-ms-flex:none;flex:none;margin-right:16px;width:auto}:host([_type=inline]) .x-steps-item-container{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}:host([_type=inline]) .x-steps-item-icon{width:24px;height:24px;line-height:24px;font-size:12px;margin-right:8px}:host([_type=inline]) .x-steps-item-title{font-size:14px;line-height:24px;padding-right:0}:host([_type=inline]) .x-steps-item-title::after{display:none}:host([_type=inline]) .x-steps-item-description{display:none}:host([_type=inline]) .x-steps-item-tail{display:none}:host([_type=panel]){-ms-flex:1;flex:1;margin-right:4px;overflow:visible}:host([_type=panel]) .x-steps-item-container{display:block;padding:0 12px;height:48px;line-height:48px;background:#f5f5f5;-webkit-transition:background 0.3s;transition:background 0.3s;border-radius:2px;position:relative;text-align:left}:host([_type=panel]) .x-steps-item-title{line-height:inherit;padding-right:0;font-weight:500;color:rgba(0, 0, 0, 0.65)}:host([_type=panel]) .x-steps-item-title::after{display:none}:host([_type=panel]) .x-steps-item-tail{display:none}:host([_type=panel]) .x-steps-item-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start;height:100%}:host([_type=panel]) .x-steps-item-icon{background:transparent;border:0;width:auto;height:auto;margin-right:8px}:host([_type=panel]:last-child){margin-right:0}:host([_type=panel].x-steps-item-process) .x-steps-item-container{background:#e6f7ff;border:1px solid var(--x-steps-process-icon-bg, var(--x-color-primary, #1677ff))}:host([_type=panel].x-steps-item-active) .x-steps-item-title{color:var(--x-steps-process-icon-bg, var(--x-color-primary, #1677ff))}:host([_type=panel].x-steps-item-finish) .x-steps-item-container{background:#f0f5ff}.x-steps-progress-icon{position:relative;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.x-steps-progress-icon svg{position:absolute;left:0;top:0;width:100%;height:100%}.x-steps-progress-trail{stroke:#f5f5f5}.x-steps-progress-path{stroke:var(--x-steps-process-icon-border-color, var(--x-color-primary, #1677ff))}:host(.x-steps-item-with-progress.x-steps-item-process) .x-steps-item-icon{border:0;background:transparent}:host(.x-steps-item-with-progress.x-steps-item-process) .x-steps-icon{color:var(--x-steps-process-icon-color, var(--x-color-white, #ffffff));z-index:1}`;
 
 const XStep = class {
     constructor(hostRef) {
@@ -119,14 +119,14 @@ const XStep = class {
         }
         // Finish status - check icon
         if (this.status === 'finish') {
-            return (h("span", { class: "x-steps-icon", part: "icon-inner" }, h("x-icon", { name: 'check' })));
+            return (h("span", { class: "x-steps-icon", part: "icon-inner" }, h("x-icon", { name: "check" })));
         }
         // Error status - close icon
         if (this.status === 'error') {
-            return (h("span", { class: "x-steps-icon", part: "icon-inner" }, h("x-icon", { name: 'close' })));
+            return (h("span", { class: "x-steps-icon", part: "icon-inner" }, h("x-icon", { name: "close" })));
         }
         // Default - show step number
-        const iconContent = h("span", { class: "x-steps-icon", part: "icon-inner" }, this._stepNumber);
+        const iconContent = (h("span", { class: "x-steps-icon", part: "icon-inner" }, this._stepNumber));
         // Progress circle logic
         if (this.percent !== undefined && this.status === 'process') {
             const diameter = this._size === 'small' ? 24 : 32;
@@ -139,7 +139,7 @@ const XStep = class {
             return (h("div", { class: "x-steps-progress-icon" }, h("svg", { viewBox: `0 0 ${diameter} ${diameter}`, width: "100%", height: "100%" }, h("path", { class: "x-steps-progress-trail", d: `M ${diameter / 2},${diameter / 2} m 0,-${radius} a ${radius},${radius} 0 1 1 0,${2 * radius} a ${radius},${radius} 0 1 1 0,-${2 * radius}`, "stroke-width": strokeWidth, "fill-opacity": "0" }), h("path", { class: "x-steps-progress-path", d: `M ${diameter / 2},${diameter / 2} m 0,-${radius} a ${radius},${radius} 0 1 1 0,${2 * radius} a ${radius},${radius} 0 1 1 0,-${2 * radius}`, "stroke-width": strokeWidth, "stroke-linecap": "round", "fill-opacity": "0", style: {
                     strokeDasharray: `${circumference} ${circumference}`,
                     strokeDashoffset: `${offset}`,
-                    transition: 'stroke-dashoffset 0.3s ease 0s, stroke-dasharray 0.3s ease 0s, stroke 0.3s, stroke-width 0.06s ease 0.3s, opacity .3s ease 0s'
+                    transition: 'stroke-dashoffset 0.3s ease 0s, stroke-dasharray 0.3s ease 0s, stroke 0.3s, stroke-width 0.06s ease 0.3s, opacity .3s ease 0s',
                 } })), iconContent));
         }
         return iconContent;
@@ -169,7 +169,7 @@ const XStep = class {
             'x-steps-item-clickable': this._clickable && !this.disabled,
             'x-steps-item-with-progress': this.percent !== undefined,
         };
-        return (h(Host, { key: '0a30a2ec552e3262b31f6903877f54a85c04ebf0', class: hostClasses, onClick: this.handleClick }, h("div", { key: 'bef7a534c4e6a5ada9be216a98a59015ddc33d7f', class: "x-steps-item-container", part: "container" }, h("div", { key: 'c1f221e983d1a7d3dbe2343496a3d663a5ec10c0', class: "x-steps-item-tail", part: "rail" }), h("div", { key: '1f981fd53fccb39649fe4967f0ef33ee8e058266', class: "x-steps-item-icon", part: "icon" }, this.renderIcon()), h("div", { key: '069998504f2fcf1c7fa7f7a98b8b68b034df0af8', class: "x-steps-item-content", part: "content" }, h("div", { key: '2df06b645db442e5648aaa3d6710a8205a47d454', class: "x-steps-item-title", part: "title" }, this.stepTitle, this.subTitle && h("span", { key: '8fdbf4bcdf8edd6d3750d33b3ae318e9c97903df', class: "x-steps-item-subtitle", part: "subtitle" }, this.subTitle)), this.description && h("div", { key: 'b1fafcab57961a23c00ff8e82311209313b66308', class: "x-steps-item-description", part: "description" }, this.description), h("slot", { key: '8544b702d5510891c2e6b93d7c73061e43131dca' })))));
+        return (h(Host, { key: 'f96533a2b3cef82e91e0856c2a604a19871474bf', class: hostClasses, onClick: this.handleClick }, h("div", { key: '8e563e5c4a0c7b6a497202e69cbacbd1046a07c1', class: "x-steps-item-container", part: "container" }, h("div", { key: '15aedd34d22ba46bce35f2576d1c9bf941743984', class: "x-steps-item-tail", part: "rail" }), h("div", { key: '8653fdf0b34b8729c311586e5693effd2ecb8845', class: "x-steps-item-icon", part: "icon" }, this.renderIcon()), h("div", { key: 'a6ad2b33540458d02e06fee304a4064450dd07db', class: "x-steps-item-content", part: "content" }, h("div", { key: '94e1617f6e0523dfa30deb5f56ba4124dbbb85ac', class: "x-steps-item-title", part: "title" }, this.stepTitle, this.subTitle && (h("span", { key: '0668f7eacdbf48ba7881598671297b38ad47492a', class: "x-steps-item-subtitle", part: "subtitle" }, this.subTitle))), this.description && (h("div", { key: 'b712c9be6b2f02547ba71e0b39dd5dc32988a0d8', class: "x-steps-item-description", part: "description" }, this.description)), h("slot", { key: '33c5302a27aa88602bf0b0f3f1eb8d6fee53339f' })))));
     }
 };
 XStep.style = xStepCss();

package/dist/esm/x-steps.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-ig_mFsVk.js';
+import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-BMTt8QT3.js';
 
-const xStepsCss = () => `@charset "UTF-8";:root{--x-color-primary:#1677ff;--x-color-primary-rgb:22, 119, 255;--x-color-primary-contrast:#ffffff;--x-color-primary-contrast-rgb:255, 255, 255;--x-color-primary-shade:#0958d9;--x-color-primary-tint:#4096ff;--x-color-primary-bg:#e6f4ff;--x-color-primary-bg-hover:#bae0ff;--x-color-primary-border:#91caff;--x-color-primary-border-hover:#69b1ff;--x-color-primary-hover:#4096ff;--x-color-primary-active:#0958d9;--x-color-primary-text:#1677ff;--x-color-primary-text-hover:#4096ff;--x-color-primary-text-active:#0958d9;--x-color-secondary:#3dc2ff;--x-color-secondary-rgb:61, 194, 255;--x-color-secondary-contrast:#ffffff;--x-color-secondary-contrast-rgb:255, 255, 255;--x-color-secondary-shade:#36abe0;--x-color-secondary-tint:#50c8ff;--x-color-success:#52c41a;--x-color-success-rgb:82, 196, 26;--x-color-success-contrast:#ffffff;--x-color-success-contrast-rgb:255, 255, 255;--x-color-success-shade:#389e0d;--x-color-success-tint:#73d13d;--x-color-success-bg:#f6ffed;--x-color-success-bg-hover:#d9f7be;--x-color-success-border:#b7eb8f;--x-color-success-border-hover:#95de64;--x-color-success-hover:#73d13d;--x-color-success-active:#389e0d;--x-color-success-text:#52c41a;--x-color-success-text-hover:#73d13d;--x-color-success-text-active:#389e0d;--x-color-warning:#faad14;--x-color-warning-rgb:250, 173, 20;--x-color-warning-contrast:#000000;--x-color-warning-contrast-rgb:0, 0, 0;--x-color-warning-shade:#d48806;--x-color-warning-tint:#ffc53d;--x-color-warning-bg:#fffbe6;--x-color-warning-bg-hover:#fff1b8;--x-color-warning-border:#ffe58f;--x-color-warning-border-hover:#ffd666;--x-color-warning-hover:#ffc53d;--x-color-warning-active:#d48806;--x-color-warning-text:#faad14;--x-color-warning-text-hover:#ffc53d;--x-color-warning-text-active:#d48806;--x-color-danger:#ff4d4f;--x-color-danger-rgb:255, 77, 79;--x-color-danger-contrast:#ffffff;--x-color-danger-contrast-rgb:255, 255, 255;--x-color-danger-shade:#cf1322;--x-color-danger-tint:#ff7875;--x-color-error:#ff4d4f;--x-color-error-rgb:255, 77, 79;--x-color-error-bg:#fff2f0;--x-color-error-bg-hover:#ffccc7;--x-color-error-border:#ffa39e;--x-color-error-border-hover:#ff7875;--x-color-error-hover:#ff7875;--x-color-error-active:#d9363e;--x-color-error-text:#ff4d4f;--x-color-error-text-hover:#ff7875;--x-color-error-text-active:#d9363e;--x-color-info:#1677ff;--x-color-info-rgb:22, 119, 255;--x-color-info-bg:#e6f4ff;--x-color-info-bg-hover:#bae0ff;--x-color-info-border:#91caff;--x-color-info-border-hover:#69b1ff;--x-color-info-hover:#69b1ff;--x-color-info-active:#0958d9;--x-color-info-text:#1677ff;--x-color-info-text-hover:#69b1ff;--x-color-info-text-active:#0958d9;--x-color-text:rgba(0, 0, 0, 0.88);--x-color-text-secondary:rgba(0, 0, 0, 0.65);--x-color-text-tertiary:rgba(0, 0, 0, 0.45);--x-color-text-quaternary:rgba(0, 0, 0, 0.25);--x-color-text-disabled:rgba(0, 0, 0, 0.25);--x-color-text-placeholder:rgba(0, 0, 0, 0.25);--x-color-text-heading:rgba(0, 0, 0, 0.88);--x-color-text-label:rgba(0, 0, 0, 0.65);--x-color-text-description:rgba(0, 0, 0, 0.45);--x-color-text-light-solid:#ffffff;--x-color-bg-container:#ffffff;--x-color-bg-elevated:#ffffff;--x-color-bg-layout:#f5f5f5;--x-color-bg-spotlight:rgba(0, 0, 0, 0.85);--x-color-bg-mask:rgba(0, 0, 0, 0.45);--x-color-bg-base:#ffffff;--x-color-bg-container-disabled:#f5f5f5;--x-color-bg-container-loading:rgba(255, 255, 255, 0.65);--x-color-white:#ffffff;--x-color-fill:rgba(0, 0, 0, 0.15);--x-color-fill-secondary:rgba(0, 0, 0, 0.06);--x-color-fill-tertiary:rgba(0, 0, 0, 0.04);--x-color-fill-quaternary:rgba(0, 0, 0, 0.02);--x-color-border:#d9d9d9;--x-color-border-secondary:#f0f0f0;--x-color-border-bg:#ffffff;--x-color-split:rgba(5, 5, 5, 0.06);--x-color-dark:#222428;--x-color-dark-rgb:34, 36, 40;--x-color-dark-contrast:#ffffff;--x-color-dark-contrast-rgb:255, 255, 255;--x-color-dark-shade:#1e2023;--x-color-dark-tint:#383a3e;--x-color-medium:#92949c;--x-color-medium-rgb:146, 148, 156;--x-color-medium-contrast:#ffffff;--x-color-medium-contrast-rgb:255, 255, 255;--x-color-medium-shade:#808289;--x-color-medium-tint:#9d9fa6;--x-color-light:#f4f5f8;--x-color-light-rgb:244, 245, 248;--x-color-light-contrast:#000000;--x-color-light-contrast-rgb:0, 0, 0;--x-color-light-shade:#d7d8da;--x-color-light-tint:#f5f6f9;--x-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";--x-font-family-code:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--x-font-size:14px;--x-font-size-sm:12px;--x-font-size-lg:16px;--x-font-size-xl:20px;--x-font-size-heading-1:38px;--x-font-size-heading-2:30px;--x-font-size-heading-3:24px;--x-font-size-heading-4:20px;--x-font-size-heading-5:16px;--x-line-height:1.5714285714285714;--x-line-height-lg:1.5;--x-line-height-sm:1.6666666666666667;--x-line-height-heading-1:1.2105263157894737;--x-line-height-heading-2:1.2666666666666666;--x-line-height-heading-3:1.3333333333333333;--x-line-height-heading-4:1.4;--x-line-height-heading-5:1.5;--x-font-weight-normal:400;--x-font-weight-medium:500;--x-font-weight-semibold:600;--x-font-weight-strong:600;--x-font-size-base:14px;--x-font-size-xxl:24px;--x-line-height-base:1.5714285714285714;--x-spacing-xxs:4px;--x-spacing-xs:8px;--x-spacing-sm:12px;--x-spacing-md:16px;--x-spacing-lg:20px;--x-spacing-xl:24px;--x-spacing-xxl:32px;--x-spacing-xxxl:48px;--x-margin-xxs:4px;--x-margin-xs:8px;--x-margin-sm:12px;--x-margin-md:16px;--x-margin-lg:24px;--x-margin-xl:32px;--x-margin-xxl:48px;--x-padding-xxs:4px;--x-padding-xs:8px;--x-padding-sm:12px;--x-padding-md:16px;--x-padding-lg:24px;--x-padding-content-horizontal-lg:24px;--x-padding-content-vertical-lg:12px;--x-padding-content-horizontal:16px;--x-padding-content-vertical:12px;--x-padding-content-horizontal-sm:16px;--x-padding-content-vertical-sm:8px;--x-border-radius:6px;--x-border-radius-xs:2px;--x-border-radius-sm:4px;--x-border-radius-lg:8px;--x-border-radius-xl:12px;--x-border-radius-outer:4px;--x-border-radius-base:6px;--x-border-width:1px;--x-border-width-base:1px;--x-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-shadow-lg:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-box-shadow-popover-arrow:2px 2px 5px rgba(0, 0, 0, 0.05);--x-box-shadow-card:0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);--x-box-shadow-drawer-right:-6px 0 16px 0 rgba(0, 0, 0, 0.08), -3px 0 6px -4px rgba(0, 0, 0, 0.12), -9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-left:6px 0 16px 0 rgba(0, 0, 0, 0.08), 3px 0 6px -4px rgba(0, 0, 0, 0.12), 9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-up:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-down:0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tabs-overflow-left:inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-right:inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-top:inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-bottom:inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);--x-motion-duration-fast:0.1s;--x-motion-duration-mid:0.2s;--x-motion-duration-slow:0.3s;--x-motion-ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--x-motion-ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--x-motion-ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--x-motion-ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--x-motion-ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--x-motion-ease-in-out-circle:cubic-bezier(0.78, 0.14, 0.15, 0.86);--x-motion-ease-out-circle:cubic-bezier(0.08, 0.82, 0.17, 1);--x-motion-ease-in-circle:cubic-bezier(0.6, 0.04, 0.98, 0.34);--x-motion-ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--x-motion-ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--x-z-index-base:0;--x-z-index-popup-base:1000;--x-z-index-popup:1030;--x-z-index-affix:10;--x-z-index-modal:1000;--x-z-index-modal-mask:1000;--x-z-index-drawer:1000;--x-z-index-popover:1030;--x-z-index-dropdown:1050;--x-z-index-tooltip:1070;--x-z-index-notification:1080;--x-z-index-message:1090;--x-z-index-popconfirm:1060;--x-z-index-table-fixed:10;--x-opacity-loading:0.65;--x-opacity-image:1;--x-opacity-disabled:0.5;--x-control-height:32px;--x-control-height-xs:24px;--x-control-height-sm:24px;--x-control-height-lg:40px;--x-control-radio-size:16px;--x-control-checkbox-size:16px;--x-control-padding-horizontal:12px;--x-control-padding-horizontal-sm:8px;--x-control-outline-width:2px;--x-control-outline:rgba(5, 145, 255, 0.1);--x-control-item-bg-hover:rgba(0, 0, 0, 0.04);--x-control-item-bg-active:#e6f4ff;--x-control-item-bg-active-hover:#bae0ff;--x-control-item-bg-active-disabled:rgba(0, 0, 0, 0.15);--x-control-tmp-outline:rgba(0, 0, 0, 0.02);--x-color-yellow:#fadb14;--x-color-yellow-rgb:250, 219, 20;--x-font-family-base:var(--x-font-family);--x-color-link:#1677ff;--x-color-link-hover:#69b1ff;--x-color-link-active:#0958d9;--x-color-icon:rgba(0, 0, 0, 0.45);--x-color-icon-hover:rgba(0, 0, 0, 0.88);--x-color-highlight:#ff4d4f;--x-color-bg-text-hover:rgba(0, 0, 0, 0.06);--x-color-bg-text-active:rgba(0, 0, 0, 0.15);--x-screen-xs:480px;--x-screen-xs-min:480px;--x-screen-xs-max:575px;--x-screen-sm:576px;--x-screen-sm-min:576px;--x-screen-sm-max:767px;--x-screen-md:768px;--x-screen-md-min:768px;--x-screen-md-max:991px;--x-screen-lg:992px;--x-screen-lg-min:992px;--x-screen-lg-max:1199px;--x-screen-xl:1200px;--x-screen-xl-min:1200px;--x-screen-xl-max:1599px;--x-screen-xxl:1600px;--x-screen-xxl-min:1600px;--x-color-fill-content:rgba(0, 0, 0, 0.06);--x-color-fill-content-hover:rgba(0, 0, 0, 0.15);--x-color-fill-alter:rgba(0, 0, 0, 0.02);--x-scrollbar-width:12px;--x-scrollbar-track-bg:rgba(0, 0, 0, 0.04);--x-scrollbar-thumb-bg:rgba(0, 0, 0, 0.25);--x-scrollbar-thumb-bg-hover:rgba(0, 0, 0, 0.35);--x-menu-dark-bg:#001529;--x-menu-dark-item-bg:#001529;--x-menu-dark-popup-bg:#001529;--x-menu-dark-submenu-item-bg:#000c17}:host{display:-ms-flexbox;display:flex;width:100%;font-size:0;text-align:initial;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.x-steps-horizontal){-ms-flex-direction:row;flex-direction:row}:host(.x-steps-vertical){-ms-flex-direction:column;flex-direction:column}.x-steps-item{position:relative;display:inline-block;-ms-flex:1;flex:1;overflow:hidden;vertical-align:top;margin-right:var(--x-steps-item-margin-right, var(--x-margin-md, 16px));white-space:nowrap}.x-steps-item:last-child{-ms-flex:none;flex:none;margin-right:0}.x-steps-item:last-child .x-steps-item-tail,.x-steps-item:last-child .x-steps-item-title::after{display:none !important}.x-steps-item-container{display:inline-block;vertical-align:top;outline:none}.x-steps-item-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--x-steps-icon-size, 32px);height:var(--x-steps-icon-size, 32px);margin-right:var(--x-steps-icon-margin-right, var(--x-margin-xs, 8px));font-size:var(--x-steps-icon-font-size, 16px);font-family:var(--x-font-family);line-height:var(--x-steps-icon-size, 32px);text-align:center;border:1px solid transparent;border-radius:var(--x-steps-icon-size, 32px);-webkit-transition:background-color var(--x-steps-motion-duration, 0.3s), border-color var(--x-steps-motion-duration, 0.3s);transition:background-color var(--x-steps-motion-duration, 0.3s), border-color var(--x-steps-motion-duration, 0.3s)}.x-steps-icon{position:relative;top:var(--x-steps-icon-offset-top, -1px);color:inherit;line-height:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.x-steps-item-content{display:inline-block;vertical-align:top}.x-steps-item-title{position:relative;display:inline-block;padding-right:var(--x-steps-title-padding-right, var(--x-padding-md, 16px));color:var(--x-steps-title-color, var(--x-color-text-disabled, rgba(0, 0, 0, 0.45)));font-size:var(--x-steps-title-font-size, var(--x-font-size-lg, 16px));line-height:var(--x-steps-title-line-height, 32px)}.x-steps-item-title::after{position:absolute;top:calc(var(--x-steps-icon-size, 32px) / 2);left:100%;display:block;width:9999px;height:1px;background:var(--x-steps-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)));content:""}.x-steps-item-subtitle{display:inline;margin-left:var(--x-steps-subtitle-margin-left, var(--x-margin-xs, 8px));color:var(--x-steps-subtitle-color, var(--x-color-text-description, rgba(0, 0, 0, 0.45)));font-size:var(--x-steps-font-size, var(--x-font-size, 14px));font-weight:normal}.x-steps-item-description{max-width:var(--x-steps-description-max-width, 140px);color:var(--x-steps-description-color, var(--x-color-text-description, rgba(0, 0, 0, 0.45)));font-size:var(--x-steps-description-font-size, var(--x-font-size, 14px));line-height:var(--x-steps-line-height, var(--x-line-height, 1.5714285714));white-space:normal}.x-steps-item-tail{display:none}.x-steps-item-wait .x-steps-item-icon{background-color:var(--x-steps-icon-bg, var(--x-color-bg-container, #ffffff));border-color:var(--x-steps-icon-border-color, var(--x-color-text-disabled, rgba(0, 0, 0, 0.25)))}.x-steps-item-wait .x-steps-item-icon>.x-steps-icon{color:var(--x-steps-icon-color, var(--x-color-text-disabled, rgba(0, 0, 0, 0.25)))}.x-steps-item-wait .x-steps-item-title{color:var(--x-steps-title-color, var(--x-color-text-disabled, rgba(0, 0, 0, 0.45)))}.x-steps-item-wait .x-steps-item-title::after{background-color:var(--x-steps-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}.x-steps-item-wait .x-steps-item-description{color:var(--x-steps-description-color, var(--x-color-text-description, rgba(0, 0, 0, 0.45)))}.x-steps-item-wait .x-steps-item-tail::after{background-color:var(--x-steps-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}.x-steps-item-process .x-steps-item-icon{background-color:var(--x-steps-process-icon-bg, var(--x-color-primary, #1677ff));border-color:var(--x-steps-process-icon-border-color, var(--x-color-primary, #1677ff))}.x-steps-item-process .x-steps-item-icon>.x-steps-icon{color:var(--x-steps-process-icon-color, var(--x-color-white, #ffffff))}.x-steps-item-process .x-steps-item-title{color:var(--x-steps-process-title-color, var(--x-color-text-heading, rgba(0, 0, 0, 0.88)));font-weight:var(--x-steps-process-title-font-weight, 500)}.x-steps-item-process .x-steps-item-title::after{background-color:var(--x-steps-process-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}.x-steps-item-process .x-steps-item-description{color:var(--x-steps-process-description-color, var(--x-color-text, rgba(0, 0, 0, 0.88)))}.x-steps-item-process .x-steps-item-tail::after{background-color:var(--x-steps-process-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}.x-steps-item-finish .x-steps-item-icon{background-color:var(--x-steps-finish-icon-bg, var(--x-color-bg-container, #ffffff));border-color:var(--x-steps-finish-icon-border-color, var(--x-color-primary, #1677ff))}.x-steps-item-finish .x-steps-item-icon>.x-steps-icon{color:var(--x-steps-finish-icon-color, var(--x-color-primary, #1677ff))}.x-steps-item-finish .x-steps-item-title{color:var(--x-steps-finish-title-color, var(--x-color-text-heading, rgba(0, 0, 0, 0.88)))}.x-steps-item-finish .x-steps-item-title::after{background-color:var(--x-steps-finish-tail-color, var(--x-color-primary, #1677ff))}.x-steps-item-finish .x-steps-item-description{color:var(--x-steps-finish-description-color, var(--x-color-text-description, rgba(0, 0, 0, 0.45)))}.x-steps-item-finish .x-steps-item-tail::after{background-color:var(--x-steps-finish-tail-color, var(--x-color-primary, #1677ff))}.x-steps-item-error .x-steps-item-icon{background-color:var(--x-steps-error-icon-bg, var(--x-color-bg-container, #ffffff));border-color:var(--x-steps-error-icon-border-color, var(--x-color-error, #ff4d4f))}.x-steps-item-error .x-steps-item-icon>.x-steps-icon{color:var(--x-steps-error-icon-color, var(--x-color-error, #ff4d4f))}.x-steps-item-error .x-steps-item-title{color:var(--x-steps-error-title-color, var(--x-color-error, #ff4d4f))}.x-steps-item-error .x-steps-item-title::after{background-color:var(--x-steps-error-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}.x-steps-item-error .x-steps-item-description{color:var(--x-steps-error-description-color, var(--x-color-error, #ff4d4f))}.x-steps-item-error .x-steps-item-tail::after{background-color:var(--x-steps-error-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}.x-steps-item-clickable{cursor:pointer}.x-steps-item-clickable .x-steps-item-title,.x-steps-item-clickable .x-steps-item-description,.x-steps-item-clickable .x-steps-item-icon{-webkit-transition:color var(--x-steps-motion-duration, 0.3s);transition:color var(--x-steps-motion-duration, 0.3s)}.x-steps-item-clickable:hover .x-steps-item-title,.x-steps-item-clickable:hover .x-steps-item-description{color:var(--x-steps-item-hover-color, var(--x-color-primary-hover, #4096ff))}.x-steps-item-clickable:hover .x-steps-item-icon{border-color:var(--x-steps-item-hover-color, var(--x-color-primary-hover, #4096ff))}.x-steps-item-clickable:hover .x-steps-item-icon>.x-steps-icon{color:var(--x-steps-item-hover-color, var(--x-color-primary-hover, #4096ff))}:host(.x-steps-small) .x-steps-item-icon{width:var(--x-steps-small-icon-size, 24px);height:var(--x-steps-small-icon-size, 24px);line-height:var(--x-steps-small-icon-size, 24px);margin-right:var(--x-steps-icon-margin-right, var(--x-margin-xs, 8px));font-size:var(--x-steps-small-icon-font-size, 12px)}:host(.x-steps-small) .x-steps-item-title{font-size:var(--x-steps-font-size, var(--x-font-size, 14px));line-height:var(--x-steps-small-icon-size, 24px);padding-right:var(--x-steps-small-title-padding-right, 12px)}:host(.x-steps-small) .x-steps-item-title::after{top:calc(var(--x-steps-small-icon-size, 24px) / 2)}:host(.x-steps-small) .x-steps-item-description{font-size:var(--x-steps-font-size-sm, var(--x-font-size-sm, 12px));color:var(--x-steps-subtitle-color, var(--x-color-text-description, rgba(0, 0, 0, 0.45)))}:host(.x-steps-small) .x-steps-item-tail{top:var(--x-steps-vertical-small-tail-top, 8px);padding:var(--x-steps-vertical-tail-padding-sm, 30px 0 6px)}:host(.x-steps-vertical){-ms-flex-direction:column;flex-direction:column}:host(.x-steps-vertical) .x-steps-item{display:block;overflow:visible;margin-bottom:0;-ms-flex:1 0 auto;flex:1 0 auto;margin-right:0}:host(.x-steps-vertical) .x-steps-item-container{display:block;position:relative}:host(.x-steps-vertical) .x-steps-item-tail{display:block;position:absolute;top:0;left:calc(var(--x-steps-icon-size, 32px) / 2);width:var(--x-steps-vertical-tail-width, 1px);height:100%;padding:var(--x-steps-vertical-tail-padding, 38px 0 6px)}:host(.x-steps-vertical) .x-steps-item-tail::after{width:var(--x-steps-vertical-tail-width, 1px);height:100%;background-color:var(--x-steps-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)));border-radius:var(--x-steps-tail-border-radius, 1px);display:block;-webkit-transition:background var(--x-steps-motion-duration, 0.3s);transition:background var(--x-steps-motion-duration, 0.3s);content:""}:host(.x-steps-vertical) .x-steps-item-icon{float:left;margin-right:var(--x-steps-item-margin-right, var(--x-margin-md, 16px));position:relative;z-index:1;background-color:var(--x-steps-bg, transparent)}:host(.x-steps-vertical) .x-steps-item-content{display:block;min-height:var(--x-steps-vertical-content-min-height, 48px);overflow:hidden;padding-bottom:var(--x-steps-vertical-content-padding-bottom, var(--x-spacing-xl, 24px))}:host(.x-steps-vertical) .x-steps-item-title{line-height:var(--x-steps-icon-size, 32px)}:host(.x-steps-vertical) .x-steps-item-title::after{display:none}:host(.x-steps-vertical) .x-steps-item-description{padding-bottom:0;max-width:none}:host(.x-steps-vertical) .x-steps-item:last-child .x-steps-item-tail{display:none}:host(.x-steps-vertical) .x-steps-item:last-child .x-steps-item-content{padding-bottom:0}:host(.x-steps-vertical).x-steps-small .x-steps-item-tail{left:calc(var(--x-steps-small-icon-size, 24px) / 2);padding:var(--x-steps-vertical-tail-padding-sm, 30px 0 6px)}:host(.x-steps-vertical).x-steps-small .x-steps-item-content{padding-bottom:var(--x-steps-vertical-content-padding-bottom-sm, var(--x-padding-md, 16px))}:host(.x-steps-dot) .x-steps-item-icon{width:var(--x-steps-dot-size, 8px);height:var(--x-steps-dot-size, 8px);border:0;background:transparent;margin-right:0;padding-right:0;width:auto;height:auto;line-height:0;margin-left:var(--x-steps-dot-margin-left, 2px)}:host(.x-steps-dot) .x-steps-icon-dot{width:var(--x-steps-dot-size, 8px);height:var(--x-steps-dot-size, 8px);border-radius:100%;background-color:var(--x-steps-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)));display:block;-webkit-transition:all var(--x-steps-motion-duration, 0.3s);transition:all var(--x-steps-motion-duration, 0.3s)}:host(.x-steps-dot) .x-steps-item-process .x-steps-icon-dot{width:var(--x-steps-dot-current-size, 10px);height:var(--x-steps-dot-current-size, 10px);background-color:var(--x-steps-process-icon-bg, var(--x-color-primary, #1677ff))}:host(.x-steps-dot) .x-steps-item-finish .x-steps-icon-dot{background-color:var(--x-steps-finish-icon-border-color, var(--x-color-primary, #1677ff))}:host(.x-steps-dot) .x-steps-item-tail{display:none}:host(.x-steps-dot) .x-steps-item-title::after{top:calc(var(--x-steps-dot-size, 8px) / 2);height:var(--x-steps-dot-tail-height, 3px);background:var(--x-steps-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}:host(.x-steps-label-vertical) .x-steps-item{overflow:visible}:host(.x-steps-label-vertical) .x-steps-item-container{display:block;width:var(--x-steps-label-vertical-item-width, 120px);text-align:center}:host(.x-steps-label-vertical) .x-steps-item-tail{display:block;position:absolute;left:50%;width:100%;top:calc(var(--x-steps-icon-size, 32px) / 2);padding:var(--x-steps-label-vertical-tail-padding, 0 24px);margin-left:0}:host(.x-steps-label-vertical) .x-steps-item-tail::after{display:block;width:100%;height:var(--x-steps-label-vertical-tail-height, 1px);background:var(--x-steps-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)));content:""}:host(.x-steps-label-vertical) .x-steps-item-icon{display:inline-block;margin-left:0;margin-right:0}:host(.x-steps-label-vertical) .x-steps-item-content{display:block;width:100%;margin-top:var(--x-steps-label-vertical-content-margin-top, var(--x-margin-sm, 12px));text-align:center}:host(.x-steps-label-vertical) .x-steps-item-title{padding-right:0;display:block}:host(.x-steps-label-vertical) .x-steps-item-title::after{display:none}:host(.x-steps-label-vertical) .x-steps-item-subtitle{display:block;margin:var(--x-steps-subtitle-margin-top, 4px) 0 0}:host(.x-steps-label-vertical) .x-steps-item-description{text-align:center;margin:auto}:host(.x-steps-navigation){padding-top:var(--x-steps-nav-padding-top, 12px)}:host(.x-steps-navigation) .x-steps-item{-ms-flex:1;flex:1;text-align:center;margin-right:0;padding-bottom:var(--x-steps-nav-item-padding-bottom, 12px);border-bottom:var(--x-steps-nav-item-border-width, 1px) solid transparent;-webkit-transition:all var(--x-steps-motion-duration, 0.3s);transition:all var(--x-steps-motion-duration, 0.3s)}:host(.x-steps-navigation) .x-steps-item::after{display:none}:host(.x-steps-navigation) .x-steps-item-container{display:inline-block;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform var(--x-steps-motion-duration, 0.3s);transition:-webkit-transform var(--x-steps-motion-duration, 0.3s);transition:transform var(--x-steps-motion-duration, 0.3s);transition:transform var(--x-steps-motion-duration, 0.3s), -webkit-transform var(--x-steps-motion-duration, 0.3s)}:host(.x-steps-navigation) .x-steps-item-content{display:block;width:auto;text-align:center}:host(.x-steps-navigation) .x-steps-item-tail{display:none}:host(.x-steps-navigation) .x-steps-item-active{border-bottom-color:var(--x-steps-process-icon-bg, var(--x-color-primary, #1677ff))}:host(.x-steps-navigation) .x-steps-item-title::after{display:none}:host(.x-steps-inline){width:auto;display:-ms-inline-flexbox;display:inline-flex}:host(.x-steps-inline) .x-steps-item{-ms-flex:none;flex:none;margin-right:var(--x-steps-inline-item-margin-right, 16px)}:host(.x-steps-inline) .x-steps-item-icon{width:var(--x-steps-inline-icon-size, 24px);height:var(--x-steps-inline-icon-size, 24px);line-height:var(--x-steps-inline-icon-size, 24px);font-size:var(--x-steps-inline-icon-font-size, 12px);margin-right:var(--x-steps-inline-icon-margin-right, 8px)}:host(.x-steps-inline) .x-steps-item-title{font-size:var(--x-steps-inline-title-font-size, 14px);line-height:var(--x-steps-inline-icon-size, 24px);padding-right:0}:host(.x-steps-inline) .x-steps-item-title::after{display:none}:host(.x-steps-inline) .x-steps-item-description{display:none}:host(.x-steps-inline) .x-steps-item-tail{display:none}:host(.x-steps-panel){background:transparent}:host(.x-steps-panel) .x-steps-item{-ms-flex:1;flex:1;margin-right:0;overflow:visible}:host(.x-steps-panel) .x-steps-item:not(:last-child){margin-right:var(--x-steps-panel-item-gap, 4px)}:host(.x-steps-panel) .x-steps-item-container{display:block;padding:var(--x-steps-panel-container-padding, 0 12px);height:var(--x-steps-panel-container-height, 48px);line-height:var(--x-steps-panel-container-height, 48px);background:var(--x-steps-panel-container-bg, #f5f5f5);-webkit-transition:background var(--x-steps-motion-duration, 0.3s);transition:background var(--x-steps-motion-duration, 0.3s);border-radius:var(--x-steps-panel-container-border-radius, 2px);position:relative;text-align:left}:host(.x-steps-panel) .x-steps-item-tail,:host(.x-steps-panel) .x-steps-item-title::after{display:none}:host(.x-steps-panel) .x-steps-item-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}:host(.x-steps-panel) .x-steps-item-title{line-height:inherit;padding-right:0;font-weight:var(--x-steps-panel-title-font-weight, 500);color:var(--x-steps-panel-title-color, rgba(0, 0, 0, 0.65))}:host(.x-steps-panel) .x-steps-item-icon{background:transparent;border:0;width:auto;height:auto;margin-right:var(--x-steps-inline-icon-margin-right, 8px)}:host(.x-steps-panel) .x-steps-item-process .x-steps-item-container{background:var(--x-steps-panel-process-bg, #e6f7ff);border:var(--x-steps-panel-item-border-width, 1px) solid var(--x-steps-process-icon-bg, var(--x-color-primary, #1677ff))}:host(.x-steps-panel) .x-steps-item-active .x-steps-item-title{color:var(--x-steps-process-icon-bg, var(--x-color-primary, #1677ff))}:host(.x-steps-panel) .x-steps-item-finish .x-steps-item-container{background:var(--x-steps-panel-finish-bg, #f0f5ff)}`;
+const xStepsCss = () => `@charset "UTF-8";:root{--x-color-primary:#1677ff;--x-color-primary-rgb:22, 119, 255;--x-color-primary-contrast:#ffffff;--x-color-primary-contrast-rgb:255, 255, 255;--x-color-primary-shade:#0958d9;--x-color-primary-tint:#4096ff;--x-color-primary-bg:#e6f4ff;--x-color-primary-bg-hover:#bae0ff;--x-color-primary-border:#91caff;--x-color-primary-border-hover:#69b1ff;--x-color-primary-hover:#4096ff;--x-color-primary-active:#0958d9;--x-color-primary-text:#1677ff;--x-color-primary-text-hover:#4096ff;--x-color-primary-text-active:#0958d9;--x-color-secondary:#3dc2ff;--x-color-secondary-rgb:61, 194, 255;--x-color-secondary-contrast:#ffffff;--x-color-secondary-contrast-rgb:255, 255, 255;--x-color-secondary-shade:#36abe0;--x-color-secondary-tint:#50c8ff;--x-color-success:#52c41a;--x-color-success-rgb:82, 196, 26;--x-color-success-contrast:#ffffff;--x-color-success-contrast-rgb:255, 255, 255;--x-color-success-shade:#389e0d;--x-color-success-tint:#73d13d;--x-color-success-bg:#f6ffed;--x-color-success-bg-hover:#d9f7be;--x-color-success-border:#b7eb8f;--x-color-success-border-hover:#95de64;--x-color-success-hover:#73d13d;--x-color-success-active:#389e0d;--x-color-success-text:#52c41a;--x-color-success-text-hover:#73d13d;--x-color-success-text-active:#389e0d;--x-color-warning:#faad14;--x-color-warning-rgb:250, 173, 20;--x-color-warning-contrast:#000000;--x-color-warning-contrast-rgb:0, 0, 0;--x-color-warning-shade:#d48806;--x-color-warning-tint:#ffc53d;--x-color-warning-bg:#fffbe6;--x-color-warning-bg-hover:#fff1b8;--x-color-warning-border:#ffe58f;--x-color-warning-border-hover:#ffd666;--x-color-warning-hover:#ffc53d;--x-color-warning-active:#d48806;--x-color-warning-text:#faad14;--x-color-warning-text-hover:#ffc53d;--x-color-warning-text-active:#d48806;--x-color-danger:#ff4d4f;--x-color-danger-rgb:255, 77, 79;--x-color-danger-contrast:#ffffff;--x-color-danger-contrast-rgb:255, 255, 255;--x-color-danger-shade:#cf1322;--x-color-danger-tint:#ff7875;--x-color-error:#ff4d4f;--x-color-error-rgb:255, 77, 79;--x-color-error-bg:#fff2f0;--x-color-error-bg-hover:#ffccc7;--x-color-error-border:#ffa39e;--x-color-error-border-hover:#ff7875;--x-color-error-hover:#ff7875;--x-color-error-active:#d9363e;--x-color-error-text:#ff4d4f;--x-color-error-text-hover:#ff7875;--x-color-error-text-active:#d9363e;--x-color-info:#1677ff;--x-color-info-rgb:22, 119, 255;--x-color-info-bg:#e6f4ff;--x-color-info-bg-hover:#bae0ff;--x-color-info-border:#91caff;--x-color-info-border-hover:#69b1ff;--x-color-info-hover:#69b1ff;--x-color-info-active:#0958d9;--x-color-info-text:#1677ff;--x-color-info-text-hover:#69b1ff;--x-color-info-text-active:#0958d9;--x-color-text:rgba(0, 0, 0, 0.88);--x-color-text-secondary:rgba(0, 0, 0, 0.65);--x-color-text-tertiary:rgba(0, 0, 0, 0.45);--x-color-text-quaternary:rgba(0, 0, 0, 0.25);--x-color-text-disabled:rgba(0, 0, 0, 0.25);--x-color-text-placeholder:rgba(0, 0, 0, 0.25);--x-color-text-heading:rgba(0, 0, 0, 0.88);--x-color-text-label:rgba(0, 0, 0, 0.65);--x-color-text-description:rgba(0, 0, 0, 0.45);--x-color-text-light-solid:#ffffff;--x-color-text-processing:#ffffff;--x-color-bg-container:#ffffff;--x-color-bg-elevated:#ffffff;--x-color-bg-layout:#f5f5f5;--x-color-bg-spotlight:rgba(0, 0, 0, 0.85);--x-color-bg-mask:rgba(0, 0, 0, 0.45);--x-color-bg-base:#ffffff;--x-color-bg-container-disabled:#f5f5f5;--x-color-bg-container-loading:rgba(255, 255, 255, 0.65);--x-color-white:#ffffff;--x-color-fill:rgba(0, 0, 0, 0.15);--x-color-fill-secondary:rgba(0, 0, 0, 0.06);--x-color-fill-tertiary:rgba(0, 0, 0, 0.04);--x-color-fill-quaternary:rgba(0, 0, 0, 0.02);--x-color-border:#d9d9d9;--x-color-border-secondary:#f0f0f0;--x-color-border-bg:#ffffff;--x-color-split:rgba(5, 5, 5, 0.06);--x-color-dark:#222428;--x-color-dark-rgb:34, 36, 40;--x-color-dark-contrast:#ffffff;--x-color-dark-contrast-rgb:255, 255, 255;--x-color-dark-shade:#1e2023;--x-color-dark-tint:#383a3e;--x-color-medium:#92949c;--x-color-medium-rgb:146, 148, 156;--x-color-medium-contrast:#ffffff;--x-color-medium-contrast-rgb:255, 255, 255;--x-color-medium-shade:#808289;--x-color-medium-tint:#9d9fa6;--x-color-light:#f4f5f8;--x-color-light-rgb:244, 245, 248;--x-color-light-contrast:#000000;--x-color-light-contrast-rgb:0, 0, 0;--x-color-light-shade:#d7d8da;--x-color-light-tint:#f5f6f9;--x-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';--x-font-family-code:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;--x-font-size:14px;--x-font-size-sm:12px;--x-font-size-lg:16px;--x-font-size-xl:20px;--x-font-size-heading-1:38px;--x-font-size-heading-2:30px;--x-font-size-heading-3:24px;--x-font-size-heading-4:20px;--x-font-size-heading-5:16px;--x-line-height:1.5714285714285714;--x-line-height-lg:1.5;--x-line-height-sm:1.6666666666666667;--x-line-height-heading-1:1.2105263157894737;--x-line-height-heading-2:1.2666666666666666;--x-line-height-heading-3:1.3333333333333333;--x-line-height-heading-4:1.4;--x-line-height-heading-5:1.5;--x-font-weight-normal:400;--x-font-weight-medium:500;--x-font-weight-semibold:600;--x-font-weight-strong:600;--x-font-size-base:14px;--x-font-size-xxl:24px;--x-line-height-base:1.5714285714285714;--x-spacing-xxs:4px;--x-spacing-xs:8px;--x-spacing-sm:12px;--x-spacing-md:16px;--x-spacing-lg:20px;--x-spacing-xl:24px;--x-spacing-xxl:32px;--x-spacing-xxxl:48px;--x-margin-xxs:4px;--x-margin-xs:8px;--x-margin-sm:12px;--x-margin-md:16px;--x-margin-lg:24px;--x-margin-xl:32px;--x-margin-xxl:48px;--x-padding-xxs:4px;--x-padding-xs:8px;--x-padding-sm:12px;--x-padding-md:16px;--x-padding-lg:24px;--x-padding-content-horizontal-lg:24px;--x-padding-content-vertical-lg:12px;--x-padding-content-horizontal:16px;--x-padding-content-vertical:12px;--x-padding-content-horizontal-sm:16px;--x-padding-content-vertical-sm:8px;--x-border-radius:6px;--x-border-radius-xs:2px;--x-border-radius-sm:4px;--x-border-radius-lg:8px;--x-border-radius-xl:12px;--x-border-radius-outer:4px;--x-border-radius-base:6px;--x-border-width:1px;--x-border-width-base:1px;--x-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-shadow-lg:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-secondary:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tertiary:0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);--x-box-shadow-popover-arrow:2px 2px 5px rgba(0, 0, 0, 0.05);--x-box-shadow-card:0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);--x-box-shadow-drawer-right:-6px 0 16px 0 rgba(0, 0, 0, 0.08), -3px 0 6px -4px rgba(0, 0, 0, 0.12), -9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-left:6px 0 16px 0 rgba(0, 0, 0, 0.08), 3px 0 6px -4px rgba(0, 0, 0, 0.12), 9px 0 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-up:0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-drawer-down:0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05);--x-box-shadow-tabs-overflow-left:inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-right:inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-top:inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);--x-box-shadow-tabs-overflow-bottom:inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);--x-motion-duration-fast:0.1s;--x-motion-duration-mid:0.2s;--x-motion-duration-slow:0.3s;--x-motion-ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--x-motion-ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--x-motion-ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--x-motion-ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--x-motion-ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--x-motion-ease-in-out-circle:cubic-bezier(0.78, 0.14, 0.15, 0.86);--x-motion-ease-out-circle:cubic-bezier(0.08, 0.82, 0.17, 1);--x-motion-ease-in-circle:cubic-bezier(0.6, 0.04, 0.98, 0.34);--x-motion-ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--x-motion-ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--x-z-index-base:0;--x-z-index-popup-base:1000;--x-z-index-popup:1030;--x-z-index-affix:10;--x-z-index-modal:1000;--x-z-index-modal-mask:1000;--x-z-index-drawer:1000;--x-z-index-popover:1030;--x-z-index-dropdown:1050;--x-z-index-tooltip:1070;--x-z-index-notification:1080;--x-z-index-message:1090;--x-z-index-popconfirm:1060;--x-z-index-table-fixed:10;--x-opacity-loading:0.65;--x-opacity-image:1;--x-opacity-disabled:0.5;--x-control-height:32px;--x-control-height-xs:24px;--x-control-height-sm:24px;--x-control-height-lg:40px;--x-control-radio-size:16px;--x-control-checkbox-size:16px;--x-control-padding-horizontal:12px;--x-control-padding-horizontal-sm:8px;--x-control-outline-width:2px;--x-control-outline:rgba(5, 145, 255, 0.1);--x-control-item-bg-hover:rgba(0, 0, 0, 0.04);--x-control-item-bg-active:#e6f4ff;--x-control-item-bg-active-hover:#bae0ff;--x-control-item-bg-active-disabled:rgba(0, 0, 0, 0.15);--x-control-tmp-outline:rgba(0, 0, 0, 0.02);--x-color-yellow:#fadb14;--x-color-yellow-rgb:250, 219, 20;--x-font-family-base:var(--x-font-family);--x-color-link:#1677ff;--x-color-link-hover:#69b1ff;--x-color-link-active:#0958d9;--x-color-icon:rgba(0, 0, 0, 0.45);--x-color-icon-hover:rgba(0, 0, 0, 0.88);--x-color-highlight:#ff4d4f;--x-color-bg-text-hover:rgba(0, 0, 0, 0.06);--x-color-bg-text-active:rgba(0, 0, 0, 0.15);--x-screen-xs:480px;--x-screen-xs-min:480px;--x-screen-xs-max:575px;--x-screen-sm:576px;--x-screen-sm-min:576px;--x-screen-sm-max:767px;--x-screen-md:768px;--x-screen-md-min:768px;--x-screen-md-max:991px;--x-screen-lg:992px;--x-screen-lg-min:992px;--x-screen-lg-max:1199px;--x-screen-xl:1200px;--x-screen-xl-min:1200px;--x-screen-xl-max:1599px;--x-screen-xxl:1600px;--x-screen-xxl-min:1600px;--x-color-fill-content:rgba(0, 0, 0, 0.06);--x-color-fill-content-hover:rgba(0, 0, 0, 0.15);--x-color-fill-alter:rgba(0, 0, 0, 0.02);--x-scrollbar-width:12px;--x-scrollbar-track-bg:rgba(0, 0, 0, 0.04);--x-scrollbar-thumb-bg:rgba(0, 0, 0, 0.25);--x-scrollbar-thumb-bg-hover:rgba(0, 0, 0, 0.35);--x-menu-dark-bg:#001529;--x-menu-dark-item-bg:#001529;--x-menu-dark-popup-bg:#001529;--x-menu-dark-submenu-item-bg:#000c17}:host{display:-ms-flexbox;display:flex;width:100%;font-size:0;text-align:initial;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.x-steps-horizontal){-ms-flex-direction:row;flex-direction:row}:host(.x-steps-vertical){-ms-flex-direction:column;flex-direction:column}.x-steps-item{position:relative;display:inline-block;-ms-flex:1;flex:1;overflow:hidden;vertical-align:top;margin-right:var(--x-steps-item-margin-right, var(--x-margin-md, 16px));white-space:nowrap}.x-steps-item:last-child{-ms-flex:none;flex:none;margin-right:0}.x-steps-item:last-child .x-steps-item-tail,.x-steps-item:last-child .x-steps-item-title::after{display:none !important}.x-steps-item-container{display:inline-block;vertical-align:top;outline:none}.x-steps-item-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--x-steps-icon-size, 32px);height:var(--x-steps-icon-size, 32px);margin-right:var(--x-steps-icon-margin-right, var(--x-margin-xs, 8px));font-size:var(--x-steps-icon-font-size, 16px);font-family:var(--x-font-family);line-height:var(--x-steps-icon-size, 32px);text-align:center;border:1px solid transparent;border-radius:var(--x-steps-icon-size, 32px);-webkit-transition:background-color var(--x-steps-motion-duration, 0.3s), border-color var(--x-steps-motion-duration, 0.3s);transition:background-color var(--x-steps-motion-duration, 0.3s), border-color var(--x-steps-motion-duration, 0.3s)}.x-steps-icon{position:relative;top:var(--x-steps-icon-offset-top, -1px);color:inherit;line-height:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.x-steps-item-content{display:inline-block;vertical-align:top}.x-steps-item-title{position:relative;display:inline-block;padding-right:var(--x-steps-title-padding-right, var(--x-padding-md, 16px));color:var(--x-steps-title-color, var(--x-color-text-disabled, rgba(0, 0, 0, 0.45)));font-size:var(--x-steps-title-font-size, var(--x-font-size-lg, 16px));line-height:var(--x-steps-title-line-height, 32px)}.x-steps-item-title::after{position:absolute;top:calc(var(--x-steps-icon-size, 32px) / 2);left:100%;display:block;width:9999px;height:1px;background:var(--x-steps-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)));content:""}.x-steps-item-subtitle{display:inline;margin-left:var(--x-steps-subtitle-margin-left, var(--x-margin-xs, 8px));color:var(--x-steps-subtitle-color, var(--x-color-text-description, rgba(0, 0, 0, 0.45)));font-size:var(--x-steps-font-size, var(--x-font-size, 14px));font-weight:normal}.x-steps-item-description{max-width:var(--x-steps-description-max-width, 140px);color:var(--x-steps-description-color, var(--x-color-text-description, rgba(0, 0, 0, 0.45)));font-size:var(--x-steps-description-font-size, var(--x-font-size, 14px));line-height:var(--x-steps-line-height, var(--x-line-height, 1.5714285714));white-space:normal}.x-steps-item-tail{display:none}.x-steps-item-wait .x-steps-item-icon{background-color:var(--x-steps-icon-bg, var(--x-color-bg-container, #ffffff));border-color:var(--x-steps-icon-border-color, var(--x-color-text-disabled, rgba(0, 0, 0, 0.25)))}.x-steps-item-wait .x-steps-item-icon>.x-steps-icon{color:var(--x-steps-icon-color, var(--x-color-text-disabled, rgba(0, 0, 0, 0.25)))}.x-steps-item-wait .x-steps-item-title{color:var(--x-steps-title-color, var(--x-color-text-disabled, rgba(0, 0, 0, 0.45)))}.x-steps-item-wait .x-steps-item-title::after{background-color:var(--x-steps-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}.x-steps-item-wait .x-steps-item-description{color:var(--x-steps-description-color, var(--x-color-text-description, rgba(0, 0, 0, 0.45)))}.x-steps-item-wait .x-steps-item-tail::after{background-color:var(--x-steps-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}.x-steps-item-process .x-steps-item-icon{background-color:var(--x-steps-process-icon-bg, var(--x-color-primary, #1677ff));border-color:var(--x-steps-process-icon-border-color, var(--x-color-primary, #1677ff))}.x-steps-item-process .x-steps-item-icon>.x-steps-icon{color:var(--x-steps-process-icon-color, var(--x-color-white, #ffffff))}.x-steps-item-process .x-steps-item-title{color:var(--x-steps-process-title-color, var(--x-color-text-heading, rgba(0, 0, 0, 0.88)));font-weight:var(--x-steps-process-title-font-weight, 500)}.x-steps-item-process .x-steps-item-title::after{background-color:var(--x-steps-process-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}.x-steps-item-process .x-steps-item-description{color:var(--x-steps-process-description-color, var(--x-color-text, rgba(0, 0, 0, 0.88)))}.x-steps-item-process .x-steps-item-tail::after{background-color:var(--x-steps-process-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}.x-steps-item-finish .x-steps-item-icon{background-color:var(--x-steps-finish-icon-bg, var(--x-color-bg-container, #ffffff));border-color:var(--x-steps-finish-icon-border-color, var(--x-color-primary, #1677ff))}.x-steps-item-finish .x-steps-item-icon>.x-steps-icon{color:var(--x-steps-finish-icon-color, var(--x-color-primary, #1677ff))}.x-steps-item-finish .x-steps-item-title{color:var(--x-steps-finish-title-color, var(--x-color-text-heading, rgba(0, 0, 0, 0.88)))}.x-steps-item-finish .x-steps-item-title::after{background-color:var(--x-steps-finish-tail-color, var(--x-color-primary, #1677ff))}.x-steps-item-finish .x-steps-item-description{color:var(--x-steps-finish-description-color, var(--x-color-text-description, rgba(0, 0, 0, 0.45)))}.x-steps-item-finish .x-steps-item-tail::after{background-color:var(--x-steps-finish-tail-color, var(--x-color-primary, #1677ff))}.x-steps-item-error .x-steps-item-icon{background-color:var(--x-steps-error-icon-bg, var(--x-color-bg-container, #ffffff));border-color:var(--x-steps-error-icon-border-color, var(--x-color-error, #ff4d4f))}.x-steps-item-error .x-steps-item-icon>.x-steps-icon{color:var(--x-steps-error-icon-color, var(--x-color-error, #ff4d4f))}.x-steps-item-error .x-steps-item-title{color:var(--x-steps-error-title-color, var(--x-color-error, #ff4d4f))}.x-steps-item-error .x-steps-item-title::after{background-color:var(--x-steps-error-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}.x-steps-item-error .x-steps-item-description{color:var(--x-steps-error-description-color, var(--x-color-error, #ff4d4f))}.x-steps-item-error .x-steps-item-tail::after{background-color:var(--x-steps-error-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}.x-steps-item-clickable{cursor:pointer}.x-steps-item-clickable .x-steps-item-title,.x-steps-item-clickable .x-steps-item-description,.x-steps-item-clickable .x-steps-item-icon{-webkit-transition:color var(--x-steps-motion-duration, 0.3s);transition:color var(--x-steps-motion-duration, 0.3s)}.x-steps-item-clickable:hover .x-steps-item-title,.x-steps-item-clickable:hover .x-steps-item-description{color:var(--x-steps-item-hover-color, var(--x-color-primary-hover, #4096ff))}.x-steps-item-clickable:hover .x-steps-item-icon{border-color:var(--x-steps-item-hover-color, var(--x-color-primary-hover, #4096ff))}.x-steps-item-clickable:hover .x-steps-item-icon>.x-steps-icon{color:var(--x-steps-item-hover-color, var(--x-color-primary-hover, #4096ff))}:host(.x-steps-small) .x-steps-item-icon{width:var(--x-steps-small-icon-size, 24px);height:var(--x-steps-small-icon-size, 24px);line-height:var(--x-steps-small-icon-size, 24px);margin-right:var(--x-steps-icon-margin-right, var(--x-margin-xs, 8px));font-size:var(--x-steps-small-icon-font-size, 12px)}:host(.x-steps-small) .x-steps-item-title{font-size:var(--x-steps-font-size, var(--x-font-size, 14px));line-height:var(--x-steps-small-icon-size, 24px);padding-right:var(--x-steps-small-title-padding-right, 12px)}:host(.x-steps-small) .x-steps-item-title::after{top:calc(var(--x-steps-small-icon-size, 24px) / 2)}:host(.x-steps-small) .x-steps-item-description{font-size:var(--x-steps-font-size-sm, var(--x-font-size-sm, 12px));color:var(--x-steps-subtitle-color, var(--x-color-text-description, rgba(0, 0, 0, 0.45)))}:host(.x-steps-small) .x-steps-item-tail{top:var(--x-steps-vertical-small-tail-top, 8px);padding:var(--x-steps-vertical-tail-padding-sm, 30px 0 6px)}:host(.x-steps-vertical){-ms-flex-direction:column;flex-direction:column}:host(.x-steps-vertical) .x-steps-item{display:block;overflow:visible;margin-bottom:0;-ms-flex:1 0 auto;flex:1 0 auto;margin-right:0}:host(.x-steps-vertical) .x-steps-item-container{display:block;position:relative}:host(.x-steps-vertical) .x-steps-item-tail{display:block;position:absolute;top:0;left:calc(var(--x-steps-icon-size, 32px) / 2);width:var(--x-steps-vertical-tail-width, 1px);height:100%;padding:var(--x-steps-vertical-tail-padding, 38px 0 6px)}:host(.x-steps-vertical) .x-steps-item-tail::after{width:var(--x-steps-vertical-tail-width, 1px);height:100%;background-color:var(--x-steps-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)));border-radius:var(--x-steps-tail-border-radius, 1px);display:block;-webkit-transition:background var(--x-steps-motion-duration, 0.3s);transition:background var(--x-steps-motion-duration, 0.3s);content:""}:host(.x-steps-vertical) .x-steps-item-icon{float:left;margin-right:var(--x-steps-item-margin-right, var(--x-margin-md, 16px));position:relative;z-index:1;background-color:var(--x-steps-bg, transparent)}:host(.x-steps-vertical) .x-steps-item-content{display:block;min-height:var(--x-steps-vertical-content-min-height, 48px);overflow:hidden;padding-bottom:var(--x-steps-vertical-content-padding-bottom, var(--x-spacing-xl, 24px))}:host(.x-steps-vertical) .x-steps-item-title{line-height:var(--x-steps-icon-size, 32px)}:host(.x-steps-vertical) .x-steps-item-title::after{display:none}:host(.x-steps-vertical) .x-steps-item-description{padding-bottom:0;max-width:none}:host(.x-steps-vertical) .x-steps-item:last-child .x-steps-item-tail{display:none}:host(.x-steps-vertical) .x-steps-item:last-child .x-steps-item-content{padding-bottom:0}:host(.x-steps-vertical).x-steps-small .x-steps-item-tail{left:calc(var(--x-steps-small-icon-size, 24px) / 2);padding:var(--x-steps-vertical-tail-padding-sm, 30px 0 6px)}:host(.x-steps-vertical).x-steps-small .x-steps-item-content{padding-bottom:var(--x-steps-vertical-content-padding-bottom-sm, var(--x-padding-md, 16px))}:host(.x-steps-dot) .x-steps-item-icon{width:var(--x-steps-dot-size, 8px);height:var(--x-steps-dot-size, 8px);border:0;background:transparent;margin-right:0;padding-right:0;width:auto;height:auto;line-height:0;margin-left:var(--x-steps-dot-margin-left, 2px)}:host(.x-steps-dot) .x-steps-icon-dot{width:var(--x-steps-dot-size, 8px);height:var(--x-steps-dot-size, 8px);border-radius:100%;background-color:var(--x-steps-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)));display:block;-webkit-transition:all var(--x-steps-motion-duration, 0.3s);transition:all var(--x-steps-motion-duration, 0.3s)}:host(.x-steps-dot) .x-steps-item-process .x-steps-icon-dot{width:var(--x-steps-dot-current-size, 10px);height:var(--x-steps-dot-current-size, 10px);background-color:var(--x-steps-process-icon-bg, var(--x-color-primary, #1677ff))}:host(.x-steps-dot) .x-steps-item-finish .x-steps-icon-dot{background-color:var(--x-steps-finish-icon-border-color, var(--x-color-primary, #1677ff))}:host(.x-steps-dot) .x-steps-item-tail{display:none}:host(.x-steps-dot) .x-steps-item-title::after{top:calc(var(--x-steps-dot-size, 8px) / 2);height:var(--x-steps-dot-tail-height, 3px);background:var(--x-steps-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}:host(.x-steps-label-vertical) .x-steps-item{overflow:visible}:host(.x-steps-label-vertical) .x-steps-item-container{display:block;width:var(--x-steps-label-vertical-item-width, 120px);text-align:center}:host(.x-steps-label-vertical) .x-steps-item-tail{display:block;position:absolute;left:50%;width:100%;top:calc(var(--x-steps-icon-size, 32px) / 2);padding:var(--x-steps-label-vertical-tail-padding, 0 24px);margin-left:0}:host(.x-steps-label-vertical) .x-steps-item-tail::after{display:block;width:100%;height:var(--x-steps-label-vertical-tail-height, 1px);background:var(--x-steps-tail-color, var(--x-color-split, rgba(5, 5, 5, 0.06)));content:""}:host(.x-steps-label-vertical) .x-steps-item-icon{display:inline-block;margin-left:0;margin-right:0}:host(.x-steps-label-vertical) .x-steps-item-content{display:block;width:100%;margin-top:var(--x-steps-label-vertical-content-margin-top, var(--x-margin-sm, 12px));text-align:center}:host(.x-steps-label-vertical) .x-steps-item-title{padding-right:0;display:block}:host(.x-steps-label-vertical) .x-steps-item-title::after{display:none}:host(.x-steps-label-vertical) .x-steps-item-subtitle{display:block;margin:var(--x-steps-subtitle-margin-top, 4px) 0 0}:host(.x-steps-label-vertical) .x-steps-item-description{text-align:center;margin:auto}:host(.x-steps-navigation){padding-top:var(--x-steps-nav-padding-top, 12px)}:host(.x-steps-navigation) .x-steps-item{-ms-flex:1;flex:1;text-align:center;margin-right:0;padding-bottom:var(--x-steps-nav-item-padding-bottom, 12px);border-bottom:var(--x-steps-nav-item-border-width, 1px) solid transparent;-webkit-transition:all var(--x-steps-motion-duration, 0.3s);transition:all var(--x-steps-motion-duration, 0.3s)}:host(.x-steps-navigation) .x-steps-item::after{display:none}:host(.x-steps-navigation) .x-steps-item-container{display:inline-block;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform var(--x-steps-motion-duration, 0.3s);transition:-webkit-transform var(--x-steps-motion-duration, 0.3s);transition:transform var(--x-steps-motion-duration, 0.3s);transition:transform var(--x-steps-motion-duration, 0.3s), -webkit-transform var(--x-steps-motion-duration, 0.3s)}:host(.x-steps-navigation) .x-steps-item-content{display:block;width:auto;text-align:center}:host(.x-steps-navigation) .x-steps-item-tail{display:none}:host(.x-steps-navigation) .x-steps-item-active{border-bottom-color:var(--x-steps-process-icon-bg, var(--x-color-primary, #1677ff))}:host(.x-steps-navigation) .x-steps-item-title::after{display:none}:host(.x-steps-inline){width:auto;display:-ms-inline-flexbox;display:inline-flex}:host(.x-steps-inline) .x-steps-item{-ms-flex:none;flex:none;margin-right:var(--x-steps-inline-item-margin-right, 16px)}:host(.x-steps-inline) .x-steps-item-icon{width:var(--x-steps-inline-icon-size, 24px);height:var(--x-steps-inline-icon-size, 24px);line-height:var(--x-steps-inline-icon-size, 24px);font-size:var(--x-steps-inline-icon-font-size, 12px);margin-right:var(--x-steps-inline-icon-margin-right, 8px)}:host(.x-steps-inline) .x-steps-item-title{font-size:var(--x-steps-inline-title-font-size, 14px);line-height:var(--x-steps-inline-icon-size, 24px);padding-right:0}:host(.x-steps-inline) .x-steps-item-title::after{display:none}:host(.x-steps-inline) .x-steps-item-description{display:none}:host(.x-steps-inline) .x-steps-item-tail{display:none}:host(.x-steps-panel){background:transparent}:host(.x-steps-panel) .x-steps-item{-ms-flex:1;flex:1;margin-right:0;overflow:visible}:host(.x-steps-panel) .x-steps-item:not(:last-child){margin-right:var(--x-steps-panel-item-gap, 4px)}:host(.x-steps-panel) .x-steps-item-container{display:block;padding:var(--x-steps-panel-container-padding, 0 12px);height:var(--x-steps-panel-container-height, 48px);line-height:var(--x-steps-panel-container-height, 48px);background:var(--x-steps-panel-container-bg, #f5f5f5);-webkit-transition:background var(--x-steps-motion-duration, 0.3s);transition:background var(--x-steps-motion-duration, 0.3s);border-radius:var(--x-steps-panel-container-border-radius, 2px);position:relative;text-align:left}:host(.x-steps-panel) .x-steps-item-tail,:host(.x-steps-panel) .x-steps-item-title::after{display:none}:host(.x-steps-panel) .x-steps-item-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}:host(.x-steps-panel) .x-steps-item-title{line-height:inherit;padding-right:0;font-weight:var(--x-steps-panel-title-font-weight, 500);color:var(--x-steps-panel-title-color, rgba(0, 0, 0, 0.65))}:host(.x-steps-panel) .x-steps-item-icon{background:transparent;border:0;width:auto;height:auto;margin-right:var(--x-steps-inline-icon-margin-right, 8px)}:host(.x-steps-panel) .x-steps-item-process .x-steps-item-container{background:var(--x-steps-panel-process-bg, #e6f7ff);border:var(--x-steps-panel-item-border-width, 1px) solid var(--x-steps-process-icon-bg, var(--x-color-primary, #1677ff))}:host(.x-steps-panel) .x-steps-item-active .x-steps-item-title{color:var(--x-steps-process-icon-bg, var(--x-color-primary, #1677ff))}:host(.x-steps-panel) .x-steps-item-finish .x-steps-item-container{background:var(--x-steps-panel-finish-bg, #f0f5ff)}`;
 
 const XSteps = class {
     constructor(hostRef) {
@@ -361,7 +361,7 @@ const XSteps = class {
                 // x-steps has @Event xStepClick. This is outgoing.
                 // x-steps needs to listen to incoming 'xStepClick' from children.
                 // I need to add @Listen('xStepClick') in x-steps.tsx.
-                onClick: (e) => {
+                onClick: e => {
                     // Stop propagation if needed, but we rely on custom event
                     e.stopPropagation();
                 }, onXStepClick: (e) => {
@@ -391,11 +391,9 @@ const XSteps = class {
     render() {
         const hasItems = this.items && this.items.length > 0;
         // Favor labelPlacement, fallback to titlePlacement if labelPlacement is default (this logic depends on usage, but here assume labelPlacement is primary)
-        // Actually, to support deprecated correctly: if titlePlacement is set (and not default), use it? 
+        // Actually, to support deprecated correctly: if titlePlacement is set (and not default), use it?
         // Simplified: use titlePlacement only if labelPlacement is 'horizontal' (default) and titlePlacement is NOT 'horizontal'.
-        const effectiveLabelPlacement = (this.labelPlacement === 'horizontal' && this.titlePlacement !== 'horizontal')
-            ? this.titlePlacement
-            : this.labelPlacement;
+        const effectiveLabelPlacement = this.labelPlacement === 'horizontal' && this.titlePlacement !== 'horizontal' ? this.titlePlacement : this.labelPlacement;
         const classes = {
             'x-steps': true,
             [`x-steps-${this.internalDirection}`]: true,
@@ -406,7 +404,7 @@ const XSteps = class {
             [`x-steps-label-${effectiveLabelPlacement}`]: this.internalDirection === 'horizontal',
             [this.classNames?.root ?? '']: !!this.classNames?.root,
         };
-        return (h(Host, { key: 'd8e38e332addd002b428fb4678a30a7757f21514', class: classes, style: this.styles?.root }, hasItems ? this.renderItems() : h("slot", { onSlotchange: () => this.updateSteps() })));
+        return (h(Host, { key: '4b129fad201a39b061ff513296e4d2c5dc75dc22', class: classes, style: this.styles?.root }, hasItems ? this.renderItems() : h("slot", { onSlotchange: () => this.updateSteps() })));
     }
     static get watchers() { return {
         "current": [{