npm - globuswebcomponents - Versions diffs - 2.14.1 → 2.14.3 - Mend

globuswebcomponents 2.14.1 → 2.14.3

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 (590) hide show

package/dist/collection/components/gb-date-picker/gb-date-picker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gb-date-picker.js","sourceRoot":"","sources":["../../../src/components/gb-date-picker/gb-date-picker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Prop, State, Fragment, Watch } from '@stencil/core';\r\nimport flatpickr from 'flatpickr';\r\nimport 'flatpickr/dist/flatpickr.min.css';\r\nimport { CustomLocale } from 'flatpickr/dist/types/locale';\r\nimport { CloseButtonPositions } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-date-picker',\r\n styleUrl: 'gb-date-picker.css',\r\n shadow: true,\r\n})\r\nexport class GbDatePicker {\r\n @Element() el: HTMLElement;\r\n @Prop() placeholder: string = 'Start date - end date';\r\n @Prop() value: Date \| Date[] \| null;\r\n @Prop() format: string = 'M j, Y';\r\n @Prop() mode: 'single' \| 'range' = 'single';\r\n @Prop() disabled: boolean = true;\r\n @Prop() iconPosition: CloseButtonPositions = 'right';\r\n @Prop() dropdownAlignment: CloseButtonPositions = 'left';\r\n @Prop() label: string = '';\r\n @Prop() formatLabel: boolean = true;\r\n @Prop() allowInput: boolean = false;\r\n @Prop() enableTime: boolean = false;\r\n @Prop() noCalendar: boolean = false;\r\n @Prop() twentyfourHr: boolean = false;\r\n @Prop() showMonths: number = 2;\r\n @Prop() fullWidth: boolean = false;\r\n @Prop() default: boolean = false;\r\n @State() isCalendarShown: boolean = false;\r\n @State() breakpoint: 'mobile' \| 'desktop' = 'desktop';\r\n @State() width: number = window.innerWidth;\r\n @State() displayValue: string;\r\n @State() selectionSource: 'sidebar' \| 'calendar' \| null = 'sidebar';\r\n @Event() dateChange: EventEmitter<Date \| Date[]>;\r\n\r\n // Internal state - separate from external 'value' prop binding\r\n private internalValue: Date \| Date[] \| null = null;\r\n\r\n private inputEl!: HTMLInputElement;\r\n private picker: flatpickr.Instance;\r\n private activeSidebarItem?: HTMLElement;\r\n private hasAppliedDefaultPreset: boolean = false;\r\n private mirrorEl!: HTMLSpanElement;\r\n\r\n componentDidLoad() {\r\n // this.injectApplyButton();\r\n this.initializePicker();\r\n this.resizeInputFieldBasedOnTheValue();\r\n }\r\n\r\n componentWillLoad() {\r\n window.addEventListener('resize', this.handleResize);\r\n\r\n // ✅ Initialize displayValue before render to avoid state changes during componentDidLoad\r\n if (!this.displayValue) {\r\n this.displayValue = '';\r\n }\r\n\r\n // Sync external value to internal state\r\n if (this.value) {\r\n this.internalValue = this.value;\r\n this.handleValueChange(this.value);\r\n }\r\n }\r\n\r\n @Watch('value')\r\n handleValueChange(newValue: Date \| Date[] \| null) {\r\n if (!this.picker) return;\r\n\r\n // Update internal copy from external binding\r\n this.internalValue = newValue;\r\n\r\n // Only update displayValue for external value changes, not for sidebar presets\r\n if (this.selectionSource !== 'sidebar') {\r\n if (Array.isArray(newValue) && newValue.length === 2) {\r\n this.picker.setDate(newValue, false);\r\n this.displayValue = `${this.picker.formatDate(newValue[0], this.format)} - ${this.picker.formatDate(newValue[1], this.format)}`;\r\n console.log(this.displayValue);\r\n } else if (newValue instanceof Date) {\r\n this.picker.setDate(newValue, false);\r\n this.displayValue = this.picker.formatDate(newValue, this.format);\r\n } else if (!newValue) {\r\n this.displayValue = '';\r\n }\r\n }\r\n }\r\n\r\n resizeInputFieldBasedOnTheValue() {\r\n if (!this.inputEl \|\| !this.mirrorEl \|\| this.fullWidth) return;\r\n\r\n const text = this.displayValue \|\| this.inputEl.value \|\| this.placeholder \|\| '';\r\n\r\n this.mirrorEl.textContent = text;\r\n\r\n // padding + caret buffer\r\n const padding = 16;\r\n this.inputEl.style.width = `${this.mirrorEl.offsetWidth + padding}px`;\r\n }\r\n\r\n @Watch('displayValue')\r\n handleDisplayValueChange() {\r\n requestAnimationFrame(() => this.resizeInputFieldBasedOnTheValue());\r\n }\r\n\r\n private handleResize = () => {\r\n this.width = window.innerWidth;\r\n\r\n const newBreakpoint = this.width < 900 ? 'mobile' : 'desktop';\r\n\r\n if (newBreakpoint !== this.breakpoint) {\r\n this.breakpoint = newBreakpoint;\r\n\r\n if (this.picker) {\r\n this.picker.set('showMonths', this.getMonthCount());\r\n\r\n // Sidebar only makes sense for 2 months\r\n requestAnimationFrame(() => {\r\n if (this.mode === 'range') {\r\n this.maybeCreateSidebar(this.picker.calendarContainer);\r\n }\r\n });\r\n }\r\n }\r\n };\r\n\r\n private getMonthCount(): number {\r\n return this.width < 900 \|\| this.mode === 'single' ? 1 : this.showMonths;\r\n }\r\n\r\n disconnectedCallback() {\r\n if (this.picker) this.picker.destroy();\r\n }\r\n\r\n private initializePicker() {\r\n const calendarContainer = this.el.shadowRoot.querySelector('.calendar-container') as HTMLElement;\r\n const input = this.inputEl;\r\n\r\n const customLocale: Partial<CustomLocale> = {\r\n weekdays: {\r\n shorthand: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],\r\n longhand: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],\r\n },\r\n rangeSeparator: ' - ',\r\n };\r\n\r\n if (!calendarContainer \|\| !input) {\r\n console.warn('Calendar container or input not found.');\r\n return;\r\n }\r\n\r\n const fixDaysWidth = () => {\r\n const days = this.el.shadowRoot?.querySelector('.flatpickr-days') as HTMLElement;\r\n if (days) {\r\n days.style.width = 'auto';\r\n }\r\n };\r\n\r\n this.picker = flatpickr(input, {\r\n dateFormat: this.format,\r\n mode: this.mode,\r\n showMonths: this.getMonthCount(),\r\n appendTo: calendarContainer, // keep inside shadow root\r\n clickOpens: false,\r\n allowInput: false,\r\n altInput: false,\r\n altFormat: this.format,\r\n closeOnSelect: this.mode === 'range' ? false : !this.enableTime,\r\n locale: customLocale,\r\n disableMobile: true,\r\n enableTime: this.enableTime,\r\n noCalendar: this.noCalendar,\r\n time_24hr: this.twentyfourHr,\r\n prevArrow: `\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" class=\"calendar_arrow\">\r\n <path d=\"M12.5 4.99988C12.5 4.99988 7.50001 8.68232 7.5 9.99992C7.49999 11.3175 12.5 14.9999 12.5 14.9999\" stroke=\"var(--color-icon, #4B5565)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</svg>\r\n `,\r\n nextArrow: ` \r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" class=\"calendar_arrow\">\r\n <path d=\"M7.50004 5C7.50004 5 12.5 8.68244 12.5 10C12.5 11.3176 7.5 15 7.5 15\" stroke=\"var(--color-icon, #4B5565)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</svg>\r\n `,\r\n onChange: (selectedDates: Date[]) => {\r\n this.selectionSource = 'calendar';\r\n this.activeSidebarItem?.removeAttribute('selected');\r\n this.activeSidebarItem = undefined;\r\n\r\n if (this.mode === 'range' && selectedDates.length === 2) {\r\n // Both dates selected, show full range\r\n const [start, end] = selectedDates;\r\n const newDisplayValue = `${this.picker.formatDate(start, this.format)} - ${this.picker.formatDate(end, this.format)}`;\r\n this.internalValue = [start, end];\r\n this.displayValue = newDisplayValue;\r\n this.dateChange.emit([start, end]);\r\n console.log(this.displayValue);\r\n // Close picker after both dates selected\r\n this.picker.close();\r\n } else if (selectedDates.length === 1) {\r\n // While selecting first date, show it temporarily\r\n const newDisplayValue = this.picker.formatDate(selectedDates[0], this.format);\r\n this.displayValue = newDisplayValue;\r\n // Don't update internalValue yet - wait for second date\r\n }\r\n\r\n if (this.mode === 'single' && selectedDates.length > 0) {\r\n const newDisplayValue = this.picker.formatDate(selectedDates[0], this.format);\r\n if (this.displayValue !== newDisplayValue) {\r\n this.displayValue = newDisplayValue;\r\n }\r\n this.internalValue = selectedDates[0];\r\n this.dateChange.emit(this.internalValue);\r\n }\r\n\r\n fixDaysWidth();\r\n },\r\n onOpen: () => {\r\n this.isCalendarShown = true;\r\n fixDaysWidth();\r\n },\r\n onClose: () => {\r\n this.isCalendarShown = false;\r\n },\r\n onReady: (_, __, fp) => {\r\n this.picker = fp; // ✅ FIRST\r\n\r\n requestAnimationFrame(() => {\r\n this.injectSidebarLayout(fp);\r\n if (this.mode === 'range') {\r\n this.maybeCreateSidebar(fp.calendarContainer);\r\n }\r\n\r\n if (!this.hasAppliedDefaultPreset && !this.internalValue && this.showMonths > 1) {\r\n this.hasAppliedDefaultPreset = true;\r\n this.selectionSource = 'sidebar';\r\n this.applyDefaultTodayPreset();\r\n } else if (!this.default && !this.internalValue) {\r\n this.selectionSource = null;\r\n this.displayValue = null;\r\n } else if (this.internalValue) {\r\n if (Array.isArray(this.internalValue)) {\r\n fp.setDate(this.internalValue, false);\r\n this.displayValue = `${fp.formatDate(this.internalValue[0], this.format)} - ${fp.formatDate(this.internalValue[1], this.format)}`;\r\n } else {\r\n fp.setDate(this.internalValue as Date, false);\r\n this.displayValue = fp.formatDate(this.internalValue as Date, this.format);\r\n }\r\n } else {\r\n this.selectionSource = 'sidebar';\r\n }\r\n });\r\n },\r\n });\r\n\r\n // input.addEventListener('input', () => {\r\n // const dateStr = input.value;\r\n // const parsedDate = this.picker.parseDate(dateStr, this.format);\r\n\r\n // if (parsedDate && this.value !== parsedDate) {\r\n // this.value = parsedDate;\r\n // this.dateChange.emit(this.value);\r\n // }\r\n // });\r\n }\r\n\r\n clearDateSelection() {\r\n if (this.picker) {\r\n this.picker.clear();\r\n }\r\n }\r\n\r\n private applyDefaultTodayPreset() {\r\n if (!this.picker) return;\r\n\r\n const today = new Date();\r\n\r\n // Set flatpickr value\r\n this.picker.setDate(today, false);\r\n\r\n // Update internal state\r\n this.internalValue = today;\r\n\r\n // Emit the change event\r\n this.dateChange.emit(today);\r\n\r\n // UI state - only update if changed\r\n if (this.displayValue !== 'Today') {\r\n this.displayValue = 'Today';\r\n }\r\n }\r\n\r\n private maybeCreateSidebar(calendar: HTMLElement) {\r\n // Remove existing sidebar\r\n calendar.querySelector('.fp-sidebar')?.remove();\r\n\r\n // Sidebar ONLY when months > 1 AND desktop\r\n if (this.breakpoint === 'mobile' \|\| this.picker.config.showMonths <= 1) {\r\n calendar.classList.remove('has-sidebar');\r\n return;\r\n }\r\n\r\n const sidebar = this.createSidebar();\r\n calendar.classList.add('has-sidebar');\r\n calendar.prepend(sidebar);\r\n }\r\n\r\n injectSidebarLayout(fp: flatpickr.Instance) {\r\n const calendar = fp.calendarContainer as HTMLElement;\r\n if (!calendar \|\| calendar.querySelector('.fp-layout')) return;\r\n\r\n const months = calendar.querySelector('.flatpickr-months');\r\n const inner = calendar.querySelector('.flatpickr-innerContainer');\r\n const time = calendar.querySelector('.flatpickr-time');\r\n\r\n if (!months \|\| !inner) return;\r\n\r\n const layout = document.createElement('div');\r\n layout.className = 'fp-layout';\r\n\r\n const main = document.createElement('div');\r\n main.className = 'fp-main';\r\n\r\n main.append(months, inner);\r\n if (time && this.enableTime) main.appendChild(time); // 🔥 preserve time picker\r\n\r\n layout.appendChild(main);\r\n\r\n calendar.appendChild(layout);\r\n\r\n this.injectApplyButton();\r\n }\r\n\r\n createSidebar(): HTMLElement {\r\n const sidebar = document.createElement('div');\r\n sidebar.className = 'fp-sidebar';\r\n\r\n const ranges = [\r\n { key: 'today', label: 'Today' },\r\n { key: 'yesterday', label: 'Yesterday' },\r\n { key: 'this-week', label: 'This week' },\r\n { key: 'last-week', label: 'Last week' },\r\n { key: 'this-month', label: 'This month' },\r\n { key: 'last-month', label: 'Last month' },\r\n { key: 'this-year', label: 'This year' },\r\n { key: 'last-year', label: 'Last year' },\r\n ];\r\n\r\n ranges.forEach(r => {\r\n const item = document.createElement('gb-date-picker-list-item');\r\n item.setAttribute('label', r.label);\r\n item.dataset.range = r.key;\r\n\r\n item.addEventListener('mousedown', e => {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n this.clearPresetSelection(sidebar);\r\n (item as any).selected = true;\r\n\r\n this.applyPreset(r.key);\r\n this.picker.close(); //test this\r\n });\r\n\r\n sidebar.appendChild(item);\r\n\r\n if (r.key === 'today') {\r\n requestAnimationFrame(() => {\r\n this.selectSidebarItem(item);\r\n // this.applyPreset('today');\r\n });\r\n }\r\n });\r\n\r\n return sidebar;\r\n }\r\n\r\n selectSidebarItem(item: HTMLElement) {\r\n if (this.activeSidebarItem) {\r\n this.activeSidebarItem.removeAttribute('selected');\r\n }\r\n\r\n item.setAttribute('selected', 'true');\r\n this.activeSidebarItem = item;\r\n }\r\n\r\n applyPreset(key: string) {\r\n if (!this.picker) return;\r\n\r\n this.selectionSource = 'sidebar';\r\n\r\n const today = new Date();\r\n let start!: Date;\r\n let end!: Date;\r\n\r\n switch (key) {\r\n case 'today':\r\n start = end = new Date();\r\n this.displayValue = 'Today';\r\n break;\r\n\r\n case 'yesterday':\r\n start = end = new Date();\r\n start.setDate(start.getDate() - 1);\r\n this.displayValue = 'Yesterday';\r\n break;\r\n\r\n case 'this-week': {\r\n const d = new Date();\r\n start = new Date(d);\r\n start.setDate(d.getDate() - d.getDay());\r\n end = new Date();\r\n this.displayValue = 'This week';\r\n break;\r\n }\r\n\r\n case 'last-week': {\r\n const d = new Date();\r\n end = new Date(d);\r\n end.setDate(d.getDate() - d.getDay() - 1);\r\n start = new Date(end);\r\n start.setDate(end.getDate() - 6);\r\n this.displayValue = 'Last week';\r\n break;\r\n }\r\n\r\n case 'this-month':\r\n start = new Date(today.getFullYear(), today.getMonth(), 1);\r\n end = new Date();\r\n this.displayValue = 'This month';\r\n break;\r\n\r\n case 'last-month':\r\n start = new Date(today.getFullYear(), today.getMonth() - 1, 1);\r\n end = new Date(today.getFullYear(), today.getMonth(), 0);\r\n this.displayValue = 'Last month';\r\n break;\r\n\r\n case 'this-year':\r\n start = new Date(today.getFullYear(), 0, 1);\r\n end = new Date();\r\n this.displayValue = 'This year';\r\n break;\r\n\r\n case 'last-year':\r\n start = new Date(today.getFullYear() - 1, 0, 1);\r\n end = new Date(today.getFullYear() - 1, 11, 31);\r\n this.displayValue = 'Last year';\r\n break;\r\n }\r\n\r\n const value = this.mode === 'range' ? [start, end] : start;\r\n\r\n // Update internal state\r\n this.internalValue = value;\r\n\r\n // Update picker WITHOUT triggering onChange\r\n this.picker.setDate(value, false);\r\n\r\n // Emit the change event\r\n this.dateChange.emit(value);\r\n\r\n this.preventTimePickerClosing();\r\n }\r\n\r\n clearPresetSelection(sidebar: HTMLElement) {\r\n const items = sidebar.querySelectorAll('gb-date-picker-list-item');\r\n items.forEach(item => {\r\n (item as any).selected = false;\r\n });\r\n }\r\n\r\n injectApplyButton() {\r\n const calendarContainer = this.el.shadowRoot.querySelector('.calendar-container') as HTMLElement;\r\n const timeContainer = calendarContainer.querySelector('.flatpickr-time') as HTMLElement;\r\n\r\n if (!timeContainer) return;\r\n\r\n const buttonDiv = document.createElement('div');\r\n buttonDiv.classList.add('apply_button_wrapper');\r\n\r\n // Create custom button\r\n const applyBtn = document.createElement('gb-button');\r\n applyBtn.setAttribute('size', 'md');\r\n applyBtn.setAttribute('hierarchy', 'primary');\r\n applyBtn.setAttribute('icon', 'default');\r\n applyBtn.classList.add('apply-btn');\r\n\r\n // Add label inside\r\n applyBtn.innerHTML = `<p>OK</p>`;\r\n\r\n buttonDiv.insertAdjacentElement('afterend', applyBtn);\r\n buttonDiv.appendChild(applyBtn);\r\n\r\n // Click logic\r\n applyBtn.addEventListener('click', () => {\r\n // const selected = this.picker.selectedDates;\r\n\r\n // if (selected.length) {\r\n // const formatted = selected[0];\r\n // this.value = formatted;\r\n // this.dateChange.emit(this.value);\r\n // }\r\n\r\n this.picker.close();\r\n });\r\n\r\n // Insert after time div\r\n timeContainer.insertAdjacentElement('afterend', buttonDiv);\r\n }\r\n\r\n preventTimePickerClosing() {\r\n const calendarContainer = this.el.shadowRoot.querySelector('.calendar-container') as HTMLElement;\r\n const timeContainer = calendarContainer.querySelector('.flatpickr-am-pm') as HTMLElement;\r\n\r\n if ((this.mode === 'single' && this.enableTime) \|\| (this.mode === 'range' && this.enableTime)) {\r\n calendarContainer.addEventListener('click', e => {\r\n e.stopPropagation();\r\n });\r\n }\r\n\r\n if (timeContainer) {\r\n timeContainer.addEventListener('click', e => {\r\n e.stopPropagation();\r\n });\r\n }\r\n }\r\n\r\n private toggleCalendar(event?: Event) {\r\n if (event) {\r\n const target = event.target as HTMLElement;\r\n if (this.el.shadowRoot && this.el.shadowRoot.contains(target)) {\r\n const calendarEl = this.el.shadowRoot.querySelector('.calendar-container');\r\n if (calendarEl && calendarEl.contains(target)) {\r\n return; // Ignore clicks inside the calendar\r\n }\r\n }\r\n }\r\n\r\n if (!this.picker) return;\r\n\r\n if (this.isCalendarShown) {\r\n this.picker.close();\r\n } else {\r\n this.picker.open();\r\n }\r\n }\r\n\r\n stripYearFormat(format: string): string {\r\n // Remove Y or ,Y or -Y or Y, or Y- and tidy separators\r\n // Handles tokens like \"M-j-Y\", \"F j, Y\", \"d/m/Y\", \"Y-m-d\", etc.\r\n let [datePart, timePart] = format.split(/\\s+(?=[HhKk])/);\r\n\r\n // Remove year tokens (Y or y) and any adjacent separator characters (, - / . space)\r\n datePart = datePart.replace(/(?:\\s[-,/.]\\s\|\\s+)?[Yy](?:\\s[-,/.]\\s\|\\s+)?/g, '');\r\n\r\n // Clean up doubled separators produced by removal (e.g. \"M--j\" -> \"M-j\")\r\n datePart = datePart.replace(/[-,/.]{2,}/g, '-');\r\n\r\n // Remove leading/trailing separators/spaces\r\n datePart = datePart.replace(/^[\\s-_,./]+\|[\\s-_,./]+$/g, '');\r\n\r\n // Normalize multiple spaces\r\n datePart = datePart.replace(/\\s{2,}/g, ' ').trim();\r\n\r\n return timePart ? `${datePart} ${timePart}` : datePart;\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`date_picker_container`}>\r\n {this.label && (\r\n <>\r\n {this.formatLabel ? (\r\n <p class=\"date_picker_label text-sm-medium\">{this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase()}</p>\r\n ) : (\r\n <p class=\"date_picker_label text-sm-medium\">{this.label}</p>\r\n )}\r\n </>\r\n )}\r\n <div class={`date-picker-wrapper ${this.disabled ? 'disabled' : ''} ${this.fullWidth ? 'full_width' : ''}`}>\r\n <div\r\n class={`inner_container ${this.iconPosition}`}\r\n onClick={() => {\r\n this.toggleCalendar();\r\n }}\r\n >\r\n {this.iconPosition === 'left' && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n 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\"\r\n fill=\"var(--color-icon, #4B5565)\"\r\n />\r\n </svg>\r\n )}\r\n <input type=\"text\" ref={el => (this.inputEl = el as HTMLInputElement)} placeholder={this.placeholder} disabled={this.disabled} value={this.displayValue} readonly />\r\n <span ref={el => (this.mirrorEl = el as HTMLSpanElement)} id=\"mirror\">\r\n {this.displayValue \|\| this.placeholder}\r\n </span>\r\n {this.iconPosition === 'right' && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n 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\"\r\n fill=\"var(--color-icon, #4B5565)\"\r\n />\r\n </svg>\r\n )}\r\n </div>\r\n\r\n {/* Always in DOM, just hidden by CSS */}\r\n <div class={`calendar-container ${!this.isCalendarShown ? 'hidden' : ''} ${this.dropdownAlignment}`}></div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"gb-date-picker.js","sourceRoot":"","sources":["../../../src/components/gb-date-picker/gb-date-picker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Prop, State, Fragment, Watch } from '@stencil/core';\r\nimport flatpickr from 'flatpickr';\r\nimport 'flatpickr/dist/flatpickr.min.css';\r\nimport { CustomLocale } from 'flatpickr/dist/types/locale';\r\nimport { CloseButtonPositions } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-date-picker',\r\n styleUrl: 'gb-date-picker.css',\r\n shadow: true,\r\n})\r\nexport class GbDatePicker {\r\n @Element() el: HTMLElement;\r\n @Prop() placeholder: string = 'Start date - end date';\r\n @Prop() value: Date \| Date[] \| null;\r\n @Prop() format: string = 'M j, Y';\r\n @Prop() mode: 'single' \| 'range' = 'single';\r\n @Prop() disabled: boolean = false;\r\n @Prop() iconPosition: CloseButtonPositions = 'right';\r\n @Prop() dropdownAlignment: CloseButtonPositions = 'left';\r\n @Prop() label: string = '';\r\n @Prop() formatLabel: boolean = true;\r\n @Prop() allowInput: boolean = false;\r\n @Prop() enableTime: boolean = false; \r\n @Prop() noCalendar: boolean = false;\r\n @Prop() twentyfourHr: boolean = false;\r\n @Prop() showMonths: number = 2;\r\n @Prop() fullWidth: boolean = false;\r\n @Prop() default: boolean = false;\r\n @State() isCalendarShown: boolean = false;\r\n @State() breakpoint: 'mobile' \| 'desktop' = 'desktop';\r\n @State() width: number = window.innerWidth;\r\n @State() displayValue: string;\r\n @State() selectionSource: 'sidebar' \| 'calendar' \| null = 'sidebar';\r\n @Event() dateChange: EventEmitter<Date \| Date[]>;\r\n\r\n // Internal state - separate from external 'value' prop binding\r\n private internalValue: Date \| Date[] \| null = null;\r\n\r\n private inputEl!: HTMLInputElement;\r\n private picker: flatpickr.Instance;\r\n private activeSidebarItem?: HTMLElement;\r\n private hasAppliedDefaultPreset: boolean = false;\r\n private mirrorEl!: HTMLSpanElement;\r\n\r\n componentDidLoad() {\r\n // this.injectApplyButton();\r\n this.initializePicker();\r\n this.resizeInputFieldBasedOnTheValue();\r\n }\r\n\r\n componentWillLoad() {\r\n window.addEventListener('resize', this.handleResize);\r\n\r\n // ✅ Initialize displayValue before render to avoid state changes during componentDidLoad\r\n if (!this.displayValue) {\r\n this.displayValue = '';\r\n }\r\n\r\n // Sync external value to internal state\r\n if (this.value) {\r\n this.internalValue = this.value;\r\n this.handleValueChange(this.value);\r\n }\r\n }\r\n\r\n @Watch('value')\r\n handleValueChange(newValue: Date \| Date[] \| null) {\r\n if (!this.picker) return;\r\n\r\n // Update internal copy from external binding\r\n this.internalValue = newValue;\r\n\r\n // Only update displayValue for external value changes, not for sidebar presets\r\n if (this.selectionSource !== 'sidebar') {\r\n if (Array.isArray(newValue) && newValue.length === 2) {\r\n this.picker.setDate(newValue, false);\r\n this.displayValue = `${this.picker.formatDate(newValue[0], this.format)} - ${this.picker.formatDate(newValue[1], this.format)}`;\r\n console.log(this.displayValue);\r\n } else if (newValue instanceof Date) {\r\n this.picker.setDate(newValue, false);\r\n this.displayValue = this.picker.formatDate(newValue, this.format);\r\n } else if (!newValue) {\r\n this.displayValue = '';\r\n }\r\n }\r\n }\r\n\r\n resizeInputFieldBasedOnTheValue() {\r\n if (!this.inputEl \|\| !this.mirrorEl \|\| this.fullWidth) return;\r\n\r\n const text = this.displayValue \|\| this.inputEl.value \|\| this.placeholder \|\| '';\r\n\r\n this.mirrorEl.textContent = text;\r\n\r\n // padding + caret buffer\r\n const padding = 16;\r\n this.inputEl.style.width = `${this.mirrorEl.offsetWidth + padding}px`;\r\n }\r\n\r\n @Watch('displayValue')\r\n handleDisplayValueChange() {\r\n requestAnimationFrame(() => this.resizeInputFieldBasedOnTheValue());\r\n }\r\n\r\n private handleResize = () => {\r\n this.width = window.innerWidth;\r\n\r\n const newBreakpoint = this.width < 900 ? 'mobile' : 'desktop';\r\n\r\n if (newBreakpoint !== this.breakpoint) {\r\n this.breakpoint = newBreakpoint;\r\n\r\n if (this.picker) {\r\n this.picker.set('showMonths', this.getMonthCount());\r\n\r\n // Sidebar only makes sense for 2 months\r\n requestAnimationFrame(() => {\r\n if (this.mode === 'range') {\r\n this.maybeCreateSidebar(this.picker.calendarContainer);\r\n }\r\n });\r\n }\r\n }\r\n };\r\n\r\n private getMonthCount(): number {\r\n return this.width < 900 \|\| this.mode === 'single' ? 1 : this.showMonths;\r\n }\r\n\r\n disconnectedCallback() {\r\n if (this.picker) this.picker.destroy();\r\n }\r\n\r\n private initializePicker() {\r\n const calendarContainer = this.el.shadowRoot.querySelector('.calendar-container') as HTMLElement;\r\n const input = this.inputEl;\r\n\r\n const customLocale: Partial<CustomLocale> = {\r\n weekdays: {\r\n shorthand: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],\r\n longhand: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],\r\n },\r\n rangeSeparator: ' - ',\r\n };\r\n\r\n if (!calendarContainer \|\| !input) {\r\n console.warn('Calendar container or input not found.');\r\n return;\r\n }\r\n\r\n const fixDaysWidth = () => {\r\n const days = this.el.shadowRoot?.querySelector('.flatpickr-days') as HTMLElement;\r\n if (days) {\r\n days.style.width = 'auto';\r\n }\r\n };\r\n\r\n this.picker = flatpickr(input, {\r\n dateFormat: this.format,\r\n mode: this.mode,\r\n showMonths: this.getMonthCount(),\r\n appendTo: calendarContainer, // keep inside shadow root\r\n clickOpens: false,\r\n allowInput: false,\r\n altInput: false,\r\n altFormat: this.format,\r\n closeOnSelect: this.mode === 'range' ? false : !this.enableTime,\r\n locale: customLocale,\r\n disableMobile: true,\r\n enableTime: this.enableTime,\r\n noCalendar: this.noCalendar,\r\n time_24hr: this.twentyfourHr,\r\n prevArrow: `\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" class=\"calendar_arrow\">\r\n <path d=\"M12.5 4.99988C12.5 4.99988 7.50001 8.68232 7.5 9.99992C7.49999 11.3175 12.5 14.9999 12.5 14.9999\" stroke=\"var(--color-icon, #4B5565)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</svg>\r\n `,\r\n nextArrow: ` \r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" class=\"calendar_arrow\">\r\n <path d=\"M7.50004 5C7.50004 5 12.5 8.68244 12.5 10C12.5 11.3176 7.5 15 7.5 15\" stroke=\"var(--color-icon, #4B5565)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</svg>\r\n `,\r\n onChange: (selectedDates: Date[]) => {\r\n this.selectionSource = 'calendar';\r\n this.activeSidebarItem?.removeAttribute('selected');\r\n this.activeSidebarItem = undefined;\r\n\r\n if (this.mode === 'range' && selectedDates.length === 2) {\r\n // Both dates selected, show full range\r\n const [start, end] = selectedDates;\r\n const newDisplayValue = `${this.picker.formatDate(start, this.format)} - ${this.picker.formatDate(end, this.format)}`;\r\n this.internalValue = [start, end];\r\n this.displayValue = newDisplayValue;\r\n this.dateChange.emit([start, end]);\r\n console.log(this.displayValue);\r\n // Close picker after both dates selected\r\n this.picker.close();\r\n } else if (selectedDates.length === 1) {\r\n // While selecting first date, show it temporarily\r\n const newDisplayValue = this.picker.formatDate(selectedDates[0], this.format);\r\n this.displayValue = newDisplayValue;\r\n // Don't update internalValue yet - wait for second date\r\n }\r\n\r\n if (this.mode === 'single' && selectedDates.length > 0) {\r\n const newDisplayValue = this.picker.formatDate(selectedDates[0], this.format);\r\n if (this.displayValue !== newDisplayValue) {\r\n this.displayValue = newDisplayValue;\r\n }\r\n this.internalValue = selectedDates[0];\r\n this.dateChange.emit(this.internalValue);\r\n }\r\n\r\n fixDaysWidth();\r\n },\r\n onOpen: () => {\r\n this.isCalendarShown = true;\r\n fixDaysWidth();\r\n },\r\n onClose: () => {\r\n this.isCalendarShown = false;\r\n },\r\n onReady: (_, __, fp) => {\r\n this.picker = fp; // ✅ FIRST\r\n\r\n requestAnimationFrame(() => {\r\n this.injectSidebarLayout(fp);\r\n if (this.mode === 'range') {\r\n this.maybeCreateSidebar(fp.calendarContainer);\r\n }\r\n\r\n if (!this.hasAppliedDefaultPreset && !this.internalValue && this.showMonths > 1) {\r\n this.hasAppliedDefaultPreset = true;\r\n this.selectionSource = 'sidebar';\r\n this.applyDefaultTodayPreset();\r\n } else if (!this.default && !this.internalValue) {\r\n this.selectionSource = null;\r\n this.displayValue = null;\r\n } else if (this.internalValue) {\r\n if (Array.isArray(this.internalValue)) {\r\n fp.setDate(this.internalValue, false);\r\n this.displayValue = `${fp.formatDate(this.internalValue[0], this.format)} - ${fp.formatDate(this.internalValue[1], this.format)}`;\r\n } else {\r\n fp.setDate(this.internalValue as Date, false);\r\n this.displayValue = fp.formatDate(this.internalValue as Date, this.format);\r\n }\r\n } else {\r\n this.selectionSource = 'sidebar';\r\n }\r\n });\r\n },\r\n });\r\n\r\n // input.addEventListener('input', () => {\r\n // const dateStr = input.value;\r\n // const parsedDate = this.picker.parseDate(dateStr, this.format);\r\n\r\n // if (parsedDate && this.value !== parsedDate) {\r\n // this.value = parsedDate;\r\n // this.dateChange.emit(this.value);\r\n // }\r\n // });\r\n }\r\n\r\n clearDateSelection() {\r\n if (this.picker) {\r\n this.picker.clear();\r\n }\r\n }\r\n\r\n private applyDefaultTodayPreset() {\r\n if (!this.picker) return;\r\n\r\n const today = new Date();\r\n\r\n // Set flatpickr value\r\n this.picker.setDate(today, false);\r\n\r\n // Update internal state\r\n this.internalValue = today;\r\n\r\n // Emit the change event\r\n this.dateChange.emit(today);\r\n\r\n // UI state - only update if changed\r\n if (this.displayValue !== 'Today') {\r\n this.displayValue = 'Today';\r\n }\r\n }\r\n\r\n private maybeCreateSidebar(calendar: HTMLElement) {\r\n // Remove existing sidebar\r\n calendar.querySelector('.fp-sidebar')?.remove();\r\n\r\n // Sidebar ONLY when months > 1 AND desktop\r\n if (this.breakpoint === 'mobile' \|\| this.picker.config.showMonths <= 1) {\r\n calendar.classList.remove('has-sidebar');\r\n return;\r\n }\r\n\r\n const sidebar = this.createSidebar();\r\n calendar.classList.add('has-sidebar');\r\n calendar.prepend(sidebar);\r\n }\r\n\r\n injectSidebarLayout(fp: flatpickr.Instance) {\r\n const calendar = fp.calendarContainer as HTMLElement;\r\n if (!calendar \|\| calendar.querySelector('.fp-layout')) return;\r\n\r\n const months = calendar.querySelector('.flatpickr-months');\r\n const inner = calendar.querySelector('.flatpickr-innerContainer');\r\n const time = calendar.querySelector('.flatpickr-time');\r\n\r\n if (!months \|\| !inner) return;\r\n\r\n const layout = document.createElement('div');\r\n layout.className = 'fp-layout';\r\n\r\n const main = document.createElement('div');\r\n main.className = 'fp-main';\r\n\r\n main.append(months, inner);\r\n if (time && this.enableTime) main.appendChild(time); // 🔥 preserve time picker\r\n\r\n layout.appendChild(main);\r\n\r\n calendar.appendChild(layout);\r\n\r\n this.injectApplyButton();\r\n }\r\n\r\n createSidebar(): HTMLElement {\r\n const sidebar = document.createElement('div');\r\n sidebar.className = 'fp-sidebar';\r\n\r\n const ranges = [\r\n { key: 'today', label: 'Today' },\r\n { key: 'yesterday', label: 'Yesterday' },\r\n { key: 'this-week', label: 'This week' },\r\n { key: 'last-week', label: 'Last week' },\r\n { key: 'this-month', label: 'This month' },\r\n { key: 'last-month', label: 'Last month' },\r\n { key: 'this-year', label: 'This year' },\r\n { key: 'last-year', label: 'Last year' },\r\n ];\r\n\r\n ranges.forEach(r => {\r\n const item = document.createElement('gb-date-picker-list-item');\r\n item.setAttribute('label', r.label);\r\n item.dataset.range = r.key;\r\n\r\n item.addEventListener('mousedown', e => {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n this.clearPresetSelection(sidebar);\r\n (item as any).selected = true;\r\n\r\n this.applyPreset(r.key);\r\n this.picker.close(); //test this\r\n });\r\n\r\n sidebar.appendChild(item);\r\n\r\n if (r.key === 'today') {\r\n requestAnimationFrame(() => {\r\n this.selectSidebarItem(item);\r\n // this.applyPreset('today');\r\n });\r\n }\r\n });\r\n\r\n return sidebar;\r\n }\r\n\r\n selectSidebarItem(item: HTMLElement) {\r\n if (this.activeSidebarItem) {\r\n this.activeSidebarItem.removeAttribute('selected');\r\n }\r\n\r\n item.setAttribute('selected', 'true');\r\n this.activeSidebarItem = item;\r\n }\r\n\r\n applyPreset(key: string) {\r\n if (!this.picker) return;\r\n\r\n this.selectionSource = 'sidebar';\r\n\r\n const today = new Date();\r\n let start!: Date;\r\n let end!: Date;\r\n\r\n switch (key) {\r\n case 'today':\r\n start = end = new Date();\r\n this.displayValue = 'Today';\r\n break;\r\n\r\n case 'yesterday':\r\n start = end = new Date();\r\n start.setDate(start.getDate() - 1);\r\n this.displayValue = 'Yesterday';\r\n break;\r\n\r\n case 'this-week': {\r\n const d = new Date();\r\n start = new Date(d);\r\n start.setDate(d.getDate() - d.getDay());\r\n end = new Date();\r\n this.displayValue = 'This week';\r\n break;\r\n }\r\n\r\n case 'last-week': {\r\n const d = new Date();\r\n end = new Date(d);\r\n end.setDate(d.getDate() - d.getDay() - 1);\r\n start = new Date(end);\r\n start.setDate(end.getDate() - 6);\r\n this.displayValue = 'Last week';\r\n break;\r\n }\r\n\r\n case 'this-month':\r\n start = new Date(today.getFullYear(), today.getMonth(), 1);\r\n end = new Date();\r\n this.displayValue = 'This month';\r\n break;\r\n\r\n case 'last-month':\r\n start = new Date(today.getFullYear(), today.getMonth() - 1, 1);\r\n end = new Date(today.getFullYear(), today.getMonth(), 0);\r\n this.displayValue = 'Last month';\r\n break;\r\n\r\n case 'this-year':\r\n start = new Date(today.getFullYear(), 0, 1);\r\n end = new Date();\r\n this.displayValue = 'This year';\r\n break;\r\n\r\n case 'last-year':\r\n start = new Date(today.getFullYear() - 1, 0, 1);\r\n end = new Date(today.getFullYear() - 1, 11, 31);\r\n this.displayValue = 'Last year';\r\n break;\r\n }\r\n\r\n const value = this.mode === 'range' ? [start, end] : start;\r\n\r\n // Update internal state\r\n this.internalValue = value;\r\n\r\n // Update picker WITHOUT triggering onChange\r\n this.picker.setDate(value, false);\r\n\r\n // Emit the change event\r\n this.dateChange.emit(value);\r\n\r\n this.preventTimePickerClosing();\r\n }\r\n\r\n clearPresetSelection(sidebar: HTMLElement) {\r\n const items = sidebar.querySelectorAll('gb-date-picker-list-item');\r\n items.forEach(item => {\r\n (item as any).selected = false;\r\n });\r\n }\r\n\r\n injectApplyButton() {\r\n const calendarContainer = this.el.shadowRoot.querySelector('.calendar-container') as HTMLElement;\r\n const timeContainer = calendarContainer.querySelector('.flatpickr-time') as HTMLElement;\r\n\r\n if (!timeContainer) return;\r\n\r\n const buttonDiv = document.createElement('div');\r\n buttonDiv.classList.add('apply_button_wrapper');\r\n\r\n // Create custom button\r\n const applyBtn = document.createElement('gb-button');\r\n applyBtn.setAttribute('size', 'md');\r\n applyBtn.setAttribute('hierarchy', 'primary');\r\n applyBtn.setAttribute('icon', 'default');\r\n applyBtn.classList.add('apply-btn');\r\n\r\n // Add label inside\r\n applyBtn.innerHTML = `<p>OK</p>`;\r\n\r\n buttonDiv.insertAdjacentElement('afterend', applyBtn);\r\n buttonDiv.appendChild(applyBtn);\r\n\r\n // Click logic\r\n applyBtn.addEventListener('click', () => {\r\n // const selected = this.picker.selectedDates;\r\n\r\n // if (selected.length) {\r\n // const formatted = selected[0];\r\n // this.value = formatted;\r\n // this.dateChange.emit(this.value);\r\n // }\r\n\r\n this.picker.close();\r\n });\r\n\r\n // Insert after time div\r\n timeContainer.insertAdjacentElement('afterend', buttonDiv);\r\n }\r\n\r\n preventTimePickerClosing() {\r\n const calendarContainer = this.el.shadowRoot.querySelector('.calendar-container') as HTMLElement;\r\n const timeContainer = calendarContainer.querySelector('.flatpickr-am-pm') as HTMLElement;\r\n\r\n if ((this.mode === 'single' && this.enableTime) \|\| (this.mode === 'range' && this.enableTime)) {\r\n calendarContainer.addEventListener('click', e => {\r\n e.stopPropagation();\r\n });\r\n }\r\n\r\n if (timeContainer) {\r\n timeContainer.addEventListener('click', e => {\r\n e.stopPropagation();\r\n });\r\n }\r\n }\r\n\r\n private toggleCalendar(event?: Event) {\r\n if (event) {\r\n const target = event.target as HTMLElement;\r\n if (this.el.shadowRoot && this.el.shadowRoot.contains(target)) {\r\n const calendarEl = this.el.shadowRoot.querySelector('.calendar-container');\r\n if (calendarEl && calendarEl.contains(target)) {\r\n return; // Ignore clicks inside the calendar\r\n }\r\n }\r\n }\r\n\r\n if (!this.picker) return;\r\n\r\n if (this.isCalendarShown) {\r\n this.picker.close();\r\n } else {\r\n this.picker.open();\r\n }\r\n }\r\n\r\n stripYearFormat(format: string): string {\r\n // Remove Y or ,Y or -Y or Y, or Y- and tidy separators\r\n // Handles tokens like \"M-j-Y\", \"F j, Y\", \"d/m/Y\", \"Y-m-d\", etc.\r\n let [datePart, timePart] = format.split(/\\s+(?=[HhKk])/);\r\n\r\n // Remove year tokens (Y or y) and any adjacent separator characters (, - / . space)\r\n datePart = datePart.replace(/(?:\\s[-,/.]\\s\|\\s+)?[Yy](?:\\s[-,/.]\\s\|\\s+)?/g, '');\r\n\r\n // Clean up doubled separators produced by removal (e.g. \"M--j\" -> \"M-j\")\r\n datePart = datePart.replace(/[-,/.]{2,}/g, '-');\r\n\r\n // Remove leading/trailing separators/spaces\r\n datePart = datePart.replace(/^[\\s-_,./]+\|[\\s-_,./]+$/g, '');\r\n\r\n // Normalize multiple spaces\r\n datePart = datePart.replace(/\\s{2,}/g, ' ').trim();\r\n\r\n return timePart ? `${datePart} ${timePart}` : datePart;\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`date_picker_container`}>\r\n {this.label && (\r\n <>\r\n {this.formatLabel ? (\r\n <p class=\"date_picker_label text-sm-medium\">{this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase()}</p>\r\n ) : (\r\n <p class=\"date_picker_label text-sm-medium\">{this.label}</p>\r\n )}\r\n </>\r\n )}\r\n <div class={`date-picker-wrapper ${this.disabled ? 'disabled' : ''} ${this.fullWidth ? 'full_width' : ''}`}>\r\n <div\r\n class={`inner_container ${this.iconPosition}`}\r\n onClick={() => {\r\n this.toggleCalendar();\r\n }}\r\n >\r\n {this.iconPosition === 'left' && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n 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\"\r\n fill=\"var(--color-icon, #4B5565)\"\r\n />\r\n </svg>\r\n )}\r\n <input type=\"text\" ref={el => (this.inputEl = el as HTMLInputElement)} placeholder={this.placeholder} disabled={this.disabled} value={this.displayValue} readonly />\r\n <span ref={el => (this.mirrorEl = el as HTMLSpanElement)} id=\"mirror\">\r\n {this.displayValue \|\| this.placeholder}\r\n </span>\r\n {this.iconPosition === 'right' && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n 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\"\r\n fill=\"var(--color-icon, #4B5565)\"\r\n />\r\n </svg>\r\n )}\r\n </div>\r\n\r\n {/* Always in DOM, just hidden by CSS */}\r\n <div class={`calendar-container ${!this.isCalendarShown ? 'hidden' : ''} ${this.dropdownAlignment}`}></div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/gb-simple-side-bar-item/gb-simple-side-bar-item.js CHANGED Viewed

@@ -1,5 +1,4 @@
 import { h, Fragment, getAssetPath } from "@stencil/core";
-import { getIconPath } from "../../utils/icons";
 export class GbSimpleSideBarItem {
     constructor() {
         this.label = '';
@@ -14,7 +13,7 @@ export class GbSimpleSideBarItem {
         this.internalIcon = '';
     }
     async loadIcon(iconName) {
-        const iconPath = getAssetPath(getIconPath(iconName, 'duotone', 'rounded'));
+        const iconPath = getAssetPath(iconName);
         const response = await fetch(iconPath);
         const svg = await response.text();
         const parser = new DOMParser();
@@ -67,11 +66,11 @@ export class GbSimpleSideBarItem {
         this.sideBarItemClicked.emit();
     }
     render() {
-        return (h("div", { key: 'c2da3aa24ec37f7b4c6f2377cb94dd65b613b4d5', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '5c641e821451a60064bcee6122a2aeda04dde04d', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && h("div", { key: '3400c3f3be900b795a8f308bd2bb07b09ee888ca', class: `bar ${this.category}` }), h("div", { key: '3635ffd2c1330640d8bb2748552ee6cdefa4dbf4', class: "content" }, this.icon && h("div", { key: 'a8b2bc011c4e36d98623f05afe33119291ac37fd', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'af9643d602d3949720dc0487839addcedf9f7ab9', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: '847f1c181afea9cf739e3f873e4d7a4bec655c53', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '8a16e30a197b0f7bfc0f0e7bf4ea5463e82520fc' }, "10"))), this.showSecondaryIcon && (h(Fragment, null, this.subMenu ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow_icon ${this.state}` }, h("path", { d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: this.category === 'plain_background' && this.state === 'active'
+        return (h("div", { key: '6bd98598fcebacb5a4a1335a1f7561b7412dfcf1', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '800baa4c53a92ffaff1870a2915db0d7125d62fa', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && h("div", { key: '8e810398c33e97ba1541d347e9aa1f344c89cd4d', class: `bar ${this.category}` }), h("div", { key: '93bed5e20dc7662916c383ad9f25363c00f91555', class: "content" }, this.icon && h("div", { key: 'f1f8ec46f01a5b6f2c3e98d32ba63145c31bf248', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '9656caeed1f68c47967cf2aa5ec69807c3303738', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: '6c3330f13b9be4820c9af9efa4d9c6afd738919e', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '60e889361662c24380d202ffcef85e1b08937989' }, "10"))), this.showSecondaryIcon && (h(Fragment, null, this.subMenu ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow_icon ${this.state}` }, h("path", { d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: this.category === 'plain_background' && this.state === 'active'
                 ? 'var(--color-icon-information-bold, #042F59)'
                 : this.category === 'colored_background' && this.state === 'active'
                     ? 'var(--base-white, #ffffff)'
-                    : 'var(--color-icon, #4B5565)', "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : (h("div", { class: `secondary_icon ${this.state} ${this.category}`, innerHTML: this.secondaryIconSvg }))))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: '13de39057ceb936a55e587af7622ff422f51fc69', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '647da44941b91dbd1b9ecd77b5d55355b4a92172', slot: "label" }, this.label)))));
+                    : 'var(--color-icon, #4B5565)', "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : (h("div", { class: `secondary_icon ${this.state} ${this.category}`, innerHTML: this.secondaryIconSvg }))))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: '066115790701ae990071c4d5008a5f838691ba74', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: 'b0c85cc3c51022d328aaf9bbb4309328a7a98157', slot: "label" }, this.label)))));
     }
     static get is() { return "gb-simple-side-bar-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-simple-side-bar-item/gb-simple-side-bar-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gb-simple-side-bar-item.js","sourceRoot":"","sources":["../../../src/components/gb-simple-side-bar-item/gb-simple-side-bar-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Fragment, getAssetPath, State, Event, EventEmitter, Element, Watch } from \"@stencil/core\";\r\nimport { GeneralBackgroundCategories } from \"../../models/reusableModels\";\r\nimport { getIconPath } from \"../../utils/icons\";\r\n\r\n@Component({\r\n tag: 'gb-simple-side-bar-item',\r\n styleUrl: 'gb-simple-side-bar-item.css',\r\n shadow: true,\r\n})\r\nexport class GbSimpleSideBarItem {\r\n @Prop() state: 'default' \| 'active';\r\n @Prop() type: 'full_with_label' \| 'icon_only';\r\n @Prop() label: string = '';\r\n @Prop() icon: string = '';\r\n @Prop() secondaryIcon: string = '';\r\n @Prop() category: GeneralBackgroundCategories;\r\n @Prop() showSecondaryIcon: boolean = false;\r\n @Prop() showBadge: boolean = false;\r\n @Prop({ mutable: true }) showTooltip: boolean = false;\r\n @Prop() subMenu: boolean = false;\r\n @State() leadingIconSvg: string = '';\r\n @State() secondaryIconSvg: string = '';\r\n @State() internalIcon: string = '';\r\n @Event() sideBarItemClicked: EventEmitter<void>;\r\n @Element() el: HTMLElement;\r\n\r\n async loadIcon(iconName: string) {\r\n const iconPath = getAssetPath(getIconPath(iconName, 'duotone', 'rounded'));\r\n const response = await fetch(iconPath);\r\n const svg = await response.text();\r\n\r\n const parser = new DOMParser();\r\n const svgDoc = parser.parseFromString(svg, 'image/svg+xml');\r\n const svgElement = svgDoc.documentElement;\r\n\r\n // Add `has-opacity` class to all elements that have an opacity attribute\r\n const elementsWithOpacity = svgElement.querySelectorAll('[opacity]');\r\n elementsWithOpacity.forEach(el => {\r\n el.classList.add('has_opacity');\r\n });\r\n\r\n const gWithOpacity = svgElement.querySelectorAll('g[opacity]');\r\n\r\n gWithOpacity.forEach(g => {\r\n g.classList.add('has_opacity');\r\n });\r\n\r\n // Serialize and store\r\n const modifiedSvg = svgElement.outerHTML;\r\n // console.log(modifiedSvg)\r\n this.leadingIconSvg = modifiedSvg;\r\n }\r\n\r\n async loadSecondaryIcon(iconName: string) {\r\n const iconPath = getAssetPath(`${iconName}`);\r\n const response = await fetch(iconPath);\r\n const svg = await response.text();\r\n\r\n const parser = new DOMParser();\r\n const svgDoc = parser.parseFromString(svg, 'image/svg+xml');\r\n const svgElement = svgDoc.documentElement;\r\n\r\n // Add `has-opacity` class to all elements that have an opacity attribute\r\n const elementsWithOpacity = svgElement.querySelectorAll('[opacity]');\r\n elementsWithOpacity.forEach(el => {\r\n el.classList.add('has_opacity');\r\n });\r\n\r\n const gWithOpacity = svgElement.querySelectorAll('g[opacity]');\r\n\r\n gWithOpacity.forEach(g => {\r\n g.classList.add('has_opacity');\r\n });\r\n\r\n // Serialize and store\r\n const modifiedSvg = svgElement.outerHTML;\r\n // console.log(modifiedSvg)\r\n this.secondaryIconSvg = modifiedSvg;\r\n }\r\n\r\n @Watch('icon')\r\n updateSidebarIcon(newValue: string, _oldValue: string) {\r\n this.internalIcon = newValue;\r\n }\r\n\r\n componentWillLoad() {\r\n this.loadIcon(this.icon);\r\n this.loadSecondaryIcon(this.secondaryIcon);\r\n\r\n this.internalIcon = this.icon;\r\n }\r\n\r\n onSideBarItemClicked() {\r\n this.sideBarItemClicked.emit();\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`side_bar_item_container`} onMouseEnter={() => (this.showTooltip = true)} onMouseLeave={() => (this.showTooltip = false)}>\r\n <div class={`nav_item_base ${this.state} ${this.type} ${this.category}`}>\r\n {this.state === 'active' && <div class={`bar ${this.category}`}></div>}\r\n <div class=\"content\">\r\n {this.icon && <div class={`icon ${this.state} ${this.category}`} innerHTML={this.leadingIconSvg}></div>}\r\n {this.type === 'full_with_label' && (\r\n <p class={`label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}`}>{this.label}</p>\r\n )}\r\n </div>\r\n {this.type === 'full_with_label' && (\r\n <>\r\n {this.showBadge && (\r\n <gb-badge size=\"sm\" type=\"pill_outline\" color={this.state === 'active' ? 'information' : 'gray'}>\r\n <p>10</p>\r\n </gb-badge>\r\n )}\r\n {this.showSecondaryIcon && (\r\n <>\r\n {this.subMenu ? (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" class={`arrow_icon ${this.state}`}>\r\n <path\r\n d=\"M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12\"\r\n stroke={\r\n this.category === 'plain_background' && this.state === 'active'\r\n ? 'var(--color-icon-information-bold, #042F59)'\r\n : this.category === 'colored_background' && this.state === 'active'\r\n ? 'var(--base-white, #ffffff)'\r\n : 'var(--color-icon, #4B5565)'\r\n }\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n ) : (\r\n <div class={`secondary_icon ${this.state} ${this.category}`} innerHTML={this.secondaryIconSvg}></div>\r\n )}\r\n </>\r\n )}\r\n </>\r\n )}\r\n </div>\r\n {this.type === 'icon_only' && this.showTooltip && (\r\n <gb-tooltip show-arrow={true} arrow=\"left\" class=\"tooltip\">\r\n <p slot=\"label\">{this.label}</p>\r\n </gb-tooltip>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"]}
1	+ {"version":3,"file":"gb-simple-side-bar-item.js","sourceRoot":"","sources":["../../../src/components/gb-simple-side-bar-item/gb-simple-side-bar-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Fragment, getAssetPath, State, Event, EventEmitter, Element, Watch } from \"@stencil/core\";\r\nimport { GeneralBackgroundCategories } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-simple-side-bar-item',\r\n styleUrl: 'gb-simple-side-bar-item.css',\r\n shadow: true,\r\n})\r\nexport class GbSimpleSideBarItem {\r\n @Prop() state: 'default' \| 'active';\r\n @Prop() type: 'full_with_label' \| 'icon_only';\r\n @Prop() label: string = '';\r\n @Prop() icon: string = '';\r\n @Prop() secondaryIcon: string = '';\r\n @Prop() category: GeneralBackgroundCategories;\r\n @Prop() showSecondaryIcon: boolean = false;\r\n @Prop() showBadge: boolean = false;\r\n @Prop({ mutable: true }) showTooltip: boolean = false;\r\n @Prop() subMenu: boolean = false;\r\n @State() leadingIconSvg: string = '';\r\n @State() secondaryIconSvg: string = '';\r\n @State() internalIcon: string = '';\r\n @Event() sideBarItemClicked: EventEmitter<void>;\r\n @Element() el: HTMLElement;\r\n\r\n async loadIcon(iconName: string) {\r\n const iconPath = getAssetPath(iconName);\r\n const response = await fetch(iconPath);\r\n const svg = await response.text();\r\n\r\n const parser = new DOMParser();\r\n const svgDoc = parser.parseFromString(svg, 'image/svg+xml');\r\n const svgElement = svgDoc.documentElement;\r\n\r\n // Add `has-opacity` class to all elements that have an opacity attribute\r\n const elementsWithOpacity = svgElement.querySelectorAll('[opacity]');\r\n elementsWithOpacity.forEach(el => {\r\n el.classList.add('has_opacity');\r\n });\r\n\r\n const gWithOpacity = svgElement.querySelectorAll('g[opacity]');\r\n\r\n gWithOpacity.forEach(g => {\r\n g.classList.add('has_opacity');\r\n });\r\n\r\n // Serialize and store\r\n const modifiedSvg = svgElement.outerHTML;\r\n // console.log(modifiedSvg)\r\n this.leadingIconSvg = modifiedSvg;\r\n }\r\n\r\n async loadSecondaryIcon(iconName: string) {\r\n const iconPath = getAssetPath(`${iconName}`);\r\n const response = await fetch(iconPath);\r\n const svg = await response.text();\r\n\r\n const parser = new DOMParser();\r\n const svgDoc = parser.parseFromString(svg, 'image/svg+xml');\r\n const svgElement = svgDoc.documentElement;\r\n\r\n // Add `has-opacity` class to all elements that have an opacity attribute\r\n const elementsWithOpacity = svgElement.querySelectorAll('[opacity]');\r\n elementsWithOpacity.forEach(el => {\r\n el.classList.add('has_opacity');\r\n });\r\n\r\n const gWithOpacity = svgElement.querySelectorAll('g[opacity]');\r\n\r\n gWithOpacity.forEach(g => {\r\n g.classList.add('has_opacity');\r\n });\r\n\r\n // Serialize and store\r\n const modifiedSvg = svgElement.outerHTML;\r\n // console.log(modifiedSvg)\r\n this.secondaryIconSvg = modifiedSvg;\r\n }\r\n\r\n @Watch('icon')\r\n updateSidebarIcon(newValue: string, _oldValue: string) {\r\n this.internalIcon = newValue;\r\n }\r\n\r\n componentWillLoad() {\r\n this.loadIcon(this.icon);\r\n this.loadSecondaryIcon(this.secondaryIcon);\r\n\r\n this.internalIcon = this.icon;\r\n }\r\n\r\n onSideBarItemClicked() {\r\n this.sideBarItemClicked.emit();\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`side_bar_item_container`} onMouseEnter={() => (this.showTooltip = true)} onMouseLeave={() => (this.showTooltip = false)}>\r\n <div class={`nav_item_base ${this.state} ${this.type} ${this.category}`}>\r\n {this.state === 'active' && <div class={`bar ${this.category}`}></div>}\r\n <div class=\"content\">\r\n {this.icon && <div class={`icon ${this.state} ${this.category}`} innerHTML={this.leadingIconSvg}></div>}\r\n {this.type === 'full_with_label' && (\r\n <p class={`label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}`}>{this.label}</p>\r\n )}\r\n </div>\r\n {this.type === 'full_with_label' && (\r\n <>\r\n {this.showBadge && (\r\n <gb-badge size=\"sm\" type=\"pill_outline\" color={this.state === 'active' ? 'information' : 'gray'}>\r\n <p>10</p>\r\n </gb-badge>\r\n )}\r\n {this.showSecondaryIcon && (\r\n <>\r\n {this.subMenu ? (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" class={`arrow_icon ${this.state}`}>\r\n <path\r\n d=\"M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12\"\r\n stroke={\r\n this.category === 'plain_background' && this.state === 'active'\r\n ? 'var(--color-icon-information-bold, #042F59)'\r\n : this.category === 'colored_background' && this.state === 'active'\r\n ? 'var(--base-white, #ffffff)'\r\n : 'var(--color-icon, #4B5565)'\r\n }\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n ) : (\r\n <div class={`secondary_icon ${this.state} ${this.category}`} innerHTML={this.secondaryIconSvg}></div>\r\n )}\r\n </>\r\n )}\r\n </>\r\n )}\r\n </div>\r\n {this.type === 'icon_only' && this.showTooltip && (\r\n <gb-tooltip show-arrow={true} arrow=\"left\" class=\"tooltip\">\r\n <p slot=\"label\">{this.label}</p>\r\n </gb-tooltip>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"]}

package/dist/components/gb-date-picker.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { G as GbDatePicker$1, d as defineCustomElement$1 } from './p-DFgUMHPG.js';
+import { G as GbDatePicker$1, d as defineCustomElement$1 } from './p-DUaQzOE2.js';
 const GbDatePicker = GbDatePicker$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-filter-modal.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { G as GbFilterModal$1, d as defineCustomElement$1 } from './p-Cg6JI0Rl.js';
+import { G as GbFilterModal$1, d as defineCustomElement$1 } from './p-Dg4_wWPZ.js';
 const GbFilterModal = GbFilterModal$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-icon.js CHANGED Viewed

@@ -1,5 +1,8 @@
 import { p as proxyCustomElement, H, g as getAssetPath, h } from './p-C9dqTMUJ.js';
-import { g as getIconPath } from './p-BxJPybuU.js';
+function getIconPath(name, style, type) {
+    return `assets/icons/${name}/${style}/${type}.svg`;
+}
 const gbIconTsx = "import { Component, Prop, State, getAssetPath, h } from \"@stencil/core\";\r\nimport { getIconPath } from \"../../utils/icons\";\r\n\r\n@Component({\r\n    tag: 'gb-icon',\r\n    styleUrl: 'gb-icon',\r\n    shadow: true\r\n})\r\n\r\nexport class GbIcon {\r\n    @Prop() iconName: string;\r\n    @Prop() iconStyle: string;\r\n    @Prop() iconType: string = 'rounded';\r\n    @State() svgContent: string = '';\r\n\r\n    async componentWillLoad() {\r\n        const path = getAssetPath(getIconPath(this.iconName, this.iconStyle, this.iconType));\r\n        const res = await fetch(path);\r\n        if(res.ok) {\r\n            this.svgContent = await res.text();\r\n        } else {\r\n            console.warn(`Icon not found: ${path}`);\r\n        }\r\n    }\r\n\r\n    render() {\r\n        return <span class=\"icon\" innerHTML={this.svgContent}></span>\r\n    }\r\n}";

package/dist/components/gb-icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"gb-icon.js","mappings":"~~;;;;;MASaA~~,QAAM,iBAAAC,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;AANnB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AASY,QAAA,IAAQ,CAAA,QAAA,GAAW,SAAS;AAC3B,QAAA,IAAU,CAAA,UAAA,GAAW,EAAE;AAenC;AAbG,IAAA,MAAM,iBAAiB,GAAA;AACnB,QAAA,MAAM,IAAI,GAAG,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;AACpF,QAAA,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,IAAI,CAAC;AAC7B,QAAA,IAAG,GAAG,CAAC,EAAE,EAAE;YACP,IAAI,CAAC,UAAU,GAAG,MAAM,GAAG,CAAC,IAAI,EAAE;;aAC/B;AACH,YAAA,OAAO,CAAC,IAAI,CAAC,mBAAmB,IAAI,CAAA,CAAE,CAAC;;;IAI/C,MAAM,GAAA;QACF,OAAO,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,IAAI,CAAC,UAAU,EAAA,CAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["GbIcon","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-icon/gb-icon.tsx"],"sourcesContent":["import { Component, Prop, State, getAssetPath, h } from \"@stencil/core\";\r\nimport { getIconPath } from \"../../utils/icons\";\r\n\r\n@Component({\r\n tag: 'gb-icon',\r\n styleUrl: 'gb-icon',\r\n shadow: true\r\n})\r\n\r\nexport class GbIcon {\r\n @Prop() iconName: string;\r\n @Prop() iconStyle: string;\r\n @Prop() iconType: string = 'rounded';\r\n @State() svgContent: string = '';\r\n\r\n async componentWillLoad() {\r\n const path = getAssetPath(getIconPath(this.iconName, this.iconStyle, this.iconType));\r\n const res = await fetch(path);\r\n if(res.ok) {\r\n this.svgContent = await res.text();\r\n } else {\r\n console.warn(`Icon not found: ${path}`);\r\n }\r\n }\r\n\r\n render() {\r\n return <span class=\"icon\" innerHTML={this.svgContent}></span>\r\n }\r\n}"],"version":3}
1	+ {"file":"gb-icon.js","mappings":";;SAAgB,WAAW,CAAC,IAAY,EAAE,KAAa,EAAE,IAAY,EAAA;AACjE,IAAA,OAAO,gBAAgB,IAAI,CAAA,CAAA,EAAI,KAAK,CAAI,CAAA,EAAA,IAAI,MAAM;AACtD;;;;MCOaA,QAAM,iBAAAC,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;AANnB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AASY,QAAA,IAAQ,CAAA,QAAA,GAAW,SAAS;AAC3B,QAAA,IAAU,CAAA,UAAA,GAAW,EAAE;AAenC;AAbG,IAAA,MAAM,iBAAiB,GAAA;AACnB,QAAA,MAAM,IAAI,GAAG,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;AACpF,QAAA,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,IAAI,CAAC;AAC7B,QAAA,IAAG,GAAG,CAAC,EAAE,EAAE;YACP,IAAI,CAAC,UAAU,GAAG,MAAM,GAAG,CAAC,IAAI,EAAE;;aAC/B;AACH,YAAA,OAAO,CAAC,IAAI,CAAC,mBAAmB,IAAI,CAAA,CAAE,CAAC;;;IAI/C,MAAM,GAAA;QACF,OAAO,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,IAAI,CAAC,UAAU,EAAA,CAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["GbIcon","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/utils/icons.ts","src/components/gb-icon/gb-icon.tsx"],"sourcesContent":["export function getIconPath(name: string, style: string, type: string): string {\r\n return `assets/icons/${name}/${style}/${type}.svg`;\r\n}","import { Component, Prop, State, getAssetPath, h } from \"@stencil/core\";\r\nimport { getIconPath } from \"../../utils/icons\";\r\n\r\n@Component({\r\n tag: 'gb-icon',\r\n styleUrl: 'gb-icon',\r\n shadow: true\r\n})\r\n\r\nexport class GbIcon {\r\n @Prop() iconName: string;\r\n @Prop() iconStyle: string;\r\n @Prop() iconType: string = 'rounded';\r\n @State() svgContent: string = '';\r\n\r\n async componentWillLoad() {\r\n const path = getAssetPath(getIconPath(this.iconName, this.iconStyle, this.iconType));\r\n const res = await fetch(path);\r\n if(res.ok) {\r\n this.svgContent = await res.text();\r\n } else {\r\n console.warn(`Icon not found: ${path}`);\r\n }\r\n }\r\n\r\n render() {\r\n return <span class=\"icon\" innerHTML={this.svgContent}></span>\r\n }\r\n}"],"version":3}

package/dist/components/gb-sidebar.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { d as defineCustomElement$8 } from './p-DpBNYxJb.js';
 import { d as defineCustomElement$7 } from './p-Dk-uOHfG.js';
 import { d as defineCustomElement$6 } from './p-gT98YYn7.js';
 import { d as defineCustomElement$5 } from './p-ClJ8QwLZ.js';
-import { d as defineCustomElement$4 } from './p-D56vtcwn.js';
+import { d as defineCustomElement$4 } from './p-ie7-QxuX.js';
 import { d as defineCustomElement$3 } from './p-CzeiCe0J.js';
 import { d as defineCustomElement$2 } from './p-DU0nscLU.js';

package/dist/components/gb-simple-side-bar-item.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { G as GbSimpleSideBarItem$1, d as defineCustomElement$1 } from './p-D56vtcwn.js';
+import { G as GbSimpleSideBarItem$1, d as defineCustomElement$1 } from './p-ie7-QxuX.js';
 const GbSimpleSideBarItem = GbSimpleSideBarItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-table-header.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { G as GbTableHeader$1, d as defineCustomElement$1 } from './p-BrrlGogO.js';
+import { G as GbTableHeader$1, d as defineCustomElement$1 } from './p-CVFUF7Jf.js';
 const GbTableHeader = GbTableHeader$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-table.js CHANGED Viewed

@@ -10,7 +10,7 @@ import { d as defineCustomElement$D } from './p-DIxw05_K.js';
 import { d as defineCustomElement$C } from './p-CBuFpTEj.js';
 import { d as defineCustomElement$B } from './p-zchpoi2I.js';
 import { d as defineCustomElement$A } from './p-BChRlvEK.js';
-import { d as defineCustomElement$z } from './p-DFgUMHPG.js';
+import { d as defineCustomElement$z } from './p-DUaQzOE2.js';
 import { d as defineCustomElement$y } from './p-BGbrZd6N.js';
 import { d as defineCustomElement$x } from './p-DVdANjHj.js';
 import { d as defineCustomElement$w } from './p-DEzF6er7.js';
@@ -21,7 +21,7 @@ import { d as defineCustomElement$s } from './p-AL5KgxpT.js';
 import { d as defineCustomElement$r } from './p-BFCdkGF1.js';
 import { d as defineCustomElement$q } from './p-zxY6iDVS.js';
 import { d as defineCustomElement$p } from './p-CgVJBrXf.js';
-import { d as defineCustomElement$o } from './p-Cg6JI0Rl.js';
+import { d as defineCustomElement$o } from './p-Dg4_wWPZ.js';
 import { d as defineCustomElement$n } from './p-D449gHbv.js';
 import { d as defineCustomElement$m } from './p-DPgzfv5f.js';
 import { d as defineCustomElement$l } from './p-Dahz1TX7.js';
@@ -34,7 +34,7 @@ import { d as defineCustomElement$f } from './p-ByZavslg.js';
 import { d as defineCustomElement$e } from './p-BFCCj9F3.js';
 import { d as defineCustomElement$d } from './p-D8BrBTRA.js';
 import { d as defineCustomElement$c } from './p-CzeiCe0J.js';
-import { d as defineCustomElement$b } from './p-BrrlGogO.js';
+import { d as defineCustomElement$b } from './p-CVFUF7Jf.js';
 import { d as defineCustomElement$a } from './p-B_KMpSuF.js';
 import { d as defineCustomElement$9 } from './p-CWV6T742.js';
 import { d as defineCustomElement$8 } from './p-DDp4uvg2.js';

package/dist/components/{p-BrrlGogO.js → p-CVFUF7Jf.js} RENAMED Viewed

@@ -9,7 +9,7 @@ import { d as defineCustomElement$l } from './p-DIxw05_K.js';
 import { d as defineCustomElement$k } from './p-CBuFpTEj.js';
 import { d as defineCustomElement$j } from './p-zchpoi2I.js';
 import { d as defineCustomElement$i } from './p-BChRlvEK.js';
-import { d as defineCustomElement$h } from './p-DFgUMHPG.js';
+import { d as defineCustomElement$h } from './p-DUaQzOE2.js';
 import { d as defineCustomElement$g } from './p-BGbrZd6N.js';
 import { d as defineCustomElement$f } from './p-BnzBTlul.js';
 import { d as defineCustomElement$e } from './p-D2wn-eCd.js';
@@ -324,6 +324,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { GbTableHeader as G, defineCustomElement as d };
-//# sourceMappingURL=p-BrrlGogO.js.map
+//# sourceMappingURL=p-CVFUF7Jf.js.map
-//# sourceMappingURL=p-BrrlGogO.js.map
+//# sourceMappingURL=p-CVFUF7Jf.js.map

package/dist/components/{p-BrrlGogO.js.map → p-CVFUF7Jf.js.map} RENAMED Viewed

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