npm - @sellmate/design-system - Versions diffs - 0.0.13 → 0.0.15 - Mend

@sellmate/design-system 0.0.13 → 0.0.15

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 (181) hide show

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

@@ -24,17 +24,21 @@ export class SdSelectOption {
         }
     };
     render() {
-        return (h(Host, { key: '706574a311653939b3ce1b3e4f0bf66a9b02d53f' }, h("div", { key: '7b3ec16c61f90fa5d262702c850bc6c28749c287', class: {
+        return (h(Host, { key: '23d87df53fa083e6c9aceb1956de51800117df9f' }, h("div", { key: '569c5d35098350fa4d186ba838925de4f966c491', 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", { checked: this.isSelected, disabled: this.option.disabled, checkboxStyle: !this.isSelected
-                ? { borderColor: '#888' }
-                : this.isHovered
-                    ? { borderColor: 'white' }
-                    : { borderColor: '#0075ff' }, onClick: e => {
+            }, 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", { checked: 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))));

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

	@@ -1 +1 @@
1	- {"version":3,"file":"sd-select-option.js","sourceRoot":"","sources":["../../../../src/components/sd-select/sd-select-option/sd-select-option.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,OAAO,EACP,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,GACL,MAAM,eAAe,CAAC;AAOvB,MAAM,OAAO,cAAc;IACf,EAAE,CAAe;IAEpB,MAAM,CAAgB;IACtB,KAAK,CAAU;IACf,UAAU,GAAY,KAAK,CAAC;IAC5B,SAAS,GAAY,KAAK,CAAC;IAC3B,WAAW,CAA6B;IACxC,QAAQ,GAAY,KAAK,CAAC;IAC1B,WAAW,GAAY,KAAK,CAAC;IAE5B,SAAS,GAAY,KAAK,CAAC;IAGpC,KAAK,CAAC,UAAU;QACf,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;IAC/B,CAAC;IAEQ,WAAW,CAIjB;IAEK,WAAW,GAAG,CAAC,KAAiB,EAAE,EAAE;QAC3C,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC7C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;gBACrB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,KAAK;aACL,CAAC,CAAC;QACJ,CAAC;IACF,CAAC,CAAC;IAEF,MAAM;QACL,OAAO,CACN,EAAC,IAAI;YACJ,4DACC,KAAK,EAAE;oBACN,mBAAmB,EAAE,IAAI;oBACzB,6BAA6B,EAAE,IAAI,CAAC,UAAU;oBAC9C,6BAA6B,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ;oBACrD,4BAA4B,EAAE,IAAI,CAAC,SAAS;oBAC5C,iCAAiC,EAAE,IAAI,CAAC,WAAW;iBACnD,EACD,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAC3C,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,EAC5C,KAAK,EAAE,IAAI,CAAC,WAAW,gBACX,IAAI,CAAC,KAAK,EACtB,OAAO,EAAE,IAAI,CAAC,WAAW,IAExB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CACnB,WAAK,KAAK,EAAC,qCAAqC;gBAC/C,mBACC,OAAO,EAAE,IAAI,CAAC,UAAU,EACxB,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,~~EAC9B~~,~~aAAa~~,~~EACZ~~,~~CAAC,IAAI,CAAC,UAAU~~;~~wBACf~~,~~CAAC,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE~~;~~wBACzB~~,~~CAAC,CAAC,IAAI,CAAC,SAAS~~;~~4BACd~~,~~CAAC,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE~~;~~4BAC1B~~,~~CAAC,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,EAEhC,~~OAAO,EAAE,CAAC,CAAC,EAAE;wBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;oBACrB,CAAC,GACa;gBACf,YAAM,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAQ,CAC3D,CACN,CAAC,CAAC,CAAC,CACH,IAAI,CAAC,MAAM,CAAC,KAAK,CACjB,CACI,CACA,CACP,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {\r\n Component,\r\n Element,\r\n Event,\r\n EventEmitter,\r\n h,\r\n Host,\r\n Method,\r\n Prop,\r\n State,\r\n} from '@stencil/core';\r\nimport type { SelectOption } from '../../../types/select';\r\n\r\n@Component({\r\n tag: 'sd-select-option',\r\n styleUrl: 'sd-select-option.scss',\r\n})\r\nexport class SdSelectOption {\r\n @Element() el!: HTMLElement;\r\n\r\n @Prop() option!: SelectOption;\r\n @Prop() index!: number;\r\n @Prop() isSelected: boolean = false;\r\n @Prop() isFocused: boolean = false;\r\n @Prop() optionStyle?: { [key: string]: string };\r\n @Prop() disabled: boolean = false;\r\n @Prop() useCheckbox: boolean = false;\r\n\r\n @State() isHovered: boolean = false;\r\n\r\n @Method()\r\n async isDisabled(): Promise<boolean> {\r\n return !!this.option.disabled;\r\n }\r\n\r\n @Event() optionClick!: EventEmitter<{\r\n option: SelectOption;\r\n index: number;\r\n event: MouseEvent;\r\n }>;\r\n\r\n private handleClick = (event: MouseEvent) => {\r\n event.stopPropagation();\r\n\r\n if (!this.option.disabled && !this.disabled) {\r\n this.optionClick.emit({\r\n option: this.option,\r\n index: this.index,\r\n event,\r\n });\r\n }\r\n };\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div\r\n class={{\r\n 'sd-select__option': true,\r\n 'sd-select__option--selected': this.isSelected,\r\n 'sd-select__option--disabled': !!this.option.disabled,\r\n 'sd-select__option--focused': this.isFocused,\r\n 'sd-select__option--use-checkbox': this.useCheckbox,\r\n }}\r\n onMouseEnter={() => (this.isHovered = true)}\r\n onMouseLeave={() => (this.isHovered = false)}\r\n style={this.optionStyle}\r\n data-index={this.index}\r\n onClick={this.handleClick}\r\n >\r\n {this.useCheckbox ? (\r\n <div class=\"sd-select__option__checkbox-wrapper\">\r\n <sd-checkbox\r\n checked={this.isSelected}\r\n disabled={this.option.disabled}\r\n checkboxStyle={\r\n !this.isSelected\r\n ? { borderColor: '#888' }\r\n : this.isHovered\r\n ? { borderColor: 'white' }\r\n : { borderColor: '#0075ff' }\r\n }\r\n onClick={e => {\r\n e.preventDefault();\r\n this.handleClick(e);\r\n }}\r\n ></sd-checkbox>\r\n <span class=\"sd-select__option-label\">{this.option.label}</span>\r\n </div>\r\n ) : (\r\n this.option.label\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"sd-select-option.js","sourceRoot":"","sources":["../../../../src/components/sd-select/sd-select-option/sd-select-option.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,OAAO,EACP,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,GACL,MAAM,eAAe,CAAC;AAOvB,MAAM,OAAO,cAAc;IACf,EAAE,CAAe;IAEpB,MAAM,CAAgB;IACtB,KAAK,CAAU;IACf,UAAU,GAAY,KAAK,CAAC;IAC5B,SAAS,GAAY,KAAK,CAAC;IAC3B,WAAW,CAA6B;IACxC,QAAQ,GAAY,KAAK,CAAC;IAC1B,WAAW,GAAY,KAAK,CAAC;IAE5B,SAAS,GAAY,KAAK,CAAC;IAGpC,KAAK,CAAC,UAAU;QACf,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;IAC/B,CAAC;IAEQ,WAAW,CAIjB;IAEK,WAAW,GAAG,CAAC,KAAiB,EAAE,EAAE;QAC3C,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC7C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;gBACrB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,KAAK;aACL,CAAC,CAAC;QACJ,CAAC;IACF,CAAC,CAAC;IAEF,MAAM;QACL,OAAO,CACN,EAAC,IAAI;YACJ,4DACC,KAAK,EAAE;oBACN,mBAAmB,EAAE,IAAI;oBACzB,6BAA6B,EAAE,IAAI,CAAC,UAAU;oBAC9C,6BAA6B,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ;oBACrD,4BAA4B,EAAE,IAAI,CAAC,SAAS;oBAC5C,iCAAiC,EAAE,IAAI,CAAC,WAAW;iBACnD,EACD,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAC3C,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,EAC5C,KAAK,EAAE,IAAI,CAAC,WAAW,gBACX,IAAI,CAAC,KAAK,EACtB,OAAO,EAAE,IAAI,CAAC,WAAW,IAExB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CACnB,WAAK,KAAK,EAAC,qCAAqC;gBAC/C,mBACC,OAAO,EAAE,IAAI,CAAC,UAAU,EACxB,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ;oBAC9B,oBAAoB;oBACpB,sBAAsB;oBACtB,gCAAgC;oBAChC,uBAAuB;oBACvB,mCAAmC;oBACnC,qCAAqC;oBACrC,MAAM;oBACN,OAAO,EAAE,CAAC,CAAC,EAAE;wBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;oBACrB,CAAC,GACa;gBACf,YAAM,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAQ,CAC3D,CACN,CAAC,CAAC,CAAC,CACH,IAAI,CAAC,MAAM,CAAC,KAAK,CACjB,CACI,CACA,CACP,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {\r\n Component,\r\n Element,\r\n Event,\r\n EventEmitter,\r\n h,\r\n Host,\r\n Method,\r\n Prop,\r\n State,\r\n} from '@stencil/core';\r\nimport type { SelectOption } from '../../../types/select';\r\n\r\n@Component({\r\n tag: 'sd-select-option',\r\n styleUrl: 'sd-select-option.scss',\r\n})\r\nexport class SdSelectOption {\r\n @Element() el!: HTMLElement;\r\n\r\n @Prop() option!: SelectOption;\r\n @Prop() index!: number;\r\n @Prop() isSelected: boolean = false;\r\n @Prop() isFocused: boolean = false;\r\n @Prop() optionStyle?: { [key: string]: string };\r\n @Prop() disabled: boolean = false;\r\n @Prop() useCheckbox: boolean = false;\r\n\r\n @State() isHovered: boolean = false;\r\n\r\n @Method()\r\n async isDisabled(): Promise<boolean> {\r\n return !!this.option.disabled;\r\n }\r\n\r\n @Event() optionClick!: EventEmitter<{\r\n option: SelectOption;\r\n index: number;\r\n event: MouseEvent;\r\n }>;\r\n\r\n private handleClick = (event: MouseEvent) => {\r\n event.stopPropagation();\r\n\r\n if (!this.option.disabled && !this.disabled) {\r\n this.optionClick.emit({\r\n option: this.option,\r\n index: this.index,\r\n event,\r\n });\r\n }\r\n };\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div\r\n class={{\r\n 'sd-select__option': true,\r\n 'sd-select__option--selected': this.isSelected,\r\n 'sd-select__option--disabled': !!this.option.disabled,\r\n 'sd-select__option--focused': this.isFocused,\r\n 'sd-select__option--use-checkbox': this.useCheckbox,\r\n }}\r\n onMouseEnter={() => (this.isHovered = true)}\r\n onMouseLeave={() => (this.isHovered = false)}\r\n style={this.optionStyle}\r\n data-index={this.index}\r\n onClick={this.handleClick}\r\n >\r\n {this.useCheckbox ? (\r\n <div class=\"sd-select__option__checkbox-wrapper\">\r\n <sd-checkbox\r\n checked={this.isSelected}\r\n disabled={this.option.disabled}\r\n // checkboxStyle={\r\n // !this.isSelected\r\n // ? { borderColor: '#888' }\r\n // : this.isHovered\r\n // ? { borderColor: 'white' }\r\n // : { borderColor: '#0075ff' }\r\n // }\r\n onClick={e => {\r\n e.preventDefault();\r\n this.handleClick(e);\r\n }}\r\n ></sd-checkbox>\r\n <span class=\"sd-select__option-label\">{this.option.label}</span>\r\n </div>\r\n ) : (\r\n this.option.label\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/sd-select/sd-select.css CHANGED Viewed

@@ -1481,6 +1481,8 @@ textarea {
   border-radius: 4px;
   overflow-y: auto;
   color: #333333;
+  display: flex;
+  flex-direction: column nowrap;
 }
 .sd-select__dropdown .sd-select__search-container {
   position: sticky;

package/dist/collection/components/sd-select/sd-select.js CHANGED Viewed

@@ -200,11 +200,11 @@ export class SdSelect extends BaseDropdownEvent {
             '--select-width': this.width || '200px',
             '--select-dropdown-height': this.dropdownHeight || '260px',
         };
-        return (h(Host, { key: '34242e3aff012b7f77ae0f58fc35143d050491e7', style: style }, h("div", { key: 'f713437e9ea2463abb1306a67e89fbb212c03c84', class: {
+        return (h(Host, { key: 'cf8f4ce07f7ee5fc9706bdcd0d34c5211113f21e', style: style }, h("div", { key: 'b2cc0ad9e72668d33255c4e7277fabfd121e8b72', class: {
                 'sd-select': true,
                 'sd-select--open': this.isOpen,
                 'sd-select--disabled': this.disabled,
-            }, ref: el => (this.selectRef = el) }, this.renderLabel(this.label), h("div", { key: '0ba8978cbfa5972c51f30d8d98760d8f72341555', class: "sd-select__container" }, this.renderTrigger(), this.renderDropdown()))));
+            }, ref: el => (this.selectRef = el) }, this.renderLabel(this.label), h("div", { key: '1be74d029ebbc24eecc6cbd2d2f236715282f350', class: "sd-select__container" }, this.renderTrigger(), this.renderDropdown()))));
     }
     renderLabel(label) {
         if (!label)

package/dist/collection/components/sd-select-multiple/sd-select-multiple.js CHANGED Viewed

@@ -208,11 +208,11 @@ export class SdSelectMultiple extends BaseDropdownEvent {
             '--select-width': this.width || '200px',
             '--select-dropdown-height': this.dropdownHeight || '260px',
         };
-        return (h(Host, { key: '7f809c5d682b5f03e624151a23056e93dd420704', style: style }, h("div", { key: 'e681c6817d2245a9b3d9f168a972beb6b9c648aa', class: {
+        return (h(Host, { key: '8a237d4dc7f743a7685b440cd654d51629765a20', style: style }, h("div", { key: 'c1240092508fbb9e9b638803171847b174da9062', class: {
                 'sd-select-multiple': true,
                 'sd-select-multiple--open': this.isOpen,
                 'sd-select-multiple--disabled': this.disabled,
-            }, ref: el => (this.selectRef = el) }, this.renderLabel(this.label), h("div", { key: 'f3b36403172d090098f618b7aa734e0d2aacfe71', class: "sd-select-multiple__container" }, this.renderTrigger(), this.renderDropdown()))));
+            }, ref: el => (this.selectRef = el) }, this.renderLabel(this.label), h("div", { key: 'b99913866f316d7eacffd9e0e71fd58baac05c34', class: "sd-select-multiple__container" }, this.renderTrigger(), this.renderDropdown()))));
     }
     renderLabel(label) {
         if (!label)

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

@@ -252,11 +252,11 @@ export class SdSelectMultipleGroup extends BaseDropdownEvent {
             '--select-width': this.width || '200px',
             '--select-dropdown-height': this.dropdownHeight || '260px',
         };
-        return (h(Host, { key: 'b2dd93262b0d07ca7991b9a9c4b4b643ece0132d', style: style }, h("div", { key: '02759e35f71bcc24242d55448218947232232c84', class: {
+        return (h(Host, { key: '1244cf850d04ffbe539dc3d282488aef7adf012b', style: style }, h("div", { key: 'd4170fd8bc7f7fa6a71b2e66003bf9ccf09fc68a', class: {
                 'sd-select-multiple-group': true,
                 'sd-select-multiple-group--open': this.isOpen,
                 'sd-select-multiple-group--disabled': this.disabled,
-            }, style: this.containerStyle, ref: el => (this.selectRef = el) }, this.renderLabel(this.label, this.labelStyle), h("div", { key: 'de24276ab88ecad8e49d1766153c84366380cf68', class: "sd-select-multiple-group__container" }, this.renderTrigger(), this.renderDropdown()))));
+            }, style: this.containerStyle, ref: el => (this.selectRef = el) }, this.renderLabel(this.label, this.labelStyle), h("div", { key: '5e6bfa6b8f0eb9c88dfca7496d1e81cb4c2a185c', class: "sd-select-multiple-group__container" }, this.renderTrigger(), this.renderDropdown()))));
     }
     renderLabel(label, labelStyle) {
         if (!label)

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

@@ -34,7 +34,7 @@ export class SdSelectOptionGroup {
         }
     };
     render() {
-        return (h(Host, { key: '2c25ad33d49eefbfedae7e1b9ee4453131b53321' }, h("div", { key: '4f6ef860ca32e13bb8253d768f8bf70b4fd1fe91', class: {
+        return (h(Host, { key: 'efe392a974379955f7530659a609c584910764eb' }, h("div", { key: '6eabbdcac6f6c2b7439e22f82d85b96b54726805', class: {
                 'sd-select__option-group': true,
                 'sd-select__option-group--selected': !!this.isSelected,
                 'sd-select__option-group--disabled': !!this.option.disabled,
@@ -43,11 +43,15 @@ export class SdSelectOptionGroup {
                 '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) }, this.useCheckbox ? (h("div", { class: "sd-select__option-group__checkbox-wrapper" }, h("sd-checkbox", { checked: this.isSelected, disabled: this.option.disabled, checkboxStyle: !this.isSelected
-                ? { borderColor: '#888' }
-                : this.isHovered
-                    ? { borderColor: 'white' }
-                    : { borderColor: '#0075ff' }, onClick: e => {
+            }, onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), style: this.optionStyle, "data-index": this.index, onClick: event => this.handleClick(this.option, this.isSelected, event) }, this.useCheckbox ? (h("div", { class: "sd-select__option-group__checkbox-wrapper" }, h("sd-checkbox", { checked: this.isSelected, disabled: this.option.disabled,
+            // checkboxStyle={
+            //  !this.isSelected
+            //   ? { borderColor: '#888' }
+            //   : this.isHovered
+            //     ? { borderColor: 'white' }
+            //     : { borderColor: '#0075ff' }
+            // }
+            onClick: e => {
                 e.preventDefault();
                 this.handleClick(this.option, this.isSelected, e);
             } }), h("span", { class: "sd-select__option-group-label" }, this.option.label))) : (this.option.label))));

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

	@@ -1 +1 @@
1	- {"version":3,"file":"sd-select-option-group.js","sourceRoot":"","sources":["../../../../src/components/sd-select-multiple-group/sd-select-option-group/sd-select-option-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,OAAO,EACP,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,GACL,MAAM,eAAe,CAAC;AAOvB,MAAM,OAAO,mBAAmB;IACpB,EAAE,CAAe;IAEpB,MAAM,CAAqB;IAC3B,KAAK,CAAU;IACf,UAAU,GAAmB,KAAK,CAAC;IACnC,SAAS,GAAY,KAAK,CAAC;IAC3B,WAAW,CAA6B;IACxC,QAAQ,GAAY,KAAK,CAAC;IAC1B,WAAW,GAAY,KAAK,CAAC;IAE5B,SAAS,GAAY,KAAK,CAAC;IAGpC,KAAK,CAAC,UAAU;QACf,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,UAAU,CAAC;IAClG,CAAC;IAEQ,WAAW,CAKjB;IAEK,WAAW,GAAG,CACrB,MAAyB,EACzB,UAA0B,EAC1B,KAAiB,EAChB,EAAE;QACH,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,IAAI,MAAM,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;YAC3D,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;gBACrB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,UAAU;gBACV,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,KAAK;aACL,CAAC,CAAC;YACH,OAAO;QACR,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC7C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;gBACrB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,UAAU;gBACV,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,KAAK;aACL,CAAC,CAAC;QACJ,CAAC;IACF,CAAC,CAAC;IAEF,MAAM;QACL,OAAO,CACN,EAAC,IAAI;YACJ,4DACC,KAAK,EAAE;oBACN,yBAAyB,EAAE,IAAI;oBAC/B,mCAAmC,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU;oBACtD,mCAAmC,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ;oBAC3D,kCAAkC,EAAE,IAAI,CAAC,SAAS;oBAClD,uCAAuC,EAAE,IAAI,CAAC,WAAW;oBACzD,gCAAgC,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,OAAO;oBAC9D,mCAAmC,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,UAAU;oBACpE,+BAA+B,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,MAAM;iBAC5D,EACD,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAC3C,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,EAC5C,KAAK,EAAE,IAAI,CAAC,WAAW,gBACX,IAAI,CAAC,KAAK,EACtB,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,IAEtE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CACnB,WAAK,KAAK,EAAC,2CAA2C;gBACrD,mBACC,OAAO,EAAE,IAAI,CAAC,UAAU,EACxB,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,~~EAC9B~~,~~aAAa~~,~~EACZ~~,~~CAAC~~,~~IAAI,CAAC,UAAU~~;~~wBACf~~,~~CAAC,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE~~;~~wBACzB~~,~~CAAC,CAAC,~~IAAI~~,CAAC,SAAS~~;~~4BACd~~,~~CAAC,CAAC,EAAE,WAAW,EAAE,~~OAAO,EAAE~~;4BAC1B~~,CAAC,CAAC,EAAE~~,WAAW,EAAE,SAAS,EAAE,EAEhC,OAAO,EAAE,CAAC,CAAC,EAAE~~;wBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;oBACnD,CAAC,GACa;gBACf,YAAM,KAAK,EAAC,+BAA+B,IAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAQ,CACjE,CACN,CAAC,CAAC,CAAC,CACH,IAAI,CAAC,MAAM,CAAC,KAAK,CACjB,CACI,CACA,CACP,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {\r\n Component,\r\n Element,\r\n Event,\r\n EventEmitter,\r\n h,\r\n Host,\r\n Method,\r\n Prop,\r\n State,\r\n} from '@stencil/core';\r\nimport { SelectOptionGroup } from '../../sd-select/sd-select';\r\n\r\n@Component({\r\n tag: 'sd-select-option-group',\r\n styleUrl: 'sd-select-option-group.scss',\r\n})\r\nexport class SdSelectOptionGroup {\r\n @Element() el!: HTMLElement;\r\n\r\n @Prop() option!: SelectOptionGroup;\r\n @Prop() index!: number;\r\n @Prop() isSelected: boolean \| null = false;\r\n @Prop() isFocused: boolean = false;\r\n @Prop() optionStyle?: { [key: string]: string };\r\n @Prop() disabled: boolean = false;\r\n @Prop() useCheckbox: boolean = false;\r\n\r\n @State() isHovered: boolean = false;\r\n\r\n @Method()\r\n async isDisabled(): Promise<boolean> {\r\n return !!this.option.disabled \|\| this.option.type === 'group' \|\| this.option.type === 'subgroup';\r\n }\r\n\r\n @Event() optionClick!: EventEmitter<{\r\n option: SelectOptionGroup;\r\n isSelected: boolean \| null;\r\n index: number;\r\n event: MouseEvent;\r\n }>;\r\n\r\n private handleClick = (\r\n option: SelectOptionGroup,\r\n isSelected: boolean \| null,\r\n event: MouseEvent,\r\n ) => {\r\n event.stopPropagation();\r\n\r\n if (option.type === 'group' \|\| option.type === 'subgroup') {\r\n this.optionClick.emit({\r\n option: this.option,\r\n isSelected,\r\n index: this.index,\r\n event,\r\n });\r\n return;\r\n }\r\n\r\n if (!this.option.disabled && !this.disabled) {\r\n this.optionClick.emit({\r\n option: this.option,\r\n isSelected,\r\n index: this.index,\r\n event,\r\n });\r\n }\r\n };\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div\r\n class={{\r\n 'sd-select__option-group': true,\r\n 'sd-select__option-group--selected': !!this.isSelected,\r\n 'sd-select__option-group--disabled': !!this.option.disabled,\r\n 'sd-select__option-group--focused': this.isFocused,\r\n 'sd-select__option-group--use-checkbox': this.useCheckbox,\r\n 'sd-select__option-group--group': this.option.type === 'group',\r\n 'sd-select__option-group--subgroup': this.option.type === 'subgroup',\r\n 'sd-select__option-group--item': this.option.type === 'item',\r\n }}\r\n onMouseEnter={() => (this.isHovered = true)}\r\n onMouseLeave={() => (this.isHovered = false)}\r\n style={this.optionStyle}\r\n data-index={this.index}\r\n onClick={event => this.handleClick(this.option, this.isSelected, event)}\r\n >\r\n {this.useCheckbox ? (\r\n <div class=\"sd-select__option-group__checkbox-wrapper\">\r\n <sd-checkbox\r\n checked={this.isSelected}\r\n disabled={this.option.disabled}\r\n checkboxStyle={\r\n !this.isSelected\r\n ? { borderColor: '#888' }\r\n : this.isHovered\r\n ? { borderColor: 'white' }\r\n : { borderColor: '#0075ff' }\r\n }\r\n onClick={e => {\r\n e.preventDefault();\r\n this.handleClick(this.option, this.isSelected, e);\r\n }}\r\n ></sd-checkbox>\r\n <span class=\"sd-select__option-group-label\">{this.option.label}</span>\r\n </div>\r\n ) : (\r\n this.option.label\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"sd-select-option-group.js","sourceRoot":"","sources":["../../../../src/components/sd-select-multiple-group/sd-select-option-group/sd-select-option-group.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\r\n Component,\r\n Element,\r\n Event,\r\n EventEmitter,\r\n h,\r\n Host,\r\n Method,\r\n Prop,\r\n State,\r\n} from '@stencil/core';\r\nimport { SelectOptionGroup } from '../../sd-select/sd-select';\r\n\r\n@Component({\r\n tag: 'sd-select-option-group',\r\n styleUrl: 'sd-select-option-group.scss',\r\n})\r\nexport class SdSelectOptionGroup {\r\n @Element() el!: HTMLElement;\r\n\r\n @Prop() option!: SelectOptionGroup;\r\n @Prop() index!: number;\r\n @Prop() isSelected: boolean \| null = false;\r\n @Prop() isFocused: boolean = false;\r\n @Prop() optionStyle?: { [key: string]: string };\r\n @Prop() disabled: boolean = false;\r\n @Prop() useCheckbox: boolean = false;\r\n\r\n @State() isHovered: boolean = false;\r\n\r\n @Method()\r\n async isDisabled(): Promise<boolean> {\r\n return !!this.option.disabled \|\| this.option.type === 'group' \|\| this.option.type === 'subgroup';\r\n }\r\n\r\n @Event() optionClick!: EventEmitter<{\r\n option: SelectOptionGroup;\r\n isSelected: boolean \| null;\r\n index: number;\r\n event: MouseEvent;\r\n }>;\r\n\r\n private handleClick = (\r\n option: SelectOptionGroup,\r\n isSelected: boolean \| null,\r\n event: MouseEvent,\r\n ) => {\r\n event.stopPropagation();\r\n\r\n if (option.type === 'group' \|\| option.type === 'subgroup') {\r\n this.optionClick.emit({\r\n option: this.option,\r\n isSelected,\r\n index: this.index,\r\n event,\r\n });\r\n return;\r\n }\r\n\r\n if (!this.option.disabled && !this.disabled) {\r\n this.optionClick.emit({\r\n option: this.option,\r\n isSelected,\r\n index: this.index,\r\n event,\r\n });\r\n }\r\n };\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div\r\n class={{\r\n 'sd-select__option-group': true,\r\n 'sd-select__option-group--selected': !!this.isSelected,\r\n 'sd-select__option-group--disabled': !!this.option.disabled,\r\n 'sd-select__option-group--focused': this.isFocused,\r\n 'sd-select__option-group--use-checkbox': this.useCheckbox,\r\n 'sd-select__option-group--group': this.option.type === 'group',\r\n 'sd-select__option-group--subgroup': this.option.type === 'subgroup',\r\n 'sd-select__option-group--item': this.option.type === 'item',\r\n }}\r\n onMouseEnter={() => (this.isHovered = true)}\r\n onMouseLeave={() => (this.isHovered = false)}\r\n style={this.optionStyle}\r\n data-index={this.index}\r\n onClick={event => this.handleClick(this.option, this.isSelected, event)}\r\n >\r\n {this.useCheckbox ? (\r\n <div class=\"sd-select__option-group__checkbox-wrapper\">\r\n <sd-checkbox\r\n checked={this.isSelected}\r\n disabled={this.option.disabled}\r\n // checkboxStyle={\r\n // !this.isSelected\r\n // ? { borderColor: '#888' }\r\n // : this.isHovered\r\n // ? { borderColor: 'white' }\r\n // : { borderColor: '#0075ff' }\r\n // }\r\n onClick={e => {\r\n e.preventDefault();\r\n this.handleClick(this.option, this.isSelected, e);\r\n }}\r\n ></sd-checkbox>\r\n <span class=\"sd-select__option-group-label\">{this.option.label}</span>\r\n </div>\r\n ) : (\r\n this.option.label\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/sd-table/sd-table.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { h, Host, } from "@stencil/core";
 export class SdTable {
     el;
-    columns = [];
-    rows = [];
+    columns;
+    rows;
     selected = new Set();
     rowKey = 'id';
     selectable = false;
@@ -192,10 +192,10 @@ export class SdTable {
         }))))));
     }
     render() {
-        return (h(Host, { key: '362b2d53c4a66aeac6abf8c024c32172f181a90d' }, h("div", { key: 'ed9a2d658030925f20af988d917e35a357bfa564', class: "sd-table__wrapper", style: {
+        return (h(Host, { key: '84e1e86a1f537814c86b4d23e19d9e15110feeb5' }, h("div", { key: '38c189caa26fb8b32021e4445e0e9673c2913852', class: "sd-table__wrapper", style: {
                 '--table-width': this.width,
                 '--table-height': this.height,
-            } }, h("div", { key: 'd94b1b2b09e23ab27bce4f8328ccb3b3678d7ffb', class: "sd-table__container" }, h("div", { key: 'a68354221c4953b7b60ce66a072659e0b137451f', class: "sd-table__middle" }, h("table", { key: 'e2bbc397989777920bdb55bd02f6f4a60f7bfd17', part: "table", class: this.sdTableClasses }, this.renderHeader(), this.renderBody())), h("div", { key: '6d9176e65c7dfc8810ba08ae563aeb47ab366298', class: "sd-table__bottom" })), this.pagination && this.innerRows.length > 0 && (h("div", { key: '0bbf8ea1b355cb894b99fbc42b196493c97dd5f2', class: "sd-table__pagination" }, h("sd-pagination", { key: '2e5d02690a2276a4ba61652ae238b0ace453445b', currentPage: this.currentPage, lastPage: this.lastPageNumber, onPageChange: (e) => {
+            } }, h("div", { key: 'e81e3a04ac13e9b049acda3ba3503d15dfcb0b5b', class: "sd-table__container" }, h("div", { key: '4be117d9789efd655e288159512947f272704bc6', class: "sd-table__middle" }, h("table", { key: '7b9985d135355e1c4fc5b96b098f044c8d4d4405', part: "table", class: this.sdTableClasses }, this.renderHeader(), this.renderBody())), h("div", { key: '0bef58541461eae84d674ebf6ff776ffe21778d2', class: "sd-table__bottom" })), this.pagination && this.innerRows.length > 0 && (h("div", { key: '0dbf69c7b87b3eb0cff3409fc3e3be8a03c66699', class: "sd-table__pagination" }, h("sd-pagination", { key: 'f924fd4b198f1015a9468673887e199e155ed821', currentPage: this.currentPage, lastPage: this.lastPageNumber, onPageChange: (e) => {
                 this.currentPage = e.detail;
                 this.sdPageChange.emit(this.currentPage);
             } }))))));
@@ -227,15 +227,14 @@ export class SdTable {
                         }
                     }
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
                     "text": ""
                 },
                 "getter": false,
-                "setter": false,
-                "defaultValue": "[]"
+                "setter": false
             },
             "rows": {
                 "type": "unknown",
@@ -251,15 +250,14 @@ export class SdTable {
                         }
                     }
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
                     "text": ""
                 },
                 "getter": false,
-                "setter": false,
-                "defaultValue": "[]"
+                "setter": false
             },
             "selected": {
                 "type": "unknown",

package/dist/collection/components/sd-table/sd-table.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sd-table.js","sourceRoot":"","sources":["../../../src/components/sd-table/sd-table.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\r\n Component,\r\n Element,\r\n Prop,\r\n State,\r\n Event,\r\n Watch,\r\n h,\r\n EventEmitter,\r\n Host,\r\n} from '@stencil/core';\r\n\r\nexport type SdTableSortDir = 'asc' \| 'desc' \| 'none';\r\n\r\nexport interface SdTableColumn {\r\n name: string;\r\n label: string;\r\n field: string \| ((row: any) => any);\r\n align?: 'left' \| 'center' \| 'right';\r\n width?: string;\r\n format?: (value: any, row: any) => string;\r\n visible?: boolean;\r\n usePageMoveIcon?: boolean;\r\n tooltip?: string[];\r\n tooltipOptions?: Record<string, any>;\r\n}\r\n\r\nexport interface Row {\r\n [key: string]: any;\r\n}\r\n\r\n@Component({\r\n tag: 'sd-table',\r\n styleUrl: 'sd-table.scss',\r\n})\r\nexport class SdTable {\r\n @Element() el!: HTMLElement;\r\n\r\n @Prop() columns: SdTableColumn[] = [];\r\n @Prop({ mutable: true }) rows: Row[] = [];\r\n @Prop({ mutable: true }) selected: Set<Row> = new Set();\r\n @Prop() rowKey: string = 'id';\r\n @Prop() selectable: boolean = false;\r\n @Prop() resizable: boolean = false;\r\n @Prop() width?: string;\r\n @Prop() height?: string;\r\n @Prop() stickyHeader: boolean = false;\r\n @Prop() stickyColumn: { left?: number; right?: number } = { left: 0, right: 0 };\r\n @Prop() noDataLabel: string = '데이터가 없습니다.';\r\n @Prop() pagination?: {\r\n page: number;\r\n rowsPerPage: number;\r\n lastPage?: number;\r\n };\r\n @Prop() bodyCellRenderer?: (\r\n column: SdTableColumn,\r\n row: Row,\r\n ) => HTMLElement \| string \| null \| undefined;\r\n\r\n @Event() sdSelectChange!: EventEmitter<Row[]>;\r\n @Event() sdPageChange!: EventEmitter<number>;\r\n\r\n @State() currentPage: number = this.pagination?.page \|\| 1;\r\n @State() innerRows: Row[] = [];\r\n @State() innerSelected: Set<Row> = new Set();\r\n @State() columnWidths: number[] = [];\r\n @State() scrolledLeft: boolean = false;\r\n @State() scrolledRight: boolean = false;\r\n\r\n @Watch('columns')\r\n handleColumnsChange(newCols: SdTableColumn[]) {\r\n this.columnWidths = newCols.map(c => parseInt(c.width \|\| '120', 10));\r\n }\r\n\r\n @Watch('rows')\r\n handleRowsChange(newRows: Row[]) {\r\n this.innerRows = [...newRows];\r\n }\r\n\r\n @Watch('selected')\r\n handleSelectedChange(newSelected: Set<Row>) {\r\n this.innerSelected = new Set(newSelected);\r\n }\r\n\r\n @Watch('pagination')\r\n handlePaginationChange(\r\n newVal?: { page: number; rowsPerPage: number; lastPage?: number } \| undefined,\r\n ) {\r\n if (newVal?.page && newVal.page !== this.currentPage) this.currentPage = newVal.page;\r\n }\r\n\r\n componentWillLoad() {\r\n this.innerRows = [...this.rows];\r\n this.innerSelected = new Set(this.selected);\r\n this.columnWidths = this.columns.map(c => parseInt(c.width \|\| '120', 10));\r\n }\r\n\r\n componentDidLoad() {\r\n const middle = this.el.querySelector('.sd-table__middle');\r\n if (!middle) return;\r\n\r\n const onScroll = () => {\r\n const { scrollLeft, scrollWidth, clientWidth } = middle as HTMLElement;\r\n this.scrolledLeft = scrollLeft > 0;\r\n this.scrolledRight = scrollLeft + clientWidth < scrollWidth;\r\n };\r\n middle.addEventListener('scroll', onScroll, { passive: true });\r\n onScroll();\r\n }\r\n\r\n // ----- Derived getters -----\r\n private get visibleColumns(): SdTableColumn[] {\r\n return this.columns.filter(col => col.visible !== false);\r\n }\r\n\r\n private get paginatedRows(): Row[] {\r\n if (!this.pagination) return this.innerRows;\r\n\r\n const { rowsPerPage = this.rows.length } = this.pagination \|\| {};\r\n\r\n const result = this.innerRows.slice(\r\n (this.currentPage - 1) * rowsPerPage,\r\n this.currentPage * rowsPerPage,\r\n );\r\n\r\n return result;\r\n }\r\n\r\n private get lastPageNumber(): number {\r\n const { lastPage, rowsPerPage = this.rows.length } = this.pagination \|\| {};\r\n\r\n return lastPage ?? Math.max(1, Math.ceil(this.rows.length / rowsPerPage));\r\n }\r\n\r\n private get sdTableClasses() {\r\n return [\r\n 'sd-table',\r\n this.stickyHeader && 'sd-table--sticky-header',\r\n this.selectable && 'sd-table--selectable',\r\n this.resizable && 'sd-table--resizable',\r\n !this.innerRows.length && 'sd-table--no-data',\r\n ((this.stickyColumn?.left ?? 0) > 0 \|\| (this.stickyColumn?.right ?? 0) > 0) &&\r\n 'sd-table--sticky-column',\r\n this.scrolledLeft && 'sd-table--scrolled-left',\r\n this.scrolledRight && 'sd-table--scrolled-right',\r\n ]\r\n .filter(Boolean)\r\n .join(' ');\r\n }\r\n\r\n // ----- Selection -----\r\n private isRowSelected(row: Row): boolean {\r\n return Array.from(this.innerSelected).some(r => r[this.rowKey] === row[this.rowKey]);\r\n }\r\n\r\n private updateRowSelect(row: Row) {\r\n const selectedArray = Array.from(this.innerSelected);\r\n const exists = this.isRowSelected(row);\r\n const newSelected = exists\r\n ? selectedArray.filter(r => r[this.rowKey] !== row[this.rowKey])\r\n : [...selectedArray, row];\r\n\r\n // 동일 상태면 set하지 않음 → 불필요 렌더 방지\r\n if (newSelected.length === selectedArray.length) return;\r\n\r\n this.innerSelected = new Set(newSelected);\r\n this.sdSelectChange.emit(Array.from(this.innerSelected));\r\n }\r\n\r\n private toggleSelectAll(checked: boolean \| any[]) {\r\n if (checked) {\r\n const pageRows = new Set([...this.paginatedRows]);\r\n this.innerSelected = new Set([...this.innerSelected, ...pageRows]);\r\n } else {\r\n const currentPageKeys = this.paginatedRows.map(r => r[this.rowKey]);\r\n this.innerSelected = new Set(\r\n [...this.innerSelected].filter(r => !currentPageKeys.includes(r[this.rowKey])),\r\n );\r\n }\r\n\r\n this.sdSelectChange.emit(Array.from(this.innerSelected));\r\n }\r\n\r\n private get isAllChecked(): boolean \| null {\r\n const total = this.paginatedRows.length;\r\n const selectedCount = this.paginatedRows.filter(row =>\r\n Array.from(this.innerSelected).some(\r\n selectedRow => selectedRow[this.rowKey] === row[this.rowKey],\r\n ),\r\n ).length;\r\n\r\n if (selectedCount === 0) return false; // 아무것도 안 선택됨\r\n if (selectedCount === total) return true; // 전부 선택됨\r\n return null; // 일부만 선택됨\r\n }\r\n\r\n // ----- Helpers -----\r\n private getStickyStyle(colIdx: number) {\r\n const leftOffset =\r\n this.columnWidths.slice(0, colIdx).reduce((a, b) => a + b, 0) + (this.selectable ? 52 : 0);\r\n const rightOffset = this.columnWidths\r\n .filter((_, i) => i >= this.visibleColumns.length - (this.stickyColumn.right \|\| 0) && i > colIdx)\r\n .reduce((a, b) => a + b, 0);\r\n return {\r\n '--sticky-left-offset': `${leftOffset}px`,\r\n '--sticky-right-offset': `${rightOffset}px`,\r\n 'width': `${this.columnWidths[colIdx]}px`,\r\n 'minWidth': `${this.columnWidths[colIdx]}px`,\r\n 'maxWidth': `${this.columnWidths[colIdx]}px`,\r\n };\r\n }\r\n\r\n private handleResize(index: number, event: MouseEvent) {\r\n const startX = event.clientX;\r\n const startWidth = this.columnWidths[index];\r\n\r\n const handleMouseMove = (moveEvent: MouseEvent) => {\r\n const newWidth = Math.max(startWidth + moveEvent.clientX - startX, 50);\r\n\r\n this.columnWidths = this.columnWidths.map((width, idx) => (idx === index ? newWidth : width));\r\n };\r\n\r\n const handleMouseUp = () => {\r\n document.removeEventListener('mousemove', handleMouseMove);\r\n document.removeEventListener('mouseup', handleMouseUp);\r\n };\r\n\r\n document.addEventListener('mousemove', handleMouseMove);\r\n document.addEventListener('mouseup', handleMouseUp);\r\n }\r\n\r\n private getCellValue(column: SdTableColumn, row: Row) {\r\n const { field, format, name } = column;\r\n const value = typeof field === 'function' ? field(row) : field ? row[field] : row[name];\r\n return format ? format(value, row) : value;\r\n }\r\n\r\n // ----- Render -----\r\n private renderHeader() {\r\n return (\r\n <thead>\r\n <tr>\r\n {this.selectable && (\r\n <th\r\n class={{\r\n 'sd-th': true,\r\n 'sd-th--selected': true,\r\n 'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),\r\n }}\r\n style={{\r\n '--sticky-left-offset': '0px',\r\n }}\r\n >\r\n <sd-checkbox\r\n checked={this.isAllChecked}\r\n disabled={!this.paginatedRows.length}\r\n onSdChange={(e: CustomEvent<boolean \| any[]>) => this.toggleSelectAll(e.detail)}\r\n ></sd-checkbox>\r\n </th>\r\n )}\r\n {this.visibleColumns.map((col, colIdx) => (\r\n <th\r\n key={col.name}\r\n class={{\r\n 'sd-th': true,\r\n 'sticky-left': Boolean(this.stickyColumn.left && colIdx < this.stickyColumn.left),\r\n 'sticky-right': Boolean(\r\n this.stickyColumn.right && colIdx >= this.visibleColumns.length - this.stickyColumn.right!,\r\n ),\r\n 'sticky-left-edge': Boolean(\r\n this.stickyColumn.left && colIdx === this.stickyColumn.left - 1,\r\n ),\r\n 'sticky-right-edge': Boolean(\r\n this.stickyColumn.right &&\r\n colIdx === this.visibleColumns.length - this.stickyColumn.right!,\r\n ),\r\n }}\r\n style={this.getStickyStyle(colIdx)}\r\n >\r\n <div class={`sd-th__content sd-th__content--${col.align \|\| 'left'}`}>\r\n <div class=\"sd-th__content--label\">{col.label}</div>\r\n\r\n {col.usePageMoveIcon && <sd-icon name=\"pageMove\" size=\"12\" color=\"#006AC1\" />}\r\n\r\n {col.tooltip && (\r\n <sd-tooltip {...col.tooltipOptions}>\r\n {col.tooltip.map(text => (\r\n <div>{text}</div>\r\n ))}\r\n </sd-tooltip>\r\n )}\r\n </div>\r\n\r\n {this.resizable && (\r\n <div\r\n class=\"sd-th__resizer\"\r\n onMouseDown={(evt: MouseEvent) => this.handleResize(colIdx, evt)}\r\n ></div>\r\n )}\r\n </th>\r\n ))}\r\n </tr>\r\n </thead>\r\n );\r\n }\r\n\r\n private renderBody() {\r\n if (!this.paginatedRows.length)\r\n return (\r\n <tbody part=\"tbody-empty\">\r\n <tr>\r\n <td colSpan={this.visibleColumns.length + (this.selectable ? 1 : 0)}>{this.noDataLabel}</td>\r\n </tr>\r\n </tbody>\r\n );\r\n\r\n return (\r\n <tbody>\r\n {this.paginatedRows.map(row => (\r\n <tr key={row[this.rowKey]} class=\"hover:bg-Grey_Lighten-6\">\r\n {this.selectable && (\r\n <td\r\n class={{\r\n 'sd-td': true,\r\n 'sd-td--selected': true,\r\n 'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),\r\n }}\r\n style={{\r\n '--sticky-left-offset': '0px',\r\n }}\r\n >\r\n <sd-checkbox\r\n checked={this.isRowSelected(row)}\r\n disabled={!this.paginatedRows.length}\r\n onSdChange={() => this.updateRowSelect(row)}\r\n ></sd-checkbox>\r\n </td>\r\n )}\r\n {this.visibleColumns.map((column, colIdx) => {\r\n const rendered = this.bodyCellRenderer?.(column, row);\r\n\r\n return (\r\n <td\r\n key={column.name}\r\n part={`td-${column.name}`}\r\n class={{\r\n 'sd-td': true,\r\n [`sd-td--${column.align \|\| 'left'}`]: true,\r\n 'sticky-left': Boolean(this.stickyColumn.left && colIdx < this.stickyColumn.left),\r\n 'sticky-right': Boolean(\r\n this.stickyColumn.right &&\r\n colIdx >= this.visibleColumns.length - this.stickyColumn.right!,\r\n ),\r\n 'sticky-left-edge': Boolean(\r\n this.stickyColumn.left && colIdx === this.stickyColumn.left - 1,\r\n ),\r\n 'sticky-right-edge': Boolean(\r\n this.stickyColumn.right &&\r\n colIdx === this.visibleColumns.length - this.stickyColumn.right!,\r\n ),\r\n }}\r\n style={this.getStickyStyle(colIdx)}\r\n >\r\n {rendered ? (\r\n typeof rendered === 'string' ? (\r\n <span innerHTML={rendered}></span>\r\n ) : (\r\n rendered\r\n )\r\n ) : (\r\n this.getCellValue(column, row)\r\n )}\r\n </td>\r\n );\r\n })}\r\n </tr>\r\n ))}\r\n </tbody>\r\n );\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div\r\n class=\"sd-table__wrapper\"\r\n style={{\r\n '--table-width': this.width,\r\n '--table-height': this.height,\r\n }}\r\n >\r\n <div class=\"sd-table__container\">\r\n <div class=\"sd-table__middle\">\r\n <table part=\"table\" class={this.sdTableClasses}>\r\n {this.renderHeader()}\r\n\r\n {this.renderBody()}\r\n </table>\r\n </div>\r\n\r\n <div class=\"sd-table__bottom\"></div>\r\n </div>\r\n {this.pagination && this.innerRows.length > 0 && (\r\n <div class=\"sd-table__pagination\">\r\n <sd-pagination\r\n currentPage={this.currentPage}\r\n lastPage={this.lastPageNumber}\r\n onPageChange={(e: CustomEvent<number>) => {\r\n this.currentPage = e.detail;\r\n this.sdPageChange.emit(this.currentPage);\r\n }}\r\n ></sd-pagination>\r\n </div>\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"sd-table.js","sourceRoot":"","sources":["../../../src/components/sd-table/sd-table.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\r\n Component,\r\n Element,\r\n Prop,\r\n State,\r\n Event,\r\n Watch,\r\n h,\r\n EventEmitter,\r\n Host,\r\n} from '@stencil/core';\r\nimport { CheckedType } from '../sd-checkbox/sd-checkbox';\r\n\r\nexport type SdTableSortDir = 'asc' \| 'desc' \| 'none';\r\n\r\nexport interface SdTableColumn {\r\n name: string;\r\n label: string;\r\n field: string \| ((row: any) => any);\r\n align?: 'left' \| 'center' \| 'right';\r\n width?: string;\r\n format?: (value: any, row: any) => string;\r\n visible?: boolean;\r\n usePageMoveIcon?: boolean;\r\n tooltip?: string[];\r\n tooltipOptions?: Record<string, any>;\r\n}\r\n\r\nexport interface Row {\r\n [key: string]: any;\r\n}\r\n\r\n@Component({\r\n tag: 'sd-table',\r\n styleUrl: 'sd-table.scss',\r\n})\r\nexport class SdTable {\r\n @Element() el!: HTMLElement;\r\n\r\n @Prop() columns!: SdTableColumn[];\r\n @Prop({ mutable: true }) rows!: Row[];\r\n @Prop({ mutable: true }) selected: Set<Row> = new Set();\r\n @Prop() rowKey: string = 'id';\r\n @Prop() selectable: boolean = false;\r\n @Prop() resizable: boolean = false;\r\n @Prop() width?: string;\r\n @Prop() height?: string;\r\n @Prop() stickyHeader: boolean = false;\r\n @Prop() stickyColumn: { left?: number; right?: number } = { left: 0, right: 0 };\r\n @Prop() noDataLabel: string = '데이터가 없습니다.';\r\n @Prop() pagination?: {\r\n page: number;\r\n rowsPerPage: number;\r\n lastPage?: number;\r\n };\r\n @Prop() bodyCellRenderer?: (\r\n column: SdTableColumn,\r\n row: Row,\r\n ) => HTMLElement \| string \| null \| undefined;\r\n\r\n @Event() sdSelectChange!: EventEmitter<Row[]>;\r\n @Event() sdPageChange!: EventEmitter<number>;\r\n\r\n @State() currentPage: number = this.pagination?.page \|\| 1;\r\n @State() innerRows: Row[] = [];\r\n @State() innerSelected: Set<Row> = new Set();\r\n @State() columnWidths: number[] = [];\r\n @State() scrolledLeft: boolean = false;\r\n @State() scrolledRight: boolean = false;\r\n\r\n @Watch('columns')\r\n handleColumnsChange(newCols: SdTableColumn[]) {\r\n this.columnWidths = newCols.map(c => parseInt(c.width \|\| '120', 10));\r\n }\r\n\r\n @Watch('rows')\r\n handleRowsChange(newRows: Row[]) {\r\n this.innerRows = [...newRows];\r\n }\r\n\r\n @Watch('selected')\r\n handleSelectedChange(newSelected: Set<Row>) {\r\n this.innerSelected = new Set(newSelected);\r\n }\r\n\r\n @Watch('pagination')\r\n handlePaginationChange(\r\n newVal?: { page: number; rowsPerPage: number; lastPage?: number } \| undefined,\r\n ) {\r\n if (newVal?.page && newVal.page !== this.currentPage) this.currentPage = newVal.page;\r\n }\r\n\r\n componentWillLoad() {\r\n this.innerRows = [...this.rows];\r\n this.innerSelected = new Set(this.selected);\r\n this.columnWidths = this.columns.map(c => parseInt(c.width \|\| '120', 10));\r\n }\r\n\r\n componentDidLoad() {\r\n const middle = this.el.querySelector('.sd-table__middle');\r\n if (!middle) return;\r\n\r\n const onScroll = () => {\r\n const { scrollLeft, scrollWidth, clientWidth } = middle as HTMLElement;\r\n this.scrolledLeft = scrollLeft > 0;\r\n this.scrolledRight = scrollLeft + clientWidth < scrollWidth;\r\n };\r\n middle.addEventListener('scroll', onScroll, { passive: true });\r\n onScroll();\r\n }\r\n\r\n // ----- Derived getters -----\r\n private get visibleColumns(): SdTableColumn[] {\r\n return this.columns.filter(col => col.visible !== false);\r\n }\r\n\r\n private get paginatedRows(): Row[] {\r\n if (!this.pagination) return this.innerRows;\r\n\r\n const { rowsPerPage = this.rows.length } = this.pagination \|\| {};\r\n\r\n const result = this.innerRows.slice(\r\n (this.currentPage - 1) * rowsPerPage,\r\n this.currentPage * rowsPerPage,\r\n );\r\n\r\n return result;\r\n }\r\n\r\n private get lastPageNumber(): number {\r\n const { lastPage, rowsPerPage = this.rows.length } = this.pagination \|\| {};\r\n\r\n return lastPage ?? Math.max(1, Math.ceil(this.rows.length / rowsPerPage));\r\n }\r\n\r\n private get sdTableClasses() {\r\n return [\r\n 'sd-table',\r\n this.stickyHeader && 'sd-table--sticky-header',\r\n this.selectable && 'sd-table--selectable',\r\n this.resizable && 'sd-table--resizable',\r\n !this.innerRows.length && 'sd-table--no-data',\r\n ((this.stickyColumn?.left ?? 0) > 0 \|\| (this.stickyColumn?.right ?? 0) > 0) &&\r\n 'sd-table--sticky-column',\r\n this.scrolledLeft && 'sd-table--scrolled-left',\r\n this.scrolledRight && 'sd-table--scrolled-right',\r\n ]\r\n .filter(Boolean)\r\n .join(' ');\r\n }\r\n\r\n // ----- Selection -----\r\n private isRowSelected(row: Row): boolean {\r\n return Array.from(this.innerSelected).some(r => r[this.rowKey] === row[this.rowKey]);\r\n }\r\n\r\n private updateRowSelect(row: Row) {\r\n const selectedArray = Array.from(this.innerSelected);\r\n const exists = this.isRowSelected(row);\r\n const newSelected = exists\r\n ? selectedArray.filter(r => r[this.rowKey] !== row[this.rowKey])\r\n : [...selectedArray, row];\r\n\r\n // 동일 상태면 set하지 않음 → 불필요 렌더 방지\r\n if (newSelected.length === selectedArray.length) return;\r\n\r\n this.innerSelected = new Set(newSelected);\r\n this.sdSelectChange.emit(Array.from(this.innerSelected));\r\n }\r\n\r\n private toggleSelectAll(checked: CheckedType) {\r\n if (checked) {\r\n const pageRows = new Set([...this.paginatedRows]);\r\n this.innerSelected = new Set([...this.innerSelected, ...pageRows]);\r\n } else {\r\n const currentPageKeys = this.paginatedRows.map(r => r[this.rowKey]);\r\n this.innerSelected = new Set(\r\n [...this.innerSelected].filter(r => !currentPageKeys.includes(r[this.rowKey])),\r\n );\r\n }\r\n\r\n this.sdSelectChange.emit(Array.from(this.innerSelected));\r\n }\r\n\r\n private get isAllChecked(): boolean \| null {\r\n const total = this.paginatedRows.length;\r\n const selectedCount = this.paginatedRows.filter(row =>\r\n Array.from(this.innerSelected).some(\r\n selectedRow => selectedRow[this.rowKey] === row[this.rowKey],\r\n ),\r\n ).length;\r\n\r\n if (selectedCount === 0) return false; // 아무것도 안 선택됨\r\n if (selectedCount === total) return true; // 전부 선택됨\r\n return null; // 일부만 선택됨\r\n }\r\n\r\n // ----- Helpers -----\r\n private getStickyStyle(colIdx: number) {\r\n const leftOffset =\r\n this.columnWidths.slice(0, colIdx).reduce((a, b) => a + b, 0) + (this.selectable ? 52 : 0);\r\n const rightOffset = this.columnWidths\r\n .filter((_, i) => i >= this.visibleColumns.length - (this.stickyColumn.right \|\| 0) && i > colIdx)\r\n .reduce((a, b) => a + b, 0);\r\n return {\r\n '--sticky-left-offset': `${leftOffset}px`,\r\n '--sticky-right-offset': `${rightOffset}px`,\r\n 'width': `${this.columnWidths[colIdx]}px`,\r\n 'minWidth': `${this.columnWidths[colIdx]}px`,\r\n 'maxWidth': `${this.columnWidths[colIdx]}px`,\r\n };\r\n }\r\n\r\n private handleResize(index: number, event: MouseEvent) {\r\n const startX = event.clientX;\r\n const startWidth = this.columnWidths[index];\r\n\r\n const handleMouseMove = (moveEvent: MouseEvent) => {\r\n const newWidth = Math.max(startWidth + moveEvent.clientX - startX, 50);\r\n\r\n this.columnWidths = this.columnWidths.map((width, idx) => (idx === index ? newWidth : width));\r\n };\r\n\r\n const handleMouseUp = () => {\r\n document.removeEventListener('mousemove', handleMouseMove);\r\n document.removeEventListener('mouseup', handleMouseUp);\r\n };\r\n\r\n document.addEventListener('mousemove', handleMouseMove);\r\n document.addEventListener('mouseup', handleMouseUp);\r\n }\r\n\r\n private getCellValue(column: SdTableColumn, row: Row) {\r\n const { field, format, name } = column;\r\n const value = typeof field === 'function' ? field(row) : field ? row[field] : row[name];\r\n return format ? format(value, row) : value;\r\n }\r\n\r\n // ----- Render -----\r\n private renderHeader() {\r\n return (\r\n <thead>\r\n <tr>\r\n {this.selectable && (\r\n <th\r\n class={{\r\n 'sd-th': true,\r\n 'sd-th--selected': true,\r\n 'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),\r\n }}\r\n style={{\r\n '--sticky-left-offset': '0px',\r\n }}\r\n >\r\n <sd-checkbox\r\n checked={this.isAllChecked}\r\n disabled={!this.paginatedRows.length}\r\n onSdChange={(e: CustomEvent<CheckedType>) => this.toggleSelectAll(e.detail)}\r\n ></sd-checkbox>\r\n </th>\r\n )}\r\n {this.visibleColumns.map((col, colIdx) => (\r\n <th\r\n key={col.name}\r\n class={{\r\n 'sd-th': true,\r\n 'sticky-left': Boolean(this.stickyColumn.left && colIdx < this.stickyColumn.left),\r\n 'sticky-right': Boolean(\r\n this.stickyColumn.right && colIdx >= this.visibleColumns.length - this.stickyColumn.right!,\r\n ),\r\n 'sticky-left-edge': Boolean(\r\n this.stickyColumn.left && colIdx === this.stickyColumn.left - 1,\r\n ),\r\n 'sticky-right-edge': Boolean(\r\n this.stickyColumn.right &&\r\n colIdx === this.visibleColumns.length - this.stickyColumn.right!,\r\n ),\r\n }}\r\n style={this.getStickyStyle(colIdx)}\r\n >\r\n <div class={`sd-th__content sd-th__content--${col.align \|\| 'left'}`}>\r\n <div class=\"sd-th__content--label\">{col.label}</div>\r\n\r\n {col.usePageMoveIcon && <sd-icon name=\"pageMove\" size=\"12\" color=\"#006AC1\" />}\r\n\r\n {col.tooltip && (\r\n <sd-tooltip {...col.tooltipOptions}>\r\n {col.tooltip.map(text => (\r\n <div>{text}</div>\r\n ))}\r\n </sd-tooltip>\r\n )}\r\n </div>\r\n\r\n {this.resizable && (\r\n <div\r\n class=\"sd-th__resizer\"\r\n onMouseDown={(evt: MouseEvent) => this.handleResize(colIdx, evt)}\r\n ></div>\r\n )}\r\n </th>\r\n ))}\r\n </tr>\r\n </thead>\r\n );\r\n }\r\n\r\n private renderBody() {\r\n if (!this.paginatedRows.length)\r\n return (\r\n <tbody part=\"tbody-empty\">\r\n <tr>\r\n <td colSpan={this.visibleColumns.length + (this.selectable ? 1 : 0)}>{this.noDataLabel}</td>\r\n </tr>\r\n </tbody>\r\n );\r\n\r\n return (\r\n <tbody>\r\n {this.paginatedRows.map(row => (\r\n <tr key={row[this.rowKey]} class=\"hover:bg-Grey_Lighten-6\">\r\n {this.selectable && (\r\n <td\r\n class={{\r\n 'sd-td': true,\r\n 'sd-td--selected': true,\r\n 'sticky-left': Boolean(this.stickyColumn.left && this.stickyColumn.left > 0),\r\n }}\r\n style={{\r\n '--sticky-left-offset': '0px',\r\n }}\r\n >\r\n <sd-checkbox\r\n checked={this.isRowSelected(row)}\r\n disabled={!this.paginatedRows.length}\r\n onSdChange={() => this.updateRowSelect(row)}\r\n ></sd-checkbox>\r\n </td>\r\n )}\r\n {this.visibleColumns.map((column, colIdx) => {\r\n const rendered = this.bodyCellRenderer?.(column, row);\r\n\r\n return (\r\n <td\r\n key={column.name}\r\n part={`td-${column.name}`}\r\n class={{\r\n 'sd-td': true,\r\n [`sd-td--${column.align \|\| 'left'}`]: true,\r\n 'sticky-left': Boolean(this.stickyColumn.left && colIdx < this.stickyColumn.left),\r\n 'sticky-right': Boolean(\r\n this.stickyColumn.right &&\r\n colIdx >= this.visibleColumns.length - this.stickyColumn.right!,\r\n ),\r\n 'sticky-left-edge': Boolean(\r\n this.stickyColumn.left && colIdx === this.stickyColumn.left - 1,\r\n ),\r\n 'sticky-right-edge': Boolean(\r\n this.stickyColumn.right &&\r\n colIdx === this.visibleColumns.length - this.stickyColumn.right!,\r\n ),\r\n }}\r\n style={this.getStickyStyle(colIdx)}\r\n >\r\n {rendered ? (\r\n typeof rendered === 'string' ? (\r\n <span innerHTML={rendered}></span>\r\n ) : (\r\n rendered\r\n )\r\n ) : (\r\n this.getCellValue(column, row)\r\n )}\r\n </td>\r\n );\r\n })}\r\n </tr>\r\n ))}\r\n </tbody>\r\n );\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div\r\n class=\"sd-table__wrapper\"\r\n style={{\r\n '--table-width': this.width,\r\n '--table-height': this.height,\r\n }}\r\n >\r\n <div class=\"sd-table__container\">\r\n <div class=\"sd-table__middle\">\r\n <table part=\"table\" class={this.sdTableClasses}>\r\n {this.renderHeader()}\r\n\r\n {this.renderBody()}\r\n </table>\r\n </div>\r\n\r\n <div class=\"sd-table__bottom\"></div>\r\n </div>\r\n {this.pagination && this.innerRows.length > 0 && (\r\n <div class=\"sd-table__pagination\">\r\n <sd-pagination\r\n currentPage={this.currentPage}\r\n lastPage={this.lastPageNumber}\r\n onPageChange={(e: CustomEvent<number>) => {\r\n this.currentPage = e.detail;\r\n this.sdPageChange.emit(this.currentPage);\r\n }}\r\n ></sd-pagination>\r\n </div>\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/sd-tag/sd-tag.js CHANGED Viewed

@@ -37,7 +37,7 @@ export class SdTag {
     }
     render() {
         const tagClasses = this.getTagClasses();
-        return (h("span", { key: '44ee85021c96527798f69e3cfa772ca5f7db2164', class: tagClasses, style: {
+        return (h("span", { key: 'eff57a253b788f0435525cae9a15881cce8a08a0', class: tagClasses, style: {
                 '--tag-bg-color': this.bgColor,
                 '--tag-text-color': this.textColor,
             }, "aria-label": this.label || 'tag' }, this.renderContent()));

package/dist/collection/components/sd-tooltip/sd-tooltip.js CHANGED Viewed

@@ -27,11 +27,11 @@ export class SdTooltip {
             : {
                 onClick: () => (console.log('click tooltip'), (this.showTooltip = !this.showTooltip)),
             };
-        return (h(Fragment, { key: '2047cb9cab136a3260f8641a08d784acd9554a0a' }, this.label ? (h("sd-button", { ref: el => (this.buttonEl = el), label: this.label, icon: this.icon, size: this.buttonSize, color: this.color, variant: this.buttonVariant, class: "sd-tooltip", ...handleTrigger })) : (h("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-tooltip", ...handleTrigger })), this.showTooltip && (h("sd-tooltip-portal", { key: '28be62164055c23d711fe19feaafe05dc53de9b2', parentRef: this.buttonEl, onSdClose: () => this.handleClose(), placement: this.placement }, h("div", { key: 'c98d6d06e504daf8d13122623d65b8d9998f87f0', class: {
+        return (h(Fragment, { key: 'db5f9498990b6cc3941a1f276dc7b437f00ae3b1' }, this.label ? (h("sd-button", { ref: el => (this.buttonEl = el), label: this.label, icon: this.icon, size: this.buttonSize, color: this.color, variant: this.buttonVariant, class: "sd-tooltip", ...handleTrigger })) : (h("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-tooltip", ...handleTrigger })), this.showTooltip && (h("sd-tooltip-portal", { key: '19e133936ac7d7efc95292c0053a6eace81e7ccb', parentRef: this.buttonEl, onSdClose: () => this.handleClose(), placement: this.placement }, h("div", { key: '2d0fed8f8f2f3e6dfe860c78f4c1af99f595e4d4', class: {
                 'sd-tooltip-menu': true,
                 [`sd-tooltip-menu--${this.placement}`]: true,
                 'sd-tooltip-menu--with-close': this.useClose,
-            } }, h("i", { key: '955f4f5476cb97cdfbf58251486c100a5c3b4537', class: `sd-tooltip-menu__arrow sd-tooltip-menu__arrow--${this.placement}` }, h(TooltipArrow, { key: '4376c6d745d35831b3245e9d6118e45f9b72f2d7' })), h("div", { key: 'af47262e47026506861befead5ba4c0f2203d28b', class: "sd-tooltip-menu__content" }, h("slot", { key: 'a63f5549325e6e19b87e7a4ea0be24c4c27026e5' }, this.el.textContent)), this.useClose && (h("div", { key: 'b8ea7c8582237d79de063be6bedef8ec0473f3dd', class: "sd-tooltip-menu__close-button" }, h("button", { key: '9776d45108b4b4eb27d38871e9705323db392b82', onClick: () => this.handleClose() }, h("sd-icon", { key: '298d7b079c3866d0448b05d38e4fe2c688a883b7', name: "close", size: "12", color: "#AAAAAA" })))))))));
+            } }, h("i", { key: '6ec7ba058e541d65eae3b5100ca8eb741a04d814', class: `sd-tooltip-menu__arrow sd-tooltip-menu__arrow--${this.placement}` }, h(TooltipArrow, { key: '550d0629d949f9da13117c3c569e886b44e8b9bd' })), h("div", { key: '4a1fc247b84457ee8c962804ca91bd93b4de8948', class: "sd-tooltip-menu__content" }, h("slot", { key: '444c621343b3eeba8f89e85f06b9b66e39b626b1' }, this.el.textContent)), this.useClose && (h("div", { key: '570364c37b97299922b4c52192d52d1e0e20228d', class: "sd-tooltip-menu__close-button" }, h("button", { key: '0e126ad1ed0238e8adbf7a82132e28c90bffa1a5', onClick: () => this.handleClose() }, h("sd-icon", { key: '796643e7a212b7a65f81671c46e2b992fe1ae0d1', name: "close", size: "12", color: "#AAAAAA" })))))))));
     }
     static get is() { return "sd-tooltip"; }
     static get encapsulation() { return "shadow"; }
@@ -112,7 +112,7 @@ export class SdTooltip {
                 "mutable": false,
                 "complexType": {
                     "original": "IconName",
-                    "resolved": "\"arrowDown\" | \"arrowLeft\" | \"arrowLeftEnd\" | \"arrowRight\" | \"arrowRightEnd\" | \"arrowUp\" | \"check\" | \"close\" | \"date\" | \"event\" | \"helpOutline\" | \"notion\" | \"pageMove\" | \"pdf\" | \"search\" | \"youtube\"",
+                    "resolved": "\"arrowDown\" | \"arrowLeft\" | \"arrowLeftEnd\" | \"arrowRight\" | \"arrowRightEnd\" | \"arrowUp\" | \"check\" | \"close\" | \"date\" | \"event\" | \"helpOutline\" | \"minus\" | \"notion\" | \"pageMove\" | \"pdf\" | \"search\" | \"youtube\"",
                     "references": {
                         "IconName": {
                             "location": "global",

package/dist/collection/components/sd-tooltip-portal/sd-tooltip-portal.js CHANGED Viewed

@@ -143,7 +143,7 @@ export class SdTooltipPortal {
         this.sdClose.emit();
     }
     render() {
-        return h("slot", { key: '04e02ba53bc52d5377071b352159ebbf84a0141c' });
+        return h("slot", { key: 'c591e9142f81d16318407d32af6b58a9fc4433b7' });
     }
     static get is() { return "sd-tooltip-portal"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/p-1jmdnu3I.js ADDED Viewed

@@ -0,0 +1,118 @@
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-CLODAhOA.js';
+import { d as defineCustomElement$1 } from './p-BOsnXzkr.js';
+const sdCheckboxCss = "@font-face{font-family:\"Pretendard\";font-weight:800;font-display:swap;src:local(\"Pretendard-ExtraBold\"), url(\"./fonts/Pretendard-ExtraBold.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-ExtraBold.ttf\") format(\"truetype\")}@font-face{font-family:\"Pretendard\";font-weight:700;font-display:swap;src:local(\"Pretendard-Bold\"), url(\"./fonts/Pretendard-Bold.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-Bold.ttf\") format(\"truetype\")}@font-face{font-family:\"Pretendard\";font-weight:600;font-display:swap;src:local(\"Pretendard-SemiBold\"), url(\"./fonts/Pretendard-SemiBold.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-SemiBold.ttf\") format(\"truetype\")}@font-face{font-family:\"Pretendard\";font-weight:500;font-display:swap;src:local(\"Pretendard-Medium\"), url(\"./fonts/Pretendard-Medium.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-Medium.ttf\") format(\"truetype\")}@font-face{font-family:\"Pretendard\";font-weight:400;font-display:swap;src:local(\"Pretendard-Regular\"), url(\"./fonts/Pretendard-Regular.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-Regular.ttf\") format(\"truetype\")}@font-face{font-family:\"Pretendard\";font-weight:300;font-display:swap;src:local(\"Pretendard-Light\"), url(\"./fonts/Pretendard-Light.subset.woff2\") format(\"font-woff2\"), url(\"./fonts/Pretendard-Light.ttf\") format(\"truetype\")}.sc-sd-checkbox:root{--font-family-base:\"Pretendard\", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}html.sc-sd-checkbox{font-family:\"Pretendard\", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}.bg-primary.sc-sd-checkbox{background-color:var(--color-primary, #051d36)}.bg-secondary.sc-sd-checkbox{background-color:var(--color-secondary, #555555)}.bg-accent.sc-sd-checkbox{background-color:var(--color-accent, #9c27b0)}.bg-positive.sc-sd-checkbox{background-color:var(--color-positive, #0075ff)}.bg-negative.sc-sd-checkbox{background-color:var(--color-negative, #e30000)}.bg-info.sc-sd-checkbox{background-color:var(--color-info, #00cd52)}.bg-warning.sc-sd-checkbox{background-color:var(--color-warning, #f2c037)}.bg-red_99.sc-sd-checkbox{background-color:var(--color-red_99, #220000)}.bg-red_95.sc-sd-checkbox{background-color:var(--color-red_95, #440000)}.bg-red_90.sc-sd-checkbox{background-color:var(--color-red_90, #5E0000)}.bg-red_85.sc-sd-checkbox{background-color:var(--color-red_85, #820000)}.bg-red_80.sc-sd-checkbox{background-color:var(--color-red_80, #AD0000)}.bg-red_75.sc-sd-checkbox{background-color:var(--color-red_75, #E30000)}.bg-red_70.sc-sd-checkbox{background-color:var(--color-red_70, #FB4444)}.bg-red_60.sc-sd-checkbox{background-color:var(--color-red_60, #FF7C7C)}.bg-red_45.sc-sd-checkbox{background-color:var(--color-red_45, #FFB5B5)}.bg-red_30.sc-sd-checkbox{background-color:var(--color-red_30, #FFD3D3)}.bg-red_20.sc-sd-checkbox{background-color:var(--color-red_20, #FCE6E6)}.bg-red_15.sc-sd-checkbox{background-color:var(--color-red_15, #FCEFEF)}.bg-caution_bg.sc-sd-checkbox{background-color:var(--color-caution_bg, #FEF1F1)}.bg-caution_icon.sc-sd-checkbox{background-color:var(--color-caution_icon, #fd9595)}.bg-orange_99.sc-sd-checkbox{background-color:var(--color-orange_99, #2F1100)}.bg-orange_95.sc-sd-checkbox{background-color:var(--color-orange_95, #4D1B00)}.bg-orange_90.sc-sd-checkbox{background-color:var(--color-orange_90, #752A00)}.bg-orange_85.sc-sd-checkbox{background-color:var(--color-orange_85, #9B3700)}.bg-orange_75.sc-sd-checkbox{background-color:var(--color-orange_75, #CE4900)}.bg-orange_65.sc-sd-checkbox{background-color:var(--color-orange_65, #FF6B00)}.bg-orange_60.sc-sd-checkbox{background-color:var(--color-orange_60, #FF7F22)}.bg-orange_55.sc-sd-checkbox{background-color:var(--color-orange_55, #FFA452)}.bg-orange_45.sc-sd-checkbox{background-color:var(--color-orange_45, #FFBC81)}.bg-orange_35.sc-sd-checkbox{background-color:var(--color-orange_35, #FFD5AF)}.bg-orange_20.sc-sd-checkbox{background-color:var(--color-orange_20, #FFEAD7)}.bg-orange_10.sc-sd-checkbox{background-color:var(--color-orange_10, #FEF1EA)}.bg-header_alert.sc-sd-checkbox{background-color:var(--color-header_alert, #FF7A00)}.bg-yellow_95.sc-sd-checkbox{background-color:var(--color-yellow_95, #322700)}.bg-yellow_90.sc-sd-checkbox{background-color:var(--color-yellow_90, #453702)}.bg-yellow_80.sc-sd-checkbox{background-color:var(--color-yellow_80, #6C5602)}.bg-yellow_70.sc-sd-checkbox{background-color:var(--color-yellow_70, #9C7A00)}.bg-yellow_60.sc-sd-checkbox{background-color:var(--color-yellow_60, #C49900)}.bg-yellow_50.sc-sd-checkbox{background-color:var(--color-yellow_50, #EBB800)}.bg-yellow_45.sc-sd-checkbox{background-color:var(--color-yellow_45, #FFC700)}.bg-yellow_40.sc-sd-checkbox{background-color:var(--color-yellow_40, #FFD643)}.bg-yellow_30.sc-sd-checkbox{background-color:var(--color-yellow_30, #FEE17C)}.bg-yellow_25.sc-sd-checkbox{background-color:var(--color-yellow_25, #FFE99E)}.bg-yellow_20.sc-sd-checkbox{background-color:var(--color-yellow_20, #FEF1C4)}.bg-yellow_10.sc-sd-checkbox{background-color:var(--color-yellow_10, #FFF7DD)}.bg-olive_95.sc-sd-checkbox{background-color:var(--color-olive_95, #2C2C00)}.bg-olive_90.sc-sd-checkbox{background-color:var(--color-olive_90, #454500)}.bg-olive_80.sc-sd-checkbox{background-color:var(--color-olive_80, #636300)}.bg-olive_70.sc-sd-checkbox{background-color:var(--color-olive_70, #838300)}.bg-olive_65.sc-sd-checkbox{background-color:var(--color-olive_65, #A5A500)}.bg-olive_55.sc-sd-checkbox{background-color:var(--color-olive_55, #C7C700)}.bg-olive_45.sc-sd-checkbox{background-color:var(--color-olive_45, #DDDD12)}.bg-olive_30.sc-sd-checkbox{background-color:var(--color-olive_30, #EEEE37)}.bg-olive_20.sc-sd-checkbox{background-color:var(--color-olive_20, #F6F65F)}.bg-olive_15.sc-sd-checkbox{background-color:var(--color-olive_15, #FAFAA1)}.bg-olive_10.sc-sd-checkbox{background-color:var(--color-olive_10, #FBFBBF)}.bg-olive_05.sc-sd-checkbox{background-color:var(--color-olive_05, #FEFED9)}.bg-green_99.sc-sd-checkbox{background-color:var(--color-green_99, #001D0B)}.bg-green_95.sc-sd-checkbox{background-color:var(--color-green_95, #003013)}.bg-green_90.sc-sd-checkbox{background-color:var(--color-green_90, #00461C)}.bg-green_85.sc-sd-checkbox{background-color:var(--color-green_85, #006629)}.bg-green_80.sc-sd-checkbox{background-color:var(--color-green_80, #007B31)}.bg-green_75.sc-sd-checkbox{background-color:var(--color-green_75, #00973C)}.bg-green_70.sc-sd-checkbox{background-color:var(--color-green_70, #12B553)}.bg-green_65.sc-sd-checkbox{background-color:var(--color-green_65, #2BCE6C)}.bg-green_55.sc-sd-checkbox{background-color:var(--color-green_55, #6DE39C)}.bg-green_45.sc-sd-checkbox{background-color:var(--color-green_45, #ACF4C9)}.bg-green_25.sc-sd-checkbox{background-color:var(--color-green_25, #D4FAE3)}.bg-green_15.sc-sd-checkbox{background-color:var(--color-green_15, #E8F9EF)}.bg-steelblue_99.sc-sd-checkbox{background-color:var(--color-steelblue_99, #021a25)}.bg-steelblue_95.sc-sd-checkbox{background-color:var(--color-steelblue_95, #02212f)}.bg-steelblue_90.sc-sd-checkbox{background-color:var(--color-steelblue_90, #032d40)}.bg-steelblue_85.sc-sd-checkbox{background-color:var(--color-steelblue_85, #033f59)}.bg-steelblue_80.sc-sd-checkbox{background-color:var(--color-steelblue_80, #06587d)}.bg-steelblue_75.sc-sd-checkbox{background-color:var(--color-steelblue_75, #066d9b)}.bg-steelblue_70.sc-sd-checkbox{background-color:var(--color-steelblue_70, #128fc7)}.bg-steelblue_65.sc-sd-checkbox{background-color:var(--color-steelblue_65, #229fd7)}.bg-steelblue_60.sc-sd-checkbox{background-color:var(--color-steelblue_60, #50bff0)}.bg-steelblue_45.sc-sd-checkbox{background-color:var(--color-steelblue_45, #a4e2fd)}.bg-steelblue_25.sc-sd-checkbox{background-color:var(--color-steelblue_25, #d9f2fd)}.bg-steelblue_10.sc-sd-checkbox{background-color:var(--color-steelblue_10, #ecf8fd)}.bg-oceanblue_99.sc-sd-checkbox{background-color:var(--color-oceanblue_99, #011428)}.bg-oceanblue_95.sc-sd-checkbox{background-color:var(--color-oceanblue_95, #03172d)}.bg-oceanblue_90.sc-sd-checkbox{background-color:var(--color-oceanblue_90, #051d36)}.bg-oceanblue_85.sc-sd-checkbox{background-color:var(--color-oceanblue_85, #07284a)}.bg-oceanblue_80.sc-sd-checkbox{background-color:var(--color-oceanblue_80, #004177)}.bg-oceanblue_75.sc-sd-checkbox{background-color:var(--color-oceanblue_75, #025497)}.bg-oceanblue_70.sc-sd-checkbox{background-color:var(--color-oceanblue_70, #006ac1)}.bg-oceanblue_65.sc-sd-checkbox{background-color:var(--color-oceanblue_65, #1f8ae1)}.bg-oceanblue_60.sc-sd-checkbox{background-color:var(--color-oceanblue_60, #5cb0f3)}.bg-oceanblue_50.sc-sd-checkbox{background-color:var(--color-oceanblue_50, #9cd1fc)}.bg-oceanblue_25.sc-sd-checkbox{background-color:var(--color-oceanblue_25, #d5ebfe)}.bg-oceanblue_15.sc-sd-checkbox{background-color:var(--color-oceanblue_15, #eaf5fe)}.bg-brilliantblue_99.sc-sd-checkbox{background-color:var(--color-brilliantblue_99, #001226)}.bg-brilliantblue_95.sc-sd-checkbox{background-color:var(--color-brilliantblue_95, #001b39)}.bg-brilliantblue_90.sc-sd-checkbox{background-color:var(--color-brilliantblue_90, #002b5e)}.bg-brilliantblue_85.sc-sd-checkbox{background-color:var(--color-brilliantblue_85, #004290)}.bg-brilliantblue_80.sc-sd-checkbox{background-color:var(--color-brilliantblue_80, #005cc9)}.bg-brilliantblue_75.sc-sd-checkbox{background-color:var(--color-brilliantblue_75, #0075ff)}.bg-brilliantblue_70.sc-sd-checkbox{background-color:var(--color-brilliantblue_70, #2d8dff)}.bg-brilliantblue_60.sc-sd-checkbox{background-color:var(--color-brilliantblue_60, #64abff)}.bg-brilliantblue_50.sc-sd-checkbox{background-color:var(--color-brilliantblue_50, #93c4ff)}.bg-brilliantblue_40.sc-sd-checkbox{background-color:var(--color-brilliantblue_40, #bbdaff)}.bg-brilliantblue_25.sc-sd-checkbox{background-color:var(--color-brilliantblue_25, #d9eaff)}.bg-brilliantblue_20.sc-sd-checkbox{background-color:var(--color-brilliantblue_20, #e6f1ff)}.bg-brilliantblue_10.sc-sd-checkbox{background-color:var(--color-brilliantblue_10, #eff6ff)}.bg-brilliantblue_05.sc-sd-checkbox{background-color:var(--color-brilliantblue_05, #f5faff)}.bg-grey_95.sc-sd-checkbox{background-color:var(--color-grey_95, #222222)}.bg-grey_90.sc-sd-checkbox{background-color:var(--color-grey_90, #333333)}.bg-grey_85.sc-sd-checkbox{background-color:var(--color-grey_85, #444444)}.bg-grey_80.sc-sd-checkbox{background-color:var(--color-grey_80, #555555)}.bg-grey_70.sc-sd-checkbox{background-color:var(--color-grey_70, #737373)}.bg-grey_65.sc-sd-checkbox{background-color:var(--color-grey_65, #888888)}.bg-grey_60.sc-sd-checkbox{background-color:var(--color-grey_60, #999999)}.bg-grey_55.sc-sd-checkbox{background-color:var(--color-grey_55, #aaaaaa)}.bg-grey_50.sc-sd-checkbox{background-color:var(--color-grey_50, #bbbbbb)}.bg-grey_45.sc-sd-checkbox{background-color:var(--color-grey_45, #cccccc)}.bg-grey_35.sc-sd-checkbox{background-color:var(--color-grey_35, #D8D8D8)}.bg-grey_30.sc-sd-checkbox{background-color:var(--color-grey_30, #e1e1e1)}.bg-grey_25.sc-sd-checkbox{background-color:var(--color-grey_25, #E5E5E5)}.bg-grey_20.sc-sd-checkbox{background-color:var(--color-grey_20, #eeeeee)}.bg-grey_10.sc-sd-checkbox{background-color:var(--color-grey_10, #f6f6f6)}.bg-grey_05.sc-sd-checkbox{background-color:var(--color-grey_05, #f9f9f9)}.bg-white.sc-sd-checkbox{background-color:var(--color-white, #ffffff)}.bg-black.sc-sd-checkbox{background-color:var(--color-black, #000000)}.text-primary.sc-sd-checkbox{color:var(--color-primary, #051d36)}.text-secondary.sc-sd-checkbox{color:var(--color-secondary, #555555)}.text-accent.sc-sd-checkbox{color:var(--color-accent, #9c27b0)}.text-positive.sc-sd-checkbox{color:var(--color-positive, #0075ff)}.text-negative.sc-sd-checkbox{color:var(--color-negative, #e30000)}.text-info.sc-sd-checkbox{color:var(--color-info, #00cd52)}.text-warning.sc-sd-checkbox{color:var(--color-warning, #f2c037)}.text-red_99.sc-sd-checkbox{color:var(--color-red_99, #220000)}.text-red_95.sc-sd-checkbox{color:var(--color-red_95, #440000)}.text-red_90.sc-sd-checkbox{color:var(--color-red_90, #5E0000)}.text-red_85.sc-sd-checkbox{color:var(--color-red_85, #820000)}.text-red_80.sc-sd-checkbox{color:var(--color-red_80, #AD0000)}.text-red_75.sc-sd-checkbox{color:var(--color-red_75, #E30000)}.text-red_70.sc-sd-checkbox{color:var(--color-red_70, #FB4444)}.text-red_60.sc-sd-checkbox{color:var(--color-red_60, #FF7C7C)}.text-red_45.sc-sd-checkbox{color:var(--color-red_45, #FFB5B5)}.text-red_30.sc-sd-checkbox{color:var(--color-red_30, #FFD3D3)}.text-red_20.sc-sd-checkbox{color:var(--color-red_20, #FCE6E6)}.text-red_15.sc-sd-checkbox{color:var(--color-red_15, #FCEFEF)}.text-caution_bg.sc-sd-checkbox{color:var(--color-caution_bg, #FEF1F1)}.text-caution_icon.sc-sd-checkbox{color:var(--color-caution_icon, #fd9595)}.text-orange_99.sc-sd-checkbox{color:var(--color-orange_99, #2F1100)}.text-orange_95.sc-sd-checkbox{color:var(--color-orange_95, #4D1B00)}.text-orange_90.sc-sd-checkbox{color:var(--color-orange_90, #752A00)}.text-orange_85.sc-sd-checkbox{color:var(--color-orange_85, #9B3700)}.text-orange_75.sc-sd-checkbox{color:var(--color-orange_75, #CE4900)}.text-orange_65.sc-sd-checkbox{color:var(--color-orange_65, #FF6B00)}.text-orange_60.sc-sd-checkbox{color:var(--color-orange_60, #FF7F22)}.text-orange_55.sc-sd-checkbox{color:var(--color-orange_55, #FFA452)}.text-orange_45.sc-sd-checkbox{color:var(--color-orange_45, #FFBC81)}.text-orange_35.sc-sd-checkbox{color:var(--color-orange_35, #FFD5AF)}.text-orange_20.sc-sd-checkbox{color:var(--color-orange_20, #FFEAD7)}.text-orange_10.sc-sd-checkbox{color:var(--color-orange_10, #FEF1EA)}.text-header_alert.sc-sd-checkbox{color:var(--color-header_alert, #FF7A00)}.text-yellow_95.sc-sd-checkbox{color:var(--color-yellow_95, #322700)}.text-yellow_90.sc-sd-checkbox{color:var(--color-yellow_90, #453702)}.text-yellow_80.sc-sd-checkbox{color:var(--color-yellow_80, #6C5602)}.text-yellow_70.sc-sd-checkbox{color:var(--color-yellow_70, #9C7A00)}.text-yellow_60.sc-sd-checkbox{color:var(--color-yellow_60, #C49900)}.text-yellow_50.sc-sd-checkbox{color:var(--color-yellow_50, #EBB800)}.text-yellow_45.sc-sd-checkbox{color:var(--color-yellow_45, #FFC700)}.text-yellow_40.sc-sd-checkbox{color:var(--color-yellow_40, #FFD643)}.text-yellow_30.sc-sd-checkbox{color:var(--color-yellow_30, #FEE17C)}.text-yellow_25.sc-sd-checkbox{color:var(--color-yellow_25, #FFE99E)}.text-yellow_20.sc-sd-checkbox{color:var(--color-yellow_20, #FEF1C4)}.text-yellow_10.sc-sd-checkbox{color:var(--color-yellow_10, #FFF7DD)}.text-olive_95.sc-sd-checkbox{color:var(--color-olive_95, #2C2C00)}.text-olive_90.sc-sd-checkbox{color:var(--color-olive_90, #454500)}.text-olive_80.sc-sd-checkbox{color:var(--color-olive_80, #636300)}.text-olive_70.sc-sd-checkbox{color:var(--color-olive_70, #838300)}.text-olive_65.sc-sd-checkbox{color:var(--color-olive_65, #A5A500)}.text-olive_55.sc-sd-checkbox{color:var(--color-olive_55, #C7C700)}.text-olive_45.sc-sd-checkbox{color:var(--color-olive_45, #DDDD12)}.text-olive_30.sc-sd-checkbox{color:var(--color-olive_30, #EEEE37)}.text-olive_20.sc-sd-checkbox{color:var(--color-olive_20, #F6F65F)}.text-olive_15.sc-sd-checkbox{color:var(--color-olive_15, #FAFAA1)}.text-olive_10.sc-sd-checkbox{color:var(--color-olive_10, #FBFBBF)}.text-olive_05.sc-sd-checkbox{color:var(--color-olive_05, #FEFED9)}.text-green_99.sc-sd-checkbox{color:var(--color-green_99, #001D0B)}.text-green_95.sc-sd-checkbox{color:var(--color-green_95, #003013)}.text-green_90.sc-sd-checkbox{color:var(--color-green_90, #00461C)}.text-green_85.sc-sd-checkbox{color:var(--color-green_85, #006629)}.text-green_80.sc-sd-checkbox{color:var(--color-green_80, #007B31)}.text-green_75.sc-sd-checkbox{color:var(--color-green_75, #00973C)}.text-green_70.sc-sd-checkbox{color:var(--color-green_70, #12B553)}.text-green_65.sc-sd-checkbox{color:var(--color-green_65, #2BCE6C)}.text-green_55.sc-sd-checkbox{color:var(--color-green_55, #6DE39C)}.text-green_45.sc-sd-checkbox{color:var(--color-green_45, #ACF4C9)}.text-green_25.sc-sd-checkbox{color:var(--color-green_25, #D4FAE3)}.text-green_15.sc-sd-checkbox{color:var(--color-green_15, #E8F9EF)}.text-steelblue_99.sc-sd-checkbox{color:var(--color-steelblue_99, #021a25)}.text-steelblue_95.sc-sd-checkbox{color:var(--color-steelblue_95, #02212f)}.text-steelblue_90.sc-sd-checkbox{color:var(--color-steelblue_90, #032d40)}.text-steelblue_85.sc-sd-checkbox{color:var(--color-steelblue_85, #033f59)}.text-steelblue_80.sc-sd-checkbox{color:var(--color-steelblue_80, #06587d)}.text-steelblue_75.sc-sd-checkbox{color:var(--color-steelblue_75, #066d9b)}.text-steelblue_70.sc-sd-checkbox{color:var(--color-steelblue_70, #128fc7)}.text-steelblue_65.sc-sd-checkbox{color:var(--color-steelblue_65, #229fd7)}.text-steelblue_60.sc-sd-checkbox{color:var(--color-steelblue_60, #50bff0)}.text-steelblue_45.sc-sd-checkbox{color:var(--color-steelblue_45, #a4e2fd)}.text-steelblue_25.sc-sd-checkbox{color:var(--color-steelblue_25, #d9f2fd)}.text-steelblue_10.sc-sd-checkbox{color:var(--color-steelblue_10, #ecf8fd)}.text-oceanblue_99.sc-sd-checkbox{color:var(--color-oceanblue_99, #011428)}.text-oceanblue_95.sc-sd-checkbox{color:var(--color-oceanblue_95, #03172d)}.text-oceanblue_90.sc-sd-checkbox{color:var(--color-oceanblue_90, #051d36)}.text-oceanblue_85.sc-sd-checkbox{color:var(--color-oceanblue_85, #07284a)}.text-oceanblue_80.sc-sd-checkbox{color:var(--color-oceanblue_80, #004177)}.text-oceanblue_75.sc-sd-checkbox{color:var(--color-oceanblue_75, #025497)}.text-oceanblue_70.sc-sd-checkbox{color:var(--color-oceanblue_70, #006ac1)}.text-oceanblue_65.sc-sd-checkbox{color:var(--color-oceanblue_65, #1f8ae1)}.text-oceanblue_60.sc-sd-checkbox{color:var(--color-oceanblue_60, #5cb0f3)}.text-oceanblue_50.sc-sd-checkbox{color:var(--color-oceanblue_50, #9cd1fc)}.text-oceanblue_25.sc-sd-checkbox{color:var(--color-oceanblue_25, #d5ebfe)}.text-oceanblue_15.sc-sd-checkbox{color:var(--color-oceanblue_15, #eaf5fe)}.text-brilliantblue_99.sc-sd-checkbox{color:var(--color-brilliantblue_99, #001226)}.text-brilliantblue_95.sc-sd-checkbox{color:var(--color-brilliantblue_95, #001b39)}.text-brilliantblue_90.sc-sd-checkbox{color:var(--color-brilliantblue_90, #002b5e)}.text-brilliantblue_85.sc-sd-checkbox{color:var(--color-brilliantblue_85, #004290)}.text-brilliantblue_80.sc-sd-checkbox{color:var(--color-brilliantblue_80, #005cc9)}.text-brilliantblue_75.sc-sd-checkbox{color:var(--color-brilliantblue_75, #0075ff)}.text-brilliantblue_70.sc-sd-checkbox{color:var(--color-brilliantblue_70, #2d8dff)}.text-brilliantblue_60.sc-sd-checkbox{color:var(--color-brilliantblue_60, #64abff)}.text-brilliantblue_50.sc-sd-checkbox{color:var(--color-brilliantblue_50, #93c4ff)}.text-brilliantblue_40.sc-sd-checkbox{color:var(--color-brilliantblue_40, #bbdaff)}.text-brilliantblue_25.sc-sd-checkbox{color:var(--color-brilliantblue_25, #d9eaff)}.text-brilliantblue_20.sc-sd-checkbox{color:var(--color-brilliantblue_20, #e6f1ff)}.text-brilliantblue_10.sc-sd-checkbox{color:var(--color-brilliantblue_10, #eff6ff)}.text-brilliantblue_05.sc-sd-checkbox{color:var(--color-brilliantblue_05, #f5faff)}.text-grey_95.sc-sd-checkbox{color:var(--color-grey_95, #222222)}.text-grey_90.sc-sd-checkbox{color:var(--color-grey_90, #333333)}.text-grey_85.sc-sd-checkbox{color:var(--color-grey_85, #444444)}.text-grey_80.sc-sd-checkbox{color:var(--color-grey_80, #555555)}.text-grey_70.sc-sd-checkbox{color:var(--color-grey_70, #737373)}.text-grey_65.sc-sd-checkbox{color:var(--color-grey_65, #888888)}.text-grey_60.sc-sd-checkbox{color:var(--color-grey_60, #999999)}.text-grey_55.sc-sd-checkbox{color:var(--color-grey_55, #aaaaaa)}.text-grey_50.sc-sd-checkbox{color:var(--color-grey_50, #bbbbbb)}.text-grey_45.sc-sd-checkbox{color:var(--color-grey_45, #cccccc)}.text-grey_35.sc-sd-checkbox{color:var(--color-grey_35, #D8D8D8)}.text-grey_30.sc-sd-checkbox{color:var(--color-grey_30, #e1e1e1)}.text-grey_25.sc-sd-checkbox{color:var(--color-grey_25, #E5E5E5)}.text-grey_20.sc-sd-checkbox{color:var(--color-grey_20, #eeeeee)}.text-grey_10.sc-sd-checkbox{color:var(--color-grey_10, #f6f6f6)}.text-grey_05.sc-sd-checkbox{color:var(--color-grey_05, #f9f9f9)}.text-white.sc-sd-checkbox{color:var(--color-white, #ffffff)}.text-black.sc-sd-checkbox{color:var(--color-black, #000000)}*.sc-sd-checkbox,*.sc-sd-checkbox::before,*.sc-sd-checkbox::after{box-sizing:border-box}html.sc-sd-checkbox{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body.sc-sd-checkbox,h1.sc-sd-checkbox,h2.sc-sd-checkbox,h3.sc-sd-checkbox,h4.sc-sd-checkbox,p.sc-sd-checkbox,figure.sc-sd-checkbox,blockquote.sc-sd-checkbox,dl.sc-sd-checkbox,dd.sc-sd-checkbox{margin-block-end:0}ul[role=list].sc-sd-checkbox,ol[role=list].sc-sd-checkbox{list-style:none}body.sc-sd-checkbox{min-height:100vh;line-height:1.5}h1.sc-sd-checkbox,h2.sc-sd-checkbox,h3.sc-sd-checkbox,h4.sc-sd-checkbox,button.sc-sd-checkbox,input.sc-sd-checkbox,label.sc-sd-checkbox{line-height:1}h1.sc-sd-checkbox,h2.sc-sd-checkbox,h3.sc-sd-checkbox,h4.sc-sd-checkbox{text-wrap:balance}a.sc-sd-checkbox:not([class]){text-decoration-skip-ink:auto;color:currentColor}img.sc-sd-checkbox,picture.sc-sd-checkbox{max-width:100%;display:block}input.sc-sd-checkbox,button.sc-sd-checkbox,textarea.sc-sd-checkbox,select.sc-sd-checkbox{font-size:inherit}.sc-sd-checkbox:target{scroll-margin-block:5ex}button.sc-sd-checkbox{background:none;border:none;cursor:pointer;padding:0;outline:0}button.sc-sd-checkbox:focus{outline:0 !important}.sc-sd-checkbox-h{display:inline-block;height:fit-content;line-height:0}.text-center.sc-sd-checkbox{text-align:center}.text-right.sc-sd-checkbox{text-align:right}.text-left.sc-sd-checkbox{text-align:left}input[type=text].sc-sd-checkbox,input[type=number].sc-sd-checkbox,input[type=password].sc-sd-checkbox,input[type=email].sc-sd-checkbox,input[type=tel].sc-sd-checkbox,textarea.sc-sd-checkbox{padding-block:0px;padding-inline:0px}.sd-hoverable.sc-sd-checkbox:hover>.sd-focus-helper.sc-sd-checkbox{background:currentColor;opacity:0.15}.sd-hoverable.sc-sd-checkbox:hover>.sd-focus-helper.sc-sd-checkbox:before{opacity:0.1}.sd-hoverable.sc-sd-checkbox:hover>.sd-focus-helper.sc-sd-checkbox:after{opacity:0.4}.sd-focus-helper.sc-sd-checkbox{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0;transition:background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1)}.sd-focus-helper.sc-sd-checkbox:before,.sd-focus-helper.sc-sd-checkbox:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;border-radius:inherit;transition:background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.6s cubic-bezier(0.25, 0.8, 0.5, 1)}.sd-focus-helper.sc-sd-checkbox:before{background:#000000}.sd-focus-helper.sc-sd-checkbox:after{background:#ffffff}.sd-tooltip-menu.sc-sd-checkbox{width:fit-content;padding:8px 16px;border-radius:4px;color:white;background:#07284a;font-size:12px;position:relative;box-sizing:border-box;display:flex;align-items:start;justify-content:center;gap:12px}.sd-tooltip-menu--with-close.sc-sd-checkbox{padding-right:12px !important}.sd-tooltip-menu__arrow.sc-sd-checkbox{position:absolute;display:flex;width:9.6px;height:7.2px}.sd-tooltip-menu__arrow.sc-sd-checkbox svg.sc-sd-checkbox{width:100%;height:100%}.sd-tooltip-menu__arrow--top.sc-sd-checkbox{bottom:-7.2px;left:50%;transform:translateX(-50%)}.sd-tooltip-menu__arrow--bottom.sc-sd-checkbox{top:-7.2px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-tooltip-menu__arrow--left.sc-sd-checkbox{right:-7.2px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-tooltip-menu__arrow--right.sc-sd-checkbox{left:-7.2px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-tooltip-menu__content.sc-sd-checkbox{line-height:20px;font-weight:500}.sd-tooltip-menu__close-button.sc-sd-checkbox{padding-top:4px;display:flex}.sd-tooltip-menu__close-button.sc-sd-checkbox button.sc-sd-checkbox{padding:0;background:none;border:none;cursor:pointer}.sd-popover-menu.sc-sd-checkbox{width:fit-content;padding:12px 20px;border-radius:4px;color:white;background:#07284a;font-size:12px;position:relative;box-sizing:border-box}.sd-popover-menu__arrow.sc-sd-checkbox{position:absolute;display:flex;width:9.6px;height:7.2px}.sd-popover-menu__arrow.sc-sd-checkbox svg.sc-sd-checkbox{width:100%;height:100%}.sd-popover-menu__arrow--top.sc-sd-checkbox{bottom:-7.2px;left:50%;transform:translateX(-50%)}.sd-popover-menu__arrow--bottom.sc-sd-checkbox{top:-7.2px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-popover-menu__arrow--left.sc-sd-checkbox{right:-7.2px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-popover-menu__arrow--right.sc-sd-checkbox{left:-7.2px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-popover-menu__content.sc-sd-checkbox{font-size:12px;line-height:20px}.sd-popover-menu__content.sc-sd-checkbox .sd-popover-menu__title.sc-sd-checkbox{font-weight:700;margin-bottom:4px}.sd-popover-menu__content.sc-sd-checkbox .sd-popover-menu__messages.sc-sd-checkbox{font-weight:500}.sd-popover-menu__content.sc-sd-checkbox .sd-popover-menu__buttons.sc-sd-checkbox{margin-top:12px;display:flex;gap:8px;align-items:center}.sd-popover-menu__content.sc-sd-checkbox .sd-popover-menu__buttons--1.sc-sd-checkbox{justify-content:flex-end}.sd-popover-menu__content.sc-sd-checkbox .sd-popover-menu__buttons--2.sc-sd-checkbox{justify-content:space-between}.sd-popover-menu__close-button.sc-sd-checkbox{position:absolute;top:16px;right:12px;padding:0;background:none;border:none;cursor:pointer}.sc-sd-checkbox-h{display:inline-block;height:fit-content;line-height:0}.sd-checkbox.sc-sd-checkbox{cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:20px;max-height:20px}.sd-checkbox.sc-sd-checkbox>input.sc-sd-checkbox{display:none}.sd-checkbox.sc-sd-checkbox:hover.sd-checkbox--checked .sd-checkbox__bg.sc-sd-checkbox,.sd-checkbox.sc-sd-checkbox:hover.sd-checkbox--indeterminate .sd-checkbox__bg.sc-sd-checkbox{border-color:1px solid #005cc9;background:#005cc9}.sd-checkbox.sc-sd-checkbox:hover.sd-checkbox--unchecked .sd-checkbox__bg.sc-sd-checkbox{border:1px solid #0075ff;background:#d9eaff}.sd-checkbox.sc-sd-checkbox:hover.sd-checkbox--disabled .sd-checkbox__bg.sc-sd-checkbox{border:1px solid transparent;background:#eeeeee}.sd-checkbox__bg.sc-sd-checkbox{width:16px;height:16px;border-radius:2px;border:1px solid #888888;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;overflow:hidden;line-height:0}.sd-checkbox__label.sc-sd-checkbox{font-size:12px;color:#333333;line-height:20px}.sd-checkbox--checked.sd-checkbox--disabled.sc-sd-checkbox .sd-checkbox__bg.sc-sd-checkbox,.sd-checkbox--indeterminate.sd-checkbox--disabled.sc-sd-checkbox .sd-checkbox__bg.sc-sd-checkbox{background:#eeeeee;border:1px solid #cccccc !important}.sd-checkbox--checked.sc-sd-checkbox .sd-checkbox__bg.sc-sd-checkbox,.sd-checkbox--indeterminate.sc-sd-checkbox .sd-checkbox__bg.sc-sd-checkbox{border:1px solid #0075ff;background:#0075ff}.sd-checkbox--unchecked.sc-sd-checkbox .sd-checkbox__bg.sc-sd-checkbox{background:white}.sd-checkbox--disabled.sc-sd-checkbox{cursor:not-allowed}.sd-checkbox--disabled.sc-sd-checkbox .sd-checkbox__bg.sc-sd-checkbox{background:#eeeeee;border:1px solid #cccccc !important}";
+const SdCheckbox = /*@__PURE__*/ proxyCustomElement(class SdCheckbox extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.sdChange = createEvent(this, "sdChange");
+    }
+    get el() { return this; }
+    /** 현재 선택 상태 또는 배열 형태의 값 */
+    checked;
+    /** 배열 모드에서의 개별 값 */
+    val;
+    /** 비활성화 여부 */
+    disabled = false;
+    /** 표시할 라벨 텍스트 */
+    label = '';
+    /** 내부 체크 상태 */
+    isChecked = false;
+    /** 값 변경 이벤트 */
+    sdChange;
+    componentWillLoad() {
+        this.updateCheckedState(this.checked);
+    }
+    componentWillRender() {
+        this.updateCheckedState(this.checked);
+    }
+    watchValueHandler(newValue) {
+        this.updateCheckedState(newValue);
+    }
+    get checkboxClasses() {
+        const classes = [
+            'sd-checkbox',
+            `sd-checkbox--${this.isChecked ? 'checked' : this.isChecked === null ? 'indeterminate' : 'unchecked'}`,
+        ];
+        if (this.disabled) {
+            classes.push('sd-checkbox--disabled');
+        }
+        return classes.join(' ');
+    }
+    updateCheckedState(value) {
+        if (value === null) {
+            this.isChecked = null;
+        }
+        else if (typeof value === 'boolean') {
+            this.isChecked = value;
+        }
+        else if (Array.isArray(value)) {
+            this.isChecked = this.val !== undefined && value.includes(this.val);
+        }
+        else {
+            this.isChecked = false;
+        }
+    }
+    handleChange = () => {
+        if (this.disabled)
+            return;
+        let newValue;
+        if (typeof this.checked === 'boolean') {
+            newValue = !this.checked;
+        }
+        else if (Array.isArray(this.checked)) {
+            if (this.val === undefined) {
+                console.warn('A "val" property is required when using an array for the "value" property.');
+            }
+            const valueSet = new Set(this.checked);
+            valueSet.has(this.val) ? valueSet.delete(this.val) : valueSet.add(this.val);
+            newValue = Array.from(valueSet);
+        }
+        else {
+            newValue = !this.isChecked;
+        }
+        this.sdChange.emit(newValue);
+    };
+    render() {
+        return (h(Host, { key: '953aa5173d5e89247d80f3ee4c258f322122df24' }, h("label", { key: 'ef7e3b50f134307ecbfee42daf8e858891fcea75', "aria-checked": this.isChecked === null ? 'mixed' : this.isChecked.toString(), "aria-disabled": this.disabled.toString(), role: "checkbox", "aria-label": this.label || 'checkbox', class: this.checkboxClasses }, h("input", { key: 'd10e690b3cfd6141ff091563189540ad6c50b4a8', type: "checkbox", value: this.val, checked: !!this.isChecked, disabled: this.disabled, onChange: this.handleChange, name: this.label || 'checkbox' }), h("div", { key: '0bc77af921869f65ccd0ce220d6198160efb46e4', class: "sd-checkbox__bg" }, this.isChecked !== false ? (h("sd-icon", { name: this.isChecked === true ? 'check' : 'minus', size: 12, color: this.disabled ? '#888888' : 'white' })) : null), this.label && h("span", { key: '0d111f7f1e6d19cb0da67589c1ec4853ab543e71', class: "sd-checkbox__label" }, this.label))));
+    }
+    static get watchers() { return {
+        "checked": ["watchValueHandler"]
+    }; }
+    static get style() { return sdCheckboxCss; }
+}, [770, "sd-checkbox", {
+        "checked": [4],
+        "val": [8],
+        "disabled": [4],
+        "label": [1],
+        "isChecked": [32]
+    }, undefined, {
+        "checked": ["watchValueHandler"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["sd-checkbox", "sd-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "sd-checkbox":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SdCheckbox);
+            }
+            break;
+        case "sd-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+export { SdCheckbox as S, defineCustomElement as d };
+//# sourceMappingURL=p-1jmdnu3I.js.map
+//# sourceMappingURL=p-1jmdnu3I.js.map