vuestic-ui/dist/web-components/src/components/va-collapse/VaCollapse.js

Vue 3 UI Framework

import { _ as _sfc_main } from "./VaCollapse.vue_vue_type_script_setup_true_lang.js";
import { _ as _export_sfc } from "../../../plugin-vue_export-helper.js";
const _style_0 = ":root,\n:host {\n  --va-collapse-padding: 0.75rem;\n  --va-collapse-gap: 0.5rem;\n  --va-collapse-transition: all 0.3s linear;\n  --va-collapse-popout-margin: 0.5rem -0.5rem;\n  --va-collapse-inset-margin: 0.5rem 0.5rem;\n  --va-collapse-body-transition: opacity 0.1s linear;\n  --va-collapse-body-wrapper-transition: height 0.3s linear, background 0.3s linear;\n  --va-collapse-body-width: 100%;\n  --va-collapse-header-content-cursor: pointer;\n  --va-collapse-header-content-background-color: #f5f8f9;\n  --va-collapse-header-content-box-shadow: var(--va-box-shadow);\n  --va-collapse-header-content-border-radius: 0.375rem;\n  --va-collapse-header-content-padding-top: 0.75rem;\n  --va-collapse-header-content-padding-bottom: 0.75rem;\n  --va-collapse-header-content-padding-left: 1rem;\n  --va-collapse-header-content-text-font-weight: 600;\n  --va-collapse-header-content-icon-min-width: 1.5rem;\n  --va-collapse-header-content-icon-margin-left: 0.5rem;\n  --va-collapse-header-content-icon-margin-right: 0.5rem;\n  --va-collapse-header-content-icon-color: var(--va-background-element);\n  --va-collapse-expand-icon-transition: transform 0.3s linear;\n  /* Solid */\n  --va-collapse-solid-box-shadow: var(--va-box-shadow);\n  --va-collapse-solid-border-radius: 0.375rem;\n  --va-collapse-solid-header-content-background-color: #f5f8f9;\n  --va-collapse-solid-header-content-box-shadow: none;\n  --va-collapse-solid-header-content-border-radius: 0.375rem;\n  --va-collapse-solid-header-content-transition: background-color ease-in 0.3s;\n  --va-collapse-solid-body-border-radius: 0 0 0.375rem 0.375rem;\n  --va-collapse-solid-body-margin-top: 0;\n}\n.va-collapse {\n  transition: var(--va-collapse-transition, var(--va-swing-transition));\n  font-family: var(--va-font-family);\n  display: flex;\n  flex-direction: column;\n}\n.va-collapse__body-wrapper {\n  transition: var(--va-collapse-body-wrapper-transition);\n  overflow: auto;\n}\n.va-collapse__body-wrapper--bordered {\n  border-bottom: 1px solid var(--va-background-border);\n  box-sizing: content-box;\n}\n.va-collapse--colored-header:not(.va-collapse--expanded) .va-collapse__body-wrapper--bordered {\n  border-bottom: none;\n}\n.va-collapse--colored-body.va-collapse--expanded .va-collapse__body-wrapper--bordered {\n  border-bottom: none;\n}\n.va-collapse__body {\n  top: 0;\n  left: 0;\n  width: var(--va-collapse-body-width);\n  transition: var(--va-collapse-body-transition);\n  opacity: 0;\n}\n.va-collapse__content {\n  padding: var(--va-collapse-padding);\n  padding-top: calc(var(--va-collapse-padding) / 1.5);\n  box-sizing: border-box;\n}\n.va-collapse__content:empty {\n  padding: 0;\n}\n.va-collapse__header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: var(--va-collapse-gap);\n  cursor: var(--va-collapse-header-content-cursor);\n  padding: var(--va-collapse-padding);\n  transition: all 0.2s ease-in-out;\n}\n.va-collapse__header__text {\n  width: 100%;\n  font-weight: var(--va-collapse-header-content-text-font-weight);\n}\n.va-collapse__header:focus-visible {\n  outline: 2px solid var(--va-focus) !important;\n  border-radius: var(--va-collapse-header-content-border-radius);\n}\n.va-collapse--expanded .va-collapse__body {\n  opacity: 1;\n}\n.va-collapse__expand-icon {\n  transition: var(--va-collapse-expand-icon-transition);\n}\n.va-collapse__expand-icon--expanded {\n  transform: rotate(180deg);\n}\n.va-collapse--popout {\n  margin: var(--va-collapse-popout-margin);\n}\n.va-collapse--inset {\n  margin: var(--va-collapse-inset-margin);\n}\n.va-collapse--disabled {\n  cursor: default;\n  opacity: 0.4;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.va-collapse--height-changing .va-collapse__body-wrapper {\n  overflow: hidden;\n}";
const _VaCollapse = /* @__PURE__ */ _export_sfc(_sfc_main, [["styles", [_style_0]]]);
export {
  _VaCollapse as _
};
//# sourceMappingURL=VaCollapse.js.map