@hantera/design-system 20250707.0.0-develop.1 → 20250812.0.0-2025.2.1

package/dist/entry.d.ts

@@ -50,6 +50,7 @@ selectedValues: string[];
 availableSets: DataColumnValuesEnumSet[];
 onAdd?: any;
 onRemove?: any;
+disabled?: boolean;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 add: (value: DataColumnValuesEnumValue) => any;
 remove: (value: DataColumnValuesEnumValue) => any;
@@ -58,6 +59,7 @@ selectedValues: string[];
 availableSets: DataColumnValuesEnumSet[];
 onAdd?: any;
 onRemove?: any;
+disabled?: boolean;
 }> & Readonly<{
 onAdd?: ((value: DataColumnValuesEnumValue) => any) | undefined;
 onRemove?: ((value: DataColumnValuesEnumValue) => any) | undefined;
@@ -140,7 +142,7 @@ onDrop?: ((payload: DragPayload) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const __VLS_component_19: DefineComponent<    {
-target?: DropDownTarget | null;
+target?: DropdownTarget | null;
 }, {
 open: typeof open_3;
 close: typeof close_3;
@@ -149,7 +151,7 @@ isOpen: typeof isOpen;
 close: () => any;
 open: () => any;
 }, string, PublicProps, Readonly<{
-target?: DropDownTarget | null;
+target?: DropdownTarget | null;
 }> & Readonly<{
 onClose?: (() => any) | undefined;
 onOpen?: (() => any) | undefined;
@@ -281,11 +283,11 @@ disabled?: boolean;
 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_9: DefineComponent<__VLS_PublicProps_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_9: DefineComponent<__VLS_PublicProps_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (modelValue: any) => any;
 } & {
 "update:modelValue": (value: any) => any;
-}, string, PublicProps, Readonly<__VLS_PublicProps_2> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_PublicProps_4> & Readonly<{
 "onUpdate:modelValue"?: ((modelValue: any) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
@@ -294,15 +296,29 @@ declare type __VLS_PublicProps = {
 } & typeof __VLS_typeProps;
 
 declare type __VLS_PublicProps_2 = {
-    modelValue?: any;
+    modelValue: string;
+    modelModifiers?: Record<string, true>;
 } & typeof __VLS_typeProps_2;
 
 declare type __VLS_PublicProps_3 = {
+    modelValue: DecimalInputValue | Decimal;
+} & typeof __VLS_typeProps_3;
+
+declare type __VLS_PublicProps_4 = {
+    modelValue?: any;
+} & typeof __VLS_typeProps_4;
+
+declare type __VLS_PublicProps_5 = {
     modelValue?: {
         start: Date;
         end: Date;
     } | Date;
-} & typeof __VLS_typeProps_3;
+} & typeof __VLS_typeProps_5;
+
+declare type __VLS_PublicProps_6 = {
+    modelValue?: string;
+    modelModifiers?: Record<string, true>;
+} & typeof __VLS_typeProps_6;
 
 declare function __VLS_template(): {
     slots: {
@@ -316,7 +332,7 @@ declare function __VLS_template(): {
             $: ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly target?: (DropDownTarget | null) | undefined;
+                readonly target?: (DropdownTarget | null) | undefined;
                 readonly onClose?: (() => any) | undefined;
                 readonly onOpen?: (() => any) | undefined;
             } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
@@ -335,7 +351,7 @@ declare function __VLS_template(): {
             $emit: ((event: "close") => void) & ((event: "open") => void);
             $el: any;
             $options: ComponentOptionsBase<Readonly<{
-            target?: DropDownTarget | null;
+            target?: DropdownTarget | null;
             }> & Readonly<{
             onClose?: (() => any) | undefined;
             onOpen?: (() => any) | undefined;
@@ -367,7 +383,7 @@ declare function __VLS_template(): {
             $nextTick: nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
         } & Readonly<{}> & Omit<Readonly<{
-            target?: DropDownTarget | null;
+            target?: DropdownTarget | null;
         }> & Readonly<{
             onClose?: (() => any) | undefined;
             onOpen?: (() => any) | undefined;
@@ -410,7 +426,7 @@ declare function __VLS_template_12(): {
             $: ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly target?: (DropDownTarget | null) | undefined;
+                readonly target?: (DropdownTarget | null) | undefined;
                 readonly onClose?: (() => any) | undefined;
                 readonly onOpen?: (() => any) | undefined;
             } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
@@ -429,7 +445,7 @@ declare function __VLS_template_12(): {
             $emit: ((event: "close") => void) & ((event: "open") => void);
             $el: any;
             $options: ComponentOptionsBase<Readonly<{
-            target?: DropDownTarget | null;
+            target?: DropdownTarget | null;
             }> & Readonly<{
             onClose?: (() => any) | undefined;
             onOpen?: (() => any) | undefined;
@@ -461,7 +477,7 @@ declare function __VLS_template_12(): {
             $nextTick: nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
         } & Readonly<{}> & Omit<Readonly<{
-            target?: DropDownTarget | null;
+            target?: DropdownTarget | null;
         }> & Readonly<{
             onClose?: (() => any) | undefined;
             onOpen?: (() => any) | undefined;
@@ -604,7 +620,7 @@ declare function __VLS_template_24(): {
             $: ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly target?: (DropDownTarget | null) | undefined;
+                readonly target?: (DropdownTarget | null) | undefined;
                 readonly onClose?: (() => any) | undefined;
                 readonly onOpen?: (() => any) | undefined;
             } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
@@ -623,7 +639,7 @@ declare function __VLS_template_24(): {
             $emit: ((event: "close") => void) & ((event: "open") => void);
             $el: any;
             $options: ComponentOptionsBase<Readonly<{
-            target?: DropDownTarget | null;
+            target?: DropdownTarget | null;
             }> & Readonly<{
             onClose?: (() => any) | undefined;
             onOpen?: (() => any) | undefined;
@@ -655,7 +671,7 @@ declare function __VLS_template_24(): {
             $nextTick: nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
         } & Readonly<{}> & Omit<Readonly<{
-            target?: DropDownTarget | null;
+            target?: DropdownTarget | null;
         }> & Readonly<{
             onClose?: (() => any) | undefined;
             onOpen?: (() => any) | undefined;
@@ -790,12 +806,27 @@ declare let __VLS_typeProps: {
 };
 
 declare let __VLS_typeProps_2: {
+    name?: string;
+    disabled?: boolean;
+    placeholder?: string;
+};
+
+declare let __VLS_typeProps_3: {
+    name?: string;
+    selectOnFocus?: boolean;
+    disabled?: boolean;
+    maxValue?: Decimal | number;
+    minValue?: Decimal | number;
+    allowPercentage?: boolean;
+};
+
+declare let __VLS_typeProps_4: {
     modelValue: any;
     value: any;
     disabled?: boolean;
 };
 
-declare let __VLS_typeProps_3: {
+declare let __VLS_typeProps_5: {
     minDate?: Date;
     maxDate?: Date;
     startOfWeek?: number;
@@ -803,6 +834,10 @@ declare let __VLS_typeProps_3: {
     weekNumbers?: 'firstFourDays';
 };
 
+declare let __VLS_typeProps_6: {
+    items: NavItemDefinition[];
+};
+
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
@@ -947,8 +982,41 @@ declare type __VLS_WithTemplateSlots_9<T, S> = T & {
     };
 };
 
+export declare const ActivityLog: DefineComponent<    {
+entries: ActivityLogEntry[];
+/**
+* Allows entries to be rendered using a Vue component. Return undefined to use default rendering.
+* @param entry
+*/
+componentMapper?: (entry: ActivityLogEntry) => string | any;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+entries: ActivityLogEntry[];
+/**
+* Allows entries to be rendered using a Vue component. Return undefined to use default rendering.
+* @param entry
+*/
+componentMapper?: (entry: ActivityLogEntry) => string | any;
+}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+export declare interface ActivityLogEntry {
+    activityLogId: string;
+    type: string;
+    messageTemplate: string;
+    dynamic: Record<string, any>;
+    createdAt: Date;
+    identity?: {
+        identityId: string;
+        type: 'user' | 'system' | 'oauth_client';
+        properties: {
+            name?: string;
+        };
+    };
+}
+
 declare function blur_2(): void;
 
+declare function blur_3(): void;
+
 declare function close_2(): void;
 
 declare function close_3(): void;
@@ -1129,14 +1197,14 @@ export declare interface DataTableContextMenuProvider {
     forRow(row: DataRow): ContextMenuSections;
 }
 
-export declare const DatePicker: DefineComponent<__VLS_PublicProps_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const DatePicker: DefineComponent<__VLS_PublicProps_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (modelValue: Date | {
 start: Date;
 end: Date;
 }) => any;
 } & {
 "update:selectionState": (value: "single" | "start" | "end") => any;
-}, string, PublicProps, Readonly<__VLS_PublicProps_3> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_PublicProps_5> & Readonly<{
 "onUpdate:modelValue"?: ((modelValue: Date | {
 start: Date;
 end: Date;
@@ -1147,42 +1215,27 @@ startOfWeek: number;
 mode: "single" | "range";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export declare const DecimalInput: DefineComponent<    {
-modelValue?: DecimalInputValue | Decimal;
-name?: string;
-selectOnFocus?: boolean;
-disabled?: boolean;
-maxValue?: Decimal | number;
-minValue?: Decimal | number;
-allowPercentage?: boolean;
-}, {
-setError: typeof setError_2;
-focus: typeof focus_3;
-select: typeof select_2;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+export declare const DecimalInput: DefineComponent<__VLS_PublicProps_3, {
+setError: typeof setError_3;
+focus: typeof focus_4;
+select: typeof select_3;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (modelValue: DecimalInputValue | Decimal) => any;
+} & {
 blur: (value: Event) => any;
 change: () => any;
 focus: (value: Event) => any;
 keydown: (value: KeyboardEvent) => any;
 keypress: (value: KeyboardEvent) => any;
 keyenter: (value: KeyboardEvent) => any;
-"update:modelValue": (value: DecimalInputValue | Decimal) => any;
-}, string, PublicProps, Readonly<{
-modelValue?: DecimalInputValue | Decimal;
-name?: string;
-selectOnFocus?: boolean;
-disabled?: boolean;
-maxValue?: Decimal | number;
-minValue?: Decimal | number;
-allowPercentage?: boolean;
-}> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_PublicProps_3> & Readonly<{
 onBlur?: ((value: Event) => any) | undefined;
 onChange?: (() => any) | undefined;
 onFocus?: ((value: Event) => any) | undefined;
 onKeydown?: ((value: KeyboardEvent) => any) | undefined;
 onKeypress?: ((value: KeyboardEvent) => any) | undefined;
 onKeyenter?: ((value: KeyboardEvent) => any) | undefined;
-"onUpdate:modelValue"?: ((value: DecimalInputValue | Decimal) => any) | undefined;
+"onUpdate:modelValue"?: ((modelValue: DecimalInputValue | Decimal) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 export declare interface DecimalInputValue {
@@ -1229,9 +1282,9 @@ export declare const DropdownItem: __VLS_WithTemplateSlots_20<typeof __VLS_compo
 
 export declare const DropdownMenu: __VLS_WithTemplateSlots_19<typeof __VLS_component_19, __VLS_TemplateResult_19["slots"]>;
 
-export declare type DropDownTarget = Element | DropDownTargetPoint;
+export declare type DropdownTarget = Element | DropdownTargetPoint;
 
-export declare interface DropDownTargetPoint {
+export declare interface DropdownTargetPoint {
     x: number;
     y: number;
 }
@@ -1245,6 +1298,29 @@ export declare interface DropZoneRef {
     onDrop?: (payload: DragPayload) => void;
 }
 
+export declare const ElasticInput: DefineComponent<__VLS_PublicProps_2, {
+setError: typeof setError_2;
+focus: typeof focus_3;
+blur: typeof blur_3;
+select: typeof select_2;
+scrollIntoView: typeof scrollIntoView_2;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (modelValue: string) => any;
+} & {
+blur: (value: Event) => any;
+focus: (value: Event) => any;
+keydown: (value: KeyboardEvent) => any;
+keypress: (value: KeyboardEvent) => any;
+keyenter: (value: KeyboardEvent) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps_2> & Readonly<{
+onBlur?: ((value: Event) => any) | undefined;
+onFocus?: ((value: Event) => any) | undefined;
+onKeydown?: ((value: KeyboardEvent) => any) | undefined;
+onKeypress?: ((value: KeyboardEvent) => any) | undefined;
+onKeyenter?: ((value: KeyboardEvent) => any) | undefined;
+"onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
 export declare const EnumsBar: __VLS_WithTemplateSlots_12<typeof __VLS_component_12, __VLS_TemplateResult_12["slots"]>;
 
 export declare const Expandable: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
@@ -1261,6 +1337,8 @@ declare function focus_4(): void;
 
 declare function focus_5(): void;
 
+declare function focus_6(): void;
+
 export declare const Icon: DefineComponent<    {
 name: IconName;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
@@ -1283,7 +1361,7 @@ export declare const IconHamburger: DefineComponent<    {}, {}, {}, {}, {}, Comp
 
 export declare const IconInbound: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-export declare type IconName = 'close' | 'check' | 'plus' | 'chevron' | 'folder' | 'outbound' | 'inbound' | 'question' | 'reload' | 'filter' | 'redo' | 'undo' | 'hamburger' | 'warning' | 'arrow' | 'arrows' | 'square' | 'squareSplitHorizontal' | 'squareSplitVertical';
+export declare type IconName = 'close' | 'check' | 'plus' | 'chevron' | 'folder' | 'outbound' | 'inbound' | 'question' | 'reload' | 'filter' | 'redo' | 'undo' | 'hamburger' | 'warning' | 'arrow' | 'arrows' | 'square' | 'squareSplitHorizontal' | 'squareSplitVertical' | 'home' | 'blocks';
 
 export declare const IconOutbound: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
@@ -1312,9 +1390,9 @@ type?: string;
 placeholder?: string;
 autocomplete?: "email" | "url";
 }, {
-setError: typeof setError_4;
-focus: typeof focus_5;
-select: typeof select_4;
+setError: typeof setError_5;
+focus: typeof focus_6;
+select: typeof select_5;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 blur: (value: Event) => any;
 focus: (value: Event) => any;
@@ -1360,29 +1438,64 @@ export declare interface InspectorProvider {
      */
     summary: string | object;
     /**
-     * The currently selected tab. 0 means select first tab which is summary
+     * If set, overrides the label of the summary tab on small screens/containers
+     */
+    summaryLabel?: string;
+    /**
+     * The currently selected tab. undefined means select first tab which is summary
      * or first tab depending on viewport size.
      */
-    selectedTab: string | number;
-    tabs: {
-        key: string;
-        label: string;
-        count?: number;
-        /**
-         * An HTML tag name, a Component name or Component class reference to render as tab's content.
-         */
-        component: string | object;
-    }[];
+    selectedTab?: string;
+    tabs: InspectorTab[];
+}
+
+declare interface InspectorTab extends NavItemDefinition {
+    /**
+     * An HTML tag name, a Component name or Component class reference to render as tab's content.
+     */
+    component: string | object;
+    /**
+     * An HTML tag name, a Component name or Component class reference to render as tab's toolbar.
+     */
+    toolbar?: string | object;
 }
 
 declare function isOpen(): boolean;
 
+export declare interface LabelTagDefinition {
+    value: string;
+    style: 'primary' | 'secondary' | 'tertiary' | 'hue';
+    /**
+     * If style is hue, this determines the hue value
+     */
+    hue?: number;
+    title?: string;
+}
+
+export declare const LabelTags: DefineComponent<    {
+tags?: LabelTagDefinition[] | ComputedRef<LabelTagDefinition[]>;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+tags?: LabelTagDefinition[] | ComputedRef<LabelTagDefinition[]>;
+}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
 export declare const ListDetailLayout: __VLS_WithTemplateSlots_15<typeof __VLS_component_15, __VLS_TemplateResult_15["slots"]>;
 
 export declare const ListLink: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
 
 export declare const LoadingArea: __VLS_WithTemplateSlots_11<typeof __VLS_component_11, __VLS_TemplateResult_11["slots"]>;
 
+export declare const NavigationBar: DefineComponent<__VLS_PublicProps_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (modelValue: string) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps_6> & Readonly<{
+"onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+export declare interface NavItemDefinition {
+    id: string;
+    label: string | ComputedRef<string>;
+    tags?: LabelTagDefinition[] | ComputedRef<LabelTagDefinition[]>;
+}
+
 declare function open_2(): void;
 
 declare function open_3(): void;
@@ -1399,9 +1512,9 @@ isValid?: boolean;
 defaultCountry?: string;
 name?: string;
 }, {
-setError: typeof setError_3;
-focus: typeof focus_4;
-select: typeof select_3;
+setError: typeof setError_4;
+focus: typeof focus_5;
+select: typeof select_4;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 blur: (value: Event) => any;
 focus: (value: Event) => any;
@@ -1444,8 +1557,18 @@ invertColors?: boolean;
 
 declare function rename(node: string | TreeNode): void;
 
+export declare const RenderedMessage: DefineComponent<    {
+messageTemplate: string;
+values: Record<string, any>;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+messageTemplate: string;
+values: Record<string, any>;
+}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
 declare function scrollIntoView(): void;
 
+declare function scrollIntoView_2(): void;
+
 declare function select(): void;
 
 declare function select_2(): void;
@@ -1454,29 +1577,33 @@ declare function select_3(): void;
 
 declare function select_4(): void;
 
+declare function select_5(): void;
+
 /**
  *
  * @param error The error message
  */
 declare function setError(message?: string): void;
 
+declare function setError_2(message?: string): void;
+
 /**
  *
  * @param error The error message
  */
-declare function setError_2(message?: string): void;
+declare function setError_3(message?: string): void;
 
 /**
  *
  * @param error The error message
  */
-declare function setError_3(message?: string): void;
+declare function setError_4(message?: string): void;
 
 /**
  *
  * @param error The error message
  */
-declare function setError_4(message?: string): void;
+declare function setError_5(message?: string): void;
 
 export declare const SidebarLayout: __VLS_WithTemplateSlots_13<typeof __VLS_component_13, __VLS_TemplateResult_13["slots"]>;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hantera/design-system",
-  "version": "20250707.0.0-develop.1",
+  "version": "20250812.0.0-2025.2.1",
   "types": "./dist/entry.d.ts",
   "scripts": {
     "build": "cpx ../../design-system/dist/**/*.d.ts ./dist -C"