primevue 4.0.2 → 4.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/index.mjs.map +1 -1
- package/accordioncontent/index.mjs.map +1 -1
- package/accordionheader/index.mjs.map +1 -1
- package/accordionpanel/index.mjs.map +1 -1
- package/accordionpanel/style/index.mjs.map +1 -1
- package/accordiontab/index.mjs.map +1 -1
- package/animateonscroll/index.mjs.map +1 -1
- package/autocomplete/index.mjs.map +1 -1
- package/autocomplete/style/index.mjs.map +1 -1
- package/avatar/index.mjs.map +1 -1
- package/avatar/style/index.mjs.map +1 -1
- package/avatargroup/index.mjs.map +1 -1
- package/badge/index.mjs.map +1 -1
- package/badge/style/index.mjs.map +1 -1
- package/badgedirective/index.mjs.map +1 -1
- package/blockui/index.mjs.map +1 -1
- package/breadcrumb/index.mjs.map +1 -1
- package/breadcrumb/style/index.mjs.map +1 -1
- package/button/index.mjs.map +1 -1
- package/button/style/index.mjs.map +1 -1
- package/buttongroup/index.mjs.map +1 -1
- package/calendar/index.mjs.map +1 -1
- package/card/index.mjs.map +1 -1
- package/carousel/index.mjs.map +1 -1
- package/carousel/style/index.mjs.map +1 -1
- package/cascadeselect/index.mjs.map +1 -1
- package/cascadeselect/style/index.mjs.map +1 -1
- package/chart/index.mjs.map +1 -1
- package/checkbox/index.mjs.map +1 -1
- package/checkbox/style/index.mjs.map +1 -1
- package/chip/index.mjs.map +1 -1
- package/chips/index.mjs.map +1 -1
- package/colorpicker/BaseColorPicker.vue +4 -0
- package/colorpicker/index.mjs +4 -0
- package/colorpicker/index.mjs.map +1 -1
- package/colorpicker/style/index.mjs.map +1 -1
- package/column/index.mjs.map +1 -1
- package/columngroup/index.mjs.map +1 -1
- package/confirmationservice/index.mjs.map +1 -1
- package/confirmdialog/index.mjs.map +1 -1
- package/confirmpopup/index.mjs.map +1 -1
- package/contextmenu/index.mjs.map +1 -1
- package/contextmenu/style/index.mjs.map +1 -1
- package/datatable/index.mjs.map +1 -1
- package/datatable/style/index.mjs.map +1 -1
- package/dataview/index.mjs.map +1 -1
- package/dataview/style/index.mjs.map +1 -1
- package/datepicker/index.mjs.map +1 -1
- package/datepicker/style/index.mjs.map +1 -1
- package/deferredcontent/index.mjs.map +1 -1
- package/dialog/index.mjs.map +1 -1
- package/dialog/style/index.mjs.map +1 -1
- package/dialogservice/index.mjs.map +1 -1
- package/divider/index.mjs.map +1 -1
- package/divider/style/index.mjs.map +1 -1
- package/dock/index.mjs.map +1 -1
- package/dock/style/index.mjs.map +1 -1
- package/drawer/index.mjs.map +1 -1
- package/drawer/style/index.mjs.map +1 -1
- package/dropdown/index.mjs.map +1 -1
- package/dynamicdialog/index.mjs.map +1 -1
- package/editor/index.mjs.map +1 -1
- package/fieldset/index.mjs.map +1 -1
- package/fieldset/style/index.mjs.map +1 -1
- package/fileupload/index.mjs.map +1 -1
- package/fileupload/style/index.mjs.map +1 -1
- package/floatlabel/index.mjs.map +1 -1
- package/fluid/index.d.ts +2 -2
- package/fluid/index.mjs.map +1 -1
- package/fluid/style/index.d.ts +1 -1
- package/focustrap/index.mjs +3 -3
- package/focustrap/index.mjs.map +1 -1
- package/galleria/index.mjs.map +1 -1
- package/galleria/style/index.mjs.map +1 -1
- package/iconfield/index.mjs.map +1 -1
- package/iconfield/style/index.mjs +1 -1
- package/iconfield/style/index.mjs.map +1 -1
- package/image/index.mjs.map +1 -1
- package/image/style/index.mjs.map +1 -1
- package/inlinemessage/index.mjs.map +1 -1
- package/inlinemessage/style/index.mjs.map +1 -1
- package/inplace/index.mjs.map +1 -1
- package/inplace/style/index.mjs.map +1 -1
- package/inputchips/index.mjs.map +1 -1
- package/inputchips/style/index.mjs.map +1 -1
- package/inputgroup/index.mjs.map +1 -1
- package/inputgroup/style/index.mjs.map +1 -1
- package/inputgroupaddon/index.mjs.map +1 -1
- package/inputicon/index.mjs.map +1 -1
- package/inputmask/BaseInputMask.vue +1 -1
- package/inputmask/InputMask.vue +8 -1
- package/inputmask/index.mjs +11 -2
- package/inputmask/index.mjs.map +1 -1
- package/inputmask/style/index.mjs.map +1 -1
- package/inputnumber/index.mjs.map +1 -1
- package/inputnumber/style/index.mjs.map +1 -1
- package/inputotp/index.mjs.map +1 -1
- package/inputswitch/index.mjs.map +1 -1
- package/inputtext/index.mjs.map +1 -1
- package/inputtext/style/index.mjs.map +1 -1
- package/knob/index.mjs.map +1 -1
- package/knob/style/index.mjs.map +1 -1
- package/listbox/index.mjs.map +1 -1
- package/listbox/style/index.mjs.map +1 -1
- package/megamenu/index.mjs.map +1 -1
- package/megamenu/style/index.mjs.map +1 -1
- package/menu/index.mjs.map +1 -1
- package/menu/style/index.mjs.map +1 -1
- package/menubar/index.mjs.map +1 -1
- package/menubar/style/index.mjs.map +1 -1
- package/message/index.mjs.map +1 -1
- package/message/style/index.mjs.map +1 -1
- package/metergroup/index.mjs.map +1 -1
- package/metergroup/style/index.mjs.map +1 -1
- package/multiselect/index.mjs.map +1 -1
- package/multiselect/style/index.mjs.map +1 -1
- package/orderlist/index.mjs.map +1 -1
- package/organizationchart/index.mjs.map +1 -1
- package/organizationchart/style/index.mjs.map +1 -1
- package/overlaybadge/index.mjs.map +1 -1
- package/overlaypanel/index.mjs.map +1 -1
- package/package.json +3 -3
- package/paginator/index.mjs.map +1 -1
- package/paginator/style/index.mjs.map +1 -1
- package/panel/index.mjs.map +1 -1
- package/panel/style/index.mjs.map +1 -1
- package/panelmenu/index.mjs.map +1 -1
- package/panelmenu/style/index.mjs.map +1 -1
- package/password/index.mjs.map +1 -1
- package/password/style/index.mjs.map +1 -1
- package/picklist/index.mjs.map +1 -1
- package/popover/index.mjs.map +1 -1
- package/portal/index.mjs.map +1 -1
- package/progressbar/index.mjs.map +1 -1
- package/progressbar/style/index.mjs.map +1 -1
- package/progressspinner/index.mjs.map +1 -1
- package/radiobutton/index.mjs.map +1 -1
- package/radiobutton/style/index.mjs.map +1 -1
- package/rating/index.mjs.map +1 -1
- package/rating/style/index.mjs.map +1 -1
- package/ripple/index.mjs.map +1 -1
- package/row/index.mjs.map +1 -1
- package/scrollpanel/index.mjs.map +1 -1
- package/scrolltop/index.mjs.map +1 -1
- package/scrolltop/style/index.mjs.map +1 -1
- package/select/index.d.ts +1 -1
- package/select/index.mjs.map +1 -1
- package/select/style/index.mjs.map +1 -1
- package/selectbutton/index.mjs.map +1 -1
- package/selectbutton/style/index.mjs.map +1 -1
- package/sidebar/index.mjs.map +1 -1
- package/skeleton/index.mjs.map +1 -1
- package/skeleton/style/index.mjs.map +1 -1
- package/slider/index.mjs.map +1 -1
- package/slider/style/index.mjs.map +1 -1
- package/speeddial/index.mjs.map +1 -1
- package/speeddial/style/index.mjs.map +1 -1
- package/splitbutton/index.mjs.map +1 -1
- package/splitbutton/style/index.mjs.map +1 -1
- package/splitter/index.mjs.map +1 -1
- package/splitter/style/index.mjs.map +1 -1
- package/splitterpanel/index.mjs.map +1 -1
- package/splitterpanel/style/index.mjs.map +1 -1
- package/step/index.mjs.map +1 -1
- package/step/style/index.mjs.map +1 -1
- package/stepitem/index.mjs.map +1 -1
- package/stepitem/style/index.mjs.map +1 -1
- package/steplist/index.mjs.map +1 -1
- package/steppanel/index.mjs.map +1 -1
- package/steppanel/style/index.mjs.map +1 -1
- package/steppanels/index.mjs.map +1 -1
- package/stepper/index.mjs.map +1 -1
- package/stepper/style/index.mjs.map +1 -1
- package/stepperpanel/index.mjs.map +1 -1
- package/steps/index.mjs.map +1 -1
- package/steps/style/index.mjs.map +1 -1
- package/styleclass/index.mjs.map +1 -1
- package/tab/index.mjs.map +1 -1
- package/tab/style/index.mjs.map +1 -1
- package/tablist/index.mjs.map +1 -1
- package/tablist/style/index.mjs.map +1 -1
- package/tabmenu/index.mjs.map +1 -1
- package/tabmenu/style/index.mjs.map +1 -1
- package/tabpanel/index.mjs.map +1 -1
- package/tabpanel/style/index.mjs.map +1 -1
- package/tabpanels/index.mjs.map +1 -1
- package/tabs/index.mjs.map +1 -1
- package/tabs/style/index.mjs.map +1 -1
- package/tabview/index.mjs.map +1 -1
- package/tabview/style/index.mjs.map +1 -1
- package/tag/index.mjs.map +1 -1
- package/tag/style/index.mjs.map +1 -1
- package/terminal/index.mjs.map +1 -1
- package/textarea/index.mjs.map +1 -1
- package/textarea/style/index.mjs.map +1 -1
- package/tieredmenu/index.mjs.map +1 -1
- package/tieredmenu/style/index.mjs.map +1 -1
- package/timeline/index.mjs.map +1 -1
- package/timeline/style/index.mjs.map +1 -1
- package/toast/index.mjs.map +1 -1
- package/toast/style/index.mjs.map +1 -1
- package/toastservice/index.mjs.map +1 -1
- package/togglebutton/index.mjs.map +1 -1
- package/togglebutton/style/index.mjs.map +1 -1
- package/toggleswitch/index.mjs.map +1 -1
- package/toggleswitch/style/index.mjs.map +1 -1
- package/toolbar/index.mjs.map +1 -1
- package/tooltip/index.mjs.map +1 -1
- package/tree/index.mjs.map +1 -1
- package/tree/style/index.mjs.map +1 -1
- package/treeselect/index.mjs.map +1 -1
- package/treeselect/style/index.mjs.map +1 -1
- package/treetable/index.mjs.map +1 -1
- package/treetable/style/index.mjs.map +1 -1
- package/umd/primevue.min.js +1 -1
- package/virtualscroller/index.mjs.map +1 -1
- package/web-types.json +1 -1
package/inputchips/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/inputchips/BaseInputChips.vue","../../src/inputchips/InputChips.vue","../../src/inputchips/InputChips.vue?vue&type=template&id=c47b2d1a&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport InputChipsStyle from 'primevue/inputchips/style';\n\nexport default {\n name: 'BaseInputChips',\n extends: BaseComponent,\n props: {\n modelValue: {\n type: Array,\n default: null\n },\n max: {\n type: Number,\n default: null\n },\n separator: {\n type: [String, Object],\n default: null\n },\n addOnBlur: {\n type: Boolean,\n default: null\n },\n allowDuplicate: {\n type: Boolean,\n default: true\n },\n placeholder: {\n type: String,\n default: null\n },\n variant: {\n type: String,\n default: null\n },\n invalid: {\n type: Boolean,\n default: false\n },\n disabled: {\n type: Boolean,\n default: false\n },\n inputId: {\n type: String,\n default: null\n },\n inputClass: {\n type: [String, Object],\n default: null\n },\n inputStyle: {\n type: Object,\n default: null\n },\n inputProps: {\n type: null,\n default: null\n },\n removeTokenIcon: {\n type: String,\n default: undefined\n },\n chipIcon: {\n type: String,\n default: undefined\n },\n ariaLabelledby: {\n type: String,\n default: null\n },\n ariaLabel: {\n type: String,\n default: null\n }\n },\n style: InputChipsStyle,\n provide() {\n return {\n $pcInputChips: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <ul\n ref=\"container\"\n :class=\"cx('input')\"\n tabindex=\"-1\"\n role=\"listbox\"\n aria-orientation=\"horizontal\"\n :aria-labelledby=\"ariaLabelledby\"\n :aria-label=\"ariaLabel\"\n :aria-activedescendant=\"focused ? focusedOptionId : undefined\"\n @click=\"onWrapperClick()\"\n @focus=\"onContainerFocus\"\n @blur=\"onContainerBlur\"\n @keydown=\"onContainerKeyDown\"\n v-bind=\"ptm('input')\"\n >\n <li\n v-for=\"(val, i) of modelValue\"\n :key=\"`${i}_${val}`\"\n :id=\"id + '_inputchips_item_' + i\"\n role=\"option\"\n :class=\"cx('chipItem', { index: i })\"\n :aria-label=\"val\"\n :aria-selected=\"true\"\n :aria-setsize=\"modelValue.length\"\n :aria-posinset=\"i + 1\"\n v-bind=\"ptm('chipItem')\"\n :data-p-focused=\"focusedIndex === i\"\n >\n <slot name=\"chip\" :class=\"cx('pcChip')\" :index=\"i\" :value=\"val\" :removeCallback=\"(event) => removeOption(event, i)\">\n <!-- TODO: removetokenicon and removeTokenIcon deprecated since v4.0. Use chipicon slot and chipIcon prop-->\n <Chip :class=\"cx('pcChip')\" :label=\"val\" :removeIcon=\"chipIcon || removeTokenIcon\" removable :unstyled=\"unstyled\" @remove=\"removeItem($event, i)\" :pt=\"ptm('pcChip')\">\n <template #removeicon>\n <slot :name=\"$slots.chipicon ? 'chipicon' : 'removetokenicon'\" :class=\"cx('chipIcon')\" :index=\"i\" :removeCallback=\"(event) => removeItem(event, i)\" />\n </template>\n </Chip>\n </slot>\n </li>\n <li :class=\"cx('inputItem')\" role=\"option\" v-bind=\"ptm('inputItem')\">\n <input\n ref=\"input\"\n :id=\"inputId\"\n type=\"text\"\n :class=\"inputClass\"\n :style=\"inputStyle\"\n :disabled=\"disabled || maxedOut\"\n :placeholder=\"placeholder\"\n :aria-invalid=\"invalid || undefined\"\n @focus=\"onFocus($event)\"\n @blur=\"onBlur($event)\"\n @input=\"onInput\"\n @keydown=\"onKeyDown($event)\"\n @paste=\"onPaste($event)\"\n v-bind=\"{ ...inputProps, ...ptm('inputItemField') }\"\n />\n </li>\n </ul>\n </div>\n</template>\n\n<script>\nimport { UniqueComponentId } from '@primevue/core/utils';\nimport Chip from 'primevue/chip';\nimport BaseInputChips from './BaseInputChips.vue';\n\nexport default {\n name: 'InputChips',\n extends: BaseInputChips,\n inheritAttrs: false,\n emits: ['update:modelValue', 'add', 'remove', 'focus', 'blur'],\n data() {\n return {\n id: this.$attrs.id,\n inputValue: null,\n focused: false,\n focusedIndex: null\n };\n },\n watch: {\n '$attrs.id': function (newValue) {\n this.id = newValue || UniqueComponentId();\n }\n },\n mounted() {\n console.warn('Deprecated since v4. Use AutoComplete component instead with its typeahead property.');\n this.id = this.id || UniqueComponentId();\n },\n methods: {\n onWrapperClick() {\n this.$refs.input.focus();\n },\n onInput(event) {\n this.inputValue = event.target.value;\n this.focusedIndex = null;\n },\n onFocus(event) {\n this.focused = true;\n this.focusedIndex = null;\n this.$emit('focus', event);\n },\n onBlur(event) {\n this.focused = false;\n this.focusedIndex = null;\n\n if (this.addOnBlur) {\n this.addItem(event, event.target.value, false);\n }\n\n this.$emit('blur', event);\n },\n onKeyDown(event) {\n const inputValue = event.target.value;\n\n switch (event.code) {\n case 'Backspace':\n if (inputValue.length === 0 && this.modelValue && this.modelValue.length > 0) {\n if (this.focusedIndex !== null) {\n this.removeItem(event, this.focusedIndex);\n } else this.removeItem(event, this.modelValue.length - 1);\n }\n\n break;\n\n case 'Enter':\n case 'NumpadEnter':\n if (inputValue && inputValue.trim().length && !this.maxedOut) {\n this.addItem(event, inputValue, true);\n }\n\n break;\n\n case 'ArrowLeft':\n if (inputValue.length === 0 && this.modelValue && this.modelValue.length > 0) {\n this.$refs.container.focus();\n }\n\n break;\n\n case 'ArrowRight':\n event.stopPropagation();\n break;\n\n default:\n if (this.separator) {\n if (this.separator === event.key || event.key.match(this.separator)) {\n this.addItem(event, inputValue, true);\n }\n }\n\n break;\n }\n },\n onPaste(event) {\n if (this.separator) {\n let separator = this.separator.replace('\\\\n', '\\n').replace('\\\\r', '\\r').replace('\\\\t', '\\t');\n let pastedData = (event.clipboardData || window['clipboardData']).getData('Text');\n\n if (pastedData) {\n let value = this.modelValue || [];\n let pastedValues = pastedData.split(separator);\n\n pastedValues = pastedValues.filter((val) => this.allowDuplicate || value.indexOf(val) === -1);\n value = [...value, ...pastedValues];\n this.updateModel(event, value, true);\n }\n }\n },\n onContainerFocus() {\n this.focused = true;\n },\n onContainerBlur() {\n this.focusedIndex = -1;\n this.focused = false;\n },\n onContainerKeyDown(event) {\n switch (event.code) {\n case 'ArrowLeft':\n this.onArrowLeftKeyOn(event);\n break;\n\n case 'ArrowRight':\n this.onArrowRightKeyOn(event);\n break;\n\n case 'Backspace':\n this.onBackspaceKeyOn(event);\n break;\n\n default:\n break;\n }\n },\n onArrowLeftKeyOn() {\n if (this.inputValue.length === 0 && this.modelValue && this.modelValue.length > 0) {\n this.focusedIndex = this.focusedIndex === null ? this.modelValue.length - 1 : this.focusedIndex - 1;\n if (this.focusedIndex < 0) this.focusedIndex = 0;\n }\n },\n onArrowRightKeyOn() {\n if (this.inputValue.length === 0 && this.modelValue && this.modelValue.length > 0) {\n if (this.focusedIndex === this.modelValue.length - 1) {\n this.focusedIndex = null;\n this.$refs.input.focus();\n } else {\n this.focusedIndex++;\n }\n }\n },\n onBackspaceKeyOn(event) {\n if (this.focusedIndex !== null) {\n this.removeItem(event, this.focusedIndex);\n }\n },\n updateModel(event, value, preventDefault) {\n this.$emit('update:modelValue', value);\n this.$emit('add', {\n originalEvent: event,\n value: value\n });\n this.$refs.input.value = '';\n this.inputValue = '';\n\n setTimeout(() => {\n this.maxedOut && (this.focused = false);\n }, 0);\n\n if (preventDefault) {\n event.preventDefault();\n }\n },\n addItem(event, item, preventDefault) {\n if (item && item.trim().length) {\n let value = this.modelValue ? [...this.modelValue] : [];\n\n if (this.allowDuplicate || value.indexOf(item) === -1) {\n value.push(item);\n this.updateModel(event, value, preventDefault);\n }\n }\n },\n removeItem(event, index) {\n if (this.disabled) {\n return;\n }\n\n let values = [...this.modelValue];\n const removedItem = values.splice(index, 1);\n\n this.focusedIndex = null;\n this.$refs.input.focus();\n this.$emit('update:modelValue', values);\n this.$emit('remove', {\n originalEvent: event,\n value: removedItem\n });\n }\n },\n computed: {\n maxedOut() {\n return this.max && this.modelValue && this.max === this.modelValue.length;\n },\n focusedOptionId() {\n return this.focusedIndex !== null ? `${this.id}_inputchips_item_${this.focusedIndex}` : null;\n }\n },\n components: {\n Chip\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <ul\n ref=\"container\"\n :class=\"cx('input')\"\n tabindex=\"-1\"\n role=\"listbox\"\n aria-orientation=\"horizontal\"\n :aria-labelledby=\"ariaLabelledby\"\n :aria-label=\"ariaLabel\"\n :aria-activedescendant=\"focused ? focusedOptionId : undefined\"\n @click=\"onWrapperClick()\"\n @focus=\"onContainerFocus\"\n @blur=\"onContainerBlur\"\n @keydown=\"onContainerKeyDown\"\n v-bind=\"ptm('input')\"\n >\n <li\n v-for=\"(val, i) of modelValue\"\n :key=\"`${i}_${val}`\"\n :id=\"id + '_inputchips_item_' + i\"\n role=\"option\"\n :class=\"cx('chipItem', { index: i })\"\n :aria-label=\"val\"\n :aria-selected=\"true\"\n :aria-setsize=\"modelValue.length\"\n :aria-posinset=\"i + 1\"\n v-bind=\"ptm('chipItem')\"\n :data-p-focused=\"focusedIndex === i\"\n >\n <slot name=\"chip\" :class=\"cx('pcChip')\" :index=\"i\" :value=\"val\" :removeCallback=\"(event) => removeOption(event, i)\">\n <!-- TODO: removetokenicon and removeTokenIcon deprecated since v4.0. Use chipicon slot and chipIcon prop-->\n <Chip :class=\"cx('pcChip')\" :label=\"val\" :removeIcon=\"chipIcon || removeTokenIcon\" removable :unstyled=\"unstyled\" @remove=\"removeItem($event, i)\" :pt=\"ptm('pcChip')\">\n <template #removeicon>\n <slot :name=\"$slots.chipicon ? 'chipicon' : 'removetokenicon'\" :class=\"cx('chipIcon')\" :index=\"i\" :removeCallback=\"(event) => removeItem(event, i)\" />\n </template>\n </Chip>\n </slot>\n </li>\n <li :class=\"cx('inputItem')\" role=\"option\" v-bind=\"ptm('inputItem')\">\n <input\n ref=\"input\"\n :id=\"inputId\"\n type=\"text\"\n :class=\"inputClass\"\n :style=\"inputStyle\"\n :disabled=\"disabled || maxedOut\"\n :placeholder=\"placeholder\"\n :aria-invalid=\"invalid || undefined\"\n @focus=\"onFocus($event)\"\n @blur=\"onBlur($event)\"\n @input=\"onInput\"\n @keydown=\"onKeyDown($event)\"\n @paste=\"onPaste($event)\"\n v-bind=\"{ ...inputProps, ...ptm('inputItemField') }\"\n />\n </li>\n </ul>\n </div>\n</template>\n\n<script>\nimport { UniqueComponentId } from '@primevue/core/utils';\nimport Chip from 'primevue/chip';\nimport BaseInputChips from './BaseInputChips.vue';\n\nexport default {\n name: 'InputChips',\n extends: BaseInputChips,\n inheritAttrs: false,\n emits: ['update:modelValue', 'add', 'remove', 'focus', 'blur'],\n data() {\n return {\n id: this.$attrs.id,\n inputValue: null,\n focused: false,\n focusedIndex: null\n };\n },\n watch: {\n '$attrs.id': function (newValue) {\n this.id = newValue || UniqueComponentId();\n }\n },\n mounted() {\n console.warn('Deprecated since v4. Use AutoComplete component instead with its typeahead property.');\n this.id = this.id || UniqueComponentId();\n },\n methods: {\n onWrapperClick() {\n this.$refs.input.focus();\n },\n onInput(event) {\n this.inputValue = event.target.value;\n this.focusedIndex = null;\n },\n onFocus(event) {\n this.focused = true;\n this.focusedIndex = null;\n this.$emit('focus', event);\n },\n onBlur(event) {\n this.focused = false;\n this.focusedIndex = null;\n\n if (this.addOnBlur) {\n this.addItem(event, event.target.value, false);\n }\n\n this.$emit('blur', event);\n },\n onKeyDown(event) {\n const inputValue = event.target.value;\n\n switch (event.code) {\n case 'Backspace':\n if (inputValue.length === 0 && this.modelValue && this.modelValue.length > 0) {\n if (this.focusedIndex !== null) {\n this.removeItem(event, this.focusedIndex);\n } else this.removeItem(event, this.modelValue.length - 1);\n }\n\n break;\n\n case 'Enter':\n case 'NumpadEnter':\n if (inputValue && inputValue.trim().length && !this.maxedOut) {\n this.addItem(event, inputValue, true);\n }\n\n break;\n\n case 'ArrowLeft':\n if (inputValue.length === 0 && this.modelValue && this.modelValue.length > 0) {\n this.$refs.container.focus();\n }\n\n break;\n\n case 'ArrowRight':\n event.stopPropagation();\n break;\n\n default:\n if (this.separator) {\n if (this.separator === event.key || event.key.match(this.separator)) {\n this.addItem(event, inputValue, true);\n }\n }\n\n break;\n }\n },\n onPaste(event) {\n if (this.separator) {\n let separator = this.separator.replace('\\\\n', '\\n').replace('\\\\r', '\\r').replace('\\\\t', '\\t');\n let pastedData = (event.clipboardData || window['clipboardData']).getData('Text');\n\n if (pastedData) {\n let value = this.modelValue || [];\n let pastedValues = pastedData.split(separator);\n\n pastedValues = pastedValues.filter((val) => this.allowDuplicate || value.indexOf(val) === -1);\n value = [...value, ...pastedValues];\n this.updateModel(event, value, true);\n }\n }\n },\n onContainerFocus() {\n this.focused = true;\n },\n onContainerBlur() {\n this.focusedIndex = -1;\n this.focused = false;\n },\n onContainerKeyDown(event) {\n switch (event.code) {\n case 'ArrowLeft':\n this.onArrowLeftKeyOn(event);\n break;\n\n case 'ArrowRight':\n this.onArrowRightKeyOn(event);\n break;\n\n case 'Backspace':\n this.onBackspaceKeyOn(event);\n break;\n\n default:\n break;\n }\n },\n onArrowLeftKeyOn() {\n if (this.inputValue.length === 0 && this.modelValue && this.modelValue.length > 0) {\n this.focusedIndex = this.focusedIndex === null ? this.modelValue.length - 1 : this.focusedIndex - 1;\n if (this.focusedIndex < 0) this.focusedIndex = 0;\n }\n },\n onArrowRightKeyOn() {\n if (this.inputValue.length === 0 && this.modelValue && this.modelValue.length > 0) {\n if (this.focusedIndex === this.modelValue.length - 1) {\n this.focusedIndex = null;\n this.$refs.input.focus();\n } else {\n this.focusedIndex++;\n }\n }\n },\n onBackspaceKeyOn(event) {\n if (this.focusedIndex !== null) {\n this.removeItem(event, this.focusedIndex);\n }\n },\n updateModel(event, value, preventDefault) {\n this.$emit('update:modelValue', value);\n this.$emit('add', {\n originalEvent: event,\n value: value\n });\n this.$refs.input.value = '';\n this.inputValue = '';\n\n setTimeout(() => {\n this.maxedOut && (this.focused = false);\n }, 0);\n\n if (preventDefault) {\n event.preventDefault();\n }\n },\n addItem(event, item, preventDefault) {\n if (item && item.trim().length) {\n let value = this.modelValue ? [...this.modelValue] : [];\n\n if (this.allowDuplicate || value.indexOf(item) === -1) {\n value.push(item);\n this.updateModel(event, value, preventDefault);\n }\n }\n },\n removeItem(event, index) {\n if (this.disabled) {\n return;\n }\n\n let values = [...this.modelValue];\n const removedItem = values.splice(index, 1);\n\n this.focusedIndex = null;\n this.$refs.input.focus();\n this.$emit('update:modelValue', values);\n this.$emit('remove', {\n originalEvent: event,\n value: removedItem\n });\n }\n },\n computed: {\n maxedOut() {\n return this.max && this.modelValue && this.max === this.modelValue.length;\n },\n focusedOptionId() {\n return this.focusedIndex !== null ? `${this.id}_inputchips_item_${this.focusedIndex}` : null;\n }\n },\n components: {\n Chip\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","modelValue","type","Array","max","Number","separator","String","Object","addOnBlur","Boolean","allowDuplicate","placeholder","variant","invalid","disabled","inputId","inputClass","inputStyle","inputProps","removeTokenIcon","undefined","chipIcon","ariaLabelledby","ariaLabel","style","InputChipsStyle","provide","$pcInputChips","$parentInstance","BaseInputChips","inheritAttrs","emits","data","id","$attrs","inputValue","focused","focusedIndex","watch","$attrsId","newValue","UniqueComponentId","mounted","console","warn","methods","onWrapperClick","$refs","input","focus","onInput","event","target","value","onFocus","$emit","onBlur","addItem","onKeyDown","code","length","removeItem","trim","maxedOut","container","stopPropagation","key","match","onPaste","_this","replace","pastedData","clipboardData","window","getData","pastedValues","split","filter","val","indexOf","concat","_toConsumableArray","updateModel","onContainerFocus","onContainerBlur","onContainerKeyDown","onArrowLeftKeyOn","onArrowRightKeyOn","onBackspaceKeyOn","preventDefault","_this2","originalEvent","setTimeout","item","push","index","values","removedItem","splice","computed","focusedOptionId","components","Chip","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_createElementVNode","ref","tabindex","role","$data","$options","onClick","apply","arguments","onKeydown","ptm","_Fragment","_renderList","i","_renderSlot","$slots","removeCallback","_createVNode","_component_Chip","label","removeIcon","removable","unstyled","onRemove","$event","pt","removeicon","chipicon","_cache","_objectSpread","_hoisted_3"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/inputchips/BaseInputChips.vue","../../src/inputchips/InputChips.vue","../../src/inputchips/InputChips.vue?vue&type=template&id=c47b2d1a&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport InputChipsStyle from 'primevue/inputchips/style';\n\nexport default {\n name: 'BaseInputChips',\n extends: BaseComponent,\n props: {\n modelValue: {\n type: Array,\n default: null\n },\n max: {\n type: Number,\n default: null\n },\n separator: {\n type: [String, Object],\n default: null\n },\n addOnBlur: {\n type: Boolean,\n default: null\n },\n allowDuplicate: {\n type: Boolean,\n default: true\n },\n placeholder: {\n type: String,\n default: null\n },\n variant: {\n type: String,\n default: null\n },\n invalid: {\n type: Boolean,\n default: false\n },\n disabled: {\n type: Boolean,\n default: false\n },\n inputId: {\n type: String,\n default: null\n },\n inputClass: {\n type: [String, Object],\n default: null\n },\n inputStyle: {\n type: Object,\n default: null\n },\n inputProps: {\n type: null,\n default: null\n },\n removeTokenIcon: {\n type: String,\n default: undefined\n },\n chipIcon: {\n type: String,\n default: undefined\n },\n ariaLabelledby: {\n type: String,\n default: null\n },\n ariaLabel: {\n type: String,\n default: null\n }\n },\n style: InputChipsStyle,\n provide() {\n return {\n $pcInputChips: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <ul\n ref=\"container\"\n :class=\"cx('input')\"\n tabindex=\"-1\"\n role=\"listbox\"\n aria-orientation=\"horizontal\"\n :aria-labelledby=\"ariaLabelledby\"\n :aria-label=\"ariaLabel\"\n :aria-activedescendant=\"focused ? focusedOptionId : undefined\"\n @click=\"onWrapperClick()\"\n @focus=\"onContainerFocus\"\n @blur=\"onContainerBlur\"\n @keydown=\"onContainerKeyDown\"\n v-bind=\"ptm('input')\"\n >\n <li\n v-for=\"(val, i) of modelValue\"\n :key=\"`${i}_${val}`\"\n :id=\"id + '_inputchips_item_' + i\"\n role=\"option\"\n :class=\"cx('chipItem', { index: i })\"\n :aria-label=\"val\"\n :aria-selected=\"true\"\n :aria-setsize=\"modelValue.length\"\n :aria-posinset=\"i + 1\"\n v-bind=\"ptm('chipItem')\"\n :data-p-focused=\"focusedIndex === i\"\n >\n <slot name=\"chip\" :class=\"cx('pcChip')\" :index=\"i\" :value=\"val\" :removeCallback=\"(event) => removeOption(event, i)\">\n <!-- TODO: removetokenicon and removeTokenIcon deprecated since v4.0. Use chipicon slot and chipIcon prop-->\n <Chip :class=\"cx('pcChip')\" :label=\"val\" :removeIcon=\"chipIcon || removeTokenIcon\" removable :unstyled=\"unstyled\" @remove=\"removeItem($event, i)\" :pt=\"ptm('pcChip')\">\n <template #removeicon>\n <slot :name=\"$slots.chipicon ? 'chipicon' : 'removetokenicon'\" :class=\"cx('chipIcon')\" :index=\"i\" :removeCallback=\"(event) => removeItem(event, i)\" />\n </template>\n </Chip>\n </slot>\n </li>\n <li :class=\"cx('inputItem')\" role=\"option\" v-bind=\"ptm('inputItem')\">\n <input\n ref=\"input\"\n :id=\"inputId\"\n type=\"text\"\n :class=\"inputClass\"\n :style=\"inputStyle\"\n :disabled=\"disabled || maxedOut\"\n :placeholder=\"placeholder\"\n :aria-invalid=\"invalid || undefined\"\n @focus=\"onFocus($event)\"\n @blur=\"onBlur($event)\"\n @input=\"onInput\"\n @keydown=\"onKeyDown($event)\"\n @paste=\"onPaste($event)\"\n v-bind=\"{ ...inputProps, ...ptm('inputItemField') }\"\n />\n </li>\n </ul>\n </div>\n</template>\n\n<script>\nimport { UniqueComponentId } from '@primevue/core/utils';\nimport Chip from 'primevue/chip';\nimport BaseInputChips from './BaseInputChips.vue';\n\nexport default {\n name: 'InputChips',\n extends: BaseInputChips,\n inheritAttrs: false,\n emits: ['update:modelValue', 'add', 'remove', 'focus', 'blur'],\n data() {\n return {\n id: this.$attrs.id,\n inputValue: null,\n focused: false,\n focusedIndex: null\n };\n },\n watch: {\n '$attrs.id': function (newValue) {\n this.id = newValue || UniqueComponentId();\n }\n },\n mounted() {\n console.warn('Deprecated since v4. Use AutoComplete component instead with its typeahead property.');\n this.id = this.id || UniqueComponentId();\n },\n methods: {\n onWrapperClick() {\n this.$refs.input.focus();\n },\n onInput(event) {\n this.inputValue = event.target.value;\n this.focusedIndex = null;\n },\n onFocus(event) {\n this.focused = true;\n this.focusedIndex = null;\n this.$emit('focus', event);\n },\n onBlur(event) {\n this.focused = false;\n this.focusedIndex = null;\n\n if (this.addOnBlur) {\n this.addItem(event, event.target.value, false);\n }\n\n this.$emit('blur', event);\n },\n onKeyDown(event) {\n const inputValue = event.target.value;\n\n switch (event.code) {\n case 'Backspace':\n if (inputValue.length === 0 && this.modelValue && this.modelValue.length > 0) {\n if (this.focusedIndex !== null) {\n this.removeItem(event, this.focusedIndex);\n } else this.removeItem(event, this.modelValue.length - 1);\n }\n\n break;\n\n case 'Enter':\n case 'NumpadEnter':\n if (inputValue && inputValue.trim().length && !this.maxedOut) {\n this.addItem(event, inputValue, true);\n }\n\n break;\n\n case 'ArrowLeft':\n if (inputValue.length === 0 && this.modelValue && this.modelValue.length > 0) {\n this.$refs.container.focus();\n }\n\n break;\n\n case 'ArrowRight':\n event.stopPropagation();\n break;\n\n default:\n if (this.separator) {\n if (this.separator === event.key || event.key.match(this.separator)) {\n this.addItem(event, inputValue, true);\n }\n }\n\n break;\n }\n },\n onPaste(event) {\n if (this.separator) {\n let separator = this.separator.replace('\\\\n', '\\n').replace('\\\\r', '\\r').replace('\\\\t', '\\t');\n let pastedData = (event.clipboardData || window['clipboardData']).getData('Text');\n\n if (pastedData) {\n let value = this.modelValue || [];\n let pastedValues = pastedData.split(separator);\n\n pastedValues = pastedValues.filter((val) => this.allowDuplicate || value.indexOf(val) === -1);\n value = [...value, ...pastedValues];\n this.updateModel(event, value, true);\n }\n }\n },\n onContainerFocus() {\n this.focused = true;\n },\n onContainerBlur() {\n this.focusedIndex = -1;\n this.focused = false;\n },\n onContainerKeyDown(event) {\n switch (event.code) {\n case 'ArrowLeft':\n this.onArrowLeftKeyOn(event);\n break;\n\n case 'ArrowRight':\n this.onArrowRightKeyOn(event);\n break;\n\n case 'Backspace':\n this.onBackspaceKeyOn(event);\n break;\n\n default:\n break;\n }\n },\n onArrowLeftKeyOn() {\n if (this.inputValue.length === 0 && this.modelValue && this.modelValue.length > 0) {\n this.focusedIndex = this.focusedIndex === null ? this.modelValue.length - 1 : this.focusedIndex - 1;\n if (this.focusedIndex < 0) this.focusedIndex = 0;\n }\n },\n onArrowRightKeyOn() {\n if (this.inputValue.length === 0 && this.modelValue && this.modelValue.length > 0) {\n if (this.focusedIndex === this.modelValue.length - 1) {\n this.focusedIndex = null;\n this.$refs.input.focus();\n } else {\n this.focusedIndex++;\n }\n }\n },\n onBackspaceKeyOn(event) {\n if (this.focusedIndex !== null) {\n this.removeItem(event, this.focusedIndex);\n }\n },\n updateModel(event, value, preventDefault) {\n this.$emit('update:modelValue', value);\n this.$emit('add', {\n originalEvent: event,\n value: value\n });\n this.$refs.input.value = '';\n this.inputValue = '';\n\n setTimeout(() => {\n this.maxedOut && (this.focused = false);\n }, 0);\n\n if (preventDefault) {\n event.preventDefault();\n }\n },\n addItem(event, item, preventDefault) {\n if (item && item.trim().length) {\n let value = this.modelValue ? [...this.modelValue] : [];\n\n if (this.allowDuplicate || value.indexOf(item) === -1) {\n value.push(item);\n this.updateModel(event, value, preventDefault);\n }\n }\n },\n removeItem(event, index) {\n if (this.disabled) {\n return;\n }\n\n let values = [...this.modelValue];\n const removedItem = values.splice(index, 1);\n\n this.focusedIndex = null;\n this.$refs.input.focus();\n this.$emit('update:modelValue', values);\n this.$emit('remove', {\n originalEvent: event,\n value: removedItem\n });\n }\n },\n computed: {\n maxedOut() {\n return this.max && this.modelValue && this.max === this.modelValue.length;\n },\n focusedOptionId() {\n return this.focusedIndex !== null ? `${this.id}_inputchips_item_${this.focusedIndex}` : null;\n }\n },\n components: {\n Chip\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <ul\n ref=\"container\"\n :class=\"cx('input')\"\n tabindex=\"-1\"\n role=\"listbox\"\n aria-orientation=\"horizontal\"\n :aria-labelledby=\"ariaLabelledby\"\n :aria-label=\"ariaLabel\"\n :aria-activedescendant=\"focused ? focusedOptionId : undefined\"\n @click=\"onWrapperClick()\"\n @focus=\"onContainerFocus\"\n @blur=\"onContainerBlur\"\n @keydown=\"onContainerKeyDown\"\n v-bind=\"ptm('input')\"\n >\n <li\n v-for=\"(val, i) of modelValue\"\n :key=\"`${i}_${val}`\"\n :id=\"id + '_inputchips_item_' + i\"\n role=\"option\"\n :class=\"cx('chipItem', { index: i })\"\n :aria-label=\"val\"\n :aria-selected=\"true\"\n :aria-setsize=\"modelValue.length\"\n :aria-posinset=\"i + 1\"\n v-bind=\"ptm('chipItem')\"\n :data-p-focused=\"focusedIndex === i\"\n >\n <slot name=\"chip\" :class=\"cx('pcChip')\" :index=\"i\" :value=\"val\" :removeCallback=\"(event) => removeOption(event, i)\">\n <!-- TODO: removetokenicon and removeTokenIcon deprecated since v4.0. Use chipicon slot and chipIcon prop-->\n <Chip :class=\"cx('pcChip')\" :label=\"val\" :removeIcon=\"chipIcon || removeTokenIcon\" removable :unstyled=\"unstyled\" @remove=\"removeItem($event, i)\" :pt=\"ptm('pcChip')\">\n <template #removeicon>\n <slot :name=\"$slots.chipicon ? 'chipicon' : 'removetokenicon'\" :class=\"cx('chipIcon')\" :index=\"i\" :removeCallback=\"(event) => removeItem(event, i)\" />\n </template>\n </Chip>\n </slot>\n </li>\n <li :class=\"cx('inputItem')\" role=\"option\" v-bind=\"ptm('inputItem')\">\n <input\n ref=\"input\"\n :id=\"inputId\"\n type=\"text\"\n :class=\"inputClass\"\n :style=\"inputStyle\"\n :disabled=\"disabled || maxedOut\"\n :placeholder=\"placeholder\"\n :aria-invalid=\"invalid || undefined\"\n @focus=\"onFocus($event)\"\n @blur=\"onBlur($event)\"\n @input=\"onInput\"\n @keydown=\"onKeyDown($event)\"\n @paste=\"onPaste($event)\"\n v-bind=\"{ ...inputProps, ...ptm('inputItemField') }\"\n />\n </li>\n </ul>\n </div>\n</template>\n\n<script>\nimport { UniqueComponentId } from '@primevue/core/utils';\nimport Chip from 'primevue/chip';\nimport BaseInputChips from './BaseInputChips.vue';\n\nexport default {\n name: 'InputChips',\n extends: BaseInputChips,\n inheritAttrs: false,\n emits: ['update:modelValue', 'add', 'remove', 'focus', 'blur'],\n data() {\n return {\n id: this.$attrs.id,\n inputValue: null,\n focused: false,\n focusedIndex: null\n };\n },\n watch: {\n '$attrs.id': function (newValue) {\n this.id = newValue || UniqueComponentId();\n }\n },\n mounted() {\n console.warn('Deprecated since v4. Use AutoComplete component instead with its typeahead property.');\n this.id = this.id || UniqueComponentId();\n },\n methods: {\n onWrapperClick() {\n this.$refs.input.focus();\n },\n onInput(event) {\n this.inputValue = event.target.value;\n this.focusedIndex = null;\n },\n onFocus(event) {\n this.focused = true;\n this.focusedIndex = null;\n this.$emit('focus', event);\n },\n onBlur(event) {\n this.focused = false;\n this.focusedIndex = null;\n\n if (this.addOnBlur) {\n this.addItem(event, event.target.value, false);\n }\n\n this.$emit('blur', event);\n },\n onKeyDown(event) {\n const inputValue = event.target.value;\n\n switch (event.code) {\n case 'Backspace':\n if (inputValue.length === 0 && this.modelValue && this.modelValue.length > 0) {\n if (this.focusedIndex !== null) {\n this.removeItem(event, this.focusedIndex);\n } else this.removeItem(event, this.modelValue.length - 1);\n }\n\n break;\n\n case 'Enter':\n case 'NumpadEnter':\n if (inputValue && inputValue.trim().length && !this.maxedOut) {\n this.addItem(event, inputValue, true);\n }\n\n break;\n\n case 'ArrowLeft':\n if (inputValue.length === 0 && this.modelValue && this.modelValue.length > 0) {\n this.$refs.container.focus();\n }\n\n break;\n\n case 'ArrowRight':\n event.stopPropagation();\n break;\n\n default:\n if (this.separator) {\n if (this.separator === event.key || event.key.match(this.separator)) {\n this.addItem(event, inputValue, true);\n }\n }\n\n break;\n }\n },\n onPaste(event) {\n if (this.separator) {\n let separator = this.separator.replace('\\\\n', '\\n').replace('\\\\r', '\\r').replace('\\\\t', '\\t');\n let pastedData = (event.clipboardData || window['clipboardData']).getData('Text');\n\n if (pastedData) {\n let value = this.modelValue || [];\n let pastedValues = pastedData.split(separator);\n\n pastedValues = pastedValues.filter((val) => this.allowDuplicate || value.indexOf(val) === -1);\n value = [...value, ...pastedValues];\n this.updateModel(event, value, true);\n }\n }\n },\n onContainerFocus() {\n this.focused = true;\n },\n onContainerBlur() {\n this.focusedIndex = -1;\n this.focused = false;\n },\n onContainerKeyDown(event) {\n switch (event.code) {\n case 'ArrowLeft':\n this.onArrowLeftKeyOn(event);\n break;\n\n case 'ArrowRight':\n this.onArrowRightKeyOn(event);\n break;\n\n case 'Backspace':\n this.onBackspaceKeyOn(event);\n break;\n\n default:\n break;\n }\n },\n onArrowLeftKeyOn() {\n if (this.inputValue.length === 0 && this.modelValue && this.modelValue.length > 0) {\n this.focusedIndex = this.focusedIndex === null ? this.modelValue.length - 1 : this.focusedIndex - 1;\n if (this.focusedIndex < 0) this.focusedIndex = 0;\n }\n },\n onArrowRightKeyOn() {\n if (this.inputValue.length === 0 && this.modelValue && this.modelValue.length > 0) {\n if (this.focusedIndex === this.modelValue.length - 1) {\n this.focusedIndex = null;\n this.$refs.input.focus();\n } else {\n this.focusedIndex++;\n }\n }\n },\n onBackspaceKeyOn(event) {\n if (this.focusedIndex !== null) {\n this.removeItem(event, this.focusedIndex);\n }\n },\n updateModel(event, value, preventDefault) {\n this.$emit('update:modelValue', value);\n this.$emit('add', {\n originalEvent: event,\n value: value\n });\n this.$refs.input.value = '';\n this.inputValue = '';\n\n setTimeout(() => {\n this.maxedOut && (this.focused = false);\n }, 0);\n\n if (preventDefault) {\n event.preventDefault();\n }\n },\n addItem(event, item, preventDefault) {\n if (item && item.trim().length) {\n let value = this.modelValue ? [...this.modelValue] : [];\n\n if (this.allowDuplicate || value.indexOf(item) === -1) {\n value.push(item);\n this.updateModel(event, value, preventDefault);\n }\n }\n },\n removeItem(event, index) {\n if (this.disabled) {\n return;\n }\n\n let values = [...this.modelValue];\n const removedItem = values.splice(index, 1);\n\n this.focusedIndex = null;\n this.$refs.input.focus();\n this.$emit('update:modelValue', values);\n this.$emit('remove', {\n originalEvent: event,\n value: removedItem\n });\n }\n },\n computed: {\n maxedOut() {\n return this.max && this.modelValue && this.max === this.modelValue.length;\n },\n focusedOptionId() {\n return this.focusedIndex !== null ? `${this.id}_inputchips_item_${this.focusedIndex}` : null;\n }\n },\n components: {\n Chip\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","modelValue","type","Array","max","Number","separator","String","Object","addOnBlur","Boolean","allowDuplicate","placeholder","variant","invalid","disabled","inputId","inputClass","inputStyle","inputProps","removeTokenIcon","undefined","chipIcon","ariaLabelledby","ariaLabel","style","InputChipsStyle","provide","$pcInputChips","$parentInstance","BaseInputChips","inheritAttrs","emits","data","id","$attrs","inputValue","focused","focusedIndex","watch","$attrsId","newValue","UniqueComponentId","mounted","console","warn","methods","onWrapperClick","$refs","input","focus","onInput","event","target","value","onFocus","$emit","onBlur","addItem","onKeyDown","code","length","removeItem","trim","maxedOut","container","stopPropagation","key","match","onPaste","_this","replace","pastedData","clipboardData","window","getData","pastedValues","split","filter","val","indexOf","concat","_toConsumableArray","updateModel","onContainerFocus","onContainerBlur","onContainerKeyDown","onArrowLeftKeyOn","onArrowRightKeyOn","onBackspaceKeyOn","preventDefault","_this2","originalEvent","setTimeout","item","push","index","values","removedItem","splice","computed","focusedOptionId","components","Chip","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_createElementVNode","ref","tabindex","role","$data","$options","onClick","apply","arguments","onKeydown","ptm","_Fragment","_renderList","i","_renderSlot","$slots","removeCallback","_createVNode","_component_Chip","label","removeIcon","removable","unstyled","onRemove","$event","pt","removeicon","chipicon","_cache","_objectSpread","_hoisted_3"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../src/inputchips/style/InputChipsStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-inputchips {\n display: inline-flex;\n}\n\n.p-inputchips-input {\n margin: 0;\n list-style-type: none;\n cursor: text;\n overflow: hidden;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n padding: calc(${dt('inputchips.padding.y')} / 2) ${dt('inputchips.padding.x')};\n gap: calc(${dt('inputchips.padding.y')} / 2);\n color: ${dt('inputchips.color')};\n background: ${dt('inputchips.background')};\n border: 1px solid ${dt('inputchips.border.color')};\n border-radius: ${dt('inputchips.border.radius')};\n width: 100%;\n transition: background ${dt('inputchips.transition.duration')}, color ${dt('inputchips.transition.duration')}, border-color ${dt('inputchips.transition.duration')}, outline-color ${dt('inputchips.transition.duration')}, box-shadow ${dt(\n 'inputchips.transition.duration'\n)};\n outline-color: transparent;\n box-shadow: ${dt('inputchips.shadow')};\n}\n\n.p-inputchips:not(.p-disabled):hover .p-inputchips-input {\n border-color: ${dt('inputchips.hover.border.color')};\n}\n\n.p-inputchips:not(.p-disabled).p-focus .p-inputchips-input {\n border-color: ${dt('inputchips.focus.border.color')};\n box-shadow: ${dt('inputchips.focus.ring.shadow')};\n outline: ${dt('inputchips.focus.ring.width')} ${dt('inputchips.focus.ring.style')} ${dt('inputchips.focus.ring.color')};\n outline-offset: ${dt('inputchips.focus.ring.offset')};\n}\n\n.p-inputchips.p-invalid .p-inputchips-input {\n border-color: ${dt('inputchips.invalid.border.color')};\n}\n\n.p-variant-filled.p-inputchips-input {\n background: ${dt('inputchips.filled.background')};\n}\n\n.p-inputchips:not(.p-disabled).p-focus .p-variant-filled.p-inputchips-input {\n background: ${dt('inputchips.filled.focus.background')};\n}\n\n.p-inputchips.p-disabled .p-inputchips-input {\n opacity: 1;\n background: ${dt('inputchips.disabled.background')};\n color: ${dt('inputchips.disabled.color')};\n}\n\n.p-inputchips-chip.p-chip {\n padding-top: calc(${dt('inputchips.padding.y')} / 2);\n padding-bottom: calc(${dt('inputchips.padding.y')} / 2);\n border-radius: ${dt('inputchips.chip.border.radius')};\n transition: background ${dt('inputchips.transition.duration')}, color ${dt('inputchips.transition.duration')};\n}\n\n.p-inputchips-chip-item.p-focus .p-inputchips-chip {\n background: ${dt('inputchips.chip.focus.background')};\n color: ${dt('inputchips.chip.focus.color')};\n}\n\n.p-inputchips-input:has(.p-inputchips-chip) {\n padding-left: calc(${dt('inputchips.padding.y')} / 2);\n padding-right: calc(${dt('inputchips.padding.y')} / 2);\n}\n\n.p-inputchips-input-item {\n flex: 1 1 auto;\n display: inline-flex;\n padding-top: calc(${dt('inputchips.padding.y')} / 2);\n padding-bottom: calc(${dt('inputchips.padding.y')} / 2);\n}\n\n.p-inputchips-input-item input {\n border: 0 none;\n outline: 0 none;\n background: transparent;\n margin: 0;\n padding: 0;\n box-shadow: none;\n border-radius: 0;\n width: 100%;\n font-family: inherit;\n font-feature-settings: inherit;\n font-size: 1rem;\n color: inherit;\n}\n\n.p-inputchips-input-item input::placeholder {\n color: ${dt('inputchips.placeholder.color')};\n}\n`;\n\nconst classes = {\n root: ({ instance, props }) => [\n 'p-inputchips p-component p-inputwrapper',\n {\n 'p-disabled': props.disabled,\n 'p-invalid': props.invalid,\n 'p-focus': instance.focused,\n 'p-inputwrapper-filled': (props.modelValue && props.modelValue.length) || (instance.inputValue && instance.inputValue.length),\n 'p-inputwrapper-focus': instance.focused\n }\n ],\n input: ({ props, instance }) => [\n 'p-inputchips-input',\n {\n 'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled' || instance.$primevue.config.inputVariant === 'filled'\n }\n ],\n chipItem: ({ state, index }) => ['p-inputchips-chip-item', { 'p-focus': state.focusedIndex === index }],\n pcChip: 'p-inputchips-chip',\n chipIcon: 'p-inputchips-chip-icon',\n inputItem: 'p-inputchips-input-item'\n};\n\nexport default BaseStyle.extend({\n name: 'inputchips',\n theme,\n classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","props","disabled","invalid","focused","modelValue","length","inputValue","input","_ref3","variant","$primevue","config","inputStyle","inputVariant","chipItem","_ref4","state","index","focusedIndex","pcChip","chipIcon","inputItem","BaseStyle","extend","name"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/inputchips/style/InputChipsStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-inputchips {\n display: inline-flex;\n}\n\n.p-inputchips-input {\n margin: 0;\n list-style-type: none;\n cursor: text;\n overflow: hidden;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n padding: calc(${dt('inputchips.padding.y')} / 2) ${dt('inputchips.padding.x')};\n gap: calc(${dt('inputchips.padding.y')} / 2);\n color: ${dt('inputchips.color')};\n background: ${dt('inputchips.background')};\n border: 1px solid ${dt('inputchips.border.color')};\n border-radius: ${dt('inputchips.border.radius')};\n width: 100%;\n transition: background ${dt('inputchips.transition.duration')}, color ${dt('inputchips.transition.duration')}, border-color ${dt('inputchips.transition.duration')}, outline-color ${dt('inputchips.transition.duration')}, box-shadow ${dt(\n 'inputchips.transition.duration'\n)};\n outline-color: transparent;\n box-shadow: ${dt('inputchips.shadow')};\n}\n\n.p-inputchips:not(.p-disabled):hover .p-inputchips-input {\n border-color: ${dt('inputchips.hover.border.color')};\n}\n\n.p-inputchips:not(.p-disabled).p-focus .p-inputchips-input {\n border-color: ${dt('inputchips.focus.border.color')};\n box-shadow: ${dt('inputchips.focus.ring.shadow')};\n outline: ${dt('inputchips.focus.ring.width')} ${dt('inputchips.focus.ring.style')} ${dt('inputchips.focus.ring.color')};\n outline-offset: ${dt('inputchips.focus.ring.offset')};\n}\n\n.p-inputchips.p-invalid .p-inputchips-input {\n border-color: ${dt('inputchips.invalid.border.color')};\n}\n\n.p-variant-filled.p-inputchips-input {\n background: ${dt('inputchips.filled.background')};\n}\n\n.p-inputchips:not(.p-disabled).p-focus .p-variant-filled.p-inputchips-input {\n background: ${dt('inputchips.filled.focus.background')};\n}\n\n.p-inputchips.p-disabled .p-inputchips-input {\n opacity: 1;\n background: ${dt('inputchips.disabled.background')};\n color: ${dt('inputchips.disabled.color')};\n}\n\n.p-inputchips-chip.p-chip {\n padding-top: calc(${dt('inputchips.padding.y')} / 2);\n padding-bottom: calc(${dt('inputchips.padding.y')} / 2);\n border-radius: ${dt('inputchips.chip.border.radius')};\n transition: background ${dt('inputchips.transition.duration')}, color ${dt('inputchips.transition.duration')};\n}\n\n.p-inputchips-chip-item.p-focus .p-inputchips-chip {\n background: ${dt('inputchips.chip.focus.background')};\n color: ${dt('inputchips.chip.focus.color')};\n}\n\n.p-inputchips-input:has(.p-inputchips-chip) {\n padding-left: calc(${dt('inputchips.padding.y')} / 2);\n padding-right: calc(${dt('inputchips.padding.y')} / 2);\n}\n\n.p-inputchips-input-item {\n flex: 1 1 auto;\n display: inline-flex;\n padding-top: calc(${dt('inputchips.padding.y')} / 2);\n padding-bottom: calc(${dt('inputchips.padding.y')} / 2);\n}\n\n.p-inputchips-input-item input {\n border: 0 none;\n outline: 0 none;\n background: transparent;\n margin: 0;\n padding: 0;\n box-shadow: none;\n border-radius: 0;\n width: 100%;\n font-family: inherit;\n font-feature-settings: inherit;\n font-size: 1rem;\n color: inherit;\n}\n\n.p-inputchips-input-item input::placeholder {\n color: ${dt('inputchips.placeholder.color')};\n}\n`;\n\nconst classes = {\n root: ({ instance, props }) => [\n 'p-inputchips p-component p-inputwrapper',\n {\n 'p-disabled': props.disabled,\n 'p-invalid': props.invalid,\n 'p-focus': instance.focused,\n 'p-inputwrapper-filled': (props.modelValue && props.modelValue.length) || (instance.inputValue && instance.inputValue.length),\n 'p-inputwrapper-focus': instance.focused\n }\n ],\n input: ({ props, instance }) => [\n 'p-inputchips-input',\n {\n 'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled' || instance.$primevue.config.inputVariant === 'filled'\n }\n ],\n chipItem: ({ state, index }) => ['p-inputchips-chip-item', { 'p-focus': state.focusedIndex === index }],\n pcChip: 'p-inputchips-chip',\n chipIcon: 'p-inputchips-chip-icon',\n inputItem: 'p-inputchips-input-item'\n};\n\nexport default BaseStyle.extend({\n name: 'inputchips',\n theme,\n classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","props","disabled","invalid","focused","modelValue","length","inputValue","input","_ref3","variant","$primevue","config","inputStyle","inputVariant","chipItem","_ref4","state","index","focusedIndex","pcChip","chipIcon","inputItem","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE,CAAA;AAAA,EAAA,OAAA,wPAAA,CAAAC,MAAA,CAaCD,EAAE,CAAC,sBAAsB,CAAC,EAAAC,QAAAA,CAAAA,CAAAA,MAAA,CAASD,EAAE,CAAC,sBAAsB,CAAC,EAAA,mBAAA,CAAA,CAAAC,MAAA,CACjED,EAAE,CAAC,sBAAsB,CAAC,EAAAC,qBAAAA,CAAAA,CAAAA,MAAA,CAC7BD,EAAE,CAAC,kBAAkB,CAAC,EAAA,qBAAA,CAAA,CAAAC,MAAA,CACjBD,EAAE,CAAC,uBAAuB,CAAC,EAAAC,2BAAAA,CAAAA,CAAAA,MAAA,CACrBD,EAAE,CAAC,yBAAyB,CAAC,EAAA,wBAAA,CAAA,CAAAC,MAAA,CAChCD,EAAE,CAAC,0BAA0B,CAAC,EAAAC,kDAAAA,CAAAA,CAAAA,MAAA,CAEtBD,EAAE,CAAC,gCAAgC,CAAC,EAAA,UAAA,CAAA,CAAAC,MAAA,CAAWD,EAAE,CAAC,gCAAgC,CAAC,EAAA,iBAAA,CAAA,CAAAC,MAAA,CAAkBD,EAAE,CAAC,gCAAgC,CAAC,EAAAC,kBAAAA,CAAAA,CAAAA,MAAA,CAAmBD,EAAE,CAAC,gCAAgC,CAAC,EAAA,eAAA,CAAA,CAAAC,MAAA,CAAgBD,EAAE,CAC3O,gCACJ,CAAC,EAAAC,sDAAAA,CAAAA,CAAAA,MAAA,CAEiBD,EAAE,CAAC,mBAAmB,CAAC,EAAA,wFAAA,CAAA,CAAAC,MAAA,CAIrBD,EAAE,CAAC,+BAA+B,CAAC,EAAAC,0FAAAA,CAAAA,CAAAA,MAAA,CAInCD,EAAE,CAAC,+BAA+B,CAAC,EAAA,qBAAA,CAAA,CAAAC,MAAA,CACrCD,EAAE,CAAC,8BAA8B,CAAC,EAAAC,kBAAAA,CAAAA,CAAAA,MAAA,CACrCD,EAAE,CAAC,6BAA6B,CAAC,EAAA,GAAA,CAAA,CAAAC,MAAA,CAAID,EAAE,CAAC,6BAA6B,CAAC,OAAAC,MAAA,CAAID,EAAE,CAAC,6BAA6B,CAAC,EAAAC,yBAAAA,CAAAA,CAAAA,MAAA,CACpGD,EAAE,CAAC,8BAA8B,CAAC,EAAA,2EAAA,CAAA,CAAAC,MAAA,CAIpCD,EAAE,CAAC,iCAAiC,CAAC,EAAAC,kEAAAA,CAAAA,CAAAA,MAAA,CAIvCD,EAAE,CAAC,8BAA8B,CAAC,EAAA,0GAAA,CAAA,CAAAC,MAAA,CAIlCD,EAAE,CAAC,oCAAoC,CAAC,EAAAC,2FAAAA,CAAAA,CAAAA,MAAA,CAKxCD,EAAE,CAAC,gCAAgC,CAAC,EAAA,gBAAA,CAAA,CAAAC,MAAA,CACzCD,EAAE,CAAC,2BAA2B,CAAC,EAAAC,6DAAAA,CAAAA,CAAAA,MAAA,CAIpBD,EAAE,CAAC,sBAAsB,CAAC,EAAA,mCAAA,CAAA,CAAAC,MAAA,CACvBD,EAAE,CAAC,sBAAsB,CAAC,EAAAC,6BAAAA,CAAAA,CAAAA,MAAA,CAChCD,EAAE,CAAC,+BAA+B,CAAC,EAAAC,gCAAAA,CAAAA,CAAAA,MAAA,CAC3BD,EAAE,CAAC,gCAAgC,CAAC,EAAA,UAAA,CAAA,CAAAC,MAAA,CAAWD,EAAE,CAAC,gCAAgC,CAAC,EAAAC,gFAAAA,CAAAA,CAAAA,MAAA,CAI9FD,EAAE,CAAC,kCAAkC,CAAC,EAAA,gBAAA,CAAA,CAAAC,MAAA,CAC3CD,EAAE,CAAC,6BAA6B,CAAC,oFAAAC,MAAA,CAIrBD,EAAE,CAAC,sBAAsB,CAAC,EAAAC,kCAAAA,CAAAA,CAAAA,MAAA,CACzBD,EAAE,CAAC,sBAAsB,CAAC,EAAA,iHAAA,CAAA,CAAAC,MAAA,CAM5BD,EAAE,CAAC,sBAAsB,CAAC,EAAAC,mCAAAA,CAAAA,CAAAA,MAAA,CACvBD,EAAE,CAAC,sBAAsB,CAAC,EAAA,qYAAA,CAAA,CAAAC,MAAA,CAmBxCD,EAAE,CAAC,8BAA8B,CAAC,EAAA,QAAA,CAAA,CAAA;AAAA,CAE9C,CAAA;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;MAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK,CAAA;IAAA,OAAO,CAC3B,yCAAyC,EACzC;MACI,YAAY,EAAEA,KAAK,CAACC,QAAQ;MAC5B,WAAW,EAAED,KAAK,CAACE,OAAO;MAC1B,SAAS,EAAEH,QAAQ,CAACI,OAAO;AAC3B,MAAA,uBAAuB,EAAGH,KAAK,CAACI,UAAU,IAAIJ,KAAK,CAACI,UAAU,CAACC,MAAM,IAAMN,QAAQ,CAACO,UAAU,IAAIP,QAAQ,CAACO,UAAU,CAACD,MAAO;MAC7H,sBAAsB,EAAEN,QAAQ,CAACI,OAAAA;AACrC,KAAC,CACJ,CAAA;AAAA,GAAA;AACDI,EAAAA,KAAK,EAAE,SAAPA,KAAKA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKR,KAAK,GAAAQ,KAAA,CAALR,KAAK;MAAED,QAAQ,GAAAS,KAAA,CAART,QAAQ,CAAA;IAAA,OAAO,CAC5B,oBAAoB,EACpB;AACI,MAAA,kBAAkB,EAAEC,KAAK,CAACS,OAAO,GAAGT,KAAK,CAACS,OAAO,KAAK,QAAQ,GAAGV,QAAQ,CAACW,SAAS,CAACC,MAAM,CAACC,UAAU,KAAK,QAAQ,IAAIb,QAAQ,CAACW,SAAS,CAACC,MAAM,CAACE,YAAY,KAAK,QAAA;AACrK,KAAC,CACJ,CAAA;AAAA,GAAA;AACDC,EAAAA,QAAQ,EAAE,SAAVA,QAAQA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKC,KAAK,GAAAD,KAAA,CAALC,KAAK;MAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK,CAAA;IAAA,OAAO,CAAC,wBAAwB,EAAE;AAAE,MAAA,SAAS,EAAED,KAAK,CAACE,YAAY,KAAKD,KAAAA;AAAM,KAAC,CAAC,CAAA;AAAA,GAAA;AACvGE,EAAAA,MAAM,EAAE,mBAAmB;AAC3BC,EAAAA,QAAQ,EAAE,wBAAwB;AAClCC,EAAAA,SAAS,EAAE,yBAAA;AACf,CAAC,CAAA;AAED,sBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBhC,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}
|
package/inputgroup/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/inputgroup/BaseInputGroup.vue","../../src/inputgroup/InputGroup.vue","../../src/inputgroup/InputGroup.vue?vue&type=template&id=5a5bedce&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport InputGroupStyle from 'primevue/inputgroup/style';\n\nexport default {\n name: 'BaseInputGroup',\n extends: BaseComponent,\n props: {\n fluid: {\n type: Boolean,\n default: null\n }\n },\n style: InputGroupStyle,\n provide() {\n return {\n $pcInputGroup: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <slot />\n </div>\n</template>\n\n<script>\nimport { isEmpty } from '@primeuix/utils/object';\nimport BaseInputGroup from './BaseInputGroup.vue';\n\nexport default {\n name: 'InputGroup',\n extends: BaseInputGroup,\n inheritAttrs: false,\n inject: {\n $pcFluid: { default: null }\n },\n computed: {\n hasFluid() {\n return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;\n }\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <slot />\n </div>\n</template>\n\n<script>\nimport { isEmpty } from '@primeuix/utils/object';\nimport BaseInputGroup from './BaseInputGroup.vue';\n\nexport default {\n name: 'InputGroup',\n extends: BaseInputGroup,\n inheritAttrs: false,\n inject: {\n $pcFluid: { default: null }\n },\n computed: {\n hasFluid() {\n return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;\n }\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","fluid","type","Boolean","style","InputGroupStyle","provide","$pcInputGroup","$parentInstance","BaseInputGroup","inheritAttrs","inject","$pcFluid","computed","hasFluid","isEmpty","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_renderSlot","$slots"],"mappings":";;;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,gBAAgB;AACtB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAEC,OAAO;MACb,SAAS,EAAA,IAAA;AACb,KAAA;GACH;AACDC,EAAAA,KAAK,EAAEC,eAAe;EACtBC,OAAO,EAAA,
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/inputgroup/BaseInputGroup.vue","../../src/inputgroup/InputGroup.vue","../../src/inputgroup/InputGroup.vue?vue&type=template&id=5a5bedce&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport InputGroupStyle from 'primevue/inputgroup/style';\n\nexport default {\n name: 'BaseInputGroup',\n extends: BaseComponent,\n props: {\n fluid: {\n type: Boolean,\n default: null\n }\n },\n style: InputGroupStyle,\n provide() {\n return {\n $pcInputGroup: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <slot />\n </div>\n</template>\n\n<script>\nimport { isEmpty } from '@primeuix/utils/object';\nimport BaseInputGroup from './BaseInputGroup.vue';\n\nexport default {\n name: 'InputGroup',\n extends: BaseInputGroup,\n inheritAttrs: false,\n inject: {\n $pcFluid: { default: null }\n },\n computed: {\n hasFluid() {\n return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;\n }\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <slot />\n </div>\n</template>\n\n<script>\nimport { isEmpty } from '@primeuix/utils/object';\nimport BaseInputGroup from './BaseInputGroup.vue';\n\nexport default {\n name: 'InputGroup',\n extends: BaseInputGroup,\n inheritAttrs: false,\n inject: {\n $pcFluid: { default: null }\n },\n computed: {\n hasFluid() {\n return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;\n }\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","fluid","type","Boolean","style","InputGroupStyle","provide","$pcInputGroup","$parentInstance","BaseInputGroup","inheritAttrs","inject","$pcFluid","computed","hasFluid","isEmpty","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_renderSlot","$slots"],"mappings":";;;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,gBAAgB;AACtB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAEC,OAAO;MACb,SAAS,EAAA,IAAA;AACb,KAAA;GACH;AACDC,EAAAA,KAAK,EAAEC,eAAe;EACtBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,aAAa,EAAE,IAAI;AACnBC,MAAAA,eAAe,EAAE,IAAA;KACpB,CAAA;AACL,GAAA;AACJ,CAAC;;ACVD,aAAe;AACXV,EAAAA,IAAI,EAAE,YAAY;AAClB,EAAA,SAAA,EAASW,QAAc;AACvBC,EAAAA,YAAY,EAAE,KAAK;AACnBC,EAAAA,MAAM,EAAE;AACJC,IAAAA,QAAQ,EAAE;MAAE,SAAS,EAAA,IAAA;AAAK,KAAA;GAC7B;AACDC,EAAAA,QAAQ,EAAE;IACNC,QAAQ,EAAA,SAARA,QAAQA,GAAG;AACP,MAAA,OAAOC,OAAO,CAAC,IAAI,CAACd,KAAK,CAAE,GAAE,CAAC,CAAC,IAAI,CAACW,QAAS,GAAE,IAAI,CAACX,KAAK,CAAA;AAC7D,KAAA;AACJ,GAAA;AACJ,CAAC;;;ECrBG,OAAAe,SAAA,EAAA,EAAAC,kBAAA,CAEK,OAFLC,UAEK,CAAA;AAFC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;KAAkBD,IAAI,CAAAE,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CACjCC,UAAO,CAAAH,IAAA,CAAAI,MAAA,EAAA,SAAA,CAAA;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../src/inputgroup/style/InputGroupStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-inputgroup {\n display: flex;\n align-items: stretch;\n width: 100%;\n}\n\n.p-inputgroupaddon {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0.5rem;\n background: ${dt('inputgroup.addon.background')};\n color: ${dt('inputgroup.addon.color')};\n border-top: 1px solid ${dt('inputgroup.addon.border.color')};\n border-left: 1px solid ${dt('inputgroup.addon.border.color')};\n border-bottom: 1px solid ${dt('inputgroup.addon.border.color')};\n padding: 0.5rem 0.75rem;\n min-width: 2.5rem;\n}\n\n.p-inputgroup .p-floatlabel {\n display: flex;\n align-items: stretch;\n width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-inputgroup-fluid .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-inputgroup-fluid .p-input {\n flex: 1 1 auto;\n width: 1%;\n}\n\n.p-inputgroupaddon:last-child {\n border-right: 1px solid ${dt('inputgroup.addon.border.color')};\n}\n\n.p-inputgroup > .p-component,\n.p-inputgroup > .p-inputwrapper > .p-inputtext,\n.p-inputgroup > .p-floatlabel > .p-component {\n border-radius: 0;\n margin: 0;\n}\n\n.p-inputgroup > .p-component + .p-inputgroupaddon,\n.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroupaddon,\n.p-inputgroup > .p-floatlabel > .p-component + .p-inputgroupaddon {\n border-left: 0 none;\n}\n\n.p-inputgroup > .p-component:focus,\n.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,\n.p-inputgroup > .p-floatlabel > .p-component:focus {\n z-index: 1;\n}\n\n.p-inputgroup > .p-component:focus ~ label,\n.p-inputgroup > .p-inputwrapper > .p-inputtext:focus~label,\n.p-inputgroup > .p-floatlabel > .p-component:focus~label {\n z-index: 1;\n}\n\n.p-inputgroupaddon:first-child,\n.p-inputgroup button:first-child,\n.p-inputgroup input:first-child,\n.p-inputgroup > .p-inputwrapper:first-child,\n.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {\n border-top-left-radius: ${dt('inputgroup.addon.border.radius')};\n border-bottom-left-radius: ${dt('inputgroup.addon.border.radius')};\n}\n\n.p-inputgroup .p-floatlabel:first-child input {\n border-top-left-radius: ${dt('inputgroup.addon.border.radius')};\n border-bottom-left-radius: ${dt('inputgroup.addon.border.radius')};\n}\n\n.p-inputgroupaddon:last-child,\n.p-inputgroup button:last-child,\n.p-inputgroup input:last-child,\n.p-inputgroup > .p-inputwrapper:last-child,\n.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {\n border-top-right-radius: ${dt('inputgroup.addon.border.radius')};\n border-bottom-right-radius: ${dt('inputgroup.addon.border.radius')};\n}\n\n.p-inputgroup .p-floatlabel:last-child input {\n border-top-right-radius: ${dt('inputgroup.addon.border.radius')};\n border-bottom-right-radius: ${dt('inputgroup.addon.border.radius')};\n}\n\n.p-inputgroup-fluid .p-button {\n width: auto;\n}\n\n.p-inputgroup-fluid .p-button.p-button-icon-only {\n width: 2.5rem;\n}\n`;\n\nconst classes = {\n root: ({ instance }) => [\n 'p-inputgroup',\n {\n 'p-inputgroup-fluid': instance.hasFluid\n }\n ]\n};\n\nexport default BaseStyle.extend({\n name: 'inputgroup',\n theme,\n classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","hasFluid","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE,CAAA;EAAA,OAAAC,mOAAAA,CAAAA,MAAA,CAYDD,EAAE,CAAC,6BAA6B,CAAC,EAAA,gBAAA,CAAA,CAAAC,MAAA,CACtCD,EAAE,CAAC,wBAAwB,CAAC,mCAAAC,MAAA,CACbD,EAAE,CAAC,+BAA+B,CAAC,EAAA,gCAAA,CAAA,CAAAC,MAAA,CAClCD,EAAE,CAAC,+BAA+B,CAAC,EAAAC,kCAAAA,CAAAA,CAAAA,MAAA,CACjCD,EAAE,CAAC,+BAA+B,CAAC,EAAA,4YAAA,CAAA,CAAAC,MAAA,CAoBpCD,EAAE,CAAC,+BAA+B,CAAC,0+BAAAC,MAAA,CAiCnCD,EAAE,CAAC,gCAAgC,CAAC,wCAAAC,MAAA,CACjCD,EAAE,CAAC,gCAAgC,CAAC,EAAAC,uFAAAA,CAAAA,CAAAA,MAAA,CAIvCD,EAAE,CAAC,gCAAgC,CAAC,EAAA,oCAAA,CAAA,CAAAC,MAAA,CACjCD,EAAE,CAAC,gCAAgC,CAAC,EAAAC,oPAAAA,CAAAA,CAAAA,MAAA,CAQtCD,EAAE,CAAC,gCAAgC,CAAC,yCAAAC,MAAA,CACjCD,EAAE,CAAC,gCAAgC,CAAC,EAAAC,uFAAAA,CAAAA,CAAAA,MAAA,CAIvCD,EAAE,CAAC,gCAAgC,CAAC,EAAA,qCAAA,CAAA,CAAAC,MAAA,CACjCD,EAAE,CAAC,gCAAgC,CAAC,EAAA,6IAAA,CAAA,CAAA;AAAA,CAUrE,CAAA;AAED,IAAME,OAAO,GAAG;
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/inputgroup/style/InputGroupStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-inputgroup {\n display: flex;\n align-items: stretch;\n width: 100%;\n}\n\n.p-inputgroupaddon {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0.5rem;\n background: ${dt('inputgroup.addon.background')};\n color: ${dt('inputgroup.addon.color')};\n border-top: 1px solid ${dt('inputgroup.addon.border.color')};\n border-left: 1px solid ${dt('inputgroup.addon.border.color')};\n border-bottom: 1px solid ${dt('inputgroup.addon.border.color')};\n padding: 0.5rem 0.75rem;\n min-width: 2.5rem;\n}\n\n.p-inputgroup .p-floatlabel {\n display: flex;\n align-items: stretch;\n width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-inputgroup-fluid .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-inputgroup-fluid .p-input {\n flex: 1 1 auto;\n width: 1%;\n}\n\n.p-inputgroupaddon:last-child {\n border-right: 1px solid ${dt('inputgroup.addon.border.color')};\n}\n\n.p-inputgroup > .p-component,\n.p-inputgroup > .p-inputwrapper > .p-inputtext,\n.p-inputgroup > .p-floatlabel > .p-component {\n border-radius: 0;\n margin: 0;\n}\n\n.p-inputgroup > .p-component + .p-inputgroupaddon,\n.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroupaddon,\n.p-inputgroup > .p-floatlabel > .p-component + .p-inputgroupaddon {\n border-left: 0 none;\n}\n\n.p-inputgroup > .p-component:focus,\n.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,\n.p-inputgroup > .p-floatlabel > .p-component:focus {\n z-index: 1;\n}\n\n.p-inputgroup > .p-component:focus ~ label,\n.p-inputgroup > .p-inputwrapper > .p-inputtext:focus~label,\n.p-inputgroup > .p-floatlabel > .p-component:focus~label {\n z-index: 1;\n}\n\n.p-inputgroupaddon:first-child,\n.p-inputgroup button:first-child,\n.p-inputgroup input:first-child,\n.p-inputgroup > .p-inputwrapper:first-child,\n.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {\n border-top-left-radius: ${dt('inputgroup.addon.border.radius')};\n border-bottom-left-radius: ${dt('inputgroup.addon.border.radius')};\n}\n\n.p-inputgroup .p-floatlabel:first-child input {\n border-top-left-radius: ${dt('inputgroup.addon.border.radius')};\n border-bottom-left-radius: ${dt('inputgroup.addon.border.radius')};\n}\n\n.p-inputgroupaddon:last-child,\n.p-inputgroup button:last-child,\n.p-inputgroup input:last-child,\n.p-inputgroup > .p-inputwrapper:last-child,\n.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {\n border-top-right-radius: ${dt('inputgroup.addon.border.radius')};\n border-bottom-right-radius: ${dt('inputgroup.addon.border.radius')};\n}\n\n.p-inputgroup .p-floatlabel:last-child input {\n border-top-right-radius: ${dt('inputgroup.addon.border.radius')};\n border-bottom-right-radius: ${dt('inputgroup.addon.border.radius')};\n}\n\n.p-inputgroup-fluid .p-button {\n width: auto;\n}\n\n.p-inputgroup-fluid .p-button.p-button-icon-only {\n width: 2.5rem;\n}\n`;\n\nconst classes = {\n root: ({ instance }) => [\n 'p-inputgroup',\n {\n 'p-inputgroup-fluid': instance.hasFluid\n }\n ]\n};\n\nexport default BaseStyle.extend({\n name: 'inputgroup',\n theme,\n classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","hasFluid","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE,CAAA;EAAA,OAAAC,mOAAAA,CAAAA,MAAA,CAYDD,EAAE,CAAC,6BAA6B,CAAC,EAAA,gBAAA,CAAA,CAAAC,MAAA,CACtCD,EAAE,CAAC,wBAAwB,CAAC,mCAAAC,MAAA,CACbD,EAAE,CAAC,+BAA+B,CAAC,EAAA,gCAAA,CAAA,CAAAC,MAAA,CAClCD,EAAE,CAAC,+BAA+B,CAAC,EAAAC,kCAAAA,CAAAA,CAAAA,MAAA,CACjCD,EAAE,CAAC,+BAA+B,CAAC,EAAA,4YAAA,CAAA,CAAAC,MAAA,CAoBpCD,EAAE,CAAC,+BAA+B,CAAC,0+BAAAC,MAAA,CAiCnCD,EAAE,CAAC,gCAAgC,CAAC,wCAAAC,MAAA,CACjCD,EAAE,CAAC,gCAAgC,CAAC,EAAAC,uFAAAA,CAAAA,CAAAA,MAAA,CAIvCD,EAAE,CAAC,gCAAgC,CAAC,EAAA,oCAAA,CAAA,CAAAC,MAAA,CACjCD,EAAE,CAAC,gCAAgC,CAAC,EAAAC,oPAAAA,CAAAA,CAAAA,MAAA,CAQtCD,EAAE,CAAC,gCAAgC,CAAC,yCAAAC,MAAA,CACjCD,EAAE,CAAC,gCAAgC,CAAC,EAAAC,uFAAAA,CAAAA,CAAAA,MAAA,CAIvCD,EAAE,CAAC,gCAAgC,CAAC,EAAA,qCAAA,CAAA,CAAAC,MAAA,CACjCD,EAAE,CAAC,gCAAgC,CAAC,EAAA,6IAAA,CAAA,CAAA;AAAA,CAUrE,CAAA;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKC,QAAQ,GAAAD,KAAA,CAARC,QAAQ,CAAA;IAAA,OAAO,CACpB,cAAc,EACd;MACI,oBAAoB,EAAEA,QAAQ,CAACC,QAAAA;AACnC,KAAC,CACJ,CAAA;AAAA,GAAA;AACL,CAAC,CAAA;AAED,sBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBX,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/inputgroupaddon/BaseInputGroupAddon.vue","../../src/inputgroupaddon/InputGroupAddon.vue","../../src/inputgroupaddon/InputGroupAddon.vue?vue&type=template&id=5c3d7ae5&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport InputGroupAddonStyle from 'primevue/inputgroupaddon/style';\n\nexport default {\n name: 'BaseInputGroupAddon',\n extends: BaseComponent,\n style: InputGroupAddonStyle,\n provide() {\n return {\n $pcInputGroupAddon: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <slot />\n </div>\n</template>\n\n<script>\nimport BaseInputGroupAddon from './BaseInputGroupAddon.vue';\n\nexport default {\n name: 'InputGroupAddon',\n extends: BaseInputGroupAddon,\n inheritAttrs: false\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <slot />\n </div>\n</template>\n\n<script>\nimport BaseInputGroupAddon from './BaseInputGroupAddon.vue';\n\nexport default {\n name: 'InputGroupAddon',\n extends: BaseInputGroupAddon,\n inheritAttrs: false\n};\n</script>\n"],"names":["name","BaseComponent","style","InputGroupAddonStyle","provide","$pcInputGroupAddon","$parentInstance","BaseInputGroupAddon","inheritAttrs","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_renderSlot","$slots"],"mappings":";;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,qBAAqB;AAC3B,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAEC,oBAAoB;EAC3BC,OAAO,EAAA,
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/inputgroupaddon/BaseInputGroupAddon.vue","../../src/inputgroupaddon/InputGroupAddon.vue","../../src/inputgroupaddon/InputGroupAddon.vue?vue&type=template&id=5c3d7ae5&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport InputGroupAddonStyle from 'primevue/inputgroupaddon/style';\n\nexport default {\n name: 'BaseInputGroupAddon',\n extends: BaseComponent,\n style: InputGroupAddonStyle,\n provide() {\n return {\n $pcInputGroupAddon: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <slot />\n </div>\n</template>\n\n<script>\nimport BaseInputGroupAddon from './BaseInputGroupAddon.vue';\n\nexport default {\n name: 'InputGroupAddon',\n extends: BaseInputGroupAddon,\n inheritAttrs: false\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <slot />\n </div>\n</template>\n\n<script>\nimport BaseInputGroupAddon from './BaseInputGroupAddon.vue';\n\nexport default {\n name: 'InputGroupAddon',\n extends: BaseInputGroupAddon,\n inheritAttrs: false\n};\n</script>\n"],"names":["name","BaseComponent","style","InputGroupAddonStyle","provide","$pcInputGroupAddon","$parentInstance","BaseInputGroupAddon","inheritAttrs","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_renderSlot","$slots"],"mappings":";;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,qBAAqB;AAC3B,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAEC,oBAAoB;EAC3BC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,kBAAkB,EAAE,IAAI;AACxBC,MAAAA,eAAe,EAAE,IAAA;KACpB,CAAA;AACL,GAAA;AACJ,CAAC;;ACLD,aAAe;AACXN,EAAAA,IAAI,EAAE,iBAAiB;AACvB,EAAA,SAAA,EAASO,QAAmB;AAC5BC,EAAAA,YAAY,EAAE,KAAA;AAClB,CAAC;;;ECZG,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CAEK,OAFLC,UAEK,CAAA;AAFC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;KAAkBD,IAAI,CAAAE,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CACjCC,UAAO,CAAAH,IAAA,CAAAI,MAAA,EAAA,SAAA,CAAA;;;;;;;"}
|
package/inputicon/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/inputicon/BaseInputIcon.vue","../../src/inputicon/InputIcon.vue","../../src/inputicon/InputIcon.vue?vue&type=template&id=17e7e820&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport InputIconStyle from 'primevue/inputicon/style';\n\nexport default {\n name: 'BaseInputIcon',\n extends: BaseComponent,\n style: InputIconStyle,\n props: {\n class: null\n },\n provide() {\n return {\n $pcInputIcon: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <span :class=\"containerClass\" v-bind=\"ptmi('root')\">\n <slot />\n </span>\n</template>\n\n<script>\nimport BaseInputIcon from './BaseInputIcon.vue';\n\nexport default {\n name: 'InputIcon',\n extends: BaseInputIcon,\n inheritAttrs: false,\n computed: {\n containerClass() {\n return [this.cx('root'), this.class];\n }\n }\n};\n</script>\n","<template>\n <span :class=\"containerClass\" v-bind=\"ptmi('root')\">\n <slot />\n </span>\n</template>\n\n<script>\nimport BaseInputIcon from './BaseInputIcon.vue';\n\nexport default {\n name: 'InputIcon',\n extends: BaseInputIcon,\n inheritAttrs: false,\n computed: {\n containerClass() {\n return [this.cx('root'), this.class];\n }\n }\n};\n</script>\n"],"names":["name","BaseComponent","style","InputIconStyle","props","provide","$pcInputIcon","$parentInstance","BaseInputIcon","inheritAttrs","computed","containerClass","cx","_openBlock","_createElementBlock","_mergeProps","$options","_ctx","ptmi","_renderSlot","$slots"],"mappings":";;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,eAAe;AACrB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAEC,cAAc;AACrBC,EAAAA,KAAK,EAAE;IACH,OAAO,EAAA,IAAA;GACV;EACDC,OAAO,EAAA,
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/inputicon/BaseInputIcon.vue","../../src/inputicon/InputIcon.vue","../../src/inputicon/InputIcon.vue?vue&type=template&id=17e7e820&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport InputIconStyle from 'primevue/inputicon/style';\n\nexport default {\n name: 'BaseInputIcon',\n extends: BaseComponent,\n style: InputIconStyle,\n props: {\n class: null\n },\n provide() {\n return {\n $pcInputIcon: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <span :class=\"containerClass\" v-bind=\"ptmi('root')\">\n <slot />\n </span>\n</template>\n\n<script>\nimport BaseInputIcon from './BaseInputIcon.vue';\n\nexport default {\n name: 'InputIcon',\n extends: BaseInputIcon,\n inheritAttrs: false,\n computed: {\n containerClass() {\n return [this.cx('root'), this.class];\n }\n }\n};\n</script>\n","<template>\n <span :class=\"containerClass\" v-bind=\"ptmi('root')\">\n <slot />\n </span>\n</template>\n\n<script>\nimport BaseInputIcon from './BaseInputIcon.vue';\n\nexport default {\n name: 'InputIcon',\n extends: BaseInputIcon,\n inheritAttrs: false,\n computed: {\n containerClass() {\n return [this.cx('root'), this.class];\n }\n }\n};\n</script>\n"],"names":["name","BaseComponent","style","InputIconStyle","props","provide","$pcInputIcon","$parentInstance","BaseInputIcon","inheritAttrs","computed","containerClass","cx","_openBlock","_createElementBlock","_mergeProps","$options","_ctx","ptmi","_renderSlot","$slots"],"mappings":";;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,eAAe;AACrB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAEC,cAAc;AACrBC,EAAAA,KAAK,EAAE;IACH,OAAO,EAAA,IAAA;GACV;EACDC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,YAAY,EAAE,IAAI;AAClBC,MAAAA,eAAe,EAAE,IAAA;KACpB,CAAA;AACL,GAAA;AACJ,CAAC;;ACRD,aAAe;AACXP,EAAAA,IAAI,EAAE,WAAW;AACjB,EAAA,SAAA,EAASQ,QAAa;AACtBC,EAAAA,YAAY,EAAE,KAAK;AACnBC,EAAAA,QAAQ,EAAE;IACNC,cAAc,EAAA,SAAdA,cAAcA,GAAG;MACb,OAAO,CAAC,IAAI,CAACC,EAAE,CAAC,MAAM,CAAC,EAAE,IAAI,CAAA,OAAA,CAAM,CAAC,CAAA;AACxC,KAAA;AACJ,GAAA;AACJ,CAAC;;;ECjBG,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CAEM,QAFNC,UAEM,CAAA;AAFC,IAAA,OAAA,EAAOC,QAAA,CAAAL,cAAAA;KAAwBM,IAAI,CAAAC,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CACtCC,UAAO,CAAAF,IAAA,CAAAG,MAAA,EAAA,SAAA,CAAA;;;;;;;"}
|
package/inputmask/InputMask.vue
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
:invalid="invalid"
|
|
8
8
|
:variant="variant"
|
|
9
9
|
:placeholder="placeholder"
|
|
10
|
-
:fluid="
|
|
10
|
+
:fluid="hasFluid"
|
|
11
11
|
:unstyled="unstyled"
|
|
12
12
|
@input="onInput"
|
|
13
13
|
@focus="onFocus"
|
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
|
|
22
22
|
<script>
|
|
23
23
|
import { getUserAgent } from '@primeuix/utils/dom';
|
|
24
|
+
import { isEmpty } from '@primeuix/utils/object';
|
|
24
25
|
import InputText from 'primevue/inputtext';
|
|
25
26
|
import { mergeProps } from 'vue';
|
|
26
27
|
import BaseInputMask from './BaseInputMask.vue';
|
|
@@ -30,6 +31,9 @@ export default {
|
|
|
30
31
|
extends: BaseInputMask,
|
|
31
32
|
inheritAttrs: false,
|
|
32
33
|
emits: ['update:modelValue', 'focus', 'blur', 'keydown', 'complete', 'keypress', 'paste'],
|
|
34
|
+
inject: {
|
|
35
|
+
$pcFluid: { default: null }
|
|
36
|
+
},
|
|
33
37
|
watch: {
|
|
34
38
|
mask(newMask, oldMask) {
|
|
35
39
|
if (oldMask !== newMask) {
|
|
@@ -531,6 +535,9 @@ export default {
|
|
|
531
535
|
filled: this.filled
|
|
532
536
|
}
|
|
533
537
|
};
|
|
538
|
+
},
|
|
539
|
+
hasFluid() {
|
|
540
|
+
return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;
|
|
534
541
|
}
|
|
535
542
|
},
|
|
536
543
|
components: {
|
package/inputmask/index.mjs
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { getUserAgent } from '@primeuix/utils/dom';
|
|
2
|
+
import { isEmpty } from '@primeuix/utils/object';
|
|
2
3
|
import InputText from 'primevue/inputtext';
|
|
3
4
|
import { mergeProps, resolveComponent, openBlock, createBlock, normalizeClass } from 'vue';
|
|
4
5
|
import BaseComponent from '@primevue/core/basecomponent';
|
|
@@ -51,7 +52,7 @@ var script$1 = {
|
|
|
51
52
|
},
|
|
52
53
|
fluid: {
|
|
53
54
|
type: Boolean,
|
|
54
|
-
"default":
|
|
55
|
+
"default": null
|
|
55
56
|
}
|
|
56
57
|
},
|
|
57
58
|
style: InputMaskStyle,
|
|
@@ -68,6 +69,11 @@ var script = {
|
|
|
68
69
|
"extends": script$1,
|
|
69
70
|
inheritAttrs: false,
|
|
70
71
|
emits: ['update:modelValue', 'focus', 'blur', 'keydown', 'complete', 'keypress', 'paste'],
|
|
72
|
+
inject: {
|
|
73
|
+
$pcFluid: {
|
|
74
|
+
"default": null
|
|
75
|
+
}
|
|
76
|
+
},
|
|
71
77
|
watch: {
|
|
72
78
|
mask: function mask(newMask, oldMask) {
|
|
73
79
|
if (oldMask !== newMask) {
|
|
@@ -492,6 +498,9 @@ var script = {
|
|
|
492
498
|
filled: this.filled
|
|
493
499
|
}
|
|
494
500
|
};
|
|
501
|
+
},
|
|
502
|
+
hasFluid: function hasFluid() {
|
|
503
|
+
return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;
|
|
495
504
|
}
|
|
496
505
|
},
|
|
497
506
|
components: {
|
|
@@ -509,7 +518,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
509
518
|
invalid: _ctx.invalid,
|
|
510
519
|
variant: _ctx.variant,
|
|
511
520
|
placeholder: _ctx.placeholder,
|
|
512
|
-
fluid:
|
|
521
|
+
fluid: $options.hasFluid,
|
|
513
522
|
unstyled: _ctx.unstyled,
|
|
514
523
|
onInput: $options.onInput,
|
|
515
524
|
onFocus: $options.onFocus,
|