@sellmate/design-system 1.0.62 → 1.0.64

package/dist/components/sd-text-link.js

@@ -1 +1 @@
-import{p as e,H as t,c as s,h as i,t as n}from"./p-D-pFdq6g.js";import{d as l}from"./p-DSYw-7RA.js";var a={textLink:{gap:"4",size:{icon:"16"},typography:{default:{textDecoration:"none"},underline:{textDecoration:"underline"}},icon:{default:"#006AC1",disabled:"#BBBBBB"}}};const d={gap:a.textLink.gap,iconSize:Number(a.textLink.size.icon),arrowFrame:16,arrowIconSize:12,arrowColor:"#888888"},o={default:a.textLink.typography.default,underline:a.textLink.typography.underline},c={icon:a.textLink.icon},r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.click=s(this,"sdClick",7)}label="";icon="";iconColor="";labelClass="";useArrow=!1;underline=!1;disabled=!1;click;handleClick=()=>{this.disabled||this.click.emit()};render(){const e=this.underline?o.underline:o.default,t=["sd-text-link__label",this.labelClass].filter(Boolean).join(" "),s=this.disabled?c.icon.disabled:d.arrowColor;return i("span",{key:"b20b183974df13a11812d3f3c16abd2456dd0eb5",class:{"sd-text-link":!0,"sd-text-link--disabled":this.disabled},style:{"--sd-text-link-gap":d.gap+"px","--sd-text-link-text-decoration":e.textDecoration},onClick:this.handleClick},this.icon&&i("sd-icon",{key:"581390418ffdd23767838b6f4777fa36cac3ec89",name:this.icon,size:d.iconSize,color:this.disabled?c.icon.disabled:this.iconColor||c.icon.default,class:"sd-text-link__icon"}),i("span",{key:"a733650304df4c66bb1a0f54cc0554538263830d",class:t},this.label),this.useArrow&&i("span",{key:"1437e31870f22bcb13146cc8f2652f3b8d7fa57a",class:"sd-text-link__arrow",style:{width:d.arrowFrame+"px",height:d.arrowFrame+"px",display:"inline-flex",alignItems:"center",justifyContent:"center"}},i("sd-icon",{key:"17a886109c8e5f72daf5f1f8baa4e185161c934d",name:"chevronRight",size:d.arrowIconSize,color:s})))}static get style(){return"sd-text-link{display:inline-flex}sd-text-link .sd-text-link{display:inline-flex;align-items:center;gap:var(--sd-text-link-gap);cursor:pointer;user-select:none}sd-text-link .sd-text-link__label{text-decoration:var(--sd-text-link-text-decoration)}sd-text-link .sd-text-link:not(.sd-text-link--disabled):hover .sd-text-link__label{text-decoration:underline}sd-text-link .sd-text-link--disabled{cursor:not-allowed}"}},[512,"sd-text-link",{label:[1],icon:[1],iconColor:[1,"icon-color"],labelClass:[1,"label-class"],useArrow:[4,"use-arrow"],underline:[4],disabled:[4]}]),x=r,k=function(){"undefined"!=typeof customElements&&["sd-text-link","sd-icon"].forEach((e=>{switch(e){case"sd-text-link":customElements.get(n(e))||customElements.define(n(e),r);break;case"sd-icon":customElements.get(n(e))||l()}}))};export{x as SdTextLink,k as defineCustomElement}
+import{p as e,H as t,c as s,h as i,t as n}from"./p-DuYi4aqj.js";import{d as l}from"./p-CGssy8eb.js";var o={textLink:{gap:"4",size:{icon:"16"},typography:{default:{textDecoration:"none"},underline:{textDecoration:"underline"}},content:{disabled:"#888888"},icon:{default:"#006AC1",disabled:"#BBBBBB"}}};const d={gap:o.textLink.gap,iconSize:Number(o.textLink.size.icon),arrowFrame:16,arrowIconSize:12,arrowColor:"#888888"},a={default:o.textLink.typography.default,underline:o.textLink.typography.underline},c={content:o.textLink.content,icon:o.textLink.icon},r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.click=s(this,"sdClick",7)}label="";icon="";iconColor="";labelClass="";useArrow=!1;underline=!1;disabled=!1;click;handleClick=()=>{this.disabled||this.click.emit()};render(){const e=this.underline?a.underline:a.default,t=["sd-text-link__label",this.labelClass].filter(Boolean).join(" "),s=this.disabled?c.icon.disabled:d.arrowColor,n={"--sd-text-link-gap":d.gap+"px","--sd-text-link-text-decoration":e.textDecoration,...this.disabled?{"--sd-text-link-color":c.content.disabled}:{}};return i("span",{key:"348dc67e12982d74cd3f8b02d8e02071ad074c3f",class:{"sd-text-link":!0,"sd-text-link--disabled":this.disabled},style:n,onClick:this.handleClick},this.icon&&i("sd-icon",{key:"26c20691fd307e58b59339cf3b4fc1f3aab8c668",name:this.icon,size:d.iconSize,color:this.disabled?c.icon.disabled:this.iconColor||c.icon.default,class:"sd-text-link__icon"}),i("span",{key:"a767802a3df9fc15f7523d811d7dc69cc77404a1",class:t},this.label),this.useArrow&&i("span",{key:"a831f73d04cdfb970dcb78740889b6c5b242b880",class:"sd-text-link__arrow",style:{width:d.arrowFrame+"px",height:d.arrowFrame+"px",display:"inline-flex",alignItems:"center",justifyContent:"center"}},i("sd-icon",{key:"a87e70e4977a2392de9876eb27904737c61b9e23",name:"chevronRight",size:d.arrowIconSize,color:s})))}static get style(){return"sd-text-link{display:inline-flex}sd-text-link .sd-text-link{display:inline-flex;align-items:center;gap:var(--sd-text-link-gap);cursor:pointer;user-select:none}sd-text-link .sd-text-link__label{text-decoration:var(--sd-text-link-text-decoration);color:var(--sd-text-link-color, inherit)}sd-text-link .sd-text-link:not(.sd-text-link--disabled):hover .sd-text-link__label{text-decoration:underline}sd-text-link .sd-text-link--disabled{cursor:not-allowed}"}},[512,"sd-text-link",{label:[1],icon:[1],iconColor:[1,"icon-color"],labelClass:[1,"label-class"],useArrow:[516,"use-arrow"],underline:[516],disabled:[516]}]),x=r,k=function(){"undefined"!=typeof customElements&&["sd-text-link","sd-icon"].forEach((e=>{switch(e){case"sd-text-link":customElements.get(n(e))||customElements.define(n(e),r);break;case"sd-icon":customElements.get(n(e))||l()}}))};export{x as SdTextLink,k as defineCustomElement}

package/dist/components/sd-textarea.js

@@ -1 +1 @@
-import{p as e,H as t,c as s,h as a,t as i}from"./p-D-pFdq6g.js";import{n as r}from"./p-CCwNgVmC.js";import{i as d}from"./p-CJwbBrt5.js";import{d as o}from"./p-DPipeCRI.js";import{d as l}from"./p-CEa1HSpw.js";import{d as n}from"./p-AdSqif48.js";import{d as h}from"./p-DSYw-7RA.js";import{d as c}from"./p-BUAwjF_Z.js";const u={paddingX:d.textinput.sm.paddingX,paddingY:d.textinput.sm.paddingY,radius:d.textinput.sm.radius,fontSize:d.textinput.sm.typography.fontSize,lineHeight:d.textinput.sm.typography.lineHeight,fontWeight:d.textinput.sm.typography.fontWeight},p={text:d.textinput.text,bg:d.textinput.bg,border:d.textinput.border,resizer:d.textinput.resizer},x=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.input=s(this,"sdUpdate",7),this.focus=s(this,"sdFocus",7),this.blur=s(this,"sdBlur",7)}get host(){return this}value=null;placeholder="입력해 주세요.";disabled=!1;readonly=!1;autoFocus=!1;textareaClass="";textareaStyle={};maxLength;rows;spellcheck=!1;width="";label="";addonLabel="";hint="";errorMessage="";icon=void 0;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;status;focused=!1;hovered=!1;internalValue=null;nativeEl=void 0;formField;name=r();input;focus;blur;valueChanged(e){this.internalValue=e}internalValueChanged(e){e!==this.value&&(this.value=e,this.input?.emit(this.value))}async sdGetNativeElement(){return this.nativeEl||null}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}componentWillLoad(){null!=this.value&&(this.internalValue=this.value)}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=e=>{this.internalValue=e.target.value};handleFocus=async(e,t)=>{this.focused="focus"===e,"blur"===e?(this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.blur?.emit(t)):this.focus?.emit(t)};render(){return a("sd-field",{key:"ea611c76e2550f996cfe8848aa880d070325f133",name:this.name,label:this.label,addonLabel:this.addonLabel,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,status:this.status,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-textarea-font-size":u.fontSize+"px","--sd-textarea-line-height":u.lineHeight+"px","--sd-textarea-font-weight":u.fontWeight,"--sd-textarea-padding-x":u.paddingX+"px","--sd-textarea-padding-y":u.paddingY+"px","--sd-textarea-radius":u.radius+"px","--sd-textarea-text-color":p.text.default,"--sd-textarea-placeholder-color":p.text.placeholder,"--sd-textarea-disabled-color":p.text.disabled,"--sd-textarea-bg-color":p.bg.default,"--sd-textarea-disabled-bg-color":p.bg.disabled,"--sd-textarea-border-color":p.border.default,"--sd-textarea-resizer-color":p.resizer.color,"--sd-system-size-field-sm-height":"auto","--sd-system-radius-field-sm":u.radius+"px"}},a("div",{key:"90dbe39c0dd4eb8e6dfbf15afb8d04925d1c767b",class:"sd-textarea__content"},a("textarea",{key:"9026a4837b4b7bba8bc8237ad3c1f516b9dda267",name:this.name,ref:e=>this.nativeEl=e,class:"sd-textarea__native "+this.textareaClass,value:this.internalValue||"",placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,autofocus:this.autoFocus,maxLength:this.maxLength,rows:this.rows,spellcheck:this.spellcheck,onInput:this.handleInput,onFocus:e=>this.handleFocus("focus",e),onBlur:e=>this.handleFocus("blur",e),style:this.textareaStyle})))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}static get style(){return"sd-textarea{display:inline-flex}sd-textarea .sd-textarea__content{width:100%;display:flex}sd-textarea .sd-textarea__content .sd-textarea__native{width:100%;min-height:100px;border:none;outline:none;background:transparent;padding:var(--sd-textarea-padding-y) var(--sd-textarea-padding-x);font-family:inherit;font-size:var(--sd-textarea-font-size);line-height:var(--sd-textarea-line-height);font-weight:var(--sd-textarea-font-weight);color:var(--sd-textarea-text-color);resize:vertical}sd-textarea .sd-textarea__content .sd-textarea__native::placeholder{color:var(--sd-textarea-placeholder-color)}sd-textarea .sd-textarea__content .sd-textarea__native:disabled{cursor:not-allowed;color:var(--sd-textarea-disabled-color)}"}},[512,"sd-textarea",{value:[1025],placeholder:[1],disabled:[4],readonly:[4],autoFocus:[4,"auto-focus"],textareaClass:[1,"textarea-class"],textareaStyle:[16],maxLength:[2,"max-length"],rows:[2],spellcheck:[4],width:[8],label:[1],addonLabel:[1,"addon-label"],hint:[1],errorMessage:[1,"error-message"],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],rules:[16],error:[1028],status:[1],focused:[1028],hovered:[1028],internalValue:[32],sdGetNativeElement:[64],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64]},void 0,{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}]),m=x,b=function(){"undefined"!=typeof customElements&&["sd-textarea","sd-button","sd-field","sd-floating-portal","sd-icon","sd-tooltip"].forEach((e=>{switch(e){case"sd-textarea":customElements.get(i(e))||customElements.define(i(e),x);break;case"sd-button":customElements.get(i(e))||o();break;case"sd-field":customElements.get(i(e))||l();break;case"sd-floating-portal":customElements.get(i(e))||n();break;case"sd-icon":customElements.get(i(e))||h();break;case"sd-tooltip":customElements.get(i(e))||c()}}))};export{m as SdTextarea,b as defineCustomElement}
+import{p as e,H as t,c as s,h as a,t as i}from"./p-DuYi4aqj.js";import{n as r}from"./p-CCwNgVmC.js";import{i as d}from"./p-CJwbBrt5.js";import{d as l}from"./p-BLC3AWW8.js";import{d as o}from"./p-BjjrNz4C.js";import{d as n}from"./p-DxzgCf_d.js";import{d as h}from"./p-CGssy8eb.js";import{d as c}from"./p-BZ7V5xV5.js";const u={paddingX:d.textinput.sm.paddingX,paddingY:d.textinput.sm.paddingY,radius:d.textinput.sm.radius,fontSize:d.textinput.sm.typography.fontSize,lineHeight:d.textinput.sm.typography.lineHeight,fontWeight:d.textinput.sm.typography.fontWeight},p={text:d.textinput.text,bg:d.textinput.bg,border:d.textinput.border,resizer:d.textinput.resizer},x=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.input=s(this,"sdUpdate",7),this.focus=s(this,"sdFocus",7),this.blur=s(this,"sdBlur",7)}get host(){return this}value=null;placeholder="입력해 주세요.";disabled=!1;readonly=!1;autoFocus=!1;textareaClass="";textareaStyle={};maxLength;rows;spellcheck=!1;width="";label="";labelWidth="";addonLabel="";hint="";errorMessage="";icon=void 0;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;status;focused=!1;hovered=!1;internalValue=null;nativeEl=void 0;formField;name=r();input;focus;blur;valueChanged(e){this.internalValue=e}internalValueChanged(e){e!==this.value&&(this.value=e,this.input?.emit(this.value))}async sdGetNativeElement(){return this.nativeEl||null}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}componentWillLoad(){null!=this.value&&(this.internalValue=this.value)}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=e=>{this.internalValue=e.target.value};handleFocus=async(e,t)=>{this.focused="focus"===e,"blur"===e?(this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.blur?.emit(t)):this.focus?.emit(t)};render(){return a("sd-field",{key:"6b2360f01a356db14659e1ebc53d8c4d8c4f671f",name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,status:this.status,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-textarea-font-size":u.fontSize+"px","--sd-textarea-line-height":u.lineHeight+"px","--sd-textarea-font-weight":u.fontWeight,"--sd-textarea-padding-x":u.paddingX+"px","--sd-textarea-padding-y":u.paddingY+"px","--sd-textarea-radius":u.radius+"px","--sd-textarea-text-color":p.text.default,"--sd-textarea-placeholder-color":p.text.placeholder,"--sd-textarea-disabled-color":p.text.disabled,"--sd-textarea-bg-color":p.bg.default,"--sd-textarea-disabled-bg-color":p.bg.disabled,"--sd-textarea-border-color":p.border.default,"--sd-textarea-resizer-color":p.resizer.color,"--sd-system-size-field-sm-height":"auto","--sd-system-radius-field-sm":u.radius+"px"}},a("div",{key:"f43279ee861d3502c9130f1de0c47cba61ad0866",class:"sd-textarea__content"},a("textarea",{key:"0600b577417019ae36a0daba637168ebc5685220",name:this.name,ref:e=>this.nativeEl=e,class:"sd-textarea__native "+this.textareaClass,value:this.internalValue||"",placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,autofocus:this.autoFocus,maxLength:this.maxLength,rows:this.rows,spellcheck:this.spellcheck,onInput:this.handleInput,onFocus:e=>this.handleFocus("focus",e),onBlur:e=>this.handleFocus("blur",e),style:this.textareaStyle})))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}static get style(){return"sd-textarea{display:inline-flex}sd-textarea .sd-textarea__content{width:100%;display:flex}sd-textarea .sd-textarea__content .sd-textarea__native{width:100%;min-height:100px;border:none;outline:none;background:transparent;padding:var(--sd-textarea-padding-y) var(--sd-textarea-padding-x);font-family:inherit;font-size:var(--sd-textarea-font-size);line-height:var(--sd-textarea-line-height);font-weight:var(--sd-textarea-font-weight);color:var(--sd-textarea-text-color);resize:vertical}sd-textarea .sd-textarea__content .sd-textarea__native::placeholder{color:var(--sd-textarea-placeholder-color)}sd-textarea .sd-textarea__content .sd-textarea__native:disabled{cursor:not-allowed;color:var(--sd-textarea-disabled-color)}"}},[512,"sd-textarea",{value:[1025],placeholder:[1],disabled:[4],readonly:[4],autoFocus:[4,"auto-focus"],textareaClass:[1,"textarea-class"],textareaStyle:[16],maxLength:[2,"max-length"],rows:[2],spellcheck:[4],width:[8],label:[1],labelWidth:[8,"label-width"],addonLabel:[1,"addon-label"],hint:[1],errorMessage:[1,"error-message"],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],rules:[16],error:[1028],status:[1],focused:[1028],hovered:[1028],internalValue:[32],sdGetNativeElement:[64],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64]},void 0,{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}]),b=x,m=function(){"undefined"!=typeof customElements&&["sd-textarea","sd-button","sd-field","sd-floating-portal","sd-icon","sd-tooltip"].forEach((e=>{switch(e){case"sd-textarea":customElements.get(i(e))||customElements.define(i(e),x);break;case"sd-button":customElements.get(i(e))||l();break;case"sd-field":customElements.get(i(e))||o();break;case"sd-floating-portal":customElements.get(i(e))||n();break;case"sd-icon":customElements.get(i(e))||h();break;case"sd-tooltip":customElements.get(i(e))||c()}}))};export{b as SdTextarea,m as defineCustomElement}

package/dist/components/sd-thead.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SdThead extends Components.SdThead, HTMLElement {}
+export const SdThead: {
+    prototype: SdThead;
+    new (): SdThead;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sd-thead.js

@@ -0,0 +1 @@
+import{p as t,H as e,h as s,d as i,t as o}from"./p-DuYi4aqj.js";import{T as l}from"./p-sZMi_32I.js";import{d as h}from"./p-BLC3AWW8.js";import{d as n}from"./p-TMuoVuhE.js";import{d as r}from"./p-DxzgCf_d.js";import{d as c}from"./p-CGssy8eb.js";import{d as a}from"./p-BZ7V5xV5.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}columns;selectable;resizable;stickyColumn;stickyHeader;scrolledLeft;scrolledRight;rows=[];columnWidths=[];tableId="";_columns=[];_selectable=!1;_resizable=!1;_stickyColumn={left:0,right:0};_stickyHeader=!1;_scrolledLeft=!1;_scrolledRight=!1;tableEl=null;handleColumnsChange(t){Array.isArray(t)&&0===(this.columnWidths??[]).length&&(this.columnWidths=t.map((t=>parseInt(t.width||"120",10))))}componentWillLoad(){this.syncTableContext(),this.columnWidths=Array.isArray(this.columnWidths)?this.columnWidths:[],this.resolveConfig(),0===(this.columnWidths??[]).length&&(this.columnWidths=this._columns.map((t=>parseInt(t.width||"120",10))))}componentDidLoad(){this.syncTableContext(),this.resolveConfig()}syncTableContext(){const t=this.el.closest("sd-table");this.tableEl=t;const e=t?.getTableIdSync?.(),s=t?.getAttribute(l),i=(e&&"undefined"!==e?e:null)??(s&&"undefined"!==s?s:null)??"";i&&i!==this.tableId&&(this.tableId=i)}resolveConfig(){const t=this.tableEl?.getConfigSync?.();this._columns=Array.isArray(this.columns)?this.columns:Array.isArray(t?.columns)?t.columns:[],this._selectable=this.selectable??t?.selectable??!1,this._resizable=this.resizable??t?.resizable??!1,this._stickyColumn=this.stickyColumn??t?.stickyColumn??{left:0,right:0},this._stickyHeader=this.stickyHeader??t?.stickyHeader??!1,this._scrolledLeft=this.scrolledLeft??t?.scrolledLeft??!1,this._scrolledRight=this.scrolledRight??t?.scrolledRight??!1,Array.isArray(t?.columnWidths)&&0===(this.columnWidths??[]).length&&(this.columnWidths=[...t.columnWidths]),Array.isArray(this.columnWidths)||(this.columnWidths=[])}async refreshConfig(){this.resolveConfig()}async setColumnWidths(t){this.columnWidths=Array.isArray(t)?t:[]}async refreshSelection(){const t=this.el.querySelector("sd-checkbox");t&&(t.value=this.getIsAllChecked())}get visibleColumns(){return this._columns.filter((t=>!1!==t.visible))}getStickyStyle(t){return this.tableEl?.getStickyStyleSync?this.tableEl.getStickyStyleSync(t):{"--sticky-left-offset":this.columnWidths.slice(0,t).reduce(((t,e)=>t+e),0)+(this._selectable?52:0)+"px","--sticky-right-offset":this.columnWidths.filter(((e,s)=>s>=this.visibleColumns.length-(this._stickyColumn.right||0)&&s>t)).reduce(((t,e)=>t+e),0)+"px",width:this.columnWidths[t]+"px",minWidth:this.columnWidths[t]+"px",maxWidth:this.columnWidths[t]+"px"}}handleResize(t,e,s=!1){this.tableEl?.handleResize&&this.tableEl.handleResize(t,e,s)}handleSelectAll(t){const e=null!==this.getIsAllChecked()&&!!t,s=Array.isArray(this.rows)?this.rows:[];this.tableEl?.toggleSelectAllSync&&this.tableEl.toggleSelectAllSync(e,s)}getIsAllChecked(){const t=Array.isArray(this.rows)?this.rows:[];return!!(this.tableEl?.getIsAllCheckedSync&&t.length>0)&&this.tableEl.getIsAllCheckedSync(t)}render(){const t=Array.isArray(this.rows)?this.rows:[],e=this._stickyColumn.left||0,o=this._stickyColumn.right||0,l=this.visibleColumns.slice(0,e),h=this.visibleColumns.slice(e,this.visibleColumns.length-o),n=this.visibleColumns.slice(this.visibleColumns.length-o);return s(i,{key:"5ccdb84a8876df2af0d73424be3f5a7fdb1979a5",slot:this.tableId+"-head"},s("thead",{key:"6517b6f3baf56173f27b8194de7bd1de625ea304",class:{thead:!0,"thead--sticky":this._stickyHeader}},s("tr",{key:"8a9c268a3195376a8c9986411b29724896ff36d8",class:"tr"},this._selectable&&s("th",{key:"f0fae86684bbef173019ddb1dd23a5f57956fb04",class:{th:!0,"th--selected":!0,"sticky-left":!0,"sticky-left-edge":0===e,"is-scrolled-left":0===e&&this._scrolledLeft},style:{"--sticky-left-offset":"0px"}},s("sd-checkbox",{key:"cde120ec02f8bf03fa869eadbc0d91b4fde8e1ba",value:this.getIsAllChecked(),disabled:!t.length,onSdUpdate:t=>this.handleSelectAll(t.detail)})),l.map(((t,i)=>s("th",{key:t.name,class:{th:!0,[""+t.thClass]:!!t.thClass,"sticky-left":!0,"sticky-left-edge":i===e-1,"is-scrolled-left":i===e-1&&this._scrolledLeft},style:{...t.thStyle,...this.getStickyStyle(i)}},s("div",{class:"th__content th__content--"+(t.align||"left")},s("div",{class:"th__content--label"},t.label),t.usePageMoveIcon&&s("sd-icon",{name:"pageMove",size:"12",color:"#006AC1"}),t.tooltip&&s("sd-tooltip",{...t.tooltipOptions},s("div",{slot:"content"},t.tooltip.map((t=>s("p",null,t)))))),this._resizable&&s("div",{class:"th__resizer",onMouseDown:t=>this.handleResize(i,t)})))),h.map(((t,i)=>{const o=e+i;return s("th",{key:t.name,class:{th:!0,[""+t.thClass]:!!t.thClass},style:{...t.thStyle,...this.getStickyStyle(o)}},s("div",{class:"th__content th__content--"+(t.align||"left")},s("div",{class:"th__content--label"},t.label),t.usePageMoveIcon&&s("sd-icon",{name:"pageMove",size:"12",color:"#006AC1"}),t.tooltip&&s("sd-tooltip",{...t.tooltipOptions},s("div",{slot:"content"},t.tooltip.map((t=>s("p",null,t)))))),this._resizable&&s("div",{class:"th__resizer",onMouseDown:t=>this.handleResize(o,t)}))})),n.map(((t,e)=>{const i=this.visibleColumns.length-o+e;return s("th",{key:t.name,class:{th:!0,[""+t.thClass]:!!t.thClass,"sticky-right":!0,"sticky-right-edge":0===e,"is-scrolled-right":0===e&&this._scrolledRight},style:{...t.thStyle,...this.getStickyStyle(i)}},s("div",{class:"th__content th__content--"+(t.align||"left")},s("div",{class:"th__content--label"},t.label),t.usePageMoveIcon&&s("sd-icon",{name:"pageMove",size:"12",color:"#006AC1"}),t.tooltip&&s("sd-tooltip",{...t.tooltipOptions},s("div",{slot:"content"},t.tooltip.map((t=>s("p",null,t)))))),this._resizable&&s("div",{class:"th__resizer th__resizer--left",onMouseDown:t=>this.handleResize(i,t,!0)}))})))))}static get watchers(){return{columns:[{handleColumnsChange:0}]}}static get style(){return'sd-thead{display:contents}sd-thead *{box-sizing:border-box}.thead{display:table-header-group;height:36px}.thead--sticky{position:sticky;top:0;z-index:120}.tr{display:table-row;width:100%}.th{display:table-cell;background:#F5FAFF;height:36px;padding:0 16px;font-weight:500;vertical-align:middle;border-bottom:1px solid #E1E1E1;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.th--selected{position:relative;width:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.th--selected sd-checkbox label{position:relative}.th--selected sd-checkbox label:before{content:"";position:absolute;inset:-6px}.th.sticky-left{position:sticky;background-color:#F5FAFF;z-index:110 !important;left:var(--sticky-left-offset, 0)}.th.sticky-right{position:sticky;background-color:#F5FAFF;z-index:110 !important;right:var(--sticky-right-offset, 0)}.th.sticky-left-edge:after{content:"";position:absolute;top:0;left:100%;right:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset 12px 0 20px -25px;opacity:0;pointer-events:none;transition:opacity 0.2s}.th.sticky-right-edge:after{content:"";position:absolute;top:0;left:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset -12px 0 20px -25px;opacity:0;pointer-events:none;transition:opacity 0.2s}.th.sticky-left-edge.is-scrolled-left{overflow:visible}.th.sticky-left-edge.is-scrolled-left:after{opacity:1}.th.sticky-right-edge.is-scrolled-right{overflow:visible}.th.sticky-right-edge.is-scrolled-right:after{opacity:1}.th__content{display:flex;flex-flow:row nowrap;align-items:center;gap:4px}.th__content--left{justify-content:flex-start}.th__content--center{justify-content:center}.th__content--right{justify-content:flex-end}.th__content--label{white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.th__resizer{position:absolute;top:50%;right:0;transform:translateY(-50%);width:4px;height:16px;cursor:col-resize;z-index:3;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC}.th__resizer--left{right:auto;left:0}'}},[512,"sd-thead",{columns:[16],selectable:[4],resizable:[4],stickyColumn:[16],stickyHeader:[4,"sticky-header"],scrolledLeft:[4,"scrolled-left"],scrolledRight:[4,"scrolled-right"],rows:[16],columnWidths:[1040],tableId:[32],_columns:[32],_selectable:[32],_resizable:[32],_stickyColumn:[32],_stickyHeader:[32],_scrolledLeft:[32],_scrolledRight:[32],refreshConfig:[64],setColumnWidths:[64],refreshSelection:[64]},void 0,{columns:[{handleColumnsChange:0}]}]),p=d,f=function(){"undefined"!=typeof customElements&&["sd-thead","sd-button","sd-checkbox","sd-floating-portal","sd-icon","sd-tooltip"].forEach((t=>{switch(t){case"sd-thead":customElements.get(o(t))||customElements.define(o(t),d);break;case"sd-button":customElements.get(o(t))||h();break;case"sd-checkbox":customElements.get(o(t))||n();break;case"sd-floating-portal":customElements.get(o(t))||r();break;case"sd-icon":customElements.get(o(t))||c();break;case"sd-tooltip":customElements.get(o(t))||a()}}))};export{p as SdThead,f as defineCustomElement}

package/dist/components/sd-toast-container.js

@@ -1 +1 @@
-import{p as t,H as s,c as e,h as i,t as n}from"./p-D-pFdq6g.js";import{d as o}from"./p-BFaIxm6b.js";import{d as a}from"./p-DSYw-7RA.js";import{d as r}from"./p-BsJy4pgR.js";const c=4e3;let m=0;const d=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.toastShow=e(this,"sdToastShow",7),this.toastDismiss=e(this,"sdToastDismiss",7)}get el(){return this}position="bottom-center";maxVisible=3;defaultDuration=c;zIndex=1e4;toasts=[];expanded=!1;toastRefs=new Map;toastShow;toastDismiss;async create(t){const s="toast-"+ ++m,e={id:s,options:t,state:"entering"},i=t.duration??this.defaultDuration??c;i>0&&(e.timerId=setTimeout((()=>this.startDismiss(s)),i));let n=[...this.toasts||[],e];const o=n.filter((t=>"exiting"!==t.state));if(o.length>(this.maxVisible??3)){const t=new Set(o.slice(0,o.length-(this.maxVisible??3)).map((t=>t.id)));n=n.map((s=>t.has(s.id)&&"exiting"!==s.state?(s.timerId&&clearTimeout(s.timerId),this.scheduleRemoval(s.id),{...s,state:"exiting",timerId:void 0}):s))}return this.toasts=n,this.toastShow.emit({id:s}),s}async dismiss(t){this.startDismiss(t)}async dismissAll(){(this.toasts||[]).forEach((t=>this.startDismiss(t.id)))}startDismiss(t){const s=(this.toasts||[]).find((s=>s.id===t));s&&"exiting"!==s.state&&(s.timerId&&clearTimeout(s.timerId),this.toasts=(this.toasts||[]).map((s=>s.id===t?{...s,state:"exiting",timerId:void 0}:s)),this.scheduleRemoval(t))}scheduleRemoval(t){setTimeout((()=>this.removeToast(t)),500)}removeToast(t){(this.toasts||[]).find((s=>s.id===t))&&(this.toasts=(this.toasts||[]).filter((s=>s.id!==t)),this.toastRefs.delete(t),this.toastDismiss.emit({id:t}))}handleTransitionEnd(t){const s=(this.toasts||[]).find((s=>s.id===t));"exiting"===s?.state&&this.removeToast(t)}measureHeights(){let t=!1;const s=(this.toasts||[]).map((s=>{const e=this.toastRefs.get(s.id);if(e){const i=e.offsetHeight;if(i>0&&i!==s.height)return t=!0,{...s,height:i}}return s}));t&&(this.toasts=s)}componentDidRender(){this.toasts?.length&&(this.toasts.some((t=>"entering"===t.state))&&requestAnimationFrame((()=>{this.toasts=(this.toasts||[]).map((t=>"entering"===t.state?{...t,state:"visible"}:t))})),this.measureHeights())}disconnectedCallback(){this.toasts?.forEach((t=>{t.timerId&&clearTimeout(t.timerId)})),this.toastRefs.clear()}pauseTimers(){this.toasts=(this.toasts||[]).map((t=>t.timerId?(clearTimeout(t.timerId),{...t,timerId:void 0}):t))}resumeTimers(){const t=this.defaultDuration??c;t<=0||(this.toasts=(this.toasts||[]).map((s=>{if("visible"===s.state&&!s.timerId&&(s.options.duration??t)>0){const e=setTimeout((()=>this.startDismiss(s.id)),s.options.duration??t);return{...s,timerId:e}}return s})))}getContainerStyles(){return{position:"fixed",zIndex:""+(this.zIndex??1e4),pointerEvents:"none",...{"top-left":{top:"20px",left:"20px"},"top-center":{top:"20px",left:"50%",transform:"translateX(-50%)"},"top-right":{top:"20px",right:"20px"},"bottom-left":{bottom:"20px",left:"20px"},"bottom-center":{bottom:"20px",left:"50%",transform:"translateX(-50%)"},"bottom-right":{bottom:"20px",right:"20px"}}[this.position||"bottom-center"]}}getToastItemStyle(t,s,e){const i=this.position||"bottom-center",n=i.startsWith("bottom"),o=i.split("-")[1],a=n?"bottom":"top",r=[];"center"===o&&r.push("translateX(-50%)");const c={position:"absolute",[a]:"0",..."center"===o?{left:"50%"}:"right"===o?{right:"0"}:{left:"0"}};if("entering"===t.state)return r.push(`translateY(${n?20:-20}px)`),{...c,opacity:"0",transform:r.join(" "),transition:"none"};if("exiting"===t.state)return r.push(`translateY(${n?20:-20}px)`),{...c,opacity:"0",transform:r.join(" "),pointerEvents:"none"};if(this.expanded){let t=0;for(let i=0;i<s;i++)t+=(e[i].height||0)+8;return r.push("translateY(0) scale(1)"),{...c,[a]:t+"px",opacity:"1",transform:r.join(" "),zIndex:""+(e.length-s)}}const m=8*s,d=[1,.8,.6],h=s<d.length?d[s]:0;return r.push(`translateY(${n?-m:m}px) scale(${1-.05*s})`),{...c,opacity:""+h,transform:r.join(" "),transformOrigin:n?"bottom center":"top center",zIndex:""+(e.length-s)}}render(){const t=this.toasts||[],s=t.filter((t=>"exiting"!==t.state)).reverse(),e=new Map;return s.forEach(((t,s)=>e.set(t.id,s))),i("div",{key:"18ef06077ee49165d6237dbd4fff06e8c1997bcb",class:"sd-toast-container",style:this.getContainerStyles(),onMouseEnter:()=>{this.expanded=!0,this.pauseTimers()},onMouseLeave:()=>{this.expanded=!1,this.resumeTimers()}},t.map((t=>{const n=e.get(t.id)??0;return i("div",{key:t.id,class:{"sd-toast-container__item":!0,"sd-toast-container__item--entering":"entering"===t.state,"sd-toast-container__item--visible":"visible"===t.state,"sd-toast-container__item--exiting":"exiting"===t.state},style:this.getToastItemStyle(t,n,s),ref:s=>{s&&this.toastRefs.set(t.id,s)},onTransitionEnd:()=>this.handleTransitionEnd(t.id)},i("sd-toast",{message:t.options.message,type:t.options.type||"default",icon:t.options.icon,link:t.options.link,linkLabel:t.options.linkLabel,useClose:t.options.useClose,onSdClose:()=>this.startDismiss(t.id)}))})))}static get style(){return'sd-toast-container{display:block}sd-toast-container .sd-toast-container__item{pointer-events:auto;transition:transform 0.4s ease, opacity 0.4s ease, bottom 0.4s ease, top 0.4s ease}sd-toast-container .sd-toast-container__item::before{content:"";position:absolute;left:0;right:0;top:-8px;bottom:-8px}sd-toast-container .sd-toast-container__item--entering{transition:none}sd-toast-container .sd-toast-container__item--exiting{pointer-events:none}'}},[512,"sd-toast-container",{position:[1],maxVisible:[2,"max-visible"],defaultDuration:[2,"default-duration"],zIndex:[2,"z-index"],toasts:[32],expanded:[32],create:[64],dismiss:[64],dismissAll:[64]}]),h=d,l=function(){"undefined"!=typeof customElements&&["sd-toast-container","sd-ghost-button","sd-icon","sd-toast"].forEach((t=>{switch(t){case"sd-toast-container":customElements.get(n(t))||customElements.define(n(t),d);break;case"sd-ghost-button":customElements.get(n(t))||o();break;case"sd-icon":customElements.get(n(t))||a();break;case"sd-toast":customElements.get(n(t))||r()}}))};export{h as SdToastContainer,l as defineCustomElement}
+import{p as t,H as s,c as e,h as i,t as n}from"./p-DuYi4aqj.js";import{d as o}from"./p-B1S4ybd6.js";import{d as a}from"./p-CGssy8eb.js";import{d as r}from"./p-D9FDutsj.js";const c=4e3;let m=0;const d=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.toastShow=e(this,"sdToastShow",7),this.toastDismiss=e(this,"sdToastDismiss",7)}get el(){return this}position="bottom-center";maxVisible=3;defaultDuration=c;zIndex=1e4;toasts=[];expanded=!1;toastRefs=new Map;toastShow;toastDismiss;async create(t){const s="toast-"+ ++m,e={id:s,options:t,state:"entering"},i=t.duration??this.defaultDuration??c;i>0&&(e.timerId=setTimeout((()=>this.startDismiss(s)),i));let n=[...this.toasts||[],e];const o=n.filter((t=>"exiting"!==t.state));if(o.length>(this.maxVisible??3)){const t=new Set(o.slice(0,o.length-(this.maxVisible??3)).map((t=>t.id)));n=n.map((s=>t.has(s.id)&&"exiting"!==s.state?(s.timerId&&clearTimeout(s.timerId),this.scheduleRemoval(s.id),{...s,state:"exiting",timerId:void 0}):s))}return this.toasts=n,this.toastShow.emit({id:s}),s}async dismiss(t){this.startDismiss(t)}async dismissAll(){(this.toasts||[]).forEach((t=>this.startDismiss(t.id)))}startDismiss(t){const s=(this.toasts||[]).find((s=>s.id===t));s&&"exiting"!==s.state&&(s.timerId&&clearTimeout(s.timerId),this.toasts=(this.toasts||[]).map((s=>s.id===t?{...s,state:"exiting",timerId:void 0}:s)),this.scheduleRemoval(t))}scheduleRemoval(t){setTimeout((()=>this.removeToast(t)),500)}removeToast(t){(this.toasts||[]).find((s=>s.id===t))&&(this.toasts=(this.toasts||[]).filter((s=>s.id!==t)),this.toastRefs.delete(t),this.toastDismiss.emit({id:t}))}handleTransitionEnd(t){const s=(this.toasts||[]).find((s=>s.id===t));"exiting"===s?.state&&this.removeToast(t)}measureHeights(){let t=!1;const s=(this.toasts||[]).map((s=>{const e=this.toastRefs.get(s.id);if(e){const i=e.offsetHeight;if(i>0&&i!==s.height)return t=!0,{...s,height:i}}return s}));t&&(this.toasts=s)}componentDidRender(){this.toasts?.length&&(this.toasts.some((t=>"entering"===t.state))&&requestAnimationFrame((()=>{this.toasts=(this.toasts||[]).map((t=>"entering"===t.state?{...t,state:"visible"}:t))})),this.measureHeights())}disconnectedCallback(){this.toasts?.forEach((t=>{t.timerId&&clearTimeout(t.timerId)})),this.toastRefs.clear()}pauseTimers(){this.toasts=(this.toasts||[]).map((t=>t.timerId?(clearTimeout(t.timerId),{...t,timerId:void 0}):t))}resumeTimers(){const t=this.defaultDuration??c;t<=0||(this.toasts=(this.toasts||[]).map((s=>{if("visible"===s.state&&!s.timerId&&(s.options.duration??t)>0){const e=setTimeout((()=>this.startDismiss(s.id)),s.options.duration??t);return{...s,timerId:e}}return s})))}getContainerStyles(){return{position:"fixed",zIndex:""+(this.zIndex??1e4),pointerEvents:"none",...{"top-left":{top:"20px",left:"20px"},"top-center":{top:"20px",left:"50%",transform:"translateX(-50%)"},"top-right":{top:"20px",right:"20px"},"bottom-left":{bottom:"20px",left:"20px"},"bottom-center":{bottom:"20px",left:"50%",transform:"translateX(-50%)"},"bottom-right":{bottom:"20px",right:"20px"}}[this.position||"bottom-center"]}}getToastItemStyle(t,s,e){const i=this.position||"bottom-center",n=i.startsWith("bottom"),o=i.split("-")[1],a=n?"bottom":"top",r=[];"center"===o&&r.push("translateX(-50%)");const c={position:"absolute",[a]:"0",..."center"===o?{left:"50%"}:"right"===o?{right:"0"}:{left:"0"}};if("entering"===t.state)return r.push(`translateY(${n?20:-20}px)`),{...c,opacity:"0",transform:r.join(" "),transition:"none"};if("exiting"===t.state)return r.push(`translateY(${n?20:-20}px)`),{...c,opacity:"0",transform:r.join(" "),pointerEvents:"none"};if(this.expanded){let t=0;for(let i=0;i<s;i++)t+=(e[i].height||0)+8;return r.push("translateY(0) scale(1)"),{...c,[a]:t+"px",opacity:"1",transform:r.join(" "),zIndex:""+(e.length-s)}}const m=8*s,d=[1,.8,.6],h=s<d.length?d[s]:0;return r.push(`translateY(${n?-m:m}px) scale(${1-.05*s})`),{...c,opacity:""+h,transform:r.join(" "),transformOrigin:n?"bottom center":"top center",zIndex:""+(e.length-s)}}render(){const t=this.toasts||[],s=t.filter((t=>"exiting"!==t.state)).reverse(),e=new Map;return s.forEach(((t,s)=>e.set(t.id,s))),i("div",{key:"8a63cb5f1e62fea7f562eac000743bb59ec69fda",class:"sd-toast-container",style:this.getContainerStyles(),onMouseEnter:()=>{this.expanded=!0,this.pauseTimers()},onMouseLeave:()=>{this.expanded=!1,this.resumeTimers()}},t.map((t=>{const n=e.get(t.id)??0;return i("div",{key:t.id,class:{"sd-toast-container__item":!0,"sd-toast-container__item--entering":"entering"===t.state,"sd-toast-container__item--visible":"visible"===t.state,"sd-toast-container__item--exiting":"exiting"===t.state},style:this.getToastItemStyle(t,n,s),ref:s=>{s&&this.toastRefs.set(t.id,s)},onTransitionEnd:()=>this.handleTransitionEnd(t.id)},i("sd-toast",{message:t.options.message,type:t.options.type||"default",icon:t.options.icon,link:t.options.link,linkLabel:t.options.linkLabel,useClose:t.options.useClose,onSdClose:()=>this.startDismiss(t.id)}))})))}static get style(){return'sd-toast-container{display:block}sd-toast-container .sd-toast-container__item{pointer-events:auto;transition:transform 0.4s ease, opacity 0.4s ease, bottom 0.4s ease, top 0.4s ease}sd-toast-container .sd-toast-container__item::before{content:"";position:absolute;left:0;right:0;top:-8px;bottom:-8px}sd-toast-container .sd-toast-container__item--entering{transition:none}sd-toast-container .sd-toast-container__item--exiting{pointer-events:none}'}},[512,"sd-toast-container",{position:[1],maxVisible:[2,"max-visible"],defaultDuration:[2,"default-duration"],zIndex:[2,"z-index"],toasts:[32],expanded:[32],create:[64],dismiss:[64],dismissAll:[64]}]),h=d,l=function(){"undefined"!=typeof customElements&&["sd-toast-container","sd-ghost-button","sd-icon","sd-toast"].forEach((t=>{switch(t){case"sd-toast-container":customElements.get(n(t))||customElements.define(n(t),d);break;case"sd-ghost-button":customElements.get(n(t))||o();break;case"sd-icon":customElements.get(n(t))||a();break;case"sd-toast":customElements.get(n(t))||r()}}))};export{h as SdToastContainer,l as defineCustomElement}

package/dist/components/sd-toast.js

@@ -1 +1 @@
-import{S as s,d as o}from"./p-BsJy4pgR.js";const p=s,r=o;export{p as SdToast,r as defineCustomElement}
+import{S as s,d as o}from"./p-D9FDutsj.js";const t=s,p=o;export{t as SdToast,p as defineCustomElement}

package/dist/components/sd-toggle.js

@@ -1 +1 @@
-import{p as e,H as t,c as s,h as d,t as g}from"./p-D-pFdq6g.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.change=s(this,"sdUpdate",7)}value=!1;label="";disabled=!1;change;componentWillLoad(){this.updateCheckedState(this.value)}componentWillRender(){this.updateCheckedState(this.value)}updateCheckedState(e){this.value=e}get toggleClasses(){const e=["sd-toggle",this.value?"sd-toggle--checked":"sd-toggle--unchecked"];return this.disabled&&e.push("sd-toggle--disabled"),e.join(" ")}handleChange=()=>{if(this.disabled)return;const e=!this.value;this.value=e,this.change.emit(e)};render(){return d("label",{key:"ca08050cdbbb4e5e7e615f72411be5bff93955d8","aria-label":this.label||"toggle",class:this.toggleClasses},d("input",{key:"abdae5d4dc59fc121ded9cc0800f68d3996d4e50",type:"checkbox",checked:this.value,disabled:this.disabled,onInput:this.handleChange}),this.label&&d("span",{key:"37d23f59f877100c53deace3c6c70b441df5748c",class:"sd-toggle__label"},this.label),d("div",{key:"545f76c3c1e63198f6dc80bdf6bf44f6840082b2",class:"sd-toggle__track"},d("div",{key:"4142b2e46b93cf1d5f86cb1b5a4490c0e6a03a05",class:"sd-toggle__thumb"})))}static get style(){return"sd-toggle{display:inline-block;height:20px;line-height:0}sd-toggle .sd-toggle{cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:20px}sd-toggle .sd-toggle>input{display:none}sd-toggle .sd-toggle__label{font-size:12px;color:#333333;line-height:20px}sd-toggle .sd-toggle__track{width:36px;height:20px;border-radius:12px;background:#CCCCCC;position:relative;transition:background-color 0.2s ease}sd-toggle .sd-toggle__thumb{width:16px;height:16px;border-radius:50%;background:white;position:absolute;top:2px;left:2px;transition:transform 0.2s ease}sd-toggle .sd-toggle--checked .sd-toggle__track{background:#0075FF}sd-toggle .sd-toggle--checked .sd-toggle__thumb{transform:translateX(16px)}sd-toggle .sd-toggle--disabled{cursor:not-allowed}sd-toggle .sd-toggle--disabled.sd-toggle--checked .sd-toggle__track{background:#BBDAFF}sd-toggle .sd-toggle--disabled.sd-toggle--unchecked .sd-toggle__track{background:#EEEEEE}sd-toggle .sd-toggle:hover:not(.sd-toggle--disabled).sd-toggle--checked .sd-toggle__track{background:#005CC9}sd-toggle .sd-toggle:hover:not(.sd-toggle--disabled).sd-toggle--unchecked .sd-toggle__track{background:#BBBBBB}"}},[512,"sd-toggle",{value:[1028],label:[1],disabled:[4]}]),o=l,c=function(){"undefined"!=typeof customElements&&["sd-toggle"].forEach((e=>{"sd-toggle"===e&&(customElements.get(g(e))||customElements.define(g(e),l))}))};export{o as SdToggle,c as defineCustomElement}
+import{p as e,H as t,c as o,h as d,t as l}from"./p-DuYi4aqj.js";var s="12",g={fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"12",fontWeight:"500",textDecoration:"none",lineHeight:"20"},r="9999",a={width:"1",default:"#CCCCCC",select:"#0075FF",disabled:"#CCCCCC"},i={default:"#FFFFFF",hover:"#0075FF",select:"#FFFFFF",disabled:"#E1E1E1"},n={default:"#555555",hover:"#FFFFFF",select:"#0075FF",disabled:"#888888"};const c=Number("28"),b=Number(s),h=Number(r),u=Number(a.width),f={fontFamily:g.fontFamily,fontWeight:g.fontWeight,fontSize:Number(g.fontSize),lineHeight:Number(g.lineHeight),textDecoration:g.textDecoration},v={border:{default:a.default,select:a.select,disabled:a.disabled},bg:{default:i.default,hover:i.hover,select:i.select,disabled:i.disabled},content:{default:n.default,hover:n.hover,select:n.select,disabled:n.disabled}},p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.change=o(this,"sdUpdate",7)}value=!1;label="";disabled=!1;change;get toggleClasses(){const e=["sd-toggle"];return this.value&&e.push("sd-toggle--active"),this.disabled&&e.push("sd-toggle--disabled"),e.join(" ")}handleChange=()=>{if(this.disabled)return;const e=!this.value;this.value=e,this.change.emit(e)};render(){return d("label",{key:"ec38c0ca834e5208d2cc5eb1fc32f959eacbb46d",class:this.toggleClasses,style:{"--sd-toggle-height":c+"px","--sd-toggle-padding-x":b+"px","--sd-toggle-radius":h+"px","--sd-toggle-border-width":u+"px","--sd-toggle-font-family":f.fontFamily,"--sd-toggle-font-weight":f.fontWeight,"--sd-toggle-font-size":f.fontSize+"px","--sd-toggle-line-height":f.lineHeight+"px","--sd-toggle-text-decoration":f.textDecoration,"--sd-toggle-bg-default":v.bg.default,"--sd-toggle-bg-hover":v.bg.hover,"--sd-toggle-bg-select":v.bg.select,"--sd-toggle-bg-disabled":v.bg.disabled,"--sd-toggle-border-default":v.border.default,"--sd-toggle-border-select":v.border.select,"--sd-toggle-border-disabled":v.border.disabled,"--sd-toggle-content-default":v.content.default,"--sd-toggle-content-hover":v.content.hover,"--sd-toggle-content-select":v.content.select,"--sd-toggle-content-disabled":v.content.disabled},"aria-label":this.label||"toggle"},this.label,d("input",{key:"2b47036dbd0cb880a7b7973523c985ae13e0cf22",style:{display:"none"},type:"checkbox",onInput:this.handleChange}))}static get style(){return"sd-toggle{display:inline-block;line-height:0}.sd-toggle{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--sd-toggle-height);padding:0 var(--sd-toggle-padding-x);border-radius:var(--sd-toggle-radius);border:var(--sd-toggle-border-width) solid var(--sd-toggle-border-default);background:var(--sd-toggle-bg-default);color:var(--sd-toggle-content-default);font-family:var(--sd-toggle-font-family);font-weight:var(--sd-toggle-font-weight);font-size:var(--sd-toggle-font-size);line-height:var(--sd-toggle-line-height);text-decoration:var(--sd-toggle-text-decoration);white-space:nowrap;user-select:none;cursor:pointer;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease}.sd-toggle:hover:not(.sd-toggle--disabled){background:var(--sd-toggle-bg-hover);border-color:var(--sd-toggle-border-select);color:var(--sd-toggle-content-hover)}.sd-toggle--active{background:var(--sd-toggle-bg-select);border-color:var(--sd-toggle-border-select);color:var(--sd-toggle-content-select)}.sd-toggle--disabled{background:var(--sd-toggle-bg-disabled);border-color:var(--sd-toggle-border-disabled);color:var(--sd-toggle-content-disabled);cursor:not-allowed}.sd-toggle--disabled.sd-toggle--active{background:var(--sd-toggle-bg-disabled);border-color:var(--sd-toggle-border-disabled);color:var(--sd-toggle-content-disabled)}"}},[512,"sd-toggle",{value:[1540],label:[1],disabled:[4]}]),F=p,m=function(){"undefined"!=typeof customElements&&["sd-toggle"].forEach((e=>{"sd-toggle"===e&&(customElements.get(l(e))||customElements.define(l(e),p))}))};export{F as SdToggle,m as defineCustomElement}

package/dist/components/sd-tooltip.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-BUAwjF_Z.js";const p=o,r=s;export{p as SdTooltip,r as defineCustomElement}
+import{S as o,d as s}from"./p-BZ7V5xV5.js";const p=o,r=s;export{p as SdTooltip,r as defineCustomElement}

package/dist/components/sd-tr.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SdTr extends Components.SdTr, HTMLElement {}
+export const SdTr: {
+    prototype: SdTr;
+    new (): SdTr;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sd-tr.js

@@ -0,0 +1 @@
+import{p as t,H as e,h as s,d as i,t as o}from"./p-DuYi4aqj.js";import{T as l}from"./p-sZMi_32I.js";import{d as n}from"./p-TMuoVuhE.js";import{d as c}from"./p-CGssy8eb.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}columns;selectable;stickyColumn;rowKey="";row={};tableId="";columnWidths=[];isVisible=!0;_columns=[];_selectable=!1;_stickyColumn={left:0,right:0};_scrolledLeft=!1;_scrolledRight=!1;tableEl=null;componentWillLoad(){this.syncTableContext(),this.columnWidths=this.columnWidths??[],this.resolveConfig(),this.columnWidths=this._columns.map((t=>parseInt(t.width||"120",10))),this.updateVisibilitySync()}componentDidLoad(){this.syncTableContext()}syncTableContext(){const t=this.el.closest("sd-table");this.tableEl=t;const e=t?.getTableIdSync?.(),s=t?.getAttribute(l),i=(e&&"undefined"!==e?e:null)??(s&&"undefined"!==s?s:null)??"";i&&i!==this.tableId&&(this.tableId=i)}resolveConfig(){const t=this.tableEl?.getConfigSync?.();this._columns=this.columns??t?.columns??[],this._selectable=this.selectable??t?.selectable??!1,this._stickyColumn=this.stickyColumn??t?.stickyColumn??{left:0,right:0},this._scrolledLeft=t?.scrolledLeft??!1,this._scrolledRight=t?.scrolledRight??!1,t?.columnWidths&&0===(this.columnWidths??[]).length&&(this.columnWidths=[...t.columnWidths])}async refreshConfig(){this.resolveConfig()}async updateVisibility(){this.updateVisibilitySync()}updateVisibilitySync(){const t=parseInt(this.rowKey,10),e=this.tableEl?.getPaginationInfoSync?.();this.isVisible=!e||t>=e.startIndex&&t<e.endIndex}async setColumnWidths(t){this.columnWidths=t}async refreshSelection(){const t=this.el.querySelector("sd-checkbox");t&&(t.value=this.isSelected())}get visibleColumns(){return this._columns.filter((t=>!1!==t.visible))}formatValue(t){return null==t?"":"number"==typeof t?t.toLocaleString():t+""}getCellValue(t){const{field:e,format:s,name:i}=t,o="function"==typeof e?e(this.row):e?this.row[e]:this.row[i];return s?s(o,this.row):this.formatValue(o)}getStickyStyle(t){return this.tableEl?.getStickyStyleSync?this.tableEl.getStickyStyleSync(t):{"--sticky-left-offset":this.columnWidths.slice(0,t).reduce(((t,e)=>t+e),0)+(this._selectable?52:0)+"px","--sticky-right-offset":this.columnWidths.filter(((e,s)=>s>=this.visibleColumns.length-(this._stickyColumn.right||0)&&s>t)).reduce(((t,e)=>t+e),0)+"px",width:this.columnWidths[t]+"px",minWidth:this.columnWidths[t]+"px",maxWidth:this.columnWidths[t]+"px"}}isSelected(){return!!this.tableEl?.isRowSelectedSync&&this.tableEl.isRowSelectedSync(this.row)}handleSelect(){this.tableEl?.updateRowSelectSync&&this.tableEl.updateRowSelectSync(this.row)}render(){const t=this._stickyColumn.left||0,e=this._stickyColumn.right||0,o=this.visibleColumns.slice(0,t),l=this.visibleColumns.slice(t,this.visibleColumns.length-e),n=this.visibleColumns.slice(this.visibleColumns.length-e);return s(i,{key:"e0b035db61ba424f4a33cdb470c839cb23c696cc",style:{display:this.isVisible?"":"none"}},s("tr",{key:"224e8c360e01f81dee44d8c93f9e6724c3e87b4f",class:"tr"},this._selectable&&s("td",{key:"34afbe37ae3f86054cc6151c31a9de4f20296aef",class:{td:!0,"td--selected":!0,"sticky-left":!0,"sticky-left-edge":0===t,"is-scrolled-left":0===t&&this._scrolledLeft},style:{"--sticky-left-offset":"0px"}},s("sd-checkbox",{key:"29ad82d0b043964fdfc68cb250deddeda8029b39",value:this.isSelected(),onSdUpdate:()=>this.handleSelect()})),o.map(((e,i)=>s("td",{key:e.name,class:{td:!0,["td--"+(e.align||"left")]:!0,"sticky-left":!0,"sticky-left-edge":i===t-1,"is-scrolled-left":i===t-1&&this._scrolledLeft,[""+e.tdClass]:!!e.tdClass},style:this.getStickyStyle(i)},s("slot",{name:`${this.tableId}-${"string"==typeof e.field?e.field:e.name}-${this.rowKey}`},s("span",null,this.getCellValue(e)))))),l.map(((e,i)=>{const o=t+i,l="string"==typeof e.field?e.field:e.name;return s("td",{key:e.name,class:{td:!0,["td--"+(e.align||"left")]:!0,[""+e.tdClass]:!!e.tdClass},style:this.getStickyStyle(o)},s("slot",{name:`${this.tableId}-${l}-${this.rowKey}`},s("span",null,this.getCellValue(e))))})),n.map(((t,i)=>{const o=this.visibleColumns.length-e+i,l="string"==typeof t.field?t.field:t.name;return s("td",{key:t.name,class:{td:!0,["td--"+(t.align||"left")]:!0,"sticky-right":!0,"sticky-right-edge":0===i,"is-scrolled-right":0===i&&this._scrolledRight,[""+t.tdClass]:!!t.tdClass},style:this.getStickyStyle(o)},s("slot",{name:`${this.tableId}-${l}-${this.rowKey}`},s("span",null,this.getCellValue(t))))}))))}static get style(){return'sd-tr{display:contents}sd-tr *{box-sizing:border-box}.tr{display:table-row}.tr:hover .td{background-color:#F9F9F9}.td{display:table-cell;height:44px;padding:0 16px;border-bottom:1px solid #E1E1E1;background:white;vertical-align:middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.td--left{text-align:left}.td--center{text-align:center}.td--right{text-align:right}.td--selected{position:relative;width:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.td--selected sd-checkbox label{position:relative}.td--selected sd-checkbox label:before{content:"";position:absolute;inset:-6px}.td.sticky-left{position:sticky;background-color:white;z-index:100 !important;left:var(--sticky-left-offset, 0)}.td.sticky-right{position:sticky;background-color:white;z-index:100 !important;right:var(--sticky-right-offset, 0)}.td.sticky-left-edge:after{content:"";position:absolute;top:0;left:100%;right:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset 12px 0 20px -25px;opacity:0;pointer-events:none;transition:opacity 0.2s}.td.sticky-right-edge:after{content:"";position:absolute;top:0;left:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset -12px 0 20px -25px;opacity:0;pointer-events:none;transition:opacity 0.2s}.td.sticky-left-edge.is-scrolled-left{overflow:visible}.td.sticky-left-edge.is-scrolled-left:after{opacity:1}.td.sticky-right-edge.is-scrolled-right{overflow:visible}.td.sticky-right-edge.is-scrolled-right:after{opacity:1}.tr:hover .td.sticky-left,.tr:hover .td.sticky-right{background-color:#F9F9F9}'}},[772,"sd-tr",{columns:[16],selectable:[4],stickyColumn:[16],rowKey:[1,"row-key"],row:[16],tableId:[32],columnWidths:[32],isVisible:[32],_columns:[32],_selectable:[32],_stickyColumn:[32],_scrolledLeft:[32],_scrolledRight:[32],refreshConfig:[64],updateVisibility:[64],setColumnWidths:[64],refreshSelection:[64]}]),d=r,h=function(){"undefined"!=typeof customElements&&["sd-tr","sd-checkbox","sd-icon"].forEach((t=>{switch(t){case"sd-tr":customElements.get(o(t))||customElements.define(o(t),r);break;case"sd-checkbox":customElements.get(o(t))||n();break;case"sd-icon":customElements.get(o(t))||c()}}))};export{d as SdTr,h as defineCustomElement}

package/dist/components/table-test.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TableTest extends Components.TableTest, HTMLElement {}
+export const TableTest: {
+    prototype: TableTest;
+    new (): TableTest;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/table-test.js

@@ -0,0 +1 @@
+import{p as e,H as t,c as a,h as s,t as r}from"./p-DuYi4aqj.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.tableReady=a(this,"tableReady",7)}get el(){return this}columns=[];rows=[];bordered=!0;striped=!1;cellRenderers=new Map;headerRenderers=new Map;tableReady;dataChanged(){this.tableReady.emit()}componentDidLoad(){this.tableReady.emit()}async setCellRenderer(e,t){this.cellRenderers=new Map(this.cellRenderers).set(e,t)}async setHeaderRenderer(e,t){this.headerRenderers=new Map(this.headerRenderers).set(e,t)}async removeCellRenderer(e){const t=new Map(this.cellRenderers);t.delete(e),this.cellRenderers=t}async clearAllRenderers(){this.cellRenderers=new Map,this.headerRenderers=new Map}renderCellContent(e,t,a){const r=t[e.field],d=this.cellRenderers.get(e.field);if(d){const n=d({field:e.field,value:r,row:t,rowIndex:a});return s("span",{class:"cell-content",innerHTML:n})}const n=this.el.querySelector(`[slot="cell-${e.field}"]`);if(n){const e=this.processTemplate(n.innerHTML,{value:r,row:t,rowIndex:a});return s("span",{class:"cell-content",innerHTML:e})}return s("span",{class:"cell-content"},r)}renderHeaderContent(e){const t=this.headerRenderers.get(e.field);if(t){const a=t({field:e.field,column:e});return s("span",{innerHTML:a})}const a=this.el.querySelector(`[slot="header-${e.field}"]`);return a?s("span",{innerHTML:a.innerHTML}):e.header||e.field}processTemplate(e,t){return e.replace(/\{\{value\}\}/g,this.escapeHtml((t.value??"")+"")).replace(/\{\{rowIndex\}\}/g,t.rowIndex+"").replace(/\{\{row\.(\w+)\}\}/g,((e,a)=>this.escapeHtml((t.row[a]??"")+"")))}escapeHtml(e){const t=document.createElement("div");return t.textContent=e,t.innerHTML}render(){return s("div",{key:"6d2ff3676d082540cc70939363b0f07ff7252e8c",class:"table-wrapper"},s("table",{key:"3995aead06dfce42ea4e918486b1473c1740b96e",class:{"data-table":!0,bordered:this.bordered,striped:this.striped}},s("thead",{key:"9cbe03cbe1f69d7546ba5037489d20d85bd4a534"},s("tr",{key:"7ab64e3e3ef214a19a010501d3ec9778c5594990"},this.columns.map((e=>s("th",{key:e.field,style:{width:e.width}},this.renderHeaderContent(e)))))),s("tbody",{key:"660707fb4d5075b98698718e8cfa8ed903f3d1e2"},this.rows.map(((e,t)=>s("tr",{key:t},this.columns.map((a=>s("td",{key:`${t}-${a.field}`},this.renderCellContent(a,e,t))))))))),s("div",{key:"9aabf030b814c340b2f4a1d66644516ed320f31b",class:"templates-slot",hidden:!0},s("slot",{key:"532e40bf658706a99b57dc89c056d977db3e4d83"})))}static get watchers(){return{columns:[{dataChanged:0}],rows:[{dataChanged:0}]}}static get style(){return':host{display:block}.table-wrapper{width:100%;overflow-x:auto}.templates-slot{display:none}.data-table{width:100%;border-collapse:collapse;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-size:14px}.data-table th,.data-table td{padding:12px 16px;text-align:left;vertical-align:middle}.data-table th{font-weight:600;background-color:#f8f9fa;color:#333}.data-table.bordered th,.data-table.bordered td{border:1px solid #dee2e6}.data-table.striped tbody tr:nth-child(odd){background-color:#f8f9fa}.data-table tbody tr:hover{background-color:#e9ecef}.data-table .cell-flex{display:flex;align-items:center;gap:8px}.data-table .cell-image{width:24px;height:16px;object-fit:cover;border-radius:2px}'}},[769,"table-test",{columns:[16],rows:[16],bordered:[4],striped:[4],cellRenderers:[32],headerRenderers:[32],setCellRenderer:[64],setHeaderRenderer:[64],removeCellRenderer:[64],clearAllRenderers:[64]},void 0,{columns:[{dataChanged:0}],rows:[{dataChanged:0}]}]),n=d,l=function(){"undefined"!=typeof customElements&&["table-test"].forEach((e=>{"table-test"===e&&(customElements.get(r(e))||customElements.define(r(e),d))}))};export{n as TableTest,l as defineCustomElement}