@kdcloudjs/kingdee-base-components 0.0.6 → 0.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/baseInput-DUgqe5Hk.js +1 -0
- package/dist/cjs/calendar.kdds-uGLTvjLs.js +1 -0
- package/dist/cjs/{calendarMonth-DuBmYkui.js → calendarMonth-C1N1hMTf.js} +1 -1
- package/dist/cjs/kd/baseInput.js +1 -1
- package/dist/cjs/kd/button.js +1 -1
- package/dist/cjs/kd/buttonMenu.js +1 -1
- package/dist/cjs/kd/calendar.js +1 -1
- package/dist/cjs/kd/calendarDay.js +1 -1
- package/dist/cjs/kd/calendarMonth.js +1 -1
- package/dist/cjs/kd/calendarTime.js +1 -1
- package/dist/cjs/kd/calendarYear.js +1 -1
- package/dist/cjs/kd/datatable.js +1 -1
- package/dist/cjs/kd/datepicker.js +1 -1
- package/dist/cjs/kd/form.js +1 -1
- package/dist/cjs/kd/icon.js +1 -1
- package/dist/cjs/kd/input.js +1 -1
- package/dist/cjs/kd/inputNumber.js +1 -1
- package/dist/cjs/kd/playground.js +1 -1
- package/dist/cjs/kd/primitiveDatatableIeditPanel.js +1 -1
- package/dist/cjs/kd/primitiveDatatableIeditTypeFactory.js +1 -1
- package/dist/cjs/kd/recordPicker.js +1 -1
- package/dist/cjs/kd/recordPickerModal.js +1 -1
- package/dist/cjs/kd/select.js +1 -1
- package/dist/cjs/kd/treeItem.js +1 -1
- package/dist/esm/baseInput-DGC32o4n.js +1 -0
- package/dist/esm/calendar.kdds-uFlR2mRB.js +1 -0
- package/dist/esm/{calendarMonth-D9AFuDlp.js → calendarMonth-DO-UkAk1.js} +1 -1
- package/dist/esm/{formattedRichTextRenderer-B7edgq4B.js → formattedRichTextRenderer-Czg_HaPr.js} +1 -1
- package/dist/esm/{interacting-iGRv7bnR.js → interacting-CMhJrynl.js} +1 -1
- package/dist/esm/kd/ariaObserver.js +1 -1
- package/dist/esm/kd/baseFormattedText.js +1 -1
- package/dist/esm/kd/baseInput.js +1 -1
- package/dist/esm/kd/button.js +1 -1
- package/dist/esm/kd/buttonMenu.js +1 -1
- package/dist/esm/kd/calendar.js +1 -1
- package/dist/esm/kd/calendarDay.js +1 -1
- package/dist/esm/kd/calendarMonth.js +1 -1
- package/dist/esm/kd/calendarTime.js +1 -1
- package/dist/esm/kd/calendarYear.js +1 -1
- package/dist/esm/kd/card.js +1 -1
- package/dist/esm/kd/checkboxGroup.js +1 -1
- package/dist/esm/kd/datatable.js +1 -1
- package/dist/esm/kd/datepicker.js +1 -1
- package/dist/esm/kd/features.js +1 -1
- package/dist/esm/kd/focusTrap.js +1 -1
- package/dist/esm/kd/focusUtils.js +1 -1
- package/dist/esm/kd/form.js +1 -1
- package/dist/esm/kd/formattedAddress.js +1 -1
- package/dist/esm/kd/formattedDateTime.js +1 -1
- package/dist/esm/kd/formattedEmail.js +1 -1
- package/dist/esm/kd/formattedLocation.js +1 -1
- package/dist/esm/kd/formattedLookup.js +1 -1
- package/dist/esm/kd/formattedName.js +1 -1
- package/dist/esm/kd/formattedNumber.js +1 -1
- package/dist/esm/kd/formattedPhone.js +1 -1
- package/dist/esm/kd/formattedRichText.js +1 -1
- package/dist/esm/kd/formattedRichTextRenderer.js +1 -1
- package/dist/esm/kd/formattedText.js +1 -1
- package/dist/esm/kd/formattedTime.js +1 -1
- package/dist/esm/kd/formattedUrl.js +1 -1
- package/dist/esm/kd/icon.js +1 -1
- package/dist/esm/kd/input.js +1 -1
- package/dist/esm/kd/inputNumber.js +1 -1
- package/dist/esm/kd/inputUtils.js +1 -1
- package/dist/esm/kd/internationalizationLibrary.js +1 -1
- package/dist/esm/kd/layout.js +1 -1
- package/dist/esm/kd/layoutItem.js +1 -1
- package/dist/esm/kd/menuItem.js +1 -1
- package/dist/esm/kd/modal.js +1 -1
- package/dist/esm/kd/modalBase.js +1 -1
- package/dist/esm/kd/modalBody.js +1 -1
- package/dist/esm/kd/modalFooter.js +1 -1
- package/dist/esm/kd/modalHeader.js +1 -1
- package/dist/esm/kd/modalUtils.js +1 -1
- package/dist/esm/kd/numberUtils.js +1 -1
- package/dist/esm/kd/overlay.js +1 -1
- package/dist/esm/kd/overlayContainer.js +1 -1
- package/dist/esm/kd/playground.js +1 -1
- package/dist/esm/kd/positionLibrary.js +1 -1
- package/dist/esm/kd/primitiveBubble.js +1 -1
- package/dist/esm/kd/primitiveButton.js +1 -1
- package/dist/esm/kd/primitiveCellActions.js +1 -1
- package/dist/esm/kd/primitiveCellButton.js +1 -1
- package/dist/esm/kd/primitiveCellCheckbox.js +1 -1
- package/dist/esm/kd/primitiveCellExpand.js +1 -1
- package/dist/esm/kd/primitiveCellFactory.js +1 -1
- package/dist/esm/kd/primitiveColorpickerButton.js +1 -1
- package/dist/esm/kd/primitiveColumnSorter.js +1 -1
- package/dist/esm/kd/primitiveCoordinateItem.js +1 -1
- package/dist/esm/kd/primitiveCustomCell.js +1 -1
- package/dist/esm/kd/primitiveCustomRow.js +1 -1
- package/dist/esm/kd/primitiveDatatableCell.js +1 -1
- package/dist/esm/kd/primitiveDatatableIeditInputWrapper.js +1 -1
- package/dist/esm/kd/primitiveDatatableIeditPanel.js +1 -1
- package/dist/esm/kd/primitiveDatatableIeditTypeFactory.js +1 -1
- package/dist/esm/kd/primitiveDatatableLoadingIndicator.js +1 -1
- package/dist/esm/kd/primitiveDatatableNoData.js +1 -1
- package/dist/esm/kd/primitiveDatatableStatusBar.js +1 -1
- package/dist/esm/kd/primitiveDatatableTooltip.js +1 -1
- package/dist/esm/kd/primitiveDatatableTooltipBubble.js +1 -1
- package/dist/esm/kd/primitiveFileDroppableZone.js +1 -1
- package/dist/esm/kd/primitiveHeaderActions.js +1 -1
- package/dist/esm/kd/primitiveHeaderFactory.js +1 -1
- package/dist/esm/kd/primitiveIcon.js +1 -1
- package/dist/esm/kd/primitiveIframe.js +1 -1
- package/dist/esm/kd/primitiveInputCheckbox.js +1 -1
- package/dist/esm/kd/primitiveInputCheckboxButton.js +1 -1
- package/dist/esm/kd/primitiveInputColor.js +1 -1
- package/dist/esm/kd/primitiveInputFile.js +1 -1
- package/dist/esm/kd/primitiveInputRadio.js +1 -1
- package/dist/esm/kd/primitiveInputSimple.js +1 -1
- package/dist/esm/kd/primitiveInputToggle.js +1 -1
- package/dist/esm/kd/primitiveResizeHandler.js +1 -1
- package/dist/esm/kd/primitiveTreegridCellToggle.js +1 -1
- package/dist/esm/kd/privateModal.js +1 -1
- package/dist/esm/kd/radioGroup.js +1 -1
- package/dist/esm/kd/recordPicker.js +1 -1
- package/dist/esm/kd/recordPickerModal.js +1 -1
- package/dist/esm/kd/select.js +1 -1
- package/dist/esm/kd/shadowBaseClassPrivate.js +1 -1
- package/dist/esm/kd/spin.js +1 -1
- package/dist/esm/kd/switch.js +1 -1
- package/dist/esm/kd/tab.js +1 -1
- package/dist/esm/kd/tabBar.js +1 -1
- package/dist/esm/kd/tabset.js +1 -1
- package/dist/esm/kd/tag.js +1 -1
- package/dist/esm/kd/toast.js +1 -1
- package/dist/esm/kd/toastContainer.js +1 -1
- package/dist/esm/kd/tooltipLibrary.js +1 -1
- package/dist/esm/kd/tree.js +1 -1
- package/dist/esm/kd/treeItem.js +1 -1
- package/dist/esm/kd/utilsPrivate.js +1 -1
- package/dist/esm/{normalize-qdEPAG8z.js → normalize-BET3UPLZ.js} +1 -1
- package/dist/esm/{primitiveDatatableCell-BRBOc7hR.js → primitiveDatatableCell-Dnc4fXBk.js} +1 -1
- package/dist/esm/{utilsPrivate-ekbvijnB.js → utilsPrivate-CI3EeA5x.js} +1 -1
- package/dist/index.css +1 -1
- package/package.json +2 -2
- package/dist/cjs/baseInput-f9sJ7m49.js +0 -1
- package/dist/cjs/calendar.kdds-DBIZRNEC.js +0 -1
- package/dist/esm/baseInput-Bgv7mEy2.js +0 -1
- package/dist/esm/calendar.kdds-DkhZH3qI.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{parseFragment as r,registerTemplate as t,freezeTemplate as o,registerDecorators as n,registerComponent as d}from"@kdcloudjs/kwc";import{s as a}from"../kddsCommon-CucK_w70.js";import{s}from"../kddsUtilsGrid-CoXx1Bwj.js";import{s as e}from"../kddsUtilsPosition-DDHofMns.js";import c from"./primitiveDatatableTooltip.js";import b from"./shadowBaseClassPrivate.js";import{i as u}from"../ssr-C2pjZzfv.js";import"../observable-tloG64m6.js";import"../i18n-B98kiI7M.js";import{b as l}from"../label-CY8Q8HAO.js";import"../kddsUtilsVisibility-BQdWrRzW.js";import"./icon.js";import"../utilsPrivate-ekbvijnB.js";import"../client-Ddi3i8XR.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";import"./primitiveDatatableTooltipBubble.js";import"../kddsUtilsTruncation-BkfKIyC_.js";import"./buttonIcon.js";import"../classSet-DY6Qvt6E.js";import"../empty_html-CjXB8rB4.js";var i=[[a,s,e,[function(r,t,o){var n=r?"["+r+"]":"",d=r?"["+r+"-host]":"";return"*"+n+",\r*"+n+"::before,\r*"+n+"::after {box-sizing: border-box;}"+(t?":host [part~='button']":d+" [part~='button']")+n+" {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;}"+(t?":host [part~='button']:hover":d+" [part~='button']:hover")+n+" {--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;}"+(t?":host [part~='button']:focus":d+" [part~='button']:focus")+n+" {--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;}"+(t?":host [part~='button']:active":d+" [part~='button']:active")+n+" {--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));}"+(t?":host [part~='button']:disabled":d+" [part~='button']:disabled")+n+" {--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;}"+(t?":host [part~='button']:disabled":d+" [part~='button']:disabled")+n+" *"+n+" {pointer-events: none;}"+(t?":host [part='button'][aria-pressed='true']":d+" [part='button'][aria-pressed='true']")+n+" {--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);}"+(t?":host [part~='button']":d+" [part~='button']")+n+" {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);}"+(t?":host [part~='button']:disabled":d+" [part~='button']:disabled")+n+" {--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;}"+(t?":host([variant='brand']) [part~='button']":d+"[variant='brand'] [part~='button']")+n+" {--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));}"+(t?":host([variant='brand-outline']) [part~='button']":d+"[variant='brand-outline'] [part~='button']")+n+" {--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);}"+(t?":host([variant='inverse']) [part~='button']":d+"[variant='inverse'] [part~='button']")+n+" {--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);}"+(t?":host([variant='inverse']) [part~='button']:disabled":d+"[variant='inverse'] [part~='button']:disabled")+n+" {--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);}"+(t?":host([variant='destructive']) [part~='button']":d+"[variant='destructive'] [part~='button']")+n+" {--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);}"+(t?":host([variant='success']) [part~='button']":d+"[variant='success'] [part~='button']")+n+" {--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);}"+(t?":host([variant='destructive-text']) [part~='button']":d+"[variant='destructive-text'] [part~='button']")+n+" {--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 );}"+(t?":host([variant='brand']) [part~='button']:disabled"+n+",:host([variant='success']) [part~='button']:disabled"+n+",:host([variant='destructive']) [part~='button']:disabled":d+"[variant='brand'] [part~='button']:disabled"+n+","+d+"[variant='success'] [part~='button']:disabled"+n+","+d+"[variant='destructive'] [part~='button']:disabled")+n+" {--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);}"+(t?":host([variant='base']) [part~='button']"+n+",:host([variant='text']) [part~='button']":d+"[variant='base'] [part~='button']"+n+","+d+"[variant='text'] [part~='button']")+n+" {--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;}"+(t?":host([variant='base']) [part~='button']:disabled"+n+",:host([variant='text']) [part~='button']:disabled":d+"[variant='base'] [part~='button']:disabled"+n+","+d+"[variant='text'] [part~='button']:disabled")+n+" {--kds-c-button-color-background: transparent;--kds-c-button-color-border: transparent;}"+(t?":host([stretch]) [part~='button']":d+"[stretch] [part~='button']")+n+" {--kds-c-button-sizing-width: 100%;justify-content: center;}"+(t?":host([variant='brand']) [part~='button']"+n+",:host([variant='brand-outline']) [part~='button']"+n+",:host([variant='inverse']) [part~='button']"+n+",:host([variant='success']) [part~='button']"+n+",:host([variant='destructive']) [part~='button']"+n+",:host([variant='destructive-text']) [part~='button']":d+"[variant='brand'] [part~='button']"+n+","+d+"[variant='brand-outline'] [part~='button']"+n+","+d+"[variant='inverse'] [part~='button']"+n+","+d+"[variant='success'] [part~='button']"+n+","+d+"[variant='destructive'] [part~='button']"+n+","+d+"[variant='destructive-text'] [part~='button']")+n+" {justify-content: center;}"+(t?":host [part~='start']":d+" [part~='start']")+n+" {display: inline-flex;padding-inline-end: 0;}"+(t?":host [part~='end']":d+" [part~='end']")+n+" {display: inline-flex;padding-inline-start: 0;}"+(t?":host .kdds-assistive-text":d+" .kdds-assistive-text")+n+" {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;}"+(t?":host .kdds-button_reset":d+" .kdds-button_reset")+n+" {font-size: inherit;color: inherit;line-height: inherit;padding: 0;background: transparent;border: 0;text-align: inherit;}"}],[function(r,t,o){var n=r?"["+r+"]":"",d=r?"["+r+"-host]":"";return(t?":host .kdds-docked-form-footer":d+" .kdds-docked-form-footer")+n+" {display: flex;-webkit-box-pack: center;justify-content: center;padding: var(--kdds-g-spacing-2) 0;position: fixed;bottom: 0;left: 0;width: 100%;background: var(--kdds-g-color-neutral-base-95);box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.16%);z-index: 8000;}"+(t?":host .kdds-button_brand":d+" .kdds-button_brand")+n+" {position: relative;display: inline-flex;align-items: center;padding-block: 0;padding-inline: var(--kdds-g-spacing-4);background: none;background-color: var(--kdds-g-color-accent-container-1);background-clip: border-box;border-color: var(--kdds-g-color-border-accent-1);border-style: solid;border-width: var(--kdds-g-sizing-border-1);border-radius: var(--kdds-g-radius-border-2);line-height: calc(var(--kdds-g-sizing-8) + var(--kdds-g-sizing-1));color: var(--kdds-c-button-brand-text-color, var(--kdds-g-color-neutral-base-100));margin-inline-start: var(--kdds-g-spacing-1);}"+(t?":host .kdds-button_brand:hover"+n+",:host \r.kdds-button_brand:focus"+n+",:host \r.kdds-button_brand:active":d+" .kdds-button_brand:hover"+n+","+d+" \r.kdds-button_brand:focus"+n+","+d+" \r.kdds-button_brand:active")+n+" {background-color: var(--kdds-g-color-accent-container-2);border-color: var(--kdds-g-color-border-accent-2);}"+(t?":host .kdds-button_icon-error":d+" .kdds-button_icon-error")+n+" {line-height: 1;vertical-align: middle;justify-content: center;color: var(--kdds-s-button-color, var(--kdds-g-color-on-surface-1));flex-shrink: 0;padding: 0;}"+(t?":host .kdds-button.kdds-button_icon":d+" .kdds-button.kdds-button_icon")+n+" {border: none;}"}]]];const k=r`<button part="button" variant="neutral" type="button" class="kdds-button kdds-button_neutral${0}"${2}>${"t1"}</button>`,v=r`<button type="button" part="button" variant="brand" class="kdds-button kdds-button_brand save-btn${0}"${2}>${"t1"}</button>`,g={classMap:{"kdds-docked-form-footer":!0,"kdds-is-absolute":!0},key:0},p={classMap:{"kdds-grid":!0,"kdds-grid_align-center":!0},key:1},h={"kdds-button":!0};function f(r,t,o,n){const{c:d,b:a,d:s,sp:e,st:b,h:u}=r,{_m0:l,_m1:i,_m2:f,_m3:m}=n;return[u("div",g,[u("div",p,[t.showError?d("kd-primitive-datatable-tooltip",c,{classMap:h,ref:"tooltip",props:{size:"small",variant:"error",header:t.error.title,content:t.error.messages,alternativeText:t.i18n.error,offset:t.bubbleOffset},key:2}):null,b(k,4,[e(0,{on:i||(n._m1={click:a(t.handleCancelButtonClick)})},null),e(1,null,s(t.i18n.cancel))]),b(v,6,[e(0,{on:m||(n._m3={click:a(t.handleSaveButtonClick)})},null),e(1,null,s(t.i18n.save))])])])]}var m=t(f);f.hasRefs=!0,f.stylesheets=[],f.stylesheetToken="kwc-70nljrns76",f.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\primitiveDatatableStatusBar-undefined_primitiveDatatableStatusBar",i&&f.stylesheets.push.apply(f.stylesheets,i),o(f);const x={save:l.save,cancel:l.cancel,error:l.error};class w extends b{constructor(...r){super(...r),this.privateError={}}get error(){return this.privateError}set error(r){this.privateError=r,this.showError&&this.isSaveBtnFocused()&&this.handleShowError()}get i18n(){return x}get showError(){const{error:r}=this;return!(!r||!r.title&&!r.messages)}get showErrorBubble(){const{error:r}=this;return!(!r||!r.showBubble)}get bubbleOffset(){return{vertical:-10}}isSaveBtnFocused(){return!!u&&null!==this.template.querySelector("button.save-btn:focus")}handleCancelButtonClick(r){r.preventDefault(),r.stopPropagation(),this.dispatchEvent(new CustomEvent("privatecancel",{bubbles:!0,composed:!0,cancelable:!0}))}handleSaveButtonClick(r){r.preventDefault(),r.stopPropagation(),document.activeElement!==r.target&&r.target.focus(),this.dispatchEvent(new CustomEvent("privatesave",{bubbles:!0,composed:!0,cancelable:!0}))}handleShowError(){Promise.resolve().then(()=>{const r=this.refs.tooltip;r&&(this.showErrorBubble?r.showBubble():r.focus())})}}n(w,{publicProps:{error:{config:3}},track:{privateError:1}});const j=d(w,{tmpl:m,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\primitiveDatatableStatusBar-",apiVersion:63});export{j as default};
|
|
1
|
+
import{parseFragment as r,registerTemplate as t,freezeTemplate as o,registerDecorators as n,registerComponent as d}from"@kdcloudjs/kwc";import{s as a}from"../kddsCommon-CucK_w70.js";import{s}from"../kddsUtilsGrid-CoXx1Bwj.js";import{s as e}from"../kddsUtilsPosition-DDHofMns.js";import c from"./primitiveDatatableTooltip.js";import b from"./shadowBaseClassPrivate.js";import{i as u}from"../ssr-C2pjZzfv.js";import"../observable-tloG64m6.js";import"../i18n-B98kiI7M.js";import{b as l}from"../label-CY8Q8HAO.js";import"../kddsUtilsVisibility-BQdWrRzW.js";import"./icon.js";import"../utilsPrivate-CI3EeA5x.js";import"../client-Ddi3i8XR.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";import"./primitiveDatatableTooltipBubble.js";import"../kddsUtilsTruncation-BkfKIyC_.js";import"./buttonIcon.js";import"../classSet-DY6Qvt6E.js";import"../empty_html-CjXB8rB4.js";var i=[[a,s,e,[function(r,t,o){var n=r?"["+r+"]":"",d=r?"["+r+"-host]":"";return"*"+n+",\r*"+n+"::before,\r*"+n+"::after {box-sizing: border-box;}"+(t?":host [part~='button']":d+" [part~='button']")+n+" {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;}"+(t?":host [part~='button']:hover":d+" [part~='button']:hover")+n+" {--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;}"+(t?":host [part~='button']:focus":d+" [part~='button']:focus")+n+" {--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;}"+(t?":host [part~='button']:active":d+" [part~='button']:active")+n+" {--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));}"+(t?":host [part~='button']:disabled":d+" [part~='button']:disabled")+n+" {--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;}"+(t?":host [part~='button']:disabled":d+" [part~='button']:disabled")+n+" *"+n+" {pointer-events: none;}"+(t?":host [part='button'][aria-pressed='true']":d+" [part='button'][aria-pressed='true']")+n+" {--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);}"+(t?":host [part~='button']":d+" [part~='button']")+n+" {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);}"+(t?":host [part~='button']:disabled":d+" [part~='button']:disabled")+n+" {--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;}"+(t?":host([variant='brand']) [part~='button']":d+"[variant='brand'] [part~='button']")+n+" {--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));}"+(t?":host([variant='brand-outline']) [part~='button']":d+"[variant='brand-outline'] [part~='button']")+n+" {--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);}"+(t?":host([variant='inverse']) [part~='button']":d+"[variant='inverse'] [part~='button']")+n+" {--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);}"+(t?":host([variant='inverse']) [part~='button']:disabled":d+"[variant='inverse'] [part~='button']:disabled")+n+" {--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);}"+(t?":host([variant='destructive']) [part~='button']":d+"[variant='destructive'] [part~='button']")+n+" {--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);}"+(t?":host([variant='success']) [part~='button']":d+"[variant='success'] [part~='button']")+n+" {--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);}"+(t?":host([variant='destructive-text']) [part~='button']":d+"[variant='destructive-text'] [part~='button']")+n+" {--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 );}"+(t?":host([variant='brand']) [part~='button']:disabled"+n+",:host([variant='success']) [part~='button']:disabled"+n+",:host([variant='destructive']) [part~='button']:disabled":d+"[variant='brand'] [part~='button']:disabled"+n+","+d+"[variant='success'] [part~='button']:disabled"+n+","+d+"[variant='destructive'] [part~='button']:disabled")+n+" {--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);}"+(t?":host([variant='base']) [part~='button']"+n+",:host([variant='text']) [part~='button']":d+"[variant='base'] [part~='button']"+n+","+d+"[variant='text'] [part~='button']")+n+" {--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;}"+(t?":host([variant='base']) [part~='button']:disabled"+n+",:host([variant='text']) [part~='button']:disabled":d+"[variant='base'] [part~='button']:disabled"+n+","+d+"[variant='text'] [part~='button']:disabled")+n+" {--kds-c-button-color-background: transparent;--kds-c-button-color-border: transparent;}"+(t?":host([stretch]) [part~='button']":d+"[stretch] [part~='button']")+n+" {--kds-c-button-sizing-width: 100%;justify-content: center;}"+(t?":host([variant='brand']) [part~='button']"+n+",:host([variant='brand-outline']) [part~='button']"+n+",:host([variant='inverse']) [part~='button']"+n+",:host([variant='success']) [part~='button']"+n+",:host([variant='destructive']) [part~='button']"+n+",:host([variant='destructive-text']) [part~='button']":d+"[variant='brand'] [part~='button']"+n+","+d+"[variant='brand-outline'] [part~='button']"+n+","+d+"[variant='inverse'] [part~='button']"+n+","+d+"[variant='success'] [part~='button']"+n+","+d+"[variant='destructive'] [part~='button']"+n+","+d+"[variant='destructive-text'] [part~='button']")+n+" {justify-content: center;}"+(t?":host [part~='start']":d+" [part~='start']")+n+" {display: inline-flex;padding-inline-end: 0;}"+(t?":host [part~='end']":d+" [part~='end']")+n+" {display: inline-flex;padding-inline-start: 0;}"+(t?":host .kdds-assistive-text":d+" .kdds-assistive-text")+n+" {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;}"+(t?":host .kdds-button_reset":d+" .kdds-button_reset")+n+" {font-size: inherit;color: inherit;line-height: inherit;padding: 0;background: transparent;border: 0;text-align: inherit;}"}],[function(r,t,o){var n=r?"["+r+"]":"",d=r?"["+r+"-host]":"";return(t?":host .kdds-docked-form-footer":d+" .kdds-docked-form-footer")+n+" {display: flex;-webkit-box-pack: center;justify-content: center;padding: var(--kdds-g-spacing-2) 0;position: fixed;bottom: 0;left: 0;width: 100%;background: var(--kdds-g-color-neutral-base-95);box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.16%);z-index: 8000;}"+(t?":host .kdds-button_brand":d+" .kdds-button_brand")+n+" {position: relative;display: inline-flex;align-items: center;padding-block: 0;padding-inline: var(--kdds-g-spacing-4);background: none;background-color: var(--kdds-g-color-accent-container-1);background-clip: border-box;border-color: var(--kdds-g-color-border-accent-1);border-style: solid;border-width: var(--kdds-g-sizing-border-1);border-radius: var(--kdds-g-radius-border-2);line-height: calc(var(--kdds-g-sizing-8) + var(--kdds-g-sizing-1));color: var(--kdds-c-button-brand-text-color, var(--kdds-g-color-neutral-base-100));margin-inline-start: var(--kdds-g-spacing-1);}"+(t?":host .kdds-button_brand:hover"+n+",:host \r.kdds-button_brand:focus"+n+",:host \r.kdds-button_brand:active":d+" .kdds-button_brand:hover"+n+","+d+" \r.kdds-button_brand:focus"+n+","+d+" \r.kdds-button_brand:active")+n+" {background-color: var(--kdds-g-color-accent-container-2);border-color: var(--kdds-g-color-border-accent-2);}"+(t?":host .kdds-button_icon-error":d+" .kdds-button_icon-error")+n+" {line-height: 1;vertical-align: middle;justify-content: center;color: var(--kdds-s-button-color, var(--kdds-g-color-on-surface-1));flex-shrink: 0;padding: 0;}"+(t?":host .kdds-button.kdds-button_icon":d+" .kdds-button.kdds-button_icon")+n+" {border: none;}"}]]];const k=r`<button part="button" variant="neutral" type="button" class="kdds-button kdds-button_neutral${0}"${2}>${"t1"}</button>`,v=r`<button type="button" part="button" variant="brand" class="kdds-button kdds-button_brand save-btn${0}"${2}>${"t1"}</button>`,g={classMap:{"kdds-docked-form-footer":!0,"kdds-is-absolute":!0},key:0},p={classMap:{"kdds-grid":!0,"kdds-grid_align-center":!0},key:1},h={"kdds-button":!0};function f(r,t,o,n){const{c:d,b:a,d:s,sp:e,st:b,h:u}=r,{_m0:l,_m1:i,_m2:f,_m3:m}=n;return[u("div",g,[u("div",p,[t.showError?d("kd-primitive-datatable-tooltip",c,{classMap:h,ref:"tooltip",props:{size:"small",variant:"error",header:t.error.title,content:t.error.messages,alternativeText:t.i18n.error,offset:t.bubbleOffset},key:2}):null,b(k,4,[e(0,{on:i||(n._m1={click:a(t.handleCancelButtonClick)})},null),e(1,null,s(t.i18n.cancel))]),b(v,6,[e(0,{on:m||(n._m3={click:a(t.handleSaveButtonClick)})},null),e(1,null,s(t.i18n.save))])])])]}var m=t(f);f.hasRefs=!0,f.stylesheets=[],f.stylesheetToken="kwc-70nljrns76",f.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\primitiveDatatableStatusBar-undefined_primitiveDatatableStatusBar",i&&f.stylesheets.push.apply(f.stylesheets,i),o(f);const x={save:l.save,cancel:l.cancel,error:l.error};class w extends b{constructor(...r){super(...r),this.privateError={}}get error(){return this.privateError}set error(r){this.privateError=r,this.showError&&this.isSaveBtnFocused()&&this.handleShowError()}get i18n(){return x}get showError(){const{error:r}=this;return!(!r||!r.title&&!r.messages)}get showErrorBubble(){const{error:r}=this;return!(!r||!r.showBubble)}get bubbleOffset(){return{vertical:-10}}isSaveBtnFocused(){return!!u&&null!==this.template.querySelector("button.save-btn:focus")}handleCancelButtonClick(r){r.preventDefault(),r.stopPropagation(),this.dispatchEvent(new CustomEvent("privatecancel",{bubbles:!0,composed:!0,cancelable:!0}))}handleSaveButtonClick(r){r.preventDefault(),r.stopPropagation(),document.activeElement!==r.target&&r.target.focus(),this.dispatchEvent(new CustomEvent("privatesave",{bubbles:!0,composed:!0,cancelable:!0}))}handleShowError(){Promise.resolve().then(()=>{const r=this.refs.tooltip;r&&(this.showErrorBubble?r.showBubble():r.focus())})}}n(w,{publicProps:{error:{config:3}},track:{privateError:1}});const j=d(w,{tmpl:m,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\primitiveDatatableStatusBar-",apiVersion:63});export{j as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{parseFragment as r,registerTemplate as t,freezeTemplate as o,createElement as n,registerDecorators as d,registerComponent as a}from"@kdcloudjs/kwc";import{s}from"../kddsCommon-CucK_w70.js";import{s as e}from"../kddsUtilsVisibility-BQdWrRzW.js";import c from"./icon.js";import{i as u}from"../ssr-C2pjZzfv.js";import"../observable-tloG64m6.js";import"../i18n-B98kiI7M.js";import{g as b,T as i}from"../utilsPrivate-ekbvijnB.js";import l from"./primitiveDatatableTooltipBubble.js";import{c as k}from"../classSet-DY6Qvt6E.js";import v from"./shadowBaseClassPrivate.js";import"../empty_html-CjXB8rB4.js";import"../client-Ddi3i8XR.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";import"../kddsUtilsTruncation-BkfKIyC_.js";import"../kddsUtilsGrid-CoXx1Bwj.js";import"./buttonIcon.js";import"../label-CY8Q8HAO.js";var g=[[s,e,[function(r,t,o){var n=r?"["+r+"]":"",d=r?"["+r+"-host]":"";return"*"+n+",\r*"+n+"::before,\r*"+n+"::after {box-sizing: border-box;}"+(t?":host [part~='button']":d+" [part~='button']")+n+" {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;}"+(t?":host [part~='button']:hover":d+" [part~='button']:hover")+n+" {--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;}"+(t?":host [part~='button']:focus":d+" [part~='button']:focus")+n+" {--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;}"+(t?":host [part~='button']:active":d+" [part~='button']:active")+n+" {--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));}"+(t?":host [part~='button']:disabled":d+" [part~='button']:disabled")+n+" {--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;}"+(t?":host [part~='button']:disabled":d+" [part~='button']:disabled")+n+" *"+n+" {pointer-events: none;}"+(t?":host [part='button'][aria-pressed='true']":d+" [part='button'][aria-pressed='true']")+n+" {--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);}"+(t?":host [part~='button']":d+" [part~='button']")+n+" {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);}"+(t?":host [part~='button']:disabled":d+" [part~='button']:disabled")+n+" {--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;}"+(t?":host([variant='brand']) [part~='button']":d+"[variant='brand'] [part~='button']")+n+" {--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));}"+(t?":host([variant='brand-outline']) [part~='button']":d+"[variant='brand-outline'] [part~='button']")+n+" {--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);}"+(t?":host([variant='inverse']) [part~='button']":d+"[variant='inverse'] [part~='button']")+n+" {--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);}"+(t?":host([variant='inverse']) [part~='button']:disabled":d+"[variant='inverse'] [part~='button']:disabled")+n+" {--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);}"+(t?":host([variant='destructive']) [part~='button']":d+"[variant='destructive'] [part~='button']")+n+" {--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);}"+(t?":host([variant='success']) [part~='button']":d+"[variant='success'] [part~='button']")+n+" {--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);}"+(t?":host([variant='destructive-text']) [part~='button']":d+"[variant='destructive-text'] [part~='button']")+n+" {--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 );}"+(t?":host([variant='brand']) [part~='button']:disabled"+n+",:host([variant='success']) [part~='button']:disabled"+n+",:host([variant='destructive']) [part~='button']:disabled":d+"[variant='brand'] [part~='button']:disabled"+n+","+d+"[variant='success'] [part~='button']:disabled"+n+","+d+"[variant='destructive'] [part~='button']:disabled")+n+" {--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);}"+(t?":host([variant='base']) [part~='button']"+n+",:host([variant='text']) [part~='button']":d+"[variant='base'] [part~='button']"+n+","+d+"[variant='text'] [part~='button']")+n+" {--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;}"+(t?":host([variant='base']) [part~='button']:disabled"+n+",:host([variant='text']) [part~='button']:disabled":d+"[variant='base'] [part~='button']:disabled"+n+","+d+"[variant='text'] [part~='button']:disabled")+n+" {--kds-c-button-color-background: transparent;--kds-c-button-color-border: transparent;}"+(t?":host([stretch]) [part~='button']":d+"[stretch] [part~='button']")+n+" {--kds-c-button-sizing-width: 100%;justify-content: center;}"+(t?":host([variant='brand']) [part~='button']"+n+",:host([variant='brand-outline']) [part~='button']"+n+",:host([variant='inverse']) [part~='button']"+n+",:host([variant='success']) [part~='button']"+n+",:host([variant='destructive']) [part~='button']"+n+",:host([variant='destructive-text']) [part~='button']":d+"[variant='brand'] [part~='button']"+n+","+d+"[variant='brand-outline'] [part~='button']"+n+","+d+"[variant='inverse'] [part~='button']"+n+","+d+"[variant='success'] [part~='button']"+n+","+d+"[variant='destructive'] [part~='button']"+n+","+d+"[variant='destructive-text'] [part~='button']")+n+" {justify-content: center;}"+(t?":host [part~='start']":d+" [part~='start']")+n+" {display: inline-flex;padding-inline-end: 0;}"+(t?":host [part~='end']":d+" [part~='end']")+n+" {display: inline-flex;padding-inline-start: 0;}"+(t?":host .kdds-assistive-text":d+" .kdds-assistive-text")+n+" {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;}"+(t?":host .kdds-button_reset":d+" .kdds-button_reset")+n+" {font-size: inherit;color: inherit;line-height: inherit;padding: 0;background: transparent;border: 0;text-align: inherit;}"}],[function(r,t,o){var n=r?"["+r+"]":"",d=r?"["+r+"-host]":"";return["*",n,",\r*",n,"::before,\r*",n,"::after {box-sizing: border-box;}",t?":host [part~='button']":d+" [part~='button']",n," {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;}",t?":host [part~='button']:hover":d+" [part~='button']:hover",n," {--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;}",t?":host [part~='button']:focus":d+" [part~='button']:focus",n," {--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;}",t?":host [part~='button']:active":d+" [part~='button']:active",n," {--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));}",t?":host [part~='button']:disabled":d+" [part~='button']:disabled",n," {--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;}",t?":host [part~='button']:disabled":d+" [part~='button']:disabled",n," *",n," {pointer-events: none;}",t?":host [part='button'][aria-pressed='true']":d+" [part='button'][aria-pressed='true']",n," {--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);}",t?":host [part~='button']":d+" [part~='button']",n," {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);}",t?":host [part~='button']:disabled":d+" [part~='button']:disabled",n," {--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;}",t?":host([variant='brand']) [part~='button']":d+"[variant='brand'] [part~='button']",n," {--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));}",t?":host([variant='brand-outline']) [part~='button']":d+"[variant='brand-outline'] [part~='button']",n," {--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);}",t?":host([variant='inverse']) [part~='button']":d+"[variant='inverse'] [part~='button']",n," {--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);}",t?":host([variant='inverse']) [part~='button']:disabled":d+"[variant='inverse'] [part~='button']:disabled",n," {--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);}",t?":host([variant='destructive']) [part~='button']":d+"[variant='destructive'] [part~='button']",n," {--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);}",t?":host([variant='success']) [part~='button']":d+"[variant='success'] [part~='button']",n," {--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);}",t?":host([variant='destructive-text']) [part~='button']":d+"[variant='destructive-text'] [part~='button']",n," {--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 );}",t?":host([variant='brand']) [part~='button']:disabled"+n+",:host([variant='success']) [part~='button']:disabled"+n+",:host([variant='destructive']) [part~='button']:disabled":d+"[variant='brand'] [part~='button']:disabled"+n+","+d+"[variant='success'] [part~='button']:disabled"+n+","+d+"[variant='destructive'] [part~='button']:disabled",n," {--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);}",t?":host([variant='base']) [part~='button']"+n+",:host([variant='text']) [part~='button']":d+"[variant='base'] [part~='button']"+n+","+d+"[variant='text'] [part~='button']",n," {--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;}",t?":host([variant='base']) [part~='button']:disabled"+n+",:host([variant='text']) [part~='button']:disabled":d+"[variant='base'] [part~='button']:disabled"+n+","+d+"[variant='text'] [part~='button']:disabled",n," {--kds-c-button-color-background: transparent;--kds-c-button-color-border: transparent;}",t?":host([stretch]) [part~='button']":d+"[stretch] [part~='button']",n," {--kds-c-button-sizing-width: 100%;justify-content: center;}",t?":host([variant='brand']) [part~='button']"+n+",:host([variant='brand-outline']) [part~='button']"+n+",:host([variant='inverse']) [part~='button']"+n+",:host([variant='success']) [part~='button']"+n+",:host([variant='destructive']) [part~='button']"+n+",:host([variant='destructive-text']) [part~='button']":d+"[variant='brand'] [part~='button']"+n+","+d+"[variant='brand-outline'] [part~='button']"+n+","+d+"[variant='inverse'] [part~='button']"+n+","+d+"[variant='success'] [part~='button']"+n+","+d+"[variant='destructive'] [part~='button']"+n+","+d+"[variant='destructive-text'] [part~='button']",n," {justify-content: center;}",t?":host [part~='start']":d+" [part~='start']",n," {display: inline-flex;padding-inline-end: 0;}",t?":host [part~='end']":d+" [part~='end']",n," {display: inline-flex;padding-inline-start: 0;}",t?":host .kdds-assistive-text":d+" .kdds-assistive-text",n," {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;}",t?":host .kdds-button_reset":d+" .kdds-button_reset",n," {font-size: inherit;color: inherit;line-height: inherit;padding: 0;background: transparent;border: 0;text-align: inherit;}",t?":host [part~='button-icon']":d+" [part~='button-icon']",n," {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);}",t?":host [part~='button-icon']:hover":d+" [part~='button-icon']:hover",n," {--kdds-c-icon-color-foreground: var(\r\n --kdds-c-buttonicon-color-foreground-hover,\r\n var(--kdds-g-color-accent-3)\r\n );}",t?":host [part~='button-icon']:focus":d+" [part~='button-icon']:focus",n," {--kdds-c-icon-color-foreground: var(\r\n --kdds-c-buttonicon-color-foreground-focus,\r\n var(--kdds-g-color-accent-3)\r\n );}",t?":host [part~='button-icon']:active":d+" [part~='button-icon']:active",n," {--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;}",t?":host [part~='button-icon']:disabled":d+" [part~='button-icon']:disabled",n," {--kdds-c-icon-color-foreground: var(--kdds-g-color-disabled-1);--kds-c-button-color-background-disabled: transparent;}",t?":host([variant='bare']) [part~='button-icon']":d+"[variant='bare'] [part~='button-icon']",n," {--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;}",t?":host([variant='container']) [part~='button-icon']":d+"[variant='container'] [part~='button-icon']",n," {--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;}",t?":host([variant='brand']) [part~='button-icon']":d+"[variant='brand'] [part~='button-icon']",n," {--kdds-c-icon-color-foreground: var(--kdds-g-color-on-accent-1);}",t?":host([variant='bare-inverse']) [part~='button-icon']":d+"[variant='bare-inverse'] [part~='button-icon']",n," {--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;}",t?":host([variant='border-inverse']) [part~='button-icon']":d+"[variant='border-inverse'] [part~='button-icon']",n," {--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);}",t?":host([variant='border-filled']) [part~='button-icon']":d+"[variant='border-filled'] [part~='button-icon']",n," {--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);}",t?":host([variant='border-filled']) [part~='button-icon']:disabled":d+"[variant='border-filled'] [part~='button-icon']:disabled",n," {--kds-c-button-color-background-disabled: var(--kdds-g-color-disabled-container-1);}",t?":host([size='xx-small']) [part~='button-icon']":d+"[size='xx-small'] [part~='button-icon']",n," {--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);}",t?":host([size='x-small']) [part~='button-icon']":d+"[size='x-small'] [part~='button-icon']",n," {--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);}",t?":host([size='small']) [part~='button-icon']":d+"[size='small'] [part~='button-icon']",n," {--kds-c-button-sizing-height: var(--kdds-g-sizing-7);--kds-c-button-sizing-width: var(--kdds-g-sizing-7);}",t?":host([size='large']) [part~='button-icon']":d+"[size='large'] [part~='button-icon']",n," {--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);}",t?":host([size='x-small'][variant='bare']) [part~='button-icon']":d+"[variant='bare'][size='x-small'] [part~='button-icon']",n," {--kdds-c-buttonicon-spacing-block: 0;--kdds-c-buttonicon-spacing-inline: 0;--kdds-c-icon-sizing: var(--kdds-g-sizing-3);}",t?":host([size='small'][variant='bare']) [part~='button-icon']":d+"[variant='bare'][size='small'] [part~='button-icon']",n," {--kdds-c-buttonicon-spacing-block: 0;--kdds-c-buttonicon-spacing-inline: 0;--kdds-c-icon-sizing: var(--kdds-g-sizing-4);}",t?":host([size='large'][variant='bare']) [part~='button-icon']"+n+",:host([size='large'][variant='bare-inverse']) [part~='button-icon']":d+"[variant='bare'][size='large'] [part~='button-icon']"+n+","+d+"[variant='bare-inverse'][size='large'] [part~='button-icon']",n," {--kds-c-button-sizing-height: auto;--kds-c-button-sizing-width: auto;}",t?":host [part='end']":d+" [part='end']",n," {padding-inline-start: 0;}",t?":host .kdds-assistive-text":d+" .kdds-assistive-text",n," {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;}",t?":host([size='large']) [part~='button-icon']"+n+",:host([size='medium']) [part~='button-icon']":d+"[size='large'] [part~='button-icon']"+n+","+d+"[size='medium'] [part~='button-icon']",n," {height: var(--kdds-c-buttonicon-sizing-height, var(--kdds-g-sizing-9));}"].join("")}],[function(r,t,o){var n=r?"["+r+"]":"",d=r?"["+r+"-host]":"";return(t?":host .kdds-docked-form-footer":d+" .kdds-docked-form-footer")+n+" {display: flex;-webkit-box-pack: center;justify-content: center;padding: var(--kdds-g-spacing-2) 0;position: fixed;bottom: 0;left: 0;width: 100%;background: var(--kdds-g-color-neutral-base-95);box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.16%);z-index: 8000;}"+(t?":host .kdds-button_brand":d+" .kdds-button_brand")+n+" {position: relative;display: inline-flex;align-items: center;padding-block: 0;padding-inline: var(--kdds-g-spacing-4);background: none;background-color: var(--kdds-g-color-accent-container-1);background-clip: border-box;border-color: var(--kdds-g-color-border-accent-1);border-style: solid;border-width: var(--kdds-g-sizing-border-1);border-radius: var(--kdds-g-radius-border-2);line-height: calc(var(--kdds-g-sizing-8) + var(--kdds-g-sizing-1));color: var(--kdds-c-button-brand-text-color, var(--kdds-g-color-neutral-base-100));margin-inline-start: var(--kdds-g-spacing-1);}"+(t?":host .kdds-button_brand:hover"+n+",:host \r.kdds-button_brand:focus"+n+",:host \r.kdds-button_brand:active":d+" .kdds-button_brand:hover"+n+","+d+" \r.kdds-button_brand:focus"+n+","+d+" \r.kdds-button_brand:active")+n+" {background-color: var(--kdds-g-color-accent-container-2);border-color: var(--kdds-g-color-border-accent-2);}"+(t?":host .kdds-button_icon-error":d+" .kdds-button_icon-error")+n+" {line-height: 1;vertical-align: middle;justify-content: center;color: var(--kdds-s-button-color, var(--kdds-g-color-on-surface-1));flex-shrink: 0;padding: 0;}"+(t?":host .kdds-button.kdds-button_icon":d+" .kdds-button.kdds-button_icon")+n+" {border: none;}"}]]];const h=r`<span class="kdds-assistive-text${0}"${2}>${"t1"}</span>`;function p(r,t,o,n){const{ncls:d,ti:a,b:s,c:e,d:u,sp:b,st:i,h:l}=r,{_m0:k}=n;return[l("button",{className:d(t.computedButtonClass),attrs:{part:"button button-icon","data-trigger":"true",tabindex:a(t.internalTabIndex),"aria-haspopup":"dialog"},ref:"trigger",key:0,on:k||(n._m0={mouseover:s(t.handleMouseOver),mouseout:s(t.handleMouseOut),click:s(t.handleClick)})},[e("kd-icon",c,{props:{iconName:t.computedHeaderIconName,variant:t.variant,size:t.size},key:1}),t.alternativeText?i(h,3,[b(1,null,u(t.alternativeText))]):null])]}var f=t(p);p.hasRefs=!0,p.stylesheets=[],p.stylesheetToken="kwc-2qhtfq68enm",p.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\primitiveDatatableTooltip-undefined_primitiveDatatableTooltip",g&&p.stylesheets.push.apply(p.stylesheets,g),o(p);const x=u?n("kingdee-primitive-datatable-tooltip-bubble",{is:l}):null;u&&(x.style.setProperty("--kdds-c-popover-position-zindex",9500),x.style.position="absolute",x.style.minWidth="75px");const m={horizontal:"left",vertical:"bottom"},w={horizontal:0,vertical:0};class z extends v{constructor(...r){super(...r),this.header="",this.content=[],this.size="medium",this.trigger="click",this.hideCloseButton=!1,this.variant="bare",this.alternativeText=void 0,this.internalTabIndex=void 0,this._uniqueId=`primitive-datatable-tooltip_${b()}`,this._showErrorButton=!1,this._offset=w,this.handleBrowserEvent=i(()=>{this._showErrorBubble&&this.isBubbleAttachedToTrigger()&&this.setBubblePosition()}),this.handleBubbleClose=r=>{x.removeEventListener("close",this.handleBubbleClose),r.detail.anchor===this._uniqueId&&(this.hideBubble(),"bubbleLoseFocus"!==r.detail.reason&&this.triggerElement.focus())}}connectedCallback(){super.connectedCallback(),u&&(window.addEventListener("resize",this.handleBrowserEvent,!1),window.addEventListener("scroll",this.handleBrowserEvent,!0))}disconnectedCallback(){window.removeEventListener("resize",this.handleBrowserEvent,!1),window.removeEventListener("scroll",this.handleBrowserEvent,!0);const r=x;r.removeEventListener("close",this.handleBubbleClose),this._showErrorBubble&&(this._showErrorBubble=!1,r.visible=!1)}get offset(){return this._offset}set offset(r){this._offset={...w,...r}}focus(){this.triggerElement.focus()}get computedButtonClass(){const r=k("kdds-button").add("kdds-button_icon");return r.add({"kdds-button_icon-error":"error"===this.variant}),r.toString()}get computedHeaderIconName(){switch(this.variant){case"error":return"kdfont-jinzhi";case"warning":return"kdfont-jinggao";default:return"kdfont-tishi4"}}get triggerElement(){return this.refs.trigger}handleMouseOver(){"hover"===this.trigger&&this.showBubble()}handleMouseOut(){"hover"===this.trigger&&(this.hideBubble(),this.triggerElement.focus())}handleClick(r){r.preventDefault(),"click"===this.trigger&&(this._showErrorBubble&&this.isBubbleAttachedToTrigger()?this.hideBubble():this.showBubble())}showBubble(){this._showErrorBubble=!0;const r=x;this.initBubble(),this.setBubblePosition(),r.visible=!0,setTimeout(()=>{r.focus()},100)}hideBubble(){this._showErrorBubble=!1;x.visible=!1,setTimeout(()=>{this.focus()},25)}isBubbleAttachedToTrigger(){return x.anchor===this._uniqueId}getTriggerBoundingRect(){return this.triggerElement?this.triggerElement.getBoundingClientRect():null}calculateShiftAmounts(){if(void 0===this.shiftAmounts){const r=x;r.style.top=0,r.style.left=0,r.style.bottom=null,r.style.right=null;const t=this.getTriggerBoundingRect(),o=window.getComputedStyle(r,":before")||r.style;this.shiftAmounts=function(r,t){const o=parseInt(r.left,10)||-1,n=parseInt(r.right,10)||-1;let d=o<n?o:n;return d<0&&o<0&&n>0&&(d=n),d<0&&n<0&&o>0&&(d=o),{horizontal:d-t/2,vertical:parseInt(r.height,10)}}(o,t.width)}}initBubble(){const r=x;r.anchor=this._uniqueId,r.content=this.content,r.header=this.header,r.variant=this.variant,r.hideCloseButton=this.hideCloseButton,r.addEventListener("close",this.handleBubbleClose),null===r.parentNode&&document.body.appendChild(r),this.calculateShiftAmounts()}setBubblePosition(){const r=document.documentElement,t=x,o=function(r,t,o,n,d,a,s,e){const c={},u={horizontal:o.horizontal,vertical:o.vertical},b={top:null,right:null,bottom:null,left:null};c.right=r.left+t.width>a,c.left=r.right-t.width<0,c.top=r.top-(t.height+n.vertical)<0,c.bottom=r.bottom+t.height+n.vertical>d,c.right&&(u.horizontal="right",b.right=a-r.right),c.left&&(u.horizontal="left",b.left=r.right),c.top&&(u.vertical="top",b.top=r.bottom),c.bottom&&(u.vertical="bottom",b.bottom=d-r.top);const i={align:u};return b.bottom=b.top||0===b.top?null:d-r.top,b.left=b.right||0===b.right?null:r.left,i.top=b.top?`${b.top+n.vertical+e}px`:b.top,i.right=b.right?b.right-n.horizontal-s+"px":b.right,i.bottom=b.bottom?b.bottom+n.vertical-e+"px":b.bottom,i.left=b.left?`${b.left-n.horizontal+s}px`:b.left,i}(this.getTriggerBoundingRect(),t.getBoundingClientRect(),m,this.shiftAmounts,r.clientHeight||window.innerHeight,r.clientWidth||window.innerWidth,window.pageXOffset+this.offset.horizontal,window.pageYOffset+this.offset.vertical);t.align=o.align,t.style.top=o.top,t.style.right=o.right,t.style.bottom=o.bottom,t.style.left=o.left}}d(z,{publicProps:{header:{config:0},content:{config:0},size:{config:0},trigger:{config:0},hideCloseButton:{config:0},variant:{config:0},alternativeText:{config:0},internalTabIndex:{config:0},offset:{config:3}},publicMethods:["focus","showBubble"],track:{_offset:1},fields:["_uniqueId","_showErrorButton","handleBrowserEvent","handleBubbleClose"]});const B=a(z,{tmpl:f,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\primitiveDatatableTooltip-",apiVersion:63});export{B as default};
|
|
1
|
+
import{parseFragment as r,registerTemplate as t,freezeTemplate as o,createElement as n,registerDecorators as d,registerComponent as a}from"@kdcloudjs/kwc";import{s}from"../kddsCommon-CucK_w70.js";import{s as e}from"../kddsUtilsVisibility-BQdWrRzW.js";import c from"./icon.js";import{i as u}from"../ssr-C2pjZzfv.js";import"../observable-tloG64m6.js";import"../i18n-B98kiI7M.js";import{g as b,T as i}from"../utilsPrivate-CI3EeA5x.js";import l from"./primitiveDatatableTooltipBubble.js";import{c as k}from"../classSet-DY6Qvt6E.js";import v from"./shadowBaseClassPrivate.js";import"../empty_html-CjXB8rB4.js";import"../client-Ddi3i8XR.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";import"../kddsUtilsTruncation-BkfKIyC_.js";import"../kddsUtilsGrid-CoXx1Bwj.js";import"./buttonIcon.js";import"../label-CY8Q8HAO.js";var g=[[s,e,[function(r,t,o){var n=r?"["+r+"]":"",d=r?"["+r+"-host]":"";return"*"+n+",\r*"+n+"::before,\r*"+n+"::after {box-sizing: border-box;}"+(t?":host [part~='button']":d+" [part~='button']")+n+" {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;}"+(t?":host [part~='button']:hover":d+" [part~='button']:hover")+n+" {--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;}"+(t?":host [part~='button']:focus":d+" [part~='button']:focus")+n+" {--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;}"+(t?":host [part~='button']:active":d+" [part~='button']:active")+n+" {--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));}"+(t?":host [part~='button']:disabled":d+" [part~='button']:disabled")+n+" {--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;}"+(t?":host [part~='button']:disabled":d+" [part~='button']:disabled")+n+" *"+n+" {pointer-events: none;}"+(t?":host [part='button'][aria-pressed='true']":d+" [part='button'][aria-pressed='true']")+n+" {--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);}"+(t?":host [part~='button']":d+" [part~='button']")+n+" {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);}"+(t?":host [part~='button']:disabled":d+" [part~='button']:disabled")+n+" {--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;}"+(t?":host([variant='brand']) [part~='button']":d+"[variant='brand'] [part~='button']")+n+" {--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));}"+(t?":host([variant='brand-outline']) [part~='button']":d+"[variant='brand-outline'] [part~='button']")+n+" {--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);}"+(t?":host([variant='inverse']) [part~='button']":d+"[variant='inverse'] [part~='button']")+n+" {--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);}"+(t?":host([variant='inverse']) [part~='button']:disabled":d+"[variant='inverse'] [part~='button']:disabled")+n+" {--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);}"+(t?":host([variant='destructive']) [part~='button']":d+"[variant='destructive'] [part~='button']")+n+" {--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);}"+(t?":host([variant='success']) [part~='button']":d+"[variant='success'] [part~='button']")+n+" {--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);}"+(t?":host([variant='destructive-text']) [part~='button']":d+"[variant='destructive-text'] [part~='button']")+n+" {--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 );}"+(t?":host([variant='brand']) [part~='button']:disabled"+n+",:host([variant='success']) [part~='button']:disabled"+n+",:host([variant='destructive']) [part~='button']:disabled":d+"[variant='brand'] [part~='button']:disabled"+n+","+d+"[variant='success'] [part~='button']:disabled"+n+","+d+"[variant='destructive'] [part~='button']:disabled")+n+" {--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);}"+(t?":host([variant='base']) [part~='button']"+n+",:host([variant='text']) [part~='button']":d+"[variant='base'] [part~='button']"+n+","+d+"[variant='text'] [part~='button']")+n+" {--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;}"+(t?":host([variant='base']) [part~='button']:disabled"+n+",:host([variant='text']) [part~='button']:disabled":d+"[variant='base'] [part~='button']:disabled"+n+","+d+"[variant='text'] [part~='button']:disabled")+n+" {--kds-c-button-color-background: transparent;--kds-c-button-color-border: transparent;}"+(t?":host([stretch]) [part~='button']":d+"[stretch] [part~='button']")+n+" {--kds-c-button-sizing-width: 100%;justify-content: center;}"+(t?":host([variant='brand']) [part~='button']"+n+",:host([variant='brand-outline']) [part~='button']"+n+",:host([variant='inverse']) [part~='button']"+n+",:host([variant='success']) [part~='button']"+n+",:host([variant='destructive']) [part~='button']"+n+",:host([variant='destructive-text']) [part~='button']":d+"[variant='brand'] [part~='button']"+n+","+d+"[variant='brand-outline'] [part~='button']"+n+","+d+"[variant='inverse'] [part~='button']"+n+","+d+"[variant='success'] [part~='button']"+n+","+d+"[variant='destructive'] [part~='button']"+n+","+d+"[variant='destructive-text'] [part~='button']")+n+" {justify-content: center;}"+(t?":host [part~='start']":d+" [part~='start']")+n+" {display: inline-flex;padding-inline-end: 0;}"+(t?":host [part~='end']":d+" [part~='end']")+n+" {display: inline-flex;padding-inline-start: 0;}"+(t?":host .kdds-assistive-text":d+" .kdds-assistive-text")+n+" {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;}"+(t?":host .kdds-button_reset":d+" .kdds-button_reset")+n+" {font-size: inherit;color: inherit;line-height: inherit;padding: 0;background: transparent;border: 0;text-align: inherit;}"}],[function(r,t,o){var n=r?"["+r+"]":"",d=r?"["+r+"-host]":"";return["*",n,",\r*",n,"::before,\r*",n,"::after {box-sizing: border-box;}",t?":host [part~='button']":d+" [part~='button']",n," {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;}",t?":host [part~='button']:hover":d+" [part~='button']:hover",n," {--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;}",t?":host [part~='button']:focus":d+" [part~='button']:focus",n," {--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;}",t?":host [part~='button']:active":d+" [part~='button']:active",n," {--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));}",t?":host [part~='button']:disabled":d+" [part~='button']:disabled",n," {--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;}",t?":host [part~='button']:disabled":d+" [part~='button']:disabled",n," *",n," {pointer-events: none;}",t?":host [part='button'][aria-pressed='true']":d+" [part='button'][aria-pressed='true']",n," {--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);}",t?":host [part~='button']":d+" [part~='button']",n," {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);}",t?":host [part~='button']:disabled":d+" [part~='button']:disabled",n," {--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;}",t?":host([variant='brand']) [part~='button']":d+"[variant='brand'] [part~='button']",n," {--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));}",t?":host([variant='brand-outline']) [part~='button']":d+"[variant='brand-outline'] [part~='button']",n," {--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);}",t?":host([variant='inverse']) [part~='button']":d+"[variant='inverse'] [part~='button']",n," {--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);}",t?":host([variant='inverse']) [part~='button']:disabled":d+"[variant='inverse'] [part~='button']:disabled",n," {--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);}",t?":host([variant='destructive']) [part~='button']":d+"[variant='destructive'] [part~='button']",n," {--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);}",t?":host([variant='success']) [part~='button']":d+"[variant='success'] [part~='button']",n," {--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);}",t?":host([variant='destructive-text']) [part~='button']":d+"[variant='destructive-text'] [part~='button']",n," {--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 );}",t?":host([variant='brand']) [part~='button']:disabled"+n+",:host([variant='success']) [part~='button']:disabled"+n+",:host([variant='destructive']) [part~='button']:disabled":d+"[variant='brand'] [part~='button']:disabled"+n+","+d+"[variant='success'] [part~='button']:disabled"+n+","+d+"[variant='destructive'] [part~='button']:disabled",n," {--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);}",t?":host([variant='base']) [part~='button']"+n+",:host([variant='text']) [part~='button']":d+"[variant='base'] [part~='button']"+n+","+d+"[variant='text'] [part~='button']",n," {--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;}",t?":host([variant='base']) [part~='button']:disabled"+n+",:host([variant='text']) [part~='button']:disabled":d+"[variant='base'] [part~='button']:disabled"+n+","+d+"[variant='text'] [part~='button']:disabled",n," {--kds-c-button-color-background: transparent;--kds-c-button-color-border: transparent;}",t?":host([stretch]) [part~='button']":d+"[stretch] [part~='button']",n," {--kds-c-button-sizing-width: 100%;justify-content: center;}",t?":host([variant='brand']) [part~='button']"+n+",:host([variant='brand-outline']) [part~='button']"+n+",:host([variant='inverse']) [part~='button']"+n+",:host([variant='success']) [part~='button']"+n+",:host([variant='destructive']) [part~='button']"+n+",:host([variant='destructive-text']) [part~='button']":d+"[variant='brand'] [part~='button']"+n+","+d+"[variant='brand-outline'] [part~='button']"+n+","+d+"[variant='inverse'] [part~='button']"+n+","+d+"[variant='success'] [part~='button']"+n+","+d+"[variant='destructive'] [part~='button']"+n+","+d+"[variant='destructive-text'] [part~='button']",n," {justify-content: center;}",t?":host [part~='start']":d+" [part~='start']",n," {display: inline-flex;padding-inline-end: 0;}",t?":host [part~='end']":d+" [part~='end']",n," {display: inline-flex;padding-inline-start: 0;}",t?":host .kdds-assistive-text":d+" .kdds-assistive-text",n," {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;}",t?":host .kdds-button_reset":d+" .kdds-button_reset",n," {font-size: inherit;color: inherit;line-height: inherit;padding: 0;background: transparent;border: 0;text-align: inherit;}",t?":host [part~='button-icon']":d+" [part~='button-icon']",n," {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);}",t?":host [part~='button-icon']:hover":d+" [part~='button-icon']:hover",n," {--kdds-c-icon-color-foreground: var(\r\n --kdds-c-buttonicon-color-foreground-hover,\r\n var(--kdds-g-color-accent-3)\r\n );}",t?":host [part~='button-icon']:focus":d+" [part~='button-icon']:focus",n," {--kdds-c-icon-color-foreground: var(\r\n --kdds-c-buttonicon-color-foreground-focus,\r\n var(--kdds-g-color-accent-3)\r\n );}",t?":host [part~='button-icon']:active":d+" [part~='button-icon']:active",n," {--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;}",t?":host [part~='button-icon']:disabled":d+" [part~='button-icon']:disabled",n," {--kdds-c-icon-color-foreground: var(--kdds-g-color-disabled-1);--kds-c-button-color-background-disabled: transparent;}",t?":host([variant='bare']) [part~='button-icon']":d+"[variant='bare'] [part~='button-icon']",n," {--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;}",t?":host([variant='container']) [part~='button-icon']":d+"[variant='container'] [part~='button-icon']",n," {--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;}",t?":host([variant='brand']) [part~='button-icon']":d+"[variant='brand'] [part~='button-icon']",n," {--kdds-c-icon-color-foreground: var(--kdds-g-color-on-accent-1);}",t?":host([variant='bare-inverse']) [part~='button-icon']":d+"[variant='bare-inverse'] [part~='button-icon']",n," {--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;}",t?":host([variant='border-inverse']) [part~='button-icon']":d+"[variant='border-inverse'] [part~='button-icon']",n," {--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);}",t?":host([variant='border-filled']) [part~='button-icon']":d+"[variant='border-filled'] [part~='button-icon']",n," {--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);}",t?":host([variant='border-filled']) [part~='button-icon']:disabled":d+"[variant='border-filled'] [part~='button-icon']:disabled",n," {--kds-c-button-color-background-disabled: var(--kdds-g-color-disabled-container-1);}",t?":host([size='xx-small']) [part~='button-icon']":d+"[size='xx-small'] [part~='button-icon']",n," {--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);}",t?":host([size='x-small']) [part~='button-icon']":d+"[size='x-small'] [part~='button-icon']",n," {--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);}",t?":host([size='small']) [part~='button-icon']":d+"[size='small'] [part~='button-icon']",n," {--kds-c-button-sizing-height: var(--kdds-g-sizing-7);--kds-c-button-sizing-width: var(--kdds-g-sizing-7);}",t?":host([size='large']) [part~='button-icon']":d+"[size='large'] [part~='button-icon']",n," {--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);}",t?":host([size='x-small'][variant='bare']) [part~='button-icon']":d+"[variant='bare'][size='x-small'] [part~='button-icon']",n," {--kdds-c-buttonicon-spacing-block: 0;--kdds-c-buttonicon-spacing-inline: 0;--kdds-c-icon-sizing: var(--kdds-g-sizing-3);}",t?":host([size='small'][variant='bare']) [part~='button-icon']":d+"[variant='bare'][size='small'] [part~='button-icon']",n," {--kdds-c-buttonicon-spacing-block: 0;--kdds-c-buttonicon-spacing-inline: 0;--kdds-c-icon-sizing: var(--kdds-g-sizing-4);}",t?":host([size='large'][variant='bare']) [part~='button-icon']"+n+",:host([size='large'][variant='bare-inverse']) [part~='button-icon']":d+"[variant='bare'][size='large'] [part~='button-icon']"+n+","+d+"[variant='bare-inverse'][size='large'] [part~='button-icon']",n," {--kds-c-button-sizing-height: auto;--kds-c-button-sizing-width: auto;}",t?":host [part='end']":d+" [part='end']",n," {padding-inline-start: 0;}",t?":host .kdds-assistive-text":d+" .kdds-assistive-text",n," {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;}",t?":host([size='large']) [part~='button-icon']"+n+",:host([size='medium']) [part~='button-icon']":d+"[size='large'] [part~='button-icon']"+n+","+d+"[size='medium'] [part~='button-icon']",n," {height: var(--kdds-c-buttonicon-sizing-height, var(--kdds-g-sizing-9));}"].join("")}],[function(r,t,o){var n=r?"["+r+"]":"",d=r?"["+r+"-host]":"";return(t?":host .kdds-docked-form-footer":d+" .kdds-docked-form-footer")+n+" {display: flex;-webkit-box-pack: center;justify-content: center;padding: var(--kdds-g-spacing-2) 0;position: fixed;bottom: 0;left: 0;width: 100%;background: var(--kdds-g-color-neutral-base-95);box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.16%);z-index: 8000;}"+(t?":host .kdds-button_brand":d+" .kdds-button_brand")+n+" {position: relative;display: inline-flex;align-items: center;padding-block: 0;padding-inline: var(--kdds-g-spacing-4);background: none;background-color: var(--kdds-g-color-accent-container-1);background-clip: border-box;border-color: var(--kdds-g-color-border-accent-1);border-style: solid;border-width: var(--kdds-g-sizing-border-1);border-radius: var(--kdds-g-radius-border-2);line-height: calc(var(--kdds-g-sizing-8) + var(--kdds-g-sizing-1));color: var(--kdds-c-button-brand-text-color, var(--kdds-g-color-neutral-base-100));margin-inline-start: var(--kdds-g-spacing-1);}"+(t?":host .kdds-button_brand:hover"+n+",:host \r.kdds-button_brand:focus"+n+",:host \r.kdds-button_brand:active":d+" .kdds-button_brand:hover"+n+","+d+" \r.kdds-button_brand:focus"+n+","+d+" \r.kdds-button_brand:active")+n+" {background-color: var(--kdds-g-color-accent-container-2);border-color: var(--kdds-g-color-border-accent-2);}"+(t?":host .kdds-button_icon-error":d+" .kdds-button_icon-error")+n+" {line-height: 1;vertical-align: middle;justify-content: center;color: var(--kdds-s-button-color, var(--kdds-g-color-on-surface-1));flex-shrink: 0;padding: 0;}"+(t?":host .kdds-button.kdds-button_icon":d+" .kdds-button.kdds-button_icon")+n+" {border: none;}"}]]];const h=r`<span class="kdds-assistive-text${0}"${2}>${"t1"}</span>`;function p(r,t,o,n){const{ncls:d,ti:a,b:s,c:e,d:u,sp:b,st:i,h:l}=r,{_m0:k}=n;return[l("button",{className:d(t.computedButtonClass),attrs:{part:"button button-icon","data-trigger":"true",tabindex:a(t.internalTabIndex),"aria-haspopup":"dialog"},ref:"trigger",key:0,on:k||(n._m0={mouseover:s(t.handleMouseOver),mouseout:s(t.handleMouseOut),click:s(t.handleClick)})},[e("kd-icon",c,{props:{iconName:t.computedHeaderIconName,variant:t.variant,size:t.size},key:1}),t.alternativeText?i(h,3,[b(1,null,u(t.alternativeText))]):null])]}var f=t(p);p.hasRefs=!0,p.stylesheets=[],p.stylesheetToken="kwc-2qhtfq68enm",p.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\primitiveDatatableTooltip-undefined_primitiveDatatableTooltip",g&&p.stylesheets.push.apply(p.stylesheets,g),o(p);const x=u?n("kingdee-primitive-datatable-tooltip-bubble",{is:l}):null;u&&(x.style.setProperty("--kdds-c-popover-position-zindex",9500),x.style.position="absolute",x.style.minWidth="75px");const m={horizontal:"left",vertical:"bottom"},w={horizontal:0,vertical:0};class z extends v{constructor(...r){super(...r),this.header="",this.content=[],this.size="medium",this.trigger="click",this.hideCloseButton=!1,this.variant="bare",this.alternativeText=void 0,this.internalTabIndex=void 0,this._uniqueId=`primitive-datatable-tooltip_${b()}`,this._showErrorButton=!1,this._offset=w,this.handleBrowserEvent=i(()=>{this._showErrorBubble&&this.isBubbleAttachedToTrigger()&&this.setBubblePosition()}),this.handleBubbleClose=r=>{x.removeEventListener("close",this.handleBubbleClose),r.detail.anchor===this._uniqueId&&(this.hideBubble(),"bubbleLoseFocus"!==r.detail.reason&&this.triggerElement.focus())}}connectedCallback(){super.connectedCallback(),u&&(window.addEventListener("resize",this.handleBrowserEvent,!1),window.addEventListener("scroll",this.handleBrowserEvent,!0))}disconnectedCallback(){window.removeEventListener("resize",this.handleBrowserEvent,!1),window.removeEventListener("scroll",this.handleBrowserEvent,!0);const r=x;r.removeEventListener("close",this.handleBubbleClose),this._showErrorBubble&&(this._showErrorBubble=!1,r.visible=!1)}get offset(){return this._offset}set offset(r){this._offset={...w,...r}}focus(){this.triggerElement.focus()}get computedButtonClass(){const r=k("kdds-button").add("kdds-button_icon");return r.add({"kdds-button_icon-error":"error"===this.variant}),r.toString()}get computedHeaderIconName(){switch(this.variant){case"error":return"kdfont-jinzhi";case"warning":return"kdfont-jinggao";default:return"kdfont-tishi4"}}get triggerElement(){return this.refs.trigger}handleMouseOver(){"hover"===this.trigger&&this.showBubble()}handleMouseOut(){"hover"===this.trigger&&(this.hideBubble(),this.triggerElement.focus())}handleClick(r){r.preventDefault(),"click"===this.trigger&&(this._showErrorBubble&&this.isBubbleAttachedToTrigger()?this.hideBubble():this.showBubble())}showBubble(){this._showErrorBubble=!0;const r=x;this.initBubble(),this.setBubblePosition(),r.visible=!0,setTimeout(()=>{r.focus()},100)}hideBubble(){this._showErrorBubble=!1;x.visible=!1,setTimeout(()=>{this.focus()},25)}isBubbleAttachedToTrigger(){return x.anchor===this._uniqueId}getTriggerBoundingRect(){return this.triggerElement?this.triggerElement.getBoundingClientRect():null}calculateShiftAmounts(){if(void 0===this.shiftAmounts){const r=x;r.style.top=0,r.style.left=0,r.style.bottom=null,r.style.right=null;const t=this.getTriggerBoundingRect(),o=window.getComputedStyle(r,":before")||r.style;this.shiftAmounts=function(r,t){const o=parseInt(r.left,10)||-1,n=parseInt(r.right,10)||-1;let d=o<n?o:n;return d<0&&o<0&&n>0&&(d=n),d<0&&n<0&&o>0&&(d=o),{horizontal:d-t/2,vertical:parseInt(r.height,10)}}(o,t.width)}}initBubble(){const r=x;r.anchor=this._uniqueId,r.content=this.content,r.header=this.header,r.variant=this.variant,r.hideCloseButton=this.hideCloseButton,r.addEventListener("close",this.handleBubbleClose),null===r.parentNode&&document.body.appendChild(r),this.calculateShiftAmounts()}setBubblePosition(){const r=document.documentElement,t=x,o=function(r,t,o,n,d,a,s,e){const c={},u={horizontal:o.horizontal,vertical:o.vertical},b={top:null,right:null,bottom:null,left:null};c.right=r.left+t.width>a,c.left=r.right-t.width<0,c.top=r.top-(t.height+n.vertical)<0,c.bottom=r.bottom+t.height+n.vertical>d,c.right&&(u.horizontal="right",b.right=a-r.right),c.left&&(u.horizontal="left",b.left=r.right),c.top&&(u.vertical="top",b.top=r.bottom),c.bottom&&(u.vertical="bottom",b.bottom=d-r.top);const i={align:u};return b.bottom=b.top||0===b.top?null:d-r.top,b.left=b.right||0===b.right?null:r.left,i.top=b.top?`${b.top+n.vertical+e}px`:b.top,i.right=b.right?b.right-n.horizontal-s+"px":b.right,i.bottom=b.bottom?b.bottom+n.vertical-e+"px":b.bottom,i.left=b.left?`${b.left-n.horizontal+s}px`:b.left,i}(this.getTriggerBoundingRect(),t.getBoundingClientRect(),m,this.shiftAmounts,r.clientHeight||window.innerHeight,r.clientWidth||window.innerWidth,window.pageXOffset+this.offset.horizontal,window.pageYOffset+this.offset.vertical);t.align=o.align,t.style.top=o.top,t.style.right=o.right,t.style.bottom=o.bottom,t.style.left=o.left}}d(z,{publicProps:{header:{config:0},content:{config:0},size:{config:0},trigger:{config:0},hideCloseButton:{config:0},variant:{config:0},alternativeText:{config:0},internalTabIndex:{config:0},offset:{config:3}},publicMethods:["focus","showBubble"],track:{_offset:1},fields:["_uniqueId","_showErrorButton","handleBrowserEvent","handleBubbleClose"]});const B=a(z,{tmpl:f,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\primitiveDatatableTooltip-",apiVersion:63});export{B as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{parseFragment as o,registerTemplate as d,freezeTemplate as r,registerDecorators as s,registerComponent as e}from"@kdcloudjs/kwc";import{s as t}from"../kddsCommon-CucK_w70.js";import{s as i}from"../kddsUtilsTruncation-BkfKIyC_.js";import{s as n}from"../kddsUtilsGrid-CoXx1Bwj.js";import a from"./buttonIcon.js";import l from"./icon.js";import c from"./shadowBaseClassPrivate.js";import"../observable-tloG64m6.js";import"../i18n-B98kiI7M.js";import{m as k,S as p}from"../utilsPrivate-ekbvijnB.js";import{c as g}from"../classSet-DY6Qvt6E.js";import{b}from"../label-CY8Q8HAO.js";import"../client-Ddi3i8XR.js";import"../ssr-C2pjZzfv.js";import"../empty_html-CjXB8rB4.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";var v=[[t,[function(o,d,r){var s=o?"["+o+"]":"";return".kdds-clearfix"+s+":after {content: '';display: table;clear: both;}.kdds-float_left"+s+" {float: left;}.kdds-float_none"+s+" {float: none;}.kdds-float_right"+s+" {float: right;}"}],i,n,[function(o,d,r){var s=o?"["+o+"]":"",e=o?"["+o+"-host]":"";return(d?":host .kdds-popover":e+" .kdds-popover")+s+" {position: relative;border-radius: var(--kdds-g-radius-border-2);width: var(--kdds-g-sizing-15);min-height: calc(var(--kdds-g-sizing-5) * 2);z-index: var(--kdds-c-popover-position-zindex, 6000);background-color: var(--kdds-c-popover-color-background, var(--kdds-g-color-surface-container-1));display: inline-block;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 16%);border: var(--kdds-g-sizing-border-1) solid var(--kdds-g-color-border-1);}"+(d?":host .kdds-popover_edit":e+" .kdds-popover_edit")+s+" {border-block-start: 0;border-start-start-radius: 0;border-start-end-radius: 0;}"+(d?":host .kdds-popover_edit":e+" .kdds-popover_edit")+s+" .kdds-popover__body"+s+" {padding: var(--kdds-g-spacing-1);padding-inline-start: 0;}"+(d?":host .kdds-popover__meta":e+" .kdds-popover__meta")+s+" {margin-block-end: var(--kdds-g-sizing-4);}"+(d?":host .kdds-popover__body":e+" .kdds-popover__body")+s+" {padding-block: var(--kdds-g-spacing-2);padding-inline: var(--kdds-g-spacing-3);}"+(d?":host .kdds-popover__body":e+" .kdds-popover__body")+s+" .kdds-popover__header"+s+" {padding-block: 0 var(--kdds-g-sizing-3);padding-inline: 0;}"+(d?":host .kdds-popover__body"+s+",:host \r.kdds-popover__header"+s+",:host \r.kdds-popover__footer":e+" .kdds-popover__body"+s+","+e+" \r.kdds-popover__header"+s+","+e+" \r.kdds-popover__footer")+s+" {position: relative;padding-block: var(--kdds-g-spacing-2);padding-inline: var(--kdds-g-spacing-3);word-wrap: break-word;}"+(d?":host .kdds-popover__header":e+" .kdds-popover__header")+s+" {border-bottom: 0;}"+(d?":host .kdds-popover__footer":e+" .kdds-popover__footer")+s+" {border-block-start: var(--kdds-g-sizing-border-1) solid var(--kdds-g-color-border-1);background-color: var(--kdds-g-color-surface-container-2);border-end-start-radius: inherit;border-end-end-radius: inherit;padding-block: var(--kdds-g-spacing-2);padding-inline: var(--kdds-g-spacing-3);}"+(d?":host .kdds-popover__footer_form":e+" .kdds-popover__footer_form")+s+" {text-align: center;background: var(--kdds-g-color-surface-container-2);border-radius: 0 0 var(--kdds-g-radius-border-2) var(--kdds-g-radius-border-2);}"+(d?":host .kdds-popover__body_small":e+" .kdds-popover__body_small")+s+" {max-height: var(--kdds-g-sizing-14);overflow-y: auto;}"+(d?":host .kdds-popover__close":e+" .kdds-popover__close")+s+" {position: relative;margin-block: var(--kdds-g-spacing-1);margin-inline: var(--kdds-g-spacing-1);z-index: calc(var(--kdds-c-popover-position-zindex, 6000) + 1);}"+(d?":host .kdds-popover_small":e+" .kdds-popover_small")+s+" {max-width: var(--kdds-g-sizing-14);}"+(d?":host .kdds-popover_medium":e+" .kdds-popover_medium")+s+" {min-width: var(--kdds-g-sizing-15);}"+(d?":host .kdds-popover_large":e+" .kdds-popover_large")+s+" {min-width: 25rem;max-width: 512px;}"+(d?":host .kdds-popover[class*='theme_']":e+" .kdds-popover[class*='theme_']")+s+" {border: 0;}"+(d?":host .kdds-popover":e+" .kdds-popover")+s+" *:last-child"+s+" {margin-bottom: 0;}"+(d?":host .kdds-popover_full-width":e+" .kdds-popover_full-width")+s+" {width: 100%;}"+(d?":host .kdds-popover_hide":e+" .kdds-popover_hide")+s+" {display: none;}"+(d?":host .kdds-popover_dark":e+" .kdds-popover_dark")+s+" {background-color: var(--kdds-g-color-accent-container-3);color: var(--kdds-g-color-on-accent-1);}"+(d?":host .kdds-popover_dark":e+" .kdds-popover_dark")+s+" .kdds-badge"+s+" {background-color: var(--kdds-g-color-surface-container-1);}"+(d?":host .kdds-popover_dark":e+" .kdds-popover_dark")+s+" .kdds-popover__close"+s+" {color: var(--kdds-g-color-on-accent-1);}"+(d?":host .kdds-popover_dark":e+" .kdds-popover_dark")+s+" .kdds-icon-text-default"+s+" {fill: var(--kdds-g-color-on-accent-1);}"+(d?":host .kdds-popover_dark":e+" .kdds-popover_dark")+s+" .kdds-popover__footer"+s+" {border-top-color: var(--kdds-g-color-border-accent-2);background-color: var(--kdds-g-color-on-accent-2);}"}],[function(o,d,r){var s=o?"["+o+"]":"",e=o?"["+o+"-host]":"";return(d?":host(.kdds-popover) {":e+".kdds-popover {")+"position: relative;border-radius: var(--kdds-g-radius-border-2);width: var(--kdds-g-sizing-15);min-height: var(--kdds-g-sizing-9);z-index: var(--kdds-c-popover-position-zindex, 6000);background-color: var(--kdds-c-popover-color-background, var(--kdds-g-color-surface-container-1));display: inline-block;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 16%);border: var(--kdds-g-sizing-border-1) solid var(--kdds-g-color-border-1);}"+(d?":host(.kdds-popover_error) .kdds-popover__header":e+".kdds-popover_error .kdds-popover__header")+s+" {background-color: var(--kdds-g-color-error-container-1);color: var(--kdds-g-color-on-error-1);padding-inline-start: var(--kdds-g-spacing-3);}"+(d?":host(.kdds-popover_error) .kdds-popover__close":e+".kdds-popover_error .kdds-popover__close")+s+" {--kdds-c-icon-color-foreground: var(--kdds-g-color-on-error-1);color: var(--kdds-g-color-on-error-1);}"+(d?":host(.kdds-popover_warning) .kdds-popover__header":e+".kdds-popover_warning .kdds-popover__header")+s+" {background-color: var(--kdds-g-color-warning-container-1);color: var(--kdds-g-color-on-warning-1);}"+(d?":host(.kdds-popover_error) .kdds-popover__body"+s+",:host(.kdds-popover_warning) .kdds-popover__body":e+".kdds-popover_error .kdds-popover__body"+s+","+e+".kdds-popover_warning .kdds-popover__body")+s+" {padding-inline-start: var(--kdds-g-spacing-7);}"+(d?":host(.kdds-popover_error) .kdds-popover__header"+s+",:host(.kdds-popover_warning) .kdds-popover__header":e+".kdds-popover_error .kdds-popover__header"+s+","+e+".kdds-popover_warning .kdds-popover__header")+s+" {border-start-start-radius: calc(var(--kdds-g-radius-border-2) - 1px);border-start-end-radius: calc(var(--kdds-g-radius-border-2) - 1px);border-end-start-radius: 0;border-end-end-radius: 0;}"+(d?":host .kdds-icon_container":e+" .kdds-icon_container")+s+" {--kdds-c-icon-color-foreground: var(--kdds-g-color-neutral-base-10);padding-block-start: var(\r\n --kdds-c-icon-spacing-blockstart,\r\n var(--kdds-c-icon-spacing-block, var(--kdds-c-icon-spacing, var(--kdds-s-icon-spacing)))\r\n );padding-block-end: var(\r\n --kdds-c-icon-spacing-blockend,\r\n var(--kdds-c-icon-spacing-block, var(--kdds-c-icon-spacing, var(--kdds-s-icon-spacing)))\r\n );padding-inline-start: var(\r\n --kdds-c-icon-spacing-inlinestart,\r\n var(--kdds-c-icon-spacing-inline, var(--kdds-c-icon-spacing, var(--kdds-s-icon-spacing)))\r\n );padding-inline-end: var(\r\n --kdds-c-icon-spacing-inlineend,\r\n var(--kdds-c-icon-spacing-inline, var(--kdds-c-icon-spacing, var(--kdds-s-icon-spacing)))\r\n );border-radius: var(--kdds-c-icon-radius-border, var(--kdds-s-icon-radius-border));border-width: var(--kdds-c-icon-sizing-border, var(--kdds-s-icon-sizing-border, 0));border-style: solid;border-color: var(--kdds-c-icon-color-border, var(--kdds-s-icon-color-border, transparent));background-color: var(--kdds-c-icon-color-background, var(--kdds-s-icon-color-background));display: inline-block;line-height: var(--kdds-g-font-lineheight-1);}"+(d?":host(.kdds-popover_error) .kdds-icon_container":e+".kdds-popover_error .kdds-icon_container")+s+" {--kdds-c-icon-color-foreground: var(--kdds-g-color-neutral-base-100);}"+(d?":host(.kdds-rise-from-ground) {":e+".kdds-rise-from-ground {")+"visibility: visible;opacity: 1;transform: translate(0%, 0%);transition:\r\n opacity 0.1s linear,\r\n visibility 0.1s linear,\r\n transform 0.1s linear;will-change: transform;}"+(d?":host(.kdds-fall-into-ground) {":e+".kdds-fall-into-ground {")+"visibility: hidden;opacity: 0;transform: translate(0%, 0%);transition:\r\n opacity 0.1s linear,\r\n visibility 0.1s linear,\r\n transform 0.1s linear;will-change: transform;}"+(d?":host(.kdds-popover_error.kdds-nubbin_top-left)::before,:host(.kdds-popover_error.kdds-nubbin_top-right)::before,:host(.kdds-popover_warning.kdds-nubbin_top-left)::before,:host(.kdds-popover_warning.kdds-nubbin_top-right)::before {":e+".kdds-nubbin_top-left.kdds-popover_error::before,"+e+".kdds-nubbin_top-right.kdds-popover_error::before,"+e+".kdds-nubbin_top-left.kdds-popover_warning::before,"+e+".kdds-nubbin_top-right.kdds-popover_warning::before {")+"background-color: var(--kdds-g-color-error-container-1);}"+(d?":host(.kdds-nubbin_top-left)::before {":e+".kdds-nubbin_top-left::before {")+"width: var(--kdds-g-sizing-5);height: var(--kdds-g-sizing-5);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;inset-inline-start: 50%;inset-block-start: calc(var(--kdds-g-sizing-3) * -1);margin-inline-start: calc(var(--kdds-g-sizing-3) * -1);}"+(d?":host(.kdds-nubbin_top-left)::after {":e+".kdds-nubbin_top-left::after {")+"width: var(--kdds-g-sizing-5);height: var(--kdds-g-sizing-5);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;inset-inline-start: 50%;inset-block-start: calc(var(--kdds-g-sizing-3) * -1);margin-inline-start: calc(var(--kdds-g-sizing-3) * -1);box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 16%);z-index: -1;}"+(d?":host(.kdds-nubbin_top-left)::before,:host(.kdds-nubbin_top-left)::after {":e+".kdds-nubbin_top-left::before,"+e+".kdds-nubbin_top-left::after {")+"inset-inline-start: var(--kdds-g-spacing-5);inset-block-start: calc(var(--kdds-g-sizing-3) * -1);}"+(d?":host(.kdds-nubbin_top-right)::before {":e+".kdds-nubbin_top-right::before {")+"width: var(--kdds-g-sizing-5);height: var(--kdds-g-sizing-5);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;inset-inline-start: 50%;inset-block-start: calc(var(--kdds-g-sizing-3) * -1);margin-inline-start: calc(var(--kdds-g-sizing-3) * -1);}"+(d?":host(.kdds-nubbin_top-right)::after {":e+".kdds-nubbin_top-right::after {")+"width: var(--kdds-g-sizing-5);height: var(--kdds-g-sizing-5);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;inset-inline-start: 50%;inset-block-start: calc(var(--kdds-g-sizing-3) * -1);margin-inline-start: calc(var(--kdds-g-sizing-3) * -1);box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 16%);z-index: -1;}"+(d?":host(.kdds-nubbin_top-right)::before,:host(.kdds-nubbin_top-right)::after {":e+".kdds-nubbin_top-right::before,"+e+".kdds-nubbin_top-right::after {")+"inset-inline-start: auto;inset-inline-end: var(--kdds-g-spacing-5);inset-block-start: calc(var(--kdds-g-sizing-3) * -1);margin-inline-end: calc(var(--kdds-g-sizing-3) * -1);}"+(d?":host(.kdds-nubbin_bottom-left)::before {":e+".kdds-nubbin_bottom-left::before {")+"width: var(--kdds-g-sizing-5);height: var(--kdds-g-sizing-5);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;inset-inline-start: 50%;inset-block-end: calc(var(--kdds-g-sizing-3) * -1);margin-inline-start: calc(var(--kdds-g-sizing-3) * -1);}"+(d?":host(.kdds-nubbin_bottom-left)::after {":e+".kdds-nubbin_bottom-left::after {")+"width: var(--kdds-g-sizing-5);height: var(--kdds-g-sizing-5);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;inset-inline-start: 50%;inset-block-end: calc(var(--kdds-g-sizing-3) * -1);margin-inline-start: calc(var(--kdds-g-sizing-3) * -1);box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 16%);z-index: -1;}"+(d?":host(.kdds-nubbin_bottom-left)::before,:host(.kdds-nubbin_bottom-left)::after {":e+".kdds-nubbin_bottom-left::before,"+e+".kdds-nubbin_bottom-left::after {")+"inset-inline-start: var(--kdds-g-spacing-5);inset-block-start: 100%;margin-block-start: calc(var(--kdds-g-sizing-3) * -1);}"+(d?":host(.kdds-nubbin_bottom-right)::before {":e+".kdds-nubbin_bottom-right::before {")+"width: var(--kdds-g-sizing-5);height: var(--kdds-g-sizing-5);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;inset-inline-start: 50%;inset-block-end: calc(var(--kdds-g-sizing-3) * -1);margin-inline-start: calc(var(--kdds-g-sizing-3) * -1);}"+(d?":host(.kdds-nubbin_bottom-right)::after {":e+".kdds-nubbin_bottom-right::after {")+"width: var(--kdds-g-sizing-5);height: var(--kdds-g-sizing-5);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;inset-inline-start: 50%;inset-block-end: calc(var(--kdds-g-sizing-3) * -1);margin-inline-start: calc(var(--kdds-g-sizing-3) * -1);box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 16%);z-index: -1;}"+(d?":host(.kdds-nubbin_bottom-right)::before,:host(.kdds-nubbin_bottom-right)::after {":e+".kdds-nubbin_bottom-right::before,"+e+".kdds-nubbin_bottom-right::after {")+"inset-inline-start: auto;inset-inline-end: var(--kdds-g-spacing-5);inset-block-start: 100%;margin-block-start: calc(var(--kdds-g-sizing-3) * -1);margin-inline-end: calc(var(--kdds-g-sizing-3) * -1);}"+(d?":host .kdds-media":e+" .kdds-media")+s+" {display: flex;align-items: flex-start;}"+(d?":host .kdds-media_center"+s+",:host \r.kdds-media--center":e+" .kdds-media_center"+s+","+e+" \r.kdds-media--center")+s+" {align-items: center;}"+(d?":host .kdds-media__figure":e+" .kdds-media__figure")+s+" {flex-shrink: 0;margin-inline-end: var(--kdds-g-spacing-3);}"+(d?":host .kdds-media__body":e+" .kdds-media__body")+s+" {flex: 1;min-width: 0;}"+(d?":host .kdds-text-heading_medium":e+" .kdds-text-heading_medium")+s+" {font-size: var(--kdds-g-font-scale-4);line-height: var(--kdds-g-font-lineheight-2);}"+s+"::part(button-icon) {--kdds-c-buttonicon-color-foreground: var(--kdds-g-color-on-surface-1);}"+(d?":host(.kdds-popover_warning) ":e+".kdds-popover_warning ")+s+"::part(button-icon) {--kdds-c-buttonicon-color-foreground-active: var(--kdds-g-color-neutral-base-50);--kdds-c-buttonicon-color-foreground-hover: var(--kdds-g-color-neutral-base-50);--kdds-c-buttonicon-color-foreground-focus: var(--kdds-g-color-neutral-base-30);--kdds-c-buttonicon-color-foreground: var(--kdds-g-color-neutral-base-30);}"+(d?":host(.kdds-popover_error) ":e+".kdds-popover_error ")+s+"::part(button-icon) {--kdds-c-buttonicon-color-foreground: var(--kdds-g-color-neutral-base-100);}"}]]];const h=o`<div class="kdds-media__body${0}"${2}><h2${"a1:id"} class="kdds-truncate kdds-text-heading_medium${0}"${"a1:title"}${2}>${"t2"}</h2></div>`,u=o`<li${3}>${"t1"}</li>`,_=[["outline","none",!1]],f={"kdds-float_right":!0,"kdds-popover__close":!0},m={"data-close":"true",exportparts:"button-icon"},y={classMap:{"kdds-popover__header":!0},key:2},z={classMap:{"kdds-media":!0,"kdds-media_center":!0,"kdds-has-flexi-truncate":!0},key:3},w={classMap:{"kdds-media__figure":!0},key:4},x={classMap:{"kdds-icon_container":!0,"kdds-icon-utility-ban":!0},key:5},B={"kdds-popover__body":!0,"kdds-popover__body_small":!0},C={styleDecls:[["list-style","disc",!1],["margin-left","1.5rem",!1]],key:10};function j(o,d,r,s){const{gid:e,b:t,c:i,h:n,d:c,sp:k,st:p,k:g,i:b,t:v}=o,{_m0:j,_m1:D}=s;return[n("section",{styleDecls:_,attrs:{role:"dialog","aria-describedby":e("primitive-datatable-tooltip-bubble-body-id"),"aria-labelledby":e("primitive-datatable-tooltip-bubble-header-id"),tabindex:"0"},key:0,on:j||(s._m0={focusout:t(d.handleBlur),keydown:t(d.handleBubbleKey)})},[d.hideCloseButton?null:i("kd-button-icon",a,{classMap:f,attrs:m,ref:"closeBtn",props:{iconName:"utility:close",variant:"bare-inverse",size:"small",alternativeText:d.i18n.closeButtonAssistiveText},key:1,on:D||(s._m1={click:t(d.handleCloseButtonClick),keydown:t(d.handleCloseButtonKey)})}),n("header",y,[n("div",z,[n("div",w,[n("span",x,[i("kd-icon",l,{props:{iconName:d.computedHeaderIconName,size:"x-small",variant:"inverse"},key:6})])]),p(h,8,[k(1,{attrs:{id:e("primitive-datatable-tooltip-bubble-header-id"),title:d.header}},null),k(2,null,c(d.header))])])]),n("div",{classMap:B,attrs:{id:e("primitive-datatable-tooltip-bubble-body-id")},key:9},[d.isContentList?n("ul",C,b(d.content,function(o,d){return p(u,g(12,o),[k(1,null,c(o))])})):null,d.isContentList?null:v(c(d.content))])])]}var D=d(j);j.hasRefs=!0,j.stylesheets=[],j.stylesheetToken="kwc-467kh4tdgqj",j.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\primitiveDatatableTooltipBubble-undefined_primitiveDatatableTooltipBubble",v&&j.stylesheets.push.apply(j.stylesheets,v),r(j);const L={closeButtonAssistiveText:b.closeButtonAssistiveText},T={horizontal:"left",vertical:"bottom"};class M extends c{constructor(...o){super(...o),this._inDom=!1,this._visible=!1,this._align=T,this.anchor=void 0,this.header="",this.content="",this.variant="bare",this.hideCloseButton=!1,this.handleBlur=o=>{(null===o.relatedTarget||!this.template.contains(o.relatedTarget))&&this.handleBubbleFocusLost()},this.handleBubbleFocusLost=()=>{this.dispatchCloseButtonEvent("bubbleLoseFocus")},this.handleBubbleKey=o=>{k.escape===o.keyCode&&this.dispatchCloseButtonEvent(),k.tab===o.keyCode&&(o.preventDefault(),o.stopPropagation(),this.focus())},this.handleCloseButtonClick=()=>{this.dispatchCloseButtonEvent()},this.handleCloseButtonKey=o=>{o.preventDefault(),o.stopPropagation();[k.enter,k.space,k.escape].includes(o.keyCode)&&this.dispatchCloseButtonEvent()}}connectedCallback(){super.connectedCallback(),this._inDOM=!0,this.updateClassList()}disconnectedCallback(){this._inDOM=!1}get align(){return this._align}set align(o){this._align=o,this._inDOM&&this.updateClassList()}get visible(){return this._visible}set visible(o){this._visible=o,this._inDOM&&this.updateClassList()}focus(){this.closeButton.focus()}get i18n(){return L}get isContentList(){return Array.isArray(this.content)}get computedHeaderIconName(){switch(this.variant){case"error":return"kdfont-jinzhi";case"warning":return"kdfont-jinggao";default:return"kdfont-tishi4"}}get closeButton(){return this.refs.closeBtn}updateClassList(){const o=g("kdds-popover");o.add({"kdds-popover_error":"error"===this.variant,"kdds-popover_warning":"warning"===this.variant}),o.add({"kdds-rise-from-ground":!0===this._visible,"kdds-fall-into-ground":!1===this._visible});const{horizontal:d,vertical:r}=this.align;o.add({"kdds-nubbin_top-left":"left"===d&&"top"===r,"kdds-nubbin_top-right":"right"===d&&"top"===r,"kdds-nubbin_bottom-left":"left"===d&&"bottom"===r,"kdds-nubbin_bottom-right":"right"===d&&"bottom"===r}),p(this.classList,o)}dispatchCloseButtonEvent(o){this.dispatchEvent(new CustomEvent("close",{detail:{reason:o||"userCloseBubble",anchor:this.anchor}}))}}s(M,{publicProps:{anchor:{config:0},header:{config:0},content:{config:0},variant:{config:0},hideCloseButton:{config:0},align:{config:3},visible:{config:3}},publicMethods:["focus"],track:{_align:1},fields:["_inDom","_visible","handleBlur","handleBubbleFocusLost","handleBubbleKey","handleCloseButtonClick","handleCloseButtonKey"]});const $=e(M,{tmpl:D,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\primitiveDatatableTooltipBubble-",apiVersion:63});export{$ as default};
|
|
1
|
+
import{parseFragment as o,registerTemplate as d,freezeTemplate as r,registerDecorators as s,registerComponent as e}from"@kdcloudjs/kwc";import{s as t}from"../kddsCommon-CucK_w70.js";import{s as i}from"../kddsUtilsTruncation-BkfKIyC_.js";import{s as n}from"../kddsUtilsGrid-CoXx1Bwj.js";import a from"./buttonIcon.js";import l from"./icon.js";import c from"./shadowBaseClassPrivate.js";import"../observable-tloG64m6.js";import"../i18n-B98kiI7M.js";import{u as k,S as p}from"../utilsPrivate-CI3EeA5x.js";import{c as g}from"../classSet-DY6Qvt6E.js";import{b}from"../label-CY8Q8HAO.js";import"../client-Ddi3i8XR.js";import"../ssr-C2pjZzfv.js";import"../empty_html-CjXB8rB4.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";var v=[[t,[function(o,d,r){var s=o?"["+o+"]":"";return".kdds-clearfix"+s+":after {content: '';display: table;clear: both;}.kdds-float_left"+s+" {float: left;}.kdds-float_none"+s+" {float: none;}.kdds-float_right"+s+" {float: right;}"}],i,n,[function(o,d,r){var s=o?"["+o+"]":"",e=o?"["+o+"-host]":"";return(d?":host .kdds-popover":e+" .kdds-popover")+s+" {position: relative;border-radius: var(--kdds-g-radius-border-2);width: var(--kdds-g-sizing-15);min-height: calc(var(--kdds-g-sizing-5) * 2);z-index: var(--kdds-c-popover-position-zindex, 6000);background-color: var(--kdds-c-popover-color-background, var(--kdds-g-color-surface-container-1));display: inline-block;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 16%);border: var(--kdds-g-sizing-border-1) solid var(--kdds-g-color-border-1);}"+(d?":host .kdds-popover_edit":e+" .kdds-popover_edit")+s+" {border-block-start: 0;border-start-start-radius: 0;border-start-end-radius: 0;}"+(d?":host .kdds-popover_edit":e+" .kdds-popover_edit")+s+" .kdds-popover__body"+s+" {padding: var(--kdds-g-spacing-1);padding-inline-start: 0;}"+(d?":host .kdds-popover__meta":e+" .kdds-popover__meta")+s+" {margin-block-end: var(--kdds-g-sizing-4);}"+(d?":host .kdds-popover__body":e+" .kdds-popover__body")+s+" {padding-block: var(--kdds-g-spacing-2);padding-inline: var(--kdds-g-spacing-3);}"+(d?":host .kdds-popover__body":e+" .kdds-popover__body")+s+" .kdds-popover__header"+s+" {padding-block: 0 var(--kdds-g-sizing-3);padding-inline: 0;}"+(d?":host .kdds-popover__body"+s+",:host \r.kdds-popover__header"+s+",:host \r.kdds-popover__footer":e+" .kdds-popover__body"+s+","+e+" \r.kdds-popover__header"+s+","+e+" \r.kdds-popover__footer")+s+" {position: relative;padding-block: var(--kdds-g-spacing-2);padding-inline: var(--kdds-g-spacing-3);word-wrap: break-word;}"+(d?":host .kdds-popover__header":e+" .kdds-popover__header")+s+" {border-bottom: 0;}"+(d?":host .kdds-popover__footer":e+" .kdds-popover__footer")+s+" {border-block-start: var(--kdds-g-sizing-border-1) solid var(--kdds-g-color-border-1);background-color: var(--kdds-g-color-surface-container-2);border-end-start-radius: inherit;border-end-end-radius: inherit;padding-block: var(--kdds-g-spacing-2);padding-inline: var(--kdds-g-spacing-3);}"+(d?":host .kdds-popover__footer_form":e+" .kdds-popover__footer_form")+s+" {text-align: center;background: var(--kdds-g-color-surface-container-2);border-radius: 0 0 var(--kdds-g-radius-border-2) var(--kdds-g-radius-border-2);}"+(d?":host .kdds-popover__body_small":e+" .kdds-popover__body_small")+s+" {max-height: var(--kdds-g-sizing-14);overflow-y: auto;}"+(d?":host .kdds-popover__close":e+" .kdds-popover__close")+s+" {position: relative;margin-block: var(--kdds-g-spacing-1);margin-inline: var(--kdds-g-spacing-1);z-index: calc(var(--kdds-c-popover-position-zindex, 6000) + 1);}"+(d?":host .kdds-popover_small":e+" .kdds-popover_small")+s+" {max-width: var(--kdds-g-sizing-14);}"+(d?":host .kdds-popover_medium":e+" .kdds-popover_medium")+s+" {min-width: var(--kdds-g-sizing-15);}"+(d?":host .kdds-popover_large":e+" .kdds-popover_large")+s+" {min-width: 25rem;max-width: 512px;}"+(d?":host .kdds-popover[class*='theme_']":e+" .kdds-popover[class*='theme_']")+s+" {border: 0;}"+(d?":host .kdds-popover":e+" .kdds-popover")+s+" *:last-child"+s+" {margin-bottom: 0;}"+(d?":host .kdds-popover_full-width":e+" .kdds-popover_full-width")+s+" {width: 100%;}"+(d?":host .kdds-popover_hide":e+" .kdds-popover_hide")+s+" {display: none;}"+(d?":host .kdds-popover_dark":e+" .kdds-popover_dark")+s+" {background-color: var(--kdds-g-color-accent-container-3);color: var(--kdds-g-color-on-accent-1);}"+(d?":host .kdds-popover_dark":e+" .kdds-popover_dark")+s+" .kdds-badge"+s+" {background-color: var(--kdds-g-color-surface-container-1);}"+(d?":host .kdds-popover_dark":e+" .kdds-popover_dark")+s+" .kdds-popover__close"+s+" {color: var(--kdds-g-color-on-accent-1);}"+(d?":host .kdds-popover_dark":e+" .kdds-popover_dark")+s+" .kdds-icon-text-default"+s+" {fill: var(--kdds-g-color-on-accent-1);}"+(d?":host .kdds-popover_dark":e+" .kdds-popover_dark")+s+" .kdds-popover__footer"+s+" {border-top-color: var(--kdds-g-color-border-accent-2);background-color: var(--kdds-g-color-on-accent-2);}"}],[function(o,d,r){var s=o?"["+o+"]":"",e=o?"["+o+"-host]":"";return(d?":host(.kdds-popover) {":e+".kdds-popover {")+"position: relative;border-radius: var(--kdds-g-radius-border-2);width: var(--kdds-g-sizing-15);min-height: var(--kdds-g-sizing-9);z-index: var(--kdds-c-popover-position-zindex, 6000);background-color: var(--kdds-c-popover-color-background, var(--kdds-g-color-surface-container-1));display: inline-block;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 16%);border: var(--kdds-g-sizing-border-1) solid var(--kdds-g-color-border-1);}"+(d?":host(.kdds-popover_error) .kdds-popover__header":e+".kdds-popover_error .kdds-popover__header")+s+" {background-color: var(--kdds-g-color-error-container-1);color: var(--kdds-g-color-on-error-1);padding-inline-start: var(--kdds-g-spacing-3);}"+(d?":host(.kdds-popover_error) .kdds-popover__close":e+".kdds-popover_error .kdds-popover__close")+s+" {--kdds-c-icon-color-foreground: var(--kdds-g-color-on-error-1);color: var(--kdds-g-color-on-error-1);}"+(d?":host(.kdds-popover_warning) .kdds-popover__header":e+".kdds-popover_warning .kdds-popover__header")+s+" {background-color: var(--kdds-g-color-warning-container-1);color: var(--kdds-g-color-on-warning-1);}"+(d?":host(.kdds-popover_error) .kdds-popover__body"+s+",:host(.kdds-popover_warning) .kdds-popover__body":e+".kdds-popover_error .kdds-popover__body"+s+","+e+".kdds-popover_warning .kdds-popover__body")+s+" {padding-inline-start: var(--kdds-g-spacing-7);}"+(d?":host(.kdds-popover_error) .kdds-popover__header"+s+",:host(.kdds-popover_warning) .kdds-popover__header":e+".kdds-popover_error .kdds-popover__header"+s+","+e+".kdds-popover_warning .kdds-popover__header")+s+" {border-start-start-radius: calc(var(--kdds-g-radius-border-2) - 1px);border-start-end-radius: calc(var(--kdds-g-radius-border-2) - 1px);border-end-start-radius: 0;border-end-end-radius: 0;}"+(d?":host .kdds-icon_container":e+" .kdds-icon_container")+s+" {--kdds-c-icon-color-foreground: var(--kdds-g-color-neutral-base-10);padding-block-start: var(\r\n --kdds-c-icon-spacing-blockstart,\r\n var(--kdds-c-icon-spacing-block, var(--kdds-c-icon-spacing, var(--kdds-s-icon-spacing)))\r\n );padding-block-end: var(\r\n --kdds-c-icon-spacing-blockend,\r\n var(--kdds-c-icon-spacing-block, var(--kdds-c-icon-spacing, var(--kdds-s-icon-spacing)))\r\n );padding-inline-start: var(\r\n --kdds-c-icon-spacing-inlinestart,\r\n var(--kdds-c-icon-spacing-inline, var(--kdds-c-icon-spacing, var(--kdds-s-icon-spacing)))\r\n );padding-inline-end: var(\r\n --kdds-c-icon-spacing-inlineend,\r\n var(--kdds-c-icon-spacing-inline, var(--kdds-c-icon-spacing, var(--kdds-s-icon-spacing)))\r\n );border-radius: var(--kdds-c-icon-radius-border, var(--kdds-s-icon-radius-border));border-width: var(--kdds-c-icon-sizing-border, var(--kdds-s-icon-sizing-border, 0));border-style: solid;border-color: var(--kdds-c-icon-color-border, var(--kdds-s-icon-color-border, transparent));background-color: var(--kdds-c-icon-color-background, var(--kdds-s-icon-color-background));display: inline-block;line-height: var(--kdds-g-font-lineheight-1);}"+(d?":host(.kdds-popover_error) .kdds-icon_container":e+".kdds-popover_error .kdds-icon_container")+s+" {--kdds-c-icon-color-foreground: var(--kdds-g-color-neutral-base-100);}"+(d?":host(.kdds-rise-from-ground) {":e+".kdds-rise-from-ground {")+"visibility: visible;opacity: 1;transform: translate(0%, 0%);transition:\r\n opacity 0.1s linear,\r\n visibility 0.1s linear,\r\n transform 0.1s linear;will-change: transform;}"+(d?":host(.kdds-fall-into-ground) {":e+".kdds-fall-into-ground {")+"visibility: hidden;opacity: 0;transform: translate(0%, 0%);transition:\r\n opacity 0.1s linear,\r\n visibility 0.1s linear,\r\n transform 0.1s linear;will-change: transform;}"+(d?":host(.kdds-popover_error.kdds-nubbin_top-left)::before,:host(.kdds-popover_error.kdds-nubbin_top-right)::before,:host(.kdds-popover_warning.kdds-nubbin_top-left)::before,:host(.kdds-popover_warning.kdds-nubbin_top-right)::before {":e+".kdds-nubbin_top-left.kdds-popover_error::before,"+e+".kdds-nubbin_top-right.kdds-popover_error::before,"+e+".kdds-nubbin_top-left.kdds-popover_warning::before,"+e+".kdds-nubbin_top-right.kdds-popover_warning::before {")+"background-color: var(--kdds-g-color-error-container-1);}"+(d?":host(.kdds-nubbin_top-left)::before {":e+".kdds-nubbin_top-left::before {")+"width: var(--kdds-g-sizing-5);height: var(--kdds-g-sizing-5);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;inset-inline-start: 50%;inset-block-start: calc(var(--kdds-g-sizing-3) * -1);margin-inline-start: calc(var(--kdds-g-sizing-3) * -1);}"+(d?":host(.kdds-nubbin_top-left)::after {":e+".kdds-nubbin_top-left::after {")+"width: var(--kdds-g-sizing-5);height: var(--kdds-g-sizing-5);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;inset-inline-start: 50%;inset-block-start: calc(var(--kdds-g-sizing-3) * -1);margin-inline-start: calc(var(--kdds-g-sizing-3) * -1);box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 16%);z-index: -1;}"+(d?":host(.kdds-nubbin_top-left)::before,:host(.kdds-nubbin_top-left)::after {":e+".kdds-nubbin_top-left::before,"+e+".kdds-nubbin_top-left::after {")+"inset-inline-start: var(--kdds-g-spacing-5);inset-block-start: calc(var(--kdds-g-sizing-3) * -1);}"+(d?":host(.kdds-nubbin_top-right)::before {":e+".kdds-nubbin_top-right::before {")+"width: var(--kdds-g-sizing-5);height: var(--kdds-g-sizing-5);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;inset-inline-start: 50%;inset-block-start: calc(var(--kdds-g-sizing-3) * -1);margin-inline-start: calc(var(--kdds-g-sizing-3) * -1);}"+(d?":host(.kdds-nubbin_top-right)::after {":e+".kdds-nubbin_top-right::after {")+"width: var(--kdds-g-sizing-5);height: var(--kdds-g-sizing-5);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;inset-inline-start: 50%;inset-block-start: calc(var(--kdds-g-sizing-3) * -1);margin-inline-start: calc(var(--kdds-g-sizing-3) * -1);box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 16%);z-index: -1;}"+(d?":host(.kdds-nubbin_top-right)::before,:host(.kdds-nubbin_top-right)::after {":e+".kdds-nubbin_top-right::before,"+e+".kdds-nubbin_top-right::after {")+"inset-inline-start: auto;inset-inline-end: var(--kdds-g-spacing-5);inset-block-start: calc(var(--kdds-g-sizing-3) * -1);margin-inline-end: calc(var(--kdds-g-sizing-3) * -1);}"+(d?":host(.kdds-nubbin_bottom-left)::before {":e+".kdds-nubbin_bottom-left::before {")+"width: var(--kdds-g-sizing-5);height: var(--kdds-g-sizing-5);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;inset-inline-start: 50%;inset-block-end: calc(var(--kdds-g-sizing-3) * -1);margin-inline-start: calc(var(--kdds-g-sizing-3) * -1);}"+(d?":host(.kdds-nubbin_bottom-left)::after {":e+".kdds-nubbin_bottom-left::after {")+"width: var(--kdds-g-sizing-5);height: var(--kdds-g-sizing-5);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;inset-inline-start: 50%;inset-block-end: calc(var(--kdds-g-sizing-3) * -1);margin-inline-start: calc(var(--kdds-g-sizing-3) * -1);box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 16%);z-index: -1;}"+(d?":host(.kdds-nubbin_bottom-left)::before,:host(.kdds-nubbin_bottom-left)::after {":e+".kdds-nubbin_bottom-left::before,"+e+".kdds-nubbin_bottom-left::after {")+"inset-inline-start: var(--kdds-g-spacing-5);inset-block-start: 100%;margin-block-start: calc(var(--kdds-g-sizing-3) * -1);}"+(d?":host(.kdds-nubbin_bottom-right)::before {":e+".kdds-nubbin_bottom-right::before {")+"width: var(--kdds-g-sizing-5);height: var(--kdds-g-sizing-5);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;inset-inline-start: 50%;inset-block-end: calc(var(--kdds-g-sizing-3) * -1);margin-inline-start: calc(var(--kdds-g-sizing-3) * -1);}"+(d?":host(.kdds-nubbin_bottom-right)::after {":e+".kdds-nubbin_bottom-right::after {")+"width: var(--kdds-g-sizing-5);height: var(--kdds-g-sizing-5);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;inset-inline-start: 50%;inset-block-end: calc(var(--kdds-g-sizing-3) * -1);margin-inline-start: calc(var(--kdds-g-sizing-3) * -1);box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 16%);z-index: -1;}"+(d?":host(.kdds-nubbin_bottom-right)::before,:host(.kdds-nubbin_bottom-right)::after {":e+".kdds-nubbin_bottom-right::before,"+e+".kdds-nubbin_bottom-right::after {")+"inset-inline-start: auto;inset-inline-end: var(--kdds-g-spacing-5);inset-block-start: 100%;margin-block-start: calc(var(--kdds-g-sizing-3) * -1);margin-inline-end: calc(var(--kdds-g-sizing-3) * -1);}"+(d?":host .kdds-media":e+" .kdds-media")+s+" {display: flex;align-items: flex-start;}"+(d?":host .kdds-media_center"+s+",:host \r.kdds-media--center":e+" .kdds-media_center"+s+","+e+" \r.kdds-media--center")+s+" {align-items: center;}"+(d?":host .kdds-media__figure":e+" .kdds-media__figure")+s+" {flex-shrink: 0;margin-inline-end: var(--kdds-g-spacing-3);}"+(d?":host .kdds-media__body":e+" .kdds-media__body")+s+" {flex: 1;min-width: 0;}"+(d?":host .kdds-text-heading_medium":e+" .kdds-text-heading_medium")+s+" {font-size: var(--kdds-g-font-scale-4);line-height: var(--kdds-g-font-lineheight-2);}"+s+"::part(button-icon) {--kdds-c-buttonicon-color-foreground: var(--kdds-g-color-on-surface-1);}"+(d?":host(.kdds-popover_warning) ":e+".kdds-popover_warning ")+s+"::part(button-icon) {--kdds-c-buttonicon-color-foreground-active: var(--kdds-g-color-neutral-base-50);--kdds-c-buttonicon-color-foreground-hover: var(--kdds-g-color-neutral-base-50);--kdds-c-buttonicon-color-foreground-focus: var(--kdds-g-color-neutral-base-30);--kdds-c-buttonicon-color-foreground: var(--kdds-g-color-neutral-base-30);}"+(d?":host(.kdds-popover_error) ":e+".kdds-popover_error ")+s+"::part(button-icon) {--kdds-c-buttonicon-color-foreground: var(--kdds-g-color-neutral-base-100);}"}]]];const h=o`<div class="kdds-media__body${0}"${2}><h2${"a1:id"} class="kdds-truncate kdds-text-heading_medium${0}"${"a1:title"}${2}>${"t2"}</h2></div>`,u=o`<li${3}>${"t1"}</li>`,_=[["outline","none",!1]],f={"kdds-float_right":!0,"kdds-popover__close":!0},m={"data-close":"true",exportparts:"button-icon"},y={classMap:{"kdds-popover__header":!0},key:2},z={classMap:{"kdds-media":!0,"kdds-media_center":!0,"kdds-has-flexi-truncate":!0},key:3},w={classMap:{"kdds-media__figure":!0},key:4},x={classMap:{"kdds-icon_container":!0,"kdds-icon-utility-ban":!0},key:5},B={"kdds-popover__body":!0,"kdds-popover__body_small":!0},C={styleDecls:[["list-style","disc",!1],["margin-left","1.5rem",!1]],key:10};function j(o,d,r,s){const{gid:e,b:t,c:i,h:n,d:c,sp:k,st:p,k:g,i:b,t:v}=o,{_m0:j,_m1:D}=s;return[n("section",{styleDecls:_,attrs:{role:"dialog","aria-describedby":e("primitive-datatable-tooltip-bubble-body-id"),"aria-labelledby":e("primitive-datatable-tooltip-bubble-header-id"),tabindex:"0"},key:0,on:j||(s._m0={focusout:t(d.handleBlur),keydown:t(d.handleBubbleKey)})},[d.hideCloseButton?null:i("kd-button-icon",a,{classMap:f,attrs:m,ref:"closeBtn",props:{iconName:"utility:close",variant:"bare-inverse",size:"small",alternativeText:d.i18n.closeButtonAssistiveText},key:1,on:D||(s._m1={click:t(d.handleCloseButtonClick),keydown:t(d.handleCloseButtonKey)})}),n("header",y,[n("div",z,[n("div",w,[n("span",x,[i("kd-icon",l,{props:{iconName:d.computedHeaderIconName,size:"x-small",variant:"inverse"},key:6})])]),p(h,8,[k(1,{attrs:{id:e("primitive-datatable-tooltip-bubble-header-id"),title:d.header}},null),k(2,null,c(d.header))])])]),n("div",{classMap:B,attrs:{id:e("primitive-datatable-tooltip-bubble-body-id")},key:9},[d.isContentList?n("ul",C,b(d.content,function(o,d){return p(u,g(12,o),[k(1,null,c(o))])})):null,d.isContentList?null:v(c(d.content))])])]}var D=d(j);j.hasRefs=!0,j.stylesheets=[],j.stylesheetToken="kwc-467kh4tdgqj",j.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\primitiveDatatableTooltipBubble-undefined_primitiveDatatableTooltipBubble",v&&j.stylesheets.push.apply(j.stylesheets,v),r(j);const L={closeButtonAssistiveText:b.closeButtonAssistiveText},T={horizontal:"left",vertical:"bottom"};class M extends c{constructor(...o){super(...o),this._inDom=!1,this._visible=!1,this._align=T,this.anchor=void 0,this.header="",this.content="",this.variant="bare",this.hideCloseButton=!1,this.handleBlur=o=>{(null===o.relatedTarget||!this.template.contains(o.relatedTarget))&&this.handleBubbleFocusLost()},this.handleBubbleFocusLost=()=>{this.dispatchCloseButtonEvent("bubbleLoseFocus")},this.handleBubbleKey=o=>{k.escape===o.keyCode&&this.dispatchCloseButtonEvent(),k.tab===o.keyCode&&(o.preventDefault(),o.stopPropagation(),this.focus())},this.handleCloseButtonClick=()=>{this.dispatchCloseButtonEvent()},this.handleCloseButtonKey=o=>{o.preventDefault(),o.stopPropagation();[k.enter,k.space,k.escape].includes(o.keyCode)&&this.dispatchCloseButtonEvent()}}connectedCallback(){super.connectedCallback(),this._inDOM=!0,this.updateClassList()}disconnectedCallback(){this._inDOM=!1}get align(){return this._align}set align(o){this._align=o,this._inDOM&&this.updateClassList()}get visible(){return this._visible}set visible(o){this._visible=o,this._inDOM&&this.updateClassList()}focus(){this.closeButton.focus()}get i18n(){return L}get isContentList(){return Array.isArray(this.content)}get computedHeaderIconName(){switch(this.variant){case"error":return"kdfont-jinzhi";case"warning":return"kdfont-jinggao";default:return"kdfont-tishi4"}}get closeButton(){return this.refs.closeBtn}updateClassList(){const o=g("kdds-popover");o.add({"kdds-popover_error":"error"===this.variant,"kdds-popover_warning":"warning"===this.variant}),o.add({"kdds-rise-from-ground":!0===this._visible,"kdds-fall-into-ground":!1===this._visible});const{horizontal:d,vertical:r}=this.align;o.add({"kdds-nubbin_top-left":"left"===d&&"top"===r,"kdds-nubbin_top-right":"right"===d&&"top"===r,"kdds-nubbin_bottom-left":"left"===d&&"bottom"===r,"kdds-nubbin_bottom-right":"right"===d&&"bottom"===r}),p(this.classList,o)}dispatchCloseButtonEvent(o){this.dispatchEvent(new CustomEvent("close",{detail:{reason:o||"userCloseBubble",anchor:this.anchor}}))}}s(M,{publicProps:{anchor:{config:0},header:{config:0},content:{config:0},variant:{config:0},hideCloseButton:{config:0},align:{config:3},visible:{config:3}},publicMethods:["focus"],track:{_align:1},fields:["_inDom","_visible","handleBlur","handleBubbleFocusLost","handleBubbleKey","handleCloseButtonClick","handleCloseButtonKey"]});const $=e(M,{tmpl:D,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\primitiveDatatableTooltipBubble-",apiVersion:63});export{$ as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{registerTemplate as e,freezeTemplate as t,registerDecorators as s,registerComponent as i}from"@kdcloudjs/kwc";import l from"./shadowBaseClassPrivate.js";import{i as r}from"../ssr-C2pjZzfv.js";import"../observable-tloG64m6.js";import"../i18n-B98kiI7M.js";import{d as a}from"../utilsPrivate-
|
|
1
|
+
import{registerTemplate as e,freezeTemplate as t,registerDecorators as s,registerComponent as i}from"@kdcloudjs/kwc";import l from"./shadowBaseClassPrivate.js";import{i as r}from"../ssr-C2pjZzfv.js";import"../observable-tloG64m6.js";import"../i18n-B98kiI7M.js";import{d as a}from"../utilsPrivate-CI3EeA5x.js";import"../client-Ddi3i8XR.js";import"../empty_html-CjXB8rB4.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";var o=[function(e,t,s){return"slot"+(e?"["+e+"]":"")+" {display: inline-block;}"}];const d={key:0},p=[];function n(e,t,s,i){const{s:l}=e;return[l("",d,p,s)]}var h=e(n);n.slots=[""],n.stylesheets=[],n.stylesheetToken="kwc-6pr764mu7ia",n.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\primitiveFileDroppableZone-undefined_primitiveFileDroppableZone",o&&n.stylesheets.push.apply(n.stylesheets,o),t(n);class m extends l{get disabled(){return this._disabled||!1}set disabled(e){this._disabled=a(e)}get multiple(){return this._multiple||!1}set multiple(e){this._multiple=a(e)}constructor(){super(),this._disabled=void 0,this._multiple=void 0,r&&(this.template.addEventListener("dragover",this.allowDrop.bind(this)),this.template.addEventListener("dragleave",this.handleDragLeave.bind(this)),this.template.addEventListener("drop",this.handleOnDrop.bind(this)))}connectedCallback(){this.classList.add("kdds-file-selector__dropzone")}setDragOver(e){this.classList.toggle("kdds-has-drag-over",e)}handleDragLeave(){this.setDragOver(!1)}handleOnDrop(e){e.preventDefault(),this.setDragOver(!1),this.disabled?e.stopPropagation():this.meetsMultipleCriteria(e)||e.stopPropagation()}allowDrop(e){e.preventDefault(),this.disabled||this.setDragOver(!0)}meetsMultipleCriteria(e){const{files:t}=e.dataTransfer;return!(t.length>1&&!this.multiple)}}m.validationOptOut=["class"],s(m,{publicProps:{disabled:{config:3},multiple:{config:3}},track:{_disabled:1,_multiple:1}});const c=i(m,{tmpl:h,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\primitiveFileDroppableZone-",apiVersion:63});export{c as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{registerTemplate as t,freezeTemplate as e,registerDecorators as n,registerComponent as i}from"@kdcloudjs/kwc";import s from"./menuItem.js";import o from"./menuDivider.js";import a from"./buttonMenu.js";import"../observable-tloG64m6.js";import"../i18n-B98kiI7M.js";import{G as c}from"../utilsPrivate-
|
|
1
|
+
import{registerTemplate as t,freezeTemplate as e,registerDecorators as n,registerComponent as i}from"@kdcloudjs/kwc";import s from"./menuItem.js";import o from"./menuDivider.js";import a from"./buttonMenu.js";import"../observable-tloG64m6.js";import"../i18n-B98kiI7M.js";import{G as c}from"../utilsPrivate-CI3EeA5x.js";import"../classSet-DY6Qvt6E.js";import{f as r}from"../labelUtils-DAuN2uUV.js";import l from"./shadowBaseClassPrivate.js";import{b as d}from"../label-CY8Q8HAO.js";import"./icon.js";import"../client-Ddi3i8XR.js";import"../ssr-C2pjZzfv.js";import"../empty_html-CjXB8rB4.js";import"./iso8601Utils.js";import"../colorValid-qIPgkqGp.js";import"./button.js";import"./positionLibrary.js";import"./tooltipLibrary.js";import"./primitiveBubble.js";import"../kddsCommon-CucK_w70.js";import"./ariaObserver.js";var u=[[[function(t,e,n){var i=t?"["+t+"]":"",s=t?"["+t+"-host]":"";return(e?":host .kdds-th__action-button":s+" .kdds-th__action-button")+i+" {position: absolute;transform: translateY(-50%);top: 50%;inset-inline-end: var(--kdds-g-spacing-1);}"+(e?":host .kdds-th__action-button":s+" .kdds-th__action-button")+i+" .kdds-button"+i+" {color: var(--kdds-g-color-on-surface-3);}"+(e?":host .kdds-th__action-button":s+" .kdds-th__action-button")+i+" .kdds-button:hover"+i+" {background: transparent;}"+(e?":host .kdds-th__action-button":s+" .kdds-th__action-button")+i+" {inset-inline-end: var(--kdds-g-spacing-3);}"}]]];const m={"kdds-th__action-button":!0},h=[["z-index","1",!1]],p={key:2};function b(t,e,n,i){const{gid:c,b:r,k:l,c:d,i:u,f:b}=t,{_m0:_}=i;return[e.hasActions?d("kd-button-menu",a,{classMap:m,styleDecls:h,ref:"buttonMenu",props:{id:c("primitive-header-action-button-menu-id"),iconSize:"x-small",menuAlignment:e._actionMenuAlignment,title:e.alternativeText,alternativeText:e.alternativeText,variant:"text",iconName:"kdfont-xiala",tabIndex:"-1"},key:0,on:_||(i._m0={open:r(e.handleMenuOpen),close:r(e.handleMenuClose),select:r(e.handleActionSelect)})},b([u(e._internalActions,function(t,e){return d("kd-menu-item",s,{props:{value:t,label:t.label,iconName:t.iconName,disabled:t.disabled,checked:t.checked},key:l(1,t.label)})}),e.hasActionsDivider?d("kd-menu-divider",o,p):null,u(e._customerActions,function(t,e){return d("kd-menu-item",s,{props:{value:t,label:t.label,iconName:t.iconName,disabled:t.disabled,checked:t.checked},key:l(3,t.label)})})])):null]}var _=t(b);b.hasRefs=!0,b.stylesheets=[],b.stylesheetToken="kwc-2nknfkpqdkl",b.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\primitiveHeaderActions-undefined_primitiveHeaderActions",u&&b.stylesheets.push.apply(b.stylesheets,u),e(b);const k={clipText:d.clipText,showActions:d.showActions,wrapText:d.wrapText};class v extends l{constructor(...t){super(...t),this.containerRect=void 0,this._internalActions=[],this._customerActions=[],this._actionMenuAlignment=void 0,this.colKeyValue=void 0,this.columnHeader=void 0}get actions(){return this._actions}set actions(t){this._actions=t,this.updateActions()}focus(){const t=this.refs.buttonMenu;t&&t.focus()}get i18n(){return k}get hasActions(){return this._internalActions.length>0||this._customerActions.length>0}get hasActionsDivider(){return this._internalActions.length>0&&this._customerActions.length>0}handleMenuOpen(t){t.preventDefault(),t.stopPropagation(),this.elementRect=this.refs.buttonMenu.getBoundingClientRect(),this.dispatchEvent(new CustomEvent("privatecellheaderactionmenuopening",{bubbles:!0,composed:!0,cancelable:!0,detail:{actionsCount:this._internalActions.length+this._customerActions.length,dividersCount:this.hasActionsDivider?1:0,saveContainerPosition:t=>{this.containerRect=t}}}))}handleMenuClose(){this.dispatchEvent(new CustomEvent("privatecellheaderactionmenuclosed",{bubbles:!0,composed:!0,cancelable:!0}))}handleActionSelect(t){const e=t.detail.value;this.dispatchEvent(new CustomEvent("privatecellheaderactiontriggered",{composed:!0,bubbles:!0,cancelable:!0,detail:{action:c(e._action),actionType:e._type,colKeyValue:this.colKeyValue}}))}updateActions(){const t=t=>(e,n)=>{const i={_type:t,_action:n};return e.push(Object.assign({},n,i)),e};this._internalActions=this.getActionsByType("internalActions").reduce(t("internal"),[]),this._customerActions=this.getActionsByType("customerActions").reduce(t("customer"),[]),this._actionMenuAlignment=this._actions.menuAlignment&&this._actions.menuAlignment.replace("auto-","")}getActionsByType(t){return Array.isArray(this._actions[t])?this._actions[t]:[]}get alternativeText(){return r(k.showActions,this.columnHeader||"")}}v.delegatesFocus=!0,n(v,{publicProps:{colKeyValue:{config:0},actions:{config:3},columnHeader:{config:0}},publicMethods:["focus"],track:{containerRect:1,_internalActions:1,_customerActions:1},fields:["_actionMenuAlignment"]});const g=i(v,{tmpl:_,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\primitiveHeaderActions-",apiVersion:63});export{g as default};
|