@xlabs-store/core 0.0.1

package/dist/esm/x-page-header.entry.js

@@ -0,0 +1,65 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-ig_mFsVk.js';
+
+const xPageHeaderCss = () => `@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;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:var(--x-page-header-padding-vertical, var(--x-spacing-lg, 24px)) var(--x-page-header-padding-horizontal, var(--x-spacing-xl, 32px));color:var(--x-page-header-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));font-size:var(--x-page-header-font-size, var(--x-font-size-base, 14px));line-height:var(--x-page-header-line-height, var(--x-line-height-base, 1.5714285714));list-style:none;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";background-color:var(--x-page-header-bg, var(--x-color-bg-container, #ffffff))}.x-page-header-heading{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.x-page-header-heading-left{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:var(--x-page-header-heading-margin, var(--x-spacing-xxs, 4px)) 0;overflow:hidden}.x-page-header-heading-title{margin-right:var(--x-page-header-title-margin-right, var(--x-spacing-md, 16px));margin-bottom:0;color:var(--x-page-header-title-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));font-weight:var(--x-page-header-title-font-weight, var(--x-font-weight-semibold, 600));font-size:var(--x-page-header-title-font-size, var(--x-font-size-xl, 20px));line-height:var(--x-page-header-title-line-height, var(--x-control-height-lg, 40px));overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-page-header-heading-sub-title{margin-right:var(--x-page-header-subtitle-margin-right, var(--x-spacing-md, 16px));color:var(--x-page-header-subtitle-color, var(--x-color-text-secondary, rgba(0, 0, 0, 0.45)));font-size:var(--x-page-header-subtitle-font-size, var(--x-font-size-base, 14px));line-height:var(--x-page-header-line-height, var(--x-line-height-base, 1.5714285714))}.x-page-header-heading-tags{margin-top:var(--x-page-header-heading-margin, var(--x-spacing-xxs, 4px)) 0}.x-page-header-heading-extra{margin:var(--x-page-header-heading-margin, var(--x-spacing-xxs, 4px)) 0;white-space:nowrap}.x-page-header-back{margin-right:var(--x-page-header-back-margin-right, var(--x-spacing-lg, 24px));font-size:var(--x-page-header-back-font-size, var(--x-font-size-lg, 16px));line-height:1;cursor:pointer}.x-page-header-back-button{color:var(--x-page-header-back-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));text-decoration:none;outline:none;-webkit-transition:color var(--x-page-header-motion-duration, var(--x-motion-duration-mid, 0.2s));transition:color var(--x-page-header-motion-duration, var(--x-motion-duration-mid, 0.2s))}.x-page-header-back-button:hover{color:var(--x-page-header-back-color-hover, var(--x-color-primary, #1677ff))}.x-page-header-content{padding-top:var(--x-page-header-content-padding-top, var(--x-spacing-md, 16px))}.x-page-header-footer{margin-top:var(--x-page-header-footer-margin-top, var(--x-spacing-lg, 24px))}`;
+
+const XPageHeader = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.xBack = createEvent(this, "xBack", 7);
+    }
+    /**
+     * Main title text.
+     * @example
+     * <x-page-header headerTitle="Title"></x-page-header>
+     */
+    headerTitle;
+    /**
+     * Subtitle text.
+     * @example
+     * <x-page-header subTitle="Sub"></x-page-header>
+     */
+    subTitle;
+    /**
+     * Whether to show back icon.
+     * @example
+     * <x-page-header backIcon={false}></x-page-header>
+     */
+    backIcon = true;
+    /**
+     * Emits when back button is clicked.
+     * @example
+     * <x-page-header onXBack={() => {}}></x-page-header>
+     */
+    xBack;
+    /**
+     * Emit back event.
+     * @returns void
+     * @example
+     * <x-page-header></x-page-header>
+     */
+    handleBack() {
+        this.xBack.emit();
+    }
+    /**
+     * Render header layout with slots for title, tags, extra, and footer.
+     *
+     * Flow:
+     * 1. Renders heading section:
+     *    - Back button (if enabled).
+     *    - Title and Subtitle (prop or slot).
+     *    - Tags.
+     *    - Extra content (right side).
+     * 2. Renders main content.
+     * 3. Renders footer.
+     *
+     * @returns JSX.Element
+     * @example
+     * <x-page-header headerTitle="Title" subTitle="Sub"></x-page-header>
+     */
+    render() {
+        return (h(Host, { key: '6758518becd28942908221de8ee09d10588ef636', class: "x-page-header" }, h("div", { key: '87ef2421c55a06173675361364e985b7d132c095', class: "x-page-header-heading" }, h("div", { key: '12d48a6a4f16853340c4e661434f428e2b4b5cba', class: "x-page-header-heading-left" }, this.backIcon && (h("div", { key: '71152960df84104308d39b9a5aeb91477b4f78f1', class: "x-page-header-back", onClick: () => this.handleBack() }, h("div", { key: 'afd5b61061e7e293350779308f823004fd88aabd', class: "x-page-header-back-button", role: "button", tabindex: "0" }, h("slot", { key: '099910d36ebc895ca267be24d31144991e045c91', name: "backIcon" }, h("span", { key: 'dd7037aecdec8a21c118a31b0ad3302e7aab1c4e', role: "img", "aria-label": "arrow-left", class: "anticon anticon-arrow-left" }, h("svg", { key: '8cbace2af5f55268fcf3d838bd81759d9beab805', viewBox: "64 64 896 896", focusable: "false", "data-icon": "arrow-left", width: "1em", height: "1em", fill: "currentColor", "aria-hidden": "true" }, h("path", { key: '7558104ad7a91240ac0be5888301b65fd584ae09', d: "M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z" }))))))), this.headerTitle && h("span", { key: 'd6577e799d33b93a9b34a4b30f173c9f5eb73973', class: "x-page-header-heading-title", title: this.headerTitle }, this.headerTitle), h("slot", { key: '07e699fe57fdb4b189f950b07b3818857ae0eb4e', name: "title" }), this.subTitle && h("span", { key: 'feccfe77194af04de00df0cd31dbd5017377adfc', class: "x-page-header-heading-sub-title", title: this.subTitle }, this.subTitle), h("slot", { key: 'fe0b0591d53a192dab09d8b4b7cb663049e6fce3', name: "subTitle" }), h("span", { key: '34a90ec4329a682d4339866f15cce8b1b3fe5251', class: "x-page-header-heading-tags" }, h("slot", { key: 'd1b1429f69ab870e996f2700a3cfa904839d906f', name: "tags" }))), h("div", { key: '4504b707b589c5e63f5b7c0fdaaace23fc59f78c', class: "x-page-header-heading-extra" }, h("slot", { key: 'ab10e4956aacdf2800ee5f6f3476306ae6d71af5', name: "extra" }))), h("div", { key: '75b83e04f895cc163788ac749c8c5a5329851eda', class: "x-page-header-content" }, h("slot", { key: 'f8488a71b5f6b6ba11a20b4f4c99404ed557b40f' })), h("div", { key: 'f3e01f4fca5b2eabf8e8792d58ec1f4ba8a41e98', class: "x-page-header-footer" }, h("slot", { key: 'ca2ec9ce350cf3a7ac687c1679c890449617296d', name: "footer" }))));
+    }
+};
+XPageHeader.style = xPageHeaderCss();
+
+export { XPageHeader as x_page_header };

package/dist/esm/x-popconfirm-content.entry.js

@@ -0,0 +1,70 @@
+import { r as registerInstance, a as getElement, h, H as Host } from './index-ig_mFsVk.js';
+import { t as translate } from './locale.service-D66tF8_2.js';
+
+const popconfirmContentCss = () => `@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-family:var(--x-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:var(--x-popconfirm-font-size, var(--x-font-size-base, 14px));line-height:var(--x-popconfirm-line-height, var(--x-line-height-base, 1.5714));color:var(--x-popconfirm-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));pointer-events:auto;z-index:var(--x-popconfirm-z-index, var(--x-z-index-popup, 1050))}.x-popconfirm-content{position:relative;display:block;-webkit-animation:x-popconfirm-fade-in 0.2s cubic-bezier(0.23, 1, 0.32, 1);animation:x-popconfirm-fade-in 0.2s cubic-bezier(0.23, 1, 0.32, 1)}@-webkit-keyframes x-popconfirm-fade-in{from{opacity:0;-webkit-transform:scale(0.95);transform:scale(0.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes x-popconfirm-fade-in{from{opacity:0;-webkit-transform:scale(0.95);transform:scale(0.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.x-popconfirm-inner{background-color:var(--x-popconfirm-bg, var(--x-color-bg-elevated, #ffffff));background-clip:padding-box;border-radius:var(--x-popconfirm-border-radius, var(--x-border-radius-lg, 8px));-webkit-box-shadow:var(--x-popconfirm-shadow, var(--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)));box-shadow:var(--x-popconfirm-shadow, var(--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)));overflow:hidden;min-width:var(--x-popconfirm-min-width, 160px);border:1px solid var(--x-color-border-secondary, #f0f0f0)}.x-popconfirm-inner-content{padding:var(--x-popconfirm-content-padding-vertical, var(--x-spacing-md, 16px)) var(--x-popconfirm-content-padding-horizontal, var(--x-spacing-lg, 24px));color:var(--x-popconfirm-color, var(--x-color-text, rgba(0, 0, 0, 0.88)))}.x-popconfirm-message{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;margin-bottom:var(--x-popconfirm-message-margin-bottom, var(--x-spacing-sm, 12px))}.x-popconfirm-message-icon{margin-right:var(--x-popconfirm-icon-margin-right, var(--x-spacing-sm, 12px));color:var(--x-popconfirm-icon-color, var(--x-color-warning, #faad14));font-size:var(--x-popconfirm-font-size, var(--x-font-size-base, 14px));display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:16px;height:16px;line-height:1;font-weight:bold;margin-top:2px}.x-popconfirm-buttons{text-align:right;margin-bottom:var(--x-popconfirm-buttons-margin-bottom, var(--x-spacing-xxs, 4px));display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;gap:var(--x-popconfirm-buttons-gap, var(--x-spacing-sm, 12px))}.x-popconfirm-arrow{position:absolute;width:10px;height:10px;background-color:var(--x-popconfirm-bg, var(--x-color-bg-elevated, #ffffff));-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:10;border:1px solid var(--x-color-border-secondary, #f0f0f0)}[class*=x-popconfirm-placement-bottom]{-webkit-transform-origin:top center;transform-origin:top center;padding-top:var(--x-popconfirm-placement-offset, 10px)}[class*=x-popconfirm-placement-bottom] .x-popconfirm-arrow{top:var(--x-popconfirm-placement-offset, 10px)-5px;left:50%;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);border-bottom:none;border-right:none}[class*=x-popconfirm-placement-top]{-webkit-transform-origin:bottom center;transform-origin:bottom center;padding-bottom:var(--x-popconfirm-placement-offset, 10px)}[class*=x-popconfirm-placement-top] .x-popconfirm-arrow{bottom:var(--x-popconfirm-placement-offset, 10px)-5px;left:50%;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);border-top:none;border-left:none}[class*=x-popconfirm-placement-left]{-webkit-transform-origin:right center;transform-origin:right center;padding-right:var(--x-popconfirm-placement-offset, 10px)}[class*=x-popconfirm-placement-left] .x-popconfirm-arrow{right:var(--x-popconfirm-placement-offset, 10px)-5px;top:50%;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);border-bottom:none;border-left:none}[class*=x-popconfirm-placement-right]{-webkit-transform-origin:left center;transform-origin:left center;padding-left:var(--x-popconfirm-placement-offset, 10px)}[class*=x-popconfirm-placement-right] .x-popconfirm-arrow{left:var(--x-popconfirm-placement-offset, 10px)-5px;top:50%;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);border-top:none;border-right:none}.x-popconfirm-hidden{display:none !important;opacity:0}`;
+
+const XPopconfirmContent = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    get el() { return getElement(this); }
+    /**
+     * Title of the popconfirm.
+     * @example
+     * <x-popconfirm-content confirmTitle="Are you sure?"></x-popconfirm-content>
+     */
+    confirmTitle;
+    /**
+     * Text of the OK button.
+     * @example
+     * <x-popconfirm-content okText="OK"></x-popconfirm-content>
+     */
+    okText = translate('Popconfirm.okText', {}, 'OK');
+    /**
+     * Text of the Cancel button.
+     * @example
+     * <x-popconfirm-content cancelText="Cancel"></x-popconfirm-content>
+     */
+    cancelText = translate('Popconfirm.cancelText', {}, 'Cancel');
+    /**
+     * Placement of the popconfirm.
+     * @example
+     * <x-popconfirm-content placement="bottom"></x-popconfirm-content>
+     */
+    placement = 'top';
+    /**
+     * Whether the popconfirm is hidden.
+     * @example
+     * <x-popconfirm-content hidden></x-popconfirm-content>
+     */
+    hidden = false;
+    /**
+     * Callback for confirm.
+     * @example
+     * <x-popconfirm-content confirmCallback={() => {}}></x-popconfirm-content>
+     */
+    confirmCallback;
+    /**
+     * Callback for cancel.
+     * @example
+     * <x-popconfirm-content cancelCallback={() => {}}></x-popconfirm-content>
+     */
+    cancelCallback;
+    /**
+     * Render popconfirm content with actions.
+     * @returns JSX.Element
+     * @example
+     * <x-popconfirm-content confirmTitle="Confirm"></x-popconfirm-content>
+     */
+    render() {
+        const classes = {
+            'x-popconfirm-content': true,
+            [`x-popconfirm-placement-${this.placement}`]: true,
+            'x-popconfirm-hidden': this.hidden,
+        };
+        return (h(Host, { key: '30456ec8e9a28dd8f00ce9ed15c7ffc167b8dc89', class: classes }, h("div", { key: '59899946b03554dd14081932dfa1caf32b0ac964', class: "x-popconfirm-arrow" }), h("div", { key: '9b1d34aeb5f84b455b984d306ade4dd713ee3a13', class: "x-popconfirm-inner" }, h("div", { key: 'e4be2e1de459b2978b3fc103481167403b278c0c', class: "x-popconfirm-inner-content" }, h("div", { key: '37f035b29f9381a811c42b30900d5b4f16d8a9bb', class: "x-popconfirm-message" }, h("span", { key: '3251d661ef79022fa5efd795f2adf285c0881cb7', class: "x-popconfirm-message-icon" }, "!"), h("div", { key: 'de0790ada050078a393d4ac2ee08d20044c59604', class: "x-popconfirm-message-title" }, this.confirmTitle)), h("div", { key: 'ad67a15274bac9d73846d218be23bbfad5e6eb20', class: "x-popconfirm-buttons" }, h("x-button", { key: '1dc90aaeb8f7273c231052f0fa793fbbab51e64d', size: "small", onClick: () => this.cancelCallback?.() }, this.cancelText), h("x-button", { key: 'af827c33e32aae9f8eb8b2293d41c3cefb2426c8', size: "small", type: "primary", onClick: () => this.confirmCallback?.() }, this.okText))))));
+    }
+};
+XPopconfirmContent.style = popconfirmContentCss();
+
+export { XPopconfirmContent as x_popconfirm_content };

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

@@ -0,0 +1,179 @@
+import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-ig_mFsVk.js';
+import { P as PortalController } from './portal-controller-COpzIi1n.js';
+import { t as translate } from './locale.service-D66tF8_2.js';
+
+const xPopconfirmCss = () => `@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;position:relative}.x-popconfirm-trigger{display:inline-block}.x-popconfirm-content{position:relative;z-index:var(--x-popconfirm-z-index, var(--x-z-index-popup, 1050));font-size:var(--x-popconfirm-font-size, var(--x-font-size-base, 14px));line-height:var(--x-popconfirm-line-height, var(--x-line-height-base, 1.5714));font-weight:var(--x-popconfirm-font-weight, var(--x-font-weight-normal, 400));white-space:normal;text-align:left;background-color:var(--x-popconfirm-bg, var(--x-color-bg-elevated, #ffffff));background-clip:padding-box;border-radius:var(--x-popconfirm-border-radius, var(--x-border-radius-lg, 8px));-webkit-box-shadow:var(--x-popconfirm-shadow, var(--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)));box-shadow:var(--x-popconfirm-shadow, var(--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)));min-width:var(--x-popconfirm-min-width, 160px)}.x-popconfirm-placement-bottom,.x-popconfirm-placement-bottomLeft,.x-popconfirm-placement-bottomRight{-webkit-transform-origin:top center;transform-origin:top center}.x-popconfirm-placement-top,.x-popconfirm-placement-topLeft,.x-popconfirm-placement-topRight{-webkit-transform-origin:bottom center;transform-origin:bottom center}.x-popconfirm-inner{background-color:var(--x-popconfirm-bg, var(--x-color-bg-elevated, #ffffff));background-clip:padding-box;border-radius:var(--x-popconfirm-border-radius, var(--x-border-radius-lg, 8px));-webkit-box-shadow:var(--x-popconfirm-shadow, var(--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)));box-shadow:var(--x-popconfirm-shadow, var(--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-popconfirm-inner-content{padding:var(--x-popconfirm-content-padding-vertical, var(--x-spacing-md, 16px)) var(--x-popconfirm-content-padding-horizontal, var(--x-spacing-lg, 24px));color:var(--x-popconfirm-color, var(--x-color-text, rgba(0, 0, 0, 0.88)))}.x-popconfirm-message{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;margin-bottom:var(--x-popconfirm-message-margin-bottom, var(--x-spacing-sm, 12px))}.x-popconfirm-message-icon{margin-right:var(--x-popconfirm-icon-margin-right, var(--x-spacing-sm, 12px));color:var(--x-popconfirm-icon-color, var(--x-color-warning, #faad14));font-size:var(--x-popconfirm-font-size, var(--x-font-size-base, 14px));display:inline-block;line-height:1.5;font-weight:bold}.x-popconfirm-message-title{padding-left:var(--x-popconfirm-title-padding-left, var(--x-spacing-sm, 12px))}.x-popconfirm-buttons{text-align:right;margin-bottom:var(--x-popconfirm-buttons-margin-bottom, var(--x-spacing-xxs, 4px));display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;gap:var(--x-popconfirm-buttons-gap, var(--x-spacing-sm, 12px))}.x-popconfirm-arrow{position:absolute;display:block;width:var(--x-popconfirm-arrow-size, 8.48528137px);height:var(--x-popconfirm-arrow-size, 8.48528137px);background:transparent;border-style:solid;border-width:var(--x-popconfirm-arrow-border-width, 4.24264069px);-webkit-transform:rotate(45deg);transform:rotate(45deg)}`;
+
+const XPopconfirm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.xConfirm = createEvent(this, "xConfirm", 7);
+        this.xCancel = createEvent(this, "xCancel", 7);
+    }
+    get el() { return getElement(this); }
+    /**
+     * Title of the confirmation.
+     * @example
+     * <x-popconfirm confirmTitle="Delete?"></x-popconfirm>
+     */
+    confirmTitle;
+    /**
+     * OK button text.
+     * @example
+     * <x-popconfirm okText="OK"></x-popconfirm>
+     */
+    okText = translate('Popconfirm.okText', {}, 'OK');
+    /**
+     * Cancel button text.
+     * @example
+     * <x-popconfirm cancelText="Cancel"></x-popconfirm>
+     */
+    cancelText = translate('Popconfirm.cancelText', {}, 'Cancel');
+    /**
+     * Placement of the popconfirm.
+     * @example
+     * <x-popconfirm placement="bottom"></x-popconfirm>
+     */
+    placement = 'top';
+    /**
+     * Disable popconfirm trigger.
+     * @example
+     * <x-popconfirm disabled></x-popconfirm>
+     */
+    disabled = false;
+    /**
+     * Visible state of popconfirm.
+     */
+    visible = false;
+    /**
+     * Emitted when confirm button is clicked.
+     * @example
+     * <x-popconfirm onXConfirm={() => {}}></x-popconfirm>
+     */
+    xConfirm;
+    /**
+     * Emitted when cancel button is clicked.
+     * @example
+     * <x-popconfirm onXCancel={() => {}}></x-popconfirm>
+     */
+    xCancel;
+    portalInstance = null;
+    triggerEl = null;
+    handleWindowClick(ev) {
+        if (!this.el.contains(ev.target) && !this.isClickInPortal(ev.target)) {
+            this.visible = false;
+            this.updatePortal();
+        }
+    }
+    isClickInPortal(target) {
+        const portalEl = this.portalInstance?.getElement();
+        return portalEl ? portalEl.contains(target) : false;
+    }
+    /**
+     * Toggle popconfirm visibility.
+     * @returns void
+     * @example
+     * <x-popconfirm></x-popconfirm>
+     */
+    toggle() {
+        if (this.disabled)
+            return;
+        this.visible = !this.visible;
+        this.updatePortal();
+    }
+    /**
+     * Emit confirm and close.
+     *
+     * Flow:
+     * 1. Emits `xConfirm` event.
+     * 2. Sets `visible` to false.
+     * 3. Updates portal (closes it).
+     *
+     * @returns void
+     * @example
+     * <x-popconfirm onXConfirm={() => {}}></x-popconfirm>
+     */
+    handleConfirm() {
+        this.xConfirm.emit();
+        this.visible = false;
+        this.updatePortal();
+    }
+    /**
+     * Emit cancel and close.
+     * @returns void
+     * @example
+     * <x-popconfirm onXCancel={() => {}}></x-popconfirm>
+     */
+    handleCancel() {
+        this.xCancel.emit();
+        this.visible = false;
+        this.updatePortal();
+    }
+    getTriggerEl() {
+        if (!this.triggerEl) {
+            this.triggerEl = this.el.shadowRoot?.querySelector('.x-popconfirm-trigger');
+        }
+        return this.triggerEl;
+    }
+    buildPopconfirmContent() {
+        const popconfirmContent = document.createElement('x-popconfirm-content');
+        // Set properties
+        popconfirmContent.confirmTitle = this.confirmTitle;
+        popconfirmContent.okText = this.okText;
+        popconfirmContent.cancelText = this.cancelText;
+        popconfirmContent.placement = this.placement;
+        popconfirmContent.hidden = !this.visible;
+        popconfirmContent.confirmCallback = () => this.handleConfirm();
+        popconfirmContent.cancelCallback = () => this.handleCancel();
+        return popconfirmContent;
+    }
+    updatePortal() {
+        if (!this.visible) {
+            if (this.portalInstance) {
+                this.portalInstance.destroy();
+                this.portalInstance = null;
+            }
+            return;
+        }
+        const contentElement = this.buildPopconfirmContent();
+        if (!this.portalInstance) {
+            this.portalInstance = PortalController.create({
+                open: this.visible,
+                target: this.getTriggerEl(),
+                placement: this.placement,
+                zIndex: 1060,
+                offset: 8, // arrow size + gap
+                content: contentElement,
+            });
+        }
+        else {
+            this.portalInstance.update({
+                open: this.visible,
+                target: this.getTriggerEl(),
+                placement: this.placement,
+                offset: 8,
+                content: contentElement,
+            });
+        }
+    }
+    disconnectedCallback() {
+        if (this.portalInstance) {
+            this.portalInstance.destroy();
+            this.portalInstance = null;
+        }
+    }
+    /**
+     * Render trigger wrapper for popconfirm.
+     * @returns JSX.Element
+     * @example
+     * <x-popconfirm confirmTitle="Confirm?">
+     *   <x-button>Delete</x-button>
+     * </x-popconfirm>
+     */
+    render() {
+        return (h(Host, { key: 'c4909ed4a24ea4389cd762f70a827b88bb248520', class: "x-popconfirm" }, h("div", { key: 'c01729db23741adf1932b85263f25ce0b99dd1fe', class: "x-popconfirm-trigger", onClick: () => this.toggle() }, h("slot", { key: '2720dfa117d98f4229dcf163c903bc21a71c9c8f' }))));
+    }
+};
+XPopconfirm.style = xPopconfirmCss();
+
+export { XPopconfirm as x_popconfirm };

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

@@ -0,0 +1,134 @@
+import { r as registerInstance, h, H as Host } from './index-ig_mFsVk.js';
+
+const xProgressCss = () => `@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;width:100%;font-size:var(--x-progress-font-size, var(--x-font-size-base, 14px));line-height:var(--x-progress-line-height, var(--x-line-height-base, 1.5714))}:host(.x-progress-line){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.x-progress-outer{-ms-flex:1;flex:1}.x-progress-inner{position:relative;display:inline-block;width:100%;overflow:hidden;vertical-align:middle;background-color:var(--x-progress-track-bg, var(--x-color-fill-secondary, rgba(0, 0, 0, 0.06)));border-radius:var(--x-progress-track-border-radius, 100px)}.x-progress-bg{position:relative;background-color:var(--x-progress-bar-bg, var(--x-color-primary, #1677ff));border-radius:var(--x-progress-bar-border-radius, 100px);-webkit-transition:all var(--x-progress-motion-duration, 0.4s) var(--x-progress-motion-ease, var(--x-motion-ease-out, cubic-bezier(0.215, 0.61, 0.355, 1))) 0s;transition:all var(--x-progress-motion-duration, 0.4s) var(--x-progress-motion-ease, var(--x-motion-ease-out, cubic-bezier(0.215, 0.61, 0.355, 1))) 0s}.x-progress-text{display:inline-block;width:var(--x-progress-text-width, 2em);margin-left:var(--x-progress-text-margin-left, var(--x-spacing-xs, 8px));color:var(--x-progress-text-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));font-size:1em;line-height:1;white-space:nowrap;text-align:left;vertical-align:middle;word-break:normal}:host(.x-progress-status-success) .x-progress-bg{background-color:var(--x-progress-bar-bg-success, var(--x-color-success, #52c41a))}:host(.x-progress-status-exception) .x-progress-bg{background-color:var(--x-progress-bar-bg-error, var(--x-color-error, #ff4d4f))}:host(.x-progress-status-success) .x-progress-text{color:var(--x-progress-text-color-success, var(--x-color-success, #52c41a))}:host(.x-progress-status-exception) .x-progress-text{color:var(--x-progress-text-color-error, var(--x-color-error, #ff4d4f))}:host(.x-progress-circle){display:inline-block;width:auto}:host(.x-progress-circle) .x-progress-inner{position:relative;line-height:1;background-color:transparent}:host(.x-progress-circle) .x-progress-text{position:absolute;top:50%;left:50%;width:100%;margin:0;padding:0;color:var(--x-progress-text-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));line-height:1;white-space:normal;text-align:center;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.x-progress-circle-trail{stroke:var(--x-progress-circle-trail-stroke, var(--x-color-fill-secondary, rgba(0, 0, 0, 0.06)));stroke-linecap:round}.x-progress-circle-path{stroke-linecap:round}`;
+
+const XProgress = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    /**
+     * Percent value from 0 to 100.
+     * @example
+     * <x-progress percent={60}></x-progress>
+     */
+    percent = 0;
+    /**
+     * Visual type of progress.
+     * @example
+     * <x-progress type="circle" percent={40}></x-progress>
+     */
+    type = 'line';
+    /**
+     * Status style of progress.
+     * @example
+     * <x-progress status="success" percent={100}></x-progress>
+     */
+    status = 'normal';
+    /**
+     * Whether to display text info.
+     * @example
+     * <x-progress showInfo={false} percent={20}></x-progress>
+     */
+    showInfo = true;
+    /**
+     * Custom stroke color for progress bar/arc.
+     * @example
+     * <x-progress strokeColor="#1890ff" percent={30}></x-progress>
+     */
+    strokeColor;
+    /**
+     * Custom trail color for background track.
+     * @example
+     * <x-progress trailColor="#f0f0f0" percent={30}></x-progress>
+     */
+    trailColor;
+    /**
+     * Width/height of circle progress.
+     * @example
+     * <x-progress type="circle" width={160} percent={45}></x-progress>
+     */
+    width = 120;
+    /**
+     * Stroke width for line or circle.
+     * @example
+     * <x-progress strokeWidth={8} percent={50}></x-progress>
+     */
+    strokeWidth = 6;
+    /**
+     * Render line progress bar.
+     *
+     * Flow:
+     * 1. Calculates `percentStyle` (width, height, color).
+     * 2. Calculates `trailStyle` (height, background color).
+     * 3. Renders outer container, inner trail, and background fill.
+     *
+     * @returns JSX.Element
+     * @example
+     * <x-progress type="line" percent={70}></x-progress>
+     */
+    renderLine() {
+        // Style for filled portion based on percent and stroke width.
+        const percentStyle = {
+            width: `${this.percent}%`,
+            height: `${this.strokeWidth}px`,
+            background: this.strokeColor
+        };
+        // Style for the background trail.
+        const trailStyle = {
+            height: `${this.strokeWidth}px`,
+            background: this.trailColor
+        };
+        return (h("div", { class: "x-progress-outer" }, h("div", { class: "x-progress-inner", style: trailStyle }, h("div", { class: "x-progress-bg", style: percentStyle }))));
+    }
+    /**
+     * Render circle/dashboard progress.
+     *
+     * Flow:
+     * 1. Calculates radius based on width and stroke width.
+     * 2. Calculates circumference and stroke-dashoffset for percentage.
+     * 3. Prepares styles for trail path and stroke path (color, transition).
+     * 4. Renders SVG with two paths (trail and progress).
+     * 5. Renders central text info.
+     *
+     * @returns JSX.Element
+     * @example
+     * <x-progress type="circle" percent={75}></x-progress>
+     */
+    renderCircle() {
+        // Compute circle geometry for SVG path.
+        const radius = 50 - this.strokeWidth / 2;
+        const circumference = 2 * Math.PI * radius;
+        const strokeDashoffset = circumference - (this.percent / 100) * circumference;
+        // Trail path styling for the background arc.
+        const trailPathStyle = {
+            stroke: this.trailColor,
+            strokeDasharray: `${circumference}px ${circumference}px`,
+            strokeDashoffset: '0px',
+        };
+        // Stroke path styling with status-based fallback colors.
+        const strokePathStyle = {
+            stroke: this.strokeColor || (this.status === 'success' ? '#52c41a' : (this.status === 'exception' ? '#ff4d4f' : '#1890ff')),
+            strokeDasharray: `${circumference}px ${circumference}px`,
+            strokeDashoffset: `${strokeDashoffset}px`,
+            transition: 'stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease'
+        };
+        return (h("div", { class: "x-progress-inner", style: { width: `${this.width}px`, height: `${this.width}px`, fontSize: `${this.width * 0.15 + 6}px` } }, h("svg", { viewBox: "0 0 100 100" }, h("path", { class: "x-progress-circle-trail", d: `M 50,50 m 0,-${radius} a ${radius},${radius} 0 1 1 0,${2 * radius} a ${radius},${radius} 0 1 1 0,-${2 * radius}`, "stroke-width": this.strokeWidth, "fill-opacity": "0", style: trailPathStyle }), h("path", { class: "x-progress-circle-path", d: `M 50,50 m 0,-${radius} a ${radius},${radius} 0 1 1 0,${2 * radius} a ${radius},${radius} 0 1 1 0,-${2 * radius}`, "stroke-width": this.strokeWidth, "fill-opacity": "0", style: strokePathStyle })), this.showInfo && (h("span", { class: "x-progress-text" }, this.status === 'exception' ? '×' : (this.status === 'success' ? '✓' : `${this.percent}%`)))));
+    }
+    /**
+     * Render progress container and info text.
+     * @returns JSX.Element
+     * @example
+     * <x-progress percent={55}></x-progress>
+     */
+    render() {
+        return (h(Host, { key: '123cf8cd46a82088004c5046017578bbbb6884f1', class: {
+                'x-progress': true,
+                [`x-progress-${this.type}`]: true,
+                [`x-progress-status-${this.status}`]: true,
+                'x-progress-show-info': this.showInfo
+            } }, this.type === 'line' ? this.renderLine() : this.renderCircle(), this.type === 'line' && this.showInfo && (h("span", { key: '960371d9aa35487a22eff03e4c911661396d6df7', class: "x-progress-text" }, this.status === 'exception' ? '×' : (this.status === 'success' ? '✓' : `${this.percent}%`)))));
+    }
+};
+XProgress.style = xProgressCss();
+
+export { XProgress as x_progress };