@bitrix24/b24ui-nuxt 2.3.0 → 2.4.1

package/dist/runtime/types/color-mode.d.ts

@@ -1,2 +1,2 @@
 export type ColorModeTypeLight = 'light' | 'edge-dark' | 'edge-light';
-export type ColorModeType = 'system' | 'dark' & ColorModeTypeLight;
+export type ColorModeType = 'auto' | 'dark' | ColorModeTypeLight;

package/dist/runtime/types/index.d.ts

@@ -25,9 +25,17 @@ export * from '../components/Container.vue';
 export * from '../components/ContextMenu.vue';
 export * from '../components/Countdown.vue';
 export * from '../components/DashboardGroup.vue';
+export * from '../components/DashboardNavbar.vue';
+export * from '../components/DashboardPanel.vue';
+export * from '../components/DashboardResizeHandle.vue';
 export * from '../components/DashboardSearch.vue';
 export * from '../components/DashboardSearchButton.vue';
+export * from '../components/DashboardSidebar.vue';
+export * from '../components/DashboardSidebarCollapse.vue';
+export * from '../components/DashboardSidebarToggle.vue';
+export * from '../components/DashboardToolbar.vue';
 export * from '../components/DescriptionList.vue';
+export * from '../components/Drawer.vue';
 export * from '../components/DropdownMenu.vue';
 export * from '../components/Editor.vue';
 export * from '../components/EditorDragHandle.vue';
@@ -39,8 +47,11 @@ export * from '../components/Empty.vue';
 export * from '../components/Error.vue';
 export * from '../components/FieldGroup.vue';
 export * from '../components/FileUpload.vue';
+export * from '../components/Footer.vue';
+export * from '../components/FooterColumns.vue';
 export * from '../components/Form.vue';
 export * from '../components/FormField.vue';
+export * from '../components/Header.vue';
 export * from '../components/Input.vue';
 export * from '../components/InputDate.vue';
 export * from '../components/InputMenu.vue';
@@ -49,14 +60,21 @@ export * from '../components/InputTags.vue';
 export * from '../components/InputTime.vue';
 export * from '../components/Kbd.vue';
 export * from '../components/Link.vue';
+export * from '../components/Main.vue';
 export * from '../components/Modal.vue';
 export * from '../components/ModalDialogClose.vue';
 export * from '../components/NavigationMenu.vue';
+export * from '../components/Page.vue';
+export * from '../components/PageAside.vue';
+export * from '../components/PageBody.vue';
 export * from '../components/PageCard.vue';
 export * from '../components/PageColumns.vue';
+export * from '../components/PageFeature.vue';
 export * from '../components/PageGrid.vue';
+export * from '../components/PageHeader.vue';
 export * from '../components/PageLinks.vue';
 export * from '../components/PageList.vue';
+export * from '../components/PageSection.vue';
 export * from '../components/Pagination.vue';
 export * from '../components/PinInput.vue';
 export * from '../components/Popover.vue';
@@ -101,6 +119,7 @@ export * from '../components/locale/LocaleSelect.vue';
 export * from './content';
 export * from './editor';
 export * from './form';
+export * from './input';
 export * from './icons';
 export * from './locale';
 export * from './prose';

package/dist/runtime/types/index.js

@@ -25,9 +25,17 @@ export * from "../components/Container.vue";
 export * from "../components/ContextMenu.vue";
 export * from "../components/Countdown.vue";
 export * from "../components/DashboardGroup.vue";
+export * from "../components/DashboardNavbar.vue";
+export * from "../components/DashboardPanel.vue";
+export * from "../components/DashboardResizeHandle.vue";
 export * from "../components/DashboardSearch.vue";
 export * from "../components/DashboardSearchButton.vue";
+export * from "../components/DashboardSidebar.vue";
+export * from "../components/DashboardSidebarCollapse.vue";
+export * from "../components/DashboardSidebarToggle.vue";
+export * from "../components/DashboardToolbar.vue";
 export * from "../components/DescriptionList.vue";
+export * from "../components/Drawer.vue";
 export * from "../components/DropdownMenu.vue";
 export * from "../components/Editor.vue";
 export * from "../components/EditorDragHandle.vue";
@@ -39,8 +47,11 @@ export * from "../components/Empty.vue";
 export * from "../components/Error.vue";
 export * from "../components/FieldGroup.vue";
 export * from "../components/FileUpload.vue";
+export * from "../components/Footer.vue";
+export * from "../components/FooterColumns.vue";
 export * from "../components/Form.vue";
 export * from "../components/FormField.vue";
+export * from "../components/Header.vue";
 export * from "../components/Input.vue";
 export * from "../components/InputDate.vue";
 export * from "../components/InputMenu.vue";
@@ -49,14 +60,21 @@ export * from "../components/InputTags.vue";
 export * from "../components/InputTime.vue";
 export * from "../components/Kbd.vue";
 export * from "../components/Link.vue";
+export * from "../components/Main.vue";
 export * from "../components/Modal.vue";
 export * from "../components/ModalDialogClose.vue";
 export * from "../components/NavigationMenu.vue";
+export * from "../components/Page.vue";
+export * from "../components/PageAside.vue";
+export * from "../components/PageBody.vue";
 export * from "../components/PageCard.vue";
 export * from "../components/PageColumns.vue";
+export * from "../components/PageFeature.vue";
 export * from "../components/PageGrid.vue";
+export * from "../components/PageHeader.vue";
 export * from "../components/PageLinks.vue";
 export * from "../components/PageList.vue";
+export * from "../components/PageSection.vue";
 export * from "../components/Pagination.vue";
 export * from "../components/PinInput.vue";
 export * from "../components/Popover.vue";
@@ -101,6 +119,7 @@ export * from "../components/locale/LocaleSelect.vue";
 export * from "./content.js";
 export * from "./editor.js";
 export * from "./form.js";
+export * from "./input.js";
 export * from "./icons.js";
 export * from "./locale.js";
 export * from "./prose.js";

package/dist/runtime/types/input.d.ts

@@ -1,8 +1,18 @@
-export interface ModelModifiers<T = any> {
-    string?: string extends T ? boolean : never;
-    number?: number extends T ? boolean : never;
-    trim?: string extends T ? boolean : never;
-    lazy?: boolean;
-    nullable?: null extends T ? boolean : never;
+export interface ModelModifiers {
+    nullable?: boolean;
+    number?: boolean;
     optional?: boolean;
+    trim?: boolean;
+    lazy?: boolean;
 }
+export type ApplyModifiers<T, M extends ModelModifiers = ModelModifiers> = _Number<_Optional<_Nullable<T, M>, M>, M>;
+type _Nullable<T, M> = M extends {
+    nullable: true;
+} ? T | null : T;
+type _Optional<T, M> = M extends {
+    optional: true;
+} ? T | undefined : T;
+type _Number<T, M> = M extends {
+    number: true;
+} ? T extends string ? T | number : T : T;
+export {};

package/dist/runtime/types/utils.d.ts

@@ -7,11 +7,11 @@ export type DynamicSlotsKeys<Name extends string | undefined, Suffix extends str
 export type DynamicSlots<T extends {
     slot?: string;
 }, Suffix extends string | undefined = undefined, ExtraProps extends object = {}> = {
-    [K in DynamicSlotsKeys<T['slot'], Suffix>]: (props: {
+    [K in DynamicSlotsKeys<T['slot'], Suffix>]?: (props: {
         item: Extract<T, {
             slot: K extends `${infer Base}-${Suffix}` ? Base : K;
         }>;
-    } & ExtraProps) => any;
+    } & ExtraProps) => VNode[];
 };
 export type GetObjectField<MaybeObject, Key extends string> = MaybeObject extends Record<string, any> ? MaybeObject[Key] : never;
 export type AcceptableValue = Exclude<_AcceptableValue, Record<string, any>> | boolean;
@@ -27,16 +27,18 @@ export type MergeTypes<T extends object> = {
 } & {
     [k in NonCommonKeys<T>]?: PickTypeOf<T, k>;
 };
-type DotPathKeys<T> = T extends Array<any> ? never : T extends object ? {
-    [K in keyof T & string]: T[K] extends Record<string, any> ? K | `${K}.${DotPathKeys<T[K]>}` : K;
+type IsPrimitive<T> = T extends (string | number | boolean | symbol | bigint | null | undefined) ? true : false;
+type IsPlainObject<T> = IsPrimitive<T> extends true ? false : T extends (readonly any[] | ((...args: any[]) => any) | Date | RegExp | Map<any, any> | Set<any> | WeakMap<any, any> | WeakSet<any> | Promise<any> | Error) ? false : T extends object ? true : false;
+type DotPathKeys<T> = IsPlainObject<T> extends true ? {
+    [K in keyof T & string]: IsPlainObject<NonNullable<T[K]>> extends true ? K | `${K}.${DotPathKeys<NonNullable<T[K]>>}` : K;
 }[keyof T & string] : never;
-type DotPathValue<T, P extends DotPathKeys<T> | (string & {})> = P extends `${infer K}.${infer Rest}` ? K extends keyof T ? DotPathValue<T[K], Rest> : never : P extends keyof T ? T[P] : never;
-export type GetItemKeys<I> = keyof Extract<NestedItem<I>, object> | DotPathKeys<Extract<NestedItem<I>, object>>;
-export type GetItemValue<I, VK extends GetItemKeys<I> | undefined, T extends NestedItem<I> = NestedItem<I>> = T extends object ? VK extends undefined ? T : VK extends DotPathKeys<T> ? DotPathValue<T, VK> : never : T;
-export type GetModelValue<T, VK extends GetItemKeys<T> | undefined, M extends boolean> = M extends true ? GetItemValue<T, VK>[] : GetItemValue<T, VK>;
-export type GetModelValueEmits<T, VK extends GetItemKeys<T> | undefined, M extends boolean> = {
+type DotPathValue<T, P extends DotPathKeys<T> | (string & {})> = P extends `${infer K}.${infer Rest}` ? K extends keyof T ? DotPathValue<NonNullable<T[K]>, Rest> : never : P extends keyof T ? T[P] : never;
+export type GetItemKeys<I, T extends NestedItem<I> = NestedItem<I>> = (keyof Extract<T, object> & string) | DotPathKeys<Extract<T, object>>;
+export type GetItemValue<I, VK extends GetItemKeys<I> | undefined, O extends object | undefined = undefined, T extends NestedItem<I> = NestedItem<I>> = T extends object ? VK extends undefined ? T extends O ? never : T : VK extends DotPathKeys<T> ? DotPathValue<T, VK> : never : T;
+export type GetModelValue<I, VK extends GetItemKeys<I> | undefined, M extends boolean, O extends object | undefined = undefined> = M extends true ? GetItemValue<I, VK, O>[] : GetItemValue<I, VK, O>;
+export type GetModelValueEmits<I, VK extends GetItemKeys<I> | undefined, M extends boolean, O extends object | undefined = undefined> = {
     /** Event handler called when the value changes. */
-    'update:modelValue': [value: GetModelValue<T, VK, M>];
+    'update:modelValue': [value: GetModelValue<I, VK, M, O>];
 };
 export type StringOrVNode = string | VNode | (() => VNode);
 export type EmitsToProps<T> = {

package/dist/runtime/utils/dashboard.d.ts

@@ -1,11 +1,10 @@
 import type { Ref } from 'vue';
-import type { UseLoadingProps } from '../composables/useLoading';
-export interface DashboardContext extends /** @vue-ignore */ Pick<UseLoadingProps, 'storage' | 'storageKey'> {
-    contextId?: string;
+import type { UseResizableProps } from '../composables/useResizable';
+export interface DashboardContext extends Pick<UseResizableProps, 'storage' | 'storageKey' | 'persistent' | 'unit'> {
     sidebarOpen?: Ref<boolean>;
-    isLoading?: Ref<boolean>;
+    sidebarCollapsed?: Ref<boolean>;
     toggleSearch?: () => void;
     toggleSidebar?: () => void;
-    load?: (loading: boolean, contextId?: string) => void;
+    collapseSidebar?: (collapsed: boolean) => void;
 }
 export declare const useDashboard: <T extends DashboardContext | null | undefined = DashboardContext>(fallback?: T | undefined) => T extends null ? DashboardContext | null : DashboardContext, provideDashboardContext: (contextValue: DashboardContext) => DashboardContext;

package/dist/runtime/utils/dashboard.js

@@ -1,2 +1,2 @@
 import { createContext } from "reka-ui";
-export const [useDashboard, provideDashboardContext] = createContext(`DashboardGroup`);
+export const [useDashboard, provideDashboardContext] = createContext("DashboardGroup");

package/dist/runtime/utils/index.d.ts

@@ -11,8 +11,9 @@ export declare function getDisplayValue<T extends Array<any>, V>(items: T, value
     labelKey?: GetItemKeys<T>;
     by?: string | ((a: any, b: any) => boolean);
 }): string | undefined;
-export declare function isArrayOfArray<A>(item: A[] | A[][]): item is A[][];
+export declare function isArrayOfArray<A extends any[] | any[][]>(item: A): item is A extends Array<infer T> ? T extends any[] ? T[] : never : never;
 export declare function mergeClasses(appConfigClass?: string | string[], propClass?: string): "" | (string | undefined)[];
 export declare function getSlotChildrenText(children: any): any;
 export declare function transformUI(ui: any, uiProp?: any): any;
+export declare function resolveBaseURL(path?: string, baseURL?: string): string | undefined;
 export * from './content';

package/dist/runtime/utils/index.js

@@ -1,4 +1,5 @@
 import { isEqual } from "ohash/utils";
+import { withTrailingSlash, withLeadingSlash, joinURL } from "ufo";
 export function pick(data, keys) {
   const result = {};
   for (const key of keys) {
@@ -134,6 +135,15 @@ export function transformUI(ui, uiProp) {
   return Object.entries(ui).reduce((acc, [key, value]) => {
     acc[key] = typeof value === "function" ? value({ class: uiProp?.[key] }) : value;
     return acc;
-  }, uiProp || {});
+  }, { ...uiProp || {} });
+}
+export function resolveBaseURL(path, baseURL) {
+  if (path?.startsWith("/") && !path.startsWith("//")) {
+    const _base = withLeadingSlash(withTrailingSlash(baseURL || "/"));
+    if (_base !== "/" && !path.startsWith(_base)) {
+      return joinURL(_base, path);
+    }
+  }
+  return path;
 }
 export * from "./content.js";

package/dist/runtime/vue/components/color-mode/ColorModeSelect.vue

@@ -35,7 +35,7 @@ const props = defineProps({
   labelKey: { type: null, required: false },
   descriptionKey: { type: null, required: false },
   defaultValue: { type: null, required: false },
-  modelModifiers: { type: Object, required: false },
+  modelModifiers: { type: null, required: false },
   multiple: { type: Boolean, required: false },
   highlight: { type: Boolean, required: false },
   createItem: { type: [Boolean, String, Object], required: false },

package/dist/runtime/vue/overrides/inertia/Link.d.vue.ts

@@ -64,9 +64,9 @@ export interface LinkSlots {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
-    as: any;
     type: "reset" | "submit" | "button";
     active: boolean;
+    as: any;
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     isAction: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;

package/dist/runtime/vue/overrides/inertia/Link.vue.d.ts

@@ -64,9 +64,9 @@ export interface LinkSlots {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
-    as: any;
     type: "reset" | "submit" | "button";
     active: boolean;
+    as: any;
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     isAction: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;

package/dist/runtime/vue/overrides/inertia/LinkBase.d.vue.ts

@@ -13,8 +13,8 @@ export interface LinkBaseProps {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkBaseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkBaseProps> & Readonly<{}>, {
-    as: string;
     type: string;
+    as: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 } & {

package/dist/runtime/vue/overrides/inertia/LinkBase.vue.d.ts

@@ -13,8 +13,8 @@ export interface LinkBaseProps {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkBaseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkBaseProps> & Readonly<{}>, {
-    as: string;
     type: string;
+    as: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 } & {

package/dist/runtime/vue/overrides/none/Link.d.vue.ts

@@ -66,9 +66,9 @@ export interface LinkSlots {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
-    as: any;
     type: "reset" | "submit" | "button";
     active: boolean;
+    as: any;
     ariaCurrentValue: string;
     isAction: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;

package/dist/runtime/vue/overrides/none/Link.vue.d.ts

@@ -66,9 +66,9 @@ export interface LinkSlots {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
-    as: any;
     type: "reset" | "submit" | "button";
     active: boolean;
+    as: any;
     ariaCurrentValue: string;
     isAction: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;

package/dist/runtime/vue/overrides/vue-router/Link.d.vue.ts

@@ -57,9 +57,9 @@ export interface LinkSlots {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
-    as: any;
     type: "reset" | "submit" | "button";
     active: boolean;
+    as: any;
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     isAction: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;

package/dist/runtime/vue/overrides/vue-router/Link.vue.d.ts

@@ -57,9 +57,9 @@ export interface LinkSlots {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
-    as: any;
     type: "reset" | "submit" | "button";
     active: boolean;
+    as: any;
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     isAction: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;

package/dist/runtime/vue/stubs/base.d.ts

@@ -7,22 +7,12 @@ export { defineLocale } from '../../composables/defineLocale';
 export { useLocale } from '../../composables/useLocale';
 export { useConfetti } from '../../composables/useConfetti';
 export { useOverlay } from '../../composables/useOverlay';
+export { useColorMode } from '../../composables/color-mode/useColorMode';
 export declare const clearError: () => void;
 /**
- * @memo need add for prose components
+ * @memo Use this in plugin to detect the bitrix24 mobile application environment.
  */
-export declare const useRuntimeConfig: () => {
-    public: null;
-};
-export declare const useColorMode: () => {
-    forced: boolean;
-    preference?: undefined;
-    readonly value?: undefined;
-} | {
-    preference: import("@vueuse/core").BasicColorMode | "system";
-    readonly value: import("@vueuse/core").BasicColorMode;
-    forced: boolean;
-};
+export declare const useRequestHeader: () => undefined;
 export declare const useCookie: <T = string>(_name: string, _options?: Record<string, any>) => {
     value: T;
     get: () => T;
@@ -43,6 +33,12 @@ export declare function useNuxtApp(): {
     }) => () => void;
 };
 export declare function useRuntimeHook(name: string, fn: (...args: any[]) => void): void;
+export declare const useRuntimeConfig: () => {
+    app: {
+        baseURL: string;
+    };
+    public: {};
+};
 export declare function defineNuxtPlugin(plugin: (nuxtApp: NuxtApp) => void): {
     install(app: import("vue").App<any>): void;
 };

package/dist/runtime/vue/stubs/base.js

@@ -1,7 +1,5 @@
 import { ref, onScopeDispose } from "vue";
 import { createHooks } from "hookable";
-import { useColorMode as useColorModeVueUse } from "@vueuse/core";
-import appConfig from "#build/app.config";
 export { useHead } from "@unhead/vue";
 export { useAppConfig } from "../composables/useAppConfig.js";
 export { defineShortcuts } from "../../composables/defineShortcuts.js";
@@ -9,39 +7,11 @@ export { defineLocale } from "../../composables/defineLocale.js";
 export { useLocale } from "../../composables/useLocale.js";
 export { useConfetti } from "../../composables/useConfetti.js";
 export { useOverlay } from "../../composables/useOverlay.js";
+export { useColorMode } from "../../composables/color-mode/useColorMode.js";
 export const clearError = () => {
 };
-export const useRuntimeConfig = () => {
-  return {
-    public: null
-  };
-};
-export const useColorMode = () => {
-  if (!appConfig.colorMode) {
-    return {
-      forced: true
-    };
-  }
-  const { store, system } = useColorModeVueUse({
-    attribute: "class",
-    modes: {
-      auto: "auto",
-      light: appConfig?.colorModeTypeLight || "light",
-      dark: "dark"
-    }
-  });
-  return {
-    get preference() {
-      return store.value === "auto" ? "system" : store.value;
-    },
-    set preference(value) {
-      store.value = value === "system" ? "auto" : value;
-    },
-    get value() {
-      return store.value === "auto" ? system.value : store.value;
-    },
-    forced: false
-  };
+export const useRequestHeader = () => {
+  return void 0;
 };
 export const useCookie = (_name, _options = {}) => {
   const value = ref(_options?.default?.() ?? null);
@@ -80,6 +50,14 @@ export function useRuntimeHook(name, fn) {
   const unregister = nuxtApp.hook(name, fn);
   onScopeDispose(unregister);
 }
+export const useRuntimeConfig = () => {
+  return {
+    app: {
+      baseURL: "/"
+    },
+    public: {}
+  };
+};
 export function defineNuxtPlugin(plugin) {
   return {
     install(app) {