@sellmate/design-system 0.0.55 → 1.0.0

package/dist/esm/sd-table.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-table.entry.js","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"],"names":[],"mappings":"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"}
+{"version":3,"file":"sd-table.entry.js","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"],"names":[],"mappings":"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"}

package/dist/esm/sd-tabs.entry.js

@@ -0,0 +1,64 @@
+import { r as registerInstance, c as createEvent, h } from './index-C3qNZ7Qh.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::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 = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.update = createEvent(this, "sdUpdate");
+    }
+    value;
+    tabs = [];
+    size = 'md';
+    isSub = false;
+    update;
+    componentWillLoad() {
+        if (this.value !== undefined && this.value !== null) {
+            this.value = this.value;
+        }
+    }
+    valueChanged(newValue) {
+        this.value = newValue;
+    }
+    handleTabClick = (tabValue) => {
+        this.value = tabValue;
+        this.value = tabValue;
+        this.update.emit(tabValue);
+    };
+    isTabSelected(tab) {
+        return this.value === tab.value;
+    }
+    getTabClasses(tab) {
+        const classes = [
+            'sd-tabs__tab',
+            this.isTabSelected(tab) ? 'sd-tabs__tab--selected' : 'sd-tabs__tab--unselected',
+        ];
+        return classes.join(' ');
+    }
+    getContainerClasses() {
+        const classes = ['sd-tabs', `sd-tabs--${this.size}`];
+        if (this.isSub) {
+            classes.push('sd-tabs--sub');
+        }
+        return classes.join(' ');
+    }
+    getBadgeColors(tab) {
+        if (this.isTabSelected(tab)) {
+            return { bgColor: '#E6F1FF', textColor: '#0075FF' };
+        }
+        return { bgColor: '#E5E5E5', textColor: '#737373' };
+    }
+    render() {
+        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), "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 {
+        "value": ["valueChanged"]
+    }; }
+};
+SdTabs.style = sdTabsCss();
+
+export { SdTabs as sd_tabs };
+//# sourceMappingURL=sd-tabs.entry.js.map

package/dist/esm/sd-tabs.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-tabs.entry.js","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"],"names":[],"mappings":"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"}

package/dist/esm/sd-tag.entry.js

@@ -0,0 +1,55 @@
+import { r as registerInstance, a as getElement, h } from './index-C3qNZ7Qh.js';
+
+const sdTagCss = () => `:host{display:inline-block}:host([full-width]){display:block}.sd-tag{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:1px solid transparent;border-radius:4px;transition:all 0.2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box}.sd-tag__content{display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sd-tag--custom-color{background:var(--tag-bg-color);color:var(--tag-text-color)}.sd-tag--sm{padding:0 6px;font-size:11px;line-height:18px;height:20px;border-radius:4px}.sd-tag--md{padding:0 8px;font-size:12px;font-weight:700;line-height:20px;height:24px;border-radius:4px}.sd-tag--lg{padding:0 10px;font-size:14px;font-weight:700;line-height:24px;min-height:28px;border-radius:5px}.sd-tag--rounded.sd-tag--sm{border-radius:20px}.sd-tag--rounded.sd-tag--md{border-radius:20px}.sd-tag--rounded.sd-tag--lg{border-radius:15px}`;
+
+const TAG_COLORS = {
+    grey: 'bg-grey_20 text-grey_70',
+    red: 'bg-red_15 text-red_70',
+    orange: 'bg-orange_10 text-orange_65',
+    yellow: 'bg-yellow_10 text-yellow_70',
+    green: 'bg-green_15 text-green_75',
+    blue: 'bg-brilliantblue_20 text-brilliantblue_75',
+    darkblue: 'bg-oceanblue_15 text-oceanblue_70',
+    indigo: 'bg-brilliantblue_10 text-brilliantblue_85',
+};
+const SdTag = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    get el() { return getElement(this); }
+    size = 'md';
+    color = 'grey';
+    rounded = false;
+    label = '';
+    bgColor;
+    textColor;
+    getTagClasses() {
+        const classes = ['sd-tag', `sd-tag--${this.size}`];
+        if (this.rounded) {
+            classes.push('sd-tag--rounded');
+        }
+        if (this.color && !this.bgColor && !this.textColor) {
+            classes.push(TAG_COLORS[this.color]);
+        }
+        if (this.bgColor || this.textColor) {
+            classes.push('sd-tag--custom-color');
+        }
+        return classes.join(' ');
+    }
+    renderContent() {
+        return [
+            h("span", { class: "sd-tag__content" }, h("slot", null, this.label)),
+        ];
+    }
+    render() {
+        const tagClasses = this.getTagClasses();
+        return (h("span", { key: '2a25443d15ad9d0c9205455e80cf236d02cec6d9', class: tagClasses, style: {
+                '--tag-bg-color': this.bgColor,
+                '--tag-text-color': this.textColor,
+            }, "aria-label": this.label || 'tag' }, this.renderContent()));
+    }
+};
+SdTag.style = sdTagCss();
+
+export { SdTag as sd_tag };
+//# sourceMappingURL=sd-tag.entry.js.map

package/dist/esm/sd-tag.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-tag.entry.js","sources":["src/components/sd-tag/sd-tag.scss?tag=sd-tag&encapsulation=shadow","src/components/sd-tag/sd-tag.tsx"],"sourcesContent":[":host {\n display: inline-block;\n}\n\n:host([full-width]) {\n display: block;\n}\n\n.sd-tag {\n display: inline-flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n gap: 8px;\n text-decoration: none;\n border: 1px solid transparent;\n border-radius: 4px;\n transition: all 0.2s ease-in-out;\n position: relative;\n overflow: hidden;\n white-space: nowrap;\n -webkit-user-select: none;\n user-select: none;\n box-sizing: border-box;\n\n &__content {\n  display: inline-block;\n  width: 100%;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n }\n\n &--custom-color {\n  background: var(--tag-bg-color);\n  color: var(--tag-text-color);\n }\n\n &--sm {\n  padding: 0 6px;\n  font-size: 11px;\n  line-height: 18px;\n  height: 20px;\n  border-radius: 4px;\n }\n &--md {\n  padding: 0 8px;\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 20px;\n  height: 24px;\n  border-radius: 4px;\n }\n &--lg {\n  padding: 0 10px;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 24px;\n  min-height: 28px;\n  border-radius: 5px;\n }\n &--rounded {\n  &.sd-tag--sm {\n   border-radius: 20px;\n  }\n  &.sd-tag--md {\n   border-radius: 20px;\n  }\n  &.sd-tag--lg {\n   border-radius: 15px;\n  }\n }\n}\n","import { Component, Prop, h, Element } from '@stencil/core';\n\nexport type TagColor =\n | 'grey'\n | 'red'\n | 'orange'\n | 'yellow'\n | 'green'\n | 'blue'\n | 'darkblue'\n | 'indigo';\n\nexport type TagSize = 'sm' | 'md' | 'lg';\n\nconst TAG_COLORS = {\n grey: 'bg-grey_20 text-grey_70',\n red: 'bg-red_15 text-red_70',\n orange: 'bg-orange_10 text-orange_65',\n yellow: 'bg-yellow_10 text-yellow_70',\n green: 'bg-green_15 text-green_75',\n blue: 'bg-brilliantblue_20 text-brilliantblue_75',\n darkblue: 'bg-oceanblue_15 text-oceanblue_70',\n indigo: 'bg-brilliantblue_10 text-brilliantblue_85',\n};\n\n@Component({\n tag: 'sd-tag',\n styleUrl: 'sd-tag.scss',\n shadow: true,\n})\nexport class SdTag {\n @Element() el!: HTMLElement;\n\n @Prop() size: TagSize = 'md';\n @Prop() color: TagColor = 'grey';\n @Prop() rounded: boolean = false;\n @Prop() label: string = '';\n @Prop() bgColor?: string;\n @Prop() textColor?: string;\n\n private getTagClasses(): string {\n  const classes = ['sd-tag', `sd-tag--${this.size}`];\n\n  if (this.rounded) {\n   classes.push('sd-tag--rounded');\n  }\n\n  if (this.color && !this.bgColor && !this.textColor) {\n   classes.push(TAG_COLORS[this.color]);\n  }\n\n  if (this.bgColor || this.textColor) {\n   classes.push('sd-tag--custom-color');\n  }\n\n  return classes.join(' ');\n }\n\n private renderContent() {\n  return [\n   <span class=\"sd-tag__content\">\n    <slot>{this.label}</slot>\n   </span>,\n  ];\n }\n\n render() {\n  const tagClasses = this.getTagClasses();\n\n  return (\n   <span\n    class={tagClasses}\n    style={{\n     '--tag-bg-color': this.bgColor,\n     '--tag-text-color': this.textColor,\n    }}\n    aria-label={this.label || 'tag'}\n   >\n    {this.renderContent()}\n   </span>\n  );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,q+BAAq+B,CAAC;;ACc9/B,MAAM,UAAU,GAAG;AAClB,IAAA,IAAI,EAAE,yBAAyB;AAC/B,IAAA,GAAG,EAAE,uBAAuB;AAC5B,IAAA,MAAM,EAAE,6BAA6B;AACrC,IAAA,MAAM,EAAE,6BAA6B;AACrC,IAAA,KAAK,EAAE,2BAA2B;AAClC,IAAA,IAAI,EAAE,2CAA2C;AACjD,IAAA,QAAQ,EAAE,mCAAmC;AAC7C,IAAA,MAAM,EAAE,2CAA2C;CACnD;MAOY,KAAK,GAAA,MAAA;;;;;IAGT,IAAI,GAAY,IAAI;IACpB,KAAK,GAAa,MAAM;IACxB,OAAO,GAAY,KAAK;IACxB,KAAK,GAAW,EAAE;AAClB,IAAA,OAAO;AACP,IAAA,SAAS;IAET,aAAa,GAAA;QACpB,MAAM,OAAO,GAAG,CAAC,QAAQ,EAAE,CAAW,QAAA,EAAA,IAAI,CAAC,IAAI,CAAE,CAAA,CAAC;AAElD,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AACjB,YAAA,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC;;AAGhC,QAAA,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YACnD,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;;QAGrC,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,EAAE;AACnC,YAAA,OAAO,CAAC,IAAI,CAAC,sBAAsB,CAAC;;AAGrC,QAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;;IAGjB,aAAa,GAAA;QACpB,OAAO;AACN,YAAA,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC5B,CAAA,CAAA,MAAA,EAAA,IAAA,EAAO,IAAI,CAAC,KAAK,CAAQ,CACnB;SACP;;IAGF,MAAM,GAAA;AACL,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE;AAEvC,QAAA,QACC,CACC,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE;gBACN,gBAAgB,EAAE,IAAI,CAAC,OAAO;gBAC9B,kBAAkB,EAAE,IAAI,CAAC,SAAS;AAClC,aAAA,EAAA,YAAA,EACW,IAAI,CAAC,KAAK,IAAI,KAAK,EAAA,EAE9B,IAAI,CAAC,aAAa,EAAE,CACf;;;;;;;"}

package/dist/esm/sd-toast-message.entry.js

@@ -0,0 +1,59 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-C3qNZ7Qh.js';
+import { r as resolveColor } from './resolveColor-DcGvp3RM.js';
+
+const sdToastMessageCss = () => `.sd-toast-message.sc-sd-toast-message{display:flex;width:fit-content;align-items:center;gap:16px;padding:12px 24px;border-radius:4px;background-color:var(--sd-toast-bg);color:var(--sd-toast-text);transition:opacity 0.2s ease, visibility 0.2s ease;box-shadow:2px 2px 8px 2px rgba(0, 0, 0, 0.2)}.sd-toast-message--hidden.sc-sd-toast-message{opacity:0;visibility:hidden;pointer-events:none}.sd-toast-message__icon.sc-sd-toast-message{display:flex;align-items:center;flex-shrink:0}.sd-toast-message__content.sc-sd-toast-message{display:flex;flex:1}.sd-toast-message__message.sc-sd-toast-message{font-size:14px;line-height:20px;font-weight:400}.sd-toast-message__link.sc-sd-toast-message{font-size:14px;line-height:20px;color:var(--sd-toast-text);text-decoration:underline;cursor:pointer;transition:opacity 0.2s ease;margin-left:4px}.sd-toast-message__link.sc-sd-toast-message:hover{opacity:0.8}.sd-toast-message__button.sc-sd-toast-message{flex-shrink:0}.sd-toast-message__button.sc-sd-toast-message button.sc-sd-toast-message{color:var(--button-text-color, inherit) !important}.sd-toast-message__close.sc-sd-toast-message{display:flex;align-items:center;justify-content:center;padding:4px;background-color:transparent;border:none;cursor:pointer;transition:opacity 0.2s ease;flex-shrink:0}.sd-toast-message__close.sc-sd-toast-message:hover{opacity:0.7}.sd-toast-message__close.sc-sd-toast-message:active{opacity:0.5}`;
+
+const SdToastMessage = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.close = createEvent(this, "sdClose");
+        this.buttonClick = createEvent(this, "sdButtonClick");
+    }
+    icon;
+    message;
+    link;
+    linkLabel;
+    buttonLabel;
+    useClose = false;
+    type = 'basicDark';
+    close;
+    buttonClick;
+    isVisible = true;
+    static COLOR_OF_TYPE = {
+        basicLight: { background: 'white', text: 'grey_95' },
+        basicDark: { background: 'steelblue_90', text: 'white' },
+        error: { background: 'red_70', text: 'white' },
+        caution: { background: 'yellow_40', text: 'grey_90' },
+        complete: { background: 'green_75', text: 'white' },
+        progress: { background: 'brilliantblue_80', text: 'white' },
+    };
+    handleClose = () => {
+        this.isVisible = false;
+        this.close.emit();
+    };
+    handleButtonClick = () => {
+        this.buttonClick.emit();
+    };
+    getContainerClasses() {
+        const classes = ['sd-toast-message', `sd-toast-message--${this.type}`];
+        if (!this.isVisible) {
+            classes.push('sd-toast-message--hidden');
+        }
+        return classes.join(' ');
+    }
+    render() {
+        const colorTokens = SdToastMessage.COLOR_OF_TYPE[this.type];
+        const colors = {
+            background: resolveColor(colorTokens.background),
+            text: resolveColor(colorTokens.text),
+        };
+        return (h(Host, { key: 'edd60b2a74bae15c88131baedaa3e913dc5326ae', style: {
+                '--sd-toast-bg': colors.background,
+                '--sd-toast-text': colors.text,
+            } }, h("div", { key: 'b41ad15e9fe7520ee8fbf683f6d95e327c59ac6c', class: this.getContainerClasses(), role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.icon && (h("div", { key: 'def78fc8bc05ead9b97144dccc4f105fad953477', class: "sd-toast-message__icon" }, h("sd-icon", { key: 'a01368892d295aee0339fa027663bffe31fb2c2b', name: this.icon, size: 16, color: colors.text }))), h("div", { key: 'f0c6d32da360c2135aee2374b1091c27bddf4d22', class: "sd-toast-message__content" }, h("span", { key: '0f1f7d81154470ad9bcc3d8d4c1ed0c0994da7bb', class: "sd-toast-message__message" }, this.message)), this.link && (h("a", { key: '2a4f7b21940e2234653a18e8a677aba9586d18e3', href: this.link, class: "sd-toast-message__link", target: "_blank", rel: "noopener noreferrer" }, this.linkLabel || this.link)), this.buttonLabel && (h("sd-button", { key: 'd399961349429bee81fa395c555879fabef86136', class: `sd-toast-message__button ${this.type === 'basicLight' ? 'text-white' : ''}`, label: this.buttonLabel, variant: "primary", color: this.type === 'basicLight' ? 'oceanblue_75' : 'white', size: "sm", onClick: this.handleButtonClick, style: this.type !== 'basicLight' ? { '--button-text-color': resolveColor('grey_95') } : {} })), this.useClose && (h("button", { key: '4bfae7573d5a5204c29d5ef0e2dc71e9a7622d62', type: "button", class: "sd-toast-message__close", onClick: this.handleClose, "aria-label": "Close", title: "Close" }, h("sd-icon", { key: '7ac20a34965ee46c8af76c6c862a69269a73f1a2', name: "close", size: 12, color: colors.text }))))));
+    }
+};
+SdToastMessage.style = sdToastMessageCss();
+
+export { SdToastMessage as sd_toast_message };
+//# sourceMappingURL=sd-toast-message.entry.js.map

package/dist/esm/sd-toast-message.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-toast-message.entry.js","sources":["src/components/sd-toast-message/sd-toast-message.scss?tag=sd-toast-message&encapsulation=scoped","src/components/sd-toast-message/sd-toast-message.tsx"],"sourcesContent":["@import 'variables';\n\n.sd-toast-message {\n display: flex;\n width: fit-content;\n align-items: center;\n gap: 16px;\n padding: 12px 24px;\n border-radius: 4px;\n background-color: var(--sd-toast-bg);\n color: var(--sd-toast-text);\n transition: opacity 0.2s ease, visibility 0.2s ease;\n box-shadow: 2px 2px 8px 2px #00000033;\n\n &--hidden {\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n }\n\n &__icon {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n }\n\n &__content {\n  display: flex;\n  flex: 1;\n }\n\n &__message {\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 400;\n }\n\n &__link {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--sd-toast-text);\n  text-decoration: underline;\n  cursor: pointer;\n  transition: opacity 0.2s ease;\n  margin-left: 4px;\n\n  &:hover {\n   opacity: 0.8;\n  }\n }\n\n &__button {\n  flex-shrink: 0;\n\n  button {\n   color: var(--button-text-color, inherit) !important;\n  }\n }\n\n &__close {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 4px;\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n  transition: opacity 0.2s ease;\n  flex-shrink: 0;\n\n  &:hover {\n   opacity: 0.7;\n  }\n\n  &:active {\n   opacity: 0.5;\n  }\n }\n}","import { Component, Prop, h, Event, EventEmitter, State, Host } from '@stencil/core';\nimport { resolveColor } from '../../utils/color';\n\nexport type ToastType = 'basicLight' | 'basicDark' | 'error' | 'caution' | 'complete' | 'progress';\n\n@Component({\n tag: 'sd-toast-message',\n styleUrl: 'sd-toast-message.scss',\n scoped: true,\n})\nexport class SdToastMessage {\n @Prop() icon?: IconName;\n\n @Prop() message!: string;\n\n @Prop() link?: string;\n\n @Prop() linkLabel?: string;\n\n @Prop() buttonLabel?: string;\n\n @Prop() useClose: boolean = false;\n\n @Prop() type: ToastType = 'basicDark';\n\n @Event({ eventName: 'sdClose' })\n close!: EventEmitter<void>;\n\n @Event({ eventName: 'sdButtonClick' })\n buttonClick!: EventEmitter<void>;\n\n @State() private isVisible: boolean = true;\n\n private static readonly COLOR_OF_TYPE = {\n  basicLight: { background: 'white', text: 'grey_95' },\n  basicDark: { background: 'steelblue_90', text: 'white' },\n  error: { background: 'red_70', text: 'white' },\n  caution: { background: 'yellow_40', text: 'grey_90' },\n  complete: { background: 'green_75', text: 'white' },\n  progress: { background: 'brilliantblue_80', text: 'white' },\n };\n\n private handleClose = () => {\n  this.isVisible = false;\n  this.close.emit();\n };\n\n private handleButtonClick = () => {\n  this.buttonClick.emit();\n };\n\n private getContainerClasses(): string {\n  const classes = ['sd-toast-message', `sd-toast-message--${this.type}`];\n\n  if (!this.isVisible) {\n   classes.push('sd-toast-message--hidden');\n  }\n\n  return classes.join(' ');\n }\n\n render() {\n  const colorTokens = SdToastMessage.COLOR_OF_TYPE[this.type];\n  const colors = {\n   background: resolveColor(colorTokens.background),\n   text: resolveColor(colorTokens.text),\n  };\n\n  return (\n   <Host\n    style={{\n     '--sd-toast-bg': colors.background,\n     '--sd-toast-text': colors.text,\n    }}\n   >\n    <div class={this.getContainerClasses()} role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n     {this.icon && (\n      <div class=\"sd-toast-message__icon\">\n       <sd-icon name={this.icon} size={16} color={colors.text}></sd-icon>\n      </div>\n     )}\n\n     <div class=\"sd-toast-message__content\">\n      <span class=\"sd-toast-message__message\">{this.message}</span>\n     </div>\n\n     {this.link && (\n      <a href={this.link} class=\"sd-toast-message__link\" target=\"_blank\" rel=\"noopener noreferrer\">\n       {this.linkLabel || this.link}\n      </a>\n     )}\n\n     {this.buttonLabel && (\n      <sd-button\n       class={`sd-toast-message__button ${this.type === 'basicLight' ? 'text-white' : ''}`}\n       label={this.buttonLabel}\n       variant=\"primary\"\n       color={this.type === 'basicLight' ? 'oceanblue_75' : 'white'}\n       size=\"sm\"\n       onClick={this.handleButtonClick}\n       style={this.type !== 'basicLight' ? { '--button-text-color': resolveColor('grey_95') } : {}}\n      ></sd-button>\n     )}\n\n     {this.useClose && (\n      <button\n       type=\"button\"\n       class=\"sd-toast-message__close\"\n       onClick={this.handleClose}\n       aria-label=\"Close\"\n       title=\"Close\"\n      >\n       <sd-icon name=\"close\" size={12} color={colors.text}></sd-icon>\n      </button>\n     )}\n    </div>\n   </Host>\n  );\n }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/sd-toggle-button.entry.js

@@ -0,0 +1,48 @@
+import { r as registerInstance, c as createEvent, h } from './index-C3qNZ7Qh.js';
+
+const sdToggleButtonCss = () => `sd-toggle-button{display:inline-block;line-height:0}.sd-toggle-button{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:4px 12px;gap:6px;border-radius:14px;border:1px solid #888888;background-color:#ffffff;color:#737373;font-size:12px;line-height:20px;font-weight:400;cursor:pointer;transition:border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;white-space:nowrap;user-select:none;box-sizing:border-box}.sd-toggle-button--active{border-color:#0075ff;color:#0075ff}.sd-toggle-button--disabled{background-color:#eeeeee;border-color:#cccccc;color:#888888;cursor:not-allowed}.sd-toggle-button--disabled.sd-toggle-button--active{background-color:#eeeeee;border-color:#cccccc;color:#888888}.sd-toggle-button:hover:not(.sd-toggle-button--disabled):not(.sd-toggle-button--active){border-color:#737373}.sd-toggle-button:hover:not(.sd-toggle-button--disabled).sd-toggle-button--active{border-color:#005cc9;color:#005cc9}`;
+
+const SdToggleButton = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.change = createEvent(this, "sdUpdate");
+    }
+    value = false;
+    label = '';
+    disabled = false;
+    isActive = false;
+    change;
+    componentWillLoad() {
+        this.updateActiveState(this.value);
+    }
+    componentWillRender() {
+        this.updateActiveState(this.value);
+    }
+    updateActiveState(value) {
+        this.isActive = value;
+    }
+    get buttonClasses() {
+        const classes = ['sd-toggle-button'];
+        if (this.isActive) {
+            classes.push('sd-toggle-button--active');
+        }
+        if (this.disabled) {
+            classes.push('sd-toggle-button--disabled');
+        }
+        return classes.join(' ');
+    }
+    handleChange = () => {
+        if (this.disabled)
+            return;
+        const newValue = !this.value;
+        this.value = newValue;
+        this.change.emit(newValue);
+    };
+    render() {
+        return (h("label", { key: '9eb4abcfe8f3894198c8d8643150daa507e6f0e9', class: this.buttonClasses, "aria-label": this.label || 'toggle button' }, this.label, h("input", { key: 'e3d952af461da0fac978b8ce6bd55a6990907fb3', style: { display: 'none' }, type: "checkbox", onInput: this.handleChange })));
+    }
+};
+SdToggleButton.style = sdToggleButtonCss();
+
+export { SdToggleButton as sd_toggle_button };
+//# sourceMappingURL=sd-toggle-button.entry.js.map

package/dist/esm/sd-toggle-button.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-toggle-button.entry.js","sources":["src/components/sd-toggle-button/sd-toggle-button.scss?tag=sd-toggle-button","src/components/sd-toggle-button/sd-toggle-button.tsx"],"sourcesContent":["@import 'variables';\n\nsd-toggle-button {\n display: inline-block;\n line-height: 0;\n}\n\n.sd-toggle-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: 28px;\n padding: 4px 12px;\n gap: 6px;\n border-radius: 14px;\n border: 1px solid $grey_65;\n background-color: $white;\n color: $grey_70;\n font-size: 12px;\n line-height: 20px;\n font-weight: 400;\n cursor: pointer;\n transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;\n white-space: nowrap;\n user-select: none;\n box-sizing: border-box;\n\n &--active {\n  border-color: $brilliantblue_75;\n  color: $brilliantblue_75;\n }\n\n &--disabled {\n  background-color: $grey_20;\n  border-color: $grey_45;\n  color: $grey_65;\n  cursor: not-allowed;\n\n  &.sd-toggle-button--active {\n   background-color: $grey_20;\n   border-color: $grey_45;\n   color: $grey_65;\n  }\n }\n\n &:hover:not(.sd-toggle-button--disabled) {\n  &:not(.sd-toggle-button--active) {\n   border-color: $grey_70;\n  }\n\n  &.sd-toggle-button--active {\n   border-color: $brilliantblue_80;\n   color: $brilliantblue_80;\n  }\n }\n}","import { Component, Prop, h, Event, EventEmitter, State } from '@stencil/core';\n\n@Component({\n tag: 'sd-toggle-button',\n styleUrl: 'sd-toggle-button.scss',\n})\nexport class SdToggleButton {\n @Prop({ mutable: true, reflect: true }) value: boolean = false;\n\n @Prop() label: string = '';\n\n @Prop() disabled: boolean = false;\n\n @State() private isActive: boolean = false;\n\n @Event({ eventName: 'sdUpdate' }) change!: EventEmitter<boolean>;\n\n componentWillLoad() {\n  this.updateActiveState(this.value);\n }\n\n componentWillRender() {\n  this.updateActiveState(this.value);\n }\n\n private updateActiveState(value: boolean) {\n  this.isActive = value;\n }\n\n private get buttonClasses(): string {\n  const classes = ['sd-toggle-button'];\n\n  if (this.isActive) {\n   classes.push('sd-toggle-button--active');\n  }\n\n  if (this.disabled) {\n   classes.push('sd-toggle-button--disabled');\n  }\n\n  return classes.join(' ');\n }\n\n private handleChange = () => {\n  if (this.disabled) return;\n\n  const newValue = !this.value;\n  this.value = newValue;\n  this.change.emit(newValue);\n };\n\n render() {\n  return (\n   <label\n    class={this.buttonClasses}\n    // role=\"button\"\n    // aria-pressed={this.isActive.toString()}\n    // aria-disabled={this.disabled.toString()}\n    aria-label={this.label || 'toggle button'}\n   >\n    {this.label}\n    <input style={{ display: 'none' }} type=\"checkbox\" onInput={this.handleChange} />\n   </label>\n  );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,+7BAA+7B,CAAC;;MCMp9B,cAAc,GAAA,MAAA;;;;;IACc,KAAK,GAAY,KAAK;IAEtD,KAAK,GAAW,EAAE;IAElB,QAAQ,GAAY,KAAK;IAEhB,QAAQ,GAAY,KAAK;AAER,IAAA,MAAM;IAExC,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC;;IAGnC,mBAAmB,GAAA;AAClB,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC;;AAG3B,IAAA,iBAAiB,CAAC,KAAc,EAAA;AACvC,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;;AAGtB,IAAA,IAAY,aAAa,GAAA;AACxB,QAAA,MAAM,OAAO,GAAG,CAAC,kBAAkB,CAAC;AAEpC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,CAAC,IAAI,CAAC,0BAA0B,CAAC;;AAGzC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,CAAC,IAAI,CAAC,4BAA4B,CAAC;;AAG3C,QAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;;IAGjB,YAAY,GAAG,MAAK;QAC3B,IAAI,IAAI,CAAC,QAAQ;YAAE;AAEnB,QAAA,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK;AAC5B,QAAA,IAAI,CAAC,KAAK,GAAG,QAAQ;AACrB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;AAC3B,KAAC;IAED,MAAM,GAAA;QACL,QACC,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAA,YAAA,EAIb,IAAI,CAAC,KAAK,IAAI,eAAe,EAAA,EAExC,IAAI,CAAC,KAAK,EACX,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,IAAI,CAAC,YAAY,EAAI,CAAA,CAC1E;;;;;;;"}

package/dist/esm/sd-toggle.entry.js

@@ -0,0 +1,44 @@
+import { r as registerInstance, c as createEvent, h } from './index-C3qNZ7Qh.js';
+
+const sdToggleCss = () => `sd-toggle{display:inline-block;height:20px;line-height:0}sd-toggle .sd-toggle{cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:20px}sd-toggle .sd-toggle>input{display:none}sd-toggle .sd-toggle__label{font-size:12px;color:#333333;line-height:20px}sd-toggle .sd-toggle__track{width:36px;height:20px;border-radius:12px;background:#cccccc;position:relative;transition:background-color 0.2s ease}sd-toggle .sd-toggle__thumb{width:16px;height:16px;border-radius:50%;background:white;position:absolute;top:2px;left:2px;transition:transform 0.2s ease}sd-toggle .sd-toggle--checked .sd-toggle__track{background:#0075ff}sd-toggle .sd-toggle--checked .sd-toggle__thumb{transform:translateX(16px)}sd-toggle .sd-toggle--disabled{cursor:not-allowed}sd-toggle .sd-toggle--disabled.sd-toggle--checked .sd-toggle__track{background:#bbdaff}sd-toggle .sd-toggle--disabled.sd-toggle--unchecked .sd-toggle__track{background:#eeeeee}sd-toggle .sd-toggle:hover:not(.sd-toggle--disabled).sd-toggle--checked .sd-toggle__track{background:#005cc9}sd-toggle .sd-toggle:hover:not(.sd-toggle--disabled).sd-toggle--unchecked .sd-toggle__track{background:#bbbbbb}`;
+
+const SdToggle = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.change = createEvent(this, "sdUpdate");
+    }
+    value = false;
+    label = '';
+    disabled = false;
+    change;
+    componentWillLoad() {
+        this.updateCheckedState(this.value);
+    }
+    componentWillRender() {
+        this.updateCheckedState(this.value);
+    }
+    updateCheckedState(value) {
+        this.value = value;
+    }
+    get toggleClasses() {
+        const classes = ['sd-toggle', this.value ? 'sd-toggle--checked' : 'sd-toggle--unchecked'];
+        if (this.disabled) {
+            classes.push('sd-toggle--disabled');
+        }
+        return classes.join(' ');
+    }
+    handleChange = () => {
+        if (this.disabled)
+            return;
+        const newValue = !this.value;
+        this.value = newValue;
+        this.change.emit(newValue);
+    };
+    render() {
+        return (h("label", { key: 'ca85bc0493aff9ff17108696ddb8af29734b00f5', "aria-label": this.label || 'toggle', class: this.toggleClasses }, h("input", { key: 'b99a4fa0d557968e50b302332778faaf1b46f8cc', type: "checkbox", checked: this.value, disabled: this.disabled, onInput: this.handleChange }), this.label && h("span", { key: 'e62ca806b95463c7807f82ace61b4aa0affec962', class: "sd-toggle__label" }, this.label), h("div", { key: '6923da9a043df0d0d7fc0ecf2fe175857279e9b3', class: "sd-toggle__track" }, h("div", { key: '090dfbcf308f26b8e200d0e2cd69d44b0f5cb8bf', class: "sd-toggle__thumb" }))));
+    }
+};
+SdToggle.style = sdToggleCss();
+
+export { SdToggle as sd_toggle };
+//# sourceMappingURL=sd-toggle.entry.js.map