@sellmate/design-system 1.0.76 → 1.0.78

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

@@ -1,257 +0,0 @@
-import { h } from "@stencil/core";
-export class SdSelectOption {
-    el;
-    option;
-    index;
-    isSelected = false;
-    isFocused = false;
-    optionStyle;
-    disabled = false;
-    useCheckbox = false;
-    isHovered = false;
-    async sdIsDisabled() {
-        return !!this.option.disabled;
-    }
-    optionClick;
-    handleClick = (event) => {
-        event.stopPropagation();
-        if (!this.option.disabled && !this.disabled) {
-            this.optionClick.emit({
-                option: this.option,
-                index: this.index,
-                event,
-            });
-        }
-    };
-    render() {
-        return (h("div", { key: '413176678e27ad80c3ba51f8e32681f017d210ac', class: {
-                'sd-select__option': true,
-                'sd-select__option--selected': this.isSelected,
-                'sd-select__option--disabled': !!this.option.disabled,
-                'sd-select__option--focused': this.isFocused,
-                'sd-select__option--use-checkbox': this.useCheckbox,
-            }, onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), style: this.optionStyle, "data-index": this.index, onClick: this.handleClick }, this.useCheckbox ? (h("div", { class: "sd-select__option__checkbox-wrapper" }, h("sd-checkbox", { value: this.isSelected, disabled: this.option.disabled,
-            //   checkboxStyle={
-            //    !this.isSelected
-            //     ? { borderColor: '#888' }
-            //     : this.isHovered
-            //       ? { borderColor: 'white' }
-            //       : { borderColor: '#0075ff' }
-            //   }
-            onClick: e => {
-                e.preventDefault();
-                this.handleClick(e);
-            } }), h("span", { class: "sd-select__option-label" }, this.option.label))) : (this.option.label)));
-    }
-    static get is() { return "sd-select-option"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["sd-select-option.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["sd-select-option.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "option": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "SelectOption",
-                    "resolved": "SelectOption",
-                    "references": {
-                        "SelectOption": {
-                            "location": "import",
-                            "path": "../../../types/select",
-                            "id": "src/types/select.ts::SelectOption",
-                            "referenceLocation": "SelectOption"
-                        }
-                    }
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "index": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "index"
-            },
-            "isSelected": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "is-selected",
-                "defaultValue": "false"
-            },
-            "isFocused": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "is-focused",
-                "defaultValue": "false"
-            },
-            "optionStyle": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "{ [key: string]: string }",
-                    "resolved": "undefined | { [key: string]: string; }",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "disabled": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "disabled",
-                "defaultValue": "false"
-            },
-            "useCheckbox": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "use-checkbox",
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "isHovered": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "optionClick",
-                "name": "optionClick",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "{\n  option: SelectOption;\n  index: number;\n  event: MouseEvent;\n }",
-                    "resolved": "{ option: SelectOption; index: number; event: MouseEvent; }",
-                    "references": {
-                        "SelectOption": {
-                            "location": "import",
-                            "path": "../../../types/select",
-                            "id": "src/types/select.ts::SelectOption",
-                            "referenceLocation": "SelectOption"
-                        },
-                        "MouseEvent": {
-                            "location": "global",
-                            "id": "global::MouseEvent"
-                        }
-                    }
-                }
-            }];
-    }
-    static get methods() {
-        return {
-            "sdIsDisabled": {
-                "complexType": {
-                    "signature": "() => Promise<boolean>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<boolean>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            }
-        };
-    }
-    static get elementRef() { return "el"; }
-}

package/dist/collection/components/sd-select/sd-select-search-input/sd-select-search-input.css

@@ -1,23 +0,0 @@
-sd-select-search-input {
-  position: sticky;
-  top: 0;
-  display: flex;
-  width: 100%;
-  background-color: white;
-  align-items: center;
-}
-sd-select-search-input .sd-select-search-input {
-  position: sticky;
-  top: 0;
-  display: flex;
-  width: 100%;
-  background-color: white;
-  align-items: center;
-  padding: 4px 8px;
-}
-sd-select-search-input .sd-select-search-input sd-input {
-  width: 100%;
-}
-sd-select-search-input .sd-select-search-input--scrolled {
-  box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, 0.2);
-}

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

@@ -1,161 +0,0 @@
-import { h } from "@stencil/core";
-export class SdSelectSearchInput {
-    isScrolled = false;
-    searchText = '';
-    searchInput;
-    searchFocus;
-    searchRef;
-    async sdGetNativeElement() {
-        if (this.searchRef) {
-            return this.searchRef.sdGetNativeElement();
-        }
-        return null;
-    }
-    async sdSearchInputFocus() {
-        const input = await this.sdGetNativeElement();
-        input?.focus({ preventScroll: true });
-    }
-    render() {
-        return (h("div", { key: 'f056d50b2a0ca1e40efabaae5071d56259d2094b', class: {
-                'sd-select-search-input': true,
-                'sd-select-search-input--scrolled': !!this.isScrolled,
-            }, onClick: event => event.stopPropagation() }, h("sd-input", { key: '14a59374d1c7d661247ea506b4f5670893f16294', ref: el => (this.searchRef = el), value: this.searchText, placeholder: "\uAC80\uC0C9", clearable: true, inputStyle: { 'padding-left': '8px' }, autofocus: true, onSdUpdate: event => {
-                this.searchInput.emit(String(event?.detail));
-            }, onSdFocus: () => {
-                this.searchFocus.emit();
-            }, onKeyDown: event => {
-                if (event.code === 'Enter')
-                    event.stopPropagation();
-            } }, h("sd-icon", { key: 'd7e976a06b6a889a1be2b79252f1d57729953522', name: "search", size: 16, color: "#737373", style: { marginRight: '4px' }, slot: "prefix" }))));
-    }
-    static get is() { return "sd-select-search-input"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["sd-select-search-input.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["sd-select-search-input.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "isScrolled": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "is-scrolled",
-                "defaultValue": "false"
-            },
-            "searchText": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string | null",
-                    "resolved": "null | string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "search-text",
-                "defaultValue": "''"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "searchInput",
-                "name": "sdSearchInput",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                }
-            }, {
-                "method": "searchFocus",
-                "name": "sdSearchFocus",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }];
-    }
-    static get methods() {
-        return {
-            "sdGetNativeElement": {
-                "complexType": {
-                    "signature": "() => Promise<HTMLInputElement | null>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "HTMLInputElement": {
-                            "location": "global",
-                            "id": "global::HTMLInputElement"
-                        }
-                    },
-                    "return": "Promise<HTMLInputElement | null>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
-            "sdSearchInputFocus": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            }
-        };
-    }
-}

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

@@ -1,81 +0,0 @@
-.sd-select-group__dropdown .sd-select-group__option-placeholder {
-  height: 48px;
-  display: flex;
-  align-items: center;
-  padding: 8px 16px;
-  font-size: 12px;
-  line-height: 0;
-  text-align: left;
-  color: #888888;
-}
-
-sd-select-group {
-  display: inline-flex;
-  flex-flow: column nowrap;
-  width: fit-content;
-  height: fit-content;
-}
-sd-select-group:focus, sd-select-group:focus-visible, sd-select-group:focus-within {
-  outline: none !important;
-}
-sd-select-group .sd-select-group {
-  width: 100%;
-}
-sd-select-group .sd-select-group .sd-select-group__trigger {
-  padding: 4px 28px 4px 12px;
-  display: flex;
-  width: 100%;
-  height: 100%;
-  align-items: center;
-  cursor: pointer;
-}
-.sd-field--disabled sd-select-group .sd-select-group .sd-select-group__trigger {
-  cursor: not-allowed;
-}
-sd-select-group .sd-select-group .sd-select-group__trigger .sd-select-group__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-group .sd-select-group .sd-select-group__trigger .sd-select-group__clear {
-  margin: 0 4px;
-  width: 8px;
-  height: 8px;
-  background-color: transparent;
-  outline: none;
-  border: none;
-}
-sd-select-group .sd-select-group .sd-select-group__arrow {
-  position: absolute;
-  top: 8px;
-  right: 8px;
-  width: 12px;
-  height: 12px;
-  color: #888888;
-  transition: transform 0.3s ease;
-}
-sd-select-group .sd-select-group .sd-select-group__arrow--open {
-  transform: rotate(180deg);
-}
-
-.sd-select-group__dropdown {
-  overflow: auto;
-  width: var(--select-width, 200px);
-  max-height: var(--select-dropdown-height, 260px);
-  padding-bottom: 2px;
-  background-color: white;
-  box-shadow: 2px 2px 12px 2px rgba(0, 0, 0, 0.1);
-  border-radius: 4px;
-  overflow-y: auto;
-  color: #333333;
-  opacity: 0.5;
-  transition: opacity 0.15s ease-in;
-}
-.sd-select-group__dropdown--ready {
-  opacity: 1;
-}