@nubisco/ui 3.2.0 → 3.4.0

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

@@ -0,0 +1,30 @@
+import { EInlineLoadingStatus, IInlineLoadingProps } from './InlineLoading.d';
+declare var __VLS_11: {
+    status: "error" | "active" | "inactive" | "finished";
+    text: string;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<IInlineLoadingProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    success: () => any;
+}, string, import("vue").PublicProps, Readonly<IInlineLoadingProps> & Readonly<{
+    onSuccess?: (() => any) | undefined;
+}>, {
+    label: string;
+    id: string;
+    status: `${EInlineLoadingStatus}`;
+    finishedLabel: string;
+    errorLabel: string;
+    dwell: number;
+    reserveSpace: 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=InlineLoading.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InlineLoading.vue.d.ts","sourceRoot":"","sources":["../../src/components/InlineLoading.vue"],"names":[],"mappings":"AA+KA,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AA4L7E,QAAA,IAAI,QAAQ;;;CAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,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/MenuItem.vue.d.ts

@@ -16,8 +16,8 @@ declare const __VLS_base: import("vue").DefineComponent<IMenuItemProps, {
     icon: string;
     selected: boolean;
     shortcut: string;
-    selectable: boolean;
     danger: boolean;
+    selectable: boolean;
     radioGroup: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/Modal.d.ts

@@ -15,11 +15,45 @@ import { ESizeShort } from '../types/Size.d'
  */
 type TModalSize = `${ESizeShort}` | 'xl' | 'immersive'
 
+/** `dialog` for a place the user chose to go, `alertdialog` for an interruption. */
+type TModalRole = 'dialog' | 'alertdialog'
+
 interface IModalProps {
   open?: boolean
   title?: string
   size?: TModalSize
   closeOnOverlay?: boolean
+  /**
+   * ARIA role for the dialog box. `alertdialog` is for a surface that
+   * interrupts to report a condition or ask for a decision that cannot wait
+   * (NbConfirm's destructive tone uses it); screen readers announce its
+   * description on entry rather than waiting to be asked.
+   */
+  role?: TModalRole
+  /**
+   * Id of the element that names the dialog. Defaults to the built-in title
+   * when `title` or the header slot is used, so the common case needs nothing.
+   * Pass your own when the accessible name lives inside the header slot.
+   */
+  labelledBy?: string
+  /** Id of the element that describes the dialog, usually its body. */
+  describedBy?: string
+  /**
+   * Marks the dialog `aria-busy` while work it started is in flight.
+   */
+  busy?: boolean
+  /**
+   * Disables the header close control. A dialog that has fired something
+   * irreversible must not offer a control that pretends to undo it, and a
+   * live button that does nothing is worse than a visibly unavailable one.
+   */
+  closeDisabled?: boolean
+  /**
+   * Whether Escape emits `close`. Escape is answered only by the topmost
+   * open dialog either way, so a modal underneath keeps its state; set this
+   * to `false` when a wrapper (NbConfirm) answers the key itself.
+   */
+  closeOnEscape?: boolean
 }
 
-export { IModalProps, TModalSize }
+export { IModalProps, TModalSize, TModalRole }

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

@@ -7,15 +7,24 @@ type __VLS_Slots = {} & {
 } & {
     footer?: (props: typeof __VLS_28) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<IModalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<IModalProps, {
+    dialogEl: () => HTMLElement | null;
+    bodyEl: () => HTMLElement | null;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
 }, string, import("vue").PublicProps, Readonly<IModalProps> & Readonly<{
     onClose?: (() => any) | undefined;
 }>, {
     size: import("./Modal.d").TModalSize;
     title: string;
+    role: import("./Modal.d").TModalRole;
     open: boolean;
     closeOnOverlay: boolean;
+    labelledBy: string;
+    describedBy: string;
+    busy: boolean;
+    closeDisabled: boolean;
+    closeOnEscape: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../src/components/Modal.vue"],"names":[],"mappings":"AA0PA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAuM5C,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACpE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;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,CAAC;AAK/C,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":"Modal.vue.d.ts","sourceRoot":"","sources":["../../src/components/Modal.vue"],"names":[],"mappings":"AAsZA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAkV5C,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACpE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;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,CAAC;AAQ/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;6EAKd,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/NotificationCenter.d.ts

@@ -0,0 +1,184 @@
+import type { IAnchorSize } from '../utils/anchorPosition.helper'
+import type { TNotificationVariant } from './NotificationCenterItem.d'
+
+export interface INotificationItem {
+  /** Stable key. Reused across refetches so the list does not re-mount. */
+  id: string | number
+  title: string
+  body?: string
+  /** ISO string, epoch milliseconds or a Date. */
+  time?: string | number | Date
+  /** Pre-formatted time, when the host already has one it likes. */
+  timeLabel?: string
+  read?: boolean
+  /** Status word, from the same vocabulary as NbToast and NbMessage. */
+  variant?: TNotificationVariant
+  icon?: string | null
+  /** Renders the row as a link instead of a button. */
+  href?: string
+  /** Overrides the centre's `interactive` for this one row. `false` makes
+   *  the row inert: read, not pressed. */
+  interactive?: boolean
+}
+
+/**
+ * Everything a replacement trigger has to carry for the panel to be
+ * announced correctly. Handed to the `#trigger` slot and meant to be spread
+ * onto whatever element the host renders:
+ *
+ * ```vue
+ * <template #trigger="{ triggerProps, setTriggerRef, toggle, unreadCount }">
+ *   <NbButton :ref="setTriggerRef" v-bind="triggerProps" @click="toggle" />
+ * </template>
+ * ```
+ *
+ * The centre cannot generate these ids for a host it never sees, and a host
+ * cannot guess them, so they are passed rather than documented. `aria-label`
+ * is a default, not a mandate: bind it after the spread to replace it.
+ */
+export interface INotificationTriggerProps {
+  id: string
+  'aria-haspopup': 'dialog'
+  'aria-expanded': 'true' | 'false'
+  'aria-controls': string | undefined
+  'aria-label': string
+  disabled: boolean | undefined
+}
+
+/**
+ * Everything the built-in mark-all control binds, as one object, handed to
+ * the `#header-actions` slot. A host that replaces the header still gets the
+ * pending-safe behaviour (aria-disabled rather than disabled so the in-flight
+ * button keeps focus, aria-busy, and a second click that is swallowed instead
+ * of firing a second request the host cannot cancel) by spreading this onto
+ * its own button rather than re-deriving it:
+ *
+ * ```vue
+ * <template #header-actions="{ markAllProps, markAllText }">
+ *   <MyFilter v-model="filter" />
+ *   <button v-bind="markAllProps">{{ markAllText }}</button>
+ * </template>
+ * ```
+ *
+ * `onClick` is included, so `v-bind` attaches the handler with it.
+ */
+export interface INotificationMarkAllProps {
+  type: 'button'
+  disabled: boolean
+  'aria-disabled': 'true' | undefined
+  'aria-busy': 'true' | undefined
+  onClick: () => void
+}
+
+export interface INotificationCenterProps {
+  /** The rows. Omit it and use the default slot when the shape of a
+   *  notification is more than a title, a body and a time. */
+  items?: INotificationItem[]
+  /** Authoritative unread total, for products that page the list and know a
+   *  server-side count larger than what is loaded. Defaults to counting
+   *  `items` where `read` is not true. */
+  unreadCount?: number
+  /**
+   * How many rows are on screen. Required alongside `unreadCount` whenever
+   * you fill the default slot, optional otherwise (with `items` the centre
+   * counts the array).
+   *
+   * The centre renders your slot, it does not read it, so it cannot tell an
+   * empty feed from a slot you chose not to fill. Without this number the
+   * `#empty` state cannot render at all, and `error` resolves to the full
+   * error region rather than the stale-data strip, because a failure that
+   * might be hiding behind rows is the one thing this component exists to
+   * prevent. A dev-mode warning is printed the first time a panel opens in
+   * that configuration.
+   */
+  itemCount?: number
+  /** Optional `v-model:open`. Left undefined the centre owns its own state. */
+  open?: boolean
+  /** Names the trigger and titles the panel. */
+  label?: string
+  markAllLabel?: string
+  /** Shown, and announced, while `markAllPending` is true. Present tense. */
+  markAllPendingLabel?: string
+  /** The host's mark-all request is in flight. The control keeps focus and
+   *  stops accepting clicks rather than firing the request again. */
+  markAllPending?: boolean
+  emptyTitle?: string
+  emptyDescription?: string
+  /** Announced while `loading` is true. */
+  loadingLabel?: string
+  /** Renders placeholder rows instead of the list, the empty state or the
+   *  error state. A request that has not finished is not a result. */
+  loading?: boolean
+  /**
+   * The fetch failed. This is a state of its own and not a flavour of empty:
+   * the audit that motivated this component found an app whose single
+   * `.empty-text` rendered both, so a failed request read as "no contacts
+   * yet". With no rows to show, the panel renders the error state; with rows
+   * already on screen it keeps them and says the refresh failed, because
+   * stale notifications beat no notifications.
+   */
+  error?: boolean
+  errorTitle?: string
+  errorDescription?: string
+  /** Shown on the stale strip when a refresh fails over rows already loaded. */
+  errorStaleLabel?: string
+  retryLabel?: string
+  /** Offer a retry control with the error state. Turn it off when the host
+   *  retries on its own and a button would be a lie. */
+  showRetry?: boolean
+  /** Counts above this render as "n+" on the badge. */
+  maxCount?: number
+  /** Panel width in px. */
+  width?: number
+  /** Tallest the scrolling list may get, in px. Clamped further when the
+   *  viewport is shorter than that. */
+  maxHeight?: number
+  /** Which trigger edge the panel lines up with. */
+  align?: 'start' | 'end'
+  showMarkAll?: boolean
+  /**
+   * Whether rows are activatable. `false` renders genuinely inert rows: no
+   * tabindex, no place in the roving focus, no `select`. Right for a feed
+   * with nowhere to go, and when every row is inert the scrolling list
+   * becomes the tab stop so a keyboard can still reach the bottom of it.
+   */
+  interactive?: boolean
+  closeOnSelect?: boolean
+  /** Close when the page navigates (history back/forward, a hash change, or
+   *  any navigation the browser reports through the Navigation API). */
+  closeOnNavigate?: boolean
+  disabled?: boolean
+  /** Phosphor icon for the trigger and the empty state. */
+  icon?: string
+  /** BCP 47 tag for relative times. */
+  locale?: string
+  unreadLabel?: string
+  readLabel?: string
+  /** Builds the unread half of the trigger's accessible name. Replace it to
+   *  translate or to pluralise the way your language actually does. */
+  formatUnread?: (count: number) => string
+}
+
+export interface IPanelPlacementOptions {
+  align: 'start' | 'end'
+  /** Panel width in px. */
+  width: number
+  /** Tallest the scrolling list may get. */
+  maxHeight: number
+  viewport: IAnchorSize
+}
+
+export interface IPanelPlacement {
+  /** Viewport (`position: fixed`) coordinates. */
+  top: number
+  left: number
+  /** The side actually used, after any flip. */
+  side: 'top' | 'bottom'
+  /** What the list may scroll to before it clips, after the viewport clamp. */
+  maxListHeight: number
+}
+
+/* The placement arithmetic itself (`placeNotificationPanel`,
+ * `isAnchorInViewport`) is runtime code and therefore lives in
+ * NotificationCenter.vue, which is where it is imported from. Only its
+ * argument and result shapes are declared here. */

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

@@ -0,0 +1,130 @@
+import type { INotificationCenterProps, INotificationItem, INotificationMarkAllProps, INotificationTriggerProps } from './NotificationCenter.d';
+import type { IAnchorRect, IAnchorSize } from '../utils/anchorPosition.helper';
+import type { IPanelPlacement, IPanelPlacementOptions } from './NotificationCenter.d';
+export type { INotificationItem, INotificationTriggerProps, INotificationMarkAllProps, INotificationCenterProps, } from './NotificationCenter.d';
+export type { IPanelPlacement, IPanelPlacementOptions };
+export declare function placeNotificationPanel(anchor: IAnchorRect, { align, width, maxHeight, viewport }: IPanelPlacementOptions): IPanelPlacement;
+/**
+ * Whether any part of the trigger is still on screen. A panel is fixed to the
+ * viewport, so once the bell it belongs to has scrolled away the panel is
+ * floating over content it has nothing to do with, and the honest thing is to
+ * let go of it.
+ */
+export declare function isAnchorInViewport(anchor: IAnchorRect, viewport: IAnchorSize): boolean;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<INotificationCenterProps, {
+    show: () => void;
+    close: (options?: {
+        restoreFocus?: boolean;
+    }) => void;
+    toggle: () => void;
+    isOpen: import("vue").ComputedRef<boolean>;
+    unreadCount: import("vue").ComputedRef<number>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (item: INotificationItem | null, event: Event) => any;
+    close: () => any;
+    open: () => any;
+    "update:open": (value: boolean) => any;
+    "mark-all-read": () => any;
+    retry: () => any;
+}, string, import("vue").PublicProps, Readonly<INotificationCenterProps> & Readonly<{
+    onSelect?: ((item: INotificationItem | null, event: Event) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onMark-all-read"?: (() => any) | undefined;
+    onRetry?: (() => any) | undefined;
+}>, {
+    align: "start" | "end";
+    disabled: boolean;
+    label: string;
+    icon: string;
+    maxHeight: number;
+    width: number;
+    error: boolean;
+    items: INotificationItem[];
+    loading: boolean;
+    locale: string;
+    open: boolean;
+    interactive: boolean;
+    unreadLabel: string;
+    readLabel: string;
+    unreadCount: number;
+    itemCount: number;
+    markAllLabel: string;
+    markAllPendingLabel: string;
+    markAllPending: boolean;
+    emptyTitle: string;
+    emptyDescription: string;
+    loadingLabel: string;
+    errorTitle: string;
+    errorDescription: string;
+    errorStaleLabel: string;
+    retryLabel: string;
+    showRetry: boolean;
+    maxCount: number;
+    showMarkAll: boolean;
+    closeOnSelect: boolean;
+    closeOnNavigate: boolean;
+    formatUnread: (count: number) => string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    trigger?: (props: {
+        open: boolean;
+        toggle: () => void;
+        show: () => void;
+        close: (options?: {
+            restoreFocus?: boolean;
+        }) => void;
+        unreadCount: number;
+        badge: string;
+        panelId: string;
+        triggerProps: INotificationTriggerProps;
+        setTriggerRef: (value: Element | {
+            $el?: unknown;
+        } | null) => void;
+    }) => any;
+} & {
+    'header-start'?: (props: {
+        close: (options?: {
+            restoreFocus?: boolean;
+        }) => void;
+        unreadCount: number;
+    }) => any;
+} & {
+    'header-actions'?: (props: {
+        close: (options?: {
+            restoreFocus?: boolean;
+        }) => void;
+        unreadCount: number;
+        markAllRead: () => void;
+        markAllPending: boolean;
+        markAllProps: INotificationMarkAllProps;
+        markAllText: string;
+    }) => any;
+} & {
+    error?: (props: {
+        retry: () => void;
+    }) => any;
+} & {
+    default?: (props: {
+        close: (options?: {
+            restoreFocus?: boolean;
+        }) => void;
+        items: INotificationItem[];
+    }) => any;
+} & {
+    empty?: (props: {}) => any;
+} & {
+    footer?: (props: {
+        close: (options?: {
+            restoreFocus?: boolean;
+        }) => void;
+    }) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=NotificationCenter.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCenter.vue.d.ts","sourceRoot":"","sources":["../../src/components/NotificationCenter.vue"],"names":[],"mappings":"AAk5CA,OAAO,KAAK,EACV,wBAAwB,EACxB,iBAAiB,EACjB,yBAAyB,EACzB,yBAAyB,EAC1B,MAAM,wBAAwB,CAAA;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAC7E,OAAO,KAAK,EACV,eAAe,EACf,sBAAsB,EACvB,MAAM,wBAAwB,CAAA;AAK/B,YAAY,EACV,iBAAiB,EACjB,yBAAyB,EACzB,yBAAyB,EACzB,wBAAwB,GACzB,MAAM,wBAAwB,CAAA;AAC/B,YAAY,EAAE,eAAe,EAAE,sBAAsB,EAAE,CAAA;AAuCvD,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,WAAW,EACnB,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,sBAAsB,GAC5D,eAAe,CA4BjB;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,WAAW,EACnB,QAAQ,EAAE,WAAW,GACpB,OAAO,CAOT;wBACoB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;;sBAgSM;QAAE,YAAY,CAAC,EAAE,OAAO,CAAA;KAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAo6BpC,CAAC,KAAK;;;;0BAp6BI;YAAE,YAAY,CAAC,EAAE,OAAO,CAAA;SAAE;;;;;+BAvEpB,OAAO,GAAG;YAAE,GAAG,CAAC,EAAE,OAAO,CAAA;SAAE,GAAG,IAAI,KAAG,IAAI;KA2+BnC,KAAK,GAAG;;qBACvB,CAAC,KAAK;0BAr6BH;YAAE,YAAY,CAAC,EAAE,OAAO,CAAA;SAAE;;KAq6BN,KAAK,GAAG;;uBAC7B,CAAC,KAAK;0BAt6BL;YAAE,YAAY,CAAC,EAAE,OAAO,CAAA;SAAE;;;;;;KAs6BJ,KAAK,GAAG;;YAC1C,CAAC,KAAK;;KAAiB,KAAK,GAAG;;cAC7B,CAAC,KAAK;0BAx6BI;YAAE,YAAY,CAAC,EAAE,OAAO,CAAA;SAAE;;KAw6Bb,KAAK,GAAG;;YACjC,CAAC,KAAK,IAAiB,KAAK,GAAG;;aAC9B,CAAC,KAAK;0BA16BK;YAAE,YAAY,CAAC,EAAE,OAAO,CAAA;SAAE;KA06Bd,KAAK,GAAG;EAgBxC,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/NotificationCenterItem.d.ts

@@ -0,0 +1,53 @@
+/**
+ * The fleet's status vocabulary, the same five words NbToast, NbMessage and
+ * NbBanner use. `error`, not `danger`: `danger` is the word for a destructive
+ * ACTION (NbButton, NbConfirm), and the audit found an app passing
+ * variant="danger" to NbMessage, which does not accept it, precisely because
+ * the two vocabularies had drifted. `danger` is accepted here and treated as
+ * `error` so that app's habit does not silently render an unstyled row, but it
+ * is deprecated and not the documented value.
+ */
+export type TNotificationStatus =
+  | 'neutral'
+  | 'info'
+  | 'success'
+  | 'warning'
+  | 'error'
+
+/** @deprecated Use TNotificationStatus. */
+export type TNotificationVariant = TNotificationStatus | 'danger'
+
+export interface INotificationCenterItemProps {
+  /** Headline of the notification. One line, no trailing punctuation. */
+  title?: string
+  /** Supporting sentence. Wraps to at most three lines before it is clipped. */
+  body?: string
+  /** When the event happened. Rendered as a `<time>` with a machine-readable
+   *  `datetime`, and formatted relative to now unless `timeLabel` is given. */
+  time?: string | number | Date
+  /** A ready-made time string. Use it when the host app already formats
+   *  timestamps its own way, and this component should not second-guess it. */
+  timeLabel?: string
+  /** Read notifications lose the dot, the tint and the heavier title. */
+  read?: boolean
+  /** Colours the leading icon. It does not change the unread affordance,
+   *  which stays one shape everywhere so it can be learned once. Values are
+   *  the library's status words: neutral, info, success, warning, error. */
+  variant?: TNotificationVariant
+  /** Phosphor icon name. `null` renders no icon and no icon gutter. */
+  icon?: string | null
+  /** Renders the row as a link. Takes priority over `interactive`. */
+  href?: string
+  /**
+   * A row that leads somewhere is a `<button>` (or an `<a>`, with `href`).
+   * A row that leads nowhere is `false` here, and then it is genuinely inert:
+   * a plain element with no tabindex, outside the panel's roving focus, and
+   * it never emits `select`. Not "a button that looks quieter".
+   */
+  interactive?: boolean
+  /** BCP 47 tag for the relative time. Defaults to the runtime locale. */
+  locale?: string
+  /** Visually hidden state words, translated by the host. */
+  unreadLabel?: string
+  readLabel?: string
+}

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

@@ -0,0 +1,36 @@
+import type { INotificationCenterItemProps } from './NotificationCenterItem.d';
+export type { TNotificationStatus, TNotificationVariant, INotificationCenterItemProps, } from './NotificationCenterItem.d';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<INotificationCenterItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<INotificationCenterItemProps> & Readonly<{
+    onSelect?: ((event: Event) => any) | undefined;
+}>, {
+    body: string;
+    time: string | number | Date;
+    title: string;
+    icon: string | null;
+    variant: import("./NotificationCenterItem.d").TNotificationVariant;
+    href: string;
+    locale: string;
+    timeLabel: string;
+    read: boolean;
+    interactive: boolean;
+    unreadLabel: string;
+    readLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    media?: (props: {}) => any;
+} & {
+    title?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+} & {
+    actions?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=NotificationCenterItem.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCenterItem.vue.d.ts","sourceRoot":"","sources":["../../src/components/NotificationCenterItem.vue"],"names":[],"mappings":"AA+aA,OAAO,KAAK,EACV,4BAA4B,EAE7B,MAAM,4BAA4B,CAAA;AAOnC,YAAY,EACV,mBAAmB,EACnB,oBAAoB,EACpB,4BAA4B,GAC7B,MAAM,4BAA4B,CAAA;wBACd,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;YA0SN,CAAC,KAAK,IAAgB,KAAK,GAAG;;YAC9B,CAAC,KAAK,IAAiB,KAAK,GAAG;;cAC7B,CAAC,KAAK,IAAiB,KAAK,GAAG;;cAC/B,CAAC,KAAK,IAAiB,KAAK,GAAG;EAWzC,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.vue.d.ts","sourceRoot":"","sources":["../../src/components/ProgressBar.vue"],"names":[],"mappings":"AAkMA,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,iBAAiB,CAAA;AAgKxB,QAAA,MAAM,YAAY;;;;;;;6EAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ProgressBar.vue.d.ts","sourceRoot":"","sources":["../../src/components/ProgressBar.vue"],"names":[],"mappings":"AAyNA,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,iBAAiB,CAAA;AAgKxB,QAAA,MAAM,YAAY;;;;;;;6EAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}