primevue 3.32.0 → 3.32.2

package/autocomplete/autocomplete.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.autocomplete=function(e,t,n,i,o,l,s,r,a,u,c,p){"use strict";function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=d(e),f=d(t),m=d(n),y=d(i),v=d(o),b=d(l),g=d(s),O=d(a),x=d(u),I={root:function(e){var t=e.instance,n=e.props;return["p-autocomplete p-component p-inputwrapper",{"p-disabled":n.disabled,"p-focus":t.focused,"p-autocomplete-dd":n.dropdown,"p-autocomplete-multiple":n.multiple,"p-inputwrapper-filled":n.modelValue||r.ObjectUtils.isNotEmpty(t.inputValue),"p-inputwrapper-focus":t.focused,"p-overlay-open":t.overlayVisible}]},input:function(e){return["p-autocomplete-input p-inputtext p-component",{"p-autocomplete-dd-input":e.props.dropdown}]},container:"p-autocomplete-multiple-container p-component p-inputtext",token:function(e){return["p-autocomplete-token",{"p-focus":e.instance.focusedMultipleOptionIndex===e.i}]},tokenLabel:"p-autocomplete-token-label",removeTokenIcon:"p-autocomplete-token-icon",inputToken:"p-autocomplete-input-token",loadingIcon:"p-autocomplete-loader",dropdownButton:"p-autocomplete-dropdown",panel:function(e){var t=e.instance;return["p-autocomplete-panel p-component",{"p-input-filled":"filled"===t.$primevue.config.inputStyle,"p-ripple-disabled":!1===t.$primevue.config.ripple}]},list:"p-autocomplete-items",itemGroup:"p-autocomplete-item-group",item:function(e){var t=e.instance,n=e.option,i=e.i,o=e.getItemOptions;return["p-autocomplete-item",{"p-highlight":t.isSelected(n),"p-focus":t.focusedOptionIndex===t.getOptionIndex(i,o),"p-disabled":t.isOptionDisabled(n)}]},emptyMessage:"p-autocomplete-empty-message"},S=c.useStyle("\n.p-autocomplete {\n    display: inline-flex;\n}\n\n.p-autocomplete-loader {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n}\n\n.p-autocomplete-dd .p-autocomplete-input {\n    flex: 1 1 auto;\n    width: 1%;\n}\n\n.p-autocomplete-dd .p-autocomplete-input,\n.p-autocomplete-dd .p-autocomplete-multiple-container {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-autocomplete-dd .p-autocomplete-dropdown {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0px;\n}\n\n.p-autocomplete .p-autocomplete-panel {\n    min-width: 100%;\n}\n\n.p-autocomplete-panel {\n    position: absolute;\n    overflow: auto;\n    top: 0;\n    left: 0;\n}\n\n.p-autocomplete-items {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n}\n\n.p-autocomplete-item {\n    cursor: pointer;\n    white-space: nowrap;\n    position: relative;\n    overflow: hidden;\n}\n\n.p-autocomplete-multiple-container {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    cursor: text;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n}\n\n.p-autocomplete-token {\n    cursor: default;\n    display: inline-flex;\n    align-items: center;\n    flex: 0 0 auto;\n}\n\n.p-autocomplete-token-icon {\n    cursor: pointer;\n}\n\n.p-autocomplete-input-token {\n    flex: 1 1 auto;\n    display: inline-flex;\n}\n\n.p-autocomplete-input-token input {\n    border: 0 none;\n    outline: 0 none;\n    background-color: transparent;\n    margin: 0;\n    padding: 0;\n    box-shadow: none;\n    border-radius: 0;\n    width: 100%;\n}\n\n.p-fluid .p-autocomplete {\n    display: flex;\n}\n\n.p-fluid .p-autocomplete-dd .p-autocomplete-input {\n    width: 1%;\n}\n",{name:"autocomplete",manual:!0});function k(e){return k="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},k(e)}function w(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function C(e,t){if(e){if("string"==typeof e)return D(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?D(e,t):void 0}}function V(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function L(e){if(Array.isArray(e))return D(e)}function D(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}var M={name:"AutoComplete",extends:{name:"BaseAutoComplete",extends:x.default,props:{modelValue:null,suggestions:{type:Array,default:null},field:{type:[String,Function],default:null},optionLabel:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,scrollHeight:{type:String,default:"200px"},dropdown:{type:Boolean,default:!1},dropdownMode:{type:String,default:"blank"},autoHighlight:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:null},dataKey:{type:String,default:null},minLength:{type:Number,default:1},delay:{type:Number,default:300},appendTo:{type:String,default:"body"},forceSelection:{type:Boolean,default:!1},completeOnFocus:{type:Boolean,default:!1},inputId:{type:String,default:null},inputStyle:{type:Object,default:null},inputClass:{type:[String,Object],default:null},inputProps:{type:null,default:null},panelStyle:{type:Object,default:null},panelClass:{type:[String,Object],default:null},panelProps:{type:null,default:null},dropdownIcon:{type:String,default:void 0},dropdownClass:{type:[String,Object],default:null},loadingIcon:{type:String,default:void 0},removeTokenIcon:{type:String,default:void 0},virtualScrollerOptions:{type:Object,default:null},autoOptionFocus:{type:Boolean,default:!0},selectOnFocus:{type:Boolean,default:!1},searchLocale:{type:String,default:void 0},searchMessage:{type:String,default:null},selectionMessage:{type:String,default:null},emptySelectionMessage:{type:String,default:null},emptySearchMessage:{type:String,default:null},tabindex:{type:Number,default:0},"aria-label":{type:String,default:null},"aria-labelledby":{type:String,default:null}},css:{classes:I,inlineStyles:{root:{position:"relative"}},loadStyle:S.load},provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","focus","blur","item-select","item-unselect","dropdown-click","clear","complete","before-show","before-hide","show","hide"],outsideClickListener:null,resizeListener:null,scrollHandler:null,overlay:null,virtualScroller:null,searchTimeout:null,focusOnHover:!1,dirty:!1,data:function(){return{id:this.$attrs.id,focused:!1,focusedOptionIndex:-1,focusedMultipleOptionIndex:-1,overlayVisible:!1,searching:!1}},watch:{"$attrs.id":function(e){this.id=e||r.UniqueComponentId()},suggestions:function(){this.searching&&(r.ObjectUtils.isNotEmpty(this.suggestions)||this.$slots.empty?this.show():this.hide(),this.focusedOptionIndex=this.overlayVisible&&this.autoOptionFocus?this.findFirstFocusedOptionIndex():-1,this.searching=!1),this.autoUpdateModel()}},mounted:function(){this.id=this.id||r.UniqueComponentId(),this.autoUpdateModel()},updated:function(){this.overlayVisible&&this.alignOverlay()},beforeUnmount:function(){this.unbindOutsideClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.overlay&&(r.ZIndexUtils.clear(this.overlay),this.overlay=null)},methods:{getOptionIndex:function(e,t){return this.virtualScrollerDisabled?e:t&&t(e).index},getOptionLabel:function(e){return this.field||this.optionLabel?r.ObjectUtils.resolveFieldData(e,this.field||this.optionLabel):e},getOptionValue:function(e){return e},getOptionRenderKey:function(e,t){return(this.dataKey?r.ObjectUtils.resolveFieldData(e,this.dataKey):this.getOptionLabel(e))+"_"+t},getPTOptions:function(e,t,n,i){return this.ptm(i,{context:{selected:this.isSelected(e),focused:this.focusedOptionIndex===this.getOptionIndex(n,t),disabled:this.isOptionDisabled(e)}})},isOptionDisabled:function(e){return!!this.optionDisabled&&r.ObjectUtils.resolveFieldData(e,this.optionDisabled)},isOptionGroup:function(e){return this.optionGroupLabel&&e.optionGroup&&e.group},getOptionGroupLabel:function(e){return r.ObjectUtils.resolveFieldData(e,this.optionGroupLabel)},getOptionGroupChildren:function(e){return r.ObjectUtils.resolveFieldData(e,this.optionGroupChildren)},getAriaPosInset:function(e){var t=this;return(this.optionGroupLabel?e-this.visibleOptions.slice(0,e).filter((function(e){return t.isOptionGroup(e)})).length:e)+1},show:function(e){this.$emit("before-show"),this.dirty=!0,this.overlayVisible=!0,this.focusedOptionIndex=-1!==this.focusedOptionIndex?this.focusedOptionIndex:this.autoOptionFocus?this.findFirstFocusedOptionIndex():-1,e&&r.DomHandler.focus(this.$refs.focusInput)},hide:function(e){var t=this;setTimeout((function(){t.$emit("before-hide"),t.dirty=e,t.overlayVisible=!1,t.focusedOptionIndex=-1,e&&r.DomHandler.focus(t.$refs.focusInput)}),0)},onFocus:function(e){this.disabled||(!this.dirty&&this.completeOnFocus&&this.search(e,e.target.value,"focus"),this.dirty=!0,this.focused=!0,this.focusedOptionIndex=-1!==this.focusedOptionIndex?this.focusedOptionIndex:this.overlayVisible&&this.autoOptionFocus?this.findFirstFocusedOptionIndex():-1,this.overlayVisible&&this.scrollInView(this.focusedOptionIndex),this.$emit("focus",e))},onBlur:function(e){this.dirty=!1,this.focused=!1,this.focusedOptionIndex=-1,this.$emit("blur",e)},onKeyDown:function(e){if(this.disabled)e.preventDefault();else switch(e.code){case"ArrowDown":this.onArrowDownKey(e);break;case"ArrowUp":this.onArrowUpKey(e);break;case"ArrowLeft":this.onArrowLeftKey(e);break;case"ArrowRight":this.onArrowRightKey(e);break;case"Home":this.onHomeKey(e);break;case"End":this.onEndKey(e);break;case"PageDown":this.onPageDownKey(e);break;case"PageUp":this.onPageUpKey(e);break;case"Enter":case"NumpadEnter":this.onEnterKey(e);break;case"Escape":this.onEscapeKey(e);break;case"Tab":this.onTabKey(e);break;case"Backspace":this.onBackspaceKey(e)}},onInput:function(e){var t=this;this.searchTimeout&&clearTimeout(this.searchTimeout);var n=e.target.value;this.multiple||this.updateModel(e,n),0===n.length?(this.hide(),this.$emit("clear")):n.length>=this.minLength?(this.focusedOptionIndex=-1,this.searchTimeout=setTimeout((function(){t.search(e,n,"input")}),this.delay)):this.hide()},onChange:function(e){var t=this;if(this.forceSelection){var n=!1;if(this.visibleOptions){var i=this.visibleOptions.find((function(e){return t.isOptionMatched(e,t.$refs.focusInput.value||"")}));void 0!==i&&(n=!0,!this.isSelected(i)&&this.onOptionSelect(e,i))}n||(this.$refs.focusInput.value="",this.$emit("clear"),!this.multiple&&this.updateModel(e,null))}},onMultipleContainerFocus:function(){this.disabled||(this.focused=!0)},onMultipleContainerBlur:function(){this.focusedMultipleOptionIndex=-1,this.focused=!1},onMultipleContainerKeyDown:function(e){if(this.disabled)e.preventDefault();else switch(e.code){case"ArrowLeft":this.onArrowLeftKeyOnMultiple(e);break;case"ArrowRight":this.onArrowRightKeyOnMultiple(e);break;case"Backspace":this.onBackspaceKeyOnMultiple(e)}},onContainerClick:function(e){this.disabled||this.searching||this.loading||this.isInputClicked(e)||this.isDropdownClicked(e)||this.overlay&&this.overlay.contains(e.target)||r.DomHandler.focus(this.$refs.focusInput)},onDropdownClick:function(e){var t=void 0;this.overlayVisible?this.hide(!0):(r.DomHandler.focus(this.$refs.focusInput),t=this.$refs.focusInput.value,"blank"===this.dropdownMode?this.search(e,"","dropdown"):"current"===this.dropdownMode&&this.search(e,t,"dropdown")),this.$emit("dropdown-click",{originalEvent:e,query:t})},onOptionSelect:function(e,t){var n,i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],o=this.getOptionValue(t);this.multiple?(this.$refs.focusInput.value="",this.isSelected(t)||this.updateModel(e,[].concat(L(n=this.modelValue||[])||V(n)||C(n)||w(),[o]))):this.updateModel(e,o),this.$emit("item-select",{originalEvent:e,value:t}),i&&this.hide(!0)},onOptionMouseMove:function(e,t){this.focusOnHover&&this.changeFocusedOptionIndex(e,t)},onOverlayClick:function(e){v.default.emit("overlay-click",{originalEvent:e,target:this.$el})},onOverlayKeyDown:function(e){if("Escape"===e.code)this.onEscapeKey(e)},onArrowDownKey:function(e){if(this.overlayVisible){var t=-1!==this.focusedOptionIndex?this.findNextOptionIndex(this.focusedOptionIndex):this.findFirstFocusedOptionIndex();this.changeFocusedOptionIndex(e,t),e.preventDefault()}},onArrowUpKey:function(e){if(this.overlayVisible)if(e.altKey)-1!==this.focusedOptionIndex&&this.onOptionSelect(e,this.visibleOptions[this.focusedOptionIndex]),this.overlayVisible&&this.hide(),e.preventDefault();else{var t=-1!==this.focusedOptionIndex?this.findPrevOptionIndex(this.focusedOptionIndex):this.findLastFocusedOptionIndex();this.changeFocusedOptionIndex(e,t),e.preventDefault()}},onArrowLeftKey:function(e){var t=e.currentTarget;this.focusedOptionIndex=-1,this.multiple&&(r.ObjectUtils.isEmpty(t.value)&&this.hasSelectedOption?(r.DomHandler.focus(this.$refs.multiContainer),this.focusedMultipleOptionIndex=this.modelValue.length):e.stopPropagation())},onArrowRightKey:function(e){this.focusedOptionIndex=-1,this.multiple&&e.stopPropagation()},onHomeKey:function(e){var t=e.currentTarget;t.setSelectionRange(0,e.shiftKey?t.value.length:0),this.focusedOptionIndex=-1,e.preventDefault()},onEndKey:function(e){var t=e.currentTarget,n=t.value.length;t.setSelectionRange(e.shiftKey?0:n,n),this.focusedOptionIndex=-1,e.preventDefault()},onPageUpKey:function(e){this.scrollInView(0),e.preventDefault()},onPageDownKey:function(e){this.scrollInView(this.visibleOptions.length-1),e.preventDefault()},onEnterKey:function(e){this.overlayVisible?(-1!==this.focusedOptionIndex&&this.onOptionSelect(e,this.visibleOptions[this.focusedOptionIndex]),this.hide()):this.onArrowDownKey(e),e.preventDefault()},onEscapeKey:function(e){this.overlayVisible&&this.hide(!0),e.preventDefault()},onTabKey:function(e){-1!==this.focusedOptionIndex&&this.onOptionSelect(e,this.visibleOptions[this.focusedOptionIndex]),this.overlayVisible&&this.hide()},onBackspaceKey:function(e){if(this.multiple){if(r.ObjectUtils.isNotEmpty(this.modelValue)&&!this.$refs.focusInput.value){var t=this.modelValue[this.modelValue.length-1],n=this.modelValue.slice(0,-1);this.$emit("update:modelValue",n),this.$emit("item-unselect",{originalEvent:e,value:t})}e.stopPropagation()}},onArrowLeftKeyOnMultiple:function(){this.focusedMultipleOptionIndex=this.focusedMultipleOptionIndex<1?0:this.focusedMultipleOptionIndex-1},onArrowRightKeyOnMultiple:function(){this.focusedMultipleOptionIndex++,this.focusedMultipleOptionIndex>this.modelValue.length-1&&(this.focusedMultipleOptionIndex=-1,r.DomHandler.focus(this.$refs.focusInput))},onBackspaceKeyOnMultiple:function(e){-1!==this.focusedMultipleOptionIndex&&this.removeOption(e,this.focusedMultipleOptionIndex)},onOverlayEnter:function(e){r.ZIndexUtils.set("overlay",e,this.$primevue.config.zIndex.overlay),r.DomHandler.addStyles(e,{position:"absolute",top:"0",left:"0"}),this.alignOverlay()},onOverlayAfterEnter:function(){this.bindOutsideClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.$emit("show")},onOverlayLeave:function(){this.unbindOutsideClickListener(),this.unbindScrollListener(),this.unbindResizeListener(),this.$emit("hide"),this.overlay=null},onOverlayAfterLeave:function(e){r.ZIndexUtils.clear(e)},alignOverlay:function(){var e=this.multiple?this.$refs.multiContainer:this.$refs.focusInput;"self"===this.appendTo?r.DomHandler.relativePosition(this.overlay,e):(this.overlay.style.minWidth=r.DomHandler.getOuterWidth(e)+"px",r.DomHandler.absolutePosition(this.overlay,e))},bindOutsideClickListener:function(){var e=this;this.outsideClickListener||(this.outsideClickListener=function(t){e.overlayVisible&&e.overlay&&e.isOutsideClicked(t)&&e.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener:function(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener:function(){var e=this;this.scrollHandler||(this.scrollHandler=new r.ConnectedOverlayScrollHandler(this.$refs.container,(function(){e.overlayVisible&&e.hide()}))),this.scrollHandler.bindScrollListener()},unbindScrollListener:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.overlayVisible&&!r.DomHandler.isTouchDevice()&&e.hide()},window.addEventListener("resize",this.resizeListener))},unbindResizeListener:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},isOutsideClicked:function(e){return!this.overlay.contains(e.target)&&!this.isInputClicked(e)&&!this.isDropdownClicked(e)},isInputClicked:function(e){return this.multiple?e.target===this.$refs.multiContainer||this.$refs.multiContainer.contains(e.target):e.target===this.$refs.focusInput},isDropdownClicked:function(e){return!!this.$refs.dropdownButton&&(e.target===this.$refs.dropdownButton||this.$refs.dropdownButton.$el.contains(e.target))},isOptionMatched:function(e,t){return this.isValidOption(e)&&this.getOptionLabel(e).toLocaleLowerCase(this.searchLocale)===t.toLocaleLowerCase(this.searchLocale)},isValidOption:function(e){return e&&!(this.isOptionDisabled(e)||this.isOptionGroup(e))},isValidSelectedOption:function(e){return this.isValidOption(e)&&this.isSelected(e)},isSelected:function(e){return r.ObjectUtils.equals(this.modelValue,this.getOptionValue(e),this.equalityKey)},findFirstOptionIndex:function(){var e=this;return this.visibleOptions.findIndex((function(t){return e.isValidOption(t)}))},findLastOptionIndex:function(){var e=this;return r.ObjectUtils.findLastIndex(this.visibleOptions,(function(t){return e.isValidOption(t)}))},findNextOptionIndex:function(e){var t=this,n=e<this.visibleOptions.length-1?this.visibleOptions.slice(e+1).findIndex((function(e){return t.isValidOption(e)})):-1;return n>-1?n+e+1:e},findPrevOptionIndex:function(e){var t=this,n=e>0?r.ObjectUtils.findLastIndex(this.visibleOptions.slice(0,e),(function(e){return t.isValidOption(e)})):-1;return n>-1?n:e},findSelectedOptionIndex:function(){var e=this;return this.hasSelectedOption?this.visibleOptions.findIndex((function(t){return e.isValidSelectedOption(t)})):-1},findFirstFocusedOptionIndex:function(){var e=this.findSelectedOptionIndex();return e<0?this.findFirstOptionIndex():e},findLastFocusedOptionIndex:function(){var e=this.findSelectedOptionIndex();return e<0?this.findLastOptionIndex():e},search:function(e,t,n){null!=t&&("input"===n&&0===t.trim().length||(this.searching=!0,this.$emit("complete",{originalEvent:e,query:t})))},removeOption:function(e,t){var n=this,i=this.modelValue[t],o=this.modelValue.filter((function(e,n){return n!==t})).map((function(e){return n.getOptionValue(e)}));this.updateModel(e,o),this.$emit("item-unselect",{originalEvent:e,value:i}),this.dirty=!0,r.DomHandler.focus(this.$refs.focusInput)},changeFocusedOptionIndex:function(e,t){this.focusedOptionIndex!==t&&(this.focusedOptionIndex=t,this.scrollInView(),(this.selectOnFocus||this.autoHighlight)&&this.onOptionSelect(e,this.visibleOptions[t],!1))},scrollInView:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==t?"".concat(this.id,"_").concat(t):this.focusedOptionId,i=r.DomHandler.findSingle(this.list,'li[id="'.concat(n,'"]'));i?i.scrollIntoView&&i.scrollIntoView({block:"nearest",inline:"start"}):this.virtualScrollerDisabled||setTimeout((function(){e.virtualScroller&&e.virtualScroller.scrollToIndex(-1!==t?t:e.focusedOptionIndex)}),0)},autoUpdateModel:function(){(this.selectOnFocus||this.autoHighlight)&&this.autoOptionFocus&&!this.hasSelectedOption&&(this.focusedOptionIndex=this.findFirstFocusedOptionIndex(),this.onOptionSelect(null,this.visibleOptions[this.focusedOptionIndex],!1))},updateModel:function(e,t){this.$emit("update:modelValue",t),this.$emit("change",{originalEvent:e,value:t})},flatOptions:function(e){var t=this;return(e||[]).reduce((function(e,n,i){e.push({optionGroup:n,group:!0,index:i});var o=t.getOptionGroupChildren(n);return o&&o.forEach((function(t){return e.push(t)})),e}),[])},overlayRef:function(e){this.overlay=e},listRef:function(e,t){this.list=e,t&&t(e)},virtualScrollerRef:function(e){this.virtualScroller=e}},computed:{visibleOptions:function(){return this.optionGroupLabel?this.flatOptions(this.suggestions):this.suggestions||[]},inputValue:function(){if(this.modelValue){if("object"===k(this.modelValue)){var e=this.getOptionLabel(this.modelValue);return null!=e?e:this.modelValue}return this.modelValue}return""},hasSelectedOption:function(){return r.ObjectUtils.isNotEmpty(this.modelValue)},equalityKey:function(){return this.dataKey},searchResultMessageText:function(){return r.ObjectUtils.isNotEmpty(this.visibleOptions)&&this.overlayVisible?this.searchMessageText.replaceAll("{0}",this.visibleOptions.length):this.emptySearchMessageText},searchMessageText:function(){return this.searchMessage||this.$primevue.config.locale.searchMessage||""},emptySearchMessageText:function(){return this.emptySearchMessage||this.$primevue.config.locale.emptySearchMessage||""},selectionMessageText:function(){return this.selectionMessage||this.$primevue.config.locale.selectionMessage||""},emptySelectionMessageText:function(){return this.emptySelectionMessage||this.$primevue.config.locale.emptySelectionMessage||""},selectedMessageText:function(){return this.hasSelectedOption?this.selectionMessageText.replaceAll("{0}",this.multiple?this.modelValue.length:"1"):this.emptySelectionMessageText},focusedOptionId:function(){return-1!==this.focusedOptionIndex?"".concat(this.id,"_").concat(this.focusedOptionIndex):null},focusedMultipleOptionId:function(){return-1!==this.focusedMultipleOptionIndex?"".concat(this.id,"_multiple_option_").concat(this.focusedMultipleOptionIndex):null},ariaSetSize:function(){var e=this;return this.visibleOptions.filter((function(t){return!e.isOptionGroup(t)})).length},virtualScrollerDisabled:function(){return!this.virtualScrollerOptions}},components:{Button:h.default,VirtualScroller:O.default,Portal:b.default,ChevronDownIcon:f.default,SpinnerIcon:m.default,TimesCircleIcon:y.default},directives:{ripple:g.default}};function B(e){return B="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},B(e)}function $(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?$(Object(n),!0).forEach((function(t){K(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):$(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function K(e,t,n){return(t=P(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){var t=T(e,"string");return"symbol"===B(t)?t:String(t)}function T(e,t){if("object"!==B(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!==B(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var F=["id","value","placeholder","tabindex","disabled","aria-label","aria-labelledby","aria-expanded","aria-controls","aria-activedescendant"],A=["aria-activedescendant"],j=["id","aria-label","aria-setsize","aria-posinset"],H=["id","placeholder","tabindex","disabled","aria-label","aria-labelledby","aria-expanded","aria-controls","aria-activedescendant"],N=["id"],U=["id"],z=["id","aria-label","aria-selected","aria-disabled","aria-setsize","aria-posinset","onClick","onMousemove","data-p-highlight","data-p-focus","data-p-disabled"];return M.render=function(e,t,n,i,o,l){var s=p.resolveComponent("SpinnerIcon"),r=p.resolveComponent("Button"),a=p.resolveComponent("VirtualScroller"),u=p.resolveComponent("Portal"),c=p.resolveDirective("ripple");return p.openBlock(),p.createElementBlock("div",p.mergeProps({ref:"container",class:e.cx("root"),style:e.sx("root"),onClick:t[15]||(t[15]=function(){return l.onContainerClick&&l.onContainerClick.apply(l,arguments)})},e.ptm("root"),{"data-pc-name":"autocomplete"}),[e.multiple?p.createCommentVNode("",!0):(p.openBlock(),p.createElementBlock("input",p.mergeProps({key:0,ref:"focusInput",id:e.inputId,type:"text",class:[e.cx("input"),e.inputClass],style:e.inputStyle,value:l.inputValue,placeholder:e.placeholder,tabindex:e.disabled?-1:e.tabindex,disabled:e.disabled,autocomplete:"off",role:"combobox","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-haspopup":"listbox","aria-autocomplete":"list","aria-expanded":o.overlayVisible,"aria-controls":o.id+"_list","aria-activedescendant":o.focused?l.focusedOptionId:void 0,onFocus:t[0]||(t[0]=function(){return l.onFocus&&l.onFocus.apply(l,arguments)}),onBlur:t[1]||(t[1]=function(){return l.onBlur&&l.onBlur.apply(l,arguments)}),onKeydown:t[2]||(t[2]=function(){return l.onKeyDown&&l.onKeyDown.apply(l,arguments)}),onInput:t[3]||(t[3]=function(){return l.onInput&&l.onInput.apply(l,arguments)}),onChange:t[4]||(t[4]=function(){return l.onChange&&l.onChange.apply(l,arguments)})},E(E({},e.inputProps),e.ptm("input"))),null,16,F)),e.multiple?(p.openBlock(),p.createElementBlock("ul",p.mergeProps({key:1,ref:"multiContainer",class:e.cx("container"),tabindex:"-1",role:"listbox","aria-orientation":"horizontal","aria-activedescendant":o.focused?l.focusedMultipleOptionId:void 0,onFocus:t[10]||(t[10]=function(){return l.onMultipleContainerFocus&&l.onMultipleContainerFocus.apply(l,arguments)}),onBlur:t[11]||(t[11]=function(){return l.onMultipleContainerBlur&&l.onMultipleContainerBlur.apply(l,arguments)}),onKeydown:t[12]||(t[12]=function(){return l.onMultipleContainerKeyDown&&l.onMultipleContainerKeyDown.apply(l,arguments)})},e.ptm("container")),[(p.openBlock(!0),p.createElementBlock(p.Fragment,null,p.renderList(e.modelValue,(function(t,n){return p.openBlock(),p.createElementBlock("li",p.mergeProps({key:n,id:o.id+"_multiple_option_"+n,class:e.cx("token",{i:n}),role:"option","aria-label":l.getOptionLabel(t),"aria-selected":!0,"aria-setsize":e.modelValue.length,"aria-posinset":n+1},e.ptm("token")),[p.renderSlot(e.$slots,"chip",{value:t},(function(){return[p.createElementVNode("span",p.mergeProps({class:e.cx("tokenLabel")},e.ptm("tokenLabel")),p.toDisplayString(l.getOptionLabel(t)),17)]})),p.renderSlot(e.$slots,"removetokenicon",{class:p.normalizeClass(e.cx(e.removeTokenIcon)),onClick:function(e){return l.removeOption(e,n)}},(function(){return[(p.openBlock(),p.createBlock(p.resolveDynamicComponent(e.removeTokenIcon?"span":"TimesCircleIcon"),p.mergeProps({class:[e.cx(e.removeTokenIcon),e.removeTokenIcon],onClick:function(e){return l.removeOption(e,n)},"aria-hidden":"true"},e.ptm("removeTokenIcon")),null,16,["class","onClick"]))]}))],16,j)})),128)),p.createElementVNode("li",p.mergeProps({class:e.cx("inputToken"),role:"option"},e.ptm("inputToken")),[p.createElementVNode("input",p.mergeProps({ref:"focusInput",id:e.inputId,type:"text",style:e.inputStyle,class:e.inputClass,placeholder:e.placeholder,tabindex:e.disabled?-1:e.tabindex,disabled:e.disabled,autocomplete:"off",role:"combobox","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-haspopup":"listbox","aria-autocomplete":"list","aria-expanded":o.overlayVisible,"aria-controls":o.id+"_list","aria-activedescendant":o.focused?l.focusedOptionId:void 0,onFocus:t[5]||(t[5]=function(){return l.onFocus&&l.onFocus.apply(l,arguments)}),onBlur:t[6]||(t[6]=function(){return l.onBlur&&l.onBlur.apply(l,arguments)}),onKeydown:t[7]||(t[7]=function(){return l.onKeyDown&&l.onKeyDown.apply(l,arguments)}),onInput:t[8]||(t[8]=function(){return l.onInput&&l.onInput.apply(l,arguments)}),onChange:t[9]||(t[9]=function(){return l.onChange&&l.onChange.apply(l,arguments)})},E(E({},e.inputProps),e.ptm("input"))),null,16,H)],16)],16,A)):p.createCommentVNode("",!0),o.searching||e.loading?p.renderSlot(e.$slots,"loadingicon",{key:2,class:p.normalizeClass(e.cx("loadingIcon"))},(function(){return[e.loadingIcon?(p.openBlock(),p.createElementBlock("i",p.mergeProps({key:0,class:["pi-spin",e.cx("loadingIcon"),e.loadingIcon],"aria-hidden":"true"},e.ptm("loadingIcon")),null,16)):(p.openBlock(),p.createBlock(s,p.mergeProps({key:1,class:[e.cx("loadingIcon"),e.loadingIcon],spin:"","aria-hidden":"true"},e.ptm("loadingIcon")),null,16,["class"]))]})):p.createCommentVNode("",!0),e.dropdown?(p.openBlock(),p.createBlock(r,{key:3,ref:"dropdownButton",type:"button",tabindex:"-1",class:p.normalizeClass([e.cx("dropdownButton"),e.dropdownClass]),disabled:e.disabled,"aria-hidden":"true",onClick:l.onDropdownClick,unstyled:e.unstyled,pt:e.ptm("dropdownButton"),"data-pc-section":"dropdownbutton"},{icon:p.withCtx((function(){return[p.renderSlot(e.$slots,"dropdownicon",{class:p.normalizeClass(e.dropdownIcon)},(function(){return[(p.openBlock(),p.createBlock(p.resolveDynamicComponent(e.dropdownIcon?"span":"ChevronDownIcon"),p.mergeProps({class:e.dropdownIcon},e.ptm("dropdownButton").icon),null,16,["class"]))]}))]})),_:3},8,["class","disabled","onClick","unstyled","pt"])):p.createCommentVNode("",!0),p.createElementVNode("span",p.mergeProps({role:"status","aria-live":"polite",class:"p-hidden-accessible"},e.ptm("hiddenSearchResult"),{"data-p-hidden-accessible":!0}),p.toDisplayString(l.searchResultMessageText),17),p.createVNode(u,{appendTo:e.appendTo},{default:p.withCtx((function(){return[p.createVNode(p.Transition,p.mergeProps({name:"p-connected-overlay",onEnter:l.onOverlayEnter,onAfterEnter:l.onOverlayAfterEnter,onLeave:l.onOverlayLeave,onAfterLeave:l.onOverlayAfterLeave},e.ptm("transition")),{default:p.withCtx((function(){return[o.overlayVisible?(p.openBlock(),p.createElementBlock("div",p.mergeProps({key:0,ref:l.overlayRef,class:[e.cx("panel"),e.panelClass],style:E(E({},e.panelStyle),{},{"max-height":l.virtualScrollerDisabled?e.scrollHeight:""}),onClick:t[13]||(t[13]=function(){return l.onOverlayClick&&l.onOverlayClick.apply(l,arguments)}),onKeydown:t[14]||(t[14]=function(){return l.onOverlayKeyDown&&l.onOverlayKeyDown.apply(l,arguments)})},E(E({},e.panelProps),e.ptm("panel"))),[p.renderSlot(e.$slots,"header",{value:e.modelValue,suggestions:l.visibleOptions}),p.createVNode(a,p.mergeProps({ref:l.virtualScrollerRef},e.virtualScrollerOptions,{style:{height:e.scrollHeight},items:l.visibleOptions,tabindex:-1,disabled:l.virtualScrollerDisabled,pt:e.ptm("virtualScroller")}),p.createSlots({content:p.withCtx((function(t){var n=t.styleClass,i=t.contentRef,s=t.items,r=t.getItemOptions,a=t.contentStyle,u=t.itemSize;return[p.createElementVNode("ul",p.mergeProps({ref:function(e){return l.listRef(e,i)},id:o.id+"_list",class:[e.cx("list"),n],style:a,role:"listbox"},e.ptm("list")),[(p.openBlock(!0),p.createElementBlock(p.Fragment,null,p.renderList(s,(function(t,n){return p.openBlock(),p.createElementBlock(p.Fragment,{key:l.getOptionRenderKey(t,l.getOptionIndex(n,r))},[l.isOptionGroup(t)?(p.openBlock(),p.createElementBlock("li",p.mergeProps({key:0,id:o.id+"_"+l.getOptionIndex(n,r),style:{height:u?u+"px":void 0},class:e.cx("itemGroup"),role:"option"},e.ptm("itemGroup")),[p.renderSlot(e.$slots,"optiongroup",{option:t.optionGroup,item:t.optionGroup,index:l.getOptionIndex(n,r)},(function(){return[p.createTextVNode(p.toDisplayString(l.getOptionGroupLabel(t.optionGroup)),1)]}))],16,U)):p.withDirectives((p.openBlock(),p.createElementBlock("li",p.mergeProps({key:1,id:o.id+"_"+l.getOptionIndex(n,r),style:{height:u?u+"px":void 0},class:e.cx("item",{option:t,i:n,getItemOptions:r}),role:"option","aria-label":l.getOptionLabel(t),"aria-selected":l.isSelected(t),"aria-disabled":l.isOptionDisabled(t),"aria-setsize":l.ariaSetSize,"aria-posinset":l.getAriaPosInset(l.getOptionIndex(n,r)),onClick:function(e){return l.onOptionSelect(e,t)},onMousemove:function(e){return l.onOptionMouseMove(e,l.getOptionIndex(n,r))},"data-p-highlight":l.isSelected(t),"data-p-focus":o.focusedOptionIndex===l.getOptionIndex(n,r),"data-p-disabled":l.isOptionDisabled(t)},l.getPTOptions(t,r,n,"item")),[e.$slots.option?p.renderSlot(e.$slots,"option",{key:0,option:t,index:l.getOptionIndex(n,r)},(function(){return[p.createTextVNode(p.toDisplayString(l.getOptionLabel(t)),1)]})):p.renderSlot(e.$slots,"item",{key:1,item:t,index:l.getOptionIndex(n,r)},(function(){return[p.createTextVNode(p.toDisplayString(l.getOptionLabel(t)),1)]}))],16,z)),[[c]])],64)})),128)),!s||s&&0===s.length?(p.openBlock(),p.createElementBlock("li",p.mergeProps({key:0,class:e.cx("emptyMessage"),role:"option"},e.ptm("emptyMessage")),[p.renderSlot(e.$slots,"empty",{},(function(){return[p.createTextVNode(p.toDisplayString(l.searchResultMessageText),1)]}))],16)):p.createCommentVNode("",!0)],16,N)]})),_:2},[e.$slots.loader?{name:"loader",fn:p.withCtx((function(t){return[p.renderSlot(e.$slots,"loader",{options:t.options})]})),key:"0"}:void 0]),1040,["style","items","disabled","pt"]),p.renderSlot(e.$slots,"footer",{value:e.modelValue,suggestions:l.visibleOptions}),p.createElementVNode("span",p.mergeProps({role:"status","aria-live":"polite",class:"p-hidden-accessible"},e.ptm("hiddenSelectedMessage"),{"data-p-hidden-accessible":!0}),p.toDisplayString(l.selectedMessageText),17)],16)):p.createCommentVNode("",!0)]})),_:3},16,["onEnter","onAfterEnter","onLeave","onAfterLeave"])]})),_:3},8,["appendTo"])],16)},M}(primevue.button,primevue.icons.chevrondown,primevue.icons.spinner,primevue.icons.timescircle,primevue.overlayeventbus,primevue.portal,primevue.ripple,primevue.utils,primevue.virtualscroller,primevue.basecomponent,primevue.usestyle,Vue);
+this.primevue=this.primevue||{},this.primevue.autocomplete=function(e,t,n,i,o,l,s,r,a,u,c,p){"use strict";function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=d(e),f=d(t),m=d(n),y=d(i),v=d(o),b=d(l),g=d(s),O=d(a),x=d(u),I={root:function(e){var t=e.instance,n=e.props;return["p-autocomplete p-component p-inputwrapper",{"p-disabled":n.disabled,"p-focus":t.focused,"p-autocomplete-dd":n.dropdown,"p-autocomplete-multiple":n.multiple,"p-inputwrapper-filled":n.modelValue||r.ObjectUtils.isNotEmpty(t.inputValue),"p-inputwrapper-focus":t.focused,"p-overlay-open":t.overlayVisible}]},input:function(e){return["p-autocomplete-input p-inputtext p-component",{"p-autocomplete-dd-input":e.props.dropdown}]},container:"p-autocomplete-multiple-container p-component p-inputtext",token:function(e){return["p-autocomplete-token",{"p-focus":e.instance.focusedMultipleOptionIndex===e.i}]},tokenLabel:"p-autocomplete-token-label",removeTokenIcon:"p-autocomplete-token-icon",inputToken:"p-autocomplete-input-token",loadingIcon:"p-autocomplete-loader",dropdownButton:"p-autocomplete-dropdown",panel:function(e){var t=e.instance;return["p-autocomplete-panel p-component",{"p-input-filled":"filled"===t.$primevue.config.inputStyle,"p-ripple-disabled":!1===t.$primevue.config.ripple}]},list:"p-autocomplete-items",itemGroup:"p-autocomplete-item-group",item:function(e){var t=e.instance,n=e.option,i=e.i,o=e.getItemOptions;return["p-autocomplete-item",{"p-highlight":t.isSelected(n),"p-focus":t.focusedOptionIndex===t.getOptionIndex(i,o),"p-disabled":t.isOptionDisabled(n)}]},emptyMessage:"p-autocomplete-empty-message"},S=c.useStyle("\n.p-autocomplete {\n    display: inline-flex;\n}\n\n.p-autocomplete-loader {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n}\n\n.p-autocomplete-dd .p-autocomplete-input {\n    flex: 1 1 auto;\n    width: 1%;\n}\n\n.p-autocomplete-dd .p-autocomplete-input,\n.p-autocomplete-dd .p-autocomplete-multiple-container {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-autocomplete-dd .p-autocomplete-dropdown {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0px;\n}\n\n.p-autocomplete .p-autocomplete-panel {\n    min-width: 100%;\n}\n\n.p-autocomplete-panel {\n    position: absolute;\n    overflow: auto;\n    top: 0;\n    left: 0;\n}\n\n.p-autocomplete-items {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n}\n\n.p-autocomplete-item {\n    cursor: pointer;\n    white-space: nowrap;\n    position: relative;\n    overflow: hidden;\n}\n\n.p-autocomplete-multiple-container {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    cursor: text;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n}\n\n.p-autocomplete-token {\n    cursor: default;\n    display: inline-flex;\n    align-items: center;\n    flex: 0 0 auto;\n}\n\n.p-autocomplete-token-icon {\n    cursor: pointer;\n}\n\n.p-autocomplete-input-token {\n    flex: 1 1 auto;\n    display: inline-flex;\n}\n\n.p-autocomplete-input-token input {\n    border: 0 none;\n    outline: 0 none;\n    background-color: transparent;\n    margin: 0;\n    padding: 0;\n    box-shadow: none;\n    border-radius: 0;\n    width: 100%;\n}\n\n.p-fluid .p-autocomplete {\n    display: flex;\n}\n\n.p-fluid .p-autocomplete-dd .p-autocomplete-input {\n    width: 1%;\n}\n",{name:"autocomplete",manual:!0});function k(e){return k="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},k(e)}function w(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function C(e,t){if(e){if("string"==typeof e)return D(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?D(e,t):void 0}}function V(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function L(e){if(Array.isArray(e))return D(e)}function D(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}var M={name:"AutoComplete",extends:{name:"BaseAutoComplete",extends:x.default,props:{modelValue:null,suggestions:{type:Array,default:null},field:{type:[String,Function],default:null},optionLabel:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,scrollHeight:{type:String,default:"200px"},dropdown:{type:Boolean,default:!1},dropdownMode:{type:String,default:"blank"},autoHighlight:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:null},dataKey:{type:String,default:null},minLength:{type:Number,default:1},delay:{type:Number,default:300},appendTo:{type:String,default:"body"},forceSelection:{type:Boolean,default:!1},completeOnFocus:{type:Boolean,default:!1},inputId:{type:String,default:null},inputStyle:{type:Object,default:null},inputClass:{type:[String,Object],default:null},inputProps:{type:null,default:null},panelStyle:{type:Object,default:null},panelClass:{type:[String,Object],default:null},panelProps:{type:null,default:null},dropdownIcon:{type:String,default:void 0},dropdownClass:{type:[String,Object],default:null},loadingIcon:{type:String,default:void 0},removeTokenIcon:{type:String,default:void 0},virtualScrollerOptions:{type:Object,default:null},autoOptionFocus:{type:Boolean,default:!0},selectOnFocus:{type:Boolean,default:!1},searchLocale:{type:String,default:void 0},searchMessage:{type:String,default:null},selectionMessage:{type:String,default:null},emptySelectionMessage:{type:String,default:null},emptySearchMessage:{type:String,default:null},tabindex:{type:Number,default:0},"aria-label":{type:String,default:null},"aria-labelledby":{type:String,default:null}},css:{classes:I,inlineStyles:{root:{position:"relative"}},loadStyle:S.load},provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","focus","blur","item-select","item-unselect","dropdown-click","clear","complete","before-show","before-hide","show","hide"],outsideClickListener:null,resizeListener:null,scrollHandler:null,overlay:null,virtualScroller:null,searchTimeout:null,focusOnHover:!1,dirty:!1,data:function(){return{id:this.$attrs.id,focused:!1,focusedOptionIndex:-1,focusedMultipleOptionIndex:-1,overlayVisible:!1,searching:!1}},watch:{"$attrs.id":function(e){this.id=e||r.UniqueComponentId()},suggestions:function(){this.searching&&(r.ObjectUtils.isNotEmpty(this.suggestions)||this.$slots.empty?this.show():this.hide(),this.focusedOptionIndex=this.overlayVisible&&this.autoOptionFocus?this.findFirstFocusedOptionIndex():-1,this.searching=!1),this.autoUpdateModel()}},mounted:function(){this.id=this.id||r.UniqueComponentId(),this.autoUpdateModel()},updated:function(){this.overlayVisible&&this.alignOverlay()},beforeUnmount:function(){this.unbindOutsideClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.overlay&&(r.ZIndexUtils.clear(this.overlay),this.overlay=null)},methods:{getOptionIndex:function(e,t){return this.virtualScrollerDisabled?e:t&&t(e).index},getOptionLabel:function(e){return this.field||this.optionLabel?r.ObjectUtils.resolveFieldData(e,this.field||this.optionLabel):e},getOptionValue:function(e){return e},getOptionRenderKey:function(e,t){return(this.dataKey?r.ObjectUtils.resolveFieldData(e,this.dataKey):this.getOptionLabel(e))+"_"+t},getPTOptions:function(e,t,n,i){return this.ptm(i,{context:{selected:this.isSelected(e),focused:this.focusedOptionIndex===this.getOptionIndex(n,t),disabled:this.isOptionDisabled(e)}})},isOptionDisabled:function(e){return!!this.optionDisabled&&r.ObjectUtils.resolveFieldData(e,this.optionDisabled)},isOptionGroup:function(e){return this.optionGroupLabel&&e.optionGroup&&e.group},getOptionGroupLabel:function(e){return r.ObjectUtils.resolveFieldData(e,this.optionGroupLabel)},getOptionGroupChildren:function(e){return r.ObjectUtils.resolveFieldData(e,this.optionGroupChildren)},getAriaPosInset:function(e){var t=this;return(this.optionGroupLabel?e-this.visibleOptions.slice(0,e).filter((function(e){return t.isOptionGroup(e)})).length:e)+1},show:function(e){this.$emit("before-show"),this.dirty=!0,this.overlayVisible=!0,this.focusedOptionIndex=-1!==this.focusedOptionIndex?this.focusedOptionIndex:this.autoOptionFocus?this.findFirstFocusedOptionIndex():-1,e&&r.DomHandler.focus(this.$refs.focusInput)},hide:function(e){var t=this;setTimeout((function(){t.$emit("before-hide"),t.dirty=e,t.overlayVisible=!1,t.focusedOptionIndex=-1,e&&r.DomHandler.focus(t.$refs.focusInput)}),0)},onFocus:function(e){this.disabled||(!this.dirty&&this.completeOnFocus&&this.search(e,e.target.value,"focus"),this.dirty=!0,this.focused=!0,this.focusedOptionIndex=-1!==this.focusedOptionIndex?this.focusedOptionIndex:this.overlayVisible&&this.autoOptionFocus?this.findFirstFocusedOptionIndex():-1,this.overlayVisible&&this.scrollInView(this.focusedOptionIndex),this.$emit("focus",e))},onBlur:function(e){this.dirty=!1,this.focused=!1,this.focusedOptionIndex=-1,this.$emit("blur",e)},onKeyDown:function(e){if(this.disabled)e.preventDefault();else switch(e.code){case"ArrowDown":this.onArrowDownKey(e);break;case"ArrowUp":this.onArrowUpKey(e);break;case"ArrowLeft":this.onArrowLeftKey(e);break;case"ArrowRight":this.onArrowRightKey(e);break;case"Home":this.onHomeKey(e);break;case"End":this.onEndKey(e);break;case"PageDown":this.onPageDownKey(e);break;case"PageUp":this.onPageUpKey(e);break;case"Enter":case"NumpadEnter":this.onEnterKey(e);break;case"Escape":this.onEscapeKey(e);break;case"Tab":this.onTabKey(e);break;case"Backspace":this.onBackspaceKey(e)}},onInput:function(e){var t=this;this.searchTimeout&&clearTimeout(this.searchTimeout);var n=e.target.value;this.multiple||this.updateModel(e,n),0===n.length?(this.hide(),this.$emit("clear")):n.length>=this.minLength?(this.focusedOptionIndex=-1,this.searchTimeout=setTimeout((function(){t.search(e,n,"input")}),this.delay)):this.hide()},onChange:function(e){var t=this;if(this.forceSelection){var n=!1;if(this.visibleOptions){var i=this.visibleOptions.find((function(e){return t.isOptionMatched(e,t.$refs.focusInput.value||"")}));void 0!==i&&(n=!0,!this.isSelected(i)&&this.onOptionSelect(e,i))}n||(this.$refs.focusInput.value="",this.$emit("clear"),!this.multiple&&this.updateModel(e,null))}},onMultipleContainerFocus:function(){this.disabled||(this.focused=!0)},onMultipleContainerBlur:function(){this.focusedMultipleOptionIndex=-1,this.focused=!1},onMultipleContainerKeyDown:function(e){if(this.disabled)e.preventDefault();else switch(e.code){case"ArrowLeft":this.onArrowLeftKeyOnMultiple(e);break;case"ArrowRight":this.onArrowRightKeyOnMultiple(e);break;case"Backspace":this.onBackspaceKeyOnMultiple(e)}},onContainerClick:function(e){this.disabled||this.searching||this.loading||this.isInputClicked(e)||this.isDropdownClicked(e)||this.overlay&&this.overlay.contains(e.target)||r.DomHandler.focus(this.$refs.focusInput)},onDropdownClick:function(e){var t=void 0;this.overlayVisible?this.hide(!0):(r.DomHandler.focus(this.$refs.focusInput),t=this.$refs.focusInput.value,"blank"===this.dropdownMode?this.search(e,"","dropdown"):"current"===this.dropdownMode&&this.search(e,t,"dropdown")),this.$emit("dropdown-click",{originalEvent:e,query:t})},onOptionSelect:function(e,t){var n,i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],o=this.getOptionValue(t);this.multiple?(this.$refs.focusInput.value="",this.isSelected(t)||this.updateModel(e,[].concat(L(n=this.modelValue||[])||V(n)||C(n)||w(),[o]))):this.updateModel(e,o),this.$emit("item-select",{originalEvent:e,value:t}),i&&this.hide(!0)},onOptionMouseMove:function(e,t){this.focusOnHover&&this.changeFocusedOptionIndex(e,t)},onOverlayClick:function(e){v.default.emit("overlay-click",{originalEvent:e,target:this.$el})},onOverlayKeyDown:function(e){if("Escape"===e.code)this.onEscapeKey(e)},onArrowDownKey:function(e){if(this.overlayVisible){var t=-1!==this.focusedOptionIndex?this.findNextOptionIndex(this.focusedOptionIndex):this.findFirstFocusedOptionIndex();this.changeFocusedOptionIndex(e,t),e.preventDefault()}},onArrowUpKey:function(e){if(this.overlayVisible)if(e.altKey)-1!==this.focusedOptionIndex&&this.onOptionSelect(e,this.visibleOptions[this.focusedOptionIndex]),this.overlayVisible&&this.hide(),e.preventDefault();else{var t=-1!==this.focusedOptionIndex?this.findPrevOptionIndex(this.focusedOptionIndex):this.findLastFocusedOptionIndex();this.changeFocusedOptionIndex(e,t),e.preventDefault()}},onArrowLeftKey:function(e){var t=e.currentTarget;this.focusedOptionIndex=-1,this.multiple&&(r.ObjectUtils.isEmpty(t.value)&&this.hasSelectedOption?(r.DomHandler.focus(this.$refs.multiContainer),this.focusedMultipleOptionIndex=this.modelValue.length):e.stopPropagation())},onArrowRightKey:function(e){this.focusedOptionIndex=-1,this.multiple&&e.stopPropagation()},onHomeKey:function(e){var t=e.currentTarget;t.setSelectionRange(0,e.shiftKey?t.value.length:0),this.focusedOptionIndex=-1,e.preventDefault()},onEndKey:function(e){var t=e.currentTarget,n=t.value.length;t.setSelectionRange(e.shiftKey?0:n,n),this.focusedOptionIndex=-1,e.preventDefault()},onPageUpKey:function(e){this.scrollInView(0),e.preventDefault()},onPageDownKey:function(e){this.scrollInView(this.visibleOptions.length-1),e.preventDefault()},onEnterKey:function(e){this.overlayVisible?(-1!==this.focusedOptionIndex&&this.onOptionSelect(e,this.visibleOptions[this.focusedOptionIndex]),this.hide()):this.onArrowDownKey(e),e.preventDefault()},onEscapeKey:function(e){this.overlayVisible&&this.hide(!0),e.preventDefault()},onTabKey:function(e){-1!==this.focusedOptionIndex&&this.onOptionSelect(e,this.visibleOptions[this.focusedOptionIndex]),this.overlayVisible&&this.hide()},onBackspaceKey:function(e){if(this.multiple){if(r.ObjectUtils.isNotEmpty(this.modelValue)&&!this.$refs.focusInput.value){var t=this.modelValue[this.modelValue.length-1],n=this.modelValue.slice(0,-1);this.$emit("update:modelValue",n),this.$emit("item-unselect",{originalEvent:e,value:t})}e.stopPropagation()}},onArrowLeftKeyOnMultiple:function(){this.focusedMultipleOptionIndex=this.focusedMultipleOptionIndex<1?0:this.focusedMultipleOptionIndex-1},onArrowRightKeyOnMultiple:function(){this.focusedMultipleOptionIndex++,this.focusedMultipleOptionIndex>this.modelValue.length-1&&(this.focusedMultipleOptionIndex=-1,r.DomHandler.focus(this.$refs.focusInput))},onBackspaceKeyOnMultiple:function(e){-1!==this.focusedMultipleOptionIndex&&this.removeOption(e,this.focusedMultipleOptionIndex)},onOverlayEnter:function(e){r.ZIndexUtils.set("overlay",e,this.$primevue.config.zIndex.overlay),r.DomHandler.addStyles(e,{position:"absolute",top:"0",left:"0"}),this.alignOverlay()},onOverlayAfterEnter:function(){this.bindOutsideClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.$emit("show")},onOverlayLeave:function(){this.unbindOutsideClickListener(),this.unbindScrollListener(),this.unbindResizeListener(),this.$emit("hide"),this.overlay=null},onOverlayAfterLeave:function(e){r.ZIndexUtils.clear(e)},alignOverlay:function(){var e=this.multiple?this.$refs.multiContainer:this.$refs.focusInput;"self"===this.appendTo?r.DomHandler.relativePosition(this.overlay,e):(this.overlay.style.minWidth=r.DomHandler.getOuterWidth(e)+"px",r.DomHandler.absolutePosition(this.overlay,e))},bindOutsideClickListener:function(){var e=this;this.outsideClickListener||(this.outsideClickListener=function(t){e.overlayVisible&&e.overlay&&e.isOutsideClicked(t)&&e.hide()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener:function(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener:function(){var e=this;this.scrollHandler||(this.scrollHandler=new r.ConnectedOverlayScrollHandler(this.$refs.container,(function(){e.overlayVisible&&e.hide()}))),this.scrollHandler.bindScrollListener()},unbindScrollListener:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.overlayVisible&&!r.DomHandler.isTouchDevice()&&e.hide()},window.addEventListener("resize",this.resizeListener))},unbindResizeListener:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},isOutsideClicked:function(e){return!this.overlay.contains(e.target)&&!this.isInputClicked(e)&&!this.isDropdownClicked(e)},isInputClicked:function(e){return this.multiple?e.target===this.$refs.multiContainer||this.$refs.multiContainer.contains(e.target):e.target===this.$refs.focusInput},isDropdownClicked:function(e){return!!this.$refs.dropdownButton&&(e.target===this.$refs.dropdownButton||this.$refs.dropdownButton.$el.contains(e.target))},isOptionMatched:function(e,t){return this.isValidOption(e)&&this.getOptionLabel(e).toLocaleLowerCase(this.searchLocale)===t.toLocaleLowerCase(this.searchLocale)},isValidOption:function(e){return e&&!(this.isOptionDisabled(e)||this.isOptionGroup(e))},isValidSelectedOption:function(e){return this.isValidOption(e)&&this.isSelected(e)},isSelected:function(e){return r.ObjectUtils.equals(this.modelValue,this.getOptionValue(e),this.equalityKey)},findFirstOptionIndex:function(){var e=this;return this.visibleOptions.findIndex((function(t){return e.isValidOption(t)}))},findLastOptionIndex:function(){var e=this;return r.ObjectUtils.findLastIndex(this.visibleOptions,(function(t){return e.isValidOption(t)}))},findNextOptionIndex:function(e){var t=this,n=e<this.visibleOptions.length-1?this.visibleOptions.slice(e+1).findIndex((function(e){return t.isValidOption(e)})):-1;return n>-1?n+e+1:e},findPrevOptionIndex:function(e){var t=this,n=e>0?r.ObjectUtils.findLastIndex(this.visibleOptions.slice(0,e),(function(e){return t.isValidOption(e)})):-1;return n>-1?n:e},findSelectedOptionIndex:function(){var e=this;return this.hasSelectedOption?this.visibleOptions.findIndex((function(t){return e.isValidSelectedOption(t)})):-1},findFirstFocusedOptionIndex:function(){var e=this.findSelectedOptionIndex();return e<0?this.findFirstOptionIndex():e},findLastFocusedOptionIndex:function(){var e=this.findSelectedOptionIndex();return e<0?this.findLastOptionIndex():e},search:function(e,t,n){null!=t&&("input"===n&&0===t.trim().length||(this.searching=!0,this.$emit("complete",{originalEvent:e,query:t})))},removeOption:function(e,t){var n=this,i=this.modelValue[t],o=this.modelValue.filter((function(e,n){return n!==t})).map((function(e){return n.getOptionValue(e)}));this.updateModel(e,o),this.$emit("item-unselect",{originalEvent:e,value:i}),this.dirty=!0,r.DomHandler.focus(this.$refs.focusInput)},changeFocusedOptionIndex:function(e,t){this.focusedOptionIndex!==t&&(this.focusedOptionIndex=t,this.scrollInView(),(this.selectOnFocus||this.autoHighlight)&&this.onOptionSelect(e,this.visibleOptions[t],!1))},scrollInView:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==t?"".concat(this.id,"_").concat(t):this.focusedOptionId,i=r.DomHandler.findSingle(this.list,'li[id="'.concat(n,'"]'));i?i.scrollIntoView&&i.scrollIntoView({block:"nearest",inline:"start"}):this.virtualScrollerDisabled||setTimeout((function(){e.virtualScroller&&e.virtualScroller.scrollToIndex(-1!==t?t:e.focusedOptionIndex)}),0)},autoUpdateModel:function(){(this.selectOnFocus||this.autoHighlight)&&this.autoOptionFocus&&!this.hasSelectedOption&&(this.focusedOptionIndex=this.findFirstFocusedOptionIndex(),this.onOptionSelect(null,this.visibleOptions[this.focusedOptionIndex],!1))},updateModel:function(e,t){this.$emit("update:modelValue",t),this.$emit("change",{originalEvent:e,value:t})},flatOptions:function(e){var t=this;return(e||[]).reduce((function(e,n,i){e.push({optionGroup:n,group:!0,index:i});var o=t.getOptionGroupChildren(n);return o&&o.forEach((function(t){return e.push(t)})),e}),[])},overlayRef:function(e){this.overlay=e},listRef:function(e,t){this.list=e,t&&t(e)},virtualScrollerRef:function(e){this.virtualScroller=e}},computed:{visibleOptions:function(){return this.optionGroupLabel?this.flatOptions(this.suggestions):this.suggestions||[]},inputValue:function(){if(this.modelValue){if("object"===k(this.modelValue)){var e=this.getOptionLabel(this.modelValue);return null!=e?e:this.modelValue}return this.modelValue}return""},hasSelectedOption:function(){return r.ObjectUtils.isNotEmpty(this.modelValue)},equalityKey:function(){return this.dataKey},searchResultMessageText:function(){return r.ObjectUtils.isNotEmpty(this.visibleOptions)&&this.overlayVisible?this.searchMessageText.replaceAll("{0}",this.visibleOptions.length):this.emptySearchMessageText},searchMessageText:function(){return this.searchMessage||this.$primevue.config.locale.searchMessage||""},emptySearchMessageText:function(){return this.emptySearchMessage||this.$primevue.config.locale.emptySearchMessage||""},selectionMessageText:function(){return this.selectionMessage||this.$primevue.config.locale.selectionMessage||""},emptySelectionMessageText:function(){return this.emptySelectionMessage||this.$primevue.config.locale.emptySelectionMessage||""},selectedMessageText:function(){return this.hasSelectedOption?this.selectionMessageText.replaceAll("{0}",this.multiple?this.modelValue.length:"1"):this.emptySelectionMessageText},focusedOptionId:function(){return-1!==this.focusedOptionIndex?"".concat(this.id,"_").concat(this.focusedOptionIndex):null},focusedMultipleOptionId:function(){return-1!==this.focusedMultipleOptionIndex?"".concat(this.id,"_multiple_option_").concat(this.focusedMultipleOptionIndex):null},ariaSetSize:function(){var e=this;return this.visibleOptions.filter((function(t){return!e.isOptionGroup(t)})).length},virtualScrollerDisabled:function(){return!this.virtualScrollerOptions}},components:{Button:h.default,VirtualScroller:O.default,Portal:b.default,ChevronDownIcon:f.default,SpinnerIcon:m.default,TimesCircleIcon:y.default},directives:{ripple:g.default}};function B(e){return B="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},B(e)}function $(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?$(Object(n),!0).forEach((function(t){K(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):$(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function K(e,t,n){return(t=P(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){var t=T(e,"string");return"symbol"===B(t)?t:String(t)}function T(e,t){if("object"!==B(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!==B(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var F=["id","value","placeholder","tabindex","disabled","aria-label","aria-labelledby","aria-expanded","aria-controls","aria-activedescendant"],A=["aria-activedescendant"],j=["id","aria-label","aria-setsize","aria-posinset"],H=["id","placeholder","tabindex","disabled","aria-label","aria-labelledby","aria-expanded","aria-controls","aria-activedescendant"],N=["id"],U=["id"],z=["id","aria-label","aria-selected","aria-disabled","aria-setsize","aria-posinset","onClick","onMousemove","data-p-highlight","data-p-focus","data-p-disabled"];return M.render=function(e,t,n,i,o,l){var s=p.resolveComponent("SpinnerIcon"),r=p.resolveComponent("Button"),a=p.resolveComponent("VirtualScroller"),u=p.resolveComponent("Portal"),c=p.resolveDirective("ripple");return p.openBlock(),p.createElementBlock("div",p.mergeProps({ref:"container",class:e.cx("root"),style:e.sx("root"),onClick:t[15]||(t[15]=function(){return l.onContainerClick&&l.onContainerClick.apply(l,arguments)})},e.ptm("root"),{"data-pc-name":"autocomplete"}),[e.multiple?p.createCommentVNode("",!0):(p.openBlock(),p.createElementBlock("input",p.mergeProps({key:0,ref:"focusInput",id:e.inputId,type:"text",class:[e.cx("input"),e.inputClass],style:e.inputStyle,value:l.inputValue,placeholder:e.placeholder,tabindex:e.disabled?-1:e.tabindex,disabled:e.disabled,autocomplete:"off",role:"combobox","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-haspopup":"listbox","aria-autocomplete":"list","aria-expanded":o.overlayVisible,"aria-controls":o.id+"_list","aria-activedescendant":o.focused?l.focusedOptionId:void 0,onFocus:t[0]||(t[0]=function(){return l.onFocus&&l.onFocus.apply(l,arguments)}),onBlur:t[1]||(t[1]=function(){return l.onBlur&&l.onBlur.apply(l,arguments)}),onKeydown:t[2]||(t[2]=function(){return l.onKeyDown&&l.onKeyDown.apply(l,arguments)}),onInput:t[3]||(t[3]=function(){return l.onInput&&l.onInput.apply(l,arguments)}),onChange:t[4]||(t[4]=function(){return l.onChange&&l.onChange.apply(l,arguments)})},E(E({},e.inputProps),e.ptm("input"))),null,16,F)),e.multiple?(p.openBlock(),p.createElementBlock("ul",p.mergeProps({key:1,ref:"multiContainer",class:e.cx("container"),tabindex:"-1",role:"listbox","aria-orientation":"horizontal","aria-activedescendant":o.focused?l.focusedMultipleOptionId:void 0,onFocus:t[10]||(t[10]=function(){return l.onMultipleContainerFocus&&l.onMultipleContainerFocus.apply(l,arguments)}),onBlur:t[11]||(t[11]=function(){return l.onMultipleContainerBlur&&l.onMultipleContainerBlur.apply(l,arguments)}),onKeydown:t[12]||(t[12]=function(){return l.onMultipleContainerKeyDown&&l.onMultipleContainerKeyDown.apply(l,arguments)})},e.ptm("container")),[(p.openBlock(!0),p.createElementBlock(p.Fragment,null,p.renderList(e.modelValue,(function(t,n){return p.openBlock(),p.createElementBlock("li",p.mergeProps({key:n,id:o.id+"_multiple_option_"+n,class:e.cx("token",{i:n}),role:"option","aria-label":l.getOptionLabel(t),"aria-selected":!0,"aria-setsize":e.modelValue.length,"aria-posinset":n+1},e.ptm("token")),[p.renderSlot(e.$slots,"chip",{value:t},(function(){return[p.createElementVNode("span",p.mergeProps({class:e.cx("tokenLabel")},e.ptm("tokenLabel")),p.toDisplayString(l.getOptionLabel(t)),17)]})),p.renderSlot(e.$slots,"removetokenicon",{class:p.normalizeClass(e.cx("removeTokenIcon")),index:n,onClick:function(e){return l.removeOption(e,n)}},(function(){return[(p.openBlock(),p.createBlock(p.resolveDynamicComponent(e.removeTokenIcon?"span":"TimesCircleIcon"),p.mergeProps({class:[e.cx("removeTokenIcon"),e.removeTokenIcon],onClick:function(e){return l.removeOption(e,n)},"aria-hidden":"true"},e.ptm("removeTokenIcon")),null,16,["class","onClick"]))]}))],16,j)})),128)),p.createElementVNode("li",p.mergeProps({class:e.cx("inputToken"),role:"option"},e.ptm("inputToken")),[p.createElementVNode("input",p.mergeProps({ref:"focusInput",id:e.inputId,type:"text",style:e.inputStyle,class:e.inputClass,placeholder:e.placeholder,tabindex:e.disabled?-1:e.tabindex,disabled:e.disabled,autocomplete:"off",role:"combobox","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-haspopup":"listbox","aria-autocomplete":"list","aria-expanded":o.overlayVisible,"aria-controls":o.id+"_list","aria-activedescendant":o.focused?l.focusedOptionId:void 0,onFocus:t[5]||(t[5]=function(){return l.onFocus&&l.onFocus.apply(l,arguments)}),onBlur:t[6]||(t[6]=function(){return l.onBlur&&l.onBlur.apply(l,arguments)}),onKeydown:t[7]||(t[7]=function(){return l.onKeyDown&&l.onKeyDown.apply(l,arguments)}),onInput:t[8]||(t[8]=function(){return l.onInput&&l.onInput.apply(l,arguments)}),onChange:t[9]||(t[9]=function(){return l.onChange&&l.onChange.apply(l,arguments)})},E(E({},e.inputProps),e.ptm("input"))),null,16,H)],16)],16,A)):p.createCommentVNode("",!0),o.searching||e.loading?p.renderSlot(e.$slots,"loadingicon",{key:2,class:p.normalizeClass(e.cx("loadingIcon"))},(function(){return[e.loadingIcon?(p.openBlock(),p.createElementBlock("i",p.mergeProps({key:0,class:["pi-spin",e.cx("loadingIcon"),e.loadingIcon],"aria-hidden":"true"},e.ptm("loadingIcon")),null,16)):(p.openBlock(),p.createBlock(s,p.mergeProps({key:1,class:[e.cx("loadingIcon"),e.loadingIcon],spin:"","aria-hidden":"true"},e.ptm("loadingIcon")),null,16,["class"]))]})):p.createCommentVNode("",!0),e.dropdown?(p.openBlock(),p.createBlock(r,{key:3,ref:"dropdownButton",type:"button",tabindex:"-1",class:p.normalizeClass([e.cx("dropdownButton"),e.dropdownClass]),disabled:e.disabled,"aria-hidden":"true",onClick:l.onDropdownClick,unstyled:e.unstyled,pt:e.ptm("dropdownButton"),"data-pc-section":"dropdownbutton"},{icon:p.withCtx((function(){return[p.renderSlot(e.$slots,"dropdownicon",{class:p.normalizeClass(e.dropdownIcon)},(function(){return[(p.openBlock(),p.createBlock(p.resolveDynamicComponent(e.dropdownIcon?"span":"ChevronDownIcon"),p.mergeProps({class:e.dropdownIcon},e.ptm("dropdownButton").icon),null,16,["class"]))]}))]})),_:3},8,["class","disabled","onClick","unstyled","pt"])):p.createCommentVNode("",!0),p.createElementVNode("span",p.mergeProps({role:"status","aria-live":"polite",class:"p-hidden-accessible"},e.ptm("hiddenSearchResult"),{"data-p-hidden-accessible":!0}),p.toDisplayString(l.searchResultMessageText),17),p.createVNode(u,{appendTo:e.appendTo},{default:p.withCtx((function(){return[p.createVNode(p.Transition,p.mergeProps({name:"p-connected-overlay",onEnter:l.onOverlayEnter,onAfterEnter:l.onOverlayAfterEnter,onLeave:l.onOverlayLeave,onAfterLeave:l.onOverlayAfterLeave},e.ptm("transition")),{default:p.withCtx((function(){return[o.overlayVisible?(p.openBlock(),p.createElementBlock("div",p.mergeProps({key:0,ref:l.overlayRef,class:[e.cx("panel"),e.panelClass],style:E(E({},e.panelStyle),{},{"max-height":l.virtualScrollerDisabled?e.scrollHeight:""}),onClick:t[13]||(t[13]=function(){return l.onOverlayClick&&l.onOverlayClick.apply(l,arguments)}),onKeydown:t[14]||(t[14]=function(){return l.onOverlayKeyDown&&l.onOverlayKeyDown.apply(l,arguments)})},E(E({},e.panelProps),e.ptm("panel"))),[p.renderSlot(e.$slots,"header",{value:e.modelValue,suggestions:l.visibleOptions}),p.createVNode(a,p.mergeProps({ref:l.virtualScrollerRef},e.virtualScrollerOptions,{style:{height:e.scrollHeight},items:l.visibleOptions,tabindex:-1,disabled:l.virtualScrollerDisabled,pt:e.ptm("virtualScroller")}),p.createSlots({content:p.withCtx((function(t){var n=t.styleClass,i=t.contentRef,s=t.items,r=t.getItemOptions,a=t.contentStyle,u=t.itemSize;return[p.createElementVNode("ul",p.mergeProps({ref:function(e){return l.listRef(e,i)},id:o.id+"_list",class:[e.cx("list"),n],style:a,role:"listbox"},e.ptm("list")),[(p.openBlock(!0),p.createElementBlock(p.Fragment,null,p.renderList(s,(function(t,n){return p.openBlock(),p.createElementBlock(p.Fragment,{key:l.getOptionRenderKey(t,l.getOptionIndex(n,r))},[l.isOptionGroup(t)?(p.openBlock(),p.createElementBlock("li",p.mergeProps({key:0,id:o.id+"_"+l.getOptionIndex(n,r),style:{height:u?u+"px":void 0},class:e.cx("itemGroup"),role:"option"},e.ptm("itemGroup")),[p.renderSlot(e.$slots,"optiongroup",{option:t.optionGroup,item:t.optionGroup,index:l.getOptionIndex(n,r)},(function(){return[p.createTextVNode(p.toDisplayString(l.getOptionGroupLabel(t.optionGroup)),1)]}))],16,U)):p.withDirectives((p.openBlock(),p.createElementBlock("li",p.mergeProps({key:1,id:o.id+"_"+l.getOptionIndex(n,r),style:{height:u?u+"px":void 0},class:e.cx("item",{option:t,i:n,getItemOptions:r}),role:"option","aria-label":l.getOptionLabel(t),"aria-selected":l.isSelected(t),"aria-disabled":l.isOptionDisabled(t),"aria-setsize":l.ariaSetSize,"aria-posinset":l.getAriaPosInset(l.getOptionIndex(n,r)),onClick:function(e){return l.onOptionSelect(e,t)},onMousemove:function(e){return l.onOptionMouseMove(e,l.getOptionIndex(n,r))},"data-p-highlight":l.isSelected(t),"data-p-focus":o.focusedOptionIndex===l.getOptionIndex(n,r),"data-p-disabled":l.isOptionDisabled(t)},l.getPTOptions(t,r,n,"item")),[e.$slots.option?p.renderSlot(e.$slots,"option",{key:0,option:t,index:l.getOptionIndex(n,r)},(function(){return[p.createTextVNode(p.toDisplayString(l.getOptionLabel(t)),1)]})):p.renderSlot(e.$slots,"item",{key:1,item:t,index:l.getOptionIndex(n,r)},(function(){return[p.createTextVNode(p.toDisplayString(l.getOptionLabel(t)),1)]}))],16,z)),[[c]])],64)})),128)),!s||s&&0===s.length?(p.openBlock(),p.createElementBlock("li",p.mergeProps({key:0,class:e.cx("emptyMessage"),role:"option"},e.ptm("emptyMessage")),[p.renderSlot(e.$slots,"empty",{},(function(){return[p.createTextVNode(p.toDisplayString(l.searchResultMessageText),1)]}))],16)):p.createCommentVNode("",!0)],16,N)]})),_:2},[e.$slots.loader?{name:"loader",fn:p.withCtx((function(t){return[p.renderSlot(e.$slots,"loader",{options:t.options})]})),key:"0"}:void 0]),1040,["style","items","disabled","pt"]),p.renderSlot(e.$slots,"footer",{value:e.modelValue,suggestions:l.visibleOptions}),p.createElementVNode("span",p.mergeProps({role:"status","aria-live":"polite",class:"p-hidden-accessible"},e.ptm("hiddenSelectedMessage"),{"data-p-hidden-accessible":!0}),p.toDisplayString(l.selectedMessageText),17)],16)):p.createCommentVNode("",!0)]})),_:3},16,["onEnter","onAfterEnter","onLeave","onAfterLeave"])]})),_:3},8,["appendTo"])],16)},M}(primevue.button,primevue.icons.chevrondown,primevue.icons.spinner,primevue.icons.timescircle,primevue.overlayeventbus,primevue.portal,primevue.ripple,primevue.utils,primevue.virtualscroller,primevue.basecomponent,primevue.usestyle,Vue);

package/avatar/Avatar.d.ts

@@ -9,7 +9,7 @@
 import { VNode } from 'vue';
 import { AvatarGroupPassThroughOptions } from '../avatargroup';
 import { ComponentHooks } from '../basecomponent';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import { ClassComponent, GlobalComponentConstructor, PTOptions } from '../ts-helpers';
 
 export declare type AvatarPassThroughOptionType = AvatarPassThroughAttributes | ((options: AvatarPassThroughMethodOptions) => AvatarPassThroughAttributes | string) | string | null | undefined;
 
@@ -96,7 +96,7 @@ export interface AvatarProps {
      * Used to pass attributes to DOM elements inside the component.
      * @type {AvatarPassThroughOptions}
      */
-    pt?: AvatarPassThroughOptions;
+    pt?: PTOptions<AvatarPassThroughOptions>;
     /**
      * When enabled, it removes component related styles in the core.
      * @defaultValue false

package/avatargroup/AvatarGroup.d.ts

@@ -8,7 +8,7 @@
  *
  */
 import { ComponentHooks } from '../basecomponent';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import { ClassComponent, GlobalComponentConstructor, PTOptions } from '../ts-helpers';
 
 export declare type AvatarGroupPassThroughOptionType = AvatarGroupPassThroughAttributes | null | undefined;
 
@@ -43,7 +43,7 @@ export interface AvatarGroupProps {
      * Used to pass attributes to DOM elements inside the component.
      * @type {AvatarGroupPassThroughOptions}
      */
-    pt?: AvatarGroupPassThroughOptions;
+    pt?: PTOptions<AvatarGroupPassThroughOptions>;
     /**
      * When enabled, it removes component related styles in the core.
      * @defaultValue false

package/badge/Badge.d.ts

@@ -9,7 +9,7 @@
  */
 import { VNode } from 'vue';
 import { ComponentHooks } from '../basecomponent';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import { ClassComponent, GlobalComponentConstructor, PTOptions } from '../ts-helpers';
 
 export declare type BadgePassThroughOptionType = BadgePassThroughAttributes | ((options: BadgePassThroughMethodOptions) => BadgePassThroughAttributes | string) | string | null | undefined;
 
@@ -64,7 +64,7 @@ export interface BadgeProps {
      * Used to pass attributes to DOM elements inside the component.
      * @type {BadgePassThroughOptions}
      */
-    pt?: BadgePassThroughOptions;
+    pt?: PTOptions<BadgePassThroughOptions>;
     /**
      * When enabled, it removes component related styles in the core.
      * @defaultValue false

package/badgedirective/BadgeDirective.d.ts

@@ -8,6 +8,7 @@
  */
 import { DirectiveBinding, ObjectDirective } from 'vue';
 import { DirectiveHooks } from '../basedirective';
+import { PTOptions } from '../ts-helpers';
 
 export declare type BadgeDirectivePassThroughOptionType = BadgeDirectivePassThroughAttributes | ((options: BadgePassThroughMethodOptions) => BadgeDirectivePassThroughAttributes) | null | undefined;
 
@@ -26,7 +27,7 @@ export interface BadgeDirectiveOptions {
      * Used to pass attributes to DOM elements inside the component.
      * @type {BadgeDirectivePassThroughOptions}
      */
-    pt?: BadgeDirectivePassThroughOptions;
+    pt?: PTOptions<BadgeDirectivePassThroughOptions>;
     /**
      * When enabled, it removes component related styles in the core.
      * @defaultValue false

package/basecomponent/BaseComponent.vue

@@ -52,7 +52,7 @@ const buttonStyles = `
     margin: 0;
 }
 
-.p-buttonset .p-button:not(:last-child) {
+.p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
     border-right: 0 none;
 }
 
@@ -388,8 +388,17 @@ export default {
         }
     },
     beforeCreate() {
-        this.pt?.hooks?.['onBeforeCreate']?.();
-        this.$primevue?.config?.pt?.[this.$.type.name]?.hooks?.['onBeforeCreate']?.();
+        const _usept = this.pt?.['_usept'];
+        const originalValue = _usept ? this.pt?.originalValue?.[this.$.type.name] : undefined;
+        const value = _usept ? this.pt?.value?.[this.$.type.name] : this.pt;
+
+        (value || originalValue)?.hooks?.['onBeforeCreate']?.();
+
+        const _useptInConfig = this.$config?.pt?.['_usept'];
+        const originalValueInConfig = _useptInConfig ? this.$primevue?.config?.pt?.originalValue : undefined;
+        const valueInConfig = _useptInConfig ? this.$primevue?.config?.pt?.value : this.$primevue?.config?.pt;
+
+        (valueInConfig || originalValueInConfig)?.[this.$.type.name]?.hooks?.['onBeforeCreate']?.();
     },
     created() {
         this._hook('onCreated');
@@ -416,11 +425,13 @@ export default {
     },
     methods: {
         _hook(hookName) {
-            const selfHook = this._getOptionValue(this.pt, `hooks.${hookName}`);
-            const defaultHook = this._getOptionValue(this.defaultPT, `hooks.${hookName}`);
+            if (!this.$options.hostName) {
+                const selfHook = this._usePT(this._getPT(this.pt, this.$.type.name), this._getOptionValue, `hooks.${hookName}`);
+                const defaultHook = this._useDefaultPT(this._getOptionValue, `hooks.${hookName}`);
 
-            selfHook?.();
-            defaultHook?.();
+                selfHook?.();
+                defaultHook?.();
+            }
         },
         _loadGlobalStyles() {
             /*
@@ -433,7 +444,7 @@ export default {
              * ObjectUtils.isNotEmpty(mergedCSS?.class) && this.$css.loadCustomStyle(mergedCSS?.class);
              */
 
-            const globalCSS = this._getOptionValue(this.globalPT, 'global.css', this.$params);
+            const globalCSS = this._useGlobalPT(this._getOptionValue, 'global.css', this.$params);
 
             ObjectUtils.isNotEmpty(globalCSS) && loadGlobalStyle(globalCSS, { nonce: this.$config?.csp?.nonce });
         },
@@ -452,8 +463,9 @@ export default {
         },
         _getPTValue(obj = {}, key = '', params = {}, searchInDefaultPT = true) {
             const datasetPrefix = 'data-pc-';
-            const self = this._getPTClassValue(obj, key, params);
-            const globalPT = searchInDefaultPT ? (/./g.test(key) && !!params[key.split('.')[0]] ? this._getPTClassValue(this.globalPT, key, params) : this._getPTClassValue(this.defaultPT, key, params)) : undefined;
+            const searchOut = /./g.test(key) && !!params[key.split('.')[0]];
+            const self = searchOut ? undefined : this._usePT(this._getPT(obj, this.$name), this._getPTClassValue, key, params);
+            const globalPT = searchInDefaultPT ? (searchOut ? this._useGlobalPT(this._getPTClassValue, key, params) : this._useDefaultPT(this._getPTClassValue, key, params)) : undefined;
             const merged = mergeProps(
                 self,
                 globalPT,
@@ -475,6 +487,46 @@ export default {
 
             return ObjectUtils.isString(value) || ObjectUtils.isArray(value) ? { class: value } : value;
         },
+        _getPT(pt, key = '', callback) {
+            const _usept = pt?.['_usept'];
+
+            const getValue = (value) => {
+                const computedValue = callback ? callback(value) : value;
+
+                return computedValue?.[ObjectUtils.toFlatCase(key)] ?? computedValue;
+            };
+
+            return ObjectUtils.isNotEmpty(_usept)
+                ? {
+                      _usept,
+                      originalValue: getValue(pt.originalValue),
+                      value: getValue(pt.value)
+                  }
+                : getValue(pt);
+        },
+        _usePT(pt, callback, key, params) {
+            const fn = (value) => callback(value, key, params);
+
+            if (pt?.hasOwnProperty('_usept')) {
+                const { merge, useMergeProps } = pt['_usept'];
+                const originalValue = fn(pt.originalValue);
+                const value = fn(pt.value);
+
+                if (originalValue === undefined && value === undefined) return undefined;
+                else if (ObjectUtils.isString(value)) return value;
+                else if (ObjectUtils.isString(originalValue)) return originalValue;
+
+                return merge ? (useMergeProps ? mergeProps(originalValue, value) : { ...originalValue, ...value }) : value;
+            }
+
+            return fn(pt);
+        },
+        _useGlobalPT(callback, key, params) {
+            return this._usePT(this.globalPT, callback, key, params);
+        },
+        _useDefaultPT(callback, key, params) {
+            return this._usePT(this.defaultPT, callback, key, params);
+        },
         ptm(key = '', params = {}) {
             return this._getPTValue(this.pt, key, { ...this.$params, ...params });
         },
@@ -497,10 +549,10 @@ export default {
     },
     computed: {
         globalPT() {
-            return ObjectUtils.getItemValue(this.$config.pt, { instance: this });
+            return this._getPT(this.$config?.pt, undefined, (value) => ObjectUtils.getItemValue(value, { instance: this }));
         },
         defaultPT() {
-            return this._getOptionValue(this.$config.pt, this.$options.hostName || this.$.type.name, { instance: this }) || this.globalPT;
+            return this._getPT(this.$config?.pt, undefined, (value) => this._getOptionValue(value, this.$name, { ...this.$params }) || ObjectUtils.getItemValue(value, { ...this.$params }));
         },
         isUnstyled() {
             return this.unstyled !== undefined ? this.unstyled : this.$config.unstyled;
@@ -513,6 +565,9 @@ export default {
         },
         $config() {
             return this.$primevue?.config;
+        },
+        $name() {
+            return this.$options.hostName || this.$.type.name;
         }
     }
 };

package/basecomponent/basecomponent.cjs.js

@@ -12,7 +12,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var inlineStyles = {};
-var buttonStyles = "\n.p-button {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    align-items: center;\n    vertical-align: bottom;\n    text-align: center;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-button-label {\n    flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n    order: 1;\n}\n\n.p-button:disabled {\n    cursor: default;\n}\n\n.p-button-icon-only {\n    justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n    visibility: hidden;\n    width: 0;\n    flex: 0 0 auto;\n}\n\n.p-button-vertical {\n    flex-direction: column;\n}\n\n.p-button-icon-bottom {\n    order: 2;\n}\n\n.p-buttonset .p-button {\n    margin: 0;\n}\n\n.p-buttonset .p-button:not(:last-child) {\n    border-right: 0 none;\n}\n\n.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {\n    border-radius: 0;\n}\n\n.p-buttonset .p-button:first-of-type {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-buttonset .p-button:last-of-type {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-buttonset .p-button:focus {\n    position: relative;\n    z-index: 1;\n}\n";
+var buttonStyles = "\n.p-button {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    align-items: center;\n    vertical-align: bottom;\n    text-align: center;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-button-label {\n    flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n    order: 1;\n}\n\n.p-button:disabled {\n    cursor: default;\n}\n\n.p-button-icon-only {\n    justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n    visibility: hidden;\n    width: 0;\n    flex: 0 0 auto;\n}\n\n.p-button-vertical {\n    flex-direction: column;\n}\n\n.p-button-icon-bottom {\n    order: 2;\n}\n\n.p-buttonset .p-button {\n    margin: 0;\n}\n\n.p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {\n    border-right: 0 none;\n}\n\n.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {\n    border-radius: 0;\n}\n\n.p-buttonset .p-button:first-of-type {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-buttonset .p-button:last-of-type {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-buttonset .p-button:focus {\n    position: relative;\n    z-index: 1;\n}\n";
 var checkboxStyles = "\n.p-checkbox {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n    position: relative;\n}\n\n.p-checkbox.p-checkbox-disabled {\n    cursor: default;\n}\n\n.p-checkbox-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n";
 var inputTextStyles = "\n.p-fluid .p-inputtext {\n    width: 100%;\n}\n\n/* InputGroup */\n.p-inputgroup {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup-addon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-inputgroup .p-float-label {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-fluid .p-inputgroup .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-fluid .p-inputgroup .p-input {\n    flex: 1 1 auto;\n    width: 1%;\n}\n\n/* Floating Label */\n.p-float-label {\n    display: block;\n    position: relative;\n}\n\n.p-float-label label {\n    position: absolute;\n    pointer-events: none;\n    top: 50%;\n    margin-top: -.5rem;\n    transition-property: all;\n    transition-timing-function: ease;\n    line-height: 1;\n}\n\n.p-float-label textarea ~ label {\n    top: 1rem;\n}\n\n.p-float-label input:focus ~ label,\n.p-float-label input.p-filled ~ label,\n.p-float-label textarea:focus ~ label,\n.p-float-label textarea.p-filled ~ label,\n.p-float-label .p-inputwrapper-focus ~ label,\n.p-float-label .p-inputwrapper-filled ~ label {\n    top: -.75rem;\n    font-size: 12px;\n}\n\n.p-float-label .input:-webkit-autofill ~ label {\n    top: -20px;\n    font-size: 12px;\n}\n\n.p-float-label .p-placeholder,\n.p-float-label input::placeholder,\n.p-float-label .p-inputtext::placeholder {\n    opacity: 0;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-float-label .p-focus .p-placeholder,\n.p-float-label input:focus::placeholder,\n.p-float-label .p-inputtext:focus::placeholder {\n    opacity: 1;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-input-icon-left,\n.p-input-icon-right {\n    position: relative;\n    display: inline-block;\n}\n\n.p-input-icon-left > i,\n.p-input-icon-left > svg,\n.p-input-icon-right > i,\n.p-input-icon-right > svg {\n    position: absolute;\n    top: 50%;\n    margin-top: -.5rem;\n}\n\n.p-fluid .p-input-icon-left,\n.p-fluid .p-input-icon-right {\n    display: block;\n    width: 100%;\n}\n";
 var radioButtonStyles = "\n.p-radiobutton {\n    position: relative;\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n}\n\n.p-radiobutton.p-radiobutton-disabled {\n    cursor: default;\n}\n\n.p-radiobutton-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.p-radiobutton-icon {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    transform: translateZ(0) scale(.1);\n    border-radius: 50%;\n    visibility: hidden;\n}\n\n.p-radiobutton-box.p-highlight .p-radiobutton-icon {\n    transform: translateZ(0) scale(1.0, 1.0);\n    visibility: visible;\n}\n";
@@ -61,17 +61,23 @@ var script = {
     }
   },
   beforeCreate: function beforeCreate() {
-    var _this$pt, _this$pt$onBeforeCrea, _this$$primevue, _this$$primevue$onBef;
-    (_this$pt = this.pt) === null || _this$pt === void 0 || (_this$pt = _this$pt.hooks) === null || _this$pt === void 0 || (_this$pt$onBeforeCrea = _this$pt['onBeforeCreate']) === null || _this$pt$onBeforeCrea === void 0 ? void 0 : _this$pt$onBeforeCrea.call(_this$pt);
-    (_this$$primevue = this.$primevue) === null || _this$$primevue === void 0 || (_this$$primevue = _this$$primevue.config) === null || _this$$primevue === void 0 || (_this$$primevue = _this$$primevue.pt) === null || _this$$primevue === void 0 || (_this$$primevue = _this$$primevue[this.$.type.name]) === null || _this$$primevue === void 0 || (_this$$primevue = _this$$primevue.hooks) === null || _this$$primevue === void 0 || (_this$$primevue$onBef = _this$$primevue['onBeforeCreate']) === null || _this$$primevue$onBef === void 0 ? void 0 : _this$$primevue$onBef.call(_this$$primevue);
+    var _this$pt, _this$pt2, _this$pt3, _ref, _ref$onBeforeCreate, _this$$config3, _this$$primevue, _this$$primevue2, _this$$primevue3, _ref2, _ref2$onBeforeCreate;
+    var _usept = (_this$pt = this.pt) === null || _this$pt === void 0 ? void 0 : _this$pt['_usept'];
+    var originalValue = _usept ? (_this$pt2 = this.pt) === null || _this$pt2 === void 0 || (_this$pt2 = _this$pt2.originalValue) === null || _this$pt2 === void 0 ? void 0 : _this$pt2[this.$.type.name] : undefined;
+    var value = _usept ? (_this$pt3 = this.pt) === null || _this$pt3 === void 0 || (_this$pt3 = _this$pt3.value) === null || _this$pt3 === void 0 ? void 0 : _this$pt3[this.$.type.name] : this.pt;
+    (_ref = value || originalValue) === null || _ref === void 0 || (_ref = _ref.hooks) === null || _ref === void 0 || (_ref$onBeforeCreate = _ref['onBeforeCreate']) === null || _ref$onBeforeCreate === void 0 ? void 0 : _ref$onBeforeCreate.call(_ref);
+    var _useptInConfig = (_this$$config3 = this.$config) === null || _this$$config3 === void 0 || (_this$$config3 = _this$$config3.pt) === null || _this$$config3 === void 0 ? void 0 : _this$$config3['_usept'];
+    var originalValueInConfig = _useptInConfig ? (_this$$primevue = this.$primevue) === null || _this$$primevue === void 0 || (_this$$primevue = _this$$primevue.config) === null || _this$$primevue === void 0 || (_this$$primevue = _this$$primevue.pt) === null || _this$$primevue === void 0 ? void 0 : _this$$primevue.originalValue : undefined;
+    var valueInConfig = _useptInConfig ? (_this$$primevue2 = this.$primevue) === null || _this$$primevue2 === void 0 || (_this$$primevue2 = _this$$primevue2.config) === null || _this$$primevue2 === void 0 || (_this$$primevue2 = _this$$primevue2.pt) === null || _this$$primevue2 === void 0 ? void 0 : _this$$primevue2.value : (_this$$primevue3 = this.$primevue) === null || _this$$primevue3 === void 0 || (_this$$primevue3 = _this$$primevue3.config) === null || _this$$primevue3 === void 0 ? void 0 : _this$$primevue3.pt;
+    (_ref2 = valueInConfig || originalValueInConfig) === null || _ref2 === void 0 || (_ref2 = _ref2[this.$.type.name]) === null || _ref2 === void 0 || (_ref2 = _ref2.hooks) === null || _ref2 === void 0 || (_ref2$onBeforeCreate = _ref2['onBeforeCreate']) === null || _ref2$onBeforeCreate === void 0 ? void 0 : _ref2$onBeforeCreate.call(_ref2);
   },
   created: function created() {
     this._hook('onCreated');
   },
   beforeMount: function beforeMount() {
-    var _this$$config3;
+    var _this$$config4;
     base.loadBaseStyle(undefined, {
-      nonce: (_this$$config3 = this.$config) === null || _this$$config3 === void 0 || (_this$$config3 = _this$$config3.csp) === null || _this$$config3 === void 0 ? void 0 : _this$$config3.nonce
+      nonce: (_this$$config4 = this.$config) === null || _this$$config4 === void 0 || (_this$$config4 = _this$$config4.csp) === null || _this$$config4 === void 0 ? void 0 : _this$$config4.nonce
     });
     this._loadGlobalStyles();
     this._hook('onBeforeMount');
@@ -93,13 +99,15 @@ var script = {
   },
   methods: {
     _hook: function _hook(hookName) {
-      var selfHook = this._getOptionValue(this.pt, "hooks.".concat(hookName));
-      var defaultHook = this._getOptionValue(this.defaultPT, "hooks.".concat(hookName));
-      selfHook === null || selfHook === void 0 ? void 0 : selfHook();
-      defaultHook === null || defaultHook === void 0 ? void 0 : defaultHook();
+      if (!this.$options.hostName) {
+        var selfHook = this._usePT(this._getPT(this.pt, this.$.type.name), this._getOptionValue, "hooks.".concat(hookName));
+        var defaultHook = this._useDefaultPT(this._getOptionValue, "hooks.".concat(hookName));
+        selfHook === null || selfHook === void 0 ? void 0 : selfHook();
+        defaultHook === null || defaultHook === void 0 ? void 0 : defaultHook();
+      }
     },
     _loadGlobalStyles: function _loadGlobalStyles() {
-      var _this$$config4;
+      var _this$$config5;
       /*
        * @todo Add self custom css support;
        * <Panel :pt="{ css: `...` }" .../>
@@ -110,9 +118,9 @@ var script = {
        * ObjectUtils.isNotEmpty(mergedCSS?.class) && this.$css.loadCustomStyle(mergedCSS?.class);
        */
 
-      var globalCSS = this._getOptionValue(this.globalPT, 'global.css', this.$params);
+      var globalCSS = this._useGlobalPT(this._getOptionValue, 'global.css', this.$params);
       utils.ObjectUtils.isNotEmpty(globalCSS) && loadGlobalStyle(globalCSS, {
-        nonce: (_this$$config4 = this.$config) === null || _this$$config4 === void 0 || (_this$$config4 = _this$$config4.csp) === null || _this$$config4 === void 0 ? void 0 : _this$$config4.nonce
+        nonce: (_this$$config5 = this.$config) === null || _this$$config5 === void 0 || (_this$$config5 = _this$$config5.csp) === null || _this$$config5 === void 0 ? void 0 : _this$$config5.nonce
       });
     },
     _getHostInstance: function _getHostInstance(instance) {
@@ -133,8 +141,9 @@ var script = {
       var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       var searchInDefaultPT = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
       var datasetPrefix = 'data-pc-';
-      var self = this._getPTClassValue(obj, key, params);
-      var globalPT = searchInDefaultPT ? /./g.test(key) && !!params[key.split('.')[0]] ? this._getPTClassValue(this.globalPT, key, params) : this._getPTClassValue(this.defaultPT, key, params) : undefined;
+      var searchOut = /./g.test(key) && !!params[key.split('.')[0]];
+      var self = searchOut ? undefined : this._usePT(this._getPT(obj, this.$name), this._getPTClassValue, key, params);
+      var globalPT = searchInDefaultPT ? searchOut ? this._useGlobalPT(this._getPTClassValue, key, params) : this._useDefaultPT(this._getPTClassValue, key, params) : undefined;
       var merged = vue.mergeProps(self, globalPT, key !== 'transition' && _objectSpread(_objectSpread({}, key === 'root' && _defineProperty({}, "".concat(datasetPrefix, "name"), utils.ObjectUtils.toFlatCase(this.$.type.name))), {}, _defineProperty({}, "".concat(datasetPrefix, "section"), utils.ObjectUtils.toFlatCase(key))));
       return merged;
       /*
@@ -149,6 +158,42 @@ var script = {
         "class": value
       } : value;
     },
+    _getPT: function _getPT(pt) {
+      var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      var callback = arguments.length > 2 ? arguments[2] : undefined;
+      var _usept = pt === null || pt === void 0 ? void 0 : pt['_usept'];
+      var getValue = function getValue(value) {
+        var _computedValue$Object;
+        var computedValue = callback ? callback(value) : value;
+        return (_computedValue$Object = computedValue === null || computedValue === void 0 ? void 0 : computedValue[utils.ObjectUtils.toFlatCase(key)]) !== null && _computedValue$Object !== void 0 ? _computedValue$Object : computedValue;
+      };
+      return utils.ObjectUtils.isNotEmpty(_usept) ? {
+        _usept: _usept,
+        originalValue: getValue(pt.originalValue),
+        value: getValue(pt.value)
+      } : getValue(pt);
+    },
+    _usePT: function _usePT(pt, callback, key, params) {
+      var fn = function fn(value) {
+        return callback(value, key, params);
+      };
+      if (pt !== null && pt !== void 0 && pt.hasOwnProperty('_usept')) {
+        var _pt$_usept = pt['_usept'],
+          merge = _pt$_usept.merge,
+          useMergeProps = _pt$_usept.useMergeProps;
+        var originalValue = fn(pt.originalValue);
+        var value = fn(pt.value);
+        if (originalValue === undefined && value === undefined) return undefined;else if (utils.ObjectUtils.isString(value)) return value;else if (utils.ObjectUtils.isString(originalValue)) return originalValue;
+        return merge ? useMergeProps ? vue.mergeProps(originalValue, value) : _objectSpread(_objectSpread({}, originalValue), value) : value;
+      }
+      return fn(pt);
+    },
+    _useGlobalPT: function _useGlobalPT(callback, key, params) {
+      return this._usePT(this.globalPT, callback, key, params);
+    },
+    _useDefaultPT: function _useDefaultPT(callback, key, params) {
+      return this._usePT(this.defaultPT, callback, key, params);
+    },
     ptm: function ptm() {
       var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
       var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -181,14 +226,20 @@ var script = {
   },
   computed: {
     globalPT: function globalPT() {
-      return utils.ObjectUtils.getItemValue(this.$config.pt, {
-        instance: this
+      var _this$$config6,
+        _this = this;
+      return this._getPT((_this$$config6 = this.$config) === null || _this$$config6 === void 0 ? void 0 : _this$$config6.pt, undefined, function (value) {
+        return utils.ObjectUtils.getItemValue(value, {
+          instance: _this
+        });
       });
     },
     defaultPT: function defaultPT() {
-      return this._getOptionValue(this.$config.pt, this.$options.hostName || this.$.type.name, {
-        instance: this
-      }) || this.globalPT;
+      var _this$$config7,
+        _this2 = this;
+      return this._getPT((_this$$config7 = this.$config) === null || _this$$config7 === void 0 ? void 0 : _this$$config7.pt, undefined, function (value) {
+        return _this2._getOptionValue(value, _this2.$name, _objectSpread({}, _this2.$params)) || utils.ObjectUtils.getItemValue(value, _objectSpread({}, _this2.$params));
+      });
     },
     isUnstyled: function isUnstyled() {
       return this.unstyled !== undefined ? this.unstyled : this.$config.unstyled;
@@ -210,8 +261,11 @@ var script = {
       }, (this._getHostInstance(this) || {}).$css), this.$options.css);
     },
     $config: function $config() {
-      var _this$$primevue2;
-      return (_this$$primevue2 = this.$primevue) === null || _this$$primevue2 === void 0 ? void 0 : _this$$primevue2.config;
+      var _this$$primevue4;
+      return (_this$$primevue4 = this.$primevue) === null || _this$$primevue4 === void 0 ? void 0 : _this$$primevue4.config;
+    },
+    $name: function $name() {
+      return this.$options.hostName || this.$.type.name;
     }
   }
 };