@kdcloudjs/kingdee-base-components 0.0.5 → 0.0.6
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/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/calendarYear.js +1 -1
- package/dist/cjs/kd/icon.js +1 -1
- package/dist/cjs/kd/radio.js +1 -1
- package/dist/cjs/kd/radioGroup.js +1 -1
- package/dist/cjs/kd/select.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/calendarYear.js +1 -1
- package/dist/esm/kd/icon.js +1 -1
- package/dist/esm/kd/radio.js +1 -1
- package/dist/esm/kd/radioGroup.js +1 -1
- package/dist/esm/kd/select.js +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var t=require("@kdcloudjs/kwc"),e=require("./button.js"),o=require("./menuItem.js"),d=require("../label-DdXuOVTE.js"),n=require("./shadowBaseClassPrivate.js"),s=require("../classSet-B5xuJbNb.js"),i=require("../utilsPrivate-DL4VBetH.js");require("../observable-BXDJFaLN.js"),require("../i18n-CP31jeWH.js");var r=require("./positionLibrary.js"),a=require("./tooltipLibrary.js"),l=require("../ssr-RXknEJpO.js");require("./icon.js"),require("../colorValid-BBnkvgd_.js"),require("../empty_html-hFq4zm9t.js"),require("../client-Co_j5m_k.js"),require("./iso8601Utils.js"),require("./primitiveBubble.js"),require("../kddsCommon-CICoPypw.js"),require("./ariaObserver.js");var u=[function(t,e,o){var d=t?"["+t+"]":"",n=t?"["+t+"-host]":"";return[e?":host [part~='dropdown']":n+" [part~='dropdown']",d," {border-color: #ffffff;background-color: var(--kdds-g-color-surface-container-1);border-radius: var(--kdds-c-dropdown-border-radius, 4px);box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);position: absolute;z-index: 7000;left: 50%;float: left;min-width: var(--kdds-c-dropdown-min-width, 68px);border-style: solid;transform: translateX(-50%);border-width: 0px;max-width: 100vw;max-height: var(--kdds-button-menu-dropdown-max-height, 328px);overflow-y: auto;position: absolute !important;}",e?":host mark":n+" mark",d," {font-weight: var(--kdds-g-font-weight-bold);background-color: transparent;color: inherit;}",e?":host .kdds-assistive-text":n+" .kdds-assistive-text",d," {position: absolute !important;margin: -1px !important;border: 0 !important;padding: 0 !important;width: 1px !important;height: 1px !important;overflow: hidden !important;clip: rect(0 0 0 0) !important;text-transform: none !important;white-space: nowrap !important;}",e?":host(.kdds-dropdown-trigger),\r:host .kdds-dropdown-trigger":n+".kdds-dropdown-trigger,"+n+" .kdds-dropdown-trigger",d," {position: relative;display: inline-block;}",e?":host(.kdds-dropdown-trigger) .kdds-dropdown"+d+",\r:host .kdds-dropdown-trigger":n+".kdds-dropdown-trigger .kdds-dropdown"+d+","+n+" .kdds-dropdown-trigger",d," .kdds-dropdown",d," {top: calc(100% + 4px);}",e?":host(.kdds-dropdown-trigger) .kdds-dropdown_bottom"+d+",\r:host .kdds-dropdown-trigger":n+".kdds-dropdown-trigger .kdds-dropdown_bottom"+d+","+n+" .kdds-dropdown-trigger",d," .kdds-dropdown_bottom",d," {top: auto;}",e?":host(.kdds-dropdown-trigger_hover) .kdds-dropdown"+d+",\r:host .kdds-dropdown-trigger_hover":n+".kdds-dropdown-trigger_hover .kdds-dropdown"+d+","+n+" .kdds-dropdown-trigger_hover",d," .kdds-dropdown",d," {visibility: hidden;opacity: 0;transition:\r\n opacity var(--_duration-quickly) linear,\r\n visibility var(--_duration-quickly) linear;}",e?":host(.kdds-dropdown-trigger_hover:hover),\r:host(.kdds-dropdown-trigger_hover:focus),\r:host .kdds-dropdown-trigger_hover:hover"+d+",\r:host .kdds-dropdown-trigger_hover:focus":n+":hover.kdds-dropdown-trigger_hover,"+n+":focus.kdds-dropdown-trigger_hover,"+n+" .kdds-dropdown-trigger_hover:hover"+d+","+n+" .kdds-dropdown-trigger_hover:focus",d," {outline: 0;}",e?":host(.kdds-dropdown-trigger_hover:hover) .kdds-dropdown"+d+",\r:host(.kdds-dropdown-trigger_hover:focus) .kdds-dropdown"+d+",\r:host .kdds-dropdown-trigger_hover:hover"+d+" .kdds-dropdown"+d+",\r:host .kdds-dropdown-trigger_hover:focus":n+":hover.kdds-dropdown-trigger_hover .kdds-dropdown"+d+","+n+":focus.kdds-dropdown-trigger_hover .kdds-dropdown"+d+","+n+" .kdds-dropdown-trigger_hover:hover"+d+" .kdds-dropdown"+d+","+n+" .kdds-dropdown-trigger_hover:focus",d," .kdds-dropdown",d," {visibility: visible;opacity: 1;transition:\r\n opacity var(--_duration-quickly) linear,\r\n visibility var(--_duration-quickly) linear;}",e?":host(.kdds-dropdown-trigger_click) .kdds-dropdown"+d+",\r:host(.kdds-dropdown-trigger_click:hover) .kdds-dropdown"+d+",\r:host .kdds-dropdown-trigger_click"+d+" .kdds-dropdown"+d+",\r:host .kdds-dropdown-trigger_click:hover":n+".kdds-dropdown-trigger_click .kdds-dropdown"+d+","+n+":hover.kdds-dropdown-trigger_click .kdds-dropdown"+d+","+n+" .kdds-dropdown-trigger_click"+d+" .kdds-dropdown"+d+","+n+" .kdds-dropdown-trigger_click:hover",d," .kdds-dropdown",d," {display: none;}",e?":host(.kdds-dropdown-trigger_click.kdds-is-open) .kdds-dropdown"+d+",\r:host .kdds-dropdown-trigger_click.kdds-is-open":n+".kdds-is-open.kdds-dropdown-trigger_click .kdds-dropdown"+d+","+n+" .kdds-dropdown-trigger_click.kdds-is-open",d," .kdds-dropdown",d," {display: block;visibility: visible;opacity: 1;}",e?":host .kdds-dropdown_left":n+" .kdds-dropdown_left",d," {left: 0;right: auto;transform: translateX(0);}",e?":host .kdds-dropdown_right":n+" .kdds-dropdown_right",d," {left: auto;right: 0;transform: translateX(0);}",e?":host .kdds-dropdown_bottom":n+" .kdds-dropdown_bottom",d," {bottom: calc(100% + 4px);}",e?":host .kdds-dropdown_xx-small":n+" .kdds-dropdown_xx-small",d," {min-width: var(--dropdown-size-xx-small);}",e?":host .kdds-dropdown_x-small":n+" .kdds-dropdown_x-small",d," {min-width: var(--_dropdown-size-x-small);}",e?":host .kdds-dropdown_small":n+" .kdds-dropdown_small",d," {min-width: var(--kdds-g-sizing-14);}",e?":host .kdds-dropdown_medium":n+" .kdds-dropdown_medium",d," {min-width: var(--_dropdown-size-medium);}",e?":host .kdds-dropdown_large":n+" .kdds-dropdown_large",d," {min-width: 25rem;}",e?":host .kdds-dropdown_fluid":n+" .kdds-dropdown_fluid",d," {min-width: var(--_dropdown-size-x-small);max-width: 100%;width: 100%;}",e?":host .kdds-dropdown_length-5":n+" .kdds-dropdown_length-5",d," {max-height: calc(((var(--kdds-g-font-scale-neg-3) * var(--kdds-g-font-lineheight)) + var(--kdds-g-spacing-4)) * 5);overflow-y: auto;}",e?":host .kdds-dropdown_length-7":n+" .kdds-dropdown_length-7",d," {max-height: calc(((var(--kdds-g-font-scale-neg-3) * var(--kdds-g-font-lineheight)) + var(--kdds-g-spacing-4)) * 7);overflow-y: auto;}",e?":host .kdds-dropdown_length-10":n+" .kdds-dropdown_length-10",d," {max-height: calc(((var(--kdds-g-font-scale-neg-3) * var(--kdds-g-font-lineheight)) + var(--kdds-g-spacing-4)) * 10);overflow-y: auto;}",e?":host .kdds-dropdown_length-with-icon-5":n+" .kdds-dropdown_length-with-icon-5",d," {max-height: calc((var(--_dropdown-square-icon-small-boundary) + var(--kdds-g-spacing-4)) * 5);overflow-y: auto;}",e?":host .kdds-dropdown_length-with-icon-7":n+" .kdds-dropdown_length-with-icon-7",d," {max-height: calc((var(--_dropdown-square-icon-small-boundary) + var(--kdds-g-spacing-4)) * 7);overflow-y: auto;}",e?":host .kdds-dropdown_length-with-icon-10":n+" .kdds-dropdown_length-with-icon-10",d," {max-height: calc((var(--_dropdown-square-icon-small-boundary) + var(--kdds-g-spacing-4)) * 10);overflow-y: auto;}",e?":host [dir='rtl']":n+" [dir='rtl']",d," .kdds-dropdown_center",d," {left: auto;right: auto;transform: translateX(calc(50% - (0.875rem / 2)));}",e?":host .kdds-dropdown_inverse":n+" .kdds-dropdown_inverse",d," {background: var(--kdds-g-color-brand-base-10);border-color: var(--kdds-g-color-brand-base-10);color: var(--kdds-g-color-neutral-base-100);}",e?":host .kdds-dropdown_inverse":n+" .kdds-dropdown_inverse",d," .kdds-dropdown__item",d,">a",d," {color: var(--kdds-g-color-neutral-base-100);}",e?":host .kdds-dropdown_inverse"+d+" .kdds-dropdown__item"+d+">a:hover"+d+",\r:host .kdds-dropdown_inverse":n+" .kdds-dropdown_inverse"+d+" .kdds-dropdown__item"+d+">a:hover"+d+","+n+" .kdds-dropdown_inverse",d," .kdds-dropdown__item",d,">a:focus",d," {color: var(--kdds-g-color-neutral-base-90);background-color: transparent;}",e?":host .kdds-dropdown_inverse":n+" .kdds-dropdown_inverse",d," .kdds-dropdown__item",d,">a:active",d," {color: var(--kdds-g-color-neutral-base-80);background-color: transparent;}",e?":host .kdds-dropdown_inverse":n+" .kdds-dropdown_inverse",d," .kdds-dropdown__item",d,">a[aria-disabled='true']",d," {color: var(--kdds-g-color-palette-blue-20);cursor: default;}",e?":host .kdds-dropdown_inverse":n+" .kdds-dropdown_inverse",d," .kdds-dropdown__item",d,">a[aria-disabled='true']:hover",d," {background-color: transparent;}",e?":host .kdds-dropdown_actions":n+" .kdds-dropdown_actions",d," a",d," {color: var(--kdds-g-color-accent-2);}",e?":host .kdds-has-submenu":n+" .kdds-has-submenu",d," .kdds-dropdown_submenu",d," {top: 0;transform: none;}",e?":host .kdds-has-submenu":n+" .kdds-has-submenu",d," .kdds-dropdown_submenu-right",d," {left: 100%;margin-left: var(--kdds-g-spacing-1);}",e?":host .kdds-has-submenu":n+" .kdds-has-submenu",d," .kdds-dropdown_submenu-left",d," {left: 100%;margin-left: var(--kdds-g-spacing-1);}",e?":host .kdds-has-submenu":n+" .kdds-has-submenu",d," .kdds-dropdown_submenu-bottom",d," {top: auto;bottom: 0;margin-bottom: calc(var(--kdds-g-spacing-1) * -1);}",e?":host .kdds-p-vertical_large":n+" .kdds-p-vertical_large",d," {padding: var(--kdds-g-spacing-5);}",e?":host .kdds-button-menu":n+" .kdds-button-menu",d," {--kdds-c-button-suffixicon-margin-left: var(--kdds-c-button-menu-icon-right-margin-left, 4px);}",e?":host .kdds-button-menu-type-split":n+" .kdds-button-menu-type-split",d," {display: inline-flex;}",e?":host .kdds-button-menu-type-split":n+" .kdds-button-menu-type-split",d," .kdds-button-menu-main",d," {position: relative;--kdds-c-button-shape-square-border-radius: var(--kdds-c-button-menu-split-first-button-border-radius, 2px 0 0 2px);--kdds-c-button-secondary-right-border: transparent;--kdds-c-button-secondary-disabled-border-right: transparent;--kdds-c-button-secondary-loading-border-right: transparent;}",e?":host .kdds-button-menu-type-split.kdds-button-menu-variant-primary":n+" .kdds-button-menu-type-split.kdds-button-menu-variant-primary",d," .kdds-button-menu-main",d,"::after {content: '';display: inline-flex;position: absolute;width: var(--kdds-button-menu-type-split-line-width, 1px);height: 100%;right: 0;top: 0;}",e?":host .kdds-button-menu-variant-primary":n+" .kdds-button-menu-variant-primary",d," .kdds-button-menu-main",d,"::after {background-color: var(--kdds-button-menu-type-split-line-bg, #FFFFFF);}",e?":host .kdds-button-menu-type-split":n+" .kdds-button-menu-type-split",d," .kdds-button-menu",d," {--kdds-c-button-shape-square-border-radius: var(--kdds-c-button-menu-split-second-button-border-radius, 0 2px 2px 0);--kdds-c-button-size-medium-padding-x: var(--kdds-c-split-button-menu-padding-x, 4px);--kdds-c-button-sizing-min-width-medium: var(--kdds-c-button-menu-split-second-button-sizing-min-width, 24px);--kdds-c-button-sizing-min-width-small: var(--kdds-c-button-menu-split-second-button-sizing-min-width, 24px);--kdds-c-button-sizing-min-width-large: var(--kdds-c-button-menu-split-second-button-sizing-min-width, 24px);--kdds-c-button-font-size-large: var(--kdds-c-split-button-menu-size-small-min-width, 16px);--kdds-c-button-sizing-max-width-small: var(--kdds-c-split-button-menu-size-small-min-width, 24px);--kdds-c-button-suffixicon-margin-left: var(--kdds-c-split-button-menu-icon-right-margin-left, 0);}",e?":host .kdds-dropdown__list":n+" .kdds-dropdown__list",d," {max-height: var(--kdds-button-menu-dropdown-max-height, auto);overflow-y: auto;}",e?":host .kdds-button-menu-size-large":n+" .kdds-button-menu-size-large",d," .kdds-dropdown",d," {--kdds-c-menu-item-font-size: var(--kdds-c-button-menu-item-large-font-size, 16px);--kdds-c-icon-font-size: var(--kdds-c-button-menu-item-icon-large-font-size, 18px)\r\n}",e?":host .kdds-button-menu-size-medium":n+" .kdds-button-menu-size-medium",d," .kdds-dropdown",d," {--kdds-c-menu-item-font-size: var(--kdds-c-button-menu-item-medium-font-size, 14px);--kdds-c-icon-font-size: var(--kdds-c-button-menu-item-icon-medium-font-size, 16px);}",e?":host .kdds-button-menu-size-small":n+" .kdds-button-menu-size-small",d," .kdds-dropdown",d," {--kdds-c-menu-item-font-size: var(--kdds-c-button-menu-item-small-font-size, 12px);--kdds-c-icon-font-size: var(--kdds-c-button-menu-item-icon-small-font-size, 14px);}"].join("")}];const c={"kdds-button-menu-main":!0},p={part:"overlay dropdown"},h={"kdds-dropdown__list":!0,"kdds-dropdown_length-with-icon-10":!0},g={key:5},m=[];function k(t,d,n,s){const{ncls:i,b:r,c:a,ti:l,gid:u,s:k,k:b,i:w,f:_,h:v}=t,{_m0:f,_m1:y,_m2:x,_m3:M}=s;return[v("div",{className:i(d.computedButtonMenuClass),key:0},[d.computedType?a("kd-button",e,{classMap:c,props:{disabled:d.buttonDisabled,variant:d.computedVariant,size:d.size,label:d.computedMainLabel,loading:d.loading},key:1,on:f||(s._m0={click:r(d.handleMainButtonClick)})}):null,a("kd-button",e,{className:i(d.computedButtonClass),props:{disabled:d.dropdownDisabled,title:d.computedTitle,type:"button",iconPosition:"right",iconName:d.computedIconName,tabIndex:l(d.tabIndex),label:d.computedMenuLabel,variant:d.computedVariant,size:d.size},key:2,on:y||(s._m1={click:r(d.handleButtonClick),keydown:r(d.handleButtonKeyDown),blur:r(d.handleBlur),focus:r(d.handleFocus),mousedown:r(d.handleButtonMouseDown)})}),d._dropdownOpened?v("div",{className:i(d.computedDropdownClass),attrs:p,key:3,on:x||(s._m2={mousedown:r(d.handleDropdownMouseDown),mouseup:r(d.handleDropdownMouseUp),scroll:r(d.handleDropdownScroll)})},[d.isLoading?null:v("div",{classMap:h,attrs:{"aria-labelledby":u("button-label"),role:"menu"},key:4,on:M||(s._m3={privateselect:r(d.handleMenuItemPrivateSelect),privateblur:r(d.handlePrivateBlur),privatefocus:r(d.handlePrivateFocus),mouseover:r(d.handleMouseOverOnMenuItem),mouseout:r(d.allowBlur),keydown:r(d.handleKeyOnMenuItem)})},_([k("",g,m,n),d.menuItems?w(d.menuItems,function(t){return a("kd-menu-item",o,{props:{label:t.label,value:t.value,disabled:t.disabled,divider:t.divider,prefixicon:t.prefixicon,loading:t.loading},key:b(6,t.value)})}):m]))]):null])]}var b=t.registerTemplate(k);function w(t){t.preventDefault(),t.stopPropagation()}function _(t,e){i.runActionOnBufferedTypedCharacters(t,e.focusMenuItemWithText)}k.slots=[""],k.stylesheets=[],k.stylesheetToken="kwc-1gqo8bpb7tb",k.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\buttonMenu-undefined_buttonMenu",u&&k.stylesheets.push.apply(k.stylesheets,u),t.freezeTemplate(k);const{setContext:v,assertContext:f}=i.privateContext,y={loading:d.KingdeeButtonMenu.loading,showMenu:d.KingdeeButtonMenu.showMenu},x="LIGHTNING-MENU-ITEM",M=`${x}, .kdds-dropdown__list .kdds-dropdown__item`,I=["left","center","right","bottom-left","bottom-center","bottom-right"];I.push("auto","auto-right","auto-left");const C="button button-icon";class z extends n{get label(){return this._label}set label(t){this._label=t,this.buttonParts=t?"kd-button":C,i.reflectAttribute(this,"label",this._label)}constructor(){super(),this._tooltipCreated=!1,this.internalDatatableActionsMenu=!1,this.iconSize="medium",this.iconName="kdfont-xiala",this.value="",this.alternativeText=y.showMenu,this.loadingStateAlternativeText=y.loading,this.draftAlternativeText=void 0,this.groupOrder="",this.tabIndex=void 0,this.loading=!1,this.variant="primary",this.color=void 0,this.size="medium",this.type="dropdown",this.buttonDisabled=!1,this.menuItems=void 0,this._accesskey=null,this._disabled=!1,this._dropdownVisible=!1,this._dropdownOpened=!1,this._title=null,this._isDraft=!1,this._isLoading=!1,this._focusOnIndexDuringRenderedCallback=null,this._tabindex=0,this._order=null,this._label=null,this.buttonParts=C,this._positioning=!1,this._menuAlignment="auto",this._boundingRect={},this._tooltip=null,this._needsFocusAfterRender=!1,this._handleDocumentMousedown=t=>{if(!this._dropdownVisible)return;const e=t.composedPath&&t.composedPath()||t.path||[],o=t=>"object"==typeof Node?t instanceof Node:t&&"object"==typeof t&&"number"==typeof t.nodeType&&"string"==typeof t.nodeName;let d=!1;if(e&&e.length)d=e.some(t=>{if(!o(t))return!1;try{return t===this||this.template&&this.template.contains&&this.template.contains(t)}catch{return!1}});else{const e=t.target;if(o(e))try{d=this.template&&this.template.contains&&this.template.contains(e)}catch{d=!1}}d||this.toggleMenuVisibility(!1)},v(this)}get computedIconName(){return`${this.iconName}`}connectedCallback(){super.connectedCallback(),this._connected=!0,this.keyboardInterface=this.menuKeyboardInterface(),this.classList.add("kdds-dropdown-trigger","kdds-dropdown-trigger_click"),document.addEventListener("mousedown",this._handleDocumentMousedown,!0),this.isDraft&&this.classList.add("kdds-is-unsaved"),this._boundHandleScroll=this.handleScroll.bind(this),document.addEventListener("scroll",this._boundHandleScroll,!0)}disconnectedCallback(){this._connected=!1,document.removeEventListener("mousedown",this._handleDocumentMousedown,!0),this._tooltip&&this._tooltip.disconnect(),document.removeEventListener("scroll",this._boundHandleScroll,!0)}renderedCallback(){this.initTooltip(),!this._positioning&&this._dropdownVisible&&this.focusOnMenuItemAfterRender()}get iconSvgClass(){return this.label?"kdds-button__icon kdds-button__icon_right":"kdds-button__icon"}get menuAlignment(){return this._menuAlignment}set menuAlignment(t){this._menuAlignment=i.normalizeString(t,{fallbackValue:"left",validValues:I})}get dropdownDisabled(){return this._disabled}set dropdownDisabled(t){this._disabled=i.normalizeBoolean(t)}get title(){return this._title}set title(t){this._title=t}get isDraft(){return this._isDraft}set isDraft(t){this._isDraft=i.normalizeBoolean(t)}get accessKey(){return this._accesskey}set accessKey(t){this._accesskey=t}get tooltip(){return this._tooltip?this._tooltip.value:void 0}set tooltip(t){f(this),this._tooltip?this._tooltip.value=t:t&&l.isCSR&&(this._tooltip=new a.Tooltip(t,{root:document.body,target:()=>this.template.querySelector("kd-button"),type:"toggle"}),this._tooltip.initialize())}focus(){this._connected&&this.focusOnButton()}click(){this._connected&&this.template.querySelector("kd-button").click()}get computedAriaExpanded(){return String(this._dropdownVisible)}initTooltip(){this._tooltip&&!this._tooltip.initialized&&this._tooltip.initialize()}focusOnMenuItemAfterRender(){let t=this._focusOnIndexDuringRenderedCallback||0;const e=this.getMenuItems();"LAST"===t&&(t=e.length-1,t<0&&(t="LAST")),"LAST"!==t&&(t>e.length-1&&e.length>0&&(t=e.length-1),this.focusOnMenuItem(t),this._focusOnIndexDuringRenderedCallback=null)}get computedAccessKey(){return this._accesskey}get computedTitle(){return this._title}get computedType(){return"split"===this.type}get computedAlternativeText(){return this.alternativeText||y.showMenu}get computedLoadingStateAlternativeText(){return this.loadingStateAlternativeText||y.loading}get computedButtonClass(){const t=!this.computedShowDownIcon,e=s.classSet("kdds-button-menu");return this.label?e.add({}):e.add({"kdds-button_icon":!t}),e.add(i.buttonGroupOrderClass(this.groupOrder)).toString()}get computedButtonMenuClass(){const t="split"===this.type?["primary","secondary"]:["primary","secondary","text"],e=["small","medium","large"].includes(this.size)?this.size:"medium",o=t.includes(this.variant)?this.variant:"primary",d=["dropdown","split"].includes(this.type)?this.type:"dropdown";return["kdds-button-menu",`kdds-button-menu-size-${e}`,`kdds-button-menu-variant-${o}`,!0===this.dropdownDisabled||"true"===this.dropdownDisabled?"kdds-button-menu-disabled":"",!0===this.loading||"true"===this.loading?"kdds-button-menu-loading":"",this.color?"kdds-button-menu-custom-color":"",`kdds-button-menu-type-${d}`].filter(Boolean).join(" ")}get computedDropdownClass(){return s.classSet("kdds-dropdown").add({"kdds-dropdown_left":"left"===this.menuAlignment||this.isAutoAlignment(),"kdds-dropdown_center":"center"===this.menuAlignment,"kdds-dropdown_right":"right"===this.menuAlignment,"kdds-dropdown_bottom":"bottom-center"===this.menuAlignment,"kdds-dropdown_bottom kdds-dropdown_right kdds-dropdown_bottom-right":"bottom-right"===this.menuAlignment,"kdds-dropdown_bottom kdds-dropdown_left kdds-dropdown_bottom-left":"bottom-left"===this.menuAlignment,"kdds-p-vertical_large":this.isLoading}).toString()}get computedMainLabel(){return"split"===this.type?this.label:null}get computedMenuLabel(){return"split"===this.type?null:this.label}get computedVariant(){return"split"===this.type?"secondary"===this.variant?"secondary":"primary":"text"===this.variant?"text":"secondary"===this.variant?"secondary":"primary"}handleMenuItemPrivateSelect(t){const{disabled:e}=t.detail;if(this._dropdownVisible&&(e||(this.toggleMenuVisibility(),this.focusOnButton())),!e){!this.dispatchSelect(t)&&t.preventDefault()}}dispatchSelect(t){return this.dispatchEvent(new CustomEvent("select",{cancelable:!0,detail:{value:t.detail.value}}))}handleButtonClick(){this.allowBlur(),this.toggleMenuVisibility(),this.focusOnButton()}handleButtonKeyDown(t){!function(t,e){const o=e.isMenuVisible();switch(t.keyCode){case i.keyCodes.enter:case i.keyCodes.space:w(t),e.toggleMenuVisibility();break;case i.keyCodes.down:case i.keyCodes.up:if(w(t),!o){let o=0;t.keyCode===i.keyCodes.up&&(o="LAST"),e.setNextFocusIndex(o),e.toggleMenuVisibility()}break;case i.keyCodes.escape:case i.keyCodes.tab:o&&(w(t),e.toggleMenuVisibility());break;default:if(!o&&e.showDropdownWhenTypingCharacters)w(t),e.toggleMenuVisibility();else if(!o)break;window.requestAnimationFrame(()=>{_(t,e)})}}(t,this.keyboardInterface)}handleButtonMouseDown(t){0===t.button&&this.cancelBlur()}handleDropdownMouseDown(t){0===t.button&&this.cancelBlur()}handleDropdownMouseUp(){this.allowBlur()}handleDropdownMouseLeave(){this._menuHasFocus||this.close()}handleDropdownScroll(t){t.stopPropagation()}focusOnButton(){this.template.querySelector("kd-button").focus()}focusOnMenuItem(t){if(this._dropdownVisible){const e=this.getMenuItemByIndex(t);this.cancelBlurAndFocusOnMenuItem(e)}}isAutoAlignment(){return this.menuAlignment.startsWith("auto")}startPositioning(){if(!this.isAutoAlignment())return Promise.resolve();this._positioning=!0;const t={horizontal:r.Direction.Left,vertical:r.Direction.Top},e={horizontal:r.Direction.Left,vertical:r.Direction.Bottom};let o,d=!0;"auto-right"===this.menuAlignment&&(t.horizontal=r.Direction.Right,e.horizontal=r.Direction.Right),"auto-right"!==this.menuAlignment&&"auto-left"!==this.menuAlignment||(d=!1,o=!0);const n=this.template.querySelector(".kdds-button-menu"),s=this.template.querySelector(".kdds-dropdown");if(n&&s){const t=n.getBoundingClientRect(),e=s.getBoundingClientRect().height,i=window.innerHeight-t.bottom,r=t.top;i>=e+8?(o=!1,d=!1):r>=e+8?(o=!0,d=!0):o=r>i}return i.animationFrame().then(()=>(this.stopPositioning(),this._autoPosition=r.startPositioning(this,{target:()=>this.template.querySelector(".kdds-button-menu"),element:()=>this.template.querySelector(".kdds-dropdown"),align:t,targetAlign:e,autoFlip:d,autoFlipVertical:o,scrollableParentBound:!0,keepInViewport:!0},!0),this._autoPosition?this._autoPosition.reposition():Promise.reject())).then(()=>{const t=this.template.querySelector(".kdds-dropdown");if(t&&"split"===this.type){const e=parseFloat(t.style.top||0);t.style.top=`${e+4}px`}const e=this._autoPosition;if(e&&e.config&&e.config.align&&e.config.targetAlign){const{align:o,targetAlign:d}=e.config;if("auto"===this.menuAlignment&&"bottom"===o.vertical&&"top"===d.vertical&&("left"===o.horizontal||"right"===o.horizontal))if("split"===this.type){const e=parseFloat(t.style.top||0)-9;t.style.top=`${e}px`}else{const e=parseFloat(t.style.top||0)-20;t.style.top=`${e}px`}}return this._needsFocusAfterRender=!0,i.timeout(0)}).then(()=>{this._positioning=!1,this._needsFocusAfterRender&&(this.focusOnMenuItemAfterRender(),this._needsFocusAfterRender=!1)})}stopPositioning(){this._autoPosition&&(r.stopPositioning(this._autoPosition),this._autoPosition=null),this._positioning=!1}toggleMenuVisibility(){this.dropdownDisabled||(this._dropdownVisible=!this._dropdownVisible,!this._dropdownOpened&&this._dropdownVisible&&(this._dropdownOpened=!0),this._dropdownVisible?(requestAnimationFrame(()=>this.startPositioning()),this.dispatchEvent(new CustomEvent("open")),this._boundingRect=this.getBoundingClientRect(),this.pollBoundingRect()):(this.stopPositioning(),this.dispatchEvent(new CustomEvent("close"))),this.classList.toggle("kdds-is-open"))}handleScroll(){this._dropdownVisible&&this.toggleMenuVisibility()}getChildNodes(t,e){return t?t.matches&&t.matches(e)?[t]:Array.from(t.childNodes).reduce((t,o)=>[...t,...this.getChildNodes(o,e)],[]):[]}getMenuItems(){return this.getChildNodes(this,M)}getMenuItemByIndex(t){return f(this),this.getMenuItems()[t]}findMenuItemIndex(t){return this.getMenuItems().indexOf(t)}findMenuItemFromEventTarget(t){let e=t;const o=this.template.querySelector("[role='menu']");for(;e!==o;){if(e.tagName===x)return e;if(!e.parentNode)return null;e=e.parentNode}return null}handleKeyOnMenuItem(t){const e=this.findMenuItemFromEventTarget(t.target);e&&function(t,e,o){switch(t.keyCode){case i.keyCodes.down:case i.keyCodes.up:{w(t);let d=t.keyCode===i.keyCodes.up?e-1:e+1;const n=o.getTotalMenuItems();d>=n?d=0:d<0&&(d=n-1),o.focusOnIndex(d);break}case i.keyCodes.home:w(t),o.focusOnIndex(0);break;case i.keyCodes.end:w(t),o.focusOnIndex(o.getTotalMenuItems()-1);break;case i.keyCodes.escape:case i.keyCodes.tab:o.isMenuVisible()&&(t.keyCode===i.keyCodes.escape&&w(t),o.toggleMenuVisibility()),o.returnFocus();break;default:_(t,o)}}(t,this.findMenuItemIndex(e),this.keyboardInterface)}handleMouseOverOnMenuItem(t){const e=this.findMenuItemFromEventTarget(t.target);if(e){const t=this.findMenuItemIndex(e);this.focusOnMenuItem(t)}}cancelBlurAndFocusOnMenuItem(t){t&&(this.cancelBlur(),t.focus())}handleFocus(){this.dispatchEvent(new CustomEvent("focus"))}handlePrivateBlur(t){if(t.detail.relatedTarget){this.findMenuItemFromEventTarget(t.detail.relatedTarget)&&this.cancelBlur()}t.stopPropagation(),this.handleBlur(),this._menuHasFocus=!1}handlePrivateFocus(t){t.stopPropagation(),this.allowBlur(),this._menuHasFocus=!0}handleBlur(){this._cancelBlur||(this._dropdownVisible&&this.toggleMenuVisibility(),this.dispatchEvent(new CustomEvent("blur")))}allowBlur(){this._cancelBlur=!1}cancelBlur(){this._cancelBlur=!0}handleMainButtonClick(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("click",{detail:{source:"main-button"},bubbles:!0,composed:!0}))}menuKeyboardInterface(){const t=this;return{getTotalMenuItems:()=>t.getMenuItems().length,focusOnIndex(e){t.focusOnMenuItem(e)},setNextFocusIndex(e){t._focusOnIndexDuringRenderedCallback=e},returnFocus(){t.focusOnButton()},isMenuVisible:()=>t._dropdownVisible,toggleMenuVisibility(){t.toggleMenuVisibility()},focusMenuItemWithText(e){const o=[...t.getMenuItems()].filter(t=>{const{label:o}=t;return o&&0===o.toLowerCase().indexOf(e)});o.length>0&&t.focusOnMenuItem(o[0])}}}close(){this._dropdownVisible&&this.toggleMenuVisibility()}pollBoundingRect(){this.isAutoAlignment()&&this._dropdownVisible&&setTimeout(()=>{this._connected&&(i.observePosition(this,300,this._boundingRect,()=>{this.close()}),this.pollBoundingRect())},250)}}z.validationOptOut=["class"],z.delegatesFocus=!0,t.registerDecorators(z,{publicProps:{internalDatatableActionsMenu:{config:0},iconSize:{config:0},iconName:{config:0},value:{config:0},alternativeText:{config:0},loadingStateAlternativeText:{config:0},label:{config:3},draftAlternativeText:{config:0},groupOrder:{config:0},tabIndex:{config:0},loading:{config:0},variant:{config:0},color:{config:0},size:{config:0},type:{config:0},buttonDisabled:{config:0},menuItems:{config:0},menuAlignment:{config:3},dropdownDisabled:{config:3},title:{config:3},isDraft:{config:3},accessKey:{config:3},tooltip:{config:3}},publicMethods:["focus","click"],track:{_accesskey:1,_disabled:1,_dropdownVisible:1,_dropdownOpened:1,_title:1,_isDraft:1,_isLoading:1,_focusOnIndexDuringRenderedCallback:1,_tabindex:1,_order:1,_label:1,buttonParts:1},fields:["_tooltipCreated","_positioning","_menuAlignment","_boundingRect","_tooltip","_needsFocusAfterRender","_handleDocumentMousedown"]});const A=t.registerComponent(z,{tmpl:b,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\buttonMenu-",apiVersion:63});module.exports=A;
|
|
1
|
+
"use strict";var t=require("@kdcloudjs/kwc"),e=require("./button.js"),o=require("./menuItem.js"),d=require("../label-DdXuOVTE.js"),n=require("./shadowBaseClassPrivate.js"),s=require("../classSet-B5xuJbNb.js"),i=require("../utilsPrivate-DL4VBetH.js");require("../observable-BXDJFaLN.js"),require("../i18n-CP31jeWH.js");var r=require("./positionLibrary.js"),a=require("./tooltipLibrary.js"),l=require("../ssr-RXknEJpO.js");require("./icon.js"),require("../colorValid-BBnkvgd_.js"),require("../empty_html-hFq4zm9t.js"),require("../client-Co_j5m_k.js"),require("./iso8601Utils.js"),require("./primitiveBubble.js"),require("../kddsCommon-CICoPypw.js"),require("./ariaObserver.js");var u=[function(t,e,o){var d=t?"["+t+"]":"",n=t?"["+t+"-host]":"";return[e?":host [part~='dropdown']":n+" [part~='dropdown']",d," {border-color: #ffffff;background-color: var(--kdds-g-color-surface-container-1);border-radius: var(--kdds-c-dropdown-border-radius, 4px);box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);z-index: 7000;left: 50%;float: left;min-width: var(--kdds-c-dropdown-min-width, 68px);border-style: solid;transform: translateX(-50%);border-width: 0px;max-width: 100vw;max-height: var(--kdds-button-menu-dropdown-max-height, 328px);overflow-y: auto;}",e?":host mark":n+" mark",d," {font-weight: var(--kdds-g-font-weight-bold);background-color: transparent;color: inherit;}",e?":host .kdds-assistive-text":n+" .kdds-assistive-text",d," {position: absolute !important;margin: -1px !important;border: 0 !important;padding: 0 !important;width: 1px !important;height: 1px !important;overflow: hidden !important;clip: rect(0 0 0 0) !important;text-transform: none !important;white-space: nowrap !important;}",e?":host(.kdds-dropdown-trigger),\r:host .kdds-dropdown-trigger":n+".kdds-dropdown-trigger,"+n+" .kdds-dropdown-trigger",d," {position: relative;display: inline-block;}",e?":host(.kdds-dropdown-trigger) .kdds-dropdown"+d+",\r:host .kdds-dropdown-trigger":n+".kdds-dropdown-trigger .kdds-dropdown"+d+","+n+" .kdds-dropdown-trigger",d," .kdds-dropdown",d," {top: calc(100% + 4px);}",e?":host(.kdds-dropdown-trigger) .kdds-dropdown_bottom"+d+",\r:host .kdds-dropdown-trigger":n+".kdds-dropdown-trigger .kdds-dropdown_bottom"+d+","+n+" .kdds-dropdown-trigger",d," .kdds-dropdown_bottom",d," {top: auto;}",e?":host(.kdds-dropdown-trigger_hover) .kdds-dropdown"+d+",\r:host .kdds-dropdown-trigger_hover":n+".kdds-dropdown-trigger_hover .kdds-dropdown"+d+","+n+" .kdds-dropdown-trigger_hover",d," .kdds-dropdown",d," {visibility: hidden;opacity: 0;transition:\r\n opacity var(--_duration-quickly) linear,\r\n visibility var(--_duration-quickly) linear;}",e?":host(.kdds-dropdown-trigger_hover:hover),\r:host(.kdds-dropdown-trigger_hover:focus),\r:host .kdds-dropdown-trigger_hover:hover"+d+",\r:host .kdds-dropdown-trigger_hover:focus":n+":hover.kdds-dropdown-trigger_hover,"+n+":focus.kdds-dropdown-trigger_hover,"+n+" .kdds-dropdown-trigger_hover:hover"+d+","+n+" .kdds-dropdown-trigger_hover:focus",d," {outline: 0;}",e?":host(.kdds-dropdown-trigger_hover:hover) .kdds-dropdown"+d+",\r:host(.kdds-dropdown-trigger_hover:focus) .kdds-dropdown"+d+",\r:host .kdds-dropdown-trigger_hover:hover"+d+" .kdds-dropdown"+d+",\r:host .kdds-dropdown-trigger_hover:focus":n+":hover.kdds-dropdown-trigger_hover .kdds-dropdown"+d+","+n+":focus.kdds-dropdown-trigger_hover .kdds-dropdown"+d+","+n+" .kdds-dropdown-trigger_hover:hover"+d+" .kdds-dropdown"+d+","+n+" .kdds-dropdown-trigger_hover:focus",d," .kdds-dropdown",d," {visibility: visible;opacity: 1;transition:\r\n opacity var(--_duration-quickly) linear,\r\n visibility var(--_duration-quickly) linear;}",e?":host(.kdds-dropdown-trigger_click) .kdds-dropdown"+d+",\r:host(.kdds-dropdown-trigger_click:hover) .kdds-dropdown"+d+",\r:host .kdds-dropdown-trigger_click"+d+" .kdds-dropdown"+d+",\r:host .kdds-dropdown-trigger_click:hover":n+".kdds-dropdown-trigger_click .kdds-dropdown"+d+","+n+":hover.kdds-dropdown-trigger_click .kdds-dropdown"+d+","+n+" .kdds-dropdown-trigger_click"+d+" .kdds-dropdown"+d+","+n+" .kdds-dropdown-trigger_click:hover",d," .kdds-dropdown",d," {display: none;}",e?":host(.kdds-dropdown-trigger_click.kdds-is-open) .kdds-dropdown"+d+",\r:host .kdds-dropdown-trigger_click.kdds-is-open":n+".kdds-is-open.kdds-dropdown-trigger_click .kdds-dropdown"+d+","+n+" .kdds-dropdown-trigger_click.kdds-is-open",d," .kdds-dropdown",d," {display: block;visibility: visible;opacity: 1;}",e?":host .kdds-dropdown_left":n+" .kdds-dropdown_left",d," {left: 0;right: auto;transform: translateX(0);}",e?":host .kdds-dropdown_right":n+" .kdds-dropdown_right",d," {left: auto;right: 0;transform: translateX(0);}",e?":host .kdds-dropdown_bottom":n+" .kdds-dropdown_bottom",d," {bottom: calc(100% + 4px);}",e?":host .kdds-dropdown_xx-small":n+" .kdds-dropdown_xx-small",d," {min-width: var(--dropdown-size-xx-small);}",e?":host .kdds-dropdown_x-small":n+" .kdds-dropdown_x-small",d," {min-width: var(--_dropdown-size-x-small);}",e?":host .kdds-dropdown_small":n+" .kdds-dropdown_small",d," {min-width: var(--kdds-g-sizing-14);}",e?":host .kdds-dropdown_medium":n+" .kdds-dropdown_medium",d," {min-width: var(--_dropdown-size-medium);}",e?":host .kdds-dropdown_large":n+" .kdds-dropdown_large",d," {min-width: 25rem;}",e?":host .kdds-dropdown_fluid":n+" .kdds-dropdown_fluid",d," {min-width: var(--_dropdown-size-x-small);max-width: 100%;width: 100%;}",e?":host .kdds-dropdown_length-5":n+" .kdds-dropdown_length-5",d," {max-height: calc(((var(--kdds-g-font-scale-neg-3) * var(--kdds-g-font-lineheight)) + var(--kdds-g-spacing-4)) * 5);overflow-y: auto;}",e?":host .kdds-dropdown_length-7":n+" .kdds-dropdown_length-7",d," {max-height: calc(((var(--kdds-g-font-scale-neg-3) * var(--kdds-g-font-lineheight)) + var(--kdds-g-spacing-4)) * 7);overflow-y: auto;}",e?":host .kdds-dropdown_length-10":n+" .kdds-dropdown_length-10",d," {max-height: calc(((var(--kdds-g-font-scale-neg-3) * var(--kdds-g-font-lineheight)) + var(--kdds-g-spacing-4)) * 10);overflow-y: auto;}",e?":host .kdds-dropdown_length-with-icon-5":n+" .kdds-dropdown_length-with-icon-5",d," {max-height: calc((var(--_dropdown-square-icon-small-boundary) + var(--kdds-g-spacing-4)) * 5);overflow-y: auto;}",e?":host .kdds-dropdown_length-with-icon-7":n+" .kdds-dropdown_length-with-icon-7",d," {max-height: calc((var(--_dropdown-square-icon-small-boundary) + var(--kdds-g-spacing-4)) * 7);overflow-y: auto;}",e?":host .kdds-dropdown_length-with-icon-10":n+" .kdds-dropdown_length-with-icon-10",d," {max-height: calc((var(--_dropdown-square-icon-small-boundary) + var(--kdds-g-spacing-4)) * 10);overflow-y: auto;}",e?":host [dir='rtl']":n+" [dir='rtl']",d," .kdds-dropdown_center",d," {left: auto;right: auto;transform: translateX(calc(50% - (0.875rem / 2)));}",e?":host .kdds-dropdown_inverse":n+" .kdds-dropdown_inverse",d," {background: var(--kdds-g-color-brand-base-10);border-color: var(--kdds-g-color-brand-base-10);color: var(--kdds-g-color-neutral-base-100);}",e?":host .kdds-dropdown_inverse":n+" .kdds-dropdown_inverse",d," .kdds-dropdown__item",d,">a",d," {color: var(--kdds-g-color-neutral-base-100);}",e?":host .kdds-dropdown_inverse"+d+" .kdds-dropdown__item"+d+">a:hover"+d+",\r:host .kdds-dropdown_inverse":n+" .kdds-dropdown_inverse"+d+" .kdds-dropdown__item"+d+">a:hover"+d+","+n+" .kdds-dropdown_inverse",d," .kdds-dropdown__item",d,">a:focus",d," {color: var(--kdds-g-color-neutral-base-90);background-color: transparent;}",e?":host .kdds-dropdown_inverse":n+" .kdds-dropdown_inverse",d," .kdds-dropdown__item",d,">a:active",d," {color: var(--kdds-g-color-neutral-base-80);background-color: transparent;}",e?":host .kdds-dropdown_inverse":n+" .kdds-dropdown_inverse",d," .kdds-dropdown__item",d,">a[aria-disabled='true']",d," {color: var(--kdds-g-color-palette-blue-20);cursor: default;}",e?":host .kdds-dropdown_inverse":n+" .kdds-dropdown_inverse",d," .kdds-dropdown__item",d,">a[aria-disabled='true']:hover",d," {background-color: transparent;}",e?":host .kdds-dropdown_actions":n+" .kdds-dropdown_actions",d," a",d," {color: var(--kdds-g-color-accent-2);}",e?":host .kdds-has-submenu":n+" .kdds-has-submenu",d," .kdds-dropdown_submenu",d," {top: 0;transform: none;}",e?":host .kdds-has-submenu":n+" .kdds-has-submenu",d," .kdds-dropdown_submenu-right",d," {left: 100%;margin-left: var(--kdds-g-spacing-1);}",e?":host .kdds-has-submenu":n+" .kdds-has-submenu",d," .kdds-dropdown_submenu-left",d," {left: 100%;margin-left: var(--kdds-g-spacing-1);}",e?":host .kdds-has-submenu":n+" .kdds-has-submenu",d," .kdds-dropdown_submenu-bottom",d," {top: auto;bottom: 0;margin-bottom: calc(var(--kdds-g-spacing-1) * -1);}",e?":host .kdds-p-vertical_large":n+" .kdds-p-vertical_large",d," {padding: var(--kdds-g-spacing-5);}",e?":host .kdds-button-menu":n+" .kdds-button-menu",d," {--kdds-c-button-suffixicon-margin-left: var(--kdds-c-button-menu-icon-right-margin-left, 4px);}",e?":host .kdds-button-menu-type-split":n+" .kdds-button-menu-type-split",d," {display: inline-flex;}",e?":host .kdds-button-menu-type-split":n+" .kdds-button-menu-type-split",d," .kdds-button-menu-main",d," {position: relative;--kdds-c-button-shape-square-border-radius: var(--kdds-c-button-menu-split-first-button-border-radius, 2px 0 0 2px);--kdds-c-button-secondary-right-border: transparent;--kdds-c-button-secondary-disabled-border-right: transparent;--kdds-c-button-secondary-loading-border-right: transparent;}",e?":host .kdds-button-menu-type-split.kdds-button-menu-variant-primary":n+" .kdds-button-menu-type-split.kdds-button-menu-variant-primary",d," .kdds-button-menu-main",d,"::after {content: '';display: inline-flex;position: absolute;width: var(--kdds-button-menu-type-split-line-width, 1px);height: 100%;right: 0;top: 0;}",e?":host .kdds-button-menu-variant-primary":n+" .kdds-button-menu-variant-primary",d," .kdds-button-menu-main",d,"::after {background-color: var(--kdds-button-menu-type-split-line-bg, #FFFFFF);}",e?":host .kdds-button-menu-type-split":n+" .kdds-button-menu-type-split",d," .kdds-button-menu",d," {--kdds-c-button-shape-square-border-radius: var(--kdds-c-button-menu-split-second-button-border-radius, 0 2px 2px 0);--kdds-c-button-size-medium-padding-x: var(--kdds-c-split-button-menu-padding-x, 4px);--kdds-c-button-sizing-min-width-medium: var(--kdds-c-button-menu-split-second-button-sizing-min-width, 24px);--kdds-c-button-sizing-min-width-small: var(--kdds-c-button-menu-split-second-button-sizing-min-width, 24px);--kdds-c-button-sizing-min-width-large: var(--kdds-c-button-menu-split-second-button-sizing-min-width, 24px);--kdds-c-button-font-size-large: var(--kdds-c-split-button-menu-size-small-min-width, 16px);--kdds-c-button-sizing-max-width-small: var(--kdds-c-split-button-menu-size-small-min-width, 24px);--kdds-c-button-suffixicon-margin-left: var(--kdds-c-split-button-menu-icon-right-margin-left, 0);}",e?":host .kdds-dropdown__list":n+" .kdds-dropdown__list",d," {max-height: var(--kdds-button-menu-dropdown-max-height, auto);overflow-y: auto;}",e?":host .kdds-button-menu-size-large":n+" .kdds-button-menu-size-large",d," .kdds-dropdown",d," {--kdds-c-menu-item-font-size: var(--kdds-c-button-menu-item-large-font-size, 16px);--kdds-c-icon-font-size: var(--kdds-c-button-menu-item-icon-large-font-size, 18px)\r\n}",e?":host .kdds-button-menu-size-medium":n+" .kdds-button-menu-size-medium",d," .kdds-dropdown",d," {--kdds-c-menu-item-font-size: var(--kdds-c-button-menu-item-medium-font-size, 14px);--kdds-c-icon-font-size: var(--kdds-c-button-menu-item-icon-medium-font-size, 16px);}",e?":host .kdds-button-menu-size-small":n+" .kdds-button-menu-size-small",d," .kdds-dropdown",d," {--kdds-c-menu-item-font-size: var(--kdds-c-button-menu-item-small-font-size, 12px);--kdds-c-icon-font-size: var(--kdds-c-button-menu-item-icon-small-font-size, 14px);}"].join("")}];const c={"kdds-button-menu-main":!0},h={part:"overlay dropdown"},p={"kdds-dropdown__list":!0,"kdds-dropdown_length-with-icon-10":!0},g={key:5},m=[];function k(t,d,n,s){const{ncls:i,b:r,c:a,ti:l,gid:u,s:k,k:b,i:w,f:_,h:v}=t,{_m0:f,_m1:y,_m2:x,_m3:M}=s;return[v("div",{className:i(d.computedButtonMenuClass),key:0},[d.computedType?a("kd-button",e,{classMap:c,props:{disabled:d.buttonDisabled,variant:d.computedVariant,size:d.size,label:d.computedMainLabel,loading:d.loading},key:1,on:f||(s._m0={click:r(d.handleMainButtonClick)})}):null,a("kd-button",e,{className:i(d.computedButtonClass),props:{disabled:d.dropdownDisabled,title:d.computedTitle,type:"button",iconPosition:"right",iconName:d.computedIconName,tabIndex:l(d.tabIndex),label:d.computedMenuLabel,variant:d.computedVariant,size:d.size},key:2,on:y||(s._m1={click:r(d.handleButtonClick),keydown:r(d.handleButtonKeyDown),blur:r(d.handleBlur),focus:r(d.handleFocus),mousedown:r(d.handleButtonMouseDown)})}),d._dropdownOpened?v("div",{className:i(d.computedDropdownClass),attrs:h,key:3,on:x||(s._m2={mousedown:r(d.handleDropdownMouseDown),mouseup:r(d.handleDropdownMouseUp),scroll:r(d.handleDropdownScroll)})},[d.isLoading?null:v("div",{classMap:p,attrs:{"aria-labelledby":u("button-label"),role:"menu"},key:4,on:M||(s._m3={privateselect:r(d.handleMenuItemPrivateSelect),privateblur:r(d.handlePrivateBlur),privatefocus:r(d.handlePrivateFocus),mouseover:r(d.handleMouseOverOnMenuItem),mouseout:r(d.allowBlur),keydown:r(d.handleKeyOnMenuItem)})},_([k("",g,m,n),d.menuItems?w(d.menuItems,function(t){return a("kd-menu-item",o,{props:{label:t.label,value:t.value,disabled:t.disabled,divider:t.divider,prefixicon:t.prefixicon,loading:t.loading},key:b(6,t.value)})}):m]))]):null])]}var b=t.registerTemplate(k);function w(t){t.preventDefault(),t.stopPropagation()}function _(t,e){i.runActionOnBufferedTypedCharacters(t,e.focusMenuItemWithText)}k.slots=[""],k.stylesheets=[],k.stylesheetToken="kwc-1gqo8bpb7tb",k.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\buttonMenu-undefined_buttonMenu",u&&k.stylesheets.push.apply(k.stylesheets,u),t.freezeTemplate(k);const{setContext:v,assertContext:f}=i.privateContext,y={loading:d.KingdeeButtonMenu.loading,showMenu:d.KingdeeButtonMenu.showMenu},x="LIGHTNING-MENU-ITEM",M=`${x}, .kdds-dropdown__list .kdds-dropdown__item`,I=["left","center","right","bottom-left","bottom-center","bottom-right"];I.push("auto","auto-right","auto-left");const C="button button-icon";class z extends n{get label(){return this._label}set label(t){this._label=t,this.buttonParts=t?"kd-button":C,i.reflectAttribute(this,"label",this._label)}constructor(){super(),this._tooltipCreated=!1,this.internalDatatableActionsMenu=!1,this.iconSize="medium",this.iconName="kdfont-xiala",this.value="",this.alternativeText=y.showMenu,this.loadingStateAlternativeText=y.loading,this.draftAlternativeText=void 0,this.groupOrder="",this.tabIndex=void 0,this.loading=!1,this.variant="primary",this.color=void 0,this.size="medium",this.type="dropdown",this.buttonDisabled=!1,this.menuItems=void 0,this._accesskey=null,this._disabled=!1,this._dropdownVisible=!1,this._dropdownOpened=!1,this._title=null,this._isDraft=!1,this._isLoading=!1,this._focusOnIndexDuringRenderedCallback=null,this._tabindex=0,this._order=null,this._label=null,this.buttonParts=C,this._positioning=!1,this._menuAlignment="auto",this._boundingRect={},this._tooltip=null,this._needsFocusAfterRender=!1,this._handleDocumentMousedown=t=>{if(!this._dropdownVisible)return;const e=t.composedPath&&t.composedPath()||t.path||[],o=t=>"object"==typeof Node?t instanceof Node:t&&"object"==typeof t&&"number"==typeof t.nodeType&&"string"==typeof t.nodeName;let d=!1;if(e&&e.length)d=e.some(t=>{if(!o(t))return!1;try{return t===this||this.template&&this.template.contains&&this.template.contains(t)}catch{return!1}});else{const e=t.target;if(o(e))try{d=this.template&&this.template.contains&&this.template.contains(e)}catch{d=!1}}d||this.toggleMenuVisibility(!1)},v(this)}get computedIconName(){return`${this.iconName}`}connectedCallback(){super.connectedCallback(),this._connected=!0,this.keyboardInterface=this.menuKeyboardInterface(),this.classList.add("kdds-dropdown-trigger","kdds-dropdown-trigger_click"),document.addEventListener("mousedown",this._handleDocumentMousedown,!0),this.isDraft&&this.classList.add("kdds-is-unsaved"),this._boundHandleScroll=this.handleScroll.bind(this),document.addEventListener("scroll",this._boundHandleScroll,!0)}disconnectedCallback(){this._connected=!1,document.removeEventListener("mousedown",this._handleDocumentMousedown,!0),this._tooltip&&this._tooltip.disconnect(),document.removeEventListener("scroll",this._boundHandleScroll,!0)}renderedCallback(){this.initTooltip(),!this._positioning&&this._dropdownVisible&&this.focusOnMenuItemAfterRender()}get iconSvgClass(){return this.label?"kdds-button__icon kdds-button__icon_right":"kdds-button__icon"}get menuAlignment(){return this._menuAlignment}set menuAlignment(t){this._menuAlignment=i.normalizeString(t,{fallbackValue:"left",validValues:I})}get dropdownDisabled(){return this._disabled}set dropdownDisabled(t){this._disabled=i.normalizeBoolean(t)}get title(){return this._title}set title(t){this._title=t}get isDraft(){return this._isDraft}set isDraft(t){this._isDraft=i.normalizeBoolean(t)}get accessKey(){return this._accesskey}set accessKey(t){this._accesskey=t}get tooltip(){return this._tooltip?this._tooltip.value:void 0}set tooltip(t){f(this),this._tooltip?this._tooltip.value=t:t&&l.isCSR&&(this._tooltip=new a.Tooltip(t,{root:document.body,target:()=>this.template.querySelector("kd-button"),type:"toggle"}),this._tooltip.initialize())}focus(){this._connected&&this.focusOnButton()}click(){this._connected&&this.template.querySelector("kd-button").click()}get computedAriaExpanded(){return String(this._dropdownVisible)}initTooltip(){this._tooltip&&!this._tooltip.initialized&&this._tooltip.initialize()}focusOnMenuItemAfterRender(){let t=this._focusOnIndexDuringRenderedCallback||0;const e=this.getMenuItems();"LAST"===t&&(t=e.length-1,t<0&&(t="LAST")),"LAST"!==t&&(t>e.length-1&&e.length>0&&(t=e.length-1),this.focusOnMenuItem(t),this._focusOnIndexDuringRenderedCallback=null)}get computedAccessKey(){return this._accesskey}get computedTitle(){return this._title}get computedType(){return"split"===this.type}get computedAlternativeText(){return this.alternativeText||y.showMenu}get computedLoadingStateAlternativeText(){return this.loadingStateAlternativeText||y.loading}get computedButtonClass(){const t=!this.computedShowDownIcon,e=s.classSet("kdds-button-menu");return this.label?e.add({}):e.add({"kdds-button_icon":!t}),e.add(i.buttonGroupOrderClass(this.groupOrder)).toString()}get computedButtonMenuClass(){const t="split"===this.type?["primary","secondary"]:["primary","secondary","text"],e=["small","medium","large"].includes(this.size)?this.size:"medium",o=t.includes(this.variant)?this.variant:"primary",d=["dropdown","split"].includes(this.type)?this.type:"dropdown";return["kdds-button-menu",`kdds-button-menu-size-${e}`,`kdds-button-menu-variant-${o}`,!0===this.dropdownDisabled||"true"===this.dropdownDisabled?"kdds-button-menu-disabled":"",!0===this.loading||"true"===this.loading?"kdds-button-menu-loading":"",this.color?"kdds-button-menu-custom-color":"",`kdds-button-menu-type-${d}`].filter(Boolean).join(" ")}get computedDropdownClass(){return s.classSet("kdds-dropdown").add({"kdds-dropdown_left":"left"===this.menuAlignment||this.isAutoAlignment(),"kdds-dropdown_center":"center"===this.menuAlignment,"kdds-dropdown_right":"right"===this.menuAlignment,"kdds-dropdown_bottom":"bottom-center"===this.menuAlignment,"kdds-dropdown_bottom kdds-dropdown_right kdds-dropdown_bottom-right":"bottom-right"===this.menuAlignment,"kdds-dropdown_bottom kdds-dropdown_left kdds-dropdown_bottom-left":"bottom-left"===this.menuAlignment,"kdds-p-vertical_large":this.isLoading}).toString()}get computedMainLabel(){return"split"===this.type?this.label:null}get computedMenuLabel(){return"split"===this.type?null:this.label}get computedVariant(){return"split"===this.type?"secondary"===this.variant?"secondary":"primary":"text"===this.variant?"text":"secondary"===this.variant?"secondary":"primary"}handleMenuItemPrivateSelect(t){const{disabled:e}=t.detail;if(this._dropdownVisible&&(e||(this.toggleMenuVisibility(),this.focusOnButton())),!e){!this.dispatchSelect(t)&&t.preventDefault()}}dispatchSelect(t){return this.dispatchEvent(new CustomEvent("select",{cancelable:!0,detail:{value:t.detail.value}}))}handleButtonClick(){this.allowBlur(),this.toggleMenuVisibility(),this.focusOnButton()}handleButtonKeyDown(t){!function(t,e){const o=e.isMenuVisible();switch(t.keyCode){case i.keyCodes.enter:case i.keyCodes.space:w(t),e.toggleMenuVisibility();break;case i.keyCodes.down:case i.keyCodes.up:if(w(t),!o){let o=0;t.keyCode===i.keyCodes.up&&(o="LAST"),e.setNextFocusIndex(o),e.toggleMenuVisibility()}break;case i.keyCodes.escape:case i.keyCodes.tab:o&&(w(t),e.toggleMenuVisibility());break;default:if(!o&&e.showDropdownWhenTypingCharacters)w(t),e.toggleMenuVisibility();else if(!o)break;window.requestAnimationFrame(()=>{_(t,e)})}}(t,this.keyboardInterface)}handleButtonMouseDown(t){0===t.button&&this.cancelBlur()}handleDropdownMouseDown(t){0===t.button&&this.cancelBlur()}handleDropdownMouseUp(){this.allowBlur()}handleDropdownMouseLeave(){this._menuHasFocus||this.close()}handleDropdownScroll(t){t.stopPropagation()}focusOnButton(){this.template.querySelector("kd-button").focus()}focusOnMenuItem(t){if(this._dropdownVisible){const e=this.getMenuItemByIndex(t);this.cancelBlurAndFocusOnMenuItem(e)}}isAutoAlignment(){return this.menuAlignment.startsWith("auto")}startPositioning(){if(!this.isAutoAlignment())return Promise.resolve();this._positioning=!0;const t={horizontal:r.Direction.Left,vertical:r.Direction.Top},e={horizontal:r.Direction.Left,vertical:r.Direction.Bottom};let o,d=!0;"auto-right"===this.menuAlignment&&(t.horizontal=r.Direction.Right,e.horizontal=r.Direction.Right),"auto-right"!==this.menuAlignment&&"auto-left"!==this.menuAlignment||(d=!1,o=!0);const n=this.template.querySelector(".kdds-button-menu"),s=this.template.querySelector(".kdds-dropdown");if(n&&s){const t=n.getBoundingClientRect(),e=s.getBoundingClientRect().height,i=window.innerHeight-t.bottom,r=t.top;i>=e+8?(o=!1,d=!1):r>=e+8?(o=!0,d=!0):o=r>i}return i.animationFrame().then(()=>(this.stopPositioning(),this._autoPosition=r.startPositioning(this,{target:()=>this.template.querySelector(".kdds-button-menu"),element:()=>this.template.querySelector(".kdds-dropdown"),align:t,targetAlign:e,autoFlip:d,autoFlipVertical:o,scrollableParentBound:!0,keepInViewport:!0},!0),this._autoPosition?this._autoPosition.reposition():Promise.reject())).then(()=>{const t=this.template.querySelector(".kdds-dropdown");if(t&&"split"===this.type){const e=parseFloat(t.style.top||0);t.style.top=`${e+4}px`}const e=this._autoPosition;if(e&&e.config&&e.config.align&&e.config.targetAlign){const{align:o,targetAlign:d}=e.config;if("auto"===this.menuAlignment&&"bottom"===o.vertical&&"top"===d.vertical&&("left"===o.horizontal||"right"===o.horizontal))if("split"===this.type){const e=parseFloat(t.style.top||0)-9;t.style.top=`${e}px`}else{const e=parseFloat(t.style.top||0)-20;t.style.top=`${e}px`}}return this._needsFocusAfterRender=!0,i.timeout(0)}).then(()=>{this._positioning=!1,this._needsFocusAfterRender&&(this.focusOnMenuItemAfterRender(),this._needsFocusAfterRender=!1)})}stopPositioning(){this._autoPosition&&(r.stopPositioning(this._autoPosition),this._autoPosition=null),this._positioning=!1}toggleMenuVisibility(){this.dropdownDisabled||(this._dropdownVisible=!this._dropdownVisible,!this._dropdownOpened&&this._dropdownVisible&&(this._dropdownOpened=!0),this._dropdownVisible?(requestAnimationFrame(()=>this.startPositioning()),this.dispatchEvent(new CustomEvent("open")),this._boundingRect=this.getBoundingClientRect(),this.pollBoundingRect()):(this.stopPositioning(),this.dispatchEvent(new CustomEvent("close"))),this.classList.toggle("kdds-is-open"))}handleScroll(){this._dropdownVisible&&this.toggleMenuVisibility()}getChildNodes(t,e){return t?t.matches&&t.matches(e)?[t]:Array.from(t.childNodes).reduce((t,o)=>[...t,...this.getChildNodes(o,e)],[]):[]}getMenuItems(){return this.getChildNodes(this,M)}getMenuItemByIndex(t){return f(this),this.getMenuItems()[t]}findMenuItemIndex(t){return this.getMenuItems().indexOf(t)}findMenuItemFromEventTarget(t){let e=t;const o=this.template.querySelector("[role='menu']");for(;e!==o;){if(e.tagName===x)return e;if(!e.parentNode)return null;e=e.parentNode}return null}handleKeyOnMenuItem(t){const e=this.findMenuItemFromEventTarget(t.target);e&&function(t,e,o){switch(t.keyCode){case i.keyCodes.down:case i.keyCodes.up:{w(t);let d=t.keyCode===i.keyCodes.up?e-1:e+1;const n=o.getTotalMenuItems();d>=n?d=0:d<0&&(d=n-1),o.focusOnIndex(d);break}case i.keyCodes.home:w(t),o.focusOnIndex(0);break;case i.keyCodes.end:w(t),o.focusOnIndex(o.getTotalMenuItems()-1);break;case i.keyCodes.escape:case i.keyCodes.tab:o.isMenuVisible()&&(t.keyCode===i.keyCodes.escape&&w(t),o.toggleMenuVisibility()),o.returnFocus();break;default:_(t,o)}}(t,this.findMenuItemIndex(e),this.keyboardInterface)}handleMouseOverOnMenuItem(t){const e=this.findMenuItemFromEventTarget(t.target);if(e){const t=this.findMenuItemIndex(e);this.focusOnMenuItem(t)}}cancelBlurAndFocusOnMenuItem(t){t&&(this.cancelBlur(),t.focus())}handleFocus(){this.dispatchEvent(new CustomEvent("focus"))}handlePrivateBlur(t){if(t.detail.relatedTarget){this.findMenuItemFromEventTarget(t.detail.relatedTarget)&&this.cancelBlur()}t.stopPropagation(),this.handleBlur(),this._menuHasFocus=!1}handlePrivateFocus(t){t.stopPropagation(),this.allowBlur(),this._menuHasFocus=!0}handleBlur(){this._cancelBlur||(this._dropdownVisible&&this.toggleMenuVisibility(),this.dispatchEvent(new CustomEvent("blur")))}allowBlur(){this._cancelBlur=!1}cancelBlur(){this._cancelBlur=!0}handleMainButtonClick(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("click",{detail:{source:"main-button"},bubbles:!0,composed:!0}))}menuKeyboardInterface(){const t=this;return{getTotalMenuItems:()=>t.getMenuItems().length,focusOnIndex(e){t.focusOnMenuItem(e)},setNextFocusIndex(e){t._focusOnIndexDuringRenderedCallback=e},returnFocus(){t.focusOnButton()},isMenuVisible:()=>t._dropdownVisible,toggleMenuVisibility(){t.toggleMenuVisibility()},focusMenuItemWithText(e){const o=[...t.getMenuItems()].filter(t=>{const{label:o}=t;return o&&0===o.toLowerCase().indexOf(e)});o.length>0&&t.focusOnMenuItem(o[0])}}}close(){this._dropdownVisible&&this.toggleMenuVisibility()}pollBoundingRect(){this.isAutoAlignment()&&this._dropdownVisible&&setTimeout(()=>{this._connected&&(i.observePosition(this,300,this._boundingRect,()=>{this.close()}),this.pollBoundingRect())},250)}}z.validationOptOut=["class"],z.delegatesFocus=!0,t.registerDecorators(z,{publicProps:{internalDatatableActionsMenu:{config:0},iconSize:{config:0},iconName:{config:0},value:{config:0},alternativeText:{config:0},loadingStateAlternativeText:{config:0},label:{config:3},draftAlternativeText:{config:0},groupOrder:{config:0},tabIndex:{config:0},loading:{config:0},variant:{config:0},color:{config:0},size:{config:0},type:{config:0},buttonDisabled:{config:0},menuItems:{config:0},menuAlignment:{config:3},dropdownDisabled:{config:3},title:{config:3},isDraft:{config:3},accessKey:{config:3},tooltip:{config:3}},publicMethods:["focus","click"],track:{_accesskey:1,_disabled:1,_dropdownVisible:1,_dropdownOpened:1,_title:1,_isDraft:1,_isLoading:1,_focusOnIndexDuringRenderedCallback:1,_tabindex:1,_order:1,_label:1,buttonParts:1},fields:["_tooltipCreated","_positioning","_menuAlignment","_boundingRect","_tooltip","_needsFocusAfterRender","_handleDocumentMousedown"]});const A=t.registerComponent(z,{tmpl:b,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\buttonMenu-",apiVersion:63});module.exports=A;
|
package/dist/cjs/kd/calendar.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var d=require("@kdcloudjs/kwc"),r=require("../kddsCommon-CICoPypw.js"),t=require("./calendarDay.js"),o=require("./calendarMonth.js"),e=require("./calendarYear.js"),s=require("./button.js"),n=require("./focusTrap.js"),i=require("./shadowBaseClassPrivate.js"),a=require("../intlFormat-Bs-dlvDH.js");require("../i18n-CP31jeWH.js"),require("../observable-BXDJFaLN.js");var b=require("../utilsPrivate-DL4VBetH.js"),k=require("./iso8601Utils.js");require("../calendar.kdds-DBIZRNEC.js"),require("./icon.js"),require("./calendarTime.js"),require("../client-Co_j5m_k.js"),require("../ssr-RXknEJpO.js"),require("../colorValid-BBnkvgd_.js"),require("../empty_html-hFq4zm9t.js"),require("./i18nCldrOptions.js"),require("./i18nService.js"),require("./configProvider.js"),require("../classSet-B5xuJbNb.js"),require("../labelUtils-C2UzbgdZ.js"),require("../label-DdXuOVTE.js"),require("./features.js"),require("../intlDisplayNames-DjPWNJUj.js"),require("../calendarMonth-DuBmYkui.js"),require("../focus-DdgBlQbB.js"),require("./tooltipLibrary.js"),require("./positionLibrary.js"),require("./primitiveBubble.js"),require("./ariaObserver.js");var c=[function(d,r,t){var o=d?"["+d+"]":"",e=d?"["+d+"-host]":"";return[r?":host .kdds-nubbin_top"+o+"::before,:host \r.kdds-nubbin_top":e+" .kdds-nubbin_top"+o+"::before,"+e+" \r.kdds-nubbin_top",o,"::after {width: var(--kdds-g-spacing-4);height: var(--kdds-g-spacing-4);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;left: 50%;top: calc((var(--kdds-g-spacing-4) * 0.5) * -1);margin-left: calc((var(--kdds-g-spacing-4) * 0.5) * -1);z-index: -1;}",r?":host .kdds-nubbin_top":e+" .kdds-nubbin_top",o,"::after {box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 16%);z-index: -2;}",r?":host .kdds-nubbin_top-left"+o+"::before,:host \r.kdds-nubbin_top-left-corner"+o+"::before,:host \r.kdds-nubbin_top-left"+o+"::after,:host \r.kdds-nubbin_top-left-corner":e+" .kdds-nubbin_top-left"+o+"::before,"+e+" \r.kdds-nubbin_top-left-corner"+o+"::before,"+e+" \r.kdds-nubbin_top-left"+o+"::after,"+e+" \r.kdds-nubbin_top-left-corner",o,"::after {width: var(--kdds-g-spacing-4);height: var(--kdds-g-spacing-4);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;left: var(--kdds-g-spacing-5);top: calc((var(--kdds-g-spacing-4) * 0.5) * -1);margin-left: calc((var(--kdds-g-spacing-4) * 0.5) * -1);z-index: -1;}",r?":host .kdds-nubbin_top-left"+o+"::after,:host \r.kdds-nubbin_top-left-corner":e+" .kdds-nubbin_top-left"+o+"::after,"+e+" \r.kdds-nubbin_top-left-corner",o,"::after {box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 16%);z-index: -2;}",r?":host .kdds-nubbin_top-right"+o+"::before,:host \r.kdds-nubbin_top-right-corner"+o+"::before,:host \r.kdds-nubbin_top-right"+o+"::after,:host \r.kdds-nubbin_top-right-corner":e+" .kdds-nubbin_top-right"+o+"::before,"+e+" \r.kdds-nubbin_top-right-corner"+o+"::before,"+e+" \r.kdds-nubbin_top-right"+o+"::after,"+e+" \r.kdds-nubbin_top-right-corner",o,"::after {width: var(--kdds-g-spacing-4);height: var(--kdds-g-spacing-4);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;margin-left: calc((var(--kdds-g-spacing-4) * 0.5) * -1);left: auto;right: var(--kdds-g-spacing-5);top: calc((var(--kdds-g-spacing-4) * 0.5) * -1);margin-right: calc((var(--kdds-g-spacing-4) * 0.5) * -1);z-index: -1;}",r?":host .kdds-nubbin_top-right"+o+"::after,:host \r.kdds-nubbin_top-right-corner":e+" .kdds-nubbin_top-right"+o+"::after,"+e+" \r.kdds-nubbin_top-right-corner",o,"::after {box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 16%);z-index: -2;}",r?":host .kdds-nubbin_bottom"+o+"::before,:host \r.kdds-nubbin_bottom":e+" .kdds-nubbin_bottom"+o+"::before,"+e+" \r.kdds-nubbin_bottom",o,"::after {width: var(--kdds-g-spacing-4);height: var(--kdds-g-spacing-4);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;left: 50%;bottom: calc((var(--kdds-g-spacing-4) * 0.5) * -1);margin-left: calc((var(--kdds-g-spacing-4) * 0.5) * -1);z-index: -1;}",r?":host .kdds-nubbin_bottom":e+" .kdds-nubbin_bottom",o,"::after {box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 16%);z-index: -2;}",r?":host .kdds-nubbin_bottom-left"+o+"::before,:host \r.kdds-nubbin_bottom-left-corner"+o+"::before,:host \r.kdds-nubbin_bottom-left"+o+"::after,:host \r.kdds-nubbin_bottom-left-corner":e+" .kdds-nubbin_bottom-left"+o+"::before,"+e+" \r.kdds-nubbin_bottom-left-corner"+o+"::before,"+e+" \r.kdds-nubbin_bottom-left"+o+"::after,"+e+" \r.kdds-nubbin_bottom-left-corner",o,"::after {width: var(--kdds-g-spacing-4);height: var(--kdds-g-spacing-4);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;bottom: calc((var(--kdds-g-spacing-4) * 0.5) * -1);margin-left: calc((var(--kdds-g-spacing-4) * 0.5) * -1);left: var(--kdds-g-spacing-5);top: 100%;margin-top: calc((var(--kdds-g-spacing-4) * 0.5) * -1);z-index: -1;}",r?":host .kdds-nubbin_bottom-left"+o+"::after,:host \r.kdds-nubbin_bottom-left-corner":e+" .kdds-nubbin_bottom-left"+o+"::after,"+e+" \r.kdds-nubbin_bottom-left-corner",o,"::after {box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 16%);z-index: -2;}",r?":host .kdds-nubbin_bottom-right"+o+"::before,:host \r.kdds-nubbin_bottom-right-corner"+o+"::before,:host \r.kdds-nubbin_bottom-right"+o+"::after,:host \r.kdds-nubbin_bottom-right-corner":e+" .kdds-nubbin_bottom-right"+o+"::before,"+e+" \r.kdds-nubbin_bottom-right-corner"+o+"::before,"+e+" \r.kdds-nubbin_bottom-right"+o+"::after,"+e+" \r.kdds-nubbin_bottom-right-corner",o,"::after {width: var(--kdds-g-spacing-4);height: var(--kdds-g-spacing-4);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;inset: 100% auto calc((var(--kdds-g-spacing-4) * 0.5) * -1) var(--kdds-g-spacing-5);margin-top: calc((var(--kdds-g-spacing-4) * 0.5) * -1);margin-right: calc((var(--kdds-g-spacing-4) * 0.5) * -1);margin-left: calc((var(--kdds-g-spacing-4) * 0.5) * -1);z-index: -1;}",r?":host .kdds-nubbin_bottom-right"+o+"::after,:host \r.kdds-nubbin_bottom-right-corner":e+" .kdds-nubbin_bottom-right"+o+"::after,"+e+" \r.kdds-nubbin_bottom-right-corner",o,"::after {box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 16%);z-index: -2;}",r?":host .kdds-nubbin_left"+o+"::before,:host \r.kdds-nubbin_left":e+" .kdds-nubbin_left"+o+"::before,"+e+" \r.kdds-nubbin_left",o,"::after {width: var(--kdds-g-spacing-4);height: var(--kdds-g-spacing-4);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;top: 50%;left: calc((var(--kdds-g-spacing-4) * 0.5) * -1);margin-top: calc((var(--kdds-g-spacing-4) * 0.5) * -1);z-index: -1;}",r?":host .kdds-nubbin_left":e+" .kdds-nubbin_left",o,"::after {box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 16%);z-index: -2;}",r?":host .kdds-nubbin_left-top"+o+"::before,:host \r.kdds-nubbin_left-top-corner"+o+"::before,:host \r.kdds-nubbin_left-top"+o+"::after,:host \r.kdds-nubbin_left-top-corner":e+" .kdds-nubbin_left-top"+o+"::before,"+e+" \r.kdds-nubbin_left-top-corner"+o+"::before,"+e+" \r.kdds-nubbin_left-top"+o+"::after,"+e+" \r.kdds-nubbin_left-top-corner",o,"::after {width: var(--kdds-g-spacing-4);height: var(--kdds-g-spacing-4);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;left: calc((var(--kdds-g-spacing-4) * 0.5) * -1);margin-top: calc((var(--kdds-g-spacing-4) * 0.5) * -1);top: var(--kdds-g-spacing-5);z-index: -1;}",r?":host .kdds-nubbin_left-top"+o+"::after,:host \r.kdds-nubbin_left-top-corner":e+" .kdds-nubbin_left-top"+o+"::after,"+e+" \r.kdds-nubbin_left-top-corner",o,"::after {box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 16%);z-index: -2;}",r?":host .kdds-nubbin_left-bottom"+o+"::before,:host \r.kdds-nubbin_left-bottom-corner"+o+"::before,:host \r.kdds-nubbin_left-bottom"+o+"::after,:host \r.kdds-nubbin_left-bottom-corner":e+" .kdds-nubbin_left-bottom"+o+"::before,"+e+" \r.kdds-nubbin_left-bottom-corner"+o+"::before,"+e+" \r.kdds-nubbin_left-bottom"+o+"::after,"+e+" \r.kdds-nubbin_left-bottom-corner",o,"::after {width: var(--kdds-g-spacing-4);height: var(--kdds-g-spacing-4);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;left: calc((var(--kdds-g-spacing-4) * 0.5) * -1);margin-top: calc((var(--kdds-g-spacing-4) * 0.5) * -1);top: auto;bottom: var(--kdds-g-spacing-4);z-index: -1;}",r?":host .kdds-nubbin_left-bottom"+o+"::before,:host \r.kdds-nubbin_left-bottom-corner":e+" .kdds-nubbin_left-bottom"+o+"::before,"+e+" \r.kdds-nubbin_left-bottom-corner",o,"::before {margin-bottom: -1px;}",r?":host .kdds-nubbin_left-bottom"+o+"::after,:host \r.kdds-nubbin_left-bottom-corner":e+" .kdds-nubbin_left-bottom"+o+"::after,"+e+" \r.kdds-nubbin_left-bottom-corner",o,"::after {box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 16%);z-index: -2;}",r?":host .kdds-nubbin_right"+o+"::before,:host \r.kdds-nubbin_right":e+" .kdds-nubbin_right"+o+"::before,"+e+" \r.kdds-nubbin_right",o,"::after {width: var(--kdds-g-spacing-4);height: var(--kdds-g-spacing-4);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;top: 50%;right: calc((var(--kdds-g-spacing-4) * 0.5) * -1);margin-top: calc((var(--kdds-g-spacing-4) * 0.5) * -1);z-index: -1;}",r?":host .kdds-nubbin_right":e+" .kdds-nubbin_right",o,"::after {box-shadow: 1px -1px 2px 0 rgba(0, 0, 0, 16%);z-index: -2;}",r?":host .kdds-nubbin_right-top"+o+"::before,:host \r.kdds-nubbin_right-top-corner"+o+"::before,:host \r.kdds-nubbin_right-top"+o+"::after,:host \r.kdds-nubbin_right-top-corner":e+" .kdds-nubbin_right-top"+o+"::before,"+e+" \r.kdds-nubbin_right-top-corner"+o+"::before,"+e+" \r.kdds-nubbin_right-top"+o+"::after,"+e+" \r.kdds-nubbin_right-top-corner",o,"::after {width: var(--kdds-g-spacing-4);height: var(--kdds-g-spacing-4);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;right: calc((var(--kdds-g-spacing-4) * 0.5) * -1);margin-top: calc((var(--kdds-g-spacing-4) * 0.5) * -1);top: var(--kdds-g-spacing-5);z-index: -1;}",r?":host .kdds-nubbin_right-top"+o+"::after,:host \r.kdds-nubbin_right-top-corner":e+" .kdds-nubbin_right-top"+o+"::after,"+e+" \r.kdds-nubbin_right-top-corner",o,"::after {box-shadow: 1px -1px 2px 0 rgba(0, 0, 0, 16%);z-index: -2;}",r?":host .kdds-nubbin_right-bottom"+o+"::before,:host \r.kdds-nubbin_right-bottom-corner"+o+"::before,:host \r.kdds-nubbin_right-bottom"+o+"::after,:host \r.kdds-nubbin_right-bottom-corner":e+" .kdds-nubbin_right-bottom"+o+"::before,"+e+" \r.kdds-nubbin_right-bottom-corner"+o+"::before,"+e+" \r.kdds-nubbin_right-bottom"+o+"::after,"+e+" \r.kdds-nubbin_right-bottom-corner",o,"::after {width: var(--kdds-g-spacing-4);height: var(--kdds-g-spacing-4);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;right: calc((var(--kdds-g-spacing-4) * 0.5) * -1);margin-top: calc((var(--kdds-g-spacing-4) * 0.5) * -1);top: auto;bottom: var(--kdds-g-spacing-4);z-index: -1;}",r?":host .kdds-nubbin_right-bottom"+o+"::before,:host \r.kdds-nubbin_right-bottom-corner":e+" .kdds-nubbin_right-bottom"+o+"::before,"+e+" \r.kdds-nubbin_right-bottom-corner",o,"::before {margin-bottom: -1px;}",r?":host .kdds-nubbin_right-bottom"+o+"::after,:host \r.kdds-nubbin_right-bottom-corner":e+" .kdds-nubbin_right-bottom"+o+"::after,"+e+" \r.kdds-nubbin_right-bottom-corner",o,"::after {box-shadow: 2px -1px 3px 0 rgba(0, 0, 0, 16%);z-index: -2;}",r?":host .kdds-nubbin_top-left-corner":e+" .kdds-nubbin_top-left-corner",o," {border-radius: var(--kdds-g-sizing-border-2) var(--kdds-g-sizing-border-4) var(--kdds-g-sizing-border-4)\r\n var(--kdds-g-sizing-border-4);}",r?":host .kdds-nubbin_top-left-corner"+o+"::before,:host \r.kdds-nubbin_top-left-corner":e+" .kdds-nubbin_top-left-corner"+o+"::before,"+e+" \r.kdds-nubbin_top-left-corner",o,"::after {left: var(--kdds-g-spacing-3);}",r?":host .kdds-nubbin_bottom-left-corner":e+" .kdds-nubbin_bottom-left-corner",o," {border-radius: var(--kdds-g-sizing-border-4) var(--kdds-g-sizing-border-4) var(--kdds-g-sizing-border-4)\r\n var(--kdds-g-sizing-border-2);}",r?":host .kdds-nubbin_bottom-left-corner"+o+"::before,:host \r.kdds-nubbin_bottom-left-corner":e+" .kdds-nubbin_bottom-left-corner"+o+"::before,"+e+" \r.kdds-nubbin_bottom-left-corner",o,"::after {left: var(--kdds-g-spacing-3);}",r?":host .kdds-nubbin_top-right-corner":e+" .kdds-nubbin_top-right-corner",o," {border-radius: var(--kdds-g-sizing-border-4) var(--kdds-g-sizing-border-2) var(--kdds-g-sizing-border-4)\r\n var(--kdds-g-sizing-border-4);}",r?":host .kdds-nubbin_top-right-corner"+o+"::before,:host \r.kdds-nubbin_top-right-corner":e+" .kdds-nubbin_top-right-corner"+o+"::before,"+e+" \r.kdds-nubbin_top-right-corner",o,"::after {right: var(--kdds-g-spacing-3);}",r?":host .kdds-nubbin_bottom-right-corner":e+" .kdds-nubbin_bottom-right-corner",o," {border-radius: var(--kdds-g-sizing-border-4) var(--kdds-g-sizing-border-4) var(--kdds-g-sizing-border-2)\r\n var(--kdds-g-sizing-border-4);}",r?":host .kdds-nubbin_bottom-right-corner"+o+"::before,:host \r.kdds-nubbin_bottom-right-corner":e+" .kdds-nubbin_bottom-right-corner"+o+"::before,"+e+" \r.kdds-nubbin_bottom-right-corner",o,"::after {right: var(--kdds-g-spacing-3);}",r?":host .kdds-nubbin_left-top-corner":e+" .kdds-nubbin_left-top-corner",o," {border-radius: var(--kdds-g-sizing-border-2) var(--kdds-g-sizing-border-4) var(--kdds-g-sizing-border-4)\r\n var(--kdds-g-sizing-border-4);}",r?":host .kdds-nubbin_left-top-corner"+o+"::before,:host \r.kdds-nubbin_left-top-corner":e+" .kdds-nubbin_left-top-corner"+o+"::before,"+e+" \r.kdds-nubbin_left-top-corner",o,"::after {top: var(--kdds-g-spacing-3);}",r?":host .kdds-nubbin_right-top-corner":e+" .kdds-nubbin_right-top-corner",o," {border-radius: var(--kdds-g-sizing-border-4) var(--kdds-g-sizing-border-2) var(--kdds-g-sizing-border-4)\r\n var(--kdds-g-sizing-border-4);}",r?":host .kdds-nubbin_right-top-corner"+o+"::before,:host \r.kdds-nubbin_right-top-corner":e+" .kdds-nubbin_right-top-corner"+o+"::before,"+e+" \r.kdds-nubbin_right-top-corner",o,"::after {top: var(--kdds-g-spacing-3);}",r?":host .kdds-nubbin_left-bottom-corner":e+" .kdds-nubbin_left-bottom-corner",o," {border-radius: var(--kdds-g-sizing-border-4) var(--kdds-g-sizing-border-4) var(--kdds-g-sizing-border-4)\r\n var(--kdds-g-sizing-border-2);}",r?":host .kdds-nubbin_left-bottom-corner"+o+"::before,:host \r.kdds-nubbin_left-bottom-corner":e+" .kdds-nubbin_left-bottom-corner"+o+"::before,"+e+" \r.kdds-nubbin_left-bottom-corner",o,"::after {bottom: var(--kdds-g-spacing-1);}",r?":host .kdds-nubbin_right-bottom-corner":e+" .kdds-nubbin_right-bottom-corner",o," {border-radius: var(--kdds-g-sizing-border-4) var(--kdds-g-sizing-border-4) var(--kdds-g-sizing-border-2)\r\n var(--kdds-g-sizing-border-4);}",r?":host .kdds-nubbin_right-bottom-corner"+o+"::before,:host \r.kdds-nubbin_right-bottom-corner":e+" .kdds-nubbin_right-bottom-corner"+o+"::before,"+e+" \r.kdds-nubbin_right-bottom-corner",o,"::after {bottom: var(--kdds-g-spacing-1);}",r?":host [part~='dropdown']":e+" [part~='dropdown']",o," {--_dropdown-size-x-small: 12rem;--_dropdown-size-medium: var(--kdds-g-sizing-15);--_dropdown-square-icon-small-boundary: var(--kdds-g-sizing-7);--_nubbin-size-default: var(--kdds-g-sizing-5);--_duration-quickly: 0.1s;background-color: var(--kdds-c-datepicker-calendar-popup-background);color: var(--kdds-c-datepicker-text-label-color);border-radius: var(--kdds-c-datepicker-date-cells-border-radius);border-width: var(--kdds-g-sizing-border-1);border-color: var(--kdds-g-color-border-1);box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 16%);padding-inline-start: 0;padding-inline-end: 0;position: absolute;z-index: 7000;left: 50%;float: left;min-width: 6rem;max-width: var(--_dropdown-size-medium);width: max-content;margin-block-start: calc(var(--kdds-g-spacing-1) / 2);margin-block-end: calc(var(--kdds-g-spacing-1) / 2);font-family: var(--kdds-c-dropdown-font-family);font-size: var(--kdds-c-dropdown-font-size, var(--kdds-g-font-scale-neg-1));font-weight: var(--kdds-c-dropdown-font-weight);font-style: var(--kdds-c-dropdown-font-style);text-decoration: var(--kdds-c-dropdown-font-decoration);line-height: var(--kdds-c-dropdown-font-lineheight);letter-spacing: var(--kdds-c-dropdown-letter-spacing);border-style: solid;transform: translateX(-50%);}",r?":host mark":e+" mark",o," {font-weight: var(--kdds-g-font-weight-bold);background-color: transparent;color: inherit;}",r?":host .kdds-assistive-text":e+" .kdds-assistive-text",o," {position: absolute !important;margin: -1px !important;border: 0 !important;padding: 0 !important;width: 1px !important;height: 1px !important;overflow: hidden !important;clip: rect(0 0 0 0) !important;text-transform: none !important;white-space: nowrap !important;}",r?":host(.kdds-dropdown-trigger),:host \r.kdds-dropdown-trigger":e+".kdds-dropdown-trigger,"+e+" \r.kdds-dropdown-trigger",o," {position: relative;display: inline-block;}",r?":host(.kdds-dropdown-trigger) .kdds-dropdown"+o+",:host \r.kdds-dropdown-trigger":e+".kdds-dropdown-trigger .kdds-dropdown"+o+","+e+" \r.kdds-dropdown-trigger",o," .kdds-dropdown",o," {top: 100%;}",r?":host(.kdds-dropdown-trigger) .kdds-dropdown_bottom"+o+",:host \r.kdds-dropdown-trigger":e+".kdds-dropdown-trigger .kdds-dropdown_bottom"+o+","+e+" \r.kdds-dropdown-trigger",o," .kdds-dropdown_bottom",o," {top: auto;}",r?":host(.kdds-dropdown-trigger) > [class*='kdds-button_icon']"+o+" ~ .kdds-dropdown_left[class*='kdds-nubbin']"+o+",:host \r.kdds-dropdown-trigger":e+".kdds-dropdown-trigger > [class*='kdds-button_icon']"+o+" ~ .kdds-dropdown_left[class*='kdds-nubbin']"+o+","+e+" \r.kdds-dropdown-trigger",o," > [class*='kdds-button_icon']",o," ~ .kdds-dropdown_left[class*='kdds-nubbin']",o," {left: calc(var(--kdds-g-spacing-2) * -1);}",r?":host(.kdds-dropdown-trigger) > [class*='kdds-button_icon']"+o+" ~ .kdds-dropdown_right[class*='kdds-nubbin']"+o+",:host \r.kdds-dropdown-trigger":e+".kdds-dropdown-trigger > [class*='kdds-button_icon']"+o+" ~ .kdds-dropdown_right[class*='kdds-nubbin']"+o+","+e+" \r.kdds-dropdown-trigger",o," > [class*='kdds-button_icon']",o," ~ .kdds-dropdown_right[class*='kdds-nubbin']",o," {right: calc(var(--kdds-g-spacing-2) * -1);}",r?":host(.kdds-dropdown-trigger_hover) .kdds-dropdown"+o+",:host \r.kdds-dropdown-trigger_hover":e+".kdds-dropdown-trigger_hover .kdds-dropdown"+o+","+e+" \r.kdds-dropdown-trigger_hover",o," .kdds-dropdown",o," {visibility: hidden;opacity: 0;transition: opacity 0.2s linear, visibility 0.2s linear;}",r?":host(.kdds-dropdown-trigger_hover:hover),:host(.kdds-dropdown-trigger_hover:focus),:host \r.kdds-dropdown-trigger_hover:hover"+o+",:host \r.kdds-dropdown-trigger_hover:focus":e+":hover.kdds-dropdown-trigger_hover,"+e+":focus.kdds-dropdown-trigger_hover,"+e+" \r.kdds-dropdown-trigger_hover:hover"+o+","+e+" \r.kdds-dropdown-trigger_hover:focus",o," {outline: 0;}",r?":host(.kdds-dropdown-trigger_hover:hover) .kdds-dropdown"+o+",:host(.kdds-dropdown-trigger_hover:focus) .kdds-dropdown"+o+",:host \r.kdds-dropdown-trigger_hover:hover"+o+" .kdds-dropdown"+o+",:host \r.kdds-dropdown-trigger_hover:focus":e+":hover.kdds-dropdown-trigger_hover .kdds-dropdown"+o+","+e+":focus.kdds-dropdown-trigger_hover .kdds-dropdown"+o+","+e+" \r.kdds-dropdown-trigger_hover:hover"+o+" .kdds-dropdown"+o+","+e+" \r.kdds-dropdown-trigger_hover:focus",o," .kdds-dropdown",o," {visibility: visible;opacity: 1;transition:\r\n opacity var(--_duration-quickly) linear,\r\n visibility var(--_duration-quickly) linear;}",r?":host(.kdds-dropdown-trigger_click) .kdds-dropdown"+o+",:host(.kdds-dropdown-trigger_click:hover) .kdds-dropdown"+o+",:host \r.kdds-dropdown-trigger_click"+o+" .kdds-dropdown"+o+",:host \r.kdds-dropdown-trigger_click:hover":e+".kdds-dropdown-trigger_click .kdds-dropdown"+o+","+e+":hover.kdds-dropdown-trigger_click .kdds-dropdown"+o+","+e+" \r.kdds-dropdown-trigger_click"+o+" .kdds-dropdown"+o+","+e+" \r.kdds-dropdown-trigger_click:hover",o," .kdds-dropdown",o," {display: none;}",r?":host(.kdds-dropdown-trigger_click.kdds-is-open) .kdds-dropdown"+o+",:host \r.kdds-dropdown-trigger_click.kdds-is-open":e+".kdds-is-open.kdds-dropdown-trigger_click .kdds-dropdown"+o+","+e+" \r.kdds-dropdown-trigger_click.kdds-is-open",o," .kdds-dropdown",o," {display: block;visibility: visible;opacity: 1;}",r?":host [part~='dropdown'][class*='kdds-nubbin_top']":e+" [part~='dropdown'][class*='kdds-nubbin_top']",o," {margin-top: calc(var(--_nubbin-size-default) * 0.5);}",r?":host [part~='dropdown'][class*='kdds-nubbin_bottom']":e+" [part~='dropdown'][class*='kdds-nubbin_bottom']",o," {margin-bottom: calc(var(--_nubbin-size-default) * 0.5);}",r?":host .kdds-dropdown_left":e+" .kdds-dropdown_left",o," {left: 0;right: auto;transform: translateX(0);}",r?":host .kdds-dropdown_right":e+" .kdds-dropdown_right",o," {left: auto;right: 0;transform: translateX(0);}",r?":host .kdds-dropdown_bottom":e+" .kdds-dropdown_bottom",o," {bottom: 100%;}",r?":host .kdds-dropdown_xx-small":e+" .kdds-dropdown_xx-small",o," {min-width: var(--dropdown-size-xx-small);}",r?":host .kdds-dropdown_x-small":e+" .kdds-dropdown_x-small",o," {min-width: var(--_dropdown-size-x-small);}",r?":host .kdds-dropdown_small":e+" .kdds-dropdown_small",o," {min-width: var(--kdds-g-sizing-14);}",r?":host .kdds-dropdown_medium":e+" .kdds-dropdown_medium",o," {min-width: var(--_dropdown-size-medium);}",r?":host .kdds-dropdown_large":e+" .kdds-dropdown_large",o," {min-width: 25rem;}",r?":host .kdds-dropdown_fluid":e+" .kdds-dropdown_fluid",o," {min-width: var(\r\n --_dropdown-size-x-small\r\n );max-width: 100%;width: 100%;}",r?":host .kdds-dropdown_length-5":e+" .kdds-dropdown_length-5",o," {max-height: calc(\r\n ((var(--kdds-g-font-scale-neg-3) * var(--kdds-g-font-lineheight)) + var(--kdds-g-spacing-4)) * 5\r\n );overflow-y: auto;}",r?":host .kdds-dropdown_length-7":e+" .kdds-dropdown_length-7",o," {max-height: calc(\r\n ((var(--kdds-g-font-scale-neg-3) * var(--kdds-g-font-lineheight)) + var(--kdds-g-spacing-4)) * 7\r\n );overflow-y: auto;}",r?":host .kdds-dropdown_length-10":e+" .kdds-dropdown_length-10",o," {max-height: calc(\r\n ((var(--kdds-g-font-scale-neg-3) * var(--kdds-g-font-lineheight)) + var(--kdds-g-spacing-4)) * 10\r\n );overflow-y: auto;}",r?":host .kdds-dropdown_length-with-icon-5":e+" .kdds-dropdown_length-with-icon-5",o," {max-height: calc((var(--_dropdown-square-icon-small-boundary) + var(--kdds-g-spacing-4)) * 5);overflow-y: auto;}",r?":host .kdds-dropdown_length-with-icon-7":e+" .kdds-dropdown_length-with-icon-7",o," {max-height: calc((var(--_dropdown-square-icon-small-boundary) + var(--kdds-g-spacing-4)) * 7);overflow-y: auto;}",r?":host .kdds-dropdown_length-with-icon-10":e+" .kdds-dropdown_length-with-icon-10",o," {max-height: calc((var(--_dropdown-square-icon-small-boundary) + var(--kdds-g-spacing-4)) * 10);overflow-y: auto;}",r?":host [dir='rtl']":e+" [dir='rtl']",o," .kdds-dropdown_center",o," {left: auto;right: auto;transform: translateX(calc(50% - (0.875rem / 2)));}",r?":host .kdds-dropdown_inverse":e+" .kdds-dropdown_inverse",o," {background: var(--kdds-g-color-brand-base-10);border-color: var(--kdds-g-color-brand-base-10);color: var(--kdds-g-color-neutral-base-100);}",r?":host .kdds-dropdown_inverse":e+" .kdds-dropdown_inverse",o," .kdds-dropdown__item",o," > a",o," {color: var(--kdds-g-color-neutral-base-100);}",r?":host .kdds-dropdown_inverse"+o+" .kdds-dropdown__item"+o+" > a:hover"+o+",:host \r.kdds-dropdown_inverse":e+" .kdds-dropdown_inverse"+o+" .kdds-dropdown__item"+o+" > a:hover"+o+","+e+" \r.kdds-dropdown_inverse",o," .kdds-dropdown__item",o," > a:focus",o," {color: var(--kdds-g-color-neutral-base-90);background-color: transparent;}",r?":host .kdds-dropdown_inverse":e+" .kdds-dropdown_inverse",o," .kdds-dropdown__item",o," > a:active",o," {color: var(--kdds-g-color-neutral-base-80);background-color: transparent;}",r?":host .kdds-dropdown_inverse":e+" .kdds-dropdown_inverse",o," .kdds-dropdown__item",o," > a[aria-disabled='true']",o," {color: var(--kdds-g-color-palette-blue-20);cursor: default;}",r?":host .kdds-dropdown_inverse":e+" .kdds-dropdown_inverse",o," .kdds-dropdown__item",o," > a[aria-disabled='true']:hover",o," {background-color: transparent;}",r?":host .kdds-dropdown_actions":e+" .kdds-dropdown_actions",o," a",o," {color: var(--kdds-g-color-accent-2);}",r?":host .kdds-has-submenu":e+" .kdds-has-submenu",o," .kdds-dropdown_submenu",o," {top: 0;transform: none;}",r?":host .kdds-has-submenu":e+" .kdds-has-submenu",o," .kdds-dropdown_submenu-right",o," {left: 100%;margin-left: var(--kdds-g-spacing-1);}",r?":host .kdds-has-submenu":e+" .kdds-has-submenu",o," .kdds-dropdown_submenu-left",o," {left: 100%;margin-left: var(--kdds-g-spacing-1);}",r?":host .kdds-has-submenu":e+" .kdds-has-submenu",o," .kdds-dropdown_submenu-bottom",o," {top: auto;bottom: 0;margin-bottom: calc(var(--kdds-g-spacing-1) * -1);}",r?":host .kdds-p-vertical_large":e+" .kdds-p-vertical_large",o," {padding: var(--kdds-g-spacing-5);}"].join("")}];var g=[[function(d,r,t){return(t?"":'[dir="rtl"]')+" .kdds-dropdown_left"+(t?":dir(rtl)":"")+(d?"["+d+"]":"")+" {left: 0;right: auto;}"}],[r.stylesheet0,c,function(d,r,t){return(t?"":'[dir="rtl"]')+" .kdds-dropdown_left"+(t?":dir(rtl)":"")+(d?"["+d+"]":"")+" {left: 0;right: auto;}"}],function(d,r,t){var o=d?"["+d+"]":"",e=d?"["+d+"-host]":"";return(r?":host .kdds-datepicker__footer":e+" .kdds-datepicker__footer")+o+"{border-top: 1px solid var(--kdds-c-datepicker-item-divider-color);padding: 0 12px;height: 2.5rem;box-sizing: border-box;--kdds-c-button-padding-vertical-medium: 2px;}"+(r?":host .kdds-datepicker__footer":e+" .kdds-datepicker__footer")+o+" .kdds-button"+o+" {position: relative;display: inline-flex;align-items: center;padding-block: 0;padding-inline: 0;background: none;background-color: transparent;background-clip: border-box;border-color: transparent;border-style: solid;border-width: var(--kdds-g-sizing-border-1);border-radius: var(--kdds-g-radius-border-2);line-height: 1.875rem;text-decoration: none;color: var(--kdds-c-datepicker-quick-date-color);white-space: normal;user-select: none;}"+(r?":host .kdds-datepicker__footer"+o+" .kdds-button:hover"+o+",\r:host .kdds-datepicker__footer"+o+" .kdds-button:focus"+o+",\r:host .kdds-datepicker__footer"+o+" .kdds-button:active"+o+",\r:host .kdds-datepicker__footer":e+" .kdds-datepicker__footer"+o+" .kdds-button:hover"+o+","+e+" .kdds-datepicker__footer"+o+" .kdds-button:focus"+o+","+e+" .kdds-datepicker__footer"+o+" .kdds-button:active"+o+","+e+" .kdds-datepicker__footer")+o+" .kdds-button:visited"+o+" {text-decoration: none;}"+(r?":host .kdds-datepicker__footer":e+" .kdds-datepicker__footer")+o+" .kdds-button:hover"+o+" {color: var(--kdds-c-datepicker-quick-date-color-hover);}"+(r?":host .kdds-datepicker__footer":e+" .kdds-datepicker__footer")+o+" .kdds-button:focus"+o+" {color: var(--kdds-c-datepicker-quick-date-color-active);}"+(r?":host .kdds-datepicker__footer":e+" .kdds-datepicker__footer")+o+" .kdds-button:active"+o+" {color: var(--kdds-c-datepicker-quick-date-color-active);}"+(r?":host .kdds-datepicker__footer"+o+" .kdds-button[disabled]"+o+",\r:host .kdds-datepicker__footer":e+" .kdds-datepicker__footer"+o+" .kdds-button[disabled]"+o+","+e+" .kdds-datepicker__footer")+o+" .kdds-button:disabled"+o+" {background-color: transparent;border-color: transparent;color: var(--kdds-c-datepicker-quick-date-color-disabled);cursor: not-allowed;}"+(r?":host .kdds-datepicker__footer"+o+" .kdds-button[disabled]"+o+" *"+o+",\r:host .kdds-datepicker__footer":e+" .kdds-datepicker__footer"+o+" .kdds-button[disabled]"+o+" *"+o+","+e+" .kdds-datepicker__footer")+o+" .kdds-button:disabled"+o+" *"+o+" {pointer-events: none;}"+(r?":host .kdds-datepicker__footer"+o+" .kdds-button:hover"+o+" .kdds-datepicker__footer"+o+" .kdds-button__icon"+o+",\r:host .kdds-datepicker__footer"+o+" .kdds-button:focus"+o+" .kdds-datepicker__footer"+o+" .kdds-button__icon"+o+",\r:host .kdds-datepicker__footer"+o+" .kdds-button:active"+o+" .kdds-datepicker__footer"+o+" .kdds-button__icon"+o+",\r:host .kdds-datepicker__footer"+o+" .kdds-button[disabled]"+o+" .kdds-datepicker__footer"+o+" .kdds-button__icon"+o+",\r:host .kdds-datepicker__footer":e+" .kdds-datepicker__footer"+o+" .kdds-button:hover"+o+" .kdds-datepicker__footer"+o+" .kdds-button__icon"+o+","+e+" .kdds-datepicker__footer"+o+" .kdds-button:focus"+o+" .kdds-datepicker__footer"+o+" .kdds-button__icon"+o+","+e+" .kdds-datepicker__footer"+o+" .kdds-button:active"+o+" .kdds-datepicker__footer"+o+" .kdds-button__icon"+o+","+e+" .kdds-datepicker__footer"+o+" .kdds-button[disabled]"+o+" .kdds-datepicker__footer"+o+" .kdds-button__icon"+o+","+e+" .kdds-datepicker__footer")+o+" .kdds-button:disabled"+o+" .kdds-datepicker__footer"+o+" .kdds-button__icon"+o+" {fill: currentcolor;pointer-events: none;}"+(r?":host .kdds-align_absolute-center":e+" .kdds-align_absolute-center")+o+" {display: flex;justify-content: center;align-content: center;align-items: center;margin: auto;}"+(r?":host .kdds-align_right":e+" .kdds-align_right")+o+" {display: flex;justify-content: flex-end;align-content: center;align-items: center;}"}];const l=d.parseFragment`<div class="kdds-datepicker__footer kdds-align_absolute-center${0}"${2}><button name="today" type="button" class="kdds-button${0}"${2}>今天</button></div>`,p={classMap:{"kdds-datepicker":!0,"kdds-dropdown":!0,"kdds-dropdown_left":!0},attrs:{role:"dialog",tabindex:"-1",part:"overlay dropdown calendar"},key:0},h={key:1},u={styleDecls:[["display","flex",!1]],key:2},_={classMap:{"kdds-datepicker__footer":!0,"kdds-datepicker_action-button":!0,"kdds-align_right":!0},key:13};function f(d,r,i,a){const{b:b,c:k,fr:c,h:g,sp:f,st:m,t:v}=d,{_m0:w,_m1:x,_m2:y,_m3:z,_m4:D}=a;return[g("div",p,[k("kd-focus-trap",n,h,[g("div",u,[r.isShowDateTime?c(3,[k("kd-calendar-day",t,{props:{type:r.type,value:r.selectedDate,timeValue:r.dateTime.time},key:4,on:w||(a._m0={modechange:b(r.setMode),privatedayselect:b(r.onDaySelect)})})],0):null,r.isShowMonth?c(5,[k("kd-calendar-month",o,{props:{selectedDate:r.selectedDate},key:6,on:x||(a._m1={modechange:b(r.setMode),privatemonthselect:b(r.onMonthSelect)})})],0):null,r.isShowYear?c(7,[k("kd-calendar-year",e,{props:{selectedDate:r.selectedDate},key:8,on:y||(a._m2={privateyearselect:b(r.onYearSelect)})})],0):null]),r.isShowDate?c(9,[m(l,11,[f(1,{on:z||(a._m3={click:b(r.handleTodayClick)})},null)])],0):null,r.isShowTime?c(12,[g("div",_,[k("kd-button",s,{props:{disabled:r.confirmDisabled},key:14,on:D||(a._m4={click:b(r.handleConfirm)})},[v("确定")])])],0):null])])]}var m=d.registerTemplate(f);f.stylesheets=[],f.stylesheetToken="kwc-17vi0f4b8m9",f.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\calendar-undefined_calendar",g&&f.stylesheets.push.apply(f.stylesheets,g),d.freezeTemplate(f);class v extends i{constructor(...d){super(...d),this._mode="date",this.initialMode="date",this.selectedDate=void 0,this.displayValue=void 0,this.defaultTime=void 0}get type(){return this._mode}set type(d){this._mode=b.normalizeString(d,{validValues:["date","month","year","datetime"],fallbackValue:"date"}),this.initialMode=this._mode}get value(){return this.selectedDate}set value(d){this.selectedDate=d?String(d):d}get dateTime(){const d=this.selectedDate?.replace(" ",k.TIME_SEPARATOR).split(k.TIME_SEPARATOR)||[];return{date:d[0],time:d[1]||this.defaultTime}}get isShowDate(){return"date"===this._mode}get isShowDateTime(){return"date"===this._mode||"datetime"===this._mode}get isShowMonth(){return"month"===this._mode}get isShowYear(){return"year"===this._mode}get isShowTime(){return"datetime"===this._mode}get confirmDisabled(){return"datetime"!==this.type||!b.isValidDate((this.selectedDate||"").replace(" ",k.TIME_SEPARATOR))}get isInitialMode(){return this._mode===this.initialMode}get format(){return"datetime"===this.initialMode?k.STANDARD_DATETIME_FORMAT:k.STANDARD_DATE_FORMAT}getTodaysDate(){return this.todayDate?this.parseDate(this.todayDate):new Date}getSelectedDate(){return this.parseDate(this.selectedDate)}onDaySelect(d){d.stopPropagation(),this.selectedDate=d.detail.value,this.isInitialMode&&"date"===this.initialMode?this.dispatchSelectEvent():this.dispatchChangeEvent()}onMonthSelect(d){d.stopPropagation();const{month:r,year:t}=d.detail;let o=this.getSelectedDate();o||(o=this.getTodaysDate()),o.setMonth(Number(r)),o.setFullYear(Number(t)),this.renderCalendar(o),this.onSelectAfter()}onYearSelect(d){d.stopPropagation();const{value:r}=d.detail;let t=this.getSelectedDate();t||(t=this.getTodaysDate()),t.setFullYear(r),this.renderCalendar(t),this.onSelectAfter()}onSelectAfter(){this.isInitialMode?this.dispatchSelectEvent():(this._mode=this.initialMode,this.dispatchChangeEvent(!1))}setMode(d){d.stopPropagation();const{value:r}=d.detail;this._mode=r}handleKeydownConfirm(d){this.confirmDisabled||"datetime"!==this.type||"Enter"===d.key&&this.handleConfirm(d)}handleConfirm(d){d.stopPropagation(),this.dispatchSelectEvent()}handleTodayClick(d){d.stopPropagation(),this.renderToday(),this.dispatchSelectEvent()}dispatchSelectEvent(){this.dispatchEvent(new CustomEvent("select",{detail:{value:a.parseDateTime(this.selectedDate,k.STANDARD_DATETIME_FORMAT,!0)}}))}dispatchChangeEvent(d=!0){this.dispatchEvent(new CustomEvent("change",{detail:{value:a.parseDateTime(this.selectedDate,k.STANDARD_DATETIME_FORMAT,!0),showChangeInputValue:d}}))}parseDate(d){return a.parseDateTime(d,this.format,!0)}renderToday(){const d=this.getTodaysDate();this.renderCalendar(d)}renderCalendar(d){this.calendarMonth=d.getMonth(),this.calendarYear=d.getFullYear(),this.selectedDate=a.getISODateString(d)+k.TIME_SEPARATOR+a.getISOTimeStringNoMilliseconds(d)}renderedCallback(){this.dispatchEvent(new CustomEvent("ready"))}connectedCallback(){super.connectedCallback(),this._connected=!0,this.todayDate=a.getCurrentDateString(),document.addEventListener("keydown",this.handleKeydownConfirm.bind(this))}disconnectedCallback(){this._connected=!1,document.removeEventListener("keydown",this.handleKeydownConfirm.bind(this))}}d.registerDecorators(v,{publicProps:{defaultTime:{config:0},type:{config:3},value:{config:3}},track:{_mode:1,selectedDate:1,displayValue:1},fields:["initialMode"]});const w=d.registerComponent(v,{tmpl:m,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\calendar-",apiVersion:63});module.exports=w;
|
|
1
|
+
"use strict";var d=require("@kdcloudjs/kwc"),r=require("../kddsCommon-CICoPypw.js"),t=require("./calendarDay.js"),o=require("./calendarMonth.js"),e=require("./calendarYear.js"),s=require("./button.js"),n=require("./focusTrap.js"),i=require("./shadowBaseClassPrivate.js"),a=require("../intlFormat-Bs-dlvDH.js");require("../i18n-CP31jeWH.js"),require("../observable-BXDJFaLN.js");var b=require("../utilsPrivate-DL4VBetH.js"),k=require("./iso8601Utils.js");require("../calendar.kdds-DBIZRNEC.js"),require("./icon.js"),require("./calendarTime.js"),require("../client-Co_j5m_k.js"),require("../ssr-RXknEJpO.js"),require("../colorValid-BBnkvgd_.js"),require("../empty_html-hFq4zm9t.js"),require("./i18nCldrOptions.js"),require("./i18nService.js"),require("./configProvider.js"),require("../classSet-B5xuJbNb.js"),require("../labelUtils-C2UzbgdZ.js"),require("../label-DdXuOVTE.js"),require("./features.js"),require("../intlDisplayNames-DjPWNJUj.js"),require("../calendarMonth-DuBmYkui.js"),require("../focus-DdgBlQbB.js"),require("./tooltipLibrary.js"),require("./positionLibrary.js"),require("./primitiveBubble.js"),require("./ariaObserver.js");var c=[function(d,r,t){var o=d?"["+d+"]":"",e=d?"["+d+"-host]":"";return[r?":host .kdds-nubbin_top"+o+"::before,:host \r.kdds-nubbin_top":e+" .kdds-nubbin_top"+o+"::before,"+e+" \r.kdds-nubbin_top",o,"::after {width: var(--kdds-g-spacing-4);height: var(--kdds-g-spacing-4);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;left: 50%;top: calc((var(--kdds-g-spacing-4) * 0.5) * -1);margin-left: calc((var(--kdds-g-spacing-4) * 0.5) * -1);z-index: -1;}",r?":host .kdds-nubbin_top":e+" .kdds-nubbin_top",o,"::after {box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 16%);z-index: -2;}",r?":host .kdds-nubbin_top-left"+o+"::before,:host \r.kdds-nubbin_top-left-corner"+o+"::before,:host \r.kdds-nubbin_top-left"+o+"::after,:host \r.kdds-nubbin_top-left-corner":e+" .kdds-nubbin_top-left"+o+"::before,"+e+" \r.kdds-nubbin_top-left-corner"+o+"::before,"+e+" \r.kdds-nubbin_top-left"+o+"::after,"+e+" \r.kdds-nubbin_top-left-corner",o,"::after {width: var(--kdds-g-spacing-4);height: var(--kdds-g-spacing-4);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;left: var(--kdds-g-spacing-5);top: calc((var(--kdds-g-spacing-4) * 0.5) * -1);margin-left: calc((var(--kdds-g-spacing-4) * 0.5) * -1);z-index: -1;}",r?":host .kdds-nubbin_top-left"+o+"::after,:host \r.kdds-nubbin_top-left-corner":e+" .kdds-nubbin_top-left"+o+"::after,"+e+" \r.kdds-nubbin_top-left-corner",o,"::after {box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 16%);z-index: -2;}",r?":host .kdds-nubbin_top-right"+o+"::before,:host \r.kdds-nubbin_top-right-corner"+o+"::before,:host \r.kdds-nubbin_top-right"+o+"::after,:host \r.kdds-nubbin_top-right-corner":e+" .kdds-nubbin_top-right"+o+"::before,"+e+" \r.kdds-nubbin_top-right-corner"+o+"::before,"+e+" \r.kdds-nubbin_top-right"+o+"::after,"+e+" \r.kdds-nubbin_top-right-corner",o,"::after {width: var(--kdds-g-spacing-4);height: var(--kdds-g-spacing-4);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;margin-left: calc((var(--kdds-g-spacing-4) * 0.5) * -1);left: auto;right: var(--kdds-g-spacing-5);top: calc((var(--kdds-g-spacing-4) * 0.5) * -1);margin-right: calc((var(--kdds-g-spacing-4) * 0.5) * -1);z-index: -1;}",r?":host .kdds-nubbin_top-right"+o+"::after,:host \r.kdds-nubbin_top-right-corner":e+" .kdds-nubbin_top-right"+o+"::after,"+e+" \r.kdds-nubbin_top-right-corner",o,"::after {box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 16%);z-index: -2;}",r?":host .kdds-nubbin_bottom"+o+"::before,:host \r.kdds-nubbin_bottom":e+" .kdds-nubbin_bottom"+o+"::before,"+e+" \r.kdds-nubbin_bottom",o,"::after {width: var(--kdds-g-spacing-4);height: var(--kdds-g-spacing-4);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;left: 50%;bottom: calc((var(--kdds-g-spacing-4) * 0.5) * -1);margin-left: calc((var(--kdds-g-spacing-4) * 0.5) * -1);z-index: -1;}",r?":host .kdds-nubbin_bottom":e+" .kdds-nubbin_bottom",o,"::after {box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 16%);z-index: -2;}",r?":host .kdds-nubbin_bottom-left"+o+"::before,:host \r.kdds-nubbin_bottom-left-corner"+o+"::before,:host \r.kdds-nubbin_bottom-left"+o+"::after,:host \r.kdds-nubbin_bottom-left-corner":e+" .kdds-nubbin_bottom-left"+o+"::before,"+e+" \r.kdds-nubbin_bottom-left-corner"+o+"::before,"+e+" \r.kdds-nubbin_bottom-left"+o+"::after,"+e+" \r.kdds-nubbin_bottom-left-corner",o,"::after {width: var(--kdds-g-spacing-4);height: var(--kdds-g-spacing-4);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;bottom: calc((var(--kdds-g-spacing-4) * 0.5) * -1);margin-left: calc((var(--kdds-g-spacing-4) * 0.5) * -1);left: var(--kdds-g-spacing-5);top: 100%;margin-top: calc((var(--kdds-g-spacing-4) * 0.5) * -1);z-index: -1;}",r?":host .kdds-nubbin_bottom-left"+o+"::after,:host \r.kdds-nubbin_bottom-left-corner":e+" .kdds-nubbin_bottom-left"+o+"::after,"+e+" \r.kdds-nubbin_bottom-left-corner",o,"::after {box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 16%);z-index: -2;}",r?":host .kdds-nubbin_bottom-right"+o+"::before,:host \r.kdds-nubbin_bottom-right-corner"+o+"::before,:host \r.kdds-nubbin_bottom-right"+o+"::after,:host \r.kdds-nubbin_bottom-right-corner":e+" .kdds-nubbin_bottom-right"+o+"::before,"+e+" \r.kdds-nubbin_bottom-right-corner"+o+"::before,"+e+" \r.kdds-nubbin_bottom-right"+o+"::after,"+e+" \r.kdds-nubbin_bottom-right-corner",o,"::after {width: var(--kdds-g-spacing-4);height: var(--kdds-g-spacing-4);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;inset: 100% auto calc((var(--kdds-g-spacing-4) * 0.5) * -1) var(--kdds-g-spacing-5);margin-top: calc((var(--kdds-g-spacing-4) * 0.5) * -1);margin-right: calc((var(--kdds-g-spacing-4) * 0.5) * -1);margin-left: calc((var(--kdds-g-spacing-4) * 0.5) * -1);z-index: -1;}",r?":host .kdds-nubbin_bottom-right"+o+"::after,:host \r.kdds-nubbin_bottom-right-corner":e+" .kdds-nubbin_bottom-right"+o+"::after,"+e+" \r.kdds-nubbin_bottom-right-corner",o,"::after {box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 16%);z-index: -2;}",r?":host .kdds-nubbin_left"+o+"::before,:host \r.kdds-nubbin_left":e+" .kdds-nubbin_left"+o+"::before,"+e+" \r.kdds-nubbin_left",o,"::after {width: var(--kdds-g-spacing-4);height: var(--kdds-g-spacing-4);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;top: 50%;left: calc((var(--kdds-g-spacing-4) * 0.5) * -1);margin-top: calc((var(--kdds-g-spacing-4) * 0.5) * -1);z-index: -1;}",r?":host .kdds-nubbin_left":e+" .kdds-nubbin_left",o,"::after {box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 16%);z-index: -2;}",r?":host .kdds-nubbin_left-top"+o+"::before,:host \r.kdds-nubbin_left-top-corner"+o+"::before,:host \r.kdds-nubbin_left-top"+o+"::after,:host \r.kdds-nubbin_left-top-corner":e+" .kdds-nubbin_left-top"+o+"::before,"+e+" \r.kdds-nubbin_left-top-corner"+o+"::before,"+e+" \r.kdds-nubbin_left-top"+o+"::after,"+e+" \r.kdds-nubbin_left-top-corner",o,"::after {width: var(--kdds-g-spacing-4);height: var(--kdds-g-spacing-4);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;left: calc((var(--kdds-g-spacing-4) * 0.5) * -1);margin-top: calc((var(--kdds-g-spacing-4) * 0.5) * -1);top: var(--kdds-g-spacing-5);z-index: -1;}",r?":host .kdds-nubbin_left-top"+o+"::after,:host \r.kdds-nubbin_left-top-corner":e+" .kdds-nubbin_left-top"+o+"::after,"+e+" \r.kdds-nubbin_left-top-corner",o,"::after {box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 16%);z-index: -2;}",r?":host .kdds-nubbin_left-bottom"+o+"::before,:host \r.kdds-nubbin_left-bottom-corner"+o+"::before,:host \r.kdds-nubbin_left-bottom"+o+"::after,:host \r.kdds-nubbin_left-bottom-corner":e+" .kdds-nubbin_left-bottom"+o+"::before,"+e+" \r.kdds-nubbin_left-bottom-corner"+o+"::before,"+e+" \r.kdds-nubbin_left-bottom"+o+"::after,"+e+" \r.kdds-nubbin_left-bottom-corner",o,"::after {width: var(--kdds-g-spacing-4);height: var(--kdds-g-spacing-4);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;left: calc((var(--kdds-g-spacing-4) * 0.5) * -1);margin-top: calc((var(--kdds-g-spacing-4) * 0.5) * -1);top: auto;bottom: var(--kdds-g-spacing-4);z-index: -1;}",r?":host .kdds-nubbin_left-bottom"+o+"::before,:host \r.kdds-nubbin_left-bottom-corner":e+" .kdds-nubbin_left-bottom"+o+"::before,"+e+" \r.kdds-nubbin_left-bottom-corner",o,"::before {margin-bottom: -1px;}",r?":host .kdds-nubbin_left-bottom"+o+"::after,:host \r.kdds-nubbin_left-bottom-corner":e+" .kdds-nubbin_left-bottom"+o+"::after,"+e+" \r.kdds-nubbin_left-bottom-corner",o,"::after {box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 16%);z-index: -2;}",r?":host .kdds-nubbin_right"+o+"::before,:host \r.kdds-nubbin_right":e+" .kdds-nubbin_right"+o+"::before,"+e+" \r.kdds-nubbin_right",o,"::after {width: var(--kdds-g-spacing-4);height: var(--kdds-g-spacing-4);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;top: 50%;right: calc((var(--kdds-g-spacing-4) * 0.5) * -1);margin-top: calc((var(--kdds-g-spacing-4) * 0.5) * -1);z-index: -1;}",r?":host .kdds-nubbin_right":e+" .kdds-nubbin_right",o,"::after {box-shadow: 1px -1px 2px 0 rgba(0, 0, 0, 16%);z-index: -2;}",r?":host .kdds-nubbin_right-top"+o+"::before,:host \r.kdds-nubbin_right-top-corner"+o+"::before,:host \r.kdds-nubbin_right-top"+o+"::after,:host \r.kdds-nubbin_right-top-corner":e+" .kdds-nubbin_right-top"+o+"::before,"+e+" \r.kdds-nubbin_right-top-corner"+o+"::before,"+e+" \r.kdds-nubbin_right-top"+o+"::after,"+e+" \r.kdds-nubbin_right-top-corner",o,"::after {width: var(--kdds-g-spacing-4);height: var(--kdds-g-spacing-4);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;right: calc((var(--kdds-g-spacing-4) * 0.5) * -1);margin-top: calc((var(--kdds-g-spacing-4) * 0.5) * -1);top: var(--kdds-g-spacing-5);z-index: -1;}",r?":host .kdds-nubbin_right-top"+o+"::after,:host \r.kdds-nubbin_right-top-corner":e+" .kdds-nubbin_right-top"+o+"::after,"+e+" \r.kdds-nubbin_right-top-corner",o,"::after {box-shadow: 1px -1px 2px 0 rgba(0, 0, 0, 16%);z-index: -2;}",r?":host .kdds-nubbin_right-bottom"+o+"::before,:host \r.kdds-nubbin_right-bottom-corner"+o+"::before,:host \r.kdds-nubbin_right-bottom"+o+"::after,:host \r.kdds-nubbin_right-bottom-corner":e+" .kdds-nubbin_right-bottom"+o+"::before,"+e+" \r.kdds-nubbin_right-bottom-corner"+o+"::before,"+e+" \r.kdds-nubbin_right-bottom"+o+"::after,"+e+" \r.kdds-nubbin_right-bottom-corner",o,"::after {width: var(--kdds-g-spacing-4);height: var(--kdds-g-spacing-4);position: absolute;transform: rotate(45deg);content: '';background-color: inherit;right: calc((var(--kdds-g-spacing-4) * 0.5) * -1);margin-top: calc((var(--kdds-g-spacing-4) * 0.5) * -1);top: auto;bottom: var(--kdds-g-spacing-4);z-index: -1;}",r?":host .kdds-nubbin_right-bottom"+o+"::before,:host \r.kdds-nubbin_right-bottom-corner":e+" .kdds-nubbin_right-bottom"+o+"::before,"+e+" \r.kdds-nubbin_right-bottom-corner",o,"::before {margin-bottom: -1px;}",r?":host .kdds-nubbin_right-bottom"+o+"::after,:host \r.kdds-nubbin_right-bottom-corner":e+" .kdds-nubbin_right-bottom"+o+"::after,"+e+" \r.kdds-nubbin_right-bottom-corner",o,"::after {box-shadow: 2px -1px 3px 0 rgba(0, 0, 0, 16%);z-index: -2;}",r?":host .kdds-nubbin_top-left-corner":e+" .kdds-nubbin_top-left-corner",o," {border-radius: var(--kdds-g-sizing-border-2) var(--kdds-g-sizing-border-4) var(--kdds-g-sizing-border-4)\r\n var(--kdds-g-sizing-border-4);}",r?":host .kdds-nubbin_top-left-corner"+o+"::before,:host \r.kdds-nubbin_top-left-corner":e+" .kdds-nubbin_top-left-corner"+o+"::before,"+e+" \r.kdds-nubbin_top-left-corner",o,"::after {left: var(--kdds-g-spacing-3);}",r?":host .kdds-nubbin_bottom-left-corner":e+" .kdds-nubbin_bottom-left-corner",o," {border-radius: var(--kdds-g-sizing-border-4) var(--kdds-g-sizing-border-4) var(--kdds-g-sizing-border-4)\r\n var(--kdds-g-sizing-border-2);}",r?":host .kdds-nubbin_bottom-left-corner"+o+"::before,:host \r.kdds-nubbin_bottom-left-corner":e+" .kdds-nubbin_bottom-left-corner"+o+"::before,"+e+" \r.kdds-nubbin_bottom-left-corner",o,"::after {left: var(--kdds-g-spacing-3);}",r?":host .kdds-nubbin_top-right-corner":e+" .kdds-nubbin_top-right-corner",o," {border-radius: var(--kdds-g-sizing-border-4) var(--kdds-g-sizing-border-2) var(--kdds-g-sizing-border-4)\r\n var(--kdds-g-sizing-border-4);}",r?":host .kdds-nubbin_top-right-corner"+o+"::before,:host \r.kdds-nubbin_top-right-corner":e+" .kdds-nubbin_top-right-corner"+o+"::before,"+e+" \r.kdds-nubbin_top-right-corner",o,"::after {right: var(--kdds-g-spacing-3);}",r?":host .kdds-nubbin_bottom-right-corner":e+" .kdds-nubbin_bottom-right-corner",o," {border-radius: var(--kdds-g-sizing-border-4) var(--kdds-g-sizing-border-4) var(--kdds-g-sizing-border-2)\r\n var(--kdds-g-sizing-border-4);}",r?":host .kdds-nubbin_bottom-right-corner"+o+"::before,:host \r.kdds-nubbin_bottom-right-corner":e+" .kdds-nubbin_bottom-right-corner"+o+"::before,"+e+" \r.kdds-nubbin_bottom-right-corner",o,"::after {right: var(--kdds-g-spacing-3);}",r?":host .kdds-nubbin_left-top-corner":e+" .kdds-nubbin_left-top-corner",o," {border-radius: var(--kdds-g-sizing-border-2) var(--kdds-g-sizing-border-4) var(--kdds-g-sizing-border-4)\r\n var(--kdds-g-sizing-border-4);}",r?":host .kdds-nubbin_left-top-corner"+o+"::before,:host \r.kdds-nubbin_left-top-corner":e+" .kdds-nubbin_left-top-corner"+o+"::before,"+e+" \r.kdds-nubbin_left-top-corner",o,"::after {top: var(--kdds-g-spacing-3);}",r?":host .kdds-nubbin_right-top-corner":e+" .kdds-nubbin_right-top-corner",o," {border-radius: var(--kdds-g-sizing-border-4) var(--kdds-g-sizing-border-2) var(--kdds-g-sizing-border-4)\r\n var(--kdds-g-sizing-border-4);}",r?":host .kdds-nubbin_right-top-corner"+o+"::before,:host \r.kdds-nubbin_right-top-corner":e+" .kdds-nubbin_right-top-corner"+o+"::before,"+e+" \r.kdds-nubbin_right-top-corner",o,"::after {top: var(--kdds-g-spacing-3);}",r?":host .kdds-nubbin_left-bottom-corner":e+" .kdds-nubbin_left-bottom-corner",o," {border-radius: var(--kdds-g-sizing-border-4) var(--kdds-g-sizing-border-4) var(--kdds-g-sizing-border-4)\r\n var(--kdds-g-sizing-border-2);}",r?":host .kdds-nubbin_left-bottom-corner"+o+"::before,:host \r.kdds-nubbin_left-bottom-corner":e+" .kdds-nubbin_left-bottom-corner"+o+"::before,"+e+" \r.kdds-nubbin_left-bottom-corner",o,"::after {bottom: var(--kdds-g-spacing-1);}",r?":host .kdds-nubbin_right-bottom-corner":e+" .kdds-nubbin_right-bottom-corner",o," {border-radius: var(--kdds-g-sizing-border-4) var(--kdds-g-sizing-border-4) var(--kdds-g-sizing-border-2)\r\n var(--kdds-g-sizing-border-4);}",r?":host .kdds-nubbin_right-bottom-corner"+o+"::before,:host \r.kdds-nubbin_right-bottom-corner":e+" .kdds-nubbin_right-bottom-corner"+o+"::before,"+e+" \r.kdds-nubbin_right-bottom-corner",o,"::after {bottom: var(--kdds-g-spacing-1);}",r?":host [part~='dropdown']":e+" [part~='dropdown']",o," {--_dropdown-size-x-small: 12rem;--_dropdown-size-medium: var(--kdds-g-sizing-15);--_dropdown-square-icon-small-boundary: var(--kdds-g-sizing-7);--_nubbin-size-default: var(--kdds-g-sizing-5);--_duration-quickly: 0.1s;background-color: var(--kdds-c-datepicker-calendar-popup-background);color: var(--kdds-c-datepicker-text-label-color);border-radius: var(--kdds-c-datepicker-date-cells-border-radius);border-width: var(--kdds-g-sizing-border-1);border-color: var(--kdds-g-color-border-1);box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 16%);padding-inline-start: 0;padding-inline-end: 0;position: absolute;z-index: 7000;left: 50%;float: left;min-width: 6rem;max-width: var(--_dropdown-size-medium);width: max-content;margin-block-start: calc(var(--kdds-g-spacing-1) / 2);margin-block-end: calc(var(--kdds-g-spacing-1) / 2);font-family: var(--kdds-c-dropdown-font-family);font-size: var(--kdds-c-dropdown-font-size, var(--kdds-g-font-scale-neg-1));font-weight: var(--kdds-c-dropdown-font-weight);font-style: var(--kdds-c-dropdown-font-style);text-decoration: var(--kdds-c-dropdown-font-decoration);line-height: var(--kdds-c-dropdown-font-lineheight);letter-spacing: var(--kdds-c-dropdown-letter-spacing);border-style: solid;transform: translateX(-50%);}",r?":host mark":e+" mark",o," {font-weight: var(--kdds-g-font-weight-bold);background-color: transparent;color: inherit;}",r?":host .kdds-assistive-text":e+" .kdds-assistive-text",o," {position: absolute !important;margin: -1px !important;border: 0 !important;padding: 0 !important;width: 1px !important;height: 1px !important;overflow: hidden !important;clip: rect(0 0 0 0) !important;text-transform: none !important;white-space: nowrap !important;}",r?":host(.kdds-dropdown-trigger),:host \r.kdds-dropdown-trigger":e+".kdds-dropdown-trigger,"+e+" \r.kdds-dropdown-trigger",o," {position: relative;display: inline-block;}",r?":host(.kdds-dropdown-trigger) .kdds-dropdown"+o+",:host \r.kdds-dropdown-trigger":e+".kdds-dropdown-trigger .kdds-dropdown"+o+","+e+" \r.kdds-dropdown-trigger",o," .kdds-dropdown",o," {top: 100%;}",r?":host(.kdds-dropdown-trigger) .kdds-dropdown_bottom"+o+",:host \r.kdds-dropdown-trigger":e+".kdds-dropdown-trigger .kdds-dropdown_bottom"+o+","+e+" \r.kdds-dropdown-trigger",o," .kdds-dropdown_bottom",o," {top: auto;}",r?":host(.kdds-dropdown-trigger) > [class*='kdds-button_icon']"+o+" ~ .kdds-dropdown_left[class*='kdds-nubbin']"+o+",:host \r.kdds-dropdown-trigger":e+".kdds-dropdown-trigger > [class*='kdds-button_icon']"+o+" ~ .kdds-dropdown_left[class*='kdds-nubbin']"+o+","+e+" \r.kdds-dropdown-trigger",o," > [class*='kdds-button_icon']",o," ~ .kdds-dropdown_left[class*='kdds-nubbin']",o," {left: calc(var(--kdds-g-spacing-2) * -1);}",r?":host(.kdds-dropdown-trigger) > [class*='kdds-button_icon']"+o+" ~ .kdds-dropdown_right[class*='kdds-nubbin']"+o+",:host \r.kdds-dropdown-trigger":e+".kdds-dropdown-trigger > [class*='kdds-button_icon']"+o+" ~ .kdds-dropdown_right[class*='kdds-nubbin']"+o+","+e+" \r.kdds-dropdown-trigger",o," > [class*='kdds-button_icon']",o," ~ .kdds-dropdown_right[class*='kdds-nubbin']",o," {right: calc(var(--kdds-g-spacing-2) * -1);}",r?":host(.kdds-dropdown-trigger_hover) .kdds-dropdown"+o+",:host \r.kdds-dropdown-trigger_hover":e+".kdds-dropdown-trigger_hover .kdds-dropdown"+o+","+e+" \r.kdds-dropdown-trigger_hover",o," .kdds-dropdown",o," {visibility: hidden;opacity: 0;transition: opacity 0.2s linear, visibility 0.2s linear;}",r?":host(.kdds-dropdown-trigger_hover:hover),:host(.kdds-dropdown-trigger_hover:focus),:host \r.kdds-dropdown-trigger_hover:hover"+o+",:host \r.kdds-dropdown-trigger_hover:focus":e+":hover.kdds-dropdown-trigger_hover,"+e+":focus.kdds-dropdown-trigger_hover,"+e+" \r.kdds-dropdown-trigger_hover:hover"+o+","+e+" \r.kdds-dropdown-trigger_hover:focus",o," {outline: 0;}",r?":host(.kdds-dropdown-trigger_hover:hover) .kdds-dropdown"+o+",:host(.kdds-dropdown-trigger_hover:focus) .kdds-dropdown"+o+",:host \r.kdds-dropdown-trigger_hover:hover"+o+" .kdds-dropdown"+o+",:host \r.kdds-dropdown-trigger_hover:focus":e+":hover.kdds-dropdown-trigger_hover .kdds-dropdown"+o+","+e+":focus.kdds-dropdown-trigger_hover .kdds-dropdown"+o+","+e+" \r.kdds-dropdown-trigger_hover:hover"+o+" .kdds-dropdown"+o+","+e+" \r.kdds-dropdown-trigger_hover:focus",o," .kdds-dropdown",o," {visibility: visible;opacity: 1;transition:\r\n opacity var(--_duration-quickly) linear,\r\n visibility var(--_duration-quickly) linear;}",r?":host(.kdds-dropdown-trigger_click) .kdds-dropdown"+o+",:host(.kdds-dropdown-trigger_click:hover) .kdds-dropdown"+o+",:host \r.kdds-dropdown-trigger_click"+o+" .kdds-dropdown"+o+",:host \r.kdds-dropdown-trigger_click:hover":e+".kdds-dropdown-trigger_click .kdds-dropdown"+o+","+e+":hover.kdds-dropdown-trigger_click .kdds-dropdown"+o+","+e+" \r.kdds-dropdown-trigger_click"+o+" .kdds-dropdown"+o+","+e+" \r.kdds-dropdown-trigger_click:hover",o," .kdds-dropdown",o," {display: none;}",r?":host(.kdds-dropdown-trigger_click.kdds-is-open) .kdds-dropdown"+o+",:host \r.kdds-dropdown-trigger_click.kdds-is-open":e+".kdds-is-open.kdds-dropdown-trigger_click .kdds-dropdown"+o+","+e+" \r.kdds-dropdown-trigger_click.kdds-is-open",o," .kdds-dropdown",o," {display: block;visibility: visible;opacity: 1;}",r?":host [part~='dropdown'][class*='kdds-nubbin_top']":e+" [part~='dropdown'][class*='kdds-nubbin_top']",o," {margin-top: calc(var(--_nubbin-size-default) * 0.5);}",r?":host [part~='dropdown'][class*='kdds-nubbin_bottom']":e+" [part~='dropdown'][class*='kdds-nubbin_bottom']",o," {margin-bottom: calc(var(--_nubbin-size-default) * 0.5);}",r?":host .kdds-dropdown_left":e+" .kdds-dropdown_left",o," {left: 0;right: auto;transform: translateX(0);}",r?":host .kdds-dropdown_right":e+" .kdds-dropdown_right",o," {left: auto;right: 0;transform: translateX(0);}",r?":host .kdds-dropdown_bottom":e+" .kdds-dropdown_bottom",o," {bottom: 100%;}",r?":host .kdds-dropdown_xx-small":e+" .kdds-dropdown_xx-small",o," {min-width: var(--dropdown-size-xx-small);}",r?":host .kdds-dropdown_x-small":e+" .kdds-dropdown_x-small",o," {min-width: var(--_dropdown-size-x-small);}",r?":host .kdds-dropdown_small":e+" .kdds-dropdown_small",o," {min-width: var(--kdds-g-sizing-14);}",r?":host .kdds-dropdown_medium":e+" .kdds-dropdown_medium",o," {min-width: var(--_dropdown-size-medium);}",r?":host .kdds-dropdown_large":e+" .kdds-dropdown_large",o," {min-width: 25rem;}",r?":host .kdds-dropdown_fluid":e+" .kdds-dropdown_fluid",o," {min-width: var(\r\n --_dropdown-size-x-small\r\n );max-width: 100%;width: 100%;}",r?":host .kdds-dropdown_length-5":e+" .kdds-dropdown_length-5",o," {max-height: calc(\r\n ((var(--kdds-g-font-scale-neg-3) * var(--kdds-g-font-lineheight)) + var(--kdds-g-spacing-4)) * 5\r\n );overflow-y: auto;}",r?":host .kdds-dropdown_length-7":e+" .kdds-dropdown_length-7",o," {max-height: calc(\r\n ((var(--kdds-g-font-scale-neg-3) * var(--kdds-g-font-lineheight)) + var(--kdds-g-spacing-4)) * 7\r\n );overflow-y: auto;}",r?":host .kdds-dropdown_length-10":e+" .kdds-dropdown_length-10",o," {max-height: calc(\r\n ((var(--kdds-g-font-scale-neg-3) * var(--kdds-g-font-lineheight)) + var(--kdds-g-spacing-4)) * 10\r\n );overflow-y: auto;}",r?":host .kdds-dropdown_length-with-icon-5":e+" .kdds-dropdown_length-with-icon-5",o," {max-height: calc((var(--_dropdown-square-icon-small-boundary) + var(--kdds-g-spacing-4)) * 5);overflow-y: auto;}",r?":host .kdds-dropdown_length-with-icon-7":e+" .kdds-dropdown_length-with-icon-7",o," {max-height: calc((var(--_dropdown-square-icon-small-boundary) + var(--kdds-g-spacing-4)) * 7);overflow-y: auto;}",r?":host .kdds-dropdown_length-with-icon-10":e+" .kdds-dropdown_length-with-icon-10",o," {max-height: calc((var(--_dropdown-square-icon-small-boundary) + var(--kdds-g-spacing-4)) * 10);overflow-y: auto;}",r?":host [dir='rtl']":e+" [dir='rtl']",o," .kdds-dropdown_center",o," {left: auto;right: auto;transform: translateX(calc(50% - (0.875rem / 2)));}",r?":host .kdds-dropdown_inverse":e+" .kdds-dropdown_inverse",o," {background: var(--kdds-g-color-brand-base-10);border-color: var(--kdds-g-color-brand-base-10);color: var(--kdds-g-color-neutral-base-100);}",r?":host .kdds-dropdown_inverse":e+" .kdds-dropdown_inverse",o," .kdds-dropdown__item",o," > a",o," {color: var(--kdds-g-color-neutral-base-100);}",r?":host .kdds-dropdown_inverse"+o+" .kdds-dropdown__item"+o+" > a:hover"+o+",:host \r.kdds-dropdown_inverse":e+" .kdds-dropdown_inverse"+o+" .kdds-dropdown__item"+o+" > a:hover"+o+","+e+" \r.kdds-dropdown_inverse",o," .kdds-dropdown__item",o," > a:focus",o," {color: var(--kdds-g-color-neutral-base-90);background-color: transparent;}",r?":host .kdds-dropdown_inverse":e+" .kdds-dropdown_inverse",o," .kdds-dropdown__item",o," > a:active",o," {color: var(--kdds-g-color-neutral-base-80);background-color: transparent;}",r?":host .kdds-dropdown_inverse":e+" .kdds-dropdown_inverse",o," .kdds-dropdown__item",o," > a[aria-disabled='true']",o," {color: var(--kdds-g-color-palette-blue-20);cursor: default;}",r?":host .kdds-dropdown_inverse":e+" .kdds-dropdown_inverse",o," .kdds-dropdown__item",o," > a[aria-disabled='true']:hover",o," {background-color: transparent;}",r?":host .kdds-dropdown_actions":e+" .kdds-dropdown_actions",o," a",o," {color: var(--kdds-g-color-accent-2);}",r?":host .kdds-has-submenu":e+" .kdds-has-submenu",o," .kdds-dropdown_submenu",o," {top: 0;transform: none;}",r?":host .kdds-has-submenu":e+" .kdds-has-submenu",o," .kdds-dropdown_submenu-right",o," {left: 100%;margin-left: var(--kdds-g-spacing-1);}",r?":host .kdds-has-submenu":e+" .kdds-has-submenu",o," .kdds-dropdown_submenu-left",o," {left: 100%;margin-left: var(--kdds-g-spacing-1);}",r?":host .kdds-has-submenu":e+" .kdds-has-submenu",o," .kdds-dropdown_submenu-bottom",o," {top: auto;bottom: 0;margin-bottom: calc(var(--kdds-g-spacing-1) * -1);}",r?":host .kdds-p-vertical_large":e+" .kdds-p-vertical_large",o," {padding: var(--kdds-g-spacing-5);}"].join("")}];var g=[[function(d,r,t){return(t?"":'[dir="rtl"]')+" .kdds-dropdown_left"+(t?":dir(rtl)":"")+(d?"["+d+"]":"")+" {left: 0;right: auto;}"}],[r.stylesheet0,c,function(d,r,t){return(t?"":'[dir="rtl"]')+" .kdds-dropdown_left"+(t?":dir(rtl)":"")+(d?"["+d+"]":"")+" {left: 0;right: auto;}"}],function(d,r,t){var o=d?"["+d+"]":"",e=d?"["+d+"-host]":"";return(r?":host .kdds-datepicker__footer":e+" .kdds-datepicker__footer")+o+"{border-top: 1px solid var(--kdds-c-datepicker-item-divider-color);padding: 0 12px;height: 2.5rem;box-sizing: border-box;--kdds-c-button-padding-vertical-medium: 2px;}"+(r?":host .kdds-datepicker__footer":e+" .kdds-datepicker__footer")+o+" .kdds-button"+o+" {position: relative;display: inline-flex;align-items: center;padding-block: 0;padding-inline: 0;background: none;background-color: transparent;background-clip: border-box;border-color: transparent;border-style: solid;border-width: var(--kdds-g-sizing-border-1);border-radius: var(--kdds-g-radius-border-2);line-height: 1.875rem;text-decoration: none;color: var(--kdds-c-datepicker-quick-date-color);white-space: normal;user-select: none;}"+(r?":host .kdds-datepicker__footer"+o+" .kdds-button:hover"+o+",\r:host .kdds-datepicker__footer"+o+" .kdds-button:focus"+o+",\r:host .kdds-datepicker__footer"+o+" .kdds-button:active"+o+",\r:host .kdds-datepicker__footer":e+" .kdds-datepicker__footer"+o+" .kdds-button:hover"+o+","+e+" .kdds-datepicker__footer"+o+" .kdds-button:focus"+o+","+e+" .kdds-datepicker__footer"+o+" .kdds-button:active"+o+","+e+" .kdds-datepicker__footer")+o+" .kdds-button:visited"+o+" {text-decoration: none;}"+(r?":host .kdds-datepicker__footer":e+" .kdds-datepicker__footer")+o+" .kdds-button:hover"+o+" {color: var(--kdds-c-datepicker-quick-date-color-hover);}"+(r?":host .kdds-datepicker__footer":e+" .kdds-datepicker__footer")+o+" .kdds-button:focus"+o+" {color: var(--kdds-c-datepicker-quick-date-color-active);}"+(r?":host .kdds-datepicker__footer":e+" .kdds-datepicker__footer")+o+" .kdds-button:active"+o+" {color: var(--kdds-c-datepicker-quick-date-color-active);}"+(r?":host .kdds-datepicker__footer"+o+" .kdds-button[disabled]"+o+",\r:host .kdds-datepicker__footer":e+" .kdds-datepicker__footer"+o+" .kdds-button[disabled]"+o+","+e+" .kdds-datepicker__footer")+o+" .kdds-button:disabled"+o+" {background-color: transparent;border-color: transparent;color: var(--kdds-c-datepicker-quick-date-color-disabled);cursor: not-allowed;}"+(r?":host .kdds-datepicker__footer"+o+" .kdds-button[disabled]"+o+" *"+o+",\r:host .kdds-datepicker__footer":e+" .kdds-datepicker__footer"+o+" .kdds-button[disabled]"+o+" *"+o+","+e+" .kdds-datepicker__footer")+o+" .kdds-button:disabled"+o+" *"+o+" {pointer-events: none;}"+(r?":host .kdds-datepicker__footer"+o+" .kdds-button:hover"+o+" .kdds-datepicker__footer"+o+" .kdds-button__icon"+o+",\r:host .kdds-datepicker__footer"+o+" .kdds-button:focus"+o+" .kdds-datepicker__footer"+o+" .kdds-button__icon"+o+",\r:host .kdds-datepicker__footer"+o+" .kdds-button:active"+o+" .kdds-datepicker__footer"+o+" .kdds-button__icon"+o+",\r:host .kdds-datepicker__footer"+o+" .kdds-button[disabled]"+o+" .kdds-datepicker__footer"+o+" .kdds-button__icon"+o+",\r:host .kdds-datepicker__footer":e+" .kdds-datepicker__footer"+o+" .kdds-button:hover"+o+" .kdds-datepicker__footer"+o+" .kdds-button__icon"+o+","+e+" .kdds-datepicker__footer"+o+" .kdds-button:focus"+o+" .kdds-datepicker__footer"+o+" .kdds-button__icon"+o+","+e+" .kdds-datepicker__footer"+o+" .kdds-button:active"+o+" .kdds-datepicker__footer"+o+" .kdds-button__icon"+o+","+e+" .kdds-datepicker__footer"+o+" .kdds-button[disabled]"+o+" .kdds-datepicker__footer"+o+" .kdds-button__icon"+o+","+e+" .kdds-datepicker__footer")+o+" .kdds-button:disabled"+o+" .kdds-datepicker__footer"+o+" .kdds-button__icon"+o+" {fill: currentcolor;pointer-events: none;}"+(r?":host .kdds-align_absolute-center":e+" .kdds-align_absolute-center")+o+" {display: flex;justify-content: center;align-content: center;align-items: center;margin: auto;}"+(r?":host .kdds-align_right":e+" .kdds-align_right")+o+" {display: flex;justify-content: flex-end;align-content: center;align-items: center;}"}];const l=d.parseFragment`<div class="kdds-datepicker__footer kdds-align_absolute-center${0}"${2}><button name="today" type="button" class="kdds-button${0}"${2}>今天</button></div>`,p={classMap:{"kdds-datepicker":!0,"kdds-dropdown":!0,"kdds-dropdown_left":!0},attrs:{role:"dialog",tabindex:"-1",part:"overlay dropdown calendar"},key:0},h={key:1},u={styleDecls:[["display","flex",!1]],key:2},_={classMap:{"kdds-datepicker__footer":!0,"kdds-datepicker_action-button":!0,"kdds-align_right":!0},key:13};function f(d,r,i,a){const{b:b,c:k,fr:c,h:g,sp:f,st:m,t:v}=d,{_m0:w,_m1:x,_m2:y,_m3:z,_m4:D}=a;return[g("div",p,[k("kd-focus-trap",n,h,[g("div",u,[r.isShowDateTime?c(3,[k("kd-calendar-day",t,{props:{type:r.type,value:r.selectedDate,calendarDate:r.calendarDate,timeValue:r.dateTime.time},key:4,on:w||(a._m0={modechange:b(r.setMode),privatedayselect:b(r.onDaySelect)})})],0):null,r.isShowMonth?c(5,[k("kd-calendar-month",o,{props:{value:r.selectedDate,calendarDate:r.calendarDate},key:6,on:x||(a._m1={modechange:b(r.setMode),privatemonthselect:b(r.onMonthSelect)})})],0):null,r.isShowYear?c(7,[k("kd-calendar-year",e,{props:{value:r.selectedDate},key:8,on:y||(a._m2={privateyearselect:b(r.onYearSelect)})})],0):null]),r.isShowDate?c(9,[m(l,11,[f(1,{on:z||(a._m3={click:b(r.handleTodayClick)})},null)])],0):null,r.isShowTime?c(12,[g("div",_,[k("kd-button",s,{props:{disabled:r.confirmDisabled},key:14,on:D||(a._m4={click:b(r.handleConfirm)})},[v("确定")])])],0):null])])]}var m=d.registerTemplate(f);f.stylesheets=[],f.stylesheetToken="kwc-17vi0f4b8m9",f.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\calendar-undefined_calendar",g&&f.stylesheets.push.apply(f.stylesheets,g),d.freezeTemplate(f);class v extends i{constructor(...d){super(...d),this._mode="date",this.initialMode="date",this.selectedDate=void 0,this.calendarDate=void 0,this.defaultTime=void 0}get type(){return this._mode}set type(d){this._mode=b.normalizeString(d,{validValues:["date","month","year","datetime"],fallbackValue:"date"}),this.initialMode=this._mode}get value(){return this.selectedDate}set value(d){this.selectedDate=d?String(d):d,this.calendarDate=d?this.parseDate(this.selectedDate):this.getTodaysDate()}get dateTime(){const d=this.selectedDate?.replace(" ",k.TIME_SEPARATOR).split(k.TIME_SEPARATOR)||[];return{date:d[0],time:d[1]||this.defaultTime}}get isShowDate(){return"date"===this._mode}get isShowDateTime(){return"date"===this._mode||"datetime"===this._mode}get isShowMonth(){return"month"===this._mode}get isShowYear(){return"year"===this._mode}get isShowTime(){return"datetime"===this._mode}get confirmDisabled(){return"datetime"!==this.type||!b.isValidDate((this.selectedDate||"").replace(" ",k.TIME_SEPARATOR))}get isInitialMode(){return this._mode===this.initialMode}get format(){return"datetime"===this.initialMode?k.STANDARD_DATETIME_FORMAT:k.STANDARD_DATE_FORMAT}getTodaysDate(){return this.todayDate?this.parseDate(this.todayDate):new Date}getSelectedDate(){return this.parseDate(this.selectedDate)}onDaySelect(d){d.stopPropagation(),this.selectedDate=d.detail.value,this.isInitialMode&&"date"===this.initialMode?this.dispatchSelectEvent():this.dispatchChangeEvent()}onMonthSelect(d){d.stopPropagation();const{month:r,year:t}=d.detail;let o=this.calendarDate;o||(o=this.getTodaysDate()),o.setMonth(Number(r)),o.setFullYear(Number(t)),this.onSelectAfter(o)}onYearSelect(d){d.stopPropagation();const{value:r}=d.detail;let t=this.calendarDate;t||(t=this.getTodaysDate()),t.setFullYear(r),this.onSelectAfter(t)}onSelectAfter(d){this.isInitialMode?(this.setCalendarSelected(d),this.dispatchSelectEvent()):(this._mode=this.initialMode,this.setCalendarDisplayValue(d),this.dispatchChangeEvent(!1))}setMode(d){d.stopPropagation();const{value:r}=d.detail;this._mode=r}handleKeydownConfirm(d){this.confirmDisabled||"datetime"!==this.type||"Enter"===d.key&&this.handleConfirm(d)}handleConfirm(d){d.stopPropagation(),this.dispatchSelectEvent()}handleTodayClick(d){d.stopPropagation(),this.renderToday(),this.dispatchSelectEvent()}dispatchSelectEvent(){this.dispatchEvent(new CustomEvent("select",{detail:{value:a.parseDateTime(this.selectedDate,k.STANDARD_DATETIME_FORMAT,!0)}}))}dispatchChangeEvent(d=!0){this.dispatchEvent(new CustomEvent("change",{detail:{value:a.parseDateTime(this.selectedDate,k.STANDARD_DATETIME_FORMAT,!0),showChangeInputValue:d}}))}parseDate(d){return a.parseDateTime(d,this.format,!0)}renderToday(){const d=this.getTodaysDate();this.setCalendarSelected(d)}setCalendarSelected(d){this.selectedDate=a.getISODateString(d)+k.TIME_SEPARATOR+a.getISOTimeStringNoMilliseconds(d)}setCalendarDisplayValue(d){this.calendarDate=d}renderedCallback(){this.dispatchEvent(new CustomEvent("ready"))}connectedCallback(){super.connectedCallback(),this._connected=!0,this.todayDate=a.getCurrentDateString(),document.addEventListener("keydown",this.handleKeydownConfirm.bind(this))}disconnectedCallback(){this._connected=!1,document.removeEventListener("keydown",this.handleKeydownConfirm.bind(this))}}d.registerDecorators(v,{publicProps:{defaultTime:{config:0},type:{config:3},value:{config:3}},track:{_mode:1,selectedDate:1,calendarDate:1},fields:["initialMode"]});const w=d.registerComponent(v,{tmpl:m,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\calendar-",apiVersion:63});module.exports=w;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("@kdcloudjs/kwc"),t=require("../calendar.kdds-DBIZRNEC.js"),a=require("./icon.js"),s=require("./calendarTime.js"),r=require("./shadowBaseClassPrivate.js"),n=require("../classSet-B5xuJbNb.js"),i=require("../ssr-RXknEJpO.js");require("../observable-BXDJFaLN.js"),require("../i18n-CP31jeWH.js");var l=require("./iso8601Utils.js"),o=require("../utilsPrivate-DL4VBetH.js"),d=require("../intlFormat-Bs-dlvDH.js"),c=require("../intlDisplayNames-DjPWNJUj.js");require("../client-Co_j5m_k.js"),require("../colorValid-BBnkvgd_.js"),require("../empty_html-hFq4zm9t.js"),require("./i18nCldrOptions.js"),require("./i18nService.js"),require("./configProvider.js"),require("../labelUtils-C2UzbgdZ.js"),require("../label-DdXuOVTE.js"),require("./features.js");var u=[t.stylesheet0,function(e,t,a){return(t?":host [role='year-title']":(e?"["+e+"-host]":"")+" [role='year-title']")+(e?"["+e+"]":"")+" {margin-right: 8px;}"}];const h=e.parseFragment`<div class="kdds-align-middle kdds-middle-text${0}"${2}><span data-value="year" role="year-title"${3}>${"t2"}</span><span data-value="month"${3}>${"t4"}</span></div>`,g=e.parseFragment`<th${"a0:id"} scope="col"${3}><span${"a1:title"}${3}>${"t2"}</span></th>`,m=e.parseFragment`<td role="gridcell"${"a0:aria-selected"}${"a0:aria-current"}${"c0"}${"a0:tabindex"}${"a0:data-value"}${"a0:aria-label"}${2}><span class="kdds-day${0}" tabindex="-1" role="button"${2}>${"t2"}</span></td>`,p={classMap:{"kdds-grid":!0},key:0},D={classMap:{"kdds-datepicker__container":!0},attrs:{part:"calendar"},key:1},k={classMap:{"kdds-datepicker__filter":!0,"kdds-grid":!0},key:2},y={classMap:{"kdds-datepicker__filter_month":!0,"kdds-grid":!0,"kdds-grid_align-spread":!0,"kdds-grow":!0},key:3},f={classMap:{"kdds-align-middle":!0},key:4},C={classMap:{"kdds-align-middle":!0},key:11},v={classMap:{"kdds-datepicker__month":!0},attrs:{role:"grid"},key:16},M={key:17},b={key:21},_={classMap:{"time-container":!0},key:26};function S(e,t,r,n){const{ncls:i,b:l,c:o,h:d,d:c,sp:u,st:S,gid:Y,k:N,i:I,ti:T,fr:x}=e,{_m0:A,_m1:$,_m2:P,_m3:V,_m4:w,_m5:F,_m6:j,_m7:q}=n;return[d("div",p,[d("div",D,[d("div",k,[d("div",y,[d("div",f,[d("span",{className:i(t.computePrevYearIconClass),key:5,on:A||(n._m0={click:l(t.goToPreviousYear)})},[o("kd-icon",a,{props:{iconName:t.previousYearIconName},key:6})]),d("span",{className:i(t.computePrevMonthIconClass),key:7,on:$||(n._m1={click:l(t.goToPreviousMonth)})},[o("kd-icon",a,{props:{iconName:t.previousMonthIconName},key:8})])]),S(h,10,[u(0,{on:V||(n._m3={click:l(t.handleModeChangeClick)})},null),u(2,null,c(t.computedYearTitle)),u(4,null,c(t.computedMonthTitle))]),d("div",C,[d("span",{className:i(t.computeNextMonthIconClass),key:12,on:w||(n._m4={click:l(t.goToNextMonth)})},[o("kd-icon",a,{props:{iconName:t.nextMonthIconName},key:13})]),d("span",{className:i(t.computeNextYearIconClass),key:14,on:F||(n._m5={click:l(t.goToNextYear)})},[o("kd-icon",a,{props:{iconName:t.nextYearIconName},key:15})])])])]),d("table",v,[d("thead",M,[d("tr",{attrs:{id:Y("weekdays-element")},key:18},I(t.computedWeekdayLabels,function(e){return S(g,N(20,e.fullName),[u(0,{attrs:{id:Y(e.fullName)}},null),u(1,{attrs:{title:e.fullName}},null),u(2,null,c(e.shortName))])}))]),d("tbody",b,I(t.computedMonth,function(e,a){return d("tr",{key:N(22,e.id)},I(e.days,function(e){return S(m,N(24,e.dateValue),[u(0,{className:i(e.className),attrs:{"aria-selected":e.isSelected,"aria-current":e.ariaCurrent,tabindex:T(e.tabIndex),"data-value":e.dateValue,"aria-label":e.dateValue}},null),u(1,{on:j||(n._m6={click:l(t.handleDateClick)})},null),u(2,null,c(e.dayInMonth))])}))}))])]),t.isDateTime?x(25,[d("div",_,[o("kd-calendar-time",s,{props:{value:t.timeValue},key:27,on:q||(n._m7={timechange:l(t.handleTimeSelect)})})])],0):null])]}var Y=e.registerTemplate(S);function N(e){e.preventDefault(),e.stopPropagation()}S.stylesheets=[],S.stylesheetToken="kwc-3usa09gfeck",S.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\calendarDay-undefined_calendarDay",u&&S.stylesheets.push.apply(S.stylesheets,u),e.freezeTemplate(S);const I={};class T extends r{constructor(...e){super(...e),this.calendarYear=null,this.calendarMonth=null,this.type=void 0,this._timeValue="00:00:00",this._dateValue=void 0}get value(){return this._dateValue}set value(e){e&&(e=e.split(" ").join(l.TIME_SEPARATOR));const t="string"==typeof e?e.split(l.TIME_SEPARATOR)[0]:e;if(t!==this._dateValue){if(this._dateValue=t,!this._connected)return;const e=this.parseDate(t);e?this.selectDate(e):(this._dateValue=null,this.renderToday())}}get timeValue(){return this._timeValue}set timeValue(e){e&&(this._timeValue=e)}get isDateTime(){return"datetime"===this.type}connectedCallback(){super.connectedCallback(),this._connected=!0,this.todayDate=d.getCurrentDateString();const e=this.getSelectedDate()||this.getTodaysDate();this.renderCalendar(e)}disconnectedCallback(){this._connected=!1}get computedYearTitle(){return`${this.padYear(this.calendarYear)}年`}get computedMonthTitle(){const e=this.getCalendarDate().getMonth();return c.getMonthNames()[e].fullName}get computedSelectedDate(){return this._dateValue+l.TIME_SEPARATOR+this._timeValue}get computedWeekdayLabels(){const e=c.getNameOfWeekdays(),t=this.getFirstDayOfWeek(),a=[];for(let s=t;s<e.length;s++)a.push(e[s]);for(let s=0;s<t;s++)a.push(e[s]);return a}get hostDirection(){let e;return i.isCSR&&(e=window.getComputedStyle(this.template.host)),e?e.direction.toLowerCase():"ltr"}get previousMonthIconName(){return"ltr"===this.hostDirection?"kdfont-shangyiyue":"kdfont-xiayiyue"}get previousYearIconName(){return"ltr"===this.hostDirection?"kdfont-qianfanshuangjiantou":"kdfont-houfanshuangjiantou"}get nextMonthIconName(){return"ltr"===this.hostDirection?"kdfont-xiayiyue":"kdfont-shangyiyue"}get nextYearIconName(){return"ltr"===this.hostDirection?"kdfont-houfanshuangjiantou ":"kdfont-qianfanshuangjiantou"}get canPrevYear(){return this.calendarYear-1>=1}get canPrevMonth(){return!(1===this.calendarYear&&this.calendarMonth-1<0)}get canNextYear(){return this.calendarYear+1<=9999}get canNextMonth(){return!(9999===this.calendarYear&&this.calendarMonth+1>11)}get computePrevYearIconClass(){return this.canPrevYear?"":"disabled"}get computePrevMonthIconClass(){return this.canPrevMonth?"":"disabled"}get computeNextMonthIconClass(){return this.canNextMonth?"":"disabled"}get computeNextYearIconClass(){return this.canNextYear?"":"disabled"}get computedMonth(){if(!this._connected)return[];const e=this.getSelectedDate(),t=this.getCalendarDate(),a=this.getCalendarCacheKey(t,e);if(a in I)return I[a];const s={_dateValue:e,renderDate:t,todayDate:this.getTodaysDate(),minDate:this.parseDate(this.min),maxDate:this.parseDate(this.max)},r=[],n=this.getCalendarStartDate(t);for(let e=0;e<6;e++){const t={id:e,days:[]};for(let e=0;e<7;e++){const e=this.getDateCellAttributes(n,s);t.days.push(e),n.setDate(n.getDate()+1)}r.push(t)}return I[a]=r,r}padYear(e){return String(e).padStart(4,"0")}padMonth(e){return String(e+1).padStart(2,"0")}getDateCellAttributes(e,t){const a=!this.dateInCalendar(e,t.renderDate)||!this.isBetween(e,t.minDate,t.maxDate),s=this.isSame(e,t._dateValue),r=this.isSame(e,t.todayDate),i=!!r&&"date",l=!!this.isSame(e,t.focusableDate)&&"0",o=n.classSet().add({"kdds-is-today":r,"kdds-is-selected":s,"kdds-day_adjacent-month":a}).toString()||void 0;return{dayInMonth:d.toLocalizedDigits(String(e.getDate())),dateValue:this.formatDate(e),isSelected:s?"true":"false",className:o,tabIndex:l,ariaCurrent:i}}dispatchSelectEvent(){this.dispatchEvent(new CustomEvent("privatedayselect",{composed:!0,bubbles:!0,cancelable:!0,detail:{value:this.computedSelectedDate}}))}dateInCalendar(e,t){const a=t||this.getCalendarDate();return e.getMonth()===a.getMonth()&&e.getFullYear()===a.getFullYear()}getInitialFocusDate(e,t,a){if(t&&this.dateInCalendar(t,a))return t;if(this.dateInCalendar(e,a))return e;const s=`${this.padYear(a.getFullYear())}-${this.padMonth(a.getMonth())}-01`;return new Date(s)}getTodaysDate(){return this.todayDate?this.parseDate(this.todayDate):new Date}getSelectedDate(){return this.parseDate(this._dateValue)}getCalendarDate(){if(this.calendarYear){const e=`${this.padYear(this.calendarYear)}-${this.padMonth(this.calendarMonth)}-01`;return new Date(e)}return this.getTodaysDate()}getCalendarStartDate(e){const t=`${this.padYear(e.getFullYear())}-${this.padMonth(e.getMonth())}-01`,a=new Date(t);return this.getStartOfWeek(a)}getStartOfWeek(e){const t=this.getFirstDayOfWeek();let a=e.getDay();for(;a!==t;)e.setDate(e.getDate()-1),a=e.getDay();return e}getFirstDayOfWeek(){return 1}selectDate(e){if(this.dateInCalendar(e)){const t=this.getElementByDate(this.formatDate(e));this.selectDateInCalendar(t)}else this.renderCalendar(e)}selectDateInCalendar(e){this._dateValue=e.getAttribute("data-value"),this.removeCurrentlySelectedDateAttributes(),this.addSelectedDateAttributes(e)}selectDateInCalendarAndDispatchSelect(e){this.selectDateInCalendar(e),this.dispatchSelectEvent()}getElementByDate(e){return this.template.querySelector(`td[data-value='${e}']`)}getFocusableDateCell(){return this.template.querySelector("td[tabIndex='0']")}unfocusDateCell(e){e&&e.removeAttribute("tabIndex")}focusDateCell(e){e&&(e.setAttribute("tabIndex",0),e.focus())}focusElementByDate(e){requestAnimationFrame(()=>{const t=this.getElementByDate(this.formatDate(e));t&&(this.unfocusDateCell(this.getFocusableDateCell()),this.focusDateCell(t))})}renderCalendar(e){this.calendarMonth=e.getMonth(),this.calendarYear=e.getFullYear()}renderToday(){const e=this.getTodaysDate();if(this.dateInCalendar(e)){this.removeCurrentlySelectedDateAttributes(),this.unfocusDateCell(this.getFocusableDateCell());this.getElementByDate(this.todayDate).setAttribute("tabIndex",0)}else this.renderCalendar(e)}removeCurrentlySelectedDateAttributes(){const e=this.template.querySelector("td[class*='kdds-is-selected']");e&&(e.classList.remove("kdds-is-selected"),e.setAttribute("aria-selected","false")),this.unfocusDateCell(this.getFocusableDateCell())}addSelectedDateAttributes(e){this.focusDateCell(e),e.classList.add("kdds-is-selected"),e.setAttribute("aria-selected","true")}handleCalendarKeyDown(e){const t=e.target.getAttribute("data-value");!function(e,t,a){const s=e.target;switch(o.normalizeKeyValue(e.key)){case"ArrowUp":N(e),t.setDate(t.getDate()-7),a.focusDate(t);break;case"ArrowDown":N(e),t.setDate(t.getDate()+7),a.focusDate(t);break;case"ArrowRight":N(e),o.isRTL()?t.setDate(t.getDate()-1):t.setDate(t.getDate()+1),a.focusDate(t);break;case"ArrowLeft":N(e),o.isRTL()?t.setDate(t.getDate()+1):t.setDate(t.getDate()-1),a.focusDate(t);break;case"Enter":case" ":N(e),a.selectDate(s);break;case"PageUp":N(e),e.altKey?t.setFullYear(t.getFullYear()-1):t.setMonth(t.getMonth()-1),a.focusDate(t);break;case"PageDown":N(e),e.altKey?t.setFullYear(t.getFullYear()+1):t.setMonth(t.getMonth()+1),a.focusDate(t);break;case"Home":{N(e);const s=a.getStartOfWeek(t);a.focusDate(s);break}case"End":{N(e);const s=a.getStartOfWeek(t);s.setDate(s.getDate()+6),a.focusDate(s);break}}}(e,this.parseDate(t),this.keyboardInterface)}handleDateClick(e){e.stopPropagation();const t=e.target.parentElement;this.selectDateInCalendarAndDispatchSelect(t)}handleTodayClick(e){e.stopPropagation(),this._dateValue=this.todayDate,this.selectDate(this.getTodaysDate()),this.dispatchSelectEvent()}handleModeChangeClick(e){if(e.stopPropagation(),"SPAN"===e.target.tagName){const t=e.target.getAttribute("data-value");this.dispatchEvent(new CustomEvent("modechange",{detail:{value:t}}))}}handleYearChange(e){e.stopPropagation();const t=e.target.value;this.calendarYear!==t&&(this.calendarYear=t)}handleTimeSelect(e){const{value:t}=e.detail;this._dateValue||(this._dateValue=this.todayDate),this._timeValue=t,this.dispatchSelectEvent()}goToNextMonth(e){if(e.stopPropagation(),!this.canNextMonth)return;const t=this.getCalendarDate();t.setMonth(t.getMonth()+1),this.renderCalendar(t)}goToNextYear(e){if(e.stopPropagation(),!this.canNextYear)return;const t=this.getCalendarDate(),a=t.getFullYear()+1;t.setFullYear(a),this.renderCalendar(t)}goToPreviousMonth(e){if(e.stopPropagation(),!this.canPrevMonth)return;const t=this.getCalendarDate();t.setMonth(t.getMonth()-1),this.renderCalendar(t)}goToPreviousYear(e){if(e.stopPropagation(),!this.canPrevYear)return;const t=this.getCalendarDate(),a=t.getFullYear()-1;t.setFullYear(a),this.renderCalendar(t)}formatDate(e){return d.getISODateString(e)}parseDate(e){return d.parseDateTime(e,l.STANDARD_DATE_FORMAT,!0)}isSame(e,t){return!(!e||!t)&&(e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate())}isBetween(e,t,a){let s=!0,r=!0;return a&&(s=d.isBefore(e,a,"day")||this.isSame(e,a)),t&&(r=d.isAfter(e,t,"day")||this.isSame(e,t)),s&&r}getCalendarCacheKey(e,t){let a=`${e.getFullYear()}-${e.getMonth()}`;return a+=this.min?`min${this.min}`:"",a+=this.max?`max${this.max}`:"",t&&this.dateInCalendar(t,e)&&(a+=`_${t.getDate()}`),a}}e.registerDecorators(T,{publicProps:{type:{config:0},value:{config:3},timeValue:{config:3}},track:{calendarYear:1,calendarMonth:1,_timeValue:1,_dateValue:1}});const x=e.registerComponent(T,{tmpl:Y,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\calendarDay-",apiVersion:63});module.exports=x;
|
|
1
|
+
"use strict";var e=require("@kdcloudjs/kwc"),t=require("../calendar.kdds-DBIZRNEC.js"),a=require("./icon.js"),s=require("./calendarTime.js"),r=require("./shadowBaseClassPrivate.js"),n=require("../classSet-B5xuJbNb.js"),i=require("../ssr-RXknEJpO.js");require("../observable-BXDJFaLN.js"),require("../i18n-CP31jeWH.js");var l=require("./iso8601Utils.js"),o=require("../utilsPrivate-DL4VBetH.js"),d=require("../intlFormat-Bs-dlvDH.js"),c=require("../intlDisplayNames-DjPWNJUj.js");require("../client-Co_j5m_k.js"),require("../colorValid-BBnkvgd_.js"),require("../empty_html-hFq4zm9t.js"),require("./i18nCldrOptions.js"),require("./i18nService.js"),require("./configProvider.js"),require("../labelUtils-C2UzbgdZ.js"),require("../label-DdXuOVTE.js"),require("./features.js");var u=[t.stylesheet0,function(e,t,a){return(t?":host [role='year-title']":(e?"["+e+"-host]":"")+" [role='year-title']")+(e?"["+e+"]":"")+" {margin-right: 8px;}"}];const h=e.parseFragment`<div class="kdds-align-middle kdds-middle-text${0}"${2}><span data-value="year" role="year-title"${3}>${"t2"}</span><span data-value="month"${3}>${"t4"}</span></div>`,g=e.parseFragment`<th${"a0:id"} scope="col"${3}><span${"a1:title"}${3}>${"t2"}</span></th>`,D=e.parseFragment`<td role="gridcell"${"a0:aria-selected"}${"a0:aria-current"}${"c0"}${"a0:tabindex"}${"a0:data-value"}${"a0:aria-label"}${2}><span class="kdds-day${0}" tabindex="-1" role="button"${2}>${"t2"}</span></td>`,m={classMap:{"kdds-grid":!0},key:0},p={classMap:{"kdds-datepicker__container":!0},attrs:{part:"calendar"},key:1},k={classMap:{"kdds-datepicker__filter":!0,"kdds-grid":!0},key:2},y={classMap:{"kdds-datepicker__filter_month":!0,"kdds-grid":!0,"kdds-grid_align-spread":!0,"kdds-grow":!0},key:3},f={classMap:{"kdds-align-middle":!0},key:4},C={classMap:{"kdds-align-middle":!0},key:11},v={classMap:{"kdds-datepicker__month":!0},attrs:{role:"grid"},key:16},M={key:17},b={key:21},_={classMap:{"time-container":!0},key:26};function S(e,t,r,n){const{ncls:i,b:l,c:o,h:d,d:c,sp:u,st:S,gid:Y,k:N,i:I,ti:T,fr:x}=e,{_m0:A,_m1:$,_m2:P,_m3:V,_m4:w,_m5:F,_m6:j,_m7:q}=n;return[d("div",m,[d("div",p,[d("div",k,[d("div",y,[d("div",f,[d("span",{className:i(t.computePrevYearIconClass),key:5,on:A||(n._m0={click:l(t.goToPreviousYear)})},[o("kd-icon",a,{props:{iconName:t.previousYearIconName},key:6})]),d("span",{className:i(t.computePrevMonthIconClass),key:7,on:$||(n._m1={click:l(t.goToPreviousMonth)})},[o("kd-icon",a,{props:{iconName:t.previousMonthIconName},key:8})])]),S(h,10,[u(0,{on:V||(n._m3={click:l(t.handleModeChangeClick)})},null),u(2,null,c(t.computedYearTitle)),u(4,null,c(t.computedMonthTitle))]),d("div",C,[d("span",{className:i(t.computeNextMonthIconClass),key:12,on:w||(n._m4={click:l(t.goToNextMonth)})},[o("kd-icon",a,{props:{iconName:t.nextMonthIconName},key:13})]),d("span",{className:i(t.computeNextYearIconClass),key:14,on:F||(n._m5={click:l(t.goToNextYear)})},[o("kd-icon",a,{props:{iconName:t.nextYearIconName},key:15})])])])]),d("table",v,[d("thead",M,[d("tr",{attrs:{id:Y("weekdays-element")},key:18},I(t.computedWeekdayLabels,function(e){return S(g,N(20,e.fullName),[u(0,{attrs:{id:Y(e.fullName)}},null),u(1,{attrs:{title:e.fullName}},null),u(2,null,c(e.shortName))])}))]),d("tbody",b,I(t.computedMonth,function(e,a){return d("tr",{key:N(22,e.id)},I(e.days,function(e){return S(D,N(24,e.dateValue),[u(0,{className:i(e.className),attrs:{"aria-selected":e.isSelected,"aria-current":e.ariaCurrent,tabindex:T(e.tabIndex),"data-value":e.dateValue,"aria-label":e.dateValue}},null),u(1,{on:j||(n._m6={click:l(t.handleDateClick)})},null),u(2,null,c(e.dayInMonth))])}))}))])]),t.isDateTime?x(25,[d("div",_,[o("kd-calendar-time",s,{props:{value:t.timeValue},key:27,on:q||(n._m7={timechange:l(t.handleTimeSelect)})})])],0):null])]}var Y=e.registerTemplate(S);function N(e){e.preventDefault(),e.stopPropagation()}S.stylesheets=[],S.stylesheetToken="kwc-3usa09gfeck",S.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\calendarDay-undefined_calendarDay",u&&S.stylesheets.push.apply(S.stylesheets,u),e.freezeTemplate(S);const I={};class T extends r{constructor(...e){super(...e),this.calendarYear=null,this.calendarMonth=null,this.type=void 0,this._timeValue="00:00:00",this._dateValue=void 0,this._calendarDate=null}get calendarDate(){return this._calendarDate}set calendarDate(e){this._calendarDate=e,e&&this.renderCalendar(e)}get value(){return this._dateValue}set value(e){e&&(e=e.split(" ").join(l.TIME_SEPARATOR));const t="string"==typeof e?e.split(l.TIME_SEPARATOR)[0]:e;if(t!==this._dateValue){if(this._dateValue=t,!this._connected)return;const e=this.parseDate(t);e?this.selectDate(e):(this._dateValue=null,this.renderToday())}}get timeValue(){return this._timeValue}set timeValue(e){e&&(this._timeValue=e)}get isDateTime(){return"datetime"===this.type}connectedCallback(){super.connectedCallback(),this._connected=!0,this.todayDate=d.getCurrentDateString();const e=this._calendarDate||this.getSelectedDate()||this.getTodaysDate();this.renderCalendar(e)}disconnectedCallback(){this._connected=!1}get computedYearTitle(){return`${this.padYear(this.calendarYear)}年`}get computedMonthTitle(){const e=this.getCalendarDate().getMonth();return c.getMonthNames()[e].fullName}get computedSelectedDate(){return this._dateValue+l.TIME_SEPARATOR+this._timeValue}get computedWeekdayLabels(){const e=c.getNameOfWeekdays(),t=this.getFirstDayOfWeek(),a=[];for(let s=t;s<e.length;s++)a.push(e[s]);for(let s=0;s<t;s++)a.push(e[s]);return a}get hostDirection(){let e;return i.isCSR&&(e=window.getComputedStyle(this.template.host)),e?e.direction.toLowerCase():"ltr"}get previousMonthIconName(){return"ltr"===this.hostDirection?"kdfont-shangyiyue":"kdfont-xiayiyue"}get previousYearIconName(){return"ltr"===this.hostDirection?"kdfont-qianfanshuangjiantou":"kdfont-houfanshuangjiantou"}get nextMonthIconName(){return"ltr"===this.hostDirection?"kdfont-xiayiyue":"kdfont-shangyiyue"}get nextYearIconName(){return"ltr"===this.hostDirection?"kdfont-houfanshuangjiantou ":"kdfont-qianfanshuangjiantou"}get canPrevYear(){return this.calendarYear-1>=1}get canPrevMonth(){return!(1===this.calendarYear&&this.calendarMonth-1<0)}get canNextYear(){return this.calendarYear+1<=9999}get canNextMonth(){return!(9999===this.calendarYear&&this.calendarMonth+1>11)}get computePrevYearIconClass(){return this.canPrevYear?"":"disabled"}get computePrevMonthIconClass(){return this.canPrevMonth?"":"disabled"}get computeNextMonthIconClass(){return this.canNextMonth?"":"disabled"}get computeNextYearIconClass(){return this.canNextYear?"":"disabled"}get computedMonth(){if(!this._connected)return[];const e=this.getSelectedDate(),t=this.getCalendarDate(),a=this.getCalendarCacheKey(t,e);if(a in I)return I[a];const s={_dateValue:e,renderDate:t,todayDate:this.getTodaysDate(),minDate:this.parseDate(this.min),maxDate:this.parseDate(this.max)},r=[],n=this.getCalendarStartDate(t);for(let e=0;e<6;e++){const t={id:e,days:[]};for(let e=0;e<7;e++){const e=this.getDateCellAttributes(n,s);t.days.push(e),n.setDate(n.getDate()+1)}r.push(t)}return I[a]=r,r}padYear(e){return String(e).padStart(4,"0")}padMonth(e){return String(e+1).padStart(2,"0")}getDateCellAttributes(e,t){const a=!this.dateInCalendar(e,t.renderDate)||!this.isBetween(e,t.minDate,t.maxDate),s=this.isSame(e,t._dateValue),r=this.isSame(e,t.todayDate),i=!!r&&"date",l=!!this.isSame(e,t.focusableDate)&&"0",o=n.classSet().add({"kdds-is-today":r,"kdds-is-selected":s,"kdds-day_adjacent-month":a}).toString()||void 0;return{dayInMonth:d.toLocalizedDigits(String(e.getDate())),dateValue:this.formatDate(e),isSelected:s?"true":"false",className:o,tabIndex:l,ariaCurrent:i}}dispatchSelectEvent(){this.dispatchEvent(new CustomEvent("privatedayselect",{composed:!0,bubbles:!0,cancelable:!0,detail:{value:this.computedSelectedDate}}))}dateInCalendar(e,t){const a=t||this.getCalendarDate();return e.getMonth()===a.getMonth()&&e.getFullYear()===a.getFullYear()}getInitialFocusDate(e,t,a){if(t&&this.dateInCalendar(t,a))return t;if(this.dateInCalendar(e,a))return e;const s=`${this.padYear(a.getFullYear())}-${this.padMonth(a.getMonth())}-01`;return new Date(s)}getTodaysDate(){return this.todayDate?this.parseDate(this.todayDate):new Date}getSelectedDate(){return this.parseDate(this._dateValue)}getCalendarDate(){if(this.calendarYear){const e=`${this.padYear(this.calendarYear)}-${this.padMonth(this.calendarMonth)}-01`;return new Date(e)}return this.getTodaysDate()}getCalendarStartDate(e){const t=`${this.padYear(e.getFullYear())}-${this.padMonth(e.getMonth())}-01`,a=new Date(t);return this.getStartOfWeek(a)}getStartOfWeek(e){const t=this.getFirstDayOfWeek();let a=e.getDay();for(;a!==t;)e.setDate(e.getDate()-1),a=e.getDay();return e}getFirstDayOfWeek(){return 1}selectDate(e){if(this.dateInCalendar(e)){const t=this.getElementByDate(this.formatDate(e));this.selectDateInCalendar(t)}else this.renderCalendar(e)}selectDateInCalendar(e){this._dateValue=e.getAttribute("data-value"),this.removeCurrentlySelectedDateAttributes(),this.addSelectedDateAttributes(e)}selectDateInCalendarAndDispatchSelect(e){this.selectDateInCalendar(e),this.dispatchSelectEvent()}getElementByDate(e){return this.template.querySelector(`td[data-value='${e}']`)}getFocusableDateCell(){return this.template.querySelector("td[tabIndex='0']")}unfocusDateCell(e){e&&e.removeAttribute("tabIndex")}focusDateCell(e){e&&(e.setAttribute("tabIndex",0),e.focus())}focusElementByDate(e){requestAnimationFrame(()=>{const t=this.getElementByDate(this.formatDate(e));t&&(this.unfocusDateCell(this.getFocusableDateCell()),this.focusDateCell(t))})}renderCalendar(e){this.calendarMonth=e.getMonth(),this.calendarYear=e.getFullYear()}renderToday(){const e=this.getTodaysDate();if(this.dateInCalendar(e)){this.removeCurrentlySelectedDateAttributes(),this.unfocusDateCell(this.getFocusableDateCell());this.getElementByDate(this.todayDate).setAttribute("tabIndex",0)}else this.renderCalendar(e)}removeCurrentlySelectedDateAttributes(){const e=this.template.querySelector("td[class*='kdds-is-selected']");e&&(e.classList.remove("kdds-is-selected"),e.setAttribute("aria-selected","false")),this.unfocusDateCell(this.getFocusableDateCell())}addSelectedDateAttributes(e){this.focusDateCell(e),e.classList.add("kdds-is-selected"),e.setAttribute("aria-selected","true")}handleCalendarKeyDown(e){const t=e.target.getAttribute("data-value");!function(e,t,a){const s=e.target;switch(o.normalizeKeyValue(e.key)){case"ArrowUp":N(e),t.setDate(t.getDate()-7),a.focusDate(t);break;case"ArrowDown":N(e),t.setDate(t.getDate()+7),a.focusDate(t);break;case"ArrowRight":N(e),o.isRTL()?t.setDate(t.getDate()-1):t.setDate(t.getDate()+1),a.focusDate(t);break;case"ArrowLeft":N(e),o.isRTL()?t.setDate(t.getDate()+1):t.setDate(t.getDate()-1),a.focusDate(t);break;case"Enter":case" ":N(e),a.selectDate(s);break;case"PageUp":N(e),e.altKey?t.setFullYear(t.getFullYear()-1):t.setMonth(t.getMonth()-1),a.focusDate(t);break;case"PageDown":N(e),e.altKey?t.setFullYear(t.getFullYear()+1):t.setMonth(t.getMonth()+1),a.focusDate(t);break;case"Home":{N(e);const s=a.getStartOfWeek(t);a.focusDate(s);break}case"End":{N(e);const s=a.getStartOfWeek(t);s.setDate(s.getDate()+6),a.focusDate(s);break}}}(e,this.parseDate(t),this.keyboardInterface)}handleDateClick(e){e.stopPropagation();const t=e.target.parentElement;this.selectDateInCalendarAndDispatchSelect(t)}handleTodayClick(e){e.stopPropagation(),this._dateValue=this.todayDate,this.selectDate(this.getTodaysDate()),this.dispatchSelectEvent()}handleModeChangeClick(e){if(e.stopPropagation(),"SPAN"===e.target.tagName){const t=e.target.getAttribute("data-value");this.dispatchEvent(new CustomEvent("modechange",{detail:{value:t}}))}}handleYearChange(e){e.stopPropagation();const t=e.target.value;this.calendarYear!==t&&(this.calendarYear=t)}handleTimeSelect(e){const{value:t}=e.detail;this._dateValue||(this._dateValue=this.todayDate),this._timeValue=t,this.dispatchSelectEvent()}goToNextMonth(e){if(e.stopPropagation(),!this.canNextMonth)return;const t=this.getCalendarDate();t.setMonth(t.getMonth()+1),this.renderCalendar(t)}goToNextYear(e){if(e.stopPropagation(),!this.canNextYear)return;const t=this.getCalendarDate(),a=t.getFullYear()+1;t.setFullYear(a),this.renderCalendar(t)}goToPreviousMonth(e){if(e.stopPropagation(),!this.canPrevMonth)return;const t=this.getCalendarDate();t.setMonth(t.getMonth()-1),this.renderCalendar(t)}goToPreviousYear(e){if(e.stopPropagation(),!this.canPrevYear)return;const t=this.getCalendarDate(),a=t.getFullYear()-1;t.setFullYear(a),this.renderCalendar(t)}formatDate(e){return d.getISODateString(e)}parseDate(e){return d.parseDateTime(e,l.STANDARD_DATE_FORMAT,!0)}isSame(e,t){return!(!e||!t)&&(e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate())}isBetween(e,t,a){let s=!0,r=!0;return a&&(s=d.isBefore(e,a,"day")||this.isSame(e,a)),t&&(r=d.isAfter(e,t,"day")||this.isSame(e,t)),s&&r}getCalendarCacheKey(e,t){let a=`${e.getFullYear()}-${e.getMonth()}`;return a+=this.min?`min${this.min}`:"",a+=this.max?`max${this.max}`:"",t&&this.dateInCalendar(t,e)&&(a+=`_${t.getDate()}`),a}}e.registerDecorators(T,{publicProps:{type:{config:0},calendarDate:{config:3},value:{config:3},timeValue:{config:3}},track:{calendarYear:1,calendarMonth:1,_timeValue:1,_dateValue:1,_calendarDate:1}});const x=e.registerComponent(T,{tmpl:Y,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\calendarDay-",apiVersion:63});module.exports=x;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("@kdcloudjs/kwc"),t=require("../calendarMonth-DuBmYkui.js"),a=require("./icon.js"),r=require("./shadowBaseClassPrivate.js"),s=require("../intlFormat-Bs-dlvDH.js");require("../i18n-CP31jeWH.js");var n=require("../ssr-RXknEJpO.js");require("../observable-BXDJFaLN.js");var i=require("./iso8601Utils.js"),l=require("../intlDisplayNames-DjPWNJUj.js");require("../calendar.kdds-DBIZRNEC.js"),require("../utilsPrivate-DL4VBetH.js"),require("../client-Co_j5m_k.js"),require("../colorValid-BBnkvgd_.js"),require("./i18nCldrOptions.js"),require("./i18nService.js"),require("./configProvider.js"),require("../empty_html-hFq4zm9t.js"),require("../classSet-B5xuJbNb.js"),require("../labelUtils-C2UzbgdZ.js"),require("../label-DdXuOVTE.js"),require("./features.js");const d=e.parseFragment`<div class="kdds-align-middle kdds-middle-text${0}"${2}><span data-value="year" role="year-title"${3}>${"t2"}</span></div>`,o=e.parseFragment`<button${"a0:aria-selected"}${"a0:aria-current"} class="kdds-button kdds-month-button${0}"${"a0:data-month"}${2}>${"t1"}</button>`,c={classMap:{"kdds-datepicker__filter":!0,"kdds-grid":!0},key:0},u={classMap:{"kdds-datepicker__filter_month":!0,"kdds-grid":!0,"kdds-grid_align-spread":!0,"kdds-grow":!0},key:1},h={classMap:{"kdds-align-middle":!0},key:2},g={classMap:{"kdds-align-middle":!0},key:7},p={classMap:{"kdds-datepicker__month-list":!0},key:10};function m(e,t,r,s){const{ncls:n,b:i,c:l,h:m,d:k,sp:D,st:
|
|
1
|
+
"use strict";var e=require("@kdcloudjs/kwc"),t=require("../calendarMonth-DuBmYkui.js"),a=require("./icon.js"),r=require("./shadowBaseClassPrivate.js"),s=require("../intlFormat-Bs-dlvDH.js");require("../i18n-CP31jeWH.js");var n=require("../ssr-RXknEJpO.js");require("../observable-BXDJFaLN.js");var i=require("./iso8601Utils.js"),l=require("../intlDisplayNames-DjPWNJUj.js");require("../calendar.kdds-DBIZRNEC.js"),require("../utilsPrivate-DL4VBetH.js"),require("../client-Co_j5m_k.js"),require("../colorValid-BBnkvgd_.js"),require("./i18nCldrOptions.js"),require("./i18nService.js"),require("./configProvider.js"),require("../empty_html-hFq4zm9t.js"),require("../classSet-B5xuJbNb.js"),require("../labelUtils-C2UzbgdZ.js"),require("../label-DdXuOVTE.js"),require("./features.js");const d=e.parseFragment`<div class="kdds-align-middle kdds-middle-text${0}"${2}><span data-value="year" role="year-title"${3}>${"t2"}</span></div>`,o=e.parseFragment`<button${"a0:aria-selected"}${"a0:aria-current"} class="kdds-button kdds-month-button${0}"${"a0:data-month"}${2}>${"t1"}</button>`,c={classMap:{"kdds-datepicker__filter":!0,"kdds-grid":!0},key:0},u={classMap:{"kdds-datepicker__filter_month":!0,"kdds-grid":!0,"kdds-grid_align-spread":!0,"kdds-grow":!0},key:1},h={classMap:{"kdds-align-middle":!0},key:2},g={classMap:{"kdds-align-middle":!0},key:7},p={classMap:{"kdds-datepicker__month-list":!0},key:10};function m(e,t,r,s){const{ncls:n,b:i,c:l,h:m,d:k,sp:D,st:v,k:Y,i:_}=e,{_m0:C,_m1:y,_m2:j,_m3:f,_m4:q,_m5:M}=s;return[m("div",c,[m("div",u,[m("div",h,[m("span",{className:n(t.computePrevYearIconClass),key:3,on:C||(s._m0={click:i(t.goToPreviousYear)})},[l("kd-icon",a,{props:{iconName:t.previousYearIconName},key:4})])]),v(d,6,[D(0,{on:j||(s._m2={click:i(t.handleModeChangeClick)})},null),D(2,null,k(t.computedYearTitle))]),m("div",g,[m("span",{className:n(t.computeNextYearIconClass),key:8,on:f||(s._m3={click:i(t.goToNextYear)})},[l("kd-icon",a,{props:{iconName:t.nextYearIconName},key:9})])])])]),m("div",p,_(t.months,function(e){return v(o,Y(12,e.numeric),[D(0,{on:M||(s._m5={click:i(t.handleMonthClick)}),attrs:{"aria-selected":e.isSelected,"aria-current":e.isCurrent,"data-month":e.numeric}},null),D(1,null,k(e.fullName))])}))]}var k=e.registerTemplate(m);m.stylesheets=[],m.stylesheetToken="kwc-6s2fno4cj8c",m.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\calendarMonth-undefined_calendarMonth",t.stylesheet0&&m.stylesheets.push.apply(m.stylesheets,t.stylesheet0),e.freezeTemplate(m);class D extends r{constructor(...e){super(...e),this._selectedDate=null,this.calendarYear=null,this.calendarMonth=null,this._calendarDate=null}get calendarDate(){return this._calendarDate}set calendarDate(e){this._calendarDate=e,e&&this.renderCalendar(e)}get value(){return this._selectedDate}set value(e){const t=this.parseDate(e,i.STANDARD_DATE_FORMAT,!0);t&&(this._selectedDate=e,this.renderCalendar(t))}renderCalendar(e){this.calendarMonth=e.getMonth(),this.calendarYear=e.getFullYear()}get computedYearTitle(){return`${this.padStartZero(this.calendarYear)}年`}get months(){return l.getMonthNames().map((e,t)=>({...e,isCurrent:this.getTodaysDate().getMonth()===e.numeric&&this.calendarYear===this.getTodaysDate().getFullYear(),isSelected:!!this.getSelectedDate()&&(this.getSelectedDate().getMonth()===t&&this.calendarYear===this.getSelectedDate().getFullYear())}))}get hostDirection(){let e;return n.isCSR&&(e=window.getComputedStyle(this.template.host)),e?e.direction.toLowerCase():"ltr"}get previousYearIconName(){return"ltr"===this.hostDirection?"kdfont-qianfanshuangjiantou":"kdfont-houfanshuangjiantou"}get nextYearIconName(){return"ltr"===this.hostDirection?"kdfont-houfanshuangjiantou ":"kdfont-qianfanshuangjiantou"}get canPrevYear(){return this.calendarYear-1>=1}get canNextYear(){return this.calendarYear+1<=9999}get computePrevYearIconClass(){return this.canPrevYear?"":"disabled"}get computeNextYearIconClass(){return this.canNextYear?"":"disabled"}getCalendarDate(){if(this.calendarYear){const e=`${this.padStartZero(this.calendarYear)}-${this.padStartZero(this.calendarMonth+1,2)}-01`;return new Date(e)}return this.getTodaysDate()}getTodaysDate(){return this.todayDate?this.parseDate(this.todayDate):new Date}getSelectedDate(){return this.parseDate(this.value)}parseDate(e){return s.parseDateTime(e,i.STANDARD_DATE_FORMAT,!0)}handleModeChangeClick(e){if(e.stopPropagation(),"SPAN"===e.target.tagName){const t=e.target.getAttribute("data-value");this.dispatchEvent(new CustomEvent("modechange",{detail:{value:t}}))}}handleMonthClick(e){const t=e.target.getAttribute("data-month");this.dispatchEvent(new CustomEvent("privatemonthselect",{detail:{month:t,year:this.calendarYear}}))}padStartZero(e,t=4){return e.toString().padStart(t,"0")}goToNextYear(e){if(e.stopPropagation(),!this.canNextYear)return;const t=this.getCalendarDate();t.setFullYear(t.getFullYear()+1),this.renderCalendar(t)}goToPreviousYear(e){if(e.stopPropagation(),!this.canPrevYear)return;const t=this.getCalendarDate();t.setFullYear(t.getFullYear()-1),this.renderCalendar(t)}connectedCallback(){super.connectedCallback(),this._connected=!0,this.todayDate=s.getCurrentDateString();const e=this._calendarDate||this.getSelectedDate()||this.getTodaysDate();this.renderCalendar(e)}disconnectedCallback(){this._connected=!1}}e.registerDecorators(D,{publicProps:{calendarDate:{config:3},value:{config:3}},track:{calendarYear:1,calendarMonth:1,_calendarDate:1},fields:["_selectedDate"]});const v=e.registerComponent(D,{tmpl:k,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\calendarMonth-",apiVersion:63});module.exports=v;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("@kdcloudjs/kwc"),
|
|
1
|
+
"use strict";var e=require("@kdcloudjs/kwc"),a=require("../calendarMonth-DuBmYkui.js"),t=require("./icon.js"),r=require("./shadowBaseClassPrivate.js"),s=require("../intlFormat-Bs-dlvDH.js");require("../i18n-CP31jeWH.js");var n=require("../ssr-RXknEJpO.js");require("../observable-BXDJFaLN.js");var i=require("./iso8601Utils.js");require("../calendar.kdds-DBIZRNEC.js"),require("../utilsPrivate-DL4VBetH.js"),require("../client-Co_j5m_k.js"),require("../colorValid-BBnkvgd_.js"),require("../empty_html-hFq4zm9t.js"),require("./i18nCldrOptions.js"),require("./i18nService.js"),require("./configProvider.js"),require("../classSet-B5xuJbNb.js"),require("../labelUtils-C2UzbgdZ.js"),require("../label-DdXuOVTE.js"),require("./features.js");var l=[a.stylesheet0,function(e,a,t){var r=e?"["+e+"]":"",s=e?"["+e+"-host]":"";return(a?":host [role='year-title']"+r+",\r:host [role='year-title']:hover":s+" [role='year-title']"+r+","+s+" [role='year-title']:hover")+r+" {color: var(--kdds-c-datepicker-switch-color);pointer-events: none;}"}];const o=e.parseFragment`<div class="kdds-align-middle kdds-middle-text${0}"${2}><span role="year-title"${3}>${"t2"}</span></div>`,d=e.parseFragment`<button class="kdds-button kdds-month-button${0}"${"a0:data-year"}${"a0:aria-selected"}${"a0:aria-current"}${2}>${"t1"}</button>`,c={classMap:{"kdds-datepicker__filter":!0,"kdds-grid":!0},key:0},u={classMap:{"kdds-datepicker__filter_month":!0,"kdds-grid":!0,"kdds-grid_align-spread":!0,"kdds-grow":!0},key:1},h={classMap:{"kdds-align-middle":!0},key:2},p={classMap:{"kdds-align-middle":!0},key:7},g={classMap:{"kdds-datepicker__month-list":!0},key:10};function k(e,a,r,s){const{ncls:n,b:i,c:l,h:k,d:m,sp:Y,st:v,k:y,i:j}=e,{_m0:D,_m1:q,_m2:f,_m3:_}=s;return[k("div",c,[k("div",u,[k("div",h,[k("span",{className:n(a.computePrevYearIconClass),key:3,on:D||(s._m0={click:i(a.goToPreviousYearRange)})},[l("kd-icon",t,{props:{iconName:a.previousYearIconName},key:4})])]),v(o,6,[Y(2,null,m(a.computedYearTitle))]),k("div",p,[k("span",{className:n(a.computeNextYearIconClass),key:8,on:q||(s._m1={click:i(a.goToNextYearRange)})},[l("kd-icon",t,{props:{iconName:a.nextYearIconName},key:9})])])])]),k("div",g,j(a.years,function(e){return v(d,y(12,e.fullName),[Y(0,{on:_||(s._m3={click:i(a.handleYearClick)}),attrs:{"data-year":e.fullName,"aria-selected":e.isSelected,"aria-current":e.isCurrent}},null),Y(1,null,m(e.fullName))])}))]}var m=e.registerTemplate(k);k.stylesheets=[],k.stylesheetToken="kwc-5g8qgb1ol8e",k.legacyStylesheetToken="D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\calendarYear-undefined_calendarYear",l&&k.stylesheets.push.apply(k.stylesheets,l),e.freezeTemplate(k);class Y extends r{constructor(...e){super(...e),this.value=void 0,this.calendarYear=void 0}renderCalendar(e){let a=e.getFullYear();a>1&&(a=Math.max(1,a-14)),a<9999&&(a=Math.min(9999,a+14)),this.calendarYear=a}get computedYearTitle(){const e=this.calendarYear-14,a=this.calendarYear;return`${this.padYear(e)} - ${this.padYear(a)}`}get years(){const e=this.calendarYear-14,a=[];for(let t=0;t<15;t++){const r=e+t;a.push({fullName:this.padYear(r),isCurrent:this.getTodaysDate().getFullYear()===e+t,isSelected:this.value&&e+t===this.getSelectedDate()?.getFullYear(),isDisabled:!1})}return a}get hostDirection(){let e;return n.isCSR&&(e=window.getComputedStyle(this.template.host)),e?e.direction.toLowerCase():"ltr"}get previousYearIconName(){return"ltr"===this.hostDirection?"kdfont-qianfanshuangjiantou":"kdfont-houfanshuangjiantou"}get nextYearIconName(){return"ltr"===this.hostDirection?"kdfont-houfanshuangjiantou ":"kdfont-qianfanshuangjiantou"}get canPrevYear(){return this.calendarYear>15}get canNextYear(){return this.calendarYear<9999}get computePrevYearIconClass(){return this.canPrevYear?"":"disabled"}get computeNextYearIconClass(){return this.canNextYear?"":"disabled"}getTodaysDate(){return this.todayDate?this.parseDate(this.todayDate):new Date}getSelectedDate(){return this.parseDate(this.value)}parseDate(e){return s.parseDateTime(e,i.STANDARD_DATE_FORMAT,!0)}handleYearClick(e){const a=e.target.getAttribute("data-year");this.dispatchEvent(new CustomEvent("privateyearselect",{detail:{value:a}}))}padYear(e){return e.toString().padStart(4,"0")}goToPreviousYearRange(){this.canPrevYear&&(this.calendarYear=Math.max(15,this.calendarYear-15))}goToNextYearRange(){this.canNextYear&&(this.calendarYear=Math.min(9999,this.calendarYear+15))}connectedCallback(){super.connectedCallback(),this._connected=!0,this.todayDate=s.getCurrentDateString();const e=this.getSelectedDate()||this.getTodaysDate();this.renderCalendar(e)}disconnectedCallback(){this._connected=!1}}e.registerDecorators(Y,{publicProps:{value:{config:0}},track:{calendarYear:1}});const v=e.registerComponent(Y,{tmpl:m,sel:"D:\\new_workspace\\workspace\\kingdee-base-components\\src\\modules\\kd\\calendarYear-",apiVersion:63});module.exports=v;
|