@webitel/ui-sdk 26.8.139 → 26.8.140

package/types/components/index.d.ts

@@ -70,6 +70,7 @@ import WtMultiSelect from './wt-multi-select/wt-multi-select.vue';
 import WtNavigationBar from './wt-navigation-bar/wt-navigation-bar.vue';
 /** @type {typeof import('./on-demand/wt-navigation-menu/components/wt-navigation-menu.vue').default} */
 export const WtNavigationMenu: typeof import("./on-demand/wt-navigation-menu/components/wt-navigation-menu.vue").default;
+import WtNavigationRail from './wt-navigation-rail/wt-navigation-rail.vue';
 /** @type {typeof import('./wt-notifications-bar/wt-notifications-bar.vue').default} */
 export const WtNotificationsBar: typeof import("./wt-notifications-bar/wt-notifications-bar.vue").default;
 import WtPage from './wt-page/wt-page.vue';
@@ -186,6 +187,7 @@ declare namespace Components {
     export { WtHeaderActions };
     export { WtErrorPage };
     export { WtNotificationsBar };
+    export { WtNavigationRail };
     export { WtPage };
     export { WtPageWrapper };
     export { WtDualPanel };
@@ -226,4 +228,4 @@ declare namespace Components {
     export { WtCallMediaMetric };
     export { WtSendMessagePopup };
 }
-export { WtAppHeader, WtAppNavigator, WtAvatar, WtBadge, WtBadgeNew, WtBreadcrumb, WtButton, WtCallMediaMetric, WtCard, WtCheckbox, WtChip, WtContentWrapper, WtDatetimeText, WtDivider, WtEmpty, WtHeaderActions, WtHeadline, WtHint, WtIcon, WtIconAction, WtIconBtn, WtImage, WtIndicator, WtInputNumber, WtInputText, WtIntersectionObserver, WtItemLink, WtLabel, WtLayout, WtLoadBar, WtLoader, WtLogo, WtMessage, WtMultiSelect, WtNavigationBar, WtPage, WtPageWrapper, WtPassword, WtPopup, WtProgressBar, WtRadio, WtReplaceTransition, WtRoundedAction, WtSingleSelect, WtSwitcher, WtTextarea, WtToast, WtTooltip };
+export { WtAppHeader, WtAppNavigator, WtAvatar, WtBadge, WtBadgeNew, WtBreadcrumb, WtButton, WtCallMediaMetric, WtCard, WtCheckbox, WtChip, WtContentWrapper, WtDatetimeText, WtDivider, WtEmpty, WtHeaderActions, WtHeadline, WtHint, WtIcon, WtIconAction, WtIconBtn, WtImage, WtIndicator, WtInputNumber, WtInputText, WtIntersectionObserver, WtItemLink, WtLabel, WtLayout, WtLoadBar, WtLoader, WtLogo, WtMessage, WtMultiSelect, WtNavigationBar, WtNavigationRail, WtPage, WtPageWrapper, WtPassword, WtPopup, WtProgressBar, WtRadio, WtReplaceTransition, WtRoundedAction, WtSingleSelect, WtSwitcher, WtTextarea, WtToast, WtTooltip };

package/types/components/wt-navigation-rail/__tests__/WtNavigationRail.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/types/components/wt-navigation-rail/_internals/navigation-rail-button.vue.d.ts

@@ -0,0 +1,12 @@
+import type { NavigationRailItem } from '../types/WtNavigationRail';
+type __VLS_Props = {
+    item: NavigationRailItem;
+    active?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (item: NavigationRailItem) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((item: NavigationRailItem) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/types/components/wt-navigation-rail/types/WtNavigationRail.d.ts

@@ -0,0 +1,17 @@
+import type { BadgeSeverity } from '../../wt-badge-new/types/WtBadge';
+export interface NavigationRailBadge {
+    value: string | number;
+    /** @default 'success' */
+    severity?: BadgeSeverity;
+}
+export interface NavigationRailItem {
+    /** Unique id, emitted on select and matched against `active` */
+    id: string;
+    /** Icon name from icons repository */
+    icon: string;
+    /** Accessible label (aria-label + tooltip) */
+    label?: string;
+    disabled?: boolean;
+    /** Renders badge over the button when set */
+    badge?: NavigationRailBadge | null;
+}

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

@@ -0,0 +1,25 @@
+import type { NavigationRailItem } from './types/WtNavigationRail';
+/**
+ * Vertical app navigation. Holds no routing logic: emits `select`,
+ * host application decides what to do (navigate, open panel, etc.).
+ * Lists are data-driven by props. Renders nothing while both lists are empty.
+ */
+type __VLS_Props = {
+    /** Buttons pinned to the top */
+    topItems?: NavigationRailItem[];
+    /** Buttons pinned to the bottom */
+    bottomItems?: NavigationRailItem[];
+    /** Id of the active item */
+    activeItemId?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (item: NavigationRailItem) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((item: NavigationRailItem) => any) | undefined;
+}>, {
+    topItems: NavigationRailItem[];
+    bottomItems: NavigationRailItem[];
+    activeItemId: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -1,8 +1,27 @@
+import type { NavigationRailItem } from '../wt-navigation-rail/types/WtNavigationRail';
+/**
+ * Top structural level of the interface: header + body, where the body
+ * distributes its width between one or more `wt-layout`s.
+ * Optional navigation rail is shown at the left of the body and
+ * is hidden while both of its lists are empty.
+ */
+type __VLS_Props = {
+    /** Navigation rail config, rail is not rendered when omitted */
+    navigationRail?: {
+        topItems?: NavigationRailItem[];
+        bottomItems?: NavigationRailItem[];
+        activeItemId?: string;
+    };
+};
 type __VLS_Slots = {
     header?: () => unknown;
     default?: () => unknown;
 };
-declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "navigation-select": (item: NavigationRailItem) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onNavigation-select"?: ((item: NavigationRailItem) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;