@nova-design-system/nova-webcomponents 3.31.2-beta.4 → 3.33.0
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/THIRD_PARTY_NOTICES.txt +89925 -90780
- package/dist/cjs/events.utils-CIlm7hGM.js +47 -0
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/{index.esm-CG1TVKfu.js → index.esm-D5HbQDBa.js} +48 -30
- package/dist/cjs/nv-calendar.cjs.entry.js +2 -2
- package/dist/cjs/nv-dialog.cjs.entry.js +35 -14
- package/dist/cjs/nv-drawer.cjs.entry.js +6 -6
- package/dist/cjs/nv-fieldcheckbox.cjs.entry.js +1 -1
- package/dist/cjs/nv-fielddate.cjs.entry.js +1 -1
- package/dist/cjs/nv-fielddaterange.cjs.entry.js +1 -1
- package/dist/cjs/nv-fielddropdown.cjs.entry.js +1 -1
- package/dist/cjs/nv-fieldmultiselect.cjs.entry.js +1 -1
- package/dist/cjs/nv-fieldnumber.cjs.entry.js +1 -1
- package/dist/cjs/nv-fieldpassword.cjs.entry.js +1 -1
- package/dist/cjs/nv-fieldradio.cjs.entry.js +21 -6
- package/dist/cjs/nv-fieldselect.cjs.entry.js +1 -1
- package/dist/cjs/nv-fieldslider.cjs.entry.js +1 -1
- package/dist/cjs/nv-fieldtext.cjs.entry.js +1 -1
- package/dist/cjs/nv-fieldtextarea.cjs.entry.js +1 -1
- package/dist/cjs/nv-fieldtime.cjs.entry.js +1 -1
- package/dist/cjs/nv-icon.cjs.entry.js +1 -1
- package/dist/cjs/nv-notification.cjs.entry.js +1 -1
- package/dist/cjs/nv-popover.cjs.entry.js +182 -136
- package/dist/cjs/nv-toggle.cjs.entry.js +1 -1
- package/dist/cjs/v4-_2BfiRUa.js +52 -0
- package/dist/collection/components/nv-dialog/nv-dialog.css +8 -7
- package/dist/collection/components/nv-dialog/nv-dialog.docs.js +7 -0
- package/dist/collection/components/nv-dialog/nv-dialog.js +30 -9
- package/dist/collection/components/nv-drawer/nv-drawer.js +2 -2
- package/dist/collection/components/nv-fieldradio/nv-fieldradio.docs.js +10 -0
- package/dist/collection/components/nv-fieldradio/nv-fieldradio.js +20 -5
- package/dist/collection/components/nv-popover/nv-popover.js +13 -7
- package/dist/collection/utils/events.utils.js +28 -10
- package/dist/components/index.js +1 -1
- package/dist/components/nv-accordion-item.js +1 -1
- package/dist/components/nv-accordion.js +1 -1
- package/dist/components/nv-alert.js +1 -1
- package/dist/components/nv-avatar.js +1 -1
- package/dist/components/nv-badge.js +1 -1
- package/dist/components/nv-breadcrumb.js +1 -1
- package/dist/components/nv-calendar.js +1 -1
- package/dist/components/nv-datagrid.js +1 -1
- package/dist/components/nv-dialog.js +1 -1
- package/dist/components/nv-dialogfooter.js +1 -1
- package/dist/components/nv-drawer.js +1 -1
- package/dist/components/nv-drawerfooter.js +1 -1
- package/dist/components/nv-fieldcheckbox.js +1 -1
- package/dist/components/nv-fielddate.js +1 -1
- package/dist/components/nv-fielddaterange.js +1 -1
- package/dist/components/nv-fielddropdown.js +1 -1
- package/dist/components/nv-fielddropdownitem.js +1 -1
- package/dist/components/nv-fielddropdownitemcheck.js +1 -1
- package/dist/components/nv-fieldmultiselect.js +1 -1
- package/dist/components/nv-fieldnumber.js +1 -1
- package/dist/components/nv-fieldpassword.js +1 -1
- package/dist/components/nv-fieldradio.js +1 -1
- package/dist/components/nv-fieldselect.js +1 -1
- package/dist/components/nv-fieldslider.js +1 -1
- package/dist/components/nv-fieldtext.js +1 -1
- package/dist/components/nv-fieldtextarea.js +1 -1
- package/dist/components/nv-fieldtime.js +1 -1
- package/dist/components/nv-icon.js +1 -1
- package/dist/components/nv-iconbutton.js +1 -1
- package/dist/components/nv-menu.js +1 -1
- package/dist/components/nv-menuitem.js +1 -1
- package/dist/components/nv-notification.js +1 -1
- package/dist/components/nv-pagination-nav.js +1 -1
- package/dist/components/nv-paginationtable.js +1 -1
- package/dist/components/nv-pill.js +1 -1
- package/dist/components/nv-popover.js +1 -1
- package/dist/components/nv-sidebar.js +1 -1
- package/dist/components/nv-sidebarnavitem.js +1 -1
- package/dist/components/nv-statusindicator.js +1 -1
- package/dist/components/nv-tableheader.js +1 -1
- package/dist/components/nv-tag.js +1 -1
- package/dist/components/nv-toggle.js +1 -1
- package/dist/components/nv-tooltip.js +1 -1
- package/dist/components/{p-m37Anefm.js → p-8N4lU0iY.js} +1 -1
- package/dist/components/p-B0u4Ixsb.js +1 -0
- package/dist/components/{p-BWRw4xPL.js → p-B4Bj7woW.js} +1 -1
- package/dist/components/{p-DiZ4PH5U.js → p-BO1b1Va8.js} +1 -1
- package/dist/components/{p-p6cOkAo9.js → p-BRGkbQcZ.js} +1 -1
- package/dist/components/{p-DCP9DeqM.js → p-Bb6b1l7X.js} +1 -1
- package/dist/components/p-BysSxG1C.js +1 -0
- package/dist/components/p-C4Gisby9.js +1 -0
- package/dist/components/{p-CHBitkH2.js → p-C5hX9g5W.js} +1 -1
- package/dist/components/p-CK3_k8jD.js +1 -0
- package/dist/components/p-DBTxpXCn.js +5 -0
- package/dist/components/{p-CM4DYhll.js → p-DNND0rYo.js} +1 -1
- package/dist/components/{p-C0sYXnfw.js → p-DnFgexAD.js} +1 -1
- package/dist/components/{p-151La_Re.js → p-DtrETIc3.js} +1 -1
- package/dist/components/{p-BLVk95gn.js → p-DyrYhAHY.js} +1 -1
- package/dist/components/p-S0RrRAAC.js +1 -0
- package/dist/components/{p-N_OyEprf.js → p-XZ5yyea3.js} +1 -1
- package/dist/components/{p-MJEiA0Bq.js → p-Z4Q7ZQYs.js} +1 -1
- package/dist/components/{p-6T2ybMzE.js → p-iZAJ4_uI.js} +1 -1
- package/dist/components/{p-DQwzzl-e.js → p-vcF-XOKu.js} +1 -1
- package/dist/esm/events.utils-BysSxG1C.js +43 -0
- package/dist/esm/{index.esm-D3eWMME9.js → index.esm-DBTxpXCn.js} +48 -30
- package/dist/esm/index.js +1 -1
- package/dist/esm/nv-calendar.entry.js +2 -2
- package/dist/esm/nv-dialog.entry.js +35 -14
- package/dist/esm/nv-drawer.entry.js +6 -6
- package/dist/esm/nv-fieldcheckbox.entry.js +1 -1
- package/dist/esm/nv-fielddate.entry.js +1 -1
- package/dist/esm/nv-fielddaterange.entry.js +1 -1
- package/dist/esm/nv-fielddropdown.entry.js +1 -1
- package/dist/esm/nv-fieldmultiselect.entry.js +1 -1
- package/dist/esm/nv-fieldnumber.entry.js +1 -1
- package/dist/esm/nv-fieldpassword.entry.js +1 -1
- package/dist/esm/nv-fieldradio.entry.js +21 -6
- package/dist/esm/nv-fieldselect.entry.js +1 -1
- package/dist/esm/nv-fieldslider.entry.js +1 -1
- package/dist/esm/nv-fieldtext.entry.js +1 -1
- package/dist/esm/nv-fieldtextarea.entry.js +1 -1
- package/dist/esm/nv-fieldtime.entry.js +1 -1
- package/dist/esm/nv-icon.entry.js +1 -1
- package/dist/esm/nv-notification.entry.js +1 -1
- package/dist/esm/nv-popover.entry.js +182 -136
- package/dist/esm/nv-toggle.entry.js +1 -1
- package/dist/esm/v4-CK3_k8jD.js +50 -0
- package/dist/native/index.esm.js +1 -1
- package/dist/native/native.esm.js +1 -1
- package/dist/native/p-003aae89.entry.js +1 -0
- package/dist/native/p-0a067f5d.entry.js +1 -0
- package/dist/native/{p-7a2189fd.entry.js → p-0cfa2a12.entry.js} +1 -1
- package/dist/native/{p-29283b5d.entry.js → p-0e1f410b.entry.js} +1 -1
- package/dist/native/{p-f49dac2e.entry.js → p-1a77f957.entry.js} +1 -1
- package/dist/native/{p-fde8def2.entry.js → p-25e0f795.entry.js} +1 -1
- package/dist/native/p-2808c51d.entry.js +1 -0
- package/dist/native/{p-a14356a2.entry.js → p-3ad4b348.entry.js} +1 -1
- package/dist/native/{p-84069455.entry.js → p-5084e62a.entry.js} +1 -1
- package/dist/native/{p-f551703a.entry.js → p-59bab8ca.entry.js} +1 -1
- package/dist/native/p-67c4583d.entry.js +1 -0
- package/dist/native/{p-9ae86283.entry.js → p-6c200454.entry.js} +1 -1
- package/dist/native/{p-282f27a8.entry.js → p-96debbf0.entry.js} +1 -1
- package/dist/native/p-9d4f3fa8.entry.js +1 -0
- package/dist/native/p-BysSxG1C.js +1 -0
- package/dist/native/p-CK3_k8jD.js +1 -0
- package/dist/native/p-DBTxpXCn.js +5 -0
- package/dist/native/p-ab22c992.entry.js +1 -0
- package/dist/native/{p-f35cfcf7.entry.js → p-ade6d065.entry.js} +1 -1
- package/dist/native/{p-006b0662.entry.js → p-c0cb8fbd.entry.js} +1 -1
- package/dist/native/{p-35cca4d2.entry.js → p-c59cbcf7.entry.js} +1 -1
- package/dist/native/{p-0be43863.entry.js → p-dd636420.entry.js} +1 -1
- package/dist/native/{p-9cb72554.entry.js → p-fe8e022f.entry.js} +1 -1
- package/dist/types/components/nv-dialog/nv-dialog.d.ts +10 -0
- package/dist/types/components/nv-fieldradio/nv-fieldradio.d.ts +2 -0
- package/dist/types/utils/events.utils.d.ts +29 -8
- package/hydrate/index.js +358 -245
- package/hydrate/index.mjs +358 -245
- package/package.json +2 -2
- package/dist/cjs/events.utils-BE6R5q9C.js +0 -30
- package/dist/cjs/v4-C1vaJ4yP.js +0 -56
- package/dist/components/p-B4EbX_RC.js +0 -1
- package/dist/components/p-B6GgGra-.js +0 -1
- package/dist/components/p-BdYh22OP.js +0 -1
- package/dist/components/p-CtKp5aji.js +0 -1
- package/dist/components/p-D3eWMME9.js +0 -5
- package/dist/components/p-hklkrJsV.js +0 -1
- package/dist/esm/events.utils-B6GgGra-.js +0 -26
- package/dist/esm/v4-BdYh22OP.js +0 -54
- package/dist/native/p-11ae498c.entry.js +0 -1
- package/dist/native/p-193d5813.entry.js +0 -1
- package/dist/native/p-38b731e1.entry.js +0 -1
- package/dist/native/p-45191d81.entry.js +0 -1
- package/dist/native/p-520e5d0d.entry.js +0 -1
- package/dist/native/p-B6GgGra-.js +0 -1
- package/dist/native/p-BdYh22OP.js +0 -1
- package/dist/native/p-D3eWMME9.js +0 -5
- package/dist/native/p-ba32c793.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,a as r,h as t,d as i,e as o}from"./p-Dtg-LGcy.js";import{I as n}from"./p-Hfc8Oh0x.js";import{v as a}from"./p-BdYh22OP.js";import"./p-B85MJLTf.js";const d=class{constructor(t){e(this,t),this.valueChanged=r(this,"valueChanged",3),this.popoverId=a(),this.inputId=a(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.autofocus=!1,this.value="",this.singleValue="",this.open=!1,this.firstDayOfWeek=1,this.numberOfCalendars=1,this.min="",this.max="",this.locale="en-BE",this.dateFormat="YYYY-MM-DD",this.shortcutsPlacement="bottom",this.showActions=!1,this.fluid=!1,this.handleClickOutside=e=>{e.target instanceof Node&&(this.el?.contains(e.target)||(this.open=!1))},this.handleInputContainerClick=e=>{this.readonly||this.disabled?e.preventDefault():this.inputElement.focus()},this.handleInput=e=>{if(this.readonly||this.disabled)return void e.preventDefault();const r=e.target;this.singleValue=r.value,""===r.value&&(this.value="",this.valueChanged.emit(""))},this.handleFocus=e=>{if(this.readonly||this.disabled)return e.preventDefault(),void e.target.blur();this.open=!0},this.handleCalendarValueChanged=e=>{e.stopPropagation()},this.setPopoverRef=e=>{this.popoverElement=e},this.setInputRef=e=>{this.inputElement=e},this.toggleCalendar=()=>{this.readonly||this.disabled||(this.open=!this.open)}}convertToInputmaskFormat(e){return e&&{"DD/MM/YYYY":"dd/mm/yyyy","MM/DD/YYYY":"mm/dd/yyyy","YYYY-MM-DD":"yyyy-mm-dd","DD.MM.YYYY":"dd.mm.yyyy",YYYYMMDD:"yyyymmdd"}[e]||"dd/mm/yyyy"}async clear(){this.singleValue="",this.value="",this.inputElement&&(this.inputElement.value="",this.inputElement.inputmask&&this.inputElement.inputmask.remove()),this.valueChanged.emit(""),this.open=!1}updateMask(){this.inputElement&&(this.inputElement.inputmask?.remove?.(),new n({alias:"datetime",inputFormat:this.convertToInputmaskFormat(this.dateFormat),placeholder:this.convertToInputmaskFormat(this.dateFormat),clearIncomplete:!1,showMaskOnHover:!1,showMaskOnFocus:!0,clearMaskOnLostFocus:!this.open,postValidation:!0,oncomplete:e=>{const r=e.target?.value;this.value!==r&&(this.singleValue=r,this.value=r,this.valueChanged.emit(r))}}).mask(this.inputElement))}handleSingleDateChange(e){const r=e.detail,t=this.value;this.singleValue=r,this.value=r,this.inputElement&&(this.inputElement.value=r),t!==r&&this.valueChanged.emit(r),this.showActions||(this.open=!1)}componentWillLoad(){this.value&&(this.singleValue=this.value)}componentDidLoad(){this.updateMask(),this.inputElement.name===this.name&&this.singleValue&&requestAnimationFrame((()=>{this.inputElement.value=this.singleValue;const e=new CustomEvent("input",{bubbles:!0});this.inputElement.dispatchEvent(e)}))}componentDidRender(){this.singleValue&&this.inputElement&&!this.inputElement.value&&requestAnimationFrame((()=>{this.inputElement.value=this.singleValue,this.inputElement.setAttribute("value",this.singleValue)}))}disconnectedCallback(){this.inputElement&&this.inputElement.inputmask&&this.inputElement.inputmask.remove()}handleValueChange(e){this.singleValue=e,this.inputElement&&this.inputElement.value!==e&&(this.inputElement.value=e)}handleOpenChange(e){if(this.updateMask(),e&&this.popoverElement){const e=this.popoverElement.querySelector("nv-calendar [data-date]");e&&e.focus()}}handleClosePopover(e){e.stopPropagation(),this.open=!1}handleDocumentClick(e){this.handleClickOutside(e)}handleKeyDown(e){if("Escape"!==e.key)return this.open?void(this.popoverElement||console.warn("nv-fielddate -> Popover element is not defined")):"ArrowDown"===e.key?(this.open=!0,void e.preventDefault()):void 0;this.open=!1}render(){const e=this.el.hasAttribute("aria-required")||this.el.hasAttribute("aria-required-attr"),r=e?this.el.getAttribute("aria-required")||this.el.getAttribute("aria-required-attr"):null,o=e?r:null,n=e?"true"===o||""===o:void 0,a=this.required&&(!e||!0===n);return t(i,{key:"8a52688bd6a8739256310a59a7e78f6ac80598f2"},(this.label&&this.label.length>0||this.el.querySelector('[slot="label"]'))&&t("label",{key:"467bba7d225fe472f832226e39c03f2ccb32ce09",htmlFor:this.inputId},t("slot",{key:"c372e4c061d7708c10c66beb663dcc1acd6749c4",name:"label"},this.label)),t("nv-popover",{key:"6019c2d41926414f7cb22d9c468c9102d376a192",ref:this.setPopoverRef,id:this.popoverId,triggerMode:"controlled",placement:"bottom-start",open:this.open},t("div",{key:"468aca7a419ee74bc06a33b6db1828d9f4d879d7",slot:"trigger",class:"input-wrapper"},t("slot",{key:"7719e96c033ce988c2eb2a140933d41f6e0274f1",name:"before-input"}),t("div",{key:"c9280aa0e17cbc7b11cfdf15523c2c02d7e21d7b",class:"input-container",onClick:this.handleInputContainerClick},t("slot",{key:"52a01c9fc92bf40435faf13b0492aab64d585adf",name:"leading-input"}),t("input",{key:"98701b6adb0eb857ed2411a96402874b41485055",id:this.inputId,ref:this.setInputRef,placeholder:this.placeholder||this.convertToInputmaskFormat(this.dateFormat),name:this.name,disabled:this.disabled,readOnly:this.readonly,required:a?this.required:void 0,...void 0!==n&&{"aria-required":String(n)},autofocus:this.autofocus,onInput:this.handleInput,onFocus:this.handleFocus,"data-scope":"date"}),this.error&&t("nv-icon",{key:"ce78e8ecefe12547f34304229201e4a2f7b313d6",name:"alert-circle",class:"validation",size:"md"}),this.success&&t("nv-icon",{key:"512a15dca24742c33005e9beab9a4bafcd5c473e",name:"circle-check",class:"validation",size:"md"}),t("nv-iconbutton",{key:"4ed638a61d62ce44b94effb942f3eab98d37c871",class:"toggle-calendar-icon",name:"calendar",size:"md",emphasis:"lower","aria-label":this.open?"Hide calendar":"Show calendar",onClick:this.toggleCalendar,tabIndex:this.disabled?-1:0})),t("slot",{key:"0cb23a55e9d8ac474f1c479d41ea95563cbe7a74",name:"after-input"})),t("div",{key:"62dfe1673077745f6cc90eb74d56ce00d11efa42",slot:"content"},t("nv-calendar",{key:"033ad7d2c066741fb2178538da8b286c303b3f0f",onSingleDateChange:this.handleSingleDateChange.bind(this),dateFormat:this.dateFormat,singleValue:this.singleValue,firstDayOfWeek:this.firstDayOfWeek,numberOfCalendars:this.numberOfCalendars,min:this.min,max:this.max,locale:this.locale,shortcutsPlacement:this.shortcutsPlacement,showActions:this.showActions,shortcuts:this.shortcuts,showWeekNumbers:this.showWeekNumbers,disabledDates:this.disabledDates,onValueChanged:this.handleCalendarValueChanged}))),(this.description&&this.description.length>0||this.el.querySelector('[slot="description"]'))&&t("div",{key:"de333761b2cf725bbad48263c9b2f3b43d35e25d",class:"description"},t("slot",{key:"9d10b90345e035fbf7b5cd1e8698f14560e704d5",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&t("div",{key:"41ffe913883404441173d962461c5af824e4e27b",hidden:!this.error,class:"error-description"},this.el.querySelector('[slot="error-description"]')?t("slot",{name:"error-description"}):this.errorDescription),t("slot",{key:"0fb13823bd0fe37d1a1040cc1d6ef0b54982fa4c"}))}get el(){return o(this)}static get watchers(){return{value:[{handleValueChange:0}],open:[{handleOpenChange:0}]}}};d.style='nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fielddate{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fielddate[fluid]:not([fluid=false]){max-width:unset}nv-fielddate[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fielddate[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fielddate[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fielddate[required]:not([required=false]) label::after,nv-fielddate[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fielddate label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fielddate nv-popover{width:100%;display:block}nv-fielddate nv-popover [data-scope=popover]{padding:0;background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:auto}nv-fielddate nv-popover [slot=content]{display:block;width:100%}nv-fielddate nv-popover .datepicker-container{border:none}nv-fielddate .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;display:flex;align-items:center;gap:8px}nv-fielddate .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fielddate .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddate .input-wrapper .input-container:focus-within,nv-fielddate .input-wrapper .input-container:focus-within:hover,nv-fielddate .input-wrapper .input-container:focus,nv-fielddate .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fielddate .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddate .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddate .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fielddate .input-wrapper .input-container input:focus{outline:none}nv-fielddate .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fielddate .input-wrapper .input-container input{}nv-fielddate .input-wrapper .input-container input[type=password]::-ms-clear,nv-fielddate .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddate .input-wrapper .input-container input{font-feature-settings:"tnum";font-family:"TTNorms Pro Mono", monospace}nv-fielddate .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddate .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddate .input-wrapper .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fielddate .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddate .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddate .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fielddate .error-description[hidden]{display:none}';export{d as nv_fielddate}
|
|
1
|
+
import{r as e,a as r,h as t,d as i,e as o}from"./p-Dtg-LGcy.js";import{I as n}from"./p-Hfc8Oh0x.js";import{v as a}from"./p-CK3_k8jD.js";import"./p-B85MJLTf.js";const d=class{constructor(t){e(this,t),this.valueChanged=r(this,"valueChanged",3),this.popoverId=a(),this.inputId=a(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.autofocus=!1,this.value="",this.singleValue="",this.open=!1,this.firstDayOfWeek=1,this.numberOfCalendars=1,this.min="",this.max="",this.locale="en-BE",this.dateFormat="YYYY-MM-DD",this.shortcutsPlacement="bottom",this.showActions=!1,this.fluid=!1,this.handleClickOutside=e=>{e.target instanceof Node&&(this.el?.contains(e.target)||(this.open=!1))},this.handleInputContainerClick=e=>{this.readonly||this.disabled?e.preventDefault():this.inputElement.focus()},this.handleInput=e=>{if(this.readonly||this.disabled)return void e.preventDefault();const r=e.target;this.singleValue=r.value,""===r.value&&(this.value="",this.valueChanged.emit(""))},this.handleFocus=e=>{if(this.readonly||this.disabled)return e.preventDefault(),void e.target.blur();this.open=!0},this.handleCalendarValueChanged=e=>{e.stopPropagation()},this.setPopoverRef=e=>{this.popoverElement=e},this.setInputRef=e=>{this.inputElement=e},this.toggleCalendar=()=>{this.readonly||this.disabled||(this.open=!this.open)}}convertToInputmaskFormat(e){return e&&{"DD/MM/YYYY":"dd/mm/yyyy","MM/DD/YYYY":"mm/dd/yyyy","YYYY-MM-DD":"yyyy-mm-dd","DD.MM.YYYY":"dd.mm.yyyy",YYYYMMDD:"yyyymmdd"}[e]||"dd/mm/yyyy"}async clear(){this.singleValue="",this.value="",this.inputElement&&(this.inputElement.value="",this.inputElement.inputmask&&this.inputElement.inputmask.remove()),this.valueChanged.emit(""),this.open=!1}updateMask(){this.inputElement&&(this.inputElement.inputmask?.remove?.(),new n({alias:"datetime",inputFormat:this.convertToInputmaskFormat(this.dateFormat),placeholder:this.convertToInputmaskFormat(this.dateFormat),clearIncomplete:!1,showMaskOnHover:!1,showMaskOnFocus:!0,clearMaskOnLostFocus:!this.open,postValidation:!0,oncomplete:e=>{const r=e.target?.value;this.value!==r&&(this.singleValue=r,this.value=r,this.valueChanged.emit(r))}}).mask(this.inputElement))}handleSingleDateChange(e){const r=e.detail,t=this.value;this.singleValue=r,this.value=r,this.inputElement&&(this.inputElement.value=r),t!==r&&this.valueChanged.emit(r),this.showActions||(this.open=!1)}componentWillLoad(){this.value&&(this.singleValue=this.value)}componentDidLoad(){this.updateMask(),this.inputElement.name===this.name&&this.singleValue&&requestAnimationFrame((()=>{this.inputElement.value=this.singleValue;const e=new CustomEvent("input",{bubbles:!0});this.inputElement.dispatchEvent(e)}))}componentDidRender(){this.singleValue&&this.inputElement&&!this.inputElement.value&&requestAnimationFrame((()=>{this.inputElement.value=this.singleValue,this.inputElement.setAttribute("value",this.singleValue)}))}disconnectedCallback(){this.inputElement&&this.inputElement.inputmask&&this.inputElement.inputmask.remove()}handleValueChange(e){this.singleValue=e,this.inputElement&&this.inputElement.value!==e&&(this.inputElement.value=e)}handleOpenChange(e){if(this.updateMask(),e&&this.popoverElement){const e=this.popoverElement.querySelector("nv-calendar [data-date]");e&&e.focus()}}handleClosePopover(e){e.stopPropagation(),this.open=!1}handleDocumentClick(e){this.handleClickOutside(e)}handleKeyDown(e){if("Escape"!==e.key)return this.open?void(this.popoverElement||console.warn("nv-fielddate -> Popover element is not defined")):"ArrowDown"===e.key?(this.open=!0,void e.preventDefault()):void 0;this.open=!1}render(){const e=this.el.hasAttribute("aria-required")||this.el.hasAttribute("aria-required-attr"),r=e?this.el.getAttribute("aria-required")||this.el.getAttribute("aria-required-attr"):null,o=e?r:null,n=e?"true"===o||""===o:void 0,a=this.required&&(!e||!0===n);return t(i,{key:"8a52688bd6a8739256310a59a7e78f6ac80598f2"},(this.label&&this.label.length>0||this.el.querySelector('[slot="label"]'))&&t("label",{key:"467bba7d225fe472f832226e39c03f2ccb32ce09",htmlFor:this.inputId},t("slot",{key:"c372e4c061d7708c10c66beb663dcc1acd6749c4",name:"label"},this.label)),t("nv-popover",{key:"6019c2d41926414f7cb22d9c468c9102d376a192",ref:this.setPopoverRef,id:this.popoverId,triggerMode:"controlled",placement:"bottom-start",open:this.open},t("div",{key:"468aca7a419ee74bc06a33b6db1828d9f4d879d7",slot:"trigger",class:"input-wrapper"},t("slot",{key:"7719e96c033ce988c2eb2a140933d41f6e0274f1",name:"before-input"}),t("div",{key:"c9280aa0e17cbc7b11cfdf15523c2c02d7e21d7b",class:"input-container",onClick:this.handleInputContainerClick},t("slot",{key:"52a01c9fc92bf40435faf13b0492aab64d585adf",name:"leading-input"}),t("input",{key:"98701b6adb0eb857ed2411a96402874b41485055",id:this.inputId,ref:this.setInputRef,placeholder:this.placeholder||this.convertToInputmaskFormat(this.dateFormat),name:this.name,disabled:this.disabled,readOnly:this.readonly,required:a?this.required:void 0,...void 0!==n&&{"aria-required":String(n)},autofocus:this.autofocus,onInput:this.handleInput,onFocus:this.handleFocus,"data-scope":"date"}),this.error&&t("nv-icon",{key:"ce78e8ecefe12547f34304229201e4a2f7b313d6",name:"alert-circle",class:"validation",size:"md"}),this.success&&t("nv-icon",{key:"512a15dca24742c33005e9beab9a4bafcd5c473e",name:"circle-check",class:"validation",size:"md"}),t("nv-iconbutton",{key:"4ed638a61d62ce44b94effb942f3eab98d37c871",class:"toggle-calendar-icon",name:"calendar",size:"md",emphasis:"lower","aria-label":this.open?"Hide calendar":"Show calendar",onClick:this.toggleCalendar,tabIndex:this.disabled?-1:0})),t("slot",{key:"0cb23a55e9d8ac474f1c479d41ea95563cbe7a74",name:"after-input"})),t("div",{key:"62dfe1673077745f6cc90eb74d56ce00d11efa42",slot:"content"},t("nv-calendar",{key:"033ad7d2c066741fb2178538da8b286c303b3f0f",onSingleDateChange:this.handleSingleDateChange.bind(this),dateFormat:this.dateFormat,singleValue:this.singleValue,firstDayOfWeek:this.firstDayOfWeek,numberOfCalendars:this.numberOfCalendars,min:this.min,max:this.max,locale:this.locale,shortcutsPlacement:this.shortcutsPlacement,showActions:this.showActions,shortcuts:this.shortcuts,showWeekNumbers:this.showWeekNumbers,disabledDates:this.disabledDates,onValueChanged:this.handleCalendarValueChanged}))),(this.description&&this.description.length>0||this.el.querySelector('[slot="description"]'))&&t("div",{key:"de333761b2cf725bbad48263c9b2f3b43d35e25d",class:"description"},t("slot",{key:"9d10b90345e035fbf7b5cd1e8698f14560e704d5",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&t("div",{key:"41ffe913883404441173d962461c5af824e4e27b",hidden:!this.error,class:"error-description"},this.el.querySelector('[slot="error-description"]')?t("slot",{name:"error-description"}):this.errorDescription),t("slot",{key:"0fb13823bd0fe37d1a1040cc1d6ef0b54982fa4c"}))}get el(){return o(this)}static get watchers(){return{value:[{handleValueChange:0}],open:[{handleOpenChange:0}]}}};d.style='nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fielddate{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fielddate[fluid]:not([fluid=false]){max-width:unset}nv-fielddate[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fielddate[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fielddate[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fielddate[required]:not([required=false]) label::after,nv-fielddate[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fielddate label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fielddate nv-popover{width:100%;display:block}nv-fielddate nv-popover [data-scope=popover]{padding:0;background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:auto}nv-fielddate nv-popover [slot=content]{display:block;width:100%}nv-fielddate nv-popover .datepicker-container{border:none}nv-fielddate .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;display:flex;align-items:center;gap:8px}nv-fielddate .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fielddate .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddate .input-wrapper .input-container:focus-within,nv-fielddate .input-wrapper .input-container:focus-within:hover,nv-fielddate .input-wrapper .input-container:focus,nv-fielddate .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fielddate .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddate .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddate .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fielddate .input-wrapper .input-container input:focus{outline:none}nv-fielddate .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fielddate .input-wrapper .input-container input{}nv-fielddate .input-wrapper .input-container input[type=password]::-ms-clear,nv-fielddate .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fielddate .input-wrapper .input-container input{font-feature-settings:"tnum";font-family:"TTNorms Pro Mono", monospace}nv-fielddate .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddate .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddate .input-wrapper .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fielddate .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddate .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddate .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fielddate .error-description[hidden]{display:none}';export{d as nv_fielddate}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,a as e,h as i,F as s,d as o,e as n}from"./p-Dtg-LGcy.js";import{k as r,h as l,f as a,q as d,l as h,S as c,s as u,i as f}from"./p-BaF3Tuua.js";import{g as m,f as v}from"./p-CR9MpYzU.js";import{i as p}from"./p-C4Cy9iy8.js";import{v as b}from"./p-BdYh22OP.js";const g=class{constructor(n){t(this,n),this.valueChanged=e(this,"valueChanged",3),this.filterTextChanged=e(this,"filterTextChanged",3),this.isBulkOperation=!1,this.preventBlurClose=!1,this.indexedItems=[],this.rawItems=[],this.workerClient=null,this.effectiveFilterMode="strict",this.inputId=b(),this.autocomplete="off",this.required=!1,this.ariaRequiredAttr=!1,this.readonly=!1,this.disabled=!1,this.error=!1,this.maxHeight="",this.open=!1,this.fluid=!1,this.value=[],this.filterable=!1,this.emptyResult="No results found",this.debounceDelay=300,this.autofocus=!1,this.badgeLabel="",this.filterText="",this.enableSelectAll=!1,this.selectAllLabel="Select/deselect all",this.deselectAllLabel="Select/deselect all",this.filterMode="strict",this.maxResults=25,this.startFilterAt=0,this.workerThreshold=2e3,this.fuzzyThreshold=.3,this.sortedOptions=[],this.isHandlingEscape=!1,this.hasFilterResults=!0,this.isSelectAllSectionVisible=!0,this.resultsTruncated=!1,this.totalResults=0,this.isSearching=!1,this.handleBadgeCloseOptions=()=>{this.value=[],this.valueChanged.emit(this.value),Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).forEach((t=>{t.checked=!1,t.style.display=""})),this.options=this.options.filter((t=>!t.isDivider)),this.reorderOptionsContent()},this.handleBadgeCloseSlots=()=>{this.value=[],this.valueChanged.emit(this.value),Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).forEach((t=>{t.checked=!1,t.style.display=""})),requestAnimationFrame((()=>{this.reorderSlotContent()}))},this.handlePopoverClose=()=>{},this.clearFilterText=()=>{""!==this.filterText&&(this.filterText="",this.filterTextChanged.emit("")),this.resetFilter(),this.hasFilterResults=!0},this.handleInputContainerClickOptions=t=>{if(this.disabled||this.readonly)return;const e=t.target;if("P"===e.tagName||"SPAN"===e.tagName){this.open=!0;const t=this.el.querySelector(".input-container");t&&(t.classList.add("focus-within"),this.popoverElement.addEventListener("hide",(()=>{t.classList.remove("focus-within")})))}},this.handleInputContainerClickSlots=t=>{if(this.disabled||this.readonly)return;const e=t.target;if("P"===e.tagName||"SPAN"===e.tagName){this.open=!0;const t=this.el.querySelector(".input-container");t&&(t.classList.add("focus-within"),this.popoverElement.addEventListener("hide",(()=>{t.classList.remove("focus-within")})))}},this.handleInputOptions=t=>{this.filterable&&(this.disabled||this.readonly||(this.filterText=t.target.value,this.filterTextChanged.emit(this.filterText),this.debounceTimer&&window.clearTimeout(this.debounceTimer),this.debounceTimer=window.setTimeout((()=>{this.filterItems()}),this.debounceDelay)))},this.handleInputSlots=t=>{this.filterable&&(this.disabled||this.readonly||(this.filterText=t.target.value,this.filterTextChanged.emit(this.filterText),this.debounceTimer&&window.clearTimeout(this.debounceTimer),this.debounceTimer=window.setTimeout((()=>{this.filterItems()}),this.debounceDelay)))},this.handleInputFocusOptions=()=>{this.disabled||this.readonly||(this.open=!0)},this.handleInputFocusSlots=()=>{this.disabled||this.readonly||(this.open=!0)},this.togglePopoverOptions=()=>{this.disabled||this.readonly||(this.open=!this.open)},this.togglePopoverSlots=()=>{this.disabled||this.readonly||(this.open=!this.open)},this.toggleSelectAllOptions=t=>{if(this.options){this.isBulkOperation=!0;try{const e=this.getVisibleEnabledOptionItems();this.value=t?[...new Set([...this.value,...e])]:this.value.filter((t=>!e.includes(t))),this.valueChanged.emit(this.value),this.syncChildComponents(),this.reorderOptionsContent()}finally{requestAnimationFrame((()=>{this.isBulkOperation=!1}))}}},this.toggleSelectAllSlots=t=>{if(!this.options){this.isBulkOperation=!0;try{const e=this.getVisibleEnabledSlotItems();if(t){const t=e.map((t=>t.getAttribute("value")||t.getAttribute("label")||"")).filter((t=>""!==t));this.value=[...new Set([...this.value,...t])]}else{const t=e.map((t=>t.getAttribute("value")||t.getAttribute("label")||"")).filter((t=>""!==t));this.value=this.value.filter((e=>!t.includes(e)))}this.valueChanged.emit(this.value),requestAnimationFrame((()=>{this.syncChildComponents(),this.reorderSlotContent()}))}finally{requestAnimationFrame((()=>{this.isBulkOperation=!1}))}}},this.handleSelectAllCheckboxOptionsClick=t=>{t.stopPropagation(),t.preventDefault();const e=this.getSelectAllCheckboxStateOptions();this.toggleSelectAllOptions("unchecked"===e||"indeterminate"===e)},this.handleSelectAllCheckboxSlotsClick=t=>{t.stopPropagation(),t.preventDefault();const e=this.getSelectAllCheckboxStateSlots();this.toggleSelectAllSlots("unchecked"===e||"indeterminate"===e)},this.handleMouseDownPreventBlur=()=>{this.preventBlurClose=!0,setTimeout((()=>{this.preventBlurClose=!1}),0)},this.renderOptionsMode=()=>i(o,{"aria-label":this.label},(this.label||this.el.querySelector('[slot="label"]'))&&i("label",{htmlFor:this.inputId},i("slot",{name:"label"},this.label)),i("nv-popover",{ref:t=>this.popoverElement=t,triggerMode:"controlled",placement:"bottom-start",open:this.open,onOpenChanged:this.handleOpenChanged},i("div",{class:"input-wrapper-multiselect",slot:"trigger"},i("slot",{name:"before-input"}),i("div",{class:"input-container-multiselect"},i("slot",{name:"leading-input"}),(this.value?.length||0)>0&&i("nv-badge",{slot:"leading-input","prevent-auto-close":!0,color:"10",dismissible:(this.value?.length||0)>0,label:`${this.value?.length||0} ${this.badgeLabel}`,"aria-label":`Clear all ${this.value?.length||0} ${this.badgeLabel} items`,onCloseClicked:this.handleBadgeCloseOptions}),this.filterable||this.disabled||this.readonly?i("input",{type:"text",id:this.inputId,ref:t=>this.inputElement=t,autofocus:this.autofocus,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,value:this.filterText,required:this.getRequiredAttributes().useNativeRequired?this.required:void 0,...void 0!==this.getRequiredAttributes().ariaRequiredValue&&{"aria-required":String(this.getRequiredAttributes().ariaRequiredValue)},disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInputOptions,onFocus:this.handleInputFocusOptions,onKeyDown:this.handleKeyDown,"data-scope":"focusable","aria-label":this.label,"aria-controls":`${this.inputId}-listbox`}):i(s,null,i("input",{id:this.inputId,type:"text",style:{position:"absolute",opacity:"0",width:"0",height:"0",pointerEvents:"none"},tabIndex:-1,"aria-hidden":"true",autoComplete:this.autocomplete,name:this.name,onFocus:this.handleInputFocusOptions}),i("p",{id:this.inputId,class:"non-filterable-text",onClick:this.handleInputContainerClickOptions,tabIndex:0,onKeyDown:this.handleKeyDown,onFocus:this.handleInputFocusOptions,"aria-label":this.label,"aria-controls":`${this.inputId}-listbox`,"data-scope":"focusable",role:"button"},i("span",null,this.placeholder))),this.error&&i("nv-icon",{name:"alert-circle",class:"validation",size:"md"}),this.filterable&&this.filterText.length>0&&i("nv-iconbutton",{"data-scope":"clear-filter",name:"x",size:"md",emphasis:"lower","aria-label":"Clear filter text",tabindex:"-1",title:"Clear filter text",onMouseDown:this.handleMouseDownPreventBlur,onClick:this.clearFilterText}),i("nv-iconbutton",{"data-scope":"toggle-dropdown",name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown",title:this.open?"Hide dropdown":"Show dropdown",onMouseDown:this.handleMouseDownPreventBlur,onClick:this.togglePopoverOptions})),i("slot",{name:"after-input"})),i("div",{id:`${this.inputId}-listbox`,slot:"content",style:this.maxHeight?{maxHeight:this.maxHeight}:{},onMouseDown:this.handleMouseDownPreventBlur},this.shouldShowToggleAllOptionsButton()&&i("div",{class:"select-all-container"},i("div",{class:"select-all-header"},this.isSelectAllSectionVisible&&i("nv-fieldcheckbox",{checked:"checked"===this.getSelectAllCheckboxStateOptions(),indeterminate:"indeterminate"===this.getSelectAllCheckboxStateOptions(),label:"unchecked"===this.getSelectAllCheckboxStateOptions()?this.selectAllLabel:this.deselectAllLabel,onMouseDown:this.handleMouseDownPreventBlur,onClick:this.handleSelectAllCheckboxOptionsClick}))),i("ul",{role:"listbox","aria-multiselectable":"true"},this.options.map((t=>i("nv-fielddropdownitemcheck",{role:"option",label:t.label,description:t.description,value:t.value,checked:(this.value||[]).includes(t.value),disabled:t.disabled})))))),this.renderDescriptions()),this.renderSlotsMode=()=>i(o,{"aria-label":this.label},(this.label||this.el.querySelector('[slot="label"]'))&&i("label",{htmlFor:this.inputId},i("slot",{name:"label"},this.label)),i("nv-popover",{ref:t=>this.popoverElement=t,triggerMode:"controlled",placement:"bottom-start",open:this.open},i("div",{class:"input-wrapper-multiselect",slot:"trigger"},i("slot",{name:"before-input"}),i("div",{class:"input-container-multiselect",onClick:this.handleInputContainerClickSlots},i("slot",{name:"leading-input"}),(this.value?.length||0)>0&&i("nv-badge",{slot:"leading-input","prevent-auto-close":!0,color:"10",dismissible:(this.value?.length||0)>0,label:`${this.value?.length||0} ${this.badgeLabel}`,"aria-label":`Clear all ${this.value?.length||0} ${this.badgeLabel} items`,onCloseClicked:this.handleBadgeCloseSlots}),this.filterable||this.disabled||this.readonly?i("input",{id:this.inputId,ref:t=>this.inputElement=t,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,value:this.filterText,required:this.getRequiredAttributes().useNativeRequired?this.required:void 0,...void 0!==this.getRequiredAttributes().ariaRequiredValue&&{"aria-required":String(this.getRequiredAttributes().ariaRequiredValue)},disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInputSlots,onFocus:this.handleInputFocusSlots,onKeyDown:this.handleKeyDown,"data-scope":"focusable","aria-label":this.label,"aria-controls":`${this.inputId}-listbox`}):i(s,null,i("input",{id:this.inputId,type:"text",style:{position:"absolute",opacity:"0",width:"0",height:"0",pointerEvents:"none"},tabIndex:-1,"aria-hidden":"true",autoComplete:this.autocomplete,name:this.name,onFocus:this.handleInputFocusSlots}),i("p",{id:this.inputId,class:"non-filterable-text","aria-label":this.label,onClick:this.handleInputContainerClickSlots,tabIndex:0,onKeyDown:this.handleKeyDown,onFocus:this.handleInputFocusSlots,"aria-controls":`${this.inputId}-listbox`,"data-scope":"focusable",role:"button"},i("span",null,this.placeholder))),this.error&&i("nv-icon",{name:"alert-circle",class:"validation",size:"md"}),this.filterable&&this.filterText.length>0&&i("nv-iconbutton",{name:"x",size:"md",emphasis:"lower",tabindex:"-1",onMouseDown:this.handleMouseDownPreventBlur,onClick:this.clearFilterText,"aria-label":"Clear filter text"}),i("nv-iconbutton",{"data-scope":"toggle-dropdown",name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown",title:this.open?"Hide dropdown":"Show dropdown",onMouseDown:this.handleMouseDownPreventBlur,onClick:this.togglePopoverSlots})),i("slot",{name:"after-input"})),i("div",{id:`${this.inputId}-listbox`,slot:"content",style:this.maxHeight?{maxHeight:this.maxHeight}:{},onMouseDown:this.handleMouseDownPreventBlur},this.shouldShowToggleAllSlotButton()&&i("div",{class:"select-all-container"},i("div",{class:"select-all-header"},this.isSelectAllSectionVisible&&i("nv-fieldcheckbox",{checked:"checked"===this.getSelectAllCheckboxStateSlots(),indeterminate:"indeterminate"===this.getSelectAllCheckboxStateSlots(),label:"unchecked"===this.getSelectAllCheckboxStateSlots()?this.selectAllLabel:this.deselectAllLabel,onMouseDown:this.handleMouseDownPreventBlur,onClick:this.handleSelectAllCheckboxSlotsClick}))),i("slot",{name:"content"}))),this.renderDescriptions())}handleOptionsChange(t){t&&(this.value&&0!==this.value.length?t.forEach((t=>{t.checked=(this.value||[]).includes(t.value)})):this.value=t.filter((t=>t.checked)).map((t=>t.value)),this.reorderOptionsContent())}watchValueHandler(){this.isBulkOperation||(this.el&&this.el.isConnected&&this.syncChildComponents(),this.options&&this.options.forEach((t=>{t.checked=(this.value||[]).includes(t.value)})))}handleOpenChange(t){t&&(this.options?this.reorderOptionsContent():this.reorderSlotContent(),this.filterText&&this.filterItems())}handleItemChecked(t){if(t.stopPropagation(),this.disabled||this.readonly||this.isBulkOperation)return;const{value:e,checked:i}=t.detail;if(null!=e){const t=[...this.value||[]],s=t.indexOf(e);let o=!1;i&&-1===s?(t.push(e),o=!0):!i&&s>-1&&(t.splice(s,1),o=!0),o&&(this.value=t,this.valueChanged.emit(this.value),this.syncChildComponents()),this.filterable&&this.inputElement&&(this.inputElement.value=this.filterText)}else console.warn("[Event:itemChecked] Received itemChecked event with undefined or null value")}handleSlotChange(t){const e=t.target;e&&"content"===e.name&&requestAnimationFrame((()=>{this.reorderSlotContent()}))}handleFocusOut(t){this.preventBlurClose?this.preventBlurClose=!1:t.relatedTarget instanceof Node&&this.el.contains(t.relatedTarget)||(this.open=!1,this.filterable&&this.clearFilterText())}async handleKeyDown(t){if(this.disabled||this.readonly)return;if("Escape"===t.key)return void(this.open=!1);if(!this.open)return"ArrowDown"===t.key?(this.open=!0,this.filterable||requestAnimationFrame((()=>{this.focusFirstItem()})),void t.preventDefault()):void 0;const e=Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck:not([style*="display: none"])')).sort(((t,e)=>{const i=parseInt(window.getComputedStyle(t).order||"0",10),s=parseInt(window.getComputedStyle(e).order||"0",10);return i!==s?i-s:t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1}));if(0===e.length)return void console.warn("No visible items found to navigate");let i=e.findIndex((t=>"highlighted"===t.getAttribute("data-state")));if("ArrowDown"===t.key)t.preventDefault(),i=-1===i?0:(i+1)%e.length,this.updateHighlightedItem(e,i);else if("ArrowUp"===t.key)t.preventDefault(),i=-1===i?e.length-1:(i-1+e.length)%e.length,this.updateHighlightedItem(e,i);else if(p(t.key)&&i>=0){const s=t.target;if(s?.closest?.('[data-scope="toggle-dropdown"]'))return;t.preventDefault();const o=e[i],n=o.hasAttribute("checked");o.checked=!n,o.dispatchEvent(new MouseEvent("click",{view:window,bubbles:!0,cancelable:!0}))}else if("Escape"===t.key){t.preventDefault(),t.stopPropagation();const e=async()=>{this.isHandlingEscape=!0,this.options?this.reorderOptionsContent():this.reorderSlotContent(),await new Promise((t=>setTimeout(t,100))),setTimeout((()=>{this.isHandlingEscape=!1,this.open=!1}),150),this.inputElement&&this.inputElement.blur()};await e()}}connectedCallback(){this._boundHandleClickOutside||(this._boundHandleClickOutside=this.handleClickOutside.bind(this)),document.addEventListener("click",this._boundHandleClickOutside)}componentWillLoad(){this.options&&this.handleOptionsChange(this.options),this.options||(this.initializeValueFromSlots(),Promise.resolve().then((()=>{this.syncChildComponents(),requestAnimationFrame((()=>{this.reorderSlotContent()}))}))),this.options&&(this.sortedOptions=[...this.options??[]]),this.filterText||this.resetFilter(),this.hasFilterResults=!0}componentDidLoad(){this.options&&this.handleOptionsChange(this.options),this.syncChildComponents(),this.options||(this.initializeValueFromSlots(),this.syncChildComponents()),this.rebuildSearchIndex()}disconnectedCallback(){this._boundHandleClickOutside&&document.removeEventListener("click",this._boundHandleClickOutside),this.terminateSearchWorker()}async getFilterText(){return this.filterText}async resetFilter(){const t=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));t.forEach((t=>{t.style.display=""}));const e=this.el.querySelector("ul");if(e){const i=e.querySelector("[data-empty]");i&&i.remove();const s=t.filter((t=>(this.value||[]).includes(t.getAttribute("value")||""))),o=t.filter((t=>!(this.value||[]).includes(t.getAttribute("value")||"")));s.length>0&&this.manageDivider(e,s,o)}this.hasFilterResults=!0}async getSelectedValues(){return this.value}async selectAll(){this.disabled||this.readonly||(this.options?this.toggleSelectAllOptions(!0):this.toggleSelectAllSlots(!0))}async deselectAll(){this.disabled||this.readonly||(this.options?this.toggleSelectAllOptions(!1):this.toggleSelectAllSlots(!1))}async toggleSelectAll(){if(this.disabled||this.readonly)return;const t=this.options?this.getSelectAllCheckboxStateOptions():this.getSelectAllCheckboxStateSlots(),e="unchecked"===t||"indeterminate"===t;this.options?this.toggleSelectAllOptions(e):this.toggleSelectAllSlots(e)}reorderSlotContent(){if(this.options)return;const t=this.el.querySelector("ul");if(!t)return;const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).filter((t=>"none"!==t.style.display));if(t.querySelector("[data-empty]"))return void this.manageDivider(t,[],[]);const i=[],s=[];e.forEach((t=>{const e=(this.value||[]).includes(t.getAttribute("value")||"");t.style.order=e?"10":"30",e?i.push(t):s.push(t)})),this.manageDivider(t,i,s)}reorderOptionsContent(){const t=this.el.querySelector("ul");if(!t)return;const e=Array.from(t.querySelectorAll("nv-fielddropdownitemcheck")).filter((t=>"none"!==t.style.display)),i=[],s=[];e.forEach((t=>{const e=(this.value||[]).includes(t.getAttribute("value")||"");t.style.order=e?"10":"30",e?i.push(t):s.push(t)})),this.manageDivider(t,i,s)}async filterItems(){const t=this.el.querySelector("ul");if(!t)return;if(this.effectiveFilterMode=r(this.filterMode),t.querySelector("[data-empty]")?.remove(),t.querySelector("[data-truncated]")?.remove(),this.resultsTruncated=!1,this.totalResults=0,!this.filterText.trim()||this.filterText.length<this.startFilterAt){const e=Array.from(t.querySelectorAll("nv-fielddropdownitemcheck")),i=l(this.maxResults);let s=0;e.forEach((t=>{s<i?(t.style.display="",s++):t.style.display="none"})),this.totalResults=e.length,this.resultsTruncated=e.length>i,this.hasFilterResults=s>0;const o=e.filter((t=>"none"!==t.style.display)),n=o.filter((t=>(this.value||[]).includes(t.getAttribute("value")||""))),r=o.filter((t=>!(this.value||[]).includes(t.getAttribute("value")||"")));return this.manageDivider(t,n,r),void(this.resultsTruncated&&this.addTruncatedMessage(t,i,e.length))}const e=await this.performAdvancedSearch();this.resultsTruncated=e.truncated,this.totalResults=e.total;const i=new Set(e.ids);let s=!1;const o=Array.from(t.querySelectorAll("nv-fielddropdownitemcheck")),n=l(this.maxResults);let a=0;o.forEach((t=>{const e=t.getAttribute("value")||"";i.has(e)&&a<n?(t.style.display="",s=!0,a++):t.style.display="none"}));const d=o.filter((t=>"none"!==t.style.display)),h=d.filter((t=>(this.value||[]).includes(t.getAttribute("value")||""))),c=d.filter((t=>!(this.value||[]).includes(t.getAttribute("value")||"")));if(this.manageDivider(t,h,c),this.hasFilterResults=s,s)e.truncated&&this.addTruncatedMessage(t,e.ids.length,e.total);else{const e=document.createElement("li");e.setAttribute("data-empty","true"),e.textContent=this.emptyResult,e.classList.add("no-results-message"),e.style.order="40",t.appendChild(e)}this.options?this.reorderOptionsContent():this.reorderSlotContent()}async rebuildSearchIndex(){this.rawItems=[],this.options?.length?this.options.forEach(((t,e)=>{t.isDivider||this.rawItems.push({id:t.value||`opt-${e}`,label:t.label||t.value||""})})):Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).forEach(((t,e)=>{this.rawItems.push({id:t.getAttribute("value")||`item-${e}`,label:t.getAttribute("label")||t.textContent?.trim()||""})})),this.indexedItems=a(this.rawItems),this.effectiveFilterMode=r(this.filterMode);const t=this.rawItems.length,e=f(this.workerThreshold);d(t,this.effectiveFilterMode,e)?await this.initSearchWorker():this.terminateSearchWorker()}async initSearchWorker(){h()&&(this.workerClient||(this.workerClient=new c),await this.workerClient.init(this.rawItems))}terminateSearchWorker(){this.workerClient&&(this.workerClient.terminate(),this.workerClient=null)}async performAdvancedSearch(){this.indexedItems.length||await this.rebuildSearchIndex();const t=this.rawItems.length,e=f(this.workerThreshold);if(d(t,this.effectiveFilterMode,e)&&this.workerClient?.isReady){this.isSearching=!0;try{return await this.workerClient.search(this.filterText,this.effectiveFilterMode,this.maxResults,this.fuzzyThreshold)}catch(t){return console.error("Worker search failed:",t),u(this.indexedItems,{query:this.filterText,filterMode:this.effectiveFilterMode,maxResults:this.maxResults,startFilterAt:this.startFilterAt,fuzzyThreshold:this.fuzzyThreshold})}finally{this.isSearching=!1}}return u(this.indexedItems,{query:this.filterText,filterMode:this.effectiveFilterMode,maxResults:this.maxResults,startFilterAt:this.startFilterAt,fuzzyThreshold:this.fuzzyThreshold})}addTruncatedMessage(t,e,i){t.querySelector("[data-truncated]")?.remove();const s=this.truncatedResultsText||m(this.locale),o=document.createElement("li");o.setAttribute("data-truncated","true"),o.className="truncated-message no-results-message",o.textContent=v(s,e,i),o.style.order="40",t.appendChild(o)}handleClickOutside(t){this.el.contains(t.target)||this.inputElement&&this.inputElement.contains(t.target)||(this.open=!1)}updateHighlightedItem(t,e){t.forEach(((t,i)=>{if(i===e){t.setAttribute("data-state","highlighted"),t.setAttribute("tabindex","0"),t.scrollIntoView({block:"nearest"});const e=t.querySelector("nv-fieldcheckbox");e&&e.focus()}else t.removeAttribute("data-state"),t.setAttribute("tabindex","-1")}))}focusFirstItem(){const t=Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck:not([style*="display: none"])')).sort(((t,e)=>{const i=parseInt(window.getComputedStyle(t).order||"0",10),s=parseInt(window.getComputedStyle(e).order||"0",10);return i!==s?i-s:t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1}))[0];if(t){t.setAttribute("tabindex","0"),t.setAttribute("data-state","highlighted"),t.scrollIntoView({block:"nearest"});const e=t.querySelector("nv-fieldcheckbox");e&&e.focus()}else console.warn("No visible first item found to focus")}manageDivider(t,e,i){let s=t.querySelector("hr.multiselect-divider");s||(s=document.createElement("hr"),s.className="multiselect-divider",t.appendChild(s)),s.style.order="20",s.style.display=e.length>0&&i.length>0?"":"none"}syncChildComponents(){this.el&&this.el.isConnected&&Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).forEach((t=>{const e=t.getAttribute("value")||t.getAttribute("label")||"",i=(this.value||[]).includes(e);t.checked!==i&&(this.isBulkOperation?(i?t.setAttribute("checked",""):t.removeAttribute("checked"),t.checked=i):t.checked=i)}))}getVisibleEnabledSlotItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).filter((t=>{const e="none"===t.style.display,i=t.hasAttribute("disabled");return!e&&!i}))}getVisibleEnabledOptionItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).filter((t=>{const e="none"===t.style.display||"true"===t.getAttribute("aria-hidden"),i=t.hasAttribute("disabled")||"true"===t.getAttribute("disabled");return!e&&!i})).map((t=>t.getAttribute("value")||"")).filter((t=>""!==t))}shouldShowToggleAllOptionsButton(){return!!this.options&&this.enableSelectAll&&this.hasFilterResults}getSelectAllCheckboxStateOptions(){if(!this.options)return"unchecked";const t=this.getVisibleEnabledOptionItems();if(0===t.length)return"unchecked";const e=t.filter((t=>(this.value||[]).includes(t)));return 0===e.length?"unchecked":e.length===t.length?"checked":"indeterminate"}getSelectAllCheckboxStateSlots(){if(this.options)return"unchecked";const t=this.getVisibleEnabledSlotItems();if(0===t.length)return"unchecked";const e=t.filter((t=>{const e=t.getAttribute("value")||t.getAttribute("label")||"";return""!==e&&(this.value||[]).includes(e)}));return 0===e.length?"unchecked":e.length===t.length?"checked":"indeterminate"}shouldShowToggleAllSlotButton(){return!this.options&&this.enableSelectAll&&this.hasFilterResults}initializeValueFromSlots(){const t=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).filter((t=>t.hasAttribute("checked"))).map((t=>t.getAttribute("value")||t.getAttribute("label")||""));this.value=Array.from(new Set([...this.value||[],...t]))}getRequiredAttributes(){const t=this.el.hasAttribute("aria-required")||this.el.hasAttribute("aria-required-attr"),e=t?this.el.getAttribute("aria-required")||this.el.getAttribute("aria-required-attr"):null,i=t?e:null,s=t?"true"===i||""===i:void 0;return{ariaRequiredValue:s,useNativeRequired:this.required&&(!t||!0===s)}}handleOpenChanged(t){this.open!==t.detail&&(this.open=t.detail,this.open?this.filterText&&this.filterItems():(this.filterable&&this.clearFilterText(),this.handlePopoverClose()),this.options?this.reorderOptionsContent():this.reorderSlotContent())}renderDescriptions(){return[(this.description||this.el.querySelector('[slot="description"]'))&&i("div",{class:"description"},i("slot",{name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&i("div",{hidden:!this.error,class:"error-description"},i("slot",{name:"error-description"},this.errorDescription))]}render(){return this.options?this.renderOptionsMode():this.renderSlotsMode()}static get formAssociated(){return!0}get el(){return n(this)}static get watchers(){return{options:[{handleOptionsChange:0}],value:[{watchValueHandler:0}],open:[{handleOpenChange:0}]}}};g.style='nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldmultiselect{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldmultiselect[fluid]:not([fluid=false]){max-width:unset}nv-fieldmultiselect[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldmultiselect[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldmultiselect[required]:not([required=false])>label::after,nv-fieldmultiselect[aria-required=true]>label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldmultiselect>label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldmultiselect nv-popover{width:100%;display:block}nv-fieldmultiselect nv-popover [data-scope=popover]{min-width:100%;width:max-content;max-width:400px;padding:var(--list-dropdown-padding);border-radius:var(--list-dropdown-radius);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border)}nv-fieldmultiselect nv-popover [slot=content]{gap:var(--list-dropdown-gap-y);display:flex;flex-direction:column}nv-fieldmultiselect nv-popover hr{color:var(--components-list-dropdown-separator)}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar{width:6px;height:6px}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldmultiselect nv-popover div[slot=content]{max-height:calc(90vh - var(--list-dropdown-padding) * 2);overflow-y:auto;position:relative}nv-fieldmultiselect nv-popover div[slot=content] ul[role=listbox]{display:flex;flex-direction:column}nv-fieldmultiselect nv-popover div[slot=content] ul[role=listbox]>*:not(nv-fielddropdownitemcheck):not(hr.multiselect-divider){order:40}nv-fieldmultiselect .input-wrapper-multiselect{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fieldmultiselect .input-container-multiselect{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldmultiselect .input-container-multiselect:hover{border-color:var(--nv-field-border-hover)}nv-fieldmultiselect .input-container-multiselect:focus-within,nv-fieldmultiselect .input-container-multiselect:focus-within:hover,nv-fieldmultiselect .input-container-multiselect:focus,nv-fieldmultiselect .input-container-multiselect:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldmultiselect .input-container-multiselect:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldmultiselect .input-container-multiselect:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldmultiselect .input-container-multiselect{position:relative;width:100%;min-height:40px}nv-fieldmultiselect .input-container-multiselect>nv-badge{margin-left:var(--form-field-padding-x)}nv-fieldmultiselect .input-container-multiselect input,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldmultiselect .input-container-multiselect input:focus,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text:focus{outline:none}nv-fieldmultiselect .input-container-multiselect input::placeholder,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldmultiselect .input-container-multiselect input,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text{}nv-fieldmultiselect .input-container-multiselect input[type=password]::-ms-clear,nv-fieldmultiselect .input-container-multiselect input[type=password]::-ms-reveal,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text[type=password]::-ms-clear,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldmultiselect .input-container-multiselect input,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text{width:100%;flex-grow:1;margin:0;min-height:100%;box-sizing:border-box}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton{border:0px;border-radius:0px}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldmultiselect .input-container-multiselect nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldmultiselect .non-filterable-text{display:block;border-radius:var(--form-field-radius);background-color:var(--nv-field-background);color:var(--components-form-field-content-text);font-size:var(--form-field-font-size);font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fieldmultiselect .non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fieldmultiselect .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldmultiselect .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldmultiselect .error-description[hidden]{display:none}.no-results-message{cursor:not-allowed;background-color:unset;color:var(--components-menu-contextual-item-content-disabled);padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x)}.multiselect-divider{display:block;width:100%;height:1px;background-color:var(--components-list-dropdown-separator);margin:var(--list-dropdown-item-padding-y) 0;border:0;flex-shrink:0}.select-all-container{position:sticky;top:0;background-color:var(--components-list-dropdown-background);border-bottom:1px solid var(--components-list-dropdown-separator);padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);z-index:10;margin-bottom:0}.select-all-container .select-all-header{display:flex;align-items:center;gap:var(--form-field-gap)}.select-all-container .select-all-header nv-fieldcheckbox{flex:1;margin:0}.select-all-container .select-all-header nv-iconbutton,.select-all-container .select-all-header nv-button{flex-shrink:0;margin-left:auto}.select-all-container .select-all-header nv-button{justify-content:center}';export{g as nv_fieldmultiselect}
|
|
1
|
+
import{r as t,a as e,h as i,F as s,d as o,e as n}from"./p-Dtg-LGcy.js";import{k as r,h as l,f as a,q as d,l as h,S as c,s as u,i as f}from"./p-BaF3Tuua.js";import{g as m,f as v}from"./p-CR9MpYzU.js";import{i as p}from"./p-C4Cy9iy8.js";import{v as b}from"./p-CK3_k8jD.js";const g=class{constructor(n){t(this,n),this.valueChanged=e(this,"valueChanged",3),this.filterTextChanged=e(this,"filterTextChanged",3),this.isBulkOperation=!1,this.preventBlurClose=!1,this.indexedItems=[],this.rawItems=[],this.workerClient=null,this.effectiveFilterMode="strict",this.inputId=b(),this.autocomplete="off",this.required=!1,this.ariaRequiredAttr=!1,this.readonly=!1,this.disabled=!1,this.error=!1,this.maxHeight="",this.open=!1,this.fluid=!1,this.value=[],this.filterable=!1,this.emptyResult="No results found",this.debounceDelay=300,this.autofocus=!1,this.badgeLabel="",this.filterText="",this.enableSelectAll=!1,this.selectAllLabel="Select/deselect all",this.deselectAllLabel="Select/deselect all",this.filterMode="strict",this.maxResults=25,this.startFilterAt=0,this.workerThreshold=2e3,this.fuzzyThreshold=.3,this.sortedOptions=[],this.isHandlingEscape=!1,this.hasFilterResults=!0,this.isSelectAllSectionVisible=!0,this.resultsTruncated=!1,this.totalResults=0,this.isSearching=!1,this.handleBadgeCloseOptions=()=>{this.value=[],this.valueChanged.emit(this.value),Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).forEach((t=>{t.checked=!1,t.style.display=""})),this.options=this.options.filter((t=>!t.isDivider)),this.reorderOptionsContent()},this.handleBadgeCloseSlots=()=>{this.value=[],this.valueChanged.emit(this.value),Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).forEach((t=>{t.checked=!1,t.style.display=""})),requestAnimationFrame((()=>{this.reorderSlotContent()}))},this.handlePopoverClose=()=>{},this.clearFilterText=()=>{""!==this.filterText&&(this.filterText="",this.filterTextChanged.emit("")),this.resetFilter(),this.hasFilterResults=!0},this.handleInputContainerClickOptions=t=>{if(this.disabled||this.readonly)return;const e=t.target;if("P"===e.tagName||"SPAN"===e.tagName){this.open=!0;const t=this.el.querySelector(".input-container");t&&(t.classList.add("focus-within"),this.popoverElement.addEventListener("hide",(()=>{t.classList.remove("focus-within")})))}},this.handleInputContainerClickSlots=t=>{if(this.disabled||this.readonly)return;const e=t.target;if("P"===e.tagName||"SPAN"===e.tagName){this.open=!0;const t=this.el.querySelector(".input-container");t&&(t.classList.add("focus-within"),this.popoverElement.addEventListener("hide",(()=>{t.classList.remove("focus-within")})))}},this.handleInputOptions=t=>{this.filterable&&(this.disabled||this.readonly||(this.filterText=t.target.value,this.filterTextChanged.emit(this.filterText),this.debounceTimer&&window.clearTimeout(this.debounceTimer),this.debounceTimer=window.setTimeout((()=>{this.filterItems()}),this.debounceDelay)))},this.handleInputSlots=t=>{this.filterable&&(this.disabled||this.readonly||(this.filterText=t.target.value,this.filterTextChanged.emit(this.filterText),this.debounceTimer&&window.clearTimeout(this.debounceTimer),this.debounceTimer=window.setTimeout((()=>{this.filterItems()}),this.debounceDelay)))},this.handleInputFocusOptions=()=>{this.disabled||this.readonly||(this.open=!0)},this.handleInputFocusSlots=()=>{this.disabled||this.readonly||(this.open=!0)},this.togglePopoverOptions=()=>{this.disabled||this.readonly||(this.open=!this.open)},this.togglePopoverSlots=()=>{this.disabled||this.readonly||(this.open=!this.open)},this.toggleSelectAllOptions=t=>{if(this.options){this.isBulkOperation=!0;try{const e=this.getVisibleEnabledOptionItems();this.value=t?[...new Set([...this.value,...e])]:this.value.filter((t=>!e.includes(t))),this.valueChanged.emit(this.value),this.syncChildComponents(),this.reorderOptionsContent()}finally{requestAnimationFrame((()=>{this.isBulkOperation=!1}))}}},this.toggleSelectAllSlots=t=>{if(!this.options){this.isBulkOperation=!0;try{const e=this.getVisibleEnabledSlotItems();if(t){const t=e.map((t=>t.getAttribute("value")||t.getAttribute("label")||"")).filter((t=>""!==t));this.value=[...new Set([...this.value,...t])]}else{const t=e.map((t=>t.getAttribute("value")||t.getAttribute("label")||"")).filter((t=>""!==t));this.value=this.value.filter((e=>!t.includes(e)))}this.valueChanged.emit(this.value),requestAnimationFrame((()=>{this.syncChildComponents(),this.reorderSlotContent()}))}finally{requestAnimationFrame((()=>{this.isBulkOperation=!1}))}}},this.handleSelectAllCheckboxOptionsClick=t=>{t.stopPropagation(),t.preventDefault();const e=this.getSelectAllCheckboxStateOptions();this.toggleSelectAllOptions("unchecked"===e||"indeterminate"===e)},this.handleSelectAllCheckboxSlotsClick=t=>{t.stopPropagation(),t.preventDefault();const e=this.getSelectAllCheckboxStateSlots();this.toggleSelectAllSlots("unchecked"===e||"indeterminate"===e)},this.handleMouseDownPreventBlur=()=>{this.preventBlurClose=!0,setTimeout((()=>{this.preventBlurClose=!1}),0)},this.renderOptionsMode=()=>i(o,{"aria-label":this.label},(this.label||this.el.querySelector('[slot="label"]'))&&i("label",{htmlFor:this.inputId},i("slot",{name:"label"},this.label)),i("nv-popover",{ref:t=>this.popoverElement=t,triggerMode:"controlled",placement:"bottom-start",open:this.open,onOpenChanged:this.handleOpenChanged},i("div",{class:"input-wrapper-multiselect",slot:"trigger"},i("slot",{name:"before-input"}),i("div",{class:"input-container-multiselect"},i("slot",{name:"leading-input"}),(this.value?.length||0)>0&&i("nv-badge",{slot:"leading-input","prevent-auto-close":!0,color:"10",dismissible:(this.value?.length||0)>0,label:`${this.value?.length||0} ${this.badgeLabel}`,"aria-label":`Clear all ${this.value?.length||0} ${this.badgeLabel} items`,onCloseClicked:this.handleBadgeCloseOptions}),this.filterable||this.disabled||this.readonly?i("input",{type:"text",id:this.inputId,ref:t=>this.inputElement=t,autofocus:this.autofocus,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,value:this.filterText,required:this.getRequiredAttributes().useNativeRequired?this.required:void 0,...void 0!==this.getRequiredAttributes().ariaRequiredValue&&{"aria-required":String(this.getRequiredAttributes().ariaRequiredValue)},disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInputOptions,onFocus:this.handleInputFocusOptions,onKeyDown:this.handleKeyDown,"data-scope":"focusable","aria-label":this.label,"aria-controls":`${this.inputId}-listbox`}):i(s,null,i("input",{id:this.inputId,type:"text",style:{position:"absolute",opacity:"0",width:"0",height:"0",pointerEvents:"none"},tabIndex:-1,"aria-hidden":"true",autoComplete:this.autocomplete,name:this.name,onFocus:this.handleInputFocusOptions}),i("p",{id:this.inputId,class:"non-filterable-text",onClick:this.handleInputContainerClickOptions,tabIndex:0,onKeyDown:this.handleKeyDown,onFocus:this.handleInputFocusOptions,"aria-label":this.label,"aria-controls":`${this.inputId}-listbox`,"data-scope":"focusable",role:"button"},i("span",null,this.placeholder))),this.error&&i("nv-icon",{name:"alert-circle",class:"validation",size:"md"}),this.filterable&&this.filterText.length>0&&i("nv-iconbutton",{"data-scope":"clear-filter",name:"x",size:"md",emphasis:"lower","aria-label":"Clear filter text",tabindex:"-1",title:"Clear filter text",onMouseDown:this.handleMouseDownPreventBlur,onClick:this.clearFilterText}),i("nv-iconbutton",{"data-scope":"toggle-dropdown",name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown",title:this.open?"Hide dropdown":"Show dropdown",onMouseDown:this.handleMouseDownPreventBlur,onClick:this.togglePopoverOptions})),i("slot",{name:"after-input"})),i("div",{id:`${this.inputId}-listbox`,slot:"content",style:this.maxHeight?{maxHeight:this.maxHeight}:{},onMouseDown:this.handleMouseDownPreventBlur},this.shouldShowToggleAllOptionsButton()&&i("div",{class:"select-all-container"},i("div",{class:"select-all-header"},this.isSelectAllSectionVisible&&i("nv-fieldcheckbox",{checked:"checked"===this.getSelectAllCheckboxStateOptions(),indeterminate:"indeterminate"===this.getSelectAllCheckboxStateOptions(),label:"unchecked"===this.getSelectAllCheckboxStateOptions()?this.selectAllLabel:this.deselectAllLabel,onMouseDown:this.handleMouseDownPreventBlur,onClick:this.handleSelectAllCheckboxOptionsClick}))),i("ul",{role:"listbox","aria-multiselectable":"true"},this.options.map((t=>i("nv-fielddropdownitemcheck",{role:"option",label:t.label,description:t.description,value:t.value,checked:(this.value||[]).includes(t.value),disabled:t.disabled})))))),this.renderDescriptions()),this.renderSlotsMode=()=>i(o,{"aria-label":this.label},(this.label||this.el.querySelector('[slot="label"]'))&&i("label",{htmlFor:this.inputId},i("slot",{name:"label"},this.label)),i("nv-popover",{ref:t=>this.popoverElement=t,triggerMode:"controlled",placement:"bottom-start",open:this.open},i("div",{class:"input-wrapper-multiselect",slot:"trigger"},i("slot",{name:"before-input"}),i("div",{class:"input-container-multiselect",onClick:this.handleInputContainerClickSlots},i("slot",{name:"leading-input"}),(this.value?.length||0)>0&&i("nv-badge",{slot:"leading-input","prevent-auto-close":!0,color:"10",dismissible:(this.value?.length||0)>0,label:`${this.value?.length||0} ${this.badgeLabel}`,"aria-label":`Clear all ${this.value?.length||0} ${this.badgeLabel} items`,onCloseClicked:this.handleBadgeCloseSlots}),this.filterable||this.disabled||this.readonly?i("input",{id:this.inputId,ref:t=>this.inputElement=t,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,value:this.filterText,required:this.getRequiredAttributes().useNativeRequired?this.required:void 0,...void 0!==this.getRequiredAttributes().ariaRequiredValue&&{"aria-required":String(this.getRequiredAttributes().ariaRequiredValue)},disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInputSlots,onFocus:this.handleInputFocusSlots,onKeyDown:this.handleKeyDown,"data-scope":"focusable","aria-label":this.label,"aria-controls":`${this.inputId}-listbox`}):i(s,null,i("input",{id:this.inputId,type:"text",style:{position:"absolute",opacity:"0",width:"0",height:"0",pointerEvents:"none"},tabIndex:-1,"aria-hidden":"true",autoComplete:this.autocomplete,name:this.name,onFocus:this.handleInputFocusSlots}),i("p",{id:this.inputId,class:"non-filterable-text","aria-label":this.label,onClick:this.handleInputContainerClickSlots,tabIndex:0,onKeyDown:this.handleKeyDown,onFocus:this.handleInputFocusSlots,"aria-controls":`${this.inputId}-listbox`,"data-scope":"focusable",role:"button"},i("span",null,this.placeholder))),this.error&&i("nv-icon",{name:"alert-circle",class:"validation",size:"md"}),this.filterable&&this.filterText.length>0&&i("nv-iconbutton",{name:"x",size:"md",emphasis:"lower",tabindex:"-1",onMouseDown:this.handleMouseDownPreventBlur,onClick:this.clearFilterText,"aria-label":"Clear filter text"}),i("nv-iconbutton",{"data-scope":"toggle-dropdown",name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown",title:this.open?"Hide dropdown":"Show dropdown",onMouseDown:this.handleMouseDownPreventBlur,onClick:this.togglePopoverSlots})),i("slot",{name:"after-input"})),i("div",{id:`${this.inputId}-listbox`,slot:"content",style:this.maxHeight?{maxHeight:this.maxHeight}:{},onMouseDown:this.handleMouseDownPreventBlur},this.shouldShowToggleAllSlotButton()&&i("div",{class:"select-all-container"},i("div",{class:"select-all-header"},this.isSelectAllSectionVisible&&i("nv-fieldcheckbox",{checked:"checked"===this.getSelectAllCheckboxStateSlots(),indeterminate:"indeterminate"===this.getSelectAllCheckboxStateSlots(),label:"unchecked"===this.getSelectAllCheckboxStateSlots()?this.selectAllLabel:this.deselectAllLabel,onMouseDown:this.handleMouseDownPreventBlur,onClick:this.handleSelectAllCheckboxSlotsClick}))),i("slot",{name:"content"}))),this.renderDescriptions())}handleOptionsChange(t){t&&(this.value&&0!==this.value.length?t.forEach((t=>{t.checked=(this.value||[]).includes(t.value)})):this.value=t.filter((t=>t.checked)).map((t=>t.value)),this.reorderOptionsContent())}watchValueHandler(){this.isBulkOperation||(this.el&&this.el.isConnected&&this.syncChildComponents(),this.options&&this.options.forEach((t=>{t.checked=(this.value||[]).includes(t.value)})))}handleOpenChange(t){t&&(this.options?this.reorderOptionsContent():this.reorderSlotContent(),this.filterText&&this.filterItems())}handleItemChecked(t){if(t.stopPropagation(),this.disabled||this.readonly||this.isBulkOperation)return;const{value:e,checked:i}=t.detail;if(null!=e){const t=[...this.value||[]],s=t.indexOf(e);let o=!1;i&&-1===s?(t.push(e),o=!0):!i&&s>-1&&(t.splice(s,1),o=!0),o&&(this.value=t,this.valueChanged.emit(this.value),this.syncChildComponents()),this.filterable&&this.inputElement&&(this.inputElement.value=this.filterText)}else console.warn("[Event:itemChecked] Received itemChecked event with undefined or null value")}handleSlotChange(t){const e=t.target;e&&"content"===e.name&&requestAnimationFrame((()=>{this.reorderSlotContent()}))}handleFocusOut(t){this.preventBlurClose?this.preventBlurClose=!1:t.relatedTarget instanceof Node&&this.el.contains(t.relatedTarget)||(this.open=!1,this.filterable&&this.clearFilterText())}async handleKeyDown(t){if(this.disabled||this.readonly)return;if("Escape"===t.key)return void(this.open=!1);if(!this.open)return"ArrowDown"===t.key?(this.open=!0,this.filterable||requestAnimationFrame((()=>{this.focusFirstItem()})),void t.preventDefault()):void 0;const e=Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck:not([style*="display: none"])')).sort(((t,e)=>{const i=parseInt(window.getComputedStyle(t).order||"0",10),s=parseInt(window.getComputedStyle(e).order||"0",10);return i!==s?i-s:t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1}));if(0===e.length)return void console.warn("No visible items found to navigate");let i=e.findIndex((t=>"highlighted"===t.getAttribute("data-state")));if("ArrowDown"===t.key)t.preventDefault(),i=-1===i?0:(i+1)%e.length,this.updateHighlightedItem(e,i);else if("ArrowUp"===t.key)t.preventDefault(),i=-1===i?e.length-1:(i-1+e.length)%e.length,this.updateHighlightedItem(e,i);else if(p(t.key)&&i>=0){const s=t.target;if(s?.closest?.('[data-scope="toggle-dropdown"]'))return;t.preventDefault();const o=e[i],n=o.hasAttribute("checked");o.checked=!n,o.dispatchEvent(new MouseEvent("click",{view:window,bubbles:!0,cancelable:!0}))}else if("Escape"===t.key){t.preventDefault(),t.stopPropagation();const e=async()=>{this.isHandlingEscape=!0,this.options?this.reorderOptionsContent():this.reorderSlotContent(),await new Promise((t=>setTimeout(t,100))),setTimeout((()=>{this.isHandlingEscape=!1,this.open=!1}),150),this.inputElement&&this.inputElement.blur()};await e()}}connectedCallback(){this._boundHandleClickOutside||(this._boundHandleClickOutside=this.handleClickOutside.bind(this)),document.addEventListener("click",this._boundHandleClickOutside)}componentWillLoad(){this.options&&this.handleOptionsChange(this.options),this.options||(this.initializeValueFromSlots(),Promise.resolve().then((()=>{this.syncChildComponents(),requestAnimationFrame((()=>{this.reorderSlotContent()}))}))),this.options&&(this.sortedOptions=[...this.options??[]]),this.filterText||this.resetFilter(),this.hasFilterResults=!0}componentDidLoad(){this.options&&this.handleOptionsChange(this.options),this.syncChildComponents(),this.options||(this.initializeValueFromSlots(),this.syncChildComponents()),this.rebuildSearchIndex()}disconnectedCallback(){this._boundHandleClickOutside&&document.removeEventListener("click",this._boundHandleClickOutside),this.terminateSearchWorker()}async getFilterText(){return this.filterText}async resetFilter(){const t=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck"));t.forEach((t=>{t.style.display=""}));const e=this.el.querySelector("ul");if(e){const i=e.querySelector("[data-empty]");i&&i.remove();const s=t.filter((t=>(this.value||[]).includes(t.getAttribute("value")||""))),o=t.filter((t=>!(this.value||[]).includes(t.getAttribute("value")||"")));s.length>0&&this.manageDivider(e,s,o)}this.hasFilterResults=!0}async getSelectedValues(){return this.value}async selectAll(){this.disabled||this.readonly||(this.options?this.toggleSelectAllOptions(!0):this.toggleSelectAllSlots(!0))}async deselectAll(){this.disabled||this.readonly||(this.options?this.toggleSelectAllOptions(!1):this.toggleSelectAllSlots(!1))}async toggleSelectAll(){if(this.disabled||this.readonly)return;const t=this.options?this.getSelectAllCheckboxStateOptions():this.getSelectAllCheckboxStateSlots(),e="unchecked"===t||"indeterminate"===t;this.options?this.toggleSelectAllOptions(e):this.toggleSelectAllSlots(e)}reorderSlotContent(){if(this.options)return;const t=this.el.querySelector("ul");if(!t)return;const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).filter((t=>"none"!==t.style.display));if(t.querySelector("[data-empty]"))return void this.manageDivider(t,[],[]);const i=[],s=[];e.forEach((t=>{const e=(this.value||[]).includes(t.getAttribute("value")||"");t.style.order=e?"10":"30",e?i.push(t):s.push(t)})),this.manageDivider(t,i,s)}reorderOptionsContent(){const t=this.el.querySelector("ul");if(!t)return;const e=Array.from(t.querySelectorAll("nv-fielddropdownitemcheck")).filter((t=>"none"!==t.style.display)),i=[],s=[];e.forEach((t=>{const e=(this.value||[]).includes(t.getAttribute("value")||"");t.style.order=e?"10":"30",e?i.push(t):s.push(t)})),this.manageDivider(t,i,s)}async filterItems(){const t=this.el.querySelector("ul");if(!t)return;if(this.effectiveFilterMode=r(this.filterMode),t.querySelector("[data-empty]")?.remove(),t.querySelector("[data-truncated]")?.remove(),this.resultsTruncated=!1,this.totalResults=0,!this.filterText.trim()||this.filterText.length<this.startFilterAt){const e=Array.from(t.querySelectorAll("nv-fielddropdownitemcheck")),i=l(this.maxResults);let s=0;e.forEach((t=>{s<i?(t.style.display="",s++):t.style.display="none"})),this.totalResults=e.length,this.resultsTruncated=e.length>i,this.hasFilterResults=s>0;const o=e.filter((t=>"none"!==t.style.display)),n=o.filter((t=>(this.value||[]).includes(t.getAttribute("value")||""))),r=o.filter((t=>!(this.value||[]).includes(t.getAttribute("value")||"")));return this.manageDivider(t,n,r),void(this.resultsTruncated&&this.addTruncatedMessage(t,i,e.length))}const e=await this.performAdvancedSearch();this.resultsTruncated=e.truncated,this.totalResults=e.total;const i=new Set(e.ids);let s=!1;const o=Array.from(t.querySelectorAll("nv-fielddropdownitemcheck")),n=l(this.maxResults);let a=0;o.forEach((t=>{const e=t.getAttribute("value")||"";i.has(e)&&a<n?(t.style.display="",s=!0,a++):t.style.display="none"}));const d=o.filter((t=>"none"!==t.style.display)),h=d.filter((t=>(this.value||[]).includes(t.getAttribute("value")||""))),c=d.filter((t=>!(this.value||[]).includes(t.getAttribute("value")||"")));if(this.manageDivider(t,h,c),this.hasFilterResults=s,s)e.truncated&&this.addTruncatedMessage(t,e.ids.length,e.total);else{const e=document.createElement("li");e.setAttribute("data-empty","true"),e.textContent=this.emptyResult,e.classList.add("no-results-message"),e.style.order="40",t.appendChild(e)}this.options?this.reorderOptionsContent():this.reorderSlotContent()}async rebuildSearchIndex(){this.rawItems=[],this.options?.length?this.options.forEach(((t,e)=>{t.isDivider||this.rawItems.push({id:t.value||`opt-${e}`,label:t.label||t.value||""})})):Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).forEach(((t,e)=>{this.rawItems.push({id:t.getAttribute("value")||`item-${e}`,label:t.getAttribute("label")||t.textContent?.trim()||""})})),this.indexedItems=a(this.rawItems),this.effectiveFilterMode=r(this.filterMode);const t=this.rawItems.length,e=f(this.workerThreshold);d(t,this.effectiveFilterMode,e)?await this.initSearchWorker():this.terminateSearchWorker()}async initSearchWorker(){h()&&(this.workerClient||(this.workerClient=new c),await this.workerClient.init(this.rawItems))}terminateSearchWorker(){this.workerClient&&(this.workerClient.terminate(),this.workerClient=null)}async performAdvancedSearch(){this.indexedItems.length||await this.rebuildSearchIndex();const t=this.rawItems.length,e=f(this.workerThreshold);if(d(t,this.effectiveFilterMode,e)&&this.workerClient?.isReady){this.isSearching=!0;try{return await this.workerClient.search(this.filterText,this.effectiveFilterMode,this.maxResults,this.fuzzyThreshold)}catch(t){return console.error("Worker search failed:",t),u(this.indexedItems,{query:this.filterText,filterMode:this.effectiveFilterMode,maxResults:this.maxResults,startFilterAt:this.startFilterAt,fuzzyThreshold:this.fuzzyThreshold})}finally{this.isSearching=!1}}return u(this.indexedItems,{query:this.filterText,filterMode:this.effectiveFilterMode,maxResults:this.maxResults,startFilterAt:this.startFilterAt,fuzzyThreshold:this.fuzzyThreshold})}addTruncatedMessage(t,e,i){t.querySelector("[data-truncated]")?.remove();const s=this.truncatedResultsText||m(this.locale),o=document.createElement("li");o.setAttribute("data-truncated","true"),o.className="truncated-message no-results-message",o.textContent=v(s,e,i),o.style.order="40",t.appendChild(o)}handleClickOutside(t){this.el.contains(t.target)||this.inputElement&&this.inputElement.contains(t.target)||(this.open=!1)}updateHighlightedItem(t,e){t.forEach(((t,i)=>{if(i===e){t.setAttribute("data-state","highlighted"),t.setAttribute("tabindex","0"),t.scrollIntoView({block:"nearest"});const e=t.querySelector("nv-fieldcheckbox");e&&e.focus()}else t.removeAttribute("data-state"),t.setAttribute("tabindex","-1")}))}focusFirstItem(){const t=Array.from(this.el.querySelectorAll('nv-fielddropdownitemcheck:not([style*="display: none"])')).sort(((t,e)=>{const i=parseInt(window.getComputedStyle(t).order||"0",10),s=parseInt(window.getComputedStyle(e).order||"0",10);return i!==s?i-s:t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1}))[0];if(t){t.setAttribute("tabindex","0"),t.setAttribute("data-state","highlighted"),t.scrollIntoView({block:"nearest"});const e=t.querySelector("nv-fieldcheckbox");e&&e.focus()}else console.warn("No visible first item found to focus")}manageDivider(t,e,i){let s=t.querySelector("hr.multiselect-divider");s||(s=document.createElement("hr"),s.className="multiselect-divider",t.appendChild(s)),s.style.order="20",s.style.display=e.length>0&&i.length>0?"":"none"}syncChildComponents(){this.el&&this.el.isConnected&&Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).forEach((t=>{const e=t.getAttribute("value")||t.getAttribute("label")||"",i=(this.value||[]).includes(e);t.checked!==i&&(this.isBulkOperation?(i?t.setAttribute("checked",""):t.removeAttribute("checked"),t.checked=i):t.checked=i)}))}getVisibleEnabledSlotItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).filter((t=>{const e="none"===t.style.display,i=t.hasAttribute("disabled");return!e&&!i}))}getVisibleEnabledOptionItems(){return Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).filter((t=>{const e="none"===t.style.display||"true"===t.getAttribute("aria-hidden"),i=t.hasAttribute("disabled")||"true"===t.getAttribute("disabled");return!e&&!i})).map((t=>t.getAttribute("value")||"")).filter((t=>""!==t))}shouldShowToggleAllOptionsButton(){return!!this.options&&this.enableSelectAll&&this.hasFilterResults}getSelectAllCheckboxStateOptions(){if(!this.options)return"unchecked";const t=this.getVisibleEnabledOptionItems();if(0===t.length)return"unchecked";const e=t.filter((t=>(this.value||[]).includes(t)));return 0===e.length?"unchecked":e.length===t.length?"checked":"indeterminate"}getSelectAllCheckboxStateSlots(){if(this.options)return"unchecked";const t=this.getVisibleEnabledSlotItems();if(0===t.length)return"unchecked";const e=t.filter((t=>{const e=t.getAttribute("value")||t.getAttribute("label")||"";return""!==e&&(this.value||[]).includes(e)}));return 0===e.length?"unchecked":e.length===t.length?"checked":"indeterminate"}shouldShowToggleAllSlotButton(){return!this.options&&this.enableSelectAll&&this.hasFilterResults}initializeValueFromSlots(){const t=Array.from(this.el.querySelectorAll("nv-fielddropdownitemcheck")).filter((t=>t.hasAttribute("checked"))).map((t=>t.getAttribute("value")||t.getAttribute("label")||""));this.value=Array.from(new Set([...this.value||[],...t]))}getRequiredAttributes(){const t=this.el.hasAttribute("aria-required")||this.el.hasAttribute("aria-required-attr"),e=t?this.el.getAttribute("aria-required")||this.el.getAttribute("aria-required-attr"):null,i=t?e:null,s=t?"true"===i||""===i:void 0;return{ariaRequiredValue:s,useNativeRequired:this.required&&(!t||!0===s)}}handleOpenChanged(t){this.open!==t.detail&&(this.open=t.detail,this.open?this.filterText&&this.filterItems():(this.filterable&&this.clearFilterText(),this.handlePopoverClose()),this.options?this.reorderOptionsContent():this.reorderSlotContent())}renderDescriptions(){return[(this.description||this.el.querySelector('[slot="description"]'))&&i("div",{class:"description"},i("slot",{name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&i("div",{hidden:!this.error,class:"error-description"},i("slot",{name:"error-description"},this.errorDescription))]}render(){return this.options?this.renderOptionsMode():this.renderSlotsMode()}static get formAssociated(){return!0}get el(){return n(this)}static get watchers(){return{options:[{handleOptionsChange:0}],value:[{watchValueHandler:0}],open:[{handleOpenChange:0}]}}};g.style='nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldmultiselect{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldmultiselect[fluid]:not([fluid=false]){max-width:unset}nv-fieldmultiselect[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldmultiselect[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldmultiselect[required]:not([required=false])>label::after,nv-fieldmultiselect[aria-required=true]>label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldmultiselect>label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldmultiselect nv-popover{width:100%;display:block}nv-fieldmultiselect nv-popover [data-scope=popover]{min-width:100%;width:max-content;max-width:400px;padding:var(--list-dropdown-padding);border-radius:var(--list-dropdown-radius);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border)}nv-fieldmultiselect nv-popover [slot=content]{gap:var(--list-dropdown-gap-y);display:flex;flex-direction:column}nv-fieldmultiselect nv-popover hr{color:var(--components-list-dropdown-separator)}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar{width:6px;height:6px}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldmultiselect nv-popover div[slot=content]::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldmultiselect nv-popover div[slot=content]{max-height:calc(90vh - var(--list-dropdown-padding) * 2);overflow-y:auto;position:relative}nv-fieldmultiselect nv-popover div[slot=content] ul[role=listbox]{display:flex;flex-direction:column}nv-fieldmultiselect nv-popover div[slot=content] ul[role=listbox]>*:not(nv-fielddropdownitemcheck):not(hr.multiselect-divider){order:40}nv-fieldmultiselect .input-wrapper-multiselect{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fieldmultiselect .input-container-multiselect{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldmultiselect .input-container-multiselect:hover{border-color:var(--nv-field-border-hover)}nv-fieldmultiselect .input-container-multiselect:focus-within,nv-fieldmultiselect .input-container-multiselect:focus-within:hover,nv-fieldmultiselect .input-container-multiselect:focus,nv-fieldmultiselect .input-container-multiselect:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldmultiselect .input-container-multiselect:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldmultiselect .input-container-multiselect:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldmultiselect .input-container-multiselect{position:relative;width:100%;min-height:40px}nv-fieldmultiselect .input-container-multiselect>nv-badge{margin-left:var(--form-field-padding-x)}nv-fieldmultiselect .input-container-multiselect input,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldmultiselect .input-container-multiselect input:focus,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text:focus{outline:none}nv-fieldmultiselect .input-container-multiselect input::placeholder,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldmultiselect .input-container-multiselect input,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text{}nv-fieldmultiselect .input-container-multiselect input[type=password]::-ms-clear,nv-fieldmultiselect .input-container-multiselect input[type=password]::-ms-reveal,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text[type=password]::-ms-clear,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldmultiselect .input-container-multiselect input,nv-fieldmultiselect .input-container-multiselect p.non-filterable-text{width:100%;flex-grow:1;margin:0;min-height:100%;box-sizing:border-box}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton{border:0px;border-radius:0px}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldmultiselect .input-container-multiselect>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldmultiselect .input-container-multiselect nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldmultiselect .non-filterable-text{display:block;border-radius:var(--form-field-radius);background-color:var(--nv-field-background);color:var(--components-form-field-content-text);font-size:var(--form-field-font-size);font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fieldmultiselect .non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fieldmultiselect .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldmultiselect .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldmultiselect .error-description[hidden]{display:none}.no-results-message{cursor:not-allowed;background-color:unset;color:var(--components-menu-contextual-item-content-disabled);padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x)}.multiselect-divider{display:block;width:100%;height:1px;background-color:var(--components-list-dropdown-separator);margin:var(--list-dropdown-item-padding-y) 0;border:0;flex-shrink:0}.select-all-container{position:sticky;top:0;background-color:var(--components-list-dropdown-background);border-bottom:1px solid var(--components-list-dropdown-separator);padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);z-index:10;margin-bottom:0}.select-all-container .select-all-header{display:flex;align-items:center;gap:var(--form-field-gap)}.select-all-container .select-all-header nv-fieldcheckbox{flex:1;margin:0}.select-all-container .select-all-header nv-iconbutton,.select-all-container .select-all-header nv-button{flex-shrink:0;margin-left:auto}.select-all-container .select-all-header nv-button{justify-content:center}';export{g as nv_fieldmultiselect}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,a as r,h as o,d as i,e as a}from"./p-Dtg-LGcy.js";import{v as n}from"./p-BdYh22OP.js";const t=class{constructor(o){e(this,o),this.valueChanged=r(this,"valueChanged",3),this.inputId=n(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.mode="text",this.autocomplete="off",this.hidePasswordIcon=!1,this.showPassword=!1,this.autofocus=!1,this.fluid=!1,this.handleInputContainerClick=()=>{this.inputElement.focus()},this.togglePasswordVisibility=()=>{this.showPasswordState=!this.showPasswordState},this.handleInput=e=>{const r=e.target;this.value=r.value,this.valueChanged.emit(r.value)}}handleShowPasswordChange(e){this.showPasswordState=e}componentWillLoad(){this.showPasswordState=this.showPassword}render(){const e=this.el.hasAttribute("aria-required")||this.el.hasAttribute("aria-required-attr"),r=e?this.el.getAttribute("aria-required")||this.el.getAttribute("aria-required-attr"):null,a=e?r:null,n=e?"true"===a||""===a:void 0,t=this.required&&(!e||!0===n);return o(i,{key:"e24affee3586427a9d7b2dbf2205dc4ac62b7491"},(this.label||this.el.querySelector('[slot="label"]'))&&o("label",{key:"3ce9065dc2d72992d5c6e3e856df4c1447717ed2",htmlFor:this.inputId},o("slot",{key:"ed16a44bfdcf67f371d0a1f083bc0d6e6009350b",name:"label"},this.label)),o("div",{key:"b43e17d340383e0b70bcb4fb5fa061d479baf46a",class:"input-wrapper"},o("slot",{key:"2f101c6bf63c88fc4a6ad8aee5622097c133245b",name:"before-input"}),o("div",{key:"37fe8f5efd8f4374b9a237f4f5d1ebe9af9f6e05",class:"input-container",onClick:this.handleInputContainerClick},o("slot",{key:"4ca0f2ce27bded082e2fe49598ef6310db1ac0b3",name:"leading-input"}),o("input",{key:"302e86558f7843f44486b47987d37df6ac7f50ac",id:this.inputId,ref:e=>this.inputElement=e,autofocus:this.autofocus,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,type:this.showPasswordState?"text":"password",inputMode:this.mode,value:this.value,required:t?this.required:void 0,...void 0!==n&&{"aria-required":String(n)},maxlength:this.maxlength,minlength:this.minlength,pattern:this.pattern,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInput}),(this.success||this.error)&&o("nv-icon",{key:"c8874ce153ceddb132f9be42178bd3ff150005d2",name:this.success?"circle-check":"alert-circle",class:"validation",size:"md"}),!this.hidePasswordIcon&&o("nv-iconbutton",{key:"90b7e1f592e67ea60194b581931fa842af695ef4",name:this.showPasswordState?"eye":"eye-off",size:"md",emphasis:"lower",onClick:this.togglePasswordVisibility,"aria-label":this.showPasswordState?"Hide password":"Show password","aria-pressed":this.showPasswordState.toString()})),o("slot",{key:"71add973e9ce73cc172d074492a9dbb2c20caaf9",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&o("div",{key:"c2d8551e86c028619f2c7c810597353df24cf83a",class:"description"},o("slot",{key:"8ebe471324eba4eb9734ccd5a3aa600cc44512d9",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"71d0c4737a51c030ba8ca859d1fd0b26d5a48772",hidden:!this.error,class:"error-description"},o("slot",{key:"70e23fc8738958e2f2518079e0289a5a839903cd",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return a(this)}static get watchers(){return{showPassword:[{handleShowPasswordChange:0}]}}};t.style='nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldpassword{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldpassword[fluid]:not([fluid=false]){max-width:unset}nv-fieldpassword[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldpassword[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldpassword[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldpassword[required]:not([required=false]) label::after,nv-fieldpassword[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldpassword label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldpassword .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldpassword .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldpassword .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldpassword .input-wrapper .input-container:focus-within,nv-fieldpassword .input-wrapper .input-container:focus-within:hover,nv-fieldpassword .input-wrapper .input-container:focus,nv-fieldpassword .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldpassword .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldpassword .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldpassword .input-wrapper .input-container{position:relative}nv-fieldpassword .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldpassword .input-wrapper .input-container input:focus{outline:none}nv-fieldpassword .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldpassword .input-wrapper .input-container input{}nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-clear,nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldpassword .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldpassword .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldpassword .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldpassword .error-description[hidden]{display:none}';export{t as nv_fieldpassword}
|
|
1
|
+
import{r as e,a as r,h as o,d as i,e as a}from"./p-Dtg-LGcy.js";import{v as n}from"./p-CK3_k8jD.js";const t=class{constructor(o){e(this,o),this.valueChanged=r(this,"valueChanged",3),this.inputId=n(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.mode="text",this.autocomplete="off",this.hidePasswordIcon=!1,this.showPassword=!1,this.autofocus=!1,this.fluid=!1,this.handleInputContainerClick=()=>{this.inputElement.focus()},this.togglePasswordVisibility=()=>{this.showPasswordState=!this.showPasswordState},this.handleInput=e=>{const r=e.target;this.value=r.value,this.valueChanged.emit(r.value)}}handleShowPasswordChange(e){this.showPasswordState=e}componentWillLoad(){this.showPasswordState=this.showPassword}render(){const e=this.el.hasAttribute("aria-required")||this.el.hasAttribute("aria-required-attr"),r=e?this.el.getAttribute("aria-required")||this.el.getAttribute("aria-required-attr"):null,a=e?r:null,n=e?"true"===a||""===a:void 0,t=this.required&&(!e||!0===n);return o(i,{key:"e24affee3586427a9d7b2dbf2205dc4ac62b7491"},(this.label||this.el.querySelector('[slot="label"]'))&&o("label",{key:"3ce9065dc2d72992d5c6e3e856df4c1447717ed2",htmlFor:this.inputId},o("slot",{key:"ed16a44bfdcf67f371d0a1f083bc0d6e6009350b",name:"label"},this.label)),o("div",{key:"b43e17d340383e0b70bcb4fb5fa061d479baf46a",class:"input-wrapper"},o("slot",{key:"2f101c6bf63c88fc4a6ad8aee5622097c133245b",name:"before-input"}),o("div",{key:"37fe8f5efd8f4374b9a237f4f5d1ebe9af9f6e05",class:"input-container",onClick:this.handleInputContainerClick},o("slot",{key:"4ca0f2ce27bded082e2fe49598ef6310db1ac0b3",name:"leading-input"}),o("input",{key:"302e86558f7843f44486b47987d37df6ac7f50ac",id:this.inputId,ref:e=>this.inputElement=e,autofocus:this.autofocus,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,type:this.showPasswordState?"text":"password",inputMode:this.mode,value:this.value,required:t?this.required:void 0,...void 0!==n&&{"aria-required":String(n)},maxlength:this.maxlength,minlength:this.minlength,pattern:this.pattern,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInput}),(this.success||this.error)&&o("nv-icon",{key:"c8874ce153ceddb132f9be42178bd3ff150005d2",name:this.success?"circle-check":"alert-circle",class:"validation",size:"md"}),!this.hidePasswordIcon&&o("nv-iconbutton",{key:"90b7e1f592e67ea60194b581931fa842af695ef4",name:this.showPasswordState?"eye":"eye-off",size:"md",emphasis:"lower",onClick:this.togglePasswordVisibility,"aria-label":this.showPasswordState?"Hide password":"Show password","aria-pressed":this.showPasswordState.toString()})),o("slot",{key:"71add973e9ce73cc172d074492a9dbb2c20caaf9",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&o("div",{key:"c2d8551e86c028619f2c7c810597353df24cf83a",class:"description"},o("slot",{key:"8ebe471324eba4eb9734ccd5a3aa600cc44512d9",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"71d0c4737a51c030ba8ca859d1fd0b26d5a48772",hidden:!this.error,class:"error-description"},o("slot",{key:"70e23fc8738958e2f2518079e0289a5a839903cd",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return a(this)}static get watchers(){return{showPassword:[{handleShowPasswordChange:0}]}}};t.style='nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldpassword{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldpassword[fluid]:not([fluid=false]){max-width:unset}nv-fieldpassword[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldpassword[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldpassword[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldpassword[required]:not([required=false]) label::after,nv-fieldpassword[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldpassword label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldpassword .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldpassword .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldpassword .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldpassword .input-wrapper .input-container:focus-within,nv-fieldpassword .input-wrapper .input-container:focus-within:hover,nv-fieldpassword .input-wrapper .input-container:focus,nv-fieldpassword .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldpassword .input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldpassword .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldpassword .input-wrapper .input-container{position:relative}nv-fieldpassword .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldpassword .input-wrapper .input-container input:focus{outline:none}nv-fieldpassword .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldpassword .input-wrapper .input-container input{}nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-clear,nv-fieldpassword .input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldpassword .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldpassword .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldpassword .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldpassword .error-description[hidden]{display:none}';export{t as nv_fieldpassword}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,a as r,h as t,d as o,e as i}from"./p-Dtg-LGcy.js";import{v as l}from"./p-BdYh22OP.js";const n=class{constructor(t){e(this,t),this.valueChanged=r(this,"valueChanged",3),this.cleared=r(this,"cleared",3),this.computedDisplayValue="",this.internalReadonly=!1,this.inputId=l(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.multiple=!1,this.clearable=!1,this.value="",this.displayValue=!1,this.autofocus=!1,this.fluid=!1,this.handleSelectChange=e=>{let r=Array.from(e.target.selectedOptions).map((e=>e.value));this.multiple||(r=r.slice(0,1)),this.value=this.multiple?r.join(", "):r[0]||"",this.valueChanged.emit(this.value),this.setFormValue()},this.handleSelectContainerClick=()=>{!this.internalReadonly&&this.selectElement&&this.selectElement.focus()},this.handleClearButtonClick=e=>{e.stopPropagation(),this.clear(),0===e.detail&&this.selectElement?.focus()}}updateDisplayValueWatcher(e){if(this.updateDisplayValue(),this.selectElement){const r=e.split(",").map((e=>e.trim())),t=this.selectElement.options;t?(Array.from(t).forEach((e=>{e.selected=this.multiple?r.includes(e.value):e.value===r[0]})),this.multiple||(this.selectElement.value=e)):this.selectElement.value=r[0]||""}this.setFormValue()}handleDisplayValueChange(e){this.internalReadonly=e,this.readonly&&(this.internalReadonly=!0)}handleReadonlyChange(e){this.internalReadonly=e,this.displayValue&&(this.internalReadonly=!0)}handleOptionsChange(e){if(!e)return;const r=e.find((e=>e.selected));r&&(this.value=r.value)}updateDisplayValue(){if(this.internalReadonly&&!this.displayValue)if(this.multiple){const e=this.value.split(",").map((e=>e.trim())).map((e=>this.getLabelFromId(e)||"")).filter((e=>""!==e));this.computedDisplayValue=e.join(", ")||""}else this.computedDisplayValue=this.getLabelFromId(this.value)||"";else this.internalReadonly&&this.displayValue&&(this.computedDisplayValue=this.value||"")}getLabelFromId(e){if(this.ensureSelectElement(),!this.selectElement)return"";const r=this.selectElement.options;if(r){const t=Array.from(r).find((r=>r.value===e));return t&&t.textContent.trim()||""}return""}setFormValue(){this.internals.setFormValue(this.value)}ensureSelectElement(){this.selectElement||(this.selectElement=this.el.querySelector("select"))}async clear(){this.value&&(this.value="",this.valueChanged.emit(""),this.cleared.emit())}componentWillRender(){this.updateDisplayValue(),this.message&&(this.description=this.message),this.validation&&(this.errorDescription=this.validation,this.error=!0)}componentWillLoad(){this.internalReadonly=this.readonly,this.displayValue&&(this.internalReadonly=!0),this.internals="attachInternals"in this.el?this.el.attachInternals():{setFormValue:e=>{const r=this.el.closest("form");if(r){const t=document.createElement("input");t.type="hidden",t.name=this.name,t.value=e,r.appendChild(t)}}},this.multiple&&"string"!=typeof this.value&&(this.value=""),this.options&&this.handleOptionsChange(this.options)}componentDidLoad(){if(this.updateDisplayValue(),this.selectElement){this.multiple||(this.selectElement.value=this.value);const e=this.multiple?this.value.split(",").map((e=>e.trim())):[this.value],r=this.selectElement.options;r?Array.from(r).forEach((r=>{r.selected=this.multiple?e.includes(r.value):r.value===e[0]})):this.selectElement.value=e[0]||""}this.setFormValue()}render(){const e=this.el.hasAttribute("aria-required")||this.el.hasAttribute("aria-required-attr"),r=e?this.el.getAttribute("aria-required")||this.el.getAttribute("aria-required-attr"):null,i=e?r:null,l=e?"true"===i||""===i:void 0,n=this.required&&(!e||!0===l);return t(o,{key:"94e1f6453200ac25c9a8bb1161da1332fe964a88"},(this.label||this.el.querySelector('[slot="label"]'))&&t("label",{key:"cddbd8dcb267c3931f2a97d2409732e203e60d42",htmlFor:this.inputId},t("slot",{key:"bfbae02481c4bdac23e2c7c69044c171c2e4c627",name:"label"},this.label)),t("div",{key:"1070a34841596517c2803aa529b875c86e1cace7",class:"select-wrapper"},t("slot",{key:"8a36b232f72dcf98aaa0fd1d3fe0ee4a77102254",name:"before-input"}),t("div",{key:"716bd6d6f489b1b23d4f97ddf8b404c9b06cbb6d",class:"select-container",onClick:this.handleSelectContainerClick},t("slot",{key:"282b5103ab923c70d66fb5cbf68bb741f2f9c436",name:"leading-input"}),this.internalReadonly&&t("input",{key:"a612673aec7e0fb2a63c0d52a68bc2f74332db44",id:this.inputId+"-readonly",type:"text",value:this.computedDisplayValue,readonly:!0,class:"readonly-input","aria-readonly":"true","aria-label":this.label,"aria-describedby":this.error?`${this.inputId}-error`:`${this.inputId}-description`}),t("select",{key:"4fe11669e745846bcc14e3c657160287912351f2",id:this.inputId,ref:e=>this.selectElement=e,name:this.name,autofocus:this.autofocus,disabled:this.disabled,required:n?this.required:void 0,...void 0!==l&&{"aria-required":String(l)},multiple:this.multiple,onChange:this.handleSelectChange,class:this.internalReadonly?"hidden":"","aria-label":this.label,"aria-describedby":this.error?`${this.inputId}-error`:`${this.inputId}-description`},this.options&&this.options.length>0?this.options.map((e=>t("option",{value:e.value,selected:e.selected,disabled:e.disabled},e.label))):t("slot",null)),t("div",{key:"e04e676525522d40410815ea8da80f9c18730e3f",class:"select-icons"},this.clearable&&!this.disabled&&!this.internalReadonly&&this.value&&t("nv-iconbutton",{key:"176fdf45a3c04290895be367027c38581292c2c0","data-scope":"clear",name:"x",size:"md",emphasis:"lower",class:"clear-button",onMouseDown:e=>e.preventDefault(),onClick:this.handleClearButtonClick,"aria-label":"Clear selection",title:"Clear selection"}),this.error&&t("nv-icon",{key:"7eef5e80d744b7bfbcfb3fc857837c58e6ce4e54",name:"alert-circle",class:"validation",size:"md"}),this.success&&t("nv-icon",{key:"68085ced60e2c9aa70aa26db8fa96f0a5407d3c4",name:"circle-check",class:"validation",size:"md"}),!this.multiple&&t("nv-iconbutton",{key:"c1e85cc79e3438f20ae891fb439b77ba694d8db8",name:"chevron-down",size:"md",emphasis:"lower",tabindex:-1}))),t("slot",{key:"5534a2610d76d6d23e91ca3010b29f331501c923",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&t("div",{key:"eda00100479bb6325a49db62933f7d325e559491",class:"description",id:`${this.inputId}-description`},t("slot",{key:"f976d87998ef48b7e1e493f6064547efa1c212c3",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&t("div",{key:"28d55210a573fe85b57752873ca14f0adc65a404",class:"error-description",id:`${this.inputId}-error`},t("slot",{key:"ac95ef49e88372d3b69456affbbdaad753a5e5c4",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return i(this)}static get watchers(){return{value:[{updateDisplayValueWatcher:0}],displayValue:[{handleDisplayValueChange:0}],readonly:[{handleReadonlyChange:0}],options:[{handleOptionsChange:0}]}}};n.style="nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldselect{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldselect[fluid]:not([fluid=false]){max-width:unset}nv-fieldselect[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldselect[display-value]:not([display-value=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldselect[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldselect[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldselect[required]:not([required=false]) label::after,nv-fieldselect[aria-required=true] label::after{content:\"*\";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldselect[multiple]:not([multiple=false]) .select-wrapper>.select-container>.select-icons{top:var(--form-field-padding-y);right:var(--form-field-padding-x)}nv-fieldselect[multiple]:not([multiple=false]) .select-wrapper>.select-container>select{height:100%;box-sizing:border-box;background-color:var(--color-level-05-background);border-radius:var(--form-field-radius)}nv-fieldselect label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldselect .select-wrapper{display:flex;flex-wrap:wrap;align-items:stretch;align-self:stretch}nv-fieldselect .select-wrapper .select-container{position:relative;display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldselect .select-wrapper .select-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldselect .select-wrapper .select-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldselect .select-wrapper .select-container:has(select:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldselect .select-wrapper .select-container>.select-icons{position:absolute;right:0;top:0;pointer-events:none}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton{border:0px;border-radius:0px}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton.clear-button{pointer-events:auto}nv-fieldselect .select-wrapper .select-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldselect .select-wrapper .select-container input:focus{outline:none}nv-fieldselect .select-wrapper .select-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldselect .select-wrapper .select-container input{}nv-fieldselect .select-wrapper .select-container input[type=password]::-ms-clear,nv-fieldselect .select-wrapper .select-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldselect .select-wrapper .select-container input:read-only{background-color:var(--components-form-field-background-readonly, rgba(0, 0, 0, 0.1));border-color:var(--nv-field-border-readonly)}nv-fieldselect .select-wrapper .select-container select{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);height:var(--form-field-line-height);padding:var(--form-field-padding-y) var(--form-field-padding-x);padding-right:36px;box-sizing:content-box;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}nv-fieldselect .select-wrapper .select-container select:focus{outline:none}nv-fieldselect .select-wrapper .select-container select::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldselect .select-wrapper .select-container select hr{border-color:var(--components-list-select-hr, var(--color-content-low-border))}nv-fieldselect .select-wrapper .select-container select{appearance:base-select}nv-fieldselect .select-wrapper .select-container select::picker(select){appearance:base-select;background-color:var(--components-popover-background);border-color:var(--components-popover-border);border-width:1px;border-style:solid;border-radius:var(--popover-radius);padding:var(--popover-padding-y) var(--popover-padding-x);margin-top:var(--spacing-2);box-shadow:var(--popover-shadow-1-x) var(--popover-shadow-1-y) var(--popover-shadow-1-blur) -2px var(--popover-shadow-1-opacity), var(--popover-shadow-2-x) var(--popover-shadow-2-y) var(--popover-shadow-2-blur) var(--shadow-spread-lg-2) var(--popover-shadow-2-opacity)}nv-fieldselect .select-wrapper .select-container select::picker-icon{display:none}nv-fieldselect .select-wrapper .select-container select option{display:flex;gap:var(--list-select-gap-y);flex-wrap:wrap;align-items:center;width:100%;background-color:var(--components-list-select-option-background-default);padding:var(--list-select-option-padding);font-weight:var(--menu-contextual-item-font-weight);font-size:var(--list-select-font-size);line-height:var(--list-select-line-height);color:var(--components-list-select-option-content-default);border-radius:var(--list-select-option-radius);transition:background-color 150ms ease-out, color 150ms ease-out;cursor:pointer}nv-fieldselect .select-wrapper .select-container select option:not(:first-of-type){margin-top:var(--list-select-gap-y)}nv-fieldselect .select-wrapper .select-container select option:hover,nv-fieldselect .select-wrapper .select-container select option:focus,nv-fieldselect .select-wrapper .select-container select option:focus-within{background-color:var(--components-list-select-option-background-hover);color:var(--components-list-select-option-content-hover)}nv-fieldselect .select-wrapper .select-container select option:checked{background-color:var(--components-list-select-option-background-active);color:var(--components-list-select-option-content-active)}nv-fieldselect .select-wrapper .select-container select option:checked::after{order:1;margin-left:auto;content:\"\";display:inline-block;width:var(--spacing-5);height:var(--spacing-5);background-color:currentColor;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='nvicon_check' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6px' d='m5 12 5 5L20 7' vector-effect='non-scaling-stroke'%3E%3C/path%3E%3C/svg%3E\");-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='nvicon_check' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6px' d='m5 12 5 5L20 7' vector-effect='non-scaling-stroke'%3E%3C/path%3E%3C/svg%3E\");mask-repeat:no-repeat;mask-position:center;mask-size:contain}nv-fieldselect .select-wrapper .select-container select option::checkmark{display:none}nv-fieldselect .select-wrapper .select-container select option:disabled,nv-fieldselect .select-wrapper .select-container select option:checked:disabled{color:var(--components-list-select-option-content-disabled);background-color:var(--components-list-select-option-background-default)}nv-fieldselect .select-wrapper .select-container select optgroup{appearance:base-select;display:flex;flex-wrap:wrap;align-items:center;width:100%;color:var(--components-list-select-optgroup-content);gap:var(--list-select-optgroup-gap);padding-top:var(--list-select-optgroup-padding-y, 8px);padding-bottom:var(--list-select-optgroup-padding-y, 8px)}nv-fieldselect .select-wrapper .select-container select optgroup:hover{color:var(--components-list-select-optgroup-content)}nv-fieldselect .select-wrapper .select-container select optgroup option{padding-left:var(--list-select-optgroup-option-padding-left)}nv-fieldselect .select-wrapper .select-container select optgroup option:first-child{margin-top:var(--list-select-optgroup-option-margin-top, 4px)}nv-fieldselect .select-wrapper .select-container select.hidden{display:none}nv-fieldselect .select-wrapper .select-container nv-icon.readonly-icon{color:var(--nv-field-border-default)}nv-fieldselect .select-wrapper .select-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldselect .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldselect .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldselect .error-description[hidden]{display:none}";export{n as nv_fieldselect}
|
|
1
|
+
import{r as e,a as r,h as t,d as o,e as i}from"./p-Dtg-LGcy.js";import{v as l}from"./p-CK3_k8jD.js";const n=class{constructor(t){e(this,t),this.valueChanged=r(this,"valueChanged",3),this.cleared=r(this,"cleared",3),this.computedDisplayValue="",this.internalReadonly=!1,this.inputId=l(),this.disabled=!1,this.readonly=!1,this.required=!1,this.ariaRequiredAttr=!1,this.error=!1,this.success=!1,this.multiple=!1,this.clearable=!1,this.value="",this.displayValue=!1,this.autofocus=!1,this.fluid=!1,this.handleSelectChange=e=>{let r=Array.from(e.target.selectedOptions).map((e=>e.value));this.multiple||(r=r.slice(0,1)),this.value=this.multiple?r.join(", "):r[0]||"",this.valueChanged.emit(this.value),this.setFormValue()},this.handleSelectContainerClick=()=>{!this.internalReadonly&&this.selectElement&&this.selectElement.focus()},this.handleClearButtonClick=e=>{e.stopPropagation(),this.clear(),0===e.detail&&this.selectElement?.focus()}}updateDisplayValueWatcher(e){if(this.updateDisplayValue(),this.selectElement){const r=e.split(",").map((e=>e.trim())),t=this.selectElement.options;t?(Array.from(t).forEach((e=>{e.selected=this.multiple?r.includes(e.value):e.value===r[0]})),this.multiple||(this.selectElement.value=e)):this.selectElement.value=r[0]||""}this.setFormValue()}handleDisplayValueChange(e){this.internalReadonly=e,this.readonly&&(this.internalReadonly=!0)}handleReadonlyChange(e){this.internalReadonly=e,this.displayValue&&(this.internalReadonly=!0)}handleOptionsChange(e){if(!e)return;const r=e.find((e=>e.selected));r&&(this.value=r.value)}updateDisplayValue(){if(this.internalReadonly&&!this.displayValue)if(this.multiple){const e=this.value.split(",").map((e=>e.trim())).map((e=>this.getLabelFromId(e)||"")).filter((e=>""!==e));this.computedDisplayValue=e.join(", ")||""}else this.computedDisplayValue=this.getLabelFromId(this.value)||"";else this.internalReadonly&&this.displayValue&&(this.computedDisplayValue=this.value||"")}getLabelFromId(e){if(this.ensureSelectElement(),!this.selectElement)return"";const r=this.selectElement.options;if(r){const t=Array.from(r).find((r=>r.value===e));return t&&t.textContent.trim()||""}return""}setFormValue(){this.internals.setFormValue(this.value)}ensureSelectElement(){this.selectElement||(this.selectElement=this.el.querySelector("select"))}async clear(){this.value&&(this.value="",this.valueChanged.emit(""),this.cleared.emit())}componentWillRender(){this.updateDisplayValue(),this.message&&(this.description=this.message),this.validation&&(this.errorDescription=this.validation,this.error=!0)}componentWillLoad(){this.internalReadonly=this.readonly,this.displayValue&&(this.internalReadonly=!0),this.internals="attachInternals"in this.el?this.el.attachInternals():{setFormValue:e=>{const r=this.el.closest("form");if(r){const t=document.createElement("input");t.type="hidden",t.name=this.name,t.value=e,r.appendChild(t)}}},this.multiple&&"string"!=typeof this.value&&(this.value=""),this.options&&this.handleOptionsChange(this.options)}componentDidLoad(){if(this.updateDisplayValue(),this.selectElement){this.multiple||(this.selectElement.value=this.value);const e=this.multiple?this.value.split(",").map((e=>e.trim())):[this.value],r=this.selectElement.options;r?Array.from(r).forEach((r=>{r.selected=this.multiple?e.includes(r.value):r.value===e[0]})):this.selectElement.value=e[0]||""}this.setFormValue()}render(){const e=this.el.hasAttribute("aria-required")||this.el.hasAttribute("aria-required-attr"),r=e?this.el.getAttribute("aria-required")||this.el.getAttribute("aria-required-attr"):null,i=e?r:null,l=e?"true"===i||""===i:void 0,n=this.required&&(!e||!0===l);return t(o,{key:"94e1f6453200ac25c9a8bb1161da1332fe964a88"},(this.label||this.el.querySelector('[slot="label"]'))&&t("label",{key:"cddbd8dcb267c3931f2a97d2409732e203e60d42",htmlFor:this.inputId},t("slot",{key:"bfbae02481c4bdac23e2c7c69044c171c2e4c627",name:"label"},this.label)),t("div",{key:"1070a34841596517c2803aa529b875c86e1cace7",class:"select-wrapper"},t("slot",{key:"8a36b232f72dcf98aaa0fd1d3fe0ee4a77102254",name:"before-input"}),t("div",{key:"716bd6d6f489b1b23d4f97ddf8b404c9b06cbb6d",class:"select-container",onClick:this.handleSelectContainerClick},t("slot",{key:"282b5103ab923c70d66fb5cbf68bb741f2f9c436",name:"leading-input"}),this.internalReadonly&&t("input",{key:"a612673aec7e0fb2a63c0d52a68bc2f74332db44",id:this.inputId+"-readonly",type:"text",value:this.computedDisplayValue,readonly:!0,class:"readonly-input","aria-readonly":"true","aria-label":this.label,"aria-describedby":this.error?`${this.inputId}-error`:`${this.inputId}-description`}),t("select",{key:"4fe11669e745846bcc14e3c657160287912351f2",id:this.inputId,ref:e=>this.selectElement=e,name:this.name,autofocus:this.autofocus,disabled:this.disabled,required:n?this.required:void 0,...void 0!==l&&{"aria-required":String(l)},multiple:this.multiple,onChange:this.handleSelectChange,class:this.internalReadonly?"hidden":"","aria-label":this.label,"aria-describedby":this.error?`${this.inputId}-error`:`${this.inputId}-description`},this.options&&this.options.length>0?this.options.map((e=>t("option",{value:e.value,selected:e.selected,disabled:e.disabled},e.label))):t("slot",null)),t("div",{key:"e04e676525522d40410815ea8da80f9c18730e3f",class:"select-icons"},this.clearable&&!this.disabled&&!this.internalReadonly&&this.value&&t("nv-iconbutton",{key:"176fdf45a3c04290895be367027c38581292c2c0","data-scope":"clear",name:"x",size:"md",emphasis:"lower",class:"clear-button",onMouseDown:e=>e.preventDefault(),onClick:this.handleClearButtonClick,"aria-label":"Clear selection",title:"Clear selection"}),this.error&&t("nv-icon",{key:"7eef5e80d744b7bfbcfb3fc857837c58e6ce4e54",name:"alert-circle",class:"validation",size:"md"}),this.success&&t("nv-icon",{key:"68085ced60e2c9aa70aa26db8fa96f0a5407d3c4",name:"circle-check",class:"validation",size:"md"}),!this.multiple&&t("nv-iconbutton",{key:"c1e85cc79e3438f20ae891fb439b77ba694d8db8",name:"chevron-down",size:"md",emphasis:"lower",tabindex:-1}))),t("slot",{key:"5534a2610d76d6d23e91ca3010b29f331501c923",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&t("div",{key:"eda00100479bb6325a49db62933f7d325e559491",class:"description",id:`${this.inputId}-description`},t("slot",{key:"f976d87998ef48b7e1e493f6064547efa1c212c3",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&t("div",{key:"28d55210a573fe85b57752873ca14f0adc65a404",class:"error-description",id:`${this.inputId}-error`},t("slot",{key:"ac95ef49e88372d3b69456affbbdaad753a5e5c4",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return i(this)}static get watchers(){return{value:[{updateDisplayValueWatcher:0}],displayValue:[{handleDisplayValueChange:0}],readonly:[{handleReadonlyChange:0}],options:[{handleOptionsChange:0}]}}};n.style="nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldselect{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldselect[fluid]:not([fluid=false]){max-width:unset}nv-fieldselect[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldselect[display-value]:not([display-value=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldselect[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldselect[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldselect[required]:not([required=false]) label::after,nv-fieldselect[aria-required=true] label::after{content:\"*\";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldselect[multiple]:not([multiple=false]) .select-wrapper>.select-container>.select-icons{top:var(--form-field-padding-y);right:var(--form-field-padding-x)}nv-fieldselect[multiple]:not([multiple=false]) .select-wrapper>.select-container>select{height:100%;box-sizing:border-box;background-color:var(--color-level-05-background);border-radius:var(--form-field-radius)}nv-fieldselect label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldselect .select-wrapper{display:flex;flex-wrap:wrap;align-items:stretch;align-self:stretch}nv-fieldselect .select-wrapper .select-container{position:relative;display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldselect .select-wrapper .select-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldselect .select-wrapper .select-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldselect .select-wrapper .select-container:has(select:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldselect .select-wrapper .select-container>.select-icons{position:absolute;right:0;top:0;pointer-events:none}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton{border:0px;border-radius:0px}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton.clear-button{pointer-events:auto}nv-fieldselect .select-wrapper .select-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldselect .select-wrapper .select-container input:focus{outline:none}nv-fieldselect .select-wrapper .select-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldselect .select-wrapper .select-container input{}nv-fieldselect .select-wrapper .select-container input[type=password]::-ms-clear,nv-fieldselect .select-wrapper .select-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldselect .select-wrapper .select-container input:read-only{background-color:var(--components-form-field-background-readonly, rgba(0, 0, 0, 0.1));border-color:var(--nv-field-border-readonly)}nv-fieldselect .select-wrapper .select-container select{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);height:var(--form-field-line-height);padding:var(--form-field-padding-y) var(--form-field-padding-x);padding-right:36px;box-sizing:content-box;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}nv-fieldselect .select-wrapper .select-container select:focus{outline:none}nv-fieldselect .select-wrapper .select-container select::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldselect .select-wrapper .select-container select hr{border-color:var(--components-list-select-hr, var(--color-content-low-border))}nv-fieldselect .select-wrapper .select-container select{appearance:base-select}nv-fieldselect .select-wrapper .select-container select::picker(select){appearance:base-select;background-color:var(--components-popover-background);border-color:var(--components-popover-border);border-width:1px;border-style:solid;border-radius:var(--popover-radius);padding:var(--popover-padding-y) var(--popover-padding-x);margin-top:var(--spacing-2);box-shadow:var(--popover-shadow-1-x) var(--popover-shadow-1-y) var(--popover-shadow-1-blur) -2px var(--popover-shadow-1-opacity), var(--popover-shadow-2-x) var(--popover-shadow-2-y) var(--popover-shadow-2-blur) var(--shadow-spread-lg-2) var(--popover-shadow-2-opacity)}nv-fieldselect .select-wrapper .select-container select::picker-icon{display:none}nv-fieldselect .select-wrapper .select-container select option{display:flex;gap:var(--list-select-gap-y);flex-wrap:wrap;align-items:center;width:100%;background-color:var(--components-list-select-option-background-default);padding:var(--list-select-option-padding);font-weight:var(--menu-contextual-item-font-weight);font-size:var(--list-select-font-size);line-height:var(--list-select-line-height);color:var(--components-list-select-option-content-default);border-radius:var(--list-select-option-radius);transition:background-color 150ms ease-out, color 150ms ease-out;cursor:pointer}nv-fieldselect .select-wrapper .select-container select option:not(:first-of-type){margin-top:var(--list-select-gap-y)}nv-fieldselect .select-wrapper .select-container select option:hover,nv-fieldselect .select-wrapper .select-container select option:focus,nv-fieldselect .select-wrapper .select-container select option:focus-within{background-color:var(--components-list-select-option-background-hover);color:var(--components-list-select-option-content-hover)}nv-fieldselect .select-wrapper .select-container select option:checked{background-color:var(--components-list-select-option-background-active);color:var(--components-list-select-option-content-active)}nv-fieldselect .select-wrapper .select-container select option:checked::after{order:1;margin-left:auto;content:\"\";display:inline-block;width:var(--spacing-5);height:var(--spacing-5);background-color:currentColor;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='nvicon_check' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6px' d='m5 12 5 5L20 7' vector-effect='non-scaling-stroke'%3E%3C/path%3E%3C/svg%3E\");-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='nvicon_check' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6px' d='m5 12 5 5L20 7' vector-effect='non-scaling-stroke'%3E%3C/path%3E%3C/svg%3E\");mask-repeat:no-repeat;mask-position:center;mask-size:contain}nv-fieldselect .select-wrapper .select-container select option::checkmark{display:none}nv-fieldselect .select-wrapper .select-container select option:disabled,nv-fieldselect .select-wrapper .select-container select option:checked:disabled{color:var(--components-list-select-option-content-disabled);background-color:var(--components-list-select-option-background-default)}nv-fieldselect .select-wrapper .select-container select optgroup{appearance:base-select;display:flex;flex-wrap:wrap;align-items:center;width:100%;color:var(--components-list-select-optgroup-content);gap:var(--list-select-optgroup-gap);padding-top:var(--list-select-optgroup-padding-y, 8px);padding-bottom:var(--list-select-optgroup-padding-y, 8px)}nv-fieldselect .select-wrapper .select-container select optgroup:hover{color:var(--components-list-select-optgroup-content)}nv-fieldselect .select-wrapper .select-container select optgroup option{padding-left:var(--list-select-optgroup-option-padding-left)}nv-fieldselect .select-wrapper .select-container select optgroup option:first-child{margin-top:var(--list-select-optgroup-option-margin-top, 4px)}nv-fieldselect .select-wrapper .select-container select.hidden{display:none}nv-fieldselect .select-wrapper .select-container nv-icon.readonly-icon{color:var(--nv-field-border-default)}nv-fieldselect .select-wrapper .select-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldselect .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldselect .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldselect .error-description[hidden]{display:none}";export{n as nv_fieldselect}
|
|
@@ -119,7 +119,17 @@ export declare class NvDialog {
|
|
|
119
119
|
* @param {MouseEvent} event - The click event.
|
|
120
120
|
*/
|
|
121
121
|
private handleDialogClick;
|
|
122
|
+
/**
|
|
123
|
+
* Stops events from bubbling past the `<dialog>` element so they don't
|
|
124
|
+
* trigger handlers on ancestors of `nv-dialog` (e.g. a clickable row
|
|
125
|
+
* containing the dialog). The `<dialog>` is promoted to the top layer
|
|
126
|
+
* visually via `showModal()` but its DOM position is unchanged, so bubbling
|
|
127
|
+
* otherwise proceeds normally.
|
|
128
|
+
* @param {Event} event - The event whose propagation should be stopped.
|
|
129
|
+
*/
|
|
130
|
+
private stopEventPropagation;
|
|
122
131
|
private checkForOpenPopovers;
|
|
132
|
+
private closeOpenPopovers;
|
|
123
133
|
/****************************************************************************/
|
|
124
134
|
/**
|
|
125
135
|
* Lifecycle method that runs before the component loads.
|
|
@@ -93,6 +93,8 @@ export declare class NvFieldradio {
|
|
|
93
93
|
/****************************************************************************/
|
|
94
94
|
/**
|
|
95
95
|
* Watches for changes to the checked state and emits the new value.
|
|
96
|
+
* Does not emit while the radio is being silently deselected by the group
|
|
97
|
+
* mutual-exclusion logic — only the newly selected radio emits.
|
|
96
98
|
* @param {boolean} checked - The new value of the checked state.
|
|
97
99
|
*/
|
|
98
100
|
handleCheckedChange(checked: boolean): void;
|
|
@@ -1,15 +1,36 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Tuple list of `[eventName, listener]` pairs.
|
|
3
|
+
*
|
|
4
|
+
* IMPORTANT: instances passed to {@link addEventListeners} are mutated in
|
|
5
|
+
* place — the original `listener` is replaced by its bound counterpart so that
|
|
6
|
+
* {@link removeEventListeners} can deregister the exact same function
|
|
7
|
+
* reference. Treat each array as private to a single component instance and do
|
|
8
|
+
* not share it across instances.
|
|
9
|
+
*/
|
|
1
10
|
export type EventsAndListeners = [string, EventListener][];
|
|
2
11
|
/**
|
|
3
|
-
* Adds a set of event listeners to the given target
|
|
4
|
-
*
|
|
5
|
-
*
|
|
6
|
-
*
|
|
12
|
+
* Adds a set of event listeners to the given target and binds each listener to
|
|
13
|
+
* the provided `context`.
|
|
14
|
+
*
|
|
15
|
+
* Side effect: each `events[i][1]` is overwritten with the bound listener so
|
|
16
|
+
* that a later call to {@link removeEventListeners} with the same array
|
|
17
|
+
* removes the exact reference that was registered. Without this, every
|
|
18
|
+
* `listener.bind(context)` would produce a new function and
|
|
19
|
+
* `removeEventListener` would silently no-op, leaking listeners on `document`,
|
|
20
|
+
* `window`, or trigger elements when the component is destroyed.
|
|
21
|
+
* @param {EventsAndListeners} events - The events and listeners to add. Mutated in place.
|
|
22
|
+
* @param {Element | Window | Document | ChildNode} target - The target to attach the listeners to.
|
|
23
|
+
* @param {T} context - The class context to bind the listeners to.
|
|
7
24
|
*/
|
|
8
25
|
export declare function addEventListeners<T>(events: EventsAndListeners, target: Element | Window | Document | ChildNode, context: T): void;
|
|
9
26
|
/**
|
|
10
|
-
* Removes
|
|
27
|
+
* Removes the listeners previously registered with {@link addEventListeners}.
|
|
28
|
+
*
|
|
29
|
+
* Relies on the bound references stored back into `events[i][1]` by
|
|
30
|
+
* {@link addEventListeners}; if the listener references don't match what was
|
|
31
|
+
* registered, `removeEventListener` will silently no-op.
|
|
11
32
|
* @param {EventsAndListeners} events - The events and listeners to remove.
|
|
12
|
-
* @param {Element | Window | Document} target
|
|
13
|
-
* @param {T}
|
|
33
|
+
* @param {Element | Window | Document | ChildNode} target - The target to detach the listeners from.
|
|
34
|
+
* @param {T} _context - Unused; kept for symmetry with {@link addEventListeners}.
|
|
14
35
|
*/
|
|
15
|
-
export declare function removeEventListeners<T>(events: EventsAndListeners, target: Element | Window | Document | ChildNode,
|
|
36
|
+
export declare function removeEventListeners<T>(events: EventsAndListeners, target: Element | Window | Document | ChildNode, _context: T): void;
|