@adyen/bento-vue3 1.96.1 → 1.97.0

package/dist/chunks/{data-grid-template.-MuGcJp1.js.map → data-grid-template.LTILymaF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"data-grid-template.-MuGcJp1.js","sources":["../../../vue2/src/templates/data-grid-template/data-grid-template.vue"],"sourcesContent":["<template>\n    <main class=\"b-data-grid-template\">\n        <bento-inspector v-bind=\"computedInspectorProps\" ref=\"inspectorRef\" v-on=\"inspectorEvents\">\n            <template #page>\n                <div class=\"b-data-grid-template__header\">\n                    <slot name=\"header\">\n                        <bento-header v-bind=\"header\">\n                            <template v-if=\"hasSlot('infoIconTooltipContent')\" #infoIconTooltipContent>\n                                <slot name=\"infoIconTooltipContent\" />\n                            </template>\n                        </bento-header>\n                    </slot>\n                </div>\n\n                <div\n                    v-if=\"hasSlot('additionalContent')\"\n                    ref=\"additionalContentRef\"\n                    class=\"b-data-grid-template__additional-content\"\n                    :class=\"additionalContentConditionalClasses\"\n                >\n                    <slot name=\"additionalContent\" />\n                </div>\n\n                <bento-tabs\n                    v-if=\"tabsSlots.length > 1\"\n                    ref=\"tabsRef\"\n                    :active-tab-index=\"tabs.activeTabIndex\"\n                    :sticky=\"stickyTabs\"\n                    :sticky-options=\"stickyAdditionalContent ? { top: computedStickyAdditionalContentHeight } : null\"\n                    @update:active-tab-index=\"emitTabs\"\n                >\n                    <bento-tab v-for=\"(_item, index) in tabsSlots\" :key=\"`tab-${index}`\" :title=\"getTabTitle(index)\">\n                        <slot :name=\"`tab-${index + 1}`\" />\n                    </bento-tab>\n                </bento-tabs>\n\n                <slot v-else />\n            </template>\n\n            <template #content>\n                <slot name=\"inspector-content\" />\n            </template>\n        </bento-inspector>\n    </main>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoHeader } from '@/components/header';\n    import { BentoInspector } from '@/components/inspector';\n    import { BentoTab, BentoTabs } from '@/components/tabs';\n    import { useHasSlot } from '@/composables';\n    import { computed, type PropType, provide, type Ref, ref, toRef, type UnwrapRef, useSlots } from 'vue';\n    import { DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY } from './data-grid-template.keys';\n    import type {\n        BentoDataGridTemplateDataGrid,\n        BentoDataGridTemplateHeader,\n        BentoDataGridTemplateInspector,\n        BentoDataGridTemplateTabs,\n    } from './data-grid-template.types';\n\n    const props = defineProps({\n        /**\n         * The header that goes to the top of the template\n         */\n        header: {\n            type: Object as PropType<BentoDataGridTemplateHeader>,\n            default: undefined,\n        },\n\n        /**\n         * All the tab properties that can be set on the inner tab components.\n         *  - tabs.activeTabIndex: the currenly active tab index.\n         *  - tabs.tabs: an array of BentoTab props, the first item in the array will affect the `tab-1` slot and so on.\n         */\n        tabs: {\n            type: Object as PropType<BentoDataGridTemplateTabs>,\n            default: undefined,\n        },\n\n        /**\n         * Renders the additional content slot with a sticky positioning\n         */\n        stickyAdditionalContent: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * Renders the tabs with a sticky positioning\n         */\n        stickyTabs: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * All the inspector properties that can be set on the inner inspector component.\n         */\n        inspector: {\n            type: Object as PropType<BentoDataGridTemplateInspector>,\n            default: undefined,\n        },\n    });\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const emit = defineEmits<{\n        /**\n         * Emits update event when activeTabIndex changes internally\n         */\n        (e: 'update:tabs', value: BentoDataGridTemplateTabs): void;\n\n        /**\n         * Emits update event when the inspector's `isOpen` state changes\n         */\n        (e: 'update:is-open:inspector', value: boolean): void;\n\n        /**\n         * Emits update event when the inspector's `activePage` changes\n         */\n        (e: 'update:active-page:inspector', value: string): void;\n\n        /**\n         * Emits event when the inspector's expand button is clicked\n         */\n        (e: 'expand:inspector', value: boolean): void;\n    }>();\n\n    const tabsRef = ref(null);\n    const additionalContentRef = ref(null);\n    const inspectorRef = ref(null);\n\n    const additionalContentConditionalClasses = computed(() => ({\n        'b-data-grid-template__additional-content--sticky': props.stickyAdditionalContent,\n    }));\n\n    const computedInspectorProps = computed(() => ({\n        title: '',\n        ...props.inspector,\n    }));\n\n    const computedStickyAdditionalContentHeight = computed(() => additionalContentRef?.value?.offsetHeight);\n\n    const computedTabsRef = computed(() => tabsRef.value?.$refs?.tablistwrapper);\n\n    const tabsSlots = computed(() => Object.keys(slots).filter(el => el?.includes('tab-')));\n\n    const inspectorEvents = computed(() => ({\n        'update:is-open': (value: boolean) => emit('update:is-open:inspector', value),\n        'update:active-page': (value: string) => emit('update:active-page:inspector', value),\n        expand: (value: boolean) => emit('expand:inspector', value),\n    }));\n\n    const emitTabs = (newActiveTabIndex: number) => {\n        emit('update:tabs', { ...props.tabs, activeTabIndex: newActiveTabIndex });\n    };\n\n    const getTabTitle = (index: number) => props?.tabs.tabs?.[index]?.title ?? `Tab ${index + 1}`;\n\n    const registerDatagridInDataGridTemplate: BentoDataGridTemplateDataGrid = () => {\n        const isDataGridTemplate = true;\n        const stickyTabs: Ref<boolean> = toRef(props, 'stickyTabs');\n        const stickyAdditionalContent: Ref<boolean> = toRef(props, 'stickyAdditionalContent');\n        const tabsRef: Ref<UnwrapRef<HTMLDivElement>> | null = computedTabsRef;\n        const additionalContentSlotRef: Ref<UnwrapRef<HTMLDivElement>> | null = additionalContentRef;\n\n        // return values to the Tab component\n        return {\n            isDataGridTemplate,\n            stickyTabs,\n            tabsRef,\n            stickyAdditionalContent,\n            additionalContentSlotRef,\n        };\n    };\n\n    provide(DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY, registerDatagridInDataGridTemplate);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * The data grid template is a restrictive, full-page data grid used to display information from a data set.\n     * You can use this data grid template when your user needs a clear overview of data or a way of organizing and analyzing the data in their own way.\n     * This data grid template shouldn’t be confused with the data grid.\n     *\n     * @example\n     * import { BentoDataGridTemplate } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDataGridTemplate },\n     *     template: `\n     *          // If you want to display multiple data grids in the same page (they will be rendered in different tabs)\n     *          <bento-data-grid-template>\n     *              <template #tab-1><bento-data-grid v-bind=\"your-data-grid-args\" title=\"Title for tab 1\"/></template>\n     *              <template #tab-2><bento-data-grid v-bind=\"your-data-grid-args\" title=\"Title for tab 2\"/></template>\n     *          </bento-data-grid-template>\n     *          // Alternatively, if you only want to pass one data grid to your template:\n     *          <bento-data-grid-template>\n     *              <template #default><bento-data-grid v-bind=\"your-data-grid-args\"/></template>\n     *          </bento-data-grid-template>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./data-grid-template.scss\" />\n"],"names":["__default__","props","__props","slots","useSlots","hasSlot","useHasSlot","emit","__emit","tabsRef","ref","additionalContentRef","inspectorRef","additionalContentConditionalClasses","computed","computedInspectorProps","computedStickyAdditionalContentHeight","computedTabsRef","tabsSlots","el","inspectorEvents","value","emitTabs","newActiveTabIndex","getTabTitle","index","provide","DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY","stickyTabs","toRef","stickyAdditionalContent"],"mappings":";;;;;;;;4FA2MIA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/IA,UAAAC,IAAAC,GA2CAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,GAsBAC,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAA,IAAA,GACAE,IAAAF,EAAA,IAAA,GAEAG,IAAAC,EAAA,OAAA;AAAA,MAA4D,oDAAAb,EAAA;AAAA,IACE,EAAA,GAG9Dc,IAAAD,EAAA,OAAA;AAAA,MAA+C,OAAA;AAAA,MACpC,GAAAb,EAAA;AAAA,IACE,EAAA,GAGbe,IAAAF,EAAA,MAAAH,GAAA,OAAA,YAAA,GAEAM,IAAAH,EAAA,MAAAL,EAAA,OAAA,OAAA,cAAA,GAEAS,IAAAJ,EAAA,MAAA,OAAA,KAAAX,CAAA,EAAA,OAAA,CAAAgB,MAAAA,GAAA,SAAA,MAAA,CAAA,CAAA,GAEAC,IAAAN,EAAA,OAAA;AAAA,MAAwC,kBAAA,CAAAO,MAAAd,EAAA,4BAAAc,CAAA;AAAA,MACwC,sBAAA,CAAAA,MAAAd,EAAA,gCAAAc,CAAA;AAAA,MACO,QAAA,CAAAA,MAAAd,EAAA,oBAAAc,CAAA;AAAA,IACzB,EAAA,GAG9DC,IAAA,CAAAC,MAAA;AACI,MAAAhB,EAAA,eAAA,EAAA,GAAAN,EAAA,MAAA,gBAAAsB,EAAA,CAAA;AAAA,IAAwE,GAG5EC,IAAA,CAAAC,MAAAxB,GAAA,KAAA,OAAAwB,CAAA,GAAA,SAAA,OAAAA,IAAA,CAAA;AAmBA,WAAAC,EAAAC,GAjBA,MAAA;AAEI,YAAAC,IAAAC,EAAA5B,GAAA,YAAA,GACA6B,IAAAD,EAAA5B,GAAA,yBAAA;AAKA,aAAA;AAAA,QAAO;AAAA,QACH,YAAA2B;AAAA,QACA,SANJX;AAAA,QAOI,yBAAAa;AAAA,QACA,0BAPJnB;AAAA,MAQI;AAAA,IACJ,CAGJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"data-grid-template.LTILymaF.js","sources":["../../../vue2/src/templates/data-grid-template/data-grid-template.vue"],"sourcesContent":["<template>\n    <main class=\"b-data-grid-template\">\n        <bento-inspector v-bind=\"computedInspectorProps\" ref=\"inspectorRef\" v-on=\"inspectorEvents\">\n            <template #page>\n                <div class=\"b-data-grid-template__header\">\n                    <slot name=\"header\">\n                        <bento-header v-bind=\"header\">\n                            <template v-if=\"hasSlot('infoIconTooltipContent')\" #infoIconTooltipContent>\n                                <slot name=\"infoIconTooltipContent\" />\n                            </template>\n                        </bento-header>\n                    </slot>\n                </div>\n\n                <div\n                    v-if=\"hasSlot('additionalContent')\"\n                    ref=\"additionalContentRef\"\n                    class=\"b-data-grid-template__additional-content\"\n                    :class=\"additionalContentConditionalClasses\"\n                >\n                    <slot name=\"additionalContent\" />\n                </div>\n\n                <bento-tabs\n                    v-if=\"tabsSlots.length > 1\"\n                    ref=\"tabsRef\"\n                    :active-tab-index=\"tabs.activeTabIndex\"\n                    :sticky=\"stickyTabs\"\n                    :sticky-options=\"stickyAdditionalContent ? { top: computedStickyAdditionalContentHeight } : null\"\n                    @update:active-tab-index=\"emitTabs\"\n                >\n                    <bento-tab v-for=\"(_item, index) in tabsSlots\" :key=\"`tab-${index}`\" :title=\"getTabTitle(index)\">\n                        <slot :name=\"`tab-${index + 1}`\" />\n                    </bento-tab>\n                </bento-tabs>\n\n                <slot v-else />\n            </template>\n\n            <template #content>\n                <slot name=\"inspector-content\" />\n            </template>\n        </bento-inspector>\n    </main>\n</template>\n\n<script setup lang=\"ts\">\n    import { BentoHeader } from '@/components/header';\n    import { BentoInspector } from '@/components/inspector';\n    import { BentoTab, BentoTabs } from '@/components/tabs';\n    import { useHasSlot } from '@/composables';\n    import { computed, type PropType, provide, type Ref, ref, toRef, type UnwrapRef, useSlots } from 'vue';\n    import { DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY } from './data-grid-template.keys';\n    import type {\n        BentoDataGridTemplateDataGrid,\n        BentoDataGridTemplateHeader,\n        BentoDataGridTemplateInspector,\n        BentoDataGridTemplateTabs,\n    } from './data-grid-template.types';\n\n    const props = defineProps({\n        /**\n         * The header that goes to the top of the template\n         */\n        header: {\n            type: Object as PropType<BentoDataGridTemplateHeader>,\n            default: undefined,\n        },\n\n        /**\n         * All the tab properties that can be set on the inner tab components.\n         *  - tabs.activeTabIndex: the currenly active tab index.\n         *  - tabs.tabs: an array of BentoTab props, the first item in the array will affect the `tab-1` slot and so on.\n         */\n        tabs: {\n            type: Object as PropType<BentoDataGridTemplateTabs>,\n            default: undefined,\n        },\n\n        /**\n         * Renders the additional content slot with a sticky positioning\n         */\n        stickyAdditionalContent: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * Renders the tabs with a sticky positioning\n         */\n        stickyTabs: {\n            type: Boolean,\n            default: false,\n        },\n\n        /**\n         * All the inspector properties that can be set on the inner inspector component.\n         */\n        inspector: {\n            type: Object as PropType<BentoDataGridTemplateInspector>,\n            default: undefined,\n        },\n    });\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const emit = defineEmits<{\n        /**\n         * Emits update event when activeTabIndex changes internally\n         */\n        (e: 'update:tabs', value: BentoDataGridTemplateTabs): void;\n\n        /**\n         * Emits update event when the inspector's `isOpen` state changes\n         */\n        (e: 'update:is-open:inspector', value: boolean): void;\n\n        /**\n         * Emits update event when the inspector's `activePage` changes\n         */\n        (e: 'update:active-page:inspector', value: string): void;\n\n        /**\n         * Emits event when the inspector's expand button is clicked\n         */\n        (e: 'expand:inspector', value: boolean): void;\n    }>();\n\n    const tabsRef = ref(null);\n    const additionalContentRef = ref(null);\n    const inspectorRef = ref(null);\n\n    const additionalContentConditionalClasses = computed(() => ({\n        'b-data-grid-template__additional-content--sticky': props.stickyAdditionalContent,\n    }));\n\n    const computedInspectorProps = computed(() => ({\n        title: '',\n        ...props.inspector,\n    }));\n\n    const computedStickyAdditionalContentHeight = computed(() => additionalContentRef?.value?.offsetHeight);\n\n    const computedTabsRef = computed(() => tabsRef.value?.$refs?.tablistwrapper);\n\n    const tabsSlots = computed(() => Object.keys(slots).filter(el => el?.includes('tab-')));\n\n    const inspectorEvents = computed(() => ({\n        'update:is-open': (value: boolean) => emit('update:is-open:inspector', value),\n        'update:active-page': (value: string) => emit('update:active-page:inspector', value),\n        expand: (value: boolean) => emit('expand:inspector', value),\n    }));\n\n    const emitTabs = (newActiveTabIndex: number) => {\n        emit('update:tabs', { ...props.tabs, activeTabIndex: newActiveTabIndex });\n    };\n\n    const getTabTitle = (index: number) => props?.tabs.tabs?.[index]?.title ?? `Tab ${index + 1}`;\n\n    const registerDatagridInDataGridTemplate: BentoDataGridTemplateDataGrid = () => {\n        const isDataGridTemplate = true;\n        const stickyTabs: Ref<boolean> = toRef(props, 'stickyTabs');\n        const stickyAdditionalContent: Ref<boolean> = toRef(props, 'stickyAdditionalContent');\n        const tabsRef: Ref<UnwrapRef<HTMLDivElement>> | null = computedTabsRef;\n        const additionalContentSlotRef: Ref<UnwrapRef<HTMLDivElement>> | null = additionalContentRef;\n\n        // return values to the Tab component\n        return {\n            isDataGridTemplate,\n            stickyTabs,\n            tabsRef,\n            stickyAdditionalContent,\n            additionalContentSlotRef,\n        };\n    };\n\n    provide(DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY, registerDatagridInDataGridTemplate);\n</script>\n\n<script lang=\"ts\">\n    /**\n     * The data grid template is a restrictive, full-page data grid used to display information from a data set.\n     * You can use this data grid template when your user needs a clear overview of data or a way of organizing and analyzing the data in their own way.\n     * This data grid template shouldn’t be confused with the data grid.\n     *\n     * @example\n     * import { BentoDataGridTemplate } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDataGridTemplate },\n     *     template: `\n     *          // If you want to display multiple data grids in the same page (they will be rendered in different tabs)\n     *          <bento-data-grid-template>\n     *              <template #tab-1><bento-data-grid v-bind=\"your-data-grid-args\" title=\"Title for tab 1\"/></template>\n     *              <template #tab-2><bento-data-grid v-bind=\"your-data-grid-args\" title=\"Title for tab 2\"/></template>\n     *          </bento-data-grid-template>\n     *          // Alternatively, if you only want to pass one data grid to your template:\n     *          <bento-data-grid-template>\n     *              <template #default><bento-data-grid v-bind=\"your-data-grid-args\"/></template>\n     *          </bento-data-grid-template>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./data-grid-template.scss\" />\n"],"names":["__default__","props","__props","slots","useSlots","hasSlot","useHasSlot","emit","__emit","tabsRef","ref","additionalContentRef","inspectorRef","additionalContentConditionalClasses","computed","computedInspectorProps","computedStickyAdditionalContentHeight","computedTabsRef","tabsSlots","el","inspectorEvents","value","emitTabs","newActiveTabIndex","getTabTitle","index","provide","DATA_GRID_REGISTER_TEMPLATE_INJECTION_KEY","stickyTabs","toRef","stickyAdditionalContent"],"mappings":";;;;;;;;4FA2MIA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/IA,UAAAC,IAAAC,GA2CAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,GAsBAC,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAA,IAAA,GACAE,IAAAF,EAAA,IAAA,GAEAG,IAAAC,EAAA,OAAA;AAAA,MAA4D,oDAAAb,EAAA;AAAA,IACE,EAAA,GAG9Dc,IAAAD,EAAA,OAAA;AAAA,MAA+C,OAAA;AAAA,MACpC,GAAAb,EAAA;AAAA,IACE,EAAA,GAGbe,IAAAF,EAAA,MAAAH,GAAA,OAAA,YAAA,GAEAM,IAAAH,EAAA,MAAAL,EAAA,OAAA,OAAA,cAAA,GAEAS,IAAAJ,EAAA,MAAA,OAAA,KAAAX,CAAA,EAAA,OAAA,CAAAgB,MAAAA,GAAA,SAAA,MAAA,CAAA,CAAA,GAEAC,IAAAN,EAAA,OAAA;AAAA,MAAwC,kBAAA,CAAAO,MAAAd,EAAA,4BAAAc,CAAA;AAAA,MACwC,sBAAA,CAAAA,MAAAd,EAAA,gCAAAc,CAAA;AAAA,MACO,QAAA,CAAAA,MAAAd,EAAA,oBAAAc,CAAA;AAAA,IACzB,EAAA,GAG9DC,IAAA,CAAAC,MAAA;AACI,MAAAhB,EAAA,eAAA,EAAA,GAAAN,EAAA,MAAA,gBAAAsB,EAAA,CAAA;AAAA,IAAwE,GAG5EC,IAAA,CAAAC,MAAAxB,GAAA,KAAA,OAAAwB,CAAA,GAAA,SAAA,OAAAA,IAAA,CAAA;AAmBA,WAAAC,EAAAC,GAjBA,MAAA;AAEI,YAAAC,IAAAC,EAAA5B,GAAA,YAAA,GACA6B,IAAAD,EAAA5B,GAAA,yBAAA;AAKA,aAAA;AAAA,QAAO;AAAA,QACH,YAAA2B;AAAA,QACA,SANJX;AAAA,QAOI,yBAAAa;AAAA,QACA,0BAPJnB;AAAA,MAQI;AAAA,IACJ,CAGJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/{data-grid.kZgqWqQx.js → data-grid.xcmkjuyg.js}

@@ -1,38 +1,37 @@
 import { ref as w, onMounted as Qe, nextTick as re, watch as Se, onUnmounted as mn, reactive as At, toRefs as Et, computed as v, watchEffect as Cl, onBeforeUpdate as pl, openBlock as u, createElementBlock as A, mergeProps as ee, toDisplayString as j, createCommentVNode as F, createElementVNode as O, defineComponent as _e, inject as Ie, normalizeClass as se, Fragment as fe, renderList as we, unref as n, toHandlers as ft, createBlock as W, withCtx as V, createVNode as Z, renderSlot as Te, withModifiers as bl, normalizeStyle as Oe, resolveComponent as be, createTextVNode as ie, withDirectives as Je, vShow as wl, toRef as wt, resolveDirective as Sl, Transition as vn, createSlots as Ye, resolveDynamicComponent as Ke, useSlots as yt, provide as it, withKeys as Ut, normalizeProps as _l, guardReactiveProps as Rl } from "vue";
 import { C as Al } from "./checkmark-circle-fill.DugX5fbG.js";
-import { W as El } from "./alert.RD0qOLhx.js";
+import { W as El } from "./alert.V1imvtyI.js";
 /* empty css              */
 import { _ as oe } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import { C as hn } from "./cross.CCHdi6v3.js";
 import { N as Bt } from "./minus-small.CnYLTuSv.js";
 import { E as le, b as St, T as yl, B as Ll } from "./tooltip.Djn54E1O.js";
 import { b as Ol } from "./popper-container.BH4WxeUj.js";
-import { B as Tl } from "./dashed-underline.DJmMXcdt.js";
+import { B as Tl } from "./dashed-underline.CxpIRlCx.js";
 import { B as xe, p as Cn } from "./typography.B3J6_tYk.js";
 import { u as Fe } from "./index.B875RXHM.js";
 import { B as Il } from "./tag.Uu-6AQys.js";
-import { B as Nl } from "./action-bar.CIVprT2U.js";
-import { B as Dl } from "./pagination.DbpHH_53.js";
+import { B as Nl } from "./action-bar.BEV9uXHS.js";
+import { B as Dl } from "./pagination.cNByWBP1.js";
 import { B as dt } from "./loading-indicator.BPol9I84.js";
 import { u as Lt } from "./use-has-slot.CyMiImRQ.js";
 import { u as Ml } from "./use-touch-device.DTqFAbXh.js";
 import { g as ct } from "./generate-uid.DBWe4g6T.js";
-import { a as zl } from "./filter-bar.CzFtzztU.js";
+import { a as zl } from "./filter-bar.D8BVPHLT.js";
 import { B as Fl } from "./empty-state.DT4sFyjB.js";
 import { E as Pl } from "./tabs.keys.B4qGhjp2.js";
 import { D as $l } from "./data-grid-template.keys.VezYtHtM.js";
 import { d as kl } from "./index.oOAkh64h.js";
 import { o as pn } from "./resize.Bqks3WUm.js";
-import { f as _t, c as Ot, h as Ul, a as Wt, b as Vt, O as Gt, D as Bl } from "./button-actions.CxTxPprd.js";
+import { f as _t, c as Ot, h as Ul, a as Wt, b as Vt, O as Gt, D as Bl } from "./button-actions.CWmTl4cF.js";
 import { B as bn } from "./button.DWF7FSIw.js";
 import { B as wn } from "./toggle.BdcgY15I.js";
-import { B as Wl } from "./search-bar.TKgi1KLs.js";
+import { B as Wl } from "./search-bar.CLjqWNaI.js";
 import { B as Vl } from "./directive.D1-d-C2K.js";
-import { u as Gl } from "./dropdown.C5um1anU.js";
-import { S as xl } from "./search.ClLmZAgC.js";
-import { B as Sn } from "./checkbox.LTRqb-pE.js";
-import { B as Hl } from "./info-icon.1FtkyuYH.js";
-import { D as Zl } from "./use-cached-selected-values.DOw5IKdU.js";
+import { j as Gl, f as xl } from "./dropdown.C97ShfXZ.js";
+import { S as Hl } from "./search.ClLmZAgC.js";
+import { B as Sn } from "./checkbox.DwfrmbwI.js";
+import { B as Zl } from "./info-icon.1FtkyuYH.js";
 import { B as xt } from "./popover.types.DATOPtuh.js";
 import { A as jl } from "./arrow-left.C6UiqO-c.js";
 import { A as ql } from "./arrow-right.fSdLV_ho.js";
@@ -1203,7 +1202,7 @@ const qo = /* @__PURE__ */ oe(Ho, [["render", jo]]), En = {
           }, {
             iconLeft: V(() => [
               O("div", Yo, [
-                Z(n(Zl), {
+                Z(n(Gl), {
                   indeterminate: e.allItemsSelectedState.isIndeterminate,
                   checked: e.allItemsSelectedState.allItemsSelected,
                   "all-selected": D.value,
@@ -1242,7 +1241,7 @@ const qo = /* @__PURE__ */ oe(Ho, [["render", jo]]), En = {
               class: se(["b-data-grid-columns__column-actions", Ne(P)])
             }, [
               P.infoIconTooltip ? (u(), A("div", Qo, [
-                Z(n(Hl), {
+                Z(n(Zl), {
                   "tooltip-text": P.infoIconTooltip
                 }, null, 8, ["tooltip-text"])
               ])) : F("", !0),
@@ -1466,7 +1465,7 @@ const vs = /* @__PURE__ */ oe(fs, [["render", ms], ["__scopeId", "data-v-0769d04
     BentoToggleButton: Ot,
     BentoDataGridConfigSettingsConfigRow: vs,
     BentoSearchBar: Wl,
-    BentoSearchIcon: xl,
+    BentoSearchIcon: Hl,
     BentoToggle: wn,
     BentoTypography: xe
   },
@@ -1500,7 +1499,7 @@ const vs = /* @__PURE__ */ oe(fs, [["render", ms], ["__scopeId", "data-v-0769d04
     ye.UPDATE_ZEBRA_ROWS
   ],
   setup(e, { emit: s }) {
-    const { t: i } = Fe({ messages: an }), t = w(null), r = ct("data-grid-config-settings-popover"), l = w(null), o = w(!1), f = w(!0), a = w(null), m = w(""), E = wt(e, "columns"), p = w(!1), I = Gl(m, E), _ = () => {
+    const { t: i } = Fe({ messages: an }), t = w(null), r = ct("data-grid-config-settings-popover"), l = w(null), o = w(!1), f = w(!0), a = w(null), m = w(""), E = wt(e, "columns"), p = w(!1), I = xl(m, E), _ = () => {
       m.value = "";
     }, g = v(
       () => !e.columns.some((b) => b.visible === !1 && !b.mandatory)
@@ -3155,7 +3154,7 @@ const da = /* @__PURE__ */ oe(oa, [["render", ra]]), ca = ["aria-label"], ua = {
       [n(St), o.tooltipText, l.value]
     ]);
   }
-}), Pi = /* @__PURE__ */ oe(ga, [["__scopeId", "data-v-b8c9e150"]]), In = {
+}), Fi = /* @__PURE__ */ oe(ga, [["__scopeId", "data-v-b8c9e150"]]), In = {
   "de-DE": { numberResults: "1 Ergebnis | {count} Ergebnisse" },
   "en-GB": { numberResults: "1 result | {count} results" },
   "en-US": { numberResults: "1 result | {count} results" },
@@ -3233,7 +3232,7 @@ const da = /* @__PURE__ */ oe(oa, [["render", ra]]), ca = ["aria-label"], ua = {
       }, null, 8, ["content", "position", "is-shown", "target-element"])) : F("", !0)
     ]));
   }
-}), $i = /* @__PURE__ */ oe(ha, [["__scopeId", "data-v-5ea6289c"]]), Ca = { class: "b-data-grid-tag-with-text-cell" }, pa = {}, ba = /* @__PURE__ */ _e({
+}), Pi = /* @__PURE__ */ oe(ha, [["__scopeId", "data-v-5ea6289c"]]), Ca = { class: "b-data-grid-tag-with-text-cell" }, pa = {}, ba = /* @__PURE__ */ _e({
   ...pa,
   __name: "data-grid-tag-with-text-cell",
   props: {
@@ -3252,7 +3251,7 @@ const da = /* @__PURE__ */ oe(oa, [["render", ra]]), ca = ["aria-label"], ua = {
       })
     ]));
   }
-}), ki = /* @__PURE__ */ oe(ba, [["__scopeId", "data-v-b8837a72"]]);
+}), $i = /* @__PURE__ */ oe(ba, [["__scopeId", "data-v-b8837a72"]]);
 let gn = 0;
 const wa = {
   beforeCreate() {
@@ -3363,7 +3362,7 @@ const La = /* @__PURE__ */ oe(Aa, [["render", ya]]), Nn = {
       })
     ], 2));
   }
-}), Ui = /* @__PURE__ */ oe(Ta, [["__scopeId", "data-v-08286f85"]]), Ia = (e, s, i) => {
+}), ki = /* @__PURE__ */ oe(Ta, [["__scopeId", "data-v-08286f85"]]), Ia = (e, s, i) => {
   const t = w([]), r = (a, m) => {
     if (!a?.gridcellRefs)
       return { count: 0, entries: [], maxWidth: 0 };
@@ -4216,17 +4215,17 @@ const La = /* @__PURE__ */ oe(Aa, [["render", ya]]), Nn = {
       }, null, 8, ["actions", "item-counter", "extra-bottom-spacing", "onClose"])) : F("", !0)
     ], 42, Na));
   }
-}), Bi = /* @__PURE__ */ oe(Wa, [["__scopeId", "data-v-8f3b88a5"]]);
+}), Ui = /* @__PURE__ */ oe(Wa, [["__scopeId", "data-v-8f3b88a5"]]);
 export {
   Rt as B,
-  Pi as a,
-  $i as b,
-  ki as c,
-  Bi as d,
-  Ui as e,
+  Fi as a,
+  Pi as b,
+  $i as c,
+  Ui as d,
+  ki as e,
   rt as f,
   N as g,
   Pe as h,
   Le as i
 };
-//# sourceMappingURL=data-grid.kZgqWqQx.js.map
+//# sourceMappingURL=data-grid.xcmkjuyg.js.map