@adyen/bento-vue2 0.9.3 → 0.10.1-1

package/dist/@types/components/currency/currency.vue.d.ts

@@ -11,6 +11,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    disableTypography: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     formattedCurrency: import("vue").ComputedRef<string>;
     BentoTypographyVariant: typeof BentoTypographyVariant;
@@ -25,8 +29,13 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    disableTypography: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     currency: BentoCurrencyISOCode;
     majorUnits: boolean;
+    disableTypography: boolean;
 }>;
 export default _default;

package/dist/@types/components/data-grid/data-grid.types.d.ts

@@ -52,17 +52,18 @@ export interface BentoDatagridAllItemsSelectedState {
     isIndeterminate: boolean;
 }
 export declare enum BentoDatagridEvent {
+    COLUMNS = "columns",
     COLUMN_RESIZE = "column-resize",
-    SORT = "sort",
-    SELECT = "select",
-    NAVIGATE = "navigate",
-    UPDATE_FILERS = "update:filters",
     ITEMS_PAGE = "items-page",
-    UPDATE_FILTER_SEARCH_TERM = "update:filter-search-term",
+    NAVIGATE = "navigate",
     FILTER_SEARCH_INPUT = "filter-search-input",
     FILTER_SEARCH_CLEAR = "filter-search-clear",
-    COLUMNS = "columns",
     UPDATE_COLUMNS = "update:columns",
+    UPDATE_CONDENSED = "update:condensed",
+    UPDATE_FILTERS = "update:filters",
+    UPDATE_FILTER_SEARCH_TERM = "update:filter-search-term",
+    UPDATE_SORT_BY = "update:sort-by",
     ROW_CLICK = "row-click",
-    UPDATE_CONDENSED = "update:condensed"
+    SELECT = "select",
+    SORT = "sort"
 }

package/dist/@types/components/data-grid/data-grid.vue.d.ts

@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     filters: {
-        type: PropType<import("@/components/filter-bar").BentoFilterBarModel>;
+        type: PropType<import("../filter-bar").BentoFilterBarModel>;
         default: any;
     };
     filterSearchTerm: {
@@ -322,7 +322,7 @@ declare const _default: import("vue").DefineComponent<{
         dragover: (e: DragEvent) => void;
     }>;
     computedColumnPanelAlignment: import("vue").ComputedRef<number>;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, (BentoDatagridEvent.COLUMN_RESIZE | BentoDatagridEvent.SORT | BentoDatagridEvent.SELECT | BentoDatagridEvent.NAVIGATE | BentoDatagridEvent.UPDATE_FILERS | BentoDatagridEvent.ITEMS_PAGE | BentoDatagridEvent.UPDATE_FILTER_SEARCH_TERM | BentoDatagridEvent.FILTER_SEARCH_INPUT | BentoDatagridEvent.FILTER_SEARCH_CLEAR | BentoDatagridEvent.COLUMNS | BentoDatagridEvent.UPDATE_COLUMNS | BentoDatagridEvent.ROW_CLICK)[], string, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, (BentoDatagridEvent.COLUMNS | BentoDatagridEvent.COLUMN_RESIZE | BentoDatagridEvent.ITEMS_PAGE | BentoDatagridEvent.NAVIGATE | BentoDatagridEvent.FILTER_SEARCH_INPUT | BentoDatagridEvent.FILTER_SEARCH_CLEAR | BentoDatagridEvent.UPDATE_COLUMNS | BentoDatagridEvent.UPDATE_FILTERS | BentoDatagridEvent.UPDATE_FILTER_SEARCH_TERM | BentoDatagridEvent.UPDATE_SORT_BY | BentoDatagridEvent.ROW_CLICK | BentoDatagridEvent.SELECT | BentoDatagridEvent.SORT)[], string, Readonly<import("vue").ExtractPropTypes<{
     allowRowClicks: {
         type: BooleanConstructor;
         default: boolean;
@@ -348,7 +348,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     filters: {
-        type: PropType<import("@/components/filter-bar").BentoFilterBarModel>;
+        type: PropType<import("../filter-bar").BentoFilterBarModel>;
         default: any;
     };
     filterSearchTerm: {
@@ -457,7 +457,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => any[];
     };
 }>>, {
-    filters: import("@/components/filter-bar").BentoFilterBarModel;
+    filters: import("../filter-bar").BentoFilterBarModel;
     condensed: boolean;
     outline: boolean;
     loading: boolean;

package/dist/@types/components/date/date.vue.d.ts

@@ -10,6 +10,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoDateFormat>;
         default: BentoDateFormat;
     };
+    disableTypography: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     formattedDate: import("vue").ComputedRef<string>;
     BentoTypographyVariant: typeof BentoTypographyVariant;
@@ -23,7 +27,12 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BentoDateFormat>;
         default: BentoDateFormat;
     };
+    disableTypography: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
+    disableTypography: boolean;
     date: string | number | Date;
     format: BentoDateFormat;
 }>;

package/dist/@types/components/modal/components/base-modal/base-modal.vue.d.ts

@@ -40,6 +40,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     modal: any;
     computedAriaLabel: import("vue").ComputedRef<string>;
@@ -54,6 +58,7 @@ declare const _default: import("vue").DefineComponent<{
     modalConditionalClasses: import("vue").ComputedRef<{
         [x: string]: boolean | BentoModalSize;
         "b-modal-base__container--visible": boolean;
+        "b-modal-base__container--overflow-visible": boolean;
     }>;
     modalContentConditionalClasses: import("vue").ComputedRef<{
         'b-modal-base__content--column-layout': boolean;
@@ -117,6 +122,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     size: BentoModalSize;
     modalRole: string;
@@ -124,5 +133,6 @@ declare const _default: import("vue").DefineComponent<{
     withColumnLayout: boolean;
     columnsSize: BentoModalColumnLayoutVariant;
     initiallyOpen: boolean;
+    overflowVisible: boolean;
 }>;
 export default _default;

package/dist/@types/components/modal/components/modal-default/modal-default.vue.d.ts

@@ -11,6 +11,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: true;
     };
+    overflowVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     hideCloseButton: {
         type: BooleanConstructor;
         default: boolean;
@@ -79,6 +83,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: true;
     };
+    overflowVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     hideCloseButton: {
         type: BooleanConstructor;
         default: boolean;
@@ -122,6 +130,7 @@ declare const _default: import("vue").DefineComponent<{
     withColumnLayout: boolean;
     columnsSize: BentoModalColumnLayoutVariant;
     initiallyOpen: boolean;
+    overflowVisible: boolean;
     actionsLabel: string;
     destructiveActions: boolean;
 }>;

package/dist/@types/components/modal/components/modal-dialog/modal-dialog.vue.d.ts

@@ -10,6 +10,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: true;
     };
+    overflowVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     dialogType: {
         type: PropType<BentoModalDialogType>;
         required: true;
@@ -58,6 +62,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: true;
     };
+    overflowVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     dialogType: {
         type: PropType<BentoModalDialogType>;
         required: true;
@@ -77,5 +85,6 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     actions: BentoButtonActionsList;
     initiallyOpen: boolean;
+    overflowVisible: boolean;
 }>;
 export default _default;

package/dist/@types/components/modal/modal.vue.d.ts

@@ -10,6 +10,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: any;
     };
+    overflowVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     isOpen: {
         type: BooleanConstructor;
         default: boolean;
@@ -63,6 +67,7 @@ declare const _default: import("vue").DefineComponent<{
         actionsLabel: string;
         destructiveActions: boolean;
         isDismissible: boolean;
+        overflowVisible: boolean;
         withColumnLayout: boolean;
         dialogType?: undefined;
         content?: undefined;
@@ -70,6 +75,7 @@ declare const _default: import("vue").DefineComponent<{
         dialogType: BentoModalDialogType;
         content: string;
         isDismissible: boolean;
+        overflowVisible: boolean;
         hideCloseButton?: undefined;
         size?: undefined;
         customPadding?: undefined;
@@ -87,6 +93,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: any;
     };
+    overflowVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     isOpen: {
         type: BooleanConstructor;
         default: boolean;
@@ -142,6 +152,7 @@ declare const _default: import("vue").DefineComponent<{
     withColumnLayout: boolean;
     columnsSize: BentoModalColumnLayoutVariant;
     isOpen: boolean;
+    overflowVisible: boolean;
     actionsLabel: string;
     destructiveActions: boolean;
     dialogType: BentoModalDialogType;

package/dist/@types/components/segmented-control/components/segmented-control-button/segmented-control-button.vue.d.ts

@@ -0,0 +1,60 @@
+import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { ComputedRef } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    BentoTypographyElement: typeof BentoTypographyElement;
+    BentoTypographyVariant: typeof BentoTypographyVariant;
+    segmentedControlButtonId: string;
+    isChecked: ComputedRef<boolean>;
+    conditionalClasses: ComputedRef<{
+        'b-segmented-control-button--hug-content': boolean;
+        'b-segmented-control-button--full-width': boolean;
+    }>;
+    onClick: () => void;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, "update:modelValue"[], string, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    disabled: boolean;
+    modelValue: string | number;
+    fullWidth: boolean;
+}>;
+export default _default;

package/dist/@types/components/segmented-control/index.d.ts

@@ -1,3 +1,2 @@
-export { default as AdlSegmentedOption } from './components/segmented-option.vue';
-export { default as AdlSegmentedControl } from './segmented-control.vue';
+export { default as BentoSegmentedControl } from './segmented-control.vue';
 export * from './segmented-control.types';

package/dist/@types/components/segmented-control/segmented-control.types.d.ts

@@ -1,15 +1,8 @@
-export interface AdlSegmentedControlApi {
-    state: {
-        name: string;
-        disabled: boolean;
-        selectedValue: unknown;
-    };
-    changeValue: (newValue: unknown) => void;
+export interface BentoSegmentedControlItem {
+    label: string;
+    value: string | number;
+    disabled?: boolean;
 }
-export declare enum AdlSegmentedControlState {
-    DISABLED = "disabled"
-}
-export declare enum AdlSegmentedOptionState {
-    DISABLED = "disabled",
-    SELECTED = "selected"
+export declare enum BentoSegmentedControlEvent {
+    UPDATE = "update:modelValue"
 }

package/dist/@types/components/segmented-control/segmented-control.vue.d.ts

@@ -1,42 +1,53 @@
+import { PropType } from 'vue';
+import { BentoSegmentedControlEvent, BentoSegmentedControlItem } from './segmented-control.types';
 declare const _default: import("vue").DefineComponent<{
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
+    items: {
+        type: PropType<BentoSegmentedControlItem[]>;
+        required: true;
+        validator: (arr: Array<BentoSegmentedControlItem[]>) => boolean;
     };
-    value: {
-        type: any;
-        default: any;
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
     };
-    name: {
+    ariaLabel: {
         type: StringConstructor;
         required: true;
     };
-}, {}, {
-    state: {
-        disabled: boolean;
-        selectedValue: any;
-        name: string;
-    };
-    ariaLabel: any;
-}, {
-    conditionalClasses(): {
-        [className: string]: boolean;
-    };
-}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
+    fullWidth: {
         type: BooleanConstructor;
         default: boolean;
     };
-    value: {
-        type: any;
-        default: any;
+}, {
+    inputValue: import("vue").Ref<string | number>;
+    dropdownId: string;
+    segmentedControlRef: any;
+    conditionalClasses: import("vue").ComputedRef<{
+        'b-segmented-control--hidden': boolean;
+        'b-segmented-control--full-width': boolean;
+    }>;
+    isSegmentedControlVisible: import("vue").Ref<boolean>;
+    isSegmentedControlHidden: import("vue").ComputedRef<boolean>;
+    onInput: (value: any) => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoSegmentedControlEvent[], string, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<BentoSegmentedControlItem[]>;
+        required: true;
+        validator: (arr: Array<BentoSegmentedControlItem[]>) => boolean;
+    };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
     };
-    name: {
+    ariaLabel: {
         type: StringConstructor;
         required: true;
     };
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
-    value: any;
-    disabled: boolean;
+    fullWidth: boolean;
 }>;
 export default _default;

package/dist/@types/components.d.ts

@@ -3,8 +3,6 @@ import {
     // AdlAccordion,
     // AdlAccordionItem,
     // AdlBadge,
-    // AdlSegmentedControl,
-    // AdlSegmentedOption,
     // AdlTab,
     // AdlTabs,
     // AdlTextarea,
@@ -42,6 +40,7 @@ import {
     BentoPopover,
     BentoRadioGroup,
     BentoSearchBar,
+    BentoSegmentedControl,
     BentoStatus,
     BentoStructuredList,
     BentoSummaryGrid,
@@ -63,8 +62,6 @@ declare module 'vue' {
         // AdlAccordion: typeof AdlAccordion;
         // AdlAccordionItem: typeof AdlAccordionItem;
         // AdlBadge: typeof AdlBadge;
-        // AdlSegmentedControl: typeof AdlSegmentedControl;
-        // AdlSegmentedOption: typeof AdlSegmentedOption;
         // AdlTabs: typeof AdlTabs;
         // AdlTab: typeof AdlTab;
         // AdlTextarea: typeof AdlTextarea;
@@ -102,6 +99,7 @@ declare module 'vue' {
         BentoPopover: typeof BentoPopover;
         BentoRadioGroup: typeof BentoRadioGroup;
         BentoSearchBar: typeof BentoSearchBar;
+        BentoSegmentedControl: typeof BentoSegmentedControl;
         BentoStatus: typeof BentoStatus;
         BentoStructuredList: typeof BentoStructuredList;
         BentoSummaryGrid: typeof BentoSummaryGrid;

package/dist/@types/index.d.ts

@@ -24,6 +24,7 @@ export * from './components/payment-method';
 export * from './components/popover';
 export * from './components/radio-group';
 export * from './components/search-bar';
+export * from './components/segmented-control';
 export * from './components/status';
 export * from './components/structured-list';
 export * from './components/summary-grid';

package/dist/accordion.js

@@ -0,0 +1,206 @@
+import "./assets/index4.css";
+import { defineComponent as r, computed as l } from "vue";
+import { g as u } from "./chunks/unique-id.a2a2b458.js";
+import { n } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
+import { C as h, a as m } from "./chunks/chevron-up.416431cd.js";
+const d = Symbol("accordion injection key");
+var o = /* @__PURE__ */ ((e) => (e.PRIMARY = "primary", e.GHOST = "ghost", e))(o || {}), a = /* @__PURE__ */ ((e) => (e.GROUPED = "grouped", e.SEPARATE = "separate", e))(a || {}), c = /* @__PURE__ */ ((e) => (e.LEFT = "left", e))(c || {});
+const _ = r({
+  name: "adl-accordion",
+  props: {
+    /**
+     * Indicates if all accordion items can be expanded simultaneously.
+     * If this option is toggled in Storybook a refresh is required.
+     *  - true: all accordion items can be expanded at a time
+     *  - false: only one accordion item can be expanded at a time
+     */
+    simultaneouslyExpandAllTabs: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Grouped represents if the accordion is grouped inside a container or not
+     * - true: grouped inside a container
+     * - false: independent accordion item
+     */
+    grouped: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Indicates the position of caret in the accordion. The default is right.
+     * - true:  caret is on right
+     * - false: caret is on left
+     */
+    caretRight: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Variant represents accordion variant
+     * @values enum AccordionVariant
+     */
+    variant: {
+      type: String,
+      default: o.PRIMARY,
+      validator: (e) => Object.values(o).includes(e)
+    }
+  },
+  data() {
+    return {
+      accordion: {
+        items: [],
+        simultaneouslyExpandAllTabs: this.simultaneouslyExpandAllTabs,
+        variant: this.variant,
+        grouped: this.grouped,
+        caretRight: this.caretRight
+      }
+    };
+  },
+  computed: {
+    conditionalClasses() {
+      return {
+        [`ds-accordion--${o.GHOST}`]: this.variant === o.GHOST,
+        [`ds-accordion--${a.GROUPED}`]: this.grouped,
+        [`ds-accordion--${a.SEPARATE}`]: !this.grouped
+      };
+    }
+  },
+  provide() {
+    const e = l(
+      () => ({
+        caretRight: this.caretRight,
+        grouped: this.grouped,
+        variant: this.variant,
+        simultaneouslyExpandAllTabs: this.simultaneouslyExpandAllTabs,
+        registerItem: this.registerItem,
+        getItem: this.getItem,
+        open: this.open,
+        close: this.close
+      })
+    );
+    return {
+      [d]: e
+    };
+  },
+  methods: {
+    getUniqueId() {
+      return u("accordion-item");
+    },
+    registerItem(e = !1) {
+      var s;
+      const t = this.getUniqueId, i = t();
+      return (s = this.accordion.items) == null || s.push({ id: i, opened: e }), { id: i, opened: e };
+    },
+    getItem(e) {
+      return this.accordion.items.find((t) => t.id === e);
+    },
+    open(e) {
+      if (this.accordion.simultaneouslyExpandAllTabs)
+        this.accordion.items.find((t) => t.id === e).opened = !0;
+      else {
+        const t = this.accordion.items.map((i) => ({ id: i.id, opened: i.id === e }));
+        this.accordion.items = t;
+      }
+    },
+    close(e) {
+      this.accordion.items.find((t) => t.id === e).opened = !1;
+    }
+  }
+});
+var p = function() {
+  var t = this, i = t._self._c;
+  return t._self._setupProxy, i("div", { staticClass: "adl2-accordion", class: t.conditionalClasses, attrs: { "data-testid": "adl-accordion" } }, [t._t("default")], 2);
+}, v = [], f = /* @__PURE__ */ n(
+  _,
+  p,
+  v,
+  !1,
+  null,
+  "64fb63a8",
+  null,
+  null
+);
+const R = f.exports, g = r({
+  name: "adl-accordion-item",
+  components: { ChevronDown: h, ChevronUp: m },
+  // Props attribute is required by provide/inject. Do not delete.
+  props: {
+    /**
+     * Injected tabs prop that contains all the required tab query methods.
+     * NOTE: This Prop defintion can be removed when the following issue is resolved:
+     * https://github.com/vuejs/vue/issues/8969
+     */
+    accordion: { type: Object, default: null }
+  },
+  inject: { accordion: { from: d } },
+  data: () => ({
+    item: {
+      id: void 0,
+      opened: !1
+    }
+  }),
+  computed: {
+    accordionProvider() {
+      return this.accordion;
+    },
+    showContent() {
+      var e;
+      return (e = this.accordionProvider.getItem(this.item.id)) == null ? void 0 : e.opened;
+    },
+    conditionalClasses() {
+      return {
+        [`adl-accordion-item__caret-${c.LEFT}`]: !this.accordionProvider.caretRight,
+        [`adl-accordion-item--${o.GHOST}`]: this.accordionProvider.variant === o.GHOST,
+        [`adl-accordion-item--${a.GROUPED}`]: this.accordionProvider.grouped,
+        [`adl-accordion-item--${a.SEPARATE}`]: !this.accordionProvider.grouped
+      };
+    },
+    shouldShowIcon() {
+      return !!this.$slots.default;
+    },
+    shouldShowTitle() {
+      return !!this.$slots.title;
+    },
+    shouldShowSubtitle() {
+      return !!this.$slots.subtitle;
+    },
+    shouldShowPicture() {
+      return !!this.$slots.picture;
+    }
+  },
+  created() {
+    this.item = this.accordionProvider.registerItem();
+  },
+  methods: {
+    toggle() {
+      this.showContent ? this.accordionProvider.close(this.item.id) : this.accordionProvider.open(this.item.id);
+    },
+    start(e) {
+      e.style.height = `${e.scrollHeight}px`;
+    },
+    end(e) {
+      e.style.height = "";
+    }
+  }
+});
+var C = function() {
+  var t = this, i = t._self._c;
+  return t._self._setupProxy, i("div", { staticClass: "adl-accordion-item", class: t.conditionalClasses, attrs: { "data-testid": "accordion-item" } }, [i("h2", [i("button", { staticClass: "adl-accordion-item__header", attrs: { type: "button", "aria-expanded": `${t.showContent}`, "aria-controls": t.item.id }, on: { click: t.toggle } }, [t.shouldShowIcon ? i("span", { attrs: { "aria-hidden": "true" } }, [t._t("default")], 2) : t._e(), i("span", { staticClass: "adl-accordion-item__header--main-content" }, [t.shouldShowPicture ? i("div", { staticClass: "adl-accordion-item__picture", attrs: { "aria-hidden": "true", "data-testid": "adl-accordion-item-picture" } }, [t._t("picture")], 2) : t._e(), i("div", [t.shouldShowTitle ? i("div", { staticClass: "adl-accordion-item__title" }, [t._t("title")], 2) : t._e(), t.shouldShowSubtitle ? i("div", { staticClass: "adl-accordion-item__subtitle" }, [t._t("subtitle")], 2) : t._e()])]), t.showContent ? i("span", { staticClass: "adl-accordion-item__caret", attrs: { "aria-hidden": "true", "data-testid": "accordion-item-icon-show" } }, [i("chevron-up", { attrs: { "svg-title": "show accordion item" } })], 1) : t._e(), t.showContent ? t._e() : i("span", { staticClass: "adl-accordion-item__caret", attrs: { "aria-hidden": "true", "data-testid": "accordion-item-icon-hide" } }, [i("chevron-down", { attrs: { "svg-title": "hide accordion item" } })], 1)])]), i("transition", { attrs: { name: "adl-accordion-item" }, on: { enter: t.start, "after-enter": t.end, "before-leave": t.start, "after-leave": t.end } }, [i("div", { directives: [{ name: "show", rawName: "v-show", value: t.showContent, expression: "showContent" }], staticClass: "adl-accordion-item__content", attrs: { id: t.item.id } }, [i("div", { staticClass: "adl-accordion-item__description" }, [t._t("content")], 2)])])], 1);
+}, w = [], y = /* @__PURE__ */ n(
+  g,
+  C,
+  w,
+  !1,
+  null,
+  "7721fcf1",
+  null,
+  null
+);
+const T = y.exports;
+export {
+  R as AdlAccordion,
+  T as AdlAccordionItem,
+  o as AdlAccordionVariant
+};
+//# sourceMappingURL=accordion.js.map