@gemafajarramadhan/dynamic-ui 1.4.27 → 1.4.29

package/dist/index.d.ts

@@ -458,6 +458,21 @@ export const DCodeProgressBar: DefineComponent<{
     apiProgress?: number
 }>
 
+export const DCodePercentage: DefineComponent<{
+    value?: number
+    max?: number
+    label?: string
+    caption?: string
+    showValue?: boolean
+    variant?: 'bar' | 'circle' | 'donut' | 'semi-circle' | 'radial' | 'steps' | 'bullet'
+    size?: 'sm' | 'md' | 'lg'
+    target?: number
+    stepCount?: number
+    color?: 'primary' | 'success' | 'warning' | 'danger'
+    visible?: boolean
+    [key: string]: any
+}>
+
 export const DCodeRadio: DefineComponent<{
     modelValue?: any
     value?: any
@@ -823,6 +838,25 @@ export const TooltipProvider: DefineComponent<{
     [key: string]: any
 }>
 
+export interface MetricBarItem {
+    id?: string | number
+    label: string
+    value: string | number | boolean
+    type?: 'text' | 'currency' | 'percent' | 'badge'
+    color?: string
+    badgeType?: 'success' | 'danger' | 'warning' | 'info' | 'neutral'
+    badgeText?: string
+    badgeColor?: string
+}
+
+export const DCodeBarCustom: DefineComponent<{
+    items?: MetricBarItem[]
+    border?: boolean
+    shadow?: boolean
+    padding?: string
+    containerClass?: string
+}>
+
 export function registerLogic(name: string, module: any): void
 export function getLogicModule(name: string): any
 export function unregisterLogic(name: string): void

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gemafajarramadhan/dynamic-ui",
-  "version": "1.4.27",
+  "version": "1.4.29",
   "description": "Vue 3 Dynamic UI Component Library - Compatible with Vue, React, Angular, and any other framework via Web Components",
   "type": "module",
   "license": "MIT",

package/src/index.d.ts

@@ -458,6 +458,21 @@ export const DCodeProgressBar: DefineComponent<{
     apiProgress?: number
 }>
 
+export const DCodePercentage: DefineComponent<{
+    value?: number
+    max?: number
+    label?: string
+    caption?: string
+    showValue?: boolean
+    variant?: 'bar' | 'circle' | 'donut' | 'semi-circle' | 'radial' | 'steps' | 'bullet'
+    size?: 'sm' | 'md' | 'lg'
+    target?: number
+    stepCount?: number
+    color?: 'primary' | 'success' | 'warning' | 'danger'
+    visible?: boolean
+    [key: string]: any
+}>
+
 export const DCodeRadio: DefineComponent<{
     modelValue?: any
     value?: any
@@ -823,6 +838,25 @@ export const TooltipProvider: DefineComponent<{
     [key: string]: any
 }>
 
+export interface MetricBarItem {
+    id?: string | number
+    label: string
+    value: string | number | boolean
+    type?: 'text' | 'currency' | 'percent' | 'badge'
+    color?: string
+    badgeType?: 'success' | 'danger' | 'warning' | 'info' | 'neutral'
+    badgeText?: string
+    badgeColor?: string
+}
+
+export const DCodeBarCustom: DefineComponent<{
+    items?: MetricBarItem[]
+    border?: boolean
+    shadow?: boolean
+    padding?: string
+    containerClass?: string
+}>
+
 export function registerLogic(name: string, module: any): void
 export function getLogicModule(name: string): any
 export function unregisterLogic(name: string): void