npm - @sellmate/design-system - Versions diffs - 0.0.55 → 1.0.0 - Mend

@sellmate/design-system 0.0.55 → 1.0.0

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

package/dist/components/sd-table.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"sd-table.js","mappings":"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","names":["SdTable","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-table/sd-table.scss?tag=sd-table","src/components/sd-table/sd-table.tsx"],"sourcesContent":["@import 'variables.scss';\n@import 'extend.scss';\n\n.sd-table__wrapper {\n height: var(--table-height, auto);\n width: var(--table-width, 100%);\n color: $grey_95;\n\n .sd-table__container {\n width: 100%;\n height: auto;\n border: 1px solid $grey_30;\n border-radius: 8px;\n font-size: 12px;\n overflow: hidden;\n\n .sd-table__middle {\n overflow: auto;\n will-change: scroll-position;\n height: var(--table-height, auto);\n @extend %scrollBar;\n\n .sd-table {\n background-color: white;\n display: table;\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n table-layout: fixed;\n position: relative;\n\n &--selectable {\n td.sd-td--selected,\n th.sd-th--selected {\n width: 52px !important;\n max-width: 52px !important;\n min-width: 52px !important;\n padding: 0 10px 0 24px;\n text-align: left;\n }\n }\n\n &--sticky-header {\n thead {\n position: sticky;\n top: 0;\n z-index: 120;\n }\n }\n\n &--sticky-column {\n th.sticky-left,\n th.sticky-right {\n position: sticky;\n background-color: $th-bg;\n z-index: 110 !important;\n }\n td.sticky-left,\n td.sticky-right {\n position: sticky;\n background-color: white;\n z-index: 100 !important;\n }\n\n .sticky-left {\n left: var(--sticky-left-offset, 0);\n }\n .sticky-right {\n right: var(--sticky-right-offset, 0);\n }\n\n th.sticky-cell {\n position: sticky;\n z-index: 102;\n background-color: $th-bg;\n }\n td.sticky-cell {\n position: sticky;\n z-index: 101;\n background-color: white;\n }\n }\n\n &--scrolled-left {\n th.sticky-left-edge,\n td.sticky-left-edge {\n overflow: visible;\n &:after {\n content: '';\n position: absolute;\n top: 0;\n left: 100%;\n right: -20px;\n width: 20px;\n height: 100%;\n z-index: 101 !important;\n box-shadow: inset 12px 0 20px -25px;\n opacity: 1;\n pointer-events: none;\n }\n }\n }\n\n &--scrolled-right {\n th.sticky-right-edge,\n td.sticky-right-edge {\n overflow: visible;\n\n &:after {\n content: '';\n position: absolute;\n top: 0;\n left: -20px;\n width: 20px;\n height: 100%;\n z-index: 101 !important;\n box-shadow: inset -12px 0 20px -25px;\n opacity: 1;\n pointer-events: none;\n }\n }\n }\n\n &--no-data {\n thead {\n opacity: 0.4;\n tr {\n th {\n &.sd-th {\n border-bottom: 1px solid rgba(225, 225, 225, 0.4) !important;\n }\n }\n }\n }\n }\n\n sd-td,\n sd-th,\n .sd-th__content--label {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n word-break: keep-all;\n }\n\n thead {\n height: 36px;\n\n sd-tr {\n width: 100%;\n\n sd-th {\n background: $th-bg;\n height: 36px;\n padding: 0 16px;\n font-weight: 500;\n vertical-align: middle;\n border-bottom: 1px solid $grey_30;\n -webkit-user-select: none;\n user-select: none;\n position: relative;\n\n &.sd-th {\n .sd-th__content {\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n gap: 4px;\n\n &--left {\n justify-content: flex-start;\n }\n &--center {\n justify-content: center;\n }\n &--right {\n justify-content: flex-end;\n }\n }\n\n .sd-th__resizer {\n position: absolute;\n top: 50%;\n right: 0;\n transform: translateY(-50%);\n width: 4px;\n height: 16px;\n cursor: col-resize;\n z-index: 3;\n border-left: 1px solid $grey_45;\n border-right: 1px solid $grey_45;\n }\n }\n }\n }\n }\n\n sd-tbody {\n .sd-table__loading {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: calc(var(--table-height, auto) - 36px);\n min-height: calc(100% - 36px);\n background: rgba(255, 255, 255, 0.6);\n z-index: 200;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n sd-tr {\n &:last-of-type {\n sd-td {\n border-bottom: none;\n }\n }\n sd-td {\n height: 44px;\n padding: 0 16px;\n border-bottom: 1px solid $grey_30;\n background: white;\n vertical-align: middle;\n\n &.sd-td {\n &--left {\n text-align: left;\n }\n &--center {\n text-align: center;\n }\n &--right {\n text-align: right;\n }\n }\n }\n }\n }\n }\n }\n\n .sd-table__bottom {\n background: white;\n text-align: center;\n }\n }\n\n .sd-table__pagination {\n position: relative;\n background: $grey_05;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid $grey_30;\n border-top: none;\n border-radius: 8px;\n\n sd-select {\n position: absolute;\n right: 10px;\n top: 50%;\n transform: translateY(-50%);\n\n .sd-select {\n }\n }\n }\n}\n","import {\n Component,\n Element,\n Prop,\n State,\n Event,\n Watch,\n h,\n EventEmitter,\n Host,\n} from '@stencil/core';\nimport { CheckedType } from '../sd-checkbox/sd-checkbox';\nimport { SelectOption } from '../sd-select/sd-select';\nimport { SdSelectCustomEvent } from '../../components';\n\nexport type SdTableSortDir = 'asc' \| 'desc' \| 'none';\n\nexport interface SdTableColumn {\n name: string;\n label: string;\n field: string \| ((row: any) => any);\n align?: 'left' \| 'center' \| 'right';\n width?: string;\n format?: (value: any, row: any) => string;\n visible?: boolean;\n usePageMoveIcon?: boolean;\n tooltip?: string[];\n tooltipOptions?: Record<string, any>;\n tdClass?: string;\n thClass?: string;\n}\n\nexport interface Row {\n [key: string]: any;\n}\n\n@Component({\n tag: 'sd-table',\n styleUrl: 'sd-table.scss',\n})\nexport class SdTable {\n @Element() el!: HTMLElement;\n\n @Prop() columns!: SdTableColumn[];\n @Prop({ mutable: true }) rows!: Row[];\n @Prop({ mutable: true }) selected: Set<Row> = new Set();\n @Prop() rowKey: string = 'id';\n @Prop() selectable: boolean = false;\n @Prop() resizable: boolean = false;\n @Prop() width?: string;\n @Prop() height?: string;\n @Prop() stickyHeader: boolean = false;\n @Prop() stickyColumn: { left?: number; right?: number } = { left: 0, right: 0 };\n @Prop() noDataLabel: string = '데이터가 없습니다.';\n @Prop() isLoading: boolean = false;\n @Prop() pagination?: {\n page: number;\n rowsPerPage: number;\n lastPage?: number;\n };\n @Prop() bodyCellRenderer?: (\n column: SdTableColumn,\n row: Row,\n ) => HTMLElement \| string \| null \| undefined;\n @Prop() useInternalPagination: boolean = false;\n @Prop() useRowsPerPageSelect: boolean = false;\n @Prop() rowsPerPageOption: SelectOption[] = [\n { label: '10개씩 보기', value: 10 },\n { label: '25개씩 보기', value: 25 },\n { label: '50개씩 보기', value: 50 },\n { label: '100개씩 보기', value: 100 },\n ];\n\n @Event() sdSelectChange!: EventEmitter<Row[]>;\n @Event() sdPageChange!: EventEmitter<number>;\n @Event() sdRowsPerPageChange!: EventEmitter<number>;\n\n @State() currentPage: number = this.pagination?.page \|\| 1;\n @State() innerRows: Row[] = [];\n @State() innerSelected: Set<Row> = new Set();\n @State() columnWidths: number[] = [];\n @State() scrolledLeft: boolean = false;\n @State() scrolledRight: boolean = false;\n\n @Watch('columns')\n handleColumnsChange(newCols: SdTableColumn[]) {\n this.columnWidths = newCols.map(c => parseInt(c.width \|\| '120', 10));\n }\n\n @Watch('rows')\n handleRowsChange(newRows: Row[]) {\n this.innerRows = [...newRows];\n }\n\n @Watch('selected')\n handleSelectedChange(newSelected: Set<Row>) {\n this.innerSelected = new Set(newSelected);\n }\n\n @Watch('pagination')\n handlePaginationChange(\n newVal?: { page: number; rowsPerPage: number; lastPage?: number } \| undefined,\n ) {\n if (newVal?.page && newVal.page !== this.currentPage) this.currentPage = newVal.page;\n }\n\n componentWillLoad() {\n this.innerRows = [...(this.rows \|\| [])];\n this.innerSelected = new Set(this.selected);\n this.columnWidths = (this.columns \|\| []).map(c => parseInt(c.width \|\| '120', 10));\n }\n\n componentDidLoad() {\n // SSR 환경 체크\n if (typeof window === 'undefined') return;\n\n const middle = this.el.querySelector('.sd-table__middle');\n if (!middle) return;\n\n const onScroll = () => {\n const { scrollLeft, scrollWidth, clientWidth } = middle as HTMLElement;\n this.scrolledLeft = scrollLeft > 0;\n this.scrolledRight = scrollLeft + clientWidth < scrollWidth;\n };\n middle.addEventListener('scroll', onScroll, { passive: true });\n onScroll();\n }\n\n // ----- Derived getters -----\n private get visibleColumns(): SdTableColumn[] {\n return this.columns.filter(col => col.visible !== false);\n }\n\n private get paginatedRows(): Row[] {\n if (!this.pagination \|\| !this.useInternalPagination) return this.innerRows;\n\n const { rowsPerPage = this.rows.length } = this.pagination \|\| {};\n\n const result = this.innerRows.slice(\n (this.currentPage - 1) * rowsPerPage,\n this.currentPage * rowsPerPage,\n );\n\n return result;\n }\n\n private get lastPageNumber(): number {\n const { lastPage, rowsPerPage = this.rows.length } = this.pagination \|\| {};\n\n return lastPage ?? Math.max(1, Math.ceil(this.rows.length / rowsPerPage));\n }\n\n private get sdTableClasses() {\n return [\n 'sd-table',\n this.stickyHeader && 'sd-table--sticky-header',\n this.selectable && 'sd-table--selectable',\n this.resizable && 'sd-table--resizable',\n !this.innerRows.length && 'sd-table--no-data',\n ((this.stickyColumn?.left ?? 0) > 0 \|\| (this.stickyColumn?.right ?? 0) > 0) &&\n 'sd-table--sticky-column',\n this.scrolledLeft && 'sd-table--scrolled-left',\n this.scrolledRight && 'sd-table--scrolled-right',\n ]\n .filter(Boolean)\n .join(' ');\n }\n\n // ----- Selection -----\n // private isRowSelected(row: Row): boolean {\n // return Array.from(this.innerSelected).some(r => r[this.rowKey] === row[this.rowKey]);\n // }\n\n // private updateRowSelect(row: Row) {\n // const selectedArray = Array.from(this.innerSelected);\n // const exists = this.isRowSelected(row);\n // const newSelected = exists\n // ? selectedArray.filter(r => r[this.rowKey] !== row[this.rowKey])\n // : [...selectedArray, row];\n\n // // 동일 상태면 set하지 않음 → 불필요 렌더 방지\n // if (newSelected.length === selectedArray.length) return;\n\n // this.innerSelected = new Set(newSelected);\n // this.sdSelectChange.emit(Array.from(this.innerSelected));\n // }\n\n private toggleSelectAll(checked: CheckedType) {\n if (checked) {\n const pageRows = new Set([...this.paginatedRows]);\n this.innerSelected = new Set([...this.innerSelected, ...pageRows]);\n } else {\n const currentPageKeys = this.paginatedRows.map(r => r[this.rowKey]);\n this.innerSelected = new Set(\n [...this.innerSelected].filter(r => !currentPageKeys.includes(r[this.rowKey])),\n );\n }\n\n this.sdSelectChange.emit(Array.from(this.innerSelected));\n }\n\n private get isAllChecked(): boolean \| null {\n const total = this.paginatedRows.length;\n const selectedCount = this.paginatedRows.filter(row =>\n Array.from(this.innerSelected).some(\n selectedRow => selectedRow[this.rowKey] === row[this.rowKey],\n ),\n ).length;\n\n if (selectedCount === 0) return false; // 아무것도 안 선택됨\n if (selectedCount === total) return true; // 전부 선택됨\n return null; // 일부만 선택됨\n }\n\n // ----- Helpers -----\n private getStickyStyle(colIdx: number) {\n const leftOffset =\n this.columnWidths.slice(0, colIdx).reduce((a, b) => a + b, 0) + (this.selectable ? 52 : 0);\n const rightOffset = this.columnWidths\n .filter((_, i) => i >= this.visibleColumns.length - (this.stickyColumn.right \|\| 0) && i > colIdx)\n .reduce((a, b) => a + b, 0);\n return {\n '--sticky-left-offset': `${leftOffset}px`,\n '--sticky-right-offset': `${rightOffset}px`,\n 'width': `${this.columnWidths[colIdx]}px`,\n 'minWidth': `${this.columnWidths[colIdx]}px`,\n 'maxWidth': `${this.columnWidths[colIdx]}px`,\n };\n }\n\n private handleResize(index: number, event: MouseEvent) {\n // SSR 환경 체크\n if (typeof document === 'undefined') return;\n\n const startX = event.clientX;\n const startWidth = this.columnWidths[index];\n\n const handleMouseMove = (moveEvent: MouseEvent) => {\n const newWidth = Math.max(startWidth + moveEvent.clientX - startX, 50);\n\n this.columnWidths = this.columnWidths.map((width, idx) => (idx === index ? newWidth : width));\n };\n\n const handleMouseUp = () => {\n document.removeEventListener('mousemove', handleMouseMove);\n document.removeEventListener('mouseup', handleMouseUp);\n };\n\n document.addEventListener('mousemove', handleMouseMove);\n document.addEventListener('mouseup', handleMouseUp);\n }\n\n // private getCellValue(column: SdTableColumn, row: Row) {\n // const { field, format, name } = column;\n // const value = typeof field === 'function' ? field(row) : field ? row[field] : row[name];\n // return format ? format(value, row) : value;\n // }\n\n // ----- Render -----\n private renderHeader() {\n return (\n <thead>\n <sd-tr>\n {this.selectable && (\n <sd-th\n class={{\n 'sd-th': true,\n 'sd-th--selected': true,\n 'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),\n }}\n style={{\n '--sticky-left-offset': '0px',\n }}\n >\n <sd-checkbox\n checked={this.isAllChecked}\n disabled={!this.paginatedRows.length}\n onSdChange={(e: CustomEvent<CheckedType>) => this.toggleSelectAll(e.detail)}\n ></sd-checkbox>\n </sd-th>\n )}\n {this.visibleColumns.map((col, colIdx) => (\n <sd-th\n key={col.name}\n class={{\n 'sd-th': true,\n [`${col.thClass}`]: Boolean(col.thClass),\n 'sticky-left': Boolean(this.stickyColumn.left && colIdx < this.stickyColumn.left),\n 'sticky-right': Boolean(\n this.stickyColumn.right && colIdx >= this.visibleColumns.length - this.stickyColumn.right!,\n ),\n 'sticky-left-edge': Boolean(\n this.stickyColumn.left && colIdx === this.stickyColumn.left - 1,\n ),\n 'sticky-right-edge': Boolean(\n this.stickyColumn.right &&\n colIdx === this.visibleColumns.length - this.stickyColumn.right!,\n ),\n }}\n style={this.getStickyStyle(colIdx)}\n >\n <div class={`sd-th__content sd-th__content--${col.align \|\| 'left'}`}>\n <slot name={`header-cell-${col.name}`}>\n <div class=\"sd-th__content--label\">{col.label}</div>\n </slot>\n\n {col.usePageMoveIcon && <sd-icon name=\"pageMove\" size=\"12\" color=\"#006AC1\" />}\n\n {col.tooltip && (\n <sd-tooltip {...col.tooltipOptions}>\n <div slot=\"content\">\n {col.tooltip.map(text => (\n <p>{text}</p>\n ))}\n </div>\n </sd-tooltip>\n )}\n </div>\n\n {this.resizable && typeof window !== 'undefined' && (\n <div\n class=\"sd-th__resizer\"\n onMouseDown={(evt: MouseEvent) => this.handleResize(colIdx, evt)}\n ></div>\n )}\n </sd-th>\n ))}\n </sd-tr>\n </thead>\n );\n }\n\n render() {\n return (\n <Host>\n <div\n class=\"sd-table__wrapper\"\n style={{\n '--table-width': this.width,\n '--table-height': this.height,\n }}\n >\n <div class=\"sd-table__container\">\n <div class=\"sd-table__middle\" role=\"table\">\n <div part=\"table\" class={this.sdTableClasses}>\n {this.renderHeader()}\n <sd-tbody>\n <slot></slot>\n </sd-tbody>\n </div>\n </div>\n\n <div class=\"sd-table__bottom\"></div>\n </div>\n {this.pagination && this.innerRows.length > 0 && (\n <div class=\"sd-table__pagination\">\n <sd-pagination\n currentPage={!this.useInternalPagination ? this.pagination.page : this.currentPage}\n lastPage={!this.useInternalPagination ? this.pagination.lastPage : this.lastPageNumber}\n onPageChange={(e: CustomEvent<number>) => {\n if (!this.useInternalPagination) {\n this.sdPageChange.emit(e.detail);\n } else {\n this.currentPage = e.detail;\n this.sdPageChange.emit(this.currentPage);\n }\n }}\n ></sd-pagination>\n\n {this.useRowsPerPageSelect && (\n <sd-select\n value={this.pagination.rowsPerPage}\n options={this.rowsPerPageOption}\n width=\"128px\"\n onSdChange={(e: SdSelectCustomEvent<{ value: string \| number \| null }>) => {\n const changedRowsPerPage = e.detail.value ? Number(e.detail.value) : 0;\n if (!this.useInternalPagination) {\n this.sdRowsPerPageChange.emit(changedRowsPerPage);\n } else {\n const newRowsPerPage = Number(e.detail.value \|\| 0);\n let newLastPage = Math.max(1, Math.ceil(this.innerRows.length / newRowsPerPage));\n let newCurrentPage = this.currentPage;\n\n if (newCurrentPage > newLastPage) {\n newCurrentPage = newLastPage;\n }\n\n this.pagination = {\n page: newCurrentPage,\n rowsPerPage: newRowsPerPage,\n lastPage: newLastPage,\n };\n this.currentPage = newCurrentPage;\n this.sdRowsPerPageChange.emit(changedRowsPerPage);\n }\n }}\n ></sd-select>\n )}\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"sd-table.js","mappings":"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","names":["SdTable","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-table/sd-table.scss?tag=sd-table","src/components/sd-table/sd-table.tsx"],"sourcesContent":["@import 'variables.scss';\n@import 'extend.scss';\n\n.sd-table__wrapper {\n height: var(--table-height, auto);\n width: var(--table-width, 100%);\n color: $grey_95;\n\n .sd-table__container {\n width: 100%;\n height: var(--table-container-height, auto);\n display: flex;\n flex-direction: column;\n position: relative;\n border: 1px solid $grey_30;\n border-radius: 8px;\n font-size: 12px;\n overflow: hidden;\n background: $white;\n\n .sd-table__middle {\n overflow: auto;\n will-change: scroll-position;\n min-height: var(--table-container-height, auto);\n @extend %scrollBar;\n\n &--scrollable {\n height: var(--table-container-height, auto);\n }\n\n &--loading {\n overflow: hidden !important;\n pointer-events: none;\n &__spinner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: var(--table-container-height, 100%);\n min-height: var(--table-container-height, 100%);\n background: rgba(255, 255, 255, 0.6);\n z-index: 200;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n\n .sd-table {\n background-color: white;\n display: table;\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n table-layout: fixed;\n\n tbody {\n &.sd-table-tbody--virtual-scroll {\n position: relative;\n height: var(--total-virtual-height, --table-container-height, auto);\n\n tr {\n &:not([aria-hidden='true']) {\n width: 100%;\n }\n &[aria-hidden='true'] {\n padding: 0;\n border: none;\n\n &:not(.sd-table__virtual-row-spacer) {\n td {\n display: none;\n }\n }\n }\n }\n }\n }\n\n &--selectable {\n td.sd-td--selected,\n th.sd-th--selected {\n position: relative;\n width: 52px !important;\n max-width: 52px !important;\n min-width: 52px !important;\n padding: 0 10px 0 24px;\n text-align: left;\n\n sd-checkbox label {\n position: relative;\n\n &:before {\n content: '';\n position: absolute;\n inset: -6px;\n }\n }\n }\n }\n\n &--sticky-header {\n thead {\n position: sticky;\n top: 0;\n z-index: 120;\n }\n }\n\n &--sticky-column {\n th.sticky-left,\n th.sticky-right {\n position: sticky;\n background-color: $th-bg;\n z-index: 110 !important;\n }\n td.sticky-left,\n td.sticky-right {\n position: sticky;\n background-color: white;\n z-index: 100 !important;\n }\n\n .sticky-left {\n left: var(--sticky-left-offset, 0);\n }\n .sticky-right {\n right: var(--sticky-right-offset, 0);\n }\n\n th.sticky-cell {\n position: sticky;\n z-index: 102;\n background-color: $th-bg;\n }\n td.sticky-cell {\n position: sticky;\n z-index: 101;\n background-color: white;\n }\n }\n\n &--scrolled-left {\n th.sticky-left-edge,\n td.sticky-left-edge {\n overflow: visible;\n &:after {\n content: '';\n position: absolute;\n top: 0;\n left: 100%;\n right: -20px;\n width: 20px;\n height: 100%;\n z-index: 101 !important;\n box-shadow: inset 12px 0 20px -25px;\n opacity: 1;\n pointer-events: none;\n }\n }\n }\n\n &--scrolled-right {\n th.sticky-right-edge,\n td.sticky-right-edge {\n overflow: visible;\n\n &:after {\n content: '';\n position: absolute;\n top: 0;\n left: -20px;\n width: 20px;\n height: 100%;\n z-index: 101 !important;\n box-shadow: inset -12px 0 20px -25px;\n opacity: 1;\n pointer-events: none;\n }\n }\n }\n\n &--no-data {\n thead {\n opacity: 0.4;\n tr {\n th {\n &.sd-th {\n border-bottom: 1px solid rgba(225, 225, 225, 0.4) !important;\n }\n }\n }\n }\n }\n\n sd-td,\n sd-th,\n .sd-th__content--label {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n word-break: keep-all;\n }\n\n thead {\n height: 36px;\n\n tr {\n width: 100%;\n\n th {\n background: $th-bg;\n height: 36px;\n padding: 0 16px;\n font-weight: 500;\n vertical-align: middle;\n border-bottom: 1px solid $grey_30;\n -webkit-user-select: none;\n user-select: none;\n position: relative;\n\n &.sd-th {\n .sd-th__content {\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n gap: 4px;\n\n &--left {\n justify-content: flex-start;\n }\n &--center {\n justify-content: center;\n }\n &--right {\n justify-content: flex-end;\n }\n }\n\n .sd-th__resizer {\n position: absolute;\n top: 50%;\n right: 0;\n transform: translateY(-50%);\n width: 4px;\n height: 16px;\n cursor: col-resize;\n z-index: 3;\n border-left: 1px solid $grey_45;\n border-right: 1px solid $grey_45;\n }\n }\n }\n }\n }\n\n tbody {\n tr {\n td {\n height: 44px;\n padding: 0 16px;\n border-bottom: 1px solid $grey_30;\n background: white;\n vertical-align: middle;\n\n &.sd-td {\n &--left {\n text-align: left;\n }\n &--center {\n text-align: center;\n }\n &--right {\n text-align: right;\n }\n }\n }\n }\n }\n }\n }\n\n .sd-table__bottom {\n background: transparent;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 1;\n min-height: 240px;\n translate: 0 -10%;\n pointer-events: none;\n\n .sd-table__no-data {\n font-size: 12px;\n color: $grey_65;\n }\n }\n }\n\n .sd-table__pagination {\n position: relative;\n background: $grey_05;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid $grey_30;\n border-top: none;\n border-radius: 8px;\n\n sd-select {\n position: absolute;\n right: 10px;\n top: 50%;\n transform: translateY(-50%);\n }\n }\n\n // 가상 스크롤 스켈레톤 스타일\n .sd-table__virtual-spacer,\n .sd-table__virtual-row-spacer {\n padding: 0 !important;\n\n td {\n padding: 0 !important;\n border: none;\n }\n\n .sd-table__skeleton {\n width: 100%;\n height: 100%;\n background-image: repeating-linear-gradient(\n 0deg,\n rgba($grey_10, 0.3) 0px,\n rgba($grey_30, 0.5) calc(var(--row-height, 44px) / 2),\n rgba($grey_10, 0.3) var(--row-height, 44px)\n );\n background-size: 100% 200%;\n animation: skeleton-loading 1.5s ease-in-out infinite;\n position: relative;\n\n // 행 구분선\n &::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: repeating-linear-gradient(\n to bottom,\n transparent 0,\n transparent calc(var(--row-height, 44px) - 1px),\n $grey_30 calc(var(--row-height, 44px) - 1px),\n $grey_30 var(--row-height, 44px)\n );\n pointer-events: none;\n }\n }\n }\n\n // 열 구분선\n .sd-table__skeleton-cell {\n width: 100%;\n height: 20px;\n background: linear-gradient(\n 90deg,\n rgba($grey_10, 0.3) 0%,\n rgba($grey_30, 0.5) 50%,\n rgba($grey_10, 0.3) 100%\n );\n background-size: 200% 100%;\n animation: skeleton-loading 1.5s ease-in-out infinite;\n border-radius: 4px;\n }\n\n @keyframes skeleton-loading {\n 0% {\n background-position: 0% 0%;\n }\n 50% {\n background-position: 100% 100%;\n }\n 100% {\n background-position: 0% 0%;\n }\n }\n}\n","import {\n Component,\n Element,\n Prop,\n State,\n Event,\n Watch,\n h,\n EventEmitter,\n Host,\n readTask,\n} from '@stencil/core';\nimport { CheckedType } from '../sd-checkbox/sd-checkbox';\nimport { SelectOption } from '../sd-select/sd-select';\nimport { SdSelectCustomEvent } from '../../components';\n\nexport type SdTableSortDir = 'asc' \| 'desc' \| 'none';\n\nexport interface SdTableColumn {\n name: string;\n label: string;\n field: string \| ((row: any) => any);\n align?: 'left' \| 'center' \| 'right';\n width?: string;\n format?: (value: any, row: any) => string;\n visible?: boolean;\n usePageMoveIcon?: boolean;\n tooltip?: string[];\n tooltipOptions?: Record<string, any>;\n tdClass?: string;\n minWidth?: number;\n maxWidth?: number;\n thStyle?: Record<string, any>;\n thClass?: string;\n}\n\nexport interface Row {\n [key: string]: any;\n}\n\n@Component({\n tag: 'sd-table',\n styleUrl: 'sd-table.scss',\n})\nexport class SdTable {\n @Element() el!: HTMLElement;\n\n @Prop() columns!: SdTableColumn[];\n @Prop({ mutable: true }) rows!: Row[];\n @Prop({ mutable: true }) selected: Row[] = [];\n @Prop() rowKey: string = 'id';\n @Prop() selectable: boolean = false;\n @Prop() resizable: boolean = false;\n @Prop() width?: string;\n @Prop() height?: string;\n @Prop() stickyHeader: boolean = false;\n @Prop() stickyColumn: { left?: number; right?: number } = { left: 0, right: 0 };\n @Prop() noDataLabel: string = '데이터가 없습니다.';\n @Prop() isLoading: boolean = false;\n @Prop() pagination?: {\n page: number;\n rowsPerPage: number;\n lastPage?: number;\n };\n @Prop() headerCellRenderer?: (column: SdTableColumn) => HTMLElement \| string \| null \| undefined;\n @Prop() bodyCellRenderer?: (\n column: SdTableColumn,\n row: Row,\n ) => HTMLElement \| string \| null \| undefined;\n @Prop() useInternalPagination: boolean = false;\n @Prop() useRowsPerPageSelect: boolean = false;\n @Prop() rowsPerPageOption: SelectOption[] = [\n { label: '10개씩 보기', value: 10 },\n { label: '25개씩 보기', value: 25 },\n { label: '50개씩 보기', value: 50 },\n { label: '100개씩 보기', value: 100 },\n ];\n @Prop() useVirtualScroll: { vertical?: boolean; horizontal?: boolean } = {}; // 가상 스크롤 사용 여부\n @Prop() virtualRowHeight: number = 44; // 가상 스크롤 사용시 각 행의 높이 - 세로 가상 스크롤 사용시 필수값\n // 가상 스크롤 사용시 각 열의 너비 - 가로 가상 스크롤 사용시 필수값\n // 가상화하려는 컬럼의 넓이는 무조건 고정(resizable의 경우 넓이가 변동되는데 이때에는 고려 x)\n @Prop() virtualColumnWidth: number = 120;\n @Prop() virtualBufferSize: { vertical?: number; horizontal?: number } = {\n vertical: 5,\n horizontal: 5,\n }; // 가상 스크롤 위아래 버퍼 크기\n\n @Event() sdSelectChange!: EventEmitter<Row[]>;\n @Event() sdPageChange!: EventEmitter<number>;\n @Event() sdRowsPerPageChange!: EventEmitter<number>;\n\n @State() currentPage: number = this.pagination?.page \|\| 1;\n @State() innerRows: Row[] = [];\n @State() innerSelected: Set<Row> = new Set();\n @State() columnWidths: number[] = [];\n @State() scrolledLeft: boolean = false;\n @State() scrolledRight: boolean = false;\n // 세로 가상 스크롤 상태값\n @State() virtualStartIndex: number = 0;\n @State() virtualEndIndex: number = 0;\n @State() scrollTopPosition: number = 0;\n // 가로 가상 스크롤 상태값\n @State() virtualStartColIdx: number = 0;\n @State() virtualEndColIdx: number = 0;\n @State() scrollLeftPosition: number = 0;\n\n // 가상 스크롤 Raf(Request Animation Frame) 관리\n private scrollRequestAnimationFrame: number \| null = null;\n private scrollContainer: HTMLElement \| null = null;\n private rafScheduled = false;\n private pendingUpdates = {\n vertical: false,\n horizontal: false,\n };\n\n // 상태 캐시값\n private cachedVisibleColumns: SdTableColumn[] \| null = null;\n private lastColumnsRef: SdTableColumn[] \| null = null;\n private cachedVirtualRows: { row: Row; actualIndex: number }[] \| null = null;\n private cachedVirtualIndexKey: string = '';\n private cachedColumnOrder: {\n stickyLeftCount: number;\n stickyRightCount: number;\n stickyLeftCols: SdTableColumn[];\n middleCols: SdTableColumn[];\n stickyRightCols: SdTableColumn[];\n } \| null = null;\n private lastColumnOrderKey: string = '';\n\n // DOM 측정 캐시값\n private cachedContainerHeight: number = 0;\n private cachedContainerWidth: number = 0;\n\n // 스타일 캐시\n private stickyStyleCache: Map<number, Record<string, any>> = new Map();\n\n // isAllChecked 캐시\n private cachedIsAllChecked: boolean \| null \| undefined;\n private lastSelectionKey: string = '';\n\n private onScroll?: () => void;\n\n @Watch('columns')\n handleColumnsChange(newCols: SdTableColumn[]) {\n this.columnWidths = newCols.map(c => parseInt(c.width \|\| '120', 10));\n this.cleanUpVirtualCache();\n this.stickyStyleCache.clear();\n\n if (this.useVirtualScroll.horizontal) {\n this.scheduleUpdate('horizontal');\n }\n }\n\n @Watch('columnWidths')\n handleColumnWidthsChange() {\n this.stickyStyleCache.clear();\n\n if (this.useVirtualScroll.horizontal) {\n this.scheduleUpdate('horizontal');\n }\n }\n\n @Watch('rows')\n handleRowsChange(newRows: Row[]) {\n this.innerRows = [...newRows];\n this.cleanUpVirtualCache();\n\n if (this.useVirtualScroll.vertical) {\n this.scheduleUpdate('vertical');\n }\n }\n\n @Watch('selected')\n handleSelectedChange(newSelected: Row[]) {\n this.innerSelected = new Set(newSelected);\n }\n\n private cleanUpVirtualCache() {\n this.cachedVisibleColumns = null;\n this.lastColumnsRef = null;\n this.cachedVirtualRows = null;\n this.cachedVirtualIndexKey = '';\n this.cachedColumnOrder = null;\n this.lastColumnOrderKey = '';\n }\n\n @Watch('pagination')\n handlePaginationChange(\n newVal?: { page: number; rowsPerPage: number; lastPage?: number } \| undefined,\n ) {\n if (newVal?.page && newVal.page !== this.currentPage) {\n this.currentPage = newVal.page;\n if (this.useVirtualScroll.vertical && this.scrollContainer) {\n this.scrollContainer.scrollTo({ top: 0, behavior: 'instant' });\n this.scrollTopPosition = 0;\n this.calculateVisibleRange();\n }\n }\n }\n\n componentWillLoad() {\n this.innerRows = [...(this.rows \|\| [])];\n this.innerSelected = new Set(this.selected \|\| []);\n this.columnWidths = (this.columns \|\| []).map(c => parseInt(c.width \|\| '120', 10));\n\n if (this.pagination?.page) {\n this.currentPage = this.pagination.page;\n }\n }\n\n componentDidLoad() {\n readTask(() => {\n const middle = this.el.querySelector('.sd-table__middle');\n\n if (!middle) return;\n\n this.onScroll = () => {\n const scrollLeft = middle.scrollLeft;\n const scrollWidth = middle.scrollWidth;\n const clientWidth = middle.clientWidth;\n const scrollTop = middle.scrollTop;\n\n const verticalChanged = this.useVirtualScroll.vertical && this.scrollTopPosition !== scrollTop;\n const horizontalChanged =\n this.useVirtualScroll.horizontal && this.scrollLeftPosition !== scrollLeft;\n\n const newScrolledLeft = scrollLeft > 0;\n const newScrolledRight = scrollLeft + clientWidth < scrollWidth;\n\n if (this.scrolledLeft !== newScrolledLeft \|\| this.scrolledRight !== newScrolledRight) {\n this.scrolledLeft = newScrolledLeft;\n this.scrolledRight = newScrolledRight;\n }\n\n if (verticalChanged \|\| horizontalChanged) {\n if (this.scrollRequestAnimationFrame !== null) {\n cancelAnimationFrame(this.scrollRequestAnimationFrame);\n }\n\n this.scrollRequestAnimationFrame = requestAnimationFrame(() => {\n if (verticalChanged) {\n this.scrollTopPosition = scrollTop;\n this.calculateVisibleRange();\n }\n if (horizontalChanged) {\n this.scrollLeftPosition = scrollLeft;\n this.calculateVisibleColumnRange();\n }\n this.scrollRequestAnimationFrame = null;\n });\n }\n };\n\n this.scrollContainer = middle as HTMLElement;\n requestAnimationFrame(() => {\n if (this.scrollContainer && this.onScroll) {\n this.cachedContainerHeight = this.scrollContainer.clientHeight;\n this.cachedContainerWidth = this.scrollContainer.clientWidth;\n\n middle.addEventListener('scroll', this.onScroll, { passive: true });\n\n if (this.useVirtualScroll.vertical) {\n this.calculateVisibleRange();\n }\n if (this.useVirtualScroll.horizontal) {\n this.calculateVisibleColumnRange();\n }\n\n this.onScroll();\n }\n });\n });\n }\n\n private changePage(page: number) {\n if (!this.useInternalPagination) {\n this.sdPageChange.emit(page);\n return;\n }\n\n this.currentPage = page;\n this.sdPageChange.emit(this.currentPage);\n }\n\n private changeRowsPerPage(perPage: string \| number \| null) {\n const changedRowsPerPage = perPage ? Number(perPage) : 0;\n\n if (!this.useInternalPagination) {\n this.sdRowsPerPageChange.emit(changedRowsPerPage);\n return;\n }\n\n const newRowsPerPage = Number(perPage \|\| 0);\n let newLastPage = Math.max(1, Math.ceil(this.innerRows.length / newRowsPerPage));\n let newCurrentPage = this.currentPage;\n\n if (newCurrentPage > newLastPage) {\n newCurrentPage = newLastPage;\n }\n\n this.pagination = {\n page: newCurrentPage,\n rowsPerPage: newRowsPerPage,\n lastPage: newLastPage,\n };\n this.currentPage = newCurrentPage;\n this.sdRowsPerPageChange.emit(changedRowsPerPage);\n }\n\n disconnectedCallback() {\n if (this.scrollContainer && this.onScroll) {\n this.scrollContainer.removeEventListener('scroll', this.onScroll);\n }\n\n if (this.scrollRequestAnimationFrame !== null) {\n cancelAnimationFrame(this.scrollRequestAnimationFrame);\n }\n }\n\n // ----- Derived getters -----\n private get visibleColumns(): SdTableColumn[] {\n if (this.cachedVisibleColumns && this.lastColumnsRef === this.columns) {\n return this.cachedVisibleColumns;\n }\n this.lastColumnsRef = this.columns;\n this.cachedVisibleColumns = this.columns.filter(col => col.visible !== false);\n return this.cachedVisibleColumns;\n }\n\n private get paginatedRows(): Row[] {\n if (!this.pagination \|\| !this.useInternalPagination) return this.innerRows;\n\n const { rowsPerPage = this.rows.length } = this.pagination \|\| {};\n\n return this.innerRows.slice((this.currentPage - 1) * rowsPerPage, this.currentPage * rowsPerPage);\n }\n\n private get virtualRows(): { row: Row; actualIndex: number }[] {\n const newVirtualIndexKey = `${this.virtualStartIndex}-${this.virtualEndIndex}`;\n\n if (this.cachedVirtualRows && this.cachedVirtualIndexKey === newVirtualIndexKey) {\n return this.cachedVirtualRows;\n }\n\n this.cachedVirtualIndexKey = newVirtualIndexKey;\n\n if (!this.useVirtualScroll.vertical) {\n this.cachedVirtualRows = this.paginatedRows.map((row, idx) => ({ row, actualIndex: idx }));\n } else {\n this.cachedVirtualRows = this.paginatedRows\n .slice(this.virtualStartIndex, this.virtualEndIndex + 1)\n .map((row, relativeIdx) => ({\n row,\n actualIndex: this.virtualStartIndex + relativeIdx,\n }));\n }\n\n return this.cachedVirtualRows;\n }\n\n private get topSpacerHeight(): number {\n if (!this.useVirtualScroll.vertical \|\| this.virtualStartIndex === 0) return 0;\n return this.virtualStartIndex * this.virtualRowHeight;\n }\n\n private get bottomSpacerHeight(): number {\n if (!this.useVirtualScroll.vertical) return 0;\n const remainingRows = this.paginatedRows.length - this.virtualEndIndex - 1;\n return remainingRows > 0 ? remainingRows * this.virtualRowHeight : 0;\n }\n\n private getHorizontalSpacerWidth(position: 'left' \| 'right'): number {\n const stickyLeftCount = this.stickyColumn.left \|\| 0;\n const stickyRightCount = this.stickyColumn.right \|\| 0;\n const virtualColumnWidths = this.columnWidths.slice(\n stickyLeftCount,\n this.visibleColumns.length - stickyRightCount,\n );\n const remainingCols = virtualColumnWidths.length - this.virtualEndColIdx - 1;\n if (position === 'right' && remainingCols <= 0) return 0;\n\n const targetIndex =\n position === 'left' ? [0, this.virtualStartColIdx] : [this.virtualEndColIdx + 1];\n return virtualColumnWidths.slice(...targetIndex).reduce((sum, width) => sum + width, 0);\n }\n\n private get leftSpacerWidth(): number {\n if (!this.useVirtualScroll.horizontal \|\| this.virtualStartColIdx === 0) {\n return 0;\n }\n\n return this.getHorizontalSpacerWidth('left');\n }\n\n private get rightSpacerWidth(): number {\n if (!this.useVirtualScroll.horizontal) {\n return 0;\n }\n\n return this.getHorizontalSpacerWidth('right');\n }\n\n private get totalVirtualHeight(): number {\n if (!this.useVirtualScroll.vertical) return 0;\n return this.paginatedRows.length * this.virtualRowHeight;\n }\n\n private get lastPageNumber(): number {\n const { lastPage, rowsPerPage = this.rows.length } = this.pagination \|\| {};\n\n return lastPage ?? Math.max(1, Math.ceil(this.rows.length / rowsPerPage));\n }\n\n private get sdTableClasses() {\n return [\n 'sd-table',\n this.stickyHeader && 'sd-table--sticky-header',\n this.selectable && 'sd-table--selectable',\n this.resizable && 'sd-table--resizable',\n !this.innerRows.length && 'sd-table--no-data',\n ((this.stickyColumn?.left ?? 0) > 0 \|\| (this.stickyColumn?.right ?? 0) > 0) &&\n 'sd-table--sticky-column',\n this.scrolledLeft && 'sd-table--scrolled-left',\n this.scrolledRight && 'sd-table--scrolled-right',\n ]\n .filter(Boolean)\n .join(' ');\n }\n\n // ----- Selection -----\n private isRowSelected(row: Row): boolean {\n return Array.from(this.innerSelected).some(r => r[this.rowKey] === row[this.rowKey]);\n }\n\n private updateRowSelect(row: Row) {\n const selectedArray = Array.from(this.innerSelected);\n const exists = this.isRowSelected(row);\n const newSelected = exists\n ? selectedArray.filter(r => r[this.rowKey] !== row[this.rowKey])\n : [...selectedArray, row];\n\n // 동일 상태면 set하지 않음 → 불필요 렌더 방지\n if (newSelected.length === selectedArray.length) return;\n\n this.innerSelected = new Set(newSelected);\n this.cachedIsAllChecked = undefined;\n\n this.selected = Array.from(this.innerSelected);\n this.sdSelectChange.emit(Array.from(this.innerSelected));\n }\n\n private toggleSelectAll(checked: CheckedType) {\n if (checked) {\n const pageRows = new Set([...this.paginatedRows]);\n this.innerSelected = new Set([...this.innerSelected, ...pageRows]);\n } else {\n const currentPageKeys = this.paginatedRows.map(r => r[this.rowKey]);\n this.innerSelected = new Set(\n [...this.innerSelected].filter(r => !currentPageKeys.includes(r[this.rowKey])),\n );\n }\n\n this.cachedIsAllChecked = undefined;\n\n this.selected = Array.from(this.innerSelected);\n this.sdSelectChange.emit(Array.from(this.innerSelected));\n }\n\n private get isAllChecked(): boolean \| null {\n const selectionKey = `${this.paginatedRows.length}-${this.innerSelected.size}`;\n\n if (this.cachedIsAllChecked !== undefined && this.lastSelectionKey === selectionKey) {\n return this.cachedIsAllChecked;\n }\n\n const total = this.paginatedRows.length;\n const selectedCount = this.paginatedRows.filter(row =>\n Array.from(this.innerSelected).some(\n selectedRow => selectedRow[this.rowKey] === row[this.rowKey],\n ),\n ).length;\n\n let result: boolean \| null;\n if (selectedCount === 0) {\n result = false; // 아무것도 안 선택됨\n } else if (selectedCount === total) {\n result = true; // 전부 선택됨\n } else {\n result = null; // 일부만 선택됨\n }\n\n this.cachedIsAllChecked = result;\n this.lastSelectionKey = selectionKey;\n\n return result;\n }\n\n // RAF 통합 관리\n private scheduleUpdate(type: 'vertical' \| 'horizontal') {\n this.pendingUpdates[type] = true;\n\n if (!this.rafScheduled) {\n this.rafScheduled = true;\n this.scrollRequestAnimationFrame = requestAnimationFrame(() => {\n if (this.pendingUpdates.vertical) this.calculateVisibleRange();\n if (this.pendingUpdates.horizontal) this.calculateVisibleColumnRange();\n\n this.pendingUpdates = { vertical: false, horizontal: false };\n this.rafScheduled = false;\n this.scrollRequestAnimationFrame = null;\n });\n }\n }\n\n // 세로 가상 스크롤 렌더링 계산\n private calculateVisibleRange() {\n if (!this.useVirtualScroll.vertical) {\n this.virtualStartIndex = 0;\n this.virtualEndIndex = this.paginatedRows.length - 1;\n return;\n }\n\n const scrollTop = this.scrollTopPosition;\n let containerHeight = this.cachedContainerHeight;\n\n if (containerHeight === 0 && this.scrollContainer) {\n containerHeight = this.scrollContainer.clientHeight;\n this.cachedContainerHeight = containerHeight;\n }\n\n const bufferSize = this.virtualBufferSize.vertical \|\| 5;\n const startIndex = Math.floor(scrollTop / this.virtualRowHeight);\n const visibleCount = Math.ceil(containerHeight / this.virtualRowHeight);\n const endIndex = startIndex + visibleCount - 1;\n\n const newStartIndex = Math.max(0, startIndex - bufferSize);\n const newEndIndex = Math.min(this.paginatedRows.length - 1, endIndex + bufferSize);\n\n // 실제로 변경된 경우에만 상태 업데이트\n if (this.virtualStartIndex !== newStartIndex \|\| this.virtualEndIndex !== newEndIndex) {\n this.virtualStartIndex = newStartIndex;\n this.virtualEndIndex = newEndIndex;\n }\n }\n\n // 가로 가상 스크롤 렌더링 계산\n private calculateVisibleColumnRange() {\n if (!this.useVirtualScroll.horizontal) {\n this.virtualStartColIdx = 0;\n this.virtualEndColIdx = this.visibleColumns.length - 1;\n return;\n }\n\n const scrollLeft = this.scrollLeftPosition;\n // 캐시된 값 사용, 없으면 측정 후 캐시\n let containerWidth = this.cachedContainerWidth;\n if (containerWidth === 0 && this.scrollContainer) {\n containerWidth = this.scrollContainer.clientWidth;\n this.cachedContainerWidth = containerWidth;\n }\n\n const stickyLeftCount = this.stickyColumn.left \|\| 0;\n const stickyRightCount = this.stickyColumn.right \|\| 0;\n\n // 가상 스크롤 컬럼 - sticky column 제외\n const virtualColumns = this.visibleColumns.slice(\n stickyLeftCount,\n this.visibleColumns.length - stickyRightCount,\n );\n\n if (virtualColumns.length === 0) {\n this.virtualStartColIdx = 0;\n this.virtualEndColIdx = 0;\n return;\n }\n\n const stickyLeftWidth =\n this.columnWidths.slice(0, stickyLeftCount).reduce((sum, width) => sum + width, 0) +\n (this.selectable ? 52 : 0);\n const stickyRightWidth = this.columnWidths\n .slice(this.visibleColumns.length - stickyRightCount)\n .reduce((sum, width) => sum + width, 0);\n\n // 가상 스크롤 영역의 너비 계산\n const virtualScrollableWidth = containerWidth - stickyLeftWidth - stickyRightWidth;\n const virtualColumnWidths = this.columnWidths.slice(\n stickyLeftCount,\n this.visibleColumns.length - stickyRightCount,\n );\n const virtualScrollLeft = Math.max(0, scrollLeft - stickyLeftWidth);\n\n const reducedVirtualWidth = virtualColumnWidths.reduce((acc, width, idx) => {\n acc.push((acc[idx - 1] \|\| 0) + width);\n return acc;\n }, [] as number[]);\n\n let startIdx = 0; // 가상 스크롤 시작 인덱스\n let endIdx = virtualColumns.length - 1; // 가상 스크롤 종료 인덱스\n\n // sticky left 영역 제외한 스크롤 위치\n for (let i = 0; i < reducedVirtualWidth.length; i++) {\n if (reducedVirtualWidth[i] > virtualScrollLeft) {\n startIdx = Math.max(0, i);\n break;\n }\n }\n\n const scrollRight = virtualScrollLeft + virtualScrollableWidth;\n for (let i = startIdx; i < reducedVirtualWidth.length; i++) {\n if (reducedVirtualWidth[i] >= scrollRight) {\n endIdx = Math.min(virtualColumns.length - 1, i);\n break;\n }\n }\n\n const bufferSize = this.virtualBufferSize.horizontal \|\| 5;\n const newStartColIdx = Math.max(0, startIdx - bufferSize);\n const newEndColIdx = Math.min(virtualColumns.length - 1, endIdx + bufferSize);\n\n // 실제로 변경된 경우에만 상태 업데이트\n if (this.virtualStartColIdx !== newStartColIdx \|\| this.virtualEndColIdx !== newEndColIdx) {\n this.virtualStartColIdx = newStartColIdx;\n this.virtualEndColIdx = newEndColIdx;\n }\n }\n\n // ----- Helpers -----\n private getStickyStyle(colIdx: number) {\n // 캐시된 스타일이 있으면 반환\n if (this.stickyStyleCache.has(colIdx)) {\n return this.stickyStyleCache.get(colIdx)!;\n }\n\n const leftOffset =\n this.columnWidths.slice(0, colIdx).reduce((a, b) => a + b, 0) + (this.selectable ? 52 : 0);\n const rightOffset = this.columnWidths\n .filter((_, i) => i >= this.visibleColumns.length - (this.stickyColumn.right \|\| 0) && i > colIdx)\n .reduce((a, b) => a + b, 0);\n\n const style = {\n '--sticky-left-offset': `${leftOffset}px`,\n '--sticky-right-offset': `${rightOffset}px`,\n 'width': `${this.columnWidths[colIdx]}px`,\n 'minWidth': `${this.columnWidths[colIdx]}px`,\n 'maxWidth': `${this.columnWidths[colIdx]}px`,\n };\n\n // 스타일 캐시에 저장\n this.stickyStyleCache.set(colIdx, style);\n return style;\n }\n\n private handleResize(index: number, event: MouseEvent) {\n // SSR 환경 체크\n if (typeof document === 'undefined') return;\n\n const startX = event.clientX;\n const startWidth = this.columnWidths[index];\n\n const handleMouseMove = (moveEvent: MouseEvent) => {\n const targetColumn = this.columnWidths[index];\n if (!targetColumn) return;\n const minWidth = this.columns[index]?.minWidth \|\| 50;\n const maxWidth = this.columns[index]?.maxWidth \|\| 9999;\n const newWidth = Math.min(Math.max(startWidth + moveEvent.clientX - startX, minWidth), maxWidth);\n\n this.columnWidths = this.columnWidths.map((width, idx) => (idx === index ? newWidth : width));\n };\n\n const handleMouseUp = () => {\n document.removeEventListener('mousemove', handleMouseMove);\n document.removeEventListener('mouseup', handleMouseUp);\n };\n\n document.addEventListener('mousemove', handleMouseMove);\n document.addEventListener('mouseup', handleMouseUp);\n }\n\n private getCellValue(column: SdTableColumn, row: Row) {\n const { field, format, name } = column;\n const value = typeof field === 'function' ? field(row) : field ? row[field] : row[name];\n return format ? format(value, row) : value;\n }\n\n private getColumnRenderedInOrder() {\n const orderKey = `${this.visibleColumns.length}-${this.virtualStartColIdx}-${this.virtualEndColIdx}`;\n\n if (this.cachedColumnOrder && this.lastColumnOrderKey === orderKey) {\n return this.cachedColumnOrder;\n }\n\n const stickyLeftCount = this.stickyColumn.left \|\| 0;\n const stickyRightCount = this.stickyColumn.right \|\| 0;\n\n // Sticky left 컬럼들\n const stickyLeftCols = this.visibleColumns.slice(0, stickyLeftCount);\n const stickyRightCols = this.visibleColumns.slice(this.visibleColumns.length - stickyRightCount);\n const middleCols = this.useVirtualScroll.horizontal\n ? this.visibleColumns\n .slice(stickyLeftCount, this.visibleColumns.length - stickyRightCount)\n .slice(this.virtualStartColIdx, this.virtualEndColIdx + 1)\n : this.visibleColumns.slice(stickyLeftCount, this.visibleColumns.length - stickyRightCount);\n\n this.cachedColumnOrder = {\n stickyLeftCount,\n stickyRightCount,\n stickyLeftCols,\n middleCols,\n stickyRightCols,\n };\n this.lastColumnOrderKey = orderKey;\n\n return this.cachedColumnOrder;\n }\n\n // ----- Render -----\n private renderHead() {\n const { stickyLeftCount, stickyRightCount, stickyLeftCols, middleCols, stickyRightCols } =\n this.getColumnRenderedInOrder();\n\n return (\n <thead>\n <tr>\n {this.selectable && (\n <th\n class={{\n 'sd-th': true,\n 'sd-th--selected': true,\n 'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),\n }}\n style={{\n '--sticky-left-offset': '0px',\n }}\n >\n <sd-checkbox\n value={this.isAllChecked}\n disabled={!this.paginatedRows.length}\n onSdUpdate={(e: CustomEvent<CheckedType>) => this.toggleSelectAll(e.detail)}\n ></sd-checkbox>\n </th>\n )}\n\n {/* Sticky Left 컬럼 - 가상 스크롤과 함께 렌더링시에 매번 재렌더링 후 위치를 조정하여 ux가 이상하기에 분리 /}\n {stickyLeftCols.map((col, idx) => {\n const rendered = this.headerCellRenderer?.(col);\n\n return (\n <th\n key={col.name}\n class={{\n 'sd-th': true,\n [`${col.thClass}`]: Boolean(col.thClass),\n 'sticky-left': true,\n 'sticky-left-edge': idx === stickyLeftCount - 1,\n }}\n style={{ ...col.thStyle, ...this.getStickyStyle(idx) }}\n >\n <div class={`sd-th__content sd-th__content--${col.align \|\| 'left'}`}>\n <slot name={`header-cell-${col.name}`}>\n <div class=\"sd-th__content--label\">\n {rendered ? (\n typeof rendered === 'string' ? (\n <span innerHTML={rendered}></span>\n ) : (\n rendered\n )\n ) : (\n col.label\n )}\n </div>\n </slot>\n\n {col.usePageMoveIcon && <sd-icon name=\"pageMove\" size=\"12\" color=\"#006AC1\" />}\n\n {col.tooltip && (\n <sd-tooltip {...col.tooltipOptions}>\n <div slot=\"content\">\n {col.tooltip.map(text => (\n <p>{text}</p>\n ))}\n </div>\n </sd-tooltip>\n )}\n </div>\n\n {this.resizable && typeof window !== 'undefined' && (\n <div\n class=\"sd-th__resizer\"\n onMouseDown={(evt: MouseEvent) => this.handleResize(idx, evt)}\n ></div>\n )}\n </th>\n );\n })}\n\n {/ 가로 가상 스크롤 왼쪽 Spacer /}\n {this.renderSpacerTd('left', -1)}\n\n {/ 중간 컬럼 /}\n {middleCols.map((col, relativeIdx) => {\n const actualColIdx = stickyLeftCount + this.virtualStartColIdx + relativeIdx;\n const rendered = this.headerCellRenderer?.(col);\n\n return (\n <th\n key={col.name}\n class={{\n 'sd-th': true,\n [`${col.thClass}`]: Boolean(col.thClass),\n }}\n style={{ ...col.thStyle, ...this.getStickyStyle(actualColIdx) }}\n >\n <div class={`sd-th__content sd-th__content--${col.align \|\| 'left'}`}>\n <slot name={`header-cell-${col.name}`}>\n <div class=\"sd-th__content--label\">\n {rendered ? (\n typeof rendered === 'string' ? (\n <span innerHTML={rendered}></span>\n ) : (\n rendered\n )\n ) : (\n col.label\n )}\n </div>\n </slot>\n\n {col.usePageMoveIcon && <sd-icon name=\"pageMove\" size=\"12\" color=\"#006AC1\" />}\n\n {col.tooltip && (\n <sd-tooltip {...col.tooltipOptions}>\n <div slot=\"content\">\n {col.tooltip.map(text => (\n <p>{text}</p>\n ))}\n </div>\n </sd-tooltip>\n )}\n </div>\n\n {this.resizable && typeof window !== 'undefined' && (\n <div\n class=\"sd-th__resizer\"\n onMouseDown={(evt: MouseEvent) => this.handleResize(actualColIdx, evt)}\n ></div>\n )}\n </th>\n );\n })}\n\n {/ 가로 가상 스크롤 오른쪽 Spacer /}\n {this.renderSpacerTd('right', -1)}\n\n {/ Sticky Right 컬럼 - left와 동일 /}\n {stickyRightCols.map((col, relativeIdx) => {\n const actualColIdx = this.visibleColumns.length - stickyRightCount + relativeIdx;\n const rendered = this.headerCellRenderer?.(col);\n\n return (\n <th\n key={col.name}\n class={{\n 'sd-th': true,\n [`${col.thClass}`]: Boolean(col.thClass),\n 'sticky-right': true,\n 'sticky-right-edge': relativeIdx === 0,\n }}\n style={{ ...col.thStyle, ...this.getStickyStyle(actualColIdx) }}\n >\n <div class={`sd-th__content sd-th__content--${col.align \|\| 'left'}`}>\n <slot name={`header-cell-${col.name}`}>\n <div class=\"sd-th__content--label\">\n {rendered ? (\n typeof rendered === 'string' ? (\n <span innerHTML={rendered}></span>\n ) : (\n rendered\n )\n ) : (\n col.label\n )}\n </div>\n </slot>\n\n {col.usePageMoveIcon && <sd-icon name=\"pageMove\" size=\"12\" color=\"#006AC1\" />}\n\n {col.tooltip && (\n <sd-tooltip {...col.tooltipOptions}>\n <div slot=\"content\">\n {col.tooltip.map(text => (\n <p>{text}</p>\n ))}\n </div>\n </sd-tooltip>\n )}\n </div>\n\n {this.resizable && typeof window !== 'undefined' && (\n <div\n class=\"sd-th__resizer\"\n onMouseDown={(evt: MouseEvent) => this.handleResize(actualColIdx, evt)}\n ></div>\n )}\n </th>\n );\n })}\n </tr>\n </thead>\n );\n }\n\n private renderBody() {\n return (\n <tbody\n {...(!this.paginatedRows.length && { part: 'tbody-empty' })}\n class={`sd-table-tbody ${this.useVirtualScroll.vertical ? 'sd-table-tbody--virtual-scroll' : ''}`}\n style={{ '--total-virtual-height': `${this.totalVirtualHeight}px` }}\n >\n {/ {this.isLoading && (\n <div class=\"sd-table__loading\">\n <sd-loading-spinner />\n </div>\n )} /}\n\n {/ 세로 가상 스크롤 상단 여백 /}\n {this.useVirtualScroll.vertical && this.topSpacerHeight > 0 && this.renderSpacerRow('top')}\n\n {this.paginatedRows.length > 0 &&\n this.virtualRows.map(({ row, actualIndex }) => this.renderRow(row, actualIndex))}\n\n {/ 세로 가상 스크롤 하단 여백 /}\n {this.useVirtualScroll.vertical &&\n this.bottomSpacerHeight > 0 &&\n this.renderSpacerRow('bottom')}\n </tbody>\n );\n }\n\n private renderRow(row: Row, rowIdx: number) {\n const { stickyLeftCount, stickyRightCount, stickyLeftCols, middleCols, stickyRightCols } =\n this.getColumnRenderedInOrder();\n\n return (\n <tr\n key={row[this.rowKey]}\n class=\"hover:bg-Grey_Lighten-6\"\n style={\n this.useVirtualScroll.vertical\n ? {\n height: `${this.virtualRowHeight}px`,\n }\n : {}\n }\n >\n {this.selectable && (\n <td\n class={{\n 'sd-td': true,\n 'sd-td--selected': true,\n 'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),\n }}\n style={{\n '--sticky-left-offset': '0px',\n }}\n >\n <sd-checkbox\n value={this.isRowSelected(row)}\n disabled={!this.paginatedRows.length}\n onSdUpdate={() => this.updateRowSelect(row)}\n ></sd-checkbox>\n </td>\n )}\n\n {/ Sticky Left 컬럼 - 가상 스크롤과 함께 렌더링시에 매번 재렌더링 후 위치를 조정하여 ux가 이상하기에 분리 /}\n {stickyLeftCols.map((column, idx) => {\n const rendered = this.bodyCellRenderer?.(column, row);\n\n return (\n <td\n key={column.name}\n part={`td-${column.name}`}\n class={{\n 'sd-td': true,\n [`sd-td--${column.align \|\| 'left'}`]: true,\n 'sticky-left': true,\n 'sticky-left-edge': idx === stickyLeftCount - 1,\n [`${column.tdClass}`]: Boolean(column.tdClass),\n }}\n style={this.getStickyStyle(idx)}\n >\n <slot name={`body-cell-${column.name}-${rowIdx}`}>\n {rendered ? (\n typeof rendered === 'string' ? (\n <span innerHTML={rendered}></span>\n ) : (\n rendered\n )\n ) : (\n this.getCellValue(column, row)\n )}\n </slot>\n </td>\n );\n })}\n\n {/ 가로 가상 스크롤 왼쪽 Spacer /}\n {this.renderSpacerTd('left', rowIdx)}\n\n {/ 가상 스크롤 중간 컬럼들 /}\n {middleCols.map((column, relativeIdx) => {\n const actualColIdx = stickyLeftCount + this.virtualStartColIdx + relativeIdx;\n const rendered = this.bodyCellRenderer?.(column, row);\n\n return (\n <td\n key={column.name}\n part={`td-${column.name}`}\n class={{\n 'sd-td': true,\n [`sd-td--${column.align \|\| 'left'}`]: true,\n [`${column.tdClass}`]: Boolean(column.tdClass),\n }}\n style={this.getStickyStyle(actualColIdx)}\n >\n <slot name={`body-cell-${column.name}-${rowIdx}`}>\n {rendered ? (\n typeof rendered === 'string' ? (\n <span innerHTML={rendered}></span>\n ) : (\n rendered\n )\n ) : (\n this.getCellValue(column, row)\n )}\n </slot>\n </td>\n );\n })}\n\n {/ 가로 가상 스크롤 오른쪽 Spacer /}\n {this.renderSpacerTd('right', rowIdx)}\n\n {/ Sticky Right 컬럼 - left와 동일 */}\n {stickyRightCols.map((column, relativeIdx) => {\n const actualColIdx = this.visibleColumns.length - stickyRightCount + relativeIdx;\n const rendered = this.bodyCellRenderer?.(column, row);\n\n return (\n <td\n key={column.name}\n part={`td-${column.name}`}\n class={{\n 'sd-td': true,\n [`sd-td--${column.align \|\| 'left'}`]: true,\n 'sticky-right': true,\n 'sticky-right-edge': relativeIdx === 0,\n [`${column.tdClass}`]: Boolean(column.tdClass),\n }}\n style={this.getStickyStyle(actualColIdx)}\n >\n <slot name={`body-cell-${column.name}-${rowIdx}`}>\n {rendered ? (\n typeof rendered === 'string' ? (\n <span innerHTML={rendered}></span>\n ) : (\n rendered\n )\n ) : (\n this.getCellValue(column, row)\n )}\n </slot>\n </td>\n );\n })}\n </tr>\n );\n }\n\n private renderSpacerRow(position: 'top' \| 'bottom') {\n const spacerHeight = position === 'top' ? this.topSpacerHeight : this.bottomSpacerHeight;\n\n return (\n <tr\n key={`virtual-${position}-spacer`}\n class=\"sd-table__virtual-row-spacer\"\n style={{\n height: `${spacerHeight}px`,\n }}\n aria-hidden=\"true\"\n >\n <td colSpan={this.visibleColumns.length + (this.selectable ? 1 : 0)}>\n <div\n class=\"sd-table__skeleton\"\n style={{\n '--row-height': `${this.virtualRowHeight}px`,\n }}\n ></div>\n </td>\n </tr>\n );\n }\n\n private renderSpacerTd(position: 'left' \| 'right', rowIdx: number) {\n const spacerWidth = position === 'left' ? this.leftSpacerWidth : this.rightSpacerWidth;\n const showSpacer =\n position === 'left'\n ? this.useVirtualScroll.horizontal && this.leftSpacerWidth > 0\n : this.useVirtualScroll.horizontal && this.rightSpacerWidth > 0;\n\n if (!showSpacer) return null;\n\n return (\n <td\n key={`virtual-${position}-spacer-${rowIdx}`}\n class=\"sd-table__virtual-spacer\"\n style={{\n width: `${spacerWidth}px`,\n minWidth: `${spacerWidth}px`,\n maxWidth: `${spacerWidth}px`,\n padding: '0',\n border: 'none',\n }}\n aria-hidden=\"true\"\n >\n <div class=\"sd-table__skeleton-cell\"></div>\n </td>\n );\n }\n\n render() {\n return (\n <Host>\n <div\n class=\"sd-table__wrapper\"\n style={{\n '--table-width': this.width,\n '--table-height': this.height,\n }}\n >\n <div\n class=\"sd-table__container\"\n style={{\n '--table-container-height': `calc(${this.height} - ${this.pagination && this.innerRows.length > 0 ? 48 : 0}px)`,\n }}\n >\n <div\n class={{\n 'sd-table__middle': true,\n 'sd-table__middle--scrollable': this.paginatedRows.length > 0,\n 'sd-table__middle--loading': this.isLoading,\n }}\n >\n {this.isLoading && (\n <div class=\"sd-table__middle--loading__spinner\">\n <sd-loading-spinner />\n </div>\n )}\n <table part=\"table\" class={this.sdTableClasses}>\n {this.renderHead()}\n\n {this.renderBody()}\n </table>\n </div>\n\n {!this.paginatedRows.length && (\n <div class=\"sd-table__bottom\">\n <div class=\"sd-table__no-data\">\n <slot name=\"no-data\">{this.noDataLabel}</slot>\n </div>\n </div>\n )}\n </div>\n\n {this.pagination && this.innerRows.length > 0 && (\n <div class=\"sd-table__pagination\">\n <sd-pagination\n currentPage={!this.useInternalPagination ? this.pagination.page : this.currentPage}\n lastPage={!this.useInternalPagination ? this.pagination.lastPage : this.lastPageNumber}\n onSdPageChange={(e: CustomEvent<number>) => this.changePage(e.detail)}\n />\n\n {this.useRowsPerPageSelect && (\n <sd-select\n value={this.pagination.rowsPerPage}\n options={this.rowsPerPageOption}\n width=\"128px\"\n onSdUpdate={(e: SdSelectCustomEvent<{ value: string \| number \| null }>) =>\n this.changeRowsPerPage(e.detail.value)\n }\n />\n )}\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/sd-tabs.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-CQBrru3e.js';
-import { d as defineCustomElement$2 } from './p-BA38jFi5.js';
+import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-YLoygqPr.js';
+import { d as defineCustomElement$2 } from './p-DssRJcAn.js';
-const sdTabsCss = () => `sd-tabs{display:inline-block}sd-tabs .sd-tabs{display:flex;flex-direction:row;gap:4px;border-bottom:1px solid #0075ff}sd-tabs .sd-tabs__tab{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid #cccccc;border-bottom:none;border-radius:4px 4px 0 0;background-color:#f6f6f6;color:#888888;font-weight:400;transition:all 0.2s ease;position:relative;user-select:none}sd-tabs .sd-tabs__tab::after{content:attr(data-label);position:absolute;font-weight:400;transition:font-weight 0.2s ease}sd-tabs .sd-tabs__tab::before{content:"";position:absolute;inset:0;opacity:0;transition:all 0.3s}sd-tabs .sd-tabs__tab--selected{border-color:#0075ff;color:#0075ff;background-color:white}sd-tabs .sd-tabs__tab--selected::after{font-weight:700}sd-tabs .sd-tabs__tab--selected:hover::before{background-color:#0075ff;opacity:0.15}sd-tabs .sd-tabs__tab--unselected:hover::before{background-color:#888888;opacity:0.15}sd-tabs .sd-tabs__label{user-select:none;font-weight:700;visibility:hidden}sd-tabs .sd-tabs--md .sd-tabs__tab{padding:12px 32px;font-size:12px;line-height:20px}sd-tabs .sd-tabs--sm .sd-tabs__tab{padding:8px 20px;font-size:12px;line-height:16px}sd-tabs .sd-tabs--sub{gap:32px;border-bottom:none}sd-tabs .sd-tabs--sub .sd-tabs__tab{border:none;border-radius:0;background-color:transparent;color:#222222;font-weight:400;padding:0 0 2px 0;position:relative}sd-tabs .sd-tabs--sub .sd-tabs__tab::before{content:"";position:absolute;top:100%;left:0;right:0;height:1px;width:100%;background-color:#0075ff;opacity:0;transition:opacity 0.2s ease}sd-tabs .sd-tabs--sub .sd-tabs__tab::after{font-weight:400}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected{color:#0075ff;background-color:transparent}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected::before{opacity:1}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected::after{font-weight:700}`;
+const sdTabsCss = () => `sd-tabs{display:inline-block}sd-tabs .sd-tabs{display:flex;flex-direction:row;gap:4px;border-bottom:1px solid #0075ff}sd-tabs .sd-tabs__tab{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid #cccccc;border-bottom:none;border-radius:4px 4px 0 0;background-color:#f6f6f6;color:#888888;font-weight:400;transition:all 0.2s ease;position:relative;user-select:none}sd-tabs .sd-tabs__tab::before{content:"";position:absolute;inset:0;opacity:0;transition:all 0.3s}sd-tabs .sd-tabs__tab--selected{border-color:#0075ff;color:#0075ff;background-color:white}sd-tabs .sd-tabs__tab--selected .sd-tabs__label::before{font-weight:700}sd-tabs .sd-tabs__tab--selected:hover::before{background-color:#0075ff;opacity:0.15}sd-tabs .sd-tabs__tab--unselected:hover::before{background-color:#888888;opacity:0.15}sd-tabs .sd-tabs__label{user-select:none;font-weight:700;visibility:hidden;position:relative}sd-tabs .sd-tabs__label::before{content:attr(data-label);visibility:visible;position:absolute;inset:0;font-weight:400;transition:font-weight 0.2s ease}sd-tabs .sd-tabs--md .sd-tabs__tab{padding:12px 32px;font-size:12px;line-height:20px}sd-tabs .sd-tabs--sm .sd-tabs__tab{padding:8px 20px;font-size:12px;line-height:16px}sd-tabs .sd-tabs--sub{gap:32px;border-bottom:none}sd-tabs .sd-tabs--sub .sd-tabs__tab{border:none;border-radius:0;background-color:transparent;color:#222222;font-weight:400;padding:0 0 2px 0;position:relative}sd-tabs .sd-tabs--sub .sd-tabs__tab::before{content:"";position:absolute;top:100%;left:0;right:0;height:1px;width:100%;background-color:#0075ff;opacity:0;transition:opacity 0.2s ease}sd-tabs .sd-tabs--sub .sd-tabs__tab::after{font-weight:400}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected{color:#0075ff;background-color:transparent}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected::before{opacity:1}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected::after{font-weight:700}`;
 const SdTabs$1 = /*@__PURE__*/ proxyCustomElement(class SdTabs extends H {
     constructor(registerHost) {
@@ -9,29 +9,28 @@ const SdTabs$1 = /*@__PURE__*/ proxyCustomElement(class SdTabs extends H {
         if (registerHost !== false) {
             this.__registerHost();
         }
-        this.sdChange = createEvent(this, "sdChange");
+        this.update = createEvent(this, "sdUpdate");
     }
     value;
     tabs = [];
     size = 'md';
     isSub = false;
-    selectedValue;
-    sdChange;
+    update;
     componentWillLoad() {
         if (this.value !== undefined && this.value !== null) {
-            this.selectedValue = this.value;
+            this.value = this.value;
         }
     }
     valueChanged(newValue) {
-        this.selectedValue = newValue;
+        this.value = newValue;
     }
     handleTabClick = (tabValue) => {
-        this.selectedValue = tabValue;
         this.value = tabValue;
-        this.sdChange.emit(tabValue);
+        this.value = tabValue;
+        this.update.emit(tabValue);
     };
     isTabSelected(tab) {
-        return this.selectedValue === tab.value;
+        return this.value === tab.value;
     }
     getTabClasses(tab) {
         const classes = [
@@ -54,10 +53,9 @@ const SdTabs$1 = /*@__PURE__*/ proxyCustomElement(class SdTabs extends H {
         return { bgColor: '#E5E5E5', textColor: '#737373' };
     }
     render() {
-        return (h("div", { key: 'c495facf1cbf50eaa08d663d16a6a67a0f6369e9', class: this.getContainerClasses(), role: "tablist" }, this.tabs.map((tab, index) => {
-            const isSelected = this.isTabSelected(tab);
+        return (h("div", { key: '1f9b39d82a7a98bb9dffd522d9f703b41682ae71', class: this.getContainerClasses() }, this.tabs.map((tab, index) => {
             const badgeColors = this.getBadgeColors(tab);
-            return (h("div", { key: `tab-${index}`, class: this.getTabClasses(tab), role: "tab", "aria-selected": isSelected.toString(), "aria-label": tab.label || 'tab', "data-label": tab.label, onClick: () => this.handleTabClick(tab.value) }, h("span", { class: "sd-tabs__label" }, tab.label), tab.badge && (h("sd-tag", { size: this.size, label: tab.badge.toString(), bgColor: badgeColors.bgColor, textColor: badgeColors.textColor, rounded: true }))));
+            return (h("div", { key: `tab-${index}`, class: this.getTabClasses(tab), "aria-label": tab.label || 'tab', onClick: () => this.handleTabClick(tab.value) }, h("span", { "data-label": tab.label, class: "sd-tabs__label" }, tab.label), tab.badge && (h("sd-tag", { size: this.size, label: tab.badge.toString(), bgColor: badgeColors.bgColor, textColor: badgeColors.textColor, rounded: false }))));
         })));
     }
     static get watchers() { return {
@@ -68,8 +66,7 @@ const SdTabs$1 = /*@__PURE__*/ proxyCustomElement(class SdTabs extends H {
         "value": [1537],
         "tabs": [1040],
         "size": [1],
-        "isSub": [4, "is-sub"],
-        "selectedValue": [32]
+        "isSub": [4, "is-sub"]
     }, undefined, {
         "value": ["valueChanged"]
     }]);

package/dist/components/sd-tabs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"sd-tabs.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,MAAM,CAAC,~~6zDAA6zD~~,CAAC;;~~MCY10DA~~,QAAM,iBAAAC,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;;;;;;;;~~AACuB~~,IAAA,KAAK;IAEpB,IAAI,GAAgB,EAAE;IAEvC,IAAI,GAAgB,IAAI;IAExB,KAAK,GAAY,KAAK;~~AAEb,IAAA,aAAa;~~AAG9B,IAAA,~~QAAQ~~;~~IAER~~,iBAAiB,GAAA;~~AACf~~,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE;~~AACnD~~,YAAA,IAAI,CAAC,~~aAAa~~,GAAG,IAAI,CAAC,KAAK;;;~~AAKnC~~,IAAA,YAAY,CAAC,QAAgB,EAAA;~~AAC3B~~,QAAA,IAAI,CAAC,~~aAAa~~,GAAG,QAAQ;;~~AAGvB~~,IAAA,cAAc,GAAG,CAAC,QAAgB,KAAI;~~AAC5C~~,QAAA,IAAI,CAAC,~~aAAa~~,GAAG,QAAQ;~~AAC7B~~,QAAA,IAAI,CAAC,KAAK,GAAG,QAAQ;AACrB,QAAA,IAAI,CAAC,~~QAAQ~~,CAAC,IAAI,CAAC,QAAQ,CAAC;~~AAC9B~~,KAAC;AAEO,IAAA,aAAa,CAAC,GAAc,EAAA;~~AAClC~~,QAAA,OAAO,IAAI,CAAC,~~aAAa~~,KAAK,GAAG,CAAC,KAAK;;~~AAGjC~~,IAAA,aAAa,CAAC,GAAc,EAAA;~~AAClC~~,QAAA,MAAM,OAAO,GAAG;~~YACd~~,cAAc;AACd,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,wBAAwB,GAAG,0BAA0B;~~SAChF~~;AAED,QAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;;~~IAGlB~~,mBAAmB,GAAA;~~QACzB~~,MAAM,OAAO,GAAG,CAAC,SAAS,EAAE,CAAY,SAAA,EAAA,IAAI,CAAC,IAAI,CAAE,CAAA,CAAC;AAEpD,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;~~AACd~~,YAAA,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC;;~~AAG9B~~,QAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;;~~AAGlB~~,IAAA,cAAc,CAAC,GAAc,EAAA;~~AACnC~~,QAAA,IAAI,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE;~~YAC3B~~,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE;;~~QAErD~~,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE;;~~IAGrD~~,MAAM,GAAA;~~AACJ~~,QAAA,~~QACE~~,~~CAAK~~,~~CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,~~KAAK,EAAE,IAAI,CAAC,mBAAmB,EAAE,~~EAAE~~,~~IAAI~~,~~EAAC,SAAS,IACnD,~~IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,KAAI;~~YAC5B~~,MAAM,~~UAAU~~,GAAG,IAAI,CAAC,~~aAAa~~,CAAC,GAAG,CAAC;~~YAC1C~~,~~MAAM~~,~~WAAW~~,~~GAAG~~,~~IAAI~~,~~CAAC~~,~~cAAc~~,~~CAAC,~~GAAG,~~CAAC;YAE5C,QACE,WACE,GAAG,~~EAAE,~~CAAA~~,IAAA,~~EAAO~~,KAAK,CAAA,~~CAAE,~~EACnB,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,~~EAC9B,IAAI,EAAC,KAAK,EACK,eAAA,~~EAAA,~~UAAU,CAAC,QAAQ,EAAE,EACxB,~~YAAA,~~EAAA~~,GAAG,CAAC,KAAK,IAAI,KAAK,~~EAClB~~,~~YAAA,EAAA,GAAG,CAAC,KAAK,EACrB,~~OAAO,EAAE,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,EAAA,EAE7C,~~CAAA~~,CAAA,MAAA,EAAA,~~EAAM~~,KAAK,EAAC,gBAAgB,~~IAAE~~,GAAG,CAAC,KAAK,~~CAAQ~~,~~EAC9C~~,GAAG,CAAC,KAAK,~~KACR~~,CAAA,CAAA,QAAA,EAAA,~~EACE~~,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,EAC3B,OAAO,EAAE,WAAW,CAAC,OAAO,EAC5B,SAAS,EAAE,WAAW,CAAC,SAAS,EAChC,OAAO,EAAE,~~IAAI~~,GACb,~~CACH~~,~~CACG~~;~~SAET~~,CAAC,~~CACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~","names":["SdTabs","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-tabs/sd-tabs.scss?tag=sd-tabs","src/components/sd-tabs/sd-tabs.tsx"],"sourcesContent":["@import 'variables';\n\nsd-tabs {\n display: inline-block;\n\n .sd-tabs {\n display: flex;\n flex-direction: row;\n gap: 4px;\n border-bottom: 1px solid $brilliantblue_75;\n\n &__tab {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n cursor: pointer;\n border: 1px solid $grey_45;\n border-bottom: none;\n border-radius: 4px 4px 0 0;\n background-color: $grey_10;\n color: $grey_65;\n font-weight: 400;\n transition: all 0.2s ease;\n position: relative;\n user-select: none;\n\n &::~~after {\n content: attr(data-label);\n position: absolute;\n font-weight: 400;\n transition: font-weight 0.2s ease;\n }\n\n &::~~before {\n content: '';\n position: absolute;\n inset: 0;\n opacity: 0;\n transition: all 0.3s;\n }\n\n // Selected/Active state\n &--selected {\n border-color: $brilliantblue_75;\n color: $brilliantblue_75;\n background-color: white;\n\n ~~&::after~~ {\n font-weight: 700;\n }\n\n // Hover state for selected tab\n &:hover::before {\n background-color: $brilliantblue_75;\n opacity: 0.15;\n }\n }\n\n // Unselected state hover\n &--unselected {\n &:hover::before {\n background-color: $grey_65;\n opacity: 0.15;\n }\n }\n }\n\n &__label {\n user-select: none;\n font-weight: 700;\n visibility: hidden;\n }\n\n // Size: Medium (default)\n &--md {\n .sd-tabs__tab {\n padding: 12px 32px;\n font-size: 12px;\n line-height: 20px;\n }\n }\n\n // Size: Small\n &--sm {\n .sd-tabs__tab {\n padding: 8px 20px;\n font-size: 12px;\n line-height: 16px;\n }\n }\n\n &--sub {\n gap: 32px;\n border-bottom: none;\n\n .sd-tabs__tab {\n border: none;\n border-radius: 0;\n background-color: transparent;\n color: $grey_95;\n font-weight: 400;\n padding: 0 0 2px 0;\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n height: 1px;\n width: 100%;\n background-color: $brilliantblue_75;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n\n &::after {\n font-weight: 400;\n }\n\n &--selected {\n color: $brilliantblue_75;\n background-color: transparent;\n\n &::before {\n opacity: 1;\n }\n\n &::after {\n font-weight: 700;\n }\n }\n }\n }\n }\n}","import { Component, Prop, h, EventEmitter, Event, ~~State,~~ Watch } from '@stencil/core';\n\nexport type TabOption = {\n label: string;\n value: string;\n badge?: string \| number;\n};\n\n@Component({\n tag: 'sd-tabs',\n styleUrl: 'sd-tabs.scss',\n})\nexport class SdTabs {\n @Prop({ mutable: true, reflect: true }) value!: string;\n\n @Prop({ mutable: true }) tabs: TabOption[] = [];\n\n @Prop() size: 'sm' \| 'md' = 'md';\n\n @Prop() isSub: boolean = false;\n\n @~~State~~() ~~private~~ ~~selectedValue!:~~ ~~string;\n\n @Event(~~)\n ~~sdChange~~!: EventEmitter<string>;\n\n componentWillLoad() {\n if (this.value !== undefined && this.value !== null) {\n this.~~selectedValue~~ = this.value;\n }\n }\n\n @Watch('value')\n valueChanged(newValue: string) {\n this.~~selectedValue~~ = newValue;\n }\n\n private handleTabClick = (tabValue: string) => {\n this.~~selectedValue~~ = tabValue;\n this.value = tabValue;\n this.~~sdChange~~.emit(tabValue);\n };\n\n private isTabSelected(tab: TabOption): boolean {\n return this.~~selectedValue~~ === tab.value;\n }\n\n private getTabClasses(tab: TabOption): string {\n const classes = [\n 'sd-tabs__tab',\n this.isTabSelected(tab) ? 'sd-tabs__tab--selected' : 'sd-tabs__tab--unselected',\n ];\n\n return classes.join(' ');\n }\n\n private getContainerClasses(): string {\n const classes = ['sd-tabs', `sd-tabs--${this.size}`];\n\n if (this.isSub) {\n classes.push('sd-tabs--sub');\n }\n\n return classes.join(' ');\n }\n\n private getBadgeColors(tab: TabOption): { bgColor: string; textColor: string } {\n if (this.isTabSelected(tab)) {\n return { bgColor: '#E6F1FF', textColor: '#0075FF' };\n }\n return { bgColor: '#E5E5E5', textColor: '#737373' };\n }\n\n render() {\n return (\n <div class={this.getContainerClasses()} role=\"tablist\">\n {this.tabs.map((tab, index) => {\n const ~~isSelected = this.isTabSelected(tab);\n const~~ badgeColors = this.getBadgeColors(tab);\n\n return (\n <div\n key={`tab-${index}`}\n class={this.getTabClasses(tab)}\n role=\"tab\"\n aria-selected={isSelected.toString()}\n aria-label={tab.label \|\| 'tab'}\n ~~data-label={tab.label}\n~~ onClick={() => this.handleTabClick(tab.value)}\n >\n <span class=\"sd-tabs__label\">{tab.label}</span>\n {tab.badge && (\n <sd-tag\n size={this.size}\n label={tab.badge.toString()}\n bgColor={badgeColors.bgColor}\n textColor={badgeColors.textColor}\n rounded={~~true~~}\n />\n )}\n </div>\n );\n })}\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"sd-tabs.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,MAAM,CAAC,83DAA83D,CAAC;;MCY34DA,QAAM,iBAAAC,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;;;;;;;;AACsB,IAAA,KAAK;IAEpB,IAAI,GAAgB,EAAE;IAEvC,IAAI,GAAgB,IAAI;IAExB,KAAK,GAAY,KAAK;AAG9B,IAAA,MAAM;IAEN,iBAAiB,GAAA;AAChB,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE;AACpD,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK;;;AAKzB,IAAA,YAAY,CAAC,QAAgB,EAAA;AAC5B,QAAA,IAAI,CAAC,KAAK,GAAG,QAAQ;;AAGd,IAAA,cAAc,GAAG,CAAC,QAAgB,KAAI;AAC7C,QAAA,IAAI,CAAC,KAAK,GAAG,QAAQ;AACrB,QAAA,IAAI,CAAC,KAAK,GAAG,QAAQ;AACrB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;AAC3B,KAAC;AAEO,IAAA,aAAa,CAAC,GAAc,EAAA;AACnC,QAAA,OAAO,IAAI,CAAC,KAAK,KAAK,GAAG,CAAC,KAAK;;AAGxB,IAAA,aAAa,CAAC,GAAc,EAAA;AACnC,QAAA,MAAM,OAAO,GAAG;YACf,cAAc;AACd,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,wBAAwB,GAAG,0BAA0B;SAC/E;AAED,QAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;;IAGjB,mBAAmB,GAAA;QAC1B,MAAM,OAAO,GAAG,CAAC,SAAS,EAAE,CAAY,SAAA,EAAA,IAAI,CAAC,IAAI,CAAE,CAAA,CAAC;AAEpD,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACf,YAAA,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC;;AAG7B,QAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;;AAGjB,IAAA,cAAc,CAAC,GAAc,EAAA;AACpC,QAAA,IAAI,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE;YAC5B,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE;;QAEpD,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE;;IAGpD,MAAM,GAAA;AACL,QAAA,QACC,4DACC,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAAE,EAGhC,EAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,KAAI;YAC7B,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC;YAE5C,QACC,CAAA,CAAA,KAAA,EAAA,EACC,GAAG,EAAE,CAAO,IAAA,EAAA,KAAK,CAAE,CAAA,EACnB,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAA,YAAA,EAGlB,GAAG,CAAC,KAAK,IAAI,KAAK,EAC9B,OAAO,EAAE,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,EAAA,EAE7C,CAAkB,CAAA,MAAA,EAAA,EAAA,YAAA,EAAA,GAAG,CAAC,KAAK,EAAE,KAAK,EAAC,gBAAgB,EACjD,EAAA,GAAG,CAAC,KAAK,CACJ,EACN,GAAG,CAAC,KAAK,KACT,CAAA,CAAA,QAAA,EAAA,EACC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,EAC3B,OAAO,EAAE,WAAW,CAAC,OAAO,EAC5B,SAAS,EAAE,WAAW,CAAC,SAAS,EAChC,OAAO,EAAE,KAAK,GACb,CACF,CACI;SAEP,CAAC,CACG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SdTabs","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-tabs/sd-tabs.scss?tag=sd-tabs","src/components/sd-tabs/sd-tabs.tsx"],"sourcesContent":["@import 'variables';\n\nsd-tabs {\n display: inline-block;\n\n .sd-tabs {\n display: flex;\n flex-direction: row;\n gap: 4px;\n border-bottom: 1px solid $brilliantblue_75;\n\n &__tab {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n cursor: pointer;\n border: 1px solid $grey_45;\n border-bottom: none;\n border-radius: 4px 4px 0 0;\n background-color: $grey_10;\n color: $grey_65;\n font-weight: 400;\n transition: all 0.2s ease;\n position: relative;\n user-select: none;\n\n &::before {\n content: '';\n position: absolute;\n inset: 0;\n opacity: 0;\n transition: all 0.3s;\n }\n\n // Selected/Active state\n &--selected {\n border-color: $brilliantblue_75;\n color: $brilliantblue_75;\n background-color: white;\n\n .sd-tabs__label::before {\n font-weight: 700;\n }\n\n // Hover state for selected tab\n &:hover::before {\n background-color: $brilliantblue_75;\n opacity: 0.15;\n }\n }\n\n // Unselected state hover\n &--unselected {\n &:hover::before {\n background-color: $grey_65;\n opacity: 0.15;\n }\n }\n }\n\n &__label {\n user-select: none;\n font-weight: 700;\n visibility: hidden;\n position: relative;\n\n &::before {\n content: attr(data-label);\n visibility: visible;\n position: absolute;\n inset: 0;\n font-weight: 400;\n transition: font-weight 0.2s ease;\n }\n }\n\n // Size: Medium (default)\n &--md {\n .sd-tabs__tab {\n padding: 12px 32px;\n font-size: 12px;\n line-height: 20px;\n }\n }\n\n // Size: Small\n &--sm {\n .sd-tabs__tab {\n padding: 8px 20px;\n font-size: 12px;\n line-height: 16px;\n }\n }\n\n &--sub {\n gap: 32px;\n border-bottom: none;\n\n .sd-tabs__tab {\n border: none;\n border-radius: 0;\n background-color: transparent;\n color: $grey_95;\n font-weight: 400;\n padding: 0 0 2px 0;\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n height: 1px;\n width: 100%;\n background-color: $brilliantblue_75;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n\n &::after {\n font-weight: 400;\n }\n\n &--selected {\n color: $brilliantblue_75;\n background-color: transparent;\n\n &::before {\n opacity: 1;\n }\n\n &::after {\n font-weight: 700;\n }\n }\n }\n }\n }\n}","import { Component, Prop, h, EventEmitter, Event, Watch } from '@stencil/core';\n\nexport type TabOption = {\n label: string;\n value: string;\n badge?: string \| number;\n};\n\n@Component({\n tag: 'sd-tabs',\n styleUrl: 'sd-tabs.scss',\n})\nexport class SdTabs {\n @Prop({ mutable: true, reflect: true }) value!: string;\n\n @Prop({ mutable: true }) tabs: TabOption[] = [];\n\n @Prop() size: 'sm' \| 'md' = 'md';\n\n @Prop() isSub: boolean = false;\n\n @Event({ eventName: 'sdUpdate' })\n update!: EventEmitter<string>;\n\n componentWillLoad() {\n if (this.value !== undefined && this.value !== null) {\n this.value = this.value;\n }\n }\n\n @Watch('value')\n valueChanged(newValue: string) {\n this.value = newValue;\n }\n\n private handleTabClick = (tabValue: string) => {\n this.value = tabValue;\n this.value = tabValue;\n this.update.emit(tabValue);\n };\n\n private isTabSelected(tab: TabOption): boolean {\n return this.value === tab.value;\n }\n\n private getTabClasses(tab: TabOption): string {\n const classes = [\n 'sd-tabs__tab',\n this.isTabSelected(tab) ? 'sd-tabs__tab--selected' : 'sd-tabs__tab--unselected',\n ];\n\n return classes.join(' ');\n }\n\n private getContainerClasses(): string {\n const classes = ['sd-tabs', `sd-tabs--${this.size}`];\n\n if (this.isSub) {\n classes.push('sd-tabs--sub');\n }\n\n return classes.join(' ');\n }\n\n private getBadgeColors(tab: TabOption): { bgColor: string; textColor: string } {\n if (this.isTabSelected(tab)) {\n return { bgColor: '#E6F1FF', textColor: '#0075FF' };\n }\n return { bgColor: '#E5E5E5', textColor: '#737373' };\n }\n\n render() {\n return (\n <div\n class={this.getContainerClasses()}\n // role=\"tablist\"\n >\n {this.tabs.map((tab, index) => {\n const badgeColors = this.getBadgeColors(tab);\n\n return (\n <div\n key={`tab-${index}`}\n class={this.getTabClasses(tab)}\n // role=\"tab\"\n // aria-selected={isSelected.toString()}\n aria-label={tab.label \|\| 'tab'}\n onClick={() => this.handleTabClick(tab.value)}\n >\n <span data-label={tab.label} class=\"sd-tabs__label\">\n {tab.label}\n </span>\n {tab.badge && (\n <sd-tag\n size={this.size}\n label={tab.badge.toString()}\n bgColor={badgeColors.bgColor}\n textColor={badgeColors.textColor}\n rounded={false}\n />\n )}\n </div>\n );\n })}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/sd-tag.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as SdTag$1, d as defineCustomElement$1 } from './p-BA38jFi5.js';
+import { S as SdTag$1, d as defineCustomElement$1 } from './p-DssRJcAn.js';
 const SdTag = SdTag$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/{sd-tr.d.ts → sd-textarea.d.ts} RENAMED Viewed

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
-interface SdTr extends Components.SdTr, HTMLElement {}
-export const SdTr: {
-    prototype: SdTr;
-    new (): SdTr;
+interface SdTextarea extends Components.SdTextarea, HTMLElement {}
+export const SdTextarea: {
+    prototype: SdTextarea;
+    new (): SdTextarea;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/sd-textarea.js ADDED Viewed

@@ -0,0 +1,145 @@
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transformTag } from './p-YLoygqPr.js';
+const sdTextareaCss = () => `.sd-textarea{display:flex;flex-direction:column;color:#333333;font-size:12px;line-height:20px;width:var(--textarea-width, 100%)}.sd-textarea .sd-textarea__content{width:100%;display:flex;border:1px solid #aaaaaa;border-radius:4px;background:white}.sd-textarea .sd-textarea__content .sd-textarea__native{width:100%;min-height:100px;border:none;outline:none;background:transparent;padding:4px 8px;font-family:inherit;font-size:12px;line-height:20px;color:#333333;resize:vertical}.sd-textarea .sd-textarea__content .sd-textarea__native::placeholder{color:#aaaaaa}.sd-textarea--hovered .sd-textarea__content,.sd-textarea--focused .sd-textarea__content{border-color:#0075ff;box-shadow:0 0 4px 0 rgba(0, 113, 255, 0.4)}.sd-textarea--disabled{cursor:not-allowed !important;box-shadow:none !important}.sd-textarea--disabled .sd-textarea__content{background:#eeeeee !important;border:1px solid #cccccc !important;color:#888888 !important}.sd-textarea--disabled .sd-textarea__content .sd-textarea__native{cursor:not-allowed !important;color:#888888 !important}.sd-textarea .sd-textarea__footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px;font-size:12px;line-height:20px}.sd-textarea .sd-textarea__help-text{font-size:12px;line-height:20px;font-weight:400;color:#222222}.sd-textarea .sd-textarea__counter{color:#cccccc;margin-left:auto}`;
+const SdTextarea$1 = /*@__PURE__*/ proxyCustomElement(class SdTextarea extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.input = createEvent(this, "sdUpdate");
+        this.focus = createEvent(this, "sdFocus");
+        this.blur = createEvent(this, "sdBlur");
+    }
+    get host() { return this; }
+    value = null;
+    name;
+    disabled = false;
+    width;
+    autoFocus = false;
+    textareaClass = '';
+    helpText;
+    maxLength;
+    placeholder = '입력해 주세요.';
+    internalValue = null;
+    focused = false;
+    hovered = false;
+    nativeEl = undefined;
+    input;
+    focus;
+    blur;
+    valueChanged(newValue) {
+        this.internalValue = newValue;
+    }
+    internalValueChanged(newValue) {
+        if (newValue !== this.value) {
+            this.value = newValue;
+            this.input?.emit(this.value);
+        }
+    }
+    async sdFocus() {
+        this.nativeEl?.focus();
+    }
+    async getNativeElement() {
+        return this.nativeEl || null;
+    }
+    componentWillLoad() {
+        if (this.value !== null && this.value !== undefined) {
+            this.internalValue = this.value;
+        }
+    }
+    componentDidLoad() {
+        if (this.autoFocus) {
+            this.nativeEl?.focus();
+        }
+    }
+    handleInput(event) {
+        const target = event.target;
+        this.internalValue = target.value;
+    }
+    handleFocus(type, event) {
+        this.focused = type === 'focus';
+        if (type === 'blur') {
+            this.blur?.emit(event);
+        }
+        else {
+            this.focus?.emit(event);
+        }
+    }
+    getTextareaStatus() {
+        if (this.disabled)
+            return 'sd-textarea--disabled';
+        if (this.hovered)
+            return 'sd-textarea--hovered';
+        if (this.focused)
+            return 'sd-textarea--focused';
+        return '';
+    }
+    getMaxLengthCounter() {
+        if (this.maxLength === undefined) {
+            return null;
+        }
+        const currentLength = (this.internalValue || '').length;
+        return `${currentLength}/${this.maxLength}`;
+    }
+    hasFooter() {
+        return this.helpText !== undefined || this.maxLength !== undefined;
+    }
+    render() {
+        const textareaWidth = this.width
+            ? {
+                '--textarea-width': typeof this.width === 'number' ? `${this.width}px` : this.width,
+            }
+            : {};
+        const maxLengthCounter = this.getMaxLengthCounter();
+        return (h(Host, { key: 'db95720b6b96d950d6435b1881f95d58c6bc4637', style: textareaWidth, class: {
+                'sd-textarea': true,
+                [this.getTextareaStatus()]: true,
+            }, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false) }, h("div", { key: '3dae36a9b56837fa7d770f295359d8ed9aa2a3e4', class: "sd-textarea__content" }, h("textarea", { key: 'b9e4ff3cffc1b06e4ef6e5ffee240579c80c6d94', name: this.name, ref: el => (this.nativeEl = el), class: `sd-textarea__native ${this.textareaClass}`, value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, autofocus: this.autoFocus, maxLength: this.maxLength, onInput: this.handleInput.bind(this), onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event) })), this.hasFooter() && (h("div", { key: 'b0de9e449897f2a8d1e6a7204d2383551d3ae2e4', class: "sd-textarea__footer" }, this.helpText !== undefined && h("span", { key: 'b4528beb70095d70a030a70f451c59e511865fcb', class: "sd-textarea__help-text" }, this.helpText), maxLengthCounter !== null && h("span", { key: 'ce2d33888c7bd85ea240ce00851aec7ecd945adc', class: "sd-textarea__counter" }, maxLengthCounter)))));
+    }
+    static get watchers() { return {
+        "value": ["valueChanged"],
+        "internalValue": ["internalValueChanged"]
+    }; }
+    static get style() { return sdTextareaCss(); }
+}, [768, "sd-textarea", {
+        "value": [1025],
+        "name": [1],
+        "disabled": [4],
+        "width": [8],
+        "autoFocus": [4, "auto-focus"],
+        "textareaClass": [1, "textarea-class"],
+        "helpText": [1, "help-text"],
+        "maxLength": [2, "max-length"],
+        "placeholder": [1],
+        "internalValue": [32],
+        "focused": [32],
+        "hovered": [32],
+        "sdFocus": [64],
+        "getNativeElement": [64]
+    }, undefined, {
+        "value": ["valueChanged"],
+        "internalValue": ["internalValueChanged"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["sd-textarea"];
+    components.forEach(tagName => { switch (tagName) {
+        case "sd-textarea":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), SdTextarea$1);
+            }
+            break;
+    } });
+}
+const SdTextarea = SdTextarea$1;
+const defineCustomElement = defineCustomElement$1;
+export { SdTextarea, defineCustomElement };
+//# sourceMappingURL=sd-textarea.js.map
+//# sourceMappingURL=sd-textarea.js.map

package/dist/components/sd-textarea.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"sd-textarea.js","mappings":"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","names":["SdTextarea","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-textarea/sd-textarea.scss?tag=sd-textarea","src/components/sd-textarea/sd-textarea.tsx"],"sourcesContent":["@import 'variables';\n\n.sd-textarea {\n display: flex;\n flex-direction: column;\n color: $grey_90;\n font-size: 12px;\n line-height: 20px;\n width: var(--textarea-width, 100%);\n\n .sd-textarea__content {\n width: 100%;\n display: flex;\n border: 1px solid $grey_55;\n border-radius: 4px;\n background: white;\n\n .sd-textarea__native {\n width: 100%;\n min-height: 100px;\n border: none;\n outline: none;\n background: transparent;\n padding: 4px 8px;\n font-family: inherit;\n font-size: 12px;\n line-height: 20px;\n color: $grey_90;\n resize: vertical;\n\n &::placeholder {\n color: $grey_55;\n }\n }\n }\n\n &--hovered,\n &--focused {\n .sd-textarea__content {\n border-color: $brilliantblue_75;\n box-shadow: 0 0 4px 0 #0071ff66;\n }\n }\n\n &--disabled {\n cursor: not-allowed !important;\n box-shadow: none !important;\n\n .sd-textarea__content {\n background: $grey_20 !important;\n border: 1px solid $grey_45 !important;\n color: $grey_65 !important;\n\n .sd-textarea__native {\n cursor: not-allowed !important;\n color: $grey_65 !important;\n }\n }\n }\n\n .sd-textarea__footer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 4px;\n font-size: 12px;\n line-height: 20px;\n }\n\n .sd-textarea__help-text {\n font-size: 12px;\n line-height: 20px;\n font-weight: 400;\n color: $grey_95;\n }\n\n .sd-textarea__counter {\n color: $grey_45;\n margin-left: auto;\n }\n}","import {\n Component,\n Element,\n Host,\n Prop,\n State,\n Watch,\n Event,\n EventEmitter,\n h,\n Method,\n} from '@stencil/core';\n\n@Component({\n tag: 'sd-textarea',\n styleUrl: 'sd-textarea.scss',\n})\nexport class SdTextarea {\n @Element() host!: HTMLElement;\n\n @Prop({ mutable: true }) value?: string | null = null;\n @Prop() name?: string;\n @Prop() disabled: boolean = false;\n @Prop() width?: number | string;\n @Prop() autoFocus: boolean = false;\n @Prop() textareaClass: string = '';\n @Prop() helpText?: string;\n @Prop() maxLength?: number;\n @Prop() placeholder: string = '입력해 주세요.';\n\n @State() private internalValue: string | null = null;\n @State() private focused: boolean = false;\n @State() private hovered: boolean = false;\n\n private nativeEl: HTMLTextAreaElement | undefined = undefined;\n\n @Event({ eventName: 'sdUpdate' }) input?: EventEmitter<string | null>;\n @Event({ eventName: 'sdFocus' }) focus?: EventEmitter<Event>;\n @Event({ eventName: 'sdBlur' }) blur?: EventEmitter<Event>;\n\n @Watch('value')\n valueChanged(newValue: string | null) {\n this.internalValue = newValue;\n }\n\n @Watch('internalValue')\n internalValueChanged(newValue: string | null) {\n if (newValue !== this.value) {\n this.value = newValue;\n this.input?.emit(this.value);\n }\n }\n\n @Method()\n async sdFocus() {\n this.nativeEl?.focus();\n }\n\n @Method()\n async getNativeElement(): Promise<HTMLTextAreaElement | null> {\n return this.nativeEl || null;\n }\n\n componentWillLoad() {\n if (this.value !== null && this.value !== undefined) {\n this.internalValue = this.value;\n }\n }\n\n componentDidLoad() {\n if (this.autoFocus) {\n this.nativeEl?.focus();\n }\n }\n\n private handleInput(event: Event) {\n const target = event.target as HTMLTextAreaElement;\n this.internalValue = target.value;\n }\n\n private handleFocus(type: 'focus' | 'blur', event: Event) {\n this.focused = type === 'focus';\n\n if (type === 'blur') {\n this.blur?.emit(event);\n } else {\n this.focus?.emit(event);\n }\n }\n\n private getTextareaStatus() {\n if (this.disabled) return 'sd-textarea--disabled';\n if (this.hovered) return 'sd-textarea--hovered';\n if (this.focused) return 'sd-textarea--focused';\n return '';\n }\n\n private getMaxLengthCounter(): string | null {\n if (this.maxLength === undefined) {\n return null;\n }\n const currentLength = (this.internalValue || '').length;\n return `${currentLength}/${this.maxLength}`;\n }\n\n private hasFooter(): boolean {\n return this.helpText !== undefined || this.maxLength !== undefined;\n }\n\n render() {\n const textareaWidth = this.width\n ? {\n '--textarea-width': typeof this.width === 'number' ? `${this.width}px` : this.width,\n }\n : {};\n\n const maxLengthCounter = this.getMaxLengthCounter();\n\n return (\n <Host\n style={textareaWidth}\n class={{\n 'sd-textarea': true,\n [this.getTextareaStatus()]: true,\n }}\n onMouseEnter={() => (this.hovered = true)}\n onMouseLeave={() => (this.hovered = false)}\n >\n <div class=\"sd-textarea__content\">\n <textarea\n name={this.name}\n ref={el => (this.nativeEl = el)}\n class={`sd-textarea__native ${this.textareaClass}`}\n value={this.internalValue || ''}\n placeholder={this.placeholder}\n disabled={this.disabled}\n autofocus={this.autoFocus}\n maxLength={this.maxLength}\n onInput={this.handleInput.bind(this)}\n onFocus={event => this.handleFocus('focus', event)}\n onBlur={event => this.handleFocus('blur', event)}\n />\n </div>\n {this.hasFooter() && (\n <div class=\"sd-textarea__footer\">\n {this.helpText !== undefined && <span class=\"sd-textarea__help-text\">{this.helpText}</span>}\n {maxLengthCounter !== null && <span class=\"sd-textarea__counter\">{maxLengthCounter}</span>}\n </div>\n )}\n </Host>\n );\n }\n}\n"],"version":3}