{"version":3,"file":"dropdown-item.mjs","sources":["../../../../../../packages/components/dropdown/src/dropdown-item.vue"],"sourcesContent":["<template>\r\n  <li\r\n    :class=\"[\r\n      ns.e('item'),\r\n      ns.is(selected ? 'selected' : ''),\r\n      ns.is(disabled ? 'disabled' : ''),\r\n      ns.is(divided ? 'divided' : '')\r\n    ]\"\r\n    @click=\"onClick\"\r\n  >\r\n    <slot></slot>\r\n  </li>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent, inject } from 'vue'\r\nimport {\r\n  dropdownItemProps,\r\n  DropdownContextKey\r\n} from './dropdown'\r\nimport { useNamespace } from '@sgui-plus/hooks'\r\n\r\nexport default defineComponent({\r\n  name: 'SgDropdownItem',\r\n  props: dropdownItemProps,\r\n  setup (props) {\r\n    const ns = useNamespace('dropdown')\r\n\r\n    const { onClickItem } = inject(DropdownContextKey, { onClickItem: (name) => name })!\r\n\r\n    function onClick(event) {\r\n      event?.stopPropagation()\r\n      event?.preventDefault()\r\n      if (props.disabled) return\r\n      onClickItem(props.name)\r\n    }\r\n\r\n    return {\r\n      ns,\r\n      onClick\r\n    }\r\n  }\r\n})\r\n</script>\r\n"],"names":["_openBlock","_createElementBlock","_normalizeClass"],"mappings":";;;;AAEU,SAAA,WAAA,CAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,QAAA,EAAA;SAAWA,SAAI,EAAA,EAAAC,kBAAA,CAAA,IAAA,EAAA;AAAA,IAAA,KAAA,EAAiBC,cAAM,CAAA;AAAA,MAAoC,IAAA,CAAA,EAAA,CAAG,EAAE,MAAC,CAAA;AAAA,MAAoC,IAAA,CAAA,EAAA,CAAG,GAAG,IAAO,CAAA,QAAA,GAAA,UAAA,GAAA,EAAA,CAAA;AAAA,MAAA,IAAA,CAAA,EAAA,CAAA,EAAA,CAAA,IAAA,CAAA,QAAA,GAAA,UAAA,GAAA,EAAA,CAAA;MAMtI,IAAK,CAAA,EAAA,CAAA,EAAA,CAAA,IAAA,CAAA,OAAA,GAAA,SAAA,GAAA,EAAA,CAAA;AAAA,KAAA,CAAA;IAEN,OAAa,EAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAA,IAAA,CAAA,OAAA,IAAA,IAAA,CAAA,OAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,GAAA,EAAA;;;;;;;;"}