{"version":3,"file":"C4ptcHJS.js","sources":["../../../../node_modules/quasar/src/components/expansion-item/QExpansionItem.js"],"sourcesContent":["import { h, shallowReactive, ref, computed, watch, withDirectives, getCurrentInstance, vShow, onBeforeUnmount } from 'vue'\n\nimport QItem from '../item/QItem.js'\nimport QItemSection from '../item/QItemSection.js'\nimport QItemLabel from '../item/QItemLabel.js'\nimport QIcon from '../icon/QIcon.js'\nimport QSlideTransition from '../slide-transition/QSlideTransition.js'\nimport QSeparator from '../separator/QSeparator.js'\n\nimport useDark, { useDarkProps } from '../../composables/private.use-dark/use-dark.js'\nimport useId from '../../composables/use-id/use-id.js'\nimport { useRouterLinkProps } from '../../composables/private.use-router-link/use-router-link.js'\nimport useModelToggle, { useModelToggleProps, useModelToggleEmits } from '../../composables/private.use-model-toggle/use-model-toggle.js'\n\nimport { createComponent } from '../../utils/private.create/create.js'\nimport { stopAndPrevent } from '../../utils/event/event.js'\nimport { hSlot } from '../../utils/private.render/render.js'\nimport uid from '../../utils/uid/uid.js'\n\nconst itemGroups = shallowReactive({})\nconst LINK_PROPS = Object.keys(useRouterLinkProps)\n\nexport default createComponent({\n  name: 'QExpansionItem',\n\n  props: {\n    ...useRouterLinkProps,\n    ...useModelToggleProps,\n    ...useDarkProps,\n\n    icon: String,\n\n    label: String,\n    labelLines: [ Number, String ],\n\n    caption: String,\n    captionLines: [ Number, String ],\n\n    dense: Boolean,\n\n    toggleAriaLabel: String,\n    expandIcon: String,\n    expandedIcon: String,\n    expandIconClass: [ Array, String, Object ],\n    duration: {},\n\n    headerInsetLevel: Number,\n    contentInsetLevel: Number,\n\n    expandSeparator: Boolean,\n    defaultOpened: Boolean,\n    hideExpandIcon: Boolean,\n    expandIconToggle: Boolean,\n    switchToggleSide: Boolean,\n    denseToggle: Boolean,\n    group: String,\n    popup: Boolean,\n\n    headerStyle: [ Array, String, Object ],\n    headerClass: [ Array, String, Object ]\n  },\n\n  emits: [\n    ...useModelToggleEmits,\n    'click', 'afterShow', 'afterHide'\n  ],\n\n  setup (props, { slots, emit }) {\n    const { proxy: { $q } } = getCurrentInstance()\n    const isDark = useDark(props, $q)\n\n    const showing = ref(\n      props.modelValue !== null\n        ? props.modelValue\n        : props.defaultOpened\n    )\n\n    const blurTargetRef = ref(null)\n    const targetUid = useId()\n\n    const { show, hide, toggle } = useModelToggle({ showing })\n\n    let uniqueId, exitGroup\n\n    const classes = computed(() =>\n      'q-expansion-item q-item-type'\n      + ` q-expansion-item--${ showing.value === true ? 'expanded' : 'collapsed' }`\n      + ` q-expansion-item--${ props.popup === true ? 'popup' : 'standard' }`\n    )\n\n    const contentStyle = computed(() => {\n      if (props.contentInsetLevel === void 0) {\n        return null\n      }\n\n      const dir = $q.lang.rtl === true ? 'Right' : 'Left'\n      return {\n        [ 'padding' + dir ]: (props.contentInsetLevel * 56) + 'px'\n      }\n    })\n\n    const hasLink = computed(() =>\n      props.disable !== true && (\n        props.href !== void 0\n        || (props.to !== void 0 && props.to !== null && props.to !== '')\n      )\n    )\n\n    const linkProps = computed(() => {\n      const acc = {}\n      LINK_PROPS.forEach(key => {\n        acc[ key ] = props[ key ]\n      })\n      return acc\n    })\n\n    const isClickable = computed(() =>\n      hasLink.value === true || props.expandIconToggle !== true\n    )\n\n    const expansionIcon = computed(() => (\n      props.expandedIcon !== void 0 && showing.value === true\n        ? props.expandedIcon\n        : props.expandIcon || $q.iconSet.expansionItem[ props.denseToggle === true ? 'denseIcon' : 'icon' ]\n    ))\n\n    const activeToggleIcon = computed(() =>\n      props.disable !== true && (hasLink.value === true || props.expandIconToggle === true)\n    )\n\n    const headerSlotScope = computed(() => ({\n      expanded: showing.value === true,\n      detailsId: targetUid.value,\n      toggle,\n      show,\n      hide\n    }))\n\n    const toggleAriaAttrs = computed(() => {\n      const toggleAriaLabel = props.toggleAriaLabel !== void 0\n        ? props.toggleAriaLabel\n        : $q.lang.label[ showing.value === true ? 'collapse' : 'expand' ](props.label)\n\n      return {\n        role: 'button',\n        'aria-expanded': showing.value === true ? 'true' : 'false',\n        'aria-controls': targetUid.value,\n        'aria-label': toggleAriaLabel\n      }\n    })\n\n    watch(() => props.group, name => {\n      exitGroup !== void 0 && exitGroup()\n      name !== void 0 && enterGroup()\n    })\n\n    function onHeaderClick (e) {\n      hasLink.value !== true && toggle(e)\n      emit('click', e)\n    }\n\n    function toggleIconKeyboard (e) {\n      e.keyCode === 13 && toggleIcon(e, true)\n    }\n\n    function toggleIcon (e, keyboard) {\n      keyboard !== true && blurTargetRef.value !== null && blurTargetRef.value.focus()\n      toggle(e)\n      stopAndPrevent(e)\n    }\n\n    function onShow () {\n      emit('afterShow')\n    }\n\n    function onHide () {\n      emit('afterHide')\n    }\n\n    function enterGroup () {\n      if (uniqueId === void 0) {\n        uniqueId = uid()\n      }\n\n      if (showing.value === true) {\n        itemGroups[ props.group ] = uniqueId\n      }\n\n      const show = watch(showing, val => {\n        if (val === true) {\n          itemGroups[ props.group ] = uniqueId\n        }\n        else if (itemGroups[ props.group ] === uniqueId) {\n          delete itemGroups[ props.group ]\n        }\n      })\n\n      const group = watch(\n        () => itemGroups[ props.group ],\n        (val, oldVal) => {\n          if (oldVal === uniqueId && val !== void 0 && val !== uniqueId) {\n            hide()\n          }\n        }\n      )\n\n      exitGroup = () => {\n        show()\n        group()\n\n        if (itemGroups[ props.group ] === uniqueId) {\n          delete itemGroups[ props.group ]\n        }\n\n        exitGroup = void 0\n      }\n    }\n\n    function getToggleIcon () {\n      const data = {\n        class: [\n          'q-focusable relative-position cursor-pointer'\n            + `${ props.denseToggle === true && props.switchToggleSide === true ? ' items-end' : '' }`,\n          props.expandIconClass\n        ],\n        side: props.switchToggleSide !== true,\n        avatar: props.switchToggleSide\n      }\n\n      const child = [\n        h(QIcon, {\n          class: 'q-expansion-item__toggle-icon'\n            + (props.expandedIcon === void 0 && showing.value === true\n              ? ' q-expansion-item__toggle-icon--rotated'\n              : ''),\n          name: expansionIcon.value\n        })\n      ]\n\n      if (activeToggleIcon.value === true) {\n        Object.assign(data, {\n          tabindex: 0,\n          ...toggleAriaAttrs.value,\n          onClick: toggleIcon,\n          onKeyup: toggleIconKeyboard\n        })\n\n        child.unshift(\n          h('div', {\n            ref: blurTargetRef,\n            class: 'q-expansion-item__toggle-focus q-icon q-focus-helper q-focus-helper--rounded',\n            tabindex: -1\n          })\n        )\n      }\n\n      return h(QItemSection, data, () => child)\n    }\n\n    function getHeaderChild () {\n      let child\n\n      if (slots.header !== void 0) {\n        child = [].concat(slots.header(headerSlotScope.value))\n      }\n      else {\n        child = [\n          h(QItemSection, () => [\n            h(QItemLabel, { lines: props.labelLines }, () => props.label || ''),\n\n            props.caption\n              ? h(QItemLabel, { lines: props.captionLines, caption: true }, () => props.caption)\n              : null\n          ])\n        ]\n\n        props.icon && child[ props.switchToggleSide === true ? 'push' : 'unshift' ](\n          h(QItemSection, {\n            side: props.switchToggleSide === true,\n            avatar: props.switchToggleSide !== true\n          }, () => h(QIcon, { name: props.icon }))\n        )\n      }\n\n      if (props.disable !== true && props.hideExpandIcon !== true) {\n        child[ props.switchToggleSide === true ? 'unshift' : 'push' ](\n          getToggleIcon()\n        )\n      }\n\n      return child\n    }\n\n    function getHeader () {\n      const data = {\n        ref: 'item',\n        style: props.headerStyle,\n        class: props.headerClass,\n        dark: isDark.value,\n        disable: props.disable,\n        dense: props.dense,\n        insetLevel: props.headerInsetLevel\n      }\n\n      if (isClickable.value === true) {\n        data.clickable = true\n        data.onClick = onHeaderClick\n\n        Object.assign(\n          data,\n          hasLink.value === true ? linkProps.value : toggleAriaAttrs.value\n        )\n      }\n\n      return h(QItem, data, getHeaderChild)\n    }\n\n    function getTransitionChild () {\n      return withDirectives(\n        h('div', {\n          key: 'e-content',\n          class: 'q-expansion-item__content relative-position',\n          style: contentStyle.value,\n          id: targetUid.value\n        }, hSlot(slots.default)),\n        [ [\n          vShow,\n          showing.value\n        ] ]\n      )\n    }\n\n    function getContent () {\n      const node = [\n        getHeader(),\n\n        h(QSlideTransition, {\n          duration: props.duration,\n          onShow,\n          onHide\n        }, getTransitionChild)\n      ]\n\n      if (props.expandSeparator === true) {\n        node.push(\n          h(QSeparator, {\n            class: 'q-expansion-item__border q-expansion-item__border--top absolute-top',\n            dark: isDark.value\n          }),\n          h(QSeparator, {\n            class: 'q-expansion-item__border q-expansion-item__border--bottom absolute-bottom',\n            dark: isDark.value\n          })\n        )\n      }\n\n      return node\n    }\n\n    props.group !== void 0 && enterGroup()\n\n    onBeforeUnmount(() => {\n      exitGroup !== void 0 && exitGroup()\n    })\n\n    return () => h('div', { class: classes.value }, [\n      h('div', { class: 'q-expansion-item__container relative-position' }, getContent())\n    ])\n  }\n})\n"],"names":["itemGroups","shallowReactive","LINK_PROPS","useRouterLinkProps","__nuxt_component_3","createComponent","useModelToggleProps","useDarkProps","useModelToggleEmits","props","slots","emit","$q","getCurrentInstance","isDark","useDark","showing","ref","blurTargetRef","targetUid","useId","show","hide","toggle","useModelToggle","uniqueId","exitGroup","classes","computed","contentStyle","hasLink","linkProps","acc","key","isClickable","expansionIcon","activeToggleIcon","headerSlotScope","toggleAriaAttrs","toggleAriaLabel","watch","name","enterGroup","onHeaderClick","e","toggleIconKeyboard","toggleIcon","keyboard","stopAndPrevent","onShow","onHide","uid","val","group","oldVal","getToggleIcon","data","child","h","QIcon","QItemSection","getHeaderChild","QItemLabel","getHeader","QItem","getTransitionChild","withDirectives","hSlot","vShow","getContent","node","QSlideTransition","QSeparator","onBeforeUnmount"],"mappings":"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","x_google_ignoreList":[0]}