globuswebcomponents 2.14.3 → 2.14.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/gb-action-panel_67.cjs.entry.js +34 -16
- package/dist/cjs/gb-modal.cjs.entry.js +1 -2
- package/dist/cjs/gb-modal.entry.cjs.js.map +1 -1
- package/dist/collection/components/gb-date-picker/gb-date-picker.js +5 -4
- package/dist/collection/components/gb-date-picker/gb-date-picker.js.map +1 -1
- package/dist/collection/components/gb-modal/gb-modal.js +1 -2
- package/dist/collection/components/gb-modal/gb-modal.js.map +1 -1
- package/dist/collection/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.js +1 -2
- package/dist/collection/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.js.map +1 -1
- package/dist/collection/components/gb-table/gb-table.js +28 -8
- package/dist/collection/components/gb-table/gb-table.js.map +1 -1
- package/dist/collection/components/gb-table-header/gb-table-header.js +2 -3
- package/dist/collection/components/gb-table-header/gb-table-header.js.map +1 -1
- package/dist/components/gb-date-picker.js +1 -1
- package/dist/components/gb-filter-modal.js +1 -1
- package/dist/components/gb-modal.js +1 -2
- package/dist/components/gb-modal.js.map +1 -1
- package/dist/components/gb-stepper-horizontal-icons-centered.js +1 -2
- package/dist/components/gb-stepper-horizontal-icons-centered.js.map +1 -1
- package/dist/components/gb-table-header.js +1 -1
- package/dist/components/gb-table.js +29 -10
- package/dist/components/gb-table.js.map +1 -1
- package/dist/components/{p-CVFUF7Jf.js → p-B8o86Fu9.js} +5 -6
- package/dist/components/p-B8o86Fu9.js.map +1 -0
- package/dist/components/{p-DUaQzOE2.js → p-BnfYep32.js} +7 -6
- package/dist/components/{p-DUaQzOE2.js.map → p-BnfYep32.js.map} +1 -1
- package/dist/components/{p-Dg4_wWPZ.js → p-D1d9Mgpu.js} +3 -3
- package/dist/components/{p-Dg4_wWPZ.js.map → p-D1d9Mgpu.js.map} +1 -1
- package/dist/docs.json +8 -2
- package/dist/esm/gb-action-panel_67.entry.js +34 -16
- package/dist/esm/gb-modal.entry.js +1 -2
- package/dist/esm/gb-modal.entry.js.map +1 -1
- package/dist/globuscomponents/gb-modal.entry.esm.js.map +1 -1
- package/dist/globuscomponents/globuscomponents.esm.js +1 -1
- package/dist/globuscomponents/{p-d3773d27.entry.js → p-22e3afeb.entry.js} +2 -2
- package/dist/globuscomponents/p-22e3afeb.entry.js.map +1 -0
- package/dist/globuscomponents/p-983944cd.entry.js +2 -0
- package/dist/globuscomponents/p-983944cd.entry.js.map +1 -0
- package/dist/types/components.d.ts +6 -0
- package/package.json +1 -1
- package/dist/components/p-CVFUF7Jf.js.map +0 -1
- package/dist/globuscomponents/p-d3773d27.entry.js.map +0 -1
- package/dist/globuscomponents/p-d81ea038.entry.js +0 -2
- package/dist/globuscomponents/p-d81ea038.entry.js.map +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from './p-C9dqTMUJ.js';
|
|
2
2
|
import { d as defineCustomElement$5 } from './p-BZK13bX8.js';
|
|
3
3
|
import { d as defineCustomElement$4 } from './p-CQNbD8w1.js';
|
|
4
|
-
import { d as defineCustomElement$3 } from './p-
|
|
4
|
+
import { d as defineCustomElement$3 } from './p-BnfYep32.js';
|
|
5
5
|
import { d as defineCustomElement$2 } from './p-BGbrZd6N.js';
|
|
6
6
|
import { d as defineCustomElement$1 } from './p-DU0nscLU.js';
|
|
7
7
|
|
|
@@ -169,6 +169,6 @@ function defineCustomElement() {
|
|
|
169
169
|
defineCustomElement();
|
|
170
170
|
|
|
171
171
|
export { GbFilterModal as G, defineCustomElement as d };
|
|
172
|
-
//# sourceMappingURL=p-
|
|
172
|
+
//# sourceMappingURL=p-D1d9Mgpu.js.map
|
|
173
173
|
|
|
174
|
-
//# sourceMappingURL=p-
|
|
174
|
+
//# sourceMappingURL=p-D1d9Mgpu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-Dg4_wWPZ.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 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 width: 100%;\r\n box-sizing: border-box;\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.label{\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n.date_range {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: var(--spacing-2);\r\n align-self: stretch;\r\n}\r\n\r\n.date_pickers {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: var(--spacing-1);\r\n align-self: stretch;\r\n box-sizing: border-box;\r\n}\r\n\r\n.field {\r\n width: 100%;\r\n}\r\n\r\n.filter_modal_actions {\r\n position: absolute;\r\n bottom: 0;\r\n width: 100%;\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 @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 if (this.filterConfig) {\r\n const applied = this.filterConfig.appliedValues || {};\r\n\r\n this.formValues = {\r\n ...(this.filterConfig.initialValues || {}),\r\n ...applied, // applied values win over defaults\r\n };\r\n }\r\n\r\n // console.log(this.formValues);\r\n }\r\n\r\n handleFieldChange(key: string, value: any) {\r\n if (value instanceof CustomEvent) {\r\n value = value.detail ?? null;\r\n }\r\n\r\n const field = this.filterConfig.fields.find(f => f.key === key);\r\n\r\n if (field && field.tag === 'gb-input-dropdown') {\r\n value = Array.isArray(value) ? value : value != null ? [value] : [];\r\n }\r\n\r\n if (value === null || value === undefined || value === '' || (Array.isArray(value) && value.length === 0)) {\r\n const { [key]: _, ...rest } = this.formValues;\r\n this.formValues = rest;\r\n return;\r\n }\r\n\r\n this.formValues = {\r\n ...this.formValues,\r\n [key]: value,\r\n };\r\n }\r\n\r\n handleClearClick() {\r\n const resetValues = { ...(this.filterConfig.initialValues || {}) };\r\n\r\n this.filterConfig.fields.forEach(field => {\r\n if (field.tag === 'gb-date-picker') {\r\n const keys = field.key as { start: string; end: string };\r\n resetValues[keys.start] = null;\r\n resetValues[keys.end] = null;\r\n } else {\r\n // use field.default if defined, otherwise check if the field expects an array\r\n const isArrayField = field.props?.type === 'tags' || Array.isArray(field.default);\r\n resetValues[field.key as string] = field.default ?? (isArrayField ? [] : null);\r\n }\r\n });\r\n\r\n this.formValues = resetValues;\r\n this.renderKey++;\r\n this.clearFilters.emit();\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 if (!this.filterConfig) {\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\">Filter</p>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n \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 ? this.filterConfig.title : 'Filter'}</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.enableDateRange && (\r\n <div class=\"date_range\">\r\n <p class=\"label text-sm-medium\">{this.filterConfig.dateRangeLabel || 'Period'}</p>\r\n <div class=\"date_pickers\">\r\n <gb-date-picker\r\n placeholder=\"dd-mm-yy\"\r\n full-width=\"true\"\r\n twentyfour-hr=\"true\"\r\n mode=\"single\"\r\n format=\"d-m-y\"\r\n show-months=\"1\"\r\n onDateChange={e => this.handleFieldChange('startDate', e)}\r\n ></gb-date-picker>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M2.5 12L21.5002 12\" stroke=\"var(--color-icon-subtle ,#697586)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n <gb-date-picker\r\n placeholder=\"dd-mm-yy\"\r\n full-width=\"true\"\r\n twentyfour-hr=\"true\"\r\n mode=\"single\"\r\n format=\"d-m-y\"\r\n show-months=\"1\"\r\n dropdown-alignment=\"right\"\r\n onDateChange={e => this.handleFieldChange('endDate', e)}\r\n ></gb-date-picker>\r\n </div>\r\n </div>\r\n )} */}\r\n {this.filterConfig.fields && (\r\n <>\r\n {this.filterConfig.fields.map(field => {\r\n if (field.tag === 'gb-date-picker') {\r\n const keys = field.key as { start: string; end: string };\r\n\r\n return (\r\n <div class=\"date_range\">\r\n <p class=\"label text-sm-medium\">{field.label}</p>\r\n <div class=\"date_pickers\">\r\n <gb-date-picker\r\n placeholder=\"dd-mm-yy\"\r\n full-width=\"true\"\r\n mode=\"single\"\r\n format=\"d-m-y\"\r\n show-months=\"1\"\r\n value={this.formValues[keys.start]}\r\n onDateChange={e => this.handleFieldChange(keys.start, e)}\r\n ></gb-date-picker>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M2.5 12L21.5002 12\" stroke=\"var(--color-icon-subtle, #697586)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n <gb-date-picker\r\n placeholder=\"dd-mm-yy\"\r\n full-width=\"true\"\r\n mode=\"single\"\r\n format=\"d-m-y\"\r\n show-months=\"1\"\r\n dropdown-alignment=\"right\"\r\n value={this.formValues[keys.end]}\r\n onDateChange={e => this.handleFieldChange(keys.end, e)}\r\n ></gb-date-picker>\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n const Tag = field.tag;\r\n const key = field.key as string;\r\n const currentValue = this.formValues[key];\r\n const valueProp =\r\n currentValue != null\r\n ? field.tag === 'gb-slider'\r\n ? { leftControl: currentValue.left, rightControl: currentValue.right }\r\n : field.tag === 'gb-input-dropdown'\r\n ? { value: Array.isArray(currentValue) ? currentValue : [currentValue] } // ← coerce here\r\n : { value: currentValue }\r\n : {};\r\n\r\n const eventHandler = {\r\n [`on${this.capitalize(field.event as string)}`]: (e: CustomEvent) => this.handleFieldChange(key, e.detail),\r\n };\r\n\r\n return (\r\n <div class=\"field\">\r\n <Tag {...field.props} {...valueProp} {...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}
|
|
1
|
+
{"file":"p-D1d9Mgpu.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 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 width: 100%;\r\n box-sizing: border-box;\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.label{\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n.date_range {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: var(--spacing-2);\r\n align-self: stretch;\r\n}\r\n\r\n.date_pickers {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: var(--spacing-1);\r\n align-self: stretch;\r\n box-sizing: border-box;\r\n}\r\n\r\n.field {\r\n width: 100%;\r\n}\r\n\r\n.filter_modal_actions {\r\n position: absolute;\r\n bottom: 0;\r\n width: 100%;\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 @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 if (this.filterConfig) {\r\n const applied = this.filterConfig.appliedValues || {};\r\n\r\n this.formValues = {\r\n ...(this.filterConfig.initialValues || {}),\r\n ...applied, // applied values win over defaults\r\n };\r\n }\r\n\r\n // console.log(this.formValues);\r\n }\r\n\r\n handleFieldChange(key: string, value: any) {\r\n if (value instanceof CustomEvent) {\r\n value = value.detail ?? null;\r\n }\r\n\r\n const field = this.filterConfig.fields.find(f => f.key === key);\r\n\r\n if (field && field.tag === 'gb-input-dropdown') {\r\n value = Array.isArray(value) ? value : value != null ? [value] : [];\r\n }\r\n\r\n if (value === null || value === undefined || value === '' || (Array.isArray(value) && value.length === 0)) {\r\n const { [key]: _, ...rest } = this.formValues;\r\n this.formValues = rest;\r\n return;\r\n }\r\n\r\n this.formValues = {\r\n ...this.formValues,\r\n [key]: value,\r\n };\r\n }\r\n\r\n handleClearClick() {\r\n const resetValues = { ...(this.filterConfig.initialValues || {}) };\r\n\r\n this.filterConfig.fields.forEach(field => {\r\n if (field.tag === 'gb-date-picker') {\r\n const keys = field.key as { start: string; end: string };\r\n resetValues[keys.start] = null;\r\n resetValues[keys.end] = null;\r\n } else {\r\n // use field.default if defined, otherwise check if the field expects an array\r\n const isArrayField = field.props?.type === 'tags' || Array.isArray(field.default);\r\n resetValues[field.key as string] = field.default ?? (isArrayField ? [] : null);\r\n }\r\n });\r\n\r\n this.formValues = resetValues;\r\n this.renderKey++;\r\n this.clearFilters.emit();\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 if (!this.filterConfig) {\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\">Filter</p>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n \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 ? this.filterConfig.title : 'Filter'}</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.enableDateRange && (\r\n <div class=\"date_range\">\r\n <p class=\"label text-sm-medium\">{this.filterConfig.dateRangeLabel || 'Period'}</p>\r\n <div class=\"date_pickers\">\r\n <gb-date-picker\r\n placeholder=\"dd-mm-yy\"\r\n full-width=\"true\"\r\n twentyfour-hr=\"true\"\r\n mode=\"single\"\r\n format=\"d-m-y\"\r\n show-months=\"1\"\r\n onDateChange={e => this.handleFieldChange('startDate', e)}\r\n ></gb-date-picker>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M2.5 12L21.5002 12\" stroke=\"var(--color-icon-subtle ,#697586)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n <gb-date-picker\r\n placeholder=\"dd-mm-yy\"\r\n full-width=\"true\"\r\n twentyfour-hr=\"true\"\r\n mode=\"single\"\r\n format=\"d-m-y\"\r\n show-months=\"1\"\r\n dropdown-alignment=\"right\"\r\n onDateChange={e => this.handleFieldChange('endDate', e)}\r\n ></gb-date-picker>\r\n </div>\r\n </div>\r\n )} */}\r\n {this.filterConfig.fields && (\r\n <>\r\n {this.filterConfig.fields.map(field => {\r\n if (field.tag === 'gb-date-picker') {\r\n const keys = field.key as { start: string; end: string };\r\n\r\n return (\r\n <div class=\"date_range\">\r\n <p class=\"label text-sm-medium\">{field.label}</p>\r\n <div class=\"date_pickers\">\r\n <gb-date-picker\r\n placeholder=\"dd-mm-yy\"\r\n full-width=\"true\"\r\n mode=\"single\"\r\n format=\"d-m-y\"\r\n show-months=\"1\"\r\n value={this.formValues[keys.start]}\r\n onDateChange={e => this.handleFieldChange(keys.start, e)}\r\n ></gb-date-picker>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M2.5 12L21.5002 12\" stroke=\"var(--color-icon-subtle, #697586)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n <gb-date-picker\r\n placeholder=\"dd-mm-yy\"\r\n full-width=\"true\"\r\n mode=\"single\"\r\n format=\"d-m-y\"\r\n show-months=\"1\"\r\n dropdown-alignment=\"right\"\r\n value={this.formValues[keys.end]}\r\n onDateChange={e => this.handleFieldChange(keys.end, e)}\r\n ></gb-date-picker>\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n const Tag = field.tag;\r\n const key = field.key as string;\r\n const currentValue = this.formValues[key];\r\n const valueProp =\r\n currentValue != null\r\n ? field.tag === 'gb-slider'\r\n ? { leftControl: currentValue.left, rightControl: currentValue.right }\r\n : field.tag === 'gb-input-dropdown'\r\n ? { value: Array.isArray(currentValue) ? currentValue : [currentValue] } // ← coerce here\r\n : { value: currentValue }\r\n : {};\r\n\r\n const eventHandler = {\r\n [`on${this.capitalize(field.event as string)}`]: (e: CustomEvent) => this.handleFieldChange(key, e.detail),\r\n };\r\n\r\n return (\r\n <div class=\"field\">\r\n <Tag {...field.props} {...valueProp} {...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/docs.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp": "2026-05-
|
|
2
|
+
"timestamp": "2026-05-11T14:27:37",
|
|
3
3
|
"compiler": {
|
|
4
4
|
"name": "@stencil/core",
|
|
5
5
|
"version": "4.38.3",
|
|
@@ -29882,7 +29882,13 @@
|
|
|
29882
29882
|
"mutable": false,
|
|
29883
29883
|
"reflectToAttr": false,
|
|
29884
29884
|
"docs": "",
|
|
29885
|
-
"docsTags": [
|
|
29885
|
+
"docsTags": [
|
|
29886
|
+
{
|
|
29887
|
+
"name": "default",
|
|
29888
|
+
"text": "{\r\n tableHeading: false,\r\n tableHeadingLabel: 'Suspicious outflows',\r\n showDateFilter: true,\r\n showFilter: true,\r\n showColumnOptions: true,\r\n showSearch: true,\r\n showExport: true,\r\n showRefreshButton: false,\r\n showLayoutToggle: true,\r\n datePickerMode: 'range',\r\n inputPlaceholder: 'Transaction reference',\r\n showEntireData: true,\r\n }"
|
|
29889
|
+
}
|
|
29890
|
+
],
|
|
29891
|
+
"default": "{\r\n tableHeading: false,\r\n tableHeadingLabel: 'Suspicious outflows',\r\n showDateFilter: true,\r\n showFilter: true,\r\n showColumnOptions: true,\r\n showSearch: true,\r\n showExport: true,\r\n showRefreshButton: false,\r\n showLayoutToggle: true,\r\n datePickerMode: 'range',\r\n inputPlaceholder: 'Transaction reference',\r\n showEntireData: true,\r\n }",
|
|
29886
29892
|
"values": [
|
|
29887
29893
|
{
|
|
29888
29894
|
"type": "{ tableHeading?: boolean; tableHeadingLabel?: string; showDateFilter?: boolean; showFilter?: boolean; showColumnOptions?: boolean; showSearch?: boolean; showExport?: boolean; showRefreshButton?: boolean; showEntireData?: boolean; showLayoutToggle?: boolean; filterState?: \"default\""
|
|
@@ -3831,7 +3831,6 @@ const GbDatePicker = class {
|
|
|
3831
3831
|
if (Array.isArray(newValue) && newValue.length === 2) {
|
|
3832
3832
|
this.picker.setDate(newValue, false);
|
|
3833
3833
|
this.displayValue = `${this.picker.formatDate(newValue[0], this.format)} - ${this.picker.formatDate(newValue[1], this.format)}`;
|
|
3834
|
-
console.log(this.displayValue);
|
|
3835
3834
|
}
|
|
3836
3835
|
else if (newValue instanceof Date) {
|
|
3837
3836
|
this.picker.setDate(newValue, false);
|
|
@@ -3919,7 +3918,6 @@ const GbDatePicker = class {
|
|
|
3919
3918
|
this.internalValue = [start, end];
|
|
3920
3919
|
this.displayValue = newDisplayValue;
|
|
3921
3920
|
this.dateChange.emit([start, end]);
|
|
3922
|
-
console.log(this.displayValue);
|
|
3923
3921
|
// Close picker after both dates selected
|
|
3924
3922
|
this.picker.close();
|
|
3925
3923
|
}
|
|
@@ -3961,15 +3959,18 @@ const GbDatePicker = class {
|
|
|
3961
3959
|
else if (!this.default && !this.internalValue) {
|
|
3962
3960
|
this.selectionSource = null;
|
|
3963
3961
|
this.displayValue = null;
|
|
3962
|
+
this.dateChange.emit(null);
|
|
3964
3963
|
}
|
|
3965
3964
|
else if (this.internalValue) {
|
|
3966
3965
|
if (Array.isArray(this.internalValue)) {
|
|
3967
3966
|
fp.setDate(this.internalValue, false);
|
|
3968
3967
|
this.displayValue = `${fp.formatDate(this.internalValue[0], this.format)} - ${fp.formatDate(this.internalValue[1], this.format)}`;
|
|
3968
|
+
this.dateChange.emit(this.internalValue);
|
|
3969
3969
|
}
|
|
3970
3970
|
else {
|
|
3971
3971
|
fp.setDate(this.internalValue, false);
|
|
3972
3972
|
this.displayValue = fp.formatDate(this.internalValue, this.format);
|
|
3973
|
+
this.dateChange.emit(this.internalValue);
|
|
3973
3974
|
}
|
|
3974
3975
|
}
|
|
3975
3976
|
else {
|
|
@@ -4230,9 +4231,9 @@ const GbDatePicker = class {
|
|
|
4230
4231
|
return timePart ? `${datePart} ${timePart}` : datePart;
|
|
4231
4232
|
}
|
|
4232
4233
|
render() {
|
|
4233
|
-
return (h("div", { key: '
|
|
4234
|
+
return (h("div", { key: 'ed659576ff5d8fe139c747b2c13b79753fd4bf0f', class: `date_picker_container` }, this.label && (h(Fragment, null, this.formatLabel ? (h("p", { class: "date_picker_label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())) : (h("p", { class: "date_picker_label text-sm-medium" }, this.label)))), h("div", { key: '26ed580ae10ef0c27b69a3a745c85ea075a01739', class: `date-picker-wrapper ${this.disabled ? 'disabled' : ''} ${this.fullWidth ? 'full_width' : ''}` }, h("div", { key: '2ee3efcb306866b7dff8d9c05f780a8a1ec23fcd', class: `inner_container ${this.iconPosition}`, onClick: () => {
|
|
4234
4235
|
this.toggleCalendar();
|
|
4235
|
-
} }, this.iconPosition === 'left' && (h("svg", { key: '58a4c44976182b5f5dfa162598eedf6e4cf71ef0', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '748ba1814c76d54bc478f53b552d1e4714aa430b', d: "M9.16658 10.0833C8.75237 10.0833 8.41658 10.4191 8.41658 10.8333C8.41658 11.2475 8.75237 11.5833 9.16658 11.5833V10.8333V10.0833ZM13.3333 11.5833C13.7475 11.5833 14.0833 11.2475 14.0833 10.8333C14.0833 10.4191 13.7475 10.0833 13.3333 10.0833V10.8333V11.5833ZM6.66658 10.0833C6.25237 10.0833 5.91659 10.4191 5.91659 10.8333C5.91659 11.2475 6.25237 11.5833 6.66658 11.5833V10.8333V10.0833ZM6.67407 11.5833C7.08828 11.5833 7.42407 11.2475 7.42407 10.8333C7.42407 10.4191 7.08828 10.0833 6.67407 10.0833V10.8333V11.5833ZM10.8333 14.9166C11.2475 14.9166 11.5833 14.5808 11.5833 14.1666C11.5833 13.7524 11.2475 13.4166 10.8333 13.4166V14.1666V14.9166ZM6.66658 13.4166C6.25237 13.4166 5.91659 13.7524 5.91659 14.1666C5.91659 14.5808 6.25237 14.9166 6.66658 14.9166V14.1666V13.4166ZM13.3333 14.9166C13.7475 14.9166 14.0833 14.5808 14.0833 14.1666C14.0833 13.7524 13.7475 13.4166 13.3333 13.4166V14.1666V14.9166ZM13.3258 13.4166C12.9116 13.4166 12.5758 13.7524 12.5758 14.1666C12.5758 14.5808 12.9116 14.9166 13.3258 14.9166V14.1666V13.4166ZM15.7499 1.66663C15.7499 1.25241 15.4141 0.916626 14.9999 0.916626C14.5857 0.916626 14.2499 1.25241 14.2499 1.66663H14.9999H15.7499ZM14.2499 3.33329C14.2499 3.74751 14.5857 4.08329 14.9999 4.08329C15.4141 4.08329 15.7499 3.74751 15.7499 3.33329H14.9999H14.2499ZM5.74992 1.66663C5.74992 1.25241 5.41413 0.916626 4.99992 0.916626C4.58571 0.916626 4.24992 1.25241 4.24992 1.66663H4.99992H5.74992ZM4.24992 3.33329C4.24992 3.74751 4.58571 4.08329 4.99992 4.08329C5.41413 4.08329 5.74992 3.74751 5.74992 3.33329H4.99992H4.24992ZM2.49992 5.91663C2.08571 5.91663 1.74992 6.25241 1.74992 6.66663C1.74992 7.08084 2.08571 7.41663 2.49992 7.41663V6.66663V5.91663ZM17.4999 7.41663C17.9141 7.41663 18.2499 7.08084 18.2499 6.66663C18.2499 6.25241 17.9141 5.91663 17.4999 5.91663V6.66663V7.41663ZM9.16658 10.8333V11.5833H13.3333V10.8333V10.0833H9.16658V10.8333ZM6.66658 10.8333V11.5833H6.67407V10.8333V10.0833H6.66658V10.8333ZM10.8333 14.1666V13.4166H6.66658V14.1666V14.9166H10.8333V14.1666ZM13.3333 14.1666V13.4166H13.3258V14.1666V14.9166H13.3333V14.1666ZM14.9999 1.66663H14.2499V3.33329H14.9999H15.7499V1.66663H14.9999ZM4.99992 1.66663H4.24992V3.33329H4.99992H5.74992V1.66663H4.99992ZM9.20825 2.49996V3.24996H10.7916V2.49996V1.74996H9.20825V2.49996ZM17.9166 10.2027H17.1666V10.6306H17.9166H18.6666V10.2027H17.9166ZM10.7916 18.3333V17.5833H9.20825V18.3333V19.0833H10.7916V18.3333ZM2.08325 10.6306H2.83325V10.2027H2.08325H1.33325V10.6306H2.08325ZM9.20825 18.3333V17.5833C7.506 17.5833 6.31079 17.5814 5.4071 17.4501C4.53136 17.3228 4.03943 17.0875 3.67726 16.696L3.12668 17.2053L2.57611 17.7145C3.25737 18.451 4.12685 18.7798 5.19134 18.9345C6.22789 19.0851 7.55174 19.0833 9.20825 19.0833V18.3333ZM2.08325 10.6306H1.33325C1.33325 12.4265 1.33189 13.8433 1.46941 14.9491C1.60893 16.071 1.90254 16.9864 2.57611 17.7145L3.12668 17.2053L3.67726 16.696C3.30739 16.2961 3.07929 15.7397 2.95795 14.764C2.83462 13.7723 2.83325 12.4658 2.83325 10.6306H2.08325ZM17.9166 10.6306H17.1666C17.1666 12.4658 17.1652 13.7723 17.0419 14.764C16.9205 15.7397 16.6924 16.2961 16.3226 16.696L16.8732 17.2053L17.4237 17.7145C18.0973 16.9864 18.3909 16.071 18.5304 14.9491C18.668 13.8433 18.6666 12.4265 18.6666 10.6306H17.9166ZM10.7916 18.3333V19.0833C12.4481 19.0833 13.7719 19.0851 14.8085 18.9345C15.873 18.7798 16.7425 18.451 17.4237 17.7145L16.8732 17.2053L16.3226 16.696C15.9604 17.0875 15.4685 17.3228 14.5927 17.4501C13.689 17.5814 12.4938 17.5833 10.7916 17.5833V18.3333ZM10.7916 2.49996V3.24996C12.4938 3.24996 13.689 3.25182 14.5927 3.38316C15.4685 3.51045 15.9604 3.74573 16.3226 4.13728L16.8732 3.62799L17.4237 3.11871C16.7425 2.38222 15.873 2.05348 14.8085 1.89876C13.7719 1.7481 12.4481 1.74996 10.7916 1.74996V2.49996ZM17.9166 10.2027H18.6666C18.6666 8.40677 18.668 6.98999 18.5304 5.88412C18.3909 4.76229 18.0973 3.84689 17.4237 3.11871L16.8732 3.62799L16.3226 4.13728C16.6924 4.53713 16.9205 5.09352 17.0419 6.06924C17.1652 7.06093 17.1666 8.36747 17.1666 10.2027H17.9166ZM9.20825 2.49996V1.74996C7.55174 1.74996 6.22789 1.7481 5.19134 1.89876C4.12685 2.05348 3.25737 2.38222 2.57611 3.11871L3.12668 3.62799L3.67726 4.13728C4.03943 3.74573 4.53136 3.51045 5.4071 3.38316C6.31079 3.25182 7.506 3.24996 9.20825 3.24996V2.49996ZM2.08325 10.2027H2.83325C2.83325 8.36747 2.83462 7.06093 2.95795 6.06924C3.07929 5.09352 3.30739 4.53713 3.67726 4.13728L3.12668 3.62799L2.57611 3.11871C1.90254 3.84689 1.60893 4.76229 1.46941 5.88412C1.33189 6.98999 1.33325 8.40677 1.33325 10.2027H2.08325ZM2.49992 6.66663V7.41663H17.4999V6.66663V5.91663H2.49992V6.66663Z", fill: "var(--color-icon, #4B5565)" }))), h("input", { key: 'dfcc47a75028436f986a57f29a1f709c7d0dd12e', type: "text", ref: el => (this.inputEl = el), placeholder: this.placeholder, disabled: this.disabled, value: this.displayValue, readonly: true }), h("span", { key: '0b873f0c3b6c6f43d86d02e8da546e28bb1e1fa7', ref: el => (this.mirrorEl = el), id: "mirror" }, this.displayValue || this.placeholder), this.iconPosition === 'right' && (h("svg", { key: 'e7457aa743561eaeccf9eaa622e1f78ff1aad3c4', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'ee936768d1a972200bf4fce7758c1dd17d3db1b5', d: "M9.16658 10.0833C8.75237 10.0833 8.41658 10.4191 8.41658 10.8333C8.41658 11.2475 8.75237 11.5833 9.16658 11.5833V10.8333V10.0833ZM13.3333 11.5833C13.7475 11.5833 14.0833 11.2475 14.0833 10.8333C14.0833 10.4191 13.7475 10.0833 13.3333 10.0833V10.8333V11.5833ZM6.66658 10.0833C6.25237 10.0833 5.91659 10.4191 5.91659 10.8333C5.91659 11.2475 6.25237 11.5833 6.66658 11.5833V10.8333V10.0833ZM6.67407 11.5833C7.08828 11.5833 7.42407 11.2475 7.42407 10.8333C7.42407 10.4191 7.08828 10.0833 6.67407 10.0833V10.8333V11.5833ZM10.8333 14.9166C11.2475 14.9166 11.5833 14.5808 11.5833 14.1666C11.5833 13.7524 11.2475 13.4166 10.8333 13.4166V14.1666V14.9166ZM6.66658 13.4166C6.25237 13.4166 5.91659 13.7524 5.91659 14.1666C5.91659 14.5808 6.25237 14.9166 6.66658 14.9166V14.1666V13.4166ZM13.3333 14.9166C13.7475 14.9166 14.0833 14.5808 14.0833 14.1666C14.0833 13.7524 13.7475 13.4166 13.3333 13.4166V14.1666V14.9166ZM13.3258 13.4166C12.9116 13.4166 12.5758 13.7524 12.5758 14.1666C12.5758 14.5808 12.9116 14.9166 13.3258 14.9166V14.1666V13.4166ZM15.7499 1.66663C15.7499 1.25241 15.4141 0.916626 14.9999 0.916626C14.5857 0.916626 14.2499 1.25241 14.2499 1.66663H14.9999H15.7499ZM14.2499 3.33329C14.2499 3.74751 14.5857 4.08329 14.9999 4.08329C15.4141 4.08329 15.7499 3.74751 15.7499 3.33329H14.9999H14.2499ZM5.74992 1.66663C5.74992 1.25241 5.41413 0.916626 4.99992 0.916626C4.58571 0.916626 4.24992 1.25241 4.24992 1.66663H4.99992H5.74992ZM4.24992 3.33329C4.24992 3.74751 4.58571 4.08329 4.99992 4.08329C5.41413 4.08329 5.74992 3.74751 5.74992 3.33329H4.99992H4.24992ZM2.49992 5.91663C2.08571 5.91663 1.74992 6.25241 1.74992 6.66663C1.74992 7.08084 2.08571 7.41663 2.49992 7.41663V6.66663V5.91663ZM17.4999 7.41663C17.9141 7.41663 18.2499 7.08084 18.2499 6.66663C18.2499 6.25241 17.9141 5.91663 17.4999 5.91663V6.66663V7.41663ZM9.16658 10.8333V11.5833H13.3333V10.8333V10.0833H9.16658V10.8333ZM6.66658 10.8333V11.5833H6.67407V10.8333V10.0833H6.66658V10.8333ZM10.8333 14.1666V13.4166H6.66658V14.1666V14.9166H10.8333V14.1666ZM13.3333 14.1666V13.4166H13.3258V14.1666V14.9166H13.3333V14.1666ZM14.9999 1.66663H14.2499V3.33329H14.9999H15.7499V1.66663H14.9999ZM4.99992 1.66663H4.24992V3.33329H4.99992H5.74992V1.66663H4.99992ZM9.20825 2.49996V3.24996H10.7916V2.49996V1.74996H9.20825V2.49996ZM17.9166 10.2027H17.1666V10.6306H17.9166H18.6666V10.2027H17.9166ZM10.7916 18.3333V17.5833H9.20825V18.3333V19.0833H10.7916V18.3333ZM2.08325 10.6306H2.83325V10.2027H2.08325H1.33325V10.6306H2.08325ZM9.20825 18.3333V17.5833C7.506 17.5833 6.31079 17.5814 5.4071 17.4501C4.53136 17.3228 4.03943 17.0875 3.67726 16.696L3.12668 17.2053L2.57611 17.7145C3.25737 18.451 4.12685 18.7798 5.19134 18.9345C6.22789 19.0851 7.55174 19.0833 9.20825 19.0833V18.3333ZM2.08325 10.6306H1.33325C1.33325 12.4265 1.33189 13.8433 1.46941 14.9491C1.60893 16.071 1.90254 16.9864 2.57611 17.7145L3.12668 17.2053L3.67726 16.696C3.30739 16.2961 3.07929 15.7397 2.95795 14.764C2.83462 13.7723 2.83325 12.4658 2.83325 10.6306H2.08325ZM17.9166 10.6306H17.1666C17.1666 12.4658 17.1652 13.7723 17.0419 14.764C16.9205 15.7397 16.6924 16.2961 16.3226 16.696L16.8732 17.2053L17.4237 17.7145C18.0973 16.9864 18.3909 16.071 18.5304 14.9491C18.668 13.8433 18.6666 12.4265 18.6666 10.6306H17.9166ZM10.7916 18.3333V19.0833C12.4481 19.0833 13.7719 19.0851 14.8085 18.9345C15.873 18.7798 16.7425 18.451 17.4237 17.7145L16.8732 17.2053L16.3226 16.696C15.9604 17.0875 15.4685 17.3228 14.5927 17.4501C13.689 17.5814 12.4938 17.5833 10.7916 17.5833V18.3333ZM10.7916 2.49996V3.24996C12.4938 3.24996 13.689 3.25182 14.5927 3.38316C15.4685 3.51045 15.9604 3.74573 16.3226 4.13728L16.8732 3.62799L17.4237 3.11871C16.7425 2.38222 15.873 2.05348 14.8085 1.89876C13.7719 1.7481 12.4481 1.74996 10.7916 1.74996V2.49996ZM17.9166 10.2027H18.6666C18.6666 8.40677 18.668 6.98999 18.5304 5.88412C18.3909 4.76229 18.0973 3.84689 17.4237 3.11871L16.8732 3.62799L16.3226 4.13728C16.6924 4.53713 16.9205 5.09352 17.0419 6.06924C17.1652 7.06093 17.1666 8.36747 17.1666 10.2027H17.9166ZM9.20825 2.49996V1.74996C7.55174 1.74996 6.22789 1.7481 5.19134 1.89876C4.12685 2.05348 3.25737 2.38222 2.57611 3.11871L3.12668 3.62799L3.67726 4.13728C4.03943 3.74573 4.53136 3.51045 5.4071 3.38316C6.31079 3.25182 7.506 3.24996 9.20825 3.24996V2.49996ZM2.08325 10.2027H2.83325C2.83325 8.36747 2.83462 7.06093 2.95795 6.06924C3.07929 5.09352 3.30739 4.53713 3.67726 4.13728L3.12668 3.62799L2.57611 3.11871C1.90254 3.84689 1.60893 4.76229 1.46941 5.88412C1.33189 6.98999 1.33325 8.40677 1.33325 10.2027H2.08325ZM2.49992 6.66663V7.41663H17.4999V6.66663V5.91663H2.49992V6.66663Z", fill: "var(--color-icon, #4B5565)" })))), h("div", { key: 'c98a7a9e88211ce1a7aeff24d89cadcb4ae8493d', class: `calendar-container ${!this.isCalendarShown ? 'hidden' : ''} ${this.dropdownAlignment}` }))));
|
|
4236
|
+
} }, this.iconPosition === 'left' && (h("svg", { key: '9e0d813a10e98a9cd437b7401b44f0a6d3fc56fe', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '01a6a788d0dd4a4e58eab613ad4d89899e5fa4c0', d: "M9.16658 10.0833C8.75237 10.0833 8.41658 10.4191 8.41658 10.8333C8.41658 11.2475 8.75237 11.5833 9.16658 11.5833V10.8333V10.0833ZM13.3333 11.5833C13.7475 11.5833 14.0833 11.2475 14.0833 10.8333C14.0833 10.4191 13.7475 10.0833 13.3333 10.0833V10.8333V11.5833ZM6.66658 10.0833C6.25237 10.0833 5.91659 10.4191 5.91659 10.8333C5.91659 11.2475 6.25237 11.5833 6.66658 11.5833V10.8333V10.0833ZM6.67407 11.5833C7.08828 11.5833 7.42407 11.2475 7.42407 10.8333C7.42407 10.4191 7.08828 10.0833 6.67407 10.0833V10.8333V11.5833ZM10.8333 14.9166C11.2475 14.9166 11.5833 14.5808 11.5833 14.1666C11.5833 13.7524 11.2475 13.4166 10.8333 13.4166V14.1666V14.9166ZM6.66658 13.4166C6.25237 13.4166 5.91659 13.7524 5.91659 14.1666C5.91659 14.5808 6.25237 14.9166 6.66658 14.9166V14.1666V13.4166ZM13.3333 14.9166C13.7475 14.9166 14.0833 14.5808 14.0833 14.1666C14.0833 13.7524 13.7475 13.4166 13.3333 13.4166V14.1666V14.9166ZM13.3258 13.4166C12.9116 13.4166 12.5758 13.7524 12.5758 14.1666C12.5758 14.5808 12.9116 14.9166 13.3258 14.9166V14.1666V13.4166ZM15.7499 1.66663C15.7499 1.25241 15.4141 0.916626 14.9999 0.916626C14.5857 0.916626 14.2499 1.25241 14.2499 1.66663H14.9999H15.7499ZM14.2499 3.33329C14.2499 3.74751 14.5857 4.08329 14.9999 4.08329C15.4141 4.08329 15.7499 3.74751 15.7499 3.33329H14.9999H14.2499ZM5.74992 1.66663C5.74992 1.25241 5.41413 0.916626 4.99992 0.916626C4.58571 0.916626 4.24992 1.25241 4.24992 1.66663H4.99992H5.74992ZM4.24992 3.33329C4.24992 3.74751 4.58571 4.08329 4.99992 4.08329C5.41413 4.08329 5.74992 3.74751 5.74992 3.33329H4.99992H4.24992ZM2.49992 5.91663C2.08571 5.91663 1.74992 6.25241 1.74992 6.66663C1.74992 7.08084 2.08571 7.41663 2.49992 7.41663V6.66663V5.91663ZM17.4999 7.41663C17.9141 7.41663 18.2499 7.08084 18.2499 6.66663C18.2499 6.25241 17.9141 5.91663 17.4999 5.91663V6.66663V7.41663ZM9.16658 10.8333V11.5833H13.3333V10.8333V10.0833H9.16658V10.8333ZM6.66658 10.8333V11.5833H6.67407V10.8333V10.0833H6.66658V10.8333ZM10.8333 14.1666V13.4166H6.66658V14.1666V14.9166H10.8333V14.1666ZM13.3333 14.1666V13.4166H13.3258V14.1666V14.9166H13.3333V14.1666ZM14.9999 1.66663H14.2499V3.33329H14.9999H15.7499V1.66663H14.9999ZM4.99992 1.66663H4.24992V3.33329H4.99992H5.74992V1.66663H4.99992ZM9.20825 2.49996V3.24996H10.7916V2.49996V1.74996H9.20825V2.49996ZM17.9166 10.2027H17.1666V10.6306H17.9166H18.6666V10.2027H17.9166ZM10.7916 18.3333V17.5833H9.20825V18.3333V19.0833H10.7916V18.3333ZM2.08325 10.6306H2.83325V10.2027H2.08325H1.33325V10.6306H2.08325ZM9.20825 18.3333V17.5833C7.506 17.5833 6.31079 17.5814 5.4071 17.4501C4.53136 17.3228 4.03943 17.0875 3.67726 16.696L3.12668 17.2053L2.57611 17.7145C3.25737 18.451 4.12685 18.7798 5.19134 18.9345C6.22789 19.0851 7.55174 19.0833 9.20825 19.0833V18.3333ZM2.08325 10.6306H1.33325C1.33325 12.4265 1.33189 13.8433 1.46941 14.9491C1.60893 16.071 1.90254 16.9864 2.57611 17.7145L3.12668 17.2053L3.67726 16.696C3.30739 16.2961 3.07929 15.7397 2.95795 14.764C2.83462 13.7723 2.83325 12.4658 2.83325 10.6306H2.08325ZM17.9166 10.6306H17.1666C17.1666 12.4658 17.1652 13.7723 17.0419 14.764C16.9205 15.7397 16.6924 16.2961 16.3226 16.696L16.8732 17.2053L17.4237 17.7145C18.0973 16.9864 18.3909 16.071 18.5304 14.9491C18.668 13.8433 18.6666 12.4265 18.6666 10.6306H17.9166ZM10.7916 18.3333V19.0833C12.4481 19.0833 13.7719 19.0851 14.8085 18.9345C15.873 18.7798 16.7425 18.451 17.4237 17.7145L16.8732 17.2053L16.3226 16.696C15.9604 17.0875 15.4685 17.3228 14.5927 17.4501C13.689 17.5814 12.4938 17.5833 10.7916 17.5833V18.3333ZM10.7916 2.49996V3.24996C12.4938 3.24996 13.689 3.25182 14.5927 3.38316C15.4685 3.51045 15.9604 3.74573 16.3226 4.13728L16.8732 3.62799L17.4237 3.11871C16.7425 2.38222 15.873 2.05348 14.8085 1.89876C13.7719 1.7481 12.4481 1.74996 10.7916 1.74996V2.49996ZM17.9166 10.2027H18.6666C18.6666 8.40677 18.668 6.98999 18.5304 5.88412C18.3909 4.76229 18.0973 3.84689 17.4237 3.11871L16.8732 3.62799L16.3226 4.13728C16.6924 4.53713 16.9205 5.09352 17.0419 6.06924C17.1652 7.06093 17.1666 8.36747 17.1666 10.2027H17.9166ZM9.20825 2.49996V1.74996C7.55174 1.74996 6.22789 1.7481 5.19134 1.89876C4.12685 2.05348 3.25737 2.38222 2.57611 3.11871L3.12668 3.62799L3.67726 4.13728C4.03943 3.74573 4.53136 3.51045 5.4071 3.38316C6.31079 3.25182 7.506 3.24996 9.20825 3.24996V2.49996ZM2.08325 10.2027H2.83325C2.83325 8.36747 2.83462 7.06093 2.95795 6.06924C3.07929 5.09352 3.30739 4.53713 3.67726 4.13728L3.12668 3.62799L2.57611 3.11871C1.90254 3.84689 1.60893 4.76229 1.46941 5.88412C1.33189 6.98999 1.33325 8.40677 1.33325 10.2027H2.08325ZM2.49992 6.66663V7.41663H17.4999V6.66663V5.91663H2.49992V6.66663Z", fill: "var(--color-icon, #4B5565)" }))), h("input", { key: 'da94824100476eababb1089a2f6d8bb1481706cd', type: "text", ref: el => (this.inputEl = el), placeholder: this.placeholder, disabled: this.disabled, value: this.displayValue, readonly: true }), h("span", { key: '7a3a4f153e3d2b06d5019f402cca43b37e6e3b3b', ref: el => (this.mirrorEl = el), id: "mirror" }, this.displayValue || this.placeholder), this.iconPosition === 'right' && (h("svg", { key: 'b685472d943fc47dac8a0f307a6c39eb3a053ed2', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'f99dd5f700f72c9fd16fa26f587a0cfd81d9603a', d: "M9.16658 10.0833C8.75237 10.0833 8.41658 10.4191 8.41658 10.8333C8.41658 11.2475 8.75237 11.5833 9.16658 11.5833V10.8333V10.0833ZM13.3333 11.5833C13.7475 11.5833 14.0833 11.2475 14.0833 10.8333C14.0833 10.4191 13.7475 10.0833 13.3333 10.0833V10.8333V11.5833ZM6.66658 10.0833C6.25237 10.0833 5.91659 10.4191 5.91659 10.8333C5.91659 11.2475 6.25237 11.5833 6.66658 11.5833V10.8333V10.0833ZM6.67407 11.5833C7.08828 11.5833 7.42407 11.2475 7.42407 10.8333C7.42407 10.4191 7.08828 10.0833 6.67407 10.0833V10.8333V11.5833ZM10.8333 14.9166C11.2475 14.9166 11.5833 14.5808 11.5833 14.1666C11.5833 13.7524 11.2475 13.4166 10.8333 13.4166V14.1666V14.9166ZM6.66658 13.4166C6.25237 13.4166 5.91659 13.7524 5.91659 14.1666C5.91659 14.5808 6.25237 14.9166 6.66658 14.9166V14.1666V13.4166ZM13.3333 14.9166C13.7475 14.9166 14.0833 14.5808 14.0833 14.1666C14.0833 13.7524 13.7475 13.4166 13.3333 13.4166V14.1666V14.9166ZM13.3258 13.4166C12.9116 13.4166 12.5758 13.7524 12.5758 14.1666C12.5758 14.5808 12.9116 14.9166 13.3258 14.9166V14.1666V13.4166ZM15.7499 1.66663C15.7499 1.25241 15.4141 0.916626 14.9999 0.916626C14.5857 0.916626 14.2499 1.25241 14.2499 1.66663H14.9999H15.7499ZM14.2499 3.33329C14.2499 3.74751 14.5857 4.08329 14.9999 4.08329C15.4141 4.08329 15.7499 3.74751 15.7499 3.33329H14.9999H14.2499ZM5.74992 1.66663C5.74992 1.25241 5.41413 0.916626 4.99992 0.916626C4.58571 0.916626 4.24992 1.25241 4.24992 1.66663H4.99992H5.74992ZM4.24992 3.33329C4.24992 3.74751 4.58571 4.08329 4.99992 4.08329C5.41413 4.08329 5.74992 3.74751 5.74992 3.33329H4.99992H4.24992ZM2.49992 5.91663C2.08571 5.91663 1.74992 6.25241 1.74992 6.66663C1.74992 7.08084 2.08571 7.41663 2.49992 7.41663V6.66663V5.91663ZM17.4999 7.41663C17.9141 7.41663 18.2499 7.08084 18.2499 6.66663C18.2499 6.25241 17.9141 5.91663 17.4999 5.91663V6.66663V7.41663ZM9.16658 10.8333V11.5833H13.3333V10.8333V10.0833H9.16658V10.8333ZM6.66658 10.8333V11.5833H6.67407V10.8333V10.0833H6.66658V10.8333ZM10.8333 14.1666V13.4166H6.66658V14.1666V14.9166H10.8333V14.1666ZM13.3333 14.1666V13.4166H13.3258V14.1666V14.9166H13.3333V14.1666ZM14.9999 1.66663H14.2499V3.33329H14.9999H15.7499V1.66663H14.9999ZM4.99992 1.66663H4.24992V3.33329H4.99992H5.74992V1.66663H4.99992ZM9.20825 2.49996V3.24996H10.7916V2.49996V1.74996H9.20825V2.49996ZM17.9166 10.2027H17.1666V10.6306H17.9166H18.6666V10.2027H17.9166ZM10.7916 18.3333V17.5833H9.20825V18.3333V19.0833H10.7916V18.3333ZM2.08325 10.6306H2.83325V10.2027H2.08325H1.33325V10.6306H2.08325ZM9.20825 18.3333V17.5833C7.506 17.5833 6.31079 17.5814 5.4071 17.4501C4.53136 17.3228 4.03943 17.0875 3.67726 16.696L3.12668 17.2053L2.57611 17.7145C3.25737 18.451 4.12685 18.7798 5.19134 18.9345C6.22789 19.0851 7.55174 19.0833 9.20825 19.0833V18.3333ZM2.08325 10.6306H1.33325C1.33325 12.4265 1.33189 13.8433 1.46941 14.9491C1.60893 16.071 1.90254 16.9864 2.57611 17.7145L3.12668 17.2053L3.67726 16.696C3.30739 16.2961 3.07929 15.7397 2.95795 14.764C2.83462 13.7723 2.83325 12.4658 2.83325 10.6306H2.08325ZM17.9166 10.6306H17.1666C17.1666 12.4658 17.1652 13.7723 17.0419 14.764C16.9205 15.7397 16.6924 16.2961 16.3226 16.696L16.8732 17.2053L17.4237 17.7145C18.0973 16.9864 18.3909 16.071 18.5304 14.9491C18.668 13.8433 18.6666 12.4265 18.6666 10.6306H17.9166ZM10.7916 18.3333V19.0833C12.4481 19.0833 13.7719 19.0851 14.8085 18.9345C15.873 18.7798 16.7425 18.451 17.4237 17.7145L16.8732 17.2053L16.3226 16.696C15.9604 17.0875 15.4685 17.3228 14.5927 17.4501C13.689 17.5814 12.4938 17.5833 10.7916 17.5833V18.3333ZM10.7916 2.49996V3.24996C12.4938 3.24996 13.689 3.25182 14.5927 3.38316C15.4685 3.51045 15.9604 3.74573 16.3226 4.13728L16.8732 3.62799L17.4237 3.11871C16.7425 2.38222 15.873 2.05348 14.8085 1.89876C13.7719 1.7481 12.4481 1.74996 10.7916 1.74996V2.49996ZM17.9166 10.2027H18.6666C18.6666 8.40677 18.668 6.98999 18.5304 5.88412C18.3909 4.76229 18.0973 3.84689 17.4237 3.11871L16.8732 3.62799L16.3226 4.13728C16.6924 4.53713 16.9205 5.09352 17.0419 6.06924C17.1652 7.06093 17.1666 8.36747 17.1666 10.2027H17.9166ZM9.20825 2.49996V1.74996C7.55174 1.74996 6.22789 1.7481 5.19134 1.89876C4.12685 2.05348 3.25737 2.38222 2.57611 3.11871L3.12668 3.62799L3.67726 4.13728C4.03943 3.74573 4.53136 3.51045 5.4071 3.38316C6.31079 3.25182 7.506 3.24996 9.20825 3.24996V2.49996ZM2.08325 10.2027H2.83325C2.83325 8.36747 2.83462 7.06093 2.95795 6.06924C3.07929 5.09352 3.30739 4.53713 3.67726 4.13728L3.12668 3.62799L2.57611 3.11871C1.90254 3.84689 1.60893 4.76229 1.46941 5.88412C1.33189 6.98999 1.33325 8.40677 1.33325 10.2027H2.08325ZM2.49992 6.66663V7.41663H17.4999V6.66663V5.91663H2.49992V6.66663Z", fill: "var(--color-icon, #4B5565)" })))), h("div", { key: 'd757b3dc50c466e5ac711a8d14d7f5e40ef349a0', class: `calendar-container ${!this.isCalendarShown ? 'hidden' : ''} ${this.dropdownAlignment}` }))));
|
|
4236
4237
|
}
|
|
4237
4238
|
get el() { return getElement(this); }
|
|
4238
4239
|
static get watchers() { return {
|
|
@@ -8723,14 +8724,13 @@ const GbStepperHorizontalIconsCentered = class {
|
|
|
8723
8724
|
;
|
|
8724
8725
|
updateStepperBreakpoint() {
|
|
8725
8726
|
this.breakpoint = this.width < 900 ? 'mobile' : 'desktop';
|
|
8726
|
-
console.log(this.breakpoint);
|
|
8727
8727
|
}
|
|
8728
8728
|
componentWillLoad() {
|
|
8729
8729
|
document.addEventListener('resize', this.handleResize);
|
|
8730
8730
|
this.updateStepperBreakpoint();
|
|
8731
8731
|
}
|
|
8732
8732
|
render() {
|
|
8733
|
-
return (h(Fragment, null, this.type === 'icon' && (h("div", { key: '
|
|
8733
|
+
return (h(Fragment, null, this.type === 'icon' && (h("div", { key: '4efba94e5d62ed363d6fbc94695d32fc6c87a52e', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (h("div", { key: '431fb4fdff9d39b19ab984cc42c45026adbdd4ac', class: "step_div" }, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_top", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText }), index !== this.steps.length - 1 ? (h("div", { class: `connector_div ${this.type} ${this.size}` }, h("div", { class: `icon_top_connector ${step.state} ${this.type} ${step.status}` }))) : null))))), this.breakpoint === 'mobile' && (h(Fragment, null, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText })))))))), this.type === 'featured_icon' && (h("div", { key: '79685bc2602452fa5a2046d2d109b3eefcc5c427', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (h("div", { key: 'd0ce47bc058c98a1788a28cde722dc3484a37fcd', class: "step_div" }, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "featured_icon_top", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText }), index !== this.steps.length - 1 ? (h("div", { class: `connector_div ${this.type} ${this.size}` }, h("div", { class: `icon_top_connector ${step.state} ${this.type} ${step.status}` }))) : null))))), this.breakpoint === 'mobile' && (h(Fragment, null, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "featured_icon_left", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText }))))))))));
|
|
8734
8734
|
}
|
|
8735
8735
|
};
|
|
8736
8736
|
GbStepperHorizontalIconsCentered.style = gbStepperHorizontalIconsCenteredCss;
|
|
@@ -9224,6 +9224,28 @@ const GbTable = class {
|
|
|
9224
9224
|
// },
|
|
9225
9225
|
];
|
|
9226
9226
|
// = {
|
|
9227
|
+
// name: { key: 'name' },
|
|
9228
|
+
// badges: [
|
|
9229
|
+
// { key: 'role', label: 'Role' },
|
|
9230
|
+
// { key: 'amount', label: 'Amount' },
|
|
9231
|
+
// ],
|
|
9232
|
+
// button: { icon: 'assets/sent.svg', text: 'Send Money', action: 'send_money' },
|
|
9233
|
+
// };
|
|
9234
|
+
this.tableHeaderConfig = {
|
|
9235
|
+
tableHeading: false,
|
|
9236
|
+
tableHeadingLabel: 'Suspicious outflows',
|
|
9237
|
+
showDateFilter: true,
|
|
9238
|
+
showFilter: true,
|
|
9239
|
+
showColumnOptions: true,
|
|
9240
|
+
showSearch: true,
|
|
9241
|
+
showExport: true,
|
|
9242
|
+
showRefreshButton: false,
|
|
9243
|
+
showLayoutToggle: true,
|
|
9244
|
+
datePickerMode: 'range',
|
|
9245
|
+
inputPlaceholder: 'Transaction reference',
|
|
9246
|
+
showEntireData: true,
|
|
9247
|
+
};
|
|
9248
|
+
// = {
|
|
9227
9249
|
// paginationMode: 'internal',
|
|
9228
9250
|
// entriesDropdownMenuPosition: 'top',
|
|
9229
9251
|
// currentPage: 1,
|
|
@@ -9379,7 +9401,6 @@ const GbTable = class {
|
|
|
9379
9401
|
}
|
|
9380
9402
|
}
|
|
9381
9403
|
handleAction(action, row) {
|
|
9382
|
-
console.log('Action clicked:', action, row);
|
|
9383
9404
|
this.rowActionClicked.emit({ action, row });
|
|
9384
9405
|
}
|
|
9385
9406
|
renderCell(col, row) {
|
|
@@ -9583,7 +9604,6 @@ const GbTable = class {
|
|
|
9583
9604
|
}
|
|
9584
9605
|
emitSelection() {
|
|
9585
9606
|
const selected = this.sortedData.filter(row => this.selectedRowIds.has(this.getRowId(row)));
|
|
9586
|
-
console.log(selected);
|
|
9587
9607
|
this.selectionChanged.emit(selected);
|
|
9588
9608
|
}
|
|
9589
9609
|
get displayedData() {
|
|
@@ -9731,7 +9751,6 @@ const GbTable = class {
|
|
|
9731
9751
|
};
|
|
9732
9752
|
}
|
|
9733
9753
|
exportButtonClicked(detail) {
|
|
9734
|
-
console.log(detail.detail);
|
|
9735
9754
|
this.exportClicked.emit(detail.detail);
|
|
9736
9755
|
}
|
|
9737
9756
|
onRefreshButtonClicked() {
|
|
@@ -9893,16 +9912,16 @@ const GbTable = class {
|
|
|
9893
9912
|
window.removeEventListener('resize', this.checkViewport);
|
|
9894
9913
|
}
|
|
9895
9914
|
render() {
|
|
9896
|
-
return (h("div", { key: '
|
|
9915
|
+
return (h("div", { key: '0700854e4c5b8e19a11a32d66a7e8e9ac891eec2', class: `table_wrapper ${this.currentTableLayout}` }, this.tableHeaderConfig && (h("div", { key: 'f2be97c9209dc2c6c12cb299b64057f24b4dfa07', class: `table-header ${this.currentTableLayout}` }, h("gb-table-header", { key: '7007188403fb8e123d6d54bbf4f6bbc5048f401e', mode: this.tableHeaderConfig.datePickerMode, "table-heading": this.tableHeaderConfig.tableHeading, "table-heading-label": this.tableHeaderConfig.tableHeadingLabel, "show-search": this.tableHeaderConfig.showSearch, "show-date-filter": this.tableHeaderConfig.showDateFilter, "show-filter": this.tableHeaderConfig.showFilter, "show-export": this.tableHeaderConfig.showExport, "show-column-options": this.tableHeaderConfig.showColumnOptions, "show-refresh-button": this.tableHeaderConfig.showRefreshButton, "input-placeholder": this.tableHeaderConfig.inputPlaceholder, "date-picker-placeholder": this.tableHeaderConfig.datePickerPlaceholder, "show-entire-data": this.tableHeaderConfig.showEntireData, "show-layout-toggle": this.tableHeaderConfig.showLayoutToggle, "filter-state": Object.keys(this.appliedFilterValues).length > 0 ? 'applied' : 'default', "filter-count": Object.keys(this.appliedFilterValues).length, "export-button-state": this.tableHeaderConfig.exportButtonState, "pdf-state": this.tableHeaderConfig.pdfState, "csv-state": this.tableHeaderConfig.csvState, onInputValueChanged: this.emitSearchValue.bind(this), onDateChange: this.emitDateChange.bind(this), onColumnOptionsButtonClicked: this.columnOptionsButtonClicked(), onExportClicked: e => this.exportButtonClicked(e), onFilterButtonClicked: () => this.openFilterModal(), onRefreshButtonClicked: () => this.onRefreshButtonClicked(), onLayoutButtonClicked: e => this.switchTableLayout(e) }))), this.showColumnsPanel && this.columns.length > 0 && (h("div", { key: '30cb8238470d6120c165aaa4a19cd69f96feddd1', class: "dialog", style: {
|
|
9897
9916
|
transform: `translate(${this.modalPosition.x}px, ${this.modalPosition.y}px)`,
|
|
9898
|
-
} }, h("div", { key: '
|
|
9917
|
+
} }, h("div", { key: '365b823e15575a5142339b488c9b7ce0aadd449c', class: "column-modal" }, h("div", { key: 'aca6d1b50a4702c420f1c63fa9be9e391a114063', class: "modal_header" }, h("div", { key: '85e3779943c04c39a6f4adb6e014a4d1e8ee8f1f', class: "modal_header_content", onPointerDown: this.onModalPointerDown }, h("h4", { key: 'f6357c0e6f78f01ef6b3f9c213169c41eb4461bf', class: "heading display-xs-semi-bold" }, "Column Options"), h("gb-button-close", { key: '51aa07b2f32610ccc60e239e5de993cc3a3884ba', class: "close_button", color: "gray", size: "sm", onClick: () => (this.showColumnsPanel = false) }))), h("div", { key: 'fd9c0a3f350e3a13b9536f85129116220b37e22d', class: "content_wrapper" }, h("div", { key: 'd9d0cc7f9edbaf487382ae05c5e00c8323771b44', class: "modal_content" }, this.internalColumns.map((col, index) => (h("div", { class: "column_option", draggable: true, onDragStart: () => (this.draggedIndex = index), onDragOver: e => e.preventDefault(), onDrop: () => {
|
|
9899
9918
|
if (this.draggedIndex !== null && this.draggedIndex !== index) {
|
|
9900
9919
|
this.reorderColumns(this.draggedIndex, index);
|
|
9901
9920
|
}
|
|
9902
9921
|
this.draggedIndex = null;
|
|
9903
9922
|
} }, h("div", { class: "label_and_dragger" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { d: "M8 6H8.00635M8 12H8.00635M8 18H8.00635M15.9937 6H16M15.9937 12H16M15.9937 18H16", stroke: "var(--color-icon, #4B5565)", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("p", { class: "label text-md-regular" }, col.label)), h("gb-toggle", { size: "sm", state: StateEnum.Default, position: "right", pressed: col.visible, text: false, onToggleClicked: e => {
|
|
9904
9923
|
this.toggleColumn(e, col.key);
|
|
9905
|
-
} })))), h("div", { key: '
|
|
9924
|
+
} })))), h("div", { key: '673dbe8f5ad303744b4bfd2737913fc1ba6020e8', class: "modal-actions" })))))), this.showFilterModalInternal && this.filterConfig && (h("div", { key: 'f767421c763d599bc5ccc2c1c0b36fb83dbeb422', class: `filter_modal_wrapper ${this.isFilterModalVisible ? 'open' : 'closing'}` }, h("gb-filter-modal", { key: '082bed1775129e1b3a25d0ca83006afb98e5d1d7', class: "filter_modal", filterConfig: this.mergedFilterConfig, onClose: e => {
|
|
9906
9925
|
e.stopPropagation();
|
|
9907
9926
|
this.closeFilterModal();
|
|
9908
9927
|
}, onApplyFilters: e => this.onApplyFilters(e), onClearFilters: () => this.handleClearFilters() }))), this.internalLoading ? (
|
|
@@ -9949,7 +9968,7 @@ const GbTable = class {
|
|
|
9949
9968
|
? this.renderDesktopView()
|
|
9950
9969
|
: this.currentTableLayout === 'grid'
|
|
9951
9970
|
? this.renderGridView()
|
|
9952
|
-
: null)), this.paginationConfig && (h("div", { key: '
|
|
9971
|
+
: null)), this.paginationConfig && (h("div", { key: '58adec96eb25b1c8d71adaa2a2bd986758e2cfe6', class: `pagination ${this.currentTableLayout}` }, h("gb-pagination", { key: '6b21847500f569522de0f60f03c0ea52b2291d37', "entries-dropdown-menu-position": this.paginationConfig.entriesDropdownMenuPosition, "page-size": this.paginationConfig.paginationMode === 'internal' ? this.internalPageSize : this.paginationConfig.pageSize, "current-page": this.paginationConfig.paginationMode === 'internal' ? this.internalCurrentPage : this.paginationConfig.currentPage, "total-pages": this.totalPages, onPageItemSelected: this.handlePageChange.bind(this) }))), this.showToast && (h("gb-toast", { key: '145a64dd5290869234bc7a160052b7342df3de79', class: `toast ${this.toastVisible ? 'visible' : ''}`, color: "information", "main-text": this.filterMessage, breakpoint: "desktop", size: "floating", onClose: () => this.hideToast() }))));
|
|
9953
9972
|
}
|
|
9954
9973
|
static get watchers() { return {
|
|
9955
9974
|
"data": ["onDataChange"],
|
|
@@ -10043,7 +10062,6 @@ const GbTableHeader = class {
|
|
|
10043
10062
|
this.filterButtonClicked.emit();
|
|
10044
10063
|
}
|
|
10045
10064
|
emitSelection(selection) {
|
|
10046
|
-
console.log(selection);
|
|
10047
10065
|
this.exportClicked.emit(selection);
|
|
10048
10066
|
}
|
|
10049
10067
|
onRefreshButtonClicked() {
|
|
@@ -10065,10 +10083,10 @@ const GbTableHeader = class {
|
|
|
10065
10083
|
window.removeEventListener('resize', this.handleResize);
|
|
10066
10084
|
}
|
|
10067
10085
|
render() {
|
|
10068
|
-
return (h("div", { key: '
|
|
10086
|
+
return (h("div", { key: '8ce84e66b3cb98a2c992cf92ad6944909dc88b65', class: "table_header_div" }, this.tableHeading && h("p", { key: 'ca07d7494ddc0b83ccc34e834aa019e6948dba1b', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), this.showDateFilter && (h("div", { key: 'eb0842b660509b5ede0a7d38c467e25d49331e23', class: "date_filters" }, h("div", { key: 'df5c9742a6c78fec416a10e3d6e5fd853a248a12', class: "date_input" }, h("gb-date-picker", { key: '488c08ef921c0a8f43c76786fb4b100d7d7ca9f7', mode: this.mode, disabled: this.datePickerDisabled, format: this.format, "icon-position": this.datePickerIconPosition, placeholder: this.datePickerPlaceholder, "dropdown-alignment": this.datePickerDropdownPosition, "enable-time": this.enableTime, "no-calendar": this.noCalendar, "twentyfour-hr": this.twentyfourHr, "show-months": this.showMonths, "full-width": this.isDatePickerFullWidth, onDateChange: this.emitDateSelected.bind(this) })))), h("div", { key: '5a6aa3d20584b26bfb24ff53fe03e12e541435e9', class: `actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}` }, this.showSearch && (h("div", { key: 'ef79933d7c7e7887614d708dc1763c94ffe014ec', class: "input_field" }, h("gb-input-field", { key: 'a6163c02df5a2f0c05aaaefa9d830d8294ed68cd', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: this.inputPlaceholder, "enable-cancel-button-function": true, onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: '166caa2e8952954e3089c8684523ed8511f95b3b', class: "action" }, this.showLayoutToggle && h("gb-button-group", { key: 'b19ed4040494d48ad2251142569be7c3a77cba18', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && this.width > 768 && (h("gb-button", { key: '9c1225d3593964584f66803ab426ea781d635907', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg", onClick: () => this.onColumnOptionsButtonClicked() }, h("p", { key: 'f5f5eb9dd6e88c95236c6698951eb6c713f806a5' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: 'f0174fd2e26841f595138c9dca302a96924bc3cd', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: 'cc1c96e1a78a1da8b4dd6fec8a57371afe2af5a1', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: '0ff5d1533933cf94d99aeb2afb1e45e374f4ec6a', class: "export" }, h("gb-button", { key: '91da67986a1919a8e52bf9f85369f6211293a6ea', size: "md", state: this.exportButtonState, hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: e => {
|
|
10069
10087
|
e.stopPropagation();
|
|
10070
10088
|
this.toggleDropdown();
|
|
10071
|
-
} }, h("p", { key: '
|
|
10089
|
+
} }, h("p", { key: 'b4fdab578851ea5d1872c613ed14c310086960c4' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: '616c0540a8faa62da0419e2c89d6ce35b8a5af91', ref: el => (this.exportDropdown = el), "show-entire-data": this.showEntireData, "pdf-state": this.pdfState, "csv-state": this.csvState, onExportClicked: event => this.emitSelection(event.detail), class: `dropdown ${this.exportDropdownPosition}` })))), this.showRefreshButton && (h("div", { key: 'c3b1c82a95689e43200402c4d2e4c5619f8b517e', class: "refresh_button" }, h("gb-button", { key: '4dc49f709e1bcc6ab355219af596e57f40107496', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() })))))));
|
|
10072
10090
|
}
|
|
10073
10091
|
get el() { return getElement(this); }
|
|
10074
10092
|
};
|
|
@@ -52,7 +52,6 @@ const GbModal = class {
|
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
54
|
closeModalButtonClicked() {
|
|
55
|
-
console.log('Clicked');
|
|
56
55
|
this.closeModalClicked.emit();
|
|
57
56
|
}
|
|
58
57
|
firstButtonClickedOnModalAction() {
|
|
@@ -65,7 +64,7 @@ const GbModal = class {
|
|
|
65
64
|
this.thirdButtonClicked.emit();
|
|
66
65
|
}
|
|
67
66
|
render() {
|
|
68
|
-
return (h("div", { key: '
|
|
67
|
+
return (h("div", { key: '3e044cedfd990ca5ab502d055d863b03f6819f67', class: "overlay" }, h("div", { key: 'cc3fcc0da0665bda76ff472dd6f7e0837263677a', class: "modal_wrapper", style: { width: this.width } }, h("div", { key: 'fce3e4474bbc7ce44a8828ab5e6664511313270e', class: "modal_header" }, h("gb-modal-header", { key: 'f178eb4df4e57f4ee68e3de9054c2ed064c62b60', "close-button-position": this.closeButtonPosition, text: this.heading, onCloseButtonClicked: () => this.closeModalButtonClicked() })), h("div", { key: '5cf299afc7b41bbeb99da1eda28f96dc0b5a2549', class: "modal_content" }, h("slot", { key: 'a79f1afd15531fcb3f256c668a3a2f58743b357d', name: "content" })), this.footer && (h("div", { key: 'd60ef1dd364b50e7ebffb8cb24edb2a84df8ef6a', class: "modal_footer" }, this.hasFooterSlot ? (h("slot", { name: "footer" })) : (h("gb-modal-action", { "action-type": this.actionType, "full-width": this.fullWidth, "first-button-text": this.firstButtonText, "second-button-text": this.secondButtonText, "third-button-text": this.thirdButtonText, "first-button-state": this.firstButtonState, "second-button-state": this.secondButtonState, "third-button-state": this.thirdButtonState, "first-button-icon-leading-swap": this.firstButtonIconLeadingSwap, "second-button-icon-leading-swap": this.secondButtonIconLeadingSwap, "third-button-icon-leading-swap": this.thirdButtonIconLeadingSwap, "first-button-icon-trailing-swap": this.firstButtonIconTrailingSwap, "second-button-icon-trailing-swap": this.secondButtonIconTrailingSwap, "third-button-icon-trailing-swap": this.thirdButtonIconTrailingSwap, "show-secondary-actions": this.showSecondaryActions, "show-first-icon-button": this.showFirstIconButton, "show-second-icon-button": this.showSecondIconButton, "first-icon-button-swap": this.firstIconButtonSwap, "second-icon-button-swap": this.secondIconButtonSwap, "show-check-box": this.showCheckBox, "checkbox-label": this.checkboxLabel, destructive: this.destructive, onFirstButtonClicked: () => this.firstButtonClickedOnModalAction(), onSecondButtonClicked: () => this.secondButtonClickedOnModalAction(), onThirdButtonClicked: () => this.thirdButtonClickedOnModalAction() })))))));
|
|
69
68
|
}
|
|
70
69
|
get el() { return getElement(this); }
|
|
71
70
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gb-modal.entry.js","sources":["src/components/gb-modal/gb-modal.css?tag=gb-modal","src/components/gb-modal/gb-modal.tsx"],"sourcesContent":[".overlay{\r\n /* width: 100vw; */\r\n height: 100vh;\r\n overflow: hidden;\r\n backdrop-filter: blur(4px);\r\n position: relative;\r\n box-sizing: border-box;\r\n background: var(--color-blanket-subtle, rgba(33, 44, 101, 0.3));\r\n}\r\n\r\n.modal_wrapper{\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n overflow: hidden;\r\n border-radius: var(--rounded-md);\r\n box-shadow: var(--shadow-sm);\r\n background: var(--color-background-card, #FFFFFF);\r\n}\r\n\r\n.modal_footer{\r\n padding: var(--spacing-4) var(--spacing-6);\r\n border-top: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}","import { Component, Element, Event, EventEmitter, Prop, State, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'gb-modal',\r\n styleUrl: 'gb-modal.css',\r\n})\r\nexport class GbModal {\r\n @Element() el: HTMLElement;\r\n\r\n @Prop() width: string = '';\r\n @Prop() footer: boolean = true;\r\n @Prop() closeButtonPosition: 'left' | 'right' = 'right';\r\n @Prop() heading: string = '';\r\n @Prop() actionType: 'single' | 'double' = 'single';\r\n @Prop() fullWidth: boolean = false;\r\n @Prop() destructive: boolean = false;\r\n\r\n // For the 'multiple' modal action type\r\n @Prop() firstButtonText: string = '';\r\n @Prop() secondButtonText: string = '';\r\n @Prop() thirdButtonText: string = '';\r\n @Prop() firstButtonState: 'default' | 'disabled' = 'default';\r\n @Prop() secondButtonState: 'default' | 'disabled' = 'default';\r\n @Prop() thirdButtonState: 'default' | 'disabled' = 'default';\r\n @Prop() firstButtonIconLeadingSwap: string = '';\r\n @Prop() secondButtonIconLeadingSwap: string = '';\r\n @Prop() thirdButtonIconLeadingSwap: string = '';\r\n @Prop() firstButtonIconTrailingSwap: string = '';\r\n @Prop() secondButtonIconTrailingSwap: string = '';\r\n @Prop() thirdButtonIconTrailingSwap: string = '';\r\n\r\n // If secondary action is shown on modal action\r\n @Prop() showSecondaryActions: boolean = false;\r\n @Prop() showFirstIconButton: boolean = false;\r\n @Prop() showSecondIconButton: boolean = false;\r\n @Prop() firstIconButtonSwap: string = '';\r\n @Prop() secondIconButtonSwap: string = '';\r\n @Prop() showCheckBox: boolean = true;\r\n @Prop() checkboxLabel: string = '';\r\n\r\n @State() hasFooterSlot: boolean = true;\r\n @Event() closeModalClicked: EventEmitter<void>;\r\n @Event() firstButtonClicked: EventEmitter<void>;\r\n @Event() secondButtonClicked: EventEmitter<void>;\r\n @Event() thirdButtonClicked: EventEmitter<void>;\r\n\r\n componentDidLoad() {\r\n this.checkFooterSlot();\r\n }\r\n\r\n private checkFooterSlot() {\r\n const footerSlot = this.el.querySelector('[slot=\"footer\"]');\r\n if (footerSlot) {\r\n this.hasFooterSlot = true;\r\n } else {\r\n this.hasFooterSlot = false;\r\n }\r\n }\r\n\r\n closeModalButtonClicked() {\r\n
|
|
1
|
+
{"version":3,"file":"gb-modal.entry.js","sources":["src/components/gb-modal/gb-modal.css?tag=gb-modal","src/components/gb-modal/gb-modal.tsx"],"sourcesContent":[".overlay{\r\n /* width: 100vw; */\r\n height: 100vh;\r\n overflow: hidden;\r\n backdrop-filter: blur(4px);\r\n position: relative;\r\n box-sizing: border-box;\r\n background: var(--color-blanket-subtle, rgba(33, 44, 101, 0.3));\r\n}\r\n\r\n.modal_wrapper{\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n overflow: hidden;\r\n border-radius: var(--rounded-md);\r\n box-shadow: var(--shadow-sm);\r\n background: var(--color-background-card, #FFFFFF);\r\n}\r\n\r\n.modal_footer{\r\n padding: var(--spacing-4) var(--spacing-6);\r\n border-top: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}","import { Component, Element, Event, EventEmitter, Prop, State, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'gb-modal',\r\n styleUrl: 'gb-modal.css',\r\n})\r\nexport class GbModal {\r\n @Element() el: HTMLElement;\r\n\r\n @Prop() width: string = '';\r\n @Prop() footer: boolean = true;\r\n @Prop() closeButtonPosition: 'left' | 'right' = 'right';\r\n @Prop() heading: string = '';\r\n @Prop() actionType: 'single' | 'double' = 'single';\r\n @Prop() fullWidth: boolean = false;\r\n @Prop() destructive: boolean = false;\r\n\r\n // For the 'multiple' modal action type\r\n @Prop() firstButtonText: string = '';\r\n @Prop() secondButtonText: string = '';\r\n @Prop() thirdButtonText: string = '';\r\n @Prop() firstButtonState: 'default' | 'disabled' = 'default';\r\n @Prop() secondButtonState: 'default' | 'disabled' = 'default';\r\n @Prop() thirdButtonState: 'default' | 'disabled' = 'default';\r\n @Prop() firstButtonIconLeadingSwap: string = '';\r\n @Prop() secondButtonIconLeadingSwap: string = '';\r\n @Prop() thirdButtonIconLeadingSwap: string = '';\r\n @Prop() firstButtonIconTrailingSwap: string = '';\r\n @Prop() secondButtonIconTrailingSwap: string = '';\r\n @Prop() thirdButtonIconTrailingSwap: string = '';\r\n\r\n // If secondary action is shown on modal action\r\n @Prop() showSecondaryActions: boolean = false;\r\n @Prop() showFirstIconButton: boolean = false;\r\n @Prop() showSecondIconButton: boolean = false;\r\n @Prop() firstIconButtonSwap: string = '';\r\n @Prop() secondIconButtonSwap: string = '';\r\n @Prop() showCheckBox: boolean = true;\r\n @Prop() checkboxLabel: string = '';\r\n\r\n @State() hasFooterSlot: boolean = true;\r\n @Event() closeModalClicked: EventEmitter<void>;\r\n @Event() firstButtonClicked: EventEmitter<void>;\r\n @Event() secondButtonClicked: EventEmitter<void>;\r\n @Event() thirdButtonClicked: EventEmitter<void>;\r\n\r\n componentDidLoad() {\r\n this.checkFooterSlot();\r\n }\r\n\r\n private checkFooterSlot() {\r\n const footerSlot = this.el.querySelector('[slot=\"footer\"]');\r\n if (footerSlot) {\r\n this.hasFooterSlot = true;\r\n } else {\r\n this.hasFooterSlot = false;\r\n }\r\n }\r\n\r\n closeModalButtonClicked() {\r\n this.closeModalClicked.emit();\r\n }\r\n\r\n firstButtonClickedOnModalAction() {\r\n this.firstButtonClicked.emit();\r\n }\r\n\r\n secondButtonClickedOnModalAction() {\r\n this.secondButtonClicked.emit();\r\n }\r\n\r\n thirdButtonClickedOnModalAction() {\r\n this.thirdButtonClicked.emit();\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"overlay\">\r\n <div class=\"modal_wrapper\" style={{ width: this.width }}>\r\n <div class=\"modal_header\">\r\n <gb-modal-header\r\n close-button-position={this.closeButtonPosition}\r\n text={this.heading}\r\n onCloseButtonClicked={() => this.closeModalButtonClicked()}\r\n ></gb-modal-header>\r\n </div>\r\n <div class=\"modal_content\">\r\n <slot name=\"content\"></slot>\r\n </div>\r\n {this.footer && (\r\n <div class=\"modal_footer\">\r\n {this.hasFooterSlot ? (\r\n <slot name=\"footer\"></slot>\r\n ) : (\r\n <gb-modal-action\r\n action-type={this.actionType}\r\n full-width={this.fullWidth}\r\n first-button-text={this.firstButtonText}\r\n second-button-text={this.secondButtonText}\r\n third-button-text={this.thirdButtonText}\r\n first-button-state={this.firstButtonState}\r\n second-button-state={this.secondButtonState}\r\n third-button-state={this.thirdButtonState}\r\n first-button-icon-leading-swap={this.firstButtonIconLeadingSwap}\r\n second-button-icon-leading-swap={this.secondButtonIconLeadingSwap}\r\n third-button-icon-leading-swap={this.thirdButtonIconLeadingSwap}\r\n first-button-icon-trailing-swap={this.firstButtonIconTrailingSwap}\r\n second-button-icon-trailing-swap={this.secondButtonIconTrailingSwap}\r\n third-button-icon-trailing-swap={this.thirdButtonIconTrailingSwap}\r\n show-secondary-actions={this.showSecondaryActions}\r\n show-first-icon-button={this.showFirstIconButton}\r\n show-second-icon-button={this.showSecondIconButton}\r\n first-icon-button-swap={this.firstIconButtonSwap}\r\n second-icon-button-swap={this.secondIconButtonSwap}\r\n show-check-box={this.showCheckBox}\r\n checkbox-label={this.checkboxLabel}\r\n destructive={this.destructive}\r\n onFirstButtonClicked={() => this.firstButtonClickedOnModalAction()}\r\n onSecondButtonClicked={() => this.secondButtonClickedOnModalAction()}\r\n onThirdButtonClicked={() => this.thirdButtonClickedOnModalAction()}\r\n ></gb-modal-action>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"],"names":[],"mappings":";;AAAA,MAAM,UAAU,GAAG,0eAA0e;;MCMhf,OAAO,GAAA,MAAA;AAJpB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;;AAOU,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;AAClB,QAAA,IAAM,CAAA,MAAA,GAAY,IAAI;AACtB,QAAA,IAAmB,CAAA,mBAAA,GAAqB,OAAO;AAC/C,QAAA,IAAO,CAAA,OAAA,GAAW,EAAE;AACpB,QAAA,IAAU,CAAA,UAAA,GAAwB,QAAQ;AAC1C,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAC1B,QAAA,IAAW,CAAA,WAAA,GAAY,KAAK;;AAG5B,QAAA,IAAe,CAAA,eAAA,GAAW,EAAE;AAC5B,QAAA,IAAgB,CAAA,gBAAA,GAAW,EAAE;AAC7B,QAAA,IAAe,CAAA,eAAA,GAAW,EAAE;AAC5B,QAAA,IAAgB,CAAA,gBAAA,GAA2B,SAAS;AACpD,QAAA,IAAiB,CAAA,iBAAA,GAA2B,SAAS;AACrD,QAAA,IAAgB,CAAA,gBAAA,GAA2B,SAAS;AACpD,QAAA,IAA0B,CAAA,0BAAA,GAAW,EAAE;AACvC,QAAA,IAA2B,CAAA,2BAAA,GAAW,EAAE;AACxC,QAAA,IAA0B,CAAA,0BAAA,GAAW,EAAE;AACvC,QAAA,IAA2B,CAAA,2BAAA,GAAW,EAAE;AACxC,QAAA,IAA4B,CAAA,4BAAA,GAAW,EAAE;AACzC,QAAA,IAA2B,CAAA,2BAAA,GAAW,EAAE;;AAGxC,QAAA,IAAoB,CAAA,oBAAA,GAAY,KAAK;AACrC,QAAA,IAAmB,CAAA,mBAAA,GAAY,KAAK;AACpC,QAAA,IAAoB,CAAA,oBAAA,GAAY,KAAK;AACrC,QAAA,IAAmB,CAAA,mBAAA,GAAW,EAAE;AAChC,QAAA,IAAoB,CAAA,oBAAA,GAAW,EAAE;AACjC,QAAA,IAAY,CAAA,YAAA,GAAY,IAAI;AAC5B,QAAA,IAAa,CAAA,aAAA,GAAW,EAAE;AAEzB,QAAA,IAAa,CAAA,aAAA,GAAY,IAAI;AAwFvC;IAlFC,gBAAgB,GAAA;QACd,IAAI,CAAC,eAAe,EAAE;;IAGhB,eAAe,GAAA;QACrB,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,iBAAiB,CAAC;QAC3D,IAAI,UAAU,EAAE;AACd,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI;;aACpB;AACL,YAAA,IAAI,CAAC,aAAa,GAAG,KAAK;;;IAI9B,uBAAuB,GAAA;AACrB,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE;;IAG/B,+BAA+B,GAAA;AAC7B,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE;;IAGhC,gCAAgC,GAAA;AAC9B,QAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE;;IAGjC,+BAA+B,GAAA;AAC7B,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE;;IAGhC,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAA,EAClB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAA,EACrD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CACyB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,uBAAA,EAAA,IAAI,CAAC,mBAAmB,EAC/C,IAAI,EAAE,IAAI,CAAC,OAAO,EAClB,oBAAoB,EAAE,MAAM,IAAI,CAAC,uBAAuB,EAAE,GACzC,CACf,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACxB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAQ,CACxB,EACL,IAAI,CAAC,MAAM,KACV,4DAAK,KAAK,EAAC,cAAc,EAAA,EACtB,IAAI,CAAC,aAAa,IACjB,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,QAAQ,EAAQ,CAAA,KAE3B,CAAA,CAAA,iBAAA,EAAA,EAAA,aAAA,EACe,IAAI,CAAC,UAAU,EAChB,YAAA,EAAA,IAAI,CAAC,SAAS,uBACP,IAAI,CAAC,eAAe,EAAA,oBAAA,EACnB,IAAI,CAAC,gBAAgB,EAAA,mBAAA,EACtB,IAAI,CAAC,eAAe,EACnB,oBAAA,EAAA,IAAI,CAAC,gBAAgB,EAAA,qBAAA,EACpB,IAAI,CAAC,iBAAiB,EACvB,oBAAA,EAAA,IAAI,CAAC,gBAAgB,oCACT,IAAI,CAAC,0BAA0B,EAAA,iCAAA,EAC9B,IAAI,CAAC,2BAA2B,EACjC,gCAAA,EAAA,IAAI,CAAC,0BAA0B,EAAA,iCAAA,EAC9B,IAAI,CAAC,2BAA2B,EAC/B,kCAAA,EAAA,IAAI,CAAC,4BAA4B,EAClC,iCAAA,EAAA,IAAI,CAAC,2BAA2B,4BACzC,IAAI,CAAC,oBAAoB,EAAA,wBAAA,EACzB,IAAI,CAAC,mBAAmB,EACvB,yBAAA,EAAA,IAAI,CAAC,oBAAoB,EAAA,wBAAA,EAC1B,IAAI,CAAC,mBAAmB,EACvB,yBAAA,EAAA,IAAI,CAAC,oBAAoB,oBAClC,IAAI,CAAC,YAAY,EAAA,gBAAA,EACjB,IAAI,CAAC,aAAa,EAClC,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,oBAAoB,EAAE,MAAM,IAAI,CAAC,+BAA+B,EAAE,EAClE,qBAAqB,EAAE,MAAM,IAAI,CAAC,gCAAgC,EAAE,EACpE,oBAAoB,EAAE,MAAM,IAAI,CAAC,+BAA+B,EAAE,EAAA,CACjD,CACpB,CACG,CACP,CACG,CACF;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gb-modal.entry.esm.js","sources":["src/components/gb-modal/gb-modal.css?tag=gb-modal","src/components/gb-modal/gb-modal.tsx"],"sourcesContent":[".overlay{\r\n /* width: 100vw; */\r\n height: 100vh;\r\n overflow: hidden;\r\n backdrop-filter: blur(4px);\r\n position: relative;\r\n box-sizing: border-box;\r\n background: var(--color-blanket-subtle, rgba(33, 44, 101, 0.3));\r\n}\r\n\r\n.modal_wrapper{\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n overflow: hidden;\r\n border-radius: var(--rounded-md);\r\n box-shadow: var(--shadow-sm);\r\n background: var(--color-background-card, #FFFFFF);\r\n}\r\n\r\n.modal_footer{\r\n padding: var(--spacing-4) var(--spacing-6);\r\n border-top: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}","import { Component, Element, Event, EventEmitter, Prop, State, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'gb-modal',\r\n styleUrl: 'gb-modal.css',\r\n})\r\nexport class GbModal {\r\n @Element() el: HTMLElement;\r\n\r\n @Prop() width: string = '';\r\n @Prop() footer: boolean = true;\r\n @Prop() closeButtonPosition: 'left' | 'right' = 'right';\r\n @Prop() heading: string = '';\r\n @Prop() actionType: 'single' | 'double' = 'single';\r\n @Prop() fullWidth: boolean = false;\r\n @Prop() destructive: boolean = false;\r\n\r\n // For the 'multiple' modal action type\r\n @Prop() firstButtonText: string = '';\r\n @Prop() secondButtonText: string = '';\r\n @Prop() thirdButtonText: string = '';\r\n @Prop() firstButtonState: 'default' | 'disabled' = 'default';\r\n @Prop() secondButtonState: 'default' | 'disabled' = 'default';\r\n @Prop() thirdButtonState: 'default' | 'disabled' = 'default';\r\n @Prop() firstButtonIconLeadingSwap: string = '';\r\n @Prop() secondButtonIconLeadingSwap: string = '';\r\n @Prop() thirdButtonIconLeadingSwap: string = '';\r\n @Prop() firstButtonIconTrailingSwap: string = '';\r\n @Prop() secondButtonIconTrailingSwap: string = '';\r\n @Prop() thirdButtonIconTrailingSwap: string = '';\r\n\r\n // If secondary action is shown on modal action\r\n @Prop() showSecondaryActions: boolean = false;\r\n @Prop() showFirstIconButton: boolean = false;\r\n @Prop() showSecondIconButton: boolean = false;\r\n @Prop() firstIconButtonSwap: string = '';\r\n @Prop() secondIconButtonSwap: string = '';\r\n @Prop() showCheckBox: boolean = true;\r\n @Prop() checkboxLabel: string = '';\r\n\r\n @State() hasFooterSlot: boolean = true;\r\n @Event() closeModalClicked: EventEmitter<void>;\r\n @Event() firstButtonClicked: EventEmitter<void>;\r\n @Event() secondButtonClicked: EventEmitter<void>;\r\n @Event() thirdButtonClicked: EventEmitter<void>;\r\n\r\n componentDidLoad() {\r\n this.checkFooterSlot();\r\n }\r\n\r\n private checkFooterSlot() {\r\n const footerSlot = this.el.querySelector('[slot=\"footer\"]');\r\n if (footerSlot) {\r\n this.hasFooterSlot = true;\r\n } else {\r\n this.hasFooterSlot = false;\r\n }\r\n }\r\n\r\n closeModalButtonClicked() {\r\n
|
|
1
|
+
{"version":3,"file":"gb-modal.entry.esm.js","sources":["src/components/gb-modal/gb-modal.css?tag=gb-modal","src/components/gb-modal/gb-modal.tsx"],"sourcesContent":[".overlay{\r\n /* width: 100vw; */\r\n height: 100vh;\r\n overflow: hidden;\r\n backdrop-filter: blur(4px);\r\n position: relative;\r\n box-sizing: border-box;\r\n background: var(--color-blanket-subtle, rgba(33, 44, 101, 0.3));\r\n}\r\n\r\n.modal_wrapper{\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n overflow: hidden;\r\n border-radius: var(--rounded-md);\r\n box-shadow: var(--shadow-sm);\r\n background: var(--color-background-card, #FFFFFF);\r\n}\r\n\r\n.modal_footer{\r\n padding: var(--spacing-4) var(--spacing-6);\r\n border-top: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}","import { Component, Element, Event, EventEmitter, Prop, State, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'gb-modal',\r\n styleUrl: 'gb-modal.css',\r\n})\r\nexport class GbModal {\r\n @Element() el: HTMLElement;\r\n\r\n @Prop() width: string = '';\r\n @Prop() footer: boolean = true;\r\n @Prop() closeButtonPosition: 'left' | 'right' = 'right';\r\n @Prop() heading: string = '';\r\n @Prop() actionType: 'single' | 'double' = 'single';\r\n @Prop() fullWidth: boolean = false;\r\n @Prop() destructive: boolean = false;\r\n\r\n // For the 'multiple' modal action type\r\n @Prop() firstButtonText: string = '';\r\n @Prop() secondButtonText: string = '';\r\n @Prop() thirdButtonText: string = '';\r\n @Prop() firstButtonState: 'default' | 'disabled' = 'default';\r\n @Prop() secondButtonState: 'default' | 'disabled' = 'default';\r\n @Prop() thirdButtonState: 'default' | 'disabled' = 'default';\r\n @Prop() firstButtonIconLeadingSwap: string = '';\r\n @Prop() secondButtonIconLeadingSwap: string = '';\r\n @Prop() thirdButtonIconLeadingSwap: string = '';\r\n @Prop() firstButtonIconTrailingSwap: string = '';\r\n @Prop() secondButtonIconTrailingSwap: string = '';\r\n @Prop() thirdButtonIconTrailingSwap: string = '';\r\n\r\n // If secondary action is shown on modal action\r\n @Prop() showSecondaryActions: boolean = false;\r\n @Prop() showFirstIconButton: boolean = false;\r\n @Prop() showSecondIconButton: boolean = false;\r\n @Prop() firstIconButtonSwap: string = '';\r\n @Prop() secondIconButtonSwap: string = '';\r\n @Prop() showCheckBox: boolean = true;\r\n @Prop() checkboxLabel: string = '';\r\n\r\n @State() hasFooterSlot: boolean = true;\r\n @Event() closeModalClicked: EventEmitter<void>;\r\n @Event() firstButtonClicked: EventEmitter<void>;\r\n @Event() secondButtonClicked: EventEmitter<void>;\r\n @Event() thirdButtonClicked: EventEmitter<void>;\r\n\r\n componentDidLoad() {\r\n this.checkFooterSlot();\r\n }\r\n\r\n private checkFooterSlot() {\r\n const footerSlot = this.el.querySelector('[slot=\"footer\"]');\r\n if (footerSlot) {\r\n this.hasFooterSlot = true;\r\n } else {\r\n this.hasFooterSlot = false;\r\n }\r\n }\r\n\r\n closeModalButtonClicked() {\r\n this.closeModalClicked.emit();\r\n }\r\n\r\n firstButtonClickedOnModalAction() {\r\n this.firstButtonClicked.emit();\r\n }\r\n\r\n secondButtonClickedOnModalAction() {\r\n this.secondButtonClicked.emit();\r\n }\r\n\r\n thirdButtonClickedOnModalAction() {\r\n this.thirdButtonClicked.emit();\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"overlay\">\r\n <div class=\"modal_wrapper\" style={{ width: this.width }}>\r\n <div class=\"modal_header\">\r\n <gb-modal-header\r\n close-button-position={this.closeButtonPosition}\r\n text={this.heading}\r\n onCloseButtonClicked={() => this.closeModalButtonClicked()}\r\n ></gb-modal-header>\r\n </div>\r\n <div class=\"modal_content\">\r\n <slot name=\"content\"></slot>\r\n </div>\r\n {this.footer && (\r\n <div class=\"modal_footer\">\r\n {this.hasFooterSlot ? (\r\n <slot name=\"footer\"></slot>\r\n ) : (\r\n <gb-modal-action\r\n action-type={this.actionType}\r\n full-width={this.fullWidth}\r\n first-button-text={this.firstButtonText}\r\n second-button-text={this.secondButtonText}\r\n third-button-text={this.thirdButtonText}\r\n first-button-state={this.firstButtonState}\r\n second-button-state={this.secondButtonState}\r\n third-button-state={this.thirdButtonState}\r\n first-button-icon-leading-swap={this.firstButtonIconLeadingSwap}\r\n second-button-icon-leading-swap={this.secondButtonIconLeadingSwap}\r\n third-button-icon-leading-swap={this.thirdButtonIconLeadingSwap}\r\n first-button-icon-trailing-swap={this.firstButtonIconTrailingSwap}\r\n second-button-icon-trailing-swap={this.secondButtonIconTrailingSwap}\r\n third-button-icon-trailing-swap={this.thirdButtonIconTrailingSwap}\r\n show-secondary-actions={this.showSecondaryActions}\r\n show-first-icon-button={this.showFirstIconButton}\r\n show-second-icon-button={this.showSecondIconButton}\r\n first-icon-button-swap={this.firstIconButtonSwap}\r\n second-icon-button-swap={this.secondIconButtonSwap}\r\n show-check-box={this.showCheckBox}\r\n checkbox-label={this.checkboxLabel}\r\n destructive={this.destructive}\r\n onFirstButtonClicked={() => this.firstButtonClickedOnModalAction()}\r\n onSecondButtonClicked={() => this.secondButtonClickedOnModalAction()}\r\n onThirdButtonClicked={() => this.thirdButtonClickedOnModalAction()}\r\n ></gb-modal-action>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"],"names":[],"mappings":"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"}
|