globuswebcomponents 2.18.2 → 2.18.3

package/dist/globuscomponents/p-cHn6O-Kf.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-cHn6O-Kf.js","sources":["src/models/reusableModels.ts"],"sourcesContent":["export type GeneralSizes = 'xxxxl' | 'xxxl' | 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs' | 'profile_lg' | 'profile_md' | 'profile_sm';\r\n\r\nexport type GeneralHierarchies = 'primary' | 'secondary_gray' | 'secondary_color' | 'tertiary_gray' | 'tertiary_color' | 'link_gray' | 'link_color';\r\n\r\nexport enum StateEnum {\r\n  Default = 'default',\r\n  Disabled = 'disabled',\r\n}\r\n\r\nexport type ArrowPositions = 'bottom_center' | 'bottom_left' | 'bottom_right' | 'top_center' | 'left' | 'right' | 'none' | 'center';\r\n\r\nexport type CheckBoxVariants = 'checkbox' | 'check_circle' | 'radio';\r\n\r\nexport enum BorderWeights {\r\n  VeryLight = 'very_light',\r\n  Light = 'light',\r\n  Regular = 'regular',\r\n  Heavy = 'heavy',\r\n}\r\n\r\nexport enum OnlineIndicatorStates {\r\n  Online = 'online',\r\n  Offline = 'offline',\r\n}\r\n\r\nexport type BreakPoints = 'desktop' | 'mobile';\r\n\r\nexport type FileUploadIconType = 'solid' | 'outline';\r\n\r\nexport type FileUploadStates = 'default' | 'in_progress' | 'complete' | 'hover' | 'disabled' | 'error';\r\n\r\nexport type GeneralColors = 'default' | 'gray' | 'primary' | 'error' | 'warning' | 'success' | 'discovery' | 'information' | 'pink' | 'purple' | 'white';\r\n\r\nexport type PaginationNumberShapes = 'square' | 'circle';\r\n\r\nexport type PaginationTypes =\r\n  | 'page_default'\r\n  | 'page_minimal_center_aligned'\r\n  | 'card_default'\r\n  | 'card_minimal_right_aligned'\r\n  | 'card_minimal_left_aligned'\r\n  | 'card_minimal_center_aligned'\r\n  | 'card_button_group_right_aligned'\r\n  | 'card_button_group_left_aligned'\r\n  | 'card_button_group_center_aligned';\r\n\r\nexport type TabTypes =\r\n  | 'button_primary'\r\n  | 'button_gray'\r\n  | 'button_white'\r\n  | 'rounded_button_white'\r\n  | 'underline'\r\n  | 'underline_filled'\r\n  | 'line'\r\n  | 'button_white_border'\r\n  | 'rounded_button_white_border'\r\n  | 'button_gray_border';\r\n\r\nexport type GeneralBackgroundCategories = 'plain_background' | 'colored_background';\r\n\r\nexport type InputFieldTypes =\r\n  | 'default'\r\n  | 'icon_leading'\r\n  | 'leading_dropdown'\r\n  | 'trailing_dropdown'\r\n  | 'leading_text'\r\n  | 'payment_input'\r\n  | 'tags'\r\n  | 'trailing_button'\r\n  | 'password'\r\n  | 'password_icon_leading'\r\n  | 'count';\r\n\r\nexport type DropdownTypes = 'default' | 'icon_leading' | 'avatar_leading' | 'dot_leading' | 'checkbox' | 'search' | 'tags';\r\n\r\nexport type ColorTypes = 'gray' | 'blue' | 'cyan' | 'pink' | 'purple' | 'green' | 'yellow' | 'red' | 'white';\r\n\r\nexport type DropdownItemTypes = string | number | { name: string | number; username: string; selected?: boolean };\r\n\r\nexport type PaginationDotTypes = 'dot' | 'line';\r\n\r\nexport type FileIconStyles = 'default' | 'gray' | 'solid';\r\n\r\nexport type FileIconTypes = 'pdf' | 'csv' | 'jpg' | 'jpeg' | 'ppt' | 'pptx' | 'doc' | 'docx' | 'xls' | 'xlsx' | 'svg' | 'txt' | 'zip' | 'rar' | 'mp3' | 'mp4' | 'png' | 'empty';\r\n\r\nexport type TableCellTypes = 'text' | 'lead_text' | 'lead_checkbox' | 'badge';\r\n\r\nexport type ProgressStepStatus = 'incomplete' | 'current' | 'complete';\r\n\r\nexport type ProgressStepTypes = 'icon_only' | 'icon_left' | 'icon_top' | 'text_line' | 'featured_icon_left' | 'featured_icon_top';\r\n\r\nexport type ProgressStepStates = 'default' | 'destructive';\r\n\r\nexport type BadgeTypes = 'pill_color' | 'pill_outline' | 'badge_color' | 'badge_modern';\r\n\r\nexport type GeneralStyles = 'standard' | 'compact';\r\n\r\nexport type StateType = 'default' | 'disabled' | 'applied' | 'loading' | 'open';\r\n\r\nexport type ButtonGroupTypes = 'false' | 'leading' | 'only' | 'dot' | 'checkbox';\r\n\r\nexport type ThemeTypes = 'system' | 'light' | 'dark';\r\n\r\nexport type BadgeIconTypes = 'dot' | 'avatar' | 'icon_leading' | 'icon_trailing' | 'country' | 'only' | 'false';\r\n\r\nexport type DropdownRoles = { badgeLabel: string; badgeColor: GeneralColors; badgeType: BadgeTypes };\r\n\r\nexport type StepperType = {\r\n  state: ProgressStepStates;\r\n  status: ProgressStepStatus;\r\n  label?: string;\r\n  supportingText?: string;\r\n};\r\n\r\nexport type DetailCellType = 'information' | 'document' | 'status' | 'button';\r\n\r\nexport type MetricFeaturedIconTypes = 'glassmorphism' | 'circular_filled';\r\n\r\nexport interface DropdownListGroup {\r\n  icon: string;\r\n  label: string;\r\n  shortcut: string;\r\n}\r\n\r\nexport type CloseButtonPositions = 'left' | 'right';\r\n\r\nexport interface Notification {\r\n  label: string;\r\n  time: string;\r\n  desc: string;\r\n  icon: string;\r\n}\r\n\r\nexport type IllustrationTypes = 'cloud' | 'box' | 'documents' | 'credit_card';\r\n\r\nexport type PatternTypes = 'circles' | 'grid' | 'grid_dot' | 'squares';\r\n\r\nexport type MobilePosition = 'top_left' | 'top_right' | 'bottom_left' | 'bottom_right';\r\n\r\nexport interface TableColumn {\r\n  key: string;\r\n  label: string;\r\n  value?: (row: any) => any;\r\n  supportingText?: string | ((row: any) => string);\r\n  width?: string;\r\n  align?: 'left' | 'center' | 'right';\r\n  helpIcon?: boolean;\r\n  sortable?: boolean;\r\n  sortType?: 'string' | 'number' | 'date';\r\n  visible?: boolean;\r\n  cellComponent?: string;\r\n  searchable?: boolean;\r\n  cellProps?: ((row: any) => { [key: string]: any }) | { [key: string]: any };\r\n  hasAvatar?: boolean;\r\n  cellAvatar?: {\r\n    props?: {};\r\n    slots?: {\r\n      initials?: string | ((row: any) => string | any);\r\n      image?: string | ((row: any) => string | any);\r\n    };\r\n  };\r\n  cellSlots?: {\r\n    default?: {\r\n      tag?: string; // e.g., 'p', 'span' to wrap content\r\n      content: (row: any) => string | any; // Function to get slot content\r\n    };\r\n    named?: {\r\n      [slotName: string]: {\r\n        tag: string; // e.g., 'p', 'h1', 'span'\r\n        content: (row: any) => string | any; // Function to get slot content\r\n      };\r\n    };\r\n  };\r\n  cellClass?: string | ((row: any) => string);\r\n  cellStyle?: { [key: string]: string } | ((row: any) => { [key: string]: string });\r\n  splitCell?: {\r\n    left: (row: any) => string | number;\r\n    right: (row: any) => string | number;\r\n    separator?: string;\r\n    leftStyle?: (row: any) => { [key: string]: string };\r\n    rightStyle?: (row: any) => { [key: string]: string };\r\n  };\r\n  mobile?: {\r\n    position?: MobilePosition;\r\n  };\r\n  gridCard?: {\r\n    buttonIcon?: string;\r\n    buttonText?: string;\r\n  };\r\n}\r\n\r\nexport interface RowAction {\r\n  label?: string;\r\n  icon?: string;\r\n  action: string; // emitted event name\r\n  disabled?: boolean;\r\n  destructive?: boolean;\r\n  type?: 'button' | 'dropdown' | 'custom';\r\n}\r\n\r\nexport interface DropdownOption {\r\n  label: string;\r\n  icon?: string;\r\n  action: string; // emitted event name\r\n  disabled?: boolean;\r\n}\r\n\r\nexport type PortalPlacement =\r\n  | 'top'\r\n  | 'top-start'\r\n  | 'top-end'\r\n  | 'bottom'\r\n  | 'bottom-start'\r\n  | 'bottom-end'\r\n  | 'left'\r\n  | 'left-start'\r\n  | 'left-end'\r\n  | 'right'\r\n  | 'right-start'\r\n  | 'right-end';\r\n\r\nexport interface FilterField {\r\n  tag: string;\r\n  columnKey?: string; // ← the actual row property to filter on\r\n  key: string | { start: string; end: string }; // date ranges need two keys\r\n  event: string | { start: string; end: string }; // date ranges need two events\r\n  label?: string;\r\n  props?: any;\r\n  default?: any;\r\n}\r\n\r\nexport interface FilterConfig {\r\n  mode?: 'internal' | 'external';\r\n  title?: string;\r\n  showClearButton?: boolean;\r\n  fields?: FilterField[];\r\n  initialValues?: {\r\n    pageNumber: number;\r\n    pageSize: number;\r\n  };\r\n  appliedValues?: Record<string, any>;\r\n}\r\n\r\nexport type IconStyles = 'stroke' | 'two-tone' | 'duotone' | 'solid' | 'bulk';\r\n\r\nexport type IconTypes = 'rounded' | 'sharp';\r\n\r\nexport type SubMenuChild = {\r\n  label: string;\r\n  icon: string;\r\n};\r\n\r\nexport type SubMenuItem = {\r\n  label: string;\r\n  icon: string;\r\n  children?: SubMenuChild[];\r\n};"],"names":[],"mappings":"AAIY,IAAA;AAAZ,CAAA,UAAY,SAAS,EAAA;AACnB,IAAA,SAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,SAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACvB,CAAC,EAHW,SAAS,KAAT,SAAS,GAGpB,EAAA,CAAA,CAAA;AAMW,IAAA;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,WAAA,CAAA,GAAA,YAAwB;AACxB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACjB,CAAC,EALW,aAAa,KAAb,aAAa,GAKxB,EAAA,CAAA,CAAA;AAEW,IAAA;AAAZ,CAAA,UAAY,qBAAqB,EAAA;AAC/B,IAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,qBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACrB,CAAC,EAHW,qBAAqB,KAArB,qBAAqB,GAGhC,EAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"p-cHn6O-Kf.js","sources":["src/models/reusableModels.ts"],"sourcesContent":["export type GeneralSizes = 'xxxxl' | 'xxxl' | 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs' | 'profile_lg' | 'profile_md' | 'profile_sm';\r\n\r\nexport type GeneralHierarchies = 'primary' | 'secondary_gray' | 'secondary_color' | 'tertiary_gray' | 'tertiary_color' | 'link_gray' | 'link_color';\r\n\r\nexport enum StateEnum {\r\n  Default = 'default',\r\n  Disabled = 'disabled',\r\n}\r\n\r\nexport type ArrowPositions = 'bottom_center' | 'bottom_left' | 'bottom_right' | 'top_center' | 'left' | 'right' | 'none' | 'center';\r\n\r\nexport type CheckBoxVariants = 'checkbox' | 'check_circle' | 'radio';\r\n\r\nexport enum BorderWeights {\r\n  VeryLight = 'very_light',\r\n  Light = 'light',\r\n  Regular = 'regular',\r\n  Heavy = 'heavy',\r\n}\r\n\r\nexport enum OnlineIndicatorStates {\r\n  Online = 'online',\r\n  Offline = 'offline',\r\n}\r\n\r\nexport type BreakPoints = 'desktop' | 'mobile';\r\n\r\nexport type FileUploadIconType = 'solid' | 'outline';\r\n\r\nexport type FileUploadStates = 'default' | 'in_progress' | 'complete' | 'hover' | 'disabled' | 'error';\r\n\r\nexport type GeneralColors = 'default' | 'gray' | 'primary' | 'error' | 'warning' | 'success' | 'discovery' | 'information' | 'pink' | 'purple' | 'white';\r\n\r\nexport type PaginationNumberShapes = 'square' | 'circle';\r\n\r\nexport type PaginationTypes =\r\n  | 'page_default'\r\n  | 'page_minimal_center_aligned'\r\n  | 'card_default'\r\n  | 'card_minimal_right_aligned'\r\n  | 'card_minimal_left_aligned'\r\n  | 'card_minimal_center_aligned'\r\n  | 'card_button_group_right_aligned'\r\n  | 'card_button_group_left_aligned'\r\n  | 'card_button_group_center_aligned';\r\n\r\nexport type TabTypes =\r\n  | 'button_primary'\r\n  | 'button_gray'\r\n  | 'button_white'\r\n  | 'rounded_button_white'\r\n  | 'underline'\r\n  | 'underline_filled'\r\n  | 'line'\r\n  | 'button_white_border'\r\n  | 'rounded_button_white_border'\r\n  | 'button_gray_border';\r\n\r\nexport type GeneralBackgroundCategories = 'plain_background' | 'colored_background';\r\n\r\nexport type InputFieldTypes =\r\n  | 'default'\r\n  | 'icon_leading'\r\n  | 'leading_dropdown'\r\n  | 'trailing_dropdown'\r\n  | 'leading_text'\r\n  | 'payment_input'\r\n  | 'tags'\r\n  | 'trailing_button'\r\n  | 'password'\r\n  | 'password_icon_leading'\r\n  | 'count';\r\n\r\nexport type DropdownTypes = 'default' | 'icon_leading' | 'avatar_leading' | 'dot_leading' | 'checkbox' | 'search' | 'tags';\r\n\r\nexport type ColorTypes = 'gray' | 'blue' | 'cyan' | 'pink' | 'purple' | 'green' | 'yellow' | 'red' | 'white';\r\n\r\nexport type DropdownItemTypes = string | number | { name: string | number; username: string; selected?: boolean };\r\n\r\nexport type PaginationDotTypes = 'dot' | 'line';\r\n\r\nexport type FileIconStyles = 'default' | 'gray' | 'solid';\r\n\r\nexport type FileIconTypes = 'pdf' | 'csv' | 'jpg' | 'jpeg' | 'ppt' | 'pptx' | 'doc' | 'docx' | 'xls' | 'xlsx' | 'svg' | 'txt' | 'zip' | 'rar' | 'mp3' | 'mp4' | 'png' | 'empty';\r\n\r\nexport type TableCellTypes = 'text' | 'lead_text' | 'lead_checkbox' | 'badge';\r\n\r\nexport type ProgressStepStatus = 'incomplete' | 'current' | 'complete';\r\n\r\nexport type ProgressStepTypes = 'icon_only' | 'icon_left' | 'icon_top' | 'text_line' | 'featured_icon_left' | 'featured_icon_top';\r\n\r\nexport type ProgressStepStates = 'default' | 'destructive';\r\n\r\nexport type BadgeTypes = 'pill_color' | 'pill_outline' | 'badge_color' | 'badge_modern';\r\n\r\nexport type GeneralStyles = 'standard' | 'compact';\r\n\r\nexport type StateType = 'default' | 'disabled' | 'applied' | 'loading' | 'open';\r\n\r\nexport type ButtonGroupTypes = 'false' | 'leading' | 'only' | 'dot' | 'checkbox';\r\n\r\nexport type ThemeTypes = 'system' | 'light' | 'dark';\r\n\r\nexport type BadgeIconTypes = 'dot' | 'avatar' | 'icon_leading' | 'icon_trailing' | 'country' | 'only' | 'false';\r\n\r\nexport type DropdownRoles = { badgeLabel: string; badgeColor: GeneralColors; badgeType: BadgeTypes };\r\n\r\nexport type StepperType = {\r\n  state: ProgressStepStates;\r\n  status: ProgressStepStatus;\r\n  label?: string;\r\n  supportingText?: string;\r\n};\r\n\r\nexport type DetailCellType = 'information' | 'document' | 'status' | 'button';\r\n\r\nexport type MetricFeaturedIconTypes = 'glassmorphism' | 'circular_filled';\r\n\r\nexport interface DropdownListGroup {\r\n  icon: string;\r\n  label: string;\r\n  shortcut: string;\r\n}\r\n\r\nexport type CloseButtonPositions = 'left' | 'right';\r\n\r\nexport interface Notification {\r\n  label: string;\r\n  time: string;\r\n  desc: string;\r\n  icon: string;\r\n}\r\n\r\nexport type IllustrationTypes = 'cloud' | 'box' | 'documents' | 'credit_card';\r\n\r\nexport type PatternTypes = 'circles' | 'grid' | 'grid_dot' | 'squares';\r\n\r\nexport type MobilePosition = 'top_left' | 'top_right' | 'bottom_left' | 'bottom_right';\r\n\r\nexport interface TableColumn {\r\n  key: string;\r\n  label: string;\r\n  value?: (row: any) => any;\r\n  supportingText?: string | ((row: any) => string);\r\n  width?: string;\r\n  align?: 'left' | 'center' | 'right';\r\n  helpIcon?: boolean;\r\n  sortable?: boolean;\r\n  sortType?: 'string' | 'number' | 'date';\r\n  visible?: boolean;\r\n  cellComponent?: string;\r\n  searchable?: boolean;\r\n  cellProps?: ((row: any) => { [key: string]: any }) | { [key: string]: any };\r\n  cellEvent?: string | string[];\r\n  hasAvatar?: boolean;\r\n  cellAvatar?: {\r\n    props?: {};\r\n    slots?: {\r\n      initials?: string | ((row: any) => string | any);\r\n      image?: string | ((row: any) => string | any);\r\n    };\r\n  };\r\n  cellSlots?: {\r\n    default?: {\r\n      tag?: string; // e.g., 'p', 'span' to wrap content\r\n      content: (row: any) => string | any; // Function to get slot content\r\n    };\r\n    named?: {\r\n      [slotName: string]: {\r\n        tag: string; // e.g., 'p', 'h1', 'span'\r\n        content: (row: any) => string | any; // Function to get slot content\r\n      };\r\n    };\r\n  };\r\n  cellClass?: string | ((row: any) => string);\r\n  cellStyle?: { [key: string]: string } | ((row: any) => { [key: string]: string });\r\n  splitCell?: {\r\n    left: (row: any) => string | number;\r\n    right: (row: any) => string | number;\r\n    separator?: string;\r\n    leftStyle?: (row: any) => { [key: string]: string };\r\n    rightStyle?: (row: any) => { [key: string]: string };\r\n  };\r\n  mobile?: {\r\n    position?: MobilePosition;\r\n  };\r\n  gridCard?: {\r\n    buttonIcon?: string;\r\n    buttonText?: string;\r\n  };\r\n}\r\n\r\nexport interface RowAction {\r\n  label?: string;\r\n  icon?: string;\r\n  action: string; // emitted event name\r\n  disabled?: boolean;\r\n  destructive?: boolean;\r\n  type?: 'button' | 'dropdown' | 'custom';\r\n}\r\n\r\nexport interface DropdownOption {\r\n  label: string;\r\n  icon?: string;\r\n  action: string; // emitted event name\r\n  disabled?: boolean;\r\n}\r\n\r\nexport type PortalPlacement =\r\n  | 'top'\r\n  | 'top-start'\r\n  | 'top-end'\r\n  | 'bottom'\r\n  | 'bottom-start'\r\n  | 'bottom-end'\r\n  | 'left'\r\n  | 'left-start'\r\n  | 'left-end'\r\n  | 'right'\r\n  | 'right-start'\r\n  | 'right-end';\r\n\r\nexport interface FilterField {\r\n  tag: string;\r\n  columnKey?: string; // ← the actual row property to filter on\r\n  key: string | { start: string; end: string }; // date ranges need two keys\r\n  event: string | { start: string; end: string }; // date ranges need two events\r\n  label?: string;\r\n  props?: any;\r\n  default?: any;\r\n}\r\n\r\nexport interface FilterConfig {\r\n  mode?: 'internal' | 'external';\r\n  title?: string;\r\n  showClearButton?: boolean;\r\n  fields?: FilterField[];\r\n  initialValues?: {\r\n    pageNumber: number;\r\n    pageSize: number;\r\n  };\r\n  appliedValues?: Record<string, any>;\r\n}\r\n\r\nexport type IconStyles = 'stroke' | 'two-tone' | 'duotone' | 'solid' | 'bulk';\r\n\r\nexport type IconTypes = 'rounded' | 'sharp';\r\n\r\nexport type SubMenuChild = {\r\n  label: string;\r\n  icon: string;\r\n};\r\n\r\nexport type SubMenuItem = {\r\n  label: string;\r\n  icon: string;\r\n  children?: SubMenuChild[];\r\n};\r\n"],"names":[],"mappings":"AAIY,IAAA;AAAZ,CAAA,UAAY,SAAS,EAAA;AACnB,IAAA,SAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,SAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACvB,CAAC,EAHW,SAAS,KAAT,SAAS,GAGpB,EAAA,CAAA,CAAA;AAMW,IAAA;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,WAAA,CAAA,GAAA,YAAwB;AACxB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACjB,CAAC,EALW,aAAa,KAAb,aAAa,GAKxB,EAAA,CAAA,CAAA;AAEW,IAAA;AAAZ,CAAA,UAAY,qBAAqB,EAAA;AAC/B,IAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,qBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACrB,CAAC,EAHW,qBAAqB,KAArB,qBAAqB,GAGhC,EAAA,CAAA,CAAA;;;;"}

package/dist/types/components/gb-button/gb-button.d.ts

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 import { ArrowPositions, GeneralHierarchies, GeneralSizes, StateType } from '../../models/reusableModels';
 export declare class GbButton {
     size: GeneralSizes;
@@ -29,6 +30,7 @@ export declare class GbButton {
     internalIconLeadingState: string;
     internalIconTrailingState: string;
     tooltipShown: boolean;
+    buttonClicked: EventEmitter<void>;
     getNativeButton(): Promise<HTMLButtonElement | null>;
     componentWillLoad(): void;
     loadIcon(iconName: string, type: 'leading' | 'trailing'): Promise<void>;
@@ -43,5 +45,6 @@ export declare class GbButton {
     getButtonTextClasses(): "text-md-semi-bold" | "text-sm-semi-bold";
     renderLeadingIcon(): any;
     renderTrailingIcon(): any;
+    emitButtonEvent(): void;
     render(): any;
 }

package/dist/types/components/gb-export-dropdown/gb-export-dropdown.d.ts

@@ -3,11 +3,13 @@ import { StateEnum } from '../../models/reusableModels';
 export declare class GbExportDropdown {
     state: StateEnum;
     showEntireData: boolean;
-    showFirstSubDropdown: boolean;
-    showSecondSubDropdown: boolean;
     pdfState: StateEnum;
     csvState: StateEnum;
-    exportClicked: EventEmitter<{
+    pdfSubDropdown: boolean;
+    csvSubDropdown: boolean;
+    showFirstSubDropdown: boolean;
+    showSecondSubDropdown: boolean;
+    exportClicked: EventEmitter<void | {
         exportType: string;
         dataType: string;
     }>;

package/dist/types/components/gb-export-dropdown-item/gb-export-dropdown-item.d.ts

@@ -1,8 +1,9 @@
-import { StateEnum } from "../../models/reusableModels";
+import { StateEnum } from '../../models/reusableModels';
 export declare class GbExportDropdownItem {
     icon: boolean;
     state: StateEnum;
     type: 'pdf' | 'csv';
+    subMenu: boolean;
     el: HTMLElement;
     render(): any;
 }

package/dist/types/components/gb-table/gb-table.d.ts

@@ -35,6 +35,8 @@ export declare class GbTable {
         exportButtonState?: 'default' | 'disabled';
         pdfState?: 'default' | 'disabled';
         csvState?: 'default' | 'disabled';
+        pdfSubDropdown?: boolean;
+        csvSubDropdown?: boolean;
         datePickerMode?: 'single' | 'range';
         inputPlaceholder?: string;
         datePickerPlaceholder?: string;
@@ -131,6 +133,9 @@ export declare class GbTable {
     filterApplied: EventEmitter<any>;
     filterCleared: EventEmitter<void>;
     tableControlClicked: EventEmitter<string>;
+    cellActionFired: EventEmitter<{
+        row: any;
+    }>;
     private isDraggingModal;
     private dragOffset;
     private actionButtonRefs;

package/dist/types/components/gb-table-header/gb-table-header.d.ts

@@ -34,6 +34,8 @@ export declare class GbTableHeader {
     twentyfourHr: boolean;
     showMonths: number;
     inputPlaceholder: string;
+    pdfSubDropdown: boolean;
+    csvSubDropdown: boolean;
     width: number;
     buttonIcon: 'default' | 'only';
     showExportDropdown: boolean;

package/dist/types/components.d.ts

@@ -1056,10 +1056,18 @@ export namespace Components {
           * @default StateEnum.Default
          */
         "csvState": StateEnum;
+        /**
+          * @default true
+         */
+        "csvSubDropdown": boolean;
         /**
           * @default StateEnum.Default
          */
         "pdfState": StateEnum;
+        /**
+          * @default true
+         */
+        "pdfSubDropdown": boolean;
         /**
           * @default false
          */
@@ -1075,6 +1083,10 @@ export namespace Components {
           * @default StateEnum.Default
          */
         "state": StateEnum;
+        /**
+          * @default false
+         */
+        "subMenu": boolean;
         "type": 'pdf' | 'csv';
     }
     interface GbExportSubDropdown {
@@ -2749,7 +2761,7 @@ export namespace Components {
     }
     interface GbTable {
         /**
-          * @default [     // { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },     // { key: 'date', label: 'Date', value: row => row.date.toLocaleString(), mobile: { position: 'bottom_left' } },     // {     //   key: 'name',     //   label: 'Name',     //   sortable: true,     //   sortType: 'string',     //   helpIcon: true,     //   searchable: true,     //   hasAvatar: true,     //   cellAvatar: {     //     // image: '',     //     slots: {     //       // initials: row => row.name.split(' ').map((nm: string) => nm.charAt(0)),     //       image: row => row.image,     //     },     //   },     //   mobile: { position: 'top_right' },     // },     // { key: 'role', label: 'Role', searchable: true },     // { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number', cellStyle: row => ({ color: row.amount > 200 ? 'green' : '' }) },     // {     //   key: 'status',     //   label: 'Status',     //   cellComponent: 'gb-badge',     //   cellProps: row => ({ color: row.status === 'Completed' ? 'success' : 'error', type: 'badge_modern', size: 'sm', icon: 'dot' }),     //   cellSlots: {     //     default: {     //       tag: 'p',     //       content: row => row.status,     //     },     //   },     // },   ]
+          * @default [     // { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },     // { key: 'date', label: 'Date', value: row => row.date.toLocaleString(), mobile: { position: 'bottom_left' } },     // {     //   key: 'name',     //   label: 'Name',     //   sortable: true,     //   sortType: 'string',     //   helpIcon: true,     //   searchable: true,     //   hasAvatar: true,     //   cellAvatar: {     //     // image: '',     //     slots: {     //       // initials: row => row.name.split(' ').map((nm: string) => nm.charAt(0)),     //       image: row => row.image,     //     },     //   },     //   mobile: { position: 'top_right' },     // },     // { key: 'role', label: 'Role', searchable: true },     // { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number', cellStyle: row => ({ color: row.amount > 200 ? 'green' : '' }) },     // {     //   key: 'status',     //   label: 'Status',     //   cellComponent: 'gb-button',     //   cellProps: row => ({      //     hierarchy: 'link_gray',      //     size: 'md',      //     icon: 'default',     //     iconLeading: true,     //     iconLeadingSwap: 'assets/view.svg'     //   }),     //   cellEvent: 'buttonClicked',     //   cellSlots: {     //     default: {     //       tag: 'p',     //       content: row => row.status,     //     },     //   },     // },   ]
          */
         "columns": TableColumn[];
         /**
@@ -2854,6 +2866,8 @@ export namespace Components {
     exportButtonState?: 'default' | 'disabled';
     pdfState?: 'default' | 'disabled';
     csvState?: 'default' | 'disabled';
+    pdfSubDropdown?: boolean;
+    csvSubDropdown?: boolean;
     datePickerMode?: 'single' | 'range';
     inputPlaceholder?: string;
     datePickerPlaceholder?: string;
@@ -2869,6 +2883,10 @@ export namespace Components {
           * @default StateEnum.Default
          */
         "csvState": StateEnum;
+        /**
+          * @default true
+         */
+        "csvSubDropdown": boolean;
         /**
           * @default false
          */
@@ -2922,6 +2940,10 @@ export namespace Components {
           * @default StateEnum.Default
          */
         "pdfState": StateEnum;
+        /**
+          * @default true
+         */
+        "pdfSubDropdown": boolean;
         /**
           * @default false
          */
@@ -3328,6 +3350,10 @@ export interface GbBreadcrumbsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGbBreadcrumbsElement;
 }
+export interface GbButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGbButtonElement;
+}
 export interface GbButtonGroupCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGbButtonGroupElement;
@@ -3687,7 +3713,18 @@ declare global {
         prototype: HTMLGbBtnElement;
         new (): HTMLGbBtnElement;
     };
+    interface HTMLGbButtonElementEventMap {
+        "buttonClicked": void;
+    }
     interface HTMLGbButtonElement extends Components.GbButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLGbButtonElementEventMap>(type: K, listener: (this: HTMLGbButtonElement, ev: GbButtonCustomEvent<HTMLGbButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLGbButtonElementEventMap>(type: K, listener: (this: HTMLGbButtonElement, ev: GbButtonCustomEvent<HTMLGbButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLGbButtonElement: {
         prototype: HTMLGbButtonElement;
@@ -3912,7 +3949,7 @@ declare global {
         new (): HTMLGbEmptyStateElement;
     };
     interface HTMLGbExportDropdownElementEventMap {
-        "exportClicked": { exportType: string; dataType: string };
+        "exportClicked": void | { exportType: string; dataType: string };
     }
     interface HTMLGbExportDropdownElement extends Components.GbExportDropdown, HTMLStencilElement {
         addEventListener<K extends keyof HTMLGbExportDropdownElementEventMap>(type: K, listener: (this: HTMLGbExportDropdownElement, ev: GbExportDropdownCustomEvent<HTMLGbExportDropdownElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -4644,6 +4681,7 @@ declare global {
         "filterApplied": any;
         "filterCleared": void;
         "tableControlClicked": string;
+        "cellActionFired": { row: any; };
     }
     interface HTMLGbTableElement extends Components.GbTable, HTMLStencilElement {
         addEventListener<K extends keyof HTMLGbTableElementEventMap>(type: K, listener: (this: HTMLGbTableElement, ev: GbTableCustomEvent<HTMLGbTableElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -5565,6 +5603,7 @@ declare namespace LocalJSX {
           * @default ''
          */
         "iconTrailingType"?: string;
+        "onButtonClicked"?: (event: GbButtonCustomEvent<void>) => void;
         /**
           * @default false
          */
@@ -6130,11 +6169,19 @@ declare namespace LocalJSX {
           * @default StateEnum.Default
          */
         "csvState"?: StateEnum;
-        "onExportClicked"?: (event: GbExportDropdownCustomEvent<{ exportType: string; dataType: string }>) => void;
+        /**
+          * @default true
+         */
+        "csvSubDropdown"?: boolean;
+        "onExportClicked"?: (event: GbExportDropdownCustomEvent<void | { exportType: string; dataType: string }>) => void;
         /**
           * @default StateEnum.Default
          */
         "pdfState"?: StateEnum;
+        /**
+          * @default true
+         */
+        "pdfSubDropdown"?: boolean;
         /**
           * @default false
          */
@@ -6150,6 +6197,10 @@ declare namespace LocalJSX {
           * @default StateEnum.Default
          */
         "state"?: StateEnum;
+        /**
+          * @default false
+         */
+        "subMenu"?: boolean;
         "type"?: 'pdf' | 'csv';
     }
     interface GbExportSubDropdown {
@@ -7871,7 +7922,7 @@ declare namespace LocalJSX {
     }
     interface GbTable {
         /**
-          * @default [     // { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },     // { key: 'date', label: 'Date', value: row => row.date.toLocaleString(), mobile: { position: 'bottom_left' } },     // {     //   key: 'name',     //   label: 'Name',     //   sortable: true,     //   sortType: 'string',     //   helpIcon: true,     //   searchable: true,     //   hasAvatar: true,     //   cellAvatar: {     //     // image: '',     //     slots: {     //       // initials: row => row.name.split(' ').map((nm: string) => nm.charAt(0)),     //       image: row => row.image,     //     },     //   },     //   mobile: { position: 'top_right' },     // },     // { key: 'role', label: 'Role', searchable: true },     // { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number', cellStyle: row => ({ color: row.amount > 200 ? 'green' : '' }) },     // {     //   key: 'status',     //   label: 'Status',     //   cellComponent: 'gb-badge',     //   cellProps: row => ({ color: row.status === 'Completed' ? 'success' : 'error', type: 'badge_modern', size: 'sm', icon: 'dot' }),     //   cellSlots: {     //     default: {     //       tag: 'p',     //       content: row => row.status,     //     },     //   },     // },   ]
+          * @default [     // { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },     // { key: 'date', label: 'Date', value: row => row.date.toLocaleString(), mobile: { position: 'bottom_left' } },     // {     //   key: 'name',     //   label: 'Name',     //   sortable: true,     //   sortType: 'string',     //   helpIcon: true,     //   searchable: true,     //   hasAvatar: true,     //   cellAvatar: {     //     // image: '',     //     slots: {     //       // initials: row => row.name.split(' ').map((nm: string) => nm.charAt(0)),     //       image: row => row.image,     //     },     //   },     //   mobile: { position: 'top_right' },     // },     // { key: 'role', label: 'Role', searchable: true },     // { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number', cellStyle: row => ({ color: row.amount > 200 ? 'green' : '' }) },     // {     //   key: 'status',     //   label: 'Status',     //   cellComponent: 'gb-button',     //   cellProps: row => ({      //     hierarchy: 'link_gray',      //     size: 'md',      //     icon: 'default',     //     iconLeading: true,     //     iconLeadingSwap: 'assets/view.svg'     //   }),     //   cellEvent: 'buttonClicked',     //   cellSlots: {     //     default: {     //       tag: 'p',     //       content: row => row.status,     //     },     //   },     // },   ]
          */
         "columns"?: TableColumn[];
         /**
@@ -7919,6 +7970,7 @@ declare namespace LocalJSX {
           * @default false
          */
         "loading"?: boolean;
+        "onCellActionFired"?: (event: GbTableCustomEvent<{ row: any; }>) => void;
         "onDateChange"?: (event: GbTableCustomEvent<string | string[]>) => void;
         "onExportClicked"?: (event: GbTableCustomEvent<{ dataType: string; exportType: string }>) => void;
         "onFilterApplied"?: (event: GbTableCustomEvent<any>) => void;
@@ -7987,6 +8039,8 @@ declare namespace LocalJSX {
     exportButtonState?: 'default' | 'disabled';
     pdfState?: 'default' | 'disabled';
     csvState?: 'default' | 'disabled';
+    pdfSubDropdown?: boolean;
+    csvSubDropdown?: boolean;
     datePickerMode?: 'single' | 'range';
     inputPlaceholder?: string;
     datePickerPlaceholder?: string;
@@ -8002,6 +8056,10 @@ declare namespace LocalJSX {
           * @default StateEnum.Default
          */
         "csvState"?: StateEnum;
+        /**
+          * @default true
+         */
+        "csvSubDropdown"?: boolean;
         /**
           * @default false
          */
@@ -8063,6 +8121,10 @@ declare namespace LocalJSX {
           * @default StateEnum.Default
          */
         "pdfState"?: StateEnum;
+        /**
+          * @default true
+         */
+        "pdfSubDropdown"?: boolean;
         /**
           * @default false
          */

package/dist/types/models/reusableModels.d.ts

@@ -91,6 +91,7 @@ export interface TableColumn {
     }) | {
         [key: string]: any;
     };
+    cellEvent?: string | string[];
     hasAvatar?: boolean;
     cellAvatar?: {
         props?: {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "globuswebcomponents",
-  "version": "2.18.2",
+  "version": "2.18.3",
   "description": "Globus One",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",