@sellmate/design-system 1.0.15 → 1.0.17

package/dist/collection/components/sd-modal-card/sd-modal-card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-modal-card.js","sourceRoot":"","sources":["../../../src/components/sd-modal-card/sd-modal-card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Prop, h } from '@stencil/core';\nimport { resolveColor } from '../../utils/color';\nimport { ButtonSize, ButtonVariant } from '../sd-button/sd-button';\n\nexport interface SdModalCardButtonProps {\n label: string;\n color: string;\n size: ButtonSize;\n variant?: ButtonVariant;\n class?: string;\n type?: 'confirm' | 'cancel';\n}\n\n@Component({\n tag: 'sd-modal-card',\n styleUrl: 'sd-modal-card.scss',\n})\nexport class SdModalCard {\n @Prop() type: 'info' | 'warning' | 'normal' = 'info';\n @Prop() system: 'normal' | 'positive' | 'negative' = 'normal';\n @Prop() useCloseButton: boolean = true;\n @Prop() modalTitle: string = 'normal';\n @Prop() buttonFlexDirection: 'row' | 'column' = 'row';\n @Prop() buttonProps?: SdModalCardButtonProps[];\n @Prop() message: string[] = [];\n @Prop()\n modalClass: string = '';\n\n @Event({ eventName: 'sdClose' }) close!: EventEmitter<MouseEvent>;\n @Event({ eventName: 'sdConfirm' }) confirm!: EventEmitter<MouseEvent>;\n\n private get pointColor(): string {\n  if (this.type !== 'normal') {\n   return 'grey_95';\n  }\n\n  switch (this.system) {\n   case 'positive':\n    return resolveColor('brilliantblue_75');\n   case 'negative':\n    return resolveColor('red_75');\n   default:\n    return resolveColor('grey_95');\n  }\n }\n\n private get getModalClass(): string {\n  let modalClass = `sd-modal-card ${this.modalClass}`;\n  modalClass += ' ' + `sd-modal-card-${this.system}`;\n  return modalClass;\n }\n\n render() {\n  return (\n   <div class={this.getModalClass} style={{ '--point-color': this.pointColor }}>\n    {this.useCloseButton && (\n     <sd-icon\n      class=\"sd-modal-card__close-button\"\n      name=\"close\"\n      size=\"20\"\n      color=\"grey_65\"\n      onClick={() => this.close.emit()}\n     />\n    )}\n    {this.type !== 'normal' && (\n     <sd-icon\n      class=\"sd-modal-card__icon\"\n      name={this.type === 'info' ? 'notificationOutline' : 'warningOutline'}\n      size=\"32\"\n      color={this.type === 'info' ? 'brilliantblue_75' : 'red_75'}\n     />\n    )}\n    <h2 class=\"sd-modal-card__title\">{this.modalTitle}</h2>\n    <slot>\n     <div class={`sd-modal-card__message-container`}>\n      {this.message.map(msg => (\n       <p class=\"sd-modal-card__message\">{msg}</p>\n      ))}\n     </div>\n    </slot>\n    <div class={`sd-modal-card__button-container flex-${this.buttonFlexDirection}`}>\n     {this.buttonProps?.map(button => (\n      <sd-button\n       class={'sd-modal-card__button'}\n       variant={button.variant ? button.variant : 'outline'}\n       label={button.label}\n       color={button.color}\n       size={button.size}\n       onClick={() =>\n        !button.type || button.type === 'confirm' ? this.confirm.emit() : this.close.emit()\n       }\n       {...(button.class && { class: button.class })}\n      ></sd-button>\n     ))}\n    </div>\n   </div>\n  );\n }\n}\n"]}

package/dist/collection/components/sd-number-input/sd-number-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-number-input.js","sourceRoot":"","sources":["../../../src/components/sd-number-input/sd-number-input.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Element,\n Prop,\n State,\n Watch,\n Event,\n EventEmitter,\n h,\n Method,\n} from '@stencil/core';\n\n@Component({\n tag: 'sd-number-input',\n styleUrl: 'sd-number-input.scss',\n})\nexport class SdNumberInput {\n @Element() el!: HTMLElement;\n\n @Prop() min: number = Number.NEGATIVE_INFINITY;\n @Prop() max: number = Number.POSITIVE_INFINITY;\n @Prop() step: number = 1;\n @Prop() useButton: boolean = false;\n @Prop() useDecimal: boolean = false;\n\n @Prop({ mutable: true }) value?: string | number | null = null;\n @Prop() label?: string;\n @Prop() placeholder: string = '입력해 주세요.';\n @Prop() disabled: boolean = false;\n @Prop() width?: number | string;\n @Prop() rules?: Array<(value: string | number | null) => boolean | string>;\n @Prop() autoFocus: boolean = false;\n @Prop() status?: 'default' | 'pass' | 'error';\n @Prop() inputClass: string = '';\n @Prop() readonly: boolean = false;\n @Prop() inputStyle: { [key: string]: string } = {};\n\n @State() private internalValue: number | null = null;\n @State() private displayValue: string = '';\n @State() private hovered: boolean = false;\n @State() private error: boolean = false;\n\n private nativeEl: HTMLInputElement | undefined = undefined;\n\n @Event({ eventName: 'sdUpdate' }) update?: EventEmitter<number | null>;\n @Event({ eventName: 'sdFocus' }) focus?: EventEmitter<Event>;\n @Event({ eventName: 'sdBlur' }) blur?: EventEmitter<Event>;\n\n private formatWithCommas(value: number | null): string {\n  if (value === null || value === undefined) return '';\n\n  const isNegative = value < 0;\n  const absValue = Math.abs(value);\n\n  const [intPart, decPart] = absValue.toString().split('.');\n  const formatted = (+intPart).toLocaleString();\n\n  const result = isNegative ? '-' + formatted : formatted;\n  return decPart ? result + '.' + decPart : String(result);\n }\n\n private parseInput(input: string): number | null {\n  if (!input || input.trim() === '') return null;\n\n  const cleaned = input.replace(/,/g, '').trim();\n\n  // -로 시작을 할 수 있을 수 있고, 소수점 0.n | .n\n  if (!/^-?(\\d+\\.?\\d*|\\d*\\.\\d+)$/.test(cleaned)) {\n   return null;\n  }\n\n  const parsed = parseFloat(cleaned);\n\n  if (isNaN(parsed)) return null;\n\n  // 소수점 사용 하지 않는데 . 이 있는 경우\n  if (!this.useDecimal && cleaned.includes('.')) {\n   return null;\n  }\n\n  return parsed;\n }\n\n private clampMinMax(value: number): number {\n  return Math.min(Math.max(value, this.min), this.max);\n }\n\n private updateDisplay() {\n  this.displayValue = this.formatWithCommas(this.internalValue);\n }\n\n private isIncrementDisabled(): boolean {\n  if (this.disabled || this.readonly) return true;\n  if (this.internalValue !== null) {\n   return this.internalValue >= this.max;\n  }\n  return false;\n }\n\n private isDecrementDisabled(): boolean {\n  if (this.disabled || this.readonly) return true;\n  if (this.internalValue !== null) {\n   return this.internalValue <= this.min;\n  }\n  return false;\n }\n\n @Watch('value')\n valueChanged(newValue: string | number | null) {\n  if (newValue === null || newValue === '') {\n   this.internalValue = null;\n  } else {\n   const parsed = typeof newValue === 'string' ? this.parseInput(newValue) : newValue;\n   if (parsed !== null) {\n    this.internalValue = this.clampMinMax(parsed);\n   }\n  }\n  this.updateDisplay();\n }\n\n @Watch('internalValue')\n internalValueChanged(newValue: number | null) {\n  this.updateDisplay();\n\n  if (newValue !== this.value) {\n   this.value = newValue;\n   this.update?.emit(newValue);\n  }\n\n  if (!this.rules || this.rules.length === 0) return;\n  this.error = false;\n  for (const rule of this.rules) {\n   const result = rule(newValue);\n   if (result !== true) {\n    this.error = true;\n    break;\n   }\n  }\n }\n\n componentWillLoad() {\n  if (this.value !== null && this.value !== undefined) {\n   const parsed = typeof this.value === 'string' ? this.parseInput(this.value) : this.value;\n   if (parsed !== null) {\n    this.internalValue = this.clampMinMax(parsed);\n   }\n  }\n  this.updateDisplay();\n }\n\n // TODO: 현재 숫자를 크게 넣어서 숫자e+21등의 형식으로 변환되면 값이 바뀌지않음 수정 필요\n private handleInput = (event: Event) => {\n  const target = event.target as HTMLInputElement;\n  const inputValue = target.value;\n\n  if (inputValue === '') {\n   this.internalValue = null;\n   this.displayValue = '';\n   return;\n  }\n\n  const commasRemoved = inputValue.replace(/,/g, '');\n\n  // 만약에 소수점 (.) 이 여러개 일 경우\n  const decimalCount = (commasRemoved.match(/\\./g) || []).length;\n  if (decimalCount > 1) {\n   target.value = this.displayValue;\n   return;\n  }\n\n  // 가능: \"-\", \".\", \"-.\" (단순 기호만 있는 경우)\n  if (commasRemoved === '-' || commasRemoved === '.' || commasRemoved === '-.') {\n   target.value = commasRemoved;\n   return;\n  }\n\n  // 숫자 뒤에 . 이 있는 경우 (예: \"1000.\") -> 콤마 포맷 적용 + . 유지\n  if (commasRemoved.endsWith('.') && decimalCount === 1) {\n   const numberPart = commasRemoved.slice(0, -1);\n   const parsed = this.parseInput(numberPart);\n   if (parsed !== null) {\n    const formatted = this.formatWithCommas(parsed);\n    target.value = formatted + '.';\n    return;\n   }\n  }\n\n  const parsed = this.parseInput(commasRemoved);\n\n  if (parsed !== null) {\n   if (parsed < this.min) {\n    target.value = this.displayValue;\n    return;\n   }\n\n   if (parsed > this.max) {\n    target.value = this.displayValue;\n    return;\n   }\n\n   this.internalValue = parsed;\n   this.displayValue = this.formatWithCommas(parsed);\n   target.value = this.displayValue;\n  } else {\n   target.value = this.displayValue;\n  }\n };\n\n private handleFocus = (event: Event) => {\n  this.focus?.emit(event);\n };\n\n private handleBlur = (event: Event) => {\n  this.updateDisplay();\n  if (this.nativeEl) {\n   this.nativeEl.value = this.displayValue;\n  }\n  this.blur?.emit(event);\n };\n\n private handleKeyDown = (event: KeyboardEvent) => {\n  if (event.key === 'ArrowUp') {\n   event.preventDefault();\n   this.handleIncrement();\n  } else if (event.key === 'ArrowDown') {\n   event.preventDefault();\n   this.handleDecrement();\n  }\n };\n\n private handleIncrement = () => {\n  if (this.isIncrementDisabled()) return;\n\n  const currentVal = this.internalValue ?? this.min ?? 0;\n  let nextVal = currentVal + this.step;\n\n  if (nextVal > this.max) {\n   nextVal = this.max;\n  }\n\n  if (nextVal === currentVal) return;\n\n  this.internalValue = nextVal;\n };\n\n private handleDecrement = () => {\n  if (this.isDecrementDisabled()) return;\n\n  const currentVal = this.internalValue ?? this.min ?? 0;\n  let nextVal = currentVal - this.step;\n\n  if (nextVal < this.min) {\n   nextVal = this.min;\n  }\n\n  if (nextVal === currentVal) return;\n\n  this.internalValue = nextVal;\n };\n\n @Method()\n async sdGetNativeElement(): Promise<HTMLInputElement | null> {\n  return this.nativeEl || null;\n }\n\n getInputStatus() {\n  if (this.disabled) return 'sd-number-input--disabled';\n  if (this.hovered) return 'sd-number-input--hovered';\n  if (this.status) return `sd-number-input--${this.status}`;\n  if (this.error) return 'sd-number-input--error';\n  return '';\n }\n\n render() {\n  const inputWidth = this.width\n   ? {\n      '--input-width': typeof this.width === 'number' ? `${this.width}px` : this.width,\n     }\n   : {};\n\n  const inputStyles = {\n   textAlign: this.useButton ? 'center' : 'right',\n  };\n\n  return (\n   <div\n    class=\"sd-number-input-container\"\n    style={inputWidth}\n    onFocus={this.handleFocus}\n    onBlur={this.handleBlur}\n   >\n    {this.label && <div class=\"sd-number-input__label\">{this.label}</div>}\n    <label\n     class={{\n      'sd-number-input': true,\n      [this.getInputStatus()]: true,\n      'sd-number-input--with-buttons': this.useButton,\n     }}\n     onMouseEnter={() => (this.hovered = true)}\n     onMouseLeave={() => (this.hovered = false)}\n     style={this.inputStyle}\n    >\n     <input\n      ref={el => (this.nativeEl = el)}\n      class={`sd-number-input__input ${this.inputClass}`}\n      type=\"text\"\n      inputMode=\"numeric\"\n      value={this.displayValue}\n      placeholder={this.placeholder}\n      disabled={this.disabled}\n      readonly={this.readonly}\n      autofocus={this.autoFocus}\n      onInput={this.handleInput}\n      onKeyDown={this.handleKeyDown}\n      style={inputStyles}\n     />\n\n     {this.useButton && (\n      <div class=\"sd-number-input__buttons\">\n       <button\n        type=\"button\"\n        class={{\n         'sd-number-input__button': true,\n         'sd-number-input__button--decrement': true,\n        }}\n        disabled={this.isDecrementDisabled()}\n        onClick={this.handleDecrement}\n        tabindex={-1}\n       >\n        <sd-icon\n         name=\"minus\"\n         size={12}\n         color={this.isDecrementDisabled() ? 'grey_45' : 'brilliantblue_70'}\n        />\n       </button>\n       <button\n        type=\"button\"\n        class={{\n         'sd-number-input__button': true,\n         'sd-number-input__button--increment': true,\n        }}\n        disabled={this.isIncrementDisabled()}\n        onClick={this.handleIncrement}\n        tabindex={-1}\n       >\n        <sd-icon\n         name=\"add\"\n         size={12}\n         color={this.isIncrementDisabled() ? 'grey_45' : 'brilliantblue_70'}\n        />\n       </button>\n      </div>\n     )}\n    </label>\n   </div>\n  );\n }\n}\n"]}

package/dist/collection/components/sd-pagination/sd-pagination.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-pagination.js","sourceRoot":"","sources":["../../../src/components/sd-pagination/sd-pagination.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, Event, EventEmitter, h, Fragment } from '@stencil/core';\n\nconst BUTTON_WIDTH: Record<number, number> = {\n 1: 26,\n 2: 36,\n 3: 42,\n 4: 50,\n 5: 58,\n};\n\nconst PER_PAGE = 10;\n\n@Component({\n tag: 'sd-pagination',\n styleUrl: 'sd-pagination.scss',\n})\nexport class SdPagination {\n @Prop() currentPage: number = 1;\n @Prop() lastPage: number = 1;\n @Prop() simple: boolean = false;\n\n @Event({ eventName: 'sdPageChange' }) pageChange!: EventEmitter<number>;\n\n private get paginationClasses() {\n  const classes = ['sd-pagination'];\n\n  if (this.simple) {\n   classes.push('sd-pagination--simple');\n  }\n  return classes.join(' ');\n }\n\n private get pageNumbers() {\n  const start = Math.floor((this.currentPage - 1) / PER_PAGE) * PER_PAGE + 1;\n  const end = Math.min(start + PER_PAGE - 1, this.lastPage);\n  return Array.from({ length: end - start + 1 }, (_, i) => start + i);\n }\n\n private get buttonWidth() {\n  const lastPageNum = this.pageNumbers.at(-1) ?? 1;\n  const maxPageLength: number = lastPageNum.toString().length;\n  return BUTTON_WIDTH[maxPageLength] || BUTTON_WIDTH[1];\n }\n\n private handlePageChange(page: number) {\n  if (page < 1 || page > this.lastPage) return;\n  this.currentPage = page;\n  this.pageChange.emit(page);\n }\n\n private handleGroupChange(direction: 'forward' | 'backward') {\n  const delta = direction === 'forward' ? PER_PAGE : -PER_PAGE;\n  const newPage = Math.min(Math.max(this.currentPage + delta, 1), this.lastPage);\n  this.handlePageChange(newPage);\n }\n\n private get isFirstGroup() {\n  return this.currentPage <= PER_PAGE;\n }\n\n private get isLastGroup() {\n  const startPageGroup = Math.floor((this.currentPage - 1) / PER_PAGE) * PER_PAGE + 1;\n  return startPageGroup + PER_PAGE - 1 >= this.lastPage;\n }\n\n private renderPrevButtons() {\n  if (this.simple) {\n   if (this.currentPage <= 1) return null;\n\n   return (\n    <Fragment>\n     <button aria-label=\"Go to first page\" onClick={() => this.handlePageChange(1)}>\n      <sd-icon name=\"arrowLeftEnd\" size=\"12\" color=\"#222222\" />\n     </button>\n     <button\n      aria-label=\"Go to previous page\"\n      onClick={() => this.handlePageChange(this.currentPage - 1)}\n     >\n      <sd-icon name=\"arrowLeft\" size=\"12\" color=\"#222222\" />\n     </button>\n    </Fragment>\n   );\n  }\n\n  if (!this.isFirstGroup) {\n   return (\n    <Fragment>\n     <button aria-label=\"Go to first page\" onClick={() => this.handlePageChange(1)}>\n      <sd-icon name=\"arrowLeftEnd\" size=\"12\" color=\"#222222\" />\n     </button>\n     <button\n      aria-label=\"Go to previous page group\"\n      onClick={() => this.handleGroupChange('backward')}\n     >\n      <sd-icon name=\"arrowLeft\" size=\"12\" color=\"#222222\" />\n     </button>\n    </Fragment>\n   );\n  }\n }\n\n private renderNextButtons() {\n  if (this.simple) {\n   if (this.currentPage >= this.lastPage) return null;\n\n   return (\n    <Fragment>\n     <button\n      aria-label=\"Go to next page\"\n      onClick={() => this.handlePageChange(this.currentPage + 1)}\n     >\n      <sd-icon name=\"arrowRight\" size=\"12\" color=\"#222222\" />\n     </button>\n     <button aria-label=\"Go to last page\" onClick={() => this.handlePageChange(this.lastPage)}>\n      <sd-icon name=\"arrowRightEnd\" size=\"12\" color=\"#222222\" />\n     </button>\n    </Fragment>\n   );\n  }\n\n  if (!this.isLastGroup) {\n   return (\n    <Fragment>\n     <button aria-label=\"Go to next page group\" onClick={() => this.handleGroupChange('forward')}>\n      <sd-icon name=\"arrowRight\" size=\"12\" color=\"#222222\" />\n     </button>\n     <button aria-label=\"Go to last page\" onClick={() => this.handlePageChange(this.lastPage)}>\n      <sd-icon name=\"arrowRightEnd\" size=\"12\" color=\"#222222\" />\n     </button>\n    </Fragment>\n   );\n  }\n }\n\n render() {\n  return (\n   <div class={this.paginationClasses}>\n    <div class=\"prepend-btns\">{this.renderPrevButtons()}</div>\n\n    {this.simple ? (\n     <div class=\"pagination-info\">\n      <span class=\"current-page\">{this.currentPage}</span>\n      <span>/</span>\n      <span class=\"last-page\">{this.lastPage}</span>\n     </div>\n    ) : (\n     this.pageNumbers.map(n => (\n      <button\n       type=\"button\"\n       aria-current={this.currentPage === n ? 'page' : undefined}\n       class={{\n        'pagination-btn': true,\n        'pagination-btn--selected': this.currentPage === n,\n       }}\n       disabled={this.currentPage === n}\n       style={{\n        '--pagination-btn-width': `${this.buttonWidth}px`,\n       }}\n       onClick={() => this.handlePageChange(n)}\n      >\n       {n}\n      </button>\n     ))\n    )}\n\n    <div class=\"append-btns\">{this.renderNextButtons()}</div>\n   </div>\n  );\n }\n}\n"]}

package/dist/collection/components/sd-popover/sd-popover.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-popover.js","sourceRoot":"","sources":["../../../src/components/sd-popover/sd-popover.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Fragment, Prop, State, Watch, h } from '@stencil/core';\nimport { ButtonSize, ButtonVariant } from '../sd-button/sd-button';\nimport { TooltipArrow } from '../assets/tooltipArrow';\n\n@Component({\n tag: 'sd-popover',\n styleUrl: 'sd-popover.scss',\n})\nexport class SdPopover {\n @Element() el!: HTMLElement;\n\n @Prop({ mutable: true }) show: boolean = false;\n\n @Prop({ reflect: true }) placement: 'top' | 'bottom' | 'left' | 'right' = 'bottom';\n @Prop({ reflect: true }) color: string = '#01BB4B';\n\n @Prop({ reflect: true }) icon: IconName = 'helpOutline';\n @Prop({ reflect: true }) iconSize: number = 12;\n\n @Prop() label: string = '';\n @Prop({ reflect: true }) buttonSize: ButtonSize = 'sm';\n @Prop({ reflect: true }) buttonVariant: ButtonVariant = 'primary';\n\n @Prop({ attribute: 'title', reflect: true }) menuTitle?: string;\n @Prop({ reflect: true }) messages: string[] = [];\n @Prop({ reflect: true }) buttons: {\n  [key: string]: any;\n }[] = [];\n @Prop() menuClass: string = '';\n\n @Prop() noHover: boolean = true;\n\n @Prop() useClose: boolean = false;\n\n @State() showPopover: boolean = false;\n @State() slotContent: string = '';\n\n @Watch('show')\n watchShowHandler(newValue: boolean) {\n  this.showPopover = newValue;\n }\n\n componentWillLoad() {\n  this.showPopover = this.show;\n\n  this.slotContent = this.el.innerHTML;\n }\n\n private buttonEl?: HTMLElement;\n\n private handleClose = () => {\n  this.showPopover = false;\n };\n\n render() {\n  return (\n   <Fragment>\n    {this.label ? (\n     <sd-button\n      ref={el => (this.buttonEl = el as unknown as HTMLElement)}\n      label={this.label}\n      icon={this.icon}\n      size={this.buttonSize}\n      color={this.color}\n      variant={this.buttonVariant}\n      class=\"sd-popover\"\n      onClick={() => (this.showPopover = !this.showPopover)}\n     ></sd-button>\n    ) : (\n     <sd-icon\n      ref={el => (this.buttonEl = el as unknown as HTMLElement)}\n      name={this.icon}\n      size={this.iconSize}\n      color={this.color}\n      class=\"sd-popover\"\n      onClick={() => (this.showPopover = !this.showPopover)}\n     ></sd-icon>\n    )}\n\n    {this.showPopover && (\n     <sd-floating-portal\n      parentRef={this.buttonEl}\n      onSdClose={this.handleClose}\n      placement={this.placement}\n     >\n      <div\n       class={{\n        'sd-floating-menu': true,\n        [`sd-floating-menu--${this.placement}`]: true,\n        [this.menuClass]: !!this.menuClass,\n       }}\n      >\n       <i class={`sd-floating-menu__arrow sd-floating-menu__arrow--${this.placement}`}>\n        <TooltipArrow></TooltipArrow>\n       </i>\n\n       <div class=\"sd-floating-menu__content\">\n        {this.menuTitle && <div class=\"sd-floating-menu__title\">{this.menuTitle}</div>}\n\n        {this.messages.length > 0 && (\n         <div class=\"sd-floating-menu__messages\">\n          {this.messages.map(message => (\n           <div>{message}</div>\n          ))}\n         </div>\n        )}\n\n        {this.buttons.length > 0 && (\n         <div class={`sd-floating-menu__buttons sd-floating-menu__buttons--${this.buttons.length}`}>\n          {this.buttons.map(button => (\n           <sd-button {...button} />\n          ))}\n         </div>\n        )}\n       </div>\n\n       {this.useClose && (\n        <button\n         title=\"close\"\n         class=\"sd-floating-menu__close-button\"\n         onClick={() => this.handleClose()}\n        >\n         <sd-icon name=\"close\" size=\"12\" color=\"gery_55\"></sd-icon>\n        </button>\n       )}\n      </div>\n     </sd-floating-portal>\n    )}\n   </Fragment>\n  );\n }\n}\n"]}

package/dist/collection/components/sd-portal/sd-portal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-portal.js","sourceRoot":"","sources":["../../../src/components/sd-portal/sd-portal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, Listen, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'sd-portal',\n shadow: false,\n})\nexport class SdPortal {\n @Element() hostEl!: HTMLElement;\n @Prop() to: HTMLElement | string = 'body';\n @Prop() parentRef: HTMLElement | null = null;\n @Prop() offset: [number, number] = [0, 4];\n @Prop() zIndex: number = 9999;\n @Prop() open: boolean = false;\n\n @Event({ eventName: 'sdClose' }) close!: EventEmitter<void>;\n\n private container?: HTMLElement;\n private wrapper?: HTMLElement;\n private rafId?: number;\n private isInsideClick = false;\n\n private resizeObserver?: ResizeObserver;\n private mutationObserver?: MutationObserver;\n\n componentDidLoad() {\n  this.container = this.resolveContainer();\n  this.createWrapper();\n  this.moveSlotContent();\n  this.updatePosition();\n  this.observeParent();\n }\n\n componentDidRender() {\n  if (!this.wrapper) return;\n  this.wrapper.style.display = this.open ? 'block' : 'none';\n  if (this.open) this.updatePosition();\n }\n\n disconnectedCallback() {\n  this.unobserveParent();\n  this.wrapper?.remove();\n }\n\n private resolveContainer(): HTMLElement {\n  const el = typeof this.to === 'string' ? document.querySelector(this.to) : this.to;\n  return el instanceof HTMLElement ? el : document.body;\n }\n\n private createWrapper() {\n  this.wrapper = document.createElement('div');\n  Object.assign(this.wrapper.style, {\n   position: 'absolute',\n   zIndex: this.zIndex.toString(),\n   transition: 'opacity 0.4s',\n  });\n  this.container!.appendChild(this.wrapper);\n }\n\n private moveSlotContent() {\n  if (!this.wrapper) return;\n  const nodes = Array.from(this.hostEl.childNodes).filter(n => n.nodeType !== Node.COMMENT_NODE);\n  nodes.forEach(n => this.wrapper!.appendChild(n));\n }\n\n // 위치 갱신 (scroll / resize)\n @Listen('scroll', { target: 'window' })\n @Listen('resize', { target: 'window' })\n updatePosition() {\n  if (this.rafId) cancelAnimationFrame(this.rafId);\n  this.rafId = requestAnimationFrame(() => {\n   if (!this.parentRef || !this.wrapper) return;\n\n   const parentRect = this.parentRef.getBoundingClientRect();\n   const wrapperRect = this.wrapper.getBoundingClientRect();\n   const viewport = {\n    width: window.innerWidth,\n    height: window.innerHeight,\n   };\n\n   let top = parentRect.bottom + window.scrollY + this.offset[1];\n   let left = parentRect.left + window.scrollX + this.offset[0];\n\n   // 화면 상하단 넘어갈 시 반전\n   if (parentRect.bottom + wrapperRect.height + this.offset[1] > viewport.height) {\n    top = parentRect.top + window.scrollY - wrapperRect.height - this.offset[1];\n   }\n   if (top < window.scrollY) {\n    top = parentRect.bottom + window.scrollY + this.offset[1];\n   }\n\n   // 화면 좌우측 넘어갈 시 반전\n   if (parentRect.left + wrapperRect.width + this.offset[0] > viewport.width) {\n    left = parentRect.right + window.scrollX - wrapperRect.width - this.offset[0];\n   }\n   if (left < 0) {\n    left = this.offset[0];\n   }\n\n   this.wrapper.style.top = `${top}px`;\n   this.wrapper.style.left = `${left}px`;\n  });\n }\n\n // parentRef의 이동 / 크기변경 감지\n private observeParent() {\n  if (!this.parentRef) return;\n\n  this.resizeObserver = new ResizeObserver(() => this.updatePosition());\n  this.resizeObserver.observe(this.parentRef);\n\n  this.mutationObserver = new MutationObserver(() => this.updatePosition());\n  this.mutationObserver.observe(document.body, {\n   childList: true,\n   subtree: true,\n  });\n }\n\n private unobserveParent() {\n  this.resizeObserver?.disconnect();\n  this.mutationObserver?.disconnect();\n }\n\n // 외부 클릭 감지\n @Listen('mousedown', { target: 'window' })\n handleMouseDown(e: MouseEvent) {\n  this.isInsideClick = !!(this.wrapper && this.wrapper.contains(e.target as Node));\n }\n\n @Listen('click', { target: 'window' })\n handleWindowClick(e: MouseEvent) {\n  if (this.isInsideClick) {\n   this.isInsideClick = false;\n   return;\n  }\n  if (this.wrapper?.contains(e.target as Node)) return;\n  this.close.emit();\n }\n\n render() {\n  return <slot></slot>;\n }\n}\n"]}

package/dist/collection/components/sd-progress/sd-progress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-progress.js","sourceRoot":"","sources":["../../../src/components/sd-progress/sd-progress.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'sd-progress',\n styleUrl: 'sd-progress.scss',\n})\nexport class SdProgress {\n @Prop() type: 'bar' | 'spinner' = 'bar';\n @Prop() error: boolean = false;\n @Prop() percentage: number = 0;\n @Prop() size: number = 80;\n @Prop() strokeWidth: number = 12;\n @Prop() label?: string;\n\n private statusColor = {\n  default: '#aaaaaa',\n  progress: '#0075ff',\n  complete: '#12B553',\n  error: '#FB4444',\n };\n\n private get progressPercentage() {\n  if (this.error) return 100;\n\n  return this.percentage;\n }\n\n private get progressStatus() {\n  if (this.error) return 'error';\n\n  switch (this.percentage) {\n   case 100:\n    return 'complete';\n   case 0:\n    return 'default';\n   default:\n    return 'progress';\n  }\n }\n\n private get progressColor() {\n  return this.statusColor[this.progressStatus];\n }\n\n render() {\n  return (\n   <div\n    style={{\n     '--progress-color': this.progressColor,\n     '--progress-percentage': `${this.progressPercentage}%`,\n    }}\n   >\n    {this.type === 'bar' ? this.renderBarProgress() : this.renderSpinnerProgress()}\n    {this.label && <div class=\"sd-progress__label\">{this.label}</div>}\n   </div>\n  );\n }\n\n renderBarProgress() {\n  return (\n   <div class={`sd-progress__bar sd-progress__bar--${this.progressStatus}`}>\n    <div\n     class={['sd-progress__bar__percent', this.progressPercentage < 100 ? 'proceed' : ''].join(' ')}\n    ></div>\n    <div class=\"sd-progress__bar__indicator sd-progress__bar__indicator--left\">\n     {this.progressPercentage}%\n    </div>\n    <div class=\"sd-progress__bar__indicator sd-progress__bar__indicator--right\">\n     {this.progressPercentage}%\n    </div>\n   </div>\n  );\n }\n\n renderSpinnerProgress() {\n  const radius = (this.size - this.strokeWidth) / 2; // 원의 반지름\n  const circumference = 2 * Math.PI * radius; // 원의 둘레\n  const offset = circumference - (this.progressPercentage / 100) * circumference; // 진행률에 따른 offset\n  const progressBgSize = `${this.size}px`;\n  const progressSize = `${this.size / 2}px`;\n\n  return (\n   <div class={`sd-progress__spinner sd-progress__spinner--${this.progressStatus}`}>\n    <svg width={progressBgSize} height={progressBgSize}>\n     <circle\n      cx={progressSize}\n      cy={progressSize}\n      r={radius}\n      stroke=\"#EEEEEE\"\n      stroke-width={this.strokeWidth}\n      fill=\"transparent\"\n     />\n     <circle\n      cx={progressSize}\n      cy={progressSize}\n      r={radius}\n      stroke={this.progressColor}\n      stroke-width={this.strokeWidth}\n      fill=\"transparent\"\n      stroke-dasharray={circumference}\n      stroke-dashoffset={offset}\n      stroke-linecap=\"round\"\n      class=\"transition-all duration-500\"\n     />\n    </svg>\n    <strong class=\"sd-progress__spinner__label\">{this.progressPercentage} %</strong>\n   </div>\n  );\n }\n}\n\n//  <sd-progress id=\"sd-progress-1\"></sd-progress>\n//  <sd-progress id=\"sd-progress-2\" type=\"spinner\"></sd-progress>\n//  <sd-progress id=\"sd-progress-3\" type=\"spinner\"></sd-progress>\n{\n /* <script>\n  document.addEventListener('DOMContentLoaded', event => {\n  progress = document.getElementById('sd-progress-1');\n  progress2 = document.getElementById('sd-progress-2');\n  progress3 = document.getElementById('sd-progress-3');\n  progress2.label = 'test label...';\n  progress3.percentage = 50;\n  let percentage = 0;\n  const interval = setInterval(() => {\n    if (percentage >= 100) {\n    clearInterval(interval);\n    progress.status = 'complete';\n    progress2.status = 'complete';\n    return;\n    }\n    percentage += 10;\n    progress.status = 'progress';\n    progress.percentage = percentage;\n    progress2.status = 'progress';\n    progress2.percentage = percentage;\n  }, 500);\n\n  const interval2 = setTimeout(() => {\n    progress3.error = true;\n  }, 3000);\n  });\n</script> */\n}\n"]}

package/dist/collection/components/sd-radio/sd-radio.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-radio.js","sourceRoot":"","sources":["../../../src/components/sd-radio/sd-radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQxE,MAAM,OAAO,OAAO;IACqB,KAAK,CAAc;IAEnD,QAAQ,GAAY,KAAK,CAAC;IAE1B,GAAG,CAAU;IAEb,KAAK,CAAU;IAEW,MAAM,CAA4B;IAE5D,eAAe;QACtB,MAAM,OAAO,GAAG;YACf,UAAU;YACV,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB;SACvF,CAAC;QAEF,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACpC,CAAC;QAED,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC1B,CAAC;IAEO,iBAAiB,CAAC,MAAW;QACpC,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAE1B,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAE9B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAI,CAAC;QACvB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;IAED,MAAM;QACL,OAAO,CACN,0EACa,IAAI,CAAC,GAAG,IAAI,cAAc,kBACxB,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,mBACzD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC/C,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE;YAE7B,aAAO,GAAG,EAAE,SAAS,IAAI,CAAC,GAAG,EAAE;gBAC9B,8DACC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EACvB,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAChD,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,GACtD;gBACD,IAAI,CAAC,GAAG,IAAI,6DAAM,KAAK,EAAC,uBAAuB,IAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,CAAQ,CACzE,CACH,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\n\nexport type RadioValue = string | number | boolean;\n\n@Component({\n tag: 'sd-radio',\n styleUrl: 'sd-radio.scss',\n})\nexport class SdRadio {\n @Prop({ mutable: true, reflect: true }) value!: RadioValue;\n\n @Prop() disabled: boolean = false;\n\n @Prop() val!: string;\n\n @Prop() label?: string;\n\n @Event({ eventName: 'sdUpdate' }) update!: EventEmitter<RadioValue>;\n\n private getRadioClasses(): string {\n  const classes = [\n   'sd-radio',\n   String(this.val) === String(this.value) ? 'sd-radio--selected' : 'sd-radio--unselected',\n  ];\n\n  if (this.disabled) {\n   classes.push('sd-radio--disabled');\n  }\n\n  return classes.join(' ');\n }\n\n private handleRadioChange(detail: any) {\n  if (this.disabled) return;\n\n  console.log('detail', detail);\n\n  this.value = this.val!;\n  this.update.emit(this.value);\n }\n\n render() {\n  return (\n   <div\n    aria-label={this.val || 'radio option'}\n    aria-checked={String(this.val) === String(this.value) ? 'true' : 'false'}\n    aria-disabled={this.disabled ? 'true' : 'false'}\n    class={this.getRadioClasses()}\n   >\n    <label key={`radio-${this.val}`}>\n     <input\n      type=\"radio\"\n      name={this.val}\n      value={String(this.val)}\n      checked={String(this.val) === String(this.value)}\n      disabled={this.disabled}\n      onInput={({ detail }) => this.handleRadioChange(detail)}\n     />\n     {this.val && <span class=\"sd-radio-group__label\">{this.label || this.val}</span>}\n    </label>\n   </div>\n  );\n }\n}\n"]}

package/dist/collection/components/sd-radio-button-group/sd-radio-button-group.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-radio-button-group.js","sourceRoot":"","sources":["../../../src/components/sd-radio-button-group/sd-radio-button-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAgB,KAAK,EAAE,MAAM,eAAe,CAAC;AAaxE,MAAM,OAAO,kBAAkB;IACL,KAAK,CAAc;IAEnB,YAAY,GAAkB,EAAE,CAAC;IAElD,IAAI,GAAgB,IAAI,CAAC;IAEzB,QAAQ,GAAY,KAAK,CAAC;IAE1B,IAAI,CAAU;IAGtB,MAAM,CAA4B;IAE1B,iBAAiB,GAAG,CAAC,WAAuB,EAAE,cAAwB,EAAE,EAAE;QACjF,IAAI,IAAI,CAAC,QAAQ,IAAI,cAAc;YAAE,OAAO;QAC5C,IAAI,CAAC,KAAK,GAAG,WAAW,CAAC;QACzB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEM,gBAAgB,CAAC,MAAmB;QAC3C,OAAO,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC;IACpC,CAAC;IAEO,gBAAgB,CAAC,MAAmB;QAC3C,OAAO,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC;IAC3C,CAAC;IAEO,gBAAgB,CAAC,MAAmB;QAC3C,MAAM,OAAO,GAAG;YACf,+BAA+B;YAC/B,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC;gBAC5B,CAAC,CAAC,yCAAyC;gBAC3C,CAAC,CAAC,2CAA2C;SAC9C,CAAC;QAEF,IAAI,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC;YACnC,OAAO,CAAC,IAAI,CAAC,yCAAyC,CAAC,CAAC;QACzD,CAAC;QAED,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC1B,CAAC;IAEO,eAAe;QACtB,MAAM,OAAO,GAAG,CAAC,uBAAuB,EAAE,0BAA0B,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QACjF,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC1B,CAAC;IAEO,SAAS,GAAG,IAAI,CAAC,IAAI,IAAI,yBAAyB,MAAM,CAAC,UAAU,EAAE,EAAE,CAAC;IAEhF,MAAM;QACL,OAAO,CACN,4DAAK,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE,EAAE,IAAI,EAAC,YAAY,mBAAgB,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,IAC3F,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;YAC/B,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;YACjD,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;YAEjD,OAAO,CACN,aACC,GAAG,EAAE,SAAS,MAAM,CAAC,KAAK,EAAE,EAC5B,KAAK,EAAE,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,gBACxB,MAAM,CAAC,KAAK,IAAI,cAAc,gBAC9B,MAAM,CAAC,KAAK;gBAExB,aACC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,CAAC,SAAS,EACpB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,EAC9B,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,GACnE;gBACD,MAAM,CAAC,KAAK,IAAI,YAAM,KAAK,EAAC,8BAA8B,IAAE,MAAM,CAAC,KAAK,CAAQ,CAC1E,CACR,CAAC;QACH,CAAC,CAAC,CACG,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Prop, h, EventEmitter, Event } from '@stencil/core';\n\nexport type RadioValue = string | number | boolean;\nexport type RadioOption = {\n label: string;\n value: RadioValue;\n disabled?: boolean;\n};\n\n@Component({\n tag: 'sd-radio-button-group',\n styleUrl: 'sd-radio-button-group.scss',\n})\nexport class SdRadioButtonGroup {\n @Prop({ mutable: true }) value!: RadioValue;\n\n @Prop({ mutable: true }) radioOptions: RadioOption[] = [];\n\n @Prop() size: 'sm' | 'md' = 'md';\n\n @Prop() disabled: boolean = false;\n\n @Prop() name?: string;\n\n @Event({ eventName: 'sdUpdate' })\n change!: EventEmitter<RadioValue>;\n\n private handleRadioChange = (optionValue: RadioValue, optionDisabled?: boolean) => {\n  if (this.disabled || optionDisabled) return;\n  this.value = optionValue;\n  this.change.emit(optionValue);\n };\n\n private isOptionSelected(option: RadioOption): boolean {\n  return this.value === option.value;\n }\n\n private isOptionDisabled(option: RadioOption): boolean {\n  return this.disabled || !!option.disabled;\n }\n\n private getButtonClasses(option: RadioOption): string {\n  const classes = [\n   'sd-radio-button-group__option',\n   this.isOptionSelected(option)\n    ? 'sd-radio-button-group__option--selected'\n    : 'sd-radio-button-group__option--unselected',\n  ];\n\n  if (this.isOptionDisabled(option)) {\n   classes.push('sd-radio-button-group__option--disabled');\n  }\n\n  return classes.join(' ');\n }\n\n private getGroupClasses(): string {\n  const classes = ['sd-radio-button-group', `sd-radio-button-group--${this.size}`];\n  return classes.join(' ');\n }\n\n private groupName = this.name || `sd-radio-button-group-${crypto.randomUUID()}`;\n\n render() {\n  return (\n   <div class={this.getGroupClasses()} role=\"radiogroup\" aria-disabled={this.disabled.toString()}>\n    {this.radioOptions.map(option => {\n     const isSelected = this.isOptionSelected(option);\n     const isDisabled = this.isOptionDisabled(option);\n\n     return (\n      <label\n       key={`radio-${option.value}`}\n       class={this.getButtonClasses(option)}\n       aria-label={option.label || 'radio option'}\n       data-label={option.label}\n      >\n       <input\n        type=\"radio\"\n        name={this.groupName}\n        value={option.value.toString()}\n        checked={isSelected}\n        disabled={isDisabled}\n        onInput={() => this.handleRadioChange(option.value, option.disabled)}\n       />\n       {option.label && <span class=\"sd-radio-button-group__label\">{option.label}</span>}\n      </label>\n     );\n    })}\n   </div>\n  );\n }\n}\n"]}

package/dist/collection/components/sd-radio-group/sd-radio-group.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-radio-group.js","sourceRoot":"","sources":["../../../src/components/sd-radio-group/sd-radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAgB,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAa/E,MAAM,OAAO,YAAY;IACgB,KAAK,CAAc;IAElC,YAAY,GAAkB,EAAE,CAAC;IAElD,SAAS,GAA8B,UAAU,CAAC;IAElD,QAAQ,GAAY,KAAK,CAAC;IAE1B,SAAS,CAAU;IAG3B,MAAM,CAA4B;IAGlC,YAAY,CAAC,QAAoB;QAChC,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;IACvB,CAAC;IAEO,iBAAiB,GAAG,CAAC,WAAuB,EAAE,EAAE;QACvD,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAE1B,IAAI,CAAC,KAAK,GAAG,WAAW,CAAC;QACzB,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IAChC,CAAC,CAAC;IAEM,eAAe;QACtB,MAAM,OAAO,GAAG,CAAC,gBAAgB,EAAE,mBAAmB,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QACxE,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC1B,CAAC;IAED,MAAM;QACL,OAAO,CACN,4DAAK,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE,EAAE,IAAI,EAAC,YAAY,IACnD,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;YAC/B,OAAO,CACN,gBACC,GAAG,EAAE,SAAS,MAAM,CAAC,KAAK,EAAE,EAC5B,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EACzB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,MAAM,CAAC,QAAQ,EAC5C,UAAU,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,GACzD,CACF,CAAC;QACH,CAAC,CAAC,CACG,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Prop, h, EventEmitter, Event, Watch } from '@stencil/core';\nimport { RadioValue } from '../sd-radio/sd-radio';\n\nexport type RadioOption = {\n label: string;\n value: RadioValue;\n disabled?: boolean;\n};\n\n@Component({\n tag: 'sd-radio-group',\n styleUrl: 'sd-radio-group.scss',\n})\nexport class SdRadioGroup {\n @Prop({ mutable: true, reflect: true }) value!: RadioValue;\n\n @Prop({ mutable: true }) radioOptions: RadioOption[] = [];\n\n @Prop() direction: 'horizontal' | 'vertical' = 'vertical';\n\n @Prop() disabled: boolean = false;\n\n @Prop() groupName?: string;\n\n @Event({ eventName: 'sdUpdate' })\n change!: EventEmitter<RadioValue>;\n\n @Watch('value')\n valueChanged(newValue: RadioValue) {\n  this.value = newValue;\n }\n\n private handleRadioChange = (optionValue: RadioValue) => {\n  if (this.disabled) return;\n\n  this.value = optionValue;\n  this.change?.emit(optionValue);\n };\n\n private getGroupClasses(): string {\n  const classes = ['sd-radio-group', `sd-radio-group--${this.direction}`];\n  return classes.join(' ');\n }\n\n render() {\n  return (\n   <div class={this.getGroupClasses()} role=\"radiogroup\">\n    {this.radioOptions.map(option => {\n     return (\n      <sd-radio\n       key={`radio-${option.value}`}\n       val={String(option.value)}\n       value={this.value}\n       label={option.label}\n       disabled={this.disabled || !!option.disabled}\n       onSdUpdate={({ detail }) => this.handleRadioChange(detail)}\n      />\n     );\n    })}\n   </div>\n  );\n }\n}\n"]}

package/dist/collection/components/sd-select/sd-select-dropdown/sd-select-dropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-select-dropdown.js","sourceRoot":"","sources":["../../../../src/components/sd-select/sd-select-dropdown/sd-select-dropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, h, Prop, State, Watch } from '@stencil/core';\nimport { SelectOption } from '../sd-select';\n\ntype SelectValue = SelectOption[] | string | number | null;\n\n@Component({\n tag: 'sd-select-dropdown',\n styleUrl: 'sd-select-dropdown.scss',\n})\nexport class SdSelectDropdown {\n @Prop({ mutable: true }) itemIndex!: number;\n @Prop() value: SelectValue = null;\n @Prop() options!: SelectOption[];\n @Prop() width!: string;\n @Prop() dropdownHeight!: string;\n @Prop() searchable!: boolean;\n @Prop() optionPlaceholder!: string;\n @Prop() useCheckbox: boolean = false;\n @Prop() useAll?: boolean = false;\n\n @State() filteredOptions = this.options;\n @State() searchText: string | null = null;\n @State() isScrolled: boolean = false;\n @State() isDropdownReady: boolean = false;\n\n @Event({ eventName: 'sdOptionClick' }) optionClick!: EventEmitter<{\n  option: SelectOption;\n  index: number;\n  event: MouseEvent;\n }>;\n @Event({ eventName: 'sdOptionFiltered' }) optionFiltered!: EventEmitter<SelectOption[]>;\n @Event({ eventName: 'sdScroll' }) scroll!: EventEmitter<Event>;\n\n @Watch('filteredOptions')\n filteredOptionsChanged(newValue: SelectOption[]) {\n  this.optionFiltered.emit(newValue);\n }\n\n @Watch('searchText')\n searchTextChanged() {\n  this.filterOptions();\n }\n\n @Watch('itemIndex')\n async itemIndexChanged(newIndex: number, oldIndex: number) {\n  if (this.searchable) {\n   const searchInput = await this.getNativeInputElement();\n   if (this.itemIndex === -1) {\n    searchInput?.focus({ preventScroll: true });\n    return;\n   } else if (searchInput?.matches(':focus')) {\n    searchInput?.blur();\n   }\n  }\n\n  const optionElements =\n   this.dropdownRef?.querySelectorAll('.sd-select-dropdown sd-select-option') || [];\n  const currentItem = optionElements?.[this.itemIndex];\n\n  if (!currentItem) return;\n\n  this.optionRef = currentItem as HTMLSdSelectOptionElement;\n  const isOptionDisabled = await this.optionRef.sdIsDisabled();\n\n  if (isOptionDisabled) {\n   newIndex > oldIndex ? this.itemIndex++ : this.itemIndex--;\n   return;\n  }\n\n  this.scrollToOption(currentItem as HTMLElement);\n }\n\n componentWillLoad() {\n  this.filteredOptions = this.options;\n\n  // DOM 렌더링을 기다리기 위해 이중 requestAnimationFrame 사용 - (레이아웃/스타일 계산 - 페인트 이후)\n  requestAnimationFrame(() => {\n   requestAnimationFrame(async () => {\n    const selectedOptions = this.getSelectedOption();\n\n    // 선택된 옵션이 있으면 첫 번째 선택된 항목으로 스크롤\n    if (selectedOptions) {\n     const selectedIndex = Array.isArray(selectedOptions)\n      ? this.options.indexOf(selectedOptions[0])\n      : this.options.indexOf(selectedOptions);\n     const optionElements = Array.from(\n      this.dropdownRef?.querySelectorAll('sd-select-option') || [],\n     );\n\n     // useAll 사용시 \"전체\" 옵션 포함한 인덱스 사용\n     const actualIndex = this.useAll ? selectedIndex + 1 : selectedIndex;\n\n     // 선택된 옵션이 화면 가운데에 오도록 index 조정\n     const targetIndex = Math.min(actualIndex + 4, optionElements.length - 1);\n     const currentItem = optionElements?.[targetIndex];\n\n     if (currentItem) {\n      this.scrollToOption(currentItem as HTMLElement, 'instant');\n     }\n    }\n\n    this.isDropdownReady = true;\n\n    if (this.searchable) {\n     const searchInput = await this.getNativeInputElement();\n\n     if (searchInput) {\n      requestAnimationFrame(() => {\n       searchInput.focus({ preventScroll: true });\n      });\n     }\n    }\n   });\n  });\n }\n\n private dropdownRef?: HTMLElement;\n private searchRef?: HTMLSdSelectSearchInputElement;\n private optionRef?: HTMLSdSelectOptionElement;\n\n private get dropdownSize() {\n  return {\n   '--select-dropdown-width': this.width || '200px',\n   '--select-dropdown-height': this.dropdownHeight || '260px',\n  };\n }\n\n private filterOptions() {\n  if (!this.searchText || this.searchText.trim() === '') {\n   // 검색어가 없으면 전체 옵션 표시\n   this.filteredOptions = this.options;\n  } else {\n   // 검색어가 있으면 필터링\n   this.filteredOptions = this.options.filter(option =>\n    option.label.toLowerCase().includes(this.searchText!.toLowerCase()),\n   );\n  }\n }\n\n private getSelectedOption(): SelectOption | SelectOption[] | undefined {\n  if (typeof this.value !== 'object') {\n   return this.options.find(option => option.value === this.value);\n  }\n\n  return this.options.filter(option => (this.value as SelectOption[])?.includes(option));\n }\n\n private isOptionSelected(value: SelectValue) {\n  if (Array.isArray(this.value)) {\n   return this.value.some(selected => selected.value === value);\n  }\n  return value === this.value;\n }\n\n private async getNativeInputElement(): Promise<HTMLInputElement | null> {\n  if (this.searchRef) {\n   return this.searchRef.sdGetNativeElement();\n  }\n  return null;\n }\n\n private scrollToOption(optionElement: HTMLElement, scrollBehavior: ScrollBehavior = 'smooth') {\n  if (!this.dropdownRef || !optionElement) return;\n\n  const dropdown = this.dropdownRef;\n  const optionTop = optionElement.offsetTop;\n  const optionHeight = optionElement.offsetHeight;\n  const dropdownScrollTop = dropdown.scrollTop;\n  const dropdownHeight = dropdown.clientHeight;\n\n  const searchContainer = dropdown.querySelector('.sd-select-search-input');\n  const searchOffset = searchContainer ? (searchContainer as HTMLElement).offsetHeight : 0;\n\n  const visibleTop = dropdownScrollTop + searchOffset;\n  const visibleBottom = dropdownScrollTop + dropdownHeight;\n\n  if (optionTop < visibleTop) {\n   dropdown.scrollTo({ top: optionTop - searchOffset, behavior: scrollBehavior });\n  } else if (optionTop + optionHeight > visibleBottom) {\n   dropdown.scrollTo({\n    top: optionTop + optionHeight - dropdownHeight + searchOffset,\n    behavior: scrollBehavior,\n   });\n  }\n }\n\n private handleDropdownScroll = (event: Event) => {\n  const target = event.target as HTMLElement;\n  const scrollTop = target.scrollTop;\n\n  // 스크롤이 조금이라도 되면 그림자 표시\n  this.isScrolled = scrollTop > 0;\n };\n\n render() {\n  return (\n   <div\n    class={{\n     'sd-select-dropdown': true,\n     'sd-select-dropdown--ready': this.isDropdownReady,\n    }}\n    style={this.dropdownSize}\n    onScroll={this.handleDropdownScroll}\n    ref={el => (this.dropdownRef = el)}\n   >\n    {this.searchable && (\n     <sd-select-search-input\n      ref={el => (this.searchRef = el)}\n      isScrolled={this.isScrolled}\n      searchText={this.searchText}\n      onSdSearchInput={(event: CustomEvent<string>) => (this.searchText = event.detail || '')}\n      onSdSearchFocus={() => (this.itemIndex = -1)}\n     ></sd-select-search-input>\n    )}\n    {this.filteredOptions.length > 0 ? (\n     this.filteredOptions.map((option, index) => (\n      <slot name={`option-${option.value}`}>\n       <sd-select-option\n        option={option}\n        index={index}\n        isSelected={this.isOptionSelected(option.value)}\n        isFocused={index === this.itemIndex}\n        onOptionClick={({ detail }) => this.optionClick.emit(detail)}\n        useCheckbox={this.useCheckbox}\n       ></sd-select-option>\n      </slot>\n     ))\n    ) : (\n     <slot name=\"option-placeholder\">\n      <div class={'sd-select-option-placeholder'}>{this.optionPlaceholder}</div>\n     </slot>\n    )}\n   </div>\n  );\n }\n}\n"]}

package/dist/collection/components/sd-select/sd-select-option/sd-select-option.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-select-option.js","sourceRoot":"","sources":["../../../../src/components/sd-select/sd-select-option/sd-select-option.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAOhG,MAAM,OAAO,cAAc;IACf,EAAE,CAAe;IAEpB,MAAM,CAAgB;IACtB,KAAK,CAAU;IACf,UAAU,GAAY,KAAK,CAAC;IAC5B,SAAS,GAAY,KAAK,CAAC;IAC3B,WAAW,CAA6B;IACxC,QAAQ,GAAY,KAAK,CAAC;IAC1B,WAAW,GAAY,KAAK,CAAC;IAE5B,SAAS,GAAY,KAAK,CAAC;IAGpC,KAAK,CAAC,YAAY;QACjB,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;IAC/B,CAAC;IAEQ,WAAW,CAIjB;IAEK,WAAW,GAAG,CAAC,KAAiB,EAAE,EAAE;QAC3C,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC7C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;gBACrB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,KAAK;aACL,CAAC,CAAC;QACJ,CAAC;IACF,CAAC,CAAC;IAEF,MAAM;QACL,OAAO,CACN,4DACC,KAAK,EAAE;gBACN,mBAAmB,EAAE,IAAI;gBACzB,6BAA6B,EAAE,IAAI,CAAC,UAAU;gBAC9C,6BAA6B,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ;gBACrD,4BAA4B,EAAE,IAAI,CAAC,SAAS;gBAC5C,iCAAiC,EAAE,IAAI,CAAC,WAAW;aACnD,EACD,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAC3C,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,EAC5C,KAAK,EAAE,IAAI,CAAC,WAAW,gBACX,IAAI,CAAC,KAAK,EACtB,OAAO,EAAE,IAAI,CAAC,WAAW,IAExB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CACnB,WAAK,KAAK,EAAC,qCAAqC;YAC/C,mBACC,KAAK,EAAE,IAAI,CAAC,UAAU,EACtB,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ;gBAC9B,oBAAoB;gBACpB,sBAAsB;gBACtB,gCAAgC;gBAChC,uBAAuB;gBACvB,mCAAmC;gBACnC,qCAAqC;gBACrC,MAAM;gBACN,OAAO,EAAE,CAAC,CAAC,EAAE;oBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBACrB,CAAC,GACa;YACf,YAAM,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAQ,CAC3D,CACN,CAAC,CAAC,CAAC,CACH,IAAI,CAAC,MAAM,CAAC,KAAK,CACjB,CACI,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Method, Prop, State } from '@stencil/core';\nimport type { SelectOption } from '../../../types/select';\n\n@Component({\n tag: 'sd-select-option',\n styleUrl: 'sd-select-option.scss',\n})\nexport class SdSelectOption {\n @Element() el!: HTMLElement;\n\n @Prop() option!: SelectOption;\n @Prop() index!: number;\n @Prop() isSelected: boolean = false;\n @Prop() isFocused: boolean = false;\n @Prop() optionStyle?: { [key: string]: string };\n @Prop() disabled: boolean = false;\n @Prop() useCheckbox: boolean = false;\n\n @State() isHovered: boolean = false;\n\n @Method()\n async sdIsDisabled(): Promise<boolean> {\n  return !!this.option.disabled;\n }\n\n @Event() optionClick!: EventEmitter<{\n  option: SelectOption;\n  index: number;\n  event: MouseEvent;\n }>;\n\n private handleClick = (event: MouseEvent) => {\n  event.stopPropagation();\n\n  if (!this.option.disabled && !this.disabled) {\n   this.optionClick.emit({\n    option: this.option,\n    index: this.index,\n    event,\n   });\n  }\n };\n\n render() {\n  return (\n   <div\n    class={{\n     'sd-select__option': true,\n     'sd-select__option--selected': this.isSelected,\n     'sd-select__option--disabled': !!this.option.disabled,\n     'sd-select__option--focused': this.isFocused,\n     'sd-select__option--use-checkbox': this.useCheckbox,\n    }}\n    onMouseEnter={() => (this.isHovered = true)}\n    onMouseLeave={() => (this.isHovered = false)}\n    style={this.optionStyle}\n    data-index={this.index}\n    onClick={this.handleClick}\n   >\n    {this.useCheckbox ? (\n     <div class=\"sd-select__option__checkbox-wrapper\">\n      <sd-checkbox\n       value={this.isSelected}\n       disabled={this.option.disabled}\n       //   checkboxStyle={\n       //    !this.isSelected\n       //     ? { borderColor: '#888' }\n       //     : this.isHovered\n       //       ? { borderColor: 'white' }\n       //       : { borderColor: '#0075ff' }\n       //   }\n       onClick={e => {\n        e.preventDefault();\n        this.handleClick(e);\n       }}\n      ></sd-checkbox>\n      <span class=\"sd-select__option-label\">{this.option.label}</span>\n     </div>\n    ) : (\n     this.option.label\n    )}\n   </div>\n  );\n }\n}\n"]}

package/dist/collection/components/sd-select/sd-select-search-input/sd-select-search-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-select-search-input.js","sourceRoot":"","sources":["../../../../src/components/sd-select/sd-select-search-input/sd-select-search-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAMhF,MAAM,OAAO,mBAAmB;IACvB,UAAU,GAAa,KAAK,CAAC;IAC7B,UAAU,GAAkB,EAAE,CAAC;IAEA,WAAW,CAAwB;IACnC,WAAW,CAAsB;IAEhE,SAAS,CAAsB;IAGvC,KAAK,CAAC,kBAAkB;QACvB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACpB,OAAO,IAAI,CAAC,SAAS,CAAC,kBAAkB,EAAE,CAAC;QAC5C,CAAC;QACD,OAAO,IAAI,CAAC;IACb,CAAC;IAGD,KAAK,CAAC,kBAAkB;QACvB,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC9C,KAAK,EAAE,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;IACvC,CAAC;IAED,MAAM;QACL,OAAO,CACN,4DACC,KAAK,EAAE;gBACN,wBAAwB,EAAE,IAAI;gBAC9B,kCAAkC,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU;aACrD,EACD,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE;YAEzC,iEACC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,EAChC,KAAK,EAAE,IAAI,CAAC,UAAU,EACtB,WAAW,EAAC,cAAI,EAChB,SAAS,QACT,UAAU,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,EACrC,SAAS,QACT,UAAU,EAAE,KAAK,CAAC,EAAE;oBACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;gBAC9C,CAAC,EACD,SAAS,EAAE,GAAG,EAAE;oBACf,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;gBACzB,CAAC,EACD,SAAS,EAAE,KAAK,CAAC,EAAE;oBAClB,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO;wBAAE,KAAK,CAAC,eAAe,EAAE,CAAC;gBACrD,CAAC;gBAED,gEACC,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,EAAE,EACR,KAAK,EAAC,SAAS,EACf,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,EAC7B,IAAI,EAAC,QAAQ,GACH,CACD,CACN,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { h, Component, Prop, Method, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'sd-select-search-input',\n styleUrl: 'sd-select-search-input.scss',\n})\nexport class SdSelectSearchInput {\n @Prop() isScrolled?: boolean = false;\n @Prop() searchText: string | null = '';\n\n @Event({ eventName: 'sdSearchInput' }) searchInput!: EventEmitter<string>;\n @Event({ eventName: 'sdSearchFocus' }) searchFocus!: EventEmitter<void>;\n\n private searchRef?: HTMLSdInputElement;\n\n @Method()\n async sdGetNativeElement(): Promise<HTMLInputElement | null> {\n  if (this.searchRef) {\n   return this.searchRef.sdGetNativeElement();\n  }\n  return null;\n }\n\n @Method()\n async sdSearchInputFocus() {\n  const input = await this.sdGetNativeElement();\n  input?.focus({ preventScroll: true });\n }\n\n render() {\n  return (\n   <div\n    class={{\n     'sd-select-search-input': true,\n     'sd-select-search-input--scrolled': !!this.isScrolled,\n    }}\n    onClick={event => event.stopPropagation()}\n   >\n    <sd-input\n     ref={el => (this.searchRef = el)}\n     value={this.searchText}\n     placeholder=\"검색\"\n     clearable\n     inputStyle={{ 'padding-left': '8px' }}\n     autofocus\n     onSdUpdate={event => {\n      this.searchInput.emit(String(event?.detail));\n     }}\n     onSdFocus={() => {\n      this.searchFocus.emit();\n     }}\n     onKeyDown={event => {\n      if (event.code === 'Enter') event.stopPropagation();\n     }}\n    >\n     <sd-icon\n      name=\"search\"\n      size={16}\n      color=\"#737373\"\n      style={{ marginRight: '4px' }}\n      slot=\"prefix\"\n     ></sd-icon>\n    </sd-input>\n   </div>\n  );\n }\n}\n"]}

package/dist/collection/components/sd-select/sd-select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-select.js","sourceRoot":"","sources":["../../../src/components/sd-select/sd-select.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Event,\n EventEmitter,\n Prop,\n State,\n h,\n Element,\n Watch,\n Method,\n} from '@stencil/core';\nimport { BaseDropdownEvent } from '../../utils/base-dropdown-event';\nimport { SelectKeyboardNavigation } from '../../utils/select-keyboard-navigation';\nimport { SdTooltipProps } from '../sd-tooltip/sd-tooltip';\nimport { Rule } from '../../components';\nimport { nanoid } from 'nanoid/non-secure';\n\nexport interface SelectOption {\n value: string | number;\n label: string;\n disabled?: boolean;\n}\n\nexport type SelectGroupOptionType = 'group' | 'subgroup' | 'item' | 'all';\n\nexport interface SelectOptionGroup extends SelectOption {\n type: SelectGroupOptionType;\n parent?: string;\n}\n\nexport interface SelectStyleProps {\n containerStyle?: { [key: string]: string };\n triggerStyle?: { [key: string]: string };\n dropdownStyle?: { [key: string]: string };\n optionStyle?: { [key: string]: string };\n labelStyle?: { [key: string]: string };\n}\n\nexport interface SelectEvents {\n sdUpdate: {\n  value: string | number | null;\n  option: SelectOption | null;\n };\n dropDownShow: { isOpen: boolean };\n}\n\nexport interface SelectMultipleEvents extends Pick<SelectEvents, 'dropDownShow' | 'dropDownShow'> {\n sdUpdate: SelectOption[] | null;\n}\n\n@Component({\n tag: 'sd-select',\n styleUrl: 'sd-select.scss',\n})\nexport class SdSelect extends BaseDropdownEvent {\n @Element() el!: HTMLElement;\n\n // props\n @Prop({ mutable: true }) value: string | number | null = null;\n @Prop({ mutable: true }) options: SelectOption[] = [];\n @Prop() placeholder: string = '선택';\n @Prop() optionPlaceholder: string = '옵션이 없습니다.';\n @Prop() width: string = '200px';\n @Prop() dropdownHeight: string = '260px';\n @Prop() autoFocus: boolean = false;\n @Prop() disabled: boolean = false;\n @Prop() clearable: boolean = false;\n @Prop() searchable: boolean = false;\n\n // props - label\n @Prop() label: string = '';\n @Prop() insideLabel: boolean = false;\n @Prop() useLabelRequired: boolean = false;\n @Prop() labelTooltip: string = '';\n @Prop() labelTooltipProps: SdTooltipProps | null = null;\n\n // props - form\n @Prop() rules?: Rule[] = [];\n @Prop() error?: boolean = false;\n\n // props - custom slots\n @Prop() optionRenderer?: (option: SelectOption, index: number, isSelected: boolean) => any;\n\n // states\n @State() isOpen: boolean = false;\n @State() itemIndex: number = -1;\n @State() isScrolled: boolean = false;\n\n // events\n @Event({ eventName: 'sdUpdate' }) update?: EventEmitter<SelectEvents['sdUpdate']>;\n @Event({ eventName: 'sdDropDownShow' }) dropDownShow?: EventEmitter<SelectEvents['dropDownShow']>;\n\n private selectRef?: HTMLElement;\n private triggerRef?: HTMLElement;\n private formField?: HTMLSdFieldElement;\n private filteredOptions = this.options;\n private dropDownWidth: string = this.width;\n name = nanoid();\n\n @Method()\n async sdOpen() {\n  this.isOpen = true;\n }\n\n @Method()\n async sdValidate() {\n  this.formField?.sdValidate();\n }\n\n @Method()\n async sdReset() {\n  this.formField?.sdReset();\n }\n\n @Method()\n async sdResetValidate() {\n  this.formField?.sdResetValidation();\n }\n\n @Method()\n async sdFocus() {\n  this.formField?.sdFocus();\n }\n\n @Watch('isOpen')\n async isOpenChanged() {\n  // Base class의 이벤트 관리 호출 - 다른 select와의 이벤트 충돌 방지\n  this.onDropdownToggle(this.isOpen);\n  this.dropDownShow?.emit({ isOpen: this.isOpen });\n\n  if (this.isOpen === false) {\n   await this.formField?.sdValidate();\n  }\n }\n\n componentWillLoad() {\n  this.initializeEvent(); // global dropdown Manager에 등록 + 이벤트 핸들러 초기화\n }\n\n componentDidLoad() {\n  if (this.autoFocus) {\n   this.selectRef?.focus();\n  }\n }\n\n // render 이후 label을 제외한 trigger의 너비를 기준으로 dropdown 너비 설정\n componentDidRender() {\n  const trigger = this.triggerRef;\n  const rect = trigger?.getBoundingClientRect();\n  this.dropDownWidth = rect?.width ? `${rect.width}px` : this.width;\n }\n\n disconnectedCallback() {\n  this.cleanupEvent(); // global dropdown Manager에서 제거 + 이벤트 정리\n }\n\n protected handleDocumentClick(event: Event): void {\n  if (!this.selectRef?.contains(event.target as Node)) {\n   this.isOpen = false;\n  }\n }\n\n protected handleDocumentKeydown(keyboardEvent: KeyboardEvent): void {\n  keyboardEvent.stopPropagation();\n  const targetKey = ['ArrowDown', 'ArrowUp', 'Enter', 'Escape'];\n  if (!targetKey.includes(keyboardEvent.key)) return;\n\n  keyboardEvent.preventDefault();\n  switch (keyboardEvent.key) {\n   case 'ArrowDown':\n   case 'ArrowUp':\n    const keyboardNavigation = new SelectKeyboardNavigation(this.searchable, this.filteredOptions);\n    const nextIndex = keyboardNavigation.getNextIndex(this.itemIndex, keyboardEvent.key);\n    this.itemIndex = nextIndex;\n    break;\n   case 'Enter':\n    const selectedOption = this.filteredOptions[this.itemIndex];\n    if (selectedOption && !selectedOption.disabled) {\n     this.value = selectedOption.value;\n     this.isOpen = false;\n    }\n    break;\n   case 'Escape':\n    this.isOpen = false;\n    break;\n  }\n }\n\n private getSelectedOption(): SelectOption | undefined {\n  return this.options.find(option => option.value === this.value);\n }\n\n closeDropdown() {\n  this.isOpen = false;\n }\n\n handleTriggerClick = (event: Event) => {\n  event.stopPropagation();\n\n  if (!this.disabled) {\n   this.isOpen = !this.isOpen;\n   this.dropDownShow?.emit({ isOpen: this.isOpen });\n  }\n };\n\n handleOptionClick = (detail: { option: SelectOption; event: Event }) => {\n  const { option, event } = detail;\n  event.stopPropagation();\n\n  if (!option.disabled) {\n   this.value = option.value;\n   this.isOpen = false;\n\n   const selectedOption = this.getSelectedOption();\n   this.update?.emit({ value: selectedOption?.value || null, option: selectedOption || null });\n  }\n };\n\n render() {\n  return (\n   <sd-field\n    label={this.label}\n    name={this.name}\n    rules={this.rules}\n    error={this.error}\n    disabled={this.disabled}\n    useLabelRequired={this.useLabelRequired}\n    insideLabel={this.insideLabel}\n    labelTooltip={this.labelTooltip}\n    labelTooltipProps={this.labelTooltipProps}\n    ref={el => (this.formField = el)}\n   >\n    <div\n     class={{\n      'sd-select': true,\n      'sd-select--disabled': this.disabled,\n      'sd-select--error': !!this.error,\n      'sd-select--label': !!this.label,\n     }}\n     ref={el => (this.selectRef = el)}\n    >\n     {this.renderTrigger()}\n     {this.renderDropdown()}\n    </div>\n   </sd-field>\n  );\n }\n\n private renderTrigger() {\n  const selectedOption = this.getSelectedOption();\n  return (\n   <div\n    class=\"sd-select__trigger\"\n    tabindex={this.disabled ? -1 : 0}\n    onClick={this.handleTriggerClick}\n    ref={el => (this.triggerRef = el)}\n   >\n    <span class=\"sd-select__value\">{selectedOption ? selectedOption.label : this.placeholder}</span>\n    {this.clearable && selectedOption && !this.disabled && (\n     <sd-icon\n      key=\"clear-icon\"\n      name=\"close\"\n      size={10}\n      color=\"#888\"\n      class=\"sd-select__clear\"\n      onClick={async event => {\n       event.stopPropagation();\n       this.value = null;\n       await this.formField?.sdValidate();\n      }}\n     ></sd-icon>\n    )}\n\n    <sd-icon\n     key=\"arrow-icon\"\n     name=\"arrowDown\"\n     color=\"#888\"\n     class={{ 'sd-select__arrow': true, 'sd-select__arrow--open': this.isOpen }}\n    ></sd-icon>\n   </div>\n  );\n }\n\n private renderDropdown() {\n  if (this.isOpen === false) return null;\n\n  const parentRef = (this.selectRef?.querySelector('.sd-select__trigger') ||\n   this.selectRef) as HTMLElement;\n\n  return (\n   <sd-portal open={this.isOpen} parentRef={parentRef} onSdClose={this.closeDropdown}>\n    <sd-select-dropdown\n     value={this.value}\n     options={this.options}\n     itemIndex={this.itemIndex}\n     width={this.dropDownWidth}\n     dropdownHeight={this.dropdownHeight}\n     searchable={this.searchable}\n     optionPlaceholder={this.optionPlaceholder}\n     onSdOptionClick={({ detail }) => this.handleOptionClick(detail)}\n     onSdOptionFiltered={({ detail }) => (this.filteredOptions = detail)}\n    ></sd-select-dropdown>\n   </sd-portal>\n  );\n }\n}\n"]}

package/dist/collection/components/sd-select-multiple/sd-select-multiple.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-select-multiple.js","sourceRoot":"","sources":["../../../src/components/sd-select-multiple/sd-select-multiple.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Element,\n Event,\n EventEmitter,\n Method,\n Prop,\n State,\n Watch,\n h,\n} from '@stencil/core';\nimport type { SelectOption, SelectMultipleEvents } from '../../types/select';\nimport { SelectKeyboardNavigation } from '../../utils/select-keyboard-navigation';\nimport { BaseDropdownEvent } from '../../utils/base-dropdown-event';\nimport { Rule, SdTooltipProps } from '../../components';\n\n@Component({\n tag: 'sd-select-multiple',\n styleUrl: 'sd-select-multiple.scss',\n})\nexport class SdSelectMultiple extends BaseDropdownEvent {\n @Element() el!: HTMLElement;\n\n // props\n @Prop({ mutable: true }) value: SelectOption[] | null = null;\n @Prop({ mutable: true }) options: SelectOption[] = [];\n @Prop() placeholder: string = '선택';\n @Prop() optionPlaceholder: string = '옵션이 없습니다.';\n @Prop() width: string = '200px';\n @Prop() dropdownHeight: string = '260px';\n @Prop() autoFocus: boolean = false;\n @Prop() disabled: boolean = false;\n @Prop() clearable: boolean = false;\n @Prop() searchable: boolean = false;\n\n // props - select multiple specific\n @Prop() useAll: boolean = false;\n @Prop() useCheckbox: boolean = false;\n\n // props - label\n @Prop() label: string = '';\n @Prop() useLabelRequired: boolean = false;\n @Prop() labelTooltip: string = '';\n @Prop() labelTooltipProps: SdTooltipProps | null = null;\n\n // props - form\n @Prop() name?: string;\n @Prop() rules?: Rule[] = [];\n @Prop() error?: boolean = false;\n\n @Prop() optionRenderer?: (option: SelectOption, index: number, isSelected: boolean) => any;\n\n // states\n @State() isOpen: boolean = false;\n @State() itemIndex: number = -1;\n @State() isScrolled: boolean = false;\n\n // events\n @Event({ eventName: 'sdUpdate' }) update?: EventEmitter<SelectMultipleEvents['sdUpdate']>;\n @Event({ eventName: 'sdDropDownShow' }) dropDownShow?: EventEmitter<\n  SelectMultipleEvents['dropDownShow']\n >;\n\n private selectRef?: HTMLElement;\n private triggerRef?: HTMLElement;\n private formField?: HTMLSdFieldElement;\n private filteredOptions = this.options;\n private dropDownWidth: string = this.width;\n\n @Method()\n async sdOpen() {\n  this.isOpen = true;\n }\n\n @Method()\n async sdValidate() {\n  this.formField?.sdValidate();\n }\n\n @Method()\n async sdReset() {\n  this.formField?.sdReset();\n }\n\n @Method()\n async sdResetValidate() {\n  this.formField?.sdResetValidation();\n }\n\n @Method()\n async sdFocus() {\n  this.formField?.sdFocus();\n }\n\n @Watch('isOpen')\n async isOpenChanged() {\n  // Base class의 이벤트 관리 호출 - 다른 select와의 이벤트 충돌 방지\n  this.onDropdownToggle(this.isOpen);\n  this.dropDownShow?.emit({ isOpen: this.isOpen });\n\n  if (this.isOpen === false) {\n   await this.formField?.sdValidate();\n  }\n }\n\n componentWillLoad() {\n  this.initializeEvent(); // global dropdown Manager에 등록 + 이벤트 핸들러 초기화\n }\n\n componentDidLoad() {\n  if (this.autoFocus) {\n   this.selectRef?.focus();\n  }\n }\n\n // render 이후 label을 제외한 trigger의 너비를 기준으로 dropdown 너비 설정\n componentDidRender() {\n  const trigger = this.triggerRef;\n  const rect = trigger?.getBoundingClientRect();\n  this.dropDownWidth = rect?.width ? `${rect.width}px` : this.width;\n }\n\n disconnectedCallback() {\n  this.cleanupEvent(); // global dropdown Manager에서 제거 + 이벤트 정리\n }\n\n protected handleDocumentClick(event: Event): void {\n  if (!this.selectRef?.contains(event.target as Node)) {\n   this.isOpen = false;\n  }\n }\n\n protected handleDocumentKeydown(keyboardEvent: KeyboardEvent): void {\n  keyboardEvent.stopPropagation();\n  const targetKey = ['ArrowDown', 'ArrowUp', 'Enter', 'Escape'];\n  if (!targetKey.includes(keyboardEvent.key)) return;\n\n  keyboardEvent.preventDefault();\n  switch (keyboardEvent.key) {\n   case 'ArrowDown':\n   case 'ArrowUp':\n    const keyboardNavigation = new SelectKeyboardNavigation(this.searchable, this.filteredOptions);\n    const nextIndex = keyboardNavigation.getNextIndex(this.itemIndex, keyboardEvent.key);\n    this.itemIndex = nextIndex;\n    break;\n   case 'Enter':\n    const selectedOption = this.filteredOptions[this.itemIndex];\n    if (selectedOption && !selectedOption.disabled) {\n     this.handleOptionSelection(selectedOption);\n    }\n    break;\n   case 'Escape':\n    this.isOpen = false;\n    break;\n  }\n }\n\n private handleOptionSelection = (option: SelectOption) => {\n  if (!option || option.disabled) return;\n\n  const isAlreadySelected = this.value?.some(opt => opt.value === option.value);\n  if (isAlreadySelected) {\n   // 이미 선택된 옵션인 경우, 선택 해제\n   this.value = this.value?.filter(opt => opt.value !== option.value) || null;\n  } else {\n   // 새로운 옵션 선택\n   this.value = [...(this.value || []), option];\n  }\n\n  this.update?.emit(this.value);\n };\n\n private getSelectedOption(): SelectOption[] {\n  return this.options.filter(option => this.value?.includes(option));\n }\n\n closeDropdown() {\n  this.isOpen = false;\n }\n\n handleTriggerClick = (event: Event) => {\n  event.stopPropagation();\n\n  if (!this.disabled) {\n   this.isOpen = !this.isOpen;\n   this.dropDownShow?.emit({ isOpen: this.isOpen });\n  }\n };\n\n handleOptionClick = (detail: { option: SelectOption; event: Event }) => {\n  const { option, event } = detail;\n  event.stopPropagation();\n\n  this.handleOptionSelection(option);\n };\n\n render() {\n  return (\n   <sd-field\n    label={this.label}\n    name={this.name}\n    rules={this.rules}\n    error={this.error}\n    disabled={this.disabled}\n    useLabelRequired={this.useLabelRequired}\n    labelTooltip={this.labelTooltip}\n    labelTooltipProps={this.labelTooltipProps}\n    ref={el => (this.formField = el)}\n   >\n    <div\n     class={{\n      'sd-select-multiple': true,\n      'sd-select-multiple--open': this.isOpen,\n      'sd-select-multiple--disabled': this.disabled,\n      'sd-select-multiple--error': !!this.error,\n     }}\n     ref={el => (this.selectRef = el)}\n    >\n     {this.renderTrigger()}\n     {this.renderDropdown()}\n    </div>\n   </sd-field>\n  );\n }\n\n private renderTrigger() {\n  const selectedOption = this.getSelectedOption();\n  return (\n   <div\n    class=\"sd-select-multiple__trigger\"\n    tabindex={this.disabled ? -1 : 0}\n    onClick={this.handleTriggerClick}\n    ref={el => (this.triggerRef = el)}\n   >\n    <span class=\"sd-select-multiple__value\">\n     {!selectedOption || selectedOption.length === 0\n      ? this.placeholder\n      : selectedOption.map(option => option.label).join(', ')}\n    </span>\n    {this.clearable && selectedOption?.length > 0 && !this.disabled && (\n     <sd-icon\n      key=\"close-icon\"\n      name=\"close\"\n      size={10}\n      color=\"#888\"\n      class=\"sd-select-multiple__clear\"\n      onClick={async event => {\n       event.stopPropagation();\n       this.value = null;\n       await this.formField?.sdValidate();\n      }}\n     ></sd-icon>\n    )}\n\n    <sd-icon\n     key=\"arrow-icon\"\n     name=\"arrowDown\"\n     color=\"#888\"\n     class={{ 'sd-select-multiple__arrow': true, 'sd-select-multiple__arrow--open': this.isOpen }}\n    ></sd-icon>\n   </div>\n  );\n }\n\n private renderDropdown() {\n  if (this.isOpen === false) return null;\n\n  const parentRef = (this.selectRef?.querySelector('.sd-select-multiple__trigger') ||\n   this.selectRef) as HTMLElement;\n\n  return (\n   <sd-portal open={this.isOpen} parentRef={parentRef} onSdClose={this.closeDropdown}>\n    <sd-select-dropdown\n     value={this.value}\n     options={this.options}\n     itemIndex={this.itemIndex}\n     width={this.dropDownWidth}\n     dropdownHeight={this.dropdownHeight}\n     searchable={this.searchable}\n     optionPlaceholder={this.optionPlaceholder}\n     useCheckbox={this.useCheckbox}\n     useAll={this.useAll}\n     onSdOptionClick={({ detail }) => this.handleOptionClick(detail)}\n     onSdOptionFiltered={({ detail }) => (this.filteredOptions = detail)}\n    ></sd-select-dropdown>\n   </sd-portal>\n  );\n }\n}\n"]}

package/dist/collection/components/sd-select-multiple-group/sd-select-multiple-group.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-select-multiple-group.js","sourceRoot":"","sources":["../../../src/components/sd-select-multiple-group/sd-select-multiple-group.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Element,\n Event,\n EventEmitter,\n Fragment,\n Method,\n Prop,\n State,\n Watch,\n h,\n} from '@stencil/core';\nimport { BaseDropdownEvent } from '../../utils/base-dropdown-event';\nimport { SelectMultipleEvents, SelectOption, SelectStyleProps } from '../sd-select/sd-select';\nimport { SelectKeyboardNavigation } from '../../utils/select-keyboard-navigation';\nimport { SdTooltipProps } from '../sd-tooltip/sd-tooltip';\nimport { Rule } from '../../components';\n\nexport interface SelectOptionGroup extends SelectOption {\n type: 'group' | 'subgroup' | 'item' | 'all';\n parent?: string;\n}\n\n@Component({\n tag: 'sd-select-multiple-group',\n styleUrl: 'sd-select-multiple-group.scss',\n})\nexport class SdSelectMultipleGroup extends BaseDropdownEvent {\n @Element() el!: HTMLElement;\n\n // props\n @Prop({ mutable: true }) value: SelectOptionGroup[] | null = null;\n @Prop({ mutable: true }) options: SelectOptionGroup[] = [];\n @Prop() placeholder: string = '선택';\n @Prop() optionPlaceholder: string = '옵션이 없습니다.';\n @Prop() width: string = '200px';\n @Prop() dropdownHeight: string = '260px';\n @Prop() disabled: boolean = false;\n @Prop() clearable: boolean = false;\n @Prop() searchable: boolean = false;\n @Prop() useCheckbox: boolean = false;\n @Prop() useAll: boolean = false;\n @Prop() allCheckedLabel = '전체';\n @Prop() allCheckOptionLabel = '전체';\n\n // props - label\n @Prop() label: string = '';\n @Prop() useLabelRequired: boolean = false;\n @Prop() labelTooltip: string = '';\n @Prop() labelTooltipProps: SdTooltipProps | null = null;\n\n // props - form\n @Prop() name?: string;\n @Prop() rules?: Rule[] = [];\n @Prop() error?: boolean = false;\n\n // props - custom styles\n @Prop() containerStyle: SelectStyleProps['containerStyle'] = {};\n @Prop() triggerStyle: SelectStyleProps['triggerStyle'] = {};\n @Prop() dropdownStyle: SelectStyleProps['dropdownStyle'] = {};\n @Prop() optionStyle: SelectStyleProps['optionStyle'] = {};\n @Prop() labelStyle: SelectStyleProps['labelStyle'] = {};\n\n // props - custom slots\n @Prop() optionRenderer?: (option: SelectOption, index: number, isSelected: boolean) => any;\n\n // states\n @State() filteredOptions = this.options;\n @State() isOpen: boolean = false;\n @State() searchText: string | null = null;\n @State() itemIndex: number = -1;\n @State() isScrolled: boolean = false;\n @State() isDropdownReady: boolean = false;\n\n // events\n @Event({ eventName: 'sdUpdate' }) update?: EventEmitter<SelectMultipleEvents['sdUpdate']>;\n @Event({ eventName: 'sdDropDownShow' }) dropDownShow?: EventEmitter<\n  SelectMultipleEvents['dropDownShow']\n >;\n\n private selectRef?: HTMLElement;\n private searchRef?: HTMLSdSelectSearchInputElement;\n private triggerRef?: HTMLElement;\n private optionRef?: HTMLSdSelectOptionGroupElement;\n private dropdownRef?: HTMLElement;\n private formField?: HTMLSdFieldElement;\n private dropDownWidth: string = this.width;\n\n @Method()\n async sdOpen(): Promise<void> {\n  await new Promise(resolve => setTimeout(resolve, 0));\n  this.isOpen = true;\n }\n\n @Method()\n async sdValidate() {\n  this.formField?.sdValidate();\n }\n\n @Method()\n async sdReset() {\n  this.formField?.sdReset();\n }\n\n @Method()\n async sdResetValidate() {\n  this.formField?.sdResetValidation();\n }\n\n @Method()\n async sdFocus() {\n  this.formField?.sdFocus();\n }\n\n @Watch('value')\n valueChanged() {\n  this.update?.emit(this.value);\n }\n\n @Watch('options')\n optionsChanged() {\n  this.filteredOptions = this.options;\n  this.filterOptions();\n }\n\n @Watch('searchText')\n searchTextChanged() {\n  this.filterOptions();\n }\n\n @Watch('itemIndex')\n async itemIndexChanged(newIndex: number, oldIndex: number) {\n  if (this.searchable) {\n   const searchInput = await this.getNativeInputElement();\n   if (this.itemIndex === -1) {\n    searchInput?.focus({ preventScroll: true });\n    return;\n   } else if (searchInput?.matches(':focus')) {\n    searchInput?.blur();\n   }\n  }\n\n  const optionElements = Array.from(\n   this.dropdownRef?.querySelectorAll('sd-select-option-group') || [],\n  );\n\n  // useAll 사용시 \"전체\" 옵션 포함한 인덱스 사용\n  const actualIndex = this.useAll ? this.itemIndex + 1 : this.itemIndex;\n  const currentItem = optionElements?.[actualIndex];\n\n  if (!currentItem || !this.isOpen) return;\n\n  this.optionRef = currentItem as HTMLSdSelectOptionGroupElement;\n  const isOptionDisabled = await this.optionRef.isDisabled();\n\n  if (isOptionDisabled) {\n   newIndex > oldIndex ? this.itemIndex++ : this.itemIndex--;\n   return;\n  }\n\n  this.scrollToOption(currentItem as HTMLElement);\n }\n\n @Watch('isOpen')\n async isOpenChanged() {\n  // Base class의 이벤트 관리 호출 - 다른 select와의 이벤트 충돌 방지\n  this.onDropdownToggle(this.isOpen);\n  this.dropDownShow?.emit({ isOpen: this.isOpen });\n  this.isDropdownReady = false;\n\n  if (this.isOpen === false) {\n   await this.formField?.sdValidate();\n   return;\n  }\n\n  // DOM 렌더링을 기다리기 위해 이중 requestAnimationFrame 사용 - (레이아웃/스타일 계산 - 페인트 이후)\n  requestAnimationFrame(() => {\n   requestAnimationFrame(async () => {\n    const selectedOptions = this.getSelectedOption();\n\n    // 선택된 옵션이 있으면 첫 번째 선택된 항목으로 스크롤\n    if (selectedOptions && selectedOptions.length > 0) {\n     const selectedIndex = this.options.indexOf(selectedOptions[0]);\n     const optionElements = Array.from(\n      this.dropdownRef?.querySelectorAll('sd-select-option-group') || [],\n     );\n\n     // useAll 사용시 \"전체\" 옵션 포함한 인덱스 사용\n     const actualIndex = this.useAll ? selectedIndex + 1 : selectedIndex;\n     // 선택된 옵션이 화면 가운데에 오도록 index 조정\n     const targetIndex = Math.min(actualIndex + 4, optionElements.length - 1);\n     const currentItem = optionElements?.[targetIndex];\n\n     if (currentItem) {\n      this.scrollToOption(currentItem as HTMLElement);\n     }\n    }\n\n    this.isDropdownReady = true;\n\n    if (this.searchable) {\n     const searchInput = await this.getNativeInputElement();\n\n     if (searchInput) {\n      requestAnimationFrame(() => {\n       searchInput.focus({ preventScroll: true });\n      });\n     }\n    }\n   });\n  });\n }\n\n componentWillLoad() {\n  // props가 모두 설정된 후에 실행되므로 올바른 options 값을 가져올 수 있음\n  this.filteredOptions = this.options;\n  this.initializeEvent(); // global dropdown Manager에 등록 + 이벤트 핸들러 초기화\n }\n\n // render 이후 label을 제외한 trigger의 너비를 기준으로 dropdown 너비 설정\n componentDidRender() {\n  const trigger = this.triggerRef;\n  const rect = trigger?.getBoundingClientRect();\n  this.dropDownWidth = rect?.width ? `${rect.width}px` : this.width;\n }\n\n disconnectedCallback() {\n  this.cleanupEvent(); // global dropdown Manager에서 제거 + 이벤트 정리\n }\n protected handleDocumentClick(event: Event): void {\n  if (!this.selectRef?.contains(event.target as Node)) {\n   this.isOpen = false;\n  }\n }\n\n protected handleDocumentKeydown(keyboardEvent: KeyboardEvent): void {\n  keyboardEvent.stopPropagation();\n  const targetKey = ['ArrowDown', 'ArrowUp', 'Enter', 'Escape'];\n  if (!targetKey.includes(keyboardEvent.key)) return;\n\n  keyboardEvent.preventDefault();\n  switch (keyboardEvent.key) {\n   case 'ArrowDown':\n   case 'ArrowUp':\n    const keyboardNavigation = new SelectKeyboardNavigation(this.searchable, this.filteredOptions);\n    const nextIndex = keyboardNavigation.getNextIndex(this.itemIndex, keyboardEvent.key);\n    this.itemIndex = nextIndex;\n    break;\n   case 'Enter':\n    const selectedOption = this.filteredOptions[this.itemIndex];\n    if (selectedOption && !selectedOption.disabled) {\n     this.handleOptionSelection(selectedOption);\n    }\n    break;\n   case 'Escape':\n    this.isOpen = false;\n    break;\n  }\n }\n\n // event handlers\n handleTriggerClick = (event: Event) => {\n  event.stopPropagation();\n\n  if (!this.disabled) {\n   this.isOpen = !this.isOpen;\n   this.dropDownShow?.emit({ isOpen: this.isOpen });\n  }\n };\n\n handleAllOptionClick = (detail: {\n  option: SelectOptionGroup;\n  isSelected: boolean | null;\n  index: number;\n  event: MouseEvent;\n }) => {\n  if (detail.isSelected) {\n   // 이미 선택된 옵션인 경우, 선택 해제\n   const filterDisabledOptions = this.filteredOptions.filter(\n    opt => opt.type === 'item' && !opt.disabled,\n   );\n   this.value =\n    this.value?.filter(\n     selected => !filterDisabledOptions.some(opt => opt.value === selected.value),\n    ) || this.value;\n  } else {\n   // 새로운 옵션 선택\n   const valueSet = new Set([\n    ...(this.value || []),\n    ...this.filteredOptions.filter(opt => opt.type === 'item' && !opt.disabled),\n   ]);\n   this.value = Array.from(valueSet);\n  }\n };\n\n handleOptionClick = (detail: {\n  option: SelectOptionGroup;\n  isSelected: boolean | null;\n  index: number;\n  event: MouseEvent;\n }) => {\n  const { option, event } = detail;\n  event.stopPropagation();\n\n  if (option.type === 'group') this.handleGroupOptionClick(detail);\n  if (option.type === 'subgroup') this.handleSubGroupOptionClick(detail);\n  if (option.type === 'item') this.handleOptionSelection(option);\n };\n\n handleGroupOptionClick = (detail: {\n  option: SelectOptionGroup;\n  isSelected: boolean | null;\n  index: number;\n }) => {\n  const { option, isSelected } = detail;\n  const childOptions = this.filteredOptions.filter(\n   opt => opt.parent === option.value && !opt.disabled,\n  );\n\n  childOptions.forEach(subgroup => {\n   this.handleSubGroupOptionClick({\n    option: subgroup,\n    isSelected: isSelected || isSelected === null,\n   });\n  });\n };\n\n handleSubGroupOptionClick = (detail: {\n  option: SelectOptionGroup;\n  isSelected: boolean | null;\n }) => {\n  const { option, isSelected } = detail;\n\n  const childOptions = this.filteredOptions.filter(\n   opt => opt.parent === option.value && !opt.disabled,\n  );\n\n  if (isSelected || isSelected === null) {\n   // 모든 자식 옵션이 선택된 경우, 모두 선택 해제\n   this.value =\n    this.value?.filter(selected => !childOptions.some(child => child.value === selected.value)) ||\n    null;\n  } else {\n   // 일부 또는 전체 자식 옵션이 선택되지 않은 경우, 모두 선택\n   const newSelections = childOptions.filter(\n    child => !this.value?.some(selected => selected.value === child.value),\n   );\n   this.value = [...(this.value || []), ...newSelections];\n  }\n };\n\n private filterOptions() {\n  if (!this.searchText || this.searchText.trim() === '') {\n   // 검색어가 없으면 전체 옵션 표시\n   this.filteredOptions = this.options;\n   return;\n  }\n\n  const searchTerm = this.searchText.toLowerCase();\n  const matchedOptions = new Set<SelectOptionGroup>();\n\n  // 1. 직접 매칭되는 옵션들 찾기\n  this.options.forEach(option => {\n   if (option.label.toLowerCase().includes(searchTerm)) {\n    matchedOptions.add(option);\n\n    // 매칭된 옵션의 상위 그룹들도 포함\n    this.addParentGroups(option, matchedOptions);\n   }\n  });\n\n  // 2. Set을 배열로 변환하고 원본 순서 유지\n  this.filteredOptions = this.options.filter(option => matchedOptions.has(option));\n }\n\n private addParentGroups(option: SelectOptionGroup, matchedSet: Set<SelectOptionGroup>) {\n  if (!option.parent) return;\n\n  const parentOption = this.options.find(opt => opt.value === option.parent);\n  if (parentOption && !matchedSet.has(parentOption)) {\n   matchedSet.add(parentOption);\n   // 재귀적으로 상위 그룹들도 추가\n   this.addParentGroups(parentOption, matchedSet);\n  }\n }\n\n private getSelectedOption(): SelectOptionGroup[] {\n  return this.options.filter(option => this.value?.includes(option));\n }\n\n private handleDropdownScroll = (event: Event) => {\n  const target = event.target as HTMLElement;\n  const scrollTop = target.scrollTop;\n\n  // 스크롤이 조금이라도 되면 그림자 표시\n  this.isScrolled = scrollTop > 0;\n };\n\n private async getNativeInputElement(): Promise<HTMLInputElement | null> {\n  if (this.searchRef) {\n   return this.searchRef.sdGetNativeElement();\n  }\n  return null;\n }\n\n private handleOptionSelection = (option: SelectOptionGroup) => {\n  if (!option || option.disabled) return;\n\n  const isAlreadySelected = this.value?.some(opt => opt.value === option.value);\n  if (isAlreadySelected) {\n   // 이미 선택된 옵션인 경우, 선택 해제\n   this.value = this.value?.filter(opt => opt.value !== option.value) || null;\n  } else {\n   // 새로운 옵션 선택\n   this.value = [...(this.value || []), option];\n  }\n };\n\n private getAllItemsUnderOption(\n  parentOption: SelectOptionGroup,\n  includeDisabled: boolean = false,\n ): SelectOptionGroup[] {\n  const filterChildrenWithParent = (option: SelectOptionGroup) =>\n   option.parent === parentOption.value && (includeDisabled || !option.disabled);\n\n  if (parentOption.type === 'subgroup') {\n   return this.filteredOptions.filter(\n    option => filterChildrenWithParent(option) && option.type === 'item',\n   );\n  }\n\n  const allItems: SelectOptionGroup[] = [];\n  const childOptions = this.filteredOptions.filter(filterChildrenWithParent);\n  const subgroupOptions = childOptions.filter(option => option.type === 'subgroup');\n  subgroupOptions.forEach(subgroup => {\n   const itemsUnderSubgroup = this.filteredOptions.filter(\n    option =>\n     option.parent === subgroup.value &&\n     option.type === 'item' &&\n     (includeDisabled ? true : !option.disabled),\n   );\n   allItems.push(...itemsUnderSubgroup);\n  });\n  const directItems = childOptions.filter(option => option.type === 'item');\n  allItems.push(...directItems);\n\n  return allItems;\n }\n\n private isAllChildrenSelected(groupOption: SelectOptionGroup): boolean | null {\n  const allItems = this.getAllItemsUnderOption(groupOption);\n\n  if (allItems.length === 0) return false;\n\n  const selectedItems = allItems.filter(item =>\n   this.value?.some(selected => selected.value === item.value),\n  );\n\n  if (selectedItems.length === allItems.length) return true;\n  if (selectedItems.length > 0) return null;\n  return false;\n }\n\n private getChildrenOptions(parentOption: SelectOptionGroup) {\n  const allItems = this.getAllItemsUnderOption(parentOption, true);\n  const selectedCount = allItems.filter(item =>\n   this.value?.some(val => val.value === item.value),\n  ).length;\n\n  return {\n   selectedCount,\n   totalCount: allItems.length,\n  };\n }\n\n private isAllOptionsSelected(): boolean {\n  if (!this.value || this.value.length === 0) return false;\n\n  const selectableItems = this.options.filter(opt => opt.type === 'item' && !opt.disabled);\n\n  if (selectableItems.length === 0) return false;\n\n  const selectedValues = new Set(this.value.map(v => v.value));\n  return selectableItems.every(option => selectedValues.has(option.value));\n }\n\n private getTriggerLabel() {\n  const selectedOption = this.getSelectedOption();\n  if (!selectedOption) return '선택';\n\n  if (selectedOption.length === 0) return this.placeholder;\n\n  const isAllChecked = this.isAllOptionsSelected();\n\n  return isAllChecked\n   ? this.allCheckedLabel\n   : selectedOption.map(option => option.label).join(', ');\n }\n\n closeDropdown() {\n  this.isOpen = false;\n }\n\n private async scrollToOption(optionElement: HTMLElement) {\n  if (!this.dropdownRef || !optionElement) return;\n\n  requestAnimationFrame(() => {\n   const dropdown = this.dropdownRef;\n   const optionTop = optionElement.offsetTop;\n   const optionHeight = optionElement.offsetHeight;\n   const dropdownScrollTop = dropdown!.scrollTop;\n   const dropdownHeight = dropdown!.clientHeight;\n\n   const searchContainer = dropdown!.querySelector('.sd-select-multiple-group__search-container');\n   const searchOffset = searchContainer ? (searchContainer as HTMLElement).offsetHeight : 0;\n\n   const visibleContentHeight = dropdownHeight - searchOffset;\n   const visibleTop = dropdownScrollTop + searchOffset;\n   const visibleBottom = dropdownScrollTop + dropdownHeight;\n\n   if (optionTop < visibleTop) {\n    dropdown!.scrollTo({ top: optionTop - searchOffset, behavior: 'instant' });\n   } else if (optionTop + optionHeight > visibleBottom) {\n    dropdown!.scrollTo({\n     top: optionTop + optionHeight - visibleContentHeight - searchOffset,\n     behavior: 'instant',\n    });\n   }\n  });\n }\n\n render() {\n  return (\n   <sd-field\n    label={this.label}\n    name={this.name}\n    rules={this.rules}\n    error={this.error}\n    disabled={this.disabled}\n    useLabelRequired={this.useLabelRequired}\n    labelTooltip={this.labelTooltip}\n    labelTooltipProps={this.labelTooltipProps}\n    ref={el => (this.formField = el)}\n    style={{ '--field-width': this.width || '200px' }}\n   >\n    <div\n     class={{\n      'sd-select-multiple-group': true,\n      'sd-select-multiple-group--open': this.isOpen,\n      'sd-select-multiple-group--disabled': this.disabled,\n      'sd-select-multiple-group--label': !!this.label,\n     }}\n     ref={el => (this.selectRef = el)}\n    >\n     {this.renderTrigger()}\n     {this.renderDropdown()}\n    </div>\n   </sd-field>\n  );\n }\n\n private renderTrigger() {\n  const selectedOption = this.getSelectedOption();\n  return (\n   <div\n    class=\"sd-select-multiple-group__trigger\"\n    tabindex={this.disabled ? -1 : 0}\n    onClick={this.handleTriggerClick}\n    style={this.triggerStyle}\n   >\n    <span class=\"sd-select-multiple-group__value\">{this.getTriggerLabel()}</span>\n    {this.clearable && selectedOption?.length > 0 && !this.disabled && (\n     <sd-icon\n      key=\"close-icon\"\n      name=\"close\"\n      size={10}\n      color=\"#888\"\n      class=\"sd-select-multiple-group__clear\"\n      onClick={async event => {\n       event.stopPropagation();\n       this.value = null;\n       await this.formField?.sdValidate();\n      }}\n     ></sd-icon>\n    )}\n\n    <sd-icon\n     key=\"arrow-icon\"\n     name=\"arrowDown\"\n     color=\"#888\"\n     class={{\n      'sd-select-multiple-group__arrow': true,\n      'sd-select-multiple-group__arrow--open': this.isOpen,\n     }}\n    ></sd-icon>\n   </div>\n  );\n }\n\n private renderDropdown() {\n  const style = {\n   '--select-width': this.dropDownWidth || '200px',\n   '--select-dropdown-height': this.dropdownHeight || '260px',\n  };\n\n  if (this.isOpen === false) return null;\n\n  return (\n   <sd-portal open={this.isOpen} parentRef={this.selectRef} onSdClose={this.closeDropdown}>\n    <div style={{ width: '0', height: '0', overflow: 'visible' }}>\n     <div\n      class={{\n       'sd-select-multiple-group__dropdown': true,\n       'sd-select-multiple-group__dropdown--ready': this.isDropdownReady,\n      }}\n      style={{ ...style, ...this.dropdownStyle }}\n      onScroll={this.handleDropdownScroll}\n      ref={el => (this.dropdownRef = el)}\n     >\n      {this.searchable && (\n       <sd-select-search-input\n        ref={el => (this.searchRef = el)}\n        isScrolled={this.isScrolled}\n        searchText={this.searchText}\n        onSdSearchInput={(event: CustomEvent<string>) => (this.searchText = event.detail || '')}\n        onSdSearchFocus={() => (this.itemIndex = -1)}\n       ></sd-select-search-input>\n      )}\n\n      {this.filteredOptions.length > 0 ? (\n       <Fragment>\n        {this.useAll && (\n         <sd-select-option-group\n          option={{ label: this.allCheckOptionLabel, value: '', type: 'all' }}\n          index={0}\n          isSelected={this.isAllOptionsSelected()}\n          isFocused={this.itemIndex === 0}\n          optionStyle={this.optionStyle}\n          onOptionClick={({\n           detail,\n          }: {\n           detail: {\n            option: SelectOptionGroup;\n            isSelected: boolean | null;\n            index: number;\n            event: MouseEvent;\n           };\n          }) => this.handleAllOptionClick(detail)}\n          useCheckbox={this.useCheckbox}\n          useIndicator={false}\n         ></sd-select-option-group>\n        )}\n        {this.filteredOptions.map((option, index) => (\n         <slot name={`option-${option.value}`}>\n          <sd-select-option-group\n           option={option}\n           index={index}\n           isSelected={\n            option.type === 'item'\n             ? this.value?.some(selected => selected.value === option.value)\n             : this.isAllChildrenSelected(option)\n           }\n           isFocused={index === this.itemIndex}\n           optionStyle={this.optionStyle}\n           onOptionClick={({\n            detail,\n           }: {\n            detail: {\n             option: SelectOptionGroup;\n             isSelected: boolean | null;\n             index: number;\n             event: MouseEvent;\n            };\n           }) => {\n            if (option.type !== 'item' && !this.useCheckbox) {\n             return;\n            }\n\n            this.handleOptionClick(detail);\n           }}\n           useCheckbox={this.useCheckbox}\n           {...(option.type !== 'item' && { countInfo: this.getChildrenOptions(option) })}\n          ></sd-select-option-group>\n         </slot>\n        ))}\n       </Fragment>\n      ) : (\n       <slot name=\"option-placeholder\">\n        <div class={'sd-select-multiple-group__option-placeholder'} style={this.optionStyle}>\n         {this.optionPlaceholder}\n        </div>\n       </slot>\n      )}\n     </div>\n    </div>\n   </sd-portal>\n  );\n }\n}\n"]}

package/dist/collection/components/sd-select-multiple-group/sd-select-option-group/sd-select-option-group.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-select-option-group.js","sourceRoot":"","sources":["../../../../src/components/sd-select-multiple-group/sd-select-option-group/sd-select-option-group.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Method, Prop, State } from '@stencil/core';\nimport { SelectOptionGroup } from '../../sd-select/sd-select';\n\n@Component({\n tag: 'sd-select-option-group',\n styleUrl: 'sd-select-option-group.scss',\n})\nexport class SdSelectOptionGroup {\n @Element() el!: HTMLElement;\n\n @Prop() option!: SelectOptionGroup;\n @Prop() index!: number;\n @Prop() isSelected: boolean | null = false;\n @Prop() isFocused: boolean = false;\n @Prop() optionStyle?: { [key: string]: string };\n @Prop() disabled: boolean = false;\n @Prop() useCheckbox: boolean = false;\n @Prop() useIndicator?: boolean = true;\n @Prop() countInfo?: { selectedCount: number; totalCount: number } = {\n  selectedCount: 0,\n  totalCount: 0,\n };\n\n @State() isHovered: boolean = false;\n\n @Method()\n async isDisabled(): Promise<boolean> {\n  return !!this.option.disabled || this.option.type === 'group' || this.option.type === 'subgroup';\n }\n\n @Event() optionClick!: EventEmitter<{\n  option: SelectOptionGroup;\n  isSelected: boolean | null;\n  index: number;\n  event: MouseEvent;\n }>;\n\n private handleClick = (\n  option: SelectOptionGroup,\n  isSelected: boolean | null,\n  event: MouseEvent,\n ) => {\n  event.stopPropagation();\n\n  if (option.type === 'group' || option.type === 'subgroup') {\n   this.optionClick.emit({\n    option: this.option,\n    isSelected,\n    index: this.index,\n    event,\n   });\n   return;\n  }\n\n  if (!this.option.disabled && !this.disabled) {\n   this.optionClick.emit({\n    option: this.option,\n    isSelected,\n    index: this.index,\n    event,\n   });\n  }\n };\n\n render() {\n  return (\n   <div\n    class={{\n     'sd-select__option-group': true,\n     'sd-select__option-group--selected': !!this.isSelected,\n     'sd-select__option-group--disabled': !!this.option.disabled,\n     'sd-select__option-group--focused': this.isFocused,\n     'sd-select__option-group--use-checkbox': this.useCheckbox,\n     'sd-select__option-group--group': this.option.type === 'group',\n     'sd-select__option-group--subgroup': this.option.type === 'subgroup',\n     'sd-select__option-group--item': this.option.type === 'item',\n    }}\n    onMouseEnter={() => (this.isHovered = true)}\n    onMouseLeave={() => (this.isHovered = false)}\n    style={this.optionStyle}\n    data-index={this.index}\n    onClick={event => this.handleClick(this.option, this.isSelected, event)}\n   >\n    <div class=\"sd-select__option-group__label-wrapper\">\n     {this.useCheckbox && (\n      <sd-checkbox\n       value={this.isSelected}\n       disabled={this.option.disabled}\n       onClick={e => {\n        e.preventDefault();\n        this.handleClick(this.option, this.isSelected, e);\n       }}\n      ></sd-checkbox>\n     )}\n     <span class=\"sd-select__option-group-label\">{this.option.label}</span>\n     {this.useIndicator && this.option.type !== 'item' && (\n      <span class=\"sd-select__option-group__count-indicator\">{`(${this.countInfo?.selectedCount}/${this.countInfo?.totalCount})`}</span>\n     )}\n    </div>\n   </div>\n  );\n }\n}\n"]}