appmax-client-vue3 5.0.8 → 5.1.0

package/dist/index-Bzowu-ve.js

@@ -0,0 +1,776 @@
+import { Y as BaseStyle, bh as script$2, bk as script$3, b$ as script$4, c6 as FocusTrap, bc as script$5, a2 as cn, c7 as unblockBodyScroll, c8 as blockBodyScroll, bA as focus, by as ZIndex, c9 as addClass, a9 as resolveComponent, a4 as resolveDirective, q as createBlock, h as openBlock, w as withCtx, g as createElementBlock, k as createCommentVNode, D as mergeProps, i as createVNode, b0 as Transition, a5 as withDirectives, a6 as renderSlot, F as Fragment, j as createBaseVNode, n as normalizeClass, t as toDisplayString, ah as resolveDynamicComponent, ad as defineComponent, r as ref, e as computed, ai as defineAsyncComponent, A as w, o as onMounted, z as watch, $ as $$1, m as createTextVNode, p as renderList, y, P, G as f, l as unref } from "./main-BmrFFhAz.js";
+import { b } from "./AmChip.vue_vue_type_script_setup_true_lang-DwJkCLRa-DsWUFoqV.js";
+var style = ({ dt: r }) => `
+.p-drawer {
+    display: flex;
+    flex-direction: column;
+    transform: translate3d(0px, 0px, 0px);
+    position: relative;
+    transition: transform 0.3s;
+    background: ${r("drawer.background")};
+    color: ${r("drawer.color")};
+    border: 1px solid ${r("drawer.border.color")};
+    box-shadow: ${r("drawer.shadow")};
+}
+
+.p-drawer-content {
+    overflow-y: auto;
+    flex-grow: 1;
+    padding: ${r("drawer.content.padding")};
+}
+
+.p-drawer-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-shrink: 0;
+    padding: ${r("drawer.header.padding")};
+}
+
+.p-drawer-footer {
+    padding: ${r("drawer.footer.padding")};
+}
+
+.p-drawer-title {
+    font-weight: ${r("drawer.title.font.weight")};
+    font-size: ${r("drawer.title.font.size")};
+}
+
+.p-drawer-full .p-drawer {
+    transition: none;
+    transform: none;
+    width: 100vw !important;
+    height: 100vh !important;
+    max-height: 100%;
+    top: 0px !important;
+    left: 0px !important;
+    border-width: 1px;
+}
+
+.p-drawer-left .p-drawer-enter-from,
+.p-drawer-left .p-drawer-leave-to {
+    transform: translateX(-100%);
+}
+
+.p-drawer-right .p-drawer-enter-from,
+.p-drawer-right .p-drawer-leave-to {
+    transform: translateX(100%);
+}
+
+.p-drawer-top .p-drawer-enter-from,
+.p-drawer-top .p-drawer-leave-to {
+    transform: translateY(-100%);
+}
+
+.p-drawer-bottom .p-drawer-enter-from,
+.p-drawer-bottom .p-drawer-leave-to {
+    transform: translateY(100%);
+}
+
+.p-drawer-full .p-drawer-enter-from,
+.p-drawer-full .p-drawer-leave-to {
+    opacity: 0;
+}
+
+.p-drawer-full .p-drawer-enter-active,
+.p-drawer-full .p-drawer-leave-active {
+    transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
+}
+
+.p-drawer-left .p-drawer {
+    width: 20rem;
+    height: 100%;
+    border-inline-end-width: 1px;
+}
+
+.p-drawer-right .p-drawer {
+    width: 20rem;
+    height: 100%;
+    border-inline-start-width: 1px;
+}
+
+.p-drawer-top .p-drawer {
+    height: 10rem;
+    width: 100%;
+    border-block-end-width: 1px;
+}
+
+.p-drawer-bottom .p-drawer {
+    height: 10rem;
+    width: 100%;
+    border-block-start-width: 1px;
+}
+
+.p-drawer-left .p-drawer-content,
+.p-drawer-right .p-drawer-content,
+.p-drawer-top .p-drawer-content,
+.p-drawer-bottom .p-drawer-content {
+    width: 100%;
+    height: 100%;
+}
+
+.p-drawer-open {
+    display: flex;
+}
+
+.p-drawer-mask:dir(rtl) {
+    flex-direction: row-reverse;
+}
+`;
+var inlineStyles = {
+  mask: function mask(_ref) {
+    var position = _ref.position, modal = _ref.modal;
+    return {
+      position: "fixed",
+      height: "100%",
+      width: "100%",
+      left: 0,
+      top: 0,
+      display: "flex",
+      justifyContent: position === "left" ? "flex-start" : position === "right" ? "flex-end" : "center",
+      alignItems: position === "top" ? "flex-start" : position === "bottom" ? "flex-end" : "center",
+      pointerEvents: modal ? "auto" : "none"
+    };
+  },
+  root: {
+    pointerEvents: "auto"
+  }
+};
+var classes = {
+  mask: function mask2(_ref2) {
+    var instance = _ref2.instance, props = _ref2.props;
+    var positions = ["left", "right", "top", "bottom"];
+    var pos = positions.find(function(item) {
+      return item === props.position;
+    });
+    return ["p-drawer-mask", {
+      "p-overlay-mask p-overlay-mask-enter": props.modal,
+      "p-drawer-open": instance.containerVisible,
+      "p-drawer-full": instance.fullScreen
+    }, pos ? "p-drawer-".concat(pos) : ""];
+  },
+  root: function root(_ref3) {
+    var instance = _ref3.instance;
+    return ["p-drawer p-component", {
+      "p-drawer-full": instance.fullScreen
+    }];
+  },
+  header: "p-drawer-header",
+  title: "p-drawer-title",
+  pcCloseButton: "p-drawer-close-button",
+  content: "p-drawer-content",
+  footer: "p-drawer-footer"
+};
+var DrawerStyle = BaseStyle.extend({
+  name: "drawer",
+  style,
+  classes,
+  inlineStyles
+});
+var script$1 = {
+  name: "BaseDrawer",
+  "extends": script$5,
+  props: {
+    visible: {
+      type: Boolean,
+      "default": false
+    },
+    position: {
+      type: String,
+      "default": "left"
+    },
+    header: {
+      type: null,
+      "default": null
+    },
+    baseZIndex: {
+      type: Number,
+      "default": 0
+    },
+    autoZIndex: {
+      type: Boolean,
+      "default": true
+    },
+    dismissable: {
+      type: Boolean,
+      "default": true
+    },
+    showCloseIcon: {
+      type: Boolean,
+      "default": true
+    },
+    closeButtonProps: {
+      type: Object,
+      "default": function _default() {
+        return {
+          severity: "secondary",
+          text: true,
+          rounded: true
+        };
+      }
+    },
+    closeIcon: {
+      type: String,
+      "default": void 0
+    },
+    modal: {
+      type: Boolean,
+      "default": true
+    },
+    blockScroll: {
+      type: Boolean,
+      "default": false
+    }
+  },
+  style: DrawerStyle,
+  provide: function provide() {
+    return {
+      $pcDrawer: this,
+      $parentInstance: this
+    };
+  }
+};
+function _typeof(o) {
+  "@babel/helpers - typeof";
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
+    return typeof o2;
+  } : function(o2) {
+    return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
+  }, _typeof(o);
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e;
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == _typeof(i) ? i : i + "";
+}
+function _toPrimitive(t, r) {
+  if ("object" != _typeof(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != _typeof(i)) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+var script = {
+  name: "Drawer",
+  "extends": script$1,
+  inheritAttrs: false,
+  emits: ["update:visible", "show", "after-show", "hide", "after-hide", "before-hide"],
+  data: function data() {
+    return {
+      containerVisible: this.visible
+    };
+  },
+  container: null,
+  mask: null,
+  content: null,
+  headerContainer: null,
+  footerContainer: null,
+  closeButton: null,
+  outsideClickListener: null,
+  documentKeydownListener: null,
+  watch: {
+    dismissable: function dismissable(newValue) {
+      if (newValue) {
+        this.enableDocumentSettings();
+      } else {
+        this.disableDocumentSettings();
+      }
+    }
+  },
+  updated: function updated() {
+    if (this.visible) {
+      this.containerVisible = this.visible;
+    }
+  },
+  beforeUnmount: function beforeUnmount() {
+    this.disableDocumentSettings();
+    if (this.mask && this.autoZIndex) {
+      ZIndex.clear(this.mask);
+    }
+    this.container = null;
+    this.mask = null;
+  },
+  methods: {
+    hide: function hide() {
+      this.$emit("update:visible", false);
+    },
+    onEnter: function onEnter() {
+      this.$emit("show");
+      this.focus();
+      this.bindDocumentKeyDownListener();
+      if (this.autoZIndex) {
+        ZIndex.set("modal", this.mask, this.baseZIndex || this.$primevue.config.zIndex.modal);
+      }
+    },
+    onAfterEnter: function onAfterEnter() {
+      this.enableDocumentSettings();
+      this.$emit("after-show");
+    },
+    onBeforeLeave: function onBeforeLeave() {
+      if (this.modal) {
+        !this.isUnstyled && addClass(this.mask, "p-overlay-mask-leave");
+      }
+      this.$emit("before-hide");
+    },
+    onLeave: function onLeave() {
+      this.$emit("hide");
+    },
+    onAfterLeave: function onAfterLeave() {
+      if (this.autoZIndex) {
+        ZIndex.clear(this.mask);
+      }
+      this.unbindDocumentKeyDownListener();
+      this.containerVisible = false;
+      this.disableDocumentSettings();
+      this.$emit("after-hide");
+    },
+    onMaskClick: function onMaskClick(event) {
+      if (this.dismissable && this.modal && this.mask === event.target) {
+        this.hide();
+      }
+    },
+    focus: function focus$1() {
+      var findFocusableElement = function findFocusableElement2(container) {
+        return container && container.querySelector("[autofocus]");
+      };
+      var focusTarget = this.$slots.header && findFocusableElement(this.headerContainer);
+      if (!focusTarget) {
+        focusTarget = this.$slots["default"] && findFocusableElement(this.container);
+        if (!focusTarget) {
+          focusTarget = this.$slots.footer && findFocusableElement(this.footerContainer);
+          if (!focusTarget) {
+            focusTarget = this.closeButton;
+          }
+        }
+      }
+      focusTarget && focus(focusTarget);
+    },
+    enableDocumentSettings: function enableDocumentSettings() {
+      if (this.dismissable && !this.modal) {
+        this.bindOutsideClickListener();
+      }
+      if (this.blockScroll) {
+        blockBodyScroll();
+      }
+    },
+    disableDocumentSettings: function disableDocumentSettings() {
+      this.unbindOutsideClickListener();
+      if (this.blockScroll) {
+        unblockBodyScroll();
+      }
+    },
+    onKeydown: function onKeydown(event) {
+      if (event.code === "Escape") {
+        this.hide();
+      }
+    },
+    containerRef: function containerRef(el) {
+      this.container = el;
+    },
+    maskRef: function maskRef(el) {
+      this.mask = el;
+    },
+    contentRef: function contentRef(el) {
+      this.content = el;
+    },
+    headerContainerRef: function headerContainerRef(el) {
+      this.headerContainer = el;
+    },
+    footerContainerRef: function footerContainerRef(el) {
+      this.footerContainer = el;
+    },
+    closeButtonRef: function closeButtonRef(el) {
+      this.closeButton = el ? el.$el : void 0;
+    },
+    bindDocumentKeyDownListener: function bindDocumentKeyDownListener() {
+      if (!this.documentKeydownListener) {
+        this.documentKeydownListener = this.onKeydown;
+        document.addEventListener("keydown", this.documentKeydownListener);
+      }
+    },
+    unbindDocumentKeyDownListener: function unbindDocumentKeyDownListener() {
+      if (this.documentKeydownListener) {
+        document.removeEventListener("keydown", this.documentKeydownListener);
+        this.documentKeydownListener = null;
+      }
+    },
+    bindOutsideClickListener: function bindOutsideClickListener() {
+      var _this = this;
+      if (!this.outsideClickListener) {
+        this.outsideClickListener = function(event) {
+          if (_this.isOutsideClicked(event)) {
+            _this.hide();
+          }
+        };
+        document.addEventListener("click", this.outsideClickListener, true);
+      }
+    },
+    unbindOutsideClickListener: function unbindOutsideClickListener() {
+      if (this.outsideClickListener) {
+        document.removeEventListener("click", this.outsideClickListener, true);
+        this.outsideClickListener = null;
+      }
+    },
+    isOutsideClicked: function isOutsideClicked(event) {
+      return this.container && !this.container.contains(event.target);
+    }
+  },
+  computed: {
+    fullScreen: function fullScreen() {
+      return this.position === "full";
+    },
+    closeAriaLabel: function closeAriaLabel() {
+      return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : void 0;
+    },
+    dataP: function dataP() {
+      return cn(_defineProperty(_defineProperty(_defineProperty({
+        "full-screen": this.position === "full"
+      }, this.position, this.position), "open", this.containerVisible), "modal", this.modal));
+    }
+  },
+  directives: {
+    focustrap: FocusTrap
+  },
+  components: {
+    Button: script$4,
+    Portal: script$3,
+    TimesIcon: script$2
+  }
+};
+var _hoisted_1 = ["data-p"];
+var _hoisted_2 = ["aria-modal", "data-p"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_Button = resolveComponent("Button");
+  var _component_Portal = resolveComponent("Portal");
+  var _directive_focustrap = resolveDirective("focustrap");
+  return openBlock(), createBlock(_component_Portal, null, {
+    "default": withCtx(function() {
+      return [$data.containerVisible ? (openBlock(), createElementBlock("div", mergeProps({
+        key: 0,
+        ref: $options.maskRef,
+        onMousedown: _cache[0] || (_cache[0] = function() {
+          return $options.onMaskClick && $options.onMaskClick.apply($options, arguments);
+        }),
+        "class": _ctx.cx("mask"),
+        style: _ctx.sx("mask", true, {
+          position: _ctx.position,
+          modal: _ctx.modal
+        }),
+        "data-p": $options.dataP
+      }, _ctx.ptm("mask")), [createVNode(Transition, mergeProps({
+        name: "p-drawer",
+        onEnter: $options.onEnter,
+        onAfterEnter: $options.onAfterEnter,
+        onBeforeLeave: $options.onBeforeLeave,
+        onLeave: $options.onLeave,
+        onAfterLeave: $options.onAfterLeave,
+        appear: ""
+      }, _ctx.ptm("transition")), {
+        "default": withCtx(function() {
+          return [_ctx.visible ? withDirectives((openBlock(), createElementBlock("div", mergeProps({
+            key: 0,
+            ref: $options.containerRef,
+            "class": _ctx.cx("root"),
+            style: _ctx.sx("root"),
+            role: "complementary",
+            "aria-modal": _ctx.modal,
+            "data-p": $options.dataP
+          }, _ctx.ptmi("root")), [_ctx.$slots.container ? renderSlot(_ctx.$slots, "container", {
+            key: 0,
+            closeCallback: $options.hide
+          }) : (openBlock(), createElementBlock(Fragment, {
+            key: 1
+          }, [createBaseVNode("div", mergeProps({
+            ref: $options.headerContainerRef,
+            "class": _ctx.cx("header")
+          }, _ctx.ptm("header")), [renderSlot(_ctx.$slots, "header", {
+            "class": normalizeClass(_ctx.cx("title"))
+          }, function() {
+            return [_ctx.header ? (openBlock(), createElementBlock("div", mergeProps({
+              key: 0,
+              "class": _ctx.cx("title")
+            }, _ctx.ptm("title")), toDisplayString(_ctx.header), 17)) : createCommentVNode("", true)];
+          }), _ctx.showCloseIcon ? renderSlot(_ctx.$slots, "closebutton", {
+            key: 0,
+            closeCallback: $options.hide
+          }, function() {
+            return [createVNode(_component_Button, mergeProps({
+              ref: $options.closeButtonRef,
+              type: "button",
+              "class": _ctx.cx("pcCloseButton"),
+              "aria-label": $options.closeAriaLabel,
+              unstyled: _ctx.unstyled,
+              onClick: $options.hide
+            }, _ctx.closeButtonProps, {
+              pt: _ctx.ptm("pcCloseButton"),
+              "data-pc-group-section": "iconcontainer"
+            }), {
+              icon: withCtx(function(slotProps) {
+                return [renderSlot(_ctx.$slots, "closeicon", {}, function() {
+                  return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.closeIcon ? "span" : "TimesIcon"), mergeProps({
+                    "class": [_ctx.closeIcon, slotProps["class"]]
+                  }, _ctx.ptm("pcCloseButton")["icon"]), null, 16, ["class"]))];
+                })];
+              }),
+              _: 3
+            }, 16, ["class", "aria-label", "unstyled", "onClick", "pt"])];
+          }) : createCommentVNode("", true)], 16), createBaseVNode("div", mergeProps({
+            ref: $options.contentRef,
+            "class": _ctx.cx("content")
+          }, _ctx.ptm("content")), [renderSlot(_ctx.$slots, "default")], 16), _ctx.$slots.footer ? (openBlock(), createElementBlock("div", mergeProps({
+            key: 0,
+            ref: $options.footerContainerRef,
+            "class": _ctx.cx("footer")
+          }, _ctx.ptm("footer")), [renderSlot(_ctx.$slots, "footer")], 16)) : createCommentVNode("", true)], 64))], 16, _hoisted_2)), [[_directive_focustrap]]) : createCommentVNode("", true)];
+        }),
+        _: 3
+      }, 16, ["onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"])], 16, _hoisted_1)) : createCommentVNode("", true)];
+    }),
+    _: 3
+  });
+}
+script.render = render;
+const T = (t) => new Date(t), $ = (t) => T(t).toLocaleDateString("pt-BR"), se = ([t, a]) => T(t).getDate() === T(a).getDate(), oe = (t, a) => {
+  if (!a || !Array.isArray(a)) return "";
+  const [n, o] = a;
+  return n ? !o || se(a) ? $(n) : `${$(n)} à ${$(o)}` : "";
+}, le = (t, a) => {
+  if (!Array.isArray(a)) return "";
+  const n = a[a.length - 1];
+  if (n === void 0 || !Array.isArray(t == null ? void 0 : t.options)) return "";
+  const o = a.length;
+  if (o === 0) return "";
+  const { label: v = "" } = t.options.find((y2) => y2.value === n) || {};
+  return o === 1 ? v : `${v}, +${o - 1}`;
+}, ne = (t, a) => {
+  if (a === void 0 || !Array.isArray(t.options)) return "";
+  const { label: n = "" } = t.options.find((o) => o.value === a) || {};
+  return n;
+}, g = {
+  date: {
+    component: () => import("./AmFilterLevelDateSelect-BbVyzCa5-D_T-NL5-.js"),
+    formatChipLabel: oe
+  },
+  multiselect: {
+    component: () => import("./AmFilterLevelMultiSelectFilter-CPxxHU90-B9Hskzfm.js"),
+    formatChipLabel: le
+  },
+  select: {
+    component: () => import("./AmFilterLevelSelectFilter-Be3LFJno-CKHWbmVG.js"),
+    formatChipLabel: ne
+  }
+}, re = () => "Selecionado", ie = ({ component: t }) => typeof t == "string" ? Object.keys(g).includes(t) ? g[t].component : null : t, ue = (t) => t.formatChipLabel ? t.formatChipLabel : typeof t.component != "string" ? re : g[t.component].formatChipLabel, ce = { class: "flex justify-between w-full" }, de = {
+  key: 0,
+  class: "px-6"
+}, me = ["data-test"], fe = { class: "p-4 flex items-center justify-between gap-2" }, pe = { class: "flex items-center" }, ve = { class: "p-4" }, be = { name: "AmFilterLevel" }, ke = /* @__PURE__ */ defineComponent({
+  ...be,
+  props: {
+    title: { default: "Filtros" },
+    buttonClearText: { default: "Limpar" },
+    buttonApplyText: { default: "Aplicar" },
+    confirmButtonText: { default: "Confirmar" },
+    visible: { type: Boolean, default: false },
+    fields: { default: () => [] },
+    values: {},
+    modelValue: { default: () => ({}) },
+    dataTestPrefix: { default: "am-filter-level" }
+  },
+  emits: ["update:modelValue", "update:visible"],
+  setup(t, { emit: a }) {
+    const o = t, v = a, y$1 = () => v("update:visible", false), u = ref({}), _ = ref(-1), k = computed(
+      () => o.fields.map((e) => ({
+        ...e,
+        component: ie(e),
+        formatChipLabel: ue(e),
+        options: e.options || []
+      }))
+    ), c = computed(() => k.value[_.value]), M = computed(() => _.value > -1), S = computed(() => c.value.component ? defineAsyncComponent({
+      loader: c.value.component,
+      loadingComponent: w
+    }) : null), X = computed(() => u.value[c.value.name]), D = (e, r) => {
+      u.value = { ...u.value, [e]: r };
+    }, Y = (e) => D(c.value.name, e), j = (e) => {
+      const r = u.value[e];
+      return Array.isArray(r) ? r.length > 0 : r != null && r !== "";
+    }, z = (e) => D(e, void 0), R = (e) => {
+      _.value = e;
+    }, P$1 = () => {
+      _.value = -1;
+    }, w$1 = () => {
+      v("update:modelValue", u.value), y$1();
+    }, x = () => {
+      o.visible && (u.value = o.modelValue);
+    }, O = () => {
+      u.value = {}, w$1();
+    };
+    return onMounted(x), watch(() => o.visible, x), (e, r) => (openBlock(), createElementBlock(Fragment, null, [
+      createVNode(unref(script), {
+        class: "am-filter-level",
+        visible: e.visible,
+        position: "right",
+        "show-close-icon": false,
+        "block-scroll": "",
+        "data-test": `${e.dataTestPrefix}-drawer-level-1`
+      }, {
+        header: withCtx(() => [
+          createBaseVNode("div", ce, [
+            createVNode(y, {
+              as: "h1",
+              variant: "title",
+              size: "small",
+              "data-test": `${e.dataTestPrefix}-title`
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(e.title), 1)
+              ]),
+              _: 1
+            }, 8, ["data-test"]),
+            createVNode(f, {
+              icon: "close",
+              onClick: y$1,
+              "data-test": `${e.dataTestPrefix}-close-button`
+            }, null, 8, ["data-test"])
+          ])
+        ]),
+        default: withCtx(() => [
+          createBaseVNode("div", null, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(k.value, (i, A) => (openBlock(), createElementBlock("div", {
+              class: "grid mx-[-1.5rem]",
+              key: i.name
+            }, [
+              A > 0 ? (openBlock(), createElementBlock("div", de, r[0] || (r[0] = [
+                createBaseVNode("hr", null, null, -1)
+              ]))) : createCommentVNode("", true),
+              createVNode($$1, {
+                class: "flex !rounded-none w-full !px-6",
+                severity: "secondary",
+                text: "",
+                onClick: (U) => R(A),
+                "data-test": `${e.dataTestPrefix}-${i.name}-field`
+              }, {
+                default: withCtx(() => [
+                  createVNode(y, { as: "span" }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(i.label), 1)
+                    ]),
+                    _: 2
+                  }, 1024),
+                  createVNode(P, {
+                    icon: "chevron_right",
+                    class: "ml-auto",
+                    size: "sm"
+                  })
+                ]),
+                _: 2
+              }, 1032, ["onClick", "data-test"]),
+              j(i.name) ? (openBlock(), createElementBlock("div", {
+                key: 1,
+                class: "pb-2 px-6 pt-0",
+                "data-test": `${e.dataTestPrefix}-${i.name}-chip-group`
+              }, [
+                createVNode(b, {
+                  onRemove: (U) => z(i.name),
+                  removable: "",
+                  "data-test": `${e.dataTestPrefix}-${i.name}-chip-item`
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(i.formatChipLabel(i, u.value[i.name], u.value)), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["onRemove", "data-test"])
+              ], 8, me)) : createCommentVNode("", true)
+            ]))), 128))
+          ])
+        ]),
+        footer: withCtx(() => [
+          createBaseVNode("div", fe, [
+            createVNode($$1, {
+              class: "w-full",
+              onClick: O,
+              severity: "secondary",
+              "data-test": `${e.dataTestPrefix}-reset-filter-button`
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(e.buttonClearText), 1)
+              ]),
+              _: 1
+            }, 8, ["data-test"]),
+            createVNode($$1, {
+              class: "w-full",
+              onClick: w$1,
+              "data-test": `${e.dataTestPrefix}-apply-filter-button`
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(e.buttonApplyText), 1)
+              ]),
+              _: 1
+            }, 8, ["data-test"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible", "data-test"]),
+      createVNode(unref(script), {
+        class: "am-filter-level",
+        visible: M.value,
+        position: "right",
+        "show-close-icon": false,
+        "data-test": `${e.dataTestPrefix}-drawer-level-2`
+      }, {
+        header: withCtx(() => [
+          createBaseVNode("div", pe, [
+            createVNode(f, {
+              icon: "arrow_back",
+              onClick: P$1,
+              class: "translate-x-[-.5rem]",
+              "data-test": `${e.dataTestPrefix}-go-back-button`
+            }, null, 8, ["data-test"]),
+            createVNode(y, {
+              as: "h2",
+              variant: "title",
+              size: "small",
+              "data-test": `${e.dataTestPrefix}-field-title`
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(c.value.label), 1)
+              ]),
+              _: 1
+            }, 8, ["data-test"])
+          ])
+        ]),
+        default: withCtx(() => [
+          createBaseVNode("div", null, [
+            (openBlock(), createBlock(resolveDynamicComponent(S.value), mergeProps({
+              modelValue: X.value,
+              "onUpdate:modelValue": Y
+            }, c.value, {
+              "data-test": `${e.dataTestPrefix}-${c.value.name}`
+            }), null, 16, ["modelValue", "data-test"]))
+          ])
+        ]),
+        footer: withCtx(() => [
+          createBaseVNode("div", ve, [
+            createVNode($$1, {
+              class: "w-full",
+              onClick: P$1,
+              "data-test": `${e.dataTestPrefix}-confirm-button`
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(e.confirmButtonText), 1)
+              ]),
+              _: 1
+            }, 8, ["data-test"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible", "data-test"])
+    ], 64));
+  }
+});
+export {
+  ke as k
+};