npm - @sellmate/design-system - Versions diffs - 1.0.16 → 1.0.18 - Mend

@sellmate/design-system 1.0.16 → 1.0.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1487) hide show

package/dist/esm/sd-radio-group.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"sd-radio-group.entry.js","sources":["src/components/sd-radio-group/sd-radio-group.scss?tag=sd-radio-group","src/components/sd-radio-group/sd-radio-group.tsx"],"sourcesContent":["@import 'variables';\n@import '../sd-radio/sd-radio.scss';\n\nsd-radio-group {\n display: inline-block;\n\n .sd-radio-group {\n display: flex;\n\n &--vertical {\n flex-direction: column;\n gap: 8px;\n }\n\n &--horizontal {\n flex-direction: row;\n align-items: center;\n gap: 20px;\n }\n\n // &__option {\n // width: fit-content;\n // display: flex;\n // align-items: center;\n // gap: 8px;\n // font-weight: 400;\n // font-size: 12px;\n // line-height: 20px;\n // cursor: pointer;\n\n // &:has(input:disabled) {\n // cursor: not-allowed;\n // }\n\n // input {\n // position: relative;\n // appearance: none;\n // margin: 0;\n // width: 16px;\n // height: 16px;\n // border: 1px solid $grey_65;\n // border-radius: 50%;\n // cursor: pointer;\n // accent-color: $brilliantblue_75;\n // background-color: white;\n\n // &:checked {\n // border-color: $brilliantblue_75;\n // background-color: white;\n // }\n\n // &:checked::before {\n // content: '';\n // position: absolute;\n // top: 50%;\n // left: 50%;\n // transform: translate(-50%, -50%);\n // width: 10px;\n // height: 10px;\n // border-radius: 50%;\n // background-color: $brilliantblue_75;\n // }\n\n // &:disabled {\n // cursor: not-allowed;\n // border-color: $grey_45;\n // background-color: $grey_20;\n // }\n\n // &:disabled:checked::before {\n // background-color: $grey_45;\n // }\n\n // &:not(:disabled):hover {\n // border-color: $brilliantblue_75;\n // background-color: $brilliantblue_25;\n // }\n // }\n // }\n\n // &__label {\n // font-size: 12px;\n // color: $grey_90;\n // line-height: 20px;\n // -webkit-user-select: none;\n // user-select: none;\n // }\n\n // &__option--disabled {\n // cursor: not-allowed;\n\n // .sd-radio-group__label {\n // color: $grey_65;\n // }\n // }\n }\n}\n","import { Component, Prop, h, EventEmitter, Event, Watch } from '@stencil/core';\nimport { RadioValue } from '../sd-radio/sd-radio';\n\nexport type RadioOption = {\n label: string;\n value: RadioValue;\n disabled?: boolean;\n};\n\n@Component({\n tag: 'sd-radio-group',\n styleUrl: 'sd-radio-group.scss',\n})\nexport class SdRadioGroup {\n @Prop({ mutable: true, reflect: true }) value!: RadioValue;\n\n @Prop({ mutable: true }) radioOptions: RadioOption[] = [];\n\n @Prop() direction: 'horizontal' | 'vertical' = 'vertical';\n\n @Prop() disabled: boolean = false;\n\n @Prop() groupName?: string;\n\n @Event({ eventName: 'sdUpdate' })\n change!: EventEmitter<RadioValue>;\n\n @Watch('value')\n valueChanged(newValue: RadioValue) {\n this.value = newValue;\n }\n\n private handleRadioChange = (optionValue: RadioValue) => {\n if (this.disabled) return;\n\n this.value = optionValue;\n this.change?.emit(optionValue);\n };\n\n private getGroupClasses(): string {\n const classes = ['sd-radio-group', `sd-radio-group--${this.direction}`];\n return classes.join(' ');\n }\n\n render() {\n return (\n <div class={this.getGroupClasses()} role=\"radiogroup\">\n {this.radioOptions.map(option => {\n return (\n <sd-radio\n key={`radio-${option.value}`}\n val={String(option.value)}\n value={this.value}\n label={option.label}\n disabled={this.disabled || !!option.disabled}\n onSdUpdate={({ detail }) => this.handleRadioChange(detail)}\n />\n );\n })}\n </div>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,eAAe,GAAG,MAAM,CAAC,w3CAAw3C,CAAC;;MCa34C,YAAY,GAAA,MAAA;;;;;AACgB,IAAA,KAAK;IAEpB,YAAY,GAAkB,EAAE;IAEjD,SAAS,GAA8B,UAAU;IAEjD,QAAQ,GAAY,KAAK;AAEzB,IAAA,SAAS;AAGjB,IAAA,MAAM;AAGN,IAAA,YAAY,CAAC,QAAoB,EAAA;AAChC,QAAA,IAAI,CAAC,KAAK,GAAG,QAAQ;;AAGd,IAAA,iBAAiB,GAAG,CAAC,WAAuB,KAAI;QACvD,IAAI,IAAI,CAAC,QAAQ;YAAE;AAEnB,QAAA,IAAI,CAAC,KAAK,GAAG,WAAW;AACxB,QAAA,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC;AAC/B,KAAC;IAEO,eAAe,GAAA;QACtB,MAAM,OAAO,GAAG,CAAC,gBAAgB,EAAE,CAAmB,gBAAA,EAAA,IAAI,CAAC,SAAS,CAAE,CAAA,CAAC;AACvE,QAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;;IAGzB,MAAM,GAAA;AACL,QAAA,QACC,4DAAK,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE,EAAE,IAAI,EAAC,YAAY,EAAA,EACnD,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,IAAG;AAC/B,YAAA,QACC,CAAA,CAAA,UAAA,EAAA,EACC,GAAG,EAAE,CAAS,MAAA,EAAA,MAAM,CAAC,KAAK,EAAE,EAC5B,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EACzB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,MAAM,CAAC,QAAQ,EAC5C,UAAU,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,EACzD,CAAA;SAEH,CAAC,CACG;;;;;;;;;;"}

package/dist/esm/sd-select-multiple-group.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

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

package/dist/esm/sd-select-multiple.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"sd-select-multiple.entry.js","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('isOpen')\n async isOpenChanged() {\n // Base class의 이벤트 관리 호출 - 다른 select와의 이벤트 충돌 방지\n this.onDropdownToggle(this.isOpen);\n this.dropDownShow?.emit({ isOpen: this.isOpen });\n\n if (this.isOpen === false) {\n await this.formField?.sdValidate();\n }\n }\n\n componentWillLoad() {\n this.initializeEvent(); // global dropdown Manager에 등록 + 이벤트 핸들러 초기화\n }\n\n componentDidLoad() {\n if (this.autoFocus) {\n this.selectRef?.focus();\n }\n }\n\n // render 이후 label을 제외한 trigger의 너비를 기준으로 dropdown 너비 설정\n componentDidRender() {\n const trigger = this.triggerRef;\n const rect = trigger?.getBoundingClientRect();\n this.dropDownWidth = rect?.width ? `${rect.width}px` : this.width;\n }\n\n disconnectedCallback() {\n this.cleanupEvent(); // global dropdown Manager에서 제거 + 이벤트 정리\n }\n\n protected handleDocumentClick(event: Event): void {\n if (!this.selectRef?.contains(event.target as Node)) {\n this.isOpen = false;\n }\n }\n\n protected handleDocumentKeydown(keyboardEvent: KeyboardEvent): void {\n keyboardEvent.stopPropagation();\n const targetKey = ['ArrowDown', 'ArrowUp', 'Enter', 'Escape'];\n if (!targetKey.includes(keyboardEvent.key)) return;\n\n keyboardEvent.preventDefault();\n switch (keyboardEvent.key) {\n case 'ArrowDown':\n case 'ArrowUp':\n const keyboardNavigation = new SelectKeyboardNavigation(this.searchable, this.filteredOptions);\n const nextIndex = keyboardNavigation.getNextIndex(this.itemIndex, keyboardEvent.key);\n this.itemIndex = nextIndex;\n break;\n case 'Enter':\n const selectedOption = this.filteredOptions[this.itemIndex];\n if (selectedOption && !selectedOption.disabled) {\n this.handleOptionSelection(selectedOption);\n }\n break;\n case 'Escape':\n this.isOpen = false;\n break;\n }\n }\n\n private handleOptionSelection = (option: SelectOption) => {\n if (!option || option.disabled) return;\n\n const isAlreadySelected = this.value?.some(opt => opt.value === option.value);\n if (isAlreadySelected) {\n // 이미 선택된 옵션인 경우, 선택 해제\n this.value = this.value?.filter(opt => opt.value !== option.value) || null;\n } else {\n // 새로운 옵션 선택\n this.value = [...(this.value || []), option];\n }\n\n this.update?.emit(this.value);\n };\n\n private getSelectedOption(): SelectOption[] {\n return this.options.filter(option => this.value?.includes(option));\n }\n\n closeDropdown() {\n this.isOpen = false;\n }\n\n handleTriggerClick = (event: Event) => {\n event.stopPropagation();\n\n if (!this.disabled) {\n this.isOpen = !this.isOpen;\n this.dropDownShow?.emit({ isOpen: this.isOpen });\n }\n };\n\n handleOptionClick = (detail: { option: SelectOption; event: Event }) => {\n const { option, event } = detail;\n event.stopPropagation();\n\n this.handleOptionSelection(option);\n };\n\n render() {\n return (\n <sd-field\n label={this.label}\n name={this.name}\n rules={this.rules}\n error={this.error}\n disabled={this.disabled}\n useLabelRequired={this.useLabelRequired}\n labelTooltip={this.labelTooltip}\n labelTooltipProps={this.labelTooltipProps}\n ref={el => (this.formField = el)}\n >\n <div\n class={{\n 'sd-select-multiple': true,\n 'sd-select-multiple--open': this.isOpen,\n 'sd-select-multiple--disabled': this.disabled,\n 'sd-select-multiple--error': !!this.error,\n }}\n ref={el => (this.selectRef = el)}\n >\n {this.renderTrigger()}\n {this.renderDropdown()}\n </div>\n </sd-field>\n );\n }\n\n private renderTrigger() {\n const selectedOption = this.getSelectedOption();\n return (\n <div\n class=\"sd-select-multiple__trigger\"\n tabindex={this.disabled ? -1 : 0}\n onClick={this.handleTriggerClick}\n ref={el => (this.triggerRef = el)}\n >\n <span class=\"sd-select-multiple__value\">\n {!selectedOption || selectedOption.length === 0\n ? this.placeholder\n : selectedOption.map(option => option.label).join(', ')}\n </span>\n {this.clearable && selectedOption?.length > 0 && !this.disabled && (\n <sd-icon\n key=\"close-icon\"\n name=\"close\"\n size={10}\n color=\"#888\"\n class=\"sd-select-multiple__clear\"\n onClick={async event => {\n event.stopPropagation();\n this.value = null;\n await this.formField?.sdValidate();\n }}\n ></sd-icon>\n )}\n\n <sd-icon\n key=\"arrow-icon\"\n name=\"arrowDown\"\n color=\"#888\"\n class={{ 'sd-select-multiple__arrow': true, 'sd-select-multiple__arrow--open': this.isOpen }}\n ></sd-icon>\n </div>\n );\n }\n\n private renderDropdown() {\n if (this.isOpen === false) return null;\n\n const parentRef = (this.selectRef?.querySelector('.sd-select-multiple__trigger') ||\n this.selectRef) as HTMLElement;\n\n return (\n <sd-portal open={this.isOpen} parentRef={parentRef} onSdClose={this.closeDropdown}>\n <sd-select-dropdown\n value={this.value}\n options={this.options}\n itemIndex={this.itemIndex}\n width={this.dropDownWidth}\n dropdownHeight={this.dropdownHeight}\n searchable={this.searchable}\n optionPlaceholder={this.optionPlaceholder}\n useCheckbox={this.useCheckbox}\n useAll={this.useAll}\n onSdOptionClick={({ detail }) => this.handleOptionClick(detail)}\n onSdOptionFiltered={({ detail }) => (this.filteredOptions = detail)}\n ></sd-select-dropdown>\n </sd-portal>\n );\n }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/sd-select-option-group.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"sd-select-option-group.entry.js","sources":["src/components/sd-select-multiple-group/sd-select-option-group/sd-select-option-group.scss?tag=sd-select-option-group","src/components/sd-select-multiple-group/sd-select-option-group/sd-select-option-group.tsx"],"sourcesContent":["@import 'variables';\n\nsd-select-option-group {\n display: block;\n height: fit-content;\n .sd-select__option-group {\n display: flex;\n padding: 4px 12px;\n padding-left: 12px;\n font-size: 12px;\n line-height: 20px;\n cursor: pointer;\n\n &.sd-select__option-group--group,\n &.sd-select__option-group--subgroup {\n &:not(.sd-select__option-group--use-checkbox) {\n cursor: default !important;\n }\n }\n\n &.sd-select__option-group--group {\n background-color: $brilliantblue_05 !important;\n color: $grey_90 !important;\n font-weight: 700;\n }\n\n &.sd-select__option-group--subgroup {\n padding-left: 20px;\n background-color: $grey_05 !important;\n color: $grey_90 !important;\n font-weight: 500;\n }\n\n &.sd-select__option-group--item {\n padding-left: 28px;\n }\n\n sd-checkbox {\n &__bg {\n border-color: $grey_65;\n }\n }\n\n &__label-wrapper {\n display: flex;\n width: 100%;\n column-gap: 8px;\n align-items: center;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n sd-checkbox {\n flex-shrink: 0;\n }\n\n .sd-select__option-group-label {\n flex: 0 1 auto;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .sd-select__option-group__count-indicator {\n width: fit-content;\n flex-shrink: 0;\n font-size: 12px;\n font-weight: 500;\n color: $grey_65;\n }\n }\n\n &--focused {\n background-color: $brilliantblue_20;\n }\n\n &--selected,\n &--focused {\n &.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox) {\n color: $brilliantblue_75;\n font-weight: 700;\n }\n }\n\n &--disabled {\n color: $grey_55;\n cursor: not-allowed;\n }\n\n &:hover {\n &:not(.sd-select__option-group--disabled) {\n background-color: $brilliantblue_75;\n color: white;\n }\n\n &.sd-select__option-group--selected {\n &:not(.sd-select__option-group--group):not(.sd-select__option-group--subgroup) {\n sd-checkbox {\n .sd-checkbox__bg {\n border-color: white !important;\n }\n }\n }\n }\n }\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State } from '@stencil/core';\nimport { SelectOptionGroup } from '../../sd-select/sd-select';\n\n@Component({\n tag: 'sd-select-option-group',\n styleUrl: 'sd-select-option-group.scss',\n})\nexport class SdSelectOptionGroup {\n @Element() el!: HTMLElement;\n\n @Prop() option!: SelectOptionGroup;\n @Prop() index!: number;\n @Prop() isSelected: boolean | null = false;\n @Prop() isFocused: boolean = false;\n @Prop() optionStyle?: { [key: string]: string };\n @Prop() disabled: boolean = false;\n @Prop() useCheckbox: boolean = false;\n @Prop() useIndicator?: boolean = true;\n @Prop() countInfo?: { selectedCount: number; totalCount: number } = {\n selectedCount: 0,\n totalCount: 0,\n };\n\n @State() isHovered: boolean = false;\n\n @Method()\n async isDisabled(): Promise<boolean> {\n return !!this.option.disabled || this.option.type === 'group' || this.option.type === 'subgroup';\n }\n\n @Event() optionClick!: EventEmitter<{\n option: SelectOptionGroup;\n isSelected: boolean | null;\n index: number;\n event: MouseEvent;\n }>;\n\n private handleClick = (\n option: SelectOptionGroup,\n isSelected: boolean | null,\n event: MouseEvent,\n ) => {\n event.stopPropagation();\n\n if (option.type === 'group' || option.type === 'subgroup') {\n this.optionClick.emit({\n option: this.option,\n isSelected,\n index: this.index,\n event,\n });\n return;\n }\n\n if (!this.option.disabled && !this.disabled) {\n this.optionClick.emit({\n option: this.option,\n isSelected,\n index: this.index,\n event,\n });\n }\n };\n\n render() {\n return (\n <div\n class={{\n 'sd-select__option-group': true,\n 'sd-select__option-group--selected': !!this.isSelected,\n 'sd-select__option-group--disabled': !!this.option.disabled,\n 'sd-select__option-group--focused': this.isFocused,\n 'sd-select__option-group--use-checkbox': this.useCheckbox,\n 'sd-select__option-group--group': this.option.type === 'group',\n 'sd-select__option-group--subgroup': this.option.type === 'subgroup',\n 'sd-select__option-group--item': this.option.type === 'item',\n }}\n onMouseEnter={() => (this.isHovered = true)}\n onMouseLeave={() => (this.isHovered = false)}\n style={this.optionStyle}\n data-index={this.index}\n onClick={event => this.handleClick(this.option, this.isSelected, event)}\n >\n <div class=\"sd-select__option-group__label-wrapper\">\n {this.useCheckbox && (\n <sd-checkbox\n value={this.isSelected}\n disabled={this.option.disabled}\n onClick={e => {\n e.preventDefault();\n this.handleClick(this.option, this.isSelected, e);\n }}\n ></sd-checkbox>\n )}\n <span class=\"sd-select__option-group-label\">{this.option.label}</span>\n {this.useIndicator && this.option.type !== 'item' && (\n <span class=\"sd-select__option-group__count-indicator\">{`(${this.countInfo?.selectedCount}/${this.countInfo?.totalCount})`}</span>\n )}\n </div>\n </div>\n );\n }\n}\n"],"names":[],"mappings":"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"}

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

@@ -1 +0,0 @@

- {"version":3,"file":"sd-tabs.entry.js","sources":["src/components/sd-tabs/sd-tabs.scss?tag=sd-tabs","src/components/sd-tabs/sd-tabs.tsx"],"sourcesContent":["@import 'variables';\n\nsd-tabs {\n display: inline-block;\n\n .sd-tabs {\n display: flex;\n flex-direction: row;\n gap: 4px;\n border-bottom: 1px solid $brilliantblue_75;\n\n &__tab {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n cursor: pointer;\n border: 1px solid $grey_45;\n border-bottom: none;\n border-radius: 4px 4px 0 0;\n background-color: $grey_10;\n color: $grey_65;\n font-weight: 400;\n transition: all 0.2s ease;\n position: relative;\n user-select: none;\n\n &::before {\n content: '';\n position: absolute;\n inset: 0;\n opacity: 0;\n transition: all 0.3s;\n }\n\n // Selected/Active state\n &--selected {\n border-color: $brilliantblue_75;\n color: $brilliantblue_75;\n background-color: white;\n\n .sd-tabs__label::before {\n font-weight: 700;\n }\n\n // Hover state for selected tab\n &:hover::before {\n background-color: $brilliantblue_75;\n opacity: 0.15;\n }\n }\n\n // Unselected state hover\n &--unselected {\n &:hover::before {\n background-color: $grey_65;\n opacity: 0.15;\n }\n }\n }\n\n &__label {\n user-select: none;\n font-weight: 700;\n visibility: hidden;\n position: relative;\n\n &::before {\n content: attr(data-label);\n visibility: visible;\n position: absolute;\n inset: 0;\n font-weight: 400;\n transition: font-weight 0.2s ease;\n }\n }\n\n // Size: Medium (default)\n &--md {\n .sd-tabs__tab {\n padding: 12px 32px;\n font-size: 12px;\n line-height: 20px;\n }\n }\n\n // Size: Small\n &--sm {\n .sd-tabs__tab {\n padding: 8px 20px;\n font-size: 12px;\n line-height: 16px;\n }\n }\n\n &--sub {\n gap: 32px;\n border-bottom: none;\n\n .sd-tabs__tab {\n border: none;\n border-radius: 0;\n background-color: transparent;\n color: $grey_95;\n font-weight: 400;\n padding: 0 0 2px 0;\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n height: 1px;\n width: 100%;\n background-color: $brilliantblue_75;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n\n &::after {\n font-weight: 400;\n }\n\n &--selected {\n color: $brilliantblue_75;\n background-color: transparent;\n\n &::before {\n opacity: 1;\n }\n\n &::after {\n font-weight: 700;\n }\n }\n }\n }\n }\n}","import { Component, Prop, h, EventEmitter, Event, Watch } from '@stencil/core';\n\nexport type TabOption = {\n label: string;\n value: string;\n badge?: string | number;\n};\n\n@Component({\n tag: 'sd-tabs',\n styleUrl: 'sd-tabs.scss',\n})\nexport class SdTabs {\n @Prop({ mutable: true, reflect: true }) value!: string;\n\n @Prop({ mutable: true }) tabs: TabOption[] = [];\n\n @Prop() size: 'sm' | 'md' = 'md';\n\n @Prop() isSub: boolean = false;\n\n @Event({ eventName: 'sdUpdate' })\n update!: EventEmitter<string>;\n\n componentWillLoad() {\n if (this.value !== undefined && this.value !== null) {\n this.value = this.value;\n }\n }\n\n @Watch('value')\n valueChanged(newValue: string) {\n this.value = newValue;\n }\n\n private handleTabClick = (tabValue: string) => {\n this.value = tabValue;\n this.value = tabValue;\n this.update.emit(tabValue);\n };\n\n private isTabSelected(tab: TabOption): boolean {\n return this.value === tab.value;\n }\n\n private getTabClasses(tab: TabOption): string {\n const classes = [\n 'sd-tabs__tab',\n this.isTabSelected(tab) ? 'sd-tabs__tab--selected' : 'sd-tabs__tab--unselected',\n ];\n\n return classes.join(' ');\n }\n\n private getContainerClasses(): string {\n const classes = ['sd-tabs', `sd-tabs--${this.size}`];\n\n if (this.isSub) {\n classes.push('sd-tabs--sub');\n }\n\n return classes.join(' ');\n }\n\n private getBadgeColors(tab: TabOption): { bgColor: string; textColor: string } {\n if (this.isTabSelected(tab)) {\n return { bgColor: '#E6F1FF', textColor: '#0075FF' };\n }\n return { bgColor: '#E5E5E5', textColor: '#737373' };\n }\n\n render() {\n return (\n <div\n class={this.getContainerClasses()}\n // role=\"tablist\"\n >\n {this.tabs.map((tab, index) => {\n const badgeColors = this.getBadgeColors(tab);\n\n return (\n <div\n key={`tab-${index}`}\n class={this.getTabClasses(tab)}\n // role=\"tab\"\n // aria-selected={isSelected.toString()}\n aria-label={tab.label || 'tab'}\n onClick={() => this.handleTabClick(tab.value)}\n >\n <span data-label={tab.label} class=\"sd-tabs__label\">\n {tab.label}\n </span>\n {tab.badge && (\n <sd-tag\n size={this.size}\n label={tab.badge.toString()}\n bgColor={badgeColors.bgColor}\n textColor={badgeColors.textColor}\n rounded={false}\n />\n )}\n </div>\n );\n })}\n </div>\n );\n }\n}\n"],"names":[],"mappings":"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"}

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

@@ -1 +0,0 @@

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

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

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

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

@@ -1 +0,0 @@

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

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

@@ -1 +0,0 @@

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

package/dist/esm/sd-toggle.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"sd-toggle.entry.js","sources":["src/components/sd-toggle/sd-toggle.scss?tag=sd-toggle","src/components/sd-toggle/sd-toggle.tsx"],"sourcesContent":["@import 'variables';\n\nsd-toggle {\n display: inline-block;\n height: 20px;\n line-height: 0;\n\n .sd-toggle {\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n height: 20px;\n\n > input {\n display: none;\n }\n\n &__label {\n font-size: 12px;\n color: $grey_90;\n line-height: 20px;\n }\n\n &__track {\n width: 36px;\n height: 20px;\n border-radius: 12px;\n background: $grey_45;\n position: relative;\n transition: background-color 0.2s ease;\n }\n\n &__thumb {\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background: white;\n position: absolute;\n top: 2px;\n left: 2px;\n transition: transform 0.2s ease;\n }\n\n &--checked {\n .sd-toggle__track {\n background: $brilliantblue_75;\n }\n\n .sd-toggle__thumb {\n transform: translateX(16px);\n }\n }\n\n &--disabled {\n cursor: not-allowed;\n\n &.sd-toggle--checked {\n .sd-toggle__track {\n background: $brilliantblue_40;\n }\n }\n\n &.sd-toggle--unchecked {\n .sd-toggle__track {\n background: $grey_20;\n }\n }\n }\n\n &:hover:not(.sd-toggle--disabled) {\n &.sd-toggle--checked {\n .sd-toggle__track {\n background: $brilliantblue_80;\n }\n }\n\n &.sd-toggle--unchecked {\n .sd-toggle__track {\n background: $grey_50;\n }\n }\n }\n }\n}\n","import { Component, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'sd-toggle',\n styleUrl: 'sd-toggle.scss',\n})\nexport class SdToggle {\n @Prop({ mutable: true }) value: boolean = false;\n\n @Prop() label: string = '';\n\n @Prop() disabled: boolean = false;\n\n @Event({ eventName: 'sdUpdate' }) change!: EventEmitter<boolean>;\n\n componentWillLoad() {\n this.updateCheckedState(this.value);\n }\n\n componentWillRender() {\n this.updateCheckedState(this.value);\n }\n\n private updateCheckedState(value: boolean) {\n this.value = value;\n }\n\n private get toggleClasses(): string {\n const classes = ['sd-toggle', this.value ? 'sd-toggle--checked' : 'sd-toggle--unchecked'];\n\n if (this.disabled) {\n classes.push('sd-toggle--disabled');\n }\n\n return classes.join(' ');\n }\n\n private handleChange = () => {\n if (this.disabled) return;\n\n const newValue = !this.value;\n this.value = newValue;\n this.change.emit(newValue);\n };\n\n render() {\n return (\n <label\n // aria-checked={this.value.toString()}\n // aria-disabled={this.disabled.toString()}\n // role=\"switch\"\n aria-label={this.label || 'toggle'}\n class={this.toggleClasses}\n >\n <input\n type=\"checkbox\"\n checked={this.value}\n disabled={this.disabled}\n onInput={this.handleChange}\n />\n {this.label && <span class=\"sd-toggle__label\">{this.label}</span>}\n <div class=\"sd-toggle__track\">\n <div class=\"sd-toggle__thumb\"></div>\n </div>\n </label>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,WAAW,GAAG,MAAM,CAAC,+nCAA+nC,CAAC;;MCM9oC,QAAQ,GAAA,MAAA;;;;;IACK,KAAK,GAAY,KAAK;IAEvC,KAAK,GAAW,EAAE;IAElB,QAAQ,GAAY,KAAK;AAEC,IAAA,MAAM;IAExC,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC;;IAGpC,mBAAmB,GAAA;AAClB,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC;;AAG5B,IAAA,kBAAkB,CAAC,KAAc,EAAA;AACxC,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;;AAGnB,IAAA,IAAY,aAAa,GAAA;AACxB,QAAA,MAAM,OAAO,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,GAAG,oBAAoB,GAAG,sBAAsB,CAAC;AAEzF,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC;;AAGpC,QAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;;IAGjB,YAAY,GAAG,MAAK;QAC3B,IAAI,IAAI,CAAC,QAAQ;YAAE;AAEnB,QAAA,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK;AAC5B,QAAA,IAAI,CAAC,KAAK,GAAG,QAAQ;AACrB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;AAC3B,KAAC;IAED,MAAM,GAAA;QACL,QACC,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAA,EAIa,IAAI,CAAC,KAAK,IAAI,QAAQ,EAClC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAA,EAEzB,CACC,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,KAAK,EACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,YAAY,EACzB,CAAA,EACD,IAAI,CAAC,KAAK,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAQ,EACjE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC5B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,GAAO,CAC/B,CACC;;;;;;;"}

package/dist/esm/select-keyboard-navigation-C2JaR3A6.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"select-keyboard-navigation-C2JaR3A6.js","sources":["src/utils/dropdown-manager.ts","src/utils/base-dropdown-event.ts","src/utils/select-keyboard-navigation.ts"],"sourcesContent":["import { BaseDropdownEvent } from './base-dropdown-event';\n\nclass DropdownManager {\n private static instance: DropdownManager;\n private activeDropdowns = new Set<BaseDropdownEvent>();\n\n static getInstance(): DropdownManager {\n if (!DropdownManager.instance) {\n DropdownManager.instance = new DropdownManager();\n }\n return DropdownManager.instance;\n }\n\n register(component: BaseDropdownEvent) {\n this.activeDropdowns.add(component);\n }\n\n unregister(component: BaseDropdownEvent) {\n this.activeDropdowns.delete(component);\n }\n\n openDropdown(targetComponent: BaseDropdownEvent) {\n // 다른 모든 드롭다운 닫기\n this.activeDropdowns.forEach(component => {\n if (component !== targetComponent && component.isOpen) {\n component.closeDropdown();\n }\n });\n }\n\n closeAllDropdowns() {\n this.activeDropdowns.forEach(component => {\n if (component.isOpen) {\n component.closeDropdown();\n }\n });\n }\n}\n\nexport const dropdownManager = DropdownManager.getInstance();\n","import { dropdownManager } from './dropdown-manager';\n\n// 여러 select를 동시에 사용할때에 이벤트 리스너의 등록이 충돌나는 문제를 해결하기 위한 Base class\n// 각 드롭다운 컴포넌트는 이 클래스를 상속 및 구현 필요\n// 기본적으로 click, keydown 추상 이벤트를 구현해야하고\n// isOpen가 true일때에만 이벤트 등록 그외에는 이벤트 클리닝을 수행\n// 추후 필요한 이벤트는 이곳에 추가하여 추가 구현 후 사용\n// 별도로 드롭다운 전용의 Base class가 아닌 공통적으로 사용할 수 있는 Base class가 필요할지 검토 필요\nexport abstract class BaseDropdownEvent {\n abstract el: HTMLElement;\n abstract isOpen: boolean;\n abstract disabled?: boolean;\n\n private documentClickHandler?: (event: Event) => void;\n private documentKeydownHandler?: (event: KeyboardEvent) => void;\n\n // 컴포넌트 생명주기에서 호출할 메서드들\n protected initializeEvent() {\n dropdownManager.register(this);\n this.initializeEventHandlers();\n }\n\n protected cleanupEvent() {\n dropdownManager.unregister(this);\n this.cleanup();\n }\n\n protected initializeEventHandlers() {\n this.documentClickHandler = (event: Event) => this.handleDocumentClick(event);\n this.documentKeydownHandler = (event: KeyboardEvent) => this.handleDocumentKeydown(event);\n }\n\n protected addGlobalEventListeners() {\n if (this.documentClickHandler) {\n document.addEventListener('click', this.documentClickHandler);\n }\n if (this.documentKeydownHandler) {\n document.addEventListener('keydown', this.documentKeydownHandler);\n }\n }\n\n protected removeGlobalEventListeners() {\n if (this.documentClickHandler) {\n document.removeEventListener('click', this.documentClickHandler);\n }\n if (this.documentKeydownHandler) {\n document.removeEventListener('keydown', this.documentKeydownHandler);\n }\n }\n\n protected onDropdownToggle(isOpen: boolean) {\n if (isOpen && !this.disabled) {\n dropdownManager.openDropdown(this);\n this.addGlobalEventListeners();\n } else {\n this.removeGlobalEventListeners();\n }\n }\n\n protected cleanup() {\n this.removeGlobalEventListeners();\n }\n\n closeDropdown() {\n this.isOpen = false;\n }\n\n protected abstract handleDocumentClick(event: Event): void;\n protected abstract handleDocumentKeydown(event: KeyboardEvent): void;\n}\n","import { SelectOption } from '../types/select';\n\nexport class SelectKeyboardNavigation {\n isSearchable: boolean;\n filteredOptions: SelectOption[];\n\n constructor(isSearchable: boolean, filteredOptions: SelectOption[]) {\n this.isSearchable = isSearchable;\n this.filteredOptions = filteredOptions;\n }\n\n getNavigationBounds() {\n return {\n minIndex: this.isSearchable ? -1 : 0,\n maxIndex: this.filteredOptions.length - 1,\n };\n }\n\n getNextIndex(currentIndex: number, direction: KeyboardEvent['key']): number {\n const { minIndex, maxIndex } = this.getNavigationBounds();\n\n if (direction === 'ArrowUp') {\n return currentIndex > minIndex ? currentIndex - 1 : maxIndex;\n } else {\n return currentIndex < maxIndex ? currentIndex + 1 : minIndex;\n }\n }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/tooltipArrow-BZ2GZRbH.js DELETED Viewed

@@ -1,8 +0,0 @@
-import { h } from './index-DqSa0XJ6.js';
-const TooltipArrow = (props) => (h("svg", { width: "16", height: "12", viewBox: "0 0 16 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, h("path", { d: "M8.83205 10.7519C8.43623 11.3457 7.56377 11.3457 7.16795 10.7519L1.04907e-06 -1.39876e-06L16 0L8.83205 10.7519Z", fill: "currentColor" })));
-export { TooltipArrow as T };
-//# sourceMappingURL=tooltipArrow-BZ2GZRbH.js.map
-//# sourceMappingURL=tooltipArrow-BZ2GZRbH.js.map

package/dist/esm/tooltipArrow-BZ2GZRbH.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"tooltipArrow-BZ2GZRbH.js","sources":["src/components/assets/tooltipArrow.tsx"],"sourcesContent":["import { h } from '@stencil/core';\n\nexport const TooltipArrow = (props: SVGProps) => (\n <svg\n width=\"16\"\n height=\"12\"\n viewBox=\"0 0 16 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path\n d=\"M8.83205 10.7519C8.43623 11.3457 7.56377 11.3457 7.16795 10.7519L1.04907e-06 -1.39876e-06L16 0L8.83205 10.7519Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n"],"names":[],"mappings":";;AAEa,MAAA,YAAY,GAAG,CAAC,KAAe,MAC3C,CACC,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,KAC9B,KAAK,EAAA,EAET,CACC,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,iHAAiH,EACnH,IAAI,EAAC,cAAc,EAAA,CAClB,CACG;;;;"}

package/dist/esm/useDatePicker-DTrMR0rx.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"useDatePicker-DTrMR0rx.js","sources":["src/utils/date/daysInMonth.ts","src/utils/date/today.ts","src/modules/useDatePicker.ts"],"sourcesContent":["export const daysInMonth = (date: string): number[] => {\n const year = Number(date.split('-')[0]);\n const month = Number(date.split('-')[1]);\n const daysInMonth = new Date(year, month, 0).getDate(); // month에 0을 전달하면 전달의 마지막 날짜를 반환\n return Array.from({ length: daysInMonth }, (_, i) => i + 1);\n};\n","const getToday = (): string => {\n const today = new Date();\n\n const year = today.getFullYear();\n const month = String(today.getMonth() + 1).padStart(2, '0');\n const day = String(today.getDate()).padStart(2, '0');\n\n return `${year}-${month}-${day}`;\n};\n\nexport const today = getToday();\n","import { daysInMonth } from '../utils/date';\n\nexport const useDatePicker = () => {\n const formatDate = (year: number, month: number, day: number) => {\n return `${year}-${String(month).padStart(2, '0')}-${String(day).padStart(2, '0')}`;\n };\n\n const createCalendar = (year: number, month: number) => {\n const days = daysInMonth(`${year}-${String(month).padStart(2, '0')}-01`);\n const firstDayIndex = new Date(year, month - 1, 1).getDay();\n const prevMonthDays = Array.from({ length: firstDayIndex });\n const remainingDays = (7 - ((days.length + firstDayIndex) % 7)) % 7;\n const afterMonthDays = Array.from({ length: remainingDays });\n\n return { days, prevMonthDays, afterMonthDays };\n };\n\n const calculateYearMonth = (year: number, month: number, type: 'prev' | 'next') => {\n let newYear = year;\n let newMonth = type === 'prev' ? month - 1 : month + 1;\n if (newMonth < 1) {\n newYear = year - 1;\n newMonth = 12;\n } else if (newMonth > 12) {\n newYear = year + 1;\n newMonth = 1;\n }\n return { newYear, newMonth };\n };\n\n return { formatDate, createCalendar, calculateYearMonth };\n};\n"],"names":[],"mappings":"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"}