@nubisco/ui 1.59.0 → 1.60.0

package/README.md

@@ -42,6 +42,7 @@
     - [Layout](#layout)
     - [Form Controls](#form-controls)
     - [Data Display](#data-display)
+    - [Navigation](#navigation)
   - [Grid System](#grid-system)
   - [TypeScript Support](#typescript-support)
   - [Documentation](#documentation)
@@ -203,6 +204,12 @@ Most component libraries impose styling opinions that are hard to override. Nubi
 | `NbIcon`     | SVG icon component with virtual module loader |
 | `NbJsonTree` | Collapsible JSON tree viewer                  |
 
+### Navigation
+
+| Component | Description                                               |
+| :-------- | :-------------------------------------------------------- |
+| `NbTabs`  | Tab bar with optional panels, line and contained variants |
+
 ---
 
 ## Grid System

package/dist/components/Shell.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Shell.vue.d.ts","sourceRoot":"","sources":["../../src/components/Shell.vue"],"names":[],"mappings":"AA0kBA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAgVvC,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC5Q,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACjD;IAAE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACnD;IAAE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAClD;IAAE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACrD;IAAE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACjD;IAAE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAClD;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACnD;IAAE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACpD;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC9C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOlD,QAAA,MAAM,UAAU;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Shell.vue.d.ts","sourceRoot":"","sources":["../../src/components/Shell.vue"],"names":[],"mappings":"AAijBA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAiUvC,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC5Q,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACjD;IAAE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACnD;IAAE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAClD;IAAE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACrD;IAAE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACjD;IAAE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAClD;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACnD;IAAE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACpD;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC9C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOlD,QAAA,MAAM,UAAU;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/SidebarMenuItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/SidebarMenuItem.vue"],"names":[],"mappings":"AAieA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AAuY3D,QAAA,IAAuB,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAClE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOhD,QAAA,MAAM,UAAU;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"SidebarMenuItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/SidebarMenuItem.vue"],"names":[],"mappings":"AA2bA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AAuX3D,QAAA,IAAuB,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAClE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOhD,QAAA,MAAM,UAAU;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Tabs.d.ts

@@ -0,0 +1,58 @@
+import { IDefaultProps } from '../types/Props.d'
+
+// #region ETabsVariant
+enum ETabsVariant {
+  /** Underlined text tabs sitting on a rule. The default for page sections. */
+  Line = 'line',
+  /** Boxed segmented control with a filled active block. For mode switches. */
+  Contained = 'contained',
+}
+// #endregion ETabsVariant
+
+// #region ETabsSize
+enum ETabsSize {
+  Small = 'sm',
+  Medium = 'md',
+  Large = 'lg',
+}
+// #endregion ETabsSize
+
+// #region ITabItem
+/** A single tab in the bar. */
+interface ITabItem {
+  /** Stable identifier, used as the `v-model` value and as the slot name. */
+  id: string
+  /** Visible tab text. */
+  label: string
+  /** Optional icon name rendered before the label. */
+  icon?: string
+  /** Optional count or short status rendered after the label. */
+  badge?: string | number
+  /** Prevents selection and dims the tab. */
+  disabled?: boolean
+}
+// #endregion ITabItem
+
+// #region ITabsProps
+interface ITabsProps extends IDefaultProps {
+  /** Tabs to render, in display order. */
+  items: ITabItem[]
+  /**
+   * Accessible name for the tab bar, exposed as `aria-label` on the tablist.
+   * Nothing is rendered: name the section the tabs belong to, e.g. `Project`.
+   */
+  ariaLabel?: string
+  /** Id of the selected tab. Falls back to the first enabled tab. */
+  modelValue?: string
+  /** Visual treatment: `line` for page sections, `contained` for mode switches. */
+  variant?: `${ETabsVariant}`
+  /** Control size. */
+  size?: `${ETabsSize}`
+  /** Disables every tab in the bar. */
+  disabled?: boolean
+  /** Stretches tabs to fill the available width, sharing it equally. */
+  fullWidth?: boolean
+}
+// #endregion ITabsProps
+
+export { ETabsVariant, ETabsSize, ITabItem, ITabsProps }

package/dist/components/Tabs.vue.d.ts

@@ -0,0 +1,31 @@
+import { ETabsSize, ETabsVariant, ITabItem, ITabsProps } from './Tabs.d';
+declare var __VLS_13: string, __VLS_14: {
+    item: ITabItem;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_13>]?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ITabsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (id: string, item: ITabItem) => any;
+    "update:modelValue": (id: string) => any;
+}, string, import("vue").PublicProps, Readonly<ITabsProps> & Readonly<{
+    onChange?: ((id: string, item: ITabItem) => any) | undefined;
+    "onUpdate:modelValue"?: ((id: string) => any) | undefined;
+}>, {
+    variant: `${ETabsVariant}`;
+    size: `${ETabsSize}`;
+    id: string;
+    disabled: boolean;
+    modelValue: string;
+    ariaLabel: string;
+    fullWidth: boolean;
+}, {}, {}, {}, 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Tabs.vue.d.ts.map

package/dist/components/Tabs.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.vue.d.ts","sourceRoot":"","sources":["../../src/components/Tabs.vue"],"names":[],"mappings":"AAoUA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAyQxE,QAAA,IAAI,QAAQ,QAAW,EAAE,QAAQ;;CAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;KAAG,CAAC,IAAI,WAAW,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG;CAAE,CAAC;AAO5E,QAAA,MAAM,UAAU;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;;iBAgIf,GAAG;;AADlB,wBAMC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;;iBAkIf,GAAG;;AADlB,wBAMC"}

package/dist/global.d.ts

@@ -59,6 +59,7 @@ import Slider from './components/Slider.vue'
 import Sparkline from './components/Charts/Sparkline.vue'
 import Submenu from './components/Submenu.vue'
 import Switch from './components/Switch.vue'
+import Tabs from './components/Tabs.vue'
 import TextInput from './components/TextInput.vue'
 import Toast from './components/Toast.vue'
 import Tree from './components/Tree.vue'
@@ -126,6 +127,7 @@ declare module 'vue' {
     NbSparkline: typeof Sparkline
     NbSubmenu: typeof Submenu
     NbSwitch: typeof Switch
+    NbTabs: typeof Tabs
     NbTextInput: typeof TextInput
     NbToast: typeof Toast
     NbTree: typeof Tree