@sellmate/design-system 1.0.76 → 1.0.77

package/dist/cjs/sd-select-option-group.cjs.entry.js

@@ -1,68 +0,0 @@
-'use strict';
-
-var index = require('./index-Dptupbm0.js');
-
-const sdSelectOptionGroupCss = () => `sd-select-option-group{display:block;height:fit-content}sd-select-option-group .sd-select__option-group{display:flex;padding:4px 12px;padding-left:12px;font-size:12px;line-height:20px;cursor:pointer}sd-select-option-group .sd-select__option-group.sd-select__option-group--group:not(.sd-select__option-group--use-checkbox),sd-select-option-group .sd-select__option-group.sd-select__option-group--subgroup:not(.sd-select__option-group--use-checkbox){cursor:default !important}sd-select-option-group .sd-select__option-group.sd-select__option-group--group{background-color:#F5FAFF !important;color:#333333 !important;font-weight:700}sd-select-option-group .sd-select__option-group.sd-select__option-group--subgroup{padding-left:20px;background-color:#F9F9F9 !important;color:#333333 !important;font-weight:500}sd-select-option-group .sd-select__option-group.sd-select__option-group--item{padding-left:28px}sd-select-option-group .sd-select__option-group sd-checkbox__bg{border-color:#888888}sd-select-option-group .sd-select__option-group__label-wrapper{display:flex;width:100%;column-gap:8px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}sd-select-option-group .sd-select__option-group__label-wrapper sd-checkbox{flex-shrink:0}sd-select-option-group .sd-select__option-group__label-wrapper .sd-select__option-group-label{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}sd-select-option-group .sd-select__option-group__label-wrapper .sd-select__option-group__count-indicator{width:fit-content;flex-shrink:0;font-size:12px;font-weight:500;color:#888888}sd-select-option-group .sd-select__option-group--focused{background-color:#E6F1FF}sd-select-option-group .sd-select__option-group--selected.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox),sd-select-option-group .sd-select__option-group--focused.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox){color:#0075FF;font-weight:700}sd-select-option-group .sd-select__option-group--disabled{color:#AAAAAA;cursor:not-allowed}sd-select-option-group .sd-select__option-group:hover:not(.sd-select__option-group--disabled){background-color:#0075FF;color:white}sd-select-option-group .sd-select__option-group:hover.sd-select__option-group--selected:not(.sd-select__option-group--group):not(.sd-select__option-group--subgroup) sd-checkbox .sd-checkbox__bg{border-color:white !important}`;
-
-const SdSelectOptionGroup = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.optionClick = index.createEvent(this, "optionClick", 7);
-    }
-    get el() { return index.getElement(this); }
-    option;
-    index;
-    isSelected = false;
-    isFocused = false;
-    optionStyle;
-    disabled = false;
-    useCheckbox = false;
-    useIndicator = true;
-    countInfo = {
-        selectedCount: 0,
-        totalCount: 0,
-    };
-    isHovered = false;
-    async isDisabled() {
-        return !!this.option.disabled || this.option.type === 'group' || this.option.type === 'subgroup';
-    }
-    optionClick;
-    handleClick = (option, isSelected, event) => {
-        event.stopPropagation();
-        if (option.type === 'group' || option.type === 'subgroup') {
-            this.optionClick.emit({
-                option: this.option,
-                isSelected,
-                index: this.index,
-                event,
-            });
-            return;
-        }
-        if (!this.option.disabled && !this.disabled) {
-            this.optionClick.emit({
-                option: this.option,
-                isSelected,
-                index: this.index,
-                event,
-            });
-        }
-    };
-    render() {
-        return (index.h("div", { key: '647a7be115df96fe30d3b69d3b09ee45d229d86c', class: {
-                'sd-select__option-group': true,
-                'sd-select__option-group--selected': !!this.isSelected,
-                'sd-select__option-group--disabled': !!this.option.disabled,
-                'sd-select__option-group--focused': this.isFocused,
-                'sd-select__option-group--use-checkbox': this.useCheckbox,
-                'sd-select__option-group--group': this.option.type === 'group',
-                'sd-select__option-group--subgroup': this.option.type === 'subgroup',
-                'sd-select__option-group--item': this.option.type === 'item',
-            }, onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), style: this.optionStyle, "data-index": this.index, onClick: event => this.handleClick(this.option, this.isSelected, event) }, index.h("div", { key: 'b1b1697c34e57667203992f8e4e6e9438f204dea', class: "sd-select__option-group__label-wrapper" }, this.useCheckbox && (index.h("sd-checkbox", { key: 'b67bec9cfd93739348f7d6c3e93945c28171e752', value: this.isSelected, disabled: this.option.disabled, onClick: e => {
-                e.preventDefault();
-                this.handleClick(this.option, this.isSelected, e);
-            } })), index.h("span", { key: 'a65090e487a45acec39155aa6df00a1500249e20', class: "sd-select__option-group-label" }, this.option.label), this.useIndicator && this.option.type !== 'item' && (index.h("span", { key: '5024421742568127097655bcb39af70b61cc3403', class: "sd-select__option-group__count-indicator" }, `(${this.countInfo?.selectedCount}/${this.countInfo?.totalCount})`)))));
-    }
-};
-SdSelectOptionGroup.style = sdSelectOptionGroupCss();
-
-exports.sd_select_option_group = SdSelectOptionGroup;

package/dist/cjs/sd-select.cjs.entry.js

@@ -1,181 +0,0 @@
-'use strict';
-
-var index = require('./index-Dptupbm0.js');
-var baseDropdownEvent = require('./base-dropdown-event-BTPlZ1KF.js');
-var selectKeyboardNavigation = require('./select-keyboard-navigation-CErfIrGV.js');
-var index$1 = require('./index-BUvXpPc3.js');
-
-const sdSelectCss = () => `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;cursor:pointer}.sd-field--disabled sd-select .sd-select .sd-select__trigger{cursor:not-allowed}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 SdSelect = class extends baseDropdownEvent.BaseDropdownEvent {
-    constructor(hostRef) {
-        super();
-        index.registerInstance(this, hostRef);
-        this.update = index.createEvent(this, "sdUpdate", 7);
-        this.dropDownShow = index.createEvent(this, "sdDropDownShow", 7);
-    }
-    get el() { return index.getElement(this); }
-    // props
-    value = null;
-    options = [];
-    placeholder = '선택';
-    optionPlaceholder = '선택지가 없습니다.';
-    width = '200px';
-    dropdownHeight = '260px';
-    autoFocus = false;
-    disabled = false;
-    clearable = false;
-    searchable = false;
-    // props - label
-    label = '';
-    labelWidth = '';
-    addonLabel = '';
-    addonAlign = 'start';
-    icon = undefined;
-    labelTooltip = '';
-    labelTooltipProps = null;
-    // props - form
-    rules = [];
-    error = false;
-    // props - custom slots
-    optionRenderer;
-    // states
-    isOpen = false;
-    itemIndex = -1;
-    isScrolled = false;
-    // events
-    update;
-    dropDownShow;
-    selectRef;
-    triggerRef;
-    formField;
-    filteredOptions = [];
-    dropDownWidth = '200px';
-    name = index$1.nanoid();
-    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 isOpenChanged() {
-        // Base class의 이벤트 관리 호출 - 다른 select와의 이벤트 충돌 방지
-        this.onDropdownToggle(this.isOpen);
-        this.dropDownShow?.emit({ isOpen: this.isOpen });
-        if (this.isOpen === false) {
-            await this.formField?.sdValidate();
-        }
-    }
-    componentWillLoad() {
-        this.filteredOptions = this.options;
-        this.dropDownWidth = this.width;
-        this.initializeEvent();
-    }
-    componentDidLoad() {
-        if (this.autoFocus) {
-            this.selectRef?.focus();
-        }
-    }
-    // render 이후 label을 제외한 trigger의 너비를 기준으로 dropdown 너비 설정
-    componentDidRender() {
-        const trigger = this.triggerRef;
-        const rect = trigger?.getBoundingClientRect();
-        this.dropDownWidth = rect?.width ? `${rect.width}px` : this.width;
-    }
-    disconnectedCallback() {
-        this.cleanupEvent(); // global dropdown Manager에서 제거 + 이벤트 정리
-    }
-    handleDocumentClick(event) {
-        if (!this.selectRef?.contains(event.target)) {
-            this.isOpen = false;
-        }
-    }
-    handleDocumentKeydown(keyboardEvent) {
-        keyboardEvent.stopPropagation();
-        const targetKey = ['ArrowDown', 'ArrowUp', 'Enter', 'Escape'];
-        if (!targetKey.includes(keyboardEvent.key))
-            return;
-        keyboardEvent.preventDefault();
-        switch (keyboardEvent.key) {
-            case 'ArrowDown':
-            case 'ArrowUp':
-                const keyboardNavigation = new selectKeyboardNavigation.SelectKeyboardNavigation(this.searchable, this.filteredOptions);
-                const nextIndex = keyboardNavigation.getNextIndex(this.itemIndex, keyboardEvent.key);
-                this.itemIndex = nextIndex;
-                break;
-            case 'Enter':
-                const selectedOption = this.filteredOptions[this.itemIndex];
-                if (selectedOption && !selectedOption.disabled) {
-                    this.value = selectedOption.value;
-                    this.isOpen = false;
-                }
-                break;
-            case 'Escape':
-                this.isOpen = false;
-                break;
-        }
-    }
-    getSelectedOption() {
-        return this.options.find(option => option.value === this.value);
-    }
-    closeDropdown() {
-        this.isOpen = false;
-    }
-    handleTriggerClick = (event) => {
-        event.stopPropagation();
-        if (!this.disabled) {
-            this.isOpen = !this.isOpen;
-            this.dropDownShow?.emit({ isOpen: this.isOpen });
-        }
-    };
-    handleOptionClick = (detail) => {
-        const { option, event } = detail;
-        event.stopPropagation();
-        if (!option.disabled) {
-            this.value = option.value;
-            this.isOpen = false;
-            const selectedOption = this.getSelectedOption();
-            this.update?.emit({ value: selectedOption?.value || null, option: selectedOption || null });
-        }
-    };
-    render() {
-        return (index.h("sd-field", { key: '28b4667a386236c2486af08f636ede3dc6c41f91', label: this.label, labelWidth: this.labelWidth, name: this.name, rules: this.rules, error: this.error, disabled: this.disabled, icon: this.icon, addonLabel: this.addonLabel, addonAlign: this.addonAlign, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el) }, index.h("div", { key: 'ccee78ca4a773c521634e4054ce3b3d8e9713362', class: {
-                'sd-select': true,
-                'sd-select--disabled': this.disabled,
-                'sd-select--error': !!this.error,
-                'sd-select--label': !!this.label,
-            }, ref: el => (this.selectRef = el) }, this.renderTrigger(), this.renderDropdown())));
-    }
-    renderTrigger() {
-        const selectedOption = this.getSelectedOption();
-        return (index.h("div", { class: "sd-select__trigger", tabindex: this.disabled ? -1 : 0, onClick: this.handleTriggerClick, ref: el => (this.triggerRef = el) }, index.h("span", { class: "sd-select__value" }, selectedOption ? selectedOption.label : this.placeholder), this.clearable && selectedOption && !this.disabled && (index.h("sd-icon", { key: "clear-icon", name: "close", size: 10, color: "#888", class: "sd-select__clear", onClick: async (event) => {
-                event.stopPropagation();
-                this.value = null;
-                await this.formField?.sdValidate();
-            } })), index.h("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 parentRef = (this.selectRef?.querySelector('.sd-select__trigger') ||
-            this.selectRef);
-        return (index.h("sd-portal", { open: this.isOpen, parentRef: parentRef, onSdClose: this.closeDropdown }, index.h("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 }) => this.handleOptionClick(detail), onSdOptionFiltered: ({ detail }) => (this.filteredOptions = detail) })));
-    }
-    static get watchers() { return {
-        "isOpen": [{
-                "isOpenChanged": 0
-            }]
-    }; }
-};
-SdSelect.style = sdSelectCss();
-
-exports.sd_select = SdSelect;

package/dist/cjs/select-keyboard-navigation-CErfIrGV.js

@@ -1,27 +0,0 @@
-'use strict';
-
-class SelectKeyboardNavigation {
-    isSearchable;
-    filteredOptions;
-    constructor(isSearchable, filteredOptions) {
-        this.isSearchable = isSearchable;
-        this.filteredOptions = filteredOptions;
-    }
-    getNavigationBounds() {
-        return {
-            minIndex: this.isSearchable ? -1 : 0,
-            maxIndex: this.filteredOptions.length - 1,
-        };
-    }
-    getNextIndex(currentIndex, direction) {
-        const { minIndex, maxIndex } = this.getNavigationBounds();
-        if (direction === 'ArrowUp') {
-            return currentIndex > minIndex ? currentIndex - 1 : maxIndex;
-        }
-        else {
-            return currentIndex < maxIndex ? currentIndex + 1 : minIndex;
-        }
-    }
-}
-
-exports.SelectKeyboardNavigation = SelectKeyboardNavigation;

package/dist/cjs/table-test.cjs.entry.js

@@ -1,96 +0,0 @@
-'use strict';
-
-var index = require('./index-Dptupbm0.js');
-
-const tableTestCss = () => `:host{display:block}.table-wrapper{width:100%;overflow-x:auto}.templates-slot{display:none}.data-table{width:100%;border-collapse:collapse;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-size:14px}.data-table th,.data-table td{padding:12px 16px;text-align:left;vertical-align:middle}.data-table th{font-weight:600;background-color:#f8f9fa;color:#333}.data-table.bordered th,.data-table.bordered td{border:1px solid #dee2e6}.data-table.striped tbody tr:nth-child(odd){background-color:#f8f9fa}.data-table tbody tr:hover{background-color:#e9ecef}.data-table .cell-flex{display:flex;align-items:center;gap:8px}.data-table .cell-image{width:24px;height:16px;object-fit:cover;border-radius:2px}`;
-
-const DataTable = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.tableReady = index.createEvent(this, "tableReady", 7);
-    }
-    get el() { return index.getElement(this); }
-    /** Column definitions array */
-    columns = [];
-    /** Row data array */
-    rows = [];
-    /** Show cell borders */
-    bordered = true;
-    /** Alternate row colors */
-    striped = false;
-    cellRenderers = new Map();
-    headerRenderers = new Map();
-    tableReady;
-    dataChanged() {
-        this.tableReady.emit();
-    }
-    componentDidLoad() {
-        this.tableReady.emit();
-    }
-    async setCellRenderer(field, renderer) {
-        this.cellRenderers = new Map(this.cellRenderers).set(field, renderer);
-    }
-    async setHeaderRenderer(field, renderer) {
-        this.headerRenderers = new Map(this.headerRenderers).set(field, renderer);
-    }
-    async removeCellRenderer(field) {
-        const newMap = new Map(this.cellRenderers);
-        newMap.delete(field);
-        this.cellRenderers = newMap;
-    }
-    async clearAllRenderers() {
-        this.cellRenderers = new Map();
-        this.headerRenderers = new Map();
-    }
-    renderCellContent(column, row, rowIndex) {
-        const value = row[column.field];
-        const renderer = this.cellRenderers.get(column.field);
-        if (renderer) {
-            const html = renderer({ field: column.field, value, row, rowIndex });
-            return index.h("span", { class: "cell-content", innerHTML: html });
-        }
-        const template = this.el.querySelector(`[slot="cell-${column.field}"]`);
-        if (template) {
-            const html = this.processTemplate(template.innerHTML, { value, row, rowIndex });
-            return index.h("span", { class: "cell-content", innerHTML: html });
-        }
-        return index.h("span", { class: "cell-content" }, value);
-    }
-    renderHeaderContent(column) {
-        const renderer = this.headerRenderers.get(column.field);
-        if (renderer) {
-            const html = renderer({ field: column.field, column });
-            return index.h("span", { innerHTML: html });
-        }
-        const template = this.el.querySelector(`[slot="header-${column.field}"]`);
-        if (template) {
-            return index.h("span", { innerHTML: template.innerHTML });
-        }
-        return column.header || column.field;
-    }
-    processTemplate(html, data) {
-        return html
-            .replace(/\{\{value\}\}/g, this.escapeHtml(String(data.value ?? '')))
-            .replace(/\{\{rowIndex\}\}/g, String(data.rowIndex))
-            .replace(/\{\{row\.(\w+)\}\}/g, (_, prop) => this.escapeHtml(String(data.row[prop] ?? '')));
-    }
-    escapeHtml(str) {
-        const el = document.createElement('div');
-        el.textContent = str;
-        return el.innerHTML;
-    }
-    render() {
-        return (index.h("div", { key: 'a34267f6b11cdd0dff53bfa3da62b7a47934c73b', class: "table-wrapper" }, index.h("table", { key: 'b23ac2cd9a785d8fc89c09a04a6aa29a63e6d2b4', class: { 'data-table': true, 'bordered': this.bordered, 'striped': this.striped } }, index.h("thead", { key: 'e08ff945e40f3ec6db10285840d4185d110a1dc0' }, index.h("tr", { key: 'ffe2e7253865f5a650611e2859f979d0204fca2a' }, this.columns.map(column => (index.h("th", { key: column.field, style: { width: column.width } }, this.renderHeaderContent(column)))))), index.h("tbody", { key: '2d47105abba4eecad71b549282650b7f2b056b4c' }, this.rows.map((row, rowIndex) => (index.h("tr", { key: rowIndex }, this.columns.map(column => (index.h("td", { key: `${rowIndex}-${column.field}` }, this.renderCellContent(column, row, rowIndex))))))))), index.h("div", { key: '99fe2715e69abf50f69a844e76a3ad422f5b870b', class: "templates-slot", hidden: true }, index.h("slot", { key: '8c56201e8edb251c5f7494e00acdc5e5fbb67d00' }))));
-    }
-    static get watchers() { return {
-        "columns": [{
-                "dataChanged": 0
-            }],
-        "rows": [{
-                "dataChanged": 0
-            }]
-    }; }
-};
-DataTable.style = tableTestCss();
-
-exports.table_test = DataTable;

package/dist/collection/components/sd-progress/sd-progress.css

@@ -1,63 +0,0 @@
-sd-progress {
-  display: block;
-}
-sd-progress .sd-progress__bar {
-  position: relative;
-  width: 100%;
-  height: 20px;
-  overflow: hidden;
-  border-radius: 4px;
-  background-color: #EEEEEE;
-  text-align: center;
-}
-sd-progress .sd-progress__bar__percent {
-  width: var(--progress-percentage);
-  height: 100%;
-  border-radius: 4px;
-  background-color: var(--progress-color, #0075FF);
-  transition: all 0.5s;
-}
-sd-progress .sd-progress__bar__percent.proceed {
-  border-top-right-radius: 50%;
-}
-sd-progress .sd-progress__bar__indicator {
-  position: absolute;
-  left: 0;
-  top: 0;
-  height: 20px;
-  width: 100%;
-  background-color: #EEEEEE;
-  font-size: 12px;
-  font-weight: 700;
-  line-height: 20px;
-  z-index: 1;
-}
-sd-progress .sd-progress__bar__indicator--left {
-  color: var(--progress-color, #0075FF);
-  clip-path: inset(0 0 0 var(--progress-percentage));
-}
-sd-progress .sd-progress__bar__indicator--right {
-  color: white;
-  background-color: var(--progress-color, #0075FF);
-  clip-path: inset(0 calc(100% - var(--progress-percentage)) 0 0);
-}
-sd-progress .sd-progress__spinner {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
-sd-progress .sd-progress__spinner svg {
-  transform: rotate(-90deg);
-}
-sd-progress .sd-progress__spinner__label {
-  margin-top: 8px;
-  font-size: 16px;
-  color: var(--progress-color, #0075FF);
-}
-sd-progress .sd-progress__label {
-  margin-top: 4px;
-  font-size: 12px;
-  color: #222222;
-  text-align: center;
-}

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

@@ -1,186 +0,0 @@
-import { h } from "@stencil/core";
-export class SdProgress {
-    type = 'bar';
-    error = false;
-    percentage = 0;
-    size = 80;
-    strokeWidth = 12;
-    label;
-    statusColor = {
-        default: '#aaaaaa',
-        progress: '#0075ff',
-        complete: '#12B553',
-        error: '#FB4444',
-    };
-    get progressPercentage() {
-        if (this.error)
-            return 100;
-        return this.percentage;
-    }
-    get progressStatus() {
-        if (this.error)
-            return 'error';
-        switch (this.percentage) {
-            case 100:
-                return 'complete';
-            case 0:
-                return 'default';
-            default:
-                return 'progress';
-        }
-    }
-    get progressColor() {
-        return this.statusColor[this.progressStatus];
-    }
-    render() {
-        return (h("div", { key: '34c1ecf23c120f53595529004ed3d6818896e816', style: {
-                '--progress-color': this.progressColor,
-                '--progress-percentage': `${this.progressPercentage}%`,
-            } }, this.type === 'bar' ? this.renderBarProgress() : this.renderSpinnerProgress(), this.label && h("div", { key: '29461b9428416262c10b1917eaee4e0091d290dc', class: "sd-progress__label" }, this.label)));
-    }
-    renderBarProgress() {
-        return (h("div", { class: `sd-progress__bar sd-progress__bar--${this.progressStatus}` }, h("div", { class: ['sd-progress__bar__percent', this.progressPercentage < 100 ? 'proceed' : ''].join(' ') }), h("div", { class: "sd-progress__bar__indicator sd-progress__bar__indicator--left" }, this.progressPercentage, "%"), h("div", { class: "sd-progress__bar__indicator sd-progress__bar__indicator--right" }, this.progressPercentage, "%")));
-    }
-    renderSpinnerProgress() {
-        const radius = (this.size - this.strokeWidth) / 2; // 원의 반지름
-        const circumference = 2 * Math.PI * radius; // 원의 둘레
-        const offset = circumference - (this.progressPercentage / 100) * circumference; // 진행률에 따른 offset
-        const progressBgSize = `${this.size}px`;
-        const progressSize = `${this.size / 2}px`;
-        return (h("div", { class: `sd-progress__spinner sd-progress__spinner--${this.progressStatus}` }, h("svg", { width: progressBgSize, height: progressBgSize }, h("circle", { cx: progressSize, cy: progressSize, r: radius, stroke: "#EEEEEE", "stroke-width": this.strokeWidth, fill: "transparent" }), h("circle", { cx: progressSize, cy: progressSize, r: radius, stroke: this.progressColor, "stroke-width": this.strokeWidth, fill: "transparent", "stroke-dasharray": circumference, "stroke-dashoffset": offset, "stroke-linecap": "round", class: "transition-all duration-500" })), h("strong", { class: "sd-progress__spinner__label" }, this.progressPercentage, " %")));
-    }
-    static get is() { return "sd-progress"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["sd-progress.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["sd-progress.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "type": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'bar' | 'spinner'",
-                    "resolved": "\"bar\" | \"spinner\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "type",
-                "defaultValue": "'bar'"
-            },
-            "error": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "error",
-                "defaultValue": "false"
-            },
-            "percentage": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "percentage",
-                "defaultValue": "0"
-            },
-            "size": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "size",
-                "defaultValue": "80"
-            },
-            "strokeWidth": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "stroke-width",
-                "defaultValue": "12"
-            },
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "label"
-            }
-        };
-    }
-}

package/dist/collection/components/sd-select/sd-select-dropdown/sd-select-dropdown.css

@@ -1,30 +0,0 @@
-.sd-select-dropdown .sd-select-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-dropdown {
-  overflow: auto;
-  min-width: fit-content;
-  width: var(--select-dropdown-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;
-  display: flex;
-  flex-direction: column;
-  opacity: 0.5;
-  transition: opacity 0.15s ease-in;
-}
-.sd-select-dropdown--ready {
-  opacity: 1;
-}