@webitel/ui-sdk 25.10.67 → 25.10.69

package/src/plugins/primevue/theme/components/galleria/galleria.js

@@ -0,0 +1,71 @@
+import { GalleriaScheme } from '@webitel/styleguide/component-schemes';
+
+const galleria = {
+  ...GalleriaScheme.sizes,
+  colorScheme: GalleriaScheme.colorScheme,
+
+  css: ({dt}) => `
+    .p-galleria-mask {
+      z-index: ${dt('galleria.mask.zIndex')} !important;
+    }
+
+    .wt-galleria__image-container--preview {
+      width: ${dt('galleria.activeImageContainer.width')};
+      height: ${dt('galleria.activeImageContainer.height')};
+      background: ${dt('galleria.activeImageContainer.background')};
+    }
+
+    .wt-galleria__image--fullscreen {
+      max-height: ${dt('galleria.fullscreenImage.maxHeight')};
+      max-width: ${dt('galleria.fullscreenImage.maxWidth')};
+    }
+
+    .wt-galleria__thumbnail {
+      width: ${dt('galleria.thumbnailImage.width')};
+      height: ${dt('galleria.thumbnailImage.height')};
+    }
+
+    .p-galleria-nav-button svg {
+      fill: ${dt('galleria.navButton.color')};
+    }
+
+    .p-galleria-nav-button:hover svg {
+      fill: ${dt('galleria.navButton.hoverColor')};
+    }
+
+    .p-galleria-thumbnail-nav-button svg {
+      fill: ${dt('galleria.thumbnailNavButton.color')};
+    }
+
+    .p-galleria-thumbnail-nav-button:hover svg {
+      fill: ${dt('galleria.thumbnailNavButton.hoverColor')};
+    }
+
+    .p-galleria-close-button svg {
+      fill: ${dt('galleria.closeButton.color')};
+    }
+
+    .p-galleria-close-button:hover svg {
+      fill: ${dt('galleria.closeButton.hoverColor')};
+    }
+
+    .wt-galleria__footer {
+      background: ${dt('galleria.footer.background')};
+      padding: ${dt('galleria.footer.padding')};
+    }
+
+    .wt-galleria__footer-info {
+      color: ${dt('galleria.footer.color')};
+    }
+
+    .wt-galleria__footer svg {
+      fill: ${dt('galleria.footerIcon.color')};
+    }
+
+    .wt-galleria__footer svg:hover {
+      fill: ${dt('galleria.footerIcon.hoverColor')};
+    }
+  `,
+};
+
+export default galleria;

package/types/components/index.d.ts

@@ -22,6 +22,7 @@ import WtEmpty from './wt-empty/wt-empty.vue';
 import WtErrorPage from './wt-error-page/wt-error-page.vue';
 import WtExpansionPanel from './wt-expansion-panel/wt-expansion-panel.vue';
 import WtFiltersPanelWrapper from './wt-filters-panel-wrapper/wt-filters-panel-wrapper.vue';
+import WtGalleria from './wt-galleria/wt-galleria.vue';
 import WtHeaderActions from './wt-app-header/wt-header-actions.vue';
 import WtHeadline from './wt-headline/wt-headline.vue';
 import WtHint from './wt-hint/wt-hint.vue';
@@ -145,7 +146,8 @@ declare namespace Components {
     export { WtStartPage };
     export { WtSelectionPopup };
     export { WtDisplayChipItems };
+    export { WtGalleria };
     export { WtVidstackPlayer };
     export { WtChatEmoji };
 }
-export { WtActionBar, WtAppHeader, WtAppNavigator, WtAvatar, WtBadge, WtBreadcrumb, WtButton, WtButtonSelect, WtChatEmoji, WtCheckbox, WtChip, WtConfirmDialog, WtContextMenu, WtCopyAction, WtDatepicker, WtDisplayChipItems, WtDivider, WtDualPanel, WtDummy, WtEmpty, WtErrorPage, WtExpansionPanel, WtFiltersPanelWrapper, WtHeaderActions, WtHeadline, WtHint, WtIcon, WtIconAction, WtIconBtn, WtImage, WtIndicator, WtInput, WtInputInfo, WtIntersectionObserver, WtItemLink, WtLabel, WtLoadBar, WtLoader, WtLogo, WtNavigationBar, WtNavigationMenu, WtNotification, WtNotificationsBar, WtPageHeader, WtPageWrapper, WtPagination, WtPlayer, WtPopover, WtPopup, WtProgressBar, WtRadio, WtReplaceTransition, WtRoundedAction, WtSearchBar, WtSelect, WtSelectionPopup, WtSlider, WtStartPage, WtStatusSelect, WtStepper, WtSwitcher, WtTable, WtTableActions, WtTableColumnSelect, WtTabs, WtTagsInput, WtTextarea, WtTimeInput, WtTimepicker, WtTooltip, WtTree, WtTreeTable, WtTypeExtensionValueInput, WtVidstackPlayer };
+export { WtActionBar, WtAppHeader, WtAppNavigator, WtAvatar, WtBadge, WtBreadcrumb, WtButton, WtButtonSelect, WtChatEmoji, WtCheckbox, WtChip, WtConfirmDialog, WtContextMenu, WtCopyAction, WtDatepicker, WtDisplayChipItems, WtDivider, WtDualPanel, WtDummy, WtEmpty, WtErrorPage, WtExpansionPanel, WtFiltersPanelWrapper, WtGalleria, WtHeaderActions, WtHeadline, WtHint, WtIcon, WtIconAction, WtIconBtn, WtImage, WtIndicator, WtInput, WtInputInfo, WtIntersectionObserver, WtItemLink, WtLabel, WtLoadBar, WtLoader, WtLogo, WtNavigationBar, WtNavigationMenu, WtNotification, WtNotificationsBar, WtPageHeader, WtPageWrapper, WtPagination, WtPlayer, WtPopover, WtPopup, WtProgressBar, WtRadio, WtReplaceTransition, WtRoundedAction, WtSearchBar, WtSelect, WtSelectionPopup, WtSlider, WtStartPage, WtStatusSelect, WtStepper, WtSwitcher, WtTable, WtTableActions, WtTableColumnSelect, WtTabs, WtTagsInput, WtTextarea, WtTimeInput, WtTimepicker, WtTooltip, WtTree, WtTreeTable, WtTypeExtensionValueInput, WtVidstackPlayer };

package/types/components/on-demand/wt-start-page/components/wt-start-page.vue.d.ts

@@ -18,5 +18,7 @@ type __VLS_Props = {
     appLogo: AppLogo;
     darkMode?: boolean;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    darkMode: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/types/components/wt-galleria/wt-galleria.vue.d.ts

@@ -0,0 +1,22 @@
+import type { GalleriaProps } from 'primevue';
+import type { WtGalleriaItem } from './types/WtGalleria.d.ts';
+interface Props extends GalleriaProps {
+    value: WtGalleriaItem[];
+}
+type __VLS_Props = Props;
+type __VLS_PublicProps = __VLS_Props & {
+    'visible': boolean;
+    'activeIndex'?: number;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    delete: (...args: any[]) => void;
+    download: (...args: any[]) => void;
+    "update:visible": (value: boolean) => void;
+    "update:activeIndex": (value: number) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onDelete?: (...args: any[]) => any;
+    onDownload?: (...args: any[]) => any;
+    "onUpdate:visible"?: (value: boolean) => any;
+    "onUpdate:activeIndex"?: (value: number) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/types/components/wt-navigation-bar/wt-navigation-bar.vue.d.ts

@@ -47,6 +47,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             dark: any;
             light: any;
         };
+        [WebitelApplications.Wfm]: {
+            dark: any;
+            light: any;
+        };
     };
 }, {
     currentNav(): {

package/types/components/wt-popup/wt-popup.vue.d.ts

@@ -42,8 +42,8 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     disabled: boolean;
     size: ComponentSize;
     overflow: boolean;
-    closable: boolean;
     shown: boolean;
+    closable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/types/composables/index.d.ts

@@ -5,6 +5,7 @@ export * from './useCard/useCardComponent';
 export * from './useCard/useCardTabs';
 export * from './useClose/useClose';
 export * from './useDestroyableSortable/useDestroyableSortable';
+export * from './useGalleriaFullscreen/useGalleriaFullscreen';
 export * from './useRepresentableAgentPauseCause/useRepresentableAgentPauseCause';
 export * from './useValidate/useValidate';
 export * from './useWtTable/useWtTable';

package/types/composables/useGalleriaFullscreen/useGalleriaFullscreen.d.ts

@@ -0,0 +1,4 @@
+export declare const useGalleriaFullscreen: (galleriaRef: any) => {
+    fullScreen: import("vue").Ref<boolean, boolean>;
+    toggleFullScreen: () => void;
+};

package/types/enums/WebitelApplications/WfmSections.d.ts

@@ -0,0 +1,6 @@
+export declare const WfmSections: {
+    readonly MySchedules: "mySchedules";
+    readonly Agents: "agents";
+    readonly Schedules: "schedules";
+};
+export type WfmSections = (typeof WfmSections)[keyof typeof WfmSections];

package/types/enums/WebitelApplications/WfmSections.enum.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/types/enums/WebitelApplications/WtApplication.d.ts

@@ -6,5 +6,6 @@ export declare const WtApplication: {
     readonly Audit: "audit";
     readonly Analytics: "grafana";
     readonly Crm: "crm";
+    readonly Wfm: "wfm";
 };
 export type WtApplication = (typeof WtApplication)[keyof typeof WtApplication];

package/types/modules/Filters/components/filter-pagination.vue.d.ts

@@ -1,9 +1,9 @@
 declare const _default: import("vue").DefineComponent<{}, {
-    isNext: boolean;
     namespace: string;
+    isNext: boolean;
     $props: {
-        readonly isNext?: boolean;
         readonly namespace?: string;
+        readonly isNext?: boolean;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/modules/Filters/components/filter-table-fields.vue.d.ts

@@ -1,12 +1,12 @@
 declare const _default: import("vue").DefineComponent<{}, {
     $emit: (event: "change", ...args: any[]) => void;
     headers: unknown[];
-    staticHeaders: unknown[];
     namespace: string;
+    staticHeaders: unknown[];
     $props: {
         readonly headers?: unknown[];
-        readonly staticHeaders?: unknown[];
         readonly namespace?: string;
+        readonly staticHeaders?: unknown[];
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/plugins/primevue/theme/components/components.d.ts

@@ -16,6 +16,7 @@ declare namespace components {
     export { tooltip };
     export { table as datatable };
     export { toolbar };
+    export { galleria };
 }
 import autocomplete from './autocomplete/autocomplete.js';
 import avatar from './avatar/avatar.js';
@@ -33,3 +34,4 @@ import slider from './slider/slider.js';
 import tooltip from './tooltip/tooltip.js';
 import table from './table/table.js';
 import toolbar from './toolbar/toolbar.js';
+import galleria from './galleria/galleria.js';

package/types/plugins/primevue/theme/components/galleria/galleria.d.ts

@@ -0,0 +1,233 @@
+export default galleria;
+declare const galleria: {
+    colorScheme: {
+        light: {
+            root: {
+                borderColor: string;
+            };
+            activeImageContainer: {
+                background: string;
+            };
+            navButton: {
+                background: string;
+                hoverBackground: string;
+                color: string;
+                hoverColor: string;
+                focusRing: {
+                    color: string;
+                    shadow: string;
+                };
+            };
+            thumbnailsContent: {
+                background: string;
+            };
+            thumbnailNavButton: {
+                hoverBackground: string;
+                color: string;
+                hoverColor: string;
+                focusRing: {
+                    color: string;
+                    shadow: string;
+                };
+            };
+            caption: {
+                background: string;
+                color: string;
+            };
+            indicatorButton: {
+                background: string;
+                hoverBackground: string;
+                activeBackground: string;
+                focusRing: {
+                    color: string;
+                    shadow: string;
+                };
+            };
+            insetIndicatorList: {
+                background: string;
+            };
+            insetIndicatorButton: {
+                background: string;
+                hoverBackground: string;
+                activeBackground: string;
+            };
+            closeButton: {
+                background: string;
+                hoverBackground: string;
+                color: string;
+                hoverColor: string;
+                focusRing: {
+                    color: string;
+                    shadow: string;
+                };
+            };
+            footer: {
+                background: string;
+                color: string;
+            };
+            footerIcon: {
+                color: string;
+                hoverColor: string;
+            };
+        };
+        dark: {
+            root: {
+                borderColor: string;
+            };
+            activeImageContainer: {
+                background: string;
+            };
+            navButton: {
+                background: string;
+                hoverBackground: string;
+                color: string;
+                hoverColor: string;
+                focusRing: {
+                    color: string;
+                    shadow: string;
+                };
+            };
+            thumbnailsContent: {
+                background: string;
+            };
+            thumbnailNavButton: {
+                hoverBackground: string;
+                color: string;
+                hoverColor: string;
+                focusRing: {
+                    color: string;
+                    shadow: string;
+                };
+            };
+            caption: {
+                background: string;
+                color: string;
+            };
+            indicatorButton: {
+                background: string;
+                hoverBackground: string;
+                activeBackground: string;
+                focusRing: {
+                    color: string;
+                    shadow: string;
+                };
+            };
+            insetIndicatorList: {
+                background: string;
+            };
+            insetIndicatorButton: {
+                background: string;
+                hoverBackground: string;
+                activeBackground: string;
+            };
+            closeButton: {
+                background: string;
+                hoverBackground: string;
+                color: string;
+                hoverColor: string;
+                focusRing: {
+                    color: string;
+                    shadow: string;
+                };
+            };
+            footer: {
+                background: string;
+                color: string;
+            };
+            footerIcon: {
+                color: string;
+                hoverColor: string;
+            };
+        };
+    };
+    css: ({ dt }: {
+        dt: any;
+    }) => string;
+    root: {
+        borderWidth: string;
+        borderRadius: string;
+        transitionDuration: string;
+    };
+    mask: {
+        zIndex: string;
+    };
+    activeImageContainer: {
+        width: string;
+        height: string;
+    };
+    fullscreenImage: {
+        maxHeight: string;
+        maxWidth9: string;
+    };
+    navButton: {
+        size: string;
+        gutter: string;
+        prev: {
+            borderRadius: string;
+        };
+        next: {
+            borderRadius: string;
+        };
+        focusRing: {
+            width: string;
+            style: string;
+            offset: string;
+        };
+    };
+    navIcon: {
+        size: string;
+    };
+    thumbnailsContent: {
+        padding: string;
+    };
+    thumbnailImage: {
+        width: string;
+        height: string;
+    };
+    thumbnailNavButton: {
+        size: string;
+        borderRadius: string;
+        gutter: string;
+        focusRing: {
+            width: string;
+            style: string;
+            offset: string;
+        };
+    };
+    thumbnailNavButtonIcon: {
+        size: string;
+    };
+    caption: {
+        padding: string;
+    };
+    indicatorList: {
+        gap: string;
+        padding: string;
+    };
+    indicatorButton: {
+        width: string;
+        height: string;
+        borderRadius: string;
+        focusRing: {
+            width: string;
+            style: string;
+            offset: string;
+        };
+    };
+    closeButton: {
+        size: string;
+        gutter: string;
+        borderRadius: string;
+        focusRing: {
+            width: string;
+            style: string;
+            offset: string;
+        };
+    };
+    closeButtonIcon: {
+        size: string;
+    };
+    footer: {
+        padding: string;
+    };
+};