p-b7b94a03.entry.js

/*!
 * Built by BASIS
 * Copyright BASIS International Ltd.
 */
import{r as t,c as e,w as o,h as i,H as r,a}from"./p-PVlyEhfK.js";import{g as c}from"./p-CkXXbFtM.js";import{r as s}from"./p-C_ew5GV9.js";import{D as n}from"./p-mX-dkIsj.js";import{h as d}from"./p-Byb4o8em.js";import{D as h,a as l,b}from"./p-za21nGs2.js";import{S as p}from"./p-BF5WmWaV.js";var u=c(s());let w=0;const v=class{constructor(o){t(this,o),this.basisChangedEvent=e(this,"dwc-changed"),this.validatedEvent=e(this,"dwc-validated"),this.listId="list-button-"+ ++w,this.validationExpressionEngine=new n("BBjListButton<dwc-choicebox> Validation",["x","value","text","component","control"]),this.loaded=!1,this.alignment="default",this.autoValidate=!0,this.autoValidateOnLoad=!1,this.autoWasValidated=!1,this.buttonHeight="",this.disabled=!1,this.distance=3,this.expanse="m",this.hasFocus=!1,this.items=[],this.itemValue="",this.itemLabel="",this.invalid=!1,this.opened=!1,this.openWidth="",this.openHeight="",this.placement="bottom-start",this.readonly=!1,this.renderItemPrefix=!1,this.searchInput=!1,this.searchNodata="No data to display",this.searchPlaceholder="Search",this.searchTerm="",this.skidding=0,this.tickMark=!1,this.typeToSelect=!0,this.typeToSelectTimeout=1e3,this.typeToSelectCaseSensitive=!1,this.validationIcon="dwc:info",this.validationPopoverDistance=6,this.validationPopoverSkidding=0,this.validationPopoverPlacement="bottom",this.validationStyle="popover",this.valid=!1,this.theme="default",this.type="choicebox"}onButtonHeightChanged(t){this.el.style.setProperty("--__dwc-choicebox-button-height",t)}onValueOrLabelChanged(){this.loaded&&this.autoValidate&&this.validate()}onOpenedChanged(t){t?this.open():this.close()}onSelectedChanged(t){if(this.loaded&&this.autoValidate&&this.validate(),!Number.isInteger(t))return this.itemLabel="",void(this.itemValue="");if(this.items.length){const e=this.items[t];e&&(this.itemLabel=e.label.trim(),this.itemValue=e.value)}}connectedCallback(){var t;this.handleButtonFocus=this.handleButtonFocus.bind(this),this.handleButtonBlur=this.handleButtonBlur.bind(this),this.handleDocumentKeydown=this.handleDocumentKeydown.bind(this),this.handleDropdownItemSelected=this.handleDropdownItemSelected.bind(this),this.handleMenuClose=this.handleMenuClose.bind(this),this.handleMenuOpen=this.handleMenuOpen.bind(this),this.handleLabelClick=this.handleLabelClick.bind(this),null===(t=this.slotsObserver)||void 0===t||t.connect()}disconnectedCallback(){var t;null===(t=this.slotsObserver)||void 0===t||t.disconnect()}componentWillLoad(){if(this.slotsObserver=new p(this.el,"helper-text"),!isNaN(this.selected)&&this.items.length&&!this.itemValue&&this.items.length){const t=this.items[this.selected];t&&(this.itemLabel=t.label.trim(),this.itemValue=t.value)}}componentDidLoad(){this.loaded=!0,this.onButtonHeightChanged(this.buttonHeight),this.opened&&this.open(),this.autoValidateOnLoad&&o((()=>this.validate()))}async setFocus(){return this.$button.disabled=this.disabled,this.$button.setFocus()}async removeFocus(){this.$button.removeFocus()}async open(){if(!this.disabled)return document.addEventListener("keydown",this.handleDocumentKeydown,{capture:!0}),this.$dropdown.open()}async close(){return document.removeEventListener("keydown",this.handleDocumentKeydown),this.$dropdown.close()}async toggle(){return this.$dropdown.toggle()}async validate(){let t=!0;if(this.validator){const e=this.itemValue,o=this.el;t=this.validationExpressionEngine.evaluate(this.validator,{x:e,value:e,text:e,component:o,control:o})}return this.invalid=!t,this.validatedEvent.emit(t),this.invalid&&(this.valid=!1),!this.invalid&&this.autoWasValidated&&(this.valid=!0),t}async getPart(t){let e;switch(t){case"button":e=this.$button;break;case"icon":e=this.icon;break;default:e=this.el.querySelector(`[part="${t}"]`)}return new Promise((t=>{t(e)}))}handleDocumentKeydown(t){"Enter"===t.key&&"dwc-listbox"===t.target.nodeName.toLowerCase()&&this.el.shadowRoot.activeElement===this.$button&&(t.preventDefault(),t.stopPropagation(),this.close(),this.setFocus())}handleButtonBlur(){this.hasFocus=!1}handleButtonFocus(){this.hasFocus=!0}handleMenuOpen(t){this.disabled?t.preventDefault():this.opened=!0}handleMenuClose(){this.opened=!1}handleDropdownItemSelected(t){const e=[].concat(t.detail);if(e.length){const t=e[0];if(!t.item)return;this.selected=t.index,this.fireChangedEvent()}}handleLabelClick(){this.$button.focus()}fireChangedEvent(){this.basisChangedEvent.emit({index:this.selected,item:this.items[this.selected]})}render(){var t,e,o;const a=this.invalid&&!!(this.invalidMessage&&this.invalidMessage.trim().length>0),c=[].concat(this.selected).filter((t=>"number"==typeof t)),s=Number.isInteger(this.selected)&&(null===(t=this.items[this.selected])||void 0===t?void 0:t.prefix)||"",n=(null===(e=this.helperText)||void 0===e?void 0:e.trim().length)>0||this.slotsObserver.hasContent("helper-text");return i(r,{key:"a5a9f459f4deaa814b6a6be5000178d53d6d962a",class:d({BBjControl:!0,BBjListButton:!0,"bbj-disabled":this.disabled,"bbj-focused":this.hasFocus,"bbj-readonly":this.readonly,"bbj-valid":this.valid,"bbj-invalid":this.invalid})},i("div",{key:"5473eb98bad28393f79f04b150d76d1433d4e54d",part:"control"},this.label&&i("div",{key:"268d04a6f9a3fe9232daa265a2b0c3f8c986534c",part:"label",id:this.listId,onClick:this.handleLabelClick,innerHTML:this.label}),i("dwc-dropdown",{key:"fc4fc09f9bdee356b37654c90784ba2bffb20f60",ref:t=>this.$dropdown=t,part:"dropdown",exportparts:"control: dropdown-control, handler:dropdown-handler",alignment:"default"==this.alignment?"left":this.alignment,opened:this.opened,toggleOnClick:!0,toggleOnEnter:!0,openOnArrow:!1,allowDeselection:!1,multiSelection:!1,disabled:this.disabled,readonly:this.readonly,searchInput:this.searchInput,searchNodata:this.searchNodata,searchPlaceholder:this.searchPlaceholder,searchTerm:this.searchTerm,typeToSelect:this.typeToSelect,typeToSelectTimeout:this.typeToSelectTimeout,typeToSelectCaseSensitive:this.typeToSelectCaseSensitive,selected:c,items:this.items,expanse:this.expanse,placement:this.placement,distance:this.distance,skidding:this.skidding,openWidth:this.openWidth,openHeight:this.openHeight,maxRowCount:this.maxRowCount,tickMark:this.tickMark,type:this.type,"onDwc-opened":this.handleMenuOpen,"onDwc-closed":this.handleMenuClose,"onDwc-selected":this.handleDropdownItemSelected},i("dwc-button",{key:"36c5eaf71977efd3c133463cd08fcc784e1ab4f0",ref:t=>this.$button=t,alignment:"default"==this.alignment?"left":this.alignment,part:"button",exportparts:"control: button-control, label:button-label, suffix:button-suffix, prefix:button-prefix",style:{height:"var(--dwc-choicebox-button-height, var(--__dwc-choicebox-button-height))"},expanse:this.expanse,theme:this.theme,onBlur:this.handleButtonBlur,onFocus:this.handleButtonFocus,"aria-labelledby":this.listId,"aria-describedby":"helper-text",disabled:this.disabled,"data-alignment":this.alignment},this.renderItemPrefix&&s.length>0&&i("div",{key:"3596282b9cd5c5784485ec2f8a420f3ec64abc16",part:"suffix",slot:"left-edge",innerHTML:s}),i("slot",{key:"a5abd7498de0a42354d78818c8d5619dea2d1d2e",name:"prefix",slot:"prefix"}),i("slot",{key:"f7de7db5e9cfbba5ce612b101623d03a69ca3299",name:"suffix",slot:"suffix"}),i("div",{key:"febe6946b47bcafa6ef4187f57cec9015001520d",ref:t=>this.icon=t,part:"suffix",slot:"right"===this.alignment?"left-edge":"right-edge"},i("span",{key:"1b0406ef563d7431543a8944e186d67e810c0c80",part:"suffix-separator"}),i("dwc-icon",{key:"43ced5750a61c04ecf32c8142cb6cb62dc0b8036",part:"suffix-icon",pool:"dwc",name:"chevron-down","aria-hidden":"true"})),i("div",{key:"72664ff1718dae7b16e03e110cdec1914dcfd2de",part:"button-label",innerHTML:(null===(o=this.itemLabel)||void 0===o?void 0:o.length)>0?this.itemLabel:String.fromCharCode(65279)})),"popover"===this.validationStyle&&a&&i(b,{key:"c1d2b8b25493f6bb01cbb250d8c7b16cb0da575c",invalidMessage:this.invalidMessage,icon:this.validationIcon,hasFocus:this.hasFocus&&!this.$dropdown.opened,popoverDistance:this.validationPopoverDistance,popoverPlacement:this.validationPopoverPlacement,popoverSkidding:this.validationPopoverSkidding}))),i(l,{key:"66071d6fb52ad20fb54f610418d94927ceded5e7",helperText:this.helperText,visible:n}),"inline"===this.validationStyle&&a&&i(h,{key:"03bf67dec26a4284ff054f728c3671be6c0de37e",invalidMessage:this.invalidMessage,icon:this.validationIcon}))}get el(){return a(this)}static get watchers(){return{buttonHeight:[{onButtonHeightChanged:0}],itemValue:[{onValueOrLabelChanged:0}],itemLabel:[{onValueOrLabelChanged:0}],opened:[{onOpenedChanged:0}],selected:[{onSelectedChanged:0}]}}};(function(t,e,o,i){var r,a=arguments.length,c=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(t,e,o,i);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(c=(a<3?r(c):a>3?r(e,o,c):r(e,o))||c);a>3&&c&&Object.defineProperty(e,o,c)})([u(50)],v.prototype,"fireChangedEvent",null),v.style="@media (prefers-reduced-motion: reduce){*,::before,::after{animation-delay:-1ms !important;animation-duration:1ms !important;animation-iteration-count:1 !important;background-attachment:initial !important;scroll-behavior:auto !important;transition-delay:0s !important;transition-duration:0s !important}}:host{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-tap-highlight-color:transparent;text-size-adjust:100%}:host *,:host *::before,:host *::after{box-sizing:inherit}:host{--_input-inset:max(var(--dwc-space), min(calc(var(--dwc-border-radius) / 2), var(--dwc-border-radius-xl)));display:inline-block;height:auto;width:inherit}:host([disabled]){cursor:var(--dwc-disabled-cursor);opacity:var(--dwc-disabled-opacity);user-select:none;pointer-events:none}:host([disabled]) *{cursor:var(--dwc-disabled-cursor);user-select:none;pointer-events:none}[part=label]{align-items:center;color:var(--dwc-choicebox-label-color, var(--dwc-color-body-text));cursor:var(--dwc-cursor-click);display:flex;font-size:90%;font-weight:var(--dwc-choicebox-label-font-weight, var(--dwc-font-weight-semibold));gap:var(--dwc-space-xs);height:auto;margin:0;margin-bottom:var(--dwc-space-s);padding-left:var(--_input-inset);text-align:left;transition:color var(--dwc-transition-fast) var(--dwc-ease)}[part=dropdown]{display:block}[part=button]{display:block;text-align:inherit;width:100%}[part=button]::part(split-wrapper){display:flex}[part=button]::part(right-edge){padding:0}[part=button]::part(label-wrapper){padding-left:var(--_input-inset);padding-right:var(--_input-inset)}[part=suffix]{align-items:center;align-self:stretch;box-sizing:border-box;cursor:var(--dwc-cursor-click);display:flex;flex-shrink:0;height:100%;width:100%}[part=suffix-icon]{box-sizing:border-box !important;display:flex;padding:var(--dwc-space-s);transform-origin:center;transition:color var(--dwc-transition-fast) var(--dwc-ease), transform var(--dwc-transition) var(--dwc-ease)}[part=suffix-separator]{align-self:stretch;background-color:var(--dwc-choicebox-separator-color, transparent);margin:var(--dwc-space-xs) 0;width:var(--dwc-border-width)}:host([opened]) [part=suffix-icon]{transform:rotate(180deg)}:host([has-focus]) [part=label],:host([opened]) [part=control] [part=label]{color:var(--dwc-choicebox-label-hover-color, var(--dwc-color-primary-text-light))}dwc-alert{--dwc-alert-padding:var(--dwc-space-s) 0;text-align:left}dwc-alert{--dwc-alert-padding:var(--dwc-space-s) 0;--dwc-icon-size:1.2em;margin-left:calc(min(var(--dwc-border-radius) / 4, var(--dwc-border-radius-l) / 2) + var(--dwc-border-width) * 2);text-align:left}:host([valid]),:host([invalid]){--dwc-icon-button-color:var(--dwc-input-color);--dwc-icon-button-hover-color:var(--dwc-icon-button-color);--dwc-icon-button-active-color:var(--dwc-icon-button-color)}:host([valid]:not([valid=false])){--dwc-input-label-color:var(--dwc-color-success-text);--dwc-input-label-hover-color:var(--dwc-color-success-text-light);--dwc-input-border-color:var(--dwc-border-color-success-emphasis);--dwc-input-hover-border-color:var(--dwc-input-border-color);--dwc-input-focus-ring:var(--dwc-focus-ring-success);--dwc-input-placeholder-color:var(--dwc-color-gray-text);--dwc-input-selection-background:var(--dwc-color-success-light);--dwc-input-selection-color:var(--dwc-color-on-success-text-light);--dwc-input-required-field-indicator-color:var(--dwc-input-label-color)}:host([invalid]:not([invalid=false])){--dwc-input-label-color:var(--dwc-color-danger-text);--dwc-input-label-hover-color:var(--dwc-color-danger-text-light);--dwc-input-border-color:var(--dwc-border-color-danger-emphasis);--dwc-input-hover-border-color:var(--dwc-input-border-color);--dwc-input-focus-ring:var(--dwc-focus-ring-danger);--dwc-input-placeholder-color:var(--dwc-color-gray-text);--dwc-input-selection-background:var(--dwc-color-danger-light);--dwc-input-selection-color:var(--dwc-color-on-danger-text-light);--dwc-alert-color:var(--dwc-input-label-color);--dwc-alert-icon-color:var(--dwc-alert-color);--dwc-input-required-field-indicator-color:var(--dwc-input-label-color)}[part=helper-text-wrapper],[part=helper-text-wrapper] ::slotted([slot=helper-text]){color:var(--dwc-color-gray-text-light);font-size:var(--dwc-font-size-s);font-weight:var(--dwc-font-weight-normal);line-height:var(--dwc-font-line-height-s);text-align:left;transition:color var(--dwc-transition)}[part=helper-text-wrapper][data-visible]{margin-left:calc(min(var(--dwc-border-radius) / 4, var(--dwc-border-radius-l) / 2) + var(--dwc-border-width) * 2);padding-top:var(--dwc-space-s)}:host([theme=primary]),:host([theme=outlined-primary]){--dwc-choicebox-label-hover-color:var(--dwc-color-primary-text-light)}:host([theme=success]),:host([theme=outlined-success]){--dwc-choicebox-label-hover-color:var(--dwc-color-success-text-light)}:host([theme=warning]),:host([theme=outlined-warning]){--dwc-choicebox-label-hover-color:var(--dwc-color-warning-text-light)}:host([theme=danger]),:host([theme=outlined-danger]){--dwc-choicebox-label-hover-color:var(--dwc-color-danger-text-light)}:host([theme=gray]),:host([theme=outlined-gray]){--dwc-choicebox-label-hover-color:var(--dwc-color-gray-text-light)}:host([theme=info]),:host([theme=outlined-info]){--dwc-choicebox-label-hover-color:var(--dwc-color-info-text-light)}:host([invalid]){--dwc-alert-color:var(--dwc-color-danger-text);--dwc-alert-icon-color:var(--dwc-alert-color);--dwc-choicebox-label-color:var(--dwc-alert-color);--dwc-choicebox-label-hover-color:var(--dwc-choicebox-label-color)}:host([invalid]) [part=button]{--dwc-button-border-color:var(--dwc-border-color-danger-emphasis);--dwc-button-hover-border-color:var(--dwc-button-border-color);--dwc-button-focus-border-color:var(--dwc-button-border-color);--dwc-button-outlined-border-color:var(--dwc-button-border-color);--dwc-button-focus-ring:var(--dwc-focus-ring-danger)}:host([expanse=xl]) [part=control]{font-size:var(--dwc-font-size-xl)}:host([expanse=xl]) [part=button]::part(control){height:var(--dwc-choicebox-button-height, var(--__dwc-choicebox-button-height, var(--dwc-size-xl)))}:host([expanse=l]) [part=control]{font-size:var(--dwc-font-size-l)}:host([expanse=l]) [part=button]::part(control){height:var(--dwc-choicebox-button-height, var(--__dwc-choicebox-button-height, var(--dwc-size-l)))}:host([expanse=m]) [part=control]{font-size:var(--dwc-font-size-m)}:host([expanse=m]) [part=button]::part(control){height:var(--dwc-choicebox-button-height, var(--__dwc-choicebox-button-height, var(--dwc-size-m)))}:host([expanse=s]) [part=control]{font-size:var(--dwc-font-size-s)}:host([expanse=s]) [part=button]::part(control){height:var(--dwc-choicebox-button-height, var(--__dwc-choicebox-button-height, var(--dwc-size-s)))}:host([expanse=xs]) [part=control]{font-size:var(--dwc-font-size-xs)}:host([expanse=xs]) [part=button]::part(control){height:var(--dwc-choicebox-button-height, var(--__dwc-choicebox-button-height, var(--dwc-size-xs)))}:host([alignment=right]) [part=label]{justify-content:flex-end;padding-left:0;padding-right:var(--_input-inset)}:host([readonly]) [part=button]{--dwc-scale-press:1;--dwc-border-style:dashed;--dwc-button-color:var(--dwc-color-body-text);--dwc-button-background:transparent;--dwc-button-border-color:var(--dwc-border-color);--dwc-button-hover-background:transparent;--dwc-button-hover-color:var(--dwc-button-color);--dwc-button-hover-border-color:var(--dwc-border-color);--dwc-button-selected-background:transparent;--dwc-button-selected-color:var(--dwc-button-color)}";export{v as dwc_choicebox}