@nmorph/nmorph-ui-kit 3.0.3 → 3.0.5

package/dist/package.json.js

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

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

@@ -14,6 +14,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphScrollPr
 }>, {
     modelValue: NmorphCoordsType;
     height: string;
+    gap: string | number;
     maxHeight: string;
     scrollYProp: "scroll" | "auto" | "hidden";
     scrollXProp: "scroll" | "auto" | "hidden";

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

@@ -19,6 +19,7 @@ export type NmorphScrollBehaviorType = NmorphScrollBehavior;
 export interface INmorphScrollProps {
     height?: string;
     maxHeight?: string;
+    gap?: number | string;
     modelValue?: NmorphCoordsType;
     scrollYProp?: NmorphScrollOverflowType;
     scrollXProp?: NmorphScrollOverflowType;

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

@@ -11,6 +11,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphCardProp
     cardPadding: string | number;
     padding: string | number;
     contentPadding: string | number;
+    paper: number;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, any>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -8,6 +8,7 @@ export interface INmorphCardProps {
     radius?: number | string;
     contentPadding?: number | string;
     contentClass?: string;
+    paper?: number;
     fill?: boolean;
     tag?: string;
 }

package/dist/src/components/data/nmorph-media-gallery/NmorphMediaGallery.vue.d.ts

@@ -1,6 +1,7 @@
+import { NmorphCSSProperties } from '../../../types';
 import { INmorphMediaGalleryProps, NmorphMediaGalleryItem } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { NmorphMediaGalleryFit } from '../..';
+import { NmorphMediaGalleryTriggerLayout, NmorphMediaGalleryTriggerClass, NmorphMediaGalleryFit } from '../..';
 declare const _default: DefineComponent<INmorphMediaGalleryProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:model-value": (value: boolean) => any;
     change: (item: NmorphMediaGalleryItem, index: number) => any;
@@ -25,6 +26,7 @@ declare const _default: DefineComponent<INmorphMediaGalleryProps, {}, {}, {}, {}
     showNavigationButtons: boolean;
     previewWidth: string | number;
     previewHeight: string | number;
+    triggerStyle: NmorphCSSProperties;
     showPlaybackButton: boolean;
     activeIndex: number;
     showTriggerName: boolean;
@@ -34,6 +36,8 @@ declare const _default: DefineComponent<INmorphMediaGalleryProps, {}, {}, {}, {}
     showTriggerFullscreenAction: boolean;
     showTriggerDownloadAction: boolean;
     showTriggerPlayButton: boolean;
+    triggerLayout: NmorphMediaGalleryTriggerLayout;
+    triggerClass: NmorphMediaGalleryTriggerClass;
     triggerImageFit: NmorphMediaGalleryFit;
     triggerVideoFit: NmorphMediaGalleryFit;
     showFileName: boolean;

package/dist/src/components/data/nmorph-media-gallery/types.d.ts

@@ -1,8 +1,11 @@
 import { NmorphCSSProperties } from '../../../types';
 export type NmorphMediaGalleryFit = 'cover' | 'contain';
+export type NmorphMediaGalleryTriggerLayout = 'grid' | 'natural' | 'mosaic';
 export type NmorphMediaGalleryVideoPreload = 'none' | 'metadata' | 'auto';
-export type NmorphMediaGalleryTriggerItemClass = string | string[] | Record<string, boolean | undefined>;
-export type NmorphMediaGalleryTriggerItemStyle = NmorphCSSProperties;
+export type NmorphMediaGalleryTriggerClass = string | string[] | Record<string, boolean | undefined>;
+export type NmorphMediaGalleryTriggerStyle = NmorphCSSProperties;
+export type NmorphMediaGalleryTriggerItemClass = NmorphMediaGalleryTriggerClass;
+export type NmorphMediaGalleryTriggerItemStyle = NmorphMediaGalleryTriggerStyle;
 export interface INmorphMediaGalleryItemBase {
     src: string;
     name?: string;
@@ -40,6 +43,9 @@ export interface INmorphMediaGalleryProps {
     showTriggerFullscreenAction?: boolean;
     showTriggerDownloadAction?: boolean;
     showTriggerPlayButton?: boolean;
+    triggerLayout?: NmorphMediaGalleryTriggerLayout;
+    triggerClass?: NmorphMediaGalleryTriggerClass;
+    triggerStyle?: NmorphMediaGalleryTriggerStyle;
     triggerImageFit?: NmorphMediaGalleryFit;
     triggerVideoFit?: NmorphMediaGalleryFit;
     triggerItemClass?: (item: NmorphMediaGalleryItem, index: number) => NmorphMediaGalleryTriggerItemClass | undefined;

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

@@ -14,6 +14,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphMediaTil
     playsinline: boolean;
     autoplay: boolean;
     srcObject: MediaStream;
+    sinkId: string;
     mirrored: boolean;
     avatarSrc: string;
     showFallback: boolean;
@@ -23,9 +24,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphMediaTil
     screenSharing: boolean;
     speaking: boolean;
     selected: boolean;
-    pinned: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {
     videoRef: HTMLVideoElement;
+    audioRef: HTMLAudioElement;
 }, HTMLDivElement>, {
     overlay?(_: {}): any;
 }>;

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

@@ -2,6 +2,7 @@ export type NmorphMediaTileFit = 'cover' | 'contain';
 export interface INmorphMediaTileProps {
     src?: string;
     srcObject?: MediaStream | null;
+    sinkId?: string;
     fit?: NmorphMediaTileFit;
     mirrored?: boolean;
     muted?: boolean;
@@ -17,7 +18,6 @@ export interface INmorphMediaTileProps {
     screenSharing?: boolean;
     speaking?: boolean;
     selected?: boolean;
-    pinned?: boolean;
     error?: boolean;
     errorText?: string;
 }

package/dist/src/components/data/nmorph-pagination/NmorphPagination.vue.d.ts

@@ -5,6 +5,7 @@ declare const _default: DefineComponent<INmorphPaginationProps, {}, {}, {}, {},
 }, string, PublicProps, Readonly<INmorphPaginationProps> & Readonly<{
     "onUpdate:model-value"?: (currentPage: number) => any;
 }>, {
+    loading: boolean;
     modelValue: number;
     thickness: "basic" | "thick" | "thin";
     disabled: boolean;

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

@@ -4,6 +4,7 @@ export interface INmorphPaginationProps {
     modelValue?: number;
     elementsQuantityOnPage?: number;
     disabled?: boolean;
+    loading?: boolean;
     hideOnSinglePage?: boolean;
     maxVisiblePages?: number;
     fastForwardStep?: number;

package/dist/src/components/data/nmorph-qr-code/NmorphQRCode.vue.d.ts

@@ -7,8 +7,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphQRCodePr
     color: string;
     size: string | number;
     level: NmorphQRCodeErrorCorrectionLevel;
-    margin: number;
     background: string;
+    margin: number;
     minVersion: number;
     maxVersion: number;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>, {

package/dist/src/components/feedback/nmorph-alert/NmorphAlert.vue.d.ts

@@ -13,9 +13,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphAlertCom
     showIcon: boolean;
     bordered: boolean;
     content: string;
+    backgroundColor: string;
     closable: boolean;
     closeIconPosition: string;
-    backgroundColor: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
     icon?(_: {}): any;
     title?(_: {}): any;

package/dist/src/components/feedback/nmorph-guide/NmorphGuide.vue.d.ts

@@ -26,6 +26,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphGuidePro
     modelValue: boolean;
     width: string | number;
     zIndex: number;
+    teleportTo: string | HTMLElement;
+    disabledTeleport: boolean;
     loop: boolean;
     maxWidth: string | number;
     showClose: boolean;

package/dist/src/components/feedback/nmorph-guide/types.d.ts

@@ -27,6 +27,8 @@ export interface INmorphGuideProps {
     finishText?: string;
     closeText?: string;
     zIndex?: number;
+    teleportTo?: string | HTMLElement;
+    disabledTeleport?: boolean;
     width?: number | string;
     maxWidth?: number | string;
 }
@@ -77,6 +79,8 @@ export interface INmorphGuideContext {
     finishText: ComputedRef<string>;
     closeText: ComputedRef<string>;
     zIndex: ComputedRef<number | undefined>;
+    teleportTo: ComputedRef<string | HTMLElement>;
+    disabledTeleport: ComputedRef<boolean>;
     width: ComputedRef<number | string | undefined>;
     maxWidth: ComputedRef<number | string | undefined>;
     registerStep: (step: INmorphGuideStepItem) => void;

package/dist/src/components/feedback/nmorph-tooltip/NmorphTooltip.vue.d.ts

@@ -12,6 +12,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphTooltipP
     width: string | number;
     height: string | number;
     zIndex: number;
+    teleportTo: string | HTMLElement;
+    disabledTeleport: boolean;
     position: NmorphPlacementType;
     touch: NmorphTooltipTouchBehavior;
     maxWidth: string | number;

package/dist/src/components/feedback/nmorph-tooltip/types.d.ts

@@ -12,6 +12,8 @@ export interface INmorphTooltipProps {
     openDelay?: number;
     closeDelay?: number;
     zIndex?: number;
+    teleportTo?: string | HTMLElement;
+    disabledTeleport?: boolean;
     width?: number | string;
     maxWidth?: number | string;
     height?: number | string;

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

@@ -29,6 +29,8 @@ declare const _default: DefineComponent<INmorphSliderProps, {}, {}, {}, {}, Comp
             width: string | number;
             height: string | number;
             zIndex: number;
+            teleportTo: string | HTMLElement;
+            disabledTeleport: boolean;
             position: NmorphPlacementType;
             touch: NmorphTooltipTouchBehavior;
             maxWidth: string | number;
@@ -48,10 +50,12 @@ declare const _default: DefineComponent<INmorphSliderProps, {}, {}, {}, {}, Comp
             readonly openDelay?: number;
             readonly closeDelay?: number;
             readonly zIndex?: number;
+            readonly teleportTo?: string | HTMLElement;
+            readonly disabledTeleport?: boolean;
             readonly width?: string | number;
             readonly maxWidth?: string | number;
             readonly height?: string | number;
-        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "text" | "disabled" | "width" | "height" | "zIndex" | "position" | "touch" | "maxWidth" | "openDelay" | "closeDelay" | "forceShow" | "forceCoordinate" | "trigger">;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "text" | "disabled" | "width" | "height" | "zIndex" | "teleportTo" | "disabledTeleport" | "position" | "touch" | "maxWidth" | "openDelay" | "closeDelay" | "forceShow" | "forceCoordinate" | "trigger">;
         $attrs: Attrs;
         $refs: {
             [x: string]: unknown;
@@ -79,6 +83,8 @@ declare const _default: DefineComponent<INmorphSliderProps, {}, {}, {}, {}, Comp
             width: string | number;
             height: string | number;
             zIndex: number;
+            teleportTo: string | HTMLElement;
+            disabledTeleport: boolean;
             position: NmorphPlacementType;
             touch: NmorphTooltipTouchBehavior;
             maxWidth: string | number;
@@ -113,6 +119,8 @@ declare const _default: DefineComponent<INmorphSliderProps, {}, {}, {}, {}, Comp
         width: string | number;
         height: string | number;
         zIndex: number;
+        teleportTo: string | HTMLElement;
+        disabledTeleport: boolean;
         position: NmorphPlacementType;
         touch: NmorphTooltipTouchBehavior;
         maxWidth: string | number;
@@ -121,7 +129,7 @@ declare const _default: DefineComponent<INmorphSliderProps, {}, {}, {}, {}, Comp
         forceShow: boolean;
         forceCoordinate: Partial< INmorphCoords<string>>;
         trigger: NmorphTooltipTrigger;
-    }> & Omit<Readonly< INmorphTooltipProps> & Readonly<{}>, "toggle" | "close" | "open" | "tooltipBody" | ("text" | "disabled" | "width" | "height" | "zIndex" | "position" | "touch" | "maxWidth" | "openDelay" | "closeDelay" | "forceShow" | "forceCoordinate" | "trigger")> & {
+    }> & Omit<Readonly< INmorphTooltipProps> & Readonly<{}>, "toggle" | "close" | "open" | "tooltipBody" | ("text" | "disabled" | "width" | "height" | "zIndex" | "teleportTo" | "disabledTeleport" | "position" | "touch" | "maxWidth" | "openDelay" | "closeDelay" | "forceShow" | "forceCoordinate" | "trigger")> & {
         tooltipBody: HTMLElement;
         open: () => void;
         close: () => void;

package/dist/src/components/form/nmorph-switch/NmorphSwitch.vue.d.ts

@@ -12,9 +12,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphSwitchPr
     disabled: boolean;
     width: string | number;
     height: string | number;
+    offset: string | number;
     activeValue: NmorphSwitchModelType;
     inactiveValue: NmorphSwitchModelType;
-    offset: string | number;
     thumbHeight: string | number;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {
     inputDOMRef: HTMLInputElement;

package/dist/src/components/navigation/nmorph-context-menu/NmorphContextMenu.vue.d.ts

@@ -31,8 +31,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphContextM
     trapFocus: boolean;
     role: string;
     hideShadow: boolean;
-    options: NmorphContextMenuOption[];
     maxWidth: string | number;
+    options: NmorphContextMenuOption[];
     placement: NmorphPlacementType;
     yOffset: number;
     xOffset: number;