globuswebcomponents 2.10.2 → 2.10.4

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

@@ -135,12 +135,13 @@ export declare class GbTable {
     private get displayedData();
     private handlePageChange;
     private get totalPages();
-    onDataChange(newValue: any[], _oldValue: any[]): void;
-    onTotalItemsChange(newValue: number, _oldValue: number): void;
+    get paginatedData(): any[];
+    onDataChange(): void;
     onLoadingChange(newValue: boolean, _oldValue: boolean): void;
     private renderHeaderIcons;
     renderDesktopView(): any;
     validateMobilePositions(newCols: TableColumn[]): void;
+    handlePaginationChange(newValue: any, oldValue: any): void;
     emitRowData(row: any): void;
     renderMobileView(): any;
     emitSearchValue(detail: any): void;

package/dist/types/components.d.ts

@@ -2249,9 +2249,6 @@ export namespace Components {
     fileType?: FileIconTypes;
     featuredIconSwap?: string;
   };
-        /**
-          * @default {     title: 'Filter',     enableDateRange: true,     showClearButton: true,     additionalFields: [       {         tag: 'gb-input-dropdown',         key: 'approvalStatus',         event: 'dropdownItemSelected',         props: {           type: 'default',           showLabel: true,           label: 'Approval status',           placeholder: 'Select approval status',           items: ['Draft', 'Pending', 'Approved', 'Rejected'],           destructive: false,         },         default: {           value: [],         },       },       {         tag: 'gb-slider',         key: 'amountRange',         event: 'thumbValueChanged',         props: {           showHeading: true,           heading: 'Amount range',         },         default: {           leftControl: 50,           rightControl: 100,         },       },       {         tag: 'gb-input-dropdown',         key: 'disbursementStatus',         event: 'dropdownItemSelected',         props: {           type: 'default',           showLabel: true,           label: 'Disbursement status',           placeholder: 'Select disbursement status',           items: ['Disbursed', 'Not Disbursed'],         },       },       //   {       //     tag: 'gb-input-dropdown',       //     key: 'facilityCategory',       //     props: {       //       showLabel: true,       //       label: 'Facility category',       //       placeholder: 'Select facility category',       //       items: ['Retail', 'Commercial', 'Corporate'],       //     },       //   },     ],     initialValues: {       pageNumber: 1,       pageSize: 10,     },   }
-         */
         "filterConfig": FilterConfig;
         /**
           * @default false
@@ -2276,11 +2273,11 @@ export namespace Components {
          */
         "rowKey": string | ((row: any) => string);
         /**
-          * @default false
+          * @default true
          */
         "showActionsColumn": boolean;
         /**
-          * @default true
+          * @default false
          */
         "showCheckbox": boolean;
         /**
@@ -6485,9 +6482,6 @@ declare namespace LocalJSX {
     fileType?: FileIconTypes;
     featuredIconSwap?: string;
   };
-        /**
-          * @default {     title: 'Filter',     enableDateRange: true,     showClearButton: true,     additionalFields: [       {         tag: 'gb-input-dropdown',         key: 'approvalStatus',         event: 'dropdownItemSelected',         props: {           type: 'default',           showLabel: true,           label: 'Approval status',           placeholder: 'Select approval status',           items: ['Draft', 'Pending', 'Approved', 'Rejected'],           destructive: false,         },         default: {           value: [],         },       },       {         tag: 'gb-slider',         key: 'amountRange',         event: 'thumbValueChanged',         props: {           showHeading: true,           heading: 'Amount range',         },         default: {           leftControl: 50,           rightControl: 100,         },       },       {         tag: 'gb-input-dropdown',         key: 'disbursementStatus',         event: 'dropdownItemSelected',         props: {           type: 'default',           showLabel: true,           label: 'Disbursement status',           placeholder: 'Select disbursement status',           items: ['Disbursed', 'Not Disbursed'],         },       },       //   {       //     tag: 'gb-input-dropdown',       //     key: 'facilityCategory',       //     props: {       //       showLabel: true,       //       label: 'Facility category',       //       placeholder: 'Select facility category',       //       items: ['Retail', 'Commercial', 'Corporate'],       //     },       //   },     ],     initialValues: {       pageNumber: 1,       pageSize: 10,     },   }
-         */
         "filterConfig"?: FilterConfig;
         /**
           * @default false
@@ -6523,11 +6517,11 @@ declare namespace LocalJSX {
          */
         "rowKey"?: string | ((row: any) => string);
         /**
-          * @default false
+          * @default true
          */
         "showActionsColumn"?: boolean;
         /**
-          * @default true
+          * @default false
          */
         "showCheckbox"?: boolean;
         /**

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

@@ -129,6 +129,7 @@ export type PortalPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bott
 export interface FilterConfig {
     title: string;
     enableDateRange: boolean;
+    dateRangeLabel?: string;
     showClearButton?: boolean;
     additionalFields?: {
         tag: string;

package/package.json

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

package/dist/components/p-B8V2b584.js.map

@@ -1 +0,0 @@
-{"file":"p-B8V2b584.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-filter-modal/gb-filter-modal.css?tag=gb-filter-modal&encapsulation=shadow","src/components/gb-filter-modal/gb-filter-modal.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.filter_modal_wrapper {\r\n  background-color: white;\r\n  width: 27.5rem;\r\n  height: 100vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  border-radius: var(--rounded-none);\r\n  background: var(--color-surface, #ffffff);\r\n  box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.filter_modal_header {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n  align-self: stretch;\r\n  border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);\r\n  position: relative;\r\n}\r\n\r\n.filter_modal_content {\r\n  display: flex;\r\n  padding: var(--spacing-5) var(--spacing-6) var(--spacing-5) var(--spacing-16);\r\n  align-items: flex-start;\r\n  gap: 1rem;\r\n  align-self: stretch;\r\n}\r\n\r\n.title{\r\n  color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.close_button {\r\n  position: absolute;\r\n  left: 1rem;\r\n  bottom: 0.5rem;\r\n}\r\n\r\n.filter_content_container {\r\n  display: flex;\r\n  flex: 1 0 0;\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n  gap: 0.5rem;\r\n  align-self: stretch;\r\n}\r\n\r\n.filter_content {\r\n  display: flex;\r\n  padding: var(--spacing-4) 1.5rem;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  gap: var(--spacing-6);\r\n  flex: 1 0 0;\r\n}\r\n\r\n.field {\r\n  width: 100%;\r\n}\r\n\r\n.filter_modal_actions {\r\n  display: flex;\r\n  padding: var(--spacing-none) 0 0 0;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n  align-self: stretch;\r\n  border-top: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.modal_actions_content {\r\n  display: flex;\r\n  padding: var(--spacing-4) var(--spacing-6);\r\n  align-items: center;\r\n  gap: var(--spacing-5);\r\n  align-self: stretch;\r\n}\r\n\r\n.btn {\r\n  width: 100%;\r\n}\r\n","import { Component, Prop, State, Event, EventEmitter, h, Fragment } from '@stencil/core';\r\nimport { FilterConfig } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-filter-modal',\r\n  styleUrl: 'gb-filter-modal.css',\r\n  shadow: true,\r\n})\r\nexport class GbFilterModal {\r\n  @Prop() filterConfig: FilterConfig = {\r\n    title: 'Filter',\r\n    enableDateRange: true,\r\n    showClearButton: true,\r\n    additionalFields: [\r\n      {\r\n        tag: 'gb-input-dropdown',\r\n        key: 'approvalStatus',\r\n        event: 'dropdownItemSelected',\r\n        props: {\r\n          type: 'tags',\r\n          icon: false,\r\n          showLabel: true,\r\n          label: 'Approval status',\r\n          placeholder: 'Select approval status',\r\n          items: ['Draft', 'Pending', 'Approved', 'Rejected'],\r\n          destructive: false,\r\n        },\r\n        default: {\r\n          value: [],\r\n        },\r\n      },\r\n      {\r\n        tag: 'gb-slider',\r\n        key: 'amountRange',\r\n        event: 'thumbValueChanged',\r\n        props: {\r\n          showHeading: true,\r\n          heading: 'Amount range',\r\n        },\r\n        default: {\r\n          leftControl: 50,\r\n          rightControl: 100,\r\n        },\r\n      },\r\n      {\r\n        tag: 'gb-input-dropdown',\r\n        key: 'disbursementStatus',\r\n        event: 'dropdownItemSelected',\r\n        props: {\r\n          type: 'default',\r\n          showLabel: true,\r\n          label: 'Disbursement status',\r\n          placeholder: 'Select disbursement status',\r\n          items: ['Disbursed', 'Not Disbursed'],\r\n        },\r\n      },\r\n      //   {\r\n      //     tag: 'gb-input-dropdown',\r\n      //     key: 'facilityCategory',\r\n      //     props: {\r\n      //       showLabel: true,\r\n      //       label: 'Facility category',\r\n      //       placeholder: 'Select facility category',\r\n      //       items: ['Retail', 'Commercial', 'Corporate'],\r\n      //     },\r\n      //   },\r\n    ],\r\n    initialValues: {\r\n      pageNumber: 1,\r\n      pageSize: 10,\r\n    },\r\n  };\r\n  @State() formValues: Record<string, any> = {};\r\n  @State() renderKey = 0;\r\n  @Event() applyFilters: EventEmitter<Record<string, any>>;\r\n  @Event() clearFilters: EventEmitter<void>;\r\n  @Event({ bubbles: true, composed: true }) close: EventEmitter<void>;\r\n\r\n  componentWillLoad() {\r\n    this.formValues = {\r\n      ...(this.filterConfig.initialValues || {}),\r\n    };\r\n\r\n    // this.filterConfig.additionalFields?.forEach(field => {\r\n    //   if (this.formValues[field.key] === undefined) {\r\n    //     this.formValues[field.key] = null;\r\n    //   }\r\n    // });\r\n\r\n    if (this.filterConfig.enableDateRange) {\r\n      this.formValues.startDate = null;\r\n      this.formValues.endDate = null;\r\n    }\r\n  }\r\n\r\n  handleFieldChange(key: string, value: any) {\r\n    this.formValues = {\r\n      ...this.formValues,\r\n      [key]: value,\r\n    };\r\n\r\n  }\r\n\r\n  handleClearClick() {\r\n    const resetValues = {\r\n      ...(this.filterConfig.initialValues || {}),\r\n    };\r\n\r\n    this.filterConfig.additionalFields?.forEach(field => {\r\n      resetValues[field.key] = field.default ?? null;\r\n    });\r\n\r\n    this.formValues = resetValues;\r\n    this.renderKey++;\r\n  }\r\n\r\n  handleApplyClick() {\r\n    const { pageNumber, pageSize, ...filters } = this.formValues;\r\n    // console.log({\r\n    //   filters,\r\n    //   pagination: {\r\n    //     pageNumber: pageNumber ?? 1,\r\n    //     pageSize: pageSize ?? 10,\r\n    //   },\r\n    // });\r\n\r\n    this.applyFilters.emit({\r\n      filters,\r\n      pagination: {\r\n        pageNumber: pageNumber ?? 1,\r\n        pageSize: pageSize ?? 10,\r\n      },\r\n    });\r\n  }\r\n\r\n  capitalize(str: string) {\r\n    return str.charAt(0).toUpperCase() + str.slice(1);\r\n  }\r\n\r\n  emitCloseEvent() {\r\n    this.close.emit();\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"filter_modal_wrapper\">\r\n        <div class=\"filter_modal_header\">\r\n          <div class=\"filter_modal_content\">\r\n            <gb-button-close size=\"sm\" color=\"gray\" class=\"close_button\" onClick={() => this.emitCloseEvent()}></gb-button-close>\r\n            <p class=\"title display-xs-semi-bold\">{this.filterConfig.title}</p>\r\n          </div>\r\n        </div>\r\n        <div class=\"filter_content_container\">\r\n          <div class=\"filter_content\" key={this.renderKey}>\r\n            {this.filterConfig.additionalFields && (\r\n              <>\r\n                {this.filterConfig.additionalFields.map(field => {\r\n                  const Tag = field.tag;\r\n\r\n                  const eventHandler = {\r\n                    [`on${this.capitalize(field.event)}`]: (e: CustomEvent) => this.handleFieldChange(field.key, e.detail),\r\n                  };\r\n\r\n                  return (\r\n                    <div class=\"field\">\r\n                      <Tag {...field.props} {...eventHandler} />\r\n                    </div>\r\n                  );\r\n                })}\r\n              </>\r\n            )}\r\n          </div>\r\n        </div>\r\n        <div class=\"filter_modal_actions\">\r\n          <div class=\"modal_actions_content\">\r\n            <div class=\"btn\">\r\n              <gb-button size=\"xl\" hierarchy=\"secondary_gray\" icon=\"default\" onClick={() => this.handleClearClick()}>\r\n                <p>Clear filter</p>\r\n              </gb-button>\r\n            </div>\r\n            <div class=\"btn\">\r\n              <gb-button size=\"xl\" hierarchy=\"primary\" icon=\"default\" onClick={() => this.handleApplyClick()}>\r\n                <p>Apply</p>\r\n              </gb-button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/p-DIorYzCL.js.map

@@ -1 +0,0 @@
-{"file":"p-DIorYzCL.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-table-header/gb-table-header.css?tag=gb-table-header&encapsulation=shadow","src/components/gb-table-header/gb-table-header.tsx"],"sourcesContent":["@import '../../global/global.css';\r\n\r\n.table_header_div {\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  display: flex;\r\n  padding: var(--spacing-5) var(--spacing-6);\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  gap: var(--spacing-5);\r\n  align-self: stretch;\r\n  background: var(--color-background-card, #ffffff);\r\n  border-bottom: 1px solid var(--color-border-subtle, #cdd5df);\r\n  overflow: visible;\r\n}\r\n\r\n.table_heading {\r\n  color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.date_filters {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: var(--spacing-4);\r\n  flex: 1 0 0;\r\n  min-width: 0;\r\n}\r\n\r\n.date_dropdown,\r\n.date_input {\r\n  width: 100%;\r\n  max-width: 13rem;\r\n  min-width: 0;\r\n}\r\n\r\n.actions {\r\n  display: flex;\r\n  max-width: 50.25rem;\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  gap: var(--spacing-4);\r\n  flex: 1 0 0;\r\n}\r\n\r\n.actions.full_width {\r\n  max-width: none;\r\n}\r\n\r\n.input_field {\r\n  flex-grow: 1;\r\n  width: 100%;\r\n  max-width: 20rem;\r\n}\r\n\r\n.action {\r\n  display: flex;\r\n  padding: 0rem 0rem 0rem var(--spacing-none);\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  gap: var(--spacing-4);\r\n}\r\n\r\n.export {\r\n  position: relative;\r\n  overflow: visible;\r\n}\r\n\r\n.dropdown {\r\n  position: absolute;\r\n  z-index: 10;\r\n  top: calc(100% + 0.5rem);\r\n}\r\n\r\n.dropdown.left {\r\n  left: 0;\r\n}\r\n\r\n.dropdown.right {\r\n  right: 0;\r\n}\r\n\r\n.refresh_button {\r\n  width: 2.5rem;\r\n}\r\n\r\n/* Breakpoints (Responsiveness) */\r\n/* Mobile */\r\n@media (max-width: 550px) {\r\n  .table_header_content {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .dropdown {\r\n    position: absolute;\r\n    top: 100%;\r\n    left: 0;\r\n  }\r\n\r\n  .actions {\r\n    flex-direction: column;\r\n    width: 100%;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .table_header_div {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .date_filters {\r\n    width: 100%;\r\n  }\r\n\r\n  .date_dropdown,\r\n  .date_input {\r\n    width: 100%;\r\n    max-width: none;\r\n  }\r\n\r\n  .input_field {\r\n    max-width: none;\r\n  }\r\n}\r\n\r\n@media (max-width: 390px) {\r\n  .date_filters {\r\n    display: flex;\r\n    width: 100%;\r\n  }\r\n}\r\n","import { Component, Element, Event, EventEmitter, Listen, Prop, State, h } from '@stencil/core';\r\nimport { CloseButtonPositions, StateEnum, StateType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-table-header',\r\n  styleUrl: 'gb-table-header.css',\r\n  shadow: true,\r\n})\r\nexport class GbTableHeader {\r\n  @Prop() showFilter: boolean = false;\r\n  @Prop() showColumnOptions: boolean = false;\r\n  @Prop() tableHeading: boolean = false;\r\n  @Prop() tableHeadingLabel: string = '';\r\n  @Prop() showSearch: boolean = false;\r\n  @Prop() showExport: boolean = false;\r\n  @Prop() showRefreshButton: boolean = false;\r\n  @Prop() showLayoutToggle: boolean = false;\r\n  @Prop() filterState: StateType;\r\n  @Prop() filterCount: number = 0;\r\n  @Prop() showEntireData: boolean = false;\r\n  @Prop() exportButtonState: StateType = 'default';\r\n  @Prop() pdfState: StateEnum = StateEnum.Default;\r\n  @Prop() csvState: StateEnum = StateEnum.Default;\r\n  @Prop() showDateFilter: boolean = false;\r\n  @State() items = [\r\n    { label: 'grid', current: false, icon: 'assets/grid-view.svg' },\r\n    { label: 'list', current: true, icon: 'assets/left-to-right-list-dash.svg' },\r\n  ];\r\n  @Prop() mode: 'single' | 'range' = 'single';\r\n  @Prop() format: string = 'M j, Y';\r\n  @Prop() datePickerDisabled: boolean = false;\r\n  @Prop() datePickerPlaceholder: string = 'Start date - end date';\r\n  @Prop() datePickerIconPosition: CloseButtonPositions = 'left';\r\n  @Prop() datePickerDropdownPosition: CloseButtonPositions = 'left';\r\n  @Prop() exportDropdownPosition: CloseButtonPositions = 'right';\r\n  @Prop() enableTime: boolean = false;\r\n  @Prop() noCalendar: boolean = false;\r\n  @Prop() twentyfourHr: boolean = false;\r\n  @Prop() showMonths: number = 2;\r\n  @Prop() inputPlaceholder: string = 'Search';\r\n  @State() width: number = window.innerWidth;\r\n  @State() buttonIcon: 'default' | 'only';\r\n  @State() showExportDropdown: boolean = false;\r\n  @State() isDatePickerShown: boolean = false;\r\n  @State() isDatePickerFullWidth: boolean = false;\r\n  @Event() inputValueChanged: EventEmitter<void>;\r\n  @Event() filterButtonClicked: EventEmitter<void>;\r\n  @Event() exportClicked: EventEmitter<{dataType: string; exportType: string}>;\r\n  @Event() refreshButtonClicked: EventEmitter<void>;\r\n  @Event() layoutButtonClicked: EventEmitter<string>;\r\n  @Event() columnOptionsButtonClicked: EventEmitter<string>;\r\n  @Event() dateChange: EventEmitter<string | string[]>;\r\n  @Element() el: HTMLElement;\r\n\r\n  exportDropdown!: HTMLElement;\r\n\r\n  isMobile = this.width < 768;\r\n\r\n  componentDidLoad() {\r\n    document.addEventListener('click', this.handleClickOutside.bind(this));\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.updateParameters();\r\n    window.addEventListener('resize', this.handleResize.bind(this));\r\n  }\r\n\r\n  // extractDropdownItemSelected(item) {\r\n  //   if (item.detail === 'Custom') {\r\n  //     this.isDatePickerShown = true;\r\n  //   } else {\r\n  //     this.isDatePickerShown = false;\r\n  //   }\r\n  // }\r\n\r\n  emitDateSelected(date) {\r\n    this.dateChange.emit(date.detail);\r\n  }\r\n\r\n  toggleDropdown() {\r\n    this.showExportDropdown = !this.showExportDropdown;\r\n  }\r\n\r\n  @Listen('resize', { target: 'window' })\r\n  handleResize() {\r\n    this.width = window.innerWidth;\r\n    this.updateParameters();\r\n  }\r\n\r\n  private updateParameters() {\r\n    this.buttonIcon = this.width < 1007 ? 'only' : 'default';\r\n    this.isDatePickerFullWidth = this.width <= 700 ? true : false;\r\n  }\r\n\r\n  emitValue(inputValue) {\r\n    this.inputValueChanged.emit(inputValue);\r\n  }\r\n\r\n  onFilterButtonClicked() {\r\n    this.filterButtonClicked.emit();\r\n  }\r\n\r\n  emitSelection(selection) {\r\n    this.exportClicked.emit(selection);\r\n  }\r\n\r\n  onRefreshButtonClicked() {\r\n    this.refreshButtonClicked.emit();\r\n  }\r\n\r\n  onColumnOptionsButtonClicked() {\r\n    this.columnOptionsButtonClicked.emit();\r\n  }\r\n\r\n  onLayoutButtonClicked(layout) {\r\n    this.layoutButtonClicked.emit(layout.detail);\r\n  }\r\n\r\n  @Listen('click', { target: 'document' })\r\n  handleClickOutside(event: MouseEvent) {\r\n    if (this.showExportDropdown && !this.el.contains(event.target as Node)) {\r\n      this.showExportDropdown = false;\r\n    }\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    document.removeEventListener('click', this.handleClickOutside);\r\n    window.removeEventListener('resize', this.handleResize);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"table_header_div\">\r\n        {this.tableHeading && <p class=\"table_heading text-lg-semi-bold\">{this.tableHeadingLabel}</p>}\r\n        {this.showDateFilter && (\r\n          <div class=\"date_filters\">\r\n            <div class=\"date_input\">\r\n              <gb-date-picker\r\n                mode={this.mode}\r\n                disabled={this.datePickerDisabled}\r\n                format={this.format}\r\n                icon-position={this.datePickerIconPosition}\r\n                placeholder={this.datePickerPlaceholder}\r\n                dropdown-alignment={this.datePickerDropdownPosition}\r\n                enable-time={this.enableTime}\r\n                no-calendar={this.noCalendar}\r\n                twentyfour-hr={this.twentyfourHr}\r\n                show-months={this.showMonths}\r\n                full-width={this.isDatePickerFullWidth}\r\n                onDateChange={this.emitDateSelected.bind(this)}\r\n              ></gb-date-picker>\r\n            </div>\r\n          </div>\r\n        )}\r\n        <div class={`actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}`}>\r\n          {this.showSearch && (\r\n            <div class=\"input_field\">\r\n              <gb-input-field\r\n                size=\"sm\"\r\n                type=\"icon_leading\"\r\n                icon-swap=\"assets/search-01.svg\"\r\n                placeholder={this.inputPlaceholder}\r\n                enable-cancel-button-function={true}\r\n                onInputValueChanged={this.emitValue.bind(this)}\r\n              ></gb-input-field>\r\n            </div>\r\n          )}\r\n          <div class=\"action\">\r\n            {this.showLayoutToggle && <gb-button-group items={this.items} icon=\"only\" onOptionChange={this.onLayoutButtonClicked.bind(this)}></gb-button-group>}\r\n            {this.showColumnOptions && this.width > 768 && (\r\n              <gb-button\r\n                size=\"md\"\r\n                hierarchy=\"secondary_gray\"\r\n                icon={this.width <= 1007 ? 'only' : 'default'}\r\n                icon-leading={true}\r\n                icon-leading-swap=\"assets/column-insert.svg\"\r\n                onClick={() => this.onColumnOptionsButtonClicked()}\r\n              >\r\n                <p>Columns</p>\r\n              </gb-button>\r\n            )}\r\n            {this.showFilter && (\r\n              <gb-filter-button state={this.filterState} icon-only={this.width <= 1007 ? true : false} onClick={() => this.onFilterButtonClicked()}>\r\n                <p slot=\"filter_count\">{this.filterCount}</p>\r\n              </gb-filter-button>\r\n            )}\r\n            {this.showExport && (\r\n              <div class=\"export\">\r\n                <gb-button\r\n                  size=\"md\"\r\n                  state={this.exportButtonState}\r\n                  hierarchy=\"secondary_gray\"\r\n                  icon={this.width <= 1007 ? 'only' : 'default'}\r\n                  icon-leading={true}\r\n                  icon-leading-swap=\"assets/file-export.svg\"\r\n                  icon-trailing={this.width <= 1007 ? false : true}\r\n                  icon-trailing-swap=\"assets/arrow-down-01.svg\"\r\n                  onClick={e => {\r\n                    e.stopPropagation();\r\n                    this.toggleDropdown();\r\n                  }}\r\n                >\r\n                  <p>Export</p>\r\n                </gb-button>\r\n                {this.showExportDropdown && (\r\n                  <gb-export-dropdown\r\n                    ref={el => (this.exportDropdown = el)}\r\n                    show-entire-data={this.showEntireData}\r\n                    pdf-state={this.pdfState}\r\n                    csv-state={this.csvState}\r\n                    onExportClicked={event => this.emitSelection(event)}\r\n                    class={`dropdown ${this.exportDropdownPosition}`}\r\n                  ></gb-export-dropdown>\r\n                )}\r\n              </div>\r\n            )}\r\n            {this.showRefreshButton && (\r\n              <div class=\"refresh_button\">\r\n                <gb-button\r\n                  size=\"md\"\r\n                  hierarchy=\"secondary_gray\"\r\n                  icon={this.width <= 1007 ? 'only' : 'default'}\r\n                  icon-leading={true}\r\n                  icon-leading-swap=\"assets/refresh.svg\"\r\n                  onClick={() => this.onRefreshButtonClicked()}\r\n                ></gb-button>\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/globuscomponents/p-98d25cbc.entry.js

@@ -1,2 +0,0 @@
-import{r as c,h as e}from"./p-CBXsSptK.js";const s="";const t=class{constructor(e){c(this,e);this.steps=[]}render(){return e("div",{key:"5c5614a1af4eccfe0b6a44416cc4014273eded59",class:"icons_centered_container"},e("div",{key:"37163c35d4dad4e5ada7b8a2ff5186d8c512272c",class:"icons_centered_div"}))}};t.style=s;export{t as gb_stepper_horizontal_icons_connected};
-//# sourceMappingURL=p-98d25cbc.entry.js.map