primevue 4.3.3 → 4.3.5
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 +4 -2
- package/accordion/index.mjs.map +1 -1
- package/accordionheader/AccordionHeader.vue +1 -1
- package/accordionheader/index.d.ts +6 -1
- package/accordionheader/index.mjs +1 -1
- package/accordionheader/index.mjs.map +1 -1
- package/autocomplete/AutoComplete.vue +4 -1
- package/autocomplete/index.d.ts +4 -0
- package/autocomplete/index.mjs +38 -31
- package/autocomplete/index.mjs.map +1 -1
- package/breadcrumb/index.mjs +4 -2
- package/breadcrumb/index.mjs.map +1 -1
- package/carousel/index.mjs +10 -5
- package/carousel/index.mjs.map +1 -1
- package/cascadeselect/CascadeSelect.vue +3 -0
- package/cascadeselect/CascadeSelectSub.vue +1 -1
- package/cascadeselect/index.mjs +31 -23
- package/cascadeselect/index.mjs.map +1 -1
- package/colorpicker/ColorPicker.vue +4 -0
- package/colorpicker/index.mjs +4 -0
- package/colorpicker/index.mjs.map +1 -1
- package/confirmationoptions/index.d.ts +1 -1
- package/confirmdialog/index.d.ts +4 -0
- package/contextmenu/index.mjs +28 -20
- package/contextmenu/index.mjs.map +1 -1
- package/datatable/ColumnFilter.vue +2 -2
- package/datatable/DataTable.vue +7 -3
- package/datatable/index.d.ts +2 -2
- package/datatable/index.mjs +48 -40
- package/datatable/index.mjs.map +1 -1
- package/datatable/style/index.mjs +4 -4
- package/datatable/style/index.mjs.map +1 -1
- package/dataview/index.d.ts +5 -5
- package/datepicker/DatePicker.vue +10 -3
- package/datepicker/index.mjs +123 -84
- package/datepicker/index.mjs.map +1 -1
- package/dock/index.mjs +8 -4
- package/dock/index.mjs.map +1 -1
- package/dynamicdialog/index.mjs +6 -3
- package/dynamicdialog/index.mjs.map +1 -1
- package/fileupload/FileUpload.vue +2 -3
- package/fileupload/index.mjs +20 -15
- package/fileupload/index.mjs.map +1 -1
- package/floatlabel/index.d.ts +1 -1
- package/galleria/index.mjs +8 -4
- package/galleria/index.mjs.map +1 -1
- package/image/Image.vue +1 -1
- package/image/index.mjs +1 -1
- package/image/index.mjs.map +1 -1
- package/inputchips/index.mjs +2 -1
- package/inputchips/index.mjs.map +1 -1
- package/inputmask/InputMask.vue +3 -3
- package/inputmask/index.d.ts +3 -3
- package/inputmask/index.mjs +3 -3
- package/inputmask/index.mjs.map +1 -1
- package/inputnumber/InputNumber.vue +1 -1
- package/inputnumber/index.mjs +2 -2
- package/inputnumber/index.mjs.map +1 -1
- package/inputtext/index.d.ts +2 -1
- package/listbox/Listbox.vue +1 -0
- package/listbox/index.mjs +35 -30
- package/listbox/index.mjs.map +1 -1
- package/megamenu/index.d.ts +1 -1
- package/megamenu/index.mjs +33 -22
- package/megamenu/index.mjs.map +1 -1
- package/menu/Menu.vue +4 -4
- package/menu/index.d.ts +3 -12
- package/menu/index.mjs +10 -7
- package/menu/index.mjs.map +1 -1
- package/menubar/index.mjs +30 -23
- package/menubar/index.mjs.map +1 -1
- package/metergroup/index.d.ts +1 -1
- package/metergroup/index.mjs +10 -5
- package/metergroup/index.mjs.map +1 -1
- package/multiselect/MultiSelect.vue +4 -1
- package/multiselect/index.d.ts +1 -1
- package/multiselect/index.mjs +59 -52
- package/multiselect/index.mjs.map +1 -1
- package/organizationchart/OrganizationChartNode.vue +1 -1
- package/organizationchart/index.mjs +6 -3
- package/organizationchart/index.mjs.map +1 -1
- package/organizationchart/style/index.mjs +11 -6
- package/organizationchart/style/index.mjs.map +1 -1
- package/package.json +6 -6
- package/paginator/index.mjs +10 -4
- package/paginator/index.mjs.map +1 -1
- package/panel/Panel.vue +2 -2
- package/panel/index.mjs +2 -2
- package/panel/index.mjs.map +1 -1
- package/panelmenu/index.mjs +45 -24
- package/panelmenu/index.mjs.map +1 -1
- package/password/Password.vue +8 -3
- package/password/index.d.ts +1 -1
- package/password/index.mjs +18 -9
- package/password/index.mjs.map +1 -1
- package/rating/index.mjs +10 -5
- package/rating/index.mjs.map +1 -1
- package/select/Select.vue +21 -3
- package/select/index.mjs +66 -42
- package/select/index.mjs.map +1 -1
- package/selectbutton/index.d.ts +0 -24
- package/speeddial/index.mjs +6 -3
- package/speeddial/index.mjs.map +1 -1
- package/splitter/Splitter.vue +2 -2
- package/splitter/index.d.ts +1 -1
- package/splitter/index.mjs +5 -3
- package/splitter/index.mjs.map +1 -1
- package/splitter/style/index.mjs +1 -13
- package/splitter/style/index.mjs.map +1 -1
- package/step/Step.vue +2 -2
- package/step/index.mjs +2 -2
- package/step/index.mjs.map +1 -1
- package/steppanel/StepPanel.vue +2 -2
- package/steppanel/index.mjs +2 -2
- package/steppanel/index.mjs.map +1 -1
- package/steps/index.mjs +8 -4
- package/steps/index.mjs.map +1 -1
- package/tabmenu/index.mjs +8 -2
- package/tabmenu/index.mjs.map +1 -1
- package/tabview/index.mjs +8 -4
- package/tabview/index.mjs.map +1 -1
- package/terminal/index.mjs +8 -4
- package/terminal/index.mjs.map +1 -1
- package/textarea/index.d.ts +2 -1
- package/tieredmenu/index.mjs +30 -21
- package/tieredmenu/index.mjs.map +1 -1
- package/timeline/index.mjs +12 -6
- package/timeline/index.mjs.map +1 -1
- package/toast/ToastMessage.vue +1 -1
- package/toast/index.mjs +1 -1
- package/toast/index.mjs.map +1 -1
- package/toggleswitch/style/index.d.ts +1 -5
- package/tooltip/index.mjs +25 -14
- package/tooltip/index.mjs.map +1 -1
- package/treeselect/TreeSelect.vue +3 -0
- package/treeselect/index.mjs +5 -1
- package/treeselect/index.mjs.map +1 -1
- package/treetable/index.mjs +2 -1
- package/treetable/index.mjs.map +1 -1
- package/umd/primevue.min.js +12213 -1
- package/virtualscroller/VirtualScroller.vue +4 -1
- package/virtualscroller/index.mjs +21 -19
- package/virtualscroller/index.mjs.map +1 -1
- package/web-types.json +1 -1
package/image/Image.vue
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<button v-if="preview" ref="previewButton" :aria-label="zoomImageAriaLabel" type="button" :class="cx('previewMask')" @click="onImageClick" v-bind="{ ...previewButtonProps, ...ptm('previewMask') }">
|
|
7
7
|
<!-- TODO: indicator* deprecated since v4.0-->
|
|
8
8
|
<slot :name="$slots.previewicon ? 'previewicon' : 'indicatoricon'">
|
|
9
|
-
<component :is="previewIcon || indicatorIcon ? 'i' : 'EyeIcon'" :class="cx('previewIcon')" v-bind="ptm('previewIcon')" />
|
|
9
|
+
<component :is="previewIcon || indicatorIcon ? 'i' : 'EyeIcon'" :class="[cx('previewIcon'), previewIcon]" v-bind="ptm('previewIcon')" />
|
|
10
10
|
</slot>
|
|
11
11
|
</button>
|
|
12
12
|
<Portal>
|
package/image/index.mjs
CHANGED
|
@@ -274,7 +274,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
274
274
|
})
|
|
275
275
|
}, _objectSpread(_objectSpread({}, _ctx.previewButtonProps), _ctx.ptm('previewMask'))), [renderSlot(_ctx.$slots, _ctx.$slots.previewicon ? 'previewicon' : 'indicatoricon', {}, function () {
|
|
276
276
|
return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.previewIcon || _ctx.indicatorIcon ? 'i' : 'EyeIcon'), mergeProps({
|
|
277
|
-
"class": _ctx.cx('previewIcon')
|
|
277
|
+
"class": [_ctx.cx('previewIcon'), _ctx.previewIcon]
|
|
278
278
|
}, _ctx.ptm('previewIcon')), null, 16, ["class"]))];
|
|
279
279
|
})], 16, _hoisted_1)) : createCommentVNode("", true), createVNode(_component_Portal, null, {
|
|
280
280
|
"default": withCtx(function () {
|
package/image/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/image/BaseImage.vue","../../src/image/Image.vue","../../src/image/Image.vue?vue&type=template&id=50a8cb3f&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ImageStyle from 'primevue/image/style';\n\nexport default {\n name: 'BaseImage',\n extends: BaseComponent,\n props: {\n preview: {\n type: Boolean,\n default: false\n },\n class: {\n type: null,\n default: null\n },\n style: {\n type: null,\n default: null\n },\n imageStyle: {\n type: null,\n default: null\n },\n imageClass: {\n type: null,\n default: null\n },\n previewButtonProps: {\n type: null,\n default: null\n },\n indicatorIcon: {\n type: String,\n default: undefined\n },\n previewIcon: {\n type: String,\n default: undefined\n },\n zoomInDisabled: {\n type: Boolean,\n default: false\n },\n zoomOutDisabled: {\n type: Boolean,\n default: false\n }\n },\n style: ImageStyle,\n provide() {\n return {\n $pcImage: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <span :class=\"containerClass\" :style=\"style\" v-bind=\"ptmi('root')\">\n <slot name=\"image\" :errorCallback=\"onError\">\n <img :style=\"imageStyle\" :class=\"imageClass\" @error=\"onError\" v-bind=\"{ ...$attrs, ...ptm('image') }\" />\n </slot>\n <button v-if=\"preview\" ref=\"previewButton\" :aria-label=\"zoomImageAriaLabel\" type=\"button\" :class=\"cx('previewMask')\" @click=\"onImageClick\" v-bind=\"{ ...previewButtonProps, ...ptm('previewMask') }\">\n <!-- TODO: indicator* deprecated since v4.0-->\n <slot :name=\"$slots.previewicon ? 'previewicon' : 'indicatoricon'\">\n <component :is=\"previewIcon || indicatorIcon ? 'i' : 'EyeIcon'\" :class=\"cx('previewIcon')\" v-bind=\"ptm('previewIcon')\" />\n </slot>\n </button>\n <Portal>\n <div v-if=\"maskVisible\" :ref=\"maskRef\" v-focustrap role=\"dialog\" :class=\"cx('mask')\" :aria-modal=\"maskVisible\" @click=\"onMaskClick\" @keydown=\"onMaskKeydown\" v-bind=\"ptm('mask')\">\n <div :class=\"cx('toolbar')\" v-bind=\"ptm('toolbar')\">\n <button :class=\"cx('rotateRightButton')\" @click=\"rotateRight\" type=\"button\" :aria-label=\"rightAriaLabel\" v-bind=\"ptm('rotateRightButton')\" data-pc-group-section=\"action\">\n <slot name=\"refresh\">\n <RefreshIcon v-bind=\"ptm('rotateRightIcon')\" />\n </slot>\n </button>\n\n <button :class=\"cx('rotateLeftButton')\" @click=\"rotateLeft\" type=\"button\" :aria-label=\"leftAriaLabel\" v-bind=\"ptm('rotateLeftButton')\" data-pc-group-section=\"action\">\n <slot name=\"undo\">\n <UndoIcon v-bind=\"ptm('rotateLeftIcon')\" />\n </slot>\n </button>\n\n <button :class=\"cx('zoomOutButton')\" @click=\"zoomOut\" type=\"button\" :disabled=\"isZoomOutDisabled\" :aria-label=\"zoomOutAriaLabel\" v-bind=\"ptm('zoomOutButton')\" data-pc-group-section=\"action\">\n <slot name=\"zoomout\">\n <SearchMinusIcon v-bind=\"ptm('zoomOutIcon')\" />\n </slot>\n </button>\n\n <button :class=\"cx('zoomInButton')\" @click=\"zoomIn\" type=\"button\" :disabled=\"isZoomInDisabled\" :aria-label=\"zoomInAriaLabel\" v-bind=\"ptm('zoomInButton')\" data-pc-group-section=\"action\">\n <slot name=\"zoomin\">\n <SearchPlusIcon v-bind=\"ptm('zoomInIcon')\" />\n </slot>\n </button>\n\n <button :class=\"cx('closeButton')\" type=\"button\" @click=\"hidePreview\" :aria-label=\"closeAriaLabel\" autofocus v-bind=\"ptm('closeButton')\" data-pc-group-section=\"action\">\n <slot name=\"close\">\n <TimesIcon v-bind=\"ptm('closeIcon')\" />\n </slot>\n </button>\n </div>\n <transition name=\"p-image-original\" @before-enter=\"onBeforeEnter\" @enter=\"onEnter\" @leave=\"onLeave\" @before-leave=\"onBeforeLeave\" @after-leave=\"onAfterLeave\" v-bind=\"ptm('transition')\">\n <div v-if=\"previewVisible\" v-bind=\"ptm('originalContainer')\">\n <!-- TODO: preview deprecated since v4.0-->\n <slot :name=\"$slots.original ? 'original' : 'preview'\" :class=\"cx('original')\" :style=\"imagePreviewStyle\" :previewCallback=\"onPreviewImageClick\">\n <img :src=\"$attrs.src\" :class=\"cx('original')\" :style=\"imagePreviewStyle\" @click=\"onPreviewImageClick\" v-bind=\"ptm('original')\" />\n </slot>\n </div>\n </transition>\n </div>\n </Portal>\n </span>\n</template>\n\n<script>\nimport { addClass, focus, isAttributeEquals } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport EyeIcon from '@primevue/icons/eye';\nimport RefreshIcon from '@primevue/icons/refresh';\nimport SearchMinusIcon from '@primevue/icons/searchminus';\nimport SearchPlusIcon from '@primevue/icons/searchplus';\nimport TimesIcon from '@primevue/icons/times';\nimport UndoIcon from '@primevue/icons/undo';\nimport FocusTrap from 'primevue/focustrap';\nimport Portal from 'primevue/portal';\nimport { blockBodyScroll, unblockBodyScroll } from 'primevue/utils';\nimport BaseImage from './BaseImage.vue';\n\nexport default {\n name: 'Image',\n extends: BaseImage,\n inheritAttrs: false,\n emits: ['show', 'hide', 'error'],\n mask: null,\n data() {\n return {\n maskVisible: false,\n previewVisible: false,\n rotate: 0,\n scale: 1\n };\n },\n beforeUnmount() {\n if (this.mask) {\n ZIndex.clear(this.container);\n }\n },\n methods: {\n maskRef(el) {\n this.mask = el;\n },\n toolbarRef(el) {\n this.toolbarRef = el;\n },\n onImageClick() {\n if (this.preview) {\n blockBodyScroll();\n this.maskVisible = true;\n setTimeout(() => {\n this.previewVisible = true;\n }, 25);\n }\n },\n onPreviewImageClick() {\n this.previewClick = true;\n },\n onMaskClick(event) {\n const isBarActionsClicked = isAttributeEquals(event.target, 'data-pc-section-group', 'action') || event.target.closest('[data-pc-section-group=\"action\"]');\n\n if (!this.previewClick && !isBarActionsClicked) {\n this.previewVisible = false;\n this.rotate = 0;\n this.scale = 1;\n }\n\n this.previewClick = false;\n },\n onMaskKeydown(event) {\n switch (event.code) {\n case 'Escape':\n this.hidePreview();\n setTimeout(() => {\n focus(this.$refs.previewButton);\n }, 200);\n event.preventDefault();\n\n break;\n\n default:\n break;\n }\n },\n onError() {\n this.$emit('error');\n },\n rotateRight() {\n this.rotate += 90;\n this.previewClick = true;\n },\n rotateLeft() {\n this.rotate -= 90;\n this.previewClick = true;\n },\n zoomIn() {\n this.scale = this.scale + 0.1;\n this.previewClick = true;\n },\n zoomOut() {\n this.scale = this.scale - 0.1;\n this.previewClick = true;\n },\n onBeforeEnter() {\n ZIndex.set('modal', this.mask, this.$primevue.config.zIndex.modal);\n },\n onEnter() {\n this.focus();\n this.$emit('show');\n },\n onBeforeLeave() {\n !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave');\n },\n onLeave() {\n unblockBodyScroll();\n this.$emit('hide');\n },\n onAfterLeave(el) {\n ZIndex.clear(el);\n this.maskVisible = false;\n },\n focus() {\n let focusTarget = this.mask.querySelector('[autofocus]');\n\n if (focusTarget) {\n focusTarget.focus();\n }\n },\n hidePreview() {\n this.previewVisible = false;\n this.rotate = 0;\n this.scale = 1;\n unblockBodyScroll();\n }\n },\n computed: {\n containerClass() {\n return [this.cx('root'), this.class];\n },\n rotateClass() {\n return 'p-image-preview-rotate-' + this.rotate;\n },\n imagePreviewStyle() {\n return { transform: 'rotate(' + this.rotate + 'deg) scale(' + this.scale + ')' };\n },\n isZoomInDisabled() {\n return this.zoomInDisabled || this.scale >= 1.5;\n },\n isZoomOutDisabled() {\n return this.zoomOutDisabled || this.scale <= 0.5;\n },\n rightAriaLabel() {\n return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.rotateRight : undefined;\n },\n leftAriaLabel() {\n return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.rotateLeft : undefined;\n },\n zoomInAriaLabel() {\n return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomIn : undefined;\n },\n zoomOutAriaLabel() {\n return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomOut : undefined;\n },\n zoomImageAriaLabel() {\n return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomImage : undefined;\n },\n closeAriaLabel() {\n return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n }\n },\n components: {\n Portal: Portal,\n EyeIcon: EyeIcon,\n RefreshIcon: RefreshIcon,\n UndoIcon: UndoIcon,\n SearchMinusIcon: SearchMinusIcon,\n SearchPlusIcon: SearchPlusIcon,\n TimesIcon: TimesIcon\n },\n directives: {\n focustrap: FocusTrap\n }\n};\n</script>\n","<template>\n <span :class=\"containerClass\" :style=\"style\" v-bind=\"ptmi('root')\">\n <slot name=\"image\" :errorCallback=\"onError\">\n <img :style=\"imageStyle\" :class=\"imageClass\" @error=\"onError\" v-bind=\"{ ...$attrs, ...ptm('image') }\" />\n </slot>\n <button v-if=\"preview\" ref=\"previewButton\" :aria-label=\"zoomImageAriaLabel\" type=\"button\" :class=\"cx('previewMask')\" @click=\"onImageClick\" v-bind=\"{ ...previewButtonProps, ...ptm('previewMask') }\">\n <!-- TODO: indicator* deprecated since v4.0-->\n <slot :name=\"$slots.previewicon ? 'previewicon' : 'indicatoricon'\">\n <component :is=\"previewIcon || indicatorIcon ? 'i' : 'EyeIcon'\" :class=\"cx('previewIcon')\" v-bind=\"ptm('previewIcon')\" />\n </slot>\n </button>\n <Portal>\n <div v-if=\"maskVisible\" :ref=\"maskRef\" v-focustrap role=\"dialog\" :class=\"cx('mask')\" :aria-modal=\"maskVisible\" @click=\"onMaskClick\" @keydown=\"onMaskKeydown\" v-bind=\"ptm('mask')\">\n <div :class=\"cx('toolbar')\" v-bind=\"ptm('toolbar')\">\n <button :class=\"cx('rotateRightButton')\" @click=\"rotateRight\" type=\"button\" :aria-label=\"rightAriaLabel\" v-bind=\"ptm('rotateRightButton')\" data-pc-group-section=\"action\">\n <slot name=\"refresh\">\n <RefreshIcon v-bind=\"ptm('rotateRightIcon')\" />\n </slot>\n </button>\n\n <button :class=\"cx('rotateLeftButton')\" @click=\"rotateLeft\" type=\"button\" :aria-label=\"leftAriaLabel\" v-bind=\"ptm('rotateLeftButton')\" data-pc-group-section=\"action\">\n <slot name=\"undo\">\n <UndoIcon v-bind=\"ptm('rotateLeftIcon')\" />\n </slot>\n </button>\n\n <button :class=\"cx('zoomOutButton')\" @click=\"zoomOut\" type=\"button\" :disabled=\"isZoomOutDisabled\" :aria-label=\"zoomOutAriaLabel\" v-bind=\"ptm('zoomOutButton')\" data-pc-group-section=\"action\">\n <slot name=\"zoomout\">\n <SearchMinusIcon v-bind=\"ptm('zoomOutIcon')\" />\n </slot>\n </button>\n\n <button :class=\"cx('zoomInButton')\" @click=\"zoomIn\" type=\"button\" :disabled=\"isZoomInDisabled\" :aria-label=\"zoomInAriaLabel\" v-bind=\"ptm('zoomInButton')\" data-pc-group-section=\"action\">\n <slot name=\"zoomin\">\n <SearchPlusIcon v-bind=\"ptm('zoomInIcon')\" />\n </slot>\n </button>\n\n <button :class=\"cx('closeButton')\" type=\"button\" @click=\"hidePreview\" :aria-label=\"closeAriaLabel\" autofocus v-bind=\"ptm('closeButton')\" data-pc-group-section=\"action\">\n <slot name=\"close\">\n <TimesIcon v-bind=\"ptm('closeIcon')\" />\n </slot>\n </button>\n </div>\n <transition name=\"p-image-original\" @before-enter=\"onBeforeEnter\" @enter=\"onEnter\" @leave=\"onLeave\" @before-leave=\"onBeforeLeave\" @after-leave=\"onAfterLeave\" v-bind=\"ptm('transition')\">\n <div v-if=\"previewVisible\" v-bind=\"ptm('originalContainer')\">\n <!-- TODO: preview deprecated since v4.0-->\n <slot :name=\"$slots.original ? 'original' : 'preview'\" :class=\"cx('original')\" :style=\"imagePreviewStyle\" :previewCallback=\"onPreviewImageClick\">\n <img :src=\"$attrs.src\" :class=\"cx('original')\" :style=\"imagePreviewStyle\" @click=\"onPreviewImageClick\" v-bind=\"ptm('original')\" />\n </slot>\n </div>\n </transition>\n </div>\n </Portal>\n </span>\n</template>\n\n<script>\nimport { addClass, focus, isAttributeEquals } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport EyeIcon from '@primevue/icons/eye';\nimport RefreshIcon from '@primevue/icons/refresh';\nimport SearchMinusIcon from '@primevue/icons/searchminus';\nimport SearchPlusIcon from '@primevue/icons/searchplus';\nimport TimesIcon from '@primevue/icons/times';\nimport UndoIcon from '@primevue/icons/undo';\nimport FocusTrap from 'primevue/focustrap';\nimport Portal from 'primevue/portal';\nimport { blockBodyScroll, unblockBodyScroll } from 'primevue/utils';\nimport BaseImage from './BaseImage.vue';\n\nexport default {\n name: 'Image',\n extends: BaseImage,\n inheritAttrs: false,\n emits: ['show', 'hide', 'error'],\n mask: null,\n data() {\n return {\n maskVisible: false,\n previewVisible: false,\n rotate: 0,\n scale: 1\n };\n },\n beforeUnmount() {\n if (this.mask) {\n ZIndex.clear(this.container);\n }\n },\n methods: {\n maskRef(el) {\n this.mask = el;\n },\n toolbarRef(el) {\n this.toolbarRef = el;\n },\n onImageClick() {\n if (this.preview) {\n blockBodyScroll();\n this.maskVisible = true;\n setTimeout(() => {\n this.previewVisible = true;\n }, 25);\n }\n },\n onPreviewImageClick() {\n this.previewClick = true;\n },\n onMaskClick(event) {\n const isBarActionsClicked = isAttributeEquals(event.target, 'data-pc-section-group', 'action') || event.target.closest('[data-pc-section-group=\"action\"]');\n\n if (!this.previewClick && !isBarActionsClicked) {\n this.previewVisible = false;\n this.rotate = 0;\n this.scale = 1;\n }\n\n this.previewClick = false;\n },\n onMaskKeydown(event) {\n switch (event.code) {\n case 'Escape':\n this.hidePreview();\n setTimeout(() => {\n focus(this.$refs.previewButton);\n }, 200);\n event.preventDefault();\n\n break;\n\n default:\n break;\n }\n },\n onError() {\n this.$emit('error');\n },\n rotateRight() {\n this.rotate += 90;\n this.previewClick = true;\n },\n rotateLeft() {\n this.rotate -= 90;\n this.previewClick = true;\n },\n zoomIn() {\n this.scale = this.scale + 0.1;\n this.previewClick = true;\n },\n zoomOut() {\n this.scale = this.scale - 0.1;\n this.previewClick = true;\n },\n onBeforeEnter() {\n ZIndex.set('modal', this.mask, this.$primevue.config.zIndex.modal);\n },\n onEnter() {\n this.focus();\n this.$emit('show');\n },\n onBeforeLeave() {\n !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave');\n },\n onLeave() {\n unblockBodyScroll();\n this.$emit('hide');\n },\n onAfterLeave(el) {\n ZIndex.clear(el);\n this.maskVisible = false;\n },\n focus() {\n let focusTarget = this.mask.querySelector('[autofocus]');\n\n if (focusTarget) {\n focusTarget.focus();\n }\n },\n hidePreview() {\n this.previewVisible = false;\n this.rotate = 0;\n this.scale = 1;\n unblockBodyScroll();\n }\n },\n computed: {\n containerClass() {\n return [this.cx('root'), this.class];\n },\n rotateClass() {\n return 'p-image-preview-rotate-' + this.rotate;\n },\n imagePreviewStyle() {\n return { transform: 'rotate(' + this.rotate + 'deg) scale(' + this.scale + ')' };\n },\n isZoomInDisabled() {\n return this.zoomInDisabled || this.scale >= 1.5;\n },\n isZoomOutDisabled() {\n return this.zoomOutDisabled || this.scale <= 0.5;\n },\n rightAriaLabel() {\n return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.rotateRight : undefined;\n },\n leftAriaLabel() {\n return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.rotateLeft : undefined;\n },\n zoomInAriaLabel() {\n return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomIn : undefined;\n },\n zoomOutAriaLabel() {\n return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomOut : undefined;\n },\n zoomImageAriaLabel() {\n return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomImage : undefined;\n },\n closeAriaLabel() {\n return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n }\n },\n components: {\n Portal: Portal,\n EyeIcon: EyeIcon,\n RefreshIcon: RefreshIcon,\n UndoIcon: UndoIcon,\n SearchMinusIcon: SearchMinusIcon,\n SearchPlusIcon: SearchPlusIcon,\n TimesIcon: TimesIcon\n },\n directives: {\n focustrap: FocusTrap\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","preview","type","Boolean","style","imageStyle","imageClass","previewButtonProps","indicatorIcon","String","undefined","previewIcon","zoomInDisabled","zoomOutDisabled","ImageStyle","provide","$pcImage","$parentInstance","BaseImage","inheritAttrs","emits","mask","data","maskVisible","previewVisible","rotate","scale","beforeUnmount","ZIndex","clear","container","methods","maskRef","el","toolbarRef","onImageClick","_this","blockBodyScroll","setTimeout","onPreviewImageClick","previewClick","onMaskClick","event","isBarActionsClicked","isAttributeEquals","target","closest","onMaskKeydown","_this2","code","hidePreview","focus","$refs","previewButton","preventDefault","onError","$emit","rotateRight","rotateLeft","zoomIn","zoomOut","onBeforeEnter","set","$primevue","config","zIndex","modal","onEnter","onBeforeLeave","isUnstyled","addClass","onLeave","unblockBodyScroll","onAfterLeave","focusTarget","querySelector","computed","containerClass","cx","rotateClass","imagePreviewStyle","transform","isZoomInDisabled","isZoomOutDisabled","rightAriaLabel","locale","aria","leftAriaLabel","zoomInAriaLabel","zoomOutAriaLabel","zoomImageAriaLabel","zoomImage","closeAriaLabel","close","components","Portal","EyeIcon","RefreshIcon","UndoIcon","SearchMinusIcon","SearchPlusIcon","TimesIcon","directives","focustrap","FocusTrap","_openBlock","_createElementBlock","_mergeProps","$options","_ctx","ptmi","_renderSlot","$slots","errorCallback","_createElementVNode","apply","arguments","_objectSpread","$attrs","ptm","ref","onClick","previewicon","_createBlock","_resolveDynamicComponent","_createVNode","_component_Portal","$data","_withDirectives","role","onKeydown","_component_RefreshIcon","_component_UndoIcon","disabled","_component_SearchMinusIcon","_component_SearchPlusIcon","autofocus","_component_TimesIcon","_Transition","original","previewCallback","src","_hoisted_8"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/image/BaseImage.vue","../../src/image/Image.vue","../../src/image/Image.vue?vue&type=template&id=16c5f758&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ImageStyle from 'primevue/image/style';\n\nexport default {\n name: 'BaseImage',\n extends: BaseComponent,\n props: {\n preview: {\n type: Boolean,\n default: false\n },\n class: {\n type: null,\n default: null\n },\n style: {\n type: null,\n default: null\n },\n imageStyle: {\n type: null,\n default: null\n },\n imageClass: {\n type: null,\n default: null\n },\n previewButtonProps: {\n type: null,\n default: null\n },\n indicatorIcon: {\n type: String,\n default: undefined\n },\n previewIcon: {\n type: String,\n default: undefined\n },\n zoomInDisabled: {\n type: Boolean,\n default: false\n },\n zoomOutDisabled: {\n type: Boolean,\n default: false\n }\n },\n style: ImageStyle,\n provide() {\n return {\n $pcImage: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <span :class=\"containerClass\" :style=\"style\" v-bind=\"ptmi('root')\">\n <slot name=\"image\" :errorCallback=\"onError\">\n <img :style=\"imageStyle\" :class=\"imageClass\" @error=\"onError\" v-bind=\"{ ...$attrs, ...ptm('image') }\" />\n </slot>\n <button v-if=\"preview\" ref=\"previewButton\" :aria-label=\"zoomImageAriaLabel\" type=\"button\" :class=\"cx('previewMask')\" @click=\"onImageClick\" v-bind=\"{ ...previewButtonProps, ...ptm('previewMask') }\">\n <!-- TODO: indicator* deprecated since v4.0-->\n <slot :name=\"$slots.previewicon ? 'previewicon' : 'indicatoricon'\">\n <component :is=\"previewIcon || indicatorIcon ? 'i' : 'EyeIcon'\" :class=\"[cx('previewIcon'), previewIcon]\" v-bind=\"ptm('previewIcon')\" />\n </slot>\n </button>\n <Portal>\n <div v-if=\"maskVisible\" :ref=\"maskRef\" v-focustrap role=\"dialog\" :class=\"cx('mask')\" :aria-modal=\"maskVisible\" @click=\"onMaskClick\" @keydown=\"onMaskKeydown\" v-bind=\"ptm('mask')\">\n <div :class=\"cx('toolbar')\" v-bind=\"ptm('toolbar')\">\n <button :class=\"cx('rotateRightButton')\" @click=\"rotateRight\" type=\"button\" :aria-label=\"rightAriaLabel\" v-bind=\"ptm('rotateRightButton')\" data-pc-group-section=\"action\">\n <slot name=\"refresh\">\n <RefreshIcon v-bind=\"ptm('rotateRightIcon')\" />\n </slot>\n </button>\n\n <button :class=\"cx('rotateLeftButton')\" @click=\"rotateLeft\" type=\"button\" :aria-label=\"leftAriaLabel\" v-bind=\"ptm('rotateLeftButton')\" data-pc-group-section=\"action\">\n <slot name=\"undo\">\n <UndoIcon v-bind=\"ptm('rotateLeftIcon')\" />\n </slot>\n </button>\n\n <button :class=\"cx('zoomOutButton')\" @click=\"zoomOut\" type=\"button\" :disabled=\"isZoomOutDisabled\" :aria-label=\"zoomOutAriaLabel\" v-bind=\"ptm('zoomOutButton')\" data-pc-group-section=\"action\">\n <slot name=\"zoomout\">\n <SearchMinusIcon v-bind=\"ptm('zoomOutIcon')\" />\n </slot>\n </button>\n\n <button :class=\"cx('zoomInButton')\" @click=\"zoomIn\" type=\"button\" :disabled=\"isZoomInDisabled\" :aria-label=\"zoomInAriaLabel\" v-bind=\"ptm('zoomInButton')\" data-pc-group-section=\"action\">\n <slot name=\"zoomin\">\n <SearchPlusIcon v-bind=\"ptm('zoomInIcon')\" />\n </slot>\n </button>\n\n <button :class=\"cx('closeButton')\" type=\"button\" @click=\"hidePreview\" :aria-label=\"closeAriaLabel\" autofocus v-bind=\"ptm('closeButton')\" data-pc-group-section=\"action\">\n <slot name=\"close\">\n <TimesIcon v-bind=\"ptm('closeIcon')\" />\n </slot>\n </button>\n </div>\n <transition name=\"p-image-original\" @before-enter=\"onBeforeEnter\" @enter=\"onEnter\" @leave=\"onLeave\" @before-leave=\"onBeforeLeave\" @after-leave=\"onAfterLeave\" v-bind=\"ptm('transition')\">\n <div v-if=\"previewVisible\" v-bind=\"ptm('originalContainer')\">\n <!-- TODO: preview deprecated since v4.0-->\n <slot :name=\"$slots.original ? 'original' : 'preview'\" :class=\"cx('original')\" :style=\"imagePreviewStyle\" :previewCallback=\"onPreviewImageClick\">\n <img :src=\"$attrs.src\" :class=\"cx('original')\" :style=\"imagePreviewStyle\" @click=\"onPreviewImageClick\" v-bind=\"ptm('original')\" />\n </slot>\n </div>\n </transition>\n </div>\n </Portal>\n </span>\n</template>\n\n<script>\nimport { addClass, focus, isAttributeEquals } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport EyeIcon from '@primevue/icons/eye';\nimport RefreshIcon from '@primevue/icons/refresh';\nimport SearchMinusIcon from '@primevue/icons/searchminus';\nimport SearchPlusIcon from '@primevue/icons/searchplus';\nimport TimesIcon from '@primevue/icons/times';\nimport UndoIcon from '@primevue/icons/undo';\nimport FocusTrap from 'primevue/focustrap';\nimport Portal from 'primevue/portal';\nimport { blockBodyScroll, unblockBodyScroll } from 'primevue/utils';\nimport BaseImage from './BaseImage.vue';\n\nexport default {\n name: 'Image',\n extends: BaseImage,\n inheritAttrs: false,\n emits: ['show', 'hide', 'error'],\n mask: null,\n data() {\n return {\n maskVisible: false,\n previewVisible: false,\n rotate: 0,\n scale: 1\n };\n },\n beforeUnmount() {\n if (this.mask) {\n ZIndex.clear(this.container);\n }\n },\n methods: {\n maskRef(el) {\n this.mask = el;\n },\n toolbarRef(el) {\n this.toolbarRef = el;\n },\n onImageClick() {\n if (this.preview) {\n blockBodyScroll();\n this.maskVisible = true;\n setTimeout(() => {\n this.previewVisible = true;\n }, 25);\n }\n },\n onPreviewImageClick() {\n this.previewClick = true;\n },\n onMaskClick(event) {\n const isBarActionsClicked = isAttributeEquals(event.target, 'data-pc-section-group', 'action') || event.target.closest('[data-pc-section-group=\"action\"]');\n\n if (!this.previewClick && !isBarActionsClicked) {\n this.previewVisible = false;\n this.rotate = 0;\n this.scale = 1;\n }\n\n this.previewClick = false;\n },\n onMaskKeydown(event) {\n switch (event.code) {\n case 'Escape':\n this.hidePreview();\n setTimeout(() => {\n focus(this.$refs.previewButton);\n }, 200);\n event.preventDefault();\n\n break;\n\n default:\n break;\n }\n },\n onError() {\n this.$emit('error');\n },\n rotateRight() {\n this.rotate += 90;\n this.previewClick = true;\n },\n rotateLeft() {\n this.rotate -= 90;\n this.previewClick = true;\n },\n zoomIn() {\n this.scale = this.scale + 0.1;\n this.previewClick = true;\n },\n zoomOut() {\n this.scale = this.scale - 0.1;\n this.previewClick = true;\n },\n onBeforeEnter() {\n ZIndex.set('modal', this.mask, this.$primevue.config.zIndex.modal);\n },\n onEnter() {\n this.focus();\n this.$emit('show');\n },\n onBeforeLeave() {\n !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave');\n },\n onLeave() {\n unblockBodyScroll();\n this.$emit('hide');\n },\n onAfterLeave(el) {\n ZIndex.clear(el);\n this.maskVisible = false;\n },\n focus() {\n let focusTarget = this.mask.querySelector('[autofocus]');\n\n if (focusTarget) {\n focusTarget.focus();\n }\n },\n hidePreview() {\n this.previewVisible = false;\n this.rotate = 0;\n this.scale = 1;\n unblockBodyScroll();\n }\n },\n computed: {\n containerClass() {\n return [this.cx('root'), this.class];\n },\n rotateClass() {\n return 'p-image-preview-rotate-' + this.rotate;\n },\n imagePreviewStyle() {\n return { transform: 'rotate(' + this.rotate + 'deg) scale(' + this.scale + ')' };\n },\n isZoomInDisabled() {\n return this.zoomInDisabled || this.scale >= 1.5;\n },\n isZoomOutDisabled() {\n return this.zoomOutDisabled || this.scale <= 0.5;\n },\n rightAriaLabel() {\n return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.rotateRight : undefined;\n },\n leftAriaLabel() {\n return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.rotateLeft : undefined;\n },\n zoomInAriaLabel() {\n return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomIn : undefined;\n },\n zoomOutAriaLabel() {\n return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomOut : undefined;\n },\n zoomImageAriaLabel() {\n return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomImage : undefined;\n },\n closeAriaLabel() {\n return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n }\n },\n components: {\n Portal: Portal,\n EyeIcon: EyeIcon,\n RefreshIcon: RefreshIcon,\n UndoIcon: UndoIcon,\n SearchMinusIcon: SearchMinusIcon,\n SearchPlusIcon: SearchPlusIcon,\n TimesIcon: TimesIcon\n },\n directives: {\n focustrap: FocusTrap\n }\n};\n</script>\n","<template>\n <span :class=\"containerClass\" :style=\"style\" v-bind=\"ptmi('root')\">\n <slot name=\"image\" :errorCallback=\"onError\">\n <img :style=\"imageStyle\" :class=\"imageClass\" @error=\"onError\" v-bind=\"{ ...$attrs, ...ptm('image') }\" />\n </slot>\n <button v-if=\"preview\" ref=\"previewButton\" :aria-label=\"zoomImageAriaLabel\" type=\"button\" :class=\"cx('previewMask')\" @click=\"onImageClick\" v-bind=\"{ ...previewButtonProps, ...ptm('previewMask') }\">\n <!-- TODO: indicator* deprecated since v4.0-->\n <slot :name=\"$slots.previewicon ? 'previewicon' : 'indicatoricon'\">\n <component :is=\"previewIcon || indicatorIcon ? 'i' : 'EyeIcon'\" :class=\"[cx('previewIcon'), previewIcon]\" v-bind=\"ptm('previewIcon')\" />\n </slot>\n </button>\n <Portal>\n <div v-if=\"maskVisible\" :ref=\"maskRef\" v-focustrap role=\"dialog\" :class=\"cx('mask')\" :aria-modal=\"maskVisible\" @click=\"onMaskClick\" @keydown=\"onMaskKeydown\" v-bind=\"ptm('mask')\">\n <div :class=\"cx('toolbar')\" v-bind=\"ptm('toolbar')\">\n <button :class=\"cx('rotateRightButton')\" @click=\"rotateRight\" type=\"button\" :aria-label=\"rightAriaLabel\" v-bind=\"ptm('rotateRightButton')\" data-pc-group-section=\"action\">\n <slot name=\"refresh\">\n <RefreshIcon v-bind=\"ptm('rotateRightIcon')\" />\n </slot>\n </button>\n\n <button :class=\"cx('rotateLeftButton')\" @click=\"rotateLeft\" type=\"button\" :aria-label=\"leftAriaLabel\" v-bind=\"ptm('rotateLeftButton')\" data-pc-group-section=\"action\">\n <slot name=\"undo\">\n <UndoIcon v-bind=\"ptm('rotateLeftIcon')\" />\n </slot>\n </button>\n\n <button :class=\"cx('zoomOutButton')\" @click=\"zoomOut\" type=\"button\" :disabled=\"isZoomOutDisabled\" :aria-label=\"zoomOutAriaLabel\" v-bind=\"ptm('zoomOutButton')\" data-pc-group-section=\"action\">\n <slot name=\"zoomout\">\n <SearchMinusIcon v-bind=\"ptm('zoomOutIcon')\" />\n </slot>\n </button>\n\n <button :class=\"cx('zoomInButton')\" @click=\"zoomIn\" type=\"button\" :disabled=\"isZoomInDisabled\" :aria-label=\"zoomInAriaLabel\" v-bind=\"ptm('zoomInButton')\" data-pc-group-section=\"action\">\n <slot name=\"zoomin\">\n <SearchPlusIcon v-bind=\"ptm('zoomInIcon')\" />\n </slot>\n </button>\n\n <button :class=\"cx('closeButton')\" type=\"button\" @click=\"hidePreview\" :aria-label=\"closeAriaLabel\" autofocus v-bind=\"ptm('closeButton')\" data-pc-group-section=\"action\">\n <slot name=\"close\">\n <TimesIcon v-bind=\"ptm('closeIcon')\" />\n </slot>\n </button>\n </div>\n <transition name=\"p-image-original\" @before-enter=\"onBeforeEnter\" @enter=\"onEnter\" @leave=\"onLeave\" @before-leave=\"onBeforeLeave\" @after-leave=\"onAfterLeave\" v-bind=\"ptm('transition')\">\n <div v-if=\"previewVisible\" v-bind=\"ptm('originalContainer')\">\n <!-- TODO: preview deprecated since v4.0-->\n <slot :name=\"$slots.original ? 'original' : 'preview'\" :class=\"cx('original')\" :style=\"imagePreviewStyle\" :previewCallback=\"onPreviewImageClick\">\n <img :src=\"$attrs.src\" :class=\"cx('original')\" :style=\"imagePreviewStyle\" @click=\"onPreviewImageClick\" v-bind=\"ptm('original')\" />\n </slot>\n </div>\n </transition>\n </div>\n </Portal>\n </span>\n</template>\n\n<script>\nimport { addClass, focus, isAttributeEquals } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport EyeIcon from '@primevue/icons/eye';\nimport RefreshIcon from '@primevue/icons/refresh';\nimport SearchMinusIcon from '@primevue/icons/searchminus';\nimport SearchPlusIcon from '@primevue/icons/searchplus';\nimport TimesIcon from '@primevue/icons/times';\nimport UndoIcon from '@primevue/icons/undo';\nimport FocusTrap from 'primevue/focustrap';\nimport Portal from 'primevue/portal';\nimport { blockBodyScroll, unblockBodyScroll } from 'primevue/utils';\nimport BaseImage from './BaseImage.vue';\n\nexport default {\n name: 'Image',\n extends: BaseImage,\n inheritAttrs: false,\n emits: ['show', 'hide', 'error'],\n mask: null,\n data() {\n return {\n maskVisible: false,\n previewVisible: false,\n rotate: 0,\n scale: 1\n };\n },\n beforeUnmount() {\n if (this.mask) {\n ZIndex.clear(this.container);\n }\n },\n methods: {\n maskRef(el) {\n this.mask = el;\n },\n toolbarRef(el) {\n this.toolbarRef = el;\n },\n onImageClick() {\n if (this.preview) {\n blockBodyScroll();\n this.maskVisible = true;\n setTimeout(() => {\n this.previewVisible = true;\n }, 25);\n }\n },\n onPreviewImageClick() {\n this.previewClick = true;\n },\n onMaskClick(event) {\n const isBarActionsClicked = isAttributeEquals(event.target, 'data-pc-section-group', 'action') || event.target.closest('[data-pc-section-group=\"action\"]');\n\n if (!this.previewClick && !isBarActionsClicked) {\n this.previewVisible = false;\n this.rotate = 0;\n this.scale = 1;\n }\n\n this.previewClick = false;\n },\n onMaskKeydown(event) {\n switch (event.code) {\n case 'Escape':\n this.hidePreview();\n setTimeout(() => {\n focus(this.$refs.previewButton);\n }, 200);\n event.preventDefault();\n\n break;\n\n default:\n break;\n }\n },\n onError() {\n this.$emit('error');\n },\n rotateRight() {\n this.rotate += 90;\n this.previewClick = true;\n },\n rotateLeft() {\n this.rotate -= 90;\n this.previewClick = true;\n },\n zoomIn() {\n this.scale = this.scale + 0.1;\n this.previewClick = true;\n },\n zoomOut() {\n this.scale = this.scale - 0.1;\n this.previewClick = true;\n },\n onBeforeEnter() {\n ZIndex.set('modal', this.mask, this.$primevue.config.zIndex.modal);\n },\n onEnter() {\n this.focus();\n this.$emit('show');\n },\n onBeforeLeave() {\n !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave');\n },\n onLeave() {\n unblockBodyScroll();\n this.$emit('hide');\n },\n onAfterLeave(el) {\n ZIndex.clear(el);\n this.maskVisible = false;\n },\n focus() {\n let focusTarget = this.mask.querySelector('[autofocus]');\n\n if (focusTarget) {\n focusTarget.focus();\n }\n },\n hidePreview() {\n this.previewVisible = false;\n this.rotate = 0;\n this.scale = 1;\n unblockBodyScroll();\n }\n },\n computed: {\n containerClass() {\n return [this.cx('root'), this.class];\n },\n rotateClass() {\n return 'p-image-preview-rotate-' + this.rotate;\n },\n imagePreviewStyle() {\n return { transform: 'rotate(' + this.rotate + 'deg) scale(' + this.scale + ')' };\n },\n isZoomInDisabled() {\n return this.zoomInDisabled || this.scale >= 1.5;\n },\n isZoomOutDisabled() {\n return this.zoomOutDisabled || this.scale <= 0.5;\n },\n rightAriaLabel() {\n return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.rotateRight : undefined;\n },\n leftAriaLabel() {\n return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.rotateLeft : undefined;\n },\n zoomInAriaLabel() {\n return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomIn : undefined;\n },\n zoomOutAriaLabel() {\n return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomOut : undefined;\n },\n zoomImageAriaLabel() {\n return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomImage : undefined;\n },\n closeAriaLabel() {\n return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n }\n },\n components: {\n Portal: Portal,\n EyeIcon: EyeIcon,\n RefreshIcon: RefreshIcon,\n UndoIcon: UndoIcon,\n SearchMinusIcon: SearchMinusIcon,\n SearchPlusIcon: SearchPlusIcon,\n TimesIcon: TimesIcon\n },\n directives: {\n focustrap: FocusTrap\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","preview","type","Boolean","style","imageStyle","imageClass","previewButtonProps","indicatorIcon","String","undefined","previewIcon","zoomInDisabled","zoomOutDisabled","ImageStyle","provide","$pcImage","$parentInstance","BaseImage","inheritAttrs","emits","mask","data","maskVisible","previewVisible","rotate","scale","beforeUnmount","ZIndex","clear","container","methods","maskRef","el","toolbarRef","onImageClick","_this","blockBodyScroll","setTimeout","onPreviewImageClick","previewClick","onMaskClick","event","isBarActionsClicked","isAttributeEquals","target","closest","onMaskKeydown","_this2","code","hidePreview","focus","$refs","previewButton","preventDefault","onError","$emit","rotateRight","rotateLeft","zoomIn","zoomOut","onBeforeEnter","set","$primevue","config","zIndex","modal","onEnter","onBeforeLeave","isUnstyled","addClass","onLeave","unblockBodyScroll","onAfterLeave","focusTarget","querySelector","computed","containerClass","cx","rotateClass","imagePreviewStyle","transform","isZoomInDisabled","isZoomOutDisabled","rightAriaLabel","locale","aria","leftAriaLabel","zoomInAriaLabel","zoomOutAriaLabel","zoomImageAriaLabel","zoomImage","closeAriaLabel","close","components","Portal","EyeIcon","RefreshIcon","UndoIcon","SearchMinusIcon","SearchPlusIcon","TimesIcon","directives","focustrap","FocusTrap","_openBlock","_createElementBlock","_mergeProps","$options","_ctx","ptmi","_renderSlot","$slots","errorCallback","_createElementVNode","apply","arguments","_objectSpread","$attrs","ptm","ref","onClick","previewicon","_createBlock","_resolveDynamicComponent","_createVNode","_component_Portal","$data","_withDirectives","role","onKeydown","_component_RefreshIcon","_component_UndoIcon","disabled","_component_SearchMinusIcon","_component_SearchPlusIcon","autofocus","_component_TimesIcon","_Transition","original","previewCallback","src","_hoisted_8"],"mappings":"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"}
|
package/inputchips/index.mjs
CHANGED
|
@@ -315,7 +315,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
315
315
|
"aria-label": val,
|
|
316
316
|
"aria-selected": true,
|
|
317
317
|
"aria-setsize": _ctx.modelValue.length,
|
|
318
|
-
"aria-posinset": i + 1
|
|
318
|
+
"aria-posinset": i + 1
|
|
319
|
+
}, {
|
|
319
320
|
ref_for: true
|
|
320
321
|
}, _ctx.ptm('chipItem'), {
|
|
321
322
|
"data-p-focused": $data.focusedIndex === i
|
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=f3d6e23a&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 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 inputValue: null,\n focused: false,\n focusedIndex: null\n };\n },\n mounted() {\n console.warn('Deprecated since v4. Use AutoComplete component instead with its typeahead property.');\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 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 inputValue: null,\n focused: false,\n focusedIndex: null\n };\n },\n mounted() {\n console.warn('Deprecated since v4. Use AutoComplete component instead with its typeahead property.');\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","inputValue","focused","focusedIndex","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","$id","components","Chip","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_createElementVNode","ref","tabindex","role","$data","$options","onClick","apply","arguments","onKeydown","ptm","_Fragment","_renderList","i","id","_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=f3d6e23a&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 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 inputValue: null,\n focused: false,\n focusedIndex: null\n };\n },\n mounted() {\n console.warn('Deprecated since v4. Use AutoComplete component instead with its typeahead property.');\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 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 inputValue: null,\n focused: false,\n focusedIndex: null\n };\n },\n mounted() {\n console.warn('Deprecated since v4. Use AutoComplete component instead with its typeahead property.');\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","inputValue","focused","focusedIndex","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","$id","components","Chip","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_createElementVNode","ref","tabindex","role","$data","$options","onClick","apply","arguments","onKeydown","ptm","_Fragment","_renderList","i","id","_renderSlot","$slots","removeCallback","_createVNode","_component_Chip","label","removeIcon","removable","unstyled","onRemove","$event","pt","removeicon","chipicon","_cache","_objectSpread","_hoisted_3"],"mappings":";;;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,gBAAgB;AACtB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAEC,KAAK;MACX,SAAS,EAAA;KACZ;AACDC,IAAAA,GAAG,EAAE;AACDF,MAAAA,IAAI,EAAEG,MAAM;MACZ,SAAS,EAAA;KACZ;AACDC,IAAAA,SAAS,EAAE;AACPJ,MAAAA,IAAI,EAAE,CAACK,MAAM,EAAEC,MAAM,CAAC;MACtB,SAAS,EAAA;KACZ;AACDC,IAAAA,SAAS,EAAE;AACPP,MAAAA,IAAI,EAAEQ,OAAO;MACb,SAAS,EAAA;KACZ;AACDC,IAAAA,cAAc,EAAE;AACZT,MAAAA,IAAI,EAAEQ,OAAO;MACb,SAAS,EAAA;KACZ;AACDE,IAAAA,WAAW,EAAE;AACTV,MAAAA,IAAI,EAAEK,MAAM;MACZ,SAAS,EAAA;KACZ;AACDM,IAAAA,OAAO,EAAE;AACLX,MAAAA,IAAI,EAAEK,MAAM;MACZ,SAAS,EAAA;KACZ;AACDO,IAAAA,OAAO,EAAE;AACLZ,MAAAA,IAAI,EAAEQ,OAAO;MACb,SAAS,EAAA;KACZ;AACDK,IAAAA,QAAQ,EAAE;AACNb,MAAAA,IAAI,EAAEQ,OAAO;MACb,SAAS,EAAA;KACZ;AACDM,IAAAA,OAAO,EAAE;AACLd,MAAAA,IAAI,EAAEK,MAAM;MACZ,SAAS,EAAA;KACZ;AACDU,IAAAA,UAAU,EAAE;AACRf,MAAAA,IAAI,EAAE,CAACK,MAAM,EAAEC,MAAM,CAAC;MACtB,SAAS,EAAA;KACZ;AACDU,IAAAA,UAAU,EAAE;AACRhB,MAAAA,IAAI,EAAEM,MAAM;MACZ,SAAS,EAAA;KACZ;AACDW,IAAAA,UAAU,EAAE;AACRjB,MAAAA,IAAI,EAAE,IAAI;MACV,SAAS,EAAA;KACZ;AACDkB,IAAAA,eAAe,EAAE;AACblB,MAAAA,IAAI,EAAEK,MAAM;MACZ,SAASc,EAAAA;KACZ;AACDC,IAAAA,QAAQ,EAAE;AACNpB,MAAAA,IAAI,EAAEK,MAAM;MACZ,SAASc,EAAAA;KACZ;AACDE,IAAAA,cAAc,EAAE;AACZrB,MAAAA,IAAI,EAAEK,MAAM;MACZ,SAAS,EAAA;KACZ;AACDiB,IAAAA,SAAS,EAAE;AACPtB,MAAAA,IAAI,EAAEK,MAAM;MACZ,SAAS,EAAA;AACb;GACH;AACDkB,EAAAA,KAAK,EAAEC,eAAe;EACtBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,aAAa,EAAE,IAAI;AACnBC,MAAAA,eAAe,EAAE;KACpB;AACL;AACJ,CAAC;;;;;;;;ACnBD,aAAe;AACX/B,EAAAA,IAAI,EAAE,YAAY;AAClB,EAAA,SAAA,EAASgC,QAAc;AACvBC,EAAAA,YAAY,EAAE,KAAK;EACnBC,KAAK,EAAE,CAAC,mBAAmB,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC;EAC9DC,IAAI,EAAA,SAAJA,IAAIA,GAAG;IACH,OAAO;AACHC,MAAAA,UAAU,EAAE,IAAI;AAChBC,MAAAA,OAAO,EAAE,KAAK;AACdC,MAAAA,YAAY,EAAE;KACjB;GACJ;EACDC,OAAO,EAAA,SAAPA,OAAOA,GAAG;AACNC,IAAAA,OAAO,CAACC,IAAI,CAAC,sFAAsF,CAAC;GACvG;AACDC,EAAAA,OAAO,EAAE;IACLC,cAAc,EAAA,SAAdA,cAAcA,GAAG;AACb,MAAA,IAAI,CAACC,KAAK,CAACC,KAAK,CAACC,KAAK,EAAE;KAC3B;AACDC,IAAAA,OAAO,EAAPA,SAAAA,OAAOA,CAACC,KAAK,EAAE;AACX,MAAA,IAAI,CAACZ,aAAaY,KAAK,CAACC,MAAM,CAACC,KAAK;MACpC,IAAI,CAACZ,YAAW,GAAI,IAAI;KAC3B;AACDa,IAAAA,OAAO,EAAPA,SAAAA,OAAOA,CAACH,KAAK,EAAE;MACX,IAAI,CAACX,OAAQ,GAAE,IAAI;MACnB,IAAI,CAACC,YAAW,GAAI,IAAI;AACxB,MAAA,IAAI,CAACc,KAAK,CAAC,OAAO,EAAEJ,KAAK,CAAC;KAC7B;AACDK,IAAAA,MAAM,EAANA,SAAAA,MAAMA,CAACL,KAAK,EAAE;MACV,IAAI,CAACX,UAAU,KAAK;MACpB,IAAI,CAACC,YAAW,GAAI,IAAI;MAExB,IAAI,IAAI,CAAC3B,SAAS,EAAE;AAChB,QAAA,IAAI,CAAC2C,OAAO,CAACN,KAAK,EAAEA,KAAK,CAACC,MAAM,CAACC,KAAK,EAAE,KAAK,CAAC;AAClD;AAEA,MAAA,IAAI,CAACE,KAAK,CAAC,MAAM,EAAEJ,KAAK,CAAC;KAC5B;AACDO,IAAAA,SAAS,EAATA,SAAAA,SAASA,CAACP,KAAK,EAAE;AACb,MAAA,IAAMZ,aAAaY,KAAK,CAACC,MAAM,CAACC,KAAK;MAErC,QAAQF,KAAK,CAACQ,IAAI;AACd,QAAA,KAAK,WAAW;AACZ,UAAA,IAAIpB,UAAU,CAACqB,MAAK,KAAM,CAAE,IAAG,IAAI,CAACtD,UAAW,IAAG,IAAI,CAACA,UAAU,CAACsD,MAAO,GAAE,CAAC,EAAE;AAC1E,YAAA,IAAI,IAAI,CAACnB,YAAa,KAAI,IAAI,EAAE;cAC5B,IAAI,CAACoB,UAAU,CAACV,KAAK,EAAE,IAAI,CAACV,YAAY,CAAC;AAC7C,aAAE,MAAK,IAAI,CAACoB,UAAU,CAACV,KAAK,EAAE,IAAI,CAAC7C,UAAU,CAACsD,MAAK,GAAI,CAAC,CAAC;AAC7D;AAEA,UAAA;AAEJ,QAAA,KAAK,OAAO;AACZ,QAAA,KAAK,aAAa;AACd,UAAA,IAAIrB,UAAS,IAAKA,UAAU,CAACuB,IAAI,EAAE,CAACF,MAAO,IAAG,CAAC,IAAI,CAACG,QAAQ,EAAE;YAC1D,IAAI,CAACN,OAAO,CAACN,KAAK,EAAEZ,UAAU,EAAE,IAAI,CAAC;AACzC;AAEA,UAAA;AAEJ,QAAA,KAAK,WAAW;AACZ,UAAA,IAAIA,UAAU,CAACqB,MAAK,KAAM,CAAE,IAAG,IAAI,CAACtD,UAAW,IAAG,IAAI,CAACA,UAAU,CAACsD,MAAO,GAAE,CAAC,EAAE;AAC1E,YAAA,IAAI,CAACb,KAAK,CAACiB,SAAS,CAACf,KAAK,EAAE;AAChC;AAEA,UAAA;AAEJ,QAAA,KAAK,YAAY;UACbE,KAAK,CAACc,eAAe,EAAE;AACvB,UAAA;AAEJ,QAAA;UACI,IAAI,IAAI,CAACtD,SAAS,EAAE;AAChB,YAAA,IAAI,IAAI,CAACA,SAAQ,KAAMwC,KAAK,CAACe,GAAE,IAAKf,KAAK,CAACe,GAAG,CAACC,KAAK,CAAC,IAAI,CAACxD,SAAS,CAAC,EAAE;cACjE,IAAI,CAAC8C,OAAO,CAACN,KAAK,EAAEZ,UAAU,EAAE,IAAI,CAAC;AACzC;AACJ;AAEA,UAAA;AACR;KACH;AACD6B,IAAAA,OAAO,EAAPA,SAAAA,OAAOA,CAACjB,KAAK,EAAE;AAAA,MAAA,IAAAkB,KAAA,GAAA,IAAA;MACX,IAAI,IAAI,CAAC1D,SAAS,EAAE;QAChB,IAAIA,SAAQ,GAAI,IAAI,CAACA,SAAS,CAAC2D,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAACA,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAACA,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC;AAC7F,QAAA,IAAIC,UAAS,GAAI,CAACpB,KAAK,CAACqB,aAAc,IAAGC,MAAM,CAAC,eAAe,CAAC,EAAEC,OAAO,CAAC,MAAM,CAAC;AAEjF,QAAA,IAAIH,UAAU,EAAE;AACZ,UAAA,IAAIlB,KAAI,GAAI,IAAI,CAAC/C,UAAW,IAAG,EAAE;AACjC,UAAA,IAAIqE,YAAW,GAAIJ,UAAU,CAACK,KAAK,CAACjE,SAAS,CAAC;AAE9CgE,UAAAA,eAAeA,YAAY,CAACE,MAAM,CAAC,UAACC,GAAG,EAAA;AAAA,YAAA,OAAKT,KAAI,CAACrD,kBAAkBqC,KAAK,CAAC0B,OAAO,CAACD,GAAG,CAAE,KAAI,EAAE;WAAC,CAAA;UAC7FzB,KAAI,GAAA,EAAA,CAAA2B,MAAA,CAAAC,kBAAA,CAAQ5B,KAAK,CAAA4B,EAAAA,kBAAA,CAAKN,YAAY,CAAC,CAAA;UACnC,IAAI,CAACO,WAAW,CAAC/B,KAAK,EAAEE,KAAK,EAAE,IAAI,CAAC;AACxC;AACJ;KACH;IACD8B,gBAAgB,EAAA,SAAhBA,gBAAgBA,GAAG;MACf,IAAI,CAAC3C,OAAQ,GAAE,IAAI;KACtB;IACD4C,eAAe,EAAA,SAAfA,eAAeA,GAAG;AACd,MAAA,IAAI,CAAC3C,YAAa,GAAE,EAAE;MACtB,IAAI,CAACD,UAAU,KAAK;KACvB;AACD6C,IAAAA,kBAAkB,EAAlBA,SAAAA,kBAAkBA,CAAClC,KAAK,EAAE;MACtB,QAAQA,KAAK,CAACQ,IAAI;AACd,QAAA,KAAK,WAAW;AACZ,UAAA,IAAI,CAAC2B,gBAAgB,CAACnC,KAAK,CAAC;AAC5B,UAAA;AAEJ,QAAA,KAAK,YAAY;AACb,UAAA,IAAI,CAACoC,iBAAiB,CAACpC,KAAK,CAAC;AAC7B,UAAA;AAEJ,QAAA,KAAK,WAAW;AACZ,UAAA,IAAI,CAACqC,gBAAgB,CAACrC,KAAK,CAAC;AAC5B,UAAA;AAIR;KACH;IACDmC,gBAAgB,EAAA,SAAhBA,gBAAgBA,GAAG;AACf,MAAA,IAAI,IAAI,CAAC/C,UAAU,CAACqB,MAAO,KAAI,KAAK,IAAI,CAACtD,UAAW,IAAG,IAAI,CAACA,UAAU,CAACsD,MAAO,GAAE,CAAC,EAAE;QAC/E,IAAI,CAACnB,YAAa,GAAE,IAAI,CAACA,iBAAiB,IAAK,GAAE,IAAI,CAACnC,UAAU,CAACsD,MAAK,GAAI,CAAA,GAAI,IAAI,CAACnB,YAAW,GAAI,CAAC;QACnG,IAAI,IAAI,CAACA,YAAa,GAAE,CAAC,EAAE,IAAI,CAACA,YAAW,GAAI,CAAC;AACpD;KACH;IACD8C,iBAAiB,EAAA,SAAjBA,iBAAiBA,GAAG;AAChB,MAAA,IAAI,IAAI,CAAChD,UAAU,CAACqB,MAAO,KAAI,KAAK,IAAI,CAACtD,UAAW,IAAG,IAAI,CAACA,UAAU,CAACsD,MAAO,GAAE,CAAC,EAAE;QAC/E,IAAI,IAAI,CAACnB,YAAW,KAAM,IAAI,CAACnC,UAAU,CAACsD,MAAK,GAAI,CAAC,EAAE;UAClD,IAAI,CAACnB,YAAW,GAAI,IAAI;AACxB,UAAA,IAAI,CAACM,KAAK,CAACC,KAAK,CAACC,KAAK,EAAE;AAC5B,SAAE,MAAK;UACH,IAAI,CAACR,YAAY,EAAE;AACvB;AACJ;KACH;AACD+C,IAAAA,gBAAgB,EAAhBA,SAAAA,gBAAgBA,CAACrC,KAAK,EAAE;AACpB,MAAA,IAAI,IAAI,CAACV,YAAa,KAAI,IAAI,EAAE;QAC5B,IAAI,CAACoB,UAAU,CAACV,KAAK,EAAE,IAAI,CAACV,YAAY,CAAC;AAC7C;KACH;IACDyC,WAAW,EAAA,SAAXA,WAAWA,CAAC/B,KAAK,EAAEE,KAAK,EAAEoC,cAAc,EAAE;AAAA,MAAA,IAAAC,MAAA,GAAA,IAAA;AACtC,MAAA,IAAI,CAACnC,KAAK,CAAC,mBAAmB,EAAEF,KAAK,CAAC;AACtC,MAAA,IAAI,CAACE,KAAK,CAAC,KAAK,EAAE;AACdoC,QAAAA,aAAa,EAAExC,KAAK;AACpBE,QAAAA,KAAK,EAAEA;AACX,OAAC,CAAC;AACF,MAAA,IAAI,CAACN,KAAK,CAACC,KAAK,CAACK,KAAI,GAAI,EAAE;MAC3B,IAAI,CAACd,UAAW,GAAE,EAAE;AAEpBqD,MAAAA,UAAU,CAAC,YAAM;QACbF,MAAI,CAAC3B,QAAS,KAAI2B,MAAI,CAAClD,OAAM,GAAI,KAAK,CAAC;OAC1C,EAAE,CAAC,CAAC;AAEL,MAAA,IAAIiD,cAAc,EAAE;QAChBtC,KAAK,CAACsC,cAAc,EAAE;AAC1B;KACH;IACDhC,OAAO,EAAA,SAAPA,OAAOA,CAACN,KAAK,EAAE0C,IAAI,EAAEJ,cAAc,EAAE;MACjC,IAAII,IAAK,IAAGA,IAAI,CAAC/B,IAAI,EAAE,CAACF,MAAM,EAAE;AAC5B,QAAA,IAAIP,KAAI,GAAI,IAAI,CAAC/C,UAAS,GAAA2E,kBAAA,CAAQ,IAAI,CAAC3E,UAAU,CAAA,GAAI,EAAE;AAEvD,QAAA,IAAI,IAAI,CAACU,cAAa,IAAKqC,KAAK,CAAC0B,OAAO,CAACc,IAAI,CAAA,KAAM,EAAE,EAAE;AACnDxC,UAAAA,KAAK,CAACyC,IAAI,CAACD,IAAI,CAAC;UAChB,IAAI,CAACX,WAAW,CAAC/B,KAAK,EAAEE,KAAK,EAAEoC,cAAc,CAAC;AAClD;AACJ;KACH;AACD5B,IAAAA,UAAU,WAAVA,UAAUA,CAACV,KAAK,EAAE4C,KAAK,EAAE;MACrB,IAAI,IAAI,CAAC3E,QAAQ,EAAE;AACf,QAAA;AACJ;AAEA,MAAA,IAAI4E,MAAK,GAAAf,kBAAA,CAAQ,IAAI,CAAC3E,UAAU,CAAC;MACjC,IAAM2F,WAAU,GAAID,MAAM,CAACE,MAAM,CAACH,KAAK,EAAE,CAAC,CAAC;MAE3C,IAAI,CAACtD,YAAW,GAAI,IAAI;AACxB,MAAA,IAAI,CAACM,KAAK,CAACC,KAAK,CAACC,KAAK,EAAE;AACxB,MAAA,IAAI,CAACM,KAAK,CAAC,mBAAmB,EAAEyC,MAAM,CAAC;AACvC,MAAA,IAAI,CAACzC,KAAK,CAAC,QAAQ,EAAE;AACjBoC,QAAAA,aAAa,EAAExC,KAAK;AACpBE,QAAAA,KAAK,EAAE4C;AACX,OAAC,CAAC;AACN;GACH;AACDE,EAAAA,QAAQ,EAAE;IACNpC,QAAQ,EAAA,SAARA,QAAQA,GAAG;AACP,MAAA,OAAO,IAAI,CAACtD,OAAO,IAAI,CAACH,cAAc,IAAI,CAACG,GAAE,KAAM,IAAI,CAACH,UAAU,CAACsD,MAAM;KAC5E;IACDwC,eAAe,EAAA,SAAfA,eAAeA,GAAG;AACd,MAAA,OAAO,IAAI,CAAC3D,YAAW,KAAM,iBAAU,IAAI,CAAC4D,GAAG,uBAAArB,MAAA,CAAoB,IAAI,CAACvC,YAAY,IAAK,IAAI;AACjG;GACH;AACD6D,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAG,EAAHA;AACJ;AACJ,CAAC;;;;;;;;;;;;;ECpQG,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CAyDK,OAzDLC,UAyDK,CAAA;AAzDC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA;KAAkBD,IAAI,CAAAE,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CACjCC,kBAAA,CAuDI,MAvDJJ,UAuDI,CAAA;AAtDAK,IAAAA,GAAG,EAAC,WAAU;AACb,IAAA,OAAA,EAAOJ,IAAE,CAAAC,EAAA,CAAA,OAAA,CAAA;AACVI,IAAAA,QAAQ,EAAC,IAAG;AACZC,IAAAA,IAAI,EAAC,SAAQ;AACb,IAAA,kBAAgB,EAAC,YAAW;IAC3B,iBAAe,EAAEN,IAAc,CAAA/E,cAAA;IAC/B,YAAU,EAAE+E,IAAS,CAAA9E,SAAA;IACrB,uBAAqB,EAAEqF,KAAA,CAAA1E,OAAM,GAAI2E,QAAA,CAAAf,eAAgB,GAAE1E,SAAS;AAC5D0F,IAAAA,OAAK;aAAED,QAAc,CAAArE,cAAA,EAAA;AAAA,KAAA,CAAA;IACrBQ,OAAK;aAAE6D,QAAgB,CAAAhC,gBAAA,IAAAgC,QAAA,CAAAhC,gBAAA,CAAAkC,KAAA,CAAAF,QAAA,EAAAG,SAAA,CAAA;AAAA,KAAA,CAAA;IACvB9D,MAAI;aAAE2D,QAAe,CAAA/B,eAAA,IAAA+B,QAAA,CAAA/B,eAAA,CAAAiC,KAAA,CAAAF,QAAA,EAAAG,SAAA,CAAA;AAAA,KAAA,CAAA;IACrBC,SAAO;aAAEJ,QAAkB,CAAA9B,kBAAA,IAAA8B,QAAA,CAAA9B,kBAAA,CAAAgC,KAAA,CAAAF,QAAA,EAAAG,SAAA,CAAA;KAAA;KACpBX,IAAG,CAAAa,GAAA,CAAA,OAAA,CAAA,CAAA,EAAA,EAEXhB,SAAA,CAAA,IAAA,CAAA,EAAAC,kBAAA,CAqBIgB,QApBmB,EAAA,IAAA,EAAAC,UAAA,CAAAf,IAAA,CAAArG,UAAU,EAArB,UAAAwE,GAAG,EAAE6C,CAAC,EAAA;IADlB,OAAAnB,SAAA,EAAA,EAAAC,kBAAA,CAqBI,MArBJC,UAqBI,CAAA;MAnBCxC,GAAG,EAAA,EAAA,CAAAc,MAAA,CAAK2C,CAAC,OAAA3C,MAAA,CAAIF,GAAG,CAAA;AAChB8C,MAAAA,EAAE,EAAEjB,IAAI,CAAAN,GAAA,GAAA,mBAAA,GAAwBsB,CAAC;AAClCV,MAAAA,IAAI,EAAC,QAAO;AACX,MAAA,OAAA,EAAON,IAAE,CAAAC,EAAA,CAAA,UAAA,EAAA;AAAAb,QAAAA,KAAA,EAAsB4B;AAAA,OAAA,CAAA;AAC/B,MAAA,YAAU,EAAE7C,GAAG;AACf,MAAA,eAAa,EAAE,IAAI;AACnB,MAAA,cAAY,EAAE6B,IAAU,CAAArG,UAAA,CAACsD,MAAM;MAC/B,eAAa,EAAE+D,CAAA,GAAA;;;OACRhB,IAAG,CAAAa,GAAA,CAAA,UAAA,CAAA,EAAA;AACV,MAAA,gBAAc,EAAEN,KAAW,CAAAzE,YAAA,KAAMkF;SAElCE,UAOM,CAAAlB,IAAA,CAAAmB,MAAA,EAAA,MAAA,EAAA;MAPa,wBAAOnB,IAAE,CAAAC,EAAA,CAAA,QAAA,CAAA,CAAA;AAAab,MAAAA,KAAK,EAAE4B,CAAC;AAAGtE,MAAAA,KAAK,EAAEyB,GAAG;AAAGiD,MAAAA,cAAc,WAAdA,cAAcA,CAAG5E,KAAK,EAAA;AAAA,QAAA,OAAKwD,iBAAY,CAACxD,KAAK,EAAEwE,CAAC,CAAA;AAAA;OAAjH,YAAA;AAAA,MAAA,OAOM,CALFK,WAIM,CAAAC,eAAA,EAAA;QAJC,wBAAOtB,IAAE,CAAAC,EAAA,CAAA,QAAA,CAAA,CAAA;AAAasB,QAAAA,KAAK,EAAEpD,GAAG;AAAGqD,QAAAA,UAAU,EAAExB,IAAO,CAAAhF,QAAA,IAAKgF,IAAe,CAAAlF,eAAA;AAAE2G,QAAAA,SAAQ,EAAR,EAAQ;QAAGC,QAAQ,EAAE1B,IAAQ,CAAA0B,QAAA;AAAGC,QAAAA,QAAM,EAAE,SAARA,QAAMA,CAAEC,MAAA,EAAA;AAAA,UAAA,OAAApB,QAAA,CAAAtD,UAAU,CAAC0E,MAAM,EAAEZ,CAAC,CAAA;SAAA;AAAIa,QAAAA,EAAE,EAAE7B,IAAG,CAAAa,GAAA,CAAA,QAAA;;QAC3IiB,UAAU,UACjB,YAAA;AAAA,UAAA,OAAqJ,CAArJZ,UAAqJ,CAAAlB,IAAA,CAAAmB,MAAA,EAAxInB,IAAM,CAAAmB,MAAA,CAACY,QAAS,GAAA,UAAA,GAAA,iBAAA,EAAA;YAAmC,wBAAO/B,IAAE,CAAAC,EAAA,CAAA,UAAA,CAAA,CAAA;AAAeb,YAAAA,KAAK,EAAE4B,CAAC;AAAGI,YAAAA,cAAc,WAAdA,cAAcA,CAAG5E,KAAK,EAAA;AAAA,cAAA,OAAKgE,mBAAU,CAAChE,KAAK,EAAEwE,CAAC,CAAA;AAAA;;;;;;aAKjKb,kBAAA,CAiBI,MAjBJJ,UAiBI,CAAA;AAjBC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,WAAA,CAAA;AAAeK,IAAAA,IAAI,EAAC;KAAiBN,IAAG,CAAAa,GAAA,CAAA,WAAA,CAAA,CAAA,EAAA,CAClDV,kBAAA,CAeC,SAfDJ,UAeC,CAAA;AAdGK,IAAAA,GAAG,EAAC,OAAM;IACTa,EAAE,EAAEjB,IAAO,CAAAtF,OAAA;AACZd,IAAAA,IAAI,EAAC,MAAK;IACT,OAAOoG,EAAAA,IAAU,CAAArF,UAAA;IACjBQ,KAAK,EAAE6E,IAAU,CAAApF,UAAA;AACjBH,IAAAA,QAAQ,EAAEuF,IAAS,CAAAvF,QAAA,IAAG+F,QAAQ,CAAApD,QAAA;IAC9B9C,WAAW,EAAE0F,IAAW,CAAA1F,WAAA;AACxB,IAAA,cAAY,EAAE0F,IAAM,CAAAxF,OAAA,IAAKO,SAAS;AAClC4B,IAAAA,OAAK,EAAAqF,MAAA,CAAA,CAAA,CAAA,KAAAA,MAAA,CAAA,CAAA,CAAA,GAAA,UAAAJ,MAAA,EAAA;AAAA,MAAA,OAAEpB,QAAO,CAAA7D,OAAA,CAACiF,MAAM,CAAA;AAAA,KAAA,CAAA;AACrB/E,IAAAA,MAAI,EAAAmF,MAAA,CAAA,CAAA,CAAA,KAAAA,MAAA,CAAA,CAAA,CAAA,GAAA,UAAAJ,MAAA,EAAA;AAAA,MAAA,OAAEpB,QAAM,CAAA3D,MAAA,CAAC+E,MAAM,CAAA;AAAA,KAAA,CAAA;IACnBrF,OAAK;aAAEiE,QAAO,CAAAjE,OAAA,IAAAiE,QAAA,CAAAjE,OAAA,CAAAmE,KAAA,CAAAF,QAAA,EAAAG,SAAA,CAAA;AAAA,KAAA,CAAA;AACdC,IAAAA,SAAO,EAAAoB,MAAA,CAAA,CAAA,CAAA,KAAAA,MAAA,CAAA,CAAA,CAAA,GAAA,UAAAJ,MAAA,EAAA;AAAA,MAAA,OAAEpB,QAAS,CAAAzD,SAAA,CAAC6E,MAAM,CAAA;AAAA,KAAA,CAAA;AACzBnE,IAAAA,OAAK,EAAAuE,MAAA,CAAA,CAAA,CAAA,KAAAA,MAAA,CAAA,CAAA,CAAA,GAAA,UAAAJ,MAAA,EAAA;AAAA,MAAA,OAAEpB,QAAO,CAAA/C,OAAA,CAACmE,MAAM,CAAA;KAAA;AACT,GAAA,EAAAK,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAAjC,IAAA,CAAAnF,UAAU,CAAKmF,EAAAA,IAAG,CAAAa,GAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,EAAAqB,UAAA,CAAA;;;;;;;"}
|
package/inputmask/InputMask.vue
CHANGED
|
@@ -501,8 +501,8 @@ export default {
|
|
|
501
501
|
},
|
|
502
502
|
initMask() {
|
|
503
503
|
this.tests = [];
|
|
504
|
-
this.partialPosition = this.mask.length;
|
|
505
|
-
this.len = this.mask.length;
|
|
504
|
+
this.partialPosition = this.mask ? this.mask.length : 0;
|
|
505
|
+
this.len = this.mask ? this.mask.length : 0;
|
|
506
506
|
this.firstNonMaskPos = null;
|
|
507
507
|
this.defs = {
|
|
508
508
|
9: '[0-9]',
|
|
@@ -514,7 +514,7 @@ export default {
|
|
|
514
514
|
|
|
515
515
|
this.androidChrome = /chrome/i.test(ua) && /android/i.test(ua);
|
|
516
516
|
|
|
517
|
-
let maskTokens = this.mask.split('');
|
|
517
|
+
let maskTokens = this.mask ? this.mask.split('') : '';
|
|
518
518
|
|
|
519
519
|
for (let i = 0; i < maskTokens.length; i++) {
|
|
520
520
|
let c = maskTokens[i];
|
package/inputmask/index.d.ts
CHANGED
|
@@ -63,7 +63,7 @@ export interface InputMaskPassThroughOptions {
|
|
|
63
63
|
* Used to pass attributes to the InputText component.
|
|
64
64
|
* @see {@link InputTextPassThroughOptions}
|
|
65
65
|
*/
|
|
66
|
-
root?:
|
|
66
|
+
root?: InputMaskPassThroughOptionType;
|
|
67
67
|
/**
|
|
68
68
|
* Used to pass attributes to the InputText component.
|
|
69
69
|
* @see {@link InputTextPassThroughOptions}
|
|
@@ -106,11 +106,11 @@ export interface InputMaskProps {
|
|
|
106
106
|
/**
|
|
107
107
|
* Value of the component.
|
|
108
108
|
*/
|
|
109
|
-
modelValue?: string | undefined;
|
|
109
|
+
modelValue?: string | undefined | null;
|
|
110
110
|
/**
|
|
111
111
|
* The default value for the input when not controlled by `modelValue`.
|
|
112
112
|
*/
|
|
113
|
-
defaultValue?: string | undefined;
|
|
113
|
+
defaultValue?: string | undefined | null;
|
|
114
114
|
/**
|
|
115
115
|
* Placeholder character in mask, default is underscore.
|
|
116
116
|
* @defaultValue _
|
package/inputmask/index.mjs
CHANGED
|
@@ -458,8 +458,8 @@ var script = {
|
|
|
458
458
|
},
|
|
459
459
|
initMask: function initMask() {
|
|
460
460
|
this.tests = [];
|
|
461
|
-
this.partialPosition = this.mask.length;
|
|
462
|
-
this.len = this.mask.length;
|
|
461
|
+
this.partialPosition = this.mask ? this.mask.length : 0;
|
|
462
|
+
this.len = this.mask ? this.mask.length : 0;
|
|
463
463
|
this.firstNonMaskPos = null;
|
|
464
464
|
this.defs = {
|
|
465
465
|
9: '[0-9]',
|
|
@@ -468,7 +468,7 @@ var script = {
|
|
|
468
468
|
};
|
|
469
469
|
var ua = getUserAgent();
|
|
470
470
|
this.androidChrome = /chrome/i.test(ua) && /android/i.test(ua);
|
|
471
|
-
var maskTokens = this.mask.split('');
|
|
471
|
+
var maskTokens = this.mask ? this.mask.split('') : '';
|
|
472
472
|
for (var i = 0; i < maskTokens.length; i++) {
|
|
473
473
|
var c = maskTokens[i];
|
|
474
474
|
if (c === '?') {
|