@kdcloudjs/kingdee-base-components 0.0.5 → 0.0.7

package/dist/esm/kd/tag.js

@@ -1 +1 @@
-import{parseFragment as t,registerTemplate as a,freezeTemplate as d,registerDecorators as s,registerComponent as o}from"@kdcloudjs/kwc";import r from"./icon.js";import e from"./shadowBaseClassPrivate.js";import"../utilsPrivate-ekbvijnB.js";import"../client-Ddi3i8XR.js";import"../ssr-C2pjZzfv.js";import"../observable-tloG64m6.js";import"../empty_html-CjXB8rB4.js";import"../i18n-B98kiI7M.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";var i=[function(t,a,d){var s=t?"["+t+"]":"",o=t?"["+t+"-host]":"";return[a?":host .kdds-tag":o+" .kdds-tag",s," {display: inline-flex;border-width: var(--kdds-c-tag-border-width, 1px);border-style: solid;text-align: center;cursor: pointer;box-sizing: border-box;}",a?":host .kdds-tag":o+" .kdds-tag",s," .kdds-tag-label",s," {flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}",a?":host .kdds-tag-size-small":o+" .kdds-tag-size-small",s," {font-size: var(--kdds-c-tag-font-size-small);padding-inline-start: var(--kdds-c-tag-padding-left-small);padding-inline-end: var(--kdds-c-tag-padding-right-small);padding-top: var(--kdds-c-tag-padding-top-small);padding-bottom: var(--kdds-c-tag-padding-top-small);line-height: calc(var(--kdds-c-tag-line-height-small) * var(--kdds-c-tag-font-size-small));height: var(--kdds-c-tag-min-height-small, 20px);min-width: var(--kdds-c-tag-sizing-min-width-small, 28px);--kdds-c-icon-font-size:var(--kdds-c-tag-sizing-close-small, 12px)\r\n}",a?":host .kdds-tag-size-medium":o+" .kdds-tag-size-medium",s," {font-size: var(--kdds-c-tag-font-size-medium);padding-inline-start: var(--kdds-c-tag-padding-left-medium);padding-inline-end: var(--kdds-c-tag-padding-right-medium);padding-top: var(--kdds-c-tag-padding-top-medium);padding-bottom: var(--kdds-c-tag-padding-bottom-medium);line-height: calc(var(--kdds-c-tag-line-height-medium) * var(--kdds-c-tag-font-size-medium));height: var(--kdds-c-tag-min-height-medium, 26px);min-width: var(--kdds-c-tag-sizing-min-width-medium, 30px);--kdds-c-icon-font-size:var(--kdds-c-tag-sizing-close-small, 16px)\r\n\r\n}",a?":host .kdds-tag-size-large":o+" .kdds-tag-size-large",s," {font-size: var(--kdds-c-tag-font-size-large);padding-inline-start: var(--kdds-c-tag-padding-left-large);padding-inline-end: var(--kdds-c-tag-padding-right-large);padding-top: var(--kdds-c-tag-padding-top-large);padding-bottom: var(--kdds-c-tag-padding-bottom-large);line-height: calc(var(--kdds-c-tag-line-height-large) * var(--kdds-c-tag-font-size-large));height: var(--kdds-c-tag-min-height-large, 32px);min-width: var(--kdds-c-tag-sizing-min-width-large, 40px);--kdds-c-icon-font-size:var(--kdds-c-tag-sizing-close-small, 20px)\r\n\r\n}",a?":host .kdds-tag-shape-square":o+" .kdds-tag-shape-square",s," {border-radius: var(--kdds-c-tag-shape-round-border-radius);}",a?":host .kdds-tag-shape-round":o+" .kdds-tag-shape-round",s," {border-radius: var(--kdds-c-tag-shape-round-radius);}",a?":host .kdds-tag-shape-mark":o+" .kdds-tag-shape-mark",s," {border-radius: var(--kdds-c-tag-shape-mark-radius);}",a?":host .kdds-tag-variant-dark":o+" .kdds-tag-variant-dark",s," {color: var(--kdds-c-tag-dark-color);}",a?":host .kdds-tag-icon-close":o+" .kdds-tag-icon-close",s," {transition: opacity 0.2s ease, color 0.3s ease;}",a?":host .kdds-tag-variant-dark.kdds-tag-state-default":o+" .kdds-tag-variant-dark.kdds-tag-state-default",s," {background-color: var(--kdds-c-tag-dark-background-default);}",a?":host .kdds-tag-variant-dark.kdds-tag-state-success":o+" .kdds-tag-variant-dark.kdds-tag-state-success",s," {background-color: var(--kdds-c-tag-dark-background-success);}",a?":host .kdds-tag-variant-dark.kdds-tag-state-processing":o+" .kdds-tag-variant-dark.kdds-tag-state-processing",s," {background-color: var(--kdds-c-tag-dark-background-processing);}",a?":host .kdds-tag-variant-dark.kdds-tag-state-warning":o+" .kdds-tag-variant-dark.kdds-tag-state-warning",s," {background-color: var(--kdds-c-tag-dark-background-warning);}",a?":host .kdds-tag-variant-dark.kdds-tag-state-error":o+" .kdds-tag-variant-dark.kdds-tag-state-error",s," {background-color: var(--kdds-c-tag-dark-background-error);}",a?":host .kdds-tag-variant-dark.kdds-tag-state-invalid":o+" .kdds-tag-variant-dark.kdds-tag-state-invalid",s," {background-color: var(--kdds-c-tag-dark-background-invalid);}",a?":host .kdds-tag-variant-outlined":o+" .kdds-tag-variant-outlined",s," {background-color: var(--kdds-c-tag-outlined-background);}",a?":host .kdds-tag-variant-outlined.kdds-tag-state-default":o+" .kdds-tag-variant-outlined.kdds-tag-state-default",s," {color: var(--kdds-c-tag-outlined-color-default);border-color: var(--kdds-c-tag-outlined-border-default);}",a?":host .kdds-tag-variant-outlined.kdds-tag-state-success":o+" .kdds-tag-variant-outlined.kdds-tag-state-success",s," {color: var(--kdds-c-tag-outlined-color-success);border-color: var(--kdds-c-tag-outlined-border-success);}",a?":host .kdds-tag-variant-outlined.kdds-tag-state-processing":o+" .kdds-tag-variant-outlined.kdds-tag-state-processing",s," {color: var(--kdds-c-tag-outlined-color-processing);border-color: var(--kdds-c-tag-outlined-border-processing);}",a?":host .kdds-tag-variant-outlined.kdds-tag-state-warning":o+" .kdds-tag-variant-outlined.kdds-tag-state-warning",s," {color: var(--kdds-c-tag-outlined-color-warning);border-color: var(--kdds-c-tag-outlined-border-warning);}",a?":host .kdds-tag-variant-outlined.kdds-tag-state-error":o+" .kdds-tag-variant-outlined.kdds-tag-state-error",s," {color: var(--kdds-c-tag-outlined-color-error);border-color: var(--kdds-c-tag-outlined-border-error);}",a?":host .kdds-tag-variant-outlined.kdds-tag-state-invalid":o+" .kdds-tag-variant-outlined.kdds-tag-state-invalid",s," {color: var(--kdds-c-tag-outlined-color-invalid);border-color: var(--kdds-c-tag-outlined-border-invalid);}",a?":host .kdds-tag-variant-light":o+" .kdds-tag-variant-light",s," {border: none;}",a?":host .kdds-tag-variant-light.kdds-tag-state-default":o+" .kdds-tag-variant-light.kdds-tag-state-default",s," {background-color: var(--kdds-c-tag-light-background-default);color: var(--kdds-c-tag-light-color-default);}",a?":host .kdds-tag-variant-light.kdds-tag-state-success":o+" .kdds-tag-variant-light.kdds-tag-state-success",s," {background-color: var(--kdds-c-tag-light-background-success);color: var(--kdds-c-tag-light-color-success);}",a?":host .kdds-tag-variant-light.kdds-tag-state-processing":o+" .kdds-tag-variant-light.kdds-tag-state-processing",s," {background-color: var(--kdds-c-tag-light-background-processing);color: var(--kdds-c-tag-light-color-processing);}",a?":host .kdds-tag-variant-light.kdds-tag-state-warning":o+" .kdds-tag-variant-light.kdds-tag-state-warning",s," {background-color: var(--kdds-c-tag-light-background-warning);color: var(--kdds-c-tag-light-color-warning);}",a?":host .kdds-tag-variant-light.kdds-tag-state-error":o+" .kdds-tag-variant-light.kdds-tag-state-error",s," {background-color: var(--kdds-c-tag-light-background-error);color: var(--kdds-c-tag-light-color-error);}",a?":host .kdds-tag-variant-light.kdds-tag-state-invalid":o+" .kdds-tag-variant-light.kdds-tag-state-invalid",s," {background-color: var(--kdds-c-tag-light-background-invalid);color: var(--kdds-c-tag-light-color-invalid);}",a?":host .kdds-tag-variant-light-outlined.kdds-tag-state-default":o+" .kdds-tag-variant-light-outlined.kdds-tag-state-default",s," {background-color: var(--kdds-c-tag-light-outlined-background-default);color: var(--kdds-c-tag-light-outlined-color-default);border-color: var(--kdds-c-tag-light-outlined-border-default);}",a?":host .kdds-tag-variant-light-outlined.kdds-tag-state-success":o+" .kdds-tag-variant-light-outlined.kdds-tag-state-success",s," {background-color: var(--kdds-c-tag-light-outlined-background-success);color: var(--kdds-c-tag-light-outlined-color-success);border-color: var(--kdds-c-tag-light-outlined-border-success);}",a?":host .kdds-tag-variant-light-outlined.kdds-tag-state-processing":o+" .kdds-tag-variant-light-outlined.kdds-tag-state-processing",s," {background-color: var(--kdds-c-tag-light-outlined-background-processing);color: var(--kdds-c-tag-light-outlined-color-processing);border-color: var(--kdds-c-tag-light-outlined-border-processing);}",a?":host .kdds-tag-variant-light-outlined.kdds-tag-state-warning":o+" .kdds-tag-variant-light-outlined.kdds-tag-state-warning",s," {background-color: var(--kdds-c-tag-light-outlined-background-warning);color: var(--kdds-c-tag-light-outlined-color-warning);border-color: var(--kdds-c-tag-light-outlined-border-warning);}",a?":host .kdds-tag-variant-light-outlined.kdds-tag-state-error":o+" .kdds-tag-variant-light-outlined.kdds-tag-state-error",s," {background-color: var(--kdds-c-tag-light-outlined-background-error);color: var(--kdds-c-tag-light-outlined-color-error);border-color: var(--kdds-c-tag-light-outlined-border-error);}",a?":host .kdds-tag-variant-light-outlined.kdds-tag-state-invalid":o+" .kdds-tag-variant-light-outlined.kdds-tag-state-invalid",s," {background-color: var(--kdds-c-tag-light-outlined-background-invalid);color: var(--kdds-c-tag-light-outlined-color-invalid);border-color: var(--kdds-c-tag-light-outlined-border-invalid);}",a?":host .kdds-tag-variant-text":o+" .kdds-tag-variant-text",s," {border: none;padding: 0;}",a?":host .kdds-tag-variant-text.kdds-tag-state-default":o+" .kdds-tag-variant-text.kdds-tag-state-default",s," {color: var(--kdds-c-tag-text-color-default);}",a?":host .kdds-tag-variant-text.kdds-tag-state-success":o+" .kdds-tag-variant-text.kdds-tag-state-success",s," {color: var(--kdds-c-tag-text-color-success);}",a?":host .kdds-tag-variant-text.kdds-tag-state-processing":o+" .kdds-tag-variant-text.kdds-tag-state-processing",s," {color: var(--kdds-c-tag-text-color-processing);}",a?":host .kdds-tag-variant-text.kdds-tag-state-warning":o+" .kdds-tag-variant-text.kdds-tag-state-warning",s," {color: var(--kdds-c-tag-text-color-warning);}",a?":host .kdds-tag-variant-text.kdds-tag-state-error":o+" .kdds-tag-variant-text.kdds-tag-state-error",s," {color: var(--kdds-c-tag-text-color-error);}",a?":host .kdds-tag-variant-text.kdds-tag-state-invalid":o+" .kdds-tag-variant-text.kdds-tag-state-invalid",s," {color: var(--kdds-c-tag-text-color-invalid);}",a?":host .kdds-tag-state-default":o+" .kdds-tag-state-default",s," .kdds-tag-icon-close:hover",s," {color: var(--kdds-c-tag-close-color-default-hover);}",a?":host .kdds-tag-state-success":o+" .kdds-tag-state-success",s," .kdds-tag-icon-close:hover",s," {color: var(--kdds-c-tag-close-color-success-hover);}",a?":host .kdds-tag-state-processing":o+" .kdds-tag-state-processing",s," .kdds-tag-icon-close:hover",s," {color: var(--kdds-c-tag-close-color-processing-hover);}",a?":host .kdds-tag-state-warning":o+" .kdds-tag-state-warning",s," .kdds-tag-icon-close:hover",s," {color: var(--kdds-c-tag-close-color-warning-hover);}",a?":host .kdds-tag-state-error":o+" .kdds-tag-state-error",s," .kdds-tag-icon-close:hover",s," {color: var(--kdds-c-tag-close-color-error-hover);}",a?":host .kdds-tag-state-invalid":o+" .kdds-tag-state-invalid",s," .kdds-tag-icon-close:hover",s," {color: var(--kdds-c-tag-close-color-invalid-hover);}",a?":host .kdds-tag-state-default":o+" .kdds-tag-state-default",s," .kdds-tag-icon-close:active",s," {color: var(--kdds-c-tag-close-color-default-active);}",a?":host .kdds-tag-state-success":o+" .kdds-tag-state-success",s," .kdds-tag-icon-close:active",s," {color: var(--kdds-c-tag-close-color-success-active);}",a?":host .kdds-tag-state-processing":o+" .kdds-tag-state-processing",s," .kdds-tag-icon-close:active",s," {color: var(--kdds-c-tag-close-color-processing-active);}",a?":host .kdds-tag-state-warning":o+" .kdds-tag-state-warning",s," .kdds-tag-icon-close:active",s," {color: var(--kdds-c-tag-close-color-warning-active);}",a?":host .kdds-tag-state-error":o+" .kdds-tag-state-error",s," .kdds-tag-icon-close:active",s," {color: var(--kdds-c-tag-close-color-error-active);}",a?":host .kdds-tag-state-invalid":o+" .kdds-tag-state-invalid",s," .kdds-tag-icon-close:active",s," {color: var(--kdds-c-tag-close-color-invalid-active);}",a?":host .kdds-tag-variant-dark":o+" .kdds-tag-variant-dark",s," .kdds-tag-icon-close",s," {color: var(--kdds-c-tag-dark-close-color);}",a?":host .kdds-tag-variant-dark":o+" .kdds-tag-variant-dark",s," .kdds-tag-icon-close:hover",s," {color: var(--kdds-c-tag-dark-close-hover-color);}",a?":host .kdds-tag-variant-dark":o+" .kdds-tag-variant-dark",s," .kdds-tag-icon-close:active",s," {color: var(--kdds-c-tag-dark-close-active-color);}",a?":host .kdds-tag-custom-color":o+" .kdds-tag-custom-color",s," .kdds-tag-icon-close:hover",s," {opacity: var(--kdds-c-tag-custom-close-opacity-hover);}",a?":host .kdds-tag-custom-color":o+" .kdds-tag-custom-color",s," .kdds-tag-icon-close:active",s," {opacity: var(--kdds-c-tag-custom-close-opacity-active);}",a?":host .kdds-tag":o+" .kdds-tag",s," .kdds-tag-icon-prefix",s," {margin-inline-end: var(--kdds-c-tag-prefixicon-margin-right);}",a?":host .kdds-tag":o+" .kdds-tag",s," .kdds-tag-icon-suffix",s," {margin-inline-start: var(--kdds-c-tag-suffixicon-margin-left);}",a?":host .kdds-tag":o+" .kdds-tag",s," .kdds-tag-icon-close",s," {margin-inline-start: var(--kdds-c-tag-close-margin-left);}"].join("")}];const g=t`<span class="kdds-tag-label${0}"${2}>${"t1"}</span>`;function c(t,a,d,s){const{ncls:o,c:e,d:i,sp:c,st:n,b:l,h:k}=t,{_m0:v}=s;return[k("div",{style:a.computedStyle,className:o(a.computedClass),attrs:{title:a.label},key:0},[a.prefixicon?e("kd-icon",r,{className:o(a.computedprefixIconClass),props:{iconName:a.prefixicon,size:a.computedIconsize},key:1}):null,n(g,3,[c(1,null,i(a.label))]),a.suffixicon?e("kd-icon",r,{className:o(a.computedsuffixIconClass),props:{iconName:a.suffixicon,size:a.computedIconsize},key:4}):null,a.closable?e("kd-icon",r,{className:o(a.computedCloseIconClass),props:{iconName:"kdfont-guanbi15",size:a.computedIconsize},key:5,on:v||(s._m0={click:l(a.handleCloseClick)})}):null])]}var n=a(c);c.stylesheets=[],c.stylesheetToken="kwc-7ahara2hm6n",c.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\tag-undefined_tag",i&&c.stylesheets.push.apply(c.stylesheets,i),d(c);class l extends e{constructor(...t){super(...t),this.label=void 0,this.prefixicon=void 0,this.suffixicon=void 0,this.shape="round",this.size="medium",this.maxwidth="100",this.closable=!1,this.state="default",this.variant="light-outlined"}get computedClass(){const t=["round","square","mark"].includes(this.shape)?this.shape:"round",a=["default","success","processing","warning","error","invalid"].includes(this.state)?this.state:"default";return`kdds-tag ${`kdds-tag-shape-${t}`} ${a?`kdds-tag-state-${a}`:""} ${`kdds-tag-variant-${["dark","outlined","light","light-outlined","text"].includes(this.variant)?this.variant:"light-outlined"}`} ${`kdds-tag-size-${["small","medium","large"].includes(this.size)?this.size:"small"}`}`}get computedStyle(){let t="",a=100;if(this.maxwidth){const t=String(this.maxwidth).match(/^(\d+)(px)?$/);t&&(a=Number(t[1]))}return a>0&&(t+=`max-width: ${a}px;`),t}get computedprefixIconClass(){return"kdds-tag-icon kdds-tag-icon-prefix"}get computedsuffixIconClass(){return"kdds-tag-icon kdds-tag-icon-suffix"}get computedCloseIconClass(){return"kdds-tag-icon kdds-tag-icon-close"}get computedIconsize(){return"small"===this.size?"12":"medium"===this.size?"16":"20"}handleCloseClick(t){t.stopPropagation(),this.closable&&this.dispatchEvent(new CustomEvent("close",{detail:{label:this.label}}))}}s(l,{publicProps:{label:{config:0},prefixicon:{config:0},suffixicon:{config:0},shape:{config:0},size:{config:0},maxwidth:{config:0},closable:{config:0},state:{config:0},variant:{config:0}}});const k=o(l,{tmpl:n,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\tag-",apiVersion:63});export{k as default};
+import{parseFragment as t,registerTemplate as a,freezeTemplate as d,registerDecorators as s,registerComponent as o}from"@kdcloudjs/kwc";import r from"./icon.js";import e from"./shadowBaseClassPrivate.js";import"../utilsPrivate-CI3EeA5x.js";import"../client-Ddi3i8XR.js";import"../ssr-C2pjZzfv.js";import"../observable-tloG64m6.js";import"../empty_html-CjXB8rB4.js";import"../i18n-B98kiI7M.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";var i=[function(t,a,d){var s=t?"["+t+"]":"",o=t?"["+t+"-host]":"";return[a?":host .kdds-tag":o+" .kdds-tag",s," {display: inline-flex;border-width: var(--kdds-c-tag-border-width, 1px);border-style: solid;text-align: center;cursor: pointer;box-sizing: border-box;}",a?":host .kdds-tag":o+" .kdds-tag",s," .kdds-tag-label",s," {flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}",a?":host .kdds-tag-size-small":o+" .kdds-tag-size-small",s," {font-size: var(--kdds-c-tag-font-size-small);padding-inline-start: var(--kdds-c-tag-padding-left-small);padding-inline-end: var(--kdds-c-tag-padding-right-small);padding-top: var(--kdds-c-tag-padding-top-small);padding-bottom: var(--kdds-c-tag-padding-top-small);line-height: calc(var(--kdds-c-tag-line-height-small) * var(--kdds-c-tag-font-size-small));height: var(--kdds-c-tag-min-height-small, 20px);min-width: var(--kdds-c-tag-sizing-min-width-small, 28px);--kdds-c-icon-font-size:var(--kdds-c-tag-sizing-close-small, 12px)\r\n}",a?":host .kdds-tag-size-medium":o+" .kdds-tag-size-medium",s," {font-size: var(--kdds-c-tag-font-size-medium);padding-inline-start: var(--kdds-c-tag-padding-left-medium);padding-inline-end: var(--kdds-c-tag-padding-right-medium);padding-top: var(--kdds-c-tag-padding-top-medium);padding-bottom: var(--kdds-c-tag-padding-bottom-medium);line-height: calc(var(--kdds-c-tag-line-height-medium) * var(--kdds-c-tag-font-size-medium));height: var(--kdds-c-tag-min-height-medium, 26px);min-width: var(--kdds-c-tag-sizing-min-width-medium, 30px);--kdds-c-icon-font-size:var(--kdds-c-tag-sizing-close-small, 16px)\r\n\r\n}",a?":host .kdds-tag-size-large":o+" .kdds-tag-size-large",s," {font-size: var(--kdds-c-tag-font-size-large);padding-inline-start: var(--kdds-c-tag-padding-left-large);padding-inline-end: var(--kdds-c-tag-padding-right-large);padding-top: var(--kdds-c-tag-padding-top-large);padding-bottom: var(--kdds-c-tag-padding-bottom-large);line-height: calc(var(--kdds-c-tag-line-height-large) * var(--kdds-c-tag-font-size-large));height: var(--kdds-c-tag-min-height-large, 32px);min-width: var(--kdds-c-tag-sizing-min-width-large, 40px);--kdds-c-icon-font-size:var(--kdds-c-tag-sizing-close-small, 20px)\r\n\r\n}",a?":host .kdds-tag-shape-square":o+" .kdds-tag-shape-square",s," {border-radius: var(--kdds-c-tag-shape-round-border-radius);}",a?":host .kdds-tag-shape-round":o+" .kdds-tag-shape-round",s," {border-radius: var(--kdds-c-tag-shape-round-radius);}",a?":host .kdds-tag-shape-mark":o+" .kdds-tag-shape-mark",s," {border-radius: var(--kdds-c-tag-shape-mark-radius);}",a?":host .kdds-tag-variant-dark":o+" .kdds-tag-variant-dark",s," {color: var(--kdds-c-tag-dark-color);}",a?":host .kdds-tag-icon-close":o+" .kdds-tag-icon-close",s," {transition: opacity 0.2s ease, color 0.3s ease;}",a?":host .kdds-tag-variant-dark.kdds-tag-state-default":o+" .kdds-tag-variant-dark.kdds-tag-state-default",s," {background-color: var(--kdds-c-tag-dark-background-default);}",a?":host .kdds-tag-variant-dark.kdds-tag-state-success":o+" .kdds-tag-variant-dark.kdds-tag-state-success",s," {background-color: var(--kdds-c-tag-dark-background-success);}",a?":host .kdds-tag-variant-dark.kdds-tag-state-processing":o+" .kdds-tag-variant-dark.kdds-tag-state-processing",s," {background-color: var(--kdds-c-tag-dark-background-processing);}",a?":host .kdds-tag-variant-dark.kdds-tag-state-warning":o+" .kdds-tag-variant-dark.kdds-tag-state-warning",s," {background-color: var(--kdds-c-tag-dark-background-warning);}",a?":host .kdds-tag-variant-dark.kdds-tag-state-error":o+" .kdds-tag-variant-dark.kdds-tag-state-error",s," {background-color: var(--kdds-c-tag-dark-background-error);}",a?":host .kdds-tag-variant-dark.kdds-tag-state-invalid":o+" .kdds-tag-variant-dark.kdds-tag-state-invalid",s," {background-color: var(--kdds-c-tag-dark-background-invalid);}",a?":host .kdds-tag-variant-outlined":o+" .kdds-tag-variant-outlined",s," {background-color: var(--kdds-c-tag-outlined-background);}",a?":host .kdds-tag-variant-outlined.kdds-tag-state-default":o+" .kdds-tag-variant-outlined.kdds-tag-state-default",s," {color: var(--kdds-c-tag-outlined-color-default);border-color: var(--kdds-c-tag-outlined-border-default);}",a?":host .kdds-tag-variant-outlined.kdds-tag-state-success":o+" .kdds-tag-variant-outlined.kdds-tag-state-success",s," {color: var(--kdds-c-tag-outlined-color-success);border-color: var(--kdds-c-tag-outlined-border-success);}",a?":host .kdds-tag-variant-outlined.kdds-tag-state-processing":o+" .kdds-tag-variant-outlined.kdds-tag-state-processing",s," {color: var(--kdds-c-tag-outlined-color-processing);border-color: var(--kdds-c-tag-outlined-border-processing);}",a?":host .kdds-tag-variant-outlined.kdds-tag-state-warning":o+" .kdds-tag-variant-outlined.kdds-tag-state-warning",s," {color: var(--kdds-c-tag-outlined-color-warning);border-color: var(--kdds-c-tag-outlined-border-warning);}",a?":host .kdds-tag-variant-outlined.kdds-tag-state-error":o+" .kdds-tag-variant-outlined.kdds-tag-state-error",s," {color: var(--kdds-c-tag-outlined-color-error);border-color: var(--kdds-c-tag-outlined-border-error);}",a?":host .kdds-tag-variant-outlined.kdds-tag-state-invalid":o+" .kdds-tag-variant-outlined.kdds-tag-state-invalid",s," {color: var(--kdds-c-tag-outlined-color-invalid);border-color: var(--kdds-c-tag-outlined-border-invalid);}",a?":host .kdds-tag-variant-light":o+" .kdds-tag-variant-light",s," {border: none;}",a?":host .kdds-tag-variant-light.kdds-tag-state-default":o+" .kdds-tag-variant-light.kdds-tag-state-default",s," {background-color: var(--kdds-c-tag-light-background-default);color: var(--kdds-c-tag-light-color-default);}",a?":host .kdds-tag-variant-light.kdds-tag-state-success":o+" .kdds-tag-variant-light.kdds-tag-state-success",s," {background-color: var(--kdds-c-tag-light-background-success);color: var(--kdds-c-tag-light-color-success);}",a?":host .kdds-tag-variant-light.kdds-tag-state-processing":o+" .kdds-tag-variant-light.kdds-tag-state-processing",s," {background-color: var(--kdds-c-tag-light-background-processing);color: var(--kdds-c-tag-light-color-processing);}",a?":host .kdds-tag-variant-light.kdds-tag-state-warning":o+" .kdds-tag-variant-light.kdds-tag-state-warning",s," {background-color: var(--kdds-c-tag-light-background-warning);color: var(--kdds-c-tag-light-color-warning);}",a?":host .kdds-tag-variant-light.kdds-tag-state-error":o+" .kdds-tag-variant-light.kdds-tag-state-error",s," {background-color: var(--kdds-c-tag-light-background-error);color: var(--kdds-c-tag-light-color-error);}",a?":host .kdds-tag-variant-light.kdds-tag-state-invalid":o+" .kdds-tag-variant-light.kdds-tag-state-invalid",s," {background-color: var(--kdds-c-tag-light-background-invalid);color: var(--kdds-c-tag-light-color-invalid);}",a?":host .kdds-tag-variant-light-outlined.kdds-tag-state-default":o+" .kdds-tag-variant-light-outlined.kdds-tag-state-default",s," {background-color: var(--kdds-c-tag-light-outlined-background-default);color: var(--kdds-c-tag-light-outlined-color-default);border-color: var(--kdds-c-tag-light-outlined-border-default);}",a?":host .kdds-tag-variant-light-outlined.kdds-tag-state-success":o+" .kdds-tag-variant-light-outlined.kdds-tag-state-success",s," {background-color: var(--kdds-c-tag-light-outlined-background-success);color: var(--kdds-c-tag-light-outlined-color-success);border-color: var(--kdds-c-tag-light-outlined-border-success);}",a?":host .kdds-tag-variant-light-outlined.kdds-tag-state-processing":o+" .kdds-tag-variant-light-outlined.kdds-tag-state-processing",s," {background-color: var(--kdds-c-tag-light-outlined-background-processing);color: var(--kdds-c-tag-light-outlined-color-processing);border-color: var(--kdds-c-tag-light-outlined-border-processing);}",a?":host .kdds-tag-variant-light-outlined.kdds-tag-state-warning":o+" .kdds-tag-variant-light-outlined.kdds-tag-state-warning",s," {background-color: var(--kdds-c-tag-light-outlined-background-warning);color: var(--kdds-c-tag-light-outlined-color-warning);border-color: var(--kdds-c-tag-light-outlined-border-warning);}",a?":host .kdds-tag-variant-light-outlined.kdds-tag-state-error":o+" .kdds-tag-variant-light-outlined.kdds-tag-state-error",s," {background-color: var(--kdds-c-tag-light-outlined-background-error);color: var(--kdds-c-tag-light-outlined-color-error);border-color: var(--kdds-c-tag-light-outlined-border-error);}",a?":host .kdds-tag-variant-light-outlined.kdds-tag-state-invalid":o+" .kdds-tag-variant-light-outlined.kdds-tag-state-invalid",s," {background-color: var(--kdds-c-tag-light-outlined-background-invalid);color: var(--kdds-c-tag-light-outlined-color-invalid);border-color: var(--kdds-c-tag-light-outlined-border-invalid);}",a?":host .kdds-tag-variant-text":o+" .kdds-tag-variant-text",s," {border: none;padding: 0;}",a?":host .kdds-tag-variant-text.kdds-tag-state-default":o+" .kdds-tag-variant-text.kdds-tag-state-default",s," {color: var(--kdds-c-tag-text-color-default);}",a?":host .kdds-tag-variant-text.kdds-tag-state-success":o+" .kdds-tag-variant-text.kdds-tag-state-success",s," {color: var(--kdds-c-tag-text-color-success);}",a?":host .kdds-tag-variant-text.kdds-tag-state-processing":o+" .kdds-tag-variant-text.kdds-tag-state-processing",s," {color: var(--kdds-c-tag-text-color-processing);}",a?":host .kdds-tag-variant-text.kdds-tag-state-warning":o+" .kdds-tag-variant-text.kdds-tag-state-warning",s," {color: var(--kdds-c-tag-text-color-warning);}",a?":host .kdds-tag-variant-text.kdds-tag-state-error":o+" .kdds-tag-variant-text.kdds-tag-state-error",s," {color: var(--kdds-c-tag-text-color-error);}",a?":host .kdds-tag-variant-text.kdds-tag-state-invalid":o+" .kdds-tag-variant-text.kdds-tag-state-invalid",s," {color: var(--kdds-c-tag-text-color-invalid);}",a?":host .kdds-tag-state-default":o+" .kdds-tag-state-default",s," .kdds-tag-icon-close:hover",s," {color: var(--kdds-c-tag-close-color-default-hover);}",a?":host .kdds-tag-state-success":o+" .kdds-tag-state-success",s," .kdds-tag-icon-close:hover",s," {color: var(--kdds-c-tag-close-color-success-hover);}",a?":host .kdds-tag-state-processing":o+" .kdds-tag-state-processing",s," .kdds-tag-icon-close:hover",s," {color: var(--kdds-c-tag-close-color-processing-hover);}",a?":host .kdds-tag-state-warning":o+" .kdds-tag-state-warning",s," .kdds-tag-icon-close:hover",s," {color: var(--kdds-c-tag-close-color-warning-hover);}",a?":host .kdds-tag-state-error":o+" .kdds-tag-state-error",s," .kdds-tag-icon-close:hover",s," {color: var(--kdds-c-tag-close-color-error-hover);}",a?":host .kdds-tag-state-invalid":o+" .kdds-tag-state-invalid",s," .kdds-tag-icon-close:hover",s," {color: var(--kdds-c-tag-close-color-invalid-hover);}",a?":host .kdds-tag-state-default":o+" .kdds-tag-state-default",s," .kdds-tag-icon-close:active",s," {color: var(--kdds-c-tag-close-color-default-active);}",a?":host .kdds-tag-state-success":o+" .kdds-tag-state-success",s," .kdds-tag-icon-close:active",s," {color: var(--kdds-c-tag-close-color-success-active);}",a?":host .kdds-tag-state-processing":o+" .kdds-tag-state-processing",s," .kdds-tag-icon-close:active",s," {color: var(--kdds-c-tag-close-color-processing-active);}",a?":host .kdds-tag-state-warning":o+" .kdds-tag-state-warning",s," .kdds-tag-icon-close:active",s," {color: var(--kdds-c-tag-close-color-warning-active);}",a?":host .kdds-tag-state-error":o+" .kdds-tag-state-error",s," .kdds-tag-icon-close:active",s," {color: var(--kdds-c-tag-close-color-error-active);}",a?":host .kdds-tag-state-invalid":o+" .kdds-tag-state-invalid",s," .kdds-tag-icon-close:active",s," {color: var(--kdds-c-tag-close-color-invalid-active);}",a?":host .kdds-tag-variant-dark":o+" .kdds-tag-variant-dark",s," .kdds-tag-icon-close",s," {color: var(--kdds-c-tag-dark-close-color);}",a?":host .kdds-tag-variant-dark":o+" .kdds-tag-variant-dark",s," .kdds-tag-icon-close:hover",s," {color: var(--kdds-c-tag-dark-close-hover-color);}",a?":host .kdds-tag-variant-dark":o+" .kdds-tag-variant-dark",s," .kdds-tag-icon-close:active",s," {color: var(--kdds-c-tag-dark-close-active-color);}",a?":host .kdds-tag-custom-color":o+" .kdds-tag-custom-color",s," .kdds-tag-icon-close:hover",s," {opacity: var(--kdds-c-tag-custom-close-opacity-hover);}",a?":host .kdds-tag-custom-color":o+" .kdds-tag-custom-color",s," .kdds-tag-icon-close:active",s," {opacity: var(--kdds-c-tag-custom-close-opacity-active);}",a?":host .kdds-tag":o+" .kdds-tag",s," .kdds-tag-icon-prefix",s," {margin-inline-end: var(--kdds-c-tag-prefixicon-margin-right);}",a?":host .kdds-tag":o+" .kdds-tag",s," .kdds-tag-icon-suffix",s," {margin-inline-start: var(--kdds-c-tag-suffixicon-margin-left);}",a?":host .kdds-tag":o+" .kdds-tag",s," .kdds-tag-icon-close",s," {margin-inline-start: var(--kdds-c-tag-close-margin-left);}"].join("")}];const g=t`<span class="kdds-tag-label${0}"${2}>${"t1"}</span>`;function c(t,a,d,s){const{ncls:o,c:e,d:i,sp:c,st:n,b:l,h:k}=t,{_m0:v}=s;return[k("div",{style:a.computedStyle,className:o(a.computedClass),attrs:{title:a.label},key:0},[a.prefixicon?e("kd-icon",r,{className:o(a.computedprefixIconClass),props:{iconName:a.prefixicon,size:a.computedIconsize},key:1}):null,n(g,3,[c(1,null,i(a.label))]),a.suffixicon?e("kd-icon",r,{className:o(a.computedsuffixIconClass),props:{iconName:a.suffixicon,size:a.computedIconsize},key:4}):null,a.closable?e("kd-icon",r,{className:o(a.computedCloseIconClass),props:{iconName:"kdfont-guanbi15",size:a.computedIconsize},key:5,on:v||(s._m0={click:l(a.handleCloseClick)})}):null])]}var n=a(c);c.stylesheets=[],c.stylesheetToken="kwc-7ahara2hm6n",c.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\tag-undefined_tag",i&&c.stylesheets.push.apply(c.stylesheets,i),d(c);class l extends e{constructor(...t){super(...t),this.label=void 0,this.prefixicon=void 0,this.suffixicon=void 0,this.shape="round",this.size="medium",this.maxwidth="100",this.closable=!1,this.state="default",this.variant="light-outlined"}get computedClass(){const t=["round","square","mark"].includes(this.shape)?this.shape:"round",a=["default","success","processing","warning","error","invalid"].includes(this.state)?this.state:"default";return`kdds-tag ${`kdds-tag-shape-${t}`} ${a?`kdds-tag-state-${a}`:""} ${`kdds-tag-variant-${["dark","outlined","light","light-outlined","text"].includes(this.variant)?this.variant:"light-outlined"}`} ${`kdds-tag-size-${["small","medium","large"].includes(this.size)?this.size:"small"}`}`}get computedStyle(){let t="",a=100;if(this.maxwidth){const t=String(this.maxwidth).match(/^(\d+)(px)?$/);t&&(a=Number(t[1]))}return a>0&&(t+=`max-width: ${a}px;`),t}get computedprefixIconClass(){return"kdds-tag-icon kdds-tag-icon-prefix"}get computedsuffixIconClass(){return"kdds-tag-icon kdds-tag-icon-suffix"}get computedCloseIconClass(){return"kdds-tag-icon kdds-tag-icon-close"}get computedIconsize(){return"small"===this.size?"12":"medium"===this.size?"16":"20"}handleCloseClick(t){t.stopPropagation(),this.closable&&this.dispatchEvent(new CustomEvent("close",{detail:{label:this.label}}))}}s(l,{publicProps:{label:{config:0},prefixicon:{config:0},suffixicon:{config:0},shape:{config:0},size:{config:0},maxwidth:{config:0},closable:{config:0},state:{config:0},variant:{config:0}}});const k=o(l,{tmpl:n,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\tag-",apiVersion:63});export{k as default};

package/dist/esm/kd/toast.js

@@ -1 +1 @@
-import{parseFragment as t,registerTemplate as r,freezeTemplate as o,registerDecorators as d,registerComponent as n}from"@kdcloudjs/kwc";import{s}from"../kddsCommon-CucK_w70.js";import{s as i}from"../formattedRichTextRenderer-B7edgq4B.js";import{s as e}from"../kddsUtilsMargin-QLmlO60p.js";import{s as a}from"../kddsUtilsPosition-DDHofMns.js";import{s as c}from"../kddsUtilsGrid-CoXx1Bwj.js";import l from"./icon.js";import u from"./formattedRichText.js";import k from"./focusTrap.js";import b from"./shadowBaseClassPrivate.js";import{n as g,D as h,z as v,_ as p,$ as _}from"../utilsPrivate-ekbvijnB.js";import{instanceName as m,properties as f}from"./overlayUtils.js";import{c as x}from"../classSet-DY6Qvt6E.js";import{ShowToastEvent as z}from"./showToastEvent.js";import{KingdeeResizeObserver as w}from"./resizeObserver.js";import y from"./toastContainer.js";import{i as q}from"../ssr-C2pjZzfv.js";import"./purifyLib.js";import"./routingService.js";import"../client-Ddi3i8XR.js";import"../observable-tloG64m6.js";import"../empty_html-CjXB8rB4.js";import"../i18n-B98kiI7M.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";import"../focus-93ksTIEs.js";import"./tooltipLibrary.js";import"./positionLibrary.js";import"./primitiveBubble.js";import"./ariaObserver.js";import"./features.js";import"./overlay.js";import"./overlayContainer.js";import"./overlayManager.js";var j=[[function(t,r,o){var d=t?"["+t+"]":"",n=t?"["+t+"-host]":"",s=t?"-"+t:"";return(r?".fix-notify_toast_animation"+d+",\r:host .fix-notify_toast_animation":".fix-notify_toast_animation"+d+","+n+" .fix-notify_toast_animation")+d+" {animation-name: fadeIn"+s+";animation-duration: 0.4s;}@keyframes fadeIn"+s+" {0% {opacity: 0;}100% {opacity: 1;}}"+(r?".fix-notify_toast_animation.closing"+d+",\r:host .fix-notify_toast_animation.closing":".fix-notify_toast_animation.closing"+d+","+n+" .fix-notify_toast_animation.closing")+d+" {animation-name: fadeOut"+s+";animation-duration: 0.4s;}@keyframes fadeOut"+s+" {0% {opacity: 1;}100% {opacity: 0;}}"}],[s,[function(t,r,o){var d=t?"["+t+"]":"",n=t?"["+t+"-host]":"";return(r?":host {":n+" {")+"--kdds-c-toast-link: var(--kdds-g-color-on-surface-link-1, #0E5FD8);--kdds-c-toast-link-hover: var(--kdds-g-color-on-surface-link-2, #3987ED);--kdds-c-toast-link-active: var(--kdds-g-color-on-surface-link-3, #0041B0);}"+(r?":host .kdds-notify_toast":n+" .kdds-notify_toast")+d+" {display: flex;position: relative;background: none;background-color: var(--kdds-c-toast-background-success, #DBFFE7);color: var(--kdds-c-toast-color-success, #1DB363);border-radius: var(--kdds-c-toast-border-radius, 0.25rem);width: 100%;min-width: var(--kdds-c-toast-sizing-min-width, 17.5rem);max-height: var(--kdds-c-toast-sizing-max-height, 10rem);overflow: auto;text-align: left;justify-content: flex-start;line-height: var(--kdds-c-toast-line-height, 1.572);font-size: var(--kdds-c-toast-font-size, 14px);}"+(r?":host .kdds-notify_toast.kdds-theme_warning":n+" .kdds-notify_toast.kdds-theme_warning")+d+" {color: var(--kdds-c-toast-theme-warning-color, #FF8F0F);background-color: var(--kdds-c-toast-background-warning, #ffecc7);border: var(--kdds-c-toast-border-width, 1px) solid var(--kdds-c-toast-border-warning, #ffe0a6);}"+(r?":host .kdds-notify_toast.kdds-theme_error":n+" .kdds-notify_toast.kdds-theme_error")+d+" {color: var(--kdds-c-toast-theme-error-color, #F0262D);background-color: var(--kdds-c-toast-background-error, #FFE3E0);border: var(--kdds-c-toast-border-width) solid var(--kdds-c-toast-border-error, #FBB5B3);}"+(r?":host .kdds-notify_toast.kdds-theme_success":n+" .kdds-notify_toast.kdds-theme_success")+d+" {color: var(--kdds-c-toast-color-success, #1DB363);background-color: var(--kdds-c-toast-background-success, #DBFFE7);border: var(--kdds-c-toast-border-width, 1px) solid var(--kdds-c-toast-border-success, #A8F0C2);}"+(r?":host .kdds-list--inline":n+" .kdds-list--inline")+d+" kd-icon"+d+" {--kdds-c-icon-font-size: var(--kdds-c-toast-icon-font-size, 1rem);}"+(r?":host .kdds-list--inline":n+" .kdds-list--inline")+d+" kd-icon"+d+" .kdfont"+d+" {font-size: var(--kdds-c-icon-font-size, 1rem);line-height: 1;}"+(r?":host .kdds-notify_toast":n+" .kdds-notify_toast")+d+" .kdds-notify__close"+d+" {color: #666;height: var(--kdds-c-toast-line-height, 1.375rem);line-height: var(--kdds-c-toast-line-height, 1.375rem);margin-inline-start: var(--kdds-c-toast-close-margin-left, 12px);position: sticky;top: var(--kdds-c-toast-padding-vertical, 0.5rem);right: var(--kdds-c-toast-padding-horizontal);cursor: pointer;}"+(r?":host .kdds-region_narrow":n+" .kdds-region_narrow")+d+" .kdds-notify_toast"+d+" {min-width: auto;width: 100%;margin-inline-start: 0;}"+(r?":host .kdds-no-flex.kdds-align-top":n+" .kdds-no-flex.kdds-align-top")+d+" {margin-inline-end: var(--kdds-c-toast-prefixicon-margin-right, 0.5rem);height: var(--kdds-c-toast-line-height, 1.375rem);line-height: var(--kdds-c-toast-line-height, 1.375rem);position: sticky;top: var(--kdds-c-toast-padding-vertical, 0.5rem);right: var(--kdds-c-toast-padding-horizontal);}"+(r?":host .kdds-notify_toast":n+" .kdds-notify_toast")+d+" .kdds-notify__content"+d+" {flex: 1;overflow: visible;height: fit-content;}"+(r?":host .kdds-list--inline":n+" .kdds-list--inline")+d+" {padding-inline-start: var(--kdds-c-toast-padding-horizontal);padding-inline-end: var(--kdds-c-toast-padding-horizontal);padding-block-start: var(--kdds-c-toast-padding-vertical, 0.5rem);padding-block-end: var(--kdds-c-toast-padding-vertical, 0.5rem);display: inline-flex;width: 100%;height: fit-content;}"+(r?":host .kdds-assistive-text":n+" .kdds-assistive-text")+d+" {position: absolute !important;margin: -1px !important;border: 0 !important;padding: 0 !important;width: 1px !important;height: 1px !important;overflow: hidden !important;clip: rect(0 0 0 0) !important;text-transform: none !important;white-space: nowrap !important;}@media (max-width: 296px) {"+(r?":host .kdds-notify_toast":n+" .kdds-notify_toast")+d+" {min-width: calc(100vw - 16px);width: unset;}}"}],[function(t,r,o){var d=t?"["+t+"]":"",n=t?"["+t+"-host]":"";return(r?":host {":n+" {")+"display: flex;}"+(r?":host [part~='boundary']":n+" [part~='boundary']")+d+" {padding-block-start: var(\r\n --kds-c-icon-spacing-blockstart,\r\n var(--kds-c-icon-spacing-block, var(--kds-c-icon-spacing, var(--kds-s-icon-spacing)))\r\n );padding-block-end: var(\r\n --kds-c-icon-spacing-blockend,\r\n var(--kds-c-icon-spacing-block, var(--kds-c-icon-spacing, var(--kds-s-icon-spacing)))\r\n );padding-inline-start: var(\r\n --kds-c-icon-spacing-inlinestart,\r\n var(--kds-c-icon-spacing-inline, var(--kds-c-icon-spacing, var(--kds-s-icon-spacing)))\r\n );padding-inline-end: var(\r\n --kds-c-icon-spacing-inlineend,\r\n var(--kds-c-icon-spacing-inline, var(--kds-c-icon-spacing, var(--kds-s-icon-spacing)))\r\n );border-radius: var(--kds-c-icon-radius-border, var(--kds-s-icon-radius-border));border-width: var(--kds-c-icon-sizing-border, var(--kds-s-icon-sizing-border));border-style: solid;border-color: var(--kds-c-icon-color-border, var(--kds-s-icon-color-border, transparent));background-color: var(--kds-c-icon-color-background, var(--kds-s-icon-color-background));}"+(r?":host [part~='icon']":n+" [part~='icon']")+d+" {display: flex;height: var(--kds-c-icon-sizing-height, var(--kds-c-icon-sizing, var(--kds-s-icon-sizing)));width: var(--kds-c-icon-sizing-width, var(--kds-c-icon-sizing, var(--kds-s-icon-sizing)));color: var(--kds-c-icon-color-foreground, var(--kds-s-icon-color-foreground));}"+(r?":host svg":n+" svg")+d+" {width: 100%;height: 100%;}"+(r?":host {":n+" {")+"vertical-align: middle;}"+(r?":host([size='xxx-small']),:host \r.kdds-icon_xxx-small":n+"[size='xxx-small'],"+n+" \r.kdds-icon_xxx-small")+d+" {--kdds-c-icon-sizing: var(--kdds-g-sizing-3);}"+(r?":host([size='xx-small']),:host \r.kdds-icon_xx-small":n+"[size='xx-small'],"+n+" \r.kdds-icon_xx-small")+d+" {--kdds-c-icon-sizing: calc(var(--kdds-g-sizing-1) + var(--kdds-g-sizing-4));}"+(r?":host([size='x-small']),:host \r.kdds-icon_x-small":n+"[size='x-small'],"+n+" \r.kdds-icon_x-small")+d+" {--kdds-c-icon-sizing: var(--kdds-g-sizing-5);}"+(r?":host([size='small']),:host \r.kdds-icon_small":n+"[size='small'],"+n+" \r.kdds-icon_small")+d+" {--kdds-c-icon-sizing: var(--kdds-g-sizing-7);}"+(r?":host([size='large']),:host \r.kdds-icon_large":n+"[size='large'],"+n+" \r.kdds-icon_large")+d+" {--kdds-c-icon-sizing: var(--kdds-g-sizing-10);}"+(r?":host([variant='warning']) {":n+"[variant='warning'] {")+"--kdds-c-icon-color-foreground: var(--kdds-g-color-warning-1);}"+(r?":host([variant='success']) {":n+"[variant='success'] {")+"--kdds-c-icon-color-foreground: var(--kdds-g-color-success-1);}"+(r?":host([variant='error']) {":n+"[variant='error'] {")+"--kdds-c-icon-color-foreground: var(--kdds-g-color-error-1);}"+(r?":host([variant='light']) {":n+"[variant='light'] {")+"--kdds-c-icon-color-foreground: var(--kdds-g-color-neutral-base-70);}"+(r?":host [part='boundary']":n+" [part='boundary']")+d+" {--kds-c-icon-radius-border: var(--kdds-c-icon-radius-border, var(--kdds-g-radius-border-2));--kds-c-icon-sizing-border: var(--kdds-c-icon-sizing-border, 0);--kds-c-icon-color-border: var(--kdds-c-icon-color-border);--kds-c-icon-spacing-block-start: var(--kdds-c-icon-spacing-blockstart, var(--kdds-c-icon-spacing-block));--kds-c-icon-spacing-block-end: var(--kdds-c-icon-spacing-blockend, var(--kdds-c-icon-spacing-block));--kds-c-icon-spacing-inline-start: var(\r\n --kdds-c-icon-spacing-inlinestart,\r\n var(--kdds-c-icon-spacing-inline)\r\n );--kds-c-icon-spacing-inline-end: var(--kdds-c-icon-spacing-inlineend, var(--kdds-c-icon-spacing-inline));display: flex;}"+(r?":host .kdds-input__icon":n+" .kdds-input__icon")+d+" [part='boundary']"+d+" {border-style: none;}"+(r?":host [part='icon']":n+" [part='icon']")+d+" {--kds-c-icon-color-foreground: var(--kdds-c-icon-color-foreground, var(--kdds-g-color-on-accent-1));--kds-c-icon-sizing-height: var(\r\n --kdds-c-icon-sizing-height,\r\n var(--kdds-c-icon-sizing, var(--kdds-g-sizing-9))\r\n );--kds-c-icon-sizing-width: var(\r\n --kdds-c-icon-sizing-width,\r\n var(--kdds-c-icon-sizing, var(--kdds-g-sizing-9))\r\n );}"+(r?":host([icon-name*='action']),:host \r.kdds-icon_container_circle":n+"[icon-name*='action'],"+n+" \r.kdds-icon_container_circle")+d+" {--kdds-c-icon-spacing-block: var(--kdds-g-sizing-3);--kdds-c-icon-spacing-inline: var(--kdds-g-sizing-3);--kdds-c-icon-radius-border: calc(var(--kdds-g-radius-border-circle) / 2);--kdds-c-icon-sizing-border: var(--kdds-g-sizing-3);}"+(r?":host .kdds-icon":n+" .kdds-icon")+d+" {display: inline-flex;height: var(\r\n --kdds-c-icon-sizing-height,\r\n var(--kdds-c-icon-sizing, var(--kdds-s-icon-sizing, var(--kdds-g-sizing-9)))\r\n );width: var(\r\n --kdds-c-icon-sizing-width,\r\n var(--kdds-c-icon-sizing, var(--kdds-s-icon-sizing, var(--kdds-g-sizing-9)))\r\n );fill: var(--kdds-c-icon-color-foreground, var(--kdds-g-color-neutral-base-100));}"+(r?":host .kdds-icon-text-default":n+" .kdds-icon-text-default")+d+" {--kdds-c-icon-color-foreground: var(\r\n --kdds-c-icon-color-foreground-default,\r\n var(--kds-c-icon-color-foreground-default, var(--kdds-g-color-on-surface-1))\r\n );}"+(r?":host .kdds-icon-text-default.kdds-is-disabled":n+" .kdds-icon-text-default.kdds-is-disabled")+d+" {fill: var(--kdds-g-color-disabled-1);}"+(r?":host .kdds-assistive-text":n+" .kdds-assistive-text")+d+" {position: absolute !important;margin: -1px !important;border: 0 !important;padding: 0 !important;width: 1px !important;height: 1px !important;overflow: hidden !important;clip: rect(0 0 0 0) !important;text-transform: none !important;white-space: nowrap !important;}"+(r?":host .kdds-icon_disabled":n+" .kdds-icon_disabled")+d+" {background-color: currentcolor;}"+(r?":host .kdds-input__icon":n+" .kdds-input__icon")+d+" {--kdds-c-icon-sizing: calc(var(--kdds-g-sizing-1) + var(--kdds-g-sizing-4));position: absolute;top: 50%;margin-block-start: -0.4375rem;line-height: var(--kdds-g-font-lineheight-1);border: 0;z-index: 2;}"+(r?":host([data-input-pill-search-primicon]) .kdds-icon":n+"[data-input-pill-search-primicon] .kdds-icon")+d+" {--kds-c-icon-sizing-height: 1.25rem;--kds-c-icon-sizing-width: 1.25rem;}"+(r?":host([data-input-pill-close-primicon]) [part='icon']":n+"[data-input-pill-close-primicon] [part='icon']")+d+" {--kds-c-icon-color-foreground: none;}"+(r?":host([data-input-pill-close-primicon]) [part='icon']:hover":n+"[data-input-pill-close-primicon] [part='icon']:hover")+d+" {--kds-c-icon-color-foreground: var(--kdds-g-color-accent-4);}"+(r?":host .kdds-icon_container":n+" .kdds-icon_container")+d+" {border-radius: var(--kdds-c-icon-radius-border, var(--kdds-s-icon-radius-border));background-color: var(\r\n --kdds-c-icon-color-background,\r\n var(--kdds-s-icon-color-background, var(--kds-c-icon-color-background))\r\n );}"}],[function(t,r,o){var d=t?"["+t+"]":"",n=t?"["+t+"-host]":"";return["*",d,",\r*",d,"::before,\r*",d,"::after {box-sizing: border-box;}",r?":host [part~='button']":n+" [part~='button']",d," {display: inline-flex;gap: var(--kds-c-button-spacing-gap, var(--kds-s-button-spacing-gap));background: var(--kds-c-button-color-background, var(--kds-s-button-color-background));color: var(--kds-c-button-text-color, var(--kds-s-button-color));font-weight: var(--kds-c-button-font-weight, var(--kds-s-button-font-weight));font-size: var(--kds-c-button-font-size, var(--kds-s-button-font-size, inherit));line-height: var(--kds-c-button-font-lineheight);height: var(--kds-c-button-sizing-height);width: var(--kds-c-button-sizing-width);padding-inline-start: var(\r\n --kds-c-button-spacing-inlinestart,\r\n var(\r\n --kds-c-button-spacing-inline,\r\n var(--kds-c-button-spacing, var(--kds-s-button-spacing-inline, var(--kds-s-button-spacing)))\r\n )\r\n );padding-inline-end: var(\r\n --kds-c-button-spacing-inlineend,\r\n var(\r\n --kds-c-button-spacing-inline,\r\n var(--kds-c-button-spacing, var(--kds-s-button-spacing-inline, var(--kds-s-button-spacing)))\r\n )\r\n );padding-block-start: var(\r\n --kds-c-button-spacing-blockstart,\r\n var(\r\n --kds-c-button-spacing-block,\r\n var(--kds-c-button-spacing, var(--kds-s-button-spacing-block, var(--kds-s-button-spacing)))\r\n )\r\n );padding-block-end: var(\r\n --kds-c-button-spacing-blockend,\r\n var(\r\n --kds-c-button-spacing-block,\r\n var(--kds-c-button-spacing, var(--kds-s-button-spacing-block, var(--kds-s-button-spacing)))\r\n )\r\n );border-width: var(--kds-c-button-sizing-border, var(--kds-s-button-sizing-border, 1px));border-style: solid;border-color: var(--kds-c-button-color-border, var(--kds-s-button-color-border, currentColor));border-start-start-radius: var(\r\n --kds-c-button-radius-border-startstart,\r\n var(\r\n --kds-c-button-radius-border,\r\n var(--kds-s-button-radius-border-startstart, var(--kds-s-button-radius-border))\r\n )\r\n );border-start-end-radius: var(\r\n --kds-c-button-radius-border-startend,\r\n var(\r\n --kds-c-button-radius-border,\r\n var(--kds-s-button-radius-border-startend, var(--kds-s-button-radius-border))\r\n )\r\n );border-end-start-radius: var(\r\n --kds-c-button-radius-border-endstart,\r\n var(\r\n --kds-c-button-radius-border,\r\n var(--kds-s-button-radius-border-endstart, var(--kds-s-button-radius-border))\r\n )\r\n );border-end-end-radius: var(\r\n --kds-c-button-radius-border-endend,\r\n var(\r\n --kds-c-button-radius-border,\r\n var(--kds-s-button-radius-border-endend, var(--kds-s-button-radius-border))\r\n )\r\n );box-shadow: var(--kds-c-button-shadow, var(--kds-s-button-shadow));text-decoration: var(--kds-c-button-font-decoration);white-space: normal;user-select: none;align-items: center;justify-content: center;appearance: none;}",r?":host [part~='button']:hover":n+" [part~='button']:hover",d," {--kds-c-button-text-color: var(--kds-c-button-text-color-hover, var(--kds-s-button-color-hover, revert));--kds-c-button-color-background: var(\r\n --kds-c-button-color-background-hover,\r\n var(--kds-s-button-color-background-hover, revert)\r\n );--kds-c-button-color-border: var(\r\n --kds-c-button-color-border-hover,\r\n var(--kds-s-button-color-border-hover, revert)\r\n );--kds-c-button-shadow: var(--kds-c-button-shadow-hover, var(--kds-s-button-shadow-hover, revert));cursor: pointer;}",r?":host [part~='button']:focus":n+" [part~='button']:focus",d," {--kds-c-button-color-background: var(\r\n --kds-c-button-color-background-focus,\r\n var(--kds-s-button-color-background-focus, revert)\r\n );--kds-c-button-color-border: var(\r\n --kds-c-button-color-border-focus,\r\n var(--kds-s-button-color-border-focus, revert)\r\n );--kds-c-button-text-color: var(--kds-c-button-text-color-focus, var(--kds-s-button-color-focus, revert));--kds-c-button-shadow: var(--kds-c-button-shadow-focus, var(--kds-s-button-shadow-focus, revert));outline: 0;}",r?":host [part~='button']:active":n+" [part~='button']:active",d," {--kds-c-button-text-color: var(--kds-c-button-text-color-active, var(--kds-s-button-color-active, revert));--kds-c-button-color-background: var(\r\n --kds-c-button-color-background-active,\r\n var(--kds-s-button-color-background-active, revert)\r\n );--kds-c-button-color-border: var(\r\n --kds-c-button-color-border-active,\r\n var(--kds-s-button-color-border-active, revert)\r\n );--kds-c-button-shadow: var(--kds-c-button-shadow-active, var(--kds-s-button-shadow-active, revert));}",r?":host [part~='button']:disabled":n+" [part~='button']:disabled",d," {--kds-c-button-text-color: var(--kds-c-button-text-color-disabled);--kds-c-button-color-background: var(--kds-c-button-color-background-disabled);--kds-c-button-color-border: var(--kds-c-button-color-border-disabled);--kds-c-button-shadow: var(--kds-c-button-shadow-disabled);pointer-events: none;}",r?":host [part~='button']:disabled":n+" [part~='button']:disabled",d," *",d," {pointer-events: none;}",r?":host [part='button'][aria-pressed='true']":n+" [part='button'][aria-pressed='true']",d," {--kds-c-button-color-background: var(--kds-c-button-color-background-pressed, revert);--kds-c-button-color-border: var(--kds-c-button-color-border-pressed, revert);--kds-c-button-text-color: var(--kds-c-button-text-color-pressed, revert);--kds-c-button-shadow: var(--kds-c-button-shadow-pressed, revert);}",r?":host [part~='button']":n+" [part~='button']",d," {gap: var(--kdds-g-spacing-2);--kdds-c-icon-sizing-border: 0;--kdds-c-icon-sizing: 0.875rem;--kdds-c-icon-color-foreground: currentcolor;--kds-c-button-font-lineheight: var(\r\n --kdds-c-button-neutral-font-lineheight,\r\n var(--kdds-s-button-font-lineheight, 1.875rem)\r\n );--kds-c-button-spacing-inline: var(\r\n --kdds-c-button-neutral-spacing-inline,\r\n var(--kdds-s-button-spacing-inline, var(--kdds-g-spacing-4)) ;\r\n );--kds-c-button-spacing-block: var(--kdds-c-button-neutral-spacing-block);--kds-c-button-radius-border-startstart: var(\r\n --kdds-c-button-radius-border-startstart,\r\n var(\r\n --kdds-c-button-radius-border,\r\n var(--kdds-s-button-radius-border-startstart, var(--kdds-s-button-radius-border))\r\n )\r\n );--kds-c-button-radius-border-endstart: var(\r\n --kdds-c-button-radius-border-endstart,\r\n var(\r\n --kdds-c-button-radius-border,\r\n var(--kdds-s-button-radius-border-endstart, var(--kdds-s-button-radius-border))\r\n )\r\n );--kds-c-button-radius-border-startend: var(\r\n --kdds-c-button-radius-border-startend,\r\n var(\r\n --kdds-c-button-radius-border,\r\n var(--kdds-s-button-radius-border-startend, var(--kdds-s-button-radius-border))\r\n )\r\n );--kds-c-button-radius-border-endend: var(\r\n --kdds-c-button-radius-border-endend,\r\n var(\r\n --kdds-c-button-radius-border,\r\n var(--kdds-s-button-radius-border-endend, var(--kdds-s-button-radius-border))\r\n )\r\n );--kds-c-button-color-background: var(\r\n --kdds-c-button-neutral-color-background,\r\n var(--kdds-g-color-surface-container-1)\r\n );--kds-c-button-color-background-hover: var(\r\n --kdds-c-button-neutral-color-background-hover,\r\n var(--kdds-g-color-surface-container-2)\r\n );--kds-c-button-color-background-focus: var(\r\n --kdds-c-button-neutral-color-background-focus,\r\n var(--kdds-g-color-surface-container-2)\r\n );--kds-c-button-color-background-active: var(\r\n --kdds-c-button-neutral-color-background-active,\r\n var(--kdds-g-color-surface-container-2)\r\n );--kds-c-button-color-border: var(--kdds-c-button-neutral-color-border, var(--kdds-g-color-border-2));--kds-c-button-color-border-hover: var(\r\n --kdds-c-button-neutral-color-border-hover,\r\n var(--kdds-g-color-border-2)\r\n );--kds-c-button-color-border-focus: var(\r\n --kdds-c-button-neutral-color-border-focus,\r\n var(--kdds-g-color-border-2)\r\n );--kds-c-button-color-border-active: var(\r\n --kdds-c-button-neutral-color-border-active,\r\n var(--kdds-g-color-border-2)\r\n );--kds-c-button-text-color: var(--kdds-c-button-neutral-text-color, var(--kdds-g-color-accent-2));--kds-c-button-text-color-hover: var(\r\n --kdds-c-button-neutral-text-color-hover,\r\n var(--kdds-s-button-color-hover, var(--kdds-g-color-accent-3))\r\n );--kds-c-button-text-color-focus: var(\r\n --kdds-c-button-neutral-text-color-focus,\r\n var(--kdds-g-color-accent-3)\r\n );--kds-c-button-text-color-active: var(\r\n --kdds-c-button-neutral-text-color-active,\r\n var(--kdds-g-color-accent-3)\r\n );--kds-c-button-shadow: var(--kdds-c-button-neutral-shadow);--kds-c-button-shadow-focus: var(--kdds-c-button-neutral-shadow-focus);}",r?":host [part~='button']:disabled":n+" [part~='button']:disabled",d," {--kds-c-button-color-border-disabled: var(--kdds-g-color-border-disabled-1);--kds-c-button-text-color-disabled: var(--kdds-g-color-on-disabled-1);--kds-c-button-color-background-disabled: var(--kdds-g-color-disabled-container-1);pointer-events: auto;cursor: default;}",r?":host([variant='brand']) [part~='button']":n+"[variant='brand'] [part~='button']",d," {--kdds-c-button-neutral-color-background: var(\r\n --kdds-c-button-brand-color-background,\r\n var(--kdds-g-color-accent-container-1)\r\n );--kdds-c-button-neutral-color-background-hover: var(\r\n --kdds-c-button-brand-color-background-hover,\r\n var(--kdds-g-color-accent-container-2)\r\n );--kdds-c-button-neutral-color-background-focus: var(\r\n --kdds-c-button-brand-color-background-focus,\r\n var(--kdds-g-color-accent-container-2)\r\n );--kdds-c-button-neutral-color-background-active: var(\r\n --kdds-c-button-brand-color-background-active,\r\n var(--kdds-g-color-accent-container-2)\r\n );--kdds-c-button-neutral-color-border: var(\r\n --kdds-c-button-brand-color-border,\r\n var(--kdds-g-color-border-accent-1)\r\n );--kdds-c-button-neutral-color-border-hover: var(\r\n --kdds-c-button-brand-color-border-hover,\r\n var(--kdds-g-color-border-accent-2)\r\n );--kdds-c-button-neutral-color-border-focus: var(\r\n --kdds-c-button-brand-color-border-focus,\r\n var(--kdds-g-color-border-accent-2)\r\n );--kdds-c-button-neutral-color-border-active: var(\r\n --kdds-c-button-brand-color-border-active,\r\n var(--kdds-g-color-border-accent-2)\r\n );--kds-c-button-text-color: var(--kdds-c-button-brand-text-color, var(--kdds-g-color-on-accent-1));}",r?":host([variant='brand-outline']) [part~='button']":n+"[variant='brand-outline'] [part~='button']",d," {--kdds-c-button-neutral-color-border: var(--kdds-g-color-border-accent-2);--kdds-c-button-neutral-color-border-hover: var(--kdds-g-color-border-accent-2);--kdds-c-button-neutral-color-border-focus: var(--kdds-g-color-border-accent-2);--kdds-c-button-neutral-color-border-active: var(--kdds-g-color-border-accent-2);}",r?":host([variant='inverse']) [part~='button']":n+"[variant='inverse'] [part~='button']",d," {--kdds-c-button-neutral-color-background: transparent;--kdds-c-button-neutral-color-background-hover: var(--kdds-g-color-surface-container-2);--kdds-c-button-neutral-color-background-focus: var(--kdds-g-color-surface-container-2);--kdds-c-button-neutral-color-background-active: var(--kdds-g-color-surface-container-2);--kdds-c-button-neutral-color-border: var(--kdds-g-color-neutral-base-100);--kdds-c-button-neutral-color-border-hover: var(--kdds-g-color-neutral-base-100);--kdds-c-button-neutral-color-border-focus: var(--kdds-g-color-neutral-base-100);--kdds-c-button-neutral-color-border-active: var(--kdds-g-color-neutral-base-100);--kdds-c-button-neutral-text-color: var(--kdds-g-color-on-accent-1);--kdds-c-button-neutral-text-color-hover: var(--kdds-g-color-accent-2);--kdds-c-button-neutral-text-color-active: var(--kdds-g-color-accent-2);}",r?":host([variant='inverse']) [part~='button']:disabled":n+"[variant='inverse'] [part~='button']:disabled",d," {--kds-c-button-color-background: transparent;--kds-c-button-color-border: var(--kdds-g-color-border-disabled-2);--kds-c-button-text-color: var(--kdds-g-color-disabled-2);}",r?":host([variant='destructive']) [part~='button']":n+"[variant='destructive'] [part~='button']",d," {--kdds-c-button-neutral-color-background: var(--kdds-g-color-error-container-1);--kdds-c-button-neutral-color-background-hover: var(--kdds-g-color-error-container-2);--kdds-c-button-neutral-color-background-focus: var(--kdds-g-color-error-container-2);--kdds-c-button-neutral-color-background-active: var(--kdds-g-color-error-container-2);--kdds-c-button-neutral-color-border: var(--kdds-g-color-border-error-1);--kdds-c-button-neutral-color-border-hover: var(--kdds-g-color-border-error-2);--kdds-c-button-neutral-color-border-focus: var(--kdds-g-color-border-error-2);--kdds-c-button-neutral-color-border-active: var(--kdds-g-color-border-error-2);--kds-c-button-text-color: var(--kdds-g-color-on-error-1);}",r?":host([variant='success']) [part~='button']":n+"[variant='success'] [part~='button']",d," {--kdds-c-button-neutral-color-background: var(--kdds-g-color-success-container-1);--kdds-c-button-neutral-color-background-hover: var(--kdds-g-color-success-container-2);--kdds-c-button-neutral-color-background-focus: var(--kdds-g-color-success-container-2);--kdds-c-button-neutral-color-background-active: var(--kdds-g-color-success-container-2);--kdds-c-button-neutral-color-border: var(--kdds-g-color-border-success-1);--kdds-c-button-neutral-color-border-hover: var(--kdds-g-color-border-success-2);--kdds-c-button-neutral-color-border-focus: var(--kdds-g-color-border-success-2);--kdds-c-button-neutral-color-border-active: var(--kdds-g-color-border-success-2);--kdds-c-button-neutral-text-color: var(--kdds-g-color-on-success-1);--kdds-c-button-neutral-text-color-hover: var(--kdds-g-color-on-success-1);--kdds-c-button-neutral-text-color-focus: var(--kdds-g-color-on-success-1);--kdds-c-button-neutral-text-color-active: var(--kdds-g-color-on-success-1);}",r?":host([variant='destructive-text']) [part~='button']":n+"[variant='destructive-text'] [part~='button']",d," {--kdds-c-button-neutral-text-color: var(--kdds-g-color-error-1);--kdds-c-button-neutral-text-color-hover: var(--kdds-g-color-error-1);--kdds-c-button-neutral-text-color-focus: var(--kdds-g-color-error-1);--kdds-c-button-neutral-text-color-active: var(--kdds-g-color-error-1);--kdds-c-button-neutral-color-border-hover: var(\r\n --kdds-c-button-neutral-color-border,\r\n var(--kdds-g-color-border-1)\r\n );--kdds-c-button-neutral-color-border-focus: var(\r\n --kdds-c-button-neutral-color-border,\r\n var(--kdds-g-color-border-1)\r\n );--kdds-c-button-neutral-color-border-active: var(\r\n --kdds-c-button-neutral-color-border,\r\n var(--kdds-g-color-border-1)\r\n );}",r?":host([variant='brand']) [part~='button']:disabled"+d+",:host([variant='success']) [part~='button']:disabled"+d+",:host([variant='destructive']) [part~='button']:disabled":n+"[variant='brand'] [part~='button']:disabled"+d+","+n+"[variant='success'] [part~='button']:disabled"+d+","+n+"[variant='destructive'] [part~='button']:disabled",d," {--kds-c-button-color-background: var(--kdds-g-color-disabled-container-2);--kds-c-button-color-border: var(--kdds-g-color-border-disabled-1);--kds-c-button-text-color: var(--kdds-g-color-on-disabled-2);}",r?":host([variant='base']) [part~='button']"+d+",:host([variant='text']) [part~='button']":n+"[variant='base'] [part~='button']"+d+","+n+"[variant='text'] [part~='button']",d," {--kds-c-button-spacing-inline: 0;--kdds-c-button-neutral-text-color: var(--kdds-g-color-accent-2);--kdds-c-button-neutral-color-border: transparent;--kdds-c-button-neutral-color-border-hover: transparent;--kdds-c-button-neutral-color-border-focus: transparent;--kdds-c-button-neutral-color-border-active: var(--kdds-g-color-border-accent-2);--kdds-c-button-neutral-color-background: transparent;--kdds-c-button-neutral-color-background-hover: transparent;--kdds-c-button-neutral-color-background-focus: transparent;--kdds-c-button-neutral-color-background-active: transparent;}",r?":host([variant='base']) [part~='button']:disabled"+d+",:host([variant='text']) [part~='button']:disabled":n+"[variant='base'] [part~='button']:disabled"+d+","+n+"[variant='text'] [part~='button']:disabled",d," {--kds-c-button-color-background: transparent;--kds-c-button-color-border: transparent;}",r?":host([stretch]) [part~='button']":n+"[stretch] [part~='button']",d," {--kds-c-button-sizing-width: 100%;justify-content: center;}",r?":host([variant='brand']) [part~='button']"+d+",:host([variant='brand-outline']) [part~='button']"+d+",:host([variant='inverse']) [part~='button']"+d+",:host([variant='success']) [part~='button']"+d+",:host([variant='destructive']) [part~='button']"+d+",:host([variant='destructive-text']) [part~='button']":n+"[variant='brand'] [part~='button']"+d+","+n+"[variant='brand-outline'] [part~='button']"+d+","+n+"[variant='inverse'] [part~='button']"+d+","+n+"[variant='success'] [part~='button']"+d+","+n+"[variant='destructive'] [part~='button']"+d+","+n+"[variant='destructive-text'] [part~='button']",d," {justify-content: center;}",r?":host [part~='start']":n+" [part~='start']",d," {display: inline-flex;padding-inline-end: 0;}",r?":host [part~='end']":n+" [part~='end']",d," {display: inline-flex;padding-inline-start: 0;}",r?":host .kdds-assistive-text":n+" .kdds-assistive-text",d," {position: absolute !important;margin: -1px !important;border: 0 !important;padding: 0 !important;width: 1px !important;height: 1px !important;overflow: hidden !important;clip: rect(0 0 0 0) !important;text-transform: none !important;white-space: nowrap !important;}",r?":host .kdds-button_reset":n+" .kdds-button_reset",d," {font-size: inherit;color: inherit;line-height: inherit;padding: 0;background: transparent;border: 0;text-align: inherit;}",r?":host [part~='button-icon']":n+" [part~='button-icon']",d," {display: inline-flex;--kdds-c-icon-sizing-border: 0;--kdds-c-icon-sizing: 0.875rem;--kdds-c-icon-color-foreground: var(--kdds-c-buttonicon-color-foreground, var(--kdds-g-color-on-surface-1));--kds-c-button-spacing-inline: 0;--kds-c-button-sizing-height: var(--kdds-g-sizing-9);--kds-c-button-sizing-width: var(--kdds-g-sizing-9);--kdds-c-button-neutral-color-background: transparent;--kdds-c-button-neutral-color-background-hover: transparent;--kdds-c-button-neutral-color-background-focus: transparent;--kdds-c-button-neutral-color-background-active: transparent;--kdds-c-button-neutral-color-border: var(--kdds-g-color-border-2);--kdds-c-button-neutral-color-border-hover: var(--kdds-g-color-border-2);--kdds-c-button-neutral-color-border-focus: var(--kdds-g-color-border-2);--kdds-c-button-neutral-color-border-active: var(--kdds-g-color-border-2);--kds-c-button-color-background-disabled: var(--kdds-g-color-surface-container-1);--kds-c-button-color-border-disabled: var(--kdds-g-color-border-disabled-1);}",r?":host [part~='button-icon']:hover":n+" [part~='button-icon']:hover",d," {--kdds-c-icon-color-foreground: var(\r\n --kdds-c-buttonicon-color-foreground-hover,\r\n var(--kdds-g-color-accent-3)\r\n );}",r?":host [part~='button-icon']:focus":n+" [part~='button-icon']:focus",d," {--kdds-c-icon-color-foreground: var(\r\n --kdds-c-buttonicon-color-foreground-focus,\r\n var(--kdds-g-color-accent-3)\r\n );}",r?":host [part~='button-icon']:active":n+" [part~='button-icon']:active",d," {--kdds-c-icon-color-foreground: var(\r\n --kdds-c-buttonicon-color-foreground-active,\r\n var(--kdds-g-color-accent-3)\r\n );--kds-c-button-shadow-active: none;}",r?":host [part~='button-icon']:disabled":n+" [part~='button-icon']:disabled",d," {--kdds-c-icon-color-foreground: var(--kdds-g-color-disabled-1);--kds-c-button-color-background-disabled: transparent;}",r?":host([variant='bare']) [part~='button-icon']":n+"[variant='bare'] [part~='button-icon']",d," {--kds-c-button-sizing-height: auto;--kds-c-button-sizing-width: auto;--kdds-c-button-neutral-color-border: transparent;--kdds-c-button-neutral-color-border-hover: transparent;--kdds-c-button-neutral-color-border-focus: transparent;--kdds-c-button-neutral-color-border-active: var(--kdds-g-color-border-accent-3);--kds-c-button-color-background-disabled: transparent;--kds-c-button-color-border-disabled: transparent;}",r?":host([variant='container']) [part~='button-icon']":n+"[variant='container'] [part~='button-icon']",d," {--kdds-c-button-neutral-color-border: transparent;--kdds-c-button-neutral-color-border-hover: transparent;--kdds-c-button-neutral-color-border-focus: transparent;--kdds-c-button-neutral-color-border-active: var(--kdds-g-color-border-accent-3);--kds-c-button-color-background-disabled: transparent;--kds-c-button-color-border-disabled: transparent;}",r?":host([variant='brand']) [part~='button-icon']":n+"[variant='brand'] [part~='button-icon']",d," {--kdds-c-icon-color-foreground: var(--kdds-g-color-on-accent-1);}",r?":host([variant='bare-inverse']) [part~='button-icon']":n+"[variant='bare-inverse'] [part~='button-icon']",d," {--kds-c-button-sizing-height: auto;--kds-c-button-sizing-width: auto;--kdds-c-button-neutral-color-border: transparent;--kdds-c-button-neutral-color-border-hover: transparent;--kdds-c-button-neutral-color-border-focus: var(--kdds-g-color-neutral-base-100);--kdds-c-button-neutral-color-border-active: var(--kdds-g-color-neutral-base-100);--kds-c-button-shadow-focus: 0 0 3px var(--kdds-g-color-neutral-base-100);--kdds-c-buttonicon-color-foreground: var(--kdds-g-color-neutral-base-100);--kdds-c-buttonicon-color-foreground-hover: color-mix(\r\n in oklab,\r\n var(--kdds-g-color-on-surface-inverse-1),\r\n transparent 25%\r\n );--kdds-c-buttonicon-color-foreground-focus: var(--kdds-g-color-neutral-base-95);--kdds-c-buttonicon-color-foreground-active: var(--kdds-g-color-neutral-base-90);--kds-c-button-color-background-disabled: transparent;--kds-c-button-color-border-disabled: transparent;}",r?":host([variant='border-inverse']) [part~='button-icon']":n+"[variant='border-inverse'] [part~='button-icon']",d," {--kdds-c-button-neutral-color-border: var(--kdds-g-color-neutral-base-100);--kdds-c-button-neutral-color-border-hover: var(--kdds-g-color-neutral-base-100);--kdds-c-button-neutral-color-border-focus: var(--kdds-g-color-neutral-base-100);--kdds-c-button-neutral-color-border-active: var(--kdds-g-color-neutral-base-100);--kds-c-button-shadow-focus: 0 0 3px var(--kdds-g-color-neutral-base-100);--kdds-c-buttonicon-color-foreground: var(--kdds-g-color-neutral-base-100);--kdds-c-buttonicon-color-foreground-hover: var(--kdds-g-color-neutral-base-95);--kdds-c-buttonicon-color-foreground-focus: var(--kdds-g-color-neutral-base-95);--kdds-c-buttonicon-color-foreground-active: var(--kdds-g-color-neutral-base-90);--kds-c-button-color-background-disabled: transparent;--kds-c-button-color-border-disabled: var(--kdds-g-color-border-disabled-2);}",r?":host([variant='border-filled']) [part~='button-icon']":n+"[variant='border-filled'] [part~='button-icon']",d," {--kdds-c-button-neutral-color-background: var(--kdds-g-color-surface-container-1);--kdds-c-button-neutral-color-background-hover: var(--kdds-g-color-surface-container-1);--kdds-c-button-neutral-color-background-focus: var(--kdds-g-color-surface-container-1);--kdds-c-button-neutral-color-background-active: var(--kdds-g-color-surface-container-1);}",r?":host([variant='border-filled']) [part~='button-icon']:disabled":n+"[variant='border-filled'] [part~='button-icon']:disabled",d," {--kds-c-button-color-background-disabled: var(--kdds-g-color-disabled-container-1);}",r?":host([size='xx-small']) [part~='button-icon']":n+"[size='xx-small'] [part~='button-icon']",d," {--kds-c-button-sizing-height: var(--kdds-g-sizing-5);--kds-c-button-sizing-width: var(--kdds-g-sizing-5);--kdds-c-icon-sizing: var(--kdds-g-sizing-3);}",r?":host([size='x-small']) [part~='button-icon']":n+"[size='x-small'] [part~='button-icon']",d," {--kds-c-button-sizing-height: var(--kdds-g-sizing-6);--kds-c-button-sizing-width: var(--kdds-g-sizing-6);--kdds-c-icon-sizing: var(--kdds-g-sizing-4);}",r?":host([size='small']) [part~='button-icon']":n+"[size='small'] [part~='button-icon']",d," {--kds-c-button-sizing-height: var(--kdds-g-sizing-7);--kds-c-button-sizing-width: var(--kdds-g-sizing-7);}",r?":host([size='large']) [part~='button-icon']":n+"[size='large'] [part~='button-icon']",d," {--kds-c-button-sizing-height: var(--kdds-g-sizing-10);--kds-c-button-sizing-width: var(--kdds-g-sizing-10);--kdds-c-icon-sizing: var(--kdds-g-sizing-7);}",r?":host([size='x-small'][variant='bare']) [part~='button-icon']":n+"[variant='bare'][size='x-small'] [part~='button-icon']",d," {--kdds-c-buttonicon-spacing-block: 0;--kdds-c-buttonicon-spacing-inline: 0;--kdds-c-icon-sizing: var(--kdds-g-sizing-3);}",r?":host([size='small'][variant='bare']) [part~='button-icon']":n+"[variant='bare'][size='small'] [part~='button-icon']",d," {--kdds-c-buttonicon-spacing-block: 0;--kdds-c-buttonicon-spacing-inline: 0;--kdds-c-icon-sizing: var(--kdds-g-sizing-4);}",r?":host([size='large'][variant='bare']) [part~='button-icon']"+d+",:host([size='large'][variant='bare-inverse']) [part~='button-icon']":n+"[variant='bare'][size='large'] [part~='button-icon']"+d+","+n+"[variant='bare-inverse'][size='large'] [part~='button-icon']",d," {--kds-c-button-sizing-height: auto;--kds-c-button-sizing-width: auto;}",r?":host [part='end']":n+" [part='end']",d," {padding-inline-start: 0;}",r?":host .kdds-assistive-text":n+" .kdds-assistive-text",d," {position: absolute !important;margin: -1px !important;border: 0 !important;padding: 0 !important;width: 1px !important;height: 1px !important;overflow: hidden !important;clip: rect(0 0 0 0) !important;text-transform: none !important;white-space: nowrap !important;}",r?":host([size='large']) [part~='button-icon']"+d+",:host([size='medium']) [part~='button-icon']":n+"[size='large'] [part~='button-icon']"+d+","+n+"[size='medium'] [part~='button-icon']",d," {height: var(--kdds-c-buttonicon-sizing-height, var(--kdds-g-sizing-9));}"].join("")}],[function(t,r,o){var d=t?"["+t+"]":"",n=t?"["+t+"-host]":"";return[r?":host(.kdds-rich-text-editor__output) {":n+".kdds-rich-text-editor__output {","line-height: var(--kdds-g-font-lineheight);overflow-wrap: break-word;word-wrap: break-word;hyphens: manual;}",r?":host(.kdds-rich-text-editor__output) h1":n+".kdds-rich-text-editor__output h1",d," {font-size: var(--kdds-g-font-scale-5);}",r?":host(.kdds-rich-text-editor__output) h2":n+".kdds-rich-text-editor__output h2",d," {font-size: var(--kdds-g-font-scale-3);font-weight: var(--kdds-g-font-weight-7);}",r?":host(.kdds-rich-text-editor__output) h3":n+".kdds-rich-text-editor__output h3",d," {font-size: var(--kdds-g-font-scale-3);}",r?":host(.kdds-rich-text-editor__output) h4":n+".kdds-rich-text-editor__output h4",d," {font-size: var(--kdds-g-font-scale-1);font-weight: var(--kdds-g-font-weight-7);}",r?":host(.kdds-rich-text-editor__output) h5":n+".kdds-rich-text-editor__output h5",d," {font-size: var(--kdds-g-font-scale-1);}",r?":host(.kdds-rich-text-editor__output) h6":n+".kdds-rich-text-editor__output h6",d," {font-size: var(--kdds-g-font-scale-neg-1);font-weight: var(--kdds-g-font-weight-7);}",r?":host(.kdds-rich-text-editor__output) h1"+d+",:host(.kdds-rich-text-editor__output) h2"+d+",:host(.kdds-rich-text-editor__output) h3"+d+",:host(.kdds-rich-text-editor__output) h4"+d+",:host(.kdds-rich-text-editor__output) h5"+d+",:host(.kdds-rich-text-editor__output) h6"+d+",:host(.kdds-rich-text-editor__output) ul"+d+",:host(.kdds-rich-text-editor__output) ol"+d+",:host(.kdds-rich-text-editor__output) dl"+d+",:host(.kdds-rich-text-editor__output) img":n+".kdds-rich-text-editor__output h1"+d+","+n+".kdds-rich-text-editor__output h2"+d+","+n+".kdds-rich-text-editor__output h3"+d+","+n+".kdds-rich-text-editor__output h4"+d+","+n+".kdds-rich-text-editor__output h5"+d+","+n+".kdds-rich-text-editor__output h6"+d+","+n+".kdds-rich-text-editor__output ul"+d+","+n+".kdds-rich-text-editor__output ol"+d+","+n+".kdds-rich-text-editor__output dl"+d+","+n+".kdds-rich-text-editor__output img",d," {margin-block-end: var(--kdds-g-spacing-3);}",r?":host(.kdds-rich-text-editor__output) blockquote":n+".kdds-rich-text-editor__output blockquote",d," {margin: var(--kdds-g-spacing-6) var(--kdds-g-spacing-5);}",r?":host(.kdds-rich-text-editor__output) ins":n+".kdds-rich-text-editor__output ins",d," {color: var(--kdds-g-color-success-base-50, var(--kdds-g-color-success-base-50));text-decoration: underline;}",r?":host(.kdds-rich-text-editor__output) del":n+".kdds-rich-text-editor__output del",d," {color: var(--kdds-g-color-error-base-30, var(--kdds-g-color-error-base-50));text-decoration: line-through;}",r?":host(.kdds-rich-text-editor__output) ul":n+".kdds-rich-text-editor__output ul",d," {margin-inline-start: var(--kdds-g-spacing-5);list-style: disc;}",r?":host(.kdds-rich-text-editor__output) ul":n+".kdds-rich-text-editor__output ul",d," ul",d," {list-style: circle;margin-block-end: 0;}",r?":host(.kdds-rich-text-editor__output) ul":n+".kdds-rich-text-editor__output ul",d," ul",d," ul",d," {list-style: square;}",r?":host(.kdds-rich-text-editor__output) ul":n+".kdds-rich-text-editor__output ul",d," ul",d," ul",d," ul",d," {list-style: disc;}",r?":host(.kdds-rich-text-editor__output) ul":n+".kdds-rich-text-editor__output ul",d," ul",d," ul",d," ul",d," ul",d," {list-style: circle;}",r?":host(.kdds-rich-text-editor__output) ul":n+".kdds-rich-text-editor__output ul",d," ol",d," {margin-inline-start: var(--kdds-g-spacing-5);list-style: decimal;margin-block-end: 0;}",r?":host(.kdds-rich-text-editor__output) ol":n+".kdds-rich-text-editor__output ol",d," {margin-inline-start: var(--kdds-g-spacing-5);list-style: decimal;}",r?":host(.kdds-rich-text-editor__output) ol":n+".kdds-rich-text-editor__output ol",d," ol",d," {list-style: lower-alpha;margin-block-end: 0;}",r?":host(.kdds-rich-text-editor__output) ol":n+".kdds-rich-text-editor__output ol",d," ol",d," ol",d," {list-style: lower-roman;}",r?":host(.kdds-rich-text-editor__output) ol":n+".kdds-rich-text-editor__output ol",d," ol",d," ol",d," ol",d," {list-style: decimal;}",r?":host(.kdds-rich-text-editor__output) ol":n+".kdds-rich-text-editor__output ol",d," ol",d," ol",d," ol",d," ol",d," {list-style: lower-alpha;}",r?":host(.kdds-rich-text-editor__output) ol":n+".kdds-rich-text-editor__output ol",d," ul",d," {margin-inline-start: var(--kdds-g-spacing-5);list-style: disc;margin-block-end: 0;}",r?":host(.kdds-rich-text-editor__output) dd":n+".kdds-rich-text-editor__output dd",d," {margin-inline-start: var(--kdds-g-spacing-7);}",r?":host(.kdds-rich-text-editor__output) abbr[title]"+d+",:host(.kdds-rich-text-editor__output) acronym[title]":n+".kdds-rich-text-editor__output abbr[title]"+d+","+n+".kdds-rich-text-editor__output acronym[title]",d," {border-bottom: var(--kdds-g-sizing-border-1) dotted;cursor: help;}",r?":host(.kdds-rich-text-editor__output) table":n+".kdds-rich-text-editor__output table",d," {overflow-wrap: normal;word-wrap: normal;word-break: normal;width: auto;}",r?":host(.kdds-rich-text-editor__output) table":n+".kdds-rich-text-editor__output table",d," caption",d," {text-align: center;}",r?":host(.kdds-rich-text-editor__output) th"+d+",:host(.kdds-rich-text-editor__output) td":n+".kdds-rich-text-editor__output th"+d+","+n+".kdds-rich-text-editor__output td",d," {padding: var(--kdds-g-spacing-2);}",r?":host(.kdds-rich-text-editor__output) .sans-serif":n+".kdds-rich-text-editor__output .sans-serif",d," {font-family: sans-serif;}",r?":host(.kdds-rich-text-editor__output) .courier":n+".kdds-rich-text-editor__output .courier",d," {font-family: courier;}",r?":host(.kdds-rich-text-editor__output) .verdana":n+".kdds-rich-text-editor__output .verdana",d," {font-family: verdana;}",r?":host(.kdds-rich-text-editor__output) .tahoma":n+".kdds-rich-text-editor__output .tahoma",d," {font-family: tahoma;}",r?":host(.kdds-rich-text-editor__output) .garamond":n+".kdds-rich-text-editor__output .garamond",d," {font-family: garamond;}",r?":host(.kdds-rich-text-editor__output) .serif":n+".kdds-rich-text-editor__output .serif",d," {font-family: serif;}",r?":host(.kdds-rich-text-editor__output) .ql-indent-1:not(.ql-direction-rtl)":n+".kdds-rich-text-editor__output .ql-indent-1:not(.ql-direction-rtl)",d," {padding-inline-start: var(--kdds-g-spacing-8);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-1.ql-direction-rtl.ql-align-right":n+".kdds-rich-text-editor__output .ql-indent-1.ql-direction-rtl.ql-align-right",d," {padding-inline-end: var(--kdds-g-spacing-8);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-2:not(.ql-direction-rtl)":n+".kdds-rich-text-editor__output .ql-indent-2:not(.ql-direction-rtl)",d," {padding-inline-start: calc(var(--kdds-g-spacing-8) * 2);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-2.ql-direction-rtl.ql-align-right":n+".kdds-rich-text-editor__output .ql-indent-2.ql-direction-rtl.ql-align-right",d," {padding-inline-end: calc(var(--kdds-g-spacing-8) * 2);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-3:not(.ql-direction-rtl)":n+".kdds-rich-text-editor__output .ql-indent-3:not(.ql-direction-rtl)",d," {padding-inline-start: calc(var(--kdds-g-spacing-8) * 3);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-3.ql-direction-rtl.ql-align-right":n+".kdds-rich-text-editor__output .ql-indent-3.ql-direction-rtl.ql-align-right",d," {padding-inline-end: calc(var(--kdds-g-spacing-8) * 3);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-4:not(.ql-direction-rtl)":n+".kdds-rich-text-editor__output .ql-indent-4:not(.ql-direction-rtl)",d," {padding-inline-start: calc(var(--kdds-g-spacing-8) * 4);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-4.ql-direction-rtl.ql-align-right":n+".kdds-rich-text-editor__output .ql-indent-4.ql-direction-rtl.ql-align-right",d," {padding-inline-end: calc(var(--kdds-g-spacing-8) * 4);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-5:not(.ql-direction-rtl)":n+".kdds-rich-text-editor__output .ql-indent-5:not(.ql-direction-rtl)",d," {padding-inline-start: calc(var(--kdds-g-spacing-8) * 5);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-5.ql-direction-rtl.ql-align-right":n+".kdds-rich-text-editor__output .ql-indent-5.ql-direction-rtl.ql-align-right",d," {padding-inline-end: calc(var(--kdds-g-spacing-8) * 5);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-6:not(.ql-direction-rtl)":n+".kdds-rich-text-editor__output .ql-indent-6:not(.ql-direction-rtl)",d," {padding-inline-start: calc(var(--kdds-g-spacing-8) * 6);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-6.ql-direction-rtl.ql-align-right":n+".kdds-rich-text-editor__output .ql-indent-6.ql-direction-rtl.ql-align-right",d," {padding-inline-end: calc(var(--kdds-g-spacing-8) * 6);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-7:not(.ql-direction-rtl)":n+".kdds-rich-text-editor__output .ql-indent-7:not(.ql-direction-rtl)",d," {padding-inline-start: calc(var(--kdds-g-spacing-8) * 7);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-7.ql-direction-rtl.ql-align-right":n+".kdds-rich-text-editor__output .ql-indent-7.ql-direction-rtl.ql-align-right",d," {padding-inline-end: calc(var(--kdds-g-spacing-8) * 7);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-8:not(.ql-direction-rtl)":n+".kdds-rich-text-editor__output .ql-indent-8:not(.ql-direction-rtl)",d," {padding-inline-start: calc(var(--kdds-g-spacing-8) * 8);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-8.ql-direction-rtl.ql-align-right":n+".kdds-rich-text-editor__output .ql-indent-8.ql-direction-rtl.ql-align-right",d," {padding-inline-end: calc(var(--kdds-g-spacing-8) * 8);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-9:not(.ql-direction-rtl)":n+".kdds-rich-text-editor__output .ql-indent-9:not(.ql-direction-rtl)",d," {padding-inline-start: calc(var(--kdds-g-spacing-8) * 9);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-9.ql-direction-rtl.ql-align-right":n+".kdds-rich-text-editor__output .ql-indent-9.ql-direction-rtl.ql-align-right",d," {padding-inline-end: calc(var(--kdds-g-spacing-8) * 9);}"].join("")}],i,e,a,c]];const C=t`<span class="kdds-assistive-text${0}"${2}>${"t1"}</span>`,F=t`<span class="kdds-assistive-text${0}"${2}>${"t1"}</span>`,S={key:0},M={classMap:{"kdds-notify_container":!0,"kdds-is-relative":!0},attrs:{part:"toast",role:"alert","aria-live":"polite","aria-atomic":"true"},key:1},E={classMap:{"kdds-list--inline":!0},attrs:{"data-content":"",tabindex:"0"},key:3},T={"kdds-m-right_x-small":!0,"kdds-no-flex":!0,"kdds-align-top":!0},L={classMap:{"kdds-notify__content":!0},key:7},O={attrs:{name:"message"},key:8},B={iconName:"kdfont-guanbi8"};function I(t,r,o,d){const{ncls:n,b:s,d:i,sp:e,st:a,c:c,t:b,s:g,h:h}=t,{_m0:v,_m1:p}=d;return[c("kd-focus-trap",k,S,[h("div",M,[h("div",{className:n(r.toastClass),key:2,on:v||(d._m0={animationend:s(r.handleAnimationEnd),focusin:s(r.handleFocusIn),focusout:s(r.handleFocusOut)})},[h("div",E,[r.isSmallerBrowserWidth?a(C,5,[e(1,null,i(r.iconAlternativeText))]):null,r.isSmallerBrowserWidth?null:c("kd-icon",l,{classMap:T,props:{iconName:r.iconName,variant:"inverse",alternativeText:r.iconAlternativeText},key:6}),h("div",L,[g("message",O,[r.hasMessageLink?c("kd-formatted-rich-text",u,{props:{value:r.message},key:9}):null,r.hasMessageLink?null:b(i(r.message))],o),r.assistiveText?a(F,11,[e(1,null,i(r.assistiveText))]):null]),h("div",{className:n(r.closeIconContainerClass),key:12},[c("kd-icon",l,{props:B,key:13,on:p||(d._m1={click:s(r.handleCloseClick)})})])])])])])]}var A=r(I);I.slots=["message"],I.stylesheets=[],I.stylesheetToken="kwc-434br0enbih",I.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\toast-undefined_toast",j&&I.stylesheets.push.apply(I.stylesheets,j),o(I);const D="warning",W="error",N="success",$=N,{setContext:R,assertContext:H}=v;class P extends b{get duration(){return this._duration}set duration(t){this._duration=this.validDuration(t)?Number(t):3}get hasMessageLink(){return this.hasLinkData(this.messageLinks)}get message(){return this.buildLinks(this._message,this.messageLinks)||""}set message(t){this._message=t}get variant(){return this._variant}set variant(t){this._variant=this.normalizeVariant(t)}get iconName(){return{[D]:"kdfont-jinggao-mian",[W]:"kdfont-jinggao-mian",[N]:"kdfont-tongguo3"}[this._variant]}get toastClass(){return x(`kdds-notify kdds-notify_toast fix-notify_toast_animation kdds-theme_${this._variant}`).add({closing:this.closing,"kdds-hide":this.hide}).toString()}get toastElement(){return this.template.querySelector(".kdds-notify_toast")}get isSmallerBrowserWidth(){return this._isSmallFormFactor||this._isSmallerBrowserWidth}get closeIconContainerClass(){return x("kdds-notify__close")}get iconAlternativeText(){return this._variant===D?"Warning":this._variant===N?"Success":this._variant===W?"Error":"Info"}validDuration(t){return!isNaN(Number(t))&&Number(t)>=0}focus(){this._isFocused=!0,this.template.querySelector("[data-content]").focus()}normalizeVariant(t){return g(t,{fallbackValue:$,validValues:[N,D,W]})}buildLinks(t,r){return t&&r&&"object"==typeof r?Array.isArray(r)?t.replace(/\{(\d+)\}/gm,(t,o)=>this.createAnchorTagString(t,r[o])):t.replace(/\{(\w+)\}/gm,t=>{const o=t.substring(1,t.length-1);return this.createAnchorTagString(t,r[o])}):t}createAnchorTagString(t,r){if(!r)return t;const{url:o,label:d}=r;return`<a href='${h(o)}' target='_blank' title='${d}'>${d}</a>`}hasLinkData(t){return t&&!!(Array.isArray(t)&&t.length||"object"==typeof t&&Object.entries(t).length)}hasLink(){return Array.from(this.template.querySelectorAll("slot")).some(t=>t.assignedElements().some(t=>"A"===t.tagName||null!==t.querySelector("a")))||!!this.hasMessageLink}handleCloseClick(){this.close(!0)}close(t){!t&&this.hovering||(this.closing=!0)}handleAnimationEnd(){if(this.closing){this.closing=!1,this.hide=!0;const t=new CustomEvent("close",{bubbles:!0,detail:{isFocused:this._isFocused}});this.dispatchEvent(t)}}handleFocusIn(){this._isFocused=!0}handleFocusOut(){this._isFocused=!1}handleMouseEnter(){this.hovering=!0,this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handleMouseLeave(){this.hovering=!1,this._duration>0&&(this.timeoutId=setTimeout(()=>{this.close(),this.timeoutId=null},1e3*this.duration||3))}registerWithContainer(){const t=new CustomEvent("privatetoastregister",{bubbles:!0,cancelable:!0,detail:{unregisterCallback:t=>{this.unregisterCallback=t}}});this.dispatchEvent(t)}reset(){this.unregisterCallback&&this.unregisterCallback(),this._isFocused=!1,this.timeoutId&&clearTimeout(this.timeoutId),this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._portraitMatchMedia&&this._portraitMatchMedia.removeEventListener("change",this._screenOrientationChangeHandler),this._screenOrientationChangeHandler&&(this._screenOrientationChangeHandler=null)}setupResizeObserver(){if(this._resizeObserver)return;const t=new w(()=>{this.isConnected&&this.determineSmallerScreen()});t.observe(this.template.host),this._resizeObserver=t}addOrientationChangeListener(){H(this),this._portraitMatchMedia=window.matchMedia("(orientation: portrait)"),this._screenOrientationChangeHandler=this.determineSmallerScreen.bind(this),this._portraitMatchMedia.addEventListener("change",this._screenOrientationChangeHandler)}determineSmallerScreen(){const t=(document&&document.documentElement&&document.documentElement.clientWidth||window.innerWidth)<=480;t!==this._isSmallerBrowserWidth&&(this._isSmallerBrowserWidth=t)}determineSmallFormFactor(){}constructor(){super(),this._variant=$,this._duration=3,this.timeoutId=null,this.unregisterCallback=null,this.firstRender=!0,this.closing=!1,this.hoverint=!1,this.hide=!1,this._isFocused=!1,this.closeButtonTitleText="Close",this.assistiveText=p||_?"Press Command + F6 to navigate to the next toast notification or focusable region.":"Press Control + F6 to navigate to the next toast notification or focusable region.",this._message=void 0,this._resizeObserver=void 0,this._isSmallFormFactor=void 0,this._portraitMatchMedia=void 0,this._screenOrientationChangeHandler=void 0,this._isSmallerBrowserWidth=void 0,this.messageLinks=void 0,R(this)}connectedCallback(){super.connectedCallback(),this.registerWithContainer(),this.determineSmallerScreen(),this.determineSmallFormFactor(),this.setupResizeObserver(),this.addOrientationChangeListener(),this.addEventListener("mouseenter",this.handleMouseEnter.bind(this)),this.addEventListener("mouseleave",this.handleMouseLeave.bind(this))}renderedCallback(){this.firstRender&&(this.firstRender=!1,this._duration>0&&(this.timeoutId=setTimeout(()=>{this.close(),this.timeoutId=null},1e3*this.duration||3)))}disconnectedCallback(){this.reset()}static show(t,r){if(q){y.instance({maxToasts:1/0});const o=new z({...t,toast:this,source:r});r?r.dispatchEvent(o):document.body.dispatchEvent(o)}}}P[m]="kingdee-toast",P[f]=["variant","message","messageLinks","duration"],d(P,{publicProps:{messageLinks:{config:0},duration:{config:3},message:{config:3},variant:{config:3}},publicMethods:["focus"],track:{_isSmallerBrowserWidth:1},fields:["_variant","_duration","timeoutId","unregisterCallback","firstRender","closing","hoverint","hide","_isFocused","closeButtonTitleText","assistiveText","_message","_resizeObserver","_isSmallFormFactor","_portraitMatchMedia","_screenOrientationChangeHandler"]});const V=n(P,{tmpl:A,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\toast-",apiVersion:63});export{$ as DEFAULT_TOAST_VARIANT,V as default};
+import{parseFragment as t,registerTemplate as r,freezeTemplate as o,registerDecorators as d,registerComponent as n}from"@kdcloudjs/kwc";import{s}from"../kddsCommon-CucK_w70.js";import{s as i}from"../formattedRichTextRenderer-Czg_HaPr.js";import{s as e}from"../kddsUtilsMargin-QLmlO60p.js";import{s as a}from"../kddsUtilsPosition-DDHofMns.js";import{s as c}from"../kddsUtilsGrid-CoXx1Bwj.js";import l from"./icon.js";import u from"./formattedRichText.js";import k from"./focusTrap.js";import b from"./shadowBaseClassPrivate.js";import{n as g,C as h,p as v,_ as p,$ as _}from"../utilsPrivate-CI3EeA5x.js";import{instanceName as m,properties as f}from"./overlayUtils.js";import{c as x}from"../classSet-DY6Qvt6E.js";import{ShowToastEvent as z}from"./showToastEvent.js";import{KingdeeResizeObserver as w}from"./resizeObserver.js";import y from"./toastContainer.js";import{i as q}from"../ssr-C2pjZzfv.js";import"./purifyLib.js";import"./routingService.js";import"../client-Ddi3i8XR.js";import"../observable-tloG64m6.js";import"../empty_html-CjXB8rB4.js";import"../i18n-B98kiI7M.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";import"../focus-93ksTIEs.js";import"./tooltipLibrary.js";import"./positionLibrary.js";import"./primitiveBubble.js";import"./ariaObserver.js";import"./features.js";import"./overlay.js";import"./overlayContainer.js";import"./overlayManager.js";var j=[[function(t,r,o){var d=t?"["+t+"]":"",n=t?"["+t+"-host]":"",s=t?"-"+t:"";return(r?".fix-notify_toast_animation"+d+",\r:host .fix-notify_toast_animation":".fix-notify_toast_animation"+d+","+n+" .fix-notify_toast_animation")+d+" {animation-name: fadeIn"+s+";animation-duration: 0.4s;}@keyframes fadeIn"+s+" {0% {opacity: 0;}100% {opacity: 1;}}"+(r?".fix-notify_toast_animation.closing"+d+",\r:host .fix-notify_toast_animation.closing":".fix-notify_toast_animation.closing"+d+","+n+" .fix-notify_toast_animation.closing")+d+" {animation-name: fadeOut"+s+";animation-duration: 0.4s;}@keyframes fadeOut"+s+" {0% {opacity: 1;}100% {opacity: 0;}}"}],[s,[function(t,r,o){var d=t?"["+t+"]":"",n=t?"["+t+"-host]":"";return(r?":host {":n+" {")+"--kdds-c-toast-link: var(--kdds-g-color-on-surface-link-1, #0E5FD8);--kdds-c-toast-link-hover: var(--kdds-g-color-on-surface-link-2, #3987ED);--kdds-c-toast-link-active: var(--kdds-g-color-on-surface-link-3, #0041B0);}"+(r?":host .kdds-notify_toast":n+" .kdds-notify_toast")+d+" {display: flex;position: relative;background: none;background-color: var(--kdds-c-toast-background-success, #DBFFE7);color: var(--kdds-c-toast-color-success, #1DB363);border-radius: var(--kdds-c-toast-border-radius, 0.25rem);width: 100%;min-width: var(--kdds-c-toast-sizing-min-width, 17.5rem);max-height: var(--kdds-c-toast-sizing-max-height, 10rem);overflow: auto;text-align: left;justify-content: flex-start;line-height: var(--kdds-c-toast-line-height, 1.572);font-size: var(--kdds-c-toast-font-size, 14px);}"+(r?":host .kdds-notify_toast.kdds-theme_warning":n+" .kdds-notify_toast.kdds-theme_warning")+d+" {color: var(--kdds-c-toast-theme-warning-color, #FF8F0F);background-color: var(--kdds-c-toast-background-warning, #ffecc7);border: var(--kdds-c-toast-border-width, 1px) solid var(--kdds-c-toast-border-warning, #ffe0a6);}"+(r?":host .kdds-notify_toast.kdds-theme_error":n+" .kdds-notify_toast.kdds-theme_error")+d+" {color: var(--kdds-c-toast-theme-error-color, #F0262D);background-color: var(--kdds-c-toast-background-error, #FFE3E0);border: var(--kdds-c-toast-border-width) solid var(--kdds-c-toast-border-error, #FBB5B3);}"+(r?":host .kdds-notify_toast.kdds-theme_success":n+" .kdds-notify_toast.kdds-theme_success")+d+" {color: var(--kdds-c-toast-color-success, #1DB363);background-color: var(--kdds-c-toast-background-success, #DBFFE7);border: var(--kdds-c-toast-border-width, 1px) solid var(--kdds-c-toast-border-success, #A8F0C2);}"+(r?":host .kdds-list--inline":n+" .kdds-list--inline")+d+" kd-icon"+d+" {--kdds-c-icon-font-size: var(--kdds-c-toast-icon-font-size, 1rem);}"+(r?":host .kdds-list--inline":n+" .kdds-list--inline")+d+" kd-icon"+d+" .kdfont"+d+" {font-size: var(--kdds-c-icon-font-size, 1rem);line-height: 1;}"+(r?":host .kdds-notify_toast":n+" .kdds-notify_toast")+d+" .kdds-notify__close"+d+" {color: #666;height: var(--kdds-c-toast-line-height, 1.375rem);line-height: var(--kdds-c-toast-line-height, 1.375rem);margin-inline-start: var(--kdds-c-toast-close-margin-left, 12px);position: sticky;top: var(--kdds-c-toast-padding-vertical, 0.5rem);right: var(--kdds-c-toast-padding-horizontal);cursor: pointer;}"+(r?":host .kdds-region_narrow":n+" .kdds-region_narrow")+d+" .kdds-notify_toast"+d+" {min-width: auto;width: 100%;margin-inline-start: 0;}"+(r?":host .kdds-no-flex.kdds-align-top":n+" .kdds-no-flex.kdds-align-top")+d+" {margin-inline-end: var(--kdds-c-toast-prefixicon-margin-right, 0.5rem);height: var(--kdds-c-toast-line-height, 1.375rem);line-height: var(--kdds-c-toast-line-height, 1.375rem);position: sticky;top: var(--kdds-c-toast-padding-vertical, 0.5rem);right: var(--kdds-c-toast-padding-horizontal);}"+(r?":host .kdds-notify_toast":n+" .kdds-notify_toast")+d+" .kdds-notify__content"+d+" {flex: 1;overflow: visible;height: fit-content;}"+(r?":host .kdds-list--inline":n+" .kdds-list--inline")+d+" {padding-inline-start: var(--kdds-c-toast-padding-horizontal);padding-inline-end: var(--kdds-c-toast-padding-horizontal);padding-block-start: var(--kdds-c-toast-padding-vertical, 0.5rem);padding-block-end: var(--kdds-c-toast-padding-vertical, 0.5rem);display: inline-flex;width: 100%;height: fit-content;}"+(r?":host .kdds-assistive-text":n+" .kdds-assistive-text")+d+" {position: absolute !important;margin: -1px !important;border: 0 !important;padding: 0 !important;width: 1px !important;height: 1px !important;overflow: hidden !important;clip: rect(0 0 0 0) !important;text-transform: none !important;white-space: nowrap !important;}@media (max-width: 296px) {"+(r?":host .kdds-notify_toast":n+" .kdds-notify_toast")+d+" {min-width: calc(100vw - 16px);width: unset;}}"}],[function(t,r,o){var d=t?"["+t+"]":"",n=t?"["+t+"-host]":"";return(r?":host {":n+" {")+"display: flex;}"+(r?":host [part~='boundary']":n+" [part~='boundary']")+d+" {padding-block-start: var(\r\n --kds-c-icon-spacing-blockstart,\r\n var(--kds-c-icon-spacing-block, var(--kds-c-icon-spacing, var(--kds-s-icon-spacing)))\r\n );padding-block-end: var(\r\n --kds-c-icon-spacing-blockend,\r\n var(--kds-c-icon-spacing-block, var(--kds-c-icon-spacing, var(--kds-s-icon-spacing)))\r\n );padding-inline-start: var(\r\n --kds-c-icon-spacing-inlinestart,\r\n var(--kds-c-icon-spacing-inline, var(--kds-c-icon-spacing, var(--kds-s-icon-spacing)))\r\n );padding-inline-end: var(\r\n --kds-c-icon-spacing-inlineend,\r\n var(--kds-c-icon-spacing-inline, var(--kds-c-icon-spacing, var(--kds-s-icon-spacing)))\r\n );border-radius: var(--kds-c-icon-radius-border, var(--kds-s-icon-radius-border));border-width: var(--kds-c-icon-sizing-border, var(--kds-s-icon-sizing-border));border-style: solid;border-color: var(--kds-c-icon-color-border, var(--kds-s-icon-color-border, transparent));background-color: var(--kds-c-icon-color-background, var(--kds-s-icon-color-background));}"+(r?":host [part~='icon']":n+" [part~='icon']")+d+" {display: flex;height: var(--kds-c-icon-sizing-height, var(--kds-c-icon-sizing, var(--kds-s-icon-sizing)));width: var(--kds-c-icon-sizing-width, var(--kds-c-icon-sizing, var(--kds-s-icon-sizing)));color: var(--kds-c-icon-color-foreground, var(--kds-s-icon-color-foreground));}"+(r?":host svg":n+" svg")+d+" {width: 100%;height: 100%;}"+(r?":host {":n+" {")+"vertical-align: middle;}"+(r?":host([size='xxx-small']),:host \r.kdds-icon_xxx-small":n+"[size='xxx-small'],"+n+" \r.kdds-icon_xxx-small")+d+" {--kdds-c-icon-sizing: var(--kdds-g-sizing-3);}"+(r?":host([size='xx-small']),:host \r.kdds-icon_xx-small":n+"[size='xx-small'],"+n+" \r.kdds-icon_xx-small")+d+" {--kdds-c-icon-sizing: calc(var(--kdds-g-sizing-1) + var(--kdds-g-sizing-4));}"+(r?":host([size='x-small']),:host \r.kdds-icon_x-small":n+"[size='x-small'],"+n+" \r.kdds-icon_x-small")+d+" {--kdds-c-icon-sizing: var(--kdds-g-sizing-5);}"+(r?":host([size='small']),:host \r.kdds-icon_small":n+"[size='small'],"+n+" \r.kdds-icon_small")+d+" {--kdds-c-icon-sizing: var(--kdds-g-sizing-7);}"+(r?":host([size='large']),:host \r.kdds-icon_large":n+"[size='large'],"+n+" \r.kdds-icon_large")+d+" {--kdds-c-icon-sizing: var(--kdds-g-sizing-10);}"+(r?":host([variant='warning']) {":n+"[variant='warning'] {")+"--kdds-c-icon-color-foreground: var(--kdds-g-color-warning-1);}"+(r?":host([variant='success']) {":n+"[variant='success'] {")+"--kdds-c-icon-color-foreground: var(--kdds-g-color-success-1);}"+(r?":host([variant='error']) {":n+"[variant='error'] {")+"--kdds-c-icon-color-foreground: var(--kdds-g-color-error-1);}"+(r?":host([variant='light']) {":n+"[variant='light'] {")+"--kdds-c-icon-color-foreground: var(--kdds-g-color-neutral-base-70);}"+(r?":host [part='boundary']":n+" [part='boundary']")+d+" {--kds-c-icon-radius-border: var(--kdds-c-icon-radius-border, var(--kdds-g-radius-border-2));--kds-c-icon-sizing-border: var(--kdds-c-icon-sizing-border, 0);--kds-c-icon-color-border: var(--kdds-c-icon-color-border);--kds-c-icon-spacing-block-start: var(--kdds-c-icon-spacing-blockstart, var(--kdds-c-icon-spacing-block));--kds-c-icon-spacing-block-end: var(--kdds-c-icon-spacing-blockend, var(--kdds-c-icon-spacing-block));--kds-c-icon-spacing-inline-start: var(\r\n --kdds-c-icon-spacing-inlinestart,\r\n var(--kdds-c-icon-spacing-inline)\r\n );--kds-c-icon-spacing-inline-end: var(--kdds-c-icon-spacing-inlineend, var(--kdds-c-icon-spacing-inline));display: flex;}"+(r?":host .kdds-input__icon":n+" .kdds-input__icon")+d+" [part='boundary']"+d+" {border-style: none;}"+(r?":host [part='icon']":n+" [part='icon']")+d+" {--kds-c-icon-color-foreground: var(--kdds-c-icon-color-foreground, var(--kdds-g-color-on-accent-1));--kds-c-icon-sizing-height: var(\r\n --kdds-c-icon-sizing-height,\r\n var(--kdds-c-icon-sizing, var(--kdds-g-sizing-9))\r\n );--kds-c-icon-sizing-width: var(\r\n --kdds-c-icon-sizing-width,\r\n var(--kdds-c-icon-sizing, var(--kdds-g-sizing-9))\r\n );}"+(r?":host([icon-name*='action']),:host \r.kdds-icon_container_circle":n+"[icon-name*='action'],"+n+" \r.kdds-icon_container_circle")+d+" {--kdds-c-icon-spacing-block: var(--kdds-g-sizing-3);--kdds-c-icon-spacing-inline: var(--kdds-g-sizing-3);--kdds-c-icon-radius-border: calc(var(--kdds-g-radius-border-circle) / 2);--kdds-c-icon-sizing-border: var(--kdds-g-sizing-3);}"+(r?":host .kdds-icon":n+" .kdds-icon")+d+" {display: inline-flex;height: var(\r\n --kdds-c-icon-sizing-height,\r\n var(--kdds-c-icon-sizing, var(--kdds-s-icon-sizing, var(--kdds-g-sizing-9)))\r\n );width: var(\r\n --kdds-c-icon-sizing-width,\r\n var(--kdds-c-icon-sizing, var(--kdds-s-icon-sizing, var(--kdds-g-sizing-9)))\r\n );fill: var(--kdds-c-icon-color-foreground, var(--kdds-g-color-neutral-base-100));}"+(r?":host .kdds-icon-text-default":n+" .kdds-icon-text-default")+d+" {--kdds-c-icon-color-foreground: var(\r\n --kdds-c-icon-color-foreground-default,\r\n var(--kds-c-icon-color-foreground-default, var(--kdds-g-color-on-surface-1))\r\n );}"+(r?":host .kdds-icon-text-default.kdds-is-disabled":n+" .kdds-icon-text-default.kdds-is-disabled")+d+" {fill: var(--kdds-g-color-disabled-1);}"+(r?":host .kdds-assistive-text":n+" .kdds-assistive-text")+d+" {position: absolute !important;margin: -1px !important;border: 0 !important;padding: 0 !important;width: 1px !important;height: 1px !important;overflow: hidden !important;clip: rect(0 0 0 0) !important;text-transform: none !important;white-space: nowrap !important;}"+(r?":host .kdds-icon_disabled":n+" .kdds-icon_disabled")+d+" {background-color: currentcolor;}"+(r?":host .kdds-input__icon":n+" .kdds-input__icon")+d+" {--kdds-c-icon-sizing: calc(var(--kdds-g-sizing-1) + var(--kdds-g-sizing-4));position: absolute;top: 50%;margin-block-start: -0.4375rem;line-height: var(--kdds-g-font-lineheight-1);border: 0;z-index: 2;}"+(r?":host([data-input-pill-search-primicon]) .kdds-icon":n+"[data-input-pill-search-primicon] .kdds-icon")+d+" {--kds-c-icon-sizing-height: 1.25rem;--kds-c-icon-sizing-width: 1.25rem;}"+(r?":host([data-input-pill-close-primicon]) [part='icon']":n+"[data-input-pill-close-primicon] [part='icon']")+d+" {--kds-c-icon-color-foreground: none;}"+(r?":host([data-input-pill-close-primicon]) [part='icon']:hover":n+"[data-input-pill-close-primicon] [part='icon']:hover")+d+" {--kds-c-icon-color-foreground: var(--kdds-g-color-accent-4);}"+(r?":host .kdds-icon_container":n+" .kdds-icon_container")+d+" {border-radius: var(--kdds-c-icon-radius-border, var(--kdds-s-icon-radius-border));background-color: var(\r\n --kdds-c-icon-color-background,\r\n var(--kdds-s-icon-color-background, var(--kds-c-icon-color-background))\r\n );}"}],[function(t,r,o){var d=t?"["+t+"]":"",n=t?"["+t+"-host]":"";return["*",d,",\r*",d,"::before,\r*",d,"::after {box-sizing: border-box;}",r?":host [part~='button']":n+" [part~='button']",d," {display: inline-flex;gap: var(--kds-c-button-spacing-gap, var(--kds-s-button-spacing-gap));background: var(--kds-c-button-color-background, var(--kds-s-button-color-background));color: var(--kds-c-button-text-color, var(--kds-s-button-color));font-weight: var(--kds-c-button-font-weight, var(--kds-s-button-font-weight));font-size: var(--kds-c-button-font-size, var(--kds-s-button-font-size, inherit));line-height: var(--kds-c-button-font-lineheight);height: var(--kds-c-button-sizing-height);width: var(--kds-c-button-sizing-width);padding-inline-start: var(\r\n --kds-c-button-spacing-inlinestart,\r\n var(\r\n --kds-c-button-spacing-inline,\r\n var(--kds-c-button-spacing, var(--kds-s-button-spacing-inline, var(--kds-s-button-spacing)))\r\n )\r\n );padding-inline-end: var(\r\n --kds-c-button-spacing-inlineend,\r\n var(\r\n --kds-c-button-spacing-inline,\r\n var(--kds-c-button-spacing, var(--kds-s-button-spacing-inline, var(--kds-s-button-spacing)))\r\n )\r\n );padding-block-start: var(\r\n --kds-c-button-spacing-blockstart,\r\n var(\r\n --kds-c-button-spacing-block,\r\n var(--kds-c-button-spacing, var(--kds-s-button-spacing-block, var(--kds-s-button-spacing)))\r\n )\r\n );padding-block-end: var(\r\n --kds-c-button-spacing-blockend,\r\n var(\r\n --kds-c-button-spacing-block,\r\n var(--kds-c-button-spacing, var(--kds-s-button-spacing-block, var(--kds-s-button-spacing)))\r\n )\r\n );border-width: var(--kds-c-button-sizing-border, var(--kds-s-button-sizing-border, 1px));border-style: solid;border-color: var(--kds-c-button-color-border, var(--kds-s-button-color-border, currentColor));border-start-start-radius: var(\r\n --kds-c-button-radius-border-startstart,\r\n var(\r\n --kds-c-button-radius-border,\r\n var(--kds-s-button-radius-border-startstart, var(--kds-s-button-radius-border))\r\n )\r\n );border-start-end-radius: var(\r\n --kds-c-button-radius-border-startend,\r\n var(\r\n --kds-c-button-radius-border,\r\n var(--kds-s-button-radius-border-startend, var(--kds-s-button-radius-border))\r\n )\r\n );border-end-start-radius: var(\r\n --kds-c-button-radius-border-endstart,\r\n var(\r\n --kds-c-button-radius-border,\r\n var(--kds-s-button-radius-border-endstart, var(--kds-s-button-radius-border))\r\n )\r\n );border-end-end-radius: var(\r\n --kds-c-button-radius-border-endend,\r\n var(\r\n --kds-c-button-radius-border,\r\n var(--kds-s-button-radius-border-endend, var(--kds-s-button-radius-border))\r\n )\r\n );box-shadow: var(--kds-c-button-shadow, var(--kds-s-button-shadow));text-decoration: var(--kds-c-button-font-decoration);white-space: normal;user-select: none;align-items: center;justify-content: center;appearance: none;}",r?":host [part~='button']:hover":n+" [part~='button']:hover",d," {--kds-c-button-text-color: var(--kds-c-button-text-color-hover, var(--kds-s-button-color-hover, revert));--kds-c-button-color-background: var(\r\n --kds-c-button-color-background-hover,\r\n var(--kds-s-button-color-background-hover, revert)\r\n );--kds-c-button-color-border: var(\r\n --kds-c-button-color-border-hover,\r\n var(--kds-s-button-color-border-hover, revert)\r\n );--kds-c-button-shadow: var(--kds-c-button-shadow-hover, var(--kds-s-button-shadow-hover, revert));cursor: pointer;}",r?":host [part~='button']:focus":n+" [part~='button']:focus",d," {--kds-c-button-color-background: var(\r\n --kds-c-button-color-background-focus,\r\n var(--kds-s-button-color-background-focus, revert)\r\n );--kds-c-button-color-border: var(\r\n --kds-c-button-color-border-focus,\r\n var(--kds-s-button-color-border-focus, revert)\r\n );--kds-c-button-text-color: var(--kds-c-button-text-color-focus, var(--kds-s-button-color-focus, revert));--kds-c-button-shadow: var(--kds-c-button-shadow-focus, var(--kds-s-button-shadow-focus, revert));outline: 0;}",r?":host [part~='button']:active":n+" [part~='button']:active",d," {--kds-c-button-text-color: var(--kds-c-button-text-color-active, var(--kds-s-button-color-active, revert));--kds-c-button-color-background: var(\r\n --kds-c-button-color-background-active,\r\n var(--kds-s-button-color-background-active, revert)\r\n );--kds-c-button-color-border: var(\r\n --kds-c-button-color-border-active,\r\n var(--kds-s-button-color-border-active, revert)\r\n );--kds-c-button-shadow: var(--kds-c-button-shadow-active, var(--kds-s-button-shadow-active, revert));}",r?":host [part~='button']:disabled":n+" [part~='button']:disabled",d," {--kds-c-button-text-color: var(--kds-c-button-text-color-disabled);--kds-c-button-color-background: var(--kds-c-button-color-background-disabled);--kds-c-button-color-border: var(--kds-c-button-color-border-disabled);--kds-c-button-shadow: var(--kds-c-button-shadow-disabled);pointer-events: none;}",r?":host [part~='button']:disabled":n+" [part~='button']:disabled",d," *",d," {pointer-events: none;}",r?":host [part='button'][aria-pressed='true']":n+" [part='button'][aria-pressed='true']",d," {--kds-c-button-color-background: var(--kds-c-button-color-background-pressed, revert);--kds-c-button-color-border: var(--kds-c-button-color-border-pressed, revert);--kds-c-button-text-color: var(--kds-c-button-text-color-pressed, revert);--kds-c-button-shadow: var(--kds-c-button-shadow-pressed, revert);}",r?":host [part~='button']":n+" [part~='button']",d," {gap: var(--kdds-g-spacing-2);--kdds-c-icon-sizing-border: 0;--kdds-c-icon-sizing: 0.875rem;--kdds-c-icon-color-foreground: currentcolor;--kds-c-button-font-lineheight: var(\r\n --kdds-c-button-neutral-font-lineheight,\r\n var(--kdds-s-button-font-lineheight, 1.875rem)\r\n );--kds-c-button-spacing-inline: var(\r\n --kdds-c-button-neutral-spacing-inline,\r\n var(--kdds-s-button-spacing-inline, var(--kdds-g-spacing-4)) ;\r\n );--kds-c-button-spacing-block: var(--kdds-c-button-neutral-spacing-block);--kds-c-button-radius-border-startstart: var(\r\n --kdds-c-button-radius-border-startstart,\r\n var(\r\n --kdds-c-button-radius-border,\r\n var(--kdds-s-button-radius-border-startstart, var(--kdds-s-button-radius-border))\r\n )\r\n );--kds-c-button-radius-border-endstart: var(\r\n --kdds-c-button-radius-border-endstart,\r\n var(\r\n --kdds-c-button-radius-border,\r\n var(--kdds-s-button-radius-border-endstart, var(--kdds-s-button-radius-border))\r\n )\r\n );--kds-c-button-radius-border-startend: var(\r\n --kdds-c-button-radius-border-startend,\r\n var(\r\n --kdds-c-button-radius-border,\r\n var(--kdds-s-button-radius-border-startend, var(--kdds-s-button-radius-border))\r\n )\r\n );--kds-c-button-radius-border-endend: var(\r\n --kdds-c-button-radius-border-endend,\r\n var(\r\n --kdds-c-button-radius-border,\r\n var(--kdds-s-button-radius-border-endend, var(--kdds-s-button-radius-border))\r\n )\r\n );--kds-c-button-color-background: var(\r\n --kdds-c-button-neutral-color-background,\r\n var(--kdds-g-color-surface-container-1)\r\n );--kds-c-button-color-background-hover: var(\r\n --kdds-c-button-neutral-color-background-hover,\r\n var(--kdds-g-color-surface-container-2)\r\n );--kds-c-button-color-background-focus: var(\r\n --kdds-c-button-neutral-color-background-focus,\r\n var(--kdds-g-color-surface-container-2)\r\n );--kds-c-button-color-background-active: var(\r\n --kdds-c-button-neutral-color-background-active,\r\n var(--kdds-g-color-surface-container-2)\r\n );--kds-c-button-color-border: var(--kdds-c-button-neutral-color-border, var(--kdds-g-color-border-2));--kds-c-button-color-border-hover: var(\r\n --kdds-c-button-neutral-color-border-hover,\r\n var(--kdds-g-color-border-2)\r\n );--kds-c-button-color-border-focus: var(\r\n --kdds-c-button-neutral-color-border-focus,\r\n var(--kdds-g-color-border-2)\r\n );--kds-c-button-color-border-active: var(\r\n --kdds-c-button-neutral-color-border-active,\r\n var(--kdds-g-color-border-2)\r\n );--kds-c-button-text-color: var(--kdds-c-button-neutral-text-color, var(--kdds-g-color-accent-2));--kds-c-button-text-color-hover: var(\r\n --kdds-c-button-neutral-text-color-hover,\r\n var(--kdds-s-button-color-hover, var(--kdds-g-color-accent-3))\r\n );--kds-c-button-text-color-focus: var(\r\n --kdds-c-button-neutral-text-color-focus,\r\n var(--kdds-g-color-accent-3)\r\n );--kds-c-button-text-color-active: var(\r\n --kdds-c-button-neutral-text-color-active,\r\n var(--kdds-g-color-accent-3)\r\n );--kds-c-button-shadow: var(--kdds-c-button-neutral-shadow);--kds-c-button-shadow-focus: var(--kdds-c-button-neutral-shadow-focus);}",r?":host [part~='button']:disabled":n+" [part~='button']:disabled",d," {--kds-c-button-color-border-disabled: var(--kdds-g-color-border-disabled-1);--kds-c-button-text-color-disabled: var(--kdds-g-color-on-disabled-1);--kds-c-button-color-background-disabled: var(--kdds-g-color-disabled-container-1);pointer-events: auto;cursor: default;}",r?":host([variant='brand']) [part~='button']":n+"[variant='brand'] [part~='button']",d," {--kdds-c-button-neutral-color-background: var(\r\n --kdds-c-button-brand-color-background,\r\n var(--kdds-g-color-accent-container-1)\r\n );--kdds-c-button-neutral-color-background-hover: var(\r\n --kdds-c-button-brand-color-background-hover,\r\n var(--kdds-g-color-accent-container-2)\r\n );--kdds-c-button-neutral-color-background-focus: var(\r\n --kdds-c-button-brand-color-background-focus,\r\n var(--kdds-g-color-accent-container-2)\r\n );--kdds-c-button-neutral-color-background-active: var(\r\n --kdds-c-button-brand-color-background-active,\r\n var(--kdds-g-color-accent-container-2)\r\n );--kdds-c-button-neutral-color-border: var(\r\n --kdds-c-button-brand-color-border,\r\n var(--kdds-g-color-border-accent-1)\r\n );--kdds-c-button-neutral-color-border-hover: var(\r\n --kdds-c-button-brand-color-border-hover,\r\n var(--kdds-g-color-border-accent-2)\r\n );--kdds-c-button-neutral-color-border-focus: var(\r\n --kdds-c-button-brand-color-border-focus,\r\n var(--kdds-g-color-border-accent-2)\r\n );--kdds-c-button-neutral-color-border-active: var(\r\n --kdds-c-button-brand-color-border-active,\r\n var(--kdds-g-color-border-accent-2)\r\n );--kds-c-button-text-color: var(--kdds-c-button-brand-text-color, var(--kdds-g-color-on-accent-1));}",r?":host([variant='brand-outline']) [part~='button']":n+"[variant='brand-outline'] [part~='button']",d," {--kdds-c-button-neutral-color-border: var(--kdds-g-color-border-accent-2);--kdds-c-button-neutral-color-border-hover: var(--kdds-g-color-border-accent-2);--kdds-c-button-neutral-color-border-focus: var(--kdds-g-color-border-accent-2);--kdds-c-button-neutral-color-border-active: var(--kdds-g-color-border-accent-2);}",r?":host([variant='inverse']) [part~='button']":n+"[variant='inverse'] [part~='button']",d," {--kdds-c-button-neutral-color-background: transparent;--kdds-c-button-neutral-color-background-hover: var(--kdds-g-color-surface-container-2);--kdds-c-button-neutral-color-background-focus: var(--kdds-g-color-surface-container-2);--kdds-c-button-neutral-color-background-active: var(--kdds-g-color-surface-container-2);--kdds-c-button-neutral-color-border: var(--kdds-g-color-neutral-base-100);--kdds-c-button-neutral-color-border-hover: var(--kdds-g-color-neutral-base-100);--kdds-c-button-neutral-color-border-focus: var(--kdds-g-color-neutral-base-100);--kdds-c-button-neutral-color-border-active: var(--kdds-g-color-neutral-base-100);--kdds-c-button-neutral-text-color: var(--kdds-g-color-on-accent-1);--kdds-c-button-neutral-text-color-hover: var(--kdds-g-color-accent-2);--kdds-c-button-neutral-text-color-active: var(--kdds-g-color-accent-2);}",r?":host([variant='inverse']) [part~='button']:disabled":n+"[variant='inverse'] [part~='button']:disabled",d," {--kds-c-button-color-background: transparent;--kds-c-button-color-border: var(--kdds-g-color-border-disabled-2);--kds-c-button-text-color: var(--kdds-g-color-disabled-2);}",r?":host([variant='destructive']) [part~='button']":n+"[variant='destructive'] [part~='button']",d," {--kdds-c-button-neutral-color-background: var(--kdds-g-color-error-container-1);--kdds-c-button-neutral-color-background-hover: var(--kdds-g-color-error-container-2);--kdds-c-button-neutral-color-background-focus: var(--kdds-g-color-error-container-2);--kdds-c-button-neutral-color-background-active: var(--kdds-g-color-error-container-2);--kdds-c-button-neutral-color-border: var(--kdds-g-color-border-error-1);--kdds-c-button-neutral-color-border-hover: var(--kdds-g-color-border-error-2);--kdds-c-button-neutral-color-border-focus: var(--kdds-g-color-border-error-2);--kdds-c-button-neutral-color-border-active: var(--kdds-g-color-border-error-2);--kds-c-button-text-color: var(--kdds-g-color-on-error-1);}",r?":host([variant='success']) [part~='button']":n+"[variant='success'] [part~='button']",d," {--kdds-c-button-neutral-color-background: var(--kdds-g-color-success-container-1);--kdds-c-button-neutral-color-background-hover: var(--kdds-g-color-success-container-2);--kdds-c-button-neutral-color-background-focus: var(--kdds-g-color-success-container-2);--kdds-c-button-neutral-color-background-active: var(--kdds-g-color-success-container-2);--kdds-c-button-neutral-color-border: var(--kdds-g-color-border-success-1);--kdds-c-button-neutral-color-border-hover: var(--kdds-g-color-border-success-2);--kdds-c-button-neutral-color-border-focus: var(--kdds-g-color-border-success-2);--kdds-c-button-neutral-color-border-active: var(--kdds-g-color-border-success-2);--kdds-c-button-neutral-text-color: var(--kdds-g-color-on-success-1);--kdds-c-button-neutral-text-color-hover: var(--kdds-g-color-on-success-1);--kdds-c-button-neutral-text-color-focus: var(--kdds-g-color-on-success-1);--kdds-c-button-neutral-text-color-active: var(--kdds-g-color-on-success-1);}",r?":host([variant='destructive-text']) [part~='button']":n+"[variant='destructive-text'] [part~='button']",d," {--kdds-c-button-neutral-text-color: var(--kdds-g-color-error-1);--kdds-c-button-neutral-text-color-hover: var(--kdds-g-color-error-1);--kdds-c-button-neutral-text-color-focus: var(--kdds-g-color-error-1);--kdds-c-button-neutral-text-color-active: var(--kdds-g-color-error-1);--kdds-c-button-neutral-color-border-hover: var(\r\n --kdds-c-button-neutral-color-border,\r\n var(--kdds-g-color-border-1)\r\n );--kdds-c-button-neutral-color-border-focus: var(\r\n --kdds-c-button-neutral-color-border,\r\n var(--kdds-g-color-border-1)\r\n );--kdds-c-button-neutral-color-border-active: var(\r\n --kdds-c-button-neutral-color-border,\r\n var(--kdds-g-color-border-1)\r\n );}",r?":host([variant='brand']) [part~='button']:disabled"+d+",:host([variant='success']) [part~='button']:disabled"+d+",:host([variant='destructive']) [part~='button']:disabled":n+"[variant='brand'] [part~='button']:disabled"+d+","+n+"[variant='success'] [part~='button']:disabled"+d+","+n+"[variant='destructive'] [part~='button']:disabled",d," {--kds-c-button-color-background: var(--kdds-g-color-disabled-container-2);--kds-c-button-color-border: var(--kdds-g-color-border-disabled-1);--kds-c-button-text-color: var(--kdds-g-color-on-disabled-2);}",r?":host([variant='base']) [part~='button']"+d+",:host([variant='text']) [part~='button']":n+"[variant='base'] [part~='button']"+d+","+n+"[variant='text'] [part~='button']",d," {--kds-c-button-spacing-inline: 0;--kdds-c-button-neutral-text-color: var(--kdds-g-color-accent-2);--kdds-c-button-neutral-color-border: transparent;--kdds-c-button-neutral-color-border-hover: transparent;--kdds-c-button-neutral-color-border-focus: transparent;--kdds-c-button-neutral-color-border-active: var(--kdds-g-color-border-accent-2);--kdds-c-button-neutral-color-background: transparent;--kdds-c-button-neutral-color-background-hover: transparent;--kdds-c-button-neutral-color-background-focus: transparent;--kdds-c-button-neutral-color-background-active: transparent;}",r?":host([variant='base']) [part~='button']:disabled"+d+",:host([variant='text']) [part~='button']:disabled":n+"[variant='base'] [part~='button']:disabled"+d+","+n+"[variant='text'] [part~='button']:disabled",d," {--kds-c-button-color-background: transparent;--kds-c-button-color-border: transparent;}",r?":host([stretch]) [part~='button']":n+"[stretch] [part~='button']",d," {--kds-c-button-sizing-width: 100%;justify-content: center;}",r?":host([variant='brand']) [part~='button']"+d+",:host([variant='brand-outline']) [part~='button']"+d+",:host([variant='inverse']) [part~='button']"+d+",:host([variant='success']) [part~='button']"+d+",:host([variant='destructive']) [part~='button']"+d+",:host([variant='destructive-text']) [part~='button']":n+"[variant='brand'] [part~='button']"+d+","+n+"[variant='brand-outline'] [part~='button']"+d+","+n+"[variant='inverse'] [part~='button']"+d+","+n+"[variant='success'] [part~='button']"+d+","+n+"[variant='destructive'] [part~='button']"+d+","+n+"[variant='destructive-text'] [part~='button']",d," {justify-content: center;}",r?":host [part~='start']":n+" [part~='start']",d," {display: inline-flex;padding-inline-end: 0;}",r?":host [part~='end']":n+" [part~='end']",d," {display: inline-flex;padding-inline-start: 0;}",r?":host .kdds-assistive-text":n+" .kdds-assistive-text",d," {position: absolute !important;margin: -1px !important;border: 0 !important;padding: 0 !important;width: 1px !important;height: 1px !important;overflow: hidden !important;clip: rect(0 0 0 0) !important;text-transform: none !important;white-space: nowrap !important;}",r?":host .kdds-button_reset":n+" .kdds-button_reset",d," {font-size: inherit;color: inherit;line-height: inherit;padding: 0;background: transparent;border: 0;text-align: inherit;}",r?":host [part~='button-icon']":n+" [part~='button-icon']",d," {display: inline-flex;--kdds-c-icon-sizing-border: 0;--kdds-c-icon-sizing: 0.875rem;--kdds-c-icon-color-foreground: var(--kdds-c-buttonicon-color-foreground, var(--kdds-g-color-on-surface-1));--kds-c-button-spacing-inline: 0;--kds-c-button-sizing-height: var(--kdds-g-sizing-9);--kds-c-button-sizing-width: var(--kdds-g-sizing-9);--kdds-c-button-neutral-color-background: transparent;--kdds-c-button-neutral-color-background-hover: transparent;--kdds-c-button-neutral-color-background-focus: transparent;--kdds-c-button-neutral-color-background-active: transparent;--kdds-c-button-neutral-color-border: var(--kdds-g-color-border-2);--kdds-c-button-neutral-color-border-hover: var(--kdds-g-color-border-2);--kdds-c-button-neutral-color-border-focus: var(--kdds-g-color-border-2);--kdds-c-button-neutral-color-border-active: var(--kdds-g-color-border-2);--kds-c-button-color-background-disabled: var(--kdds-g-color-surface-container-1);--kds-c-button-color-border-disabled: var(--kdds-g-color-border-disabled-1);}",r?":host [part~='button-icon']:hover":n+" [part~='button-icon']:hover",d," {--kdds-c-icon-color-foreground: var(\r\n --kdds-c-buttonicon-color-foreground-hover,\r\n var(--kdds-g-color-accent-3)\r\n );}",r?":host [part~='button-icon']:focus":n+" [part~='button-icon']:focus",d," {--kdds-c-icon-color-foreground: var(\r\n --kdds-c-buttonicon-color-foreground-focus,\r\n var(--kdds-g-color-accent-3)\r\n );}",r?":host [part~='button-icon']:active":n+" [part~='button-icon']:active",d," {--kdds-c-icon-color-foreground: var(\r\n --kdds-c-buttonicon-color-foreground-active,\r\n var(--kdds-g-color-accent-3)\r\n );--kds-c-button-shadow-active: none;}",r?":host [part~='button-icon']:disabled":n+" [part~='button-icon']:disabled",d," {--kdds-c-icon-color-foreground: var(--kdds-g-color-disabled-1);--kds-c-button-color-background-disabled: transparent;}",r?":host([variant='bare']) [part~='button-icon']":n+"[variant='bare'] [part~='button-icon']",d," {--kds-c-button-sizing-height: auto;--kds-c-button-sizing-width: auto;--kdds-c-button-neutral-color-border: transparent;--kdds-c-button-neutral-color-border-hover: transparent;--kdds-c-button-neutral-color-border-focus: transparent;--kdds-c-button-neutral-color-border-active: var(--kdds-g-color-border-accent-3);--kds-c-button-color-background-disabled: transparent;--kds-c-button-color-border-disabled: transparent;}",r?":host([variant='container']) [part~='button-icon']":n+"[variant='container'] [part~='button-icon']",d," {--kdds-c-button-neutral-color-border: transparent;--kdds-c-button-neutral-color-border-hover: transparent;--kdds-c-button-neutral-color-border-focus: transparent;--kdds-c-button-neutral-color-border-active: var(--kdds-g-color-border-accent-3);--kds-c-button-color-background-disabled: transparent;--kds-c-button-color-border-disabled: transparent;}",r?":host([variant='brand']) [part~='button-icon']":n+"[variant='brand'] [part~='button-icon']",d," {--kdds-c-icon-color-foreground: var(--kdds-g-color-on-accent-1);}",r?":host([variant='bare-inverse']) [part~='button-icon']":n+"[variant='bare-inverse'] [part~='button-icon']",d," {--kds-c-button-sizing-height: auto;--kds-c-button-sizing-width: auto;--kdds-c-button-neutral-color-border: transparent;--kdds-c-button-neutral-color-border-hover: transparent;--kdds-c-button-neutral-color-border-focus: var(--kdds-g-color-neutral-base-100);--kdds-c-button-neutral-color-border-active: var(--kdds-g-color-neutral-base-100);--kds-c-button-shadow-focus: 0 0 3px var(--kdds-g-color-neutral-base-100);--kdds-c-buttonicon-color-foreground: var(--kdds-g-color-neutral-base-100);--kdds-c-buttonicon-color-foreground-hover: color-mix(\r\n in oklab,\r\n var(--kdds-g-color-on-surface-inverse-1),\r\n transparent 25%\r\n );--kdds-c-buttonicon-color-foreground-focus: var(--kdds-g-color-neutral-base-95);--kdds-c-buttonicon-color-foreground-active: var(--kdds-g-color-neutral-base-90);--kds-c-button-color-background-disabled: transparent;--kds-c-button-color-border-disabled: transparent;}",r?":host([variant='border-inverse']) [part~='button-icon']":n+"[variant='border-inverse'] [part~='button-icon']",d," {--kdds-c-button-neutral-color-border: var(--kdds-g-color-neutral-base-100);--kdds-c-button-neutral-color-border-hover: var(--kdds-g-color-neutral-base-100);--kdds-c-button-neutral-color-border-focus: var(--kdds-g-color-neutral-base-100);--kdds-c-button-neutral-color-border-active: var(--kdds-g-color-neutral-base-100);--kds-c-button-shadow-focus: 0 0 3px var(--kdds-g-color-neutral-base-100);--kdds-c-buttonicon-color-foreground: var(--kdds-g-color-neutral-base-100);--kdds-c-buttonicon-color-foreground-hover: var(--kdds-g-color-neutral-base-95);--kdds-c-buttonicon-color-foreground-focus: var(--kdds-g-color-neutral-base-95);--kdds-c-buttonicon-color-foreground-active: var(--kdds-g-color-neutral-base-90);--kds-c-button-color-background-disabled: transparent;--kds-c-button-color-border-disabled: var(--kdds-g-color-border-disabled-2);}",r?":host([variant='border-filled']) [part~='button-icon']":n+"[variant='border-filled'] [part~='button-icon']",d," {--kdds-c-button-neutral-color-background: var(--kdds-g-color-surface-container-1);--kdds-c-button-neutral-color-background-hover: var(--kdds-g-color-surface-container-1);--kdds-c-button-neutral-color-background-focus: var(--kdds-g-color-surface-container-1);--kdds-c-button-neutral-color-background-active: var(--kdds-g-color-surface-container-1);}",r?":host([variant='border-filled']) [part~='button-icon']:disabled":n+"[variant='border-filled'] [part~='button-icon']:disabled",d," {--kds-c-button-color-background-disabled: var(--kdds-g-color-disabled-container-1);}",r?":host([size='xx-small']) [part~='button-icon']":n+"[size='xx-small'] [part~='button-icon']",d," {--kds-c-button-sizing-height: var(--kdds-g-sizing-5);--kds-c-button-sizing-width: var(--kdds-g-sizing-5);--kdds-c-icon-sizing: var(--kdds-g-sizing-3);}",r?":host([size='x-small']) [part~='button-icon']":n+"[size='x-small'] [part~='button-icon']",d," {--kds-c-button-sizing-height: var(--kdds-g-sizing-6);--kds-c-button-sizing-width: var(--kdds-g-sizing-6);--kdds-c-icon-sizing: var(--kdds-g-sizing-4);}",r?":host([size='small']) [part~='button-icon']":n+"[size='small'] [part~='button-icon']",d," {--kds-c-button-sizing-height: var(--kdds-g-sizing-7);--kds-c-button-sizing-width: var(--kdds-g-sizing-7);}",r?":host([size='large']) [part~='button-icon']":n+"[size='large'] [part~='button-icon']",d," {--kds-c-button-sizing-height: var(--kdds-g-sizing-10);--kds-c-button-sizing-width: var(--kdds-g-sizing-10);--kdds-c-icon-sizing: var(--kdds-g-sizing-7);}",r?":host([size='x-small'][variant='bare']) [part~='button-icon']":n+"[variant='bare'][size='x-small'] [part~='button-icon']",d," {--kdds-c-buttonicon-spacing-block: 0;--kdds-c-buttonicon-spacing-inline: 0;--kdds-c-icon-sizing: var(--kdds-g-sizing-3);}",r?":host([size='small'][variant='bare']) [part~='button-icon']":n+"[variant='bare'][size='small'] [part~='button-icon']",d," {--kdds-c-buttonicon-spacing-block: 0;--kdds-c-buttonicon-spacing-inline: 0;--kdds-c-icon-sizing: var(--kdds-g-sizing-4);}",r?":host([size='large'][variant='bare']) [part~='button-icon']"+d+",:host([size='large'][variant='bare-inverse']) [part~='button-icon']":n+"[variant='bare'][size='large'] [part~='button-icon']"+d+","+n+"[variant='bare-inverse'][size='large'] [part~='button-icon']",d," {--kds-c-button-sizing-height: auto;--kds-c-button-sizing-width: auto;}",r?":host [part='end']":n+" [part='end']",d," {padding-inline-start: 0;}",r?":host .kdds-assistive-text":n+" .kdds-assistive-text",d," {position: absolute !important;margin: -1px !important;border: 0 !important;padding: 0 !important;width: 1px !important;height: 1px !important;overflow: hidden !important;clip: rect(0 0 0 0) !important;text-transform: none !important;white-space: nowrap !important;}",r?":host([size='large']) [part~='button-icon']"+d+",:host([size='medium']) [part~='button-icon']":n+"[size='large'] [part~='button-icon']"+d+","+n+"[size='medium'] [part~='button-icon']",d," {height: var(--kdds-c-buttonicon-sizing-height, var(--kdds-g-sizing-9));}"].join("")}],[function(t,r,o){var d=t?"["+t+"]":"",n=t?"["+t+"-host]":"";return[r?":host(.kdds-rich-text-editor__output) {":n+".kdds-rich-text-editor__output {","line-height: var(--kdds-g-font-lineheight);overflow-wrap: break-word;word-wrap: break-word;hyphens: manual;}",r?":host(.kdds-rich-text-editor__output) h1":n+".kdds-rich-text-editor__output h1",d," {font-size: var(--kdds-g-font-scale-5);}",r?":host(.kdds-rich-text-editor__output) h2":n+".kdds-rich-text-editor__output h2",d," {font-size: var(--kdds-g-font-scale-3);font-weight: var(--kdds-g-font-weight-7);}",r?":host(.kdds-rich-text-editor__output) h3":n+".kdds-rich-text-editor__output h3",d," {font-size: var(--kdds-g-font-scale-3);}",r?":host(.kdds-rich-text-editor__output) h4":n+".kdds-rich-text-editor__output h4",d," {font-size: var(--kdds-g-font-scale-1);font-weight: var(--kdds-g-font-weight-7);}",r?":host(.kdds-rich-text-editor__output) h5":n+".kdds-rich-text-editor__output h5",d," {font-size: var(--kdds-g-font-scale-1);}",r?":host(.kdds-rich-text-editor__output) h6":n+".kdds-rich-text-editor__output h6",d," {font-size: var(--kdds-g-font-scale-neg-1);font-weight: var(--kdds-g-font-weight-7);}",r?":host(.kdds-rich-text-editor__output) h1"+d+",:host(.kdds-rich-text-editor__output) h2"+d+",:host(.kdds-rich-text-editor__output) h3"+d+",:host(.kdds-rich-text-editor__output) h4"+d+",:host(.kdds-rich-text-editor__output) h5"+d+",:host(.kdds-rich-text-editor__output) h6"+d+",:host(.kdds-rich-text-editor__output) ul"+d+",:host(.kdds-rich-text-editor__output) ol"+d+",:host(.kdds-rich-text-editor__output) dl"+d+",:host(.kdds-rich-text-editor__output) img":n+".kdds-rich-text-editor__output h1"+d+","+n+".kdds-rich-text-editor__output h2"+d+","+n+".kdds-rich-text-editor__output h3"+d+","+n+".kdds-rich-text-editor__output h4"+d+","+n+".kdds-rich-text-editor__output h5"+d+","+n+".kdds-rich-text-editor__output h6"+d+","+n+".kdds-rich-text-editor__output ul"+d+","+n+".kdds-rich-text-editor__output ol"+d+","+n+".kdds-rich-text-editor__output dl"+d+","+n+".kdds-rich-text-editor__output img",d," {margin-block-end: var(--kdds-g-spacing-3);}",r?":host(.kdds-rich-text-editor__output) blockquote":n+".kdds-rich-text-editor__output blockquote",d," {margin: var(--kdds-g-spacing-6) var(--kdds-g-spacing-5);}",r?":host(.kdds-rich-text-editor__output) ins":n+".kdds-rich-text-editor__output ins",d," {color: var(--kdds-g-color-success-base-50, var(--kdds-g-color-success-base-50));text-decoration: underline;}",r?":host(.kdds-rich-text-editor__output) del":n+".kdds-rich-text-editor__output del",d," {color: var(--kdds-g-color-error-base-30, var(--kdds-g-color-error-base-50));text-decoration: line-through;}",r?":host(.kdds-rich-text-editor__output) ul":n+".kdds-rich-text-editor__output ul",d," {margin-inline-start: var(--kdds-g-spacing-5);list-style: disc;}",r?":host(.kdds-rich-text-editor__output) ul":n+".kdds-rich-text-editor__output ul",d," ul",d," {list-style: circle;margin-block-end: 0;}",r?":host(.kdds-rich-text-editor__output) ul":n+".kdds-rich-text-editor__output ul",d," ul",d," ul",d," {list-style: square;}",r?":host(.kdds-rich-text-editor__output) ul":n+".kdds-rich-text-editor__output ul",d," ul",d," ul",d," ul",d," {list-style: disc;}",r?":host(.kdds-rich-text-editor__output) ul":n+".kdds-rich-text-editor__output ul",d," ul",d," ul",d," ul",d," ul",d," {list-style: circle;}",r?":host(.kdds-rich-text-editor__output) ul":n+".kdds-rich-text-editor__output ul",d," ol",d," {margin-inline-start: var(--kdds-g-spacing-5);list-style: decimal;margin-block-end: 0;}",r?":host(.kdds-rich-text-editor__output) ol":n+".kdds-rich-text-editor__output ol",d," {margin-inline-start: var(--kdds-g-spacing-5);list-style: decimal;}",r?":host(.kdds-rich-text-editor__output) ol":n+".kdds-rich-text-editor__output ol",d," ol",d," {list-style: lower-alpha;margin-block-end: 0;}",r?":host(.kdds-rich-text-editor__output) ol":n+".kdds-rich-text-editor__output ol",d," ol",d," ol",d," {list-style: lower-roman;}",r?":host(.kdds-rich-text-editor__output) ol":n+".kdds-rich-text-editor__output ol",d," ol",d," ol",d," ol",d," {list-style: decimal;}",r?":host(.kdds-rich-text-editor__output) ol":n+".kdds-rich-text-editor__output ol",d," ol",d," ol",d," ol",d," ol",d," {list-style: lower-alpha;}",r?":host(.kdds-rich-text-editor__output) ol":n+".kdds-rich-text-editor__output ol",d," ul",d," {margin-inline-start: var(--kdds-g-spacing-5);list-style: disc;margin-block-end: 0;}",r?":host(.kdds-rich-text-editor__output) dd":n+".kdds-rich-text-editor__output dd",d," {margin-inline-start: var(--kdds-g-spacing-7);}",r?":host(.kdds-rich-text-editor__output) abbr[title]"+d+",:host(.kdds-rich-text-editor__output) acronym[title]":n+".kdds-rich-text-editor__output abbr[title]"+d+","+n+".kdds-rich-text-editor__output acronym[title]",d," {border-bottom: var(--kdds-g-sizing-border-1) dotted;cursor: help;}",r?":host(.kdds-rich-text-editor__output) table":n+".kdds-rich-text-editor__output table",d," {overflow-wrap: normal;word-wrap: normal;word-break: normal;width: auto;}",r?":host(.kdds-rich-text-editor__output) table":n+".kdds-rich-text-editor__output table",d," caption",d," {text-align: center;}",r?":host(.kdds-rich-text-editor__output) th"+d+",:host(.kdds-rich-text-editor__output) td":n+".kdds-rich-text-editor__output th"+d+","+n+".kdds-rich-text-editor__output td",d," {padding: var(--kdds-g-spacing-2);}",r?":host(.kdds-rich-text-editor__output) .sans-serif":n+".kdds-rich-text-editor__output .sans-serif",d," {font-family: sans-serif;}",r?":host(.kdds-rich-text-editor__output) .courier":n+".kdds-rich-text-editor__output .courier",d," {font-family: courier;}",r?":host(.kdds-rich-text-editor__output) .verdana":n+".kdds-rich-text-editor__output .verdana",d," {font-family: verdana;}",r?":host(.kdds-rich-text-editor__output) .tahoma":n+".kdds-rich-text-editor__output .tahoma",d," {font-family: tahoma;}",r?":host(.kdds-rich-text-editor__output) .garamond":n+".kdds-rich-text-editor__output .garamond",d," {font-family: garamond;}",r?":host(.kdds-rich-text-editor__output) .serif":n+".kdds-rich-text-editor__output .serif",d," {font-family: serif;}",r?":host(.kdds-rich-text-editor__output) .ql-indent-1:not(.ql-direction-rtl)":n+".kdds-rich-text-editor__output .ql-indent-1:not(.ql-direction-rtl)",d," {padding-inline-start: var(--kdds-g-spacing-8);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-1.ql-direction-rtl.ql-align-right":n+".kdds-rich-text-editor__output .ql-indent-1.ql-direction-rtl.ql-align-right",d," {padding-inline-end: var(--kdds-g-spacing-8);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-2:not(.ql-direction-rtl)":n+".kdds-rich-text-editor__output .ql-indent-2:not(.ql-direction-rtl)",d," {padding-inline-start: calc(var(--kdds-g-spacing-8) * 2);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-2.ql-direction-rtl.ql-align-right":n+".kdds-rich-text-editor__output .ql-indent-2.ql-direction-rtl.ql-align-right",d," {padding-inline-end: calc(var(--kdds-g-spacing-8) * 2);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-3:not(.ql-direction-rtl)":n+".kdds-rich-text-editor__output .ql-indent-3:not(.ql-direction-rtl)",d," {padding-inline-start: calc(var(--kdds-g-spacing-8) * 3);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-3.ql-direction-rtl.ql-align-right":n+".kdds-rich-text-editor__output .ql-indent-3.ql-direction-rtl.ql-align-right",d," {padding-inline-end: calc(var(--kdds-g-spacing-8) * 3);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-4:not(.ql-direction-rtl)":n+".kdds-rich-text-editor__output .ql-indent-4:not(.ql-direction-rtl)",d," {padding-inline-start: calc(var(--kdds-g-spacing-8) * 4);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-4.ql-direction-rtl.ql-align-right":n+".kdds-rich-text-editor__output .ql-indent-4.ql-direction-rtl.ql-align-right",d," {padding-inline-end: calc(var(--kdds-g-spacing-8) * 4);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-5:not(.ql-direction-rtl)":n+".kdds-rich-text-editor__output .ql-indent-5:not(.ql-direction-rtl)",d," {padding-inline-start: calc(var(--kdds-g-spacing-8) * 5);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-5.ql-direction-rtl.ql-align-right":n+".kdds-rich-text-editor__output .ql-indent-5.ql-direction-rtl.ql-align-right",d," {padding-inline-end: calc(var(--kdds-g-spacing-8) * 5);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-6:not(.ql-direction-rtl)":n+".kdds-rich-text-editor__output .ql-indent-6:not(.ql-direction-rtl)",d," {padding-inline-start: calc(var(--kdds-g-spacing-8) * 6);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-6.ql-direction-rtl.ql-align-right":n+".kdds-rich-text-editor__output .ql-indent-6.ql-direction-rtl.ql-align-right",d," {padding-inline-end: calc(var(--kdds-g-spacing-8) * 6);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-7:not(.ql-direction-rtl)":n+".kdds-rich-text-editor__output .ql-indent-7:not(.ql-direction-rtl)",d," {padding-inline-start: calc(var(--kdds-g-spacing-8) * 7);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-7.ql-direction-rtl.ql-align-right":n+".kdds-rich-text-editor__output .ql-indent-7.ql-direction-rtl.ql-align-right",d," {padding-inline-end: calc(var(--kdds-g-spacing-8) * 7);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-8:not(.ql-direction-rtl)":n+".kdds-rich-text-editor__output .ql-indent-8:not(.ql-direction-rtl)",d," {padding-inline-start: calc(var(--kdds-g-spacing-8) * 8);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-8.ql-direction-rtl.ql-align-right":n+".kdds-rich-text-editor__output .ql-indent-8.ql-direction-rtl.ql-align-right",d," {padding-inline-end: calc(var(--kdds-g-spacing-8) * 8);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-9:not(.ql-direction-rtl)":n+".kdds-rich-text-editor__output .ql-indent-9:not(.ql-direction-rtl)",d," {padding-inline-start: calc(var(--kdds-g-spacing-8) * 9);}",r?":host(.kdds-rich-text-editor__output) .ql-indent-9.ql-direction-rtl.ql-align-right":n+".kdds-rich-text-editor__output .ql-indent-9.ql-direction-rtl.ql-align-right",d," {padding-inline-end: calc(var(--kdds-g-spacing-8) * 9);}"].join("")}],i,e,a,c]];const C=t`<span class="kdds-assistive-text${0}"${2}>${"t1"}</span>`,F=t`<span class="kdds-assistive-text${0}"${2}>${"t1"}</span>`,S={key:0},M={classMap:{"kdds-notify_container":!0,"kdds-is-relative":!0},attrs:{part:"toast",role:"alert","aria-live":"polite","aria-atomic":"true"},key:1},E={classMap:{"kdds-list--inline":!0},attrs:{"data-content":"",tabindex:"0"},key:3},T={"kdds-m-right_x-small":!0,"kdds-no-flex":!0,"kdds-align-top":!0},L={classMap:{"kdds-notify__content":!0},key:7},O={attrs:{name:"message"},key:8},B={iconName:"kdfont-guanbi8"};function I(t,r,o,d){const{ncls:n,b:s,d:i,sp:e,st:a,c:c,t:b,s:g,h:h}=t,{_m0:v,_m1:p}=d;return[c("kd-focus-trap",k,S,[h("div",M,[h("div",{className:n(r.toastClass),key:2,on:v||(d._m0={animationend:s(r.handleAnimationEnd),focusin:s(r.handleFocusIn),focusout:s(r.handleFocusOut)})},[h("div",E,[r.isSmallerBrowserWidth?a(C,5,[e(1,null,i(r.iconAlternativeText))]):null,r.isSmallerBrowserWidth?null:c("kd-icon",l,{classMap:T,props:{iconName:r.iconName,variant:"inverse",alternativeText:r.iconAlternativeText},key:6}),h("div",L,[g("message",O,[r.hasMessageLink?c("kd-formatted-rich-text",u,{props:{value:r.message},key:9}):null,r.hasMessageLink?null:b(i(r.message))],o),r.assistiveText?a(F,11,[e(1,null,i(r.assistiveText))]):null]),h("div",{className:n(r.closeIconContainerClass),key:12},[c("kd-icon",l,{props:B,key:13,on:p||(d._m1={click:s(r.handleCloseClick)})})])])])])])]}var A=r(I);I.slots=["message"],I.stylesheets=[],I.stylesheetToken="kwc-434br0enbih",I.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\toast-undefined_toast",j&&I.stylesheets.push.apply(I.stylesheets,j),o(I);const D="warning",W="error",N="success",$=N,{setContext:R,assertContext:H}=v;class P extends b{get duration(){return this._duration}set duration(t){this._duration=this.validDuration(t)?Number(t):3}get hasMessageLink(){return this.hasLinkData(this.messageLinks)}get message(){return this.buildLinks(this._message,this.messageLinks)||""}set message(t){this._message=t}get variant(){return this._variant}set variant(t){this._variant=this.normalizeVariant(t)}get iconName(){return{[D]:"kdfont-jinggao-mian",[W]:"kdfont-jinggao-mian",[N]:"kdfont-tongguo3"}[this._variant]}get toastClass(){return x(`kdds-notify kdds-notify_toast fix-notify_toast_animation kdds-theme_${this._variant}`).add({closing:this.closing,"kdds-hide":this.hide}).toString()}get toastElement(){return this.template.querySelector(".kdds-notify_toast")}get isSmallerBrowserWidth(){return this._isSmallFormFactor||this._isSmallerBrowserWidth}get closeIconContainerClass(){return x("kdds-notify__close")}get iconAlternativeText(){return this._variant===D?"Warning":this._variant===N?"Success":this._variant===W?"Error":"Info"}validDuration(t){return!isNaN(Number(t))&&Number(t)>=0}focus(){this._isFocused=!0,this.template.querySelector("[data-content]").focus()}normalizeVariant(t){return g(t,{fallbackValue:$,validValues:[N,D,W]})}buildLinks(t,r){return t&&r&&"object"==typeof r?Array.isArray(r)?t.replace(/\{(\d+)\}/gm,(t,o)=>this.createAnchorTagString(t,r[o])):t.replace(/\{(\w+)\}/gm,t=>{const o=t.substring(1,t.length-1);return this.createAnchorTagString(t,r[o])}):t}createAnchorTagString(t,r){if(!r)return t;const{url:o,label:d}=r;return`<a href='${h(o)}' target='_blank' title='${d}'>${d}</a>`}hasLinkData(t){return t&&!!(Array.isArray(t)&&t.length||"object"==typeof t&&Object.entries(t).length)}hasLink(){return Array.from(this.template.querySelectorAll("slot")).some(t=>t.assignedElements().some(t=>"A"===t.tagName||null!==t.querySelector("a")))||!!this.hasMessageLink}handleCloseClick(){this.close(!0)}close(t){!t&&this.hovering||(this.closing=!0)}handleAnimationEnd(){if(this.closing){this.closing=!1,this.hide=!0;const t=new CustomEvent("close",{bubbles:!0,detail:{isFocused:this._isFocused}});this.dispatchEvent(t)}}handleFocusIn(){this._isFocused=!0}handleFocusOut(){this._isFocused=!1}handleMouseEnter(){this.hovering=!0,this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handleMouseLeave(){this.hovering=!1,this._duration>0&&(this.timeoutId=setTimeout(()=>{this.close(),this.timeoutId=null},1e3*this.duration||3))}registerWithContainer(){const t=new CustomEvent("privatetoastregister",{bubbles:!0,cancelable:!0,detail:{unregisterCallback:t=>{this.unregisterCallback=t}}});this.dispatchEvent(t)}reset(){this.unregisterCallback&&this.unregisterCallback(),this._isFocused=!1,this.timeoutId&&clearTimeout(this.timeoutId),this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._portraitMatchMedia&&this._portraitMatchMedia.removeEventListener("change",this._screenOrientationChangeHandler),this._screenOrientationChangeHandler&&(this._screenOrientationChangeHandler=null)}setupResizeObserver(){if(this._resizeObserver)return;const t=new w(()=>{this.isConnected&&this.determineSmallerScreen()});t.observe(this.template.host),this._resizeObserver=t}addOrientationChangeListener(){H(this),this._portraitMatchMedia=window.matchMedia("(orientation: portrait)"),this._screenOrientationChangeHandler=this.determineSmallerScreen.bind(this),this._portraitMatchMedia.addEventListener("change",this._screenOrientationChangeHandler)}determineSmallerScreen(){const t=(document&&document.documentElement&&document.documentElement.clientWidth||window.innerWidth)<=480;t!==this._isSmallerBrowserWidth&&(this._isSmallerBrowserWidth=t)}determineSmallFormFactor(){}constructor(){super(),this._variant=$,this._duration=3,this.timeoutId=null,this.unregisterCallback=null,this.firstRender=!0,this.closing=!1,this.hoverint=!1,this.hide=!1,this._isFocused=!1,this.closeButtonTitleText="Close",this.assistiveText=p||_?"Press Command + F6 to navigate to the next toast notification or focusable region.":"Press Control + F6 to navigate to the next toast notification or focusable region.",this._message=void 0,this._resizeObserver=void 0,this._isSmallFormFactor=void 0,this._portraitMatchMedia=void 0,this._screenOrientationChangeHandler=void 0,this._isSmallerBrowserWidth=void 0,this.messageLinks=void 0,R(this)}connectedCallback(){super.connectedCallback(),this.registerWithContainer(),this.determineSmallerScreen(),this.determineSmallFormFactor(),this.setupResizeObserver(),this.addOrientationChangeListener(),this.addEventListener("mouseenter",this.handleMouseEnter.bind(this)),this.addEventListener("mouseleave",this.handleMouseLeave.bind(this))}renderedCallback(){this.firstRender&&(this.firstRender=!1,this._duration>0&&(this.timeoutId=setTimeout(()=>{this.close(),this.timeoutId=null},1e3*this.duration||3)))}disconnectedCallback(){this.reset()}static show(t,r){if(q){y.instance({maxToasts:1/0});const o=new z({...t,toast:this,source:r});r?r.dispatchEvent(o):document.body.dispatchEvent(o)}}}P[m]="kingdee-toast",P[f]=["variant","message","messageLinks","duration"],d(P,{publicProps:{messageLinks:{config:0},duration:{config:3},message:{config:3},variant:{config:3}},publicMethods:["focus"],track:{_isSmallerBrowserWidth:1},fields:["_variant","_duration","timeoutId","unregisterCallback","firstRender","closing","hoverint","hide","_isFocused","closeButtonTitleText","assistiveText","_message","_resizeObserver","_isSmallFormFactor","_portraitMatchMedia","_screenOrientationChangeHandler"]});const V=n(P,{tmpl:A,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\toast-",apiVersion:63});export{$ as DEFAULT_TOAST_VARIANT,V as default};

package/dist/esm/kd/toastContainer.js

@@ -1 +1 @@
-import{registerTemplate as t,freezeTemplate as s,registerDecorators as o,registerComponent as e,createElement as i}from"@kdcloudjs/kwc";import{s as a}from"../kddsCommon-CucK_w70.js";import{s as n}from"../kddsUtilsPosition-DDHofMns.js";import{s as r}from"../kddsUtilsGrid-CoXx1Bwj.js";import l from"./focusTrap.js";import{features as d}from"./features.js";import{c}from"../classSet-DY6Qvt6E.js";import{instanceName as h,properties as m,requiredProperties as p}from"./overlayUtils.js";import{SHOW_TOAST_EVENT_NAME as u}from"./showToastEvent.js";import{n as f,b as g,z as _}from"../utilsPrivate-ekbvijnB.js";import{r as T,g as v}from"../focus-93ksTIEs.js";import k from"./overlay.js";import{i as w}from"../ssr-C2pjZzfv.js";import"./shadowBaseClassPrivate.js";import"../client-Ddi3i8XR.js";import"../observable-tloG64m6.js";import"../empty_html-CjXB8rB4.js";import"../i18n-B98kiI7M.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";import"./tooltipLibrary.js";import"./positionLibrary.js";import"./primitiveBubble.js";import"./ariaObserver.js";import"./overlayContainer.js";import"./overlayManager.js";var b=[[function(t,s,o){var e=t?"["+t+"]":"",i=t?"["+t+"-host]":"";return(s?".top"+e+",\r:host .top":".top"+e+","+i+" .top")+e+" {top: 0;bottom: unset;}"+(s?".bottom"+e+",\r:host .bottom":".bottom"+e+","+i+" .bottom")+e+" {bottom: 0;top: unset;}"+(s?".left"+e+",\r:host .left":".left"+e+","+i+" .left")+e+" {left: 0;right: auto;}"+(s?".right"+e+",\r:host .right":".right"+e+","+i+" .right")+e+" {left: auto;right: 0;}"+(s?".center"+e+",\r:host .center":".center"+e+","+i+" .center")+e+" {}"+(s?":host .toast-container":i+" .toast-container")+e+" {margin: var(--kdds-g-sizing-5, 1rem) auto 0;padding: var(--kdds-c-toast-viewport-gap, 0.5rem);max-width: calc(var(--kdds-c-toast-sizing-max-width, 62.5rem) + var(--kdds-c-toast-viewport-gap) * 2);display: flex;align-items: center;flex-direction: column;gap: var(--kdds-c-toast-gap, 1rem);left: 0;right: 0;text-align: center;width: fit-content;}@media (max-width: 30rem) {"+(s?".center"+e+",\r :host .center":".center"+e+","+i+" .center")+e+" {transform: none;right: 0;left: 0;}}"}],[a,n,r,[function(t,s,o){var e=t?"["+t+"]":"",i=t?"["+t+"-host]":"";return(s?":host .kdds-notify_toast":i+" .kdds-notify_toast")+e+" .kdds-notify__close"+e+" {margin-inline-start: var(--kdds-c-toast-close-margin-left, 12px);}"+(s?":host .kdds-region_narrow":i+" .kdds-region_narrow")+e+" .kdds-notify_toast"+e+" {min-width: auto;width: 100%;margin-inline-start: 0;}"+(s?":host .kdds-list--inline":i+" .kdds-list--inline")+e+" {display: flex;max-width: 100%;}"+(s?":host .kdds-assistive-text":i+" .kdds-assistive-text")+e+" {position: absolute !important;margin: -1px !important;border: 0 !important;padding: 0 !important;width: 1px !important;height: 1px !important;overflow: hidden !important;clip: rect(0 0 0 0) !important;text-transform: none !important;white-space: nowrap !important;}"+(s?":host .kdds-notify__close":i+" .kdds-notify__close")+e+" {margin-inline-start: var(--kdds-c-toast-close-margin-left, 12px);}"}]]];const y={key:0},x={"data-toast-container":""},P={kwc:{dom:"manual"}};function j(t,s,o,e){const{ncls:i,b:a,h:n,c:r}=t,{_m0:d}=e;return[r("kd-focus-trap",l,y,[n("div",{className:i(s.containerClass),attrs:x,context:P,key:1,on:d||(e._m0={privatetoastregister:a(s.handleToastRegister)})})])]}var C=t(j);j.stylesheets=[],j.stylesheetToken="kwc-1a577jt40ob",j.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\toastContainer-undefined_toastContainer",b&&j.stylesheets.push.apply(j.stylesheets,b),s(j);const{setContext:E,assertContext:L}=_,S="top-center",H="top-left",V="top-right",A="bottom-left",N="bottom-center",O="bottom-right",q="absolute",B="fixed",R=B,U=S,z=[],D=()=>z[0],M="close";class X extends k{get containerClass(){const t=this._toastPosition.split("-");return c(`toast-container ${t[0]} ${t[1]}`).add({"kdds-is-fixed":this.containerPosition===B,"kdds-is-absolute":this.containerPosition===q})}get containerPosition(){return this._containerPosition}set containerPosition(t){this._containerPosition=f(t,{fallbackValue:R,validValues:[q,B]})}get maxToasts(){return this._maxToasts}set maxToasts(t){this._maxToasts=g(t,{fallbackValue:3,minValue:1})}get root(){return this.template.querySelector("[data-toast-container]")}get toastPosition(){return this._toastPosition}set toastPosition(t){this._toastPosition=f(t,{fallbackValue:U,validValues:[H,S,V,A,N,O]})}close(){this.reset(),super.close()}constructor(){super(),this._containerPosition=B,this._maxToasts=3,this._toastPosition=S,this._displayToasts=[],this._queue=[],this._showToastHandler=void 0,E(this)}connectedCallback(){L(this),this.template.synthetic||this.setAttribute("data-render-mode","shadow"),z.length<1&&(this._showToastHandler=this.handleShowToast.bind(this),document.body.addEventListener(u,this._showToastHandler),z.push(this),this.setAriaHidden())}disconnectedCallback(){this.close()}assignValuesToElement(t,s){if(d.ENABLE_ASSERT_CONTEXT)return;const o=["variant","message","messageLinks","duration"];Object.entries(s).forEach(([s,e])=>{const i=s.toLowerCase().match(/^on(.+)/);if(i){const s=i[1];t.addEventListener(s,e)}else o.indexOf(s)>-1&&(t[s]=e)})}handleShowToast(t){t.stopPropagation();const s=this.validateToastParameters(t);s&&(this._queue.push(s),this.showNextToast())}handleToastClose(t,s){let o,e=-1;if(this._displayToasts=this._displayToasts.filter(({toastElement:s,sourceElement:i},a)=>s!==t||(e=a,o=i,!1)),this.root.removeChild(t),this.showNextToast(),!s.detail.isFocused)return;const i=e>-1&&e<this._displayToasts.length&&this._displayToasts[e].toastElement;i&&i.isConnected?i.focus():T(o)}handleToastRegister(t){const{target:s,detail:o}=t,{unregisterCallback:e}=o,i=this.handleToastClose.bind(this,s);s.addEventListener(M,i),e(()=>{s.removeEventListener(M,i)})}setAriaHidden(){const t=!this._displayToasts.length;this.template.host.ariaHidden!==t&&(this.template.host.ariaHidden=t)}showNextToast(){for(;this._queue.length&&this._displayToasts.length<this._maxToasts;){const{toast:t,config:s,sourceElement:o}=this._queue.shift(),{[h]:e}=t,a=i(e,{is:t});if(d.ENABLE_ASSERT_CONTEXT){const t=["variant","message","messageLinks","duration"];Object.entries(s).forEach(([s,o])=>{const e=s.toLowerCase().match(/^on(.+)/);if(e){const t=e[1];a.addEventListener(t,o)}else t.indexOf(s)>-1&&(a[s]=o)})}else this.assignValuesToElement(a,s);this._displayToasts.push({toastElement:a,sourceElement:o}),this.root.appendChild(a)}this.setAriaHidden()}reset(){this._showToastHandler&&(document.body.removeEventListener(u,this._showToastHandler),this._showToastHandler=null),z.splice(0,z.length),this._containerPosition=B,this._maxToasts=3,this._toastPosition=S,this.root.childNodes.forEach(t=>{this.root.removeChild(t)}),this._displayToasts=[],this._queue=[]}retrievePlatformShowToastConfig(t,s){const{message:o,messageData:e,duration:i,type:a}=t;return{config:{message:o,messageLinks:e,variant:a,duration:i},toast:s.toast||void 0,source:void 0}}retrieveShowToastConfig(t){const s={...t},o=t.toast||void 0,e=t.source||void 0;return delete s.toast,delete s.source,{config:s,toast:o,source:e}}validateToastParameters(t){const s=v(),{toastAttributes:o,detail:e}=t;let i;if(o&&e?i=this.retrievePlatformShowToastConfig(o,e):e&&(i=this.retrieveShowToastConfig(e)),!i)return;const{config:a,toast:n,source:r}=i;if(!n)return;const{[p]:l}=n;if(l){if(l.find(t=>{if(!Object.prototype.hasOwnProperty.call(a,t)||!a[t])return t}))return}return{config:a,toast:n,source:r,sourceElement:s}}static instance(t={}){if(w){if(z.length<1)return X.open(t),D();let s=D();return s.isConnected?(((t,s)=>{if(!t)return;const{containerPosition:o,maxToasts:e,toastPosition:i}=s;e&&(t.maxToasts=e),o&&(t.containerPosition=o),i&&(t.toastPosition=i)})(s,t),s):(s.close(),s=null,X.open(t),D())}return{}}}X[h]="kingdee-toast-container",X[m]=["containerPosition","maxToasts","toastPosition"],o(X,{publicProps:{containerPosition:{config:3},maxToasts:{config:3},toastPosition:{config:3}},publicMethods:["close"],fields:["_containerPosition","_maxToasts","_toastPosition","_displayToasts","_queue","_showToastHandler"]});const $=e(X,{tmpl:C,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\toastContainer-",apiVersion:63});export{$ as default};
+import{registerTemplate as t,freezeTemplate as s,registerDecorators as o,registerComponent as e,createElement as i}from"@kdcloudjs/kwc";import{s as a}from"../kddsCommon-CucK_w70.js";import{s as n}from"../kddsUtilsPosition-DDHofMns.js";import{s as r}from"../kddsUtilsGrid-CoXx1Bwj.js";import l from"./focusTrap.js";import{features as d}from"./features.js";import{c}from"../classSet-DY6Qvt6E.js";import{instanceName as h,properties as m,requiredProperties as p}from"./overlayUtils.js";import{SHOW_TOAST_EVENT_NAME as u}from"./showToastEvent.js";import{n as f,b as g,p as _}from"../utilsPrivate-CI3EeA5x.js";import{r as T,g as v}from"../focus-93ksTIEs.js";import k from"./overlay.js";import{i as w}from"../ssr-C2pjZzfv.js";import"./shadowBaseClassPrivate.js";import"../client-Ddi3i8XR.js";import"../observable-tloG64m6.js";import"../empty_html-CjXB8rB4.js";import"../i18n-B98kiI7M.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";import"./tooltipLibrary.js";import"./positionLibrary.js";import"./primitiveBubble.js";import"./ariaObserver.js";import"./overlayContainer.js";import"./overlayManager.js";var b=[[function(t,s,o){var e=t?"["+t+"]":"",i=t?"["+t+"-host]":"";return(s?".top"+e+",\r:host .top":".top"+e+","+i+" .top")+e+" {top: 0;bottom: unset;}"+(s?".bottom"+e+",\r:host .bottom":".bottom"+e+","+i+" .bottom")+e+" {bottom: 0;top: unset;}"+(s?".left"+e+",\r:host .left":".left"+e+","+i+" .left")+e+" {left: 0;right: auto;}"+(s?".right"+e+",\r:host .right":".right"+e+","+i+" .right")+e+" {left: auto;right: 0;}"+(s?".center"+e+",\r:host .center":".center"+e+","+i+" .center")+e+" {}"+(s?":host .toast-container":i+" .toast-container")+e+" {margin: var(--kdds-g-sizing-5, 1rem) auto 0;padding: var(--kdds-c-toast-viewport-gap, 0.5rem);max-width: calc(var(--kdds-c-toast-sizing-max-width, 62.5rem) + var(--kdds-c-toast-viewport-gap) * 2);display: flex;align-items: center;flex-direction: column;gap: var(--kdds-c-toast-gap, 1rem);left: 0;right: 0;text-align: center;width: fit-content;}@media (max-width: 30rem) {"+(s?".center"+e+",\r :host .center":".center"+e+","+i+" .center")+e+" {transform: none;right: 0;left: 0;}}"}],[a,n,r,[function(t,s,o){var e=t?"["+t+"]":"",i=t?"["+t+"-host]":"";return(s?":host .kdds-notify_toast":i+" .kdds-notify_toast")+e+" .kdds-notify__close"+e+" {margin-inline-start: var(--kdds-c-toast-close-margin-left, 12px);}"+(s?":host .kdds-region_narrow":i+" .kdds-region_narrow")+e+" .kdds-notify_toast"+e+" {min-width: auto;width: 100%;margin-inline-start: 0;}"+(s?":host .kdds-list--inline":i+" .kdds-list--inline")+e+" {display: flex;max-width: 100%;}"+(s?":host .kdds-assistive-text":i+" .kdds-assistive-text")+e+" {position: absolute !important;margin: -1px !important;border: 0 !important;padding: 0 !important;width: 1px !important;height: 1px !important;overflow: hidden !important;clip: rect(0 0 0 0) !important;text-transform: none !important;white-space: nowrap !important;}"+(s?":host .kdds-notify__close":i+" .kdds-notify__close")+e+" {margin-inline-start: var(--kdds-c-toast-close-margin-left, 12px);}"}]]];const y={key:0},x={"data-toast-container":""},P={kwc:{dom:"manual"}};function j(t,s,o,e){const{ncls:i,b:a,h:n,c:r}=t,{_m0:d}=e;return[r("kd-focus-trap",l,y,[n("div",{className:i(s.containerClass),attrs:x,context:P,key:1,on:d||(e._m0={privatetoastregister:a(s.handleToastRegister)})})])]}var C=t(j);j.stylesheets=[],j.stylesheetToken="kwc-1a577jt40ob",j.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\toastContainer-undefined_toastContainer",b&&j.stylesheets.push.apply(j.stylesheets,b),s(j);const{setContext:E,assertContext:L}=_,S="top-center",H="top-left",V="top-right",A="bottom-left",N="bottom-center",O="bottom-right",q="absolute",B="fixed",R=B,U=S,D=[],z=()=>D[0],M="close";class X extends k{get containerClass(){const t=this._toastPosition.split("-");return c(`toast-container ${t[0]} ${t[1]}`).add({"kdds-is-fixed":this.containerPosition===B,"kdds-is-absolute":this.containerPosition===q})}get containerPosition(){return this._containerPosition}set containerPosition(t){this._containerPosition=f(t,{fallbackValue:R,validValues:[q,B]})}get maxToasts(){return this._maxToasts}set maxToasts(t){this._maxToasts=g(t,{fallbackValue:3,minValue:1})}get root(){return this.template.querySelector("[data-toast-container]")}get toastPosition(){return this._toastPosition}set toastPosition(t){this._toastPosition=f(t,{fallbackValue:U,validValues:[H,S,V,A,N,O]})}close(){this.reset(),super.close()}constructor(){super(),this._containerPosition=B,this._maxToasts=3,this._toastPosition=S,this._displayToasts=[],this._queue=[],this._showToastHandler=void 0,E(this)}connectedCallback(){L(this),this.template.synthetic||this.setAttribute("data-render-mode","shadow"),D.length<1&&(this._showToastHandler=this.handleShowToast.bind(this),document.body.addEventListener(u,this._showToastHandler),D.push(this),this.setAriaHidden())}disconnectedCallback(){this.close()}assignValuesToElement(t,s){if(d.ENABLE_ASSERT_CONTEXT)return;const o=["variant","message","messageLinks","duration"];Object.entries(s).forEach(([s,e])=>{const i=s.toLowerCase().match(/^on(.+)/);if(i){const s=i[1];t.addEventListener(s,e)}else o.indexOf(s)>-1&&(t[s]=e)})}handleShowToast(t){t.stopPropagation();const s=this.validateToastParameters(t);s&&(this._queue.push(s),this.showNextToast())}handleToastClose(t,s){let o,e=-1;if(this._displayToasts=this._displayToasts.filter(({toastElement:s,sourceElement:i},a)=>s!==t||(e=a,o=i,!1)),this.root.removeChild(t),this.showNextToast(),!s.detail.isFocused)return;const i=e>-1&&e<this._displayToasts.length&&this._displayToasts[e].toastElement;i&&i.isConnected?i.focus():T(o)}handleToastRegister(t){const{target:s,detail:o}=t,{unregisterCallback:e}=o,i=this.handleToastClose.bind(this,s);s.addEventListener(M,i),e(()=>{s.removeEventListener(M,i)})}setAriaHidden(){const t=!this._displayToasts.length;this.template.host.ariaHidden!==t&&(this.template.host.ariaHidden=t)}showNextToast(){for(;this._queue.length&&this._displayToasts.length<this._maxToasts;){const{toast:t,config:s,sourceElement:o}=this._queue.shift(),{[h]:e}=t,a=i(e,{is:t});if(d.ENABLE_ASSERT_CONTEXT){const t=["variant","message","messageLinks","duration"];Object.entries(s).forEach(([s,o])=>{const e=s.toLowerCase().match(/^on(.+)/);if(e){const t=e[1];a.addEventListener(t,o)}else t.indexOf(s)>-1&&(a[s]=o)})}else this.assignValuesToElement(a,s);this._displayToasts.push({toastElement:a,sourceElement:o}),this.root.appendChild(a)}this.setAriaHidden()}reset(){this._showToastHandler&&(document.body.removeEventListener(u,this._showToastHandler),this._showToastHandler=null),D.splice(0,D.length),this._containerPosition=B,this._maxToasts=3,this._toastPosition=S,this.root.childNodes.forEach(t=>{this.root.removeChild(t)}),this._displayToasts=[],this._queue=[]}retrievePlatformShowToastConfig(t,s){const{message:o,messageData:e,duration:i,type:a}=t;return{config:{message:o,messageLinks:e,variant:a,duration:i},toast:s.toast||void 0,source:void 0}}retrieveShowToastConfig(t){const s={...t},o=t.toast||void 0,e=t.source||void 0;return delete s.toast,delete s.source,{config:s,toast:o,source:e}}validateToastParameters(t){const s=v(),{toastAttributes:o,detail:e}=t;let i;if(o&&e?i=this.retrievePlatformShowToastConfig(o,e):e&&(i=this.retrieveShowToastConfig(e)),!i)return;const{config:a,toast:n,source:r}=i;if(!n)return;const{[p]:l}=n;if(l){if(l.find(t=>{if(!Object.prototype.hasOwnProperty.call(a,t)||!a[t])return t}))return}return{config:a,toast:n,source:r,sourceElement:s}}static instance(t={}){if(w){if(D.length<1)return X.open(t),z();let s=z();return s.isConnected?(((t,s)=>{if(!t)return;const{containerPosition:o,maxToasts:e,toastPosition:i}=s;e&&(t.maxToasts=e),o&&(t.containerPosition=o),i&&(t.toastPosition=i)})(s,t),s):(s.close(),s=null,X.open(t),z())}return{}}}X[h]="kingdee-toast-container",X[m]=["containerPosition","maxToasts","toastPosition"],o(X,{publicProps:{containerPosition:{config:3},maxToasts:{config:3},toastPosition:{config:3}},publicMethods:["close"],fields:["_containerPosition","_maxToasts","_toastPosition","_displayToasts","_queue","_showToastHandler"]});const $=e(X,{tmpl:C,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\toastContainer-",apiVersion:63});export{$ as default};

package/dist/esm/kd/tooltipLibrary.js

@@ -1 +1 @@
-import{createElement as i}from"@kdcloudjs/kwc";import{AutoPosition as t,Direction as e}from"./positionLibrary.js";import{i as s}from"../ssr-C2pjZzfv.js";import{g as o,a as n,n as r}from"../utilsPrivate-ekbvijnB.js";import"../observable-tloG64m6.js";import"../i18n-B98kiI7M.js";import h from"./primitiveBubble.js";import a from"./ariaObserver.js";import"../client-Ddi3i8XR.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";import"../empty_html-CjXB8rB4.js";import"../kddsCommon-CucK_w70.js";import"./shadowBaseClassPrivate.js";import"../classSet-DY6Qvt6E.js";const l="salesforce-lightning-tooltip-bubble",d=`${l}_${o()}`;function c(){return null!=window.ResizeObserver}let _,v;function u(){return _||(_=i("lightning-primitive-bubble",{is:h}),_.contentId=d,_.style.position="absolute",_.style.minWidth="75px",_.disableVisibilityChangeOnLeave=!0),_}const b={Info:"info",Toggle:"toggle"};class g{constructor(i,t){if(this._autoPosition=null,this._disabled=!0,this._initialized=!1,this._visible=!1,this._isFocusEvent=!1,this._initialResize=!0,this._ariaObserver=null,this._config={},n(t.target),this.value=i,this._root=t.root,this._target=t.target,this._config={...t},this._config.align=t.align||{},this._config.targetAlign=t.targetAlign||{},this._config.disableAriaDescribedBy=t.disableAriaDescribedBy||!1,this._type=r(t.type,{fallbackValue:b.Info,validValues:Object.values(b)}),this._element=t.element,s&&!this._element){this._element=u;const i=u();null===i.parentNode&&document.body.appendChild(i)}this.handleDocumentTouch=this.handleDocumentTouch.bind(this),this.handleEscape=this.handleEscape.bind(this),this.hide=this.hide.bind(this)}detach(){this._disabled=!0}attach(){this._disabled=!1}initialize(){const i=this._target();if(!this._initialized&&i){if(this._type===b.Toggle)this.addToggleListeners();else this.addInfoListeners();this._config.disableAriaDescribedBy||(this._ariaObserver=new a(this._root),this._ariaObserver.connect({attribute:"aria-describedby",targetNode:this._target(),relatedNodes:this._element()})),this._initialized=!0}}disconnect(){this._ariaObserver&&this._ariaObserver.disconnect(),this._visible&&this.hide()}addInfoListeners(){const i=this._target();!this._initialized&&i&&(["mouseenter","focus"].forEach(t=>i.addEventListener(t,()=>this.show())),["mouseleave","blur","click","keydown"].forEach(t=>i.addEventListener(t,i=>{this._visible&&(this.hideIfNotSelfCover(i),"Escape"===i.key&&i.stopPropagation())})))}hideIfNotSelfCover(i){if(!this._visible)return;const t=this._element();if("mouseleave"===i.type&&i.clientX&&i.clientY)try{const e="top"===t.align.vertical?1:0;if((document.elementFromPoint?document.elementFromPoint(i.clientX,i.clientY+e):null)===this._element())return void(c()||this.startPositioning())}catch(i){}this.hide()}handleDocumentTouch(){this._visible&&this.hide()}addToggleListeners(){const i=this._target();!this._initialized&&i&&(i.addEventListener("touchstart",i=>{i.stopPropagation(),this.toggle()}),["mouseenter","focus"].forEach(t=>i.addEventListener(t,i=>this.show(i))),["mouseleave","blur"].forEach(t=>i.addEventListener(t,i=>this.hideIfNotSelfCover(i))),i.addEventListener("keydown",i=>{"Escape"===i.key&&this._visible&&(this.hideIfNotSelfCover(i),i.stopPropagation())}))}handleEscape(i){"Escape"===i.key&&this._isFocusEvent&&(i.stopPropagation(),this.hideIfNotSelfCover(i))}get resizeObserver(){return this._resizeObserver||(this._resizeObserver=this._buildResizeObserver(()=>{if(this._visible&&this._autoPosition){const i=this._element();if(v!==this)return void this.hide(!1);this.startPositioning().then(()=>{this._initialResize&&(i.addEventListener("mouseleave",this.hide),this._initialResize=!1)})}})),this._resizeObserver}show(i){if(this._disabled||this._visible)return;v&&v!==this&&v._visible&&v.hide(!1),v=this,this._isFocusEvent=i&&"focus"===i.type,this._visible=!0,this._initialResize=!0;const t=this._element();t.visible=this._visible,t.content=this._value,this._ariaObserver&&this._root&&this._root.isConnected&&this._ariaObserver.sync(),this.startPositioning(),document.addEventListener("keydown",this.handleEscape),document.addEventListener("touchstart",this.handleDocumentTouch),this.resizeObserver.observe(t)}hide(i=!0){this._visible=!1;const t=this._element();i&&(t.visible=this._visible),this.stopPositioning(),document.removeEventListener("touchstart",this.handleDocumentTouch),document.removeEventListener("keydown",this.handleEscape),t.removeEventListener("mouseleave",this.hide),this.resizeObserver.unobserve(t),v=null}toggle(){this._visible?this.hide():this.show()}get value(){return this._value}set value(i){this._value=i,this._disabled=!i}get initialized(){return this._initialized}get visible(){return this._visible}startPositioning(){this._autoPosition||(this._autoPosition=new t(this._root));const i={horizontal:this._config.align.horizontal||e.Left,vertical:this._config.align.vertical||e.Bottom},s={horizontal:this._config.targetAlign.horizontal||e.Left,vertical:this._config.targetAlign.vertical||e.Top},o=.5*this._target().getBoundingClientRect().width-24;return this._autoPosition.start({target:this._target,element:this._element,align:i,targetAlign:s,autoFlip:!0,padTop:16,padLeft:o}).then(i=>{if(i){const t=this._element();t.align=i.config.align,t.visible=this._visible}})}stopPositioning(){this._autoPosition&&this._autoPosition.stop()}_buildResizeObserver(i){return c()?new ResizeObserver(i):{observe(){},unobserve(){}}}}export{l as BUBBLE_PREFIX,g as Tooltip,b as TooltipType};
+import{createElement as i}from"@kdcloudjs/kwc";import{AutoPosition as t,Direction as e}from"./positionLibrary.js";import{i as s}from"../ssr-C2pjZzfv.js";import{g as o,a as n,n as r}from"../utilsPrivate-CI3EeA5x.js";import"../observable-tloG64m6.js";import"../i18n-B98kiI7M.js";import h from"./primitiveBubble.js";import a from"./ariaObserver.js";import"../client-Ddi3i8XR.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";import"../empty_html-CjXB8rB4.js";import"../kddsCommon-CucK_w70.js";import"./shadowBaseClassPrivate.js";import"../classSet-DY6Qvt6E.js";const l="salesforce-lightning-tooltip-bubble",d=`${l}_${o()}`;function c(){return null!=window.ResizeObserver}let _,v;function u(){return _||(_=i("lightning-primitive-bubble",{is:h}),_.contentId=d,_.style.position="absolute",_.style.minWidth="75px",_.disableVisibilityChangeOnLeave=!0),_}const b={Info:"info",Toggle:"toggle"};class g{constructor(i,t){if(this._autoPosition=null,this._disabled=!0,this._initialized=!1,this._visible=!1,this._isFocusEvent=!1,this._initialResize=!0,this._ariaObserver=null,this._config={},n(t.target),this.value=i,this._root=t.root,this._target=t.target,this._config={...t},this._config.align=t.align||{},this._config.targetAlign=t.targetAlign||{},this._config.disableAriaDescribedBy=t.disableAriaDescribedBy||!1,this._type=r(t.type,{fallbackValue:b.Info,validValues:Object.values(b)}),this._element=t.element,s&&!this._element){this._element=u;const i=u();null===i.parentNode&&document.body.appendChild(i)}this.handleDocumentTouch=this.handleDocumentTouch.bind(this),this.handleEscape=this.handleEscape.bind(this),this.hide=this.hide.bind(this)}detach(){this._disabled=!0}attach(){this._disabled=!1}initialize(){const i=this._target();if(!this._initialized&&i){if(this._type===b.Toggle)this.addToggleListeners();else this.addInfoListeners();this._config.disableAriaDescribedBy||(this._ariaObserver=new a(this._root),this._ariaObserver.connect({attribute:"aria-describedby",targetNode:this._target(),relatedNodes:this._element()})),this._initialized=!0}}disconnect(){this._ariaObserver&&this._ariaObserver.disconnect(),this._visible&&this.hide()}addInfoListeners(){const i=this._target();!this._initialized&&i&&(["mouseenter","focus"].forEach(t=>i.addEventListener(t,()=>this.show())),["mouseleave","blur","click","keydown"].forEach(t=>i.addEventListener(t,i=>{this._visible&&(this.hideIfNotSelfCover(i),"Escape"===i.key&&i.stopPropagation())})))}hideIfNotSelfCover(i){if(!this._visible)return;const t=this._element();if("mouseleave"===i.type&&i.clientX&&i.clientY)try{const e="top"===t.align.vertical?1:0;if((document.elementFromPoint?document.elementFromPoint(i.clientX,i.clientY+e):null)===this._element())return void(c()||this.startPositioning())}catch(i){}this.hide()}handleDocumentTouch(){this._visible&&this.hide()}addToggleListeners(){const i=this._target();!this._initialized&&i&&(i.addEventListener("touchstart",i=>{i.stopPropagation(),this.toggle()}),["mouseenter","focus"].forEach(t=>i.addEventListener(t,i=>this.show(i))),["mouseleave","blur"].forEach(t=>i.addEventListener(t,i=>this.hideIfNotSelfCover(i))),i.addEventListener("keydown",i=>{"Escape"===i.key&&this._visible&&(this.hideIfNotSelfCover(i),i.stopPropagation())}))}handleEscape(i){"Escape"===i.key&&this._isFocusEvent&&(i.stopPropagation(),this.hideIfNotSelfCover(i))}get resizeObserver(){return this._resizeObserver||(this._resizeObserver=this._buildResizeObserver(()=>{if(this._visible&&this._autoPosition){const i=this._element();if(v!==this)return void this.hide(!1);this.startPositioning().then(()=>{this._initialResize&&(i.addEventListener("mouseleave",this.hide),this._initialResize=!1)})}})),this._resizeObserver}show(i){if(this._disabled||this._visible)return;v&&v!==this&&v._visible&&v.hide(!1),v=this,this._isFocusEvent=i&&"focus"===i.type,this._visible=!0,this._initialResize=!0;const t=this._element();t.visible=this._visible,t.content=this._value,this._ariaObserver&&this._root&&this._root.isConnected&&this._ariaObserver.sync(),this.startPositioning(),document.addEventListener("keydown",this.handleEscape),document.addEventListener("touchstart",this.handleDocumentTouch),this.resizeObserver.observe(t)}hide(i=!0){this._visible=!1;const t=this._element();i&&(t.visible=this._visible),this.stopPositioning(),document.removeEventListener("touchstart",this.handleDocumentTouch),document.removeEventListener("keydown",this.handleEscape),t.removeEventListener("mouseleave",this.hide),this.resizeObserver.unobserve(t),v=null}toggle(){this._visible?this.hide():this.show()}get value(){return this._value}set value(i){this._value=i,this._disabled=!i}get initialized(){return this._initialized}get visible(){return this._visible}startPositioning(){this._autoPosition||(this._autoPosition=new t(this._root));const i={horizontal:this._config.align.horizontal||e.Left,vertical:this._config.align.vertical||e.Bottom},s={horizontal:this._config.targetAlign.horizontal||e.Left,vertical:this._config.targetAlign.vertical||e.Top},o=.5*this._target().getBoundingClientRect().width-24;return this._autoPosition.start({target:this._target,element:this._element,align:i,targetAlign:s,autoFlip:!0,padTop:16,padLeft:o}).then(i=>{if(i){const t=this._element();t.align=i.config.align,t.visible=this._visible}})}stopPositioning(){this._autoPosition&&this._autoPosition.stop()}_buildResizeObserver(i){return c()?new ResizeObserver(i):{observe(){},unobserve(){}}}}export{l as BUBBLE_PREFIX,g as Tooltip,b as TooltipType};

package/dist/esm/kd/tree.js

@@ -1 +1 @@
-import{registerTemplate as e,freezeTemplate as t,registerDecorators as s,registerComponent as i}from"@kdcloudjs/kwc";import{s as r}from"../kddsCommon-CucK_w70.js";import n from"./treeItem.js";import"../observable-tloG64m6.js";import"../i18n-B98kiI7M.js";import{features as d}from"./features.js";import{G as a,z as l,I as h}from"../utilsPrivate-ekbvijnB.js";import o from"./shadowBaseClassPrivate.js";import"../kddsUtilsMargin-QLmlO60p.js";import"../kddsUtilsGrid-CoXx1Bwj.js";import"../kddsUtilsVisibility-BQdWrRzW.js";import"../kddsUtilsTruncation-BkfKIyC_.js";import"../kddsUtilsPadding-Dct-C7F7.js";import"../classSet-DY6Qvt6E.js";import"../ssr-C2pjZzfv.js";import"./icon.js";import"../empty_html-CjXB8rB4.js";import"../client-Ddi3i8XR.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";var c=[[r,[function(e,t,s){var i=e?"["+e+"]":"",r=e?"["+e+"-host]":"";return(t?":host .kdds-tree-container"+i+",:host \r.kdds-tree_container":r+" .kdds-tree-container"+i+","+r+" \r.kdds-tree_container")+i+" {min-width: calc(var(--kdds-g-sizing-12) + var(--kdds-g-sizing-9) + var(--kdds-g-sizing-3));max-height: 100%;overflow: auto;}"+(t?":host .kdds-tree"+i+",\r:host .kdds-tree":r+" .kdds-tree"+i+","+r+" .kdds-tree")+i+" kd-tree-item"+i+"{display: inline-block;min-width: 100%;}"}]]];const m={classMap:{"kdds-tree_container":!0},key:0},u={"kdds-tree":!0};function p(e,t,s,i){const{c:r,h:d}=e;return[d("div",m,[t.hasChildren?r("kd-tree-item",n,{classMap:u,props:{role:"tree",isRoot:!0,nodeKey:t.rootElement,childItems:t.children,focusedChild:t.focusedChild},key:1}):null])]}var I=e(p);function f(e,t){return e?"0"===e?`${t}`:`${e}.${t}`:"0"}p.stylesheets=[],p.stylesheetToken="kwc-5p6e4uc8f65",p.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\tree-undefined_tree",c&&p.stylesheets.push.apply(p.stylesheets,c),t(p);class g{constructor(){this._currentFocusedItemIndex=0,this._treeItemsInTraversalOrder=[],this._visibleTreeItems=null,this._indices={},this._nameKeyMapping={}}get treeItemsInTraversalOrder(){return this._treeItemsInTraversalOrder}get visibleTreeItems(){return this._visibleTreeItems}get currentFocusedItemIndex(){return this._currentFocusedItemIndex}get indices(){return this._indices}get nameKeyMapping(){return this._nameKeyMapping}syncSelectedToData(e){if(e){const t=this.getItemFromName(e);if(t)return this.updateExpanded(t.key),t}return null}syncDataToSelected(e){this.updateExpanded(e.key)}cloneItems(e){const t={label:e.label,name:e.name,expanded:e.expanded,metatext:e.metatext,iconName:e.iconName,href:e.href,disabled:e.disabled,items:[]};return e.items&&e.items.length>0&&(t.items=e.items.map(e=>this.cloneItems(e))),t}parse(e,t){const s={};s.items=e;const i=new WeakSet;let r=null;this._treeItemsInTraversalOrder=[];const n=function e(s,n,d,a){if(function(e,t){const s=i.has(e),r=0===t||!!e.label;return!s&&r}(s,d)){const l=function(e,t,s,i){return{name:e.name,label:e.label,get ariaLabel(){return this.isLeaf?null:e.label},metatext:e.metatext,iconName:e.iconName,level:t,key:f(s,i),href:e.href||"javascript:void(0)",isDisabled:e.disabled||!1,visible:1===t,children:[],visibleItems:[],nodeRef:e,isLeaf:!e.items||Array.isArray(e.items)&&0===e.items.length,get isExpanded(){return!!this.isLeaf||e.expanded||!1},focusedChild:null,get strexpanded(){return this.isLeaf?null:(this.nodeRef.expanded||!1).toString()}}}(s,d,n?n.key:null,a+1);if(n&&n.visible&&n.isExpanded&&!n.isDisabled&&(l.visible=!0),d++,i.add(s),l.key&&n){this.treeItemsInTraversalOrder.push(l.key);const e={index:this.treeItemsInTraversalOrder.length-1,key:l.key,parent:n.key,level:l.level,treeNode:l};this.indices[l.key]=e,this.nameKeyMapping[l.name]=l.key,l.name===t&&(this.syncDataToSelected(l,e.index,t),r=e)}if(s.hasOwnProperty("items")&&Array.isArray(s.items))for(let t=0,{length:i}=s.items;t<i;t++){e.bind(this)(s.items[t],l,d,t)}return n&&(n.children.push(l),l.visible&&(n.visibleItems.push(l.key),n.visibleItems.push.apply(n.visibleItems,l.visibleItems)),d--),i.delete(s),l}return null}.bind(this),d=n(s,null,0,1);return d?(this._visibleTreeItems=new Set,d.visibleItems.forEach(e=>{this._visibleTreeItems.add(e)}),d.selectedItem=r,d):null}updateExpanded(e){const t=this._indices[e];if(t){let e=t.parent,s=this._indices[e];for(;e&&"0"!==e&&s;)e=s.parent,s=s.treeNode,s.nodeRef.expanded||(s.nodeRef.expanded=!0),s=this._indices[e]}}isVisible(e){return this.visibleTreeItems.has(e)}findNextNodeToFocus(){const e=this.currentFocusedItemIndex,t=this.treeItemsInTraversalOrder;let s=null;if(e<t.length-1)for(let i=e+1;i<t.length;i++)if(this.isVisible(t[i])){s=t[i];break}return this.indices[s]}findPrevNodeToFocus(){const e=this.currentFocusedItemIndex,t=this.treeItemsInTraversalOrder;let s=null;if(e>0)for(let i=e-1;i>=0;i--)if(this.isVisible(t[i])){s=t[i];break}return this.indices[s]}findFirstNodeToFocus(){return this.indices[this.treeItemsInTraversalOrder[0]]}findLastNodeToFocus(){let e=null;const t=this.treeItemsInTraversalOrder;for(let s=t.length-1;s>=0;s--)if(this.isVisible(t[s])){e=t[s];break}return this.indices[e]}getItem(e){return this.indices[e]}getItemAtIndex(e){return e>-1&&e<this.treeItemsInTraversalOrder.length?this.indices[this.treeItemsInTraversalOrder[e]]:null}getItemFromName(e){if("string"==typeof e){const t=this.nameKeyMapping[e];if(t){return this.getItem(t)}}return null}addVisible(e){this.visibleTreeItems.add(e)}removeVisible(e){this.visibleTreeItems.delete(e)}updateVisibleTreeItemsOnCollapse(e){const t=this.treeItemsInTraversalOrder,s=this.getItem(e),i=s.index,r=s.level;let n,d=null;for(let e=i+1;e<t.length&&(d=this.getItem(t[e]),n=d.level,!(n<=r));e++)this.visibleTreeItems.delete(t[e])}updateCurrentFocusedChild(e){const t=this.getItem(e);if(t){const e=this.getItem(t.parent);e&&(e.treeNode.focusedChild=this.getChildNum(t.key))}}updateCurrentFocusedItemIndex(e){return e>-1&&e<this.treeItemsInTraversalOrder.length?(this._currentFocusedItemIndex=e,this.getItemAtIndex(this.currentFocusedItemIndex)):(this._currentFocusedItemIndex=0,null)}isValidCurrent(e){return!(!e.index||!this.getItemAtIndex(e.index))}isCurrentFocusedNode(e){return this.findIndex(e)===this.currentFocusedItemIndex}findIndex(e){return void 0!==this.indices[e]?this.indices[e].index:-1}getChildNum(e){const t=e.lastIndexOf(".");return t>-1?parseInt(e.substring(t+1),10)-1:parseInt(e,10)-1}}const{setContext:_,assertContext:k}=l;class v extends o{constructor(){super(),this.header=void 0,this._currentFocusedItem=null,this._childNodes=void 0,this._key=void 0,this._focusedChild=null,this._items=[],this._defaultFocused={key:"1",parent:"0"},this._selected=null,this._selectedItem=null,this.hasDetachedListeners=!0,this.isDraggable=!1,this._privateHeadingAriaLevel=void 0,this.handleTreeNodeDrop=e=>{const{draggedKey:t,targetKey:s,dropPosition:i}=e.detail;e.stopPropagation();const r=this.treedata.getItem(t),n=this.treedata.getItem(s);if(!r||!n)return;const d=this.removeNodeFromTree(t);d&&(this.insertNodeToTree(d,s,i),this.rebuildTreeData(),this.dispatchEvent(new CustomEvent("change",{detail:{items:a(this._items),action:"reorder",draggedKey:t,targetKey:s,dropPosition:i}})))},this.handleClick=e=>{k(this);const{key:t}=e.detail,{target:s}=e.detail,i=this.treedata.getItem(t);i&&("chevron"===s?i.treeNode.nodeRef.expanded?this.collapseBranch(i.treeNode):this.expandBranch(i.treeNode):(this._selectedItem=i,this.dispatchSelectEvent(i.treeNode),this.setFocusToItem(i)))},this.handleRegistration=e=>{k(this);const t=e.detail.key;this.callbackMap[t]={focusCallback:e.detail.focusCallback,unfocusCallback:e.detail.unfocusCallback},this.treedata.addVisible(t),e.stopPropagation()},_(this),this.callbackMap={},this.treedata=null,d.ENABLE_ASSERT_CONTEXT?(this.addEventListener("privateitemclick",this.handleClick),this.addEventListener("privateregisteritem",this.handleRegistration),this.addEventListener("treenodedrop",this.handleTreeNodeDrop.bind(this))):(this.addEventListener("privateitemclick",this.handleClick.bind(this)),this.addEventListener("privateregisteritem",this.handleRegistration.bind(this)),this.addEventListener("treenodedrop",this.handleTreeNodeDrop.bind(this)))}get headingLevel(){return this._privateHeadingAriaLevel}set headingLevel(e){h(e)&&(this._privateHeadingAriaLevel=e)}get items(){return this._items||[]}set items(e){this.normalizeData(e)}get selectedItem(){return this._selected}set selectedItem(e){this._selected=e,this.syncSelected()}get children(){return this._childNodes}get rootElement(){return this._key}get focusedChild(){return this._focusedChild}syncSelected(){if(this.treedata&&this._childNodes.length>0){const e=this.treedata.parse(this.items,this._selected);this._childNodes=e?e.children:[],this._selectedItem=this.treedata.syncSelectedToData(this._selected),this.syncCurrentFocused(),null===this._selectedItem&&this.setFocusToItem(this._currentFocusedItem,!1,!1)}}normalizeData(e){if(this.treedata&&(this._lastFocusedIndex=this.treedata.currentFocusedItemIndex),e){this.treedata=new g,this._items=e.map(e=>this.treedata.cloneItems(e));const t=this.treedata.parse(this.items,this.selectedItem);this._childNodes=t?t.children:[],this._selectedItem=t.selectedItem,this.treedata.updateCurrentFocusedItemIndex(this._lastFocusedIndex),this._key=this._childNodes.length>0?t.key:null,this._key&&this.syncCurrentFocused()}}syncCurrentFocused(){this._selectedItem?this._currentFocusedItem=this._selectedItem:this._currentFocusedItem=this._defaultFocused,this.updateCurrentFocusedChild()}updateCurrentFocusedChild(){this._key===this._currentFocusedItem.parent?this._focusedChild=this.treedata.getChildNum(this._currentFocusedItem.key):(this._focusedChild=this._currentFocusedItem.key,this.treedata.updateCurrentFocusedChild(this._currentFocusedItem.key))}handleTreeFocusIn(e){const{relatedTarget:t}=e;this._currentFocusedItem&&t&&"KD-TREE-ITEM"!==t.tagName&&this.setFocusToItem(this._currentFocusedItem,!1)}removeNodeFromTree(e){const t=this.treedata.getItem(e);if(!t)return null;const s=(e,t)=>{for(let i=0;i<e.length;i++){const r=e[i];if(r.name===t)return e.splice(i,1)[0];if(r.items&&r.items.length>0){const e=s(r.items,t);if(e)return e}}return null};return s(this._items,t.treeNode.name)}insertNodeToTree(e,t,s){const i=this.treedata.getItem(t);if(!i)return;const r=(e,t,s,i)=>{for(let n=0;n<e.length;n++){const d=e[n];if(d.name===s)switch(i){case"before":return e.splice(n,0,t),!0;case"after":return e.splice(n+1,0,t),!0;case"inside":return d.items||(d.items=[]),d.items.push(t),!0;default:return!1}if(d.items&&d.items.length>0&&r(d.items,t,s,i))return!0}return!1};r(this._items,e,i.treeNode.name,s)}rebuildTreeData(){const e=this._selectedItem.treeNode.name;this.treedata=new g,this._items=this._items.map(e=>this.treedata.cloneItems(e));const t=this.treedata.parse(this._items,e);this._childNodes=t?t.children:[],this._selectedItem=t?t.selectedItem:null,this._key=this._childNodes.length>0?t.key:null,this._key&&this.syncCurrentFocused()}renderedCallback(){if(k(this),this._selectedItem&&this.setFocusToItem(this._currentFocusedItem,!1),this.hasDetachedListeners){this.template.querySelector(".kdds-tree_container").addEventListener("focus",this.handleTreeFocusIn.bind(this)),this.hasDetachedListeners=!1}}disconnectedCallback(){this.hasDetachedListeners=!0}expandBranch(e){k(this),e.isLeaf||e.isDisabled||(e.nodeRef.expanded=!0,this._selectedItem?.key.startsWith(e.key)&&setTimeout(()=>{this.setFocusToItem(this._selectedItem)},0),this.dispatchEvent(new CustomEvent("change",{detail:{items:a(this._items),key:e.nodeRef.name,expand:e.nodeRef.expanded}})),this.dispatchEvent(new CustomEvent("expand",{detail:{items:a(this._items),key:e.nodeRef.name,expand:e.nodeRef.expanded}})))}collapseBranch(e){k(this),e.isLeaf||e.isDisabled||(e.nodeRef.expanded=!1,this.treedata.updateVisibleTreeItemsOnCollapse(e.key),this.dispatchEvent(new CustomEvent("change",{detail:{items:a(this._items),key:e.nodeRef.name,expand:e.nodeRef.expanded}})),this.dispatchEvent(new CustomEvent("expand",{detail:{items:a(this._items),key:e.nodeRef.name,expand:e.nodeRef.expanded}})))}dispatchSelectEvent(e){if(!e.isDisabled){const t=new CustomEvent("select",{bubbles:!0,composed:!0,cancelable:!0,detail:{name:e.name}});this.dispatchEvent(t)}}setFocusToItem(e,t=!0,s=!0){const i=this.treedata.getItemAtIndex(this.treedata.currentFocusedItemIndex);this.callbackMap[i.parent]&&this.callbackMap[i.key].unfocusCallback(),e&&(this._currentFocusedItem=this.treedata.updateCurrentFocusedItemIndex(e.index),this.callbackMap[e.parent]&&this.callbackMap[e.parent].focusCallback(e.key,t,s))}handleParentCollapse(e){const t=this.treedata.getItem(e);if(t&&t.level>1){const e=this.treedata.getItem(t.parent);this.collapseBranch(e.treeNode),this.setFocusToItem(e)}}get hasChildren(){return this._items&&this._items.length>0}}s(v,{publicProps:{header:{config:0},isDraggable:{config:0},headingLevel:{config:3},items:{config:3},selectedItem:{config:3}},track:{_currentFocusedItem:1,_childNodes:1,_key:1,_focusedChild:1,_items:1,_selectedItem:1},fields:["_defaultFocused","_selected","hasDetachedListeners","_privateHeadingAriaLevel","handleTreeNodeDrop","handleClick","handleRegistration"]});const b=i(v,{tmpl:I,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\tree-",apiVersion:63});export{b as default};
+import{registerTemplate as e,freezeTemplate as t,registerDecorators as s,registerComponent as i}from"@kdcloudjs/kwc";import{s as r}from"../kddsCommon-CucK_w70.js";import n from"./treeItem.js";import"../observable-tloG64m6.js";import"../i18n-B98kiI7M.js";import{features as d}from"./features.js";import{G as a,p as l,I as h}from"../utilsPrivate-CI3EeA5x.js";import o from"./shadowBaseClassPrivate.js";import"../kddsUtilsMargin-QLmlO60p.js";import"../kddsUtilsGrid-CoXx1Bwj.js";import"../kddsUtilsVisibility-BQdWrRzW.js";import"../kddsUtilsTruncation-BkfKIyC_.js";import"../kddsUtilsPadding-Dct-C7F7.js";import"../classSet-DY6Qvt6E.js";import"../ssr-C2pjZzfv.js";import"./icon.js";import"../empty_html-CjXB8rB4.js";import"../client-Ddi3i8XR.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";var c=[[r,[function(e,t,s){var i=e?"["+e+"]":"",r=e?"["+e+"-host]":"";return(t?":host .kdds-tree-container"+i+",:host \r.kdds-tree_container":r+" .kdds-tree-container"+i+","+r+" \r.kdds-tree_container")+i+" {min-width: calc(var(--kdds-g-sizing-12) + var(--kdds-g-sizing-9) + var(--kdds-g-sizing-3));max-height: 100%;overflow: auto;}"+(t?":host .kdds-tree"+i+",\r:host .kdds-tree":r+" .kdds-tree"+i+","+r+" .kdds-tree")+i+" kd-tree-item"+i+"{display: inline-block;min-width: 100%;}"}]]];const m={classMap:{"kdds-tree_container":!0},key:0},u={"kdds-tree":!0};function p(e,t,s,i){const{c:r,h:d}=e;return[d("div",m,[t.hasChildren?r("kd-tree-item",n,{classMap:u,props:{role:"tree",isRoot:!0,nodeKey:t.rootElement,childItems:t.children,focusedChild:t.focusedChild},key:1}):null])]}var I=e(p);function f(e,t){return e?"0"===e?`${t}`:`${e}.${t}`:"0"}p.stylesheets=[],p.stylesheetToken="kwc-5p6e4uc8f65",p.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\tree-undefined_tree",c&&p.stylesheets.push.apply(p.stylesheets,c),t(p);class g{constructor(){this._currentFocusedItemIndex=0,this._treeItemsInTraversalOrder=[],this._visibleTreeItems=null,this._indices={},this._nameKeyMapping={}}get treeItemsInTraversalOrder(){return this._treeItemsInTraversalOrder}get visibleTreeItems(){return this._visibleTreeItems}get currentFocusedItemIndex(){return this._currentFocusedItemIndex}get indices(){return this._indices}get nameKeyMapping(){return this._nameKeyMapping}syncSelectedToData(e){if(e){const t=this.getItemFromName(e);if(t)return this.updateExpanded(t.key),t}return null}syncDataToSelected(e){this.updateExpanded(e.key)}cloneItems(e){const t={label:e.label,name:e.name,expanded:e.expanded,metatext:e.metatext,iconName:e.iconName,href:e.href,disabled:e.disabled,items:[]};return e.items&&e.items.length>0&&(t.items=e.items.map(e=>this.cloneItems(e))),t}parse(e,t){const s={};s.items=e;const i=new WeakSet;let r=null;this._treeItemsInTraversalOrder=[];const n=function e(s,n,d,a){if(function(e,t){const s=i.has(e),r=0===t||!!e.label;return!s&&r}(s,d)){const l=function(e,t,s,i){return{name:e.name,label:e.label,get ariaLabel(){return this.isLeaf?null:e.label},metatext:e.metatext,iconName:e.iconName,level:t,key:f(s,i),href:e.href||"javascript:void(0)",isDisabled:e.disabled||!1,visible:1===t,children:[],visibleItems:[],nodeRef:e,isLeaf:!e.items||Array.isArray(e.items)&&0===e.items.length,get isExpanded(){return!!this.isLeaf||e.expanded||!1},focusedChild:null,get strexpanded(){return this.isLeaf?null:(this.nodeRef.expanded||!1).toString()}}}(s,d,n?n.key:null,a+1);if(n&&n.visible&&n.isExpanded&&!n.isDisabled&&(l.visible=!0),d++,i.add(s),l.key&&n){this.treeItemsInTraversalOrder.push(l.key);const e={index:this.treeItemsInTraversalOrder.length-1,key:l.key,parent:n.key,level:l.level,treeNode:l};this.indices[l.key]=e,this.nameKeyMapping[l.name]=l.key,l.name===t&&(this.syncDataToSelected(l,e.index,t),r=e)}if(s.hasOwnProperty("items")&&Array.isArray(s.items))for(let t=0,{length:i}=s.items;t<i;t++){e.bind(this)(s.items[t],l,d,t)}return n&&(n.children.push(l),l.visible&&(n.visibleItems.push(l.key),n.visibleItems.push.apply(n.visibleItems,l.visibleItems)),d--),i.delete(s),l}return null}.bind(this),d=n(s,null,0,1);return d?(this._visibleTreeItems=new Set,d.visibleItems.forEach(e=>{this._visibleTreeItems.add(e)}),d.selectedItem=r,d):null}updateExpanded(e){const t=this._indices[e];if(t){let e=t.parent,s=this._indices[e];for(;e&&"0"!==e&&s;)e=s.parent,s=s.treeNode,s.nodeRef.expanded||(s.nodeRef.expanded=!0),s=this._indices[e]}}isVisible(e){return this.visibleTreeItems.has(e)}findNextNodeToFocus(){const e=this.currentFocusedItemIndex,t=this.treeItemsInTraversalOrder;let s=null;if(e<t.length-1)for(let i=e+1;i<t.length;i++)if(this.isVisible(t[i])){s=t[i];break}return this.indices[s]}findPrevNodeToFocus(){const e=this.currentFocusedItemIndex,t=this.treeItemsInTraversalOrder;let s=null;if(e>0)for(let i=e-1;i>=0;i--)if(this.isVisible(t[i])){s=t[i];break}return this.indices[s]}findFirstNodeToFocus(){return this.indices[this.treeItemsInTraversalOrder[0]]}findLastNodeToFocus(){let e=null;const t=this.treeItemsInTraversalOrder;for(let s=t.length-1;s>=0;s--)if(this.isVisible(t[s])){e=t[s];break}return this.indices[e]}getItem(e){return this.indices[e]}getItemAtIndex(e){return e>-1&&e<this.treeItemsInTraversalOrder.length?this.indices[this.treeItemsInTraversalOrder[e]]:null}getItemFromName(e){if("string"==typeof e){const t=this.nameKeyMapping[e];if(t){return this.getItem(t)}}return null}addVisible(e){this.visibleTreeItems.add(e)}removeVisible(e){this.visibleTreeItems.delete(e)}updateVisibleTreeItemsOnCollapse(e){const t=this.treeItemsInTraversalOrder,s=this.getItem(e),i=s.index,r=s.level;let n,d=null;for(let e=i+1;e<t.length&&(d=this.getItem(t[e]),n=d.level,!(n<=r));e++)this.visibleTreeItems.delete(t[e])}updateCurrentFocusedChild(e){const t=this.getItem(e);if(t){const e=this.getItem(t.parent);e&&(e.treeNode.focusedChild=this.getChildNum(t.key))}}updateCurrentFocusedItemIndex(e){return e>-1&&e<this.treeItemsInTraversalOrder.length?(this._currentFocusedItemIndex=e,this.getItemAtIndex(this.currentFocusedItemIndex)):(this._currentFocusedItemIndex=0,null)}isValidCurrent(e){return!(!e.index||!this.getItemAtIndex(e.index))}isCurrentFocusedNode(e){return this.findIndex(e)===this.currentFocusedItemIndex}findIndex(e){return void 0!==this.indices[e]?this.indices[e].index:-1}getChildNum(e){const t=e.lastIndexOf(".");return t>-1?parseInt(e.substring(t+1),10)-1:parseInt(e,10)-1}}const{setContext:_,assertContext:k}=l;class v extends o{constructor(){super(),this.header=void 0,this._currentFocusedItem=null,this._childNodes=void 0,this._key=void 0,this._focusedChild=null,this._items=[],this._defaultFocused={key:"1",parent:"0"},this._selected=null,this._selectedItem=null,this.hasDetachedListeners=!0,this.isDraggable=!1,this._privateHeadingAriaLevel=void 0,this.handleTreeNodeDrop=e=>{const{draggedKey:t,targetKey:s,dropPosition:i}=e.detail;e.stopPropagation();const r=this.treedata.getItem(t),n=this.treedata.getItem(s);if(!r||!n)return;const d=this.removeNodeFromTree(t);d&&(this.insertNodeToTree(d,s,i),this.rebuildTreeData(),this.dispatchEvent(new CustomEvent("change",{detail:{items:a(this._items),action:"reorder",draggedKey:t,targetKey:s,dropPosition:i}})))},this.handleClick=e=>{k(this);const{key:t}=e.detail,{target:s}=e.detail,i=this.treedata.getItem(t);i&&("chevron"===s?i.treeNode.nodeRef.expanded?this.collapseBranch(i.treeNode):this.expandBranch(i.treeNode):(this._selectedItem=i,this.dispatchSelectEvent(i.treeNode),this.setFocusToItem(i)))},this.handleRegistration=e=>{k(this);const t=e.detail.key;this.callbackMap[t]={focusCallback:e.detail.focusCallback,unfocusCallback:e.detail.unfocusCallback},this.treedata.addVisible(t),e.stopPropagation()},_(this),this.callbackMap={},this.treedata=null,d.ENABLE_ASSERT_CONTEXT?(this.addEventListener("privateitemclick",this.handleClick),this.addEventListener("privateregisteritem",this.handleRegistration),this.addEventListener("treenodedrop",this.handleTreeNodeDrop.bind(this))):(this.addEventListener("privateitemclick",this.handleClick.bind(this)),this.addEventListener("privateregisteritem",this.handleRegistration.bind(this)),this.addEventListener("treenodedrop",this.handleTreeNodeDrop.bind(this)))}get headingLevel(){return this._privateHeadingAriaLevel}set headingLevel(e){h(e)&&(this._privateHeadingAriaLevel=e)}get items(){return this._items||[]}set items(e){this.normalizeData(e)}get selectedItem(){return this._selected}set selectedItem(e){this._selected=e,this.syncSelected()}get children(){return this._childNodes}get rootElement(){return this._key}get focusedChild(){return this._focusedChild}syncSelected(){if(this.treedata&&this._childNodes.length>0){const e=this.treedata.parse(this.items,this._selected);this._childNodes=e?e.children:[],this._selectedItem=this.treedata.syncSelectedToData(this._selected),this.syncCurrentFocused(),null===this._selectedItem&&this.setFocusToItem(this._currentFocusedItem,!1,!1)}}normalizeData(e){if(this.treedata&&(this._lastFocusedIndex=this.treedata.currentFocusedItemIndex),e){this.treedata=new g,this._items=e.map(e=>this.treedata.cloneItems(e));const t=this.treedata.parse(this.items,this.selectedItem);this._childNodes=t?t.children:[],this._selectedItem=t.selectedItem,this.treedata.updateCurrentFocusedItemIndex(this._lastFocusedIndex),this._key=this._childNodes.length>0?t.key:null,this._key&&this.syncCurrentFocused()}}syncCurrentFocused(){this._selectedItem?this._currentFocusedItem=this._selectedItem:this._currentFocusedItem=this._defaultFocused,this.updateCurrentFocusedChild()}updateCurrentFocusedChild(){this._key===this._currentFocusedItem.parent?this._focusedChild=this.treedata.getChildNum(this._currentFocusedItem.key):(this._focusedChild=this._currentFocusedItem.key,this.treedata.updateCurrentFocusedChild(this._currentFocusedItem.key))}handleTreeFocusIn(e){const{relatedTarget:t}=e;this._currentFocusedItem&&t&&"KD-TREE-ITEM"!==t.tagName&&this.setFocusToItem(this._currentFocusedItem,!1)}removeNodeFromTree(e){const t=this.treedata.getItem(e);if(!t)return null;const s=(e,t)=>{for(let i=0;i<e.length;i++){const r=e[i];if(r.name===t)return e.splice(i,1)[0];if(r.items&&r.items.length>0){const e=s(r.items,t);if(e)return e}}return null};return s(this._items,t.treeNode.name)}insertNodeToTree(e,t,s){const i=this.treedata.getItem(t);if(!i)return;const r=(e,t,s,i)=>{for(let n=0;n<e.length;n++){const d=e[n];if(d.name===s)switch(i){case"before":return e.splice(n,0,t),!0;case"after":return e.splice(n+1,0,t),!0;case"inside":return d.items||(d.items=[]),d.items.push(t),!0;default:return!1}if(d.items&&d.items.length>0&&r(d.items,t,s,i))return!0}return!1};r(this._items,e,i.treeNode.name,s)}rebuildTreeData(){const e=this._selectedItem.treeNode.name;this.treedata=new g,this._items=this._items.map(e=>this.treedata.cloneItems(e));const t=this.treedata.parse(this._items,e);this._childNodes=t?t.children:[],this._selectedItem=t?t.selectedItem:null,this._key=this._childNodes.length>0?t.key:null,this._key&&this.syncCurrentFocused()}renderedCallback(){if(k(this),this._selectedItem&&this.setFocusToItem(this._currentFocusedItem,!1),this.hasDetachedListeners){this.template.querySelector(".kdds-tree_container").addEventListener("focus",this.handleTreeFocusIn.bind(this)),this.hasDetachedListeners=!1}}disconnectedCallback(){this.hasDetachedListeners=!0}expandBranch(e){k(this),e.isLeaf||e.isDisabled||(e.nodeRef.expanded=!0,this._selectedItem?.key.startsWith(e.key)&&setTimeout(()=>{this.setFocusToItem(this._selectedItem)},0),this.dispatchEvent(new CustomEvent("change",{detail:{items:a(this._items),key:e.nodeRef.name,expand:e.nodeRef.expanded}})),this.dispatchEvent(new CustomEvent("expand",{detail:{items:a(this._items),key:e.nodeRef.name,expand:e.nodeRef.expanded}})))}collapseBranch(e){k(this),e.isLeaf||e.isDisabled||(e.nodeRef.expanded=!1,this.treedata.updateVisibleTreeItemsOnCollapse(e.key),this.dispatchEvent(new CustomEvent("change",{detail:{items:a(this._items),key:e.nodeRef.name,expand:e.nodeRef.expanded}})),this.dispatchEvent(new CustomEvent("expand",{detail:{items:a(this._items),key:e.nodeRef.name,expand:e.nodeRef.expanded}})))}dispatchSelectEvent(e){if(!e.isDisabled){const t=new CustomEvent("select",{bubbles:!0,composed:!0,cancelable:!0,detail:{name:e.name}});this.dispatchEvent(t)}}setFocusToItem(e,t=!0,s=!0){const i=this.treedata.getItemAtIndex(this.treedata.currentFocusedItemIndex);this.callbackMap[i.parent]&&this.callbackMap[i.key].unfocusCallback(),e&&(this._currentFocusedItem=this.treedata.updateCurrentFocusedItemIndex(e.index),this.callbackMap[e.parent]&&this.callbackMap[e.parent].focusCallback(e.key,t,s))}handleParentCollapse(e){const t=this.treedata.getItem(e);if(t&&t.level>1){const e=this.treedata.getItem(t.parent);this.collapseBranch(e.treeNode),this.setFocusToItem(e)}}get hasChildren(){return this._items&&this._items.length>0}}s(v,{publicProps:{header:{config:0},isDraggable:{config:0},headingLevel:{config:3},items:{config:3},selectedItem:{config:3}},track:{_currentFocusedItem:1,_childNodes:1,_key:1,_focusedChild:1,_items:1,_selectedItem:1},fields:["_defaultFocused","_selected","hasDetachedListeners","_privateHeadingAriaLevel","handleTreeNodeDrop","handleClick","handleRegistration"]});const b=i(v,{tmpl:I,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\tree-",apiVersion:63});export{b as default};