npm - globuswebcomponents - Versions diffs - 2.18.13 → 2.18.14 - Mend

globuswebcomponents 2.18.13 → 2.18.14

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.

Files changed (22) hide show

package/dist/components/{p-DdsNQNgw.js → p-Dcp248Xi.js} RENAMED Viewed

@@ -9,7 +9,7 @@ import { d as defineCustomElement$l } from './p-Ct6zlHGe.js';
 import { d as defineCustomElement$k } from './p-CyR5zhyE.js';
 import { d as defineCustomElement$j } from './p-OVoS3dKe.js';
 import { d as defineCustomElement$i } from './p-BE9pk1IO.js';
-import { d as defineCustomElement$h } from './p-CSaLgM9u.js';
+import { d as defineCustomElement$h } from './p-DLObhoyD.js';
 import { d as defineCustomElement$g } from './p-CMPLdab-.js';
 import { d as defineCustomElement$f } from './p-4OEYaAZw.js';
 import { d as defineCustomElement$e } from './p-Csczjmo-.js';
@@ -334,6 +334,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { GbTableHeader as G, defineCustomElement as d };
-//# sourceMappingURL=p-DdsNQNgw.js.map
+//# sourceMappingURL=p-Dcp248Xi.js.map
-//# sourceMappingURL=p-DdsNQNgw.js.map
+//# sourceMappingURL=p-Dcp248Xi.js.map

package/dist/components/{p-DdsNQNgw.js.map → p-Dcp248Xi.js.map} RENAMED Viewed

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

package/dist/components/{p-CgzfEtNd.js → p-DiI9mdf8.js} RENAMED Viewed

@@ -3,7 +3,7 @@ import { d as defineCustomElement$9 } from './p-5znPazO0.js';
 import { d as defineCustomElement$8 } from './p-D2mNYnDd.js';
 import { d as defineCustomElement$7 } from './p-OVoS3dKe.js';
 import { d as defineCustomElement$6 } from './p-BE9pk1IO.js';
-import { d as defineCustomElement$5 } from './p-CSaLgM9u.js';
+import { d as defineCustomElement$5 } from './p-DLObhoyD.js';
 import { d as defineCustomElement$4 } from './p-CMPLdab-.js';
 import { d as defineCustomElement$3 } from './p-Dm2bLTpD.js';
 import { d as defineCustomElement$2 } from './p-DEQhI9nP.js';
@@ -218,6 +218,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { GbFilterModal as G, defineCustomElement as d };
-//# sourceMappingURL=p-CgzfEtNd.js.map
+//# sourceMappingURL=p-DiI9mdf8.js.map
-//# sourceMappingURL=p-CgzfEtNd.js.map
+//# sourceMappingURL=p-DiI9mdf8.js.map

package/dist/components/{p-CgzfEtNd.js.map → p-DiI9mdf8.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-CgzfEtNd.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';\n\n/* ==========================================================================\n Desktop — side panel\n ========================================================================== /\n\n.filter_modal_wrapper {\n background-color: white;\n width: 27.5rem;\n height: 100vh;\n display: flex;\n flex-direction: column;\n border-radius: var(--rounded-none);\n background: var(--color-surface, #ffffff);\n box-shadow: var(--shadow-sm);\n}\n\n.filter_modal_header {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n align-self: stretch;\n border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);\n position: relative;\n}\n\n.filter_modal_content {\n display: flex;\n padding: var(--spacing-5) var(--spacing-6) var(--spacing-5) var(--spacing-16);\n align-items: flex-start;\n gap: 1rem;\n align-self: stretch;\n}\n\n.title {\n color: var(--color-text-bold, #202939);\n}\n\n.close_button {\n position: absolute;\n left: 1rem;\n bottom: 0.5rem;\n}\n\n.filter_content_container {\n flex: 1 0 0;\n justify-content: center;\n align-items: flex-start;\n gap: 0.5rem;\n align-self: stretch;\n}\n\n.filter_modal_actions {\n position: absolute;\n bottom: 0;\n width: 100%;\n display: flex;\n padding: var(--spacing-none) 0 0 0;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n align-self: stretch;\n border-top: 1px solid var(--color-border-subtler, #e3e8ef);\n}\n\n/ ==========================================================================\n Mobile — bottom sheet\n ========================================================================== /\n\n:host(.is_mobile) {\n display: block;\n width: 100%;\n height: 100%;\n}\n\n.filter_sheet_overlay {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n padding: 0 1rem 1rem;\n box-sizing: border-box;\n opacity: 0;\n transition: opacity 0.3s ease;\n background: var(--color-blanket-subtle, rgba(33, 44, 101, 0.3));\n}\n\n.filter_sheet_overlay.open {\n opacity: 1;\n}\n\n.filter_sheet_panel {\n width: 100%;\n display: flex;\n flex-direction: column;\n max-height: 85vh;\n overflow: hidden;\n box-sizing: border-box;\n background: var(--color-background-card, #ffffff);\n box-shadow: var(--shadow-sm);\n border-radius: var(--rounded-md);\n transform: translateY(100%);\n transition: transform 0.3s ease-in-out;\n}\n\n.filter_sheet_overlay.open .filter_sheet_panel {\n transform: translateY(0);\n}\n\n.filter_sheet_content {\n flex: 1 1 auto;\n overflow-y: auto;\n}\n\n/ ==========================================================================\n Shared — filter fields\n ========================================================================== /\n\n.filter_content {\n display: flex;\n width: 100%;\n box-sizing: border-box;\n padding: var(--spacing-4) 2rem;\n flex-direction: column;\n align-items: flex-start;\n gap: var(--spacing-6);\n flex: 1 0 0;\n}\n\n.label {\n color: var(--color-text, #4b5565);\n}\n\n.date_range {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: var(--spacing-2);\n align-self: stretch;\n}\n\n.date_pickers {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: var(--spacing-1);\n align-self: stretch;\n box-sizing: border-box;\n}\n\n.field {\n width: 100%;\n}\n\n.modal_actions_content {\n display: flex;\n padding: var(--spacing-4) var(--spacing-6);\n align-items: center;\n gap: var(--spacing-5);\n align-self: stretch;\n}\n\n.btn {\n width: 100%;\n}\n","import { Component, Prop, State, Event, EventEmitter, h, Fragment, Listen, Host } from '@stencil/core';\nimport { FilterConfig } from '../../models/reusableModels';\n\n@Component({\n tag: 'gb-filter-modal',\n styleUrl: 'gb-filter-modal.css',\n shadow: true,\n})\nexport class GbFilterModal {\n @Prop() filterConfig?: FilterConfig;\n @State() formValues: Record<string, any> = {};\n @State() renderKey = 0;\n @State() isMobile: boolean = false;\n @State() sheetVisible: boolean = false;\n @Event() applyFilters: EventEmitter<Record<string, any>>;\n @Event() clearFilters: EventEmitter<void>;\n @Event({ bubbles: true, composed: true }) close: EventEmitter<void>;\n\n @Listen('resize', { target: 'window' })\n checkViewport() {\n this.isMobile = window.innerWidth <= 768;\n }\n\n componentWillLoad() {\n this.checkViewport();\n\n if (this.filterConfig) {\n const applied = this.filterConfig.appliedValues \|\| {};\n\n this.formValues = {\n ...(this.filterConfig.initialValues \|\| {}),\n ...applied, // applied values win over defaults\n };\n }\n\n // console.log(this.formValues);\n }\n\n componentDidLoad() {\n if (this.isMobile) {\n requestAnimationFrame(() => {\n this.sheetVisible = true;\n });\n }\n }\n\n handleFieldChange(key: string, value: any) {\n if (value instanceof CustomEvent) {\n value = value.detail ?? null;\n }\n\n const field = this.filterConfig.fields.find(f => f.key === key);\n\n if (field && field.tag === 'gb-input-dropdown') {\n value = Array.isArray(value) ? value : value != null ? [value] : [];\n }\n\n if (value === null \|\| value === undefined \|\| value === '' \|\| (Array.isArray(value) && value.length === 0)) {\n const { [key]: _, ...rest } = this.formValues;\n this.formValues = rest;\n return;\n }\n\n this.formValues = {\n ...this.formValues,\n [key]: value,\n };\n }\n\n handleClearClick() {\n const resetValues = { ...(this.filterConfig.initialValues \|\| {}) };\n\n this.filterConfig.fields.forEach(field => {\n if (field.tag === 'gb-date-picker') {\n const keys = field.key as { start: string; end: string };\n resetValues[keys.start] = null;\n resetValues[keys.end] = null;\n } else {\n // use field.default if defined, otherwise check if the field expects an array\n const isArrayField = field.props?.type === 'tags' \|\| Array.isArray(field.default);\n resetValues[field.key as string] = field.default ?? (isArrayField ? [] : null);\n }\n });\n\n this.formValues = resetValues;\n this.renderKey++;\n this.clearFilters.emit();\n }\n\n handleApplyClick() {\n const { pageNumber, pageSize, ...filters } = this.formValues;\n // console.log({\n // filters,\n // pagination: {\n // pageNumber: pageNumber ?? 1,\n // pageSize: pageSize ?? 10,\n // },\n // });\n\n this.applyFilters.emit({\n filters,\n pagination: {\n pageNumber: pageNumber ?? 1,\n pageSize: pageSize ?? 10,\n },\n });\n }\n\n capitalize(str: string) {\n return str.charAt(0).toUpperCase() + str.slice(1);\n }\n\n emitCloseEvent() {\n if (this.isMobile) {\n this.sheetVisible = false;\n setTimeout(() => this.close.emit(), 300); // match sheet transition duration\n return;\n }\n\n this.close.emit();\n }\n\n renderFields() {\n if (!this.filterConfig.fields) return null;\n\n return (\n <>\n {this.filterConfig.fields.map(field => {\n if (field.tag === 'gb-date-picker') {\n const keys = field.key as { start: string; end: string };\n\n return (\n <div class=\"date_range\">\n <p class=\"label text-sm-medium\">{field.label}</p>\n <div class=\"date_pickers\">\n <gb-date-picker\n placeholder=\"dd-mm-yy\"\n full-width=\"true\"\n mode=\"single\"\n format=\"d-m-y\"\n show-months=\"1\"\n value={this.formValues[keys.start]}\n onDateChange={e => this.handleFieldChange(keys.start, e)}\n ></gb-date-picker>\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M2.5 12L21.5002 12\" stroke=\"var(--color-icon-subtle, #697586)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <gb-date-picker\n placeholder=\"dd-mm-yy\"\n full-width=\"true\"\n mode=\"single\"\n format=\"d-m-y\"\n show-months=\"1\"\n dropdown-alignment=\"right\"\n value={this.formValues[keys.end]}\n onDateChange={e => this.handleFieldChange(keys.end, e)}\n ></gb-date-picker>\n </div>\n </div>\n );\n }\n\n const Tag = field.tag;\n const key = field.key as string;\n const currentValue = this.formValues[key];\n const valueProp =\n currentValue != null\n ? field.tag === 'gb-slider'\n ? { leftControl: currentValue.left, rightControl: currentValue.right }\n : field.tag === 'gb-input-dropdown'\n ? { value: Array.isArray(currentValue) ? currentValue : [currentValue] } // ← coerce here\n : { value: currentValue }\n : {};\n\n const eventHandler = {\n [`on${this.capitalize(field.event as string)}`]: (e: CustomEvent) => this.handleFieldChange(key, e.detail),\n };\n\n return (\n <div class=\"field\">\n <Tag {...field.props} {...valueProp} {...eventHandler} />\n </div>\n );\n })}\n </>\n );\n }\n\n render() {\n if (!this.filterConfig) {\n return (\n <div class=\"filter_modal_wrapper\">\n <div class=\"filter_modal_header\">\n <div class=\"filter_modal_content\">\n <gb-button-close size=\"sm\" color=\"gray\" class=\"close_button\" onClick={() => this.emitCloseEvent()}></gb-button-close>\n <p class=\"title display-xs-semi-bold\">Filter</p>\n </div>\n </div>\n </div>\n );\n }\n\n return (\n <Host class={this.isMobile ? 'is_mobile' : ''}>\n {!this.isMobile && (\n <div class=\"filter_modal_wrapper\">\n <div class=\"filter_modal_header\">\n <div class=\"filter_modal_content\">\n <gb-button-close size=\"sm\" color=\"gray\" class=\"close_button\" onClick={() => this.emitCloseEvent()}></gb-button-close>\n <p class=\"title display-xs-semi-bold\">{this.filterConfig ? this.filterConfig.title : 'Filter'}</p>\n </div>\n </div>\n <div class=\"filter_content_container\">\n <div class=\"filter_content\" key={this.renderKey}>\n {/ {this.filterConfig.enableDateRange && (\n <div class=\"date_range\">\n <p class=\"label text-sm-medium\">{this.filterConfig.dateRangeLabel \|\| 'Period'}</p>\n <div class=\"date_pickers\">\n <gb-date-picker\n placeholder=\"dd-mm-yy\"\n full-width=\"true\"\n twentyfour-hr=\"true\"\n mode=\"single\"\n format=\"d-m-y\"\n show-months=\"1\"\n onDateChange={e => this.handleFieldChange('startDate', e)}\n ></gb-date-picker>\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M2.5 12L21.5002 12\" stroke=\"var(--color-icon-subtle ,#697586)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <gb-date-picker\n placeholder=\"dd-mm-yy\"\n full-width=\"true\"\n twentyfour-hr=\"true\"\n mode=\"single\"\n format=\"d-m-y\"\n show-months=\"1\"\n dropdown-alignment=\"right\"\n onDateChange={e => this.handleFieldChange('endDate', e)}\n ></gb-date-picker>\n </div>\n </div>\n )} */}\n {this.renderFields()}\n </div>\n </div>\n <div class=\"filter_modal_actions\">\n <div class=\"modal_actions_content\">\n <div class=\"btn\">\n <gb-button size=\"xl\" hierarchy=\"secondary_gray\" icon=\"default\" onClick={() => this.handleClearClick()}>\n <p>Clear filter</p>\n </gb-button>\n </div>\n <div class=\"btn\">\n <gb-button size=\"xl\" hierarchy=\"primary\" icon=\"default\" onClick={() => this.handleApplyClick()}>\n <p>Apply</p>\n </gb-button>\n </div>\n </div>\n </div>\n </div>\n )}\n {this.isMobile && (\n <div class={`filter_sheet_overlay ${this.sheetVisible ? 'open' : ''}`}>\n <div class=\"filter_sheet_panel\">\n <gb-modal-header text=\"Filter\" close-button-position=\"right\" onCloseButtonClicked={() => this.emitCloseEvent()}></gb-modal-header>\n <div class=\"filter_sheet_content\">\n <div class=\"filter_content\" key={this.renderKey}>\n {this.renderFields()}\n </div>\n </div>\n <gb-modal-action\n action-type=\"double\"\n first-button-text=\"Apply\"\n second-button-text=\"Clear filter\"\n onFirstButtonClicked={() => this.handleApplyClick()}\n onSecondButtonClicked={() => this.handleClearClick()}\n ></gb-modal-action>\n </div>\n </div>\n )}\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-DiI9mdf8.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';\n\n/* ==========================================================================\n Desktop — side panel\n ========================================================================== /\n\n.filter_modal_wrapper {\n background-color: white;\n width: 27.5rem;\n height: 100vh;\n display: flex;\n flex-direction: column;\n border-radius: var(--rounded-none);\n background: var(--color-surface, #ffffff);\n box-shadow: var(--shadow-sm);\n}\n\n.filter_modal_header {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n align-self: stretch;\n border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);\n position: relative;\n}\n\n.filter_modal_content {\n display: flex;\n padding: var(--spacing-5) var(--spacing-6) var(--spacing-5) var(--spacing-16);\n align-items: flex-start;\n gap: 1rem;\n align-self: stretch;\n}\n\n.title {\n color: var(--color-text-bold, #202939);\n}\n\n.close_button {\n position: absolute;\n left: 1rem;\n bottom: 0.5rem;\n}\n\n.filter_content_container {\n flex: 1 0 0;\n justify-content: center;\n align-items: flex-start;\n gap: 0.5rem;\n align-self: stretch;\n}\n\n.filter_modal_actions {\n position: absolute;\n bottom: 0;\n width: 100%;\n display: flex;\n padding: var(--spacing-none) 0 0 0;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n align-self: stretch;\n border-top: 1px solid var(--color-border-subtler, #e3e8ef);\n}\n\n/ ==========================================================================\n Mobile — bottom sheet\n ========================================================================== /\n\n:host(.is_mobile) {\n display: block;\n width: 100%;\n height: 100%;\n}\n\n.filter_sheet_overlay {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n padding: 0 1rem 1rem;\n box-sizing: border-box;\n opacity: 0;\n transition: opacity 0.3s ease;\n background: var(--color-blanket-subtle, rgba(33, 44, 101, 0.3));\n}\n\n.filter_sheet_overlay.open {\n opacity: 1;\n}\n\n.filter_sheet_panel {\n width: 100%;\n display: flex;\n flex-direction: column;\n max-height: 85vh;\n overflow: hidden;\n box-sizing: border-box;\n background: var(--color-background-card, #ffffff);\n box-shadow: var(--shadow-sm);\n border-radius: var(--rounded-md);\n transform: translateY(100%);\n transition: transform 0.3s ease-in-out;\n}\n\n.filter_sheet_overlay.open .filter_sheet_panel {\n transform: translateY(0);\n}\n\n.filter_sheet_content {\n flex: 1 1 auto;\n overflow-y: auto;\n}\n\n/ ==========================================================================\n Shared — filter fields\n ========================================================================== /\n\n.filter_content {\n display: flex;\n width: 100%;\n box-sizing: border-box;\n padding: var(--spacing-4) 2rem;\n flex-direction: column;\n align-items: flex-start;\n gap: var(--spacing-6);\n flex: 1 0 0;\n}\n\n.label {\n color: var(--color-text, #4b5565);\n}\n\n.date_range {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: var(--spacing-2);\n align-self: stretch;\n}\n\n.date_pickers {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: var(--spacing-1);\n align-self: stretch;\n box-sizing: border-box;\n}\n\n.field {\n width: 100%;\n}\n\n.modal_actions_content {\n display: flex;\n padding: var(--spacing-4) var(--spacing-6);\n align-items: center;\n gap: var(--spacing-5);\n align-self: stretch;\n}\n\n.btn {\n width: 100%;\n}\n","import { Component, Prop, State, Event, EventEmitter, h, Fragment, Listen, Host } from '@stencil/core';\nimport { FilterConfig } from '../../models/reusableModels';\n\n@Component({\n tag: 'gb-filter-modal',\n styleUrl: 'gb-filter-modal.css',\n shadow: true,\n})\nexport class GbFilterModal {\n @Prop() filterConfig?: FilterConfig;\n @State() formValues: Record<string, any> = {};\n @State() renderKey = 0;\n @State() isMobile: boolean = false;\n @State() sheetVisible: boolean = false;\n @Event() applyFilters: EventEmitter<Record<string, any>>;\n @Event() clearFilters: EventEmitter<void>;\n @Event({ bubbles: true, composed: true }) close: EventEmitter<void>;\n\n @Listen('resize', { target: 'window' })\n checkViewport() {\n this.isMobile = window.innerWidth <= 768;\n }\n\n componentWillLoad() {\n this.checkViewport();\n\n if (this.filterConfig) {\n const applied = this.filterConfig.appliedValues \|\| {};\n\n this.formValues = {\n ...(this.filterConfig.initialValues \|\| {}),\n ...applied, // applied values win over defaults\n };\n }\n\n // console.log(this.formValues);\n }\n\n componentDidLoad() {\n if (this.isMobile) {\n requestAnimationFrame(() => {\n this.sheetVisible = true;\n });\n }\n }\n\n handleFieldChange(key: string, value: any) {\n if (value instanceof CustomEvent) {\n value = value.detail ?? null;\n }\n\n const field = this.filterConfig.fields.find(f => f.key === key);\n\n if (field && field.tag === 'gb-input-dropdown') {\n value = Array.isArray(value) ? value : value != null ? [value] : [];\n }\n\n if (value === null \|\| value === undefined \|\| value === '' \|\| (Array.isArray(value) && value.length === 0)) {\n const { [key]: _, ...rest } = this.formValues;\n this.formValues = rest;\n return;\n }\n\n this.formValues = {\n ...this.formValues,\n [key]: value,\n };\n }\n\n handleClearClick() {\n const resetValues = { ...(this.filterConfig.initialValues \|\| {}) };\n\n this.filterConfig.fields.forEach(field => {\n if (field.tag === 'gb-date-picker') {\n const keys = field.key as { start: string; end: string };\n resetValues[keys.start] = null;\n resetValues[keys.end] = null;\n } else {\n // use field.default if defined, otherwise check if the field expects an array\n const isArrayField = field.props?.type === 'tags' \|\| Array.isArray(field.default);\n resetValues[field.key as string] = field.default ?? (isArrayField ? [] : null);\n }\n });\n\n this.formValues = resetValues;\n this.renderKey++;\n this.clearFilters.emit();\n }\n\n handleApplyClick() {\n const { pageNumber, pageSize, ...filters } = this.formValues;\n // console.log({\n // filters,\n // pagination: {\n // pageNumber: pageNumber ?? 1,\n // pageSize: pageSize ?? 10,\n // },\n // });\n\n this.applyFilters.emit({\n filters,\n pagination: {\n pageNumber: pageNumber ?? 1,\n pageSize: pageSize ?? 10,\n },\n });\n }\n\n capitalize(str: string) {\n return str.charAt(0).toUpperCase() + str.slice(1);\n }\n\n emitCloseEvent() {\n if (this.isMobile) {\n this.sheetVisible = false;\n setTimeout(() => this.close.emit(), 300); // match sheet transition duration\n return;\n }\n\n this.close.emit();\n }\n\n renderFields() {\n if (!this.filterConfig.fields) return null;\n\n return (\n <>\n {this.filterConfig.fields.map(field => {\n if (field.tag === 'gb-date-picker') {\n const keys = field.key as { start: string; end: string };\n\n return (\n <div class=\"date_range\">\n <p class=\"label text-sm-medium\">{field.label}</p>\n <div class=\"date_pickers\">\n <gb-date-picker\n placeholder=\"dd-mm-yy\"\n full-width=\"true\"\n mode=\"single\"\n format=\"d-m-y\"\n show-months=\"1\"\n value={this.formValues[keys.start]}\n onDateChange={e => this.handleFieldChange(keys.start, e)}\n ></gb-date-picker>\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M2.5 12L21.5002 12\" stroke=\"var(--color-icon-subtle, #697586)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <gb-date-picker\n placeholder=\"dd-mm-yy\"\n full-width=\"true\"\n mode=\"single\"\n format=\"d-m-y\"\n show-months=\"1\"\n dropdown-alignment=\"right\"\n value={this.formValues[keys.end]}\n onDateChange={e => this.handleFieldChange(keys.end, e)}\n ></gb-date-picker>\n </div>\n </div>\n );\n }\n\n const Tag = field.tag;\n const key = field.key as string;\n const currentValue = this.formValues[key];\n const valueProp =\n currentValue != null\n ? field.tag === 'gb-slider'\n ? { leftControl: currentValue.left, rightControl: currentValue.right }\n : field.tag === 'gb-input-dropdown'\n ? { value: Array.isArray(currentValue) ? currentValue : [currentValue] } // ← coerce here\n : { value: currentValue }\n : {};\n\n const eventHandler = {\n [`on${this.capitalize(field.event as string)}`]: (e: CustomEvent) => this.handleFieldChange(key, e.detail),\n };\n\n return (\n <div class=\"field\">\n <Tag {...field.props} {...valueProp} {...eventHandler} />\n </div>\n );\n })}\n </>\n );\n }\n\n render() {\n if (!this.filterConfig) {\n return (\n <div class=\"filter_modal_wrapper\">\n <div class=\"filter_modal_header\">\n <div class=\"filter_modal_content\">\n <gb-button-close size=\"sm\" color=\"gray\" class=\"close_button\" onClick={() => this.emitCloseEvent()}></gb-button-close>\n <p class=\"title display-xs-semi-bold\">Filter</p>\n </div>\n </div>\n </div>\n );\n }\n\n return (\n <Host class={this.isMobile ? 'is_mobile' : ''}>\n {!this.isMobile && (\n <div class=\"filter_modal_wrapper\">\n <div class=\"filter_modal_header\">\n <div class=\"filter_modal_content\">\n <gb-button-close size=\"sm\" color=\"gray\" class=\"close_button\" onClick={() => this.emitCloseEvent()}></gb-button-close>\n <p class=\"title display-xs-semi-bold\">{this.filterConfig ? this.filterConfig.title : 'Filter'}</p>\n </div>\n </div>\n <div class=\"filter_content_container\">\n <div class=\"filter_content\" key={this.renderKey}>\n {/ {this.filterConfig.enableDateRange && (\n <div class=\"date_range\">\n <p class=\"label text-sm-medium\">{this.filterConfig.dateRangeLabel \|\| 'Period'}</p>\n <div class=\"date_pickers\">\n <gb-date-picker\n placeholder=\"dd-mm-yy\"\n full-width=\"true\"\n twentyfour-hr=\"true\"\n mode=\"single\"\n format=\"d-m-y\"\n show-months=\"1\"\n onDateChange={e => this.handleFieldChange('startDate', e)}\n ></gb-date-picker>\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M2.5 12L21.5002 12\" stroke=\"var(--color-icon-subtle ,#697586)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n <gb-date-picker\n placeholder=\"dd-mm-yy\"\n full-width=\"true\"\n twentyfour-hr=\"true\"\n mode=\"single\"\n format=\"d-m-y\"\n show-months=\"1\"\n dropdown-alignment=\"right\"\n onDateChange={e => this.handleFieldChange('endDate', e)}\n ></gb-date-picker>\n </div>\n </div>\n )} */}\n {this.renderFields()}\n </div>\n </div>\n <div class=\"filter_modal_actions\">\n <div class=\"modal_actions_content\">\n <div class=\"btn\">\n <gb-button size=\"xl\" hierarchy=\"secondary_gray\" icon=\"default\" onClick={() => this.handleClearClick()}>\n <p>Clear filter</p>\n </gb-button>\n </div>\n <div class=\"btn\">\n <gb-button size=\"xl\" hierarchy=\"primary\" icon=\"default\" onClick={() => this.handleApplyClick()}>\n <p>Apply</p>\n </gb-button>\n </div>\n </div>\n </div>\n </div>\n )}\n {this.isMobile && (\n <div class={`filter_sheet_overlay ${this.sheetVisible ? 'open' : ''}`}>\n <div class=\"filter_sheet_panel\">\n <gb-modal-header text=\"Filter\" close-button-position=\"right\" onCloseButtonClicked={() => this.emitCloseEvent()}></gb-modal-header>\n <div class=\"filter_sheet_content\">\n <div class=\"filter_content\" key={this.renderKey}>\n {this.renderFields()}\n </div>\n </div>\n <gb-modal-action\n action-type=\"double\"\n first-button-text=\"Apply\"\n second-button-text=\"Clear filter\"\n onFirstButtonClicked={() => this.handleApplyClick()}\n onSecondButtonClicked={() => this.handleClearClick()}\n ></gb-modal-action>\n </div>\n </div>\n )}\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/docs.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-09-12T09:28:48",
+  "timestamp": "2026-09-14T12:07:46",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.38.3",

package/dist/esm/gb-accordion-card_90.entry.js CHANGED Viewed

@@ -3917,6 +3917,10 @@ const GbDatePicker = class {
          * `overflow: hidden` (e.g. gb-table's scroll container) instead of being
          * clipped by it. Applied inline so it overrides the CSS `.calendar-container`
          * positioning rules without needing to change them.
+         *
+         * Also flips above/below the trigger depending on which side actually has
+         * room, the same way a dropdown would - if there isn't enough space below
+         * to fit the calendar but there is above, it opens upward, and vice versa.
          */
         this.repositionCalendar = () => {
             var _a, _b;
@@ -3927,8 +3931,6 @@ const GbDatePicker = class {
             const rect = trigger.getBoundingClientRect();
             const gap = 4;
             const style = calendarContainer.style;
-            style.position = 'fixed';
-            style.top = `${rect.bottom + gap}px`;
             if (this.dropdownAlignment === 'right') {
                 style.right = `${window.innerWidth - rect.right}px`;
                 style.left = 'auto';
@@ -3937,6 +3939,33 @@ const GbDatePicker = class {
                 style.left = `${rect.left}px`;
                 style.right = 'auto';
             }
+            style.position = 'fixed';
+            // Provisional placement below the trigger, so it's visible immediately -
+            // this also covers the very first open, before the calendar has a real,
+            // measurable height (see the deferred flip check below).
+            style.top = `${rect.bottom + gap}px`;
+            style.bottom = 'auto';
+            // Deferred a frame so the calendar has committed its layout (on first
+            // open .calendar-container is still `display:none` synchronously here,
+            // since the class change that reveals it hasn't rendered yet).
+            requestAnimationFrame(() => {
+                const calendarHeight = calendarContainer.getBoundingClientRect().height;
+                if (!calendarHeight)
+                    return;
+                const spaceBelow = window.innerHeight - rect.bottom - gap;
+                const spaceAbove = rect.top - gap;
+                if (spaceBelow < calendarHeight && spaceAbove > spaceBelow) {
+                    // Anchor by the bottom edge instead of computing `top` from the
+                    // calendar's height, so it still tracks correctly if the height
+                    // changes later (e.g. switching months, enabling the time picker).
+                    style.top = 'auto';
+                    style.bottom = `${window.innerHeight - rect.top + gap}px`;
+                }
+                else {
+                    style.bottom = 'auto';
+                    style.top = `${rect.bottom + gap}px`;
+                }
+            });
         };
         // Named presets supported by the sidebar / accepted as a string `value`.
         this.presetKeys = ['today', 'yesterday', 'this-week', 'last-week', 'this-month', 'last-month', 'this-year', 'last-year'];
@@ -4494,9 +4523,9 @@ const GbDatePicker = class {
         return timePart ? `${datePart} ${timePart}` : datePart;
     }
     render() {
-        return (h$1("div", { key: 'a3a1790a71b77b10b65577695cd4f93c30abd939', class: `date_picker_container` }, this.label && (h$1(Fragment$1, null, this.formatLabel ? (h$1("p", { class: "date_picker_label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())) : (h$1("p", { class: "date_picker_label text-sm-medium" }, this.label)))), h$1("div", { key: 'e369ebb01481e8c31de12684f655b80cda2a57ef', class: `date-picker-wrapper ${this.disabled ? 'disabled' : ''} ${this.fullWidth ? 'full_width' : ''} ${this.destructive ? 'destructive' : ''} ${this.size}` }, h$1("div", { key: 'a7c5c2de5c19134f4e7de8c7e463287bad0ce5cb', class: `inner_container ${this.iconPosition}`, onClick: () => {
+        return (h$1("div", { key: '3da46cb74200031ba334e6d0906ef785e38bccde', class: `date_picker_container` }, this.label && (h$1(Fragment$1, null, this.formatLabel ? (h$1("p", { class: "date_picker_label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())) : (h$1("p", { class: "date_picker_label text-sm-medium" }, this.label)))), h$1("div", { key: 'e946f09ee3bc966efc8f2b06e0527cf1a6362ed3', class: `date-picker-wrapper ${this.disabled ? 'disabled' : ''} ${this.fullWidth ? 'full_width' : ''} ${this.destructive ? 'destructive' : ''} ${this.size}` }, h$1("div", { key: 'bcfebb5f02ed7bc607318be12a4dd42d901e5b36', class: `inner_container ${this.iconPosition}`, onClick: () => {
                 this.toggleCalendar();
-            } }, this.iconPosition === 'left' && (h$1("svg", { key: '18e08c54703219f634662daf7d5927498f6a464c', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h$1("path", { key: '0026297e24495935218268670d4725fc42e6b704', 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$1("input", { key: '0eca0c68f1eed03e00548b1bf1e6b4c6fd682151', type: "text", ref: el => (this.inputEl = el), placeholder: this.placeholder, disabled: this.disabled, value: this.displayValue, readonly: true }), h$1("span", { key: 'a6c315c355a0320e6c77160d87b6632a81d080f1', ref: el => (this.mirrorEl = el), id: "mirror" }, this.displayValue || this.placeholder), this.iconPosition === 'right' && (h$1("svg", { key: 'fc9fbf25c1a614c2ebc65f1f1fda73ed626e05df', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h$1("path", { key: '2097f3091ae253ea3dfe5957551bb7f3be6264ac', 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$1("div", { key: '8a610ad3f96a3bf5bac821bcb09f611f484e746c', class: `calendar-container ${!this.isCalendarShown ? 'hidden' : ''} ${this.dropdownAlignment}` })), this.showHintText && h$1(Fragment$1, null, !this.destructive ? h$1("p", { class: "hint_text text-sm-regular" }, this.hintText) : h$1("p", { class: "error_text text-sm-regular" }, this.errorText))));
+            } }, this.iconPosition === 'left' && (h$1("svg", { key: '4505d066f2b096f564828a5d7af0843091a0fcb0', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h$1("path", { key: 'b38239e5971ca228c8334ef20eed07b1d8c61f72', 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$1("input", { key: 'a0abf362f368f6a7ab215865e145b3ed591009a0', type: "text", ref: el => (this.inputEl = el), placeholder: this.placeholder, disabled: this.disabled, value: this.displayValue, readonly: true }), h$1("span", { key: '2b5348d166aed4ff026f5302418eba330ec441ee', ref: el => (this.mirrorEl = el), id: "mirror" }, this.displayValue || this.placeholder), this.iconPosition === 'right' && (h$1("svg", { key: 'df3e14c34e377f0ae6a738932dc69eef0b4cd8df', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h$1("path", { key: '632f00380d8fb496466c32de38a479e7f9eb56d7', 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$1("div", { key: 'a5223e8b7783abdf4452d4dbdd73f0ad29eee2a5', class: `calendar-container ${!this.isCalendarShown ? 'hidden' : ''} ${this.dropdownAlignment}` })), this.showHintText && h$1(Fragment$1, null, !this.destructive ? h$1("p", { class: "hint_text text-sm-regular" }, this.hintText) : h$1("p", { class: "error_text text-sm-regular" }, this.errorText))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {