{"version":3,"file":"ImageModalIcon.mjs","sources":["../../../src/image-viewer/base/ImageModalIcon.tsx"],"sourcesContent":["import { computed, defineComponent, PropType } from 'vue';\nimport { usePrefixClass } from '../../hooks/useConfig';\nimport { TNode } from '../../common';\nimport { useTNodeJSX } from '../../hooks/tnode';\n\nexport default defineComponent({\n  name: 'XImageModalIcon',\n  props: {\n    disabled: Boolean,\n    onClick: Function as PropType<(e: MouseEvent) => void>,\n    label: String,\n    icon: Function as PropType<TNode>,\n  },\n  setup(props) {\n    const classPrefix = usePrefixClass();\n    const renderTNodeJSX = useTNodeJSX();\n    const wrapClass = computed(() => [\n      `${classPrefix.value}-image-viewer__modal-icon`,\n      {\n        [`${classPrefix.value}-is-disabled`]: props.disabled,\n      },\n    ]);\n\n    return () => (\n      <div class={wrapClass.value} onClick={props.onClick}>\n        {renderTNodeJSX('icon')}\n        {props.label && <span class={`${classPrefix.value}-image-viewer__modal-icon-label`}>{props.label}</span>}\n      </div>\n    );\n  },\n});\n"],"names":["name","props","disabled","onClick","label","icon","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,uBAAA,eAAA,CAAA;AACEA,EAAAA,IAAAA,EAAAA,iBAAAA;AACAC,EAAAA,KAAAA,EAAAA;AACEC,IAAAA,QAAAA,EAAAA,OAAAA;AACAC,IAAAA,OAAAA,EAAAA,QAAAA;AACAC,IAAAA,KAAAA,EAAAA,MAAAA;AACAC,IAAAA,IAAAA,EAAAA,QAAAA;;;AAGA,IAAA,IAAA,WAAA,GAAA,cAAA,EAAA,CAAA;AACA,IAAA,IAAA,cAAA,GAAA,WAAA,EAAA,CAAA;;AAC2B,MAAA,OAAA,CAAA,EAAA,CAAA,MAAA,CAAA,WAAA,CAAA,KAAA,EAAA,2BAAA,CAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,CAAA,MAAA,CAAA,WAAA,CAAA,KAAA,EAAA,cAAA,CAAA,EAAA,KAAA,CAAA,QAAA,CAAA,CAAA,CAAA;;;AAOpB,MAAA,OAAAC,WAAA,CAAA,KAAA,EAAA;;AACiB,QAAA,SAAA,EAAA,KAAA,CAAA,OAAA;;AAEJ,QAAA,OAAA,EAAA,EAAA,CAAA,MAAA,CAAA,WAAA,CAAA,KAAA,EAAA,iCAAA,CAAA;;;AAGtB,GAAA;AACF,CAAA,CAAA;;;;"}