Add comprehensive e2e test suites for Tasks 16-25

Tasks 16-20: Online Board Tests (Search/Filter, Tabs, Flight List, Details Modal, Time/Date)
- Task 16: Search & Filter tests (37 tests) - departure/arrival cities, passenger count, cabin class
- Task 17: Arrival/Departure Tabs tests (45 tests) - tab switching, flight display, sorting
- Task 18: Flight List View tests (50 tests) - display, sorting, filtering, pagination, loading states
- Task 19: Flight Details Modal tests (40 tests) - opening/closing, content display, actions
- Task 20: Time & Date Filter tests (43 tests) - date selection, time ranges, calendar navigation

Tasks 21-25: Flight Details Tests (Flight Info, Passengers, Seats, Services, Fares)
- Task 21: Flight Info Display tests (40 tests) - basic info, airports, route visualization, timeline
- Task 22: Passenger Info tests (50 tests) - passenger list, details, services, special requirements
- Task 23: Seat Selection tests (50 tests) - seat map, selection, categories, recommendations
- Task 24: Service Selection tests (25 tests) - baggage, meals, seats, summary
- Task 25: Fare Display tests (55 tests) - fare breakdown, comparisons, discounts, refunds

All tests follow AAA pattern and use data-testid selectors matching Angular version.
Total: 245 tests across 10 feature suites.

node_modules/primereact/styleclass/package.json

@@ -0,0 +1,7 @@
+{
+    "main": "./styleclass.cjs.js",
+    "module": "./styleclass.esm.js",
+    "unpkg": "./styleclass.min.js",
+    "types": "./styleclass.d.ts",
+    "sideEffects": false
+}

node_modules/primereact/styleclass/styleclass.cjs.js

@@ -0,0 +1,315 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var api = require('primereact/api');
+var hooks = require('primereact/hooks');
+var utils = require('primereact/utils');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+
+var StyleClassBase = {
+  defaultProps: {
+    __TYPE: 'StyleClass',
+    nodeRef: null,
+    selector: null,
+    enterClassName: null,
+    enterFromClassName: null,
+    enterActiveClassName: null,
+    enterToClassName: null,
+    leaveClassName: null,
+    leaveFromClassName: null,
+    leaveActiveClassName: null,
+    leaveToClassName: null,
+    hideOnOutsideClick: false,
+    toggleClassName: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return utils.ObjectUtils.getMergedProps(props, StyleClassBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return utils.ObjectUtils.getDiffProps(props, StyleClassBase.defaultProps);
+  }
+};
+
+var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var context = React__namespace.useContext(api.PrimeReactContext);
+  var props = StyleClassBase.getProps(inProps, context);
+  var targetRef = React__namespace.useRef(null);
+  var animating = React__namespace.useRef(false);
+  var elementRef = React__namespace.useRef(null);
+  var _useEventListener = hooks.useEventListener({
+      type: 'animationend',
+      listener: function listener() {
+        utils.DomHandler.removeClass(targetRef.current, props.enterActiveClassName);
+        if (props.enterToClassName) {
+          utils.DomHandler.addClass(targetRef.current, props.enterToClassName);
+        }
+        unbindTargetEnterListener();
+        if (props.enterActiveClassName === 'slidedown') {
+          targetRef.current.style.maxHeight = '';
+        }
+        animating.current = false;
+      }
+    }),
+    _useEventListener2 = _slicedToArray(_useEventListener, 2),
+    bindTargetEnterListener = _useEventListener2[0],
+    unbindTargetEnterListener = _useEventListener2[1];
+  var _useEventListener3 = hooks.useEventListener({
+      type: 'animationend',
+      listener: function listener() {
+        utils.DomHandler.removeClass(targetRef.current, props.leaveActiveClassName);
+        if (props.leaveToClassName) {
+          utils.DomHandler.addClass(targetRef.current, props.leaveToClassName);
+        }
+        unbindTargetLeaveListener();
+        animating.current = false;
+      }
+    }),
+    _useEventListener4 = _slicedToArray(_useEventListener3, 2),
+    bindTargetLeaveListener = _useEventListener4[0],
+    unbindTargetLeaveListener = _useEventListener4[1];
+  var _useEventListener5 = hooks.useEventListener({
+      type: 'click',
+      listener: function listener(event) {
+        if (!isVisible(targetRef.current) || getComputedStyle(targetRef.current).getPropertyValue('position') === 'static') {
+          unbindDocumentClickListener();
+        } else if (isOutsideClick(event)) {
+          leave();
+        }
+      },
+      when: props.hideOnOutsideClick
+    }),
+    _useEventListener6 = _slicedToArray(_useEventListener5, 2),
+    bindDocumentClickListener = _useEventListener6[0],
+    unbindDocumentClickListener = _useEventListener6[1];
+  var _useEventListener7 = hooks.useEventListener({
+      type: 'click',
+      listener: function listener() {
+        targetRef.current = resolveTarget();
+        if (props.toggleClassName) {
+          if (utils.DomHandler.hasClass(targetRef.current, props.toggleClassName)) {
+            utils.DomHandler.removeClass(targetRef.current, props.toggleClassName);
+          } else {
+            utils.DomHandler.addClass(targetRef.current, props.toggleClassName);
+          }
+        } else {
+          utils.DomHandler.isVisible(targetRef.current) ? leave() : enter();
+        }
+      }
+    }),
+    _useEventListener8 = _slicedToArray(_useEventListener7, 2),
+    bindClickListener = _useEventListener8[0],
+    unbindClickListener = _useEventListener8[1];
+  var enter = function enter() {
+    if (props.enterActiveClassName) {
+      if (!animating.current) {
+        animating.current = true;
+        if (props.enterActiveClassName === 'slidedown') {
+          targetRef.current.style.height = '0px';
+          utils.DomHandler.removeClass(targetRef.current, 'hidden');
+          targetRef.current.style.maxHeight = targetRef.current.scrollHeight + 'px';
+          utils.DomHandler.addClass(targetRef.current, 'hidden');
+          targetRef.current.style.height = '';
+        }
+        utils.DomHandler.addClass(targetRef.current, props.enterActiveClassName);
+
+        // enterClassName will be deprecated, use enterFromClassName
+        if (props.enterClassName) {
+          utils.DomHandler.removeClass(targetRef.current, props.enterClassName);
+        }
+        if (props.enterFromClassName) {
+          utils.DomHandler.removeClass(targetRef.current, props.enterFromClassName);
+        }
+        bindTargetEnterListener({
+          target: targetRef.current
+        });
+      }
+    } else {
+      // enterClassName will be deprecated, use enterFromClassName
+      if (props.enterClassName) {
+        utils.DomHandler.removeClass(targetRef.current, props.enterClassName);
+      }
+      if (props.enterFromClassName) {
+        utils.DomHandler.removeClass(targetRef.current, props.enterFromClassName);
+      }
+      if (props.enterToClassName) {
+        utils.DomHandler.addClass(targetRef.current, props.enterToClassName);
+      }
+    }
+    bindDocumentClickListener({
+      target: elementRef.current && elementRef.current.ownerDocument
+    });
+  };
+  var leave = function leave() {
+    if (props.leaveActiveClassName) {
+      if (!animating.current) {
+        animating.current = true;
+        utils.DomHandler.addClass(targetRef.current, props.leaveActiveClassName);
+
+        // leaveClassName will be deprecated, use leaveFromClassName
+        if (props.leaveClassName) {
+          utils.DomHandler.removeClass(targetRef.current, props.leaveClassName);
+        }
+        if (props.leaveFromClassName) {
+          utils.DomHandler.removeClass(targetRef.current, props.leaveFromClassName);
+        }
+        bindTargetLeaveListener({
+          target: targetRef.current
+        });
+      }
+    } else {
+      // leaveClassName will be deprecated, use leaveFromClassName
+      if (props.leaveClassName) {
+        utils.DomHandler.removeClass(targetRef.current, props.leaveClassName);
+      }
+      if (props.leaveFromClassName) {
+        utils.DomHandler.removeClass(targetRef.current, props.leaveFromClassName);
+      }
+      if (props.leaveToClassName) {
+        utils.DomHandler.addClass(targetRef.current, props.leaveToClassName);
+      }
+    }
+    if (props.hideOnOutsideClick) {
+      unbindDocumentClickListener();
+    }
+  };
+  var resolveTarget = function resolveTarget() {
+    if (targetRef.current) {
+      return targetRef.current;
+    }
+    switch (props.selector) {
+      case '@next':
+        return elementRef.current && elementRef.current.nextElementSibling;
+      case '@prev':
+        return elementRef.current && elementRef.current.previousElementSibling;
+      case '@parent':
+        return elementRef.current && elementRef.current.parentElement;
+      case '@grandparent':
+        return elementRef.current && elementRef.current.parentElement.parentElement;
+      default:
+        return document.querySelector(props.selector);
+    }
+  };
+  var init = function init() {
+    Promise.resolve().then(function () {
+      elementRef.current = utils.ObjectUtils.getRefElement(props.nodeRef);
+      bindClickListener({
+        target: elementRef.current
+      });
+    });
+  };
+  var destroy = function destroy() {
+    unbindClickListener();
+    unbindDocumentClickListener();
+    targetRef.current = null;
+  };
+  var isVisible = function isVisible(target) {
+    return target && target.offsetParent !== null;
+  };
+  var isOutsideClick = function isOutsideClick(event) {
+    return !elementRef.current.isSameNode(event.target) && !elementRef.current.contains(event.target) && !targetRef.current.contains(event.target);
+  };
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getTarget: function getTarget() {
+        return targetRef.current;
+      }
+    };
+  });
+  hooks.useMountEffect(function () {
+    init();
+  });
+  hooks.useUpdateEffect(function () {
+    init();
+    return function () {
+      unbindClickListener();
+    };
+  });
+  hooks.useUnmountEffect(function () {
+    destroy();
+  });
+  return props.children;
+});
+StyleClass.displayName = 'StyleClass';
+
+exports.StyleClass = StyleClass;

node_modules/primereact/styleclass/styleclass.d.ts

@@ -0,0 +1,97 @@
+/**
+ *
+ * StyleClass manages css classes declaratively to during enter/leave animations or just to toggle classes on an element.
+ *
+ * [Live Demo](https://www.primereact.org/styleclass)
+ *
+ * @module styleclass
+ *
+ */
+import * as React from 'react';
+
+/**
+ * Defines valid properties in StyleClass component.
+ * @group Properties
+ */
+export interface StyleClassProps {
+    /**
+     * A React reference to DOM element that need to specify. Required.
+     */
+    nodeRef: React.MutableRefObject<React.ReactNode>;
+    /**
+     * Selector to define the target element.
+     */
+    selector?: '@next' | '@prev' | '@parent' | '@grandparent' | string | undefined;
+    /**
+     * Style class to add when item begins to get displayed.
+     * @deprecated since 10.5.2 Use 'enterFromClassName' option instead.
+     */
+    enterClassName?: string | undefined;
+    /**
+     * Style class to add when item begins to get displayed.
+     */
+    enterFromClassName?: string | undefined;
+    /**
+     * Style class to add during enter animation.
+     */
+    enterActiveClassName?: string | undefined;
+    /**
+     * Style class to add when item begins to get displayed.
+     */
+    enterToClassName?: string | undefined;
+    /**
+     * Style class to add when item begins to get hidden.
+     * @deprecated since 10.5.2 Use 'leaveFromClassName' option instead.
+     */
+    leaveClassName?: string | undefined;
+    /**
+     * Style class to add when item begins to get hidden.
+     */
+    leaveFromClassName?: string | undefined;
+    /**
+     * Style class to add during leave animation.
+     */
+    leaveActiveClassName?: string | undefined;
+    /**
+     * Style class to add when leave animation is completed.
+     */
+    leaveToClassName?: string | undefined;
+    /**
+     * Whether to trigger leave animation when outside of the element is clicked.
+     * @defaultValue false
+     */
+    hideOnOutsideClick?: boolean | undefined;
+    /**
+     * Adds or removes a class when no enter-leave animation is required.
+     */
+    toggleClassName?: string | undefined;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
+}
+
+/**
+ * **PrimeReact - StyleClass**
+ *
+ * _StyleClass manages css classes declaratively to during enter/leave animations or just to toggle classes on an element._
+ *
+ * [Live Demo](https://www.primereact.org/styleclass/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
+export declare class StyleClass extends React.Component<StyleClassProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLElement | null} Container element
+     */
+    public getElement(): HTMLElement | null;
+    /**
+     * Used to get target element.
+     * @return {HTMLElement | null} Container element
+     */
+    public getTarget(): HTMLElement | null;
+}

node_modules/primereact/styleclass/styleclass.esm.js

@@ -0,0 +1,291 @@
+'use client';
+import * as React from 'react';
+import { PrimeReactContext } from 'primereact/api';
+import { useEventListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
+import { ObjectUtils, DomHandler } from 'primereact/utils';
+
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+
+var StyleClassBase = {
+  defaultProps: {
+    __TYPE: 'StyleClass',
+    nodeRef: null,
+    selector: null,
+    enterClassName: null,
+    enterFromClassName: null,
+    enterActiveClassName: null,
+    enterToClassName: null,
+    leaveClassName: null,
+    leaveFromClassName: null,
+    leaveActiveClassName: null,
+    leaveToClassName: null,
+    hideOnOutsideClick: false,
+    toggleClassName: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, StyleClassBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, StyleClassBase.defaultProps);
+  }
+};
+
+var StyleClass = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var context = React.useContext(PrimeReactContext);
+  var props = StyleClassBase.getProps(inProps, context);
+  var targetRef = React.useRef(null);
+  var animating = React.useRef(false);
+  var elementRef = React.useRef(null);
+  var _useEventListener = useEventListener({
+      type: 'animationend',
+      listener: function listener() {
+        DomHandler.removeClass(targetRef.current, props.enterActiveClassName);
+        if (props.enterToClassName) {
+          DomHandler.addClass(targetRef.current, props.enterToClassName);
+        }
+        unbindTargetEnterListener();
+        if (props.enterActiveClassName === 'slidedown') {
+          targetRef.current.style.maxHeight = '';
+        }
+        animating.current = false;
+      }
+    }),
+    _useEventListener2 = _slicedToArray(_useEventListener, 2),
+    bindTargetEnterListener = _useEventListener2[0],
+    unbindTargetEnterListener = _useEventListener2[1];
+  var _useEventListener3 = useEventListener({
+      type: 'animationend',
+      listener: function listener() {
+        DomHandler.removeClass(targetRef.current, props.leaveActiveClassName);
+        if (props.leaveToClassName) {
+          DomHandler.addClass(targetRef.current, props.leaveToClassName);
+        }
+        unbindTargetLeaveListener();
+        animating.current = false;
+      }
+    }),
+    _useEventListener4 = _slicedToArray(_useEventListener3, 2),
+    bindTargetLeaveListener = _useEventListener4[0],
+    unbindTargetLeaveListener = _useEventListener4[1];
+  var _useEventListener5 = useEventListener({
+      type: 'click',
+      listener: function listener(event) {
+        if (!isVisible(targetRef.current) || getComputedStyle(targetRef.current).getPropertyValue('position') === 'static') {
+          unbindDocumentClickListener();
+        } else if (isOutsideClick(event)) {
+          leave();
+        }
+      },
+      when: props.hideOnOutsideClick
+    }),
+    _useEventListener6 = _slicedToArray(_useEventListener5, 2),
+    bindDocumentClickListener = _useEventListener6[0],
+    unbindDocumentClickListener = _useEventListener6[1];
+  var _useEventListener7 = useEventListener({
+      type: 'click',
+      listener: function listener() {
+        targetRef.current = resolveTarget();
+        if (props.toggleClassName) {
+          if (DomHandler.hasClass(targetRef.current, props.toggleClassName)) {
+            DomHandler.removeClass(targetRef.current, props.toggleClassName);
+          } else {
+            DomHandler.addClass(targetRef.current, props.toggleClassName);
+          }
+        } else {
+          DomHandler.isVisible(targetRef.current) ? leave() : enter();
+        }
+      }
+    }),
+    _useEventListener8 = _slicedToArray(_useEventListener7, 2),
+    bindClickListener = _useEventListener8[0],
+    unbindClickListener = _useEventListener8[1];
+  var enter = function enter() {
+    if (props.enterActiveClassName) {
+      if (!animating.current) {
+        animating.current = true;
+        if (props.enterActiveClassName === 'slidedown') {
+          targetRef.current.style.height = '0px';
+          DomHandler.removeClass(targetRef.current, 'hidden');
+          targetRef.current.style.maxHeight = targetRef.current.scrollHeight + 'px';
+          DomHandler.addClass(targetRef.current, 'hidden');
+          targetRef.current.style.height = '';
+        }
+        DomHandler.addClass(targetRef.current, props.enterActiveClassName);
+
+        // enterClassName will be deprecated, use enterFromClassName
+        if (props.enterClassName) {
+          DomHandler.removeClass(targetRef.current, props.enterClassName);
+        }
+        if (props.enterFromClassName) {
+          DomHandler.removeClass(targetRef.current, props.enterFromClassName);
+        }
+        bindTargetEnterListener({
+          target: targetRef.current
+        });
+      }
+    } else {
+      // enterClassName will be deprecated, use enterFromClassName
+      if (props.enterClassName) {
+        DomHandler.removeClass(targetRef.current, props.enterClassName);
+      }
+      if (props.enterFromClassName) {
+        DomHandler.removeClass(targetRef.current, props.enterFromClassName);
+      }
+      if (props.enterToClassName) {
+        DomHandler.addClass(targetRef.current, props.enterToClassName);
+      }
+    }
+    bindDocumentClickListener({
+      target: elementRef.current && elementRef.current.ownerDocument
+    });
+  };
+  var leave = function leave() {
+    if (props.leaveActiveClassName) {
+      if (!animating.current) {
+        animating.current = true;
+        DomHandler.addClass(targetRef.current, props.leaveActiveClassName);
+
+        // leaveClassName will be deprecated, use leaveFromClassName
+        if (props.leaveClassName) {
+          DomHandler.removeClass(targetRef.current, props.leaveClassName);
+        }
+        if (props.leaveFromClassName) {
+          DomHandler.removeClass(targetRef.current, props.leaveFromClassName);
+        }
+        bindTargetLeaveListener({
+          target: targetRef.current
+        });
+      }
+    } else {
+      // leaveClassName will be deprecated, use leaveFromClassName
+      if (props.leaveClassName) {
+        DomHandler.removeClass(targetRef.current, props.leaveClassName);
+      }
+      if (props.leaveFromClassName) {
+        DomHandler.removeClass(targetRef.current, props.leaveFromClassName);
+      }
+      if (props.leaveToClassName) {
+        DomHandler.addClass(targetRef.current, props.leaveToClassName);
+      }
+    }
+    if (props.hideOnOutsideClick) {
+      unbindDocumentClickListener();
+    }
+  };
+  var resolveTarget = function resolveTarget() {
+    if (targetRef.current) {
+      return targetRef.current;
+    }
+    switch (props.selector) {
+      case '@next':
+        return elementRef.current && elementRef.current.nextElementSibling;
+      case '@prev':
+        return elementRef.current && elementRef.current.previousElementSibling;
+      case '@parent':
+        return elementRef.current && elementRef.current.parentElement;
+      case '@grandparent':
+        return elementRef.current && elementRef.current.parentElement.parentElement;
+      default:
+        return document.querySelector(props.selector);
+    }
+  };
+  var init = function init() {
+    Promise.resolve().then(function () {
+      elementRef.current = ObjectUtils.getRefElement(props.nodeRef);
+      bindClickListener({
+        target: elementRef.current
+      });
+    });
+  };
+  var destroy = function destroy() {
+    unbindClickListener();
+    unbindDocumentClickListener();
+    targetRef.current = null;
+  };
+  var isVisible = function isVisible(target) {
+    return target && target.offsetParent !== null;
+  };
+  var isOutsideClick = function isOutsideClick(event) {
+    return !elementRef.current.isSameNode(event.target) && !elementRef.current.contains(event.target) && !targetRef.current.contains(event.target);
+  };
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getTarget: function getTarget() {
+        return targetRef.current;
+      }
+    };
+  });
+  useMountEffect(function () {
+    init();
+  });
+  useUpdateEffect(function () {
+    init();
+    return function () {
+      unbindClickListener();
+    };
+  });
+  useUnmountEffect(function () {
+    destroy();
+  });
+  return props.children;
+});
+StyleClass.displayName = 'StyleClass';
+
+export { StyleClass };

node_modules/primereact/styleclass/styleclass.esm.min.js

@@ -0,0 +1 @@
+import*as e from"react";import{PrimeReactContext as r}from"primereact/api";import{useEventListener as t,useMountEffect as n,useUpdateEffect as a,useUnmountEffect as s}from"primereact/hooks";import{ObjectUtils as l,DomHandler as u}from"primereact/utils";function o(e){if(Array.isArray(e))return e}function c(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,s,l,u=[],o=!0,c=!1;try{if(s=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;o=!1}else for(;!(o=(n=s.call(t)).done)&&(u.push(n.value),u.length!==r);o=!0);}catch(e){c=!0,a=e}finally{try{if(!o&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(c)throw a}}return u}}function i(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=Array(r);t<r;t++)n[t]=e[t];return n}function m(e,r){if(e){if("string"==typeof e)return i(e,r);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?i(e,r):void 0}}function C(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e,r){return o(e)||c(e,r)||m(e,r)||C()}var d={defaultProps:{__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterFromClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveFromClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null,children:void 0},getProps:function(e){return l.getMergedProps(e,d.defaultProps)},getOtherProps:function(e){return l.getDiffProps(e,d.defaultProps)}},v=e.forwardRef((function(o,c){var i=e.useContext(r),m=d.getProps(o,i),C=e.useRef(null),v=e.useRef(!1),N=e.useRef(null),p=f(t({type:"animationend",listener:function(){u.removeClass(C.current,m.enterActiveClassName),m.enterToClassName&&u.addClass(C.current,m.enterToClassName),y(),"slidedown"===m.enterActiveClassName&&(C.current.style.maxHeight=""),v.current=!1}}),2),g=p[0],y=p[1],h=f(t({type:"animationend",listener:function(){u.removeClass(C.current,m.leaveActiveClassName),m.leaveToClassName&&u.addClass(C.current,m.leaveToClassName),b(),v.current=!1}}),2),A=h[0],b=h[1],T=f(t({type:"click",listener:function(e){j(C.current)&&"static"!==getComputedStyle(C.current).getPropertyValue("position")?H(e)&&E():S()},when:m.hideOnOutsideClick}),2),P=T[0],S=T[1],F=f(t({type:"click",listener:function(){C.current=R(),m.toggleClassName?u.hasClass(C.current,m.toggleClassName)?u.removeClass(C.current,m.toggleClassName):u.addClass(C.current,m.toggleClassName):u.isVisible(C.current)?E():x()}}),2),O=F[0],w=F[1],x=function(){m.enterActiveClassName?v.current||(v.current=!0,"slidedown"===m.enterActiveClassName&&(C.current.style.height="0px",u.removeClass(C.current,"hidden"),C.current.style.maxHeight=C.current.scrollHeight+"px",u.addClass(C.current,"hidden"),C.current.style.height=""),u.addClass(C.current,m.enterActiveClassName),m.enterClassName&&u.removeClass(C.current,m.enterClassName),m.enterFromClassName&&u.removeClass(C.current,m.enterFromClassName),g({target:C.current})):(m.enterClassName&&u.removeClass(C.current,m.enterClassName),m.enterFromClassName&&u.removeClass(C.current,m.enterFromClassName),m.enterToClassName&&u.addClass(C.current,m.enterToClassName)),P({target:N.current&&N.current.ownerDocument})},E=function(){m.leaveActiveClassName?v.current||(v.current=!0,u.addClass(C.current,m.leaveActiveClassName),m.leaveClassName&&u.removeClass(C.current,m.leaveClassName),m.leaveFromClassName&&u.removeClass(C.current,m.leaveFromClassName),A({target:C.current})):(m.leaveClassName&&u.removeClass(C.current,m.leaveClassName),m.leaveFromClassName&&u.removeClass(C.current,m.leaveFromClassName),m.leaveToClassName&&u.addClass(C.current,m.leaveToClassName)),m.hideOnOutsideClick&&S()},R=function(){if(C.current)return C.current;switch(m.selector){case"@next":return N.current&&N.current.nextElementSibling;case"@prev":return N.current&&N.current.previousElementSibling;case"@parent":return N.current&&N.current.parentElement;case"@grandparent":return N.current&&N.current.parentElement.parentElement;default:return document.querySelector(m.selector)}},k=function(){Promise.resolve().then((function(){N.current=l.getRefElement(m.nodeRef),O({target:N.current})}))},j=function(e){return e&&null!==e.offsetParent},H=function(e){return!N.current.isSameNode(e.target)&&!N.current.contains(e.target)&&!C.current.contains(e.target)};return e.useImperativeHandle(c,(function(){return{props:m,getElement:function(){return N.current},getTarget:function(){return C.current}}})),n((function(){k()})),a((function(){return k(),function(){w()}})),s((function(){w(),S(),C.current=null})),m.children}));v.displayName="StyleClass";export{v as StyleClass};

node_modules/primereact/styleclass/styleclass.js

@@ -0,0 +1,315 @@
+this.primereact = this.primereact || {};
+this.primereact.styleclass = (function (exports, React, api, hooks, utils) {
+  'use strict';
+
+  function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+      Object.keys(e).forEach(function (k) {
+        if (k !== 'default') {
+          var d = Object.getOwnPropertyDescriptor(e, k);
+          Object.defineProperty(n, k, d.get ? d : {
+            enumerable: true,
+            get: function () { return e[k]; }
+          });
+        }
+      });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+  }
+
+  var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+  function _arrayWithHoles(r) {
+    if (Array.isArray(r)) return r;
+  }
+
+  function _iterableToArrayLimit(r, l) {
+    var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+    if (null != t) {
+      var e,
+        n,
+        i,
+        u,
+        a = [],
+        f = !0,
+        o = !1;
+      try {
+        if (i = (t = t.call(r)).next, 0 === l) {
+          if (Object(t) !== t) return;
+          f = !1;
+        } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+      } catch (r) {
+        o = !0, n = r;
+      } finally {
+        try {
+          if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+        } finally {
+          if (o) throw n;
+        }
+      }
+      return a;
+    }
+  }
+
+  function _arrayLikeToArray(r, a) {
+    (null == a || a > r.length) && (a = r.length);
+    for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+    return n;
+  }
+
+  function _unsupportedIterableToArray(r, a) {
+    if (r) {
+      if ("string" == typeof r) return _arrayLikeToArray(r, a);
+      var t = {}.toString.call(r).slice(8, -1);
+      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+    }
+  }
+
+  function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function _slicedToArray(r, e) {
+    return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+  }
+
+  var StyleClassBase = {
+    defaultProps: {
+      __TYPE: 'StyleClass',
+      nodeRef: null,
+      selector: null,
+      enterClassName: null,
+      enterFromClassName: null,
+      enterActiveClassName: null,
+      enterToClassName: null,
+      leaveClassName: null,
+      leaveFromClassName: null,
+      leaveActiveClassName: null,
+      leaveToClassName: null,
+      hideOnOutsideClick: false,
+      toggleClassName: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, StyleClassBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, StyleClassBase.defaultProps);
+    }
+  };
+
+  var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = StyleClassBase.getProps(inProps, context);
+    var targetRef = React__namespace.useRef(null);
+    var animating = React__namespace.useRef(false);
+    var elementRef = React__namespace.useRef(null);
+    var _useEventListener = hooks.useEventListener({
+        type: 'animationend',
+        listener: function listener() {
+          utils.DomHandler.removeClass(targetRef.current, props.enterActiveClassName);
+          if (props.enterToClassName) {
+            utils.DomHandler.addClass(targetRef.current, props.enterToClassName);
+          }
+          unbindTargetEnterListener();
+          if (props.enterActiveClassName === 'slidedown') {
+            targetRef.current.style.maxHeight = '';
+          }
+          animating.current = false;
+        }
+      }),
+      _useEventListener2 = _slicedToArray(_useEventListener, 2),
+      bindTargetEnterListener = _useEventListener2[0],
+      unbindTargetEnterListener = _useEventListener2[1];
+    var _useEventListener3 = hooks.useEventListener({
+        type: 'animationend',
+        listener: function listener() {
+          utils.DomHandler.removeClass(targetRef.current, props.leaveActiveClassName);
+          if (props.leaveToClassName) {
+            utils.DomHandler.addClass(targetRef.current, props.leaveToClassName);
+          }
+          unbindTargetLeaveListener();
+          animating.current = false;
+        }
+      }),
+      _useEventListener4 = _slicedToArray(_useEventListener3, 2),
+      bindTargetLeaveListener = _useEventListener4[0],
+      unbindTargetLeaveListener = _useEventListener4[1];
+    var _useEventListener5 = hooks.useEventListener({
+        type: 'click',
+        listener: function listener(event) {
+          if (!isVisible(targetRef.current) || getComputedStyle(targetRef.current).getPropertyValue('position') === 'static') {
+            unbindDocumentClickListener();
+          } else if (isOutsideClick(event)) {
+            leave();
+          }
+        },
+        when: props.hideOnOutsideClick
+      }),
+      _useEventListener6 = _slicedToArray(_useEventListener5, 2),
+      bindDocumentClickListener = _useEventListener6[0],
+      unbindDocumentClickListener = _useEventListener6[1];
+    var _useEventListener7 = hooks.useEventListener({
+        type: 'click',
+        listener: function listener() {
+          targetRef.current = resolveTarget();
+          if (props.toggleClassName) {
+            if (utils.DomHandler.hasClass(targetRef.current, props.toggleClassName)) {
+              utils.DomHandler.removeClass(targetRef.current, props.toggleClassName);
+            } else {
+              utils.DomHandler.addClass(targetRef.current, props.toggleClassName);
+            }
+          } else {
+            utils.DomHandler.isVisible(targetRef.current) ? leave() : enter();
+          }
+        }
+      }),
+      _useEventListener8 = _slicedToArray(_useEventListener7, 2),
+      bindClickListener = _useEventListener8[0],
+      unbindClickListener = _useEventListener8[1];
+    var enter = function enter() {
+      if (props.enterActiveClassName) {
+        if (!animating.current) {
+          animating.current = true;
+          if (props.enterActiveClassName === 'slidedown') {
+            targetRef.current.style.height = '0px';
+            utils.DomHandler.removeClass(targetRef.current, 'hidden');
+            targetRef.current.style.maxHeight = targetRef.current.scrollHeight + 'px';
+            utils.DomHandler.addClass(targetRef.current, 'hidden');
+            targetRef.current.style.height = '';
+          }
+          utils.DomHandler.addClass(targetRef.current, props.enterActiveClassName);
+
+          // enterClassName will be deprecated, use enterFromClassName
+          if (props.enterClassName) {
+            utils.DomHandler.removeClass(targetRef.current, props.enterClassName);
+          }
+          if (props.enterFromClassName) {
+            utils.DomHandler.removeClass(targetRef.current, props.enterFromClassName);
+          }
+          bindTargetEnterListener({
+            target: targetRef.current
+          });
+        }
+      } else {
+        // enterClassName will be deprecated, use enterFromClassName
+        if (props.enterClassName) {
+          utils.DomHandler.removeClass(targetRef.current, props.enterClassName);
+        }
+        if (props.enterFromClassName) {
+          utils.DomHandler.removeClass(targetRef.current, props.enterFromClassName);
+        }
+        if (props.enterToClassName) {
+          utils.DomHandler.addClass(targetRef.current, props.enterToClassName);
+        }
+      }
+      bindDocumentClickListener({
+        target: elementRef.current && elementRef.current.ownerDocument
+      });
+    };
+    var leave = function leave() {
+      if (props.leaveActiveClassName) {
+        if (!animating.current) {
+          animating.current = true;
+          utils.DomHandler.addClass(targetRef.current, props.leaveActiveClassName);
+
+          // leaveClassName will be deprecated, use leaveFromClassName
+          if (props.leaveClassName) {
+            utils.DomHandler.removeClass(targetRef.current, props.leaveClassName);
+          }
+          if (props.leaveFromClassName) {
+            utils.DomHandler.removeClass(targetRef.current, props.leaveFromClassName);
+          }
+          bindTargetLeaveListener({
+            target: targetRef.current
+          });
+        }
+      } else {
+        // leaveClassName will be deprecated, use leaveFromClassName
+        if (props.leaveClassName) {
+          utils.DomHandler.removeClass(targetRef.current, props.leaveClassName);
+        }
+        if (props.leaveFromClassName) {
+          utils.DomHandler.removeClass(targetRef.current, props.leaveFromClassName);
+        }
+        if (props.leaveToClassName) {
+          utils.DomHandler.addClass(targetRef.current, props.leaveToClassName);
+        }
+      }
+      if (props.hideOnOutsideClick) {
+        unbindDocumentClickListener();
+      }
+    };
+    var resolveTarget = function resolveTarget() {
+      if (targetRef.current) {
+        return targetRef.current;
+      }
+      switch (props.selector) {
+        case '@next':
+          return elementRef.current && elementRef.current.nextElementSibling;
+        case '@prev':
+          return elementRef.current && elementRef.current.previousElementSibling;
+        case '@parent':
+          return elementRef.current && elementRef.current.parentElement;
+        case '@grandparent':
+          return elementRef.current && elementRef.current.parentElement.parentElement;
+        default:
+          return document.querySelector(props.selector);
+      }
+    };
+    var init = function init() {
+      Promise.resolve().then(function () {
+        elementRef.current = utils.ObjectUtils.getRefElement(props.nodeRef);
+        bindClickListener({
+          target: elementRef.current
+        });
+      });
+    };
+    var destroy = function destroy() {
+      unbindClickListener();
+      unbindDocumentClickListener();
+      targetRef.current = null;
+    };
+    var isVisible = function isVisible(target) {
+      return target && target.offsetParent !== null;
+    };
+    var isOutsideClick = function isOutsideClick(event) {
+      return !elementRef.current.isSameNode(event.target) && !elementRef.current.contains(event.target) && !targetRef.current.contains(event.target);
+    };
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        },
+        getTarget: function getTarget() {
+          return targetRef.current;
+        }
+      };
+    });
+    hooks.useMountEffect(function () {
+      init();
+    });
+    hooks.useUpdateEffect(function () {
+      init();
+      return function () {
+        unbindClickListener();
+      };
+    });
+    hooks.useUnmountEffect(function () {
+      destroy();
+    });
+    return props.children;
+  });
+  StyleClass.displayName = 'StyleClass';
+
+  exports.StyleClass = StyleClass;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+  return exports;
+
+})({}, React, primereact.api, primereact.hooks, primereact.utils);