@sellmate/design-system 1.0.2 → 1.0.3

package/dist/components/p-DmBI95-Y.js.map

@@ -0,0 +1 @@
+{"file":"p-DmBI95-Y.js","mappings":"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","names":["__stencil_proxyCustomElement"],"sources":["src/components/sd-select/sd-select.scss?tag=sd-select","src/components/sd-select/sd-select.tsx"],"sourcesContent":["@import 'variables';\n@import 'extend';\n\nsd-select {\n display: inline-flex;\n flex-flow: column nowrap;\n height: fit-content;\n\n *:focus,\n *:focus-visible,\n *:focus-within {\n  outline: none !important;\n }\n\n .sd-select {\n  width: 100%;\n\n  .sd-select__trigger {\n   padding: 4px 28px 4px 12px;\n   display: flex;\n   width: 100%;\n   height: 100%;\n   align-items: center;\n\n   .sd-select__value {\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    line-height: 20px;\n    font-size: 12px;\n    font-weight: 400;\n    text-align: left;\n   }\n\n   .sd-select__clear {\n    margin: 0 4px;\n    width: 8px;\n    height: 8px;\n    background-color: transparent;\n    outline: none;\n    border: none;\n   }\n  }\n\n  .sd-select__arrow {\n   position: absolute;\n   top: 8px;\n   right: 8px;\n   width: 12px;\n   height: 12px;\n   color: $grey_65;\n   transition: transform 0.3s ease;\n   margin-left: 8px;\n\n   &--open {\n    transform: rotate(180deg);\n   }\n  }\n }\n}\n","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';\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() name?: string;\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\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('value')\n async valueChanged() {\n  const selectedOption = this.getSelectedOption();\n  this.update?.emit({ value: selectedOption?.value || null, option: selectedOption || null });\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 };\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"],"version":3}

package/dist/components/{p-COJpIimp.js → p-zXnuPbLK.js}

@@ -4,7 +4,7 @@ import { d as defineCustomElement$3 } from './p-CmghyzXg.js';
 import { d as defineCustomElement$2 } from './p-Sw7TJWkF.js';
 import { d as defineCustomElement$1 } from './p-Dtljyq_t.js';
 
-const sdFieldCss = () => `.sd-field{display:inline-flex;flex-flow:column nowrap;height:fit-content;width:100%}.sd-field *:focus,.sd-field *:focus-visible,.sd-field *:focus-within{outline:none !important}.sd-field:not(.sd-field--disabled):hover .sd-field__control{border:1px solid #0075ff !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}.sd-field.sd-field--disabled{cursor:not-allowed}.sd-field.sd-field--disabled .sd-field__wrapper{cursor:not-allowed !important}.sd-field.sd-field--disabled .sd-field__wrapper .sd-field__label-inside{border-color:#cccccc;color:#888888;cursor:not-allowed !important}.sd-field.sd-field--disabled .sd-field__wrapper .sd-field__control{background-color:#eeeeee;border-color:#cccccc;color:#888888;cursor:not-allowed !important}.sd-field--has-label .sd-field__wrapper .sd-field__label{display:flex;align-items:center;margin-right:12px}.sd-field--has-label .sd-field__wrapper .sd-field__label__required-icon{margin-right:4px}.sd-field--has-label .sd-field__wrapper .sd-field__label__text{font-size:12px;line-height:20px;color:#333333;white-space:nowrap}.sd-field--has-label .sd-field__wrapper .sd-field__label__tooltip{margin-left:2px}.sd-field--has-label-inside .sd-field__wrapper .sd-field__label{margin-right:0;display:flex;align-items:center;justify-content:center;padding:3px 12px;border:1px solid #cccccc;border-right:none;border-radius:4px 0 0 4px;border-color:#aaaaaa;background-color:#f6f6f6}.sd-field__wrapper{width:var(--field-width, 200px);height:28px;display:flex;align-items:center;flex-flow:row nowrap;position:relative;color:#333333;cursor:pointer;-webkit-user-select:none;user-select:none}.sd-field__wrapper .sd-field__control{position:relative;width:100%;height:100%;display:flex;flex:1;border:1px solid #aaaaaa;border-radius:4px;background:white}.sd-field__wrapper .sd-field__control--label-inside{border-top-left-radius:0px;border-bottom-left-radius:0px}.sd-field--error:not(:hover) .sd-field__wrapper .sd-field__control{border:1px solid #fb4444 !important}.sd-field.sd-field--focus .sd-field__wrapper .sd-field__control,.sd-field.sd-field--hover .sd-field__wrapper .sd-field__control{border:1px solid #0075ff !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}.sd-field .sd-field__error-message{color:#fb4444;font-size:12px;line-height:20px;margin-top:4px}`;
+const sdFieldCss = () => `.sd-field{display:inline-flex;flex-flow:column nowrap;height:fit-content;width:100%}.sd-field *:focus,.sd-field *:focus-visible,.sd-field *:focus-within{outline:none !important}.sd-field:not(.sd-field--disabled):hover .sd-field__control{border:1px solid #0075ff !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}.sd-field.sd-field--disabled{cursor:not-allowed}.sd-field.sd-field--disabled .sd-field__wrapper{cursor:not-allowed !important}.sd-field.sd-field--disabled .sd-field__wrapper .sd-field__label-inside{border-color:#cccccc;color:#888888;cursor:not-allowed !important}.sd-field.sd-field--disabled .sd-field__wrapper .sd-field__control{background-color:#eeeeee;border-color:#cccccc;color:#888888;cursor:not-allowed !important}.sd-field--has-label .sd-field__wrapper .sd-field__label{display:flex;align-items:center;margin-right:12px}.sd-field--has-label .sd-field__wrapper .sd-field__label__required-icon{margin-right:4px}.sd-field--has-label .sd-field__wrapper .sd-field__label__text{font-size:12px;line-height:20px;color:#333333;white-space:nowrap}.sd-field--has-label .sd-field__wrapper .sd-field__label__tooltip{margin-left:2px}.sd-field--has-label-inside .sd-field__wrapper .sd-field__label{margin-right:0;display:flex;align-items:center;justify-content:center;padding:3px 12px;border:1px solid #cccccc;border-right:none;border-radius:4px 0 0 4px;border-color:#aaaaaa;background-color:#f6f6f6}.sd-field__wrapper{width:100%;height:28px;display:flex;align-items:center;flex-flow:row nowrap;position:relative;color:#333333;cursor:pointer;-webkit-user-select:none;user-select:none}.sd-field__wrapper .sd-field__control{position:relative;width:100%;height:100%;display:flex;flex:1;border:1px solid #aaaaaa;border-radius:4px;background:white}.sd-field__wrapper .sd-field__control--label-inside{border-top-left-radius:0px;border-bottom-left-radius:0px}.sd-field--error:not(:hover) .sd-field__wrapper .sd-field__control{border:1px solid #fb4444 !important}.sd-field.sd-field--focus .sd-field__wrapper .sd-field__control,.sd-field.sd-field--hover .sd-field__wrapper .sd-field__control{border:1px solid #0075ff !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}.sd-field .sd-field__error-message{color:#fb4444;font-size:12px;line-height:20px;margin-top:4px}`;
 
 const FORM_PARENT_TAGS = [
     'sd-select',
@@ -196,6 +196,6 @@ function defineCustomElement() {
 }
 
 export { SdField as S, defineCustomElement as d };
-//# sourceMappingURL=p-COJpIimp.js.map
+//# sourceMappingURL=p-zXnuPbLK.js.map
 
-//# sourceMappingURL=p-COJpIimp.js.map
+//# sourceMappingURL=p-zXnuPbLK.js.map

package/dist/components/p-zXnuPbLK.js.map

@@ -0,0 +1 @@
+{"file":"p-zXnuPbLK.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sd-field/sd-field.scss?tag=sd-field","src/components/sd-field/sd-field.tsx"],"sourcesContent":["@import 'variables';\n\n.sd-field {\n display: inline-flex;\n flex-flow: column nowrap;\n height: fit-content;\n width: 100%;\n\n *:focus,\n *:focus-visible,\n *:focus-within {\n  outline: none !important;\n }\n\n &:not(.sd-field--disabled) {\n  &:hover {\n   .sd-field__control {\n    border: 1px solid $brilliantblue_75 !important;\n    box-shadow: 0px 0px 4px 0px #0071ff66;\n   }\n  }\n }\n\n &.sd-field--disabled {\n  cursor: not-allowed;\n\n  .sd-field__wrapper {\n   cursor: not-allowed !important;\n   .sd-field__label-inside {\n    border-color: $grey_45;\n    color: $grey_65;\n    cursor: not-allowed !important;\n   }\n\n   .sd-field__control {\n    background-color: $grey_20;\n    border-color: $grey_45;\n    color: $grey_65;\n    cursor: not-allowed !important;\n   }\n  }\n }\n\n &--has-label {\n  .sd-field__wrapper {\n   .sd-field__label {\n    display: flex;\n    align-items: center;\n    margin-right: 12px;\n\n    &__required-icon {\n     margin-right: 4px;\n    }\n\n    &__text {\n     font-size: 12px;\n     line-height: 20px;\n     // font-weight: 500;\n     color: $grey_90;\n     white-space: nowrap;\n    }\n\n    &__tooltip {\n     margin-left: 2px;\n    }\n   }\n  }\n }\n\n &--has-label-inside {\n  .sd-field__wrapper {\n   .sd-field__label {\n    margin-right: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 3px 12px;\n    border: 1px solid $grey_45;\n    border-right: none;\n    border-radius: 4px 0 0 4px;\n    border-color: $grey_55;\n    background-color: $grey_10;\n   }\n  }\n }\n\n &__wrapper {\n  width: 100%;\n  height: 28px;\n  display: flex;\n  align-items: center;\n  flex-flow: row nowrap;\n  position: relative;\n  color: $grey_90;\n  cursor: pointer;\n  -webkit-user-select: none;\n  user-select: none;\n\n  .sd-field__control {\n   position: relative;\n   width: 100%;\n   height: 100%;\n   display: flex;\n   flex: 1;\n   border: 1px solid $grey_55;\n   border-radius: 4px;\n   background: white;\n\n   &--label-inside {\n    border-top-left-radius: 0px;\n    border-bottom-left-radius: 0px;\n   }\n  }\n }\n\n &--error:not(:hover) {\n  .sd-field__wrapper .sd-field__control {\n   border: 1px solid $red_70 !important;\n  }\n }\n\n &.sd-field--focus,\n &.sd-field--hover {\n  .sd-field__wrapper .sd-field__control {\n   border: 1px solid $brilliantblue_75 !important;\n   box-shadow: 0px 0px 4px 0px #0071ff66;\n  }\n }\n\n .sd-field__error-message {\n  color: $red_70;\n  font-size: 12px;\n  line-height: 20px;\n  margin-top: 4px;\n }\n}\n","import { h, Component, Host, Element, Prop, State, Method } from '@stencil/core';\nimport { ValidatableField } from '../sd-form/sd-form';\nimport { Rule } from '../../types/form';\nimport { SdTooltipProps } from '../sd-tooltip/sd-tooltip';\n\nconst FORM_PARENT_TAGS = [\n 'sd-select',\n 'sd-select-multiple',\n 'sd-select-multiple-group',\n 'sd-input',\n 'sd-textarea',\n];\n\ninterface FormHostElement extends HTMLElement {\n value: any;\n error?: boolean;\n errorMsg?: string;\n}\n\n@Component({ tag: 'sd-field', styleUrl: 'sd-field.scss' })\nexport class SdField implements ValidatableField {\n @Element() el!: HTMLElement;\n\n @Prop() name: string = '';\n @Prop() rules?: Rule[] = [];\n\n @Prop({ mutable: true }) error?: boolean = false;\n @Prop({ mutable: true }) disabled?: boolean = false;\n @Prop({ mutable: true }) hovered?: boolean = false;\n @Prop({ mutable: true }) focused?: boolean = false;\n @Prop() status?: 'default' | 'pass' | 'error';\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 @State() errorMsg: string = '';\n\n private hostElement: FormHostElement | null = null;\n\n get value() {\n  return this.hostElement?.value ?? null;\n }\n\n get fieldStatus() {\n  let status = '';\n\n  if (!!this.disabled) {\n   status = 'disabled';\n   return `sd-field--${status}`;\n  }\n\n  if (!!this.focused) {\n   status = 'focus';\n   return `sd-field--${status}`;\n  }\n\n  if (!!this.hovered) status = 'hover';\n  if (!!this.status) status = this.status;\n  if (!!this.error) status = 'error';\n  return status ? `sd-field--${status}` : '';\n }\n\n componentDidLoad() {\n  this.hostElement = this.findHostElement();\n  this.registerToForm();\n }\n\n disconnectedCallback() {\n  this.unregisterFromForm();\n }\n\n private findHostElement(): FormHostElement | null {\n  for (const tag of FORM_PARENT_TAGS) {\n   const parent = this.el.closest<FormHostElement>(tag);\n   if (parent && 'value' in parent) {\n    return parent;\n   }\n  }\n  return null;\n }\n\n private registerToForm() {\n  // if (!this.rules || this.rules.length === 0) {\n  //  console.warn('[sd-form-field] rules prop is required for sd-form integration');\n  //  return;\n  // }\n\n  const formEl = this.el.closest<HTMLSdFormElement>('sd-form');\n  if (!formEl) return;\n\n  formEl.componentOnReady().then(form => {\n   form.sdRegisterField(this);\n  });\n }\n\n private unregisterFromForm() {\n  if (!this.name) return;\n\n  const formEl = this.el.closest<HTMLSdFormElement>('sd-form');\n  formEl?.componentOnReady().then(form => {\n   form.sdUnregisterField(this.name);\n  });\n }\n\n @Method()\n async sdValidate(): Promise<boolean> {\n  if (!this.rules || this.rules.length === 0) return true;\n\n  for (const rule of this.rules) {\n   const result = rule(this.value ?? '');\n   if (result !== true) {\n    this.setError(true, result);\n    return false;\n   }\n  }\n  this.setError(false, '');\n  return true;\n }\n\n @Method()\n async sdReset() {\n  if (this.hostElement) {\n   this.hostElement.value = null;\n  }\n  this.setError(false, '');\n }\n\n @Method()\n async sdResetValidation() {\n  this.setError(false, '');\n }\n\n @Method()\n async sdFocus() {\n  this.hostElement?.focus?.();\n  this.hostElement?.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n\n private setError(error: boolean, errorMsg: string) {\n  this.errorMsg = errorMsg;\n\n  if (this.hostElement) {\n   this.hostElement.error = error;\n  }\n }\n\n render() {\n  return (\n   <Host\n    class={{\n     'sd-field': true,\n     'sd-field--has-label': !!this.label,\n     'sd-field--has-label-inside': !!this.label && this.insideLabel,\n     [this.fieldStatus]: !!this.fieldStatus,\n    }}\n   >\n    <div class=\"sd-field__wrapper\">\n     {this.renderLabel(this.label)}\n     <div\n      class={{\n       'sd-field__control': true,\n       'sd-field__control--label-inside ': !!this.label && this.insideLabel,\n      }}\n     >\n      <slot></slot>\n     </div>\n    </div>\n    {this.errorMsg && <div class=\"sd-field__error-message\">{this.errorMsg}</div>}\n   </Host>\n  );\n }\n\n private renderLabel(label?: string) {\n  if (!label) return null;\n\n  return (\n   <label class={{ 'sd-field__label': true, 'sd-field__label-inside': this.insideLabel }}>\n    {this.useLabelRequired && (\n     <sd-icon\n      name=\"star\"\n      size=\"10\"\n      color=\"brilliantblue_75\"\n      class=\"sd-field__label__required-icon\"\n     ></sd-icon>\n    )}\n    <div class=\"sd-field__label__text\">{label}</div>\n    {this.labelTooltip && (\n     <sd-tooltip class=\"sd-field__label__tooltip\" {...this.labelTooltipProps}>\n      <div slot=\"content\">{this.labelTooltip}</div>\n     </sd-tooltip>\n    )}\n   </label>\n  );\n }\n}\n"],"version":3}

package/dist/components/sd-date-picker.js

@@ -2,10 +2,10 @@ import { p as proxyCustomElement, H, d as createEvent, h, c as Host, t as transf
 import { u as useDatePicker, t as today } from './p-QZbqqKSO.js';
 import { d as defineCustomElement$9 } from './p-B-HVIIWo.js';
 import { d as defineCustomElement$8 } from './p-DlJtPR_C.js';
-import { d as defineCustomElement$7 } from './p-COJpIimp.js';
+import { d as defineCustomElement$7 } from './p-zXnuPbLK.js';
 import { d as defineCustomElement$6 } from './p-CmghyzXg.js';
 import { d as defineCustomElement$5 } from './p-Sw7TJWkF.js';
-import { d as defineCustomElement$4 } from './p-B9qGa5dx.js';
+import { d as defineCustomElement$4 } from './p-CmtowV2q.js';
 import { d as defineCustomElement$3 } from './p-o-oFeHDX.js';
 import { d as defineCustomElement$2 } from './p-Dtljyq_t.js';
 

package/dist/components/sd-date-range-picker.js

@@ -2,10 +2,10 @@ import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, c as Ho
 import { u as useDatePicker, t as today } from './p-QZbqqKSO.js';
 import { d as defineCustomElement$9 } from './p-B-HVIIWo.js';
 import { d as defineCustomElement$8 } from './p-DlJtPR_C.js';
-import { d as defineCustomElement$7 } from './p-COJpIimp.js';
+import { d as defineCustomElement$7 } from './p-zXnuPbLK.js';
 import { d as defineCustomElement$6 } from './p-CmghyzXg.js';
 import { d as defineCustomElement$5 } from './p-Sw7TJWkF.js';
-import { d as defineCustomElement$4 } from './p-B9qGa5dx.js';
+import { d as defineCustomElement$4 } from './p-CmtowV2q.js';
 import { d as defineCustomElement$3 } from './p-o-oFeHDX.js';
 import { d as defineCustomElement$2 } from './p-Dtljyq_t.js';
 

package/dist/components/sd-field.js

@@ -1,4 +1,4 @@
-import { S as SdField$1, d as defineCustomElement$1 } from './p-COJpIimp.js';
+import { S as SdField$1, d as defineCustomElement$1 } from './p-zXnuPbLK.js';
 
 const SdField = SdField$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/sd-input.js

@@ -1,4 +1,4 @@
-import { S as SdInput$1, d as defineCustomElement$1 } from './p-B9qGa5dx.js';
+import { S as SdInput$1, d as defineCustomElement$1 } from './p-CmtowV2q.js';
 
 const SdInput = SdInput$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { S as SdSelectDropdown$1, d as defineCustomElement$1 } from './p-CZ0RizvY.js';
+import { S as SdSelectDropdown$1, d as defineCustomElement$1 } from './p-BK9JGlQj.js';
 
 const SdSelectDropdown = SdSelectDropdown$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -2,13 +2,13 @@ import { p as proxyCustomElement, d as createEvent, h, F as Fragment, t as trans
 import { B as BaseDropdownEvent, S as SelectKeyboardNavigation } from './p-Dt-KAeBx.js';
 import { d as defineCustomElement$b } from './p-B-HVIIWo.js';
 import { d as defineCustomElement$a } from './p-ldcuoYNT.js';
-import { d as defineCustomElement$9 } from './p-COJpIimp.js';
+import { d as defineCustomElement$9 } from './p-zXnuPbLK.js';
 import { d as defineCustomElement$8 } from './p-CmghyzXg.js';
 import { d as defineCustomElement$7 } from './p-Sw7TJWkF.js';
-import { d as defineCustomElement$6 } from './p-B9qGa5dx.js';
+import { d as defineCustomElement$6 } from './p-CmtowV2q.js';
 import { d as defineCustomElement$5 } from './p-o-oFeHDX.js';
 import { d as defineCustomElement$4 } from './p-DBzZUOVq.js';
-import { d as defineCustomElement$3 } from './p-9E-u4GN-.js';
+import { d as defineCustomElement$3 } from './p-BhPP_RGz.js';
 import { d as defineCustomElement$2 } from './p-Dtljyq_t.js';
 
 const sdSelectMultipleGroupCss = () => `.sd-select-multiple-group__dropdown{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-select-multiple-group__dropdown::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-select-multiple-group__dropdown::-webkit-scrollbar:horizontal{height:8px}.sd-select-multiple-group__dropdown::-webkit-scrollbar:vertical{width:8px}.sd-select-multiple-group__dropdown::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-select-multiple-group__dropdown::-webkit-scrollbar-track{background-color:transparent}.sd-select-multiple-group__dropdown .sd-select-multiple-group__option-placeholder{height:48px;display:flex;align-items:center;padding:8px 16px;font-size:12px;line-height:0;text-align:left;color:#888888}sd-select-multiple-group{display:inline-flex;flex-flow:column nowrap;width:fit-content;height:fit-content}sd-select-multiple-group:focus,sd-select-multiple-group:focus-visible,sd-select-multiple-group:focus-within{outline:none !important}sd-select-multiple-group .sd-select-multiple-group{width:100%}sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__trigger{padding:4px 20px 4px 12px;display:flex;width:100%;align-items:center}sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__trigger .sd-select-multiple-group__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400}sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__trigger .sd-select-multiple-group__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease}sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__arrow--open{transform:rotate(180deg)}.sd-select-multiple-group__dropdown{width:var(--select-width, 200px);max-height:var(--select-dropdown-height, 260px);padding-bottom:2px;background-color:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);border-radius:4px;overflow-y:auto;color:#333333;opacity:0.5;transition:opacity 0.15s ease-in}.sd-select-multiple-group__dropdown--ready{opacity:1}`;

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

@@ -2,17 +2,17 @@ import { p as proxyCustomElement, d as createEvent, h, t as transformTag } from
 import { B as BaseDropdownEvent, S as SelectKeyboardNavigation } from './p-Dt-KAeBx.js';
 import { d as defineCustomElement$c } from './p-B-HVIIWo.js';
 import { d as defineCustomElement$b } from './p-ldcuoYNT.js';
-import { d as defineCustomElement$a } from './p-COJpIimp.js';
+import { d as defineCustomElement$a } from './p-zXnuPbLK.js';
 import { d as defineCustomElement$9 } from './p-CmghyzXg.js';
 import { d as defineCustomElement$8 } from './p-Sw7TJWkF.js';
-import { d as defineCustomElement$7 } from './p-B9qGa5dx.js';
+import { d as defineCustomElement$7 } from './p-CmtowV2q.js';
 import { d as defineCustomElement$6 } from './p-o-oFeHDX.js';
-import { d as defineCustomElement$5 } from './p-CZ0RizvY.js';
+import { d as defineCustomElement$5 } from './p-BK9JGlQj.js';
 import { d as defineCustomElement$4 } from './p-BsBjOh8u.js';
-import { d as defineCustomElement$3 } from './p-9E-u4GN-.js';
+import { d as defineCustomElement$3 } from './p-BhPP_RGz.js';
 import { d as defineCustomElement$2 } from './p-Dtljyq_t.js';
 
-const sdSelectMultipleCss = () => `sd-select-multiple{display:inline-flex;flex-flow:column nowrap;width:fit-content;height:fit-content}sd-select-multiple *:focus,sd-select-multiple *:focus-visible,sd-select-multiple *:focus-within{outline:none !important}sd-select-multiple .sd-select-multiple{width:100%}sd-select-multiple .sd-select-multiple .sd-select-multiple__trigger{padding:4px 28px 4px 12px;display:flex;width:100%;align-items:center}sd-select-multiple .sd-select-multiple .sd-select-multiple__trigger .sd-select-multiple__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400;text-align:left}sd-select-multiple .sd-select-multiple .sd-select-multiple__trigger .sd-select-multiple__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select-multiple .sd-select-multiple__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease;margin-left:8px}sd-select-multiple .sd-select-multiple__arrow--open{transform:rotate(180deg)}`;
+const sdSelectMultipleCss = () => `sd-select-multiple{display:inline-flex;flex-flow:column nowrap;height:fit-content}sd-select-multiple *:focus,sd-select-multiple *:focus-visible,sd-select-multiple *:focus-within{outline:none !important}sd-select-multiple .sd-select-multiple{width:100%}sd-select-multiple .sd-select-multiple .sd-select-multiple__trigger{padding:4px 28px 4px 12px;display:flex;width:100%;align-items:center}sd-select-multiple .sd-select-multiple .sd-select-multiple__trigger .sd-select-multiple__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400;text-align:left}sd-select-multiple .sd-select-multiple .sd-select-multiple__trigger .sd-select-multiple__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select-multiple .sd-select-multiple__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease;margin-left:8px}sd-select-multiple .sd-select-multiple__arrow--open{transform:rotate(180deg)}`;
 
 const SdSelectMultiple$1 = /*@__PURE__*/ proxyCustomElement(class SdSelectMultiple extends BaseDropdownEvent {
     constructor(registerHost) {
@@ -164,12 +164,12 @@ const SdSelectMultiple$1 = /*@__PURE__*/ proxyCustomElement(class SdSelectMultip
         this.handleOptionSelection(option);
     };
     render() {
-        return (h("sd-field", { key: '67a0bebbd4ad8ae405db1c9c1d0b9701a9b904f8', label: this.label, name: this.name, rules: this.rules, error: this.error, disabled: this.disabled, useLabelRequired: this.useLabelRequired, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), style: { '--field-width': this.width || '200px' } }, h("div", { key: 'aa86839508c103bbe70287877020ec3eb82b7190', class: {
+        return (h("sd-field", { key: '079e5eeb997e23ddcd53fd1285b749e0e853485e', label: this.label, name: this.name, rules: this.rules, error: this.error, disabled: this.disabled, useLabelRequired: this.useLabelRequired, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el) }, h("div", { key: 'c3c536fb2415dec2bb33f2e5e564de67cd118dc4', class: {
                 'sd-select-multiple': true,
                 'sd-select-multiple--open': this.isOpen,
                 'sd-select-multiple--disabled': this.disabled,
                 'sd-select-multiple--error': !!this.error,
-            }, style: { '--select-width': this.width || '200px' }, ref: el => (this.selectRef = el) }, this.renderTrigger(), this.renderDropdown())));
+            }, ref: el => (this.selectRef = el) }, this.renderTrigger(), this.renderDropdown())));
     }
     renderTrigger() {
         const selectedOption = this.getSelectedOption();

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

@@ -1 +1 @@
-{"file":"sd-select-multiple.js","mappings":"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","names":["SdSelectMultiple","__stencil_proxyCustomElement"],"sources":["src/components/sd-select-multiple/sd-select-multiple.scss?tag=sd-select-multiple","src/components/sd-select-multiple/sd-select-multiple.tsx"],"sourcesContent":["@import 'variables';\n@import 'extend';\n\nsd-select-multiple {\n display: inline-flex;\n flex-flow: column nowrap;\n width: fit-content;\n height: fit-content;\n\n *:focus,\n *:focus-visible,\n *:focus-within {\n  outline: none !important;\n }\n\n .sd-select-multiple {\n  width: 100%;\n\n  .sd-select-multiple__trigger {\n   padding: 4px 28px 4px 12px;\n   display: flex;\n   width: 100%;\n   align-items: center;\n\n   .sd-select-multiple__value {\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    line-height: 20px;\n    font-size: 12px;\n    font-weight: 400;\n    text-align: left;\n   }\n\n   .sd-select-multiple__clear {\n    margin: 0 4px;\n    width: 8px;\n    height: 8px;\n    background-color: transparent;\n    outline: none;\n    border: none;\n   }\n  }\n }\n\n .sd-select-multiple__arrow {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  width: 12px;\n  height: 12px;\n  color: $grey_65;\n  transition: transform 0.3s ease;\n  margin-left: 8px;\n\n  &--open {\n   transform: rotate(180deg);\n  }\n }\n}\n","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('value')\n valueChanged() {\n  this.update?.emit(this.value);\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\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    style={{ '--field-width': this.width || '200px' }}\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     style={{ '--select-width': this.width || '200px' }}\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"],"version":3}
+{"file":"sd-select-multiple.js","mappings":"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","names":["SdSelectMultiple","__stencil_proxyCustomElement"],"sources":["src/components/sd-select-multiple/sd-select-multiple.scss?tag=sd-select-multiple","src/components/sd-select-multiple/sd-select-multiple.tsx"],"sourcesContent":["@import 'variables';\n@import 'extend';\n\nsd-select-multiple {\n display: inline-flex;\n flex-flow: column nowrap;\n height: fit-content;\n\n *:focus,\n *:focus-visible,\n *:focus-within {\n  outline: none !important;\n }\n\n .sd-select-multiple {\n  width: 100%;\n\n  .sd-select-multiple__trigger {\n   padding: 4px 28px 4px 12px;\n   display: flex;\n   width: 100%;\n   align-items: center;\n\n   .sd-select-multiple__value {\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    line-height: 20px;\n    font-size: 12px;\n    font-weight: 400;\n    text-align: left;\n   }\n\n   .sd-select-multiple__clear {\n    margin: 0 4px;\n    width: 8px;\n    height: 8px;\n    background-color: transparent;\n    outline: none;\n    border: none;\n   }\n  }\n }\n\n .sd-select-multiple__arrow {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  width: 12px;\n  height: 12px;\n  color: $grey_65;\n  transition: transform 0.3s ease;\n  margin-left: 8px;\n\n  &--open {\n   transform: rotate(180deg);\n  }\n }\n}\n","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('value')\n valueChanged() {\n  this.update?.emit(this.value);\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\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"],"version":3}

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

@@ -1,4 +1,4 @@
-import { S as SdSelectSearchInput$1, d as defineCustomElement$1 } from './p-9E-u4GN-.js';
+import { S as SdSelectSearchInput$1, d as defineCustomElement$1 } from './p-BhPP_RGz.js';
 
 const SdSelectSearchInput = SdSelectSearchInput$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/sd-select.js

@@ -1,4 +1,4 @@
-import { S as SdSelect$1, d as defineCustomElement$1 } from './p-DYLnDz12.js';
+import { S as SdSelect$1, d as defineCustomElement$1 } from './p-DmBI95-Y.js';
 
 const SdSelect = SdSelect$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/sd-table.js

@@ -1,17 +1,17 @@
 import { p as proxyCustomElement, H, d as createEvent, e as readTask, h, c as Host, t as transformTag } from './p-YLoygqPr.js';
 import { d as defineCustomElement$f } from './p-B-HVIIWo.js';
 import { d as defineCustomElement$e } from './p-ldcuoYNT.js';
-import { d as defineCustomElement$d } from './p-COJpIimp.js';
+import { d as defineCustomElement$d } from './p-zXnuPbLK.js';
 import { d as defineCustomElement$c } from './p-CmghyzXg.js';
 import { d as defineCustomElement$b } from './p-Sw7TJWkF.js';
-import { d as defineCustomElement$a } from './p-B9qGa5dx.js';
+import { d as defineCustomElement$a } from './p-CmtowV2q.js';
 import { d as defineCustomElement$9 } from './p-D1kEesx2.js';
 import { d as defineCustomElement$8 } from './p-CuHSbj5E.js';
 import { d as defineCustomElement$7 } from './p-o-oFeHDX.js';
-import { d as defineCustomElement$6 } from './p-DYLnDz12.js';
-import { d as defineCustomElement$5 } from './p-CZ0RizvY.js';
+import { d as defineCustomElement$6 } from './p-DmBI95-Y.js';
+import { d as defineCustomElement$5 } from './p-BK9JGlQj.js';
 import { d as defineCustomElement$4 } from './p-BsBjOh8u.js';
-import { d as defineCustomElement$3 } from './p-9E-u4GN-.js';
+import { d as defineCustomElement$3 } from './p-BhPP_RGz.js';
 import { d as defineCustomElement$2 } from './p-Dtljyq_t.js';
 
 const sdTableCss = () => `.sd-table__wrapper .sd-table__container .sd-table__middle{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:horizontal{height:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:vertical{width:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-track{background-color:transparent}.sd-table__wrapper{height:var(--table-height, auto);width:var(--table-width, 100%);color:#222222}.sd-table__wrapper .sd-table__container{width:100%;height:var(--table-container-height, auto);display:flex;flex-direction:column;position:relative;border:1px solid #e1e1e1;border-radius:8px;font-size:12px;overflow:hidden;background:#ffffff}.sd-table__wrapper .sd-table__container .sd-table__middle{overflow:auto;will-change:scroll-position;min-height:var(--table-container-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle--scrollable{height:var(--table-container-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle--loading{overflow:hidden !important;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle--loading__spinner{position:absolute;top:0;left:0;width:100%;height:var(--table-container-height, 100%);min-height:var(--table-container-height, 100%);background:rgba(255, 255, 255, 0.6);z-index:200;display:flex;align-items:center;justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table{background-color:white;display:table;width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll{position:relative;height:var(--total-virtual-height, --table-container-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll tr:not([aria-hidden=true]){width:100%}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll tr[aria-hidden=true]{padding:0;border:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody.sd-table-tbody--virtual-scroll tr[aria-hidden=true]:not(.sd-table__virtual-row-spacer) td{display:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable td.sd-td--selected,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable th.sd-th--selected{position:relative;width:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable td.sd-td--selected sd-checkbox label,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable th.sd-th--selected sd-checkbox label{position:relative}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable td.sd-td--selected sd-checkbox label:before,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable th.sd-th--selected sd-checkbox label:before{content:"";position:absolute;inset:-6px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-header thead{position:sticky;top:0;z-index:120}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-right{position:sticky;background-color:#f5faff;z-index:110 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-right{position:sticky;background-color:white;z-index:100 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-left{left:var(--sticky-left-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-right{right:var(--sticky-right-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-cell{position:sticky;z-index:102;background-color:#f5faff}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-cell{position:sticky;z-index:101;background-color:white}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge:after{content:"";position:absolute;top:0;left:100%;right:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset 12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge:after{content:"";position:absolute;top:0;left:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset -12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead{opacity:0.4}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead tr th.sd-th{border-bottom:1px solid rgba(225, 225, 225, 0.4) !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-td,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-th,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table .sd-th__content--label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead{height:36px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr{width:100%}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th{background:#f5faff;height:36px;padding:0 16px;font-weight:500;vertical-align:middle;border-bottom:1px solid #e1e1e1;-webkit-user-select:none;user-select:none;position:relative}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content{display:flex;flex-flow:row nowrap;align-items:center;gap:4px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--left{justify-content:flex-start}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--center{justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--right{justify-content:flex-end}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__resizer{position:absolute;top:50%;right:0;transform:translateY(-50%);width:4px;height:16px;cursor:col-resize;z-index:3;border-left:1px solid #cccccc;border-right:1px solid #cccccc}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td{height:44px;padding:0 16px;border-bottom:1px solid #e1e1e1;background:white;vertical-align:middle}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--left{text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--center{text-align:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--right{text-align:right}.sd-table__wrapper .sd-table__container .sd-table__bottom{background:transparent;text-align:center;display:flex;align-items:center;justify-content:center;flex:1;min-height:240px;translate:0 -10%;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__bottom .sd-table__no-data{font-size:12px;color:#888888}.sd-table__wrapper .sd-table__pagination{position:relative;background:#f9f9f9;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #e1e1e1;border-top:none;border-radius:8px}.sd-table__wrapper .sd-table__pagination sd-select{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.sd-table__wrapper .sd-table__virtual-spacer,.sd-table__wrapper .sd-table__virtual-row-spacer{padding:0 !important}.sd-table__wrapper .sd-table__virtual-spacer td,.sd-table__wrapper .sd-table__virtual-row-spacer td{padding:0 !important;border:none}.sd-table__wrapper .sd-table__virtual-spacer .sd-table__skeleton,.sd-table__wrapper .sd-table__virtual-row-spacer .sd-table__skeleton{width:100%;height:100%;background-image:repeating-linear-gradient(0deg, rgba(246, 246, 246, 0.3) 0px, rgba(225, 225, 225, 0.5) calc(var(--row-height, 44px) / 2), rgba(246, 246, 246, 0.3) var(--row-height, 44px));background-size:100% 200%;animation:skeleton-loading 1.5s ease-in-out infinite;position:relative}.sd-table__wrapper .sd-table__virtual-spacer .sd-table__skeleton::before,.sd-table__wrapper .sd-table__virtual-row-spacer .sd-table__skeleton::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--row-height, 44px) - 1px), #e1e1e1 calc(var(--row-height, 44px) - 1px), #e1e1e1 var(--row-height, 44px));pointer-events:none}.sd-table__wrapper .sd-table__skeleton-cell{width:100%;height:20px;background:linear-gradient(90deg, rgba(246, 246, 246, 0.3) 0%, rgba(225, 225, 225, 0.5) 50%, rgba(246, 246, 246, 0.3) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:0% 0%}50%{background-position:100% 100%}100%{background-position:0% 0%}}`;

package/dist/design-system/design-system.esm.js

@@ -1,2 +1,2 @@
-import{p as e,g as l,b as a}from"./p-C3qNZ7Qh.js";export{s as setNonce}from"./p-C3qNZ7Qh.js";var o=()=>{const l=import.meta.url;const a={};if(l!==""){a.resourcesUrl=new URL(".",l).href}return e(a)};o().then((async e=>{await l();return a(JSON.parse('[["p-1a5c8581",[[772,"sd-table",{"columns":[16],"rows":[1040],"selected":[1040],"rowKey":[1,"row-key"],"selectable":[4],"resizable":[4],"width":[1],"height":[1],"stickyHeader":[4,"sticky-header"],"stickyColumn":[16],"noDataLabel":[1,"no-data-label"],"isLoading":[4,"is-loading"],"pagination":[16],"headerCellRenderer":[16],"bodyCellRenderer":[16],"useInternalPagination":[4,"use-internal-pagination"],"useRowsPerPageSelect":[4,"use-rows-per-page-select"],"rowsPerPageOption":[16],"useVirtualScroll":[16],"virtualRowHeight":[2,"virtual-row-height"],"virtualColumnWidth":[2,"virtual-column-width"],"virtualBufferSize":[16],"currentPage":[32],"innerRows":[32],"innerSelected":[32],"columnWidths":[32],"scrolledLeft":[32],"scrolledRight":[32],"virtualStartIndex":[32],"virtualEndIndex":[32],"scrollTopPosition":[32],"virtualStartColIdx":[32],"virtualEndColIdx":[32],"scrollLeftPosition":[32]},null,{"columns":["handleColumnsChange"],"columnWidths":["handleColumnWidthsChange"],"rows":["handleRowsChange"],"selected":["handleSelectedChange"],"pagination":["handlePaginationChange"]}]]],["p-b521ce06",[[768,"sd-select-multiple",{"value":[1040],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"autoFocus":[4,"auto-focus"],"disabled":[4],"clearable":[4],"searchable":[4],"useAll":[4,"use-all"],"useCheckbox":[4,"use-checkbox"],"label":[1],"useLabelRequired":[4,"use-label-required"],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"name":[1],"rules":[16],"error":[4],"optionRenderer":[16],"isOpen":[32],"itemIndex":[32],"isScrolled":[32],"sdOpen":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":["valueChanged"],"isOpen":["isOpenChanged"]}]]],["p-f8e3d576",[[772,"sd-select-multiple-group",{"value":[1040],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"disabled":[4],"clearable":[4],"searchable":[4],"useCheckbox":[4,"use-checkbox"],"useAll":[4,"use-all"],"allCheckedLabel":[1,"all-checked-label"],"allCheckOptionLabel":[1,"all-check-option-label"],"label":[1],"useLabelRequired":[4,"use-label-required"],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"name":[1],"rules":[16],"error":[4],"containerStyle":[16],"triggerStyle":[16],"dropdownStyle":[16],"optionStyle":[16],"labelStyle":[16],"optionRenderer":[16],"filteredOptions":[32],"isOpen":[32],"searchText":[32],"itemIndex":[32],"isScrolled":[32],"isDropdownReady":[32],"sdOpen":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":["valueChanged"],"options":["optionsChanged"],"searchText":["searchTextChanged"],"itemIndex":["itemIndexChanged"],"isOpen":["isOpenChanged"]}]]],["p-206de2a1",[[770,"sd-date-picker",{"value":[1537],"label":[1],"selectable":[16],"disabled":[4],"placeholder":[1],"isOpen":[32],"currentDate":[32],"currentYear":[32],"currentMonth":[32]}]]],["p-0a80eff0",[[770,"sd-date-range-picker",{"value":[1040],"label":[1],"selectable":[16],"maxRange":[2,"max-range"],"disabled":[4],"placeholder":[1],"isOpen":[32],"dateRange":[32],"hoverDate":[32],"prevYear":[32],"prevMonth":[32]},null,{"value":["onValueChange"]}]]],["p-17f36d15",[[768,"sd-guide",{"type":[1],"label":[1],"message":[1],"guideUrl":[1,"guide-url"],"popupTitle":[1,"popup-title"],"popupWidth":[2,"popup-width"],"popupShow":[32]}]]],["p-cdd7880f",[[768,"sd-popover",{"show":[1028],"placement":[513],"color":[513],"icon":[513],"iconSize":[514,"icon-size"],"label":[1],"buttonSize":[513,"button-size"],"buttonVariant":[513,"button-variant"],"menuTitle":[513,"title"],"messages":[16],"buttons":[16],"menuClass":[1,"menu-class"],"noHover":[4,"no-hover"],"useClose":[4,"use-close"],"showPopover":[32],"slotContent":[32]},null,{"show":["watchShowHandler"]}]]],["p-661c4553",[[772,"sd-modal-card",{"type":[1],"system":[1],"useCloseButton":[4,"use-close-button"],"modalTitle":[1,"modal-title"],"buttonFlexDirection":[1,"button-flex-direction"],"buttonProps":[16],"message":[16],"modalClass":[1,"modal-class"]}]]],["p-06b1b928",[[770,"sd-toast-message",{"icon":[1],"message":[1],"link":[1],"linkLabel":[1,"link-label"],"buttonLabel":[1,"button-label"],"useClose":[4,"use-close"],"type":[1],"isVisible":[32]}]]],["p-7a18002e",[[768,"sd-file-picker",{"value":[1040],"placeholder":[1],"disabled":[4],"inline":[4],"multiple":[4],"accept":[1],"internalValue":[32],"hovered":[32],"showTooltip":[32]},null,{"value":["valueChanged"]}]]],["p-82356c0a",[[768,"sd-number-input",{"min":[2],"max":[2],"step":[2],"useButton":[4,"use-button"],"useDecimal":[4,"use-decimal"],"value":[1032],"label":[1],"placeholder":[1],"disabled":[4],"width":[8],"rules":[16],"autoFocus":[4,"auto-focus"],"status":[1],"inputClass":[1,"input-class"],"readonly":[4],"inputStyle":[16],"internalValue":[32],"displayValue":[32],"hovered":[32],"error":[32],"sdGetNativeElement":[64]},null,{"value":["valueChanged"],"internalValue":["internalValueChanged"]}]]],["p-9fdf431c",[[768,"sd-select-option-group",{"option":[16],"index":[2],"isSelected":[4,"is-selected"],"isFocused":[4,"is-focused"],"optionStyle":[16],"disabled":[4],"useCheckbox":[4,"use-checkbox"],"useIndicator":[4,"use-indicator"],"countInfo":[16],"isHovered":[32],"isDisabled":[64]}]]],["p-ff131fbc",[[768,"sd-radio",{"value":[1544],"disabled":[4],"val":[1],"label":[1]}]]],["p-29a9975a",[[768,"sd-radio-group",{"value":[1544],"radioOptions":[1040],"direction":[1],"disabled":[4],"groupName":[1,"group-name"]},null,{"value":["valueChanged"]}]]],["p-f9bc026f",[[768,"sd-tabs",{"value":[1537],"tabs":[1040],"size":[1],"isSub":[4,"is-sub"]},null,{"value":["valueChanged"]}]]],["p-43b9fd6b",[[768,"sd-badge",{"size":[1],"color":[1],"label":[1]}]]],["p-0e12f7b6",[[772,"sd-card",{"bordered":[4],"cardClassName":[1,"card-class-name"]}]]],["p-8df72aa2",[[260,"sd-form",{"sdRegisterField":[64],"sdUnregisterField":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidation":[64]}]]],["p-f43b8c46",[[768,"sd-progress",{"type":[1],"error":[4],"percentage":[2],"size":[2],"strokeWidth":[2,"stroke-width"],"label":[1]}]]],["p-0a9f4be0",[[768,"sd-radio-button-group",{"value":[1032],"radioOptions":[1040],"size":[1],"disabled":[4],"name":[1]}]]],["p-97d0ce6e",[[768,"sd-toggle",{"value":[1028],"label":[1],"disabled":[4]}]]],["p-12c9cfda",[[768,"sd-toggle-button",{"value":[1540],"label":[1],"disabled":[4],"isActive":[32]}]]],["p-dc2f4b2f",[[769,"sd-tag",{"size":[1],"color":[1],"rounded":[4],"label":[1],"bgColor":[1,"bg-color"],"textColor":[1,"text-color"]}]]],["p-fca80354",[[768,"sd-textarea",{"value":[1025],"name":[1],"disabled":[4],"width":[8],"autoFocus":[4,"auto-focus"],"textareaClass":[1,"textarea-class"],"helpText":[1,"help-text"],"maxLength":[2,"max-length"],"placeholder":[1],"internalValue":[32],"focused":[32],"hovered":[32],"sdFocus":[64],"getNativeElement":[64]},null,{"value":["valueChanged"],"internalValue":["internalValueChanged"]}],[768,"sd-pagination",{"currentPage":[2,"current-page"],"lastPage":[2,"last-page"],"simple":[4]}],[768,"sd-tooltip",{"trigger":[1],"placement":[1],"color":[1],"type":[1],"icon":[1],"iconSize":[2,"icon-size"],"label":[1],"buttonSize":[1,"button-size"],"buttonVariant":[1,"button-variant"],"noHover":[4,"no-hover"],"useClose":[4,"use-close"],"showTooltip":[32],"slotContentHTML":[32]}],[772,"sd-floating-portal",{"to":[1],"parentRef":[16],"offset":[16],"zIndex":[2,"z-index"],"placement":[1],"open":[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]]],[768,"sd-button",{"variant":[1],"size":[1],"color":[1],"label":[1],"disabled":[4],"type":[1],"icon":[1],"iconColor":[1,"icon-color"],"iconSize":[2,"icon-size"],"iconRight":[1,"icon-right"],"noHover":[4,"no-hover"],"class":[1]}],[768,"sd-icon",{"name":[1],"size":[8],"color":[1],"rotate":[2],"label":[1],"iconStyle":[16]}]]],["p-827ca975",[[768,"sd-checkbox",{"value":[1028],"val":[8],"disabled":[4],"label":[1],"isChecked":[32]},null,{"value":["watchValueHandler"]}]]],["p-694c9cc9",[[772,"sd-portal",{"to":[1],"parentRef":[16],"offset":[16],"zIndex":[2,"z-index"],"open":[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]]],[772,"sd-input",{"value":[1032],"type":[1],"insideLabel":[4,"inside-label"],"placeholder":[1],"disabled":[4],"clearable":[4],"width":[8],"barcode":[4],"rules":[16],"autoFocus":[4,"auto-focus"],"status":[1],"inputClass":[1,"input-class"],"readonly":[4],"error":[1028],"focused":[1028],"hovered":[1028],"label":[1],"useLabelRequired":[4,"use-label-required"],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"inputStyle":[16],"internalValue":[32],"sdGetNativeElement":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":["valueChanged"],"internalValue":["internalValueChanged"]}],[772,"sd-field",{"name":[1],"rules":[16],"error":[1028],"disabled":[1028],"hovered":[1028],"focused":[1028],"status":[1],"label":[1],"insideLabel":[4,"inside-label"],"useLabelRequired":[4,"use-label-required"],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"errorMsg":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidation":[64],"sdFocus":[64]}]]],["p-9a68ab88",[[768,"sd-select",{"value":[1032],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"autoFocus":[4,"auto-focus"],"disabled":[4],"clearable":[4],"searchable":[4],"label":[1],"insideLabel":[4,"inside-label"],"useLabelRequired":[4,"use-label-required"],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"name":[1],"rules":[16],"error":[4],"optionRenderer":[16],"isOpen":[32],"itemIndex":[32],"isScrolled":[32],"sdOpen":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":["valueChanged"],"isOpen":["isOpenChanged"]}],[768,"sd-loading-spinner",{"color":[1]}]]],["p-dc410414",[[770,"sd-date-box",{"date":[8],"disabled":[4],"selected":[4],"isStartDate":[4,"is-start-date"],"isEndDate":[4,"is-end-date"],"isToday":[4,"is-today"],"inRange":[4,"in-range"],"type":[1]}]]],["p-86830071",[[772,"sd-select-dropdown",{"itemIndex":[1026,"item-index"],"value":[8],"options":[16],"width":[1],"dropdownHeight":[1,"dropdown-height"],"searchable":[4],"optionPlaceholder":[1,"option-placeholder"],"useCheckbox":[4,"use-checkbox"],"useAll":[4,"use-all"],"filteredOptions":[32],"searchText":[32],"isScrolled":[32],"isDropdownReady":[32]},null,{"filteredOptions":["filteredOptionsChanged"],"searchText":["searchTextChanged"],"itemIndex":["itemIndexChanged"]}],[768,"sd-select-option",{"option":[16],"index":[2],"isSelected":[4,"is-selected"],"isFocused":[4,"is-focused"],"optionStyle":[16],"disabled":[4],"useCheckbox":[4,"use-checkbox"],"isHovered":[32],"sdIsDisabled":[64]}],[768,"sd-select-search-input",{"isScrolled":[4,"is-scrolled"],"searchText":[1,"search-text"],"sdGetNativeElement":[64],"sdSearchInputFocus":[64]}]]]]'),e)}));
+import{p as e,g as l,b as a}from"./p-C3qNZ7Qh.js";export{s as setNonce}from"./p-C3qNZ7Qh.js";var o=()=>{const l=import.meta.url;const a={};if(l!==""){a.resourcesUrl=new URL(".",l).href}return e(a)};o().then((async e=>{await l();return a(JSON.parse('[["p-1a5c8581",[[772,"sd-table",{"columns":[16],"rows":[1040],"selected":[1040],"rowKey":[1,"row-key"],"selectable":[4],"resizable":[4],"width":[1],"height":[1],"stickyHeader":[4,"sticky-header"],"stickyColumn":[16],"noDataLabel":[1,"no-data-label"],"isLoading":[4,"is-loading"],"pagination":[16],"headerCellRenderer":[16],"bodyCellRenderer":[16],"useInternalPagination":[4,"use-internal-pagination"],"useRowsPerPageSelect":[4,"use-rows-per-page-select"],"rowsPerPageOption":[16],"useVirtualScroll":[16],"virtualRowHeight":[2,"virtual-row-height"],"virtualColumnWidth":[2,"virtual-column-width"],"virtualBufferSize":[16],"currentPage":[32],"innerRows":[32],"innerSelected":[32],"columnWidths":[32],"scrolledLeft":[32],"scrolledRight":[32],"virtualStartIndex":[32],"virtualEndIndex":[32],"scrollTopPosition":[32],"virtualStartColIdx":[32],"virtualEndColIdx":[32],"scrollLeftPosition":[32]},null,{"columns":["handleColumnsChange"],"columnWidths":["handleColumnWidthsChange"],"rows":["handleRowsChange"],"selected":["handleSelectedChange"],"pagination":["handlePaginationChange"]}]]],["p-a8650b7e",[[768,"sd-select-multiple",{"value":[1040],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"autoFocus":[4,"auto-focus"],"disabled":[4],"clearable":[4],"searchable":[4],"useAll":[4,"use-all"],"useCheckbox":[4,"use-checkbox"],"label":[1],"useLabelRequired":[4,"use-label-required"],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"name":[1],"rules":[16],"error":[4],"optionRenderer":[16],"isOpen":[32],"itemIndex":[32],"isScrolled":[32],"sdOpen":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":["valueChanged"],"isOpen":["isOpenChanged"]}]]],["p-f8e3d576",[[772,"sd-select-multiple-group",{"value":[1040],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"disabled":[4],"clearable":[4],"searchable":[4],"useCheckbox":[4,"use-checkbox"],"useAll":[4,"use-all"],"allCheckedLabel":[1,"all-checked-label"],"allCheckOptionLabel":[1,"all-check-option-label"],"label":[1],"useLabelRequired":[4,"use-label-required"],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"name":[1],"rules":[16],"error":[4],"containerStyle":[16],"triggerStyle":[16],"dropdownStyle":[16],"optionStyle":[16],"labelStyle":[16],"optionRenderer":[16],"filteredOptions":[32],"isOpen":[32],"searchText":[32],"itemIndex":[32],"isScrolled":[32],"isDropdownReady":[32],"sdOpen":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":["valueChanged"],"options":["optionsChanged"],"searchText":["searchTextChanged"],"itemIndex":["itemIndexChanged"],"isOpen":["isOpenChanged"]}]]],["p-206de2a1",[[770,"sd-date-picker",{"value":[1537],"label":[1],"selectable":[16],"disabled":[4],"placeholder":[1],"isOpen":[32],"currentDate":[32],"currentYear":[32],"currentMonth":[32]}]]],["p-0a80eff0",[[770,"sd-date-range-picker",{"value":[1040],"label":[1],"selectable":[16],"maxRange":[2,"max-range"],"disabled":[4],"placeholder":[1],"isOpen":[32],"dateRange":[32],"hoverDate":[32],"prevYear":[32],"prevMonth":[32]},null,{"value":["onValueChange"]}]]],["p-17f36d15",[[768,"sd-guide",{"type":[1],"label":[1],"message":[1],"guideUrl":[1,"guide-url"],"popupTitle":[1,"popup-title"],"popupWidth":[2,"popup-width"],"popupShow":[32]}]]],["p-cdd7880f",[[768,"sd-popover",{"show":[1028],"placement":[513],"color":[513],"icon":[513],"iconSize":[514,"icon-size"],"label":[1],"buttonSize":[513,"button-size"],"buttonVariant":[513,"button-variant"],"menuTitle":[513,"title"],"messages":[16],"buttons":[16],"menuClass":[1,"menu-class"],"noHover":[4,"no-hover"],"useClose":[4,"use-close"],"showPopover":[32],"slotContent":[32]},null,{"show":["watchShowHandler"]}]]],["p-661c4553",[[772,"sd-modal-card",{"type":[1],"system":[1],"useCloseButton":[4,"use-close-button"],"modalTitle":[1,"modal-title"],"buttonFlexDirection":[1,"button-flex-direction"],"buttonProps":[16],"message":[16],"modalClass":[1,"modal-class"]}]]],["p-06b1b928",[[770,"sd-toast-message",{"icon":[1],"message":[1],"link":[1],"linkLabel":[1,"link-label"],"buttonLabel":[1,"button-label"],"useClose":[4,"use-close"],"type":[1],"isVisible":[32]}]]],["p-7a18002e",[[768,"sd-file-picker",{"value":[1040],"placeholder":[1],"disabled":[4],"inline":[4],"multiple":[4],"accept":[1],"internalValue":[32],"hovered":[32],"showTooltip":[32]},null,{"value":["valueChanged"]}]]],["p-82356c0a",[[768,"sd-number-input",{"min":[2],"max":[2],"step":[2],"useButton":[4,"use-button"],"useDecimal":[4,"use-decimal"],"value":[1032],"label":[1],"placeholder":[1],"disabled":[4],"width":[8],"rules":[16],"autoFocus":[4,"auto-focus"],"status":[1],"inputClass":[1,"input-class"],"readonly":[4],"inputStyle":[16],"internalValue":[32],"displayValue":[32],"hovered":[32],"error":[32],"sdGetNativeElement":[64]},null,{"value":["valueChanged"],"internalValue":["internalValueChanged"]}]]],["p-9fdf431c",[[768,"sd-select-option-group",{"option":[16],"index":[2],"isSelected":[4,"is-selected"],"isFocused":[4,"is-focused"],"optionStyle":[16],"disabled":[4],"useCheckbox":[4,"use-checkbox"],"useIndicator":[4,"use-indicator"],"countInfo":[16],"isHovered":[32],"isDisabled":[64]}]]],["p-ff131fbc",[[768,"sd-radio",{"value":[1544],"disabled":[4],"val":[1],"label":[1]}]]],["p-29a9975a",[[768,"sd-radio-group",{"value":[1544],"radioOptions":[1040],"direction":[1],"disabled":[4],"groupName":[1,"group-name"]},null,{"value":["valueChanged"]}]]],["p-f9bc026f",[[768,"sd-tabs",{"value":[1537],"tabs":[1040],"size":[1],"isSub":[4,"is-sub"]},null,{"value":["valueChanged"]}]]],["p-43b9fd6b",[[768,"sd-badge",{"size":[1],"color":[1],"label":[1]}]]],["p-0e12f7b6",[[772,"sd-card",{"bordered":[4],"cardClassName":[1,"card-class-name"]}]]],["p-8df72aa2",[[260,"sd-form",{"sdRegisterField":[64],"sdUnregisterField":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidation":[64]}]]],["p-f43b8c46",[[768,"sd-progress",{"type":[1],"error":[4],"percentage":[2],"size":[2],"strokeWidth":[2,"stroke-width"],"label":[1]}]]],["p-0a9f4be0",[[768,"sd-radio-button-group",{"value":[1032],"radioOptions":[1040],"size":[1],"disabled":[4],"name":[1]}]]],["p-97d0ce6e",[[768,"sd-toggle",{"value":[1028],"label":[1],"disabled":[4]}]]],["p-12c9cfda",[[768,"sd-toggle-button",{"value":[1540],"label":[1],"disabled":[4],"isActive":[32]}]]],["p-dc2f4b2f",[[769,"sd-tag",{"size":[1],"color":[1],"rounded":[4],"label":[1],"bgColor":[1,"bg-color"],"textColor":[1,"text-color"]}]]],["p-fca80354",[[768,"sd-textarea",{"value":[1025],"name":[1],"disabled":[4],"width":[8],"autoFocus":[4,"auto-focus"],"textareaClass":[1,"textarea-class"],"helpText":[1,"help-text"],"maxLength":[2,"max-length"],"placeholder":[1],"internalValue":[32],"focused":[32],"hovered":[32],"sdFocus":[64],"getNativeElement":[64]},null,{"value":["valueChanged"],"internalValue":["internalValueChanged"]}],[768,"sd-pagination",{"currentPage":[2,"current-page"],"lastPage":[2,"last-page"],"simple":[4]}],[768,"sd-tooltip",{"trigger":[1],"placement":[1],"color":[1],"type":[1],"icon":[1],"iconSize":[2,"icon-size"],"label":[1],"buttonSize":[1,"button-size"],"buttonVariant":[1,"button-variant"],"noHover":[4,"no-hover"],"useClose":[4,"use-close"],"showTooltip":[32],"slotContentHTML":[32]}],[772,"sd-floating-portal",{"to":[1],"parentRef":[16],"offset":[16],"zIndex":[2,"z-index"],"placement":[1],"open":[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]]],[768,"sd-button",{"variant":[1],"size":[1],"color":[1],"label":[1],"disabled":[4],"type":[1],"icon":[1],"iconColor":[1,"icon-color"],"iconSize":[2,"icon-size"],"iconRight":[1,"icon-right"],"noHover":[4,"no-hover"],"class":[1]}],[768,"sd-icon",{"name":[1],"size":[8],"color":[1],"rotate":[2],"label":[1],"iconStyle":[16]}]]],["p-827ca975",[[768,"sd-checkbox",{"value":[1028],"val":[8],"disabled":[4],"label":[1],"isChecked":[32]},null,{"value":["watchValueHandler"]}]]],["p-4d88d812",[[772,"sd-portal",{"to":[1],"parentRef":[16],"offset":[16],"zIndex":[2,"z-index"],"open":[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]]],[772,"sd-input",{"value":[1032],"type":[1],"insideLabel":[4,"inside-label"],"placeholder":[1],"disabled":[4],"clearable":[4],"width":[8],"barcode":[4],"rules":[16],"autoFocus":[4,"auto-focus"],"status":[1],"inputClass":[1,"input-class"],"readonly":[4],"error":[1028],"focused":[1028],"hovered":[1028],"label":[1],"useLabelRequired":[4,"use-label-required"],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"inputStyle":[16],"internalValue":[32],"sdGetNativeElement":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":["valueChanged"],"internalValue":["internalValueChanged"]}],[772,"sd-field",{"name":[1],"rules":[16],"error":[1028],"disabled":[1028],"hovered":[1028],"focused":[1028],"status":[1],"label":[1],"insideLabel":[4,"inside-label"],"useLabelRequired":[4,"use-label-required"],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"errorMsg":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidation":[64],"sdFocus":[64]}]]],["p-a2291ce8",[[768,"sd-select",{"value":[1032],"options":[1040],"placeholder":[1],"optionPlaceholder":[1,"option-placeholder"],"width":[1],"dropdownHeight":[1,"dropdown-height"],"autoFocus":[4,"auto-focus"],"disabled":[4],"clearable":[4],"searchable":[4],"label":[1],"insideLabel":[4,"inside-label"],"useLabelRequired":[4,"use-label-required"],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"name":[1],"rules":[16],"error":[4],"optionRenderer":[16],"isOpen":[32],"itemIndex":[32],"isScrolled":[32],"sdOpen":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":["valueChanged"],"isOpen":["isOpenChanged"]}],[768,"sd-loading-spinner",{"color":[1]}]]],["p-dc410414",[[770,"sd-date-box",{"date":[8],"disabled":[4],"selected":[4],"isStartDate":[4,"is-start-date"],"isEndDate":[4,"is-end-date"],"isToday":[4,"is-today"],"inRange":[4,"in-range"],"type":[1]}]]],["p-86830071",[[772,"sd-select-dropdown",{"itemIndex":[1026,"item-index"],"value":[8],"options":[16],"width":[1],"dropdownHeight":[1,"dropdown-height"],"searchable":[4],"optionPlaceholder":[1,"option-placeholder"],"useCheckbox":[4,"use-checkbox"],"useAll":[4,"use-all"],"filteredOptions":[32],"searchText":[32],"isScrolled":[32],"isDropdownReady":[32]},null,{"filteredOptions":["filteredOptionsChanged"],"searchText":["searchTextChanged"],"itemIndex":["itemIndexChanged"]}],[768,"sd-select-option",{"option":[16],"index":[2],"isSelected":[4,"is-selected"],"isFocused":[4,"is-focused"],"optionStyle":[16],"disabled":[4],"useCheckbox":[4,"use-checkbox"],"isHovered":[32],"sdIsDisabled":[64]}],[768,"sd-select-search-input",{"isScrolled":[4,"is-scrolled"],"searchText":[1,"search-text"],"sdGetNativeElement":[64],"sdSearchInputFocus":[64]}]]]]'),e)}));
 //# sourceMappingURL=design-system.esm.js.map

package/dist/design-system/p-4d88d812.entry.js

@@ -0,0 +1,2 @@
+import{r as e,a as t,h as i,H as s,c as d}from"./p-C3qNZ7Qh.js";const a=()=>`.sd-field{display:inline-flex;flex-flow:column nowrap;height:fit-content;width:100%}.sd-field *:focus,.sd-field *:focus-visible,.sd-field *:focus-within{outline:none !important}.sd-field:not(.sd-field--disabled):hover .sd-field__control{border:1px solid #0075ff !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}.sd-field.sd-field--disabled{cursor:not-allowed}.sd-field.sd-field--disabled .sd-field__wrapper{cursor:not-allowed !important}.sd-field.sd-field--disabled .sd-field__wrapper .sd-field__label-inside{border-color:#cccccc;color:#888888;cursor:not-allowed !important}.sd-field.sd-field--disabled .sd-field__wrapper .sd-field__control{background-color:#eeeeee;border-color:#cccccc;color:#888888;cursor:not-allowed !important}.sd-field--has-label .sd-field__wrapper .sd-field__label{display:flex;align-items:center;margin-right:12px}.sd-field--has-label .sd-field__wrapper .sd-field__label__required-icon{margin-right:4px}.sd-field--has-label .sd-field__wrapper .sd-field__label__text{font-size:12px;line-height:20px;color:#333333;white-space:nowrap}.sd-field--has-label .sd-field__wrapper .sd-field__label__tooltip{margin-left:2px}.sd-field--has-label-inside .sd-field__wrapper .sd-field__label{margin-right:0;display:flex;align-items:center;justify-content:center;padding:3px 12px;border:1px solid #cccccc;border-right:none;border-radius:4px 0 0 4px;border-color:#aaaaaa;background-color:#f6f6f6}.sd-field__wrapper{width:100%;height:28px;display:flex;align-items:center;flex-flow:row nowrap;position:relative;color:#333333;cursor:pointer;-webkit-user-select:none;user-select:none}.sd-field__wrapper .sd-field__control{position:relative;width:100%;height:100%;display:flex;flex:1;border:1px solid #aaaaaa;border-radius:4px;background:white}.sd-field__wrapper .sd-field__control--label-inside{border-top-left-radius:0px;border-bottom-left-radius:0px}.sd-field--error:not(:hover) .sd-field__wrapper .sd-field__control{border:1px solid #fb4444 !important}.sd-field.sd-field--focus .sd-field__wrapper .sd-field__control,.sd-field.sd-field--hover .sd-field__wrapper .sd-field__control{border:1px solid #0075ff !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}.sd-field .sd-field__error-message{color:#fb4444;font-size:12px;line-height:20px;margin-top:4px}`;const r=["sd-select","sd-select-multiple","sd-select-multiple-group","sd-input","sd-textarea"];const n=class{constructor(t){e(this,t)}get el(){return t(this)}name="";rules=[];error=false;disabled=false;hovered=false;focused=false;status;label="";insideLabel=false;useLabelRequired=false;labelTooltip="";labelTooltipProps=null;errorMsg="";hostElement=null;get value(){return this.hostElement?.value??null}get fieldStatus(){let e="";if(!!this.disabled){e="disabled";return`sd-field--${e}`}if(!!this.focused){e="focus";return`sd-field--${e}`}if(!!this.hovered)e="hover";if(!!this.status)e=this.status;if(!!this.error)e="error";return e?`sd-field--${e}`:""}componentDidLoad(){this.hostElement=this.findHostElement();this.registerToForm()}disconnectedCallback(){this.unregisterFromForm()}findHostElement(){for(const e of r){const t=this.el.closest(e);if(t&&"value"in t){return t}}return null}registerToForm(){const e=this.el.closest("sd-form");if(!e)return;e.componentOnReady().then((e=>{e.sdRegisterField(this)}))}unregisterFromForm(){if(!this.name)return;const e=this.el.closest("sd-form");e?.componentOnReady().then((e=>{e.sdUnregisterField(this.name)}))}async sdValidate(){if(!this.rules||this.rules.length===0)return true;for(const e of this.rules){const t=e(this.value??"");if(t!==true){this.setError(true,t);return false}}this.setError(false,"");return true}async sdReset(){if(this.hostElement){this.hostElement.value=null}this.setError(false,"")}async sdResetValidation(){this.setError(false,"")}async sdFocus(){this.hostElement?.focus?.();this.hostElement?.scrollIntoView({behavior:"smooth",block:"center"})}setError(e,t){this.errorMsg=t;if(this.hostElement){this.hostElement.error=e}}render(){return i(s,{key:"8d4368c9802a01a58872ae1467d6183bb6a1d1d3",class:{"sd-field":true,"sd-field--has-label":!!this.label,"sd-field--has-label-inside":!!this.label&&this.insideLabel,[this.fieldStatus]:!!this.fieldStatus}},i("div",{key:"86a8ae1ee6f2b56bbff2a0dda2f4c87e8cec74bd",class:"sd-field__wrapper"},this.renderLabel(this.label),i("div",{key:"c32b068f6459d326af29e2666a3ff17882c02c11",class:{"sd-field__control":true,"sd-field__control--label-inside ":!!this.label&&this.insideLabel}},i("slot",{key:"a636756df1b20b4fa0b785cba57e96a7695ff103"}))),this.errorMsg&&i("div",{key:"da410dd97d83a910d6819410878349144ed1af0e",class:"sd-field__error-message"},this.errorMsg))}renderLabel(e){if(!e)return null;return i("label",{class:{"sd-field__label":true,"sd-field__label-inside":this.insideLabel}},this.useLabelRequired&&i("sd-icon",{name:"star",size:"10",color:"brilliantblue_75",class:"sd-field__label__required-icon"}),i("div",{class:"sd-field__label__text"},e),this.labelTooltip&&i("sd-tooltip",{class:"sd-field__label__tooltip",...this.labelTooltipProps},i("div",{slot:"content"},this.labelTooltip)))}};n.style=a();var l;var o;function p(){if(o)return l;o=1;let e="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";let t=(e,t=21)=>(i=t)=>{let s="";let d=i|0;while(d--){s+=e[Math.random()*e.length|0]}return s};let i=(t=21)=>{let i="";let s=t|0;while(s--){i+=e[Math.random()*64|0]}return i};l={nanoid:i,customAlphabet:t};return l}var c=p();const h=()=>`sd-icon{display:inline-block;line-height:0}sd-icon .sd-icon--rotate-90{transform:rotate(90deg)}sd-icon .sd-icon--rotate-180{transform:rotate(180deg)}sd-icon .sd-icon--rotate-270{transform:rotate(270deg)}.sd-date-picker{width:100%;display:inline-block}.sd-date-picker .sd-date-picker--disabled .date-icon{cursor:not-allowed !important;color:#888888 !important}.sd-date-picker .sd-date-picker__input{text-align:center !important}.sd-date-picker__menu{width:304px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-picker__menu .sd-date-picker__header{display:flex;flex-flow:row nowrap;align-items:center;gap:20px;font-size:14px;padding:0 5px;height:24px;line-height:24px}.sd-date-picker__menu .sd-date-picker__header .year-nav,.sd-date-picker__menu .sd-date-picker__header .month-nav{display:flex;flex-flow:row nowrap;align-items:center;gap:12px}.sd-date-picker__menu .sd-date-picker__header .year-nav button,.sd-date-picker__menu .sd-date-picker__header .month-nav button{background:none;border:none;cursor:pointer;margin:0;padding:0}.sd-date-picker__menu .sd-date-picker__header .year-nav__current{width:40px;text-align:center}.sd-date-picker__menu .sd-date-picker__header .month-nav__current{width:100px;text-align:center}.sd-date-picker__menu .sd-date-picker__days{margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px;padding:0 5px}.sd-date-picker__menu .sd-date-picker__days .day{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-picker__menu .sd-date-picker__body{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}sd-date-range-picker{width:fit-content;display:inline-flex}sd-date-range-picker .sd-date-range-picker--disabled .date-icon{cursor:not-allowed !important;color:#888888 !important}sd-date-range-picker .sd-date-range-picker--disabled .sd-input__native{color:#888888 !important}sd-date-range-picker .sd-field .sd-field__control{min-width:210px}sd-date-range-picker .sd-field .sd-input__native{margin-left:17px !important}.sd-date-range-picker__menu{width:609px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-range-picker__menu .sd-date-range-picker__header{margin-bottom:16px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.sd-date-range-picker__menu .sd-date-range-picker__header .header-label{margin:0 12px;width:40px;text-align:center;font-size:14px;line-height:24px}.sd-date-range-picker__menu .sd-date-range-picker__body{display:flex;flex-flow:row nowrap;align-items:stretch;gap:19px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container{width:266px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-header{width:100%;height:24px;line-height:24px;font-size:14px;text-align:center;position:relative;padding:0 5px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-header button{position:absolute;top:50%;transform:translateY(-50%)}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-header button.header-button-prev{left:5px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-header button.header-button-next{right:5px;left:auto}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-days{padding:0 5px;margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-days .day{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-body{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}.sd-date-range-picker__menu .sd-date-range-picker__body .separator{width:1px;background-color:#d8d8d8}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #fff inset;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}input:autofill,input:autofill:hover,input:autofill:focus,input:autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #fff inset;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}sd-input{display:inline-flex}sd-input .sd-input__content{width:100%;height:100%;display:flex;flex-flow:row nowrap;align-items:center;color:#333333;font-size:12px;line-height:20px;padding:0 8px}sd-input .sd-input__content .sd-input__native{width:100%;height:100%;border:none;outline:none;background:transparent}sd-input .sd-input__content .sd-input__native[disabled]{cursor:not-allowed;color:#888888}sd-input .sd-input__content .sd-input__native::placeholder{color:#aaaaaa}`;const f=class{constructor(t){e(this,t);this.input=d(this,"sdUpdate");this.focus=d(this,"sdFocus");this.blur=d(this,"sdBlur")}get host(){return t(this)}value=null;type="text";insideLabel=false;placeholder="입력해 주세요.";disabled=false;clearable=false;width;barcode=false;rules=[];autoFocus=false;status;inputClass="";readonly=false;error=false;focused=false;hovered=false;label="";useLabelRequired=false;labelTooltip="";labelTooltipProps=null;inputStyle={};internalValue=null;nativeEl=undefined;formField;name=c.nanoid();input;focus;blur;valueChanged(e){this.internalValue=e}internalValueChanged(e){if(e!==this.value){this.value=e;this.input?.emit(this.value)}}async sdGetNativeElement(){return this.nativeEl||null}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}componentWillLoad(){if(this.value){this.internalValue=this.value}}componentDidLoad(){if(this.autoFocus){this.nativeEl?.focus()}}handleInput=e=>{const t=e.target;this.internalValue=t.value};handleFocus=async(e,t)=>{this.focused=e==="focus";if(e==="blur"){if(this.rules&&this.rules.length>0){await(this.formField?.sdValidate())}this.blur?.emit(t)}else{this.focus?.emit(t)}};render(){const e=this.width?{"--input-width":typeof this.width==="number"?`${this.width}px`:this.width}:{};return i("sd-field",{key:"1ea8809ec8f05e9713b26022014400811f3c4da2",name:this.name,label:this.label,insideLabel:this.insideLabel,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,status:this.status,useLabelRequired:this.useLabelRequired,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,style:e,onMouseEnter:()=>this.hovered=true,onMouseLeave:()=>this.hovered=false},i("label",{key:"f0f266bf75953342785b8296e40f7ca86018a75d",class:"sd-input__content",style:{width:"100%"}},i("slot",{key:"2fa7295a91e35292d794879432195e9cb76bce1a",name:"prefix"}),i("input",{key:"5529de166855c571c385fb479f6dbfec148a6771",name:this.name,ref:e=>this.nativeEl=e,class:`sd-input__native ${this.inputClass}`,type:this.type,value:this.internalValue||"",placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,autofocus:this.autoFocus,onInput:this.handleInput,onFocus:e=>this.handleFocus("focus",e),onBlur:e=>this.handleFocus("blur",e),style:this.inputStyle}),i("slot",{key:"5ae1f154e1ac870c8629ebf4b2007274d591018d",name:"suffix"}),this.clearable&&this.internalValue&&i("sd-icon",{key:"57f515d933010326bd7f64ef74beb37df3fa7ba7",name:"close",color:"grey_65",size:"16",class:"sd-input__clear-icon",onClick:async()=>{this.internalValue="";await(this.formField?.sdValidate())}})))}static get watchers(){return{value:["valueChanged"],internalValue:["internalValueChanged"]}}};f.style=h();const u=class{constructor(t){e(this,t);this.close=d(this,"sdClose")}get hostEl(){return t(this)}to="body";parentRef=null;offset=[0,4];zIndex=9999;open=false;close;container;wrapper;rafId;isInsideClick=false;resizeObserver;mutationObserver;componentDidLoad(){this.container=this.resolveContainer();this.createWrapper();this.moveSlotContent();this.updatePosition();this.observeParent()}componentDidRender(){if(!this.wrapper)return;this.wrapper.style.display=this.open?"block":"none";if(this.open)this.updatePosition()}disconnectedCallback(){this.unobserveParent();this.wrapper?.remove()}resolveContainer(){const e=typeof this.to==="string"?document.querySelector(this.to):this.to;return e instanceof HTMLElement?e:document.body}createWrapper(){this.wrapper=document.createElement("div");Object.assign(this.wrapper.style,{position:"absolute",zIndex:this.zIndex.toString(),transition:"opacity 0.4s"});this.container.appendChild(this.wrapper)}moveSlotContent(){if(!this.wrapper)return;const e=Array.from(this.hostEl.childNodes).filter((e=>e.nodeType!==Node.COMMENT_NODE));e.forEach((e=>this.wrapper.appendChild(e)))}updatePosition(){if(this.rafId)cancelAnimationFrame(this.rafId);this.rafId=requestAnimationFrame((()=>{if(!this.parentRef||!this.wrapper)return;const e=this.parentRef.getBoundingClientRect();const t=this.wrapper.getBoundingClientRect();const i={width:window.innerWidth,height:window.innerHeight};let s=e.bottom+window.scrollY+this.offset[1];let d=e.left+window.scrollX+this.offset[0];if(e.bottom+t.height+this.offset[1]>i.height){s=e.top+window.scrollY-t.height-this.offset[1]}if(s<window.scrollY){s=e.bottom+window.scrollY+this.offset[1]}if(e.left+t.width+this.offset[0]>i.width){d=e.right+window.scrollX-t.width-this.offset[0]}if(d<0){d=this.offset[0]}this.wrapper.style.top=`${s}px`;this.wrapper.style.left=`${d}px`}))}observeParent(){if(!this.parentRef)return;this.resizeObserver=new ResizeObserver((()=>this.updatePosition()));this.resizeObserver.observe(this.parentRef);this.mutationObserver=new MutationObserver((()=>this.updatePosition()));this.mutationObserver.observe(document.body,{childList:true,subtree:true})}unobserveParent(){this.resizeObserver?.disconnect();this.mutationObserver?.disconnect()}handleMouseDown(e){this.isInsideClick=!!(this.wrapper&&this.wrapper.contains(e.target))}handleWindowClick(e){if(this.isInsideClick){this.isInsideClick=false;return}if(this.wrapper?.contains(e.target))return;this.close.emit()}render(){return i("slot",{key:"6181685d61b1e95116316b72208702597bba2b8e"})}};export{n as sd_field,f as sd_input,u as sd_portal};
+//# sourceMappingURL=p-4d88d812.entry.js.map

package/dist/design-system/{p-694c9cc9.entry.js.map → p-4d88d812.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","getElement","h","Host","createEvent","sdFieldCss","FORM_PARENT_TAGS","SdField","constructor","hostRef","this","el","name","rules","error","disabled","hovered","focused","status","label","insideLabel","useLabelRequired","labelTooltip","labelTooltipProps","errorMsg","hostElement","value","fieldStatus","componentDidLoad","findHostElement","registerToForm","disconnectedCallback","unregisterFromForm","tag","parent","closest","formEl","componentOnReady","then","form","sdRegisterField","sdUnregisterField","sdValidate","length","rule","result","setError","sdReset","sdResetValidation","sdFocus","focus","scrollIntoView","behavior","block","render","key","class","renderLabel","size","color","slot","style","nonSecure","hasRequiredNonSecure","requireNonSecure","urlAlphabet","customAlphabet","alphabet","defaultSize","id","i","Math","random","nanoid","nonSecureExports","sdInputCss","SdInput","input","blur","host","type","placeholder","clearable","width","barcode","autoFocus","inputClass","readonly","inputStyle","internalValue","nativeEl","undefined","formField","valueChanged","newValue","internalValueChanged","emit","sdGetNativeElement","sdResetValidate","componentWillLoad","handleInput","event","target","handleFocus","async","inputWidth","ref","onMouseEnter","onMouseLeave","autofocus","onInput","onFocus","onBlur","onClick","watchers","SdPortal","close","hostEl","to","parentRef","offset","zIndex","open","container","wrapper","rafId","isInsideClick","resizeObserver","mutationObserver","resolveContainer","createWrapper","moveSlotContent","updatePosition","observeParent","componentDidRender","display","unobserveParent","remove","document","querySelector","HTMLElement","body","createElement","Object","assign","position","toString","transition","appendChild","nodes","Array","from","childNodes","filter","n","nodeType","Node","COMMENT_NODE","forEach","cancelAnimationFrame","requestAnimationFrame","parentRect","getBoundingClientRect","wrapperRect","viewport","window","innerWidth","height","innerHeight","top","bottom","scrollY","left","scrollX","right","ResizeObserver","observe","MutationObserver","childList","subtree","disconnect","handleMouseDown","e","contains","handleWindowClick"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","getElement","h","Host","createEvent","sdFieldCss","FORM_PARENT_TAGS","SdField","constructor","hostRef","this","el","name","rules","error","disabled","hovered","focused","status","label","insideLabel","useLabelRequired","labelTooltip","labelTooltipProps","errorMsg","hostElement","value","fieldStatus","componentDidLoad","findHostElement","registerToForm","disconnectedCallback","unregisterFromForm","tag","parent","closest","formEl","componentOnReady","then","form","sdRegisterField","sdUnregisterField","sdValidate","length","rule","result","setError","sdReset","sdResetValidation","sdFocus","focus","scrollIntoView","behavior","block","render","key","class","renderLabel","size","color","slot","style","nonSecure","hasRequiredNonSecure","requireNonSecure","urlAlphabet","customAlphabet","alphabet","defaultSize","id","i","Math","random","nanoid","nonSecureExports","sdInputCss","SdInput","input","blur","host","type","placeholder","clearable","width","barcode","autoFocus","inputClass","readonly","inputStyle","internalValue","nativeEl","undefined","formField","valueChanged","newValue","internalValueChanged","emit","sdGetNativeElement","sdResetValidate","componentWillLoad","handleInput","event","target","handleFocus","async","inputWidth","ref","onMouseEnter","onMouseLeave","autofocus","onInput","onFocus","onBlur","onClick","watchers","SdPortal","close","hostEl","to","parentRef","offset","zIndex","open","container","wrapper","rafId","isInsideClick","resizeObserver","mutationObserver","resolveContainer","createWrapper","moveSlotContent","updatePosition","observeParent","componentDidRender","display","unobserveParent","remove","document","querySelector","HTMLElement","body","createElement","Object","assign","position","toString","transition","appendChild","nodes","Array","from","childNodes","filter","n","nodeType","Node","COMMENT_NODE","forEach","cancelAnimationFrame","requestAnimationFrame","parentRect","getBoundingClientRect","wrapperRect","viewport","window","innerWidth","height","innerHeight","top","bottom","scrollY","left","scrollX","right","ResizeObserver","observe","MutationObserver","childList","subtree","disconnect","handleMouseDown","e","contains","handleWindowClick"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAYC,OAAQC,OAAWC,MAAmB,kBAEvF,MAAMC,EAAa,IAAM,2uEAEzB,MAAMC,EAAmB,CACrB,YACA,qBACA,2BACA,WACA,eAEJ,MAAMC,EAAU,MACZ,WAAAC,CAAYC,GACRT,EAAiBU,KAAMD,EAC3B,CACA,MAAIE,GAAO,OAAOV,EAAWS,KAAO,CACpCE,KAAO,GACPC,MAAQ,GACRC,MAAQ,MACRC,SAAW,MACXC,QAAU,MACVC,QAAU,MACVC,OAEAC,MAAQ,GACRC,YAAc,MACdC,iBAAmB,MACnBC,aAAe,GACfC,kBAAoB,KACpBC,SAAW,GACXC,YAAc,KACd,SAAIC,GACA,OAAOhB,KAAKe,aAAaC,OAAS,IACtC,CACA,eAAIC,GACA,IAAIT,EAAS,GACb,KAAMR,KAAKK,SAAU,CACjBG,EAAS,WACT,MAAO,aAAaA,GACxB,CACA,KAAMR,KAAKO,QAAS,CAChBC,EAAS,QACT,MAAO,aAAaA,GACxB,CACA,KAAMR,KAAKM,QACPE,EAAS,QACb,KAAMR,KAAKQ,OACPA,EAASR,KAAKQ,OAClB,KAAMR,KAAKI,MACPI,EAAS,QACb,OAAOA,EAAS,aAAaA,IAAW,EAC5C,CACA,gBAAAU,GACIlB,KAAKe,YAAcf,KAAKmB,kBACxBnB,KAAKoB,gBACT,CACA,oBAAAC,GACIrB,KAAKsB,oBACT,CACA,eAAAH,GACI,IAAK,MAAMI,KAAO3B,EAAkB,CAChC,MAAM4B,EAASxB,KAAKC,GAAGwB,QAAQF,GAC/B,GAAIC,GAAU,UAAWA,EAAQ,CAC7B,OAAOA,CACX,CACJ,CACA,OAAO,IACX,CACA,cAAAJ,GAKI,MAAMM,EAAS1B,KAAKC,GAAGwB,QAAQ,WAC/B,IAAKC,EACD,OACJA,EAAOC,mBAAmBC,MAAKC,IAC3BA,EAAKC,gBAAgB9B,KAAK,GAElC,CACA,kBAAAsB,GACI,IAAKtB,KAAKE,KACN,OACJ,MAAMwB,EAAS1B,KAAKC,GAAGwB,QAAQ,WAC/BC,GAAQC,mBAAmBC,MAAKC,IAC5BA,EAAKE,kBAAkB/B,KAAKE,KAAK,GAEzC,CACA,gBAAM8B,GACF,IAAKhC,KAAKG,OAASH,KAAKG,MAAM8B,SAAW,EACrC,OAAO,KACX,IAAK,MAAMC,KAAQlC,KAAKG,MAAO,CAC3B,MAAMgC,EAASD,EAAKlC,KAAKgB,OAAS,IAClC,GAAImB,IAAW,KAAM,CACjBnC,KAAKoC,SAAS,KAAMD,GACpB,OAAO,KACX,CACJ,CACAnC,KAAKoC,SAAS,MAAO,IACrB,OAAO,IACX,CACA,aAAMC,GACF,GAAIrC,KAAKe,YAAa,CAClBf,KAAKe,YAAYC,MAAQ,IAC7B,CACAhB,KAAKoC,SAAS,MAAO,GACzB,CACA,uBAAME,GACFtC,KAAKoC,SAAS,MAAO,GACzB,CACA,aAAMG,GACFvC,KAAKe,aAAayB,UAClBxC,KAAKe,aAAa0B,eAAe,CAAEC,SAAU,SAAUC,MAAO,UAClE,CACA,QAAAP,CAAShC,EAAOU,GACZd,KAAKc,SAAWA,EAChB,GAAId,KAAKe,YAAa,CAClBf,KAAKe,YAAYX,MAAQA,CAC7B,CACJ,CACA,MAAAwC,GACI,OAAQpD,EAAEC,EAAM,CAAEoD,IAAK,2CAA4CC,MAAO,CAClE,WAAY,KACZ,wBAAyB9C,KAAKS,MAC9B,+BAAgCT,KAAKS,OAAST,KAAKU,YACnD,CAACV,KAAKiB,eAAgBjB,KAAKiB,cAC1BzB,EAAE,MAAO,CAAEqD,IAAK,2CAA4CC,MAAO,qBAAuB9C,KAAK+C,YAAY/C,KAAKS,OAAQjB,EAAE,MAAO,CAAEqD,IAAK,2CAA4CC,MAAO,CAC5L,oBAAqB,KACrB,qCAAsC9C,KAAKS,OAAST,KAAKU,cACxDlB,EAAE,OAAQ,CAAEqD,IAAK,+CAAiD7C,KAAKc,UAAYtB,EAAE,MAAO,CAAEqD,IAAK,2CAA4CC,MAAO,2BAA6B9C,KAAKc,UACrM,CACA,WAAAiC,CAAYtC,GACR,IAAKA,EACD,OAAO,KACX,OAAQjB,EAAE,QAAS,CAAEsD,MAAO,CAAE,kBAAmB,KAAM,yBAA0B9C,KAAKU,cAAiBV,KAAKW,kBAAqBnB,EAAE,UAAW,CAAEU,KAAM,OAAQ8C,KAAM,KAAMC,MAAO,mBAAoBH,MAAO,mCAAsCtD,EAAE,MAAO,CAAEsD,MAAO,yBAA2BrC,GAAQT,KAAKY,cAAiBpB,EAAE,aAAc,CAAEsD,MAAO,8BAA+B9C,KAAKa,mBAAqBrB,EAAE,MAAO,CAAE0D,KAAM,WAAalD,KAAKY,eACtb,GAEJf,EAAQsD,MAAQxD,IAEhB,IAAIyD,EACJ,IAAIC,EAEJ,SAASC,IACR,GAAID,EAAsB,OAAOD,EACjCC,EAAuB,EAOvB,IAAIE,EACF,mEAEF,IAAIC,EAAiB,CAACC,EAAUC,EAAc,KACrC,CAACV,EAAOU,KACb,IAAIC,EAAK,GAET,IAAIC,EAAIZ,EAAO,EACf,MAAOY,IAAK,CAEVD,GAAMF,EAAUI,KAAKC,SAAWL,EAASxB,OAAU,EACrD,CACA,OAAO0B,GAIX,IAAII,EAAS,CAACf,EAAO,MACnB,IAAIW,EAAK,GAET,IAAIC,EAAIZ,EAAO,EACf,MAAOY,IAAK,CAEVD,GAAMJ,EAAaM,KAAKC,SAAW,GAAM,EAC3C,CACA,OAAOH,GAGTP,EAAY,CAAEW,SAAQP,kBACtB,OAAOJ,CACR,CAEA,IAAIY,EAAiCV,IAErC,MAAMW,EAAa,IAAM,y7JAEzB,MAAMC,EAAU,MACZ,WAAApE,CAAYC,GACRT,EAAiBU,KAAMD,GACvBC,KAAKmE,MAAQzE,EAAYM,KAAM,YAC/BA,KAAKwC,MAAQ9C,EAAYM,KAAM,WAC/BA,KAAKoE,KAAO1E,EAAYM,KAAM,SAClC,CACA,QAAIqE,GAAS,OAAO9E,EAAWS,KAAO,CACtCgB,MAAQ,KAERsD,KAAO,OACP5D,YAAc,MACd6D,YAAc,WACdlE,SAAW,MACXmE,UAAY,MACZC,MACAC,QAAU,MACVvE,MAAQ,GACRwE,UAAY,MACZnE,OACAoE,WAAa,GACbC,SAAW,MACXzE,MAAQ,MACRG,QAAU,MACVD,QAAU,MAEVG,MAAQ,GACRE,iBAAmB,MACnBC,aAAe,GACfC,kBAAoB,KAEpBiE,WAAa,CAAC,EACdC,cAAgB,KAChBC,SAAWC,UACXC,UACAhF,KAAO8D,EAAiBD,SACxBI,MACA3B,MACA4B,KACA,YAAAe,CAAaC,GACTpF,KAAK+E,cAAgBK,CACzB,CACA,oBAAAC,CAAqBD,GACjB,GAAIA,IAAapF,KAAKgB,MAAO,CACzBhB,KAAKgB,MAAQoE,EACbpF,KAAKmE,OAAOmB,KAAKtF,KAAKgB,MAC1B,CACJ,CACA,wBAAMuE,GACF,OAAOvF,KAAKgF,UAAY,IAC5B,CACA,gBAAMhD,GACFhC,KAAKkF,WAAWlD,YACpB,CACA,aAAMK,GACFrC,KAAKkF,WAAW7C,SACpB,CACA,qBAAMmD,GACFxF,KAAKkF,WAAW5C,mBACpB,CACA,aAAMC,GACFvC,KAAKkF,WAAW3C,SACpB,CACA,iBAAAkD,GACI,GAAIzF,KAAKgB,MAAO,CACZhB,KAAK+E,cAAgB/E,KAAKgB,KAC9B,CACJ,CACA,gBAAAE,GACI,GAAIlB,KAAK2E,UAAW,CAChB3E,KAAKgF,UAAUxC,OACnB,CACJ,CACAkD,YAAeC,IACX,MAAMC,EAASD,EAAMC,OACrB5F,KAAK+E,cAAgBa,EAAO5E,KAAK,EAErC6E,YAAcC,MAAOxB,EAAMqB,KACvB3F,KAAKO,QAAU+D,IAAS,QACxB,GAAIA,IAAS,OAAQ,CAEjB,GAAItE,KAAKG,OAASH,KAAKG,MAAM8B,OAAS,EAAG,OAC/BjC,KAAKkF,WAAWlD,aAC1B,CACAhC,KAAKoE,MAAMkB,KAAKK,EACpB,KACK,CACD3F,KAAKwC,OAAO8C,KAAKK,EACrB,GAEJ,MAAA/C,GACI,MAAMmD,EAAa/F,KAAKyE,MAClB,CACE,uBAAwBzE,KAAKyE,QAAU,SAAW,GAAGzE,KAAKyE,UAAYzE,KAAKyE,OAE7E,CAAC,EACP,OAAQjF,EAAE,WAAY,CAAEqD,IAAK,2CAA4C3C,KAAMF,KAAKE,KAAMO,MAAOT,KAAKS,MAAOC,YAAaV,KAAKU,YAAaP,MAAOH,KAAKG,MAAOC,MAAOJ,KAAKI,MAAOC,SAAUL,KAAKK,SAAUE,QAASP,KAAKO,QAASD,QAASN,KAAKM,QAASE,OAAQR,KAAKQ,OAAQG,iBAAkBX,KAAKW,iBAAkBC,aAAcZ,KAAKY,aAAcC,kBAAmBb,KAAKa,kBAAmBmF,IAAK/F,GAAOD,KAAKkF,UAAYjF,EAAKkD,MAAO4C,EAAYE,aAAc,IAAOjG,KAAKM,QAAU,KAAO4F,aAAc,IAAOlG,KAAKM,QAAU,OAAUd,EAAE,QAAS,CAAEqD,IAAK,2CAA4CC,MAAO,oBAAqBK,MAAO,CAAEsB,MAAO,SAAYjF,EAAE,OAAQ,CAAEqD,IAAK,2CAA4C3C,KAAM,WAAaV,EAAE,QAAS,CAAEqD,IAAK,2CAA4C3C,KAAMF,KAAKE,KAAM8F,IAAK/F,GAAOD,KAAKgF,SAAW/E,EAAK6C,MAAO,oBAAoB9C,KAAK4E,aAAcN,KAAMtE,KAAKsE,KAAMtD,MAAOhB,KAAK+E,eAAiB,GAAIR,YAAavE,KAAKuE,YAAalE,SAAUL,KAAKK,SAAUwE,SAAU7E,KAAK6E,SAAUsB,UAAWnG,KAAK2E,UAAWyB,QAASpG,KAAK0F,YAAaW,QAASV,GAAS3F,KAAK6F,YAAY,QAASF,GAAQW,OAAQX,GAAS3F,KAAK6F,YAAY,OAAQF,GAAQxC,MAAOnD,KAAK8E,aAAetF,EAAE,OAAQ,CAAEqD,IAAK,2CAA4C3C,KAAM,WAAaF,KAAKwE,WAAaxE,KAAK+E,eAAkBvF,EAAE,UAAW,CAAEqD,IAAK,2CAA4C3C,KAAM,QAAS+C,MAAO,UAAWD,KAAM,KAAMF,MAAO,uBAAwByD,QAAST,UACr7C9F,KAAK+E,cAAgB,SACf/E,KAAKkF,WAAWlD,aAAY,KAE9C,CACA,mBAAWwE,GAAa,MAAO,CAC3BxF,MAAS,CAAC,gBACV+D,cAAiB,CAAC,wBACnB,GAEPb,EAAQf,MAAQc,IAEhB,MAAMwC,EAAW,MACb,WAAA3G,CAAYC,GACRT,EAAiBU,KAAMD,GACvBC,KAAK0G,MAAQhH,EAAYM,KAAM,UACnC,CACA,UAAI2G,GAAW,OAAOpH,EAAWS,KAAO,CACxC4G,GAAK,OACLC,UAAY,KACZC,OAAS,CAAC,EAAG,GACbC,OAAS,KACTC,KAAO,MACPN,MACAO,UACAC,QACAC,MACAC,cAAgB,MAChBC,eACAC,iBACA,gBAAApG,GACIlB,KAAKiH,UAAYjH,KAAKuH,mBACtBvH,KAAKwH,gBACLxH,KAAKyH,kBACLzH,KAAK0H,iBACL1H,KAAK2H,eACT,CACA,kBAAAC,GACI,IAAK5H,KAAKkH,QACN,OACJlH,KAAKkH,QAAQ/D,MAAM0E,QAAU7H,KAAKgH,KAAO,QAAU,OACnD,GAAIhH,KAAKgH,KACLhH,KAAK0H,gBACb,CACA,oBAAArG,GACIrB,KAAK8H,kBACL9H,KAAKkH,SAASa,QAClB,CACA,gBAAAR,GACI,MAAMtH,SAAYD,KAAK4G,KAAO,SAAWoB,SAASC,cAAcjI,KAAK4G,IAAM5G,KAAK4G,GAChF,OAAO3G,aAAciI,YAAcjI,EAAK+H,SAASG,IACrD,CACA,aAAAX,GACIxH,KAAKkH,QAAUc,SAASI,cAAc,OACtCC,OAAOC,OAAOtI,KAAKkH,QAAQ/D,MAAO,CAC9BoF,SAAU,WACVxB,OAAQ/G,KAAK+G,OAAOyB,WACpBC,WAAY,iBAEhBzI,KAAKiH,UAAUyB,YAAY1I,KAAKkH,QACpC,CACA,eAAAO,GACI,IAAKzH,KAAKkH,QACN,OACJ,MAAMyB,EAAQC,MAAMC,KAAK7I,KAAK2G,OAAOmC,YAAYC,QAAOC,GAAKA,EAAEC,WAAaC,KAAKC,eACjFR,EAAMS,SAAQJ,GAAKhJ,KAAKkH,QAAQwB,YAAYM,IAChD,CAEA,cAAAtB,GACI,GAAI1H,KAAKmH,MACLkC,qBAAqBrJ,KAAKmH,OAC9BnH,KAAKmH,MAAQmC,uBAAsB,KAC/B,IAAKtJ,KAAK6G,YAAc7G,KAAKkH,QACzB,OACJ,MAAMqC,EAAavJ,KAAK6G,UAAU2C,wBAClC,MAAMC,EAAczJ,KAAKkH,QAAQsC,wBACjC,MAAME,EAAW,CACbjF,MAAOkF,OAAOC,WACdC,OAAQF,OAAOG,aAEnB,IAAIC,EAAMR,EAAWS,OAASL,OAAOM,QAAUjK,KAAK8G,OAAO,GAC3D,IAAIoD,EAAOX,EAAWW,KAAOP,OAAOQ,QAAUnK,KAAK8G,OAAO,GAE1D,GAAIyC,EAAWS,OAASP,EAAYI,OAAS7J,KAAK8G,OAAO,GAAK4C,EAASG,OAAQ,CAC3EE,EAAMR,EAAWQ,IAAMJ,OAAOM,QAAUR,EAAYI,OAAS7J,KAAK8G,OAAO,EAC7E,CACA,GAAIiD,EAAMJ,OAAOM,QAAS,CACtBF,EAAMR,EAAWS,OAASL,OAAOM,QAAUjK,KAAK8G,OAAO,EAC3D,CAEA,GAAIyC,EAAWW,KAAOT,EAAYhF,MAAQzE,KAAK8G,OAAO,GAAK4C,EAASjF,MAAO,CACvEyF,EAAOX,EAAWa,MAAQT,OAAOQ,QAAUV,EAAYhF,MAAQzE,KAAK8G,OAAO,EAC/E,CACA,GAAIoD,EAAO,EAAG,CACVA,EAAOlK,KAAK8G,OAAO,EACvB,CACA9G,KAAKkH,QAAQ/D,MAAM4G,IAAM,GAAGA,MAC5B/J,KAAKkH,QAAQ/D,MAAM+G,KAAO,GAAGA,KAAQ,GAE7C,CAEA,aAAAvC,GACI,IAAK3H,KAAK6G,UACN,OACJ7G,KAAKqH,eAAiB,IAAIgD,gBAAe,IAAMrK,KAAK0H,mBACpD1H,KAAKqH,eAAeiD,QAAQtK,KAAK6G,WACjC7G,KAAKsH,iBAAmB,IAAIiD,kBAAiB,IAAMvK,KAAK0H,mBACxD1H,KAAKsH,iBAAiBgD,QAAQtC,SAASG,KAAM,CACzCqC,UAAW,KACXC,QAAS,MAEjB,CACA,eAAA3C,GACI9H,KAAKqH,gBAAgBqD,aACrB1K,KAAKsH,kBAAkBoD,YAC3B,CAEA,eAAAC,CAAgBC,GACZ5K,KAAKoH,iBAAmBpH,KAAKkH,SAAWlH,KAAKkH,QAAQ2D,SAASD,EAAEhF,QACpE,CACA,iBAAAkF,CAAkBF,GACd,GAAI5K,KAAKoH,cAAe,CACpBpH,KAAKoH,cAAgB,MACrB,MACJ,CACA,GAAIpH,KAAKkH,SAAS2D,SAASD,EAAEhF,QACzB,OACJ5F,KAAK0G,MAAMpB,MACf,CACA,MAAA1C,GACI,OAAOpD,EAAE,OAAQ,CAAEqD,IAAK,4CAC5B,UAGKhD,cAAqBqE,cAAqBuC","ignoreList":[]}

package/dist/design-system/p-a2291ce8.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as s,H as t,c as i,a as o}from"./p-C3qNZ7Qh.js";import{r}from"./p-DcGvp3RM.js";import{B as a,S as n}from"./p-BShXSO5x.js";const l=()=>`sd-loading-spinner{display:block}sd-loading-spinner .sd-loading-spinner{animation:sd-loading-spin 2s linear infinite;transform-origin:center center}sd-loading-spinner .sd-loading-spinner .path{animation:sd-loading-spin-path 1.5s ease-in-out infinite}@keyframes sd-loading-spin{0%{transform:rotate3d(0, 0, 1, 0deg)}25%{transform:rotate3d(0, 0, 1, 90deg)}50%{transform:rotate3d(0, 0, 1, 180deg)}75%{transform:rotate3d(0, 0, 1, 270deg)}100%{transform:rotate3d(0, 0, 1, 359deg)}}@keyframes sd-loading-spin-path{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}`;const d=class{constructor(s){e(this,s)}color="#0075ff";get resolvedColor(){return r(this.color)}render(){return s(t,{key:"90e8d5b70e299835006b59d8240e0e0a526c14f7"},s("svg",{key:"22c2e6c4a638440fd97abc82ebcba99a26a6e13c",class:"sd-loading-spinner",width:"72px",height:"72px",viewBox:"25 25 50 50",style:{color:this.resolvedColor}},s("circle",{key:"41470486ab808e13a8d9fa0815b1a26436d6ca79",class:"path",cx:"50",cy:"50",r:"20",fill:"none",stroke:"currentColor","stroke-width":"5","stroke-miterlimit":"10"})))}};d.style=l();const c=()=>`sd-select{display:inline-flex;flex-flow:column nowrap;height:fit-content}sd-select *:focus,sd-select *:focus-visible,sd-select *:focus-within{outline:none !important}sd-select .sd-select{width:100%}sd-select .sd-select .sd-select__trigger{padding:4px 28px 4px 12px;display:flex;width:100%;height:100%;align-items:center}sd-select .sd-select .sd-select__trigger .sd-select__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400;text-align:left}sd-select .sd-select .sd-select__trigger .sd-select__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select .sd-select .sd-select__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease;margin-left:8px}sd-select .sd-select .sd-select__arrow--open{transform:rotate(180deg)}`;const h=class extends a{constructor(s){super();e(this,s);this.update=i(this,"sdUpdate");this.dropDownShow=i(this,"sdDropDownShow")}get el(){return o(this)}value=null;options=[];placeholder="선택";optionPlaceholder="옵션이 없습니다.";width="200px";dropdownHeight="260px";autoFocus=false;disabled=false;clearable=false;searchable=false;label="";insideLabel=false;useLabelRequired=false;labelTooltip="";labelTooltipProps=null;name;rules=[];error=false;optionRenderer;isOpen=false;itemIndex=-1;isScrolled=false;update;dropDownShow;selectRef;triggerRef;formField;filteredOptions=this.options;dropDownWidth=this.width;async sdOpen(){this.isOpen=true}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}async valueChanged(){const e=this.getSelectedOption();this.update?.emit({value:e?.value||null,option:e||null})}async isOpenChanged(){this.onDropdownToggle(this.isOpen);this.dropDownShow?.emit({isOpen:this.isOpen});if(this.isOpen===false){await(this.formField?.sdValidate())}}componentWillLoad(){this.initializeEvent()}componentDidLoad(){if(this.autoFocus){this.selectRef?.focus()}}componentDidRender(){const e=this.triggerRef;const s=e?.getBoundingClientRect();this.dropDownWidth=s?.width?`${s.width}px`:this.width}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(e){if(!this.selectRef?.contains(e.target)){this.isOpen=false}}handleDocumentKeydown(e){e.stopPropagation();const s=["ArrowDown","ArrowUp","Enter","Escape"];if(!s.includes(e.key))return;e.preventDefault();switch(e.key){case"ArrowDown":case"ArrowUp":const s=new n(this.searchable,this.filteredOptions);const t=s.getNextIndex(this.itemIndex,e.key);this.itemIndex=t;break;case"Enter":const i=this.filteredOptions[this.itemIndex];if(i&&!i.disabled){this.value=i.value;this.isOpen=false}break;case"Escape":this.isOpen=false;break}}getSelectedOption(){return this.options.find((e=>e.value===this.value))}closeDropdown(){this.isOpen=false}handleTriggerClick=e=>{e.stopPropagation();if(!this.disabled){this.isOpen=!this.isOpen;this.dropDownShow?.emit({isOpen:this.isOpen})}};handleOptionClick=e=>{const{option:s,event:t}=e;t.stopPropagation();if(!s.disabled){this.value=s.value;this.isOpen=false}};render(){return s("sd-field",{key:"b53c365ea3fbc27e7b88a6b9d8c543f316ea26e8",label:this.label,name:this.name,rules:this.rules,error:this.error,disabled:this.disabled,useLabelRequired:this.useLabelRequired,insideLabel:this.insideLabel,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e},s("div",{key:"cb672c68bf475f1336b993e3f9576048ca482bfb",class:{"sd-select":true,"sd-select--disabled":this.disabled,"sd-select--error":!!this.error,"sd-select--label":!!this.label},ref:e=>this.selectRef=e},this.renderTrigger(),this.renderDropdown()))}renderTrigger(){const e=this.getSelectedOption();return s("div",{class:"sd-select__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick,ref:e=>this.triggerRef=e},s("span",{class:"sd-select__value"},e?e.label:this.placeholder),this.clearable&&e&&!this.disabled&&s("sd-icon",{key:"clear-icon",name:"close",size:10,color:"#888",class:"sd-select__clear",onClick:async e=>{e.stopPropagation();this.value=null;await(this.formField?.sdValidate())}}),s("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"#888",class:{"sd-select__arrow":true,"sd-select__arrow--open":this.isOpen}}))}renderDropdown(){if(this.isOpen===false)return null;const e=this.selectRef?.querySelector(".sd-select__trigger")||this.selectRef;return s("sd-portal",{open:this.isOpen,parentRef:e,onSdClose:this.closeDropdown},s("sd-select-dropdown",{value:this.value,options:this.options,itemIndex:this.itemIndex,width:this.dropDownWidth,dropdownHeight:this.dropdownHeight,searchable:this.searchable,optionPlaceholder:this.optionPlaceholder,onSdOptionClick:({detail:e})=>this.handleOptionClick(e),onSdOptionFiltered:({detail:e})=>this.filteredOptions=e}))}static get watchers(){return{value:["valueChanged"],isOpen:["isOpenChanged"]}}};h.style=c();export{d as sd_loading_spinner,h as sd_select};
+//# sourceMappingURL=p-a2291ce8.entry.js.map