@nmorph/nmorph-ui-kit 2.2.53 → 2.2.55
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/dist/assets/icons/add-location.svg.js +3 -21
- package/dist/assets/icons/aim.svg.js +2 -14
- package/dist/assets/icons/alarm-clock.svg.js +2 -14
- package/dist/assets/icons/apple.svg.js +1 -7
- package/dist/assets/icons/archive.svg.js +2 -14
- package/dist/assets/icons/arrow-down.svg.js +1 -7
- package/dist/assets/icons/arrow-left.svg.js +1 -7
- package/dist/assets/icons/arrow-right.svg.js +1 -7
- package/dist/assets/icons/arrow-up.svg.js +1 -7
- package/dist/assets/icons/audio.svg.js +1 -7
- package/dist/assets/icons/avatar.svg.js +1 -7
- package/dist/assets/icons/back.svg.js +2 -14
- package/dist/assets/icons/baseball.svg.js +2 -14
- package/dist/assets/icons/basketball.svg.js +1 -7
- package/dist/assets/icons/bell-filled.svg.js +1 -7
- package/dist/assets/icons/bell.svg.js +3 -21
- package/dist/assets/icons/bottom-left.svg.js +2 -14
- package/dist/assets/icons/bottom-right.svg.js +2 -14
- package/dist/assets/icons/bottom.svg.js +1 -7
- package/dist/assets/icons/bowl.svg.js +1 -7
- package/dist/assets/icons/box.svg.js +3 -21
- package/dist/assets/icons/briefcase.svg.js +1 -7
- package/dist/assets/icons/brush-filled.svg.js +1 -7
- package/dist/assets/icons/brush.svg.js +1 -7
- package/dist/assets/icons/burger.svg.js +1 -7
- package/dist/assets/icons/calendar.svg.js +1 -7
- package/dist/assets/icons/camera-filled.svg.js +1 -7
- package/dist/assets/icons/camera.svg.js +1 -7
- package/dist/assets/icons/caret-bottom.svg.js +1 -7
- package/dist/assets/icons/caret-left.svg.js +1 -7
- package/dist/assets/icons/caret-right.svg.js +1 -7
- package/dist/assets/icons/caret-top.svg.js +1 -7
- package/dist/assets/icons/cellphone.svg.js +1 -7
- package/dist/assets/icons/chat-dot-round.svg.js +2 -14
- package/dist/assets/icons/chat-dot-square.svg.js +2 -14
- package/dist/assets/icons/chat-line-round.svg.js +2 -14
- package/dist/assets/icons/chat-line-square.svg.js +2 -14
- package/dist/assets/icons/chat-round.svg.js +1 -7
- package/dist/assets/icons/chat-square.svg.js +1 -7
- package/dist/assets/icons/check.svg.js +1 -7
- package/dist/assets/icons/checked.svg.js +1 -7
- package/dist/assets/icons/cherry.svg.js +1 -7
- package/dist/assets/icons/chevron-double-down.svg.js +1 -7
- package/dist/assets/icons/chevron-double-left.svg.js +2 -14
- package/dist/assets/icons/chevron-double-right.svg.js +2 -14
- package/dist/assets/icons/chevron-double-up.svg.js +2 -14
- package/dist/assets/icons/chevron-down.svg.js +1 -7
- package/dist/assets/icons/chevron-left.svg.js +1 -7
- package/dist/assets/icons/chevron-right.svg.js +1 -7
- package/dist/assets/icons/chevron-up.svg.js +1 -7
- package/dist/assets/icons/chicken.svg.js +1 -7
- package/dist/assets/icons/chrome-filled.svg.js +3 -21
- package/dist/assets/icons/circle-check-filled.svg.js +1 -7
- package/dist/assets/icons/circle-check.svg.js +2 -14
- package/dist/assets/icons/circle-close-filled.svg.js +1 -7
- package/dist/assets/icons/circle-close.svg.js +2 -14
- package/dist/assets/icons/circle-plus-filled.svg.js +1 -7
- package/dist/assets/icons/circle-plus.svg.js +3 -21
- package/dist/assets/icons/clipboard-check.svg.js +5 -11
- package/dist/assets/icons/clipboard.svg.js +5 -11
- package/dist/assets/icons/clock.svg.js +3 -21
- package/dist/assets/icons/close-bold.svg.js +1 -7
- package/dist/assets/icons/close.svg.js +1 -7
- package/dist/assets/icons/cloudy.svg.js +1 -7
- package/dist/assets/icons/code.svg.js +1 -7
- package/dist/assets/icons/coffee-cup.svg.js +1 -7
- package/dist/assets/icons/coffee.svg.js +1 -7
- package/dist/assets/icons/coin.svg.js +3 -21
- package/dist/assets/icons/cold-drink.svg.js +1 -7
- package/dist/assets/icons/collection-tag.svg.js +1 -7
- package/dist/assets/icons/collection.svg.js +2 -14
- package/dist/assets/icons/comment.svg.js +1 -7
- package/dist/assets/icons/compass.svg.js +2 -14
- package/dist/assets/icons/connection.svg.js +2 -14
- package/dist/assets/icons/coordinate.svg.js +2 -14
- package/dist/assets/icons/copy-document.svg.js +2 -14
- package/dist/assets/icons/copy.svg.js +1 -7
- package/dist/assets/icons/cpu.svg.js +2 -14
- package/dist/assets/icons/credit-card.svg.js +2 -14
- package/dist/assets/icons/crop.svg.js +2 -14
- package/dist/assets/icons/cross.svg.js +1 -7
- package/dist/assets/icons/database.svg.js +5 -11
- package/dist/assets/icons/delete-filled.svg.js +1 -7
- package/dist/assets/icons/delete.svg.js +1 -7
- package/dist/assets/icons/dessert.svg.js +1 -7
- package/dist/assets/icons/discount.svg.js +2 -14
- package/dist/assets/icons/doc.svg.js +1 -7
- package/dist/assets/icons/document-add.svg.js +1 -7
- package/dist/assets/icons/document-checked.svg.js +1 -7
- package/dist/assets/icons/document-copy.svg.js +1 -7
- package/dist/assets/icons/document-delete.svg.js +1 -7
- package/dist/assets/icons/document-remove.svg.js +1 -7
- package/dist/assets/icons/document.svg.js +1 -7
- package/dist/assets/icons/download.svg.js +1 -7
- package/dist/assets/icons/drag-handle.svg.js +1 -7
- package/dist/assets/icons/edit-pen.svg.js +1 -7
- package/dist/assets/icons/edit.svg.js +2 -14
- package/dist/assets/icons/enlarge.svg.js +1 -7
- package/dist/assets/icons/error.svg.js +2 -14
- package/dist/assets/icons/exit-square.svg.js +5 -17
- package/dist/assets/icons/exit.svg.js +2 -14
- package/dist/assets/icons/expand.svg.js +1 -7
- package/dist/assets/icons/external-link.svg.js +2 -14
- package/dist/assets/icons/eye-blocked.svg.js +2 -14
- package/dist/assets/icons/eye.svg.js +1 -7
- package/dist/assets/icons/failed.svg.js +1 -7
- package/dist/assets/icons/files.svg.js +1 -7
- package/dist/assets/icons/film.svg.js +2 -14
- package/dist/assets/icons/filter-off.svg.js +2 -14
- package/dist/assets/icons/filter.svg.js +1 -7
- package/dist/assets/icons/fingerprint.svg.js +12 -30
- package/dist/assets/icons/finished.svg.js +1 -7
- package/dist/assets/icons/flag.svg.js +1 -7
- package/dist/assets/icons/fold.svg.js +1 -7
- package/dist/assets/icons/folder-add.svg.js +1 -7
- package/dist/assets/icons/folder-checked.svg.js +1 -7
- package/dist/assets/icons/folder-delete.svg.js +1 -7
- package/dist/assets/icons/folder-opened.svg.js +1 -7
- package/dist/assets/icons/folder-remove.svg.js +1 -7
- package/dist/assets/icons/folder.svg.js +1 -7
- package/dist/assets/icons/food.svg.js +1 -7
- package/dist/assets/icons/fork-spoon.svg.js +1 -7
- package/dist/assets/icons/forward-filled.svg.js +1 -7
- package/dist/assets/icons/forward.svg.js +8 -14
- package/dist/assets/icons/full-screen.svg.js +1 -7
- package/dist/assets/icons/goblet-full.svg.js +1 -7
- package/dist/assets/icons/goblet.svg.js +1 -7
- package/dist/assets/icons/gold-medal.svg.js +2 -14
- package/dist/assets/icons/goods-filled.svg.js +1 -7
- package/dist/assets/icons/goods.svg.js +1 -7
- package/dist/assets/icons/google.svg.js +4 -28
- package/dist/assets/icons/grape.svg.js +1 -7
- package/dist/assets/icons/grid.svg.js +1 -7
- package/dist/assets/icons/guide.svg.js +2 -14
- package/dist/assets/icons/handbag.svg.js +1 -7
- package/dist/assets/icons/headset.svg.js +1 -7
- package/dist/assets/icons/histogram.svg.js +1 -7
- package/dist/assets/icons/hot-water.svg.js +1 -7
- package/dist/assets/icons/house.svg.js +1 -7
- package/dist/assets/icons/ice-cream-round.svg.js +1 -7
- package/dist/assets/icons/ice-drink.svg.js +1 -7
- package/dist/assets/icons/ice-tea.svg.js +1 -7
- package/dist/assets/icons/image.svg.js +7 -19
- package/dist/assets/icons/inbox.svg.js +5 -11
- package/dist/assets/icons/info-filled.svg.js +1 -7
- package/dist/assets/icons/info.svg.js +2 -14
- package/dist/assets/icons/key.svg.js +1 -7
- package/dist/assets/icons/knife-fork.svg.js +1 -7
- package/dist/assets/icons/lightning.svg.js +2 -14
- package/dist/assets/icons/link.svg.js +1 -7
- package/dist/assets/icons/list.svg.js +1 -7
- package/dist/assets/icons/loading.svg.js +10 -16
- package/dist/assets/icons/location-filled.svg.js +1 -7
- package/dist/assets/icons/location-information.svg.js +3 -21
- package/dist/assets/icons/location.svg.js +2 -14
- package/dist/assets/icons/lock.svg.js +2 -14
- package/dist/assets/icons/logo.svg.js +22 -34
- package/dist/assets/icons/lollipop.svg.js +1 -7
- package/dist/assets/icons/magic-stick.svg.js +1 -7
- package/dist/assets/icons/magnet.svg.js +1 -7
- package/dist/assets/icons/mail.svg.js +5 -11
- package/dist/assets/icons/male.svg.js +3 -21
- package/dist/assets/icons/management.svg.js +1 -7
- package/dist/assets/icons/map-location.svg.js +2 -14
- package/dist/assets/icons/medal.svg.js +2 -14
- package/dist/assets/icons/memo.svg.js +3 -21
- package/dist/assets/icons/menu.svg.js +1 -7
- package/dist/assets/icons/message-box.svg.js +1 -7
- package/dist/assets/icons/message.svg.js +2 -14
- package/dist/assets/icons/mic.svg.js +1 -7
- package/dist/assets/icons/microphone.svg.js +1 -7
- package/dist/assets/icons/minus-thin.svg.js +5 -11
- package/dist/assets/icons/minus.svg.js +1 -7
- package/dist/assets/icons/money.svg.js +3 -21
- package/dist/assets/icons/monitor.svg.js +1 -7
- package/dist/assets/icons/moon.svg.js +1 -7
- package/dist/assets/icons/more-filled.svg.js +1 -7
- package/dist/assets/icons/more.svg.js +1 -7
- package/dist/assets/icons/mostly-cloudy.svg.js +1 -7
- package/dist/assets/icons/mouse.svg.js +2 -14
- package/dist/assets/icons/mug.svg.js +1 -7
- package/dist/assets/icons/mute-notification.svg.js +2 -14
- package/dist/assets/icons/mute.svg.js +2 -14
- package/dist/assets/icons/no-smoking.svg.js +1 -7
- package/dist/assets/icons/notebook.svg.js +2 -14
- package/dist/assets/icons/notification.svg.js +2 -14
- package/dist/assets/icons/odometer.svg.js +3 -21
- package/dist/assets/icons/office-building.svg.js +3 -21
- package/dist/assets/icons/open.svg.js +2 -14
- package/dist/assets/icons/operation.svg.js +1 -7
- package/dist/assets/icons/opportunity.svg.js +1 -7
- package/dist/assets/icons/orange.svg.js +1 -7
- package/dist/assets/icons/paperclip.svg.js +1 -7
- package/dist/assets/icons/partly-cloudy.svg.js +2 -14
- package/dist/assets/icons/pause.svg.js +1 -7
- package/dist/assets/icons/pear.svg.js +1 -7
- package/dist/assets/icons/phone-filled.svg.js +1 -7
- package/dist/assets/icons/phone.svg.js +1 -7
- package/dist/assets/icons/picture.svg.js +2 -14
- package/dist/assets/icons/pie-chart.svg.js +2 -14
- package/dist/assets/icons/pin.svg.js +1 -7
- package/dist/assets/icons/place.svg.js +3 -21
- package/dist/assets/icons/platform.svg.js +1 -7
- package/dist/assets/icons/play.svg.js +1 -7
- package/dist/assets/icons/plus-thin.svg.js +5 -11
- package/dist/assets/icons/plus.svg.js +1 -7
- package/dist/assets/icons/pointer.svg.js +1 -7
- package/dist/assets/icons/position.svg.js +1 -7
- package/dist/assets/icons/postcard.svg.js +2 -14
- package/dist/assets/icons/pouring.svg.js +1 -7
- package/dist/assets/icons/present.svg.js +4 -28
- package/dist/assets/icons/price-tag.svg.js +2 -14
- package/dist/assets/icons/printer.svg.js +1 -7
- package/dist/assets/icons/promotion.svg.js +1 -7
- package/dist/assets/icons/quartz-watch.svg.js +3 -21
- package/dist/assets/icons/question-filled.svg.js +1 -7
- package/dist/assets/icons/rank.svg.js +1 -7
- package/dist/assets/icons/reading-lamp.svg.js +2 -14
- package/dist/assets/icons/reading.svg.js +2 -14
- package/dist/assets/icons/record.svg.js +1 -7
- package/dist/assets/icons/redo.svg.js +1 -7
- package/dist/assets/icons/refresh-left.svg.js +1 -7
- package/dist/assets/icons/refresh-right.svg.js +1 -7
- package/dist/assets/icons/refresh.svg.js +1 -7
- package/dist/assets/icons/refrigerator.svg.js +1 -7
- package/dist/assets/icons/remove-filled.svg.js +1 -7
- package/dist/assets/icons/remove.svg.js +2 -14
- package/dist/assets/icons/reply-filled.svg.js +1 -7
- package/dist/assets/icons/reply.svg.js +8 -14
- package/dist/assets/icons/right.svg.js +1 -7
- package/dist/assets/icons/rotate-left.svg.js +1 -7
- package/dist/assets/icons/rotate-right.svg.js +1 -7
- package/dist/assets/icons/save.svg.js +5 -11
- package/dist/assets/icons/scale-to-original.svg.js +1 -7
- package/dist/assets/icons/school.svg.js +3 -21
- package/dist/assets/icons/scissor.svg.js +1 -7
- package/dist/assets/icons/search.svg.js +1 -7
- package/dist/assets/icons/select.svg.js +1 -7
- package/dist/assets/icons/sell.svg.js +1 -7
- package/dist/assets/icons/semi-select.svg.js +1 -7
- package/dist/assets/icons/send-filled.svg.js +1 -7
- package/dist/assets/icons/send.svg.js +1 -7
- package/dist/assets/icons/server.svg.js +6 -18
- package/dist/assets/icons/service.svg.js +1 -7
- package/dist/assets/icons/setting.svg.js +1 -7
- package/dist/assets/icons/share.svg.js +1 -7
- package/dist/assets/icons/shield-check.svg.js +5 -11
- package/dist/assets/icons/shield.svg.js +5 -11
- package/dist/assets/icons/ship.svg.js +1 -7
- package/dist/assets/icons/shop.svg.js +1 -7
- package/dist/assets/icons/shopping-bag.svg.js +2 -14
- package/dist/assets/icons/shopping-cart-full.svg.js +2 -14
- package/dist/assets/icons/shopping-cart.svg.js +1 -7
- package/dist/assets/icons/shrink.svg.js +1 -7
- package/dist/assets/icons/sliders.svg.js +5 -17
- package/dist/assets/icons/smile.svg.js +2 -14
- package/dist/assets/icons/smoking.svg.js +2 -14
- package/dist/assets/icons/soccer.svg.js +1 -7
- package/dist/assets/icons/sold-out.svg.js +1 -7
- package/dist/assets/icons/sort-down.svg.js +1 -7
- package/dist/assets/icons/sort-up.svg.js +1 -7
- package/dist/assets/icons/sort.svg.js +1 -7
- package/dist/assets/icons/stamp.svg.js +1 -7
- package/dist/assets/icons/star-filled.svg.js +1 -7
- package/dist/assets/icons/star.svg.js +1 -7
- package/dist/assets/icons/stop.svg.js +1 -7
- package/dist/assets/icons/stopwatch.svg.js +2 -14
- package/dist/assets/icons/success-filled.svg.js +1 -7
- package/dist/assets/icons/success.svg.js +1 -7
- package/dist/assets/icons/sugar.svg.js +1 -7
- package/dist/assets/icons/suitcase-line.svg.js +1 -7
- package/dist/assets/icons/sunny.svg.js +1 -7
- package/dist/assets/icons/sunrise.svg.js +1 -7
- package/dist/assets/icons/sunset.svg.js +1 -7
- package/dist/assets/icons/switch-button.svg.js +2 -14
- package/dist/assets/icons/switch-filled.svg.js +2 -14
- package/dist/assets/icons/switch.svg.js +1 -7
- package/dist/assets/icons/takeaway-box.svg.js +1 -7
- package/dist/assets/icons/ticket.svg.js +1 -7
- package/dist/assets/icons/tickets.svg.js +1 -7
- package/dist/assets/icons/time.svg.js +1 -7
- package/dist/assets/icons/timer.svg.js +3 -21
- package/dist/assets/icons/toilet-paper.svg.js +2 -14
- package/dist/assets/icons/tools.svg.js +1 -7
- package/dist/assets/icons/top-left.svg.js +2 -14
- package/dist/assets/icons/top-right.svg.js +2 -14
- package/dist/assets/icons/top.svg.js +1 -7
- package/dist/assets/icons/trend-charts.svg.js +1 -7
- package/dist/assets/icons/triangle-down.svg.js +1 -7
- package/dist/assets/icons/trophy-base.svg.js +1 -7
- package/dist/assets/icons/trophy.svg.js +1 -7
- package/dist/assets/icons/turn-off.svg.js +2 -14
- package/dist/assets/icons/umbrella.svg.js +1 -7
- package/dist/assets/icons/undo.svg.js +1 -7
- package/dist/assets/icons/unlock.svg.js +2 -14
- package/dist/assets/icons/upload-filled.svg.js +1 -7
- package/dist/assets/icons/upload.svg.js +1 -7
- package/dist/assets/icons/user-filled.svg.js +1 -7
- package/dist/assets/icons/user.svg.js +1 -7
- package/dist/assets/icons/users.svg.js +2 -14
- package/dist/assets/icons/van.svg.js +1 -7
- package/dist/assets/icons/video-camera.svg.js +1 -7
- package/dist/assets/icons/video-pause.svg.js +1 -7
- package/dist/assets/icons/video-play.svg.js +1 -7
- package/dist/assets/icons/video.svg.js +2 -14
- package/dist/assets/icons/view.svg.js +1 -7
- package/dist/assets/icons/wallet-filled.svg.js +1 -7
- package/dist/assets/icons/wallet.svg.js +3 -21
- package/dist/assets/icons/warn-triangle-filled.svg.js +1 -7
- package/dist/assets/icons/warning.svg.js +2 -14
- package/dist/assets/icons/watch.svg.js +3 -21
- package/dist/assets/icons/wind-power.svg.js +1 -7
- package/dist/assets/icons/zoom-in.svg.js +1 -7
- package/dist/assets/icons/zoom-out.svg.js +1 -7
- package/dist/components/basic/nmorph-button/NmorphButton.vue.js +94 -63
- package/dist/components/basic/nmorph-button/NmorphButton.vue3.js +6 -0
- package/dist/components/basic/nmorph-icon/NmorphIcon.vue.js +32 -21
- package/dist/components/basic/nmorph-icon/NmorphIcon.vue3.js +6 -0
- package/dist/components/basic/nmorph-layout/NmorphLayout.vue.js +53 -37
- package/dist/components/basic/nmorph-layout/NmorphLayout.vue3.js +6 -0
- package/dist/components/basic/nmorph-link/NmorphLink.vue.js +82 -58
- package/dist/components/basic/nmorph-link/NmorphLink.vue3.js +6 -0
- package/dist/components/basic/nmorph-scroll/NmorphScroll.vue.js +217 -84
- package/dist/components/basic/nmorph-scroll/NmorphScroll.vue3.js +6 -0
- package/dist/components/basic/nmorph-space/NmorphSpace.vue.js +45 -18
- package/dist/components/basic/nmorph-space/NmorphSpace.vue3.js +6 -0
- package/dist/components/data/nmorph-audio-meter/NmorphAudioMeter.vue.js +41 -37
- package/dist/components/data/nmorph-audio-meter/NmorphAudioMeter.vue3.js +6 -0
- package/dist/components/data/nmorph-audio-preview/NmorphAudioPreview.css +1 -1
- package/dist/components/data/nmorph-audio-preview/NmorphAudioPreview.vue.js +202 -128
- package/dist/components/data/nmorph-audio-preview/NmorphAudioPreview.vue3.js +6 -0
- package/dist/components/data/nmorph-avatar/NmorphAvatar.vue.js +116 -82
- package/dist/components/data/nmorph-avatar/NmorphAvatar.vue3.js +6 -0
- package/dist/components/data/nmorph-badge/NmorphBadge.vue.js +139 -105
- package/dist/components/data/nmorph-badge/NmorphBadge.vue3.js +6 -0
- package/dist/components/data/nmorph-calendar/NmorphCalendar.vue.js +183 -93
- package/dist/components/data/nmorph-calendar/NmorphCalendar.vue3.js +6 -0
- package/dist/components/data/nmorph-calendar/inner-components/nmorph-calendar-header/NmorphCalendarHeader.vue.js +52 -49
- package/dist/components/data/nmorph-calendar/inner-components/nmorph-calendar-header/NmorphCalendarHeader.vue3.js +6 -0
- package/dist/components/data/nmorph-card/NmorphCard.vue.js +56 -35
- package/dist/components/data/nmorph-card/NmorphCard.vue3.js +6 -0
- package/dist/components/data/nmorph-carousel/NmorphCarousel.vue.js +67 -75
- package/dist/components/data/nmorph-carousel/NmorphCarousel.vue2.js +2 -39
- package/dist/components/data/nmorph-carousel/components/nmorph-carousel-item/NmorphCarouselItem.vue.js +29 -20
- package/dist/components/data/nmorph-carousel/components/nmorph-carousel-item/NmorphCarouselItem.vue2.js +2 -26
- package/dist/components/data/nmorph-collapse/NmorphCollapse.vue.js +41 -18
- package/dist/components/data/nmorph-collapse/NmorphCollapse.vue2.js +2 -38
- package/dist/components/data/nmorph-collapse/components/nmorph-collapse-item/NmorphCollapseItem.vue.js +73 -61
- package/dist/components/data/nmorph-collapse/components/nmorph-collapse-item/NmorphCollapseItem.vue3.js +6 -0
- package/dist/components/data/nmorph-emoji-picker/NmorphEmojiPicker.vue.js +386 -211
- package/dist/components/data/nmorph-emoji-picker/NmorphEmojiPicker.vue3.js +6 -0
- package/dist/components/data/nmorph-empty/NmorphEmpty.vue.js +74 -54
- package/dist/components/data/nmorph-empty/NmorphEmpty.vue3.js +6 -0
- package/dist/components/data/nmorph-file-card/NmorphFileCard.css +1 -1
- package/dist/components/data/nmorph-file-card/NmorphFileCard.vue.js +266 -200
- package/dist/components/data/nmorph-file-card/NmorphFileCard.vue3.js +6 -0
- package/dist/components/data/nmorph-image/NmorphImage.vue.js +52 -43
- package/dist/components/data/nmorph-image/NmorphImage.vue3.js +6 -0
- package/dist/components/data/nmorph-image-preview/NmorphImagePreview.vue.js +246 -160
- package/dist/components/data/nmorph-image-preview/NmorphImagePreview.vue3.js +6 -0
- package/dist/components/data/nmorph-media-gallery/NmorphMediaGallery.css +1 -1
- package/dist/components/data/nmorph-media-gallery/NmorphMediaGallery.vue.js +449 -277
- package/dist/components/data/nmorph-media-gallery/NmorphMediaGallery.vue3.js +6 -0
- package/dist/components/data/nmorph-media-tile/NmorphMediaTile.vue.js +109 -86
- package/dist/components/data/nmorph-media-tile/NmorphMediaTile.vue3.js +6 -0
- package/dist/components/data/nmorph-pagination/NmorphPagination.vue.js +113 -72
- package/dist/components/data/nmorph-pagination/NmorphPagination.vue3.js +6 -0
- package/dist/components/data/nmorph-preview-portal/NmorphPreviewPortal.vue.js +102 -106
- package/dist/components/data/nmorph-preview-portal/NmorphPreviewPortal.vue3.js +6 -0
- package/dist/components/data/nmorph-progress/NmorphProgress.vue.js +81 -65
- package/dist/components/data/nmorph-progress/NmorphProgress.vue3.js +6 -0
- package/dist/components/data/nmorph-qr-code/NmorphQRCode.vue.js +69 -44
- package/dist/components/data/nmorph-qr-code/NmorphQRCode.vue3.js +6 -0
- package/dist/components/data/nmorph-skeleton/NmorphSkeleton.vue.js +48 -55
- package/dist/components/data/nmorph-skeleton/NmorphSkeleton.vue3.js +6 -0
- package/dist/components/data/nmorph-skeleton/components/NmorphSkeletonItem.vue.js +34 -28
- package/dist/components/data/nmorph-skeleton/components/NmorphSkeletonItem.vue3.js +6 -0
- package/dist/components/data/nmorph-table/NmorphTable.vue.js +219 -282
- package/dist/components/data/nmorph-table/NmorphTable.vue3.js +6 -0
- package/dist/components/data/nmorph-table/components/nmorph-table-cell/NmorphTableCell.vue.js +26 -19
- package/dist/components/data/nmorph-table/components/nmorph-table-cell/NmorphTableCell.vue2.js +2 -24
- package/dist/components/data/nmorph-table/components/nmorph-table-column/NmorphTableColumn.vue.js +37 -17
- package/dist/components/data/nmorph-table/components/nmorph-table-column/NmorphTableColumn.vue2.js +2 -29
- package/dist/components/data/nmorph-table/inner-components/nmorph-sort-button/NmorphSortButton.vue.js +42 -34
- package/dist/components/data/nmorph-table/inner-components/nmorph-sort-button/NmorphSortButton.vue3.js +6 -0
- package/dist/components/data/nmorph-tag-list/NmorphTagList.vue.js +80 -67
- package/dist/components/data/nmorph-tag-list/NmorphTagList.vue3.js +6 -0
- package/dist/components/data/nmorph-tag-list/components/nmorph-tag-item/NmorphTagItem.vue.js +103 -37
- package/dist/components/data/nmorph-tag-list/components/nmorph-tag-item/NmorphTagItem.vue3.js +6 -0
- package/dist/components/data/nmorph-video-preview/NmorphVideoPreview.vue.js +288 -196
- package/dist/components/data/nmorph-video-preview/NmorphVideoPreview.vue3.js +6 -0
- package/dist/components/data/nmorph-virtual-list/NmorphVirtualList.vue.js +94 -80
- package/dist/components/data/nmorph-virtual-list/NmorphVirtualList.vue3.js +6 -0
- package/dist/components/feedback/nmorph-alert/NmorphAlert.vue.js +79 -56
- package/dist/components/feedback/nmorph-alert/NmorphAlert.vue3.js +6 -0
- package/dist/components/feedback/nmorph-callout/NmorphCallout.vue.js +79 -37
- package/dist/components/feedback/nmorph-callout/NmorphCallout.vue3.js +6 -0
- package/dist/components/feedback/nmorph-dialog/NmorphDialog.vue.js +98 -59
- package/dist/components/feedback/nmorph-dialog/NmorphDialog.vue3.js +6 -0
- package/dist/components/feedback/nmorph-drawer/NmorphDrawer.vue.js +92 -74
- package/dist/components/feedback/nmorph-drawer/NmorphDrawer.vue3.js +6 -0
- package/dist/components/feedback/nmorph-tooltip/NmorphTooltip.vue.js +180 -126
- package/dist/components/feedback/nmorph-tooltip/NmorphTooltip.vue3.js +6 -0
- package/dist/components/form/nmorph-autocomplete/NmorphAutocomplete.vue.js +197 -145
- package/dist/components/form/nmorph-autocomplete/NmorphAutocomplete.vue3.js +6 -0
- package/dist/components/form/nmorph-checkbox/NmorphCheckbox.vue.js +94 -72
- package/dist/components/form/nmorph-checkbox/NmorphCheckbox.vue3.js +6 -0
- package/dist/components/form/nmorph-checkbox-group/NmorphCheckboxGroup.vue.js +59 -37
- package/dist/components/form/nmorph-checkbox-group/NmorphCheckboxGroup.vue3.js +6 -0
- package/dist/components/form/nmorph-color-picker/NmorphColorPicker.vue.js +98 -49
- package/dist/components/form/nmorph-color-picker/NmorphColorPicker.vue3.js +6 -0
- package/dist/components/form/nmorph-date-picker/NmorphDatePicker.vue.js +142 -77
- package/dist/components/form/nmorph-date-picker/NmorphDatePicker.vue3.js +6 -0
- package/dist/components/form/nmorph-date-picker/inner-components/nmorph-clear-button/NmorphClearButton.vue.js +25 -22
- package/dist/components/form/nmorph-date-picker/inner-components/nmorph-clear-button/NmorphClearButton.vue2.js +2 -22
- package/dist/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-content/NmorphDatePickerContent.vue.js +81 -45
- package/dist/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-content/NmorphDatePickerContent.vue2.js +2 -51
- package/dist/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-header/NmorphDatePickerHeader.vue.js +54 -52
- package/dist/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-header/NmorphDatePickerHeader.vue3.js +6 -0
- package/dist/components/form/nmorph-date-picker/inner-components/nmorph-year-month-picker/NmorphYearMonthPicker.vue.js +93 -46
- package/dist/components/form/nmorph-date-picker/inner-components/nmorph-year-month-picker/NmorphYearMonthPicker.vue3.js +6 -0
- package/dist/components/form/nmorph-file-upload/NmorphFileUpload.vue.js +204 -129
- package/dist/components/form/nmorph-file-upload/NmorphFileUpload.vue3.js +6 -0
- package/dist/components/form/nmorph-form/NmorphForm.vue.js +23 -19
- package/dist/components/form/nmorph-form/NmorphForm.vue2.js +2 -21
- package/dist/components/form/nmorph-form/components/nmorph-form-item/NmorphFormItem.vue.js +64 -32
- package/dist/components/form/nmorph-form/components/nmorph-form-item/NmorphFormItem.vue3.js +6 -0
- package/dist/components/form/nmorph-form/components/nmorph-form-item/inner-components/nmorph-error-box/NmorphErrorBox.vue.js +33 -37
- package/dist/components/form/nmorph-form/components/nmorph-form-item/inner-components/nmorph-error-box/NmorphErrorBox.vue3.js +6 -0
- package/dist/components/form/nmorph-form/components/nmorph-form-item/inner-components/nmorph-validation-icon/NmorphValidationIcon.vue.js +32 -26
- package/dist/components/form/nmorph-form/components/nmorph-form-item/inner-components/nmorph-validation-icon/NmorphValidationIcon.vue3.js +6 -0
- package/dist/components/form/nmorph-number-input/NmorphNumberInput.vue.js +135 -87
- package/dist/components/form/nmorph-number-input/NmorphNumberInput.vue3.js +6 -0
- package/dist/components/form/nmorph-otp-input/NmorphOTPInput.vue.js +191 -66
- package/dist/components/form/nmorph-otp-input/NmorphOTPInput.vue3.js +6 -0
- package/dist/components/form/nmorph-radio/NmorphRadio.vue.js +73 -72
- package/dist/components/form/nmorph-radio/NmorphRadio.vue3.js +6 -0
- package/dist/components/form/nmorph-radio-group/NmorphRadioGroup.vue.js +51 -37
- package/dist/components/form/nmorph-radio-group/NmorphRadioGroup.vue3.js +6 -0
- package/dist/components/form/nmorph-select/NmorphSelect.vue.js +276 -194
- package/dist/components/form/nmorph-select/NmorphSelect.vue3.js +6 -0
- package/dist/components/form/nmorph-select/components/nmorph-select-option/NmorphSelectOption.vue.js +70 -38
- package/dist/components/form/nmorph-select/components/nmorph-select-option/NmorphSelectOption.vue3.js +6 -0
- package/dist/components/form/nmorph-select-button/NmorphSelectButton.vue.js +66 -41
- package/dist/components/form/nmorph-select-button/NmorphSelectButton.vue3.js +6 -0
- package/dist/components/form/nmorph-select-button/components/nmorph-select-button-item/NmorphSelectButtonItem.vue.js +52 -29
- package/dist/components/form/nmorph-select-button/components/nmorph-select-button-item/NmorphSelectButtonItem.vue3.js +6 -0
- package/dist/components/form/nmorph-slider/NmorphSlider.vue.js +133 -68
- package/dist/components/form/nmorph-slider/NmorphSlider.vue3.js +6 -0
- package/dist/components/form/nmorph-switch/NmorphSwitch.vue.js +92 -50
- package/dist/components/form/nmorph-switch/NmorphSwitch.vue3.js +6 -0
- package/dist/components/form/nmorph-text-input/NmorphTextInput.vue.js +101 -54
- package/dist/components/form/nmorph-text-input/NmorphTextInput.vue3.js +6 -0
- package/dist/components/form/nmorph-textarea/NmorphTextarea.vue.js +94 -37
- package/dist/components/form/nmorph-textarea/NmorphTextarea.vue3.js +6 -0
- package/dist/components/form/nmorph-time-picker/NmorphTimePicker.vue.js +205 -150
- package/dist/components/form/nmorph-time-picker/NmorphTimePicker.vue3.js +6 -0
- package/dist/components/navigation/nmorph-backtop/NmorphBacktop.vue.js +92 -55
- package/dist/components/navigation/nmorph-backtop/NmorphBacktop.vue3.js +6 -0
- package/dist/components/navigation/nmorph-breadcrumb/NmorphBreadcrumb.vue.js +35 -43
- package/dist/components/navigation/nmorph-breadcrumb/NmorphBreadcrumb.vue3.js +6 -0
- package/dist/components/navigation/nmorph-breadcrumb/components/nmorph-breadcrumb-item/NmorphBreadcrumbItem.vue.js +41 -33
- package/dist/components/navigation/nmorph-breadcrumb/components/nmorph-breadcrumb-item/NmorphBreadcrumbItem.vue2.js +2 -24
- package/dist/components/navigation/nmorph-context-menu/NmorphContextMenu.vue.js +251 -163
- package/dist/components/navigation/nmorph-context-menu/NmorphContextMenu.vue3.js +6 -0
- package/dist/components/navigation/nmorph-dropdown/NmorphDropdown.vue.js +92 -34
- package/dist/components/navigation/nmorph-dropdown/NmorphDropdown.vue3.js +6 -0
- package/dist/components/navigation/nmorph-tabs/NmorphTabs.vue.js +58 -67
- package/dist/components/navigation/nmorph-tabs/NmorphTabs.vue3.js +6 -0
- package/dist/components/navigation/nmorph-tabs/components/nmorph-tab-pane/NmorphTabPane.vue.js +34 -23
- package/dist/components/navigation/nmorph-tabs/components/nmorph-tab-pane/NmorphTabPane.vue2.js +2 -30
- package/dist/components/others/nmorph-divider/NmorphDivider.vue.js +18 -16
- package/dist/components/others/nmorph-divider/NmorphDivider.vue3.js +6 -0
- package/dist/components/others/nmorph-overlay/NmorphOverlay.vue.js +98 -49
- package/dist/components/others/nmorph-overlay/NmorphOverlay.vue3.js +6 -0
- package/dist/components/providers/nmorph-notification-provider/NmorphNotificationProvider.vue.js +131 -89
- package/dist/components/providers/nmorph-notification-provider/NmorphNotificationProvider.vue3.js +6 -0
- package/dist/icons.js +642 -641
- package/dist/index.es.js +928 -865
- package/dist/index.umd.js +34 -34
- package/dist/package.json.js +1 -1
- package/dist/src/components/data/nmorph-audio-preview/NmorphAudioPreview.vue.d.ts +1 -0
- package/dist/src/components/data/nmorph-audio-preview/types.d.ts +1 -0
- package/dist/src/components/data/nmorph-file-card/NmorphFileCard.vue.d.ts +12 -1
- package/dist/src/components/data/nmorph-file-card/types.d.ts +5 -0
- package/dist/src/components/data/nmorph-media-gallery/NmorphMediaGallery.vue.d.ts +9 -0
- package/dist/src/components/data/nmorph-media-gallery/types.d.ts +9 -0
- package/dist/src/components/data/nmorph-video-preview/NmorphVideoPreview.vue.d.ts +1 -0
- package/dist/src/components/data/nmorph-video-preview/types.d.ts +1 -0
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/_virtual/_plugin-vue_export-helper.js +0 -9
- package/dist/components/basic/nmorph-button/NmorphButton.vue2.js +0 -69
- package/dist/components/basic/nmorph-icon/NmorphIcon.vue2.js +0 -31
- package/dist/components/basic/nmorph-layout/NmorphLayout.vue2.js +0 -31
- package/dist/components/basic/nmorph-link/NmorphLink.vue2.js +0 -56
- package/dist/components/basic/nmorph-scroll/NmorphScroll.vue2.js +0 -195
- package/dist/components/basic/nmorph-space/NmorphSpace.vue2.js +0 -41
- package/dist/components/data/nmorph-audio-meter/NmorphAudioMeter.vue2.js +0 -30
- package/dist/components/data/nmorph-audio-preview/NmorphAudioPreview.vue2.js +0 -115
- package/dist/components/data/nmorph-avatar/NmorphAvatar.vue2.js +0 -74
- package/dist/components/data/nmorph-badge/NmorphBadge.vue2.js +0 -96
- package/dist/components/data/nmorph-calendar/NmorphCalendar.vue2.js +0 -139
- package/dist/components/data/nmorph-calendar/inner-components/nmorph-calendar-header/NmorphCalendarHeader.vue2.js +0 -41
- package/dist/components/data/nmorph-card/NmorphCard.vue2.js +0 -42
- package/dist/components/data/nmorph-collapse/components/nmorph-collapse-item/NmorphCollapseItem.vue2.js +0 -59
- package/dist/components/data/nmorph-emoji-picker/NmorphEmojiPicker.vue2.js +0 -254
- package/dist/components/data/nmorph-empty/NmorphEmpty.vue2.js +0 -48
- package/dist/components/data/nmorph-file-card/NmorphFileCard.vue2.js +0 -109
- package/dist/components/data/nmorph-image/NmorphImage.vue2.js +0 -37
- package/dist/components/data/nmorph-image-preview/NmorphImagePreview.vue2.js +0 -152
- package/dist/components/data/nmorph-media-gallery/NmorphMediaGallery.vue2.js +0 -223
- package/dist/components/data/nmorph-media-tile/NmorphMediaTile.vue2.js +0 -78
- package/dist/components/data/nmorph-pagination/NmorphPagination.vue2.js +0 -77
- package/dist/components/data/nmorph-preview-portal/NmorphPreviewPortal.vue2.js +0 -49
- package/dist/components/data/nmorph-progress/NmorphProgress.vue2.js +0 -47
- package/dist/components/data/nmorph-qr-code/NmorphQRCode.vue2.js +0 -55
- package/dist/components/data/nmorph-skeleton/NmorphSkeleton.vue2.js +0 -32
- package/dist/components/data/nmorph-skeleton/components/NmorphSkeletonItem.vue2.js +0 -30
- package/dist/components/data/nmorph-table/NmorphTable.vue2.js +0 -99
- package/dist/components/data/nmorph-table/inner-components/nmorph-sort-button/NmorphSortButton.vue2.js +0 -34
- package/dist/components/data/nmorph-tag-list/NmorphTagList.vue2.js +0 -58
- package/dist/components/data/nmorph-tag-list/components/nmorph-tag-item/NmorphTagItem.vue2.js +0 -101
- package/dist/components/data/nmorph-video-preview/NmorphVideoPreview.vue2.js +0 -134
- package/dist/components/data/nmorph-virtual-list/NmorphVirtualList.vue2.js +0 -63
- package/dist/components/feedback/nmorph-alert/NmorphAlert.vue2.js +0 -56
- package/dist/components/feedback/nmorph-callout/NmorphCallout.vue2.js +0 -61
- package/dist/components/feedback/nmorph-dialog/NmorphDialog.vue2.js +0 -73
- package/dist/components/feedback/nmorph-drawer/NmorphDrawer.vue2.js +0 -50
- package/dist/components/feedback/nmorph-tooltip/NmorphTooltip.vue2.js +0 -121
- package/dist/components/form/nmorph-autocomplete/NmorphAutocomplete.vue2.js +0 -115
- package/dist/components/form/nmorph-checkbox/NmorphCheckbox.vue2.js +0 -57
- package/dist/components/form/nmorph-checkbox-group/NmorphCheckboxGroup.vue2.js +0 -51
- package/dist/components/form/nmorph-color-picker/NmorphColorPicker.vue2.js +0 -77
- package/dist/components/form/nmorph-date-picker/NmorphDatePicker.vue2.js +0 -102
- package/dist/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-header/NmorphDatePickerHeader.vue2.js +0 -38
- package/dist/components/form/nmorph-date-picker/inner-components/nmorph-year-month-picker/NmorphYearMonthPicker.vue2.js +0 -77
- package/dist/components/form/nmorph-file-upload/NmorphFileUpload.vue2.js +0 -139
- package/dist/components/form/nmorph-form/components/nmorph-form-item/NmorphFormItem.vue2.js +0 -54
- package/dist/components/form/nmorph-form/components/nmorph-form-item/inner-components/nmorph-error-box/NmorphErrorBox.vue2.js +0 -28
- package/dist/components/form/nmorph-form/components/nmorph-form-item/inner-components/nmorph-validation-icon/NmorphValidationIcon.vue2.js +0 -27
- package/dist/components/form/nmorph-number-input/NmorphNumberInput.vue2.js +0 -82
- package/dist/components/form/nmorph-otp-input/NmorphOTPInput.vue2.js +0 -151
- package/dist/components/form/nmorph-radio/NmorphRadio.vue2.js +0 -38
- package/dist/components/form/nmorph-radio-group/NmorphRadioGroup.vue2.js +0 -43
- package/dist/components/form/nmorph-select/NmorphSelect.vue2.js +0 -176
- package/dist/components/form/nmorph-select/components/nmorph-select-option/NmorphSelectOption.vue2.js +0 -56
- package/dist/components/form/nmorph-select-button/NmorphSelectButton.vue2.js +0 -58
- package/dist/components/form/nmorph-select-button/components/nmorph-select-button-item/NmorphSelectButtonItem.vue2.js +0 -35
- package/dist/components/form/nmorph-slider/NmorphSlider.vue2.js +0 -95
- package/dist/components/form/nmorph-switch/NmorphSwitch.vue2.js +0 -72
- package/dist/components/form/nmorph-text-input/NmorphTextInput.vue2.js +0 -67
- package/dist/components/form/nmorph-textarea/NmorphTextarea.vue2.js +0 -73
- package/dist/components/form/nmorph-time-picker/NmorphTimePicker.vue2.js +0 -124
- package/dist/components/navigation/nmorph-backtop/NmorphBacktop.vue2.js +0 -67
- package/dist/components/navigation/nmorph-breadcrumb/NmorphBreadcrumb.vue2.js +0 -24
- package/dist/components/navigation/nmorph-context-menu/NmorphContextMenu.vue2.js +0 -164
- package/dist/components/navigation/nmorph-dropdown/NmorphDropdown.vue2.js +0 -73
- package/dist/components/navigation/nmorph-tabs/NmorphTabs.vue2.js +0 -39
- package/dist/components/others/nmorph-divider/NmorphDivider.vue2.js +0 -21
- package/dist/components/others/nmorph-overlay/NmorphOverlay.vue2.js +0 -79
- package/dist/components/providers/nmorph-notification-provider/NmorphNotificationProvider.vue2.js +0 -100
|
@@ -1,228 +1,294 @@
|
|
|
1
1
|
import './NmorphFileCard.css';
|
|
2
|
-
import h from "
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
import
|
|
6
|
-
|
|
2
|
+
import { defineComponent as X, useSlots as Y, ref as Z, computed as o, openBlock as a, createElementBlock as t, Fragment as V, createElementVNode as I, normalizeStyle as ee, normalizeClass as oe, createVNode as n, unref as i, withCtx as v, createBlock as k, resolveDynamicComponent as ae, createCommentVNode as l, toDisplayString as h, renderSlot as re } from "vue";
|
|
3
|
+
import { NmorphImageResolution as te, NmorphAudioResolution as le, NmorphVideoResolution as ne, NmorphArchiveResolution as ie, NmorphDocResolution as se } from "../../form/nmorph-file-upload/types.js";
|
|
4
|
+
import { useModifiers as ce } from "../../../utils/create-modifiers.js";
|
|
5
|
+
import { createCssSizeVariables as me } from "../../../utils/common.js";
|
|
6
|
+
import { getFileExtension as ue, getPlainFileType as de, getTypeCandidates as pe, isKnownFileType as w } from "../../../utils/file-types.js";
|
|
7
|
+
import fe from "../nmorph-audio-preview/NmorphAudioPreview.vue.js";
|
|
8
|
+
/* empty css */
|
|
9
|
+
import ve from "../nmorph-media-gallery/NmorphMediaGallery.vue.js";
|
|
10
|
+
/* empty css */
|
|
11
|
+
import he from "../nmorph-video-preview/NmorphVideoPreview.vue.js";
|
|
12
|
+
/* empty css */
|
|
13
|
+
import we from "../../../assets/icons/image.svg.js";
|
|
14
|
+
import _e from "../../../assets/icons/archive.svg.js";
|
|
15
|
+
import E from "../../../assets/icons/doc.svg.js";
|
|
16
|
+
import _ from "../../basic/nmorph-icon/NmorphIcon.vue.js";
|
|
17
|
+
/* empty css */
|
|
18
|
+
import ye from "../../../assets/icons/audio.svg.js";
|
|
19
|
+
import ge from "../../../assets/icons/video.svg.js";
|
|
20
|
+
import be from "../../../assets/icons/eye.svg.js";
|
|
21
|
+
import ke from "../../../assets/icons/loading.svg.js";
|
|
22
|
+
import Be from "../../../assets/icons/open.svg.js";
|
|
23
|
+
import Ne from "../../../assets/icons/download.svg.js";
|
|
24
|
+
const Se = {
|
|
7
25
|
key: 0,
|
|
8
26
|
class: "nmorph-file-card__icon"
|
|
9
|
-
},
|
|
27
|
+
}, Ce = ["href", "aria-label"], Pe = { class: "nmorph-file-card__body" }, Ae = ["title"], Te = {
|
|
28
|
+
key: 0,
|
|
29
|
+
class: "nmorph-file-card__name"
|
|
30
|
+
}, xe = {
|
|
10
31
|
key: 0,
|
|
11
32
|
class: "nmorph-file-card__error"
|
|
12
|
-
},
|
|
33
|
+
}, ze = {
|
|
13
34
|
key: 1,
|
|
14
35
|
class: "nmorph-file-card__meta"
|
|
15
|
-
},
|
|
36
|
+
}, Ie = ["title", "aria-label"], He = ["src", "alt"], Me = {
|
|
16
37
|
key: 1,
|
|
17
38
|
class: "nmorph-file-card__visual-size"
|
|
18
|
-
},
|
|
39
|
+
}, De = {
|
|
19
40
|
key: 2,
|
|
20
41
|
class: "nmorph-file-card__badge"
|
|
21
|
-
},
|
|
42
|
+
}, $e = {
|
|
22
43
|
key: 3,
|
|
23
44
|
class: "nmorph-file-card__actions"
|
|
24
|
-
},
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
45
|
+
}, Oe = ["aria-label"], Ve = ["href", "aria-label"], Ee = ["href", "download", "aria-label"], Le = "var(--nmorph-contrast-text-color)", co = /* @__PURE__ */ X({
|
|
46
|
+
__name: "NmorphFileCard",
|
|
47
|
+
props: {
|
|
48
|
+
name: {},
|
|
49
|
+
extension: { default: "" },
|
|
50
|
+
mimeType: { default: "" },
|
|
51
|
+
size: { default: void 0 },
|
|
52
|
+
previewSrc: { default: "" },
|
|
53
|
+
downloadHref: { default: "" },
|
|
54
|
+
mediaPreview: { default: "none" },
|
|
55
|
+
previewMode: { default: "internal" },
|
|
56
|
+
surface: { default: "card" },
|
|
57
|
+
height: { default: void 0 },
|
|
58
|
+
showName: { type: Boolean, default: !0 },
|
|
59
|
+
showMeta: { type: Boolean, default: !0 },
|
|
60
|
+
showSize: { type: Boolean, default: !0 },
|
|
61
|
+
showExtensionBadge: { type: Boolean, default: !0 },
|
|
62
|
+
iconSurface: { type: Boolean, default: !0 },
|
|
63
|
+
compact: { type: Boolean, default: !1 },
|
|
64
|
+
loading: { type: Boolean, default: !1 },
|
|
65
|
+
error: { type: Boolean, default: !1 },
|
|
66
|
+
errorText: { default: "" },
|
|
67
|
+
showDefaultActions: { type: Boolean, default: !0 },
|
|
68
|
+
showPlaybackButton: { type: Boolean, default: !0 }
|
|
69
|
+
},
|
|
70
|
+
emits: ["open", "download", "error"],
|
|
71
|
+
setup(L, { emit: R }) {
|
|
72
|
+
const e = L, B = R, F = Y(), N = Z(!1), y = o(() => (e.extension || ue(e.name) || de(e.mimeType)).toLowerCase()), c = o(() => pe(e.mimeType, e.name)), W = o(() => e.mimeType.toLowerCase().startsWith("image/") || c.value.some((r) => w(r, te)) ? we : e.mimeType.toLowerCase().startsWith("audio/") || c.value.some((r) => w(r, le)) ? ye : e.mimeType.toLowerCase().startsWith("video/") || c.value.some((r) => w(r, ne)) ? ge : c.value.some((r) => w(r, ie)) ? _e : c.value.some((r) => w(r, se)) ? E : E), G = (r) => {
|
|
73
|
+
if (r === void 0 || Number.isNaN(r) || r < 0) return "";
|
|
74
|
+
if (r === 0) return "0 B";
|
|
75
|
+
const p = ["B", "KB", "MB", "GB", "TB"], f = Math.min(Math.floor(Math.log(r) / Math.log(1024)), p.length - 1), z = r / 1024 ** f, Q = z >= 10 || f === 0 || Number.isInteger(z) ? 0 : 1;
|
|
76
|
+
return `${z.toFixed(Q)} ${p[f]}`;
|
|
77
|
+
}, S = o(() => e.showSize ? G(e.size) : ""), K = o(() => y.value || e.mimeType), C = o(() => [K.value, S.value].filter(Boolean).join(" · ")), P = o(() => e.mediaPreview === "audio" && !!e.previewSrc && !e.loading && !e.error), m = o(() => e.mediaPreview === "video" && !!e.previewSrc && !e.loading && !e.error), u = o(() => e.mediaPreview === "image" && !!e.previewSrc && !e.loading && !e.error), g = o(
|
|
78
|
+
() => P.value || m.value || u.value
|
|
79
|
+
), s = o(() => m.value || u.value), H = o(() => e.height ?? (e.compact ? "96px" : "120px")), U = o(
|
|
80
|
+
() => me({
|
|
81
|
+
"--nmorph-file-card-height": e.height,
|
|
82
|
+
"--nmorph-file-card-media-height": H.value
|
|
83
|
+
})
|
|
84
|
+
), j = o(() => s.value ? e.showName : e.showName || e.showMeta && !!(e.error && e.errorText || C.value)), A = o(() => !e.previewSrc || e.loading || e.error ? [] : u.value ? [
|
|
85
|
+
{
|
|
86
|
+
kind: "image",
|
|
87
|
+
src: e.previewSrc,
|
|
88
|
+
name: e.name,
|
|
89
|
+
alt: e.name,
|
|
90
|
+
size: e.size,
|
|
91
|
+
downloadHref: e.downloadHref
|
|
92
|
+
}
|
|
93
|
+
] : m.value ? [
|
|
94
|
+
{
|
|
95
|
+
kind: "video",
|
|
96
|
+
src: e.previewSrc,
|
|
97
|
+
name: e.name,
|
|
98
|
+
size: e.size,
|
|
99
|
+
downloadHref: e.downloadHref,
|
|
100
|
+
controls: !0,
|
|
101
|
+
playsinline: !0,
|
|
102
|
+
preload: "metadata"
|
|
103
|
+
}
|
|
104
|
+
] : []), q = o(
|
|
105
|
+
() => e.previewMode === "internal" && A.value.length > 0
|
|
106
|
+
), M = o(() => e.mimeType.toLowerCase() === "application/pdf" || y.value === "pdf"), D = o(() => M.value ? e.previewSrc || e.downloadHref : ""), T = o(
|
|
107
|
+
() => e.showDefaultActions && !!D.value && !g.value && M.value
|
|
108
|
+
), b = o(() => !!F.actions), $ = o(
|
|
109
|
+
() => b.value || e.showDefaultActions && (e.loading || e.previewSrc && !g.value && !T.value || e.downloadHref)
|
|
110
|
+
), J = o(
|
|
111
|
+
() => ce({
|
|
112
|
+
"nmorph-file-card": [
|
|
113
|
+
e.surface,
|
|
114
|
+
e.compact && "compact",
|
|
115
|
+
e.loading && "loading",
|
|
116
|
+
e.error && "error",
|
|
117
|
+
g.value && "media",
|
|
118
|
+
P.value && "media-audio",
|
|
119
|
+
m.value && "media-video",
|
|
120
|
+
u.value && "media-image",
|
|
121
|
+
s.value && "media-visual",
|
|
122
|
+
b.value && "custom-actions",
|
|
123
|
+
!e.iconSurface && "icon-plain",
|
|
124
|
+
!$.value && "no-actions"
|
|
125
|
+
]
|
|
126
|
+
})
|
|
127
|
+
), d = () => {
|
|
128
|
+
q.value && (N.value = !0), e.previewMode !== "none" && B("open");
|
|
129
|
+
}, x = () => B("download"), O = () => B("error");
|
|
130
|
+
return (r, p) => (a(), t(V, null, [
|
|
131
|
+
I("div", {
|
|
132
|
+
class: oe(J.value),
|
|
133
|
+
style: ee(U.value)
|
|
134
|
+
}, [
|
|
135
|
+
s.value ? l("", !0) : (a(), t("div", Se, [
|
|
136
|
+
n(i(_), { size: "medium" }, {
|
|
137
|
+
default: v(() => [
|
|
138
|
+
(a(), k(ae(W.value)))
|
|
139
|
+
]),
|
|
140
|
+
_: 1
|
|
141
|
+
}),
|
|
142
|
+
T.value && !e.loading && !e.error ? (a(), t("a", {
|
|
143
|
+
key: 0,
|
|
144
|
+
href: D.value,
|
|
145
|
+
target: "_blank",
|
|
146
|
+
rel: "noopener noreferrer",
|
|
147
|
+
class: "nmorph-file-card__icon-action",
|
|
148
|
+
"aria-label": `Preview ${e.name}`,
|
|
149
|
+
onClick: d
|
|
150
|
+
}, [
|
|
151
|
+
n(i(_), {
|
|
152
|
+
size: "small",
|
|
153
|
+
color: Le
|
|
154
|
+
}, {
|
|
155
|
+
default: v(() => [
|
|
156
|
+
n(i(be))
|
|
40
157
|
]),
|
|
41
158
|
_: 1
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
159
|
+
})
|
|
160
|
+
], 8, Ce)) : l("", !0)
|
|
161
|
+
])),
|
|
162
|
+
I("div", Pe, [
|
|
163
|
+
j.value ? (a(), t("div", {
|
|
164
|
+
key: 0,
|
|
165
|
+
class: "nmorph-file-card__info",
|
|
166
|
+
title: e.name
|
|
167
|
+
}, [
|
|
168
|
+
e.showName ? (a(), t("span", Te, h(e.name), 1)) : l("", !0),
|
|
169
|
+
!s.value && e.showMeta ? (a(), t(V, { key: 1 }, [
|
|
170
|
+
e.error && e.errorText ? (a(), t("span", xe, h(e.errorText), 1)) : C.value ? (a(), t("span", ze, h(C.value), 1)) : l("", !0)
|
|
171
|
+
], 64)) : l("", !0)
|
|
172
|
+
], 8, Ae)) : l("", !0),
|
|
173
|
+
P.value ? (a(), k(fe, {
|
|
174
|
+
key: 1,
|
|
175
|
+
class: "nmorph-file-card__audio-preview",
|
|
176
|
+
src: e.previewSrc,
|
|
177
|
+
name: e.name,
|
|
178
|
+
surface: "plain",
|
|
179
|
+
embedded: "",
|
|
180
|
+
compact: "",
|
|
181
|
+
"show-icon": !1,
|
|
182
|
+
"show-header": !1,
|
|
183
|
+
"show-playback-button": e.showPlaybackButton,
|
|
184
|
+
"show-default-actions": !1,
|
|
185
|
+
onError: O
|
|
186
|
+
}, null, 8, ["src", "name", "show-playback-button"])) : l("", !0),
|
|
187
|
+
m.value ? (a(), k(he, {
|
|
188
|
+
key: 2,
|
|
189
|
+
class: "nmorph-file-card__video-preview",
|
|
190
|
+
src: e.previewSrc,
|
|
191
|
+
name: e.name,
|
|
192
|
+
height: H.value,
|
|
193
|
+
surface: "plain",
|
|
194
|
+
embedded: "",
|
|
195
|
+
compact: "",
|
|
196
|
+
controls: !1,
|
|
197
|
+
"show-meta": !1,
|
|
198
|
+
"show-playback-button": e.showPlaybackButton,
|
|
199
|
+
"show-default-actions": !1,
|
|
200
|
+
"show-preview-action": !b.value && e.showDefaultActions && e.previewMode !== "none",
|
|
201
|
+
"show-fullscreen-action": !b.value && e.showDefaultActions,
|
|
202
|
+
"preview-mode": "emit",
|
|
203
|
+
onError: O,
|
|
204
|
+
onPreview: d
|
|
205
|
+
}, null, 8, ["src", "name", "height", "show-playback-button", "show-preview-action", "show-fullscreen-action"])) : l("", !0),
|
|
206
|
+
u.value ? (a(), t("button", {
|
|
207
|
+
key: 3,
|
|
208
|
+
class: "nmorph-file-card__image-preview",
|
|
209
|
+
type: "button",
|
|
210
|
+
title: e.name,
|
|
211
|
+
"aria-label": `Preview ${e.name}`,
|
|
212
|
+
onClick: d
|
|
213
|
+
}, [
|
|
214
|
+
I("img", {
|
|
215
|
+
class: "nmorph-file-card__image",
|
|
216
|
+
src: e.previewSrc,
|
|
217
|
+
alt: e.name
|
|
218
|
+
}, null, 8, He)
|
|
219
|
+
], 8, Ie)) : l("", !0)
|
|
220
|
+
]),
|
|
221
|
+
s.value && S.value ? (a(), t("span", Me, h(S.value), 1)) : l("", !0),
|
|
222
|
+
e.showExtensionBadge && y.value && !s.value ? (a(), t("span", De, h(y.value), 1)) : l("", !0),
|
|
223
|
+
$.value ? (a(), t("div", $e, [
|
|
224
|
+
re(r.$slots, "actions", {
|
|
225
|
+
fileName: e.name,
|
|
226
|
+
previewSrc: e.previewSrc,
|
|
227
|
+
downloadHref: e.downloadHref,
|
|
228
|
+
open: d,
|
|
229
|
+
download: x
|
|
230
|
+
}, () => [
|
|
231
|
+
e.loading ? (a(), t("span", {
|
|
45
232
|
key: 0,
|
|
46
|
-
|
|
233
|
+
class: "nmorph-file-card__action-loader",
|
|
234
|
+
role: "status",
|
|
235
|
+
"aria-label": `Uploading ${e.name}`
|
|
236
|
+
}, [
|
|
237
|
+
n(i(_), { size: "small" }, {
|
|
238
|
+
default: v(() => [
|
|
239
|
+
n(i(ke))
|
|
240
|
+
]),
|
|
241
|
+
_: 1
|
|
242
|
+
})
|
|
243
|
+
], 8, Oe)) : e.previewSrc && !g.value && !T.value ? (a(), t("a", {
|
|
244
|
+
key: 1,
|
|
245
|
+
href: e.previewSrc,
|
|
47
246
|
target: "_blank",
|
|
48
247
|
rel: "noopener noreferrer",
|
|
49
|
-
class: "nmorph-file-
|
|
50
|
-
"aria-label": `
|
|
51
|
-
onClick:
|
|
248
|
+
class: "nmorph-file-card__action-link",
|
|
249
|
+
"aria-label": `Open ${e.name}`,
|
|
250
|
+
onClick: d
|
|
52
251
|
}, [
|
|
53
|
-
i(
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
}, {
|
|
57
|
-
default: n(() => [
|
|
58
|
-
i(e.NmorphIconEye)
|
|
252
|
+
n(i(_), { size: "small" }, {
|
|
253
|
+
default: v(() => [
|
|
254
|
+
n(i(Be))
|
|
59
255
|
]),
|
|
60
256
|
_: 1
|
|
61
|
-
/* STABLE */
|
|
62
257
|
})
|
|
63
|
-
], 8,
|
|
64
|
-
|
|
65
|
-
l("div", y, [
|
|
66
|
-
l("div", {
|
|
67
|
-
class: "nmorph-file-card__info",
|
|
68
|
-
title: e.props.name
|
|
69
|
-
}, [
|
|
70
|
-
l(
|
|
71
|
-
"span",
|
|
72
|
-
N,
|
|
73
|
-
d(e.props.name),
|
|
74
|
-
1
|
|
75
|
-
/* TEXT */
|
|
76
|
-
),
|
|
77
|
-
e.visualMediaPreviewAvailable ? a("v-if", !0) : (r(), o(
|
|
78
|
-
m,
|
|
79
|
-
{ key: 0 },
|
|
80
|
-
[
|
|
81
|
-
e.props.error && e.props.errorText ? (r(), o(
|
|
82
|
-
"span",
|
|
83
|
-
P,
|
|
84
|
-
d(e.props.errorText),
|
|
85
|
-
1
|
|
86
|
-
/* TEXT */
|
|
87
|
-
)) : e.meta ? (r(), o(
|
|
88
|
-
"span",
|
|
89
|
-
I,
|
|
90
|
-
d(e.meta),
|
|
91
|
-
1
|
|
92
|
-
/* TEXT */
|
|
93
|
-
)) : a("v-if", !0)
|
|
94
|
-
],
|
|
95
|
-
64
|
|
96
|
-
/* STABLE_FRAGMENT */
|
|
97
|
-
))
|
|
98
|
-
], 8, g),
|
|
99
|
-
e.audioPreviewAvailable ? (r(), c(e.NmorphAudioPreview, {
|
|
100
|
-
key: 0,
|
|
101
|
-
class: "nmorph-file-card__audio-preview",
|
|
102
|
-
src: e.props.previewSrc,
|
|
103
|
-
name: e.props.name,
|
|
104
|
-
surface: "plain",
|
|
105
|
-
embedded: "",
|
|
106
|
-
compact: "",
|
|
107
|
-
"show-icon": !1,
|
|
108
|
-
"show-header": !1,
|
|
109
|
-
"show-default-actions": !1,
|
|
110
|
-
onError: e.errorHandler
|
|
111
|
-
}, null, 8, ["src", "name"])) : a("v-if", !0),
|
|
112
|
-
e.videoPreviewAvailable ? (r(), c(e.NmorphVideoPreview, {
|
|
113
|
-
key: 1,
|
|
114
|
-
class: "nmorph-file-card__video-preview",
|
|
115
|
-
src: e.props.previewSrc,
|
|
116
|
-
name: e.props.name,
|
|
117
|
-
height: e.videoPreviewHeight,
|
|
118
|
-
surface: "plain",
|
|
119
|
-
embedded: "",
|
|
120
|
-
compact: "",
|
|
121
|
-
controls: !1,
|
|
122
|
-
"show-meta": !1,
|
|
123
|
-
"show-default-actions": !1,
|
|
124
|
-
"show-preview-action": e.props.previewMode !== "none",
|
|
125
|
-
"preview-mode": "emit",
|
|
126
|
-
onError: e.errorHandler,
|
|
127
|
-
onPreview: e.openHandler
|
|
128
|
-
}, null, 8, ["src", "name", "height", "show-preview-action"])) : a("v-if", !0),
|
|
129
|
-
e.imagePreviewAvailable ? (r(), o("button", {
|
|
258
|
+
], 8, Ve)) : l("", !0),
|
|
259
|
+
!e.loading && e.downloadHref ? (a(), t("a", {
|
|
130
260
|
key: 2,
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
"aria-label": `
|
|
135
|
-
onClick:
|
|
261
|
+
href: e.downloadHref,
|
|
262
|
+
download: e.name,
|
|
263
|
+
class: "nmorph-file-card__action-link",
|
|
264
|
+
"aria-label": `Download ${e.name}`,
|
|
265
|
+
onClick: x
|
|
136
266
|
}, [
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
1
|
|
149
|
-
/* TEXT */
|
|
150
|
-
)) : a("v-if", !0),
|
|
151
|
-
e.props.showExtensionBadge && e.extension && !e.visualMediaPreviewAvailable ? (r(), o(
|
|
152
|
-
"span",
|
|
153
|
-
O,
|
|
154
|
-
d(e.extension),
|
|
155
|
-
1
|
|
156
|
-
/* TEXT */
|
|
157
|
-
)) : a("v-if", !0),
|
|
158
|
-
e.hasActions ? (r(), o("div", S, [
|
|
159
|
-
t(_.$slots, "actions", {}, () => [
|
|
160
|
-
e.props.loading ? (r(), o("span", {
|
|
161
|
-
key: 0,
|
|
162
|
-
class: "nmorph-file-card__action-loader",
|
|
163
|
-
role: "status",
|
|
164
|
-
"aria-label": `Uploading ${e.props.name}`
|
|
165
|
-
}, [
|
|
166
|
-
i(e.NmorphIcon, { size: "small" }, {
|
|
167
|
-
default: n(() => [
|
|
168
|
-
i(e.NmorphIconLoader)
|
|
169
|
-
]),
|
|
170
|
-
_: 1
|
|
171
|
-
/* STABLE */
|
|
172
|
-
})
|
|
173
|
-
], 8, z)) : e.props.previewSrc && !e.mediaPreviewAvailable && !e.previewOnIcon ? (r(), o("a", {
|
|
174
|
-
key: 1,
|
|
175
|
-
href: e.props.previewSrc,
|
|
176
|
-
target: "_blank",
|
|
177
|
-
rel: "noopener noreferrer",
|
|
178
|
-
class: "nmorph-file-card__action-link",
|
|
179
|
-
"aria-label": `Open ${e.props.name}`,
|
|
180
|
-
onClick: e.openHandler
|
|
181
|
-
}, [
|
|
182
|
-
i(e.NmorphIcon, { size: "small" }, {
|
|
183
|
-
default: n(() => [
|
|
184
|
-
i(e.NmorphIconOpen)
|
|
185
|
-
]),
|
|
186
|
-
_: 1
|
|
187
|
-
/* STABLE */
|
|
188
|
-
})
|
|
189
|
-
], 8, x)) : a("v-if", !0),
|
|
190
|
-
!e.props.loading && e.props.downloadHref ? (r(), o("a", {
|
|
191
|
-
key: 2,
|
|
192
|
-
href: e.props.downloadHref,
|
|
193
|
-
download: e.props.name,
|
|
194
|
-
class: "nmorph-file-card__action-link",
|
|
195
|
-
"aria-label": `Download ${e.props.name}`,
|
|
196
|
-
onClick: e.downloadHandler
|
|
197
|
-
}, [
|
|
198
|
-
i(e.NmorphIcon, { size: "small" }, {
|
|
199
|
-
default: n(() => [
|
|
200
|
-
i(e.NmorphIconDownload)
|
|
201
|
-
]),
|
|
202
|
-
_: 1
|
|
203
|
-
/* STABLE */
|
|
204
|
-
})
|
|
205
|
-
], 8, V)) : a("v-if", !0)
|
|
206
|
-
])
|
|
207
|
-
])) : a("v-if", !0)
|
|
208
|
-
],
|
|
209
|
-
2
|
|
210
|
-
/* CLASS */
|
|
211
|
-
),
|
|
212
|
-
e.mediaGalleryItems.length > 0 ? (r(), c(e.NmorphMediaGallery, {
|
|
267
|
+
n(i(_), { size: "small" }, {
|
|
268
|
+
default: v(() => [
|
|
269
|
+
n(i(Ne))
|
|
270
|
+
]),
|
|
271
|
+
_: 1
|
|
272
|
+
})
|
|
273
|
+
], 8, Ee)) : l("", !0)
|
|
274
|
+
])
|
|
275
|
+
])) : l("", !0)
|
|
276
|
+
], 6),
|
|
277
|
+
A.value.length > 0 ? (a(), k(ve, {
|
|
213
278
|
key: 0,
|
|
214
|
-
modelValue:
|
|
215
|
-
"onUpdate:modelValue":
|
|
216
|
-
items:
|
|
279
|
+
modelValue: N.value,
|
|
280
|
+
"onUpdate:modelValue": p[0] || (p[0] = (f) => N.value = f),
|
|
281
|
+
items: A.value,
|
|
217
282
|
"show-navigation-buttons": !1,
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
283
|
+
"show-file-name": e.showName,
|
|
284
|
+
"show-file-size": e.showSize,
|
|
285
|
+
"show-file-actions": e.showDefaultActions,
|
|
286
|
+
"show-playback-button": e.showPlaybackButton,
|
|
287
|
+
onDownload: x
|
|
288
|
+
}, null, 8, ["modelValue", "items", "show-file-name", "show-file-size", "show-file-actions", "show-playback-button"])) : l("", !0)
|
|
289
|
+
], 64));
|
|
290
|
+
}
|
|
291
|
+
});
|
|
226
292
|
export {
|
|
227
|
-
|
|
293
|
+
co as default
|
|
228
294
|
};
|
|
@@ -1,54 +1,63 @@
|
|
|
1
1
|
import './NmorphImage.css';
|
|
2
|
-
import l from "
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const p = ["src", "alt", "srcset"], g = {
|
|
2
|
+
import { defineComponent as L, computed as t, ref as m, openBlock as l, createElementBlock as s, normalizeStyle as k, normalizeClass as B, createElementVNode as E, renderSlot as c, createTextVNode as u, toDisplayString as f, createCommentVNode as p } from "vue";
|
|
3
|
+
import { useModifiers as S } from "../../../utils/create-modifiers.js";
|
|
4
|
+
import { useI18n as I } from "vue-i18n";
|
|
5
|
+
const N = ["src", "alt", "srcset"], C = {
|
|
7
6
|
key: 0,
|
|
8
7
|
class: "nmorph-image__load-failed"
|
|
9
|
-
},
|
|
8
|
+
}, V = {
|
|
10
9
|
key: 1,
|
|
11
10
|
class: "nmorph-image__loading"
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
"
|
|
16
|
-
{
|
|
11
|
+
}, D = /* @__PURE__ */ L({
|
|
12
|
+
__name: "NmorphImage",
|
|
13
|
+
props: {
|
|
14
|
+
loadingText: { default: "" },
|
|
15
|
+
loadFailedText: { default: "" },
|
|
16
|
+
frameBorder: { default: 4 },
|
|
17
|
+
src: {},
|
|
18
|
+
srcSet: { default: "" },
|
|
19
|
+
fit: { default: "cover" },
|
|
20
|
+
alt: { default: "" }
|
|
21
|
+
},
|
|
22
|
+
emits: ["error", "load"],
|
|
23
|
+
setup(g, { emit: v }) {
|
|
24
|
+
const { t: d } = I(), e = g, h = t(() => e.loadingText ? e.loadingText : d("loadingText")), _ = t(() => e.loadFailedText ? e.loadFailedText : d("loadFailedText")), a = m(!1), r = m(!1), n = v, x = (o) => {
|
|
25
|
+
a.value = !0, r.value = !1, n("load", o);
|
|
26
|
+
}, T = (o) => {
|
|
27
|
+
a.value = !0, r.value = !0, n("error", o);
|
|
28
|
+
}, i = t(() => a.value && r.value), y = t(
|
|
29
|
+
() => S({
|
|
30
|
+
nmorph: [e.frameBorder > 0 && "shadow-combined"],
|
|
31
|
+
"nmorph-image": [(i.value || !a.value) && "hide"]
|
|
32
|
+
})
|
|
33
|
+
), F = t(() => ({
|
|
34
|
+
"--nmorph-image-fit": e.fit || "cover",
|
|
35
|
+
"--nmorph-image-frame-border": `${e.frameBorder}px`
|
|
36
|
+
}));
|
|
37
|
+
return (o, $) => e.src ? (l(), s("div", {
|
|
17
38
|
key: 0,
|
|
18
|
-
class:
|
|
19
|
-
style:
|
|
20
|
-
},
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
t(
|
|
32
|
-
s(o.computedLoadFailedText),
|
|
33
|
-
1
|
|
34
|
-
/* TEXT */
|
|
35
|
-
)
|
|
39
|
+
class: B(y.value),
|
|
40
|
+
style: k(F.value)
|
|
41
|
+
}, [
|
|
42
|
+
E("img", {
|
|
43
|
+
src: e.src,
|
|
44
|
+
alt: e.alt,
|
|
45
|
+
srcset: e.srcSet,
|
|
46
|
+
onLoad: x,
|
|
47
|
+
onError: T
|
|
48
|
+
}, null, 40, N),
|
|
49
|
+
i.value ? (l(), s("div", C, [
|
|
50
|
+
c(o.$slots, "error", {}, () => [
|
|
51
|
+
u(f(_.value), 1)
|
|
36
52
|
])
|
|
37
|
-
])) :
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
s(o.computedLoadingText),
|
|
41
|
-
1
|
|
42
|
-
/* TEXT */
|
|
43
|
-
)
|
|
53
|
+
])) : a.value ? p("", !0) : (l(), s("div", V, [
|
|
54
|
+
c(o.$slots, "loading", {}, () => [
|
|
55
|
+
u(f(h.value), 1)
|
|
44
56
|
])
|
|
45
57
|
]))
|
|
46
|
-
],
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
)) : n("v-if", !0);
|
|
50
|
-
}
|
|
51
|
-
const S = /* @__PURE__ */ _(l, [["render", h], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-image/NmorphImage.vue"]]);
|
|
58
|
+
], 6)) : p("", !0);
|
|
59
|
+
}
|
|
60
|
+
});
|
|
52
61
|
export {
|
|
53
|
-
|
|
62
|
+
D as default
|
|
54
63
|
};
|