@valaxyjs/devtools 0.23.6 → 0.24.1

package/dist/client/assets/{index-B0hInhA7.js → index-CuVxz6bX.js}

@@ -1,45 +1,7 @@
-import { s as script$n, R as Ripple, c as cn, a as script$o, b as script$p, d as axios, P as Pe, g as ge } from './splitpanes.es-BzR2UKwq.js';
-import { g as getAppWindow, i as isNotEmpty, B as BaseStyle, r as resolveDirective, w as withDirectives, c as createElementBlock, o as openBlock, a as createBaseVNode, b as renderSlot, n as normalizeClass, d as createCommentVNode, m as mergeProps, t as toDisplayString, e as equals, f as resolveFieldData, h as resolveComponent, F as Fragment, j as renderList, k as createBlock, l as createSlots, p as withCtx, q as defineComponent, u as useModel, s as ref, v as watch, x as createVNode, y as unref, _ as _export_sfc, z as createTextVNode, A as contains, C as getScrollableParents, E as EventBus, D as isClient, T as Teleport, G as setAttribute, H as localeComparator, I as getFocusableElements, J as find, K as findSingle, L as getIndex, M as getAttribute, N as relativePosition, O as getOuterWidth, P as absolutePosition, Q as isTouchDevice, R as addStyle, S as normalizeStyle, U as resolveDynamicComponent, V as Transition, W as vShow, X as withKeys, Y as clearSelection, Z as getSelection, $ as toHandlers, a0 as useI18n, a1 as dayjs, a2 as clientPageData, a3 as toRaw, a4 as pageData, a5 as activePath, a6 as onMounted, a7 as rpc, a8 as getDefaultExportFromCjs, a9 as computed, aa as devtoolsRouter, ab as useScroll, ac as postList, ad as isStaticMode } from './index-SkBrsFRK.js';
-
-// src/zindex/index.ts
-function handler() {
-  let zIndexes = [];
-  const generateZIndex = (key, autoZIndex, baseZIndex = 999) => {
-    const lastZIndex = getLastZIndex(key, autoZIndex, baseZIndex);
-    const newZIndex = lastZIndex.value + (lastZIndex.key === key ? 0 : baseZIndex) + 1;
-    zIndexes.push({ key, value: newZIndex });
-    return newZIndex;
-  };
-  const revertZIndex = (zIndex) => {
-    zIndexes = zIndexes.filter((obj) => obj.value !== zIndex);
-  };
-  const getCurrentZIndex = (key, autoZIndex) => {
-    return getLastZIndex(key).value;
-  };
-  const getLastZIndex = (key, autoZIndex, baseZIndex = 0) => {
-    return [...zIndexes].reverse().find((obj) => true ) || { key, value: baseZIndex };
-  };
-  const getZIndex = (element) => {
-    return element ? parseInt(element.style.zIndex, 10) || 0 : 0;
-  };
-  return {
-    get: getZIndex,
-    set: (key, element, baseZIndex) => {
-      if (element) {
-        element.style.zIndex = String(generateZIndex(key, true, baseZIndex));
-      }
-    },
-    clear: (element) => {
-      if (element) {
-        revertZIndex(getZIndex(element));
-        element.style.zIndex = "";
-      }
-    },
-    getCurrent: (key) => getCurrentZIndex(key)
-  };
-}
-var ZIndex = handler();
+import { g as getAppWindow, s, B as BaseStyle, r as resolveDirective, w as withDirectives, c as createElementBlock, o as openBlock, a as createBaseVNode, b as renderSlot, n as normalizeClass, d as createCommentVNode, m as mergeProps, t as toDisplayString, k, e as c, f as resolveComponent, F as Fragment, h as renderList, i as createBlock, j as createSlots, l as withCtx, p as defineComponent, u as useModel, q as ref, v as watch, x as createVNode, y as unref, _ as _export_sfc, z as createTextVNode, A as B, C as At, D as s$1, E as tt, T as Teleport, K as Kt, W, G as b, Y, H as z, I as Ht, Q, J as I, L as v, M as D, N as Yt, S, O as normalizeStyle, P as resolveDynamicComponent, R as Transition, U as vShow, V as withKeys, X as pt, Z as Mt, $ as toHandlers, a0 as useI18n, a1 as dayjs, a2 as clientPageData, a3 as toRaw, a4 as pageData, a5 as activePath, a6 as onMounted, a7 as rpc, a8 as getDefaultExportFromCjs, a9 as computed, aa as devtoolsRouter, ab as useScroll, ac as postList, ad as isStaticMode } from './index-BQ28fLxA.js';
+import { s as script$n, R as Ripple, f, a as script$o, b as script$p, c as axios, P as Pe, g as ge } from './splitpanes.es-BeYGdDVf.js';
 
+function g(){let r=[],i=(e,n,t=999)=>{let s=u(e,n,t),o=s.value+(s.key===e?0:t)+1;return r.push({key:e,value:o}),o},d=e=>{r=r.filter(n=>n.value!==e);},a=(e,n)=>u(e).value,u=(e,n,t=0)=>[...r].reverse().find(s=>true)||{key:e,value:t},l=e=>e&&parseInt(e.style.zIndex,10)||0;return {get:l,set:(e,n,t)=>{n&&(n.style.zIndex=String(i(e,true,t)));},clear:e=>{e&&(d(l(e)),e.style.zIndex="");},getCurrent:e=>a(e)}}var x=g();
 /* Injected with object hook! */
 
 const target = getAppWindow();
@@ -155,12 +117,12 @@ var script$m = {
       for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {
         values[_key] = arguments[_key];
       }
-      return values.find(isNotEmpty);
+      return values.find(s);
     }
   },
   computed: {
     $filled: function $filled() {
-      return isNotEmpty(this.d_value);
+      return s(this.d_value);
     },
     $invalid: function $invalid() {
       var _this$$pcFormField, _this$$pcForm4;
@@ -199,7 +161,7 @@ var script$m = {
 
 /* Injected with object hook! */
 
-var style$7="\n    .p-togglebutton {\n        display: inline-flex;\n        cursor: pointer;\n        user-select: none;\n        overflow: hidden;\n        position: relative;\n        color: dt('togglebutton.color');\n        background: dt('togglebutton.background');\n        border: 1px solid dt('togglebutton.border.color');\n        padding: dt('togglebutton.padding');\n        font-size: 1rem;\n        font-family: inherit;\n        font-feature-settings: inherit;\n        transition:\n            background dt('togglebutton.transition.duration'),\n            color dt('togglebutton.transition.duration'),\n            border-color dt('togglebutton.transition.duration'),\n            outline-color dt('togglebutton.transition.duration'),\n            box-shadow dt('togglebutton.transition.duration');\n        border-radius: dt('togglebutton.border.radius');\n        outline-color: transparent;\n        font-weight: dt('togglebutton.font.weight');\n    }\n\n    .p-togglebutton-content {\n        display: inline-flex;\n        flex: 1 1 auto;\n        align-items: center;\n        justify-content: center;\n        gap: dt('togglebutton.gap');\n        padding: dt('togglebutton.content.padding');\n        background: transparent;\n        border-radius: dt('togglebutton.content.border.radius');\n        transition:\n            background dt('togglebutton.transition.duration'),\n            color dt('togglebutton.transition.duration'),\n            border-color dt('togglebutton.transition.duration'),\n            outline-color dt('togglebutton.transition.duration'),\n            box-shadow dt('togglebutton.transition.duration');\n    }\n\n    .p-togglebutton:not(:disabled):not(.p-togglebutton-checked):hover {\n        background: dt('togglebutton.hover.background');\n        color: dt('togglebutton.hover.color');\n    }\n\n    .p-togglebutton.p-togglebutton-checked {\n        background: dt('togglebutton.checked.background');\n        border-color: dt('togglebutton.checked.border.color');\n        color: dt('togglebutton.checked.color');\n    }\n\n    .p-togglebutton-checked .p-togglebutton-content {\n        background: dt('togglebutton.content.checked.background');\n        box-shadow: dt('togglebutton.content.checked.shadow');\n    }\n\n    .p-togglebutton:focus-visible {\n        box-shadow: dt('togglebutton.focus.ring.shadow');\n        outline: dt('togglebutton.focus.ring.width') dt('togglebutton.focus.ring.style') dt('togglebutton.focus.ring.color');\n        outline-offset: dt('togglebutton.focus.ring.offset');\n    }\n\n    .p-togglebutton.p-invalid {\n        border-color: dt('togglebutton.invalid.border.color');\n    }\n\n    .p-togglebutton:disabled {\n        opacity: 1;\n        cursor: default;\n        background: dt('togglebutton.disabled.background');\n        border-color: dt('togglebutton.disabled.border.color');\n        color: dt('togglebutton.disabled.color');\n    }\n\n    .p-togglebutton-label,\n    .p-togglebutton-icon {\n        position: relative;\n        transition: none;\n    }\n\n    .p-togglebutton-icon {\n        color: dt('togglebutton.icon.color');\n    }\n\n    .p-togglebutton:not(:disabled):not(.p-togglebutton-checked):hover .p-togglebutton-icon {\n        color: dt('togglebutton.icon.hover.color');\n    }\n\n    .p-togglebutton.p-togglebutton-checked .p-togglebutton-icon {\n        color: dt('togglebutton.icon.checked.color');\n    }\n\n    .p-togglebutton:disabled .p-togglebutton-icon {\n        color: dt('togglebutton.icon.disabled.color');\n    }\n\n    .p-togglebutton-sm {\n        padding: dt('togglebutton.sm.padding');\n        font-size: dt('togglebutton.sm.font.size');\n    }\n\n    .p-togglebutton-sm .p-togglebutton-content {\n        padding: dt('togglebutton.content.sm.padding');\n    }\n\n    .p-togglebutton-lg {\n        padding: dt('togglebutton.lg.padding');\n        font-size: dt('togglebutton.lg.font.size');\n    }\n\n    .p-togglebutton-lg .p-togglebutton-content {\n        padding: dt('togglebutton.content.lg.padding');\n    }\n";/* Injected with object hook! */
+var style$7="\n    .p-togglebutton {\n        display: inline-flex;\n        cursor: pointer;\n        user-select: none;\n        overflow: hidden;\n        position: relative;\n        color: dt('togglebutton.color');\n        background: dt('togglebutton.background');\n        border: 1px solid dt('togglebutton.border.color');\n        padding: dt('togglebutton.padding');\n        font-size: 1rem;\n        font-family: inherit;\n        font-feature-settings: inherit;\n        transition:\n            background dt('togglebutton.transition.duration'),\n            color dt('togglebutton.transition.duration'),\n            border-color dt('togglebutton.transition.duration'),\n            outline-color dt('togglebutton.transition.duration'),\n            box-shadow dt('togglebutton.transition.duration');\n        border-radius: dt('togglebutton.border.radius');\n        outline-color: transparent;\n        font-weight: dt('togglebutton.font.weight');\n    }\n\n    .p-togglebutton-content {\n        display: inline-flex;\n        flex: 1 1 auto;\n        align-items: center;\n        justify-content: center;\n        gap: dt('togglebutton.gap');\n        padding: dt('togglebutton.content.padding');\n        background: transparent;\n        border-radius: dt('togglebutton.content.border.radius');\n        transition:\n            background dt('togglebutton.transition.duration'),\n            color dt('togglebutton.transition.duration'),\n            border-color dt('togglebutton.transition.duration'),\n            outline-color dt('togglebutton.transition.duration'),\n            box-shadow dt('togglebutton.transition.duration');\n    }\n\n    .p-togglebutton:not(:disabled):not(.p-togglebutton-checked):hover {\n        background: dt('togglebutton.hover.background');\n        color: dt('togglebutton.hover.color');\n    }\n\n    .p-togglebutton.p-togglebutton-checked {\n        background: dt('togglebutton.checked.background');\n        border-color: dt('togglebutton.checked.border.color');\n        color: dt('togglebutton.checked.color');\n    }\n\n    .p-togglebutton-checked .p-togglebutton-content {\n        background: dt('togglebutton.content.checked.background');\n        box-shadow: dt('togglebutton.content.checked.shadow');\n    }\n\n    .p-togglebutton:focus-visible {\n        box-shadow: dt('togglebutton.focus.ring.shadow');\n        outline: dt('togglebutton.focus.ring.width') dt('togglebutton.focus.ring.style') dt('togglebutton.focus.ring.color');\n        outline-offset: dt('togglebutton.focus.ring.offset');\n    }\n\n    .p-togglebutton.p-invalid {\n        border-color: dt('togglebutton.invalid.border.color');\n    }\n\n    .p-togglebutton:disabled {\n        opacity: 1;\n        cursor: default;\n        background: dt('togglebutton.disabled.background');\n        border-color: dt('togglebutton.disabled.border.color');\n        color: dt('togglebutton.disabled.color');\n    }\n\n    .p-togglebutton-label,\n    .p-togglebutton-icon {\n        position: relative;\n        transition: none;\n    }\n\n    .p-togglebutton-icon {\n        color: dt('togglebutton.icon.color');\n    }\n\n    .p-togglebutton:not(:disabled):not(.p-togglebutton-checked):hover .p-togglebutton-icon {\n        color: dt('togglebutton.icon.hover.color');\n    }\n\n    .p-togglebutton.p-togglebutton-checked .p-togglebutton-icon {\n        color: dt('togglebutton.icon.checked.color');\n    }\n\n    .p-togglebutton:disabled .p-togglebutton-icon {\n        color: dt('togglebutton.icon.disabled.color');\n    }\n\n    .p-togglebutton-sm {\n        padding: dt('togglebutton.sm.padding');\n        font-size: dt('togglebutton.sm.font.size');\n    }\n\n    .p-togglebutton-sm .p-togglebutton-content {\n        padding: dt('togglebutton.content.sm.padding');\n    }\n\n    .p-togglebutton-lg {\n        padding: dt('togglebutton.lg.padding');\n        font-size: dt('togglebutton.lg.font.size');\n    }\n\n    .p-togglebutton-lg .p-togglebutton-content {\n        padding: dt('togglebutton.content.lg.padding');\n    }\n\n    .p-togglebutton-fluid {\n        width: 100%;\n    }\n";/* Injected with object hook! */
 
 var classes$7 = {
   root: function root(_ref) {
@@ -208,6 +170,7 @@ var classes$7 = {
     return ['p-togglebutton p-component', {
       'p-togglebutton-checked': instance.active,
       'p-invalid': instance.$invalid,
+      'p-togglebutton-fluid': props.fluid,
       'p-togglebutton-sm p-inputfield-sm': props.size === 'small',
       'p-togglebutton-lg p-inputfield-lg': props.size === 'large'
     }];
@@ -262,6 +225,10 @@ var script$1$7 = {
     size: {
       type: String,
       "default": null
+    },
+    fluid: {
+      type: Boolean,
+      "default": null
     }
   },
   style: ToggleButtonStyle,
@@ -308,13 +275,13 @@ var script$l = {
       return this.d_value === true;
     },
     hasLabel: function hasLabel() {
-      return isNotEmpty(this.onLabel) && isNotEmpty(this.offLabel);
+      return s(this.onLabel) && s(this.offLabel);
     },
     label: function label() {
       return this.hasLabel ? this.d_value ? this.onLabel : this.offLabel : "\xA0";
     },
     dataP: function dataP() {
-      return cn(_defineProperty$7({
+      return f(_defineProperty$7({
         checked: this.active,
         invalid: this.$invalid
       }, this.size, this.size));
@@ -371,13 +338,16 @@ script$l.render = render$j;
 
 /* Injected with object hook! */
 
-var style$6="\n    .p-selectbutton {\n        display: inline-flex;\n        user-select: none;\n        vertical-align: bottom;\n        outline-color: transparent;\n        border-radius: dt('selectbutton.border.radius');\n    }\n\n    .p-selectbutton .p-togglebutton {\n        border-radius: 0;\n        border-width: 1px 1px 1px 0;\n    }\n\n    .p-selectbutton .p-togglebutton:focus-visible {\n        position: relative;\n        z-index: 1;\n    }\n\n    .p-selectbutton .p-togglebutton:first-child {\n        border-inline-start-width: 1px;\n        border-start-start-radius: dt('selectbutton.border.radius');\n        border-end-start-radius: dt('selectbutton.border.radius');\n    }\n\n    .p-selectbutton .p-togglebutton:last-child {\n        border-start-end-radius: dt('selectbutton.border.radius');\n        border-end-end-radius: dt('selectbutton.border.radius');\n    }\n\n    .p-selectbutton.p-invalid {\n        outline: 1px solid dt('selectbutton.invalid.border.color');\n        outline-offset: 0;\n    }\n";/* Injected with object hook! */
+var style$6="\n    .p-selectbutton {\n        display: inline-flex;\n        user-select: none;\n        vertical-align: bottom;\n        outline-color: transparent;\n        border-radius: dt('selectbutton.border.radius');\n    }\n\n    .p-selectbutton .p-togglebutton {\n        border-radius: 0;\n        border-width: 1px 1px 1px 0;\n    }\n\n    .p-selectbutton .p-togglebutton:focus-visible {\n        position: relative;\n        z-index: 1;\n    }\n\n    .p-selectbutton .p-togglebutton:first-child {\n        border-inline-start-width: 1px;\n        border-start-start-radius: dt('selectbutton.border.radius');\n        border-end-start-radius: dt('selectbutton.border.radius');\n    }\n\n    .p-selectbutton .p-togglebutton:last-child {\n        border-start-end-radius: dt('selectbutton.border.radius');\n        border-end-end-radius: dt('selectbutton.border.radius');\n    }\n\n    .p-selectbutton.p-invalid {\n        outline: 1px solid dt('selectbutton.invalid.border.color');\n        outline-offset: 0;\n    }\n\n    .p-selectbutton-fluid {\n        width: 100%;\n    }\n    \n    .p-selectbutton-fluid .p-togglebutton {\n        flex: 1 1 0;\n    }\n";/* Injected with object hook! */
 
 var classes$6 = {
   root: function root(_ref) {
-    var instance = _ref.instance;
+    var props = _ref.props,
+      instance = _ref.instance;
     return ['p-selectbutton p-component', {
-      'p-invalid': instance.$invalid // @todo: check
+      'p-invalid': instance.$invalid,
+      // @todo: check
+      'p-selectbutton-fluid': props.fluid
     }];
   }
 };
@@ -411,6 +381,10 @@ var script$1$6 = {
     size: {
       type: String,
       "default": null
+    },
+    fluid: {
+      type: Boolean,
+      "default": null
     }
   },
   style: SelectButtonStyle,
@@ -436,16 +410,16 @@ var script$k = {
   emits: ['change'],
   methods: {
     getOptionLabel: function getOptionLabel(option) {
-      return this.optionLabel ? resolveFieldData(option, this.optionLabel) : option;
+      return this.optionLabel ? c(option, this.optionLabel) : option;
     },
     getOptionValue: function getOptionValue(option) {
-      return this.optionValue ? resolveFieldData(option, this.optionValue) : option;
+      return this.optionValue ? c(option, this.optionValue) : option;
     },
     getOptionRenderKey: function getOptionRenderKey(option) {
-      return this.dataKey ? resolveFieldData(option, this.dataKey) : this.getOptionLabel(option);
+      return this.dataKey ? c(option, this.dataKey) : this.getOptionLabel(option);
     },
     isOptionDisabled: function isOptionDisabled(option) {
-      return this.optionDisabled ? resolveFieldData(option, this.optionDisabled) : false;
+      return this.optionDisabled ? c(option, this.optionDisabled) : false;
     },
     isOptionReadonly: function isOptionReadonly(option) {
       if (this.allowEmpty) return false;
@@ -467,7 +441,7 @@ var script$k = {
       if (this.multiple) {
         if (selected) {
           newValue = this.d_value.filter(function (val) {
-            return !equals(val, optionValue, _this.equalityKey);
+            return !k(val, optionValue, _this.equalityKey);
           });
           if (!this.allowEmpty && newValue.length === 0) return;
         } else {
@@ -493,7 +467,7 @@ var script$k = {
           try {
             for (_iterator.s(); !(_step = _iterator.n()).done;) {
               var val = _step.value;
-              if (equals(val, optionValue, this.equalityKey)) {
+              if (k(val, optionValue, this.equalityKey)) {
                 selected = true;
                 break;
               }
@@ -505,7 +479,7 @@ var script$k = {
           }
         }
       } else {
-        selected = equals(this.d_value, optionValue, this.equalityKey);
+        selected = k(this.d_value, optionValue, this.equalityKey);
       }
       return selected;
     }
@@ -515,7 +489,7 @@ var script$k = {
       return this.optionValue ? null : this.dataKey;
     },
     dataP: function dataP() {
-      return cn({
+      return f({
         invalid: this.$invalid
       });
     }
@@ -1517,7 +1491,7 @@ var script$g = {
           newModelValue = this.d_indeterminate ? this.trueValue : this.checked ? this.falseValue : this.trueValue;
         } else {
           if (this.checked || this.d_indeterminate) newModelValue = value.filter(function (val) {
-            return !equals(val, _this.value);
+            return !k(val, _this.value);
           });else newModelValue = value ? [].concat(_toConsumableArray$2(value), [this.value]) : [this.value];
         }
         if (this.d_indeterminate) {
@@ -1543,10 +1517,10 @@ var script$g = {
     },
     checked: function checked() {
       var value = this.$pcCheckboxGroup ? this.$pcCheckboxGroup.d_value : this.d_value;
-      return this.d_indeterminate ? false : this.binary ? value === this.trueValue : contains(this.value, value);
+      return this.d_indeterminate ? false : this.binary ? value === this.trueValue : B(this.value, value);
     },
     dataP: function dataP() {
-      return cn(_defineProperty$6({
+      return f(_defineProperty$6({
         invalid: this.$invalid,
         checked: this.checked,
         disabled: this.disabled,
@@ -1643,7 +1617,7 @@ var ConnectedOverlayScrollHandler = /*#__PURE__*/function () {
   return _createClass$1(ConnectedOverlayScrollHandler, [{
     key: "bindScrollListener",
     value: function bindScrollListener() {
-      this.scrollableParents = getScrollableParents(this.element);
+      this.scrollableParents = At(this.element);
       for (var i = 0; i < this.scrollableParents.length; i++) {
         this.scrollableParents[i].addEventListener('scroll', this.listener);
       }
@@ -1846,7 +1820,7 @@ var script$a = {
       }), this.formField);
     },
     dataP: function dataP() {
-      return cn(_defineProperty$5({
+      return f(_defineProperty$5({
         invalid: this.$invalid,
         fluid: this.$fluid,
         filled: this.$variant === 'filled'
@@ -1876,7 +1850,7 @@ script$a.render = render$9;
 
 /* Injected with object hook! */
 
-var OverlayEventBus = EventBus();
+var OverlayEventBus = s$1();
 
 
 /* Injected with object hook! */
@@ -1899,7 +1873,7 @@ var script$9 = {
     };
   },
   mounted: function mounted() {
-    this.mounted = isClient();
+    this.mounted = tt();
   },
   computed: {
     inline: function inline() {
@@ -1922,7 +1896,7 @@ script$9.render = render$8;
 
 /* Injected with object hook! */
 
-var style$3="\n    .p-datepicker {\n        display: inline-flex;\n        max-width: 100%;\n    }\n\n    .p-datepicker-input {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n\n    .p-datepicker:has(.p-datepicker-dropdown) .p-datepicker-input {\n        border-start-end-radius: 0;\n        border-end-end-radius: 0;\n    }\n\n    .p-datepicker-dropdown {\n        cursor: pointer;\n        display: inline-flex;\n        user-select: none;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n        width: dt('datepicker.dropdown.width');\n        border-start-end-radius: dt('datepicker.dropdown.border.radius');\n        border-end-end-radius: dt('datepicker.dropdown.border.radius');\n        background: dt('datepicker.dropdown.background');\n        border: 1px solid dt('datepicker.dropdown.border.color');\n        border-inline-start: 0 none;\n        color: dt('datepicker.dropdown.color');\n        transition:\n            background dt('datepicker.transition.duration'),\n            color dt('datepicker.transition.duration'),\n            border-color dt('datepicker.transition.duration'),\n            outline-color dt('datepicker.transition.duration');\n        outline-color: transparent;\n    }\n\n    .p-datepicker-dropdown:not(:disabled):hover {\n        background: dt('datepicker.dropdown.hover.background');\n        border-color: dt('datepicker.dropdown.hover.border.color');\n        color: dt('datepicker.dropdown.hover.color');\n    }\n\n    .p-datepicker-dropdown:not(:disabled):active {\n        background: dt('datepicker.dropdown.active.background');\n        border-color: dt('datepicker.dropdown.active.border.color');\n        color: dt('datepicker.dropdown.active.color');\n    }\n\n    .p-datepicker-dropdown:focus-visible {\n        box-shadow: dt('datepicker.dropdown.focus.ring.shadow');\n        outline: dt('datepicker.dropdown.focus.ring.width') dt('datepicker.dropdown.focus.ring.style') dt('datepicker.dropdown.focus.ring.color');\n        outline-offset: dt('datepicker.dropdown.focus.ring.offset');\n    }\n\n    .p-datepicker:has(.p-datepicker-input-icon-container) {\n        position: relative;\n    }\n\n    .p-datepicker:has(.p-datepicker-input-icon-container) .p-datepicker-input {\n        padding-inline-end: calc((dt('form.field.padding.x') * 2) + dt('icon.size'));\n    }\n\n    .p-datepicker-input-icon-container {\n        cursor: pointer;\n        position: absolute;\n        top: 50%;\n        inset-inline-end: dt('form.field.padding.x');\n        margin-block-start: calc(-1 * (dt('icon.size') / 2));\n        color: dt('datepicker.input.icon.color');\n        line-height: 1;\n    }\n\n    .p-datepicker-fluid {\n        display: flex;\n    }\n\n    .p-datepicker-fluid .p-datepicker-input {\n        width: 1%;\n    }\n\n    .p-datepicker .p-datepicker-panel {\n        min-width: 100%;\n    }\n\n    .p-datepicker-panel {\n        width: auto;\n        padding: dt('datepicker.panel.padding');\n        background: dt('datepicker.panel.background');\n        color: dt('datepicker.panel.color');\n        border: 1px solid dt('datepicker.panel.border.color');\n        border-radius: dt('datepicker.panel.border.radius');\n        box-shadow: dt('datepicker.panel.shadow');\n    }\n\n    .p-datepicker-panel-inline {\n        display: inline-block;\n        overflow-x: auto;\n        box-shadow: none;\n    }\n\n    .p-datepicker-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: dt('datepicker.header.padding');\n        background: dt('datepicker.header.background');\n        color: dt('datepicker.header.color');\n        border-block-end: 1px solid dt('datepicker.header.border.color');\n    }\n\n    .p-datepicker-next-button:dir(rtl) {\n        order: -1;\n    }\n\n    .p-datepicker-prev-button:dir(rtl) {\n        order: 1;\n    }\n\n    .p-datepicker-title {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: dt('datepicker.title.gap');\n        font-weight: dt('datepicker.title.font.weight');\n    }\n\n    .p-datepicker-select-year,\n    .p-datepicker-select-month {\n        border: none;\n        background: transparent;\n        margin: 0;\n        cursor: pointer;\n        font-weight: inherit;\n        transition:\n            background dt('datepicker.transition.duration'),\n            color dt('datepicker.transition.duration'),\n            border-color dt('datepicker.transition.duration'),\n            outline-color dt('datepicker.transition.duration'),\n            box-shadow dt('datepicker.transition.duration');\n    }\n\n    .p-datepicker-select-month {\n        padding: dt('datepicker.select.month.padding');\n        color: dt('datepicker.select.month.color');\n        border-radius: dt('datepicker.select.month.border.radius');\n    }\n\n    .p-datepicker-select-year {\n        padding: dt('datepicker.select.year.padding');\n        color: dt('datepicker.select.year.color');\n        border-radius: dt('datepicker.select.year.border.radius');\n    }\n\n    .p-datepicker-select-month:enabled:hover {\n        background: dt('datepicker.select.month.hover.background');\n        color: dt('datepicker.select.month.hover.color');\n    }\n\n    .p-datepicker-select-year:enabled:hover {\n        background: dt('datepicker.select.year.hover.background');\n        color: dt('datepicker.select.year.hover.color');\n    }\n\n    .p-datepicker-select-month:focus-visible,\n    .p-datepicker-select-year:focus-visible {\n        box-shadow: dt('datepicker.date.focus.ring.shadow');\n        outline: dt('datepicker.date.focus.ring.width') dt('datepicker.date.focus.ring.style') dt('datepicker.date.focus.ring.color');\n        outline-offset: dt('datepicker.date.focus.ring.offset');\n    }\n\n    .p-datepicker-calendar-container {\n        display: flex;\n    }\n\n    .p-datepicker-calendar-container .p-datepicker-calendar {\n        flex: 1 1 auto;\n        border-inline-start: 1px solid dt('datepicker.group.border.color');\n        padding-inline-end: dt('datepicker.group.gap');\n        padding-inline-start: dt('datepicker.group.gap');\n    }\n\n    .p-datepicker-calendar-container .p-datepicker-calendar:first-child {\n        padding-inline-start: 0;\n        border-inline-start: 0 none;\n    }\n\n    .p-datepicker-calendar-container .p-datepicker-calendar:last-child {\n        padding-inline-end: 0;\n    }\n\n    .p-datepicker-day-view {\n        width: 100%;\n        border-collapse: collapse;\n        font-size: 1rem;\n        margin: dt('datepicker.day.view.margin');\n    }\n\n    .p-datepicker-weekday-cell {\n        padding: dt('datepicker.week.day.padding');\n    }\n\n    .p-datepicker-weekday {\n        font-weight: dt('datepicker.week.day.font.weight');\n        color: dt('datepicker.week.day.color');\n    }\n\n    .p-datepicker-day-cell {\n        padding: dt('datepicker.date.padding');\n    }\n\n    .p-datepicker-day {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        margin: 0 auto;\n        overflow: hidden;\n        position: relative;\n        width: dt('datepicker.date.width');\n        height: dt('datepicker.date.height');\n        border-radius: dt('datepicker.date.border.radius');\n        transition:\n            background dt('datepicker.transition.duration'),\n            color dt('datepicker.transition.duration'),\n            border-color dt('datepicker.transition.duration'),\n            box-shadow dt('datepicker.transition.duration'),\n            outline-color dt('datepicker.transition.duration');\n        border: 1px solid transparent;\n        outline-color: transparent;\n        color: dt('datepicker.date.color');\n    }\n\n    .p-datepicker-day:not(.p-datepicker-day-selected):not(.p-disabled):hover {\n        background: dt('datepicker.date.hover.background');\n        color: dt('datepicker.date.hover.color');\n    }\n\n    .p-datepicker-day:focus-visible {\n        box-shadow: dt('datepicker.date.focus.ring.shadow');\n        outline: dt('datepicker.date.focus.ring.width') dt('datepicker.date.focus.ring.style') dt('datepicker.date.focus.ring.color');\n        outline-offset: dt('datepicker.date.focus.ring.offset');\n    }\n\n    .p-datepicker-day-selected {\n        background: dt('datepicker.date.selected.background');\n        color: dt('datepicker.date.selected.color');\n    }\n\n    .p-datepicker-day-selected-range {\n        background: dt('datepicker.date.range.selected.background');\n        color: dt('datepicker.date.range.selected.color');\n    }\n\n    .p-datepicker-today > .p-datepicker-day {\n        background: dt('datepicker.today.background');\n        color: dt('datepicker.today.color');\n    }\n\n    .p-datepicker-today > .p-datepicker-day-selected {\n        background: dt('datepicker.date.selected.background');\n        color: dt('datepicker.date.selected.color');\n    }\n\n    .p-datepicker-today > .p-datepicker-day-selected-range {\n        background: dt('datepicker.date.range.selected.background');\n        color: dt('datepicker.date.range.selected.color');\n    }\n\n    .p-datepicker-weeknumber {\n        text-align: center;\n    }\n\n    .p-datepicker-month-view {\n        margin: dt('datepicker.month.view.margin');\n    }\n\n    .p-datepicker-month {\n        width: 33.3%;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n        padding: dt('datepicker.month.padding');\n        transition:\n            background dt('datepicker.transition.duration'),\n            color dt('datepicker.transition.duration'),\n            border-color dt('datepicker.transition.duration'),\n            box-shadow dt('datepicker.transition.duration'),\n            outline-color dt('datepicker.transition.duration');\n        border-radius: dt('datepicker.month.border.radius');\n        outline-color: transparent;\n        color: dt('datepicker.date.color');\n    }\n\n    .p-datepicker-month:not(.p-disabled):not(.p-datepicker-month-selected):hover {\n        color: dt('datepicker.date.hover.color');\n        background: dt('datepicker.date.hover.background');\n    }\n\n    .p-datepicker-month-selected {\n        color: dt('datepicker.date.selected.color');\n        background: dt('datepicker.date.selected.background');\n    }\n\n    .p-datepicker-month:not(.p-disabled):focus-visible {\n        box-shadow: dt('datepicker.date.focus.ring.shadow');\n        outline: dt('datepicker.date.focus.ring.width') dt('datepicker.date.focus.ring.style') dt('datepicker.date.focus.ring.color');\n        outline-offset: dt('datepicker.date.focus.ring.offset');\n    }\n\n    .p-datepicker-year-view {\n        margin: dt('datepicker.year.view.margin');\n    }\n\n    .p-datepicker-year {\n        width: 50%;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n        padding: dt('datepicker.year.padding');\n        transition:\n            background dt('datepicker.transition.duration'),\n            color dt('datepicker.transition.duration'),\n            border-color dt('datepicker.transition.duration'),\n            box-shadow dt('datepicker.transition.duration'),\n            outline-color dt('datepicker.transition.duration');\n        border-radius: dt('datepicker.year.border.radius');\n        outline-color: transparent;\n        color: dt('datepicker.date.color');\n    }\n\n    .p-datepicker-year:not(.p-disabled):not(.p-datepicker-year-selected):hover {\n        color: dt('datepicker.date.hover.color');\n        background: dt('datepicker.date.hover.background');\n    }\n\n    .p-datepicker-year-selected {\n        color: dt('datepicker.date.selected.color');\n        background: dt('datepicker.date.selected.background');\n    }\n\n    .p-datepicker-year:not(.p-disabled):focus-visible {\n        box-shadow: dt('datepicker.date.focus.ring.shadow');\n        outline: dt('datepicker.date.focus.ring.width') dt('datepicker.date.focus.ring.style') dt('datepicker.date.focus.ring.color');\n        outline-offset: dt('datepicker.date.focus.ring.offset');\n    }\n\n    .p-datepicker-buttonbar {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: dt('datepicker.buttonbar.padding');\n        border-block-start: 1px solid dt('datepicker.buttonbar.border.color');\n    }\n\n    .p-datepicker-buttonbar .p-button {\n        width: auto;\n    }\n\n    .p-datepicker-time-picker {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        border-block-start: 1px solid dt('datepicker.time.picker.border.color');\n        padding: 0;\n        gap: dt('datepicker.time.picker.gap');\n    }\n\n    .p-datepicker-calendar-container + .p-datepicker-time-picker {\n        padding: dt('datepicker.time.picker.padding');\n    }\n\n    .p-datepicker-time-picker > div {\n        display: flex;\n        align-items: center;\n        flex-direction: column;\n        gap: dt('datepicker.time.picker.button.gap');\n    }\n\n    .p-datepicker-time-picker span {\n        font-size: 1rem;\n    }\n\n    .p-datepicker-timeonly .p-datepicker-time-picker {\n        border-block-start: 0 none;\n    }\n\n    .p-datepicker:has(.p-inputtext-sm) .p-datepicker-dropdown {\n        width: dt('datepicker.dropdown.sm.width');\n    }\n\n    .p-datepicker:has(.p-inputtext-sm) .p-datepicker-dropdown .p-icon,\n    .p-datepicker:has(.p-inputtext-sm) .p-datepicker-input-icon {\n        font-size: dt('form.field.sm.font.size');\n        width: dt('form.field.sm.font.size');\n        height: dt('form.field.sm.font.size');\n    }\n\n    .p-datepicker:has(.p-inputtext-lg) .p-datepicker-dropdown {\n        width: dt('datepicker.dropdown.lg.width');\n    }\n\n    .p-datepicker:has(.p-inputtext-lg) .p-datepicker-dropdown .p-icon,\n    .p-datepicker:has(.p-inputtext-lg) .p-datepicker-input-icon {\n        font-size: dt('form.field.lg.font.size');\n        width: dt('form.field.lg.font.size');\n        height: dt('form.field.lg.font.size');\n    }\n\n    .p-datepicker:has(.p-datepicker-dropdown) .p-datepicker-clear-icon,\n    .p-datepicker:has(.p-datepicker-input-icon-container) .p-datepicker-clear-icon {\n        inset-inline-end: calc(dt('datepicker.dropdown.width') + dt('form.field.padding.x'));\n    }\n\n    .p-datepicker-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n        cursor: pointer;\n        color: dt('form.field.icon.color');\n        inset-inline-end: dt('form.field.padding.x');\n    }\n";/* Injected with object hook! */
+var style$3="\n    .p-datepicker {\n        display: inline-flex;\n        max-width: 100%;\n    }\n\n    .p-datepicker-input {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n\n    .p-datepicker:has(.p-datepicker-dropdown) .p-datepicker-input {\n        border-start-end-radius: 0;\n        border-end-end-radius: 0;\n    }\n\n    .p-datepicker-dropdown {\n        cursor: pointer;\n        display: inline-flex;\n        user-select: none;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n        width: dt('datepicker.dropdown.width');\n        border-start-end-radius: dt('datepicker.dropdown.border.radius');\n        border-end-end-radius: dt('datepicker.dropdown.border.radius');\n        background: dt('datepicker.dropdown.background');\n        border: 1px solid dt('datepicker.dropdown.border.color');\n        border-inline-start: 0 none;\n        color: dt('datepicker.dropdown.color');\n        transition:\n            background dt('datepicker.transition.duration'),\n            color dt('datepicker.transition.duration'),\n            border-color dt('datepicker.transition.duration'),\n            outline-color dt('datepicker.transition.duration');\n        outline-color: transparent;\n    }\n\n    .p-datepicker-dropdown:not(:disabled):hover {\n        background: dt('datepicker.dropdown.hover.background');\n        border-color: dt('datepicker.dropdown.hover.border.color');\n        color: dt('datepicker.dropdown.hover.color');\n    }\n\n    .p-datepicker-dropdown:not(:disabled):active {\n        background: dt('datepicker.dropdown.active.background');\n        border-color: dt('datepicker.dropdown.active.border.color');\n        color: dt('datepicker.dropdown.active.color');\n    }\n\n    .p-datepicker-dropdown:focus-visible {\n        box-shadow: dt('datepicker.dropdown.focus.ring.shadow');\n        outline: dt('datepicker.dropdown.focus.ring.width') dt('datepicker.dropdown.focus.ring.style') dt('datepicker.dropdown.focus.ring.color');\n        outline-offset: dt('datepicker.dropdown.focus.ring.offset');\n    }\n\n    .p-datepicker:has(.p-datepicker-input-icon-container) {\n        position: relative;\n    }\n\n    .p-datepicker:has(.p-datepicker-input-icon-container) .p-datepicker-input {\n        padding-inline-end: calc((dt('form.field.padding.x') * 2) + dt('icon.size'));\n    }\n\n    .p-datepicker-input-icon-container {\n        cursor: pointer;\n        position: absolute;\n        top: 50%;\n        inset-inline-end: dt('form.field.padding.x');\n        margin-block-start: calc(-1 * (dt('icon.size') / 2));\n        color: dt('datepicker.input.icon.color');\n        line-height: 1;\n    }\n\n    .p-datepicker-fluid {\n        display: flex;\n    }\n\n    .p-datepicker-fluid .p-datepicker-input {\n        width: 1%;\n    }\n\n    .p-datepicker .p-datepicker-panel {\n        min-width: 100%;\n    }\n\n    .p-datepicker-panel {\n        width: auto;\n        padding: dt('datepicker.panel.padding');\n        background: dt('datepicker.panel.background');\n        color: dt('datepicker.panel.color');\n        border: 1px solid dt('datepicker.panel.border.color');\n        border-radius: dt('datepicker.panel.border.radius');\n        box-shadow: dt('datepicker.panel.shadow');\n    }\n\n    .p-datepicker-panel-inline {\n        display: inline-block;\n        overflow-x: auto;\n        box-shadow: none;\n    }\n\n    .p-datepicker-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: dt('datepicker.header.padding');\n        background: dt('datepicker.header.background');\n        color: dt('datepicker.header.color');\n        border-block-end: 1px solid dt('datepicker.header.border.color');\n    }\n\n    .p-datepicker-next-button:dir(rtl) {\n        order: -1;\n    }\n\n    .p-datepicker-prev-button:dir(rtl) {\n        order: 1;\n    }\n\n    .p-datepicker-title {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: dt('datepicker.title.gap');\n        font-weight: dt('datepicker.title.font.weight');\n    }\n\n    .p-datepicker-select-year,\n    .p-datepicker-select-month {\n        border: none;\n        background: transparent;\n        margin: 0;\n        cursor: pointer;\n        font-weight: inherit;\n        transition:\n            background dt('datepicker.transition.duration'),\n            color dt('datepicker.transition.duration'),\n            border-color dt('datepicker.transition.duration'),\n            outline-color dt('datepicker.transition.duration'),\n            box-shadow dt('datepicker.transition.duration');\n    }\n\n    .p-datepicker-select-month {\n        padding: dt('datepicker.select.month.padding');\n        color: dt('datepicker.select.month.color');\n        border-radius: dt('datepicker.select.month.border.radius');\n    }\n\n    .p-datepicker-select-year {\n        padding: dt('datepicker.select.year.padding');\n        color: dt('datepicker.select.year.color');\n        border-radius: dt('datepicker.select.year.border.radius');\n    }\n\n    .p-datepicker-select-month:enabled:hover {\n        background: dt('datepicker.select.month.hover.background');\n        color: dt('datepicker.select.month.hover.color');\n    }\n\n    .p-datepicker-select-year:enabled:hover {\n        background: dt('datepicker.select.year.hover.background');\n        color: dt('datepicker.select.year.hover.color');\n    }\n\n    .p-datepicker-select-month:focus-visible,\n    .p-datepicker-select-year:focus-visible {\n        box-shadow: dt('datepicker.date.focus.ring.shadow');\n        outline: dt('datepicker.date.focus.ring.width') dt('datepicker.date.focus.ring.style') dt('datepicker.date.focus.ring.color');\n        outline-offset: dt('datepicker.date.focus.ring.offset');\n    }\n\n    .p-datepicker-calendar-container {\n        display: flex;\n    }\n\n    .p-datepicker-calendar-container .p-datepicker-calendar {\n        flex: 1 1 auto;\n        border-inline-start: 1px solid dt('datepicker.group.border.color');\n        padding-inline-end: dt('datepicker.group.gap');\n        padding-inline-start: dt('datepicker.group.gap');\n    }\n\n    .p-datepicker-calendar-container .p-datepicker-calendar:first-child {\n        padding-inline-start: 0;\n        border-inline-start: 0 none;\n    }\n\n    .p-datepicker-calendar-container .p-datepicker-calendar:last-child {\n        padding-inline-end: 0;\n    }\n\n    .p-datepicker-day-view {\n        width: 100%;\n        border-collapse: collapse;\n        font-size: 1rem;\n        margin: dt('datepicker.day.view.margin');\n    }\n\n    .p-datepicker-weekday-cell {\n        padding: dt('datepicker.week.day.padding');\n    }\n\n    .p-datepicker-weekday {\n        font-weight: dt('datepicker.week.day.font.weight');\n        color: dt('datepicker.week.day.color');\n    }\n\n    .p-datepicker-day-cell {\n        padding: dt('datepicker.date.padding');\n    }\n\n    .p-datepicker-day {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        margin: 0 auto;\n        overflow: hidden;\n        position: relative;\n        width: dt('datepicker.date.width');\n        height: dt('datepicker.date.height');\n        border-radius: dt('datepicker.date.border.radius');\n        transition:\n            background dt('datepicker.transition.duration'),\n            color dt('datepicker.transition.duration'),\n            border-color dt('datepicker.transition.duration'),\n            box-shadow dt('datepicker.transition.duration'),\n            outline-color dt('datepicker.transition.duration');\n        border: 1px solid transparent;\n        outline-color: transparent;\n        color: dt('datepicker.date.color');\n    }\n\n    .p-datepicker-day:not(.p-datepicker-day-selected):not(.p-disabled):hover {\n        background: dt('datepicker.date.hover.background');\n        color: dt('datepicker.date.hover.color');\n    }\n\n    .p-datepicker-day:focus-visible {\n        box-shadow: dt('datepicker.date.focus.ring.shadow');\n        outline: dt('datepicker.date.focus.ring.width') dt('datepicker.date.focus.ring.style') dt('datepicker.date.focus.ring.color');\n        outline-offset: dt('datepicker.date.focus.ring.offset');\n    }\n\n    .p-datepicker-day-selected {\n        background: dt('datepicker.date.selected.background');\n        color: dt('datepicker.date.selected.color');\n    }\n\n    .p-datepicker-day-selected-range {\n        background: dt('datepicker.date.range.selected.background');\n        color: dt('datepicker.date.range.selected.color');\n    }\n\n    .p-datepicker-today > .p-datepicker-day {\n        background: dt('datepicker.today.background');\n        color: dt('datepicker.today.color');\n    }\n\n    .p-datepicker-today > .p-datepicker-day-selected {\n        background: dt('datepicker.date.selected.background');\n        color: dt('datepicker.date.selected.color');\n    }\n\n    .p-datepicker-today > .p-datepicker-day-selected-range {\n        background: dt('datepicker.date.range.selected.background');\n        color: dt('datepicker.date.range.selected.color');\n    }\n\n    .p-datepicker-weeknumber {\n        text-align: center;\n    }\n\n    .p-datepicker-month-view {\n        margin: dt('datepicker.month.view.margin');\n    }\n\n    .p-datepicker-month {\n        width: 33.3%;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n        padding: dt('datepicker.month.padding');\n        transition:\n            background dt('datepicker.transition.duration'),\n            color dt('datepicker.transition.duration'),\n            border-color dt('datepicker.transition.duration'),\n            box-shadow dt('datepicker.transition.duration'),\n            outline-color dt('datepicker.transition.duration');\n        border-radius: dt('datepicker.month.border.radius');\n        outline-color: transparent;\n        color: dt('datepicker.date.color');\n    }\n\n    .p-datepicker-month:not(.p-disabled):not(.p-datepicker-month-selected):hover {\n        color: dt('datepicker.date.hover.color');\n        background: dt('datepicker.date.hover.background');\n    }\n\n    .p-datepicker-month-selected {\n        color: dt('datepicker.date.selected.color');\n        background: dt('datepicker.date.selected.background');\n    }\n\n    .p-datepicker-month:not(.p-disabled):focus-visible {\n        box-shadow: dt('datepicker.date.focus.ring.shadow');\n        outline: dt('datepicker.date.focus.ring.width') dt('datepicker.date.focus.ring.style') dt('datepicker.date.focus.ring.color');\n        outline-offset: dt('datepicker.date.focus.ring.offset');\n    }\n\n    .p-datepicker-year-view {\n        margin: dt('datepicker.year.view.margin');\n    }\n\n    .p-datepicker-year {\n        width: 50%;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n        padding: dt('datepicker.year.padding');\n        transition:\n            background dt('datepicker.transition.duration'),\n            color dt('datepicker.transition.duration'),\n            border-color dt('datepicker.transition.duration'),\n            box-shadow dt('datepicker.transition.duration'),\n            outline-color dt('datepicker.transition.duration');\n        border-radius: dt('datepicker.year.border.radius');\n        outline-color: transparent;\n        color: dt('datepicker.date.color');\n    }\n\n    .p-datepicker-year:not(.p-disabled):not(.p-datepicker-year-selected):hover {\n        color: dt('datepicker.date.hover.color');\n        background: dt('datepicker.date.hover.background');\n    }\n\n    .p-datepicker-year-selected {\n        color: dt('datepicker.date.selected.color');\n        background: dt('datepicker.date.selected.background');\n    }\n\n    .p-datepicker-year:not(.p-disabled):focus-visible {\n        box-shadow: dt('datepicker.date.focus.ring.shadow');\n        outline: dt('datepicker.date.focus.ring.width') dt('datepicker.date.focus.ring.style') dt('datepicker.date.focus.ring.color');\n        outline-offset: dt('datepicker.date.focus.ring.offset');\n    }\n\n    .p-datepicker-buttonbar {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: dt('datepicker.buttonbar.padding');\n        border-block-start: 1px solid dt('datepicker.buttonbar.border.color');\n    }\n\n    .p-datepicker-buttonbar .p-button {\n        width: auto;\n    }\n\n    .p-datepicker-time-picker {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        border-block-start: 1px solid dt('datepicker.time.picker.border.color');\n        padding: 0;\n        gap: dt('datepicker.time.picker.gap');\n    }\n\n    .p-datepicker-calendar-container + .p-datepicker-time-picker {\n        padding: dt('datepicker.time.picker.padding');\n    }\n\n    .p-datepicker-time-picker > div {\n        display: flex;\n        align-items: center;\n        flex-direction: column;\n        gap: dt('datepicker.time.picker.button.gap');\n    }\n\n    .p-datepicker-time-picker span {\n        font-size: 1rem;\n    }\n\n    .p-datepicker-timeonly .p-datepicker-time-picker {\n        border-block-start: 0 none;\n    }\n\n    .p-datepicker-time-picker:dir(rtl) {\n        flex-direction: row-reverse;\n    }\n\n    .p-datepicker:has(.p-inputtext-sm) .p-datepicker-dropdown {\n        width: dt('datepicker.dropdown.sm.width');\n    }\n\n    .p-datepicker:has(.p-inputtext-sm) .p-datepicker-dropdown .p-icon,\n    .p-datepicker:has(.p-inputtext-sm) .p-datepicker-input-icon {\n        font-size: dt('form.field.sm.font.size');\n        width: dt('form.field.sm.font.size');\n        height: dt('form.field.sm.font.size');\n    }\n\n    .p-datepicker:has(.p-inputtext-lg) .p-datepicker-dropdown {\n        width: dt('datepicker.dropdown.lg.width');\n    }\n\n    .p-datepicker:has(.p-inputtext-lg) .p-datepicker-dropdown .p-icon,\n    .p-datepicker:has(.p-inputtext-lg) .p-datepicker-input-icon {\n        font-size: dt('form.field.lg.font.size');\n        width: dt('form.field.lg.font.size');\n        height: dt('form.field.lg.font.size');\n    }\n\n    .p-datepicker:has(.p-datepicker-dropdown) .p-datepicker-clear-icon,\n    .p-datepicker:has(.p-datepicker-input-icon-container) .p-datepicker-clear-icon {\n        inset-inline-end: calc(dt('datepicker.dropdown.width') + dt('form.field.padding.x'));\n    }\n\n    .p-datepicker-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n        cursor: pointer;\n        color: dt('form.field.icon.color');\n        inset-inline-end: dt('form.field.padding.x');\n    }\n";/* Injected with object hook! */
 
 var inlineStyles$1 = {
   root: function root(_ref) {
@@ -2416,7 +2390,7 @@ var script$8 = {
       this.scrollHandler = null;
     }
     if (this.overlay && this.autoZIndex) {
-      ZIndex.clear(this.overlay);
+      x.clear(this.overlay);
     }
     this.overlay = null;
   },
@@ -2603,9 +2577,9 @@ var script$8 = {
         position: 'absolute',
         top: '0'
       } : undefined;
-      addStyle(el, styles);
+      S(el, styles);
       if (this.autoZIndex) {
-        ZIndex.set('overlay', el, this.baseZIndex || this.$primevue.config.zIndex.overlay);
+        x.set('overlay', el, this.baseZIndex || this.$primevue.config.zIndex.overlay);
       }
 
       // Issue: #7508
@@ -2620,7 +2594,7 @@ var script$8 = {
     },
     onOverlayAfterLeave: function onOverlayAfterLeave(el) {
       if (this.autoZIndex) {
-        ZIndex.clear(el);
+        x.clear(el);
       }
     },
     onOverlayLeave: function onOverlayLeave() {
@@ -2777,7 +2751,7 @@ var script$8 = {
       var _this5 = this;
       if (!this.resizeListener) {
         this.resizeListener = function () {
-          if (_this5.overlayVisible && !isTouchDevice()) {
+          if (_this5.overlayVisible && !Yt()) {
             _this5.overlayVisible = false;
           }
         };
@@ -2837,15 +2811,15 @@ var script$8 = {
     alignOverlay: function alignOverlay() {
       if (this.overlay) {
         if (this.appendTo === 'self' || this.inline) {
-          relativePosition(this.overlay, this.$el);
+          I(this.overlay, this.$el);
         } else {
           if (this.view === 'date') {
-            this.overlay.style.width = getOuterWidth(this.overlay) + 'px';
-            this.overlay.style.minWidth = getOuterWidth(this.$el) + 'px';
+            this.overlay.style.width = v(this.overlay) + 'px';
+            this.overlay.style.minWidth = v(this.$el) + 'px';
           } else {
-            this.overlay.style.width = getOuterWidth(this.$el) + 'px';
+            this.overlay.style.width = v(this.$el) + 'px';
           }
-          absolutePosition(this.overlay, this.$el);
+          D(this.overlay, this.$el);
         }
       }
     },
@@ -2905,7 +2879,7 @@ var script$8 = {
       if (this.disabled || !dateMeta.selectable) {
         return;
       }
-      find(this.overlay, 'table td span:not([data-p-disabled="true"])').forEach(function (cell) {
+      Y(this.overlay, 'table td span:not([data-p-disabled="true"])').forEach(function (cell) {
         return cell.tabIndex = -1;
       });
       if (event) {
@@ -3700,21 +3674,22 @@ var script$8 = {
       return Math.floor(Math.round((time - checkDate.getTime()) / 86400000) / 7) + 1;
     },
     onDateCellKeydown: function onDateCellKeydown(event, date, groupIndex) {
+      event.preventDefault();
       var cellContent = event.currentTarget;
       var cell = cellContent.parentElement;
-      var cellIndex = getIndex(cell);
+      var cellIndex = Ht(cell);
       switch (event.code) {
         case 'ArrowDown':
           {
             cellContent.tabIndex = '-1';
             var nextRow = cell.parentElement.nextElementSibling;
             if (nextRow) {
-              var tableRowIndex = getIndex(cell.parentElement);
+              var tableRowIndex = Ht(cell.parentElement);
               var tableRows = Array.from(cell.parentElement.parentElement.children);
               var nextTableRows = tableRows.slice(tableRowIndex + 1);
               var hasNextFocusableDate = nextTableRows.find(function (el) {
                 var focusCell = el.children[cellIndex].children[0];
-                return !getAttribute(focusCell, 'data-p-disabled');
+                return !Q(focusCell, 'data-p-disabled');
               });
               if (hasNextFocusableDate) {
                 var focusCell = hasNextFocusableDate.children[cellIndex].children[0];
@@ -3744,12 +3719,12 @@ var script$8 = {
             } else {
               var prevRow = cell.parentElement.previousElementSibling;
               if (prevRow) {
-                var _tableRowIndex = getIndex(cell.parentElement);
+                var _tableRowIndex = Ht(cell.parentElement);
                 var _tableRows = Array.from(cell.parentElement.parentElement.children);
                 var prevTableRows = _tableRows.slice(0, _tableRowIndex).reverse();
                 var _hasNextFocusableDate = prevTableRows.find(function (el) {
                   var focusCell = el.children[cellIndex].children[0];
-                  return !getAttribute(focusCell, 'data-p-disabled');
+                  return !Q(focusCell, 'data-p-disabled');
                 });
                 if (_hasNextFocusableDate) {
                   var _focusCell = _hasNextFocusableDate.children[cellIndex].children[0];
@@ -3780,7 +3755,7 @@ var script$8 = {
               var prevCells = cells.slice(0, cellIndex).reverse();
               var _hasNextFocusableDate2 = prevCells.find(function (el) {
                 var focusCell = el.children[0];
-                return !getAttribute(focusCell, 'data-p-disabled');
+                return !Q(focusCell, 'data-p-disabled');
               });
               if (_hasNextFocusableDate2) {
                 var _focusCell2 = _hasNextFocusableDate2.children[0];
@@ -3804,7 +3779,7 @@ var script$8 = {
               var nextCells = _cells.slice(cellIndex + 1);
               var _hasNextFocusableDate3 = nextCells.find(function (el) {
                 var focusCell = el.children[0];
-                return !getAttribute(focusCell, 'data-p-disabled');
+                return !Q(focusCell, 'data-p-disabled');
               });
               if (_hasNextFocusableDate3) {
                 var _focusCell3 = _hasNextFocusableDate3.children[0];
@@ -3845,7 +3820,7 @@ var script$8 = {
             cellContent.tabIndex = '-1';
             var currentRow = cell.parentElement;
             var _focusCell4 = currentRow.children[0].children[0];
-            if (getAttribute(_focusCell4, 'data-p-disabled')) {
+            if (Q(_focusCell4, 'data-p-disabled')) {
               this.navigateToMonth(event, true, groupIndex);
             } else {
               _focusCell4.tabIndex = '0';
@@ -3859,7 +3834,7 @@ var script$8 = {
             cellContent.tabIndex = '-1';
             var _currentRow = cell.parentElement;
             var _focusCell5 = _currentRow.children[_currentRow.children.length - 1].children[0];
-            if (getAttribute(_focusCell5, 'data-p-disabled')) {
+            if (Q(_focusCell5, 'data-p-disabled')) {
               this.navigateToMonth(event, false, groupIndex);
             } else {
               _focusCell5.tabIndex = '0';
@@ -3903,7 +3878,7 @@ var script$8 = {
           this.navBackward(event);
         } else {
           var prevMonthContainer = this.overlay.children[groupIndex - 1];
-          var cells = find(prevMonthContainer, 'table td span:not([data-p-disabled="true"]):not([data-p-ink="true"])');
+          var cells = Y(prevMonthContainer, 'table td span:not([data-p-disabled="true"]):not([data-p-ink="true"])');
           var focusCell = cells[cells.length - 1];
           focusCell.tabIndex = '0';
           focusCell.focus();
@@ -3916,7 +3891,7 @@ var script$8 = {
           this.navForward(event);
         } else {
           var nextMonthContainer = this.overlay.children[groupIndex + 1];
-          var _focusCell6 = findSingle(nextMonthContainer, 'table td span:not([data-p-disabled="true"]):not([data-p-ink="true"])');
+          var _focusCell6 = z(nextMonthContainer, 'table td span:not([data-p-disabled="true"]):not([data-p-ink="true"])');
           _focusCell6.tabIndex = '0';
           _focusCell6.focus();
         }
@@ -3930,7 +3905,7 @@ var script$8 = {
           {
             cell.tabIndex = '-1';
             var cells = cell.parentElement.children;
-            var cellIndex = getIndex(cell);
+            var cellIndex = Ht(cell);
             var nextCell = cells[event.code === 'ArrowDown' ? cellIndex + 3 : cellIndex - 3];
             if (nextCell) {
               nextCell.tabIndex = '0';
@@ -4018,7 +3993,7 @@ var script$8 = {
           {
             cell.tabIndex = '-1';
             var cells = cell.parentElement.children;
-            var cellIndex = getIndex(cell);
+            var cellIndex = Ht(cell);
             var nextCell = cells[event.code === 'ArrowDown' ? cellIndex + 2 : cellIndex - 2];
             if (nextCell) {
               nextCell.tabIndex = '0';
@@ -4112,22 +4087,22 @@ var script$8 = {
           if (this.navigationState.backward) {
             var cells;
             if (this.currentView === 'month') {
-              cells = find(this.overlay, '[data-pc-section="monthview"] [data-pc-section="month"]:not([data-p-disabled="true"])');
+              cells = Y(this.overlay, '[data-pc-section="monthview"] [data-pc-section="month"]:not([data-p-disabled="true"])');
             } else if (this.currentView === 'year') {
-              cells = find(this.overlay, '[data-pc-section="yearview"] [data-pc-section="year"]:not([data-p-disabled="true"])');
+              cells = Y(this.overlay, '[data-pc-section="yearview"] [data-pc-section="year"]:not([data-p-disabled="true"])');
             } else {
-              cells = find(this.overlay, 'table td span:not([data-p-disabled="true"]):not([data-p-ink="true"])');
+              cells = Y(this.overlay, 'table td span:not([data-p-disabled="true"]):not([data-p-ink="true"])');
             }
             if (cells && cells.length > 0) {
               cell = cells[cells.length - 1];
             }
           } else {
             if (this.currentView === 'month') {
-              cell = findSingle(this.overlay, '[data-pc-section="monthview"] [data-pc-section="month"]:not([data-p-disabled="true"])');
+              cell = z(this.overlay, '[data-pc-section="monthview"] [data-pc-section="month"]:not([data-p-disabled="true"])');
             } else if (this.currentView === 'year') {
-              cell = findSingle(this.overlay, '[data-pc-section="yearview"] [data-pc-section="year"]:not([data-p-disabled="true"])');
+              cell = z(this.overlay, '[data-pc-section="yearview"] [data-pc-section="year"]:not([data-p-disabled="true"])');
             } else {
-              cell = findSingle(this.overlay, 'table td span:not([data-p-disabled="true"]):not([data-p-ink="true"])');
+              cell = z(this.overlay, 'table td span:not([data-p-disabled="true"]):not([data-p-ink="true"])');
             }
           }
           if (cell) {
@@ -4143,24 +4118,24 @@ var script$8 = {
     initFocusableCell: function initFocusableCell() {
       var cell;
       if (this.currentView === 'month') {
-        var cells = find(this.overlay, '[data-pc-section="monthview"] [data-pc-section="month"]');
-        var selectedCell = findSingle(this.overlay, '[data-pc-section="monthview"] [data-pc-section="month"][data-p-selected="true"]');
+        var cells = Y(this.overlay, '[data-pc-section="monthview"] [data-pc-section="month"]');
+        var selectedCell = z(this.overlay, '[data-pc-section="monthview"] [data-pc-section="month"][data-p-selected="true"]');
         cells.forEach(function (cell) {
           return cell.tabIndex = -1;
         });
         cell = selectedCell || cells[0];
       } else if (this.currentView === 'year') {
-        var _cells2 = find(this.overlay, '[data-pc-section="yearview"] [data-pc-section="year"]');
-        var _selectedCell = findSingle(this.overlay, '[data-pc-section="yearview"] [data-pc-section="year"][data-p-selected="true"]');
+        var _cells2 = Y(this.overlay, '[data-pc-section="yearview"] [data-pc-section="year"]');
+        var _selectedCell = z(this.overlay, '[data-pc-section="yearview"] [data-pc-section="year"][data-p-selected="true"]');
         _cells2.forEach(function (cell) {
           return cell.tabIndex = -1;
         });
         cell = _selectedCell || _cells2[0];
       } else {
-        cell = findSingle(this.overlay, 'span[data-p-selected="true"]');
+        cell = z(this.overlay, 'span[data-p-selected="true"]');
         if (!cell) {
-          var todayCell = findSingle(this.overlay, 'td[data-p-today="true"] span:not([data-p-disabled="true"]):not([data-p-ink="true"])');
-          if (todayCell) cell = todayCell;else cell = findSingle(this.overlay, '.p-datepicker-calendar td span:not([data-p-disabled="true"]):not([data-p-ink="true"])');
+          var todayCell = z(this.overlay, 'td[data-p-today="true"] span:not([data-p-disabled="true"]):not([data-p-ink="true"])');
+          if (todayCell) cell = todayCell;else cell = z(this.overlay, '.p-datepicker-calendar td span:not([data-p-disabled="true"]):not([data-p-ink="true"])');
         }
       }
       if (cell) {
@@ -4170,7 +4145,7 @@ var script$8 = {
     },
     trapFocus: function trapFocus(event) {
       event.preventDefault();
-      var focusableElements = getFocusableElements(this.overlay);
+      var focusableElements = b(this.overlay);
       if (focusableElements && focusableElements.length > 0) {
         if (!document.activeElement) {
           focusableElements[0].focus();
@@ -4264,10 +4239,11 @@ var script$8 = {
         if (this.overlayVisible) {
           this.overlayVisible = false;
           event.preventDefault();
+          event.stopPropagation();
         }
       } else if (event.code === 'Tab') {
         if (this.overlay) {
-          getFocusableElements(this.overlay).forEach(function (el) {
+          b(this.overlay).forEach(function (el) {
             return el.tabIndex = '-1';
           });
         }
@@ -4322,6 +4298,7 @@ var script$8 = {
           if (!this.inline) {
             this.input.focus();
             this.overlayVisible = false;
+            event.stopPropagation();
           }
           break;
       }
@@ -4335,12 +4312,12 @@ var script$8 = {
           var _this$$primevue;
           this.responsiveStyleElement = document.createElement('style');
           this.responsiveStyleElement.type = 'text/css';
-          setAttribute(this.responsiveStyleElement, 'nonce', (_this$$primevue = this.$primevue) === null || _this$$primevue === void 0 || (_this$$primevue = _this$$primevue.config) === null || _this$$primevue === void 0 || (_this$$primevue = _this$$primevue.csp) === null || _this$$primevue === void 0 ? void 0 : _this$$primevue.nonce);
+          Kt(this.responsiveStyleElement, 'nonce', (_this$$primevue = this.$primevue) === null || _this$$primevue === void 0 || (_this$$primevue = _this$$primevue.config) === null || _this$$primevue === void 0 || (_this$$primevue = _this$$primevue.csp) === null || _this$$primevue === void 0 ? void 0 : _this$$primevue.nonce);
           document.body.appendChild(this.responsiveStyleElement);
         }
         var innerHTML = '';
         if (this.responsiveOptions) {
-          var comparer = localeComparator();
+          var comparer = W();
           var responsiveOptions = _toConsumableArray$1(this.responsiveOptions).filter(function (o) {
             return !!(o.breakpoint && o.numMonths);
           }).sort(function (o1, o2) {
@@ -4367,7 +4344,7 @@ var script$8 = {
       }
     },
     dayDataP: function dayDataP(date) {
-      return cn({
+      return f({
         today: date.today,
         'other-month': date.otherMonth,
         selected: this.isSelected(date),
@@ -4380,7 +4357,16 @@ var script$8 = {
       var propValue = this.d_value;
       if (propValue && Array.isArray(propValue)) {
         if (this.isRangeSelection()) {
-          propValue = propValue[1] || propValue[0];
+          if (propValue.length === 1) {
+            propValue = propValue[0];
+          } else {
+            var lastVisibleMonth = new Date(propValue[0].getFullYear(), propValue[0].getMonth() + this.numberOfMonths, 1);
+            if (propValue[1] < lastVisibleMonth) {
+              propValue = propValue[0];
+            } else {
+              propValue = new Date(propValue[1].getFullYear(), propValue[1].getMonth() - this.numberOfMonths + 1, 1);
+            }
+          }
         } else if (this.isMultipleSelection()) {
           propValue = propValue[propValue.length - 1];
         }
@@ -4579,20 +4565,20 @@ var script$8 = {
       return this.$id + '_panel';
     },
     containerDataP: function containerDataP() {
-      return cn({
+      return f({
         fluid: this.$fluid
       });
     },
     panelDataP: function panelDataP() {
-      return cn(_defineProperty$4({
+      return f(_defineProperty$4({
         inline: this.inline
       }, 'portal-' + this.appendTo, 'portal-' + this.appendTo));
     },
     inputIconDataP: function inputIconDataP() {
-      return cn(_defineProperty$4({}, this.size, this.size));
+      return f(_defineProperty$4({}, this.size, this.size));
     },
     timePickerDataP: function timePickerDataP() {
-      return cn({
+      return f({
         'time-only': this.timeOnly
       });
     },
@@ -4792,10 +4778,7 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
     onKeydown: $options.onKeyDown,
     "data-p-has-dropdown": _ctx.showIcon && _ctx.iconDisplay === 'button' && !_ctx.inline,
     "data-p-has-e-icon": _ctx.showIcon && _ctx.iconDisplay === 'input' && !_ctx.inline,
-    pt: _ctx.ptm('pcInputText'),
-    formControl: {
-      novalidate: true
-    }
+    pt: _ctx.ptm('pcInputText')
   }, null, 8, ["id", "class", "style", "defaultValue", "placeholder", "name", "size", "invalid", "variant", "fluid", "unstyled", "aria-expanded", "aria-controls", "aria-labelledby", "aria-label", "disabled", "readonly", "onInput", "onClick", "onFocus", "onBlur", "onKeydown", "data-p-has-dropdown", "data-p-has-e-icon", "pt"])) : createCommentVNode("", true), _ctx.showIcon && _ctx.iconDisplay === 'button' && !_ctx.inline ? renderSlot(_ctx.$slots, "dropdownbutton", {
     key: 1,
     toggleCallback: $options.onButtonClick
@@ -5722,7 +5705,7 @@ script$6.render = render$5;
 
 /* Injected with object hook! */
 
-var style$2="\n    .p-inputnumber {\n        display: inline-flex;\n        position: relative;\n    }\n\n    .p-inputnumber-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex: 0 0 auto;\n        cursor: pointer;\n        background: dt('inputnumber.button.background');\n        color: dt('inputnumber.button.color');\n        width: dt('inputnumber.button.width');\n        transition:\n            background dt('inputnumber.transition.duration'),\n            color dt('inputnumber.transition.duration'),\n            border-color dt('inputnumber.transition.duration'),\n            outline-color dt('inputnumber.transition.duration');\n    }\n\n    .p-inputnumber-button:disabled {\n        cursor: auto;\n    }\n\n    .p-inputnumber-button:not(:disabled):hover {\n        background: dt('inputnumber.button.hover.background');\n        color: dt('inputnumber.button.hover.color');\n    }\n\n    .p-inputnumber-button:not(:disabled):active {\n        background: dt('inputnumber.button.active.background');\n        color: dt('inputnumber.button.active.color');\n    }\n\n    .p-inputnumber-stacked .p-inputnumber-button {\n        position: relative;\n        border: 0 none;\n    }\n\n    .p-inputnumber-stacked .p-inputnumber-button-group {\n        display: flex;\n        flex-direction: column;\n        position: absolute;\n        inset-block-start: 1px;\n        inset-inline-end: 1px;\n        height: calc(100% - 2px);\n        z-index: 1;\n    }\n\n    .p-inputnumber-stacked .p-inputnumber-increment-button {\n        padding: 0;\n        border-start-end-radius: calc(dt('inputnumber.button.border.radius') - 1px);\n    }\n\n    .p-inputnumber-stacked .p-inputnumber-decrement-button {\n        padding: 0;\n        border-end-end-radius: calc(dt('inputnumber.button.border.radius') - 1px);\n    }\n\n    .p-inputnumber-stacked .p-inputnumber-button {\n        flex: 1 1 auto;\n        border: 0 none;\n    }\n\n    .p-inputnumber-horizontal .p-inputnumber-button {\n        border: 1px solid dt('inputnumber.button.border.color');\n    }\n\n    .p-inputnumber-horizontal .p-inputnumber-button:hover {\n        border-color: dt('inputnumber.button.hover.border.color');\n    }\n\n    .p-inputnumber-horizontal .p-inputnumber-button:active {\n        border-color: dt('inputnumber.button.active.border.color');\n    }\n\n    .p-inputnumber-horizontal .p-inputnumber-increment-button {\n        order: 3;\n        border-start-end-radius: dt('inputnumber.button.border.radius');\n        border-end-end-radius: dt('inputnumber.button.border.radius');\n        border-inline-start: 0 none;\n    }\n\n    .p-inputnumber-horizontal .p-inputnumber-input {\n        order: 2;\n        border-radius: 0;\n    }\n\n    .p-inputnumber-horizontal .p-inputnumber-decrement-button {\n        order: 1;\n        border-start-start-radius: dt('inputnumber.button.border.radius');\n        border-end-start-radius: dt('inputnumber.button.border.radius');\n        border-inline-end: 0 none;\n    }\n\n    .p-floatlabel:has(.p-inputnumber-horizontal) label {\n        margin-inline-start: dt('inputnumber.button.width');\n    }\n\n    .p-inputnumber-vertical {\n        flex-direction: column;\n    }\n\n    .p-inputnumber-vertical .p-inputnumber-button {\n        border: 1px solid dt('inputnumber.button.border.color');\n        padding: dt('inputnumber.button.vertical.padding');\n    }\n\n    .p-inputnumber-vertical .p-inputnumber-button:hover {\n        border-color: dt('inputnumber.button.hover.border.color');\n    }\n\n    .p-inputnumber-vertical .p-inputnumber-button:active {\n        border-color: dt('inputnumber.button.active.border.color');\n    }\n\n    .p-inputnumber-vertical .p-inputnumber-increment-button {\n        order: 1;\n        border-start-start-radius: dt('inputnumber.button.border.radius');\n        border-start-end-radius: dt('inputnumber.button.border.radius');\n        width: 100%;\n        border-block-end: 0 none;\n    }\n\n    .p-inputnumber-vertical .p-inputnumber-input {\n        order: 2;\n        border-radius: 0;\n        text-align: center;\n    }\n\n    .p-inputnumber-vertical .p-inputnumber-decrement-button {\n        order: 3;\n        border-end-start-radius: dt('inputnumber.button.border.radius');\n        border-end-end-radius: dt('inputnumber.button.border.radius');\n        width: 100%;\n        border-block-start: 0 none;\n    }\n\n    .p-inputnumber-input {\n        flex: 1 1 auto;\n    }\n\n    .p-inputnumber-fluid {\n        width: 100%;\n    }\n\n    .p-inputnumber-fluid .p-inputnumber-input {\n        width: 1%;\n    }\n\n    .p-inputnumber-fluid.p-inputnumber-vertical .p-inputnumber-input {\n        width: 100%;\n    }\n\n    .p-inputnumber:has(.p-inputtext-sm) .p-inputnumber-button .p-icon {\n        font-size: dt('form.field.sm.font.size');\n        width: dt('form.field.sm.font.size');\n        height: dt('form.field.sm.font.size');\n    }\n\n    .p-inputnumber:has(.p-inputtext-lg) .p-inputnumber-button .p-icon {\n        font-size: dt('form.field.lg.font.size');\n        width: dt('form.field.lg.font.size');\n        height: dt('form.field.lg.font.size');\n    }\n\n    .p-inputnumber-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n        cursor: pointer;\n        inset-inline-end: dt('form.field.padding.x');\n        color: dt('form.field.icon.color');\n    }\n\n    .p-inputnumber-stacked,.p-inputnumber-clear-icon \n    .p-inputnumber-horizontal .p-inputnumber-clear-icon{\n        inset-inline-end: calc(dt('inputnumber.button.width') + dt('form.field.padding.x'));\n    }\n";/* Injected with object hook! */
+var style$2="\n    .p-inputnumber {\n        display: inline-flex;\n        position: relative;\n    }\n\n    .p-inputnumber-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex: 0 0 auto;\n        cursor: pointer;\n        background: dt('inputnumber.button.background');\n        color: dt('inputnumber.button.color');\n        width: dt('inputnumber.button.width');\n        transition:\n            background dt('inputnumber.transition.duration'),\n            color dt('inputnumber.transition.duration'),\n            border-color dt('inputnumber.transition.duration'),\n            outline-color dt('inputnumber.transition.duration');\n    }\n\n    .p-inputnumber-button:disabled {\n        cursor: auto;\n    }\n\n    .p-inputnumber-button:not(:disabled):hover {\n        background: dt('inputnumber.button.hover.background');\n        color: dt('inputnumber.button.hover.color');\n    }\n\n    .p-inputnumber-button:not(:disabled):active {\n        background: dt('inputnumber.button.active.background');\n        color: dt('inputnumber.button.active.color');\n    }\n\n    .p-inputnumber-stacked .p-inputnumber-button {\n        position: relative;\n        flex: 1 1 auto;\n        border: 0 none;\n    }\n\n    .p-inputnumber-stacked .p-inputnumber-button-group {\n        display: flex;\n        flex-direction: column;\n        position: absolute;\n        inset-block-start: 1px;\n        inset-inline-end: 1px;\n        height: calc(100% - 2px);\n        z-index: 1;\n    }\n\n    .p-inputnumber-stacked .p-inputnumber-increment-button {\n        padding: 0;\n        border-start-end-radius: calc(dt('inputnumber.button.border.radius') - 1px);\n    }\n\n    .p-inputnumber-stacked .p-inputnumber-decrement-button {\n        padding: 0;\n        border-end-end-radius: calc(dt('inputnumber.button.border.radius') - 1px);\n    }\n\n    .p-inputnumber-horizontal .p-inputnumber-button {\n        border: 1px solid dt('inputnumber.button.border.color');\n    }\n\n    .p-inputnumber-horizontal .p-inputnumber-button:hover {\n        border-color: dt('inputnumber.button.hover.border.color');\n    }\n\n    .p-inputnumber-horizontal .p-inputnumber-button:active {\n        border-color: dt('inputnumber.button.active.border.color');\n    }\n\n    .p-inputnumber-horizontal .p-inputnumber-increment-button {\n        order: 3;\n        border-start-end-radius: dt('inputnumber.button.border.radius');\n        border-end-end-radius: dt('inputnumber.button.border.radius');\n        border-inline-start: 0 none;\n    }\n\n    .p-inputnumber-horizontal .p-inputnumber-input {\n        order: 2;\n        border-radius: 0;\n    }\n\n    .p-inputnumber-horizontal .p-inputnumber-decrement-button {\n        order: 1;\n        border-start-start-radius: dt('inputnumber.button.border.radius');\n        border-end-start-radius: dt('inputnumber.button.border.radius');\n        border-inline-end: 0 none;\n    }\n\n    .p-floatlabel:has(.p-inputnumber-horizontal) label {\n        margin-inline-start: dt('inputnumber.button.width');\n    }\n\n    .p-inputnumber-vertical {\n        flex-direction: column;\n    }\n\n    .p-inputnumber-vertical .p-inputnumber-button {\n        border: 1px solid dt('inputnumber.button.border.color');\n        padding: dt('inputnumber.button.vertical.padding');\n    }\n\n    .p-inputnumber-vertical .p-inputnumber-button:hover {\n        border-color: dt('inputnumber.button.hover.border.color');\n    }\n\n    .p-inputnumber-vertical .p-inputnumber-button:active {\n        border-color: dt('inputnumber.button.active.border.color');\n    }\n\n    .p-inputnumber-vertical .p-inputnumber-increment-button {\n        order: 1;\n        border-start-start-radius: dt('inputnumber.button.border.radius');\n        border-start-end-radius: dt('inputnumber.button.border.radius');\n        width: 100%;\n        border-block-end: 0 none;\n    }\n\n    .p-inputnumber-vertical .p-inputnumber-input {\n        order: 2;\n        border-radius: 0;\n        text-align: center;\n    }\n\n    .p-inputnumber-vertical .p-inputnumber-decrement-button {\n        order: 3;\n        border-end-start-radius: dt('inputnumber.button.border.radius');\n        border-end-end-radius: dt('inputnumber.button.border.radius');\n        width: 100%;\n        border-block-start: 0 none;\n    }\n\n    .p-inputnumber-input {\n        flex: 1 1 auto;\n    }\n\n    .p-inputnumber-fluid {\n        width: 100%;\n    }\n\n    .p-inputnumber-fluid .p-inputnumber-input {\n        width: 1%;\n    }\n\n    .p-inputnumber-fluid.p-inputnumber-vertical .p-inputnumber-input {\n        width: 100%;\n    }\n\n    .p-inputnumber:has(.p-inputtext-sm) .p-inputnumber-button .p-icon {\n        font-size: dt('form.field.sm.font.size');\n        width: dt('form.field.sm.font.size');\n        height: dt('form.field.sm.font.size');\n    }\n\n    .p-inputnumber:has(.p-inputtext-lg) .p-inputnumber-button .p-icon {\n        font-size: dt('form.field.lg.font.size');\n        width: dt('form.field.lg.font.size');\n        height: dt('form.field.lg.font.size');\n    }\n\n    .p-inputnumber-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n        cursor: pointer;\n        inset-inline-end: dt('form.field.padding.x');\n        color: dt('form.field.icon.color');\n    }\n\n    .p-inputnumber-stacked .p-inputnumber-clear-icon, \n    .p-inputnumber-horizontal .p-inputnumber-clear-icon {\n        inset-inline-end: calc(dt('inputnumber.button.width') + dt('form.field.padding.x'));\n    }\n";/* Injected with object hook! */
 
 var classes$2 = {
   root: function root(_ref) {
@@ -6264,6 +6247,10 @@ var script$5 = {
           {
             event.preventDefault();
             if (selectionStart === selectionEnd) {
+              if (selectionStart >= inputValue.length && this.suffixChar !== null) {
+                selectionStart = inputValue.length - this.suffixChar.length;
+                this.$refs.input.$el.setSelectionRange(selectionStart, selectionStart);
+              }
               var deleteChar = inputValue.charAt(selectionStart - 1);
               var _this$getDecimalCharI = this.getDecimalCharIndexes(inputValue),
                 decimalCharIndex = _this$getDecimalCharI.decimalCharIndex,
@@ -6334,13 +6321,13 @@ var script$5 = {
           break;
         case 'Home':
           event.preventDefault();
-          if (isNotEmpty(this.min)) {
+          if (s(this.min)) {
             this.updateModel(event, this.min);
           }
           break;
         case 'End':
           event.preventDefault();
-          if (isNotEmpty(this.max)) {
+          if (s(this.max)) {
             this.updateModel(event, this.max);
           }
           break;
@@ -6364,6 +6351,9 @@ var script$5 = {
       }
     },
     onPaste: function onPaste(event) {
+      if (this.readonly) {
+        return;
+      }
       event.preventDefault();
       var data = (event.clipboardData || window['clipboardData']).getData('Text');
       if (data) {
@@ -6542,7 +6532,7 @@ var script$5 = {
     },
     onInputClick: function onInputClick() {
       var currentValue = this.$refs.input.$el.value;
-      if (!this.readonly && currentValue !== getSelection()) {
+      if (!this.readonly && currentValue !== Mt()) {
         this.initCursor();
       }
     },
@@ -6564,7 +6554,7 @@ var script$5 = {
       var newValue = null;
       if (valueStr != null) {
         newValue = this.parseValue(valueStr);
-        newValue = !newValue && !this.allowEmpty ? this.min || 0 : newValue;
+        newValue = !newValue && !this.allowEmpty ? 0 : newValue;
         this.updateInput(newValue, insertedValueStr, operation, valueStr);
         this.handleOnInput(event, currentValue, newValue);
       }
@@ -6693,7 +6683,7 @@ var script$5 = {
     },
     onInputFocus: function onInputFocus(event) {
       this.focused = true;
-      if (!this.disabled && !this.readonly && this.$refs.input.$el.value !== getSelection() && this.highlightOnFocus) {
+      if (!this.disabled && !this.readonly && this.$refs.input.$el.value !== Mt() && this.highlightOnFocus) {
         event.target.select();
       }
       this.$emit('focus', event);
@@ -6712,7 +6702,7 @@ var script$5 = {
       input.setAttribute('aria-valuenow', newValue);
       this.updateModel(event, newValue);
       if (!this.disabled && !this.readonly && this.highlightOnFocus) {
-        clearSelection();
+        pt();
       }
     },
     clearTimer: function clearTimer() {
@@ -6776,7 +6766,7 @@ var script$5 = {
       return this.numberFormat;
     },
     dataP: function dataP() {
-      return cn(_defineProperty$3(_defineProperty$3({
+      return f(_defineProperty$3(_defineProperty$3({
         invalid: this.$invalid,
         fluid: this.$fluid,
         filled: this.$variant === 'filled'
@@ -7193,14 +7183,14 @@ var script$2 = {
       this.scrollHandler = null;
     }
     if (this.overlay) {
-      ZIndex.clear(this.overlay);
+      x.clear(this.overlay);
       this.overlay = null;
     }
   },
   methods: {
     onOverlayEnter: function onOverlayEnter(el) {
-      ZIndex.set('overlay', el, this.$primevue.config.zIndex.overlay);
-      addStyle(el, {
+      x.set('overlay', el, this.$primevue.config.zIndex.overlay);
+      S(el, {
         position: 'absolute',
         top: '0'
       });
@@ -7217,14 +7207,14 @@ var script$2 = {
       this.overlay = null;
     },
     onOverlayAfterLeave: function onOverlayAfterLeave(el) {
-      ZIndex.clear(el);
+      x.clear(el);
     },
     alignOverlay: function alignOverlay() {
       if (this.appendTo === 'self') {
-        relativePosition(this.overlay, this.$refs.input.$el);
+        I(this.overlay, this.$refs.input.$el);
       } else {
-        this.overlay.style.minWidth = getOuterWidth(this.$refs.input.$el) + 'px';
-        absolutePosition(this.overlay, this.$refs.input.$el);
+        this.overlay.style.minWidth = v(this.$refs.input.$el) + 'px';
+        D(this.overlay, this.$refs.input.$el);
       }
     },
     testStrength: function testStrength(str) {
@@ -7341,7 +7331,7 @@ var script$2 = {
       var _this2 = this;
       if (!this.resizeListener) {
         this.resizeListener = function () {
-          if (_this2.overlayVisible && !isTouchDevice()) {
+          if (_this2.overlayVisible && !Yt()) {
             _this2.overlayVisible = false;
           }
         };
@@ -7387,16 +7377,16 @@ var script$2 = {
       return this.$id + '_overlay';
     },
     containerDataP: function containerDataP() {
-      return cn({
+      return f({
         fluid: this.$fluid
       });
     },
     meterDataP: function meterDataP() {
       var _this$meter, _this$meter2;
-      return cn(_defineProperty$1({}, (_this$meter = this.meter) === null || _this$meter === void 0 ? void 0 : _this$meter.strength, (_this$meter2 = this.meter) === null || _this$meter2 === void 0 ? void 0 : _this$meter2.strength));
+      return f(_defineProperty$1({}, (_this$meter = this.meter) === null || _this$meter === void 0 ? void 0 : _this$meter.strength, (_this$meter2 = this.meter) === null || _this$meter2 === void 0 ? void 0 : _this$meter2.strength));
     },
     overlayDataP: function overlayDataP() {
-      return cn(_defineProperty$1({}, 'portal-' + this.appendTo, 'portal-' + this.appendTo));
+      return f(_defineProperty$1({}, 'portal-' + this.appendTo, 'portal-' + this.appendTo));
     }
   },
   components: {
@@ -7451,10 +7441,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   }, _ctx.inputProps, {
     "data-p-has-e-icon": _ctx.toggleMask,
     pt: _ctx.ptm('pcInputText'),
-    unstyled: _ctx.unstyled,
-    formControl: {
-      novalidate: true
-    }
+    unstyled: _ctx.unstyled
   }), null, 16, ["id", "type", "class", "style", "defaultValue", "name", "aria-labelledby", "aria-label", "aria-controls", "placeholder", "required", "fluid", "disabled", "variant", "invalid", "size", "autofocus", "onInput", "onFocus", "onBlur", "onKeyup", "onInvalid", "data-p-has-e-icon", "pt", "unstyled"]), _ctx.toggleMask && $data.unmasked ? renderSlot(_ctx.$slots, _ctx.$slots.maskicon ? 'maskicon' : 'hideicon', mergeProps({
     key: 0,
     toggleCallback: $options.onMaskToggle,
@@ -7630,7 +7617,7 @@ var script = {
       }), this.formField);
     },
     dataP: function dataP() {
-      return cn(_defineProperty({
+      return f(_defineProperty({
         invalid: this.$invalid,
         fluid: this.$fluid,
         filled: this.$variant === 'filled'