@xlabs-store/core 0.0.1 → 0.0.2

package/components/x-input-icon.js

@@ -0,0 +1 @@
+import{t as o,p as e,H as r,d as t,h as i,c as x}from"./p-BLqwG7xa.js";import{P as n}from"./p-DM8AggMt.js";import{t as a}from"./p-DFADJBLL.js";import{d as s}from"./p-DZtvVtvb.js";import{d as c}from"./p-CmfyRJYt.js";import{d as l}from"./p-CIOnWzKr.js";import{d as p}from"./p-C1_JmoB8.js";import{d}from"./p-BlvrLhyv.js";import{d as h}from"./p-4BROAJ-M.js";import{d as f}from"./p-BoPZ9Se8.js";import{d as b}from"./p-BvOnPBRo.js";import{d as g}from"./p-DTPUsC3Q.js";const m=e(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.xChange=t(this,"xChange",7),this.xOpenChange=t(this,"xOpenChange",7),this.xBlur=t(this,"xBlur",7),this.xFocus=t(this,"xFocus",7)}get el(){return this}disabled=!1;value="";defaultValue;placeholder=a("InputIcon.placeholder",{},"Select icon");size="middle";variant="outlined";status;placement="bottomLeft";triggerType="input";allowClear=!0;showName=!0;open=!1;inputId;name;autofocus=!1;focused=!1;pickerSearchQuery="";xChange;xOpenChange;xBlur;xFocus;wrapperRef;inputRef;portalInstance=null;dropdownContentEl=null;componentWillLoad(){!this.value&&this.defaultValue&&(this.value=this.defaultValue)}componentDidLoad(){this.autofocus&&!this.disabled&&this.setFocus()}disconnectedCallback(){this.destroyPortal()}openChanged(o){this.xOpenChange.emit(o),o?this.createOrUpdatePortal():this.destroyPortal()}handleWindowClick(o){if(!this.open)return;const e=o.composedPath(),r=e.includes(this.el),t=this.portalInstance?.getElement(),i=!!t&&e.includes(t);r||i||this.closeDropdown()}handleKeydown(o){this.disabled||("Escape"===o.key?(o.preventDefault(),this.closeDropdown(),this.inputRef?.setBlur()):"Enter"===o.key&&(this.open||this.openDropdown()))}async setFocus(){this.inputRef?.setFocus(),this.focused=!0}async setBlur(){this.inputRef?.setBlur(),this.focused=!1}handleSearch=o=>{const e=(o.detail||"").toLowerCase().trim();this.pickerSearchQuery=e,this.dropdownContentEl&&(this.dropdownContentEl.searchQuery=e),this.open||this.openDropdown()};handleWrapperClick=o=>{this.disabled||o.composedPath().some((o=>o&&o.classList&&o.classList.contains("x-select-clear")))||(this.open?this.closeDropdown():this.openDropdown())};openDropdown(){this.disabled||this.open||(this.open=!0)}closeDropdown(){this.open&&(this.open=!1,this.pickerSearchQuery="",this.dropdownContentEl&&(this.dropdownContentEl.searchQuery=""))}handleIconSelect=o=>{this.value=o,this.xChange.emit({value:o}),this.closeDropdown(),this.inputRef?.setFocus()};handleClear=()=>{this.value="",this.xChange.emit({value:""})};handleInputFocus=o=>{this.focused=!0,this.xFocus.emit(o.detail)};handleInputBlur=o=>{this.focused=!1,this.xBlur.emit(o.detail)};getWrapperEl(){return this.wrapperRef||void 0}createOrUpdatePortal(){if(!this.open)return;const o=this.getWrapperEl();if(!o)return;const e=this.buildDropdownElement();this.portalInstance?this.portalInstance.update({open:!0,target:o,placement:this.placement,zIndex:1050,content:e}):this.portalInstance=n.create({open:!0,target:o,placement:this.placement,zIndex:1050,content:e})}destroyPortal(){this.portalInstance&&(this.portalInstance.destroy(),this.portalInstance=null),this.dropdownContentEl=null,this.pickerSearchQuery=""}buildDropdownElement(){if(!this.dropdownContentEl){const o=document.createElement("x-icon-picker-dropdown-content");o.addEventListener("xIconClick",(o=>{this.handleIconSelect(o.detail)})),o.addEventListener("xSearch",(o=>{this.handleSearch({detail:o.detail})})),this.dropdownContentEl=o}return this.dropdownContentEl.dropdownClasses={"x-input-icon-dropdown":!0,"x-input-icon-dropdown-hidden":!this.open},this.dropdownContentEl.value=this.value,this.dropdownContentEl.placement=this.placement,this.dropdownContentEl.searchQuery=this.pickerSearchQuery,this.dropdownContentEl.showSearchInput="input"!==this.triggerType,this.dropdownContentEl}renderTrigger(o,e){return"avatar"===this.triggerType?i("x-avatar",{icon:this.value||void 0,size:"middle"===this.size?"default":this.size},!this.value&&this.showName?this.placeholder:""):"button"===this.triggerType?i("x-button",{size:this.size,disabled:this.disabled,type:"filled"===this.variant?"primary":"default"},o&&i("x-icon",{name:this.value,slot:"icon"}),o?this.showName?this.value:"":this.placeholder):"icon"===this.triggerType?i("x-icon",{name:o?this.value:"appstore"}):"div"===this.triggerType?i("div",null,o&&i("x-icon",{name:this.value}),i("span",null,o?this.showName?this.value:"":this.placeholder)):[o&&!e&&i("div",{class:"x-input-icon-preview","aria-hidden":"true",key:"preview"},i("x-icon",{name:this.value})),i("x-select",{key:"select",ref:o=>this.inputRef=o,open:!1,value:o?this.value:void 0,options:o?[{value:this.value,label:this.showName?this.value:""}]:[],placeholder:this.placeholder,allowClear:this.allowClear&&o,disabled:this.disabled,size:this.size,status:this.status,bordered:"borderless"!==this.variant,inputId:this.inputId,name:this.name,showSearch:!0,dropdownStyle:{display:"none"},notFoundContent:" ",onXSearch:this.handleSearch,onXClear:this.handleClear,onXBlur:this.handleInputBlur,onXFocus:this.handleInputFocus})]}render(){const o=!!this.value,e=!!this.pickerSearchQuery;return i(x,{key:"0076a9cc582b756efee6dd13fbf5f002ce2a2e6d"},i("div",{key:"bc64265cd01262fb2acf6c407743178528c51ded",class:{"x-input-icon-wrapper":!0,"x-input-icon-has-value":o&&!e&&"input"===this.triggerType,"x-input-icon-only-icon":!this.showName&&"input"===this.triggerType,["x-input-icon-"+this.triggerType]:!0},ref:o=>this.wrapperRef=o,onClick:this.handleWrapperClick},this.renderTrigger(o,e)))}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return"@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;width:100%;position:relative;font-family:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}.x-input-icon-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;cursor:pointer}.x-input-icon-wrapper x-select{width:100%;display:block;pointer-events:auto}.x-input-icon-wrapper x-select::part(dropdown){display:none !important}.x-input-icon-wrapper x-select::part(selector){cursor:pointer}.x-input-icon-preview{position:absolute;left:var(--x-input-icon-preview-left, 11px);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2;pointer-events:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:var(--x-input-icon-preview-size, 18px);color:var(--x-input-icon-color, var(--x-control-color, var(--x-color-text, rgba(0, 0, 0, 0.88))));line-height:1;width:var(--x-input-icon-preview-size, 18px)}.x-input-icon-has-value x-select::part(selector){padding-left:40px !important}:host(.x-input-icon-small) .x-input-icon-preview{left:var(--x-input-icon-padding-horizontal-sm, var(--x-control-padding-horizontal-sm, var(--x-spacing-sm, 8px)));font-size:14px;width:14px}:host(.x-input-icon-small) .x-input-icon-has-value x-select::part(selector){padding-left:34px !important}:host(.x-input-icon-large) .x-input-icon-preview{font-size:20px;width:20px}:host(.x-input-icon-large) .x-input-icon-has-value x-select::part(selector){padding-left:44px !important}.x-input-icon-only-icon{width:100%}"}},[513,"x-input-icon",{disabled:[4],value:[1025],defaultValue:[1,"default-value"],placeholder:[1],size:[1],variant:[1],status:[1],placement:[1],triggerType:[1,"trigger-type"],allowClear:[4,"allow-clear"],showName:[4,"show-name"],open:[1028],inputId:[1,"input-id"],name:[1],autofocus:[4],focused:[32],pickerSearchQuery:[32],setFocus:[64],setBlur:[64]},[[8,"click","handleWindowClick"],[0,"keydown","handleKeydown"]],{open:[{openChanged:0}]}]);function u(){"undefined"!=typeof customElements&&["x-input-icon","x-avatar","x-button","x-empty","x-icon","x-icon-picker-dropdown-content","x-input","x-select","x-select-dropdown-content","x-spin"].forEach((e=>{switch(e){case"x-input-icon":customElements.get(o(e))||customElements.define(o(e),m);break;case"x-avatar":customElements.get(o(e))||s();break;case"x-button":customElements.get(o(e))||c();break;case"x-empty":customElements.get(o(e))||l();break;case"x-icon":customElements.get(o(e))||p();break;case"x-icon-picker-dropdown-content":customElements.get(o(e))||d();break;case"x-input":customElements.get(o(e))||h();break;case"x-select":customElements.get(o(e))||f();break;case"x-select-dropdown-content":customElements.get(o(e))||b();break;case"x-spin":customElements.get(o(e))||g()}}))}u();const w=m,v=u;export{w as XInputIcon,v as defineCustomElement}

package/components/x-input-number.js

@@ -1 +1 @@
-import{X as o,d as s}from"./p-QTSiPk0I.js";const p=o,r=s;export{p as XInputNumber,r as defineCustomElement}
+import{X as o,d as s}from"./p-Dn1c0e9W.js";const p=o,r=s;export{p as XInputNumber,r as defineCustomElement}

package/components/x-input.js

@@ -1 +1 @@
-import{X as o,d as s}from"./p-DaL42JUi.js";const a=o,p=s;export{a as XInput,p as defineCustomElement}
+import{X as o,d as s}from"./p-4BROAJ-M.js";const p=o,r=s;export{p as XInput,r as defineCustomElement}

package/components/x-layout-admin.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface XLayoutAdmin extends Components.XLayoutAdmin, HTMLElement {}
+export const XLayoutAdmin: {
+    prototype: XLayoutAdmin;
+    new (): XLayoutAdmin;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/x-layout-admin.js

@@ -0,0 +1 @@
+import{t as o,p as e,H as r,d as x,h as a,c as i}from"./p-BLqwG7xa.js";import{d as t}from"./p-DFzUUEiS.js";import{d as n}from"./p-BBTo0Tfc.js";import{d as c}from"./p-C1_JmoB8.js";import{d}from"./p-DcqkhKqy.js";import{d as l}from"./p-C-KgrbKX.js";const s=e(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.xCollapse=x(this,"xCollapse",7)}collapsed=!1;siderWidth=250;siderCollapsedWidth=80;xCollapse;toggleCollapse=()=>{this.collapsed=!this.collapsed,this.xCollapse.emit({collapsed:this.collapsed})};render(){return a(i,{key:"43d48185760a429957e08afdd7ddfdf20d399292"},a("x-layout",{key:"799a2c10761b951687c35a59c2d85bb7b0c08b7e",class:"x-layout-admin-container",hasSiderProp:!0},a("x-sider",{key:"4138a4fb487893513171fa088c88f0f6227c270a",class:"x-admin-sider",width:this.siderWidth,collapsedWidth:this.siderCollapsedWidth,collapsed:this.collapsed,collapsible:!1},a("div",{key:"7c04a73cce5efafe6c38c2da1738adfcbb2c7269",class:"x-admin-logo-wrapper",style:{display:"flex",alignItems:"center",justifyContent:this.collapsed?"center":"space-between",padding:this.collapsed?"0":"0 16px",boxSizing:"border-box",width:"100%"}},a("div",{key:"88bfd595483ef3a95b07bbfe44faa0644b0fb51c",class:"x-admin-logo-content",style:{overflow:"hidden",whiteSpace:"nowrap",display:this.collapsed?"none":"block"}},a("slot",{key:"afc50dbd8c1ebb173fc42b8a400e9ade44fd5447",name:"logo"})),a("div",{key:"49bf78ab476caa8dbc3c135dad2d3477e5b9cdda",class:"x-admin-collapse-trigger",onClick:this.toggleCollapse,style:{cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",padding:"4px",borderRadius:"4px",background:"#f0f0f0"}},a("svg",{key:"e75d4bd8017e18ac86e715238f4036ca2e43971c",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"20",height:"20",stroke:"#000","stroke-width":"2",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"},a("path",{d:"M4 6h16M4 12h16M4 18h16"})))),a("slot",{key:"e35b0587531dea09734e26e6b253af988ee9c8e7",name:"sider"})),a("x-layout",{key:"78fa29304d0b9c0726e8bc879995aafca5415fe7",fixed:!1},a("header",{key:"a7b39db41c445e589c3b81e770c2f49fbde7efd7",class:"x-admin-header",style:{display:"block",height:"64px",width:"100%",background:"#fff",borderBottom:"1px solid #f0f0f0",color:"#000"}},a("div",{key:"94641e0e36014a4589243c546f96bb987b461a17",class:"x-admin-header-container",style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",height:"100%",padding:"0 16px",boxSizing:"border-box"}},a("div",{key:"24edcfeac2a87931a395906d60ad442164edc278",class:"x-admin-header-left",style:{display:"flex",alignItems:"center"}},a("slot",{key:"10f1df8db566b87546f7636759b5575974d5faa9",name:"header-left"})),a("div",{key:"f3babff81467d906bca49464ae5aa453daf50bde",class:"x-admin-header-right",style:{display:"flex",alignItems:"center"}},a("slot",{key:"f7e10b331f7bff492977fc5efcdd9a6b369e822c",name:"header-right"}),a("slot",{key:"71b21f1dcef65e80f54d8e4b97429c4b4c56f4af",name:"header"})))),a("x-content",{key:"fb10f615d09daa4dbccb8f74c94d6275e045e5f0",class:"x-admin-content-wrapper"},a("slot",{key:"7f3c367226bd60e476d58fb9cc5ec7890d99339e"})),a("x-footer",{key:"a7db6951797b69bb9557480c50badccc338f90d8",class:"x-admin-footer"},a("slot",{key:"3c39ec6d69a1258eaba65cc73bbe84d5a8c46c4f",name:"footer"})))))}static get style(){return"@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;-ms-flex:auto;flex:auto;-ms-flex-direction:row;flex-direction:row;width:100%;height:100%;--x-layout-bg:var(--x-admin-bg-color, var(--x-color-bg-layout, #f5f5f5))}.x-layout-admin-container{-ms-flex:1;flex:1;width:100%;background:var(--x-admin-bg-color, var(--x-color-bg-layout, #f5f5f5))}.x-admin-sider{background-color:var(--x-admin-sider-bg, var(--x-color-bg-container, #ffffff));border-right:1px solid var(--x-color-border, #e8e8e8);-webkit-box-shadow:var(--x-admin-sider-shadow, 2px 0 8px 0 rgba(29, 35, 41, 0.05));box-shadow:var(--x-admin-sider-shadow, 2px 0 8px 0 rgba(29, 35, 41, 0.05));z-index:var(--x-admin-sider-z-index, 10)}.x-admin-sider .x-admin-logo-wrapper{height:var(--x-admin-header-height, 64px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;white-space:nowrap;border-bottom:1px solid var(--x-color-border, #e8e8e8);-webkit-transition:all var(--x-admin-motion-duration, var(--x-motion-duration-mid, 0.3s)) var(--x-admin-motion-timing, ease);transition:all var(--x-admin-motion-duration, var(--x-motion-duration-mid, 0.3s)) var(--x-admin-motion-timing, ease)}.x-admin-header{height:var(--x-admin-header-height, 64px);background:var(--x-admin-header-bg, var(--x-color-bg-container, #ffffff));padding:0 var(--x-admin-header-padding-horizontal, 16px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-shadow:var(--x-admin-header-shadow, 0 1px 4px rgba(0, 21, 41, 0.08));box-shadow:var(--x-admin-header-shadow, 0 1px 4px rgba(0, 21, 41, 0.08));z-index:var(--x-admin-header-z-index, 9);position:relative}.x-admin-header .x-admin-header-left{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.x-admin-header .x-admin-header-right{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.x-admin-header .x-admin-collapse-btn{cursor:pointer;font-size:20px;margin-right:var(--x-admin-collapse-btn-margin, 16px);padding:4px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:color var(--x-admin-motion-duration, var(--x-motion-duration-mid, 0.3s)) var(--x-admin-motion-timing, ease);transition:color var(--x-admin-motion-duration, var(--x-motion-duration-mid, 0.3s)) var(--x-admin-motion-timing, ease)}.x-admin-header .x-admin-collapse-btn:hover{color:var(--x-color-primary, #1890ff)}.x-admin-content-wrapper{padding:var(--x-admin-content-padding, 24px);overflow:auto;-ms-flex:1;flex:1}.x-admin-footer{text-align:center;color:var(--x-color-text-secondary, rgba(0, 0, 0, 0.45))}"}},[769,"x-layout-admin",{collapsed:[1028],siderWidth:[2,"sider-width"],siderCollapsedWidth:[2,"sider-collapsed-width"]}]);function f(){"undefined"!=typeof customElements&&["x-layout-admin","x-content","x-footer","x-icon","x-layout","x-sider"].forEach((e=>{switch(e){case"x-layout-admin":customElements.get(o(e))||customElements.define(o(e),s);break;case"x-content":customElements.get(o(e))||t();break;case"x-footer":customElements.get(o(e))||n();break;case"x-icon":customElements.get(o(e))||c();break;case"x-layout":customElements.get(o(e))||d();break;case"x-sider":customElements.get(o(e))||l()}}))}f();const p=s,b=f;export{p as XLayoutAdmin,b as defineCustomElement}

package/components/x-layout-detail.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface XLayoutDetail extends Components.XLayoutDetail, HTMLElement {}
+export const XLayoutDetail: {
+    prototype: XLayoutDetail;
+    new (): XLayoutDetail;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/x-layout-detail.js

@@ -0,0 +1 @@
+import{t as o,p as e,H as r,h as t,c as a}from"./p-BLqwG7xa.js";const x=e(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}get el(){return this}detailTitle;titleColor;bordered=!1;data={};config={};hideEmpty=!0;emptyText="No data";get parsedData(){if("string"==typeof this.data)try{return JSON.parse(this.data)}catch(o){return console.error("[x-layout-detail] Failed to parse data string",o),{}}return this.data||{}}get parsedConfig(){let o={};if("string"==typeof this.config)try{o=JSON.parse(this.config)}catch(o){console.error("[x-layout-detail] Failed to parse config string",o)}else o=this.config||{};return{layout:"horizontal",columns:3,gap:16,labelWidth:"150px",align:"left",colon:!0,fields:{},...o}}toLabel(o){const e=o.replace(/([A-Z])/g," $1");return e.charAt(0).toUpperCase()+e.slice(1)}isHidden(o,e,r){return!0===e.hidden||("function"==typeof e.hidden?e.hidden(o,r):!(!this.hideEmpty||null!=o&&""!==o))}formatValue(o,e,r){return e.formatter?e.formatter(o,r):null!=o&&""!==o?o:"-"}render(){const o=this.parsedConfig,e=this.parsedData,r=!!this.el.querySelector('[slot="breadcrumb"]'),x=!!this.el.querySelector('[slot="footer"]'),i=!!this.el.querySelector('[slot="extra"]'),l={"--grid-columns":o.columns+"","--grid-gap":o.gap+"px","--label-width":o.labelWidth},c=Object.keys(o.fields&&Object.keys(o.fields).length>0?o.fields:e).map((r=>({key:r,value:e[r],schema:o.fields&&o.fields[r]||{}}))).filter((o=>!this.isHidden(o.value,o.schema,e))),d=0===c.length;return t(a,{key:"1496b60244f8ee2c92a7729aa6e3938289728e22"},t("div",{key:"bf9afb29f1d8299c9cf4e1a5c04925c8d4e7ac5d",class:{"x-layout-detail-container":!0,"x-layout-detail-bordered":this.bordered,"is-empty":d,["layout-"+o.layout]:!0},style:l},t("div",{key:"2c1f4080866dcb0154ef94c002214edffc9a6e5e",class:{"x-layout-detail-breadcrumb":!0,"has-divider":r}},t("slot",{key:"555ea1802d162425b3b274b909510e3a12ac725b",name:"breadcrumb"})),(this.detailTitle||i)&&t("div",{key:"dfcb3cea3da0878ecdd583f419779988b2ceaaf3",class:"x-layout-detail-header"},this.detailTitle&&t("h2",{key:"cf18d8bbb1d95374bd6adca3a3d6b792e34d166a",class:"x-layout-detail-title",style:this.titleColor?{"--x-detail-title-color":this.titleColor}:{}},this.detailTitle),i&&t("div",{key:"47c5bb294c27076657f710e7a48b980fd8ab3ec2",class:"x-layout-detail-extra"},t("slot",{key:"9e6b659710b5bf26cdde9f621568d51d13c5cca5",name:"extra"}))),d?t("div",{class:"x-layout-detail-empty"},t("slot",{name:"empty"},t("div",{class:"empty-content"},t("i",{class:"icon-empty"},"📭"),t("p",null,this.emptyText)))):t("div",{class:"x-layout-detail-grid"},c.map((r=>{const a=this.formatValue(r.value,r.schema,e),x=Math.min(r.schema.colSpan||1,o.columns||1),i=r.schema.align||o.align||"left",l=r.schema.label||this.toLabel(r.key),c=!1!==o.colon;return t("div",{class:{"x-layout-detail-item":!0,["align-"+i]:!0,[r.schema.className]:!!r.schema.className},style:{"grid-column":"span "+x}},t("div",{class:"x-layout-detail-label",style:r.schema.labelStyle},t("span",{class:"label-text"},l),r.schema.tooltip&&t("span",{class:"tooltip-trigger",title:r.schema.tooltip},t("i",{class:"icon-info"},"ⓘ")),c&&t("span",{class:"colon"},":")),t("div",{class:"x-layout-detail-value",style:r.schema.valueStyle},r.schema.slot?t("slot",{name:r.key},r.schema.prefix,a,r.schema.suffix):[r.schema.prefix,a,r.schema.suffix]))}))),x&&t("div",{key:"4c5e8cbf0fc37338de28434e6b19f60f874590ea",class:"x-layout-detail-footer"},t("slot",{key:"e9b7d9d502daf080073c01bd0e46370aaa7d37ae",name:"footer"}))))}static get style(){return"@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;background:var(--x-detail-bg, var(--x-color-bg-container, #ffffff));padding:var(--x-detail-padding, 24px);border-radius:var(--x-detail-border-radius, var(--x-border-radius-lg, 8px));-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}.x-layout-detail-container.x-layout-detail-bordered{border:1px solid var(--x-detail-border-color, var(--x-color-border-secondary, #f0f0f0));padding:var(--x-detail-padding, 24px);border-radius:var(--x-detail-border-radius, var(--x-border-radius-lg, 8px))}.x-layout-detail-breadcrumb{margin-bottom:var(--x-detail-breadcrumb-margin-bottom, 12px)}.x-layout-detail-breadcrumb.has-divider{padding-bottom:12px;border-bottom:1px solid var(--x-detail-border-color, var(--x-color-border-secondary, #f0f0f0));margin-bottom:16px}.x-layout-detail-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:var(--x-detail-header-margin-bottom, 24px)}.x-layout-detail-title{color:var(--x-detail-title-color, #8c0c16);font-size:var(--x-detail-title-font-size, var(--x-font-size-heading-3, 24px));font-weight:500;margin:0;padding:0}.x-layout-detail-grid{display:grid;grid-template-columns:repeat(var(--grid-columns, 3), 1fr);gap:var(--grid-gap, 16px);width:100%}.x-layout-detail-item{display:-ms-flexbox;display:flex;font-size:var(--x-detail-font-size, var(--x-font-size-base, 14px));line-height:var(--x-detail-line-height, var(--x-line-height-base, 1.5))}.x-layout-detail-item .x-layout-detail-label{color:var(--x-detail-label-color, var(--x-color-text-secondary, #8c8c8c));-ms-flex-negative:0;flex-shrink:0}.x-layout-detail-item .x-layout-detail-label::after{content:\":\";margin-left:2px}.x-layout-detail-item .x-layout-detail-value{color:var(--x-detail-value-color, var(--x-color-text, #262626));word-break:break-all;-ms-flex-positive:1;flex-grow:1}.x-layout-detail-item.align-left .x-layout-detail-value{text-align:left}.x-layout-detail-item.align-center .x-layout-detail-value{text-align:center}.x-layout-detail-item.align-right .x-layout-detail-value{text-align:right}.layout-horizontal .x-layout-detail-item{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start}.layout-horizontal .x-layout-detail-item .x-layout-detail-label{width:var(--label-width, var(--x-detail-label-width, 150px));margin-right:8px}.layout-vertical .x-layout-detail-item{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}.layout-vertical .x-layout-detail-item .x-layout-detail-label{width:100%;margin-bottom:4px}.layout-vertical .x-layout-detail-item .x-layout-detail-label::after{display:none}.layout-vertical .x-layout-detail-item .x-layout-detail-value{font-weight:500}.x-layout-detail-empty{padding:48px 0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;color:var(--x-detail-empty-color, var(--x-color-text-placeholder, #bfbfbf))}.x-layout-detail-empty .empty-content{text-align:center}.x-layout-detail-empty .empty-content .icon-empty{font-size:var(--x-detail-empty-font-size, 40px);margin-bottom:8px;display:block;font-style:normal}.x-layout-detail-empty .empty-content p{margin:0;font-size:var(--x-detail-font-size, var(--x-font-size-base, 14px))}.x-layout-detail-footer{margin-top:var(--x-detail-footer-margin-top, 32px);padding-top:var(--x-detail-footer-padding-top, 16px);border-top:1px solid var(--x-detail-border-color, var(--x-color-border-secondary, #f0f0f0));display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;gap:var(--x-detail-footer-gap, 8px)}@media screen and (max-width: 768px){.x-layout-detail-grid{grid-template-columns:1fr !important}.x-layout-detail-item{grid-column:span 1 !important}.layout-horizontal .x-layout-detail-item{-ms-flex-direction:column;flex-direction:column}.layout-horizontal .x-layout-detail-item .x-layout-detail-label{width:100%;margin-bottom:4px}}"}},[769,"x-layout-detail",{detailTitle:[1,"detail-title"],titleColor:[1,"title-color"],bordered:[4],data:[1025],config:[1025],hideEmpty:[4,"hide-empty"],emptyText:[1,"empty-text"]}]);function i(){"undefined"!=typeof customElements&&["x-layout-detail"].forEach((e=>{"x-layout-detail"===e&&(customElements.get(o(e))||customElements.define(o(e),x))}))}i();const l=x,c=i;export{l as XLayoutDetail,c as defineCustomElement}

package/components/x-layout-list.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface XLayoutList extends Components.XLayoutList, HTMLElement {}
+export const XLayoutList: {
+    prototype: XLayoutList;
+    new (): XLayoutList;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/x-layout-list.js

@@ -0,0 +1 @@
+import{t as e,p as o,H as r,d as x,h as t,c as i}from"./p-BLqwG7xa.js";import{d as a}from"./p-C3Kx_-Wc.js";import{d as l}from"./p-CijqjTOk.js";import{d as n}from"./p-C1_JmoB8.js";import{d as s}from"./p-BCuFZ3xx.js";import{d as c}from"./p-gQbQhfDs.js";import{d}from"./p-CgLn4Y4c.js";import{d as f}from"./p-CtFbsd8j.js";import{d as p}from"./p-DPt8hDp3.js";import{d as g}from"./p-BSLE4EQn.js";import{d as b}from"./p-BoPZ9Se8.js";import{d as m}from"./p-BvOnPBRo.js";import{d as h}from"./p-DTPUsC3Q.js";const u={title:"My Application",sticky:!0,height:64},y={text:"",show:!1},v={show:!0,width:220,collapsedWidth:80,defaultCollapsed:!1,theme:"light",title:"",logo:""},w={breadcrumbs:[],title:"",loading:!1},k=o(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.xMenuSelect=x(this,"xMenuSelect",7),this.xPageChange=x(this,"xPageChange",7)}headerConfig={};footerConfig={};siderConfig={};menuItems=[];selectedMenuKey;openMenuKeys;contentConfig={};total=0;current=1;pageSize=10;showSizeChanger;pageSizeOptions=[10,20,50,100];hideOnSinglePage=!0;collapsed=!1;xMenuSelect;xPageChange;componentWillLoad(){this.collapsed=this.sider.defaultCollapsed}onSiderConfigChange(){}get header(){return{...u,...this.headerConfig}}get footer(){return{...y,...this.footerConfig}}get sider(){return{...v,...this.siderConfig}}get content(){return{...w,...this.contentConfig}}handleCollapseToggle=()=>{this.collapsed=!this.collapsed};handleMenuSelect=e=>{const o=e.detail?.key;if(!o)return;this.selectedMenuKey=o;const r=this.findMenuItem(this.menuItems,o);this.xMenuSelect.emit({key:o,item:r})};handlePageChange=e=>{const{current:o,pageSize:r}=e.detail;this.current=o,this.pageSize=r,this.xPageChange.emit({current:o,pageSize:r})};findMenuItem(e,o){for(const r of e){if(r.key===o)return r;if(r.children){const e=this.findMenuItem(r.children,o);if(e)return e}}}renderHeader(){return t("div",{class:"xll-header"},t("div",{class:"xll-header-left"},t("slot",{name:"header-logo"},t("div",{class:"xll-header-title"},this.header.title))),t("div",{class:"xll-header-center"},t("slot",{name:"header-center"})),t("div",{class:"xll-header-actions"},t("slot",{name:"header-actions"})))}renderSiderLogo(){const e=this.sider;return e.logo||e.title?t("div",{class:"xll-sider-logo"},t("slot",{name:"sider-logo"},e.logo&&t("img",{src:e.logo,alt:e.title}),t("span",{class:"xll-sider-logo-title"},e.title))):null}renderMenuItems(e,o=0){return e.map((e=>e.children&&e.children.length>0?t("x-menu-submenu",{"item-key":e.key,disabled:e.disabled},e.icon&&t("x-icon",{slot:"icon",name:e.icon}),t("span",{slot:"title"},e.label),this.renderMenuItems(e.children,o+1)):t("x-menu-item",{"item-key":e.key,disabled:e.disabled},e.icon&&t("x-icon",{slot:"icon",name:e.icon}),e.label)))}renderSider(){const e=this.sider;return e.show?t("div",{class:{"xll-sider":!0,"xll-sider--collapsed":this.collapsed,"xll-sider--dark":"dark"===e.theme}},this.renderSiderLogo(),t("slot",{name:"sider-menu-before"}),t("div",{class:"xll-sider-menu-wrap"},t("x-menu",{mode:"inline",theme:e.theme,"inline-collapsed":this.collapsed,"selected-keys":this.selectedMenuKey?[this.selectedMenuKey]:void 0,"open-keys":this.openMenuKeys,onXSelect:this.handleMenuSelect},this.renderMenuItems(this.menuItems))),t("slot",{name:"sider-menu-after"}),t("div",{class:"xll-sider-collapse-trigger",onClick:this.handleCollapseToggle,title:this.collapsed?"Expand":"Collapse"},t("slot",{name:"sider-collapse-trigger"},t("x-icon",{name:this.collapsed?"menu_open":"menu"})))):null}renderBreadcrumb(e){return e&&0!==e.length?t("x-breadcrumb",null,e.map((e=>t("x-breadcrumb-item",{href:e.href},e.label)))):null}renderToolbar(){const e=this.content,o=e.breadcrumbs&&e.breadcrumbs.length>0,r=!!e.title;return t("div",{class:"xll-toolbar"},o||r?t("div",{class:"xll-toolbar-left"},t("slot",{name:"toolbar-breadcrumb"},o&&this.renderBreadcrumb(e.breadcrumbs)),t("slot",{name:"toolbar-title"},r&&t("h2",{class:"xll-toolbar-title"},e.title)),t("slot",{name:"toolbar-extra"})):t("div",{class:"xll-toolbar-left"},t("slot",{name:"toolbar-extra"})),t("div",{class:"xll-toolbar-actions"},t("slot",{name:"toolbar-actions"})))}renderPagination(){return this.hideOnSinglePage&&Math.ceil(this.total/this.pageSize)<=1||this.total<=0?null:t("div",{class:"xll-pagination"},t("slot",{name:"pagination-before"}),t("x-pagination",{total:this.total,current:this.current,pageSize:this.pageSize,showSizeChanger:this.showSizeChanger,pageSizeOptions:this.pageSizeOptions,hideOnSinglePage:this.hideOnSinglePage,onXChange:this.handlePageChange}),t("slot",{name:"pagination-after"}))}renderFooter(){const e=this.footer;return e.show?t("div",{class:"xll-footer"},t("slot",{name:"footer"},e.text)):null}render(){const e=this.content;return t(i,{key:"538439f32386c2147e13bba1306bab3cf43d6090"},t("div",{key:"7181281c43156112a3e9ee035792695b4483fca9",class:"xll-root"},this.renderHeader(),t("div",{key:"17bc7dc266f732204fcbe8343aa64357de5bdfe3",class:"xll-body"},this.renderSider(),t("main",{key:"3cde0e9d00589eb314a19476f6fc24cfbe872db3",class:"xll-content"},this.renderToolbar(),t("slot",{key:"f2d48c64b7cce47fdc96e10ec0b2fba994ba95eb",name:"content-before"}),t("div",{key:"0dcc464984971a5c2c7f6cf3b6de838bd360dfed",class:"xll-list-wrap"},t("x-list",{key:"03d4791e3364c8d6976480a8eb2cf1da7f8a39f5",loading:e.loading,bordered:!1,split:!0},t("slot",{key:"cb13b6db5034c2f366378a21b0fced191647d43a",name:"list-items"}))),t("slot",{key:"7942cb1a61320a7fd14c51e8e0bcf331f2dd7d58",name:"content-after"}),this.renderPagination())),this.renderFooter()))}static get watchers(){return{siderConfig:[{onSiderConfigChange:0}]}}static get style(){return":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;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}.xll-root{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;overflow:hidden;background:var(--x-color-bg-layout, #f5f5f5)}.xll-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-negative:0;flex-shrink:0;height:64px;padding:0 24px;background:var(--x-color-bg-container, #ffffff);border-bottom:1px solid var(--x-color-border-secondary, #f0f0f0);-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.08);box-shadow:0 1px 4px rgba(0, 0, 0, 0.08);z-index:10}.xll-header-title{font-size:18px;font-weight:600;color:var(--x-color-text, rgba(0, 0, 0, 0.88));margin:0}.xll-header-actions{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}.xll-body{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;overflow:hidden}.xll-sider{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;width:220px;background:var(--x-color-bg-container, #ffffff);border-right:1px solid var(--x-color-border-secondary, #f0f0f0);overflow:hidden;-webkit-transition:width 0.2s ease;transition:width 0.2s ease;position:relative}.xll-sider--collapsed{width:80px}.xll-sider--dark{background:#001529;border-right-color:rgba(255, 255, 255, 0.1)}.xll-sider--dark .xll-sider-logo-title{color:#fff}.xll-sider-logo{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px;height:64px;padding:0 16px;border-bottom:1px solid var(--x-color-border-secondary, f0f0f0);overflow:hidden;-ms-flex-negative:0;flex-shrink:0}.xll-sider-logo img{width:32px;height:32px;-o-object-fit:contain;object-fit:contain;-ms-flex-negative:0;flex-shrink:0;border-radius:6px}.xll-sider-logo-title{font-size:16px;font-weight:700;color:var(--x-color-text, rgba(0, 0, 0, 0.88));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease}.xll-sider--collapsed .xll-sider-logo-title{opacity:0;width:0}.xll-sider-menu-wrap{-ms-flex:1;flex:1;overflow-y:auto;overflow-x:hidden}.xll-sider-collapse-trigger{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;height:40px;cursor:pointer;border-top:1px solid var(--x-color-border-secondary, #f0f0f0);background:var(--x-color-bg-container, #ffffff);color:var(--x-color-text-secondary, rgba(0, 0, 0, 0.45));font-size:16px;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease}.xll-sider-collapse-trigger:hover{background:var(--x-color-bg-text-hover, rgba(0, 0, 0, 0.04));color:var(--x-color-text, rgba(0, 0, 0, 0.88))}.xll-content{-ms-flex:1;flex:1;overflow-y:auto;padding:24px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:0;min-width:0}.xll-toolbar{background:var(--x-color-bg-container, #ffffff);border-radius:8px 8px 0 0;padding:16px 24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--x-color-border-secondary, #f0f0f0)}.xll-toolbar-left{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:4px}.xll-toolbar-title{font-size:18px;font-weight:600;color:var(--x-color-text, rgba(0, 0, 0, 0.88));margin:0;line-height:1.4}.xll-toolbar-actions{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;-ms-flex-negative:0;flex-shrink:0}.xll-list-wrap{background:var(--x-color-bg-container, #ffffff);-ms-flex:1;flex:1}.xll-pagination{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:16px 24px;background:var(--x-color-bg-container, #ffffff);border-top:1px solid var(--x-color-border-secondary, #f0f0f0);border-radius:0 0 8px 8px;-ms-flex-negative:0;flex-shrink:0}.xll-footer{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;height:48px;padding:0 24px;background:var(--x-color-bg-container, #ffffff);border-top:1px solid var(--x-color-border-secondary, #f0f0f0);color:var(--x-color-text-secondary, rgba(0, 0, 0, 0.45));font-size:14px}"}},[769,"x-layout-list",{headerConfig:[16],footerConfig:[16],siderConfig:[16],menuItems:[16],selectedMenuKey:[1025,"selected-menu-key"],openMenuKeys:[1040],contentConfig:[16],total:[2],current:[1026],pageSize:[1026,"page-size"],showSizeChanger:[4,"show-size-changer"],pageSizeOptions:[16],hideOnSinglePage:[4,"hide-on-single-page"],collapsed:[32]},void 0,{siderConfig:[{onSiderConfigChange:0}]}]);function z(){"undefined"!=typeof customElements&&["x-layout-list","x-breadcrumb","x-breadcrumb-item","x-icon","x-list","x-list-item","x-menu","x-menu-item","x-menu-submenu","x-pagination","x-select","x-select-dropdown-content","x-spin"].forEach((o=>{switch(o){case"x-layout-list":customElements.get(e(o))||customElements.define(e(o),k);break;case"x-breadcrumb":customElements.get(e(o))||a();break;case"x-breadcrumb-item":customElements.get(e(o))||l();break;case"x-icon":customElements.get(e(o))||n();break;case"x-list":customElements.get(e(o))||s();break;case"x-list-item":customElements.get(e(o))||c();break;case"x-menu":customElements.get(e(o))||d();break;case"x-menu-item":customElements.get(e(o))||f();break;case"x-menu-submenu":customElements.get(e(o))||p();break;case"x-pagination":customElements.get(e(o))||g();break;case"x-select":customElements.get(e(o))||b();break;case"x-select-dropdown-content":customElements.get(e(o))||m();break;case"x-spin":customElements.get(e(o))||h()}}))}z();const C=k,S=z;export{C as XLayoutList,S as defineCustomElement}

package/components/x-layout.js

@@ -1 +1 @@
-import{X as o,d as r}from"./p-DTlSrH8_.js";const s=o,p=r;export{s as XLayout,p as defineCustomElement}
+import{X as o,d as s}from"./p-DcqkhKqy.js";const p=o,r=s;export{p as XLayout,r as defineCustomElement}

package/components/x-list-item.js

@@ -1 +1 @@
-import{X as o,d as p}from"./p-B6p-mzW-.js";const s=o,m=p;export{s as XListItem,m as defineCustomElement}
+import{X as s,d as o}from"./p-gQbQhfDs.js";const p=s,r=o;export{p as XListItem,r as defineCustomElement}

package/components/x-list.js

@@ -1 +1 @@
-import{t as o,p as r,H as x,h as e,d as i}from"./p-g6ZBqIze.js";import{d as a}from"./p-B6p-mzW-.js";import{d as t}from"./p-BvjR2Q5Q.js";const l=r(class extends x{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}bordered=!1;split=!0;size="default";headerText;footerText;loading=!1;dataSource;renderItem;pageSize=50;infiniteScroll=!1;visibleCount=50;componentWillLoad(){this.visibleCount=this.pageSize}handleScroll=o=>{if(!this.infiniteScroll||!this.dataSource)return;const r=o.target;r.scrollTop+r.clientHeight>=r.scrollHeight-50&&this.visibleCount<this.dataSource.length&&(this.visibleCount+=this.pageSize)};render(){const o=this.dataSource&&this.dataSource.length>0,r=o?this.dataSource.slice(0,this.visibleCount):[];return e(i,{key:"5ffe2ee8f69f6b320006f59c0b7b4ab1b6763eac",class:{"x-list":!0,"x-list-bordered":this.bordered,"x-list-split":this.split,["x-list-"+this.size]:!0,"x-list-loading":this.loading},onScroll:this.handleScroll,style:this.infiniteScroll?{overflowY:"auto",maxHeight:"100%"}:{}},this.headerText&&e("div",{key:"869fff1ae465cff9cce4f7e2fa9eb01b858963d4",class:"x-list-header"},this.headerText),e("slot",{key:"d59c70b4d8cf864517ac14ac12fb52c7fb4db401",name:"header"}),this.loading?e("div",{class:"x-list-spin"},e("x-spin",null)):e("div",{class:"x-list-items"},o?r.map(((o,r)=>this.renderItem?this.renderItem(o,r):e("x-list-item",null,o+""))):e("slot",null)),this.footerText&&e("div",{key:"95f7dc3a40c4d3c74ba156cc0a6dca2537329e87",class:"x-list-footer"},this.footerText),e("slot",{key:"0134301fac697ec64632a28da4dbb85061c56acc",name:"footer"}))}static get style(){return'@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:0;color:var(--x-list-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));font-size:var(--x-list-font-size, var(--x-font-size-base, 14px));font-variant:tabular-nums;line-height:var(--x-list-line-height, var(--x-line-height-base, 1.5715));list-style:none;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";position:relative}.x-list-bordered{border:var(--x-list-border-width, var(--x-border-width-base, 1px)) solid var(--x-list-border-color, var(--x-color-border, #d9d9d9));border-radius:var(--x-list-border-radius, var(--x-border-radius-xs, 4px))}.x-list-header,.x-list-footer{padding:var(--x-list-header-padding-block, var(--x-spacing-md, 16px)) var(--x-list-header-padding-inline, var(--x-spacing-lg, 24px));background:transparent}.x-list-header{border-bottom:var(--x-list-border-width, var(--x-border-width-base, 1px)) solid var(--x-list-split-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}.x-list-footer{border-top:var(--x-list-border-width, var(--x-border-width-base, 1px)) solid var(--x-list-split-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}.x-list-items{margin:0;padding:0;list-style:none}.x-list-loading{min-height:var(--x-list-loading-min-height, var(--x-control-height, 32px))}.x-list-loading .x-list-spin{text-align:center;padding:var(--x-list-loading-padding, var(--x-spacing-xl, 32px))}:host(.x-list-small) .x-list-header,:host(.x-list-small) .x-list-footer{padding:var(--x-list-header-padding-block-sm, var(--x-spacing-xs, 8px)) var(--x-list-header-padding-inline-sm, var(--x-spacing-md, 16px))}:host(.x-list-large) .x-list-header,:host(.x-list-large) .x-list-footer{padding:var(--x-list-header-padding-block, var(--x-spacing-md, 16px)) var(--x-list-header-padding-inline, var(--x-spacing-lg, 24px))}'}},[769,"x-list",{bordered:[4],split:[4],size:[1],headerText:[1,"header-text"],footerText:[1,"footer-text"],loading:[4],dataSource:[16],renderItem:[16],pageSize:[2,"page-size"],infiniteScroll:[4,"infinite-scroll"],visibleCount:[32]}]);function s(){"undefined"!=typeof customElements&&["x-list","x-list-item","x-spin"].forEach((r=>{switch(r){case"x-list":customElements.get(o(r))||customElements.define(o(r),l);break;case"x-list-item":customElements.get(o(r))||a();break;case"x-spin":customElements.get(o(r))||t()}}))}s();const c=l,n=s;export{c as XList,n as defineCustomElement}
+import{X as o,d as s}from"./p-BCuFZ3xx.js";const p=o,r=s;export{p as XList,r as defineCustomElement}

package/components/x-login.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface XLogin extends Components.XLogin, HTMLElement {}
+export const XLogin: {
+    prototype: XLogin;
+    new (): XLogin;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/x-login.js

@@ -0,0 +1 @@
+import{t as i,p as o,H as e,d as r,h as a,c as n}from"./p-BLqwG7xa.js";import{d as t}from"./p-9T3IQVUX.js";import{d as l}from"./p-k2uLDFNn.js";import{d as s}from"./p-DIZuWptV.js";import{d as x}from"./p-DZtvVtvb.js";import{d}from"./p-CmfyRJYt.js";import{d as c}from"./p-D4Joi-Km.js";import{d as m}from"./p-BzX-LA7W.js";import{d as g}from"./p-CzjK_fJj.js";import{d as p}from"./p-N4_1eZ9k.js";import{d as f}from"./p-CxMQkHjk.js";import{d as b}from"./p-DXMO8s1V.js";import{d as u}from"./p-C1PUbETy.js";import{d as v}from"./p-DwySgZYx.js";import{d as h}from"./p-DPo53FC8.js";import{d as w}from"./p-tMIvQ4L0.js";import{d as y}from"./p-DUjF0MeP.js";import{d as k}from"./p-jTIj1nFL.js";import{d as j}from"./p-Cuf33Rgj.js";import{d as z}from"./p-CIOnWzKr.js";import{d as E}from"./p-xzKm-BQN.js";import{d as S}from"./p-BogEYBiK.js";import{d as C}from"./p-C1_JmoB8.js";import{d as L}from"./p-4BROAJ-M.js";import{d as B}from"./p-Dn1c0e9W.js";import{d as P}from"./p-Da7AZprv.js";import{d as D}from"./p-Cp3SPBy3.js";import{d as U}from"./p-BSLE4EQn.js";import{d as F}from"./p-D_184xNl.js";import{d as I}from"./p-Cf_74fjT.js";import{d as M}from"./p-Brr9Q7gj.js";import{d as N}from"./p-B97Hj_bs.js";import{d as T}from"./p-CXhCHTJf.js";import{d as q}from"./p-CzErFq8K.js";import{d as A}from"./p-ez-wfqCC.js";import{d as O}from"./p-BoPZ9Se8.js";import{d as K}from"./p-BvOnPBRo.js";import{d as Q}from"./p-yktKa2eA.js";import{d as R}from"./p-DTPUsC3Q.js";import{d as W}from"./p-CkyEMR2k.js";import{d as _}from"./p-CnPsn8zN.js";import{d as H}from"./p-BGNOiTqa.js";import{d as V}from"./p-EYMvnfpO.js";import{d as G}from"./p-PNU1f8B9.js";import{d as J}from"./p-BnnNgLpE.js";import{d as Z}from"./p-CgaLhv3u.js";import{d as Y}from"./p-DtIk7IPf.js";import{d as X}from"./p-SFcKtdEL.js";import{d as $}from"./p-DobuHW4v.js";import{d as ii}from"./p-DINdyuGa.js";import{d as oi}from"./p-BQtB82ld.js";const ei={brandName:"Acme Inc.",title:"Login to your account",description:"Enter your email below to login to your account",emailPlaceholder:"name@example.com",passwordPlaceholder:"",submitLabel:"Login",emailLabel:"Email",passwordLabel:"Password",showForgotPassword:!0,showSignUpLink:!0,showRememberMe:!1,showSocialLogin:!1,showTerms:!1},ri=[{name:"google",label:"Login with Google"},{name:"github",label:"Login with GitHub"}],ai=o(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.xSubmit=r(this,"xSubmit",7),this.xSocialLogin=r(this,"xSocialLogin",7),this.xForgotPassword=r(this,"xForgotPassword",7),this.xSignUp=r(this,"xSignUp",7)}get el(){return this}variant="simple";config={};loading=!1;disabled=!1;error="";formSchema;email="";password="";rememberMe=!1;xSubmit;xSocialLogin;xForgotPassword;xSignUp;get cfg(){return{...ei,...this.config}}get socialProviders(){return this.cfg.socialProviders||ri}get socialLayout(){return this.cfg.socialLayout||"bottom"}capitalize(i){return i.charAt(0).toUpperCase()+i.slice(1)}get forgotPasswordPos(){return this.cfg.forgotPasswordPosition||"top-right"}isIconUrl(i){return!!i&&(i.startsWith("http://")||i.startsWith("https://")||i.startsWith("/")||i.startsWith("data:image/"))}buildDefaultLoginSchema(i){const o=this.cfg;return{id:"login-form-schema",layout:{type:"vertical",labelAlign:"left"},elements:[{type:"grid",name:"login_grid",columns:12,gap:16,disabled:this.disabled,elements:[{id:"login-email",type:"email",label:o.emailLabel,name:"email",placeholder:o.emailPlaceholder,span:12,size:"large",defaultValue:this.email,validators:[{type:"required"},{type:"email"}],validationMessages:{required:o.emailRequiredError||"Email is required",email:o.emailFormatError||"Please enter a valid email address"}},..."email-only"===this.variant?[]:[{id:"login-password",type:"password",label:o.passwordLabel,name:"password",placeholder:o.passwordPlaceholder,span:12,size:"large",defaultValue:this.password,validators:[{type:"required"}],validationMessages:{required:o.passwordRequiredError||"Password is required"}}],...o.showRememberMe?[{id:"login-remember-me",type:"checkbox",label:"",name:"rememberMe",span:12,options:[{label:"Remember me",value:!0}],defaultValue:this.rememberMe?[!0]:[],disabled:this.disabled}]:[],{id:"login-submit",type:"button",name:"submit_btn",content:i||o.submitLabel,buttonType:"primary",htmlType:"submit",shape:"default",span:12,block:!0,loading:this.loading,disabled:this.disabled,size:"large",align:"left"}]}]}}handleFormSubmit=i=>{if(this.disabled||this.loading)return;const o=i.detail?.value||{};this.email=o.email||"",this.password=o.password||"";const e=o.rememberMe;this.rememberMe=Array.isArray(e)?e.includes(!0):!!e,this.xSubmit.emit({email:this.email,password:"email-only"===this.variant?void 0:this.password,rememberMe:this.rememberMe})};handleSocialClick=i=>{this.xSocialLogin.emit({provider:i})};handleSignUp=i=>{this.cfg.signUpUrl||(i.preventDefault(),this.xSignUp.emit())};renderBrand(){const{brandName:i,brandLogo:o}=this.cfg;return a("div",{class:"x-login-brand"},a("slot",{name:"brand"},o?a("img",{class:"x-login-brand-logo",src:o,alt:i}):a("div",{class:"x-login-brand-icon"},i?.charAt(0)?.toUpperCase()||"A"),a("span",null,i)))}renderHeader(i,o){const e=o||this.cfg.description;return a("div",{class:"x-login-header"},a("slot",{name:"header"},a("h1",{class:"x-login-title"},i||this.cfg.title),e&&a("p",{class:"x-login-description"},e)))}renderError(){return this.error?a("div",{class:"x-login-error"},a("slot",{name:"error"},this.error)):null}renderForgotPassword(){return null}renderFormOptions(){return"bottom-right"===this.forgotPasswordPos&&this.cfg.showForgotPassword?a("div",{class:"x-login-options-row x-login-options-row--right"},this.renderForgotPassword()):null}renderFormBuilder(i){const o=this.formSchema||this.buildDefaultLoginSchema(i);return a("div",{class:"x-login-form"},"top-right"===this.forgotPasswordPos&&this.cfg.showForgotPassword&&a("div",{class:"x-login-field-row x-login-field-row--right"},this.renderForgotPassword()),a("x-form-builder",{schema:o,onFormSubmit:this.handleFormSubmit}),this.renderFormOptions())}renderDivider(i){const o=this.cfg.socialDividerText,e=void 0===o?"Or continue with":o,r=e.trim().length>0;return a("div",{class:{"x-login-layout-divider":!0,"x-login-layout-divider--vertical":!!i,"x-login-layout-divider--horizontal":!i,"x-login-layout-divider--has-text":r}},r&&a("span",{class:"x-login-layout-divider-text"},e))}renderSocialButtons(){if(!this.cfg.showSocialLogin||"side"===this.socialLayout)return null;if("icon-grid"===this.socialLayout)return this.renderSocialIconGrid();const i=this.socialProviders;return a("div",{class:"x-login-social"},this.renderDivider(!1),a("div",{class:"x-login-social-grid"},i.map((i=>a("x-button",{type:"default",block:!0,disabled:this.disabled,onClick:()=>this.handleSocialClick(i.name)},i.icon&&(this.isIconUrl(i.icon)?a("img",{slot:"icon",src:i.icon,alt:"",class:"x-login-social-img-icon"}):a("x-icon",{slot:"icon",name:i.icon})),i.label||"Login with "+this.capitalize(i.name))))))}renderSocialIconGrid(){if(!this.cfg.showSocialLogin)return null;const i=this.socialProviders;return a("div",{class:"x-login-social"},this.renderDivider(!1),a("div",{class:"x-login-social-icon-grid"},i.map((i=>a("button",{class:"x-login-social-icon-btn",type:"button",title:i.label||this.capitalize(i.name),disabled:this.disabled,onClick:()=>this.handleSocialClick(i.name)},i.icon?this.isIconUrl(i.icon)?a("img",{src:i.icon,alt:"",class:"x-login-social-img-icon"}):a("x-icon",{name:i.icon}):a("span",{class:"x-login-social-icon-letter"},i.name.charAt(0).toUpperCase()))))))}renderSocialSidePanel(){if(!this.cfg.showSocialLogin||"side"!==this.socialLayout)return null;const i=this.socialProviders;return a("div",{class:"x-login-social-side"},a("div",{class:"x-login-social-side-header"},this.cfg.socialSideTitle||"Sign in with Your Social Account"),a("div",{class:"x-login-social-side-list"},i.map((i=>a("x-button",{type:"default",block:!0,disabled:this.disabled,onClick:()=>this.handleSocialClick(i.name)},i.icon&&(this.isIconUrl(i.icon)?a("img",{slot:"icon",src:i.icon,alt:"",class:"x-login-social-img-icon"}):a("x-icon",{slot:"icon",name:i.icon})),i.label||"Login with "+this.capitalize(i.name))))))}renderWrappedCard(i){return"side"===this.socialLayout&&this.cfg.showSocialLogin?a("div",{class:"x-login-card x-login-card--with-side"},a("div",{class:"x-login-card-main"},i),this.renderDivider(!0),this.renderSocialSidePanel()):a("div",{class:"x-login-card"},i)}renderSignUpLink(){if(!this.cfg.showSignUpLink)return null;const{signUpUrl:i}=this.cfg;return a("slot",{name:"signup-link"},a("div",{class:"x-login-signup"},"Don't have an account?"," ",a("a",{class:"x-login-link x-login-link--inline",href:i||"#",onClick:this.handleSignUp},"Sign up")))}renderTerms(){if(!this.cfg.showTerms)return null;const{termsUrl:i,privacyUrl:o}=this.cfg;return a("slot",{name:"terms"},a("div",{class:"x-login-terms"},"By clicking continue, you agree to our"," ",a("a",{class:"x-login-link",href:i||"#"},"Terms of Service")," ","and"," ",a("a",{class:"x-login-link",href:o||"#"},"Privacy Policy"),"."))}renderSimple(){const i=[this.renderHeader(),this.renderError(),this.renderFormBuilder(),this.renderSocialButtons(),this.renderSignUpLink()];return a("div",{class:"x-login-simple"},a("div",{class:"x-login-simple-inner"},this.renderWrappedCard(i)))}renderSplitImage(){const{coverImage:i}=this.cfg,o="side"===this.socialLayout&&this.cfg.showSocialLogin,e=a("div",{class:{"x-login-split-form-wrapper":!0,"x-login-wrapper--with-side":o}},this.renderHeader(),this.renderError(),a("slot",{name:"form-before"}),this.renderFormBuilder(),a("slot",{name:"form-after"}),this.renderSocialButtons(),this.renderSignUpLink());return a("div",{class:"x-login-split-image"},a("div",{class:"x-login-split-form-side"},a("div",{class:"x-login-split-brand"},this.renderBrand()),a("div",{class:"x-login-split-form-center"},o?a("div",{class:"x-login-card--with-side"},a("div",{class:"x-login-card-main"},e),this.renderDivider(!0),this.renderSocialSidePanel()):e)),a("div",{class:"x-login-split-image-side"},a("slot",{name:"cover-image"},i&&a("img",{src:i,alt:"Cover"}))))}renderMutedBg(){const i=[this.renderHeader(),this.renderError(),a("slot",{name:"form-before"}),this.renderFormBuilder(),a("slot",{name:"form-after"}),this.renderSocialButtons(),this.renderSignUpLink()];return a("div",{class:"x-login-muted-bg"},a("div",{class:"x-login-muted-inner"},this.renderBrand(),this.renderWrappedCard(i)))}renderCardImage(){const{coverImage:i,brandName:o}=this.cfg,e="side"===this.socialLayout&&this.cfg.showSocialLogin,r=a("div",{class:{"x-login-card-image-form":!0,"x-login-wrapper--with-side":e}},this.renderHeader("Welcome back",`Login to your ${o} account`),this.renderError(),a("slot",{name:"form-before"}),this.renderFormBuilder(),a("slot",{name:"form-after"}),this.renderSocialButtons(),this.renderSignUpLink(),this.renderTerms());return a("div",{class:"x-login-card-image"},a("div",{class:{"x-login-card-image-container":!0,"x-login-container--with-side":e}},a("div",{class:{"x-login-card-image-grid":!0,"x-login-grid--with-side":e}},a("div",{class:"x-login-card-image-cover"},a("slot",{name:"cover-image"},i&&a("img",{src:i,alt:"Cover"}))),e?a("div",{class:"x-login-card--with-side"},r,this.renderDivider(!0),this.renderSocialSidePanel()):r)))}renderEmailOnly(){const{brandName:i}=this.cfg;return a("div",{class:"x-login-email-only"},a("div",{class:"x-login-email-inner"},this.renderBrand(),this.renderHeader("Welcome to "+i,void 0),this.renderError(),a("slot",{name:"form-before"}),this.renderFormBuilder("Login with Email"),a("slot",{name:"form-after"}),this.renderSocialButtons(),this.renderSignUpLink(),this.renderTerms()))}render(){let i;switch(this.variant){case"split-image":i=this.renderSplitImage();break;case"muted-bg":i=this.renderMutedBg();break;case"card-image":i=this.renderCardImage();break;case"email-only":i=this.renderEmailOnly();break;default:i=this.renderSimple()}return a(n,{key:"ce2e6931dcdb6762ed778ce8f04512f71bd652f1",class:{"x-login":!0,["x-login-variant-"+this.variant]:!0,"x-login-loading":this.loading,"x-login-disabled":this.disabled}},i)}static get style(){return'@charset "UTF-8";:host{display:block;font-family:var(--x-login-font-family, var(--x-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif));-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}.x-login-header{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap-sm, var(--x-spacing-sm, 8px));text-align:center}.x-login-title{margin:0;font-size:var(--x-login-title-font-size, 24px);font-weight:var(--x-login-title-font-weight, 600);line-height:var(--x-login-title-line-height, 1.33);color:var(--x-login-title-color, var(--x-color-text, rgba(0, 0, 0, 0.88)))}.x-login-description{margin:0;font-size:var(--x-login-description-font-size, var(--x-font-size-base, 14px));color:var(--x-login-description-color, var(--x-color-text-secondary, rgba(0, 0, 0, 0.45)))}.x-login-form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap, var(--x-spacing-md, 16px))}.x-login-field{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-field-gap, var(--x-spacing-xs, 6px))}.x-login-field-error{color:var(--x-color-error, #ff4d4f);font-size:12px;margin-top:4px;line-height:1.2}.x-login-label{font-size:var(--x-login-label-font-size, var(--x-font-size-base, 14px));font-weight:var(--x-login-label-font-weight, 500);color:var(--x-login-label-color, var(--x-color-text, rgba(0, 0, 0, 0.88)))}.x-login-field-row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.x-login-link{color:var(--x-login-link-color, var(--x-color-link, #1677ff));font-size:var(--x-login-link-font-size, var(--x-font-size-sm, 12px));text-decoration:underline;text-underline-offset:4px;cursor:pointer;background:none;border:none;padding:0;-webkit-transition:color var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));transition:color var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)))}.x-login-link:hover{color:var(--x-login-link-color-hover, var(--x-color-link-hover, #69b1ff))}.x-login-link--inline{font-size:var(--x-login-description-font-size, var(--x-font-size-base, 14px));text-decoration:underline;text-underline-offset:4px}.x-login-error{padding:var(--x-login-error-padding, 8px 12px);background:var(--x-login-error-bg, var(--x-color-error-bg, #fff2f0));border:var(--x-login-error-border, 1px solid var(--x-color-error-border, #ffccc7));border-radius:var(--x-login-error-border-radius, var(--x-border-radius-base, 6px));color:var(--x-login-error-color, var(--x-color-error, #ff4d4f));font-size:var(--x-login-error-font-size, var(--x-font-size-sm, 12px))}.x-login-signup{text-align:center;font-size:var(--x-login-description-font-size, var(--x-font-size-base, 14px));color:var(--x-login-description-color, var(--x-color-text-secondary, rgba(0, 0, 0, 0.45)))}.x-login-social{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap-sm, var(--x-spacing-sm, 8px))}.x-login-social-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--x-login-gap-sm, var(--x-spacing-sm, 8px));max-height:240px;overflow-y:auto;padding-right:4px}.x-login-social-grid:has(>:only-child){grid-template-columns:1fr}.x-login-social-img-icon{width:1.25em;height:1.25em;-o-object-fit:contain;object-fit:contain;-ms-flex-negative:0;flex-shrink:0;display:inline-block;vertical-align:middle}.x-login-card.x-login-card--with-side{-ms-flex-direction:row;flex-direction:row;max-width:none}@media (max-width: 768px){.x-login-card.x-login-card--with-side{-ms-flex-direction:column;flex-direction:column}}.x-login-card-main{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap, var(--x-spacing-md, 16px));min-width:0}.x-login-social-side{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap-sm, var(--x-spacing-sm, 8px));width:var(--x-login-social-side-width, 260px);-ms-flex-negative:0;flex-shrink:0}@media (max-width: 768px){.x-login-social-side{width:100%}}.x-login-social-side-header{font-size:var(--x-login-social-side-title-font-size, var(--x-font-size-base, 14px));font-weight:500;color:var(--x-login-social-side-title-color, var(--x-color-text-secondary, rgba(0, 0, 0, 0.45)));text-align:center;margin-bottom:var(--x-login-gap-sm, var(--x-spacing-sm, 8px))}.x-login-social-side-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap-sm, var(--x-spacing-sm, 8px));overflow-y:auto;max-height:400px;padding-right:4px}.x-login-social-icon-grid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--x-login-gap-sm, var(--x-spacing-sm, 8px));-ms-flex-pack:center;justify-content:center}.x-login-social-icon-btn{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--x-login-social-icon-size, 48px);height:var(--x-login-social-icon-size, 48px);border:var(--x-login-social-btn-border, 1px solid var(--x-color-border, #d9d9d9));border-radius:var(--x-login-social-icon-border-radius, var(--x-border-radius-base, 6px));background:var(--x-login-social-btn-bg, var(--x-color-bg-container, #ffffff));color:var(--x-login-social-btn-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));font-size:var(--x-login-social-icon-font-size, 18px);cursor:pointer;-webkit-transition:border-color var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), background-color var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), -webkit-box-shadow var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));transition:border-color var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), background-color var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), -webkit-box-shadow var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));transition:border-color var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), background-color var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), box-shadow var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));transition:border-color var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), background-color var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), box-shadow var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1))), -webkit-box-shadow var(--x-login-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-login-motion-easing, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));outline:none;padding:0}.x-login-social-icon-btn:hover{border-color:var(--x-color-primary, #1677ff);-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.08);box-shadow:0 2px 4px rgba(0, 0, 0, 0.08)}.x-login-social-icon-btn:active{background:var(--x-color-fill-secondary, rgba(0, 0, 0, 0.06))}.x-login-social-icon-btn:disabled{cursor:not-allowed;opacity:0.5}.x-login-social-icon-letter{font-weight:700;text-transform:uppercase}.x-login-simple .x-login-simple-inner:has(.x-login-card--with-side){max-width:720px}.x-login-muted-bg .x-login-muted-inner:has(.x-login-card--with-side){max-width:720px}.x-login-terms{text-align:center;font-size:var(--x-login-terms-font-size, var(--x-font-size-sm, 12px));color:var(--x-login-terms-color, var(--x-color-text-secondary, rgba(0, 0, 0, 0.45)));line-height:1.6}.x-login-brand{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--x-login-gap-sm, var(--x-spacing-sm, 8px));font-size:var(--x-login-brand-font-size, var(--x-font-size-base, 14px));font-weight:var(--x-login-brand-font-weight, 600);color:var(--x-login-title-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));text-decoration:none}.x-login-brand-logo{width:var(--x-login-brand-logo-size, 24px);height:var(--x-login-brand-logo-size, 24px);border-radius:var(--x-border-radius-sm, 4px);-o-object-fit:contain;object-fit:contain}.x-login-brand-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--x-login-brand-logo-size, 24px);height:var(--x-login-brand-logo-size, 24px);border-radius:var(--x-border-radius-sm, 4px);background:var(--x-color-primary, #1677ff);color:#ffffff;font-size:12px;font-weight:700}.x-login-remember-row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.x-login-options-row{display:-ms-flexbox;display:flex}.x-login-options-row--spaced{-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.x-login-options-row--right{-ms-flex-pack:end;justify-content:flex-end}.x-login-card{background:var(--x-login-card-bg, var(--x-color-bg-container, #ffffff));border:var(--x-login-card-border, 1px solid var(--x-color-border-secondary, #f0f0f0));border-radius:var(--x-login-card-border-radius, var(--x-border-radius-lg, 8px));-webkit-box-shadow:var(--x-login-card-shadow, 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));box-shadow:var(--x-login-card-shadow, 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));padding:var(--x-login-card-padding, var(--x-spacing-xl, 24px));display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap, var(--x-spacing-md, 16px))}.x-login-simple{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:var(--x-login-min-height, 100vh);padding:var(--x-login-padding, var(--x-spacing-xl, 24px));background:var(--x-login-page-bg, var(--x-color-bg-base, #ffffff))}.x-login-simple .x-login-simple-inner{width:100%;max-width:var(--x-login-max-width, 400px)}.x-login-split-image{display:grid;grid-template-columns:1fr 1fr;min-height:var(--x-login-min-height, 100vh)}@media (max-width: 1024px){.x-login-split-image{grid-template-columns:1fr}}.x-login-split-image .x-login-split-form-side{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap, var(--x-spacing-md, 16px));padding:var(--x-login-padding, var(--x-spacing-xl, 24px))}.x-login-split-image .x-login-split-brand{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}@media (min-width: 769px){.x-login-split-image .x-login-split-brand{-ms-flex-pack:start;justify-content:flex-start}}.x-login-split-image .x-login-split-form-center{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.x-login-split-image .x-login-split-form-center .x-login-card--with-side{display:-ms-flexbox;display:flex;width:100%;max-width:var(--x-login-social-side-card-width, 720px)}.x-login-split-image .x-login-split-form-wrapper{width:100%;max-width:360px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap, var(--x-spacing-md, 16px))}.x-login-split-image .x-login-split-form-wrapper.x-login-wrapper--with-side{max-width:var(--x-login-social-side-form-width, 360px);margin:0 auto;-ms-flex:1;flex:1}.x-login-split-image .x-login-split-image-side{position:relative;background:var(--x-login-muted-bg, var(--x-color-bg-layout, #f5f5f5));overflow:hidden}@media (max-width: 1024px){.x-login-split-image .x-login-split-image-side{display:none}}.x-login-split-image .x-login-split-image-side img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.x-login-muted-bg{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--x-login-gap, var(--x-spacing-md, 16px));min-height:var(--x-login-min-height, 100vh);padding:var(--x-login-padding, var(--x-spacing-xl, 24px));background:var(--x-login-muted-bg, var(--x-color-bg-layout, #f5f5f5))}.x-login-muted-bg .x-login-muted-inner{width:100%;max-width:var(--x-login-max-width, 400px);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap, var(--x-spacing-md, 16px))}.x-login-card-image{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:var(--x-login-min-height, 100vh);padding:var(--x-login-padding, var(--x-spacing-xl, 24px));background:var(--x-login-muted-bg, var(--x-color-bg-layout, #f5f5f5))}.x-login-card-image .x-login-card-image-container{width:100%;max-width:var(--x-login-card-max-width, 900px)}.x-login-card-image .x-login-card-image-container.x-login-container--with-side{max-width:var(--x-login-social-side-image-card-width, 1000px)}.x-login-card-image .x-login-card-image-grid{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:var(--x-login-card-bg, var(--x-color-bg-container, #ffffff));border:var(--x-login-card-border, 1px solid var(--x-color-border-secondary, #f0f0f0));border-radius:var(--x-login-card-border-radius, var(--x-border-radius-lg, 8px));-webkit-box-shadow:var(--x-login-card-shadow, 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));box-shadow:var(--x-login-card-shadow, 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-login-card-image .x-login-card-image-grid.x-login-grid--with-side{grid-template-columns:minmax(0, 1fr) auto}@media (max-width: 768px){.x-login-card-image .x-login-card-image-grid{grid-template-columns:1fr}}.x-login-card-image .x-login-card-image-cover{position:relative;overflow:hidden}@media (max-width: 768px){.x-login-card-image .x-login-card-image-cover{display:none}}.x-login-card-image .x-login-card-image-cover img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.x-login-card-image .x-login-card-image-form{padding:var(--x-login-card-padding, var(--x-spacing-xl, 24px));display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap, var(--x-spacing-md, 16px))}.x-login-card-image .x-login-card-image-form.x-login-wrapper--with-side{max-width:var(--x-login-social-side-form-width, 360px);margin:0 auto;-ms-flex:1;flex:1;padding-right:var(--x-login-padding, var(--x-spacing-xl, 24px))}.x-login-card-image .x-login-card--with-side{display:-ms-flexbox;display:flex;background:var(--x-login-card-bg, var(--x-color-bg-container, #ffffff))}.x-login-email-only{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--x-login-gap, var(--x-spacing-md, 16px));min-height:var(--x-login-min-height, 100vh);padding:var(--x-login-padding, var(--x-spacing-xl, 24px));background:var(--x-login-page-bg, var(--x-color-bg-base, #ffffff))}.x-login-email-only .x-login-email-inner{width:100%;max-width:var(--x-login-max-width, 400px);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--x-login-gap, var(--x-spacing-md, 16px))}.x-login-email-only .x-login-header{gap:4px}.x-login-layout-divider{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--x-color-text-secondary, rgba(0, 0, 0, 0.45));font-size:12px}.x-login-layout-divider--vertical{-ms-flex-direction:column;flex-direction:column;margin:0 24px;-ms-flex-item-align:stretch;align-self:stretch}.x-login-layout-divider--vertical::before,.x-login-layout-divider--vertical::after{content:"";-ms-flex:1 1 0%;flex:1 1 0%;border-left:1px solid var(--x-color-border-secondary, #f0f0f0)}.x-login-layout-divider--vertical.x-login-layout-divider--has-text::before{margin-bottom:8px}.x-login-layout-divider--vertical.x-login-layout-divider--has-text::after{margin-top:8px}@media (max-width: 768px){.x-login-layout-divider--vertical{-ms-flex-direction:row;flex-direction:row;margin:24px 0;width:100%}.x-login-layout-divider--vertical::before,.x-login-layout-divider--vertical::after{border-left:none;border-top:1px solid var(--x-color-border-secondary, #f0f0f0)}.x-login-layout-divider--vertical.x-login-layout-divider--has-text::before{margin-bottom:0;margin-right:8px;margin-top:0}.x-login-layout-divider--vertical.x-login-layout-divider--has-text::after{margin-top:0;margin-left:8px;margin-bottom:0}}.x-login-layout-divider--horizontal{-ms-flex-direction:row;flex-direction:row;margin:24px 0;width:100%}.x-login-layout-divider--horizontal::before,.x-login-layout-divider--horizontal::after{content:"";-ms-flex:1 1 0%;flex:1 1 0%;border-top:1px solid var(--x-color-border-secondary, #f0f0f0)}.x-login-layout-divider--horizontal.x-login-layout-divider--has-text::before{margin-right:8px;margin-bottom:0px}.x-login-layout-divider--horizontal.x-login-layout-divider--has-text::after{margin-left:8px;margin-top:0px}@media (max-width: 640px){.x-login-simple,.x-login-muted-bg,.x-login-card-image,.x-login-email-only{padding:var(--x-login-padding-sm, var(--x-spacing-md, 16px))}.x-login-card{padding:var(--x-login-padding-sm, var(--x-spacing-md, 16px))}}'}},[769,"x-login",{variant:[1],config:[16],loading:[4],disabled:[4],error:[1],formSchema:[16],email:[32],password:[32],rememberMe:[32]}]);function ni(){"undefined"!=typeof customElements&&["x-login","x-address","x-auto-complete","x-auto-complete-dropdown-content","x-avatar","x-button","x-captcha","x-card","x-cascader","x-cascader-dropdown-content","x-checkbox","x-color-picker","x-color-picker-panel","x-date-picker","x-date-picker-dropdown-content","x-divider","x-dropdown","x-dropdown-content","x-editor","x-empty","x-form-builder","x-form-item","x-icon","x-input","x-input-number","x-modal","x-modal-content","x-pagination","x-popover","x-popover-content","x-radio","x-radio-group","x-range-picker","x-range-picker-dropdown-content","x-rate","x-select","x-select-dropdown-content","x-slider","x-spin","x-switch","x-tab-pane","x-table","x-tabs","x-time-picker","x-time-picker-dropdown-content","x-tooltip","x-tooltip-content","x-transfer","x-tree-select","x-tree-select-dropdown-content","x-upload"].forEach((o=>{switch(o){case"x-login":customElements.get(i(o))||customElements.define(i(o),ai);break;case"x-address":customElements.get(i(o))||t();break;case"x-auto-complete":customElements.get(i(o))||l();break;case"x-auto-complete-dropdown-content":customElements.get(i(o))||s();break;case"x-avatar":customElements.get(i(o))||x();break;case"x-button":customElements.get(i(o))||d();break;case"x-captcha":customElements.get(i(o))||c();break;case"x-card":customElements.get(i(o))||m();break;case"x-cascader":customElements.get(i(o))||g();break;case"x-cascader-dropdown-content":customElements.get(i(o))||p();break;case"x-checkbox":customElements.get(i(o))||f();break;case"x-color-picker":customElements.get(i(o))||b();break;case"x-color-picker-panel":customElements.get(i(o))||u();break;case"x-date-picker":customElements.get(i(o))||v();break;case"x-date-picker-dropdown-content":customElements.get(i(o))||h();break;case"x-divider":customElements.get(i(o))||w();break;case"x-dropdown":customElements.get(i(o))||y();break;case"x-dropdown-content":customElements.get(i(o))||k();break;case"x-editor":customElements.get(i(o))||j();break;case"x-empty":customElements.get(i(o))||z();break;case"x-form-builder":customElements.get(i(o))||E();break;case"x-form-item":customElements.get(i(o))||S();break;case"x-icon":customElements.get(i(o))||C();break;case"x-input":customElements.get(i(o))||L();break;case"x-input-number":customElements.get(i(o))||B();break;case"x-modal":customElements.get(i(o))||P();break;case"x-modal-content":customElements.get(i(o))||D();break;case"x-pagination":customElements.get(i(o))||U();break;case"x-popover":customElements.get(i(o))||F();break;case"x-popover-content":customElements.get(i(o))||I();break;case"x-radio":customElements.get(i(o))||M();break;case"x-radio-group":customElements.get(i(o))||N();break;case"x-range-picker":customElements.get(i(o))||T();break;case"x-range-picker-dropdown-content":customElements.get(i(o))||q();break;case"x-rate":customElements.get(i(o))||A();break;case"x-select":customElements.get(i(o))||O();break;case"x-select-dropdown-content":customElements.get(i(o))||K();break;case"x-slider":customElements.get(i(o))||Q();break;case"x-spin":customElements.get(i(o))||R();break;case"x-switch":customElements.get(i(o))||W();break;case"x-tab-pane":customElements.get(i(o))||_();break;case"x-table":customElements.get(i(o))||H();break;case"x-tabs":customElements.get(i(o))||V();break;case"x-time-picker":customElements.get(i(o))||G();break;case"x-time-picker-dropdown-content":customElements.get(i(o))||J();break;case"x-tooltip":customElements.get(i(o))||Z();break;case"x-tooltip-content":customElements.get(i(o))||Y();break;case"x-transfer":customElements.get(i(o))||X();break;case"x-tree-select":customElements.get(i(o))||$();break;case"x-tree-select-dropdown-content":customElements.get(i(o))||ii();break;case"x-upload":customElements.get(i(o))||oi()}}))}ni();const ti=ai,li=ni;export{ti as XLogin,li as defineCustomElement}

package/components/x-mentions.js

@@ -1 +1 @@
-import{t as o,p as r,H as x,c as e,h as i,d as t}from"./p-g6ZBqIze.js";const a=r(class extends x{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.xChange=e(this,"xChange",7),this.xSelect=e(this,"xSelect",7),this.xSearch=e(this,"xSearch",7)}get el(){return this}value="";options=[];triggerPrefix="@";placeholder="";loading=!1;disabled=!1;rows=3;open=!1;filterOptions=[];activeIndex=0;popupStyle={top:"0",left:"0"};xChange;xSelect;xSearch;textarea;measureDiv;componentDidLoad(){this.measureDiv=document.createElement("div"),this.measureDiv.style.position="absolute",this.measureDiv.style.visibility="hidden",this.measureDiv.style.whiteSpace="pre-wrap",this.measureDiv.style.wordWrap="break-word",this.el.shadowRoot.appendChild(this.measureDiv)}handleWindowClick(o){this.el.contains(o.target)||(this.open=!1)}handleInput(o){const r=o.target;this.value=r.value,this.xChange.emit(this.value);const x=this.value.slice(0,r.selectionStart),e=Math.max(...[].concat(this.triggerPrefix).map((o=>x.lastIndexOf(o))));if(-1!==e){const o=x.slice(e+1);if(!/\s/.test(o)&&(this.xSearch.emit(o),this.filterOptions=this.options.filter((r=>r.value.toLowerCase().includes(o.toLowerCase())||r.label.toLowerCase().includes(o.toLowerCase()))),this.filterOptions.length>0))return this.open=!0,this.activeIndex=0,void this.updatePopupPosition(r,e)}this.open=!1}updatePopupPosition(o,r){const x=window.getComputedStyle(o);this.measureDiv.style.font=x.font,this.measureDiv.style.padding=x.padding,this.measureDiv.style.border=x.border,this.measureDiv.style.width=x.width;const e=o.value.slice(0,r+1);this.measureDiv.textContent=e;const i=document.createElement("span");i.textContent=".",this.measureDiv.appendChild(i),this.popupStyle={top:o.offsetHeight+"px",left:"0"}}handleKeyDown(o){this.open&&("ArrowDown"===o.key?(o.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.filterOptions.length):"ArrowUp"===o.key?(o.preventDefault(),this.activeIndex=(this.activeIndex-1+this.filterOptions.length)%this.filterOptions.length):"Enter"===o.key?(o.preventDefault(),this.selectOption(this.filterOptions[this.activeIndex])):"Escape"===o.key&&(this.open=!1))}selectOption(o){const r=this.textarea.selectionStart,x=this.value.slice(0,r),e=Math.max(...[].concat(this.triggerPrefix).map((o=>x.lastIndexOf(o)))),i=this.value.slice(r),t=this.value.slice(e,e+1),a=this.value.slice(0,e)+t+o.value+" "+i;this.value=a,this.xChange.emit(this.value),this.xSelect.emit(o),this.open=!1,setTimeout((()=>{this.textarea.focus();const r=e+1+o.value.length+1;this.textarea.setSelectionRange(r,r)}),0)}render(){return i(t,{key:"7223117577aad1c73291ab68fbd70d79b89a0cc8",class:"x-mentions"},i("textarea",{key:"1ae44273a687c944885622e3508e33658e4715ac",ref:o=>this.textarea=o,class:"x-mentions-textarea",value:this.value,rows:this.rows,placeholder:this.placeholder,disabled:this.disabled,onInput:o=>this.handleInput(o),onKeyDown:o=>this.handleKeyDown(o)}),this.open&&i("div",{key:"5d44c8c63575b764a6b5a9eead7fb92b90ed4164",class:"x-mentions-dropdown",style:this.popupStyle},this.loading?i("div",{class:"x-mentions-dropdown-loading"},"Loading..."):i("ul",{class:"x-mentions-dropdown-menu"},this.filterOptions.map(((o,r)=>i("li",{class:{"x-mentions-dropdown-menu-item":!0,"x-mentions-dropdown-menu-item-active":r===this.activeIndex},onClick:()=>this.selectOption(o),onMouseEnter:()=>this.activeIndex=r},o.label))))))}static get style(){return'@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%;position:relative;font-family:var(--x-mentions-font-family, var(--x-font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif))}.x-mentions-textarea{width:100%;padding:var(--x-mentions-padding-vertical, var(--x-control-padding-vertical, 4px)) var(--x-mentions-padding-horizontal, var(--x-control-padding-horizontal, 11px));color:var(--x-mentions-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));font-size:var(--x-mentions-font-size, var(--x-font-size-base, 14px));line-height:var(--x-mentions-line-height, var(--x-line-height-base, 1.5714));background-color:var(--x-mentions-bg, var(--x-color-bg-container, #ffffff));background-image:none;border:var(--x-mentions-border-width, var(--x-border-width-base, 1px)) solid var(--x-mentions-border-color, var(--x-color-border, #d9d9d9));border-radius:var(--x-mentions-border-radius, var(--x-border-radius-xs, 4px));-webkit-transition:all var(--x-mentions-motion-duration, var(--x-motion-duration-mid, 0.2s));transition:all var(--x-mentions-motion-duration, var(--x-motion-duration-mid, 0.2s));resize:vertical}.x-mentions-textarea:hover{border-color:var(--x-mentions-border-color-hover, var(--x-color-primary-hover, #4096ff))}.x-mentions-textarea:focus{border-color:var(--x-mentions-border-color-focus, var(--x-color-primary, #1677ff));outline:0;-webkit-box-shadow:var(--x-mentions-focus-shadow, 0 0 0 2px var(--x-color-primary-bg, rgba(22, 119, 255, 0.1)));box-shadow:var(--x-mentions-focus-shadow, 0 0 0 2px var(--x-color-primary-bg, rgba(22, 119, 255, 0.1)))}.x-mentions-textarea:disabled{color:var(--x-mentions-color-disabled, var(--x-color-text-disabled, rgba(0, 0, 0, 0.25)));background-color:var(--x-mentions-bg-disabled, var(--x-color-bg-container-disabled, rgba(0, 0, 0, 0.04)));cursor:not-allowed}.x-mentions-dropdown{position:absolute;background:var(--x-mentions-dropdown-bg, var(--x-color-bg-elevated, #ffffff));border-radius:var(--x-mentions-border-radius, var(--x-border-radius-xs, 4px));-webkit-box-shadow:var(--x-mentions-dropdown-shadow, var(--x-shadow-lg, 0 6px 16px rgba(0, 0, 0, 0.08)));box-shadow:var(--x-mentions-dropdown-shadow, var(--x-shadow-lg, 0 6px 16px rgba(0, 0, 0, 0.08)));z-index:var(--x-mentions-dropdown-z-index, var(--x-z-index-dropdown, 1050));min-width:var(--x-mentions-dropdown-min-width, 100px)}.x-mentions-dropdown-loading{padding:var(--x-mentions-spacing-xs, var(--x-spacing-xs, 8px));color:var(--x-mentions-loading-color, var(--x-color-text-tertiary, rgba(0, 0, 0, 0.45)));text-align:center}.x-mentions-dropdown-menu{list-style:none;padding:var(--x-mentions-spacing-xxs, var(--x-spacing-xxs, 4px)) 0;margin:0;max-height:var(--x-mentions-dropdown-max-height, 250px);overflow-y:auto}.x-mentions-dropdown-menu-item{padding:var(--x-mentions-spacing-xs, var(--x-spacing-xs, 8px)) var(--x-mentions-spacing-md, var(--x-spacing-md, 16px));cursor:pointer;-webkit-transition:background var(--x-mentions-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-mentions-motion-ease, ease);transition:background var(--x-mentions-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-mentions-motion-ease, ease)}.x-mentions-dropdown-menu-item-active,.x-mentions-dropdown-menu-item:hover{background-color:var(--x-mentions-item-bg-hover, var(--x-color-fill-secondary, rgba(0, 0, 0, 0.06)))}'}},[513,"x-mentions",{value:[1025],options:[16],triggerPrefix:[1,"trigger-prefix"],placeholder:[1],loading:[4],disabled:[4],rows:[2],open:[32],filterOptions:[32],activeIndex:[32],popupStyle:[32]},[[8,"click","handleWindowClick"]]]);function n(){"undefined"!=typeof customElements&&["x-mentions"].forEach((r=>{"x-mentions"===r&&(customElements.get(o(r))||customElements.define(o(r),a))}))}n();const s=a,c=n;export{s as XMentions,c as defineCustomElement}
+import{t as o,p as r,H as x,d as e,h as i,c as t}from"./p-BLqwG7xa.js";const a=r(class extends x{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.xChange=e(this,"xChange",7),this.xSelect=e(this,"xSelect",7),this.xSearch=e(this,"xSearch",7)}get el(){return this}value="";options=[];triggerPrefix="@";placeholder="";loading=!1;disabled=!1;rows=3;open=!1;filterOptions=[];activeIndex=0;popupStyle={top:"0",left:"0"};xChange;xSelect;xSearch;textarea;measureDiv;componentDidLoad(){this.measureDiv=document.createElement("div"),this.measureDiv.style.position="absolute",this.measureDiv.style.visibility="hidden",this.measureDiv.style.whiteSpace="pre-wrap",this.measureDiv.style.wordWrap="break-word",this.el.shadowRoot.appendChild(this.measureDiv)}handleWindowClick(o){this.el.contains(o.target)||(this.open=!1)}handleInput(o){const r=o.target;this.value=r.value,this.xChange.emit(this.value);const x=this.value.slice(0,r.selectionStart),e=Math.max(...[].concat(this.triggerPrefix).map((o=>x.lastIndexOf(o))));if(-1!==e){const o=x.slice(e+1);if(!/\s/.test(o)&&(this.xSearch.emit(o),this.filterOptions=this.options.filter((r=>r.value.toLowerCase().includes(o.toLowerCase())||r.label.toLowerCase().includes(o.toLowerCase()))),this.filterOptions.length>0))return this.open=!0,this.activeIndex=0,void this.updatePopupPosition(r,e)}this.open=!1}updatePopupPosition(o,r){const x=window.getComputedStyle(o);this.measureDiv.style.font=x.font,this.measureDiv.style.padding=x.padding,this.measureDiv.style.border=x.border,this.measureDiv.style.width=x.width;const e=o.value.slice(0,r+1);this.measureDiv.textContent=e;const i=document.createElement("span");i.textContent=".",this.measureDiv.appendChild(i),this.popupStyle={top:o.offsetHeight+"px",left:"0"}}handleKeyDown(o){this.open&&("ArrowDown"===o.key?(o.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.filterOptions.length):"ArrowUp"===o.key?(o.preventDefault(),this.activeIndex=(this.activeIndex-1+this.filterOptions.length)%this.filterOptions.length):"Enter"===o.key?(o.preventDefault(),this.selectOption(this.filterOptions[this.activeIndex])):"Escape"===o.key&&(this.open=!1))}selectOption(o){const r=this.textarea.selectionStart,x=this.value.slice(0,r),e=Math.max(...[].concat(this.triggerPrefix).map((o=>x.lastIndexOf(o)))),i=this.value.slice(r),t=this.value.slice(e,e+1),a=this.value.slice(0,e)+t+o.value+" "+i;this.value=a,this.xChange.emit(this.value),this.xSelect.emit(o),this.open=!1,setTimeout((()=>{this.textarea.focus();const r=e+1+o.value.length+1;this.textarea.setSelectionRange(r,r)}),0)}render(){return i(t,{key:"c54a525ffb66e36db9cd46dfb883d994f46a6815",class:"x-mentions"},i("textarea",{key:"bcaea9e9d220091e623041d3d7321879991b3f87",ref:o=>this.textarea=o,class:"x-mentions-textarea",value:this.value,rows:this.rows,placeholder:this.placeholder,disabled:this.disabled,onInput:o=>this.handleInput(o),onKeyDown:o=>this.handleKeyDown(o)}),this.open&&i("div",{key:"e11bddc43500c8fe69110b8db5acfeadaaa4be41",class:"x-mentions-dropdown",style:this.popupStyle},this.loading?i("div",{class:"x-mentions-dropdown-loading"},"Loading..."):i("ul",{class:"x-mentions-dropdown-menu"},this.filterOptions.map(((o,r)=>i("li",{class:{"x-mentions-dropdown-menu-item":!0,"x-mentions-dropdown-menu-item-active":r===this.activeIndex},onClick:()=>this.selectOption(o),onMouseEnter:()=>this.activeIndex=r},o.label))))))}static get style(){return"@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;width:100%;position:relative;font-family:var(--x-mentions-font-family, var(--x-font-family-base, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif))}.x-mentions-textarea{width:100%;padding:var(--x-mentions-padding-vertical, var(--x-control-padding-vertical, 4px)) var(--x-mentions-padding-horizontal, var(--x-control-padding-horizontal, 11px));color:var(--x-mentions-color, var(--x-color-text, rgba(0, 0, 0, 0.88)));font-size:var(--x-mentions-font-size, var(--x-font-size-base, 14px));line-height:var(--x-mentions-line-height, var(--x-line-height-base, 1.5714));background-color:var(--x-mentions-bg, var(--x-color-bg-container, #ffffff));background-image:none;border:var(--x-mentions-border-width, var(--x-border-width-base, 1px)) solid var(--x-mentions-border-color, var(--x-color-border, #d9d9d9));border-radius:var(--x-mentions-border-radius, var(--x-border-radius-xs, 4px));-webkit-transition:all var(--x-mentions-motion-duration, var(--x-motion-duration-mid, 0.2s));transition:all var(--x-mentions-motion-duration, var(--x-motion-duration-mid, 0.2s));resize:vertical}.x-mentions-textarea:hover{border-color:var(--x-mentions-border-color-hover, var(--x-color-primary-hover, #4096ff))}.x-mentions-textarea:focus{border-color:var(--x-mentions-border-color-focus, var(--x-color-primary, #1677ff));outline:0;-webkit-box-shadow:var(--x-mentions-focus-shadow, 0 0 0 2px var(--x-color-primary-bg, rgba(22, 119, 255, 0.1)));box-shadow:var(--x-mentions-focus-shadow, 0 0 0 2px var(--x-color-primary-bg, rgba(22, 119, 255, 0.1)))}.x-mentions-textarea:disabled{color:var(--x-mentions-color-disabled, var(--x-color-text-disabled, rgba(0, 0, 0, 0.25)));background-color:var(--x-mentions-bg-disabled, var(--x-color-bg-container-disabled, rgba(0, 0, 0, 0.04)));cursor:not-allowed}.x-mentions-dropdown{position:absolute;background:var(--x-mentions-dropdown-bg, var(--x-color-bg-elevated, #ffffff));border-radius:var(--x-mentions-border-radius, var(--x-border-radius-xs, 4px));-webkit-box-shadow:var(--x-mentions-dropdown-shadow, var(--x-shadow-lg, 0 6px 16px rgba(0, 0, 0, 0.08)));box-shadow:var(--x-mentions-dropdown-shadow, var(--x-shadow-lg, 0 6px 16px rgba(0, 0, 0, 0.08)));z-index:var(--x-mentions-dropdown-z-index, var(--x-z-index-dropdown, 1050));min-width:var(--x-mentions-dropdown-min-width, 100px)}.x-mentions-dropdown-loading{padding:var(--x-mentions-spacing-xs, var(--x-spacing-xs, 8px));color:var(--x-mentions-loading-color, var(--x-color-text-tertiary, rgba(0, 0, 0, 0.45)));text-align:center}.x-mentions-dropdown-menu{list-style:none;padding:var(--x-mentions-spacing-xxs, var(--x-spacing-xxs, 4px)) 0;margin:0;max-height:var(--x-mentions-dropdown-max-height, 250px);overflow-y:auto}.x-mentions-dropdown-menu-item{padding:var(--x-mentions-spacing-xs, var(--x-spacing-xs, 8px)) var(--x-mentions-spacing-md, var(--x-spacing-md, 16px));cursor:pointer;-webkit-transition:background var(--x-mentions-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-mentions-motion-ease, ease);transition:background var(--x-mentions-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-mentions-motion-ease, ease)}.x-mentions-dropdown-menu-item-active,.x-mentions-dropdown-menu-item:hover{background-color:var(--x-mentions-item-bg-hover, var(--x-color-fill-secondary, rgba(0, 0, 0, 0.06)))}"}},[513,"x-mentions",{value:[1025],options:[16],triggerPrefix:[1,"trigger-prefix"],placeholder:[1],loading:[4],disabled:[4],rows:[2],open:[32],filterOptions:[32],activeIndex:[32],popupStyle:[32]},[[8,"click","handleWindowClick"]]]);function n(){"undefined"!=typeof customElements&&["x-mentions"].forEach((r=>{"x-mentions"===r&&(customElements.get(o(r))||customElements.define(o(r),a))}))}n();const s=a,c=n;export{s as XMentions,c as defineCustomElement}

package/components/x-menu-divider.js

@@ -1 +1 @@
-import{t as e,p as d,H as r,h as i,d as n}from"./p-g6ZBqIze.js";const o=d(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}dashed=!1;_menuTheme="light";_inlineCollapsed=!1;render(){return i(n,{key:"43b87efc6047e948398ec366b047b5ebde5b3f27",class:{"x-menu-divider":!0,"x-menu-divider-dashed":this.dashed,"x-menu-divider-collapsed-hidden":this._inlineCollapsed,["x-menu-divider-"+this._menuTheme]:!0},role:"separator"})}static get style(){return":host{display:block;height:1px;margin:var(--x-menu-divider-margin-block, var(--x-spacing-xxs, 4px)) var(--x-menu-divider-margin-inline, 0);background-color:var(--x-menu-divider-color, var(--x-color-split, rgba(5, 5, 5, 0.06)));border:none}:host(.x-menu-divider-dashed){background:none;border-top:1px dashed var(--x-menu-divider-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}:host(.x-menu-divider-dark){background-color:var(--x-menu-divider-dark-color, rgba(255, 255, 255, 0.1))}:host(.x-menu-divider-dark.x-menu-divider-dashed){background:none;border-top-color:var(--x-menu-divider-dark-color, rgba(255, 255, 255, 0.1))}:host(.x-menu-divider-collapsed-hidden){display:none !important}"}},[513,"x-menu-divider",{dashed:[4],_menuTheme:[1,"_menu-theme"],_inlineCollapsed:[4,"_inline-collapsed"]}]);function s(){"undefined"!=typeof customElements&&["x-menu-divider"].forEach((d=>{"x-menu-divider"===d&&(customElements.get(e(d))||customElements.define(e(d),o))}))}s();const a=o,t=s;export{a as XMenuDivider,t as defineCustomElement}
+import{t as e,p as d,H as r,h as i,c as n}from"./p-BLqwG7xa.js";const o=d(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}dashed=!1;_menuTheme="light";_inlineCollapsed=!1;render(){return i(n,{key:"0e2d60f1085c88a5d49dd165bb565a8f5025c269",class:{"x-menu-divider":!0,"x-menu-divider-dashed":this.dashed,"x-menu-divider-collapsed-hidden":this._inlineCollapsed,["x-menu-divider-"+this._menuTheme]:!0},role:"separator"})}static get style(){return":host{display:block;height:1px;margin:var(--x-menu-divider-margin-block, var(--x-spacing-xxs, 4px)) var(--x-menu-divider-margin-inline, 0);background-color:var(--x-menu-divider-color, var(--x-color-split, rgba(5, 5, 5, 0.06)));border:none}:host(.x-menu-divider-dashed){background:none;border-top:1px dashed var(--x-menu-divider-color, var(--x-color-split, rgba(5, 5, 5, 0.06)))}:host(.x-menu-divider-dark){background-color:var(--x-menu-divider-dark-color, rgba(255, 255, 255, 0.1))}:host(.x-menu-divider-dark.x-menu-divider-dashed){background:none;border-top-color:var(--x-menu-divider-dark-color, rgba(255, 255, 255, 0.1))}:host(.x-menu-divider-collapsed-hidden){display:none !important}"}},[513,"x-menu-divider",{dashed:[4],_menuTheme:[1,"_menu-theme"],_inlineCollapsed:[4,"_inline-collapsed"]}]);function a(){"undefined"!=typeof customElements&&["x-menu-divider"].forEach((d=>{"x-menu-divider"===d&&(customElements.get(e(d))||customElements.define(e(d),o))}))}a();const s=o,t=a;export{s as XMenuDivider,t as defineCustomElement}

package/components/x-menu-item-group.js

@@ -1 +1 @@
-import{t as e,p as n,H as t,h as i,d as o}from"./p-g6ZBqIze.js";const a=n(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}groupTitle;_menuMode="vertical";_menuTheme="light";_inlineCollapsed=!1;_level=0;_inlineIndent=24;componentDidLoad(){this.syncChildrenProps()}componentDidUpdate(){this.syncChildrenProps()}handlePropsChange(){this.syncChildrenProps()}syncChildrenProps(){const e=e=>{const n=e,t=e.tagName.toLowerCase();("x-menu-item"===t||"x-menu-submenu"===t)&&(n._menuMode=this._menuMode,n._menuTheme=this._menuTheme,n._level=this._level,n._inlineIndent=this._inlineIndent)},n=this.el.shadowRoot?.querySelector("slot:not([name])");n&&n.assignedElements().forEach((n=>e(n)))}getInlinePadding(){return"inline"===this._menuMode?this._level*this._inlineIndent+16+"px":""}render(){const e=this.getInlinePadding();return i(o,{key:"6fc76bbb053651bde5ffcfdae0216c8d0a47c520",class:{"x-menu-item-group":!0,"x-menu-item-group-collapsed-hidden":this._inlineCollapsed,["x-menu-item-group-"+this._menuTheme]:!0},role:"group"},i("div",{key:"474e9d78cc1534a08a78cba7849b51b20dccabb5",class:"x-menu-item-group-title",style:e?{paddingInlineStart:e}:{},part:"title"},i("slot",{key:"31284eaed7dca12ab8be8440ed4fdfb3b04c9790",name:"title"},this.groupTitle)),i("ul",{key:"c0969f8dfde1a16d2bd07e3a5c7a43fafc0fa405",class:"x-menu-item-group-list",part:"list"},i("slot",{key:"7f4dabd91cd5bd468400200257bd9c0fa74e8022",onSlotchange:()=>this.syncChildrenProps()})))}static get watchers(){return{_menuMode:[{handlePropsChange:0}],_menuTheme:[{handlePropsChange:0}],_level:[{handlePropsChange:0}],_inlineIndent:[{handlePropsChange:0}]}}static get style(){return'@charset "UTF-8";:host{display:block}.x-menu-item-group-title{height:var(--x-menu-group-title-height, 32px);padding:0 var(--x-menu-item-padding-inline, var(--x-padding-md, 16px));color:var(--x-menu-group-title-color, var(--x-color-text-description, rgba(0, 0, 0, 0.45)));font-size:var(--x-menu-group-title-font-size, var(--x-font-size-base, 14px));line-height:var(--x-menu-group-title-height, 32px);-webkit-transition:all var(--x-menu-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-menu-motion-ease, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));transition:all var(--x-menu-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-menu-motion-ease, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x-menu-item-group-list{margin:0;padding:0;list-style:none}:host(.x-menu-item-group-dark) .x-menu-item-group-title{color:var(--x-menu-dark-group-title-color, rgba(255, 255, 255, 0.65))}:host(.x-menu-item-group-collapsed-hidden){display:none !important}'}},[769,"x-menu-item-group",{groupTitle:[1,"group-title"],_menuMode:[1,"_menu-mode"],_menuTheme:[1,"_menu-theme"],_inlineCollapsed:[4,"_inline-collapsed"],_level:[2],_inlineIndent:[2,"_inline-indent"]},void 0,{_menuMode:[{handlePropsChange:0}],_menuTheme:[{handlePropsChange:0}],_level:[{handlePropsChange:0}],_inlineIndent:[{handlePropsChange:0}]}]);function r(){"undefined"!=typeof customElements&&["x-menu-item-group"].forEach((n=>{"x-menu-item-group"===n&&(customElements.get(e(n))||customElements.define(e(n),a))}))}r();const s=a,l=r;export{s as XMenuItemGroup,l as defineCustomElement}
+import{t as e,p as n,H as t,h as i,c as o}from"./p-BLqwG7xa.js";const a=n(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}groupTitle;_menuMode="vertical";_menuTheme="light";_inlineCollapsed=!1;_level=0;_inlineIndent=24;componentDidLoad(){this.syncChildrenProps()}componentDidUpdate(){this.syncChildrenProps()}handlePropsChange(){this.syncChildrenProps()}syncChildrenProps(){const e=e=>{const n=e,t=e.tagName.toLowerCase();("x-menu-item"===t||"x-menu-submenu"===t)&&(n._menuMode=this._menuMode,n._menuTheme=this._menuTheme,n._level=this._level,n._inlineIndent=this._inlineIndent)},n=this.el.shadowRoot?.querySelector("slot:not([name])");n&&n.assignedElements().forEach((n=>e(n)))}getInlinePadding(){return"inline"===this._menuMode?this._level*this._inlineIndent+16+"px":""}render(){const e=this.getInlinePadding();return i(o,{key:"66ac1f308c0fa6f60a6abf2013ee9b2e25132913",class:{"x-menu-item-group":!0,"x-menu-item-group-collapsed-hidden":this._inlineCollapsed,["x-menu-item-group-"+this._menuTheme]:!0},role:"group"},i("div",{key:"a7e0a7d154570181579a66deb1bc4ec9100c43cf",class:"x-menu-item-group-title",style:e?{paddingInlineStart:e}:{},part:"title"},i("slot",{key:"4001f894e741cb1852df98d5769ec1d602da6643",name:"title"},this.groupTitle)),i("ul",{key:"09a19be5bfa585c24ed6176c673a2a9830b89c0e",class:"x-menu-item-group-list",part:"list"},i("slot",{key:"e3aa616eaa6b01d20d3710ec3245af63de0cbf86",onSlotchange:()=>this.syncChildrenProps()})))}static get watchers(){return{_menuMode:[{handlePropsChange:0}],_menuTheme:[{handlePropsChange:0}],_level:[{handlePropsChange:0}],_inlineIndent:[{handlePropsChange:0}]}}static get style(){return'@charset "UTF-8";:host{display:block}.x-menu-item-group-title{height:var(--x-menu-group-title-height, 32px);padding:0 var(--x-menu-item-padding-inline, var(--x-padding-md, 16px));color:var(--x-menu-group-title-color, var(--x-color-text-description, rgba(0, 0, 0, 0.45)));font-size:var(--x-menu-group-title-font-size, var(--x-font-size-base, 14px));line-height:var(--x-menu-group-title-height, 32px);-webkit-transition:all var(--x-menu-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-menu-motion-ease, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));transition:all var(--x-menu-motion-duration, var(--x-motion-duration-mid, 0.2s)) var(--x-menu-motion-ease, var(--x-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1)));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x-menu-item-group-list{margin:0;padding:0;list-style:none}:host(.x-menu-item-group-dark) .x-menu-item-group-title{color:var(--x-menu-dark-group-title-color, rgba(255, 255, 255, 0.65))}:host(.x-menu-item-group-collapsed-hidden){display:none !important}'}},[769,"x-menu-item-group",{groupTitle:[1,"group-title"],_menuMode:[1,"_menu-mode"],_menuTheme:[1,"_menu-theme"],_inlineCollapsed:[4,"_inline-collapsed"],_level:[2],_inlineIndent:[2,"_inline-indent"]},void 0,{_menuMode:[{handlePropsChange:0}],_menuTheme:[{handlePropsChange:0}],_level:[{handlePropsChange:0}],_inlineIndent:[{handlePropsChange:0}]}]);function r(){"undefined"!=typeof customElements&&["x-menu-item-group"].forEach((n=>{"x-menu-item-group"===n&&(customElements.get(e(n))||customElements.define(e(n),a))}))}r();const s=a,l=r;export{s as XMenuItemGroup,l as defineCustomElement}

package/components/x-menu-item.js

@@ -1 +1 @@
-import{X as o,d as p}from"./p-BM-ap7lt.js";const s=o,t=p;export{s as XMenuItem,t as defineCustomElement}
+import{X as s,d as o}from"./p-CtFbsd8j.js";const t=s,p=o;export{t as XMenuItem,p as defineCustomElement}