@nmorph/nmorph-ui-kit 2.2.43 → 2.2.45

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const a = "2.2.43", e = {
+const a = "2.2.45", e = {
   version: a
 };
 export {

package/dist/src/components/basic/nmorph-scroll/NmorphScroll.vue.d.ts

@@ -25,6 +25,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphScrollPr
     xGapInPx: number;
     yGapInPx: number;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {
+    scrollRoot: HTMLDivElement;
     scrollDOMContainer: HTMLDivElement;
 }, HTMLDivElement>, {
     default?(_: {}): any;

package/dist/src/components/data/index.d.ts

@@ -1,6 +1,8 @@
 export { default as NmorphAvatar } from './nmorph-avatar/NmorphAvatar.vue';
 export { default as NmorphAudioMeter } from './nmorph-audio-meter/NmorphAudioMeter.vue';
 export * from './nmorph-audio-meter/types';
+export { default as NmorphAudioPreview } from './nmorph-audio-preview/NmorphAudioPreview.vue';
+export * from './nmorph-audio-preview/types';
 export { default as NmorphBadge } from './nmorph-badge/NmorphBadge.vue';
 export { default as NmorphCalendar } from './nmorph-calendar/NmorphCalendar.vue';
 export * from './nmorph-calendar/types';
@@ -14,6 +16,10 @@ export { default as NmorphCollapse } from './nmorph-collapse/NmorphCollapse.vue'
 export { default as NmorphCollapseItem } from './nmorph-collapse/components/nmorph-collapse-item/NmorphCollapseItem.vue';
 export * from './nmorph-collapse/types';
 export { default as NmorphEmpty } from './nmorph-empty/NmorphEmpty.vue';
+export { default as NmorphEmojiPicker } from './nmorph-emoji-picker/NmorphEmojiPicker.vue';
+export * from './nmorph-emoji-picker/types';
+export { default as NmorphFileCard } from './nmorph-file-card/NmorphFileCard.vue';
+export * from './nmorph-file-card/types';
 export { default as NmorphImage } from './nmorph-image/NmorphImage.vue';
 export { default as NmorphImagePreview } from './nmorph-image-preview/NmorphImagePreview.vue';
 export * from './nmorph-image-preview/types';
@@ -36,3 +42,5 @@ export { default as NmorphTagItem } from './nmorph-tag-list/components/nmorph-ta
 export * from './nmorph-tag-list/types';
 export { default as NmorphVirtualList } from './nmorph-virtual-list/NmorphVirtualList.vue';
 export * from './nmorph-virtual-list/types';
+export { default as NmorphVideoPreview } from './nmorph-video-preview/NmorphVideoPreview.vue';
+export * from './nmorph-video-preview/types';

package/dist/src/components/data/nmorph-audio-preview/NmorphAudioPreview.vue.d.ts

@@ -0,0 +1,38 @@
+import { INmorphAudioPreviewProps } from './types';
+import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphAudioPreviewProps, {
+    audioRef: Ref<HTMLAudioElement, HTMLAudioElement>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    error: (val: Event) => any;
+    pause: (val: Event) => any;
+    play: (val: Event) => any;
+    open: () => any;
+    download: () => any;
+}, string, PublicProps, Readonly<INmorphAudioPreviewProps> & Readonly<{
+    onError?: (val: Event) => any;
+    onPause?: (val: Event) => any;
+    onPlay?: (val: Event) => any;
+    onOpen?: () => any;
+    onDownload?: () => any;
+}>, {
+    name: string;
+    loading: boolean;
+    error: boolean;
+    width: string | number;
+    durationMs: number;
+    compact: boolean;
+    preload: "metadata" | "auto" | "none";
+    downloadHref: string;
+    errorText: string;
+    showDefaultActions: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    audioRef: HTMLAudioElement;
+}, HTMLDivElement>, {
+    actions?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/data/nmorph-audio-preview/types.d.ts

@@ -0,0 +1,20 @@
+export interface INmorphAudioPreviewProps {
+    src: string;
+    name?: string;
+    durationMs?: number;
+    width?: number | string;
+    compact?: boolean;
+    preload?: 'none' | 'metadata' | 'auto';
+    downloadHref?: string;
+    loading?: boolean;
+    error?: boolean;
+    errorText?: string;
+    showDefaultActions?: boolean;
+}
+export interface INmorphAudioPreviewEmit {
+    (e: 'play', val: Event): void;
+    (e: 'pause', val: Event): void;
+    (e: 'open'): void;
+    (e: 'download'): void;
+    (e: 'error', val: Event): void;
+}

package/dist/src/components/data/nmorph-calendar/NmorphCalendar.vue.d.ts

@@ -10,9 +10,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphCalendar
 }>, {
     type: "date" | "dates" | "daterange";
     modelValue: NmorphSelectedDateModelType;
+    range: [Date, Date];
     markToday: boolean;
     initialDate: Date;
-    range: [Date, Date];
     cellHeight: string | number;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>, {
     header?(_: {}): any;

package/dist/src/components/data/nmorph-emoji-picker/NmorphEmojiPicker.vue.d.ts

@@ -0,0 +1,25 @@
+import { INmorphEmojiPickerI18n, INmorphEmojiPickerProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { NmorphEmojiPickerDataSource } from '../..';
+declare const _default: DefineComponent<INmorphEmojiPickerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    select: (val: string) => any;
+    expand: () => any;
+    collapse: () => any;
+}, string, PublicProps, Readonly<INmorphEmojiPickerProps> & Readonly<{
+    onSelect?: (val: string) => any;
+    onExpand?: () => any;
+    onCollapse?: () => any;
+}>, {
+    height: string | number;
+    disabled: boolean;
+    width: string | number;
+    i18n: INmorphEmojiPickerI18n;
+    language: string;
+    dataSource: NmorphEmojiPickerDataSource;
+    quickList: string[];
+    initialExpanded: boolean;
+    columns: number;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    gridRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/src/components/data/nmorph-emoji-picker/types.d.ts

@@ -0,0 +1,51 @@
+export type NmorphEmojiPickerGroupKey = string | number;
+export interface INmorphEmojiPickerSkinToneVariant {
+    emoji: string;
+    annotation?: string;
+    tags?: string[];
+    tone?: string;
+}
+export interface INmorphEmojiPickerItem {
+    emoji: string;
+    annotation?: string;
+    tags?: string[];
+    group?: NmorphEmojiPickerGroupKey;
+    groupLabel?: string;
+    order?: number;
+    skinToneVariants?: Array<string | INmorphEmojiPickerSkinToneVariant>;
+}
+export interface INmorphEmojiPickerGroup {
+    group: NmorphEmojiPickerGroupKey;
+    label?: string;
+    emojis: Array<string | INmorphEmojiPickerItem>;
+    order?: number;
+}
+export type NmorphEmojiPickerDataSource = Array<string | INmorphEmojiPickerItem | INmorphEmojiPickerGroup> | Record<string, Array<string | INmorphEmojiPickerItem> | INmorphEmojiPickerGroup | unknown>;
+export interface INmorphEmojiPickerI18n {
+    searchPlaceholder?: string;
+    searchLabel?: string;
+    quickLabel?: string;
+    expandLabel?: string;
+    collapseLabel?: string;
+    noResults?: string;
+    categoryLabel?: string;
+    resultsLabel?: string;
+    categories?: Record<string, string>;
+    categoryLabels?: Record<string, string>;
+}
+export interface INmorphEmojiPickerProps {
+    language?: string;
+    dataSource?: NmorphEmojiPickerDataSource;
+    i18n?: INmorphEmojiPickerI18n;
+    quickList?: string[];
+    initialExpanded?: boolean;
+    width?: number | string;
+    height?: number | string;
+    columns?: number;
+    disabled?: boolean;
+}
+export interface INmorphEmojiPickerEmit {
+    (e: 'select', val: string): void;
+    (e: 'expand'): void;
+    (e: 'collapse'): void;
+}

package/dist/src/components/data/nmorph-file-card/NmorphFileCard.vue.d.ts

@@ -0,0 +1,30 @@
+import { INmorphFileCardProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphFileCardProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    error: () => any;
+    open: () => any;
+    download: () => any;
+}, string, PublicProps, Readonly<INmorphFileCardProps> & Readonly<{
+    onError?: () => any;
+    onOpen?: () => any;
+    onDownload?: () => any;
+}>, {
+    loading: boolean;
+    error: boolean;
+    size: number;
+    previewSrc: string;
+    compact: boolean;
+    downloadHref: string;
+    errorText: string;
+    showDefaultActions: boolean;
+    extension: string;
+    mimeType: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, {
+    actions?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/data/nmorph-file-card/types.d.ts

@@ -0,0 +1,18 @@
+export interface INmorphFileCardProps {
+    name: string;
+    extension?: string;
+    mimeType?: string;
+    size?: number;
+    previewSrc?: string;
+    downloadHref?: string;
+    compact?: boolean;
+    loading?: boolean;
+    error?: boolean;
+    errorText?: string;
+    showDefaultActions?: boolean;
+}
+export interface INmorphFileCardEmit {
+    (e: 'open'): void;
+    (e: 'download'): void;
+    (e: 'error'): void;
+}

package/dist/src/components/data/nmorph-media-tile/NmorphMediaTile.vue.d.ts

@@ -9,6 +9,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphMediaTil
     error: boolean;
     src: string;
     fit: NmorphMediaTileFit;
+    errorText: string;
     srcObject: MediaStream;
     mirrored: boolean;
     muted: boolean;
@@ -21,7 +22,6 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphMediaTil
     speaking: boolean;
     selected: boolean;
     pinned: boolean;
-    errorText: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {
     videoRef: HTMLVideoElement;
 }, HTMLDivElement>, {

package/dist/src/components/data/nmorph-video-preview/NmorphVideoPreview.vue.d.ts

@@ -0,0 +1,41 @@
+import { INmorphVideoPreviewProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { NmorphVideoPreviewFit } from '../..';
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphVideoPreviewProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    error: (val: Event) => any;
+    pause: (val: Event) => any;
+    play: (val: Event) => any;
+    open: () => any;
+    download: () => any;
+}, string, PublicProps, Readonly<INmorphVideoPreviewProps> & Readonly<{
+    onError?: (val: Event) => any;
+    onPause?: (val: Event) => any;
+    onPlay?: (val: Event) => any;
+    onOpen?: () => any;
+    onDownload?: () => any;
+}>, {
+    name: string;
+    loading: boolean;
+    height: string | number;
+    error: boolean;
+    width: string | number;
+    fit: NmorphVideoPreviewFit;
+    durationMs: number;
+    compact: boolean;
+    preload: "metadata" | "auto" | "none";
+    downloadHref: string;
+    errorText: string;
+    showDefaultActions: boolean;
+    muted: boolean;
+    playsinline: boolean;
+    poster: string;
+    controls: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, {
+    actions?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/data/nmorph-video-preview/types.d.ts

@@ -0,0 +1,27 @@
+export type NmorphVideoPreviewFit = 'cover' | 'contain';
+export interface INmorphVideoPreviewProps {
+    src: string;
+    poster?: string;
+    name?: string;
+    width?: number | string;
+    height?: number | string;
+    durationMs?: number;
+    compact?: boolean;
+    controls?: boolean;
+    muted?: boolean;
+    playsinline?: boolean;
+    preload?: 'none' | 'metadata' | 'auto';
+    fit?: NmorphVideoPreviewFit;
+    downloadHref?: string;
+    loading?: boolean;
+    error?: boolean;
+    errorText?: string;
+    showDefaultActions?: boolean;
+}
+export interface INmorphVideoPreviewEmit {
+    (e: 'play', val: Event): void;
+    (e: 'pause', val: Event): void;
+    (e: 'open'): void;
+    (e: 'download'): void;
+    (e: 'error', val: Event): void;
+}

package/dist/src/components/form/nmorph-date-picker/inner-components/nmorph-year-month-picker/NmorphYearMonthPicker.vue.d.ts

@@ -9,6 +9,6 @@ declare const _default: DefineComponent<INmorphYearMonthPickerProps, {}, {}, {},
     "onUpdate-month"?: (val: string) => any;
     "onBack-to-years"?: () => any;
 }>, {
-    type: "year" | "month";
+    type: "month" | "year";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/src/components/form/nmorph-file-upload/NmorphFileUpload.vue.d.ts

@@ -14,11 +14,11 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphFileUplo
 }>, {
     modelValue: INmorphCustomFileData[];
     disabled: boolean;
+    compact: boolean;
     allowedTypes: string[];
     multiple: boolean;
     photoWithPreview: boolean;
     buttonText: string;
-    compact: boolean;
     layout: "list" | "grid" | "inline";
     fileNameWidth: string | number;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {

package/dist/src/components/form/nmorph-file-upload/types.d.ts

@@ -24,7 +24,9 @@ export declare enum NmorphDocResolution {
     pdf = "application/pdf",
     msword = "application/msword",
     docx = "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+    xls = "application/vnd.ms-excel",
     xlsx = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    ppt = "application/vnd.ms-powerpoint",
     pptx = "application/vnd.openxmlformats-officedocument.presentationml.presentation",
     json = "application/json",
     xml = "application/xml"
@@ -41,7 +43,9 @@ export declare const resolution: {
     pdf: NmorphDocResolution.pdf;
     msword: NmorphDocResolution.msword;
     docx: NmorphDocResolution.docx;
+    xls: NmorphDocResolution.xls;
     xlsx: NmorphDocResolution.xlsx;
+    ppt: NmorphDocResolution.ppt;
     pptx: NmorphDocResolution.pptx;
     json: NmorphDocResolution.json;
     xml: NmorphDocResolution.xml;

package/dist/src/components/form/nmorph-number-input/NmorphNumberInput.vue.d.ts

@@ -10,8 +10,8 @@ declare const _default: DefineComponent<INmorphNumberInputProps, {
     modelValue: number;
     height: "basic" | "thick" | "thin";
     disabled: boolean;
-    max: number;
     min: number;
+    max: number;
     step: number;
     actionBtnPositionRight: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {

package/dist/src/components/form/nmorph-slider/NmorphSlider.vue.d.ts

@@ -11,8 +11,8 @@ declare const _default: DefineComponent<INmorphSliderProps, {}, {}, {}, {}, Comp
     fill: boolean;
     modelValue: number;
     disabled: boolean;
-    max: number;
     min: number;
+    max: number;
     step: number;
     showTooltip: boolean;
     thumbWidth: number;

package/dist/src/components/form/nmorph-text-input/NmorphTextInput.vue.d.ts

@@ -22,8 +22,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphTextInpu
     height: "basic" | "thick" | "thin";
     disabled: boolean;
     placeholder: string;
-    clearable: boolean;
     typePassword: boolean;
+    clearable: boolean;
     indentation: string;
     inputAttrs: Record<string, string | number | boolean>;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {

package/dist/src/components/form/nmorph-textarea/NmorphTextarea.vue.d.ts

@@ -24,8 +24,8 @@ declare const _default: DefineComponent<INmorphTextareaProps, {
     disabled: boolean;
     resize: NmorphTextareaResizeType;
     placeholder: string;
-    rows: number;
     indentation: string;
+    rows: number;
     minRows: number;
     maxRows: number;
     autoSize: boolean;

package/dist/src/components/navigation/nmorph-backtop/NmorphBacktop.vue.d.ts

@@ -7,10 +7,10 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphBacktopP
     onClick?: () => any;
 }>, {
     right: number;
+    bottom: number;
     zIndex: number;
     teleportTo: string;
     design: NmorphElementDesignType;
-    bottom: number;
     visibilityHeight: number;
     teleportDisabled: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {

package/dist/src/utils/file-types.d.ts

@@ -1,8 +1,15 @@
 import { NmorphResolutionType } from '../components/form/nmorph-file-upload/types';
 export declare const getPlainFileType: (mimeType: string) => string;
 export declare const getFileExtension: (fileName: string) => string;
-export declare const getKnownResolutionByMime: (mimeType: string) => "" | "zip" | "rar" | "7z" | "pdf" | "msword" | "docx" | "xlsx" | "pptx" | "json" | "xml" | "mpeg" | "audio-ogg" | "wav" | "mp4" | "webm" | "video-ogg" | "wideo-ogg" | "jpeg" | "jpg" | "png" | "gif" | "svg-xml" | "webp";
+export declare const getKnownResolutionByMime: (mimeType: string) => "" | "zip" | "rar" | "7z" | "pdf" | "msword" | "docx" | "xls" | "xlsx" | "ppt" | "pptx" | "json" | "xml" | "mpeg" | "audio-ogg" | "wav" | "mp4" | "webm" | "video-ogg" | "wideo-ogg" | "jpeg" | "jpg" | "png" | "gif" | "svg-xml" | "webp";
+export declare const getTypeCandidates: (mimeType: string, fileName?: string) => string[];
 export declare const getFileTypeCandidates: (file: File) => string[];
 export declare const isKnownFileType: <T extends Record<string, string>>(fileType: string, fileTypeMap: T) => any;
+export declare const fileMatchesKnownTypes: <T extends Record<string, string>>(file: File, fileTypeMap: T) => boolean;
+export declare const isImageFile: (file: File) => boolean;
+export declare const isAudioFile: (file: File) => boolean;
+export declare const isVideoFile: (file: File) => boolean;
+export declare const isArchiveFile: (file: File) => boolean;
+export declare const isDocumentFile: (file: File) => boolean;
 export declare const isFileAllowedByTypes: (file: File, allowedTypes: Array<NmorphResolutionType | string>) => boolean;
 export declare const getFileAcceptValue: (allowedTypes: Array<NmorphResolutionType | string>) => string;