1 line
8.0 KiB
Plaintext
1 line
8.0 KiB
Plaintext
|
{"version":3,"file":"index.mjs","sources":["../../src/chip/BaseChip.vue","../../src/chip/Chip.vue","../../src/chip/Chip.vue?vue&type=template&id=73b69654&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ChipStyle from 'primevue/chip/style';\n\nexport default {\n name: 'BaseChip',\n extends: BaseComponent,\n props: {\n label: {\n type: [String, Number],\n default: null\n },\n icon: {\n type: String,\n default: null\n },\n image: {\n type: String,\n default: null\n },\n removable: {\n type: Boolean,\n default: false\n },\n removeIcon: {\n type: String,\n default: undefined\n }\n },\n style: ChipStyle,\n provide() {\n return {\n $pcChip: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div v-if=\"visible\" :class=\"cx('root')\" :aria-label=\"label\" v-bind=\"ptmi('root')\" :data-p=\"dataP\">\n <slot>\n <img v-if=\"image\" :src=\"image\" v-bind=\"ptm('image')\" :class=\"cx('image')\" />\n <component v-else-if=\"$slots.icon\" :is=\"$slots.icon\" :class=\"cx('icon')\" v-bind=\"ptm('icon')\" />\n <span v-else-if=\"icon\" :class=\"[cx('icon'), icon]\" v-bind=\"ptm('icon')\" />\n <div v-if=\"label !== null\" :class=\"cx('label')\" v-bind=\"ptm('label')\">{{ label }}</div>\n </slot>\n <slot v-if=\"removable\" name=\"removeicon\" :removeCallback=\"close\" :keydownCallback=\"onKeydown\">\n <component :is=\"removeIcon ? 'span' : 'TimesCircleIcon'\" :class=\"[cx('removeIcon'), removeIcon]\" @click=\"close\" @keydown=\"onKeydown\" v-bind=\"ptm('removeIcon')\"></component>\n </slot>\n </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport TimesCircleIcon from '@primevue/icons/timescircle';\nimport BaseChip from './BaseChip.vue';\n\nexport default {\n name: 'Chip',\n extends: BaseChip,\n inheritAttrs: false,\n emits: ['remove'],\n data() {\n return {\n visible: true\n };\n },\n methods: {\n onKeydown(event) {\n if (event.key === 'Enter' || event.key === 'Backspace') {\n this.close(event);\n }\n },\n close(event) {\n this.visible = false;\n this.$emit('remove', event);\n }\n },\n computed: {\n dataP() {\n return cn({\n removable: this.removable\n });\n }\n },\n components: {\n TimesCircleIcon\n }\n};\n</script>\n","<template>\n <div v-if=\"visible\" :class=\"cx('root')\" :aria-label=\"label\" v-bind=\"ptmi('root')\" :data-p=\"dataP\">\n <slot>\n <img v-if=\"image\" :src=\"image\" v-bind=\"ptm('image')\" :class=\"cx('image')\" />\n <component v-else-if=\"$slots.icon\" :is=\"$slots.icon\" :class=\"cx('icon')\" v-bind=\"ptm('icon')\" />\n <span v-else-if=\"icon\" :class=\"[cx('icon'), icon]\" v-bind=\"ptm('icon')\" />\n <div v-if=\"label !== null\" :class=\"cx('label')\" v-bind=\"ptm('label')\">{{ label }}</div>\n </slot>\n <slot v-if=\"removable\" name=\"removeicon\" :removeCallback=\"close\" :keydownCallback=\"onKeydown\">\n <component :is=\"removeIcon ? 'span' : 'TimesCircleIcon'\" :class=\"[cx('removeIcon'), removeIcon]\" @click=\"close\" @keydown=\"onKeydown\" v-bind=\"ptm('removeIcon')\"></component>\n </slot>\n </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport TimesCircleIcon from '@primevue/icons/timescircle';\nimport BaseChip from './BaseChip.vue';\n\nexport default {\n name: 'Chip',\n extends: BaseChip,\n inheritAttrs: false,\n emits: ['remove'],\n data() {\n return {\n visible: true\n };\n },\n methods: {\n onKeydown(event) {\n
|