@ironsource/shared-ui 2.0.0-rc.5 → 2.0.0-rc.7

package/components/snackbar/v4/SnackbarV4.vue.d.ts

@@ -0,0 +1,186 @@
+import { VNode } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    customClass: string;
+    dangerouslyUseHTMLString: boolean;
+    duration?: number;
+    id: string;
+    message: string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    offset: number;
+    onClick: () => void;
+    onClose: () => void;
+    type?: "error" | "info" | "success";
+    position?: "bottom-right" | "bottom-left" | "top-right" | "top-left";
+    showClose?: boolean;
+    title?: string;
+    zIndex?: number;
+    actionButtons: (Partial<{
+        size: "small" | "medium" | "large" | "extraLarge";
+        testId: string;
+        variant: "text" | "contained" | "outlined";
+        loading: boolean;
+        content: string;
+        disabled: boolean;
+        color: "default" | "info" | "success" | "warning" | "primary" | "danger";
+        startIconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
+        endIconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
+    }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<"text" | "contained" | "outlined">;
+            default: string;
+        };
+        loading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        content: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        color: {
+            type: import("vue").PropType<"default" | "info" | "success" | "warning" | "primary" | "danger">;
+            default: string;
+        };
+        startIconName: {
+            type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon">;
+            default: any;
+        };
+        endIconName: {
+            type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon">;
+            default: any;
+        };
+    }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "testId" | "variant" | "loading" | "content" | "disabled" | "color" | "startIconName" | "endIconName">)[];
+    testId: string;
+}>, {
+    type: string;
+    zIndex: number;
+    duration: number;
+    showClose: boolean;
+    title: string;
+    position: string;
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    destroy: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    customClass: string;
+    dangerouslyUseHTMLString: boolean;
+    duration?: number;
+    id: string;
+    message: string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    offset: number;
+    onClick: () => void;
+    onClose: () => void;
+    type?: "error" | "info" | "success";
+    position?: "bottom-right" | "bottom-left" | "top-right" | "top-left";
+    showClose?: boolean;
+    title?: string;
+    zIndex?: number;
+    actionButtons: (Partial<{
+        size: "small" | "medium" | "large" | "extraLarge";
+        testId: string;
+        variant: "text" | "contained" | "outlined";
+        loading: boolean;
+        content: string;
+        disabled: boolean;
+        color: "default" | "info" | "success" | "warning" | "primary" | "danger";
+        startIconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
+        endIconName: "filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon";
+    }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<"text" | "contained" | "outlined">;
+            default: string;
+        };
+        loading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        content: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        color: {
+            type: import("vue").PropType<"default" | "info" | "success" | "warning" | "primary" | "danger">;
+            default: string;
+        };
+        startIconName: {
+            type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon">;
+            default: any;
+        };
+        endIconName: {
+            type: import("vue").PropType<"filter" | "a" | "b" | "link" | "style" | "image" | "switch" | "search" | "FiltersSearch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "hammer" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "widgets-flat-squares" | "adjust" | "copy-to-clipboard-filled" | "cube" | "cube-background" | "marketing" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad" | "question" | "info-v4" | "check-v4" | "warning-circle" | "eye-v4" | "eye-slash" | "warning-v4" | "check-circle" | "warning-octagon">;
+            default: any;
+        };
+    }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "testId" | "variant" | "loading" | "content" | "disabled" | "color" | "startIconName" | "endIconName">)[];
+    testId: string;
+}>, {
+    type: string;
+    zIndex: number;
+    duration: number;
+    showClose: boolean;
+    title: string;
+    position: string;
+    testId: string;
+}>>> & {
+    onDestroy?: (...args: any[]) => any;
+}, {
+    type: "error" | "info" | "success";
+    title: string;
+    testId: string;
+    position: "bottom-right" | "bottom-left" | "top-right" | "top-left";
+    zIndex: number;
+    duration: number;
+    showClose: boolean;
+}>, {
+    default?(_: {}): any;
+    actions?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/snackbar/v4/SnackbarV4.vue.js

@@ -0,0 +1,7 @@
+import o from "./SnackbarV4.vue2.js";
+/* empty css                 */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_48311746_lang.css"; //*');
+const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-48311746"]]);
+export {
+  s as default
+};

package/components/snackbar/v4/SnackbarV4.vue2.js

@@ -0,0 +1,137 @@
+ import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_48311746_lang.css"; import { defineComponent as $, computed as p, openBlock as n, createBlock as c, Transition as A, withCtx as f, withDirectives as g, createElementVNode as a, mergeProps as l, unref as e, createVNode as O, createTextVNode as I, toDisplayString as T, createCommentVNode as d, renderSlot as h, vShow as B, createElementBlock as N, Fragment as V, renderList as x, withModifiers as z } from "vue";
+import U from "../../icon/v4/IconV4.vue.js";
+import D from "../../button/v4/ButtonV4.vue.js";
+import H from "../../button/v4/IconButtonV4.vue.js";
+import S from "../../typography/v4/Typography.vue.js";
+import { snackbarCommon as F } from "../common/snackbar.common.js";
+import { useTestIdAttrs as G } from "../../../utils/testIds.js";
+import { SnackbarTestIdModifiers as i } from "../../../testids/index.js";
+const P = ["id"], R = { class: "container" }, j = { class: "texts" }, q = { class: "message" }, J = { class: "action-wrapper" }, K = {
+  key: 0,
+  class: "actions"
+}, Q = { class: "close-button-wrapper" }, se = /* @__PURE__ */ $({
+  __name: "SnackbarV4",
+  props: {
+    customClass: null,
+    dangerouslyUseHTMLString: { type: Boolean },
+    duration: { default: 3e3 },
+    id: null,
+    message: null,
+    offset: null,
+    onClick: null,
+    onClose: null,
+    type: { default: "info" },
+    position: { default: "top-right" },
+    showClose: { type: Boolean, default: !0 },
+    title: { default: "" },
+    zIndex: { default: 0 },
+    actionButtons: null,
+    testId: { default: "" }
+  },
+  emits: ["destroy"],
+  setup(t) {
+    const u = t, {
+      visible: b,
+      horizontalClass: w,
+      positionStyle: L,
+      clearTimer: k,
+      startTimer: C,
+      close: E
+    } = F(u), M = {
+      info: {
+        iconName: "info",
+        class: "snackbar-icon-info"
+      },
+      error: {
+        iconName: "warning-octagon",
+        class: "snackbar-icon-error"
+      },
+      success: {
+        iconName: "check-circle",
+        class: "snackbar-icon-success"
+      }
+    }, y = p(() => M[u.type]), r = G(u.testId, i);
+    return (m, o) => (n(), c(A, {
+      name: "snackbar",
+      onBeforeLeave: t.onClose,
+      onAfterLeave: o[3] || (o[3] = (s) => m.$emit("destroy"))
+    }, {
+      default: f(() => [
+        g(a("div", l({
+          id: t.id,
+          class: ["snackbar light-theme-v4", [t.customClass, e(w)]],
+          style: e(L),
+          role: "alert"
+        }, e(r)[e(i).CONTAINER], {
+          onMouseenter: o[0] || (o[0] = //@ts-ignore
+          (...s) => e(k) && e(k)(...s)),
+          onMouseleave: o[1] || (o[1] = //@ts-ignore
+          (...s) => e(C) && e(C)(...s)),
+          onClick: o[2] || (o[2] = //@ts-ignore
+          (...s) => t.onClick && t.onClick(...s))
+        }), [
+          a("div", R, [
+            a("div", j, [
+              t.title ? (n(), c(e(S), l({
+                key: 0,
+                variant: "h4",
+                class: "title"
+              }, e(r)[e(i).TITLE]), {
+                default: f(() => [
+                  O(e(U), l({
+                    name: e(y).iconName,
+                    type: "fill",
+                    size: "24px",
+                    class: [e(y).class, "icon-container"]
+                  }, e(r)[e(i).ICON]), null, 16, ["name", "class"]),
+                  I(" " + T(t.title), 1)
+                ]),
+                _: 1
+              }, 16)) : d("", !0),
+              g(a("div", q, [
+                h(m.$slots, "default", {}, () => [
+                  t.dangerouslyUseHTMLString ? d("", !0) : (n(), c(e(S), l({
+                    key: 0,
+                    variant: "body2"
+                  }, e(r)[e(i).MESSAGE]), {
+                    default: f(() => [
+                      I(T(t.message), 1)
+                    ]),
+                    _: 1
+                  }, 16))
+                ], !0)
+              ], 512), [
+                [B, t.message]
+              ]),
+              a("div", J, [
+                h(m.$slots, "actions", {}, () => [
+                  t.actionButtons ? (n(), N("div", K, [
+                    (n(!0), N(V, null, x(t.actionButtons, (s, v) => (n(), c(e(D), l({
+                      key: v,
+                      "data-testid": t.testId ? `${t.testId}-${e(i).ACTION_BUTTON}-${v}` : ""
+                    }, { ...s }), null, 16, ["data-testid"]))), 128))
+                  ])) : d("", !0)
+                ], !0)
+              ])
+            ]),
+            a("div", Q, [
+              t.showClose ? (n(), c(e(H), l({
+                key: 0,
+                "icon-name": "x",
+                size: "small"
+              }, e(r)[e(i).CLOSE], {
+                onClick: z(e(E), ["stop"])
+              }), null, 16, ["onClick"])) : d("", !0)
+            ])
+          ])
+        ], 16, P), [
+          [B, e(b)]
+        ])
+      ]),
+      _: 3
+    }, 8, ["onBeforeLeave"]));
+  }
+});
+export {
+  se as default
+};

package/components/snackbar/v4/index.d.ts

@@ -0,0 +1,4 @@
+export declare const Snackbar: import("../common/snackbar.types").Notify;
+export default Snackbar;
+export declare const createSnackbar: (constructorComponent: any) => import("../common/snackbar.types").Notify;
+export * from '../common/snackbar.types';

package/components/snackbar/v4/index.js

@@ -0,0 +1,11 @@
+import a from "./SnackbarV4.vue.js";
+import r from "../common/notify.js";
+import { snackbarEmits as m, snackbarTypes as b } from "../common/snackbar.types.js";
+const c = r(a), e = r;
+export {
+  c as Snackbar,
+  e as createSnackbar,
+  c as default,
+  m as snackbarEmits,
+  b as snackbarTypes
+};

package/components/table/common/Table.common.d.ts

@@ -0,0 +1,35 @@
+import { CSSProperties } from 'vue';
+import { Column, Row } from './Table.types';
+export declare const tableCommon: (props: any, emit: any) => {
+    list: import("vue").Ref<import("@vueuse/core").UseVirtualListItem<Row>[]>;
+    containerProps: {
+        ref: import("vue").Ref<any>;
+        onScroll: () => void;
+        style: Partial<CSSStyleDeclaration>;
+    };
+    wrapperProps: import("vue").ComputedRef<{
+        style: {
+            width: string;
+            height: string;
+            marginTop: string;
+        };
+    }>;
+    activeRow: any;
+    gridColumnTemplate: import("vue").ComputedRef<any>;
+    floatingActionRef: import("vue").Ref<HTMLDivElement>;
+    scrollToTop: () => void;
+    toggleSortOrder: (column: Column) => void;
+    columnsStickyPositions: import("vue").ComputedRef<Record<string, string>>;
+    hasSearchSlot: import("vue").ComputedRef<boolean>;
+    showBackToTopButton: import("vue").ComputedRef<boolean>;
+    containerStyle: import("vue").ComputedRef<CSSProperties>;
+    onScroll: (event: any) => void;
+    savingRows: import("vue").Ref<any[]>;
+    floatingActionPosition: import("vue").Ref<number>;
+    hasExpandSlot: import("vue").ComputedRef<boolean>;
+    hasCheckboxes: import("vue").ComputedRef<boolean>;
+    toggleExpandRow: (index: number, event: any) => Promise<void>;
+    isRowExpanded: (rowIndex: number) => boolean;
+    cssRowHeight: import("vue").ComputedRef<string>;
+    cssExpandGridCol: import("vue").ComputedRef<string>;
+};

package/components/table/common/Table.common.js

@@ -0,0 +1,114 @@
+import { ref as u, provide as z, computed as l, useSlots as G, onMounted as K, nextTick as N } from "vue";
+import { useVirtualList as V, useInfiniteScroll as j } from "@vueuse/core";
+import { TableContext as q } from "./TableContext.js";
+const F = 46, J = 46, Z = (o, a) => {
+  const c = u([]);
+  z(q, {
+    onClose({ rowIndex: t, cellIndex: e, value: n } = {}) {
+      n && (c.value = [...c.value, t], a("saveRow", {
+        rowIndex: t,
+        cellIndex: e,
+        value: n,
+        confirm: () => {
+          c.value = c.value.filter(
+            (s) => s !== t
+          );
+        }
+      }));
+    }
+  });
+  const m = l(() => o.selection !== null), T = l(() => {
+    const t = (m.value ? `${J}px ` : "") + (C.value ? `${F}px ` : "");
+    return o.columns.reduce((e, n) => {
+      const s = n.width ? `${n.width}px` : `${n.colSpan || 1}fr`;
+      return `${e} ${s}`;
+    }, t);
+  }), R = u(null), y = l(() => Array(o.loadingRowCount).fill(
+    Array(o.columns.length).fill("")
+  )), $ = l(() => o.isLoading ? [...o.rows, ...y.value] : o.rows), { list: v, containerProps: i, wrapperProps: b } = V($, {
+    itemHeight: (t) => h[t] ?? o.rowHeight
+  }), H = u(null), g = u(0), x = G(), k = l(() => !!x.search), B = (t) => {
+    i.onScroll(), g.value = t.target.scrollLeft + t.target.getBoundingClientRect().width, a("onScroll", t.target.scrollTop);
+  };
+  K(() => {
+    g.value = i.ref.value?.getBoundingClientRect().width, o.defaultScrollPosition && setTimeout(() => {
+      i.ref.value?.scrollTo({
+        top: o.defaultScrollPosition,
+        behavior: "smooth"
+      });
+    }, 300);
+  });
+  const I = l(() => {
+    const [t] = v.value;
+    return t && t.index > 0;
+  }), O = l(() => i.style), P = l(() => o.columns.reduce((t, e) => (e.isSticky && (t[e.id] = A(e)), t), {}));
+  j(
+    i.ref,
+    () => {
+      o.isInfiniteScroll && a("loadMore");
+    },
+    { distance: o.infiniteScrollThreshold }
+  );
+  function E() {
+    i.ref.value?.scrollTo({
+      top: 0,
+      behavior: "smooth"
+    });
+  }
+  function L(t) {
+    if (!o.sort)
+      return;
+    const e = o.sort.sortBy === t.id;
+    if (!(t.isSortable || t.isSortable === void 0))
+      return;
+    let s = o.sort.sortOrder, f = o.sort.sortBy;
+    e ? s = o.sort.sortOrder === "asc" ? "desc" : "asc" : f = t.id, a("update:sort", { sortBy: f, sortOrder: s });
+  }
+  function A(t) {
+    const { isSticky: e, width: n } = t;
+    if (!e || !n)
+      return null;
+    const s = o.columns.findIndex((r) => r.id === t.id), f = o.columns.reduce((r, S, w) => w < s ? r + S.width : r, 0), X = o.columns.reduce((r, S, w) => w > s ? r + S.width : r, 0);
+    return {
+      ...t.isStickyRight ? { right: `${X}px` } : { left: `${f}px` },
+      zIndex: 1
+    };
+  }
+  const d = u([]), h = {}, _ = (t) => d.value.includes(t), D = async (t, e) => {
+    const n = d.value.indexOf(t);
+    if (n === -1) {
+      d.value.push(t);
+      const s = e.target.closest("tr");
+      await N(), s && (h[t] = s.offsetHeight);
+    } else
+      d.value.splice(n, 1), delete h[t];
+  }, C = l(() => !!x.expanded), M = l(() => `${o.rowHeight}px`), W = l(
+    () => `1 / span ${o.columns.length + 1}`
+  );
+  return {
+    list: v,
+    containerProps: i,
+    wrapperProps: b,
+    activeRow: R,
+    gridColumnTemplate: T,
+    floatingActionRef: H,
+    scrollToTop: E,
+    toggleSortOrder: L,
+    columnsStickyPositions: P,
+    hasSearchSlot: k,
+    showBackToTopButton: I,
+    containerStyle: O,
+    onScroll: B,
+    savingRows: c,
+    floatingActionPosition: g,
+    hasExpandSlot: C,
+    hasCheckboxes: m,
+    toggleExpandRow: D,
+    isRowExpanded: _,
+    cssRowHeight: M,
+    cssExpandGridCol: W
+  };
+};
+export {
+  Z as tableCommon
+};

package/components/table/{Table.types.d.ts → common/Table.types.d.ts}

@@ -1,3 +1,4 @@
+export type Row = unknown[];
 export type Column = {
     id: string;
     title: string;
@@ -7,6 +8,7 @@ export type Column = {
     colSpan?: number;
     width?: number;
     isTextRight?: boolean;
+    isStickyRight?: boolean;
 };
 export type Section = {
     id: string;
@@ -19,3 +21,8 @@ export type Sort = {
     sortBy: string;
     sortOrder: 'asc' | 'desc';
 };
+export type MenuItem = {
+    id: string | number;
+    text: string;
+    icon?: string;
+};

package/components/table/v3/SortOrderIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/components/table/v3/SortOrderIcon.vue.js

@@ -0,0 +1,21 @@
+import { openBlock as t, createElementBlock as e, pushScopeId as c, popScopeId as r, createElementVNode as n } from "vue";
+/* empty css                    */import s from "../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {}, d = (o) => (c("data-v-cb20f507"), o = o(), r(), o), p = {
+  width: "8",
+  height: "4",
+  viewBox: "0 0 8 4",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, i = /* @__PURE__ */ d(() => /* @__PURE__ */ n("path", {
+  d: "M7.94188 3.66979L4.21022 0.0771272C4.1034 -0.0257091 3.89773 -0.0257091 3.78978 0.0771272L0.0581151 3.66979C-0.0805157 3.80376 0.0444792 4 0.268334 4H7.73167C7.95552 4 8.08052 3.80376 7.94188 3.66979Z",
+  fill: "currentColor"
+}, null, -1)), l = [
+  i
+];
+function a(o, f) {
+  return t(), e("svg", p, l);
+}
+const u = /* @__PURE__ */ s(_, [["render", a], ["__scopeId", "data-v-cb20f507"]]);
+export {
+  u as default
+};