@sellmate/design-system 1.0.66 → 1.0.68

package/dist/components/sd-table.js

@@ -1 +1 @@
-import{p as t,H as e,c as s,e as i,h as a,d as h,t as n}from"./p-DuYi4aqj.js";import{T as l}from"./p-sZMi_32I.js";import{d as o}from"./p-BLC3AWW8.js";import{d as r}from"./p-TMuoVuhE.js";import{d}from"./p-CpclstHV.js";import{d as c}from"./p-HsTw_qYU.js";import{d as b}from"./p-DXtyg5eK.js";import{d as u}from"./p-CGssy8eb.js";import{d as g}from"./p-VXLJLI30.js";import{d as p}from"./p-h6zSUtA2.js";import{d as f}from"./p-fcZvjHk_.js";import{d as m}from"./p-kZ5N_lFC.js";import{d as y}from"./p-DRY8HJ-T.js";import{d as C}from"./p-DpsDTjcN.js";import{d as w}from"./p-B6OgnOKC.js";import{d as k}from"./p-Cc7ZBscb.js";let S=(t=21)=>{let e="",s=crypto.getRandomValues(new Uint8Array(t|=0));for(;t--;)e+="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict"[63&s[t]];return e};const v=t(class t extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.sdSelectChange=s(this,"sdSelectChange",7),this.sdPageChange=s(this,"sdPageChange",7),this.sdRowsPerPageChange=s(this,"sdRowsPerPageChange",7),this.sdVirtualUpdate=s(this,"sdVirtualUpdate",7),this.sdVirtualReachEnd=s(this,"sdVirtualReachEnd",7)}static DEFAULT_NO_DATA_LABEL="데이터가 없습니다.";get el(){return this}tableId=S(8);fallbackTableId=S(8);columns=[];rows;selected=[];rowKey="id";selectable=!1;resizable=!1;width;height;stickyHeader=!1;stickyColumn={left:0,right:0};noDataLabel=t.DEFAULT_NO_DATA_LABEL;resolvedNoDataLabel=t.DEFAULT_NO_DATA_LABEL;isLoading=!1;pagination;useInternalPagination=!1;useRowsPerPageSelect=!1;useVirtualScroll=!1;rowHeight=40;virtualBuffer=5;virtualEndThreshold=10;rowsPerPageOption=[{label:"10개씩 보기",value:10},{label:"25개씩 보기",value:25},{label:"50개씩 보기",value:50},{label:"100개씩 보기",value:100}];sdSelectChange;sdPageChange;sdRowsPerPageChange;sdVirtualUpdate;sdVirtualReachEnd;currentPage=1;innerRowsPerPage=10;innerSelected=new Set;columnWidths=[];scrolledLeft=!1;scrolledRight=!1;rowCount=0;loadingScrollTop=0;vsStart=0;vsEnd=0;lastReachEndNotifiedRowCount=-1;scrollContainer=null;onScroll;toFiniteNumber(t,e){const s="number"==typeof t?t:Number(t);return Number.isFinite(s)?s:e}isRowsPerPageValue(t){return null===t||"string"==typeof t||"number"==typeof t}isValidTableId(t){return"string"==typeof t&&t.trim().length>0&&"undefined"!==t&&"null"!==t}getResolvedTableId(){if(this.isValidTableId(this.tableId))return this.tableId;const t=this.el?.getAttribute(l);return this.isValidTableId(t)?t:this.fallbackTableId}syncTableIdAttribute(){const t=this.getResolvedTableId();this.el?.getAttribute(l)!==t&&this.el.setAttribute(l,t)}handleIsLoadingChange(t){t&&(this.loadingScrollTop=this.scrollContainer?.scrollTop??0)}handleUseVirtualScrollChange(t){t&&i((()=>this.propagateVirtualUpdate()))}handleColumnsChange(t){this.columnWidths=t.map((t=>parseInt(t.width||"120",10))),this.refreshChildrenConfig()}handleRowsChange(t){Array.isArray(t)&&(this.rowCount=t.length,this.useVirtualScroll&&this.propagateVirtualUpdate(!0),this.pushRowsToChildren(t))}handleTableIdChange(){this.syncTableIdAttribute()}handleNoDataLabelChange(e){this.resolvedNoDataLabel="string"==typeof e&&e.trim().length>0&&"undefined"!==e&&"null"!==e?e:t.DEFAULT_NO_DATA_LABEL}handleConfigChange(){this.refreshChildrenConfig()}handleSelectedChange(t){this.innerSelected=new Set(t)}handlePaginationChange(t){t?.page&&t.page!==this.currentPage&&(this.currentPage=t.page),t?.rowsPerPage&&t.rowsPerPage!==this.innerRowsPerPage&&(this.innerRowsPerPage=t.rowsPerPage)}componentWillLoad(){this.syncTableIdAttribute(),this.handleNoDataLabelChange(this.noDataLabel),this.innerSelected=new Set(this.selected||[]),this.columnWidths=(this.columns||[]).map((t=>parseInt(t.width||"120",10))),this.pagination?.page&&(this.currentPage=this.pagination.page),this.pagination?.rowsPerPage&&(this.innerRowsPerPage=this.pagination.rowsPerPage);const t=this.el;t.isRowSelectedSync=this.isRowSelectedSync.bind(this),t.updateRowSelectSync=this.updateRowSelectSync.bind(this),t.toggleSelectAllSync=this.toggleSelectAllSync.bind(this),t.getIsAllCheckedSync=this.getIsAllCheckedSync.bind(this),t.getStickyStyleSync=this.getStickyStyleSync.bind(this),t.setRowCountSync=this.setRowCountSync.bind(this),t.handleResize=this.handleResize.bind(this),t.getPaginationInfoSync=this.getPaginationInfoSync.bind(this),t.getVirtualScrollRangeSync=this.getVirtualScrollRangeSync.bind(this),t.getConfigSync=this.getConfigSync.bind(this),t.getTableIdSync=()=>this.getResolvedTableId(),t.getVirtualScrollConfigSync=this.getVirtualScrollConfigSync.bind(this),t.calculateVisibleRange=this.calculateVisibleRange.bind(this),Array.isArray(this.rows)&&(this.rowCount=this.rows.length,this.pushRowsToChildren(this.rows))}componentDidLoad(){Array.isArray(this.rows)&&this.pushRowsToChildren(this.rows),i((()=>{const t=this.el.shadowRoot?.querySelector(".sd-table__wrapper");if(!t)return;let e=!1;this.onScroll=()=>{const s=t.scrollLeft,i=s>0,a=s+t.clientWidth<t.scrollWidth;this.scrolledLeft===i&&this.scrolledRight===a||(this.scrolledLeft=i,this.scrolledRight=a,this.refreshChildrenConfig()),this.useVirtualScroll&&!e&&(e=!0,requestAnimationFrame((()=>{e=!1,this.propagateVirtualUpdate()})))},this.scrollContainer=t,t.addEventListener("scroll",this.onScroll,{passive:!0}),this.onScroll(),this.useVirtualScroll&&this.propagateVirtualUpdate()}))}disconnectedCallback(){this.scrollContainer&&this.onScroll&&this.scrollContainer.removeEventListener("scroll",this.onScroll)}pushRowsToChildren(t){const e=this.el.querySelector("sd-tbody");e&&(e.rows=t);const s=this.el.querySelector("sd-thead");s&&(s.rows=t)}handleStructureSlotChange=()=>{Array.isArray(this.rows)&&this.pushRowsToChildren(this.rows),this.refreshChildrenConfig()};refreshChildrenSelection(){const t=this.el.querySelector("sd-thead"),e=this.el.querySelectorAll("sd-tr");t?.refreshSelection?.(),e.forEach((t=>t?.refreshSelection?.()))}refreshChildrenConfig(){const t=this.el.querySelector("sd-thead"),e=this.el.querySelectorAll("sd-tr");t?.refreshConfig?.(),e.forEach((t=>t?.refreshConfig?.()))}maybeEmitVirtualReachEnd(t,e){const s=Math.max(1,this.virtualEndThreshold);e>=Math.max(0,this.rowCount-s)&&this.lastReachEndNotifiedRowCount!==this.rowCount&&(this.lastReachEndNotifiedRowCount=this.rowCount,this.sdVirtualReachEnd.emit({from:t,to:e,rowCount:this.rowCount,threshold:s}))}propagateVirtualUpdate(t=!1){if(!this.scrollContainer||!this.useVirtualScroll)return;const e=this.toFiniteNumber(this.scrollContainer.scrollTop,0),s=this.toFiniteNumber(this.scrollContainer.clientHeight,0),{start:i,end:a}=this.calculateVisibleRange(e,s);if(!Number.isFinite(i)||!Number.isFinite(a))return;const h=this.vsStart!==i||this.vsEnd!==a;if(!h&&!t)return;this.vsStart=i,this.vsEnd=a;const n=i*this.rowHeight,l=Math.max(0,(this.rowCount-a)*this.rowHeight),o=this.el.querySelector("sd-tbody");o?.setSpacersSync?.(n,l),h&&this.sdVirtualUpdate.emit({from:i,to:a}),this.maybeEmitVirtualReachEnd(i,a)}getVirtualScrollConfigSync(){return{useVirtualScroll:this.useVirtualScroll,rowHeight:this.rowHeight,virtualBuffer:this.virtualBuffer,vsStart:this.vsStart,vsEnd:this.vsEnd,rowCount:this.rowCount}}getConfigSync(){return{columns:this.columns,selectable:this.selectable,resizable:this.resizable,stickyColumn:this.stickyColumn,stickyHeader:this.stickyHeader,scrolledLeft:this.scrolledLeft,scrolledRight:this.scrolledRight,columnWidths:this.columnWidths}}isRowSelectedSync(t){return Array.from(this.innerSelected).some((e=>e[this.rowKey]===t[this.rowKey]))}async isRowSelected(t){return this.isRowSelectedSync(t)}updateRowSelectSync(t){const e=Array.from(this.innerSelected),s=this.isRowSelectedSync(t)?e.filter((e=>e[this.rowKey]!==t[this.rowKey])):[...e,t];s.length!==e.length&&(this.innerSelected=new Set(s),this.selected=Array.from(this.innerSelected),this.sdSelectChange.emit(Array.from(this.innerSelected)),this.refreshChildrenSelection())}async updateRowSelect(t){this.updateRowSelectSync(t)}toggleSelectAllSync(t,e){if(t){const t=new Set([...e]);this.innerSelected=new Set([...this.innerSelected,...t])}else{const t=e.map((t=>t[this.rowKey]));this.innerSelected=new Set([...this.innerSelected].filter((e=>!t.includes(e[this.rowKey]))))}this.selected=Array.from(this.innerSelected),this.sdSelectChange.emit(Array.from(this.innerSelected)),this.refreshChildrenSelection()}async toggleSelectAll(t,e){this.toggleSelectAllSync(t,e)}getIsAllCheckedSync(t){const e=t.length,s=t.filter((t=>Array.from(this.innerSelected).some((e=>e[this.rowKey]===t[this.rowKey])))).length;return 0!==s&&(s===e||null)}async getIsAllChecked(t){return this.getIsAllCheckedSync(t)}changePage(t){this.useInternalPagination?(this.currentPage=t,this.sdPageChange.emit(this.currentPage),this.updateRowsVisibility()):this.sdPageChange.emit(t)}updateRowsVisibility(){this.el.querySelectorAll("sd-tr").forEach((t=>t?.updateVisibility?.()))}changeRowsPerPage(t){const e=t?Number(t):0;if(!this.useInternalPagination)return void this.sdRowsPerPageChange.emit(e);this.innerRowsPerPage=e;const s=Math.max(1,Math.ceil(this.rowCount/e));this.currentPage>s&&(this.currentPage=s),this.sdRowsPerPageChange.emit(e),this.updateRowsVisibility()}get lastPageNumber(){if(this.useInternalPagination)return Math.max(1,Math.ceil(this.rowCount/this.innerRowsPerPage));const{lastPage:t,rowsPerPage:e=10}=this.pagination||{};return t??Math.max(1,Math.ceil(this.rowCount/e))}handleResize(t,e,s=!1){if("undefined"==typeof document)return;const i=e.clientX,a=this.columnWidths[t],h=e=>{const h=this.columns[t];if(!h)return;const n=h.maxWidth||9999,l=e.clientX-i,o=Math.min(Math.max(a+(s?-l:l),h.minWidth||50),n);this.columnWidths=this.columnWidths.map(((e,s)=>s===t?o:e));const r=this.el.querySelector("sd-thead"),d=this.el.querySelectorAll("sd-tr");r?.setColumnWidths?.(this.columnWidths),d.forEach((t=>t?.setColumnWidths?.(this.columnWidths)));const c=this.stickyColumn?.right||0,b=this.columns.filter((t=>!1!==t.visible)).length;c>0&&t===b-c&&requestAnimationFrame((()=>{this.onScroll?.()}))},n=()=>{document.removeEventListener("mousemove",h),document.removeEventListener("mouseup",n)};document.addEventListener("mousemove",h),document.addEventListener("mouseup",n)}getStickyStyleSync(t){return{"--sticky-left-offset":this.columnWidths.slice(0,t).reduce(((t,e)=>t+e),this.selectable?52:0)+"px","--sticky-right-offset":this.columnWidths.filter(((e,s)=>s>=this.columns.filter((t=>!1!==t.visible)).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"}}async getStickyStyle(t){return this.getStickyStyleSync(t)}setRowCountSync(t){const e=Math.max(0,Math.floor(this.toFiniteNumber(t,0)));e!==this.rowCount&&(this.lastReachEndNotifiedRowCount=-1),this.rowCount=e,this.useVirtualScroll&&this.propagateVirtualUpdate(!0)}async setRowCount(t){this.setRowCountSync(t)}calculateVisibleRange(t,e){const s=Math.max(1,this.toFiniteNumber(this.rowHeight,40)),i=Math.max(0,Math.floor(this.toFiniteNumber(this.virtualBuffer,5))),a=Math.max(0,this.toFiniteNumber(t,0)),h=Math.max(0,this.toFiniteNumber(e,0)),n=Math.max(0,Math.floor(this.toFiniteNumber(this.rowCount,0))),l=Math.floor(a/s),o=Math.ceil(h/s);return{start:Math.max(0,l-i),end:Math.min(n,l+o+i)}}getPaginationInfoSync(){if(!this.useInternalPagination||!this.pagination)return null;const t=(this.currentPage-1)*this.innerRowsPerPage;return{startIndex:t,endIndex:t+this.innerRowsPerPage,currentPage:this.currentPage,rowsPerPage:this.innerRowsPerPage}}async getPaginationInfo(){return this.getPaginationInfoSync()}getVirtualScrollRangeSync(){return this.useVirtualScroll&&this.vsEnd>0?{from:this.vsStart,to:this.vsEnd}:null}get tableClasses(){return["sd-table",this.stickyHeader&&"sd-table--sticky-header",this.selectable&&"sd-table--selectable",this.resizable&&"sd-table--resizable",(this.selectable||(this.stickyColumn?.left??0)>0||(this.stickyColumn?.right??0)>0)&&"sd-table--sticky-column",this.scrolledLeft&&"sd-table--scrolled-left",this.scrolledRight&&"sd-table--scrolled-right",0===this.rowCount&&!this.isLoading&&"sd-table--no-data"].filter(Boolean).join(" ")}render(){const t=this.getResolvedTableId();return a(h,{key:"dd25a84ce29a197a7e853d1812ce0f0fbdf043bd"},a("div",{key:"8b256e995d55c36ff9622148054911fcbe8aa89b",class:"sd-table__container",style:{"--table-width":this.width,"--table-height":this.height,"--table-container-height":`calc(${this.height||"100%"} - ${this.pagination&&this.rowCount>0&&!this.useVirtualScroll?48:0}px)`}},a("div",{key:"b4949fed8c50b93bcddace22978aff358ea7c210",class:{"sd-table__clip":!0,"sd-table__clip--has-pagination":!(!(this.pagination&&this.pagination.rowsPerPage>0&&this.rowCount>0)||this.useVirtualScroll)}},a("div",{key:"5fcceeb27568afdd367e7dbf2886fcbd107089c5",class:{"sd-table__wrapper":!0,"sd-table__wrapper--loading":this.isLoading,"sd-table__wrapper--no-data":0===this.rowCount&&!this.isLoading}},this.isLoading&&a("div",{key:"edabfb6b601cfad985e3b8614d603f2df1da8f98",class:"sd-table__loading",style:{top:this.loadingScrollTop+"px"}},a("sd-circle-progress",{key:"40de9b2b97407523d1b02b97f208682e4946be66",indeterminate:!0})),0===this.rowCount&&!this.isLoading&&a("div",{key:"fe0d54f45a2a0a8ca1cc6552a42c7725ecd84c99",class:"sd-table__no-data"},a("slot",{key:"f64d232d1b3bd69d7c43a5170d06e73cbc586226",name:"no-data"},a("span",{key:"71f5dcf2e5af2403032bdefd19a3cc4793a823e9"},this.resolvedNoDataLabel))),a("table",{key:"e32c9f96523db174a57efffa584237836a67214a",class:this.tableClasses},a("slot",{key:"ce5e49454ac9044d6b3fcf3ac51809bb1e5465f8",name:t+"-head",onSlotchange:this.handleStructureSlotChange}),a("slot",{key:"800b45ddc05aac02cf8827b31beca5d0f363b55f",name:t+"-body",onSlotchange:this.handleStructureSlotChange})))),this.pagination&&this.pagination.rowsPerPage>0&&this.rowCount>0&&!this.useVirtualScroll&&a("div",{key:"ea2afbe59f7b249d3f4e9d9763ab402438e47008",class:"sd-table__pagination"},a("sd-pagination",{key:"a64223b9d2374142cbf12ec582e580f1b9f8f8dc",currentPage:this.useInternalPagination?this.currentPage:this.pagination.page,lastPage:this.useInternalPagination?this.lastPageNumber:this.pagination.lastPage,onSdPageChange:t=>this.changePage(t.detail)}),this.useRowsPerPageSelect&&a("sd-select-v2",{key:"597cd596ac0ce2752ab6fc792887ce447c863eb8",value:this.useInternalPagination?this.innerRowsPerPage:this.pagination.rowsPerPage,options:this.rowsPerPageOption,width:"128px",emitValue:!0,onSdUpdate:t=>{this.isRowsPerPageValue(t.detail)&&this.changeRowsPerPage(t.detail)}}))))}static get watchers(){return{isLoading:[{handleIsLoadingChange:0}],useVirtualScroll:[{handleUseVirtualScrollChange:0}],columns:[{handleColumnsChange:0}],rows:[{handleRowsChange:0}],tableId:[{handleTableIdChange:0}],noDataLabel:[{handleNoDataLabelChange:0}],selectable:[{handleConfigChange:0}],resizable:[{handleConfigChange:0}],stickyColumn:[{handleConfigChange:0}],stickyHeader:[{handleConfigChange:0}],selected:[{handleSelectedChange:0}],pagination:[{handlePaginationChange:0}]}}static get style(){return"sd-table,:host{display:block;width:100%;max-width:100%;min-width:0}sd-table *,:host *{box-sizing:border-box}.sd-table__container{height:var(--table-height, auto);width:var(--table-width, 100%);max-width:100%;min-width:0;color:#222222;display:flex;flex-direction:column}.sd-table__clip{width:100%;min-width:0;height:var(--table-container-height, 400px);border:1px solid #E1E1E1;border-radius:8px;overflow:hidden}.sd-table__clip--has-pagination{border-radius:8px 8px 0 0}.sd-table__wrapper{width:100%;height:100%;display:flex;flex-direction:column;position:relative;font-size:12px;overflow:auto;background:#FFFFFF}.sd-table__wrapper--loading{overflow:hidden !important;pointer-events:none}.sd-table__wrapper--no-data{overflow:hidden;pointer-events:none}.sd-table__no-data{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#888888;pointer-events:none;z-index:200;background:rgba(255, 255, 255, 0.6)}.sd-table__loading{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.6);z-index:200;display:flex;align-items:center;justify-content:center;pointer-events:none}.sd-table{background-color:white;display:table;width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.sd-table--selectable sd-thead,.sd-table--selectable sd-tbody{--selectable:true}.sd-table--sticky-header sd-thead thead{position:sticky;top:0;z-index:120}.sd-table--sticky-column sd-thead,.sd-table--sticky-column sd-tbody{--sticky-column:true}.sd-table--scrolled-left sd-thead,.sd-table--scrolled-left sd-tbody{--scrolled-left:true}.sd-table--scrolled-right sd-thead,.sd-table--scrolled-right sd-tbody{--scrolled-right:true}.sd-table--resizable sd-thead{--resizable:true}.sd-table--no-data sd-thead{opacity:0.4}.sd-table__pagination{position:relative;background:#F9F9F9;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #E1E1E1;border-top:none;border-radius:0 0 8px 8px}.sd-table__pagination sd-select-v2{position:absolute;right:10px;top:50%;transform:translateY(-50%)}"}},[769,"sd-table",{tableId:[513,"table-id"],columns:[16],rows:[16],selected:[1040],rowKey:[1,"row-key"],selectable:[4],resizable:[4],width:[1],height:[1],stickyHeader:[4,"sticky-header"],stickyColumn:[16],noDataLabel:[1,"no-data-label"],isLoading:[4,"is-loading"],pagination:[16],useInternalPagination:[4,"use-internal-pagination"],useRowsPerPageSelect:[4,"use-rows-per-page-select"],useVirtualScroll:[4,"use-virtual-scroll"],rowHeight:[2,"row-height"],virtualBuffer:[2,"virtual-buffer"],virtualEndThreshold:[2,"virtual-end-threshold"],rowsPerPageOption:[16],resolvedNoDataLabel:[32],currentPage:[32],innerRowsPerPage:[32],innerSelected:[32],columnWidths:[32],scrolledLeft:[32],scrolledRight:[32],rowCount:[32],loadingScrollTop:[32],isRowSelected:[64],updateRowSelect:[64],toggleSelectAll:[64],getIsAllChecked:[64],getStickyStyle:[64],setRowCount:[64],getPaginationInfo:[64]},void 0,{isLoading:[{handleIsLoadingChange:0}],useVirtualScroll:[{handleUseVirtualScrollChange:0}],columns:[{handleColumnsChange:0}],rows:[{handleRowsChange:0}],tableId:[{handleTableIdChange:0}],noDataLabel:[{handleNoDataLabelChange:0}],selectable:[{handleConfigChange:0}],resizable:[{handleConfigChange:0}],stickyColumn:[{handleConfigChange:0}],stickyHeader:[{handleConfigChange:0}],selected:[{handleSelectedChange:0}],pagination:[{handlePaginationChange:0}]}]),_=v,x=function(){"undefined"!=typeof customElements&&["sd-table","sd-button","sd-checkbox","sd-circle-progress","sd-field","sd-floating-portal","sd-icon","sd-pagination","sd-portal","sd-select-v2","sd-select-v2-list-item","sd-select-v2-list-item-search","sd-select-v2-listbox","sd-select-v2-trigger","sd-tooltip"].forEach((t=>{switch(t){case"sd-table":customElements.get(n(t))||customElements.define(n(t),v);break;case"sd-button":customElements.get(n(t))||o();break;case"sd-checkbox":customElements.get(n(t))||r();break;case"sd-circle-progress":customElements.get(n(t))||d();break;case"sd-field":customElements.get(n(t))||c();break;case"sd-floating-portal":customElements.get(n(t))||b();break;case"sd-icon":customElements.get(n(t))||u();break;case"sd-pagination":customElements.get(n(t))||g();break;case"sd-portal":customElements.get(n(t))||p();break;case"sd-select-v2":customElements.get(n(t))||f();break;case"sd-select-v2-list-item":customElements.get(n(t))||m();break;case"sd-select-v2-list-item-search":customElements.get(n(t))||y();break;case"sd-select-v2-listbox":customElements.get(n(t))||C();break;case"sd-select-v2-trigger":customElements.get(n(t))||w();break;case"sd-tooltip":customElements.get(n(t))||k()}}))};export{_ as SdTable,x as defineCustomElement}
+import{p as t,H as e,c as s,e as i,h as a,d as h,t as n}from"./p-C0VkfKIA.js";import{T as l}from"./p-sZMi_32I.js";import{d as o}from"./p-Csfk-CtX.js";import{d as r}from"./p-D6C4-apu.js";import{d}from"./p-T5BGXHZg.js";import{d as c}from"./p-DWW5xr6r.js";import{d as b}from"./p-Diis5oCN.js";import{d as u}from"./p-YgnF5oje.js";import{d as g}from"./p-BaHpEtbz.js";import{d as p}from"./p-DIro-Wat.js";import{d as f}from"./p-DQLyH3dr.js";import{d as m}from"./p-BBluw-CU.js";import{d as y}from"./p-COM91Bya.js";import{d as C}from"./p-D_lyw4rN.js";import{d as w}from"./p-CsPyZohK.js";import{d as k}from"./p-z9MoRjYX.js";let S=(t=21)=>{let e="",s=crypto.getRandomValues(new Uint8Array(t|=0));for(;t--;)e+="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict"[63&s[t]];return e};const v=t(class t extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.sdSelectChange=s(this,"sdSelectChange",7),this.sdPageChange=s(this,"sdPageChange",7),this.sdRowsPerPageChange=s(this,"sdRowsPerPageChange",7),this.sdVirtualUpdate=s(this,"sdVirtualUpdate",7),this.sdVirtualReachEnd=s(this,"sdVirtualReachEnd",7)}static DEFAULT_NO_DATA_LABEL="데이터가 없습니다.";get el(){return this}tableId=S(8);fallbackTableId=S(8);columns=[];rows;selected=[];rowKey="id";selectable=!1;resizable=!1;width;height;stickyHeader=!1;stickyColumn={left:0,right:0};noDataLabel=t.DEFAULT_NO_DATA_LABEL;resolvedNoDataLabel=t.DEFAULT_NO_DATA_LABEL;isLoading=!1;pagination;useInternalPagination=!1;useRowsPerPageSelect=!1;useVirtualScroll=!1;rowHeight=40;virtualBuffer=5;virtualEndThreshold=10;rowsPerPageOption=[{label:"10개씩 보기",value:10},{label:"25개씩 보기",value:25},{label:"50개씩 보기",value:50},{label:"100개씩 보기",value:100}];sdSelectChange;sdPageChange;sdRowsPerPageChange;sdVirtualUpdate;sdVirtualReachEnd;currentPage=1;innerRowsPerPage=10;innerSelected=new Set;columnWidths=[];scrolledLeft=!1;scrolledRight=!1;rowCount=0;loadingScrollTop=0;vsStart=0;vsEnd=0;lastReachEndNotifiedRowCount=-1;scrollContainer=null;onScroll;toFiniteNumber(t,e){const s="number"==typeof t?t:Number(t);return Number.isFinite(s)?s:e}isRowsPerPageValue(t){return null===t||"string"==typeof t||"number"==typeof t}isValidTableId(t){return"string"==typeof t&&t.trim().length>0&&"undefined"!==t&&"null"!==t}getResolvedTableId(){if(this.isValidTableId(this.tableId))return this.tableId;const t=this.el?.getAttribute(l);return this.isValidTableId(t)?t:this.fallbackTableId}syncTableIdAttribute(){const t=this.getResolvedTableId();this.el?.getAttribute(l)!==t&&this.el.setAttribute(l,t)}handleIsLoadingChange(t){t&&(this.loadingScrollTop=this.scrollContainer?.scrollTop??0)}handleUseVirtualScrollChange(t){t&&i((()=>this.propagateVirtualUpdate()))}handleColumnsChange(t){this.columnWidths=t.map((t=>parseInt(t.width||"120",10))),this.refreshChildrenConfig()}handleRowsChange(t){Array.isArray(t)&&(this.rowCount=t.length,this.useVirtualScroll&&this.propagateVirtualUpdate(!0),this.pushRowsToChildren(t))}handleTableIdChange(){this.syncTableIdAttribute()}handleNoDataLabelChange(e){this.resolvedNoDataLabel="string"==typeof e&&e.trim().length>0&&"undefined"!==e&&"null"!==e?e:t.DEFAULT_NO_DATA_LABEL}handleConfigChange(){this.refreshChildrenConfig()}handleSelectedChange(t){this.innerSelected=new Set(t)}handlePaginationChange(t){t?.page&&t.page!==this.currentPage&&(this.currentPage=t.page),t?.rowsPerPage&&t.rowsPerPage!==this.innerRowsPerPage&&(this.innerRowsPerPage=t.rowsPerPage)}componentWillLoad(){this.syncTableIdAttribute(),this.handleNoDataLabelChange(this.noDataLabel),this.innerSelected=new Set(this.selected||[]),this.columnWidths=(this.columns||[]).map((t=>parseInt(t.width||"120",10))),this.pagination?.page&&(this.currentPage=this.pagination.page),this.pagination?.rowsPerPage&&(this.innerRowsPerPage=this.pagination.rowsPerPage);const t=this.el;t.isRowSelectedSync=this.isRowSelectedSync.bind(this),t.updateRowSelectSync=this.updateRowSelectSync.bind(this),t.toggleSelectAllSync=this.toggleSelectAllSync.bind(this),t.getIsAllCheckedSync=this.getIsAllCheckedSync.bind(this),t.getStickyStyleSync=this.getStickyStyleSync.bind(this),t.setRowCountSync=this.setRowCountSync.bind(this),t.handleResize=this.handleResize.bind(this),t.getPaginationInfoSync=this.getPaginationInfoSync.bind(this),t.getVirtualScrollRangeSync=this.getVirtualScrollRangeSync.bind(this),t.getConfigSync=this.getConfigSync.bind(this),t.getTableIdSync=()=>this.getResolvedTableId(),t.getVirtualScrollConfigSync=this.getVirtualScrollConfigSync.bind(this),t.calculateVisibleRange=this.calculateVisibleRange.bind(this),Array.isArray(this.rows)&&(this.rowCount=this.rows.length,this.pushRowsToChildren(this.rows))}componentDidLoad(){Array.isArray(this.rows)&&this.pushRowsToChildren(this.rows),i((()=>{const t=this.el.shadowRoot?.querySelector(".sd-table__wrapper");if(!t)return;let e=!1;this.onScroll=()=>{const s=t.scrollLeft,i=s>0,a=s+t.clientWidth<t.scrollWidth;this.scrolledLeft===i&&this.scrolledRight===a||(this.scrolledLeft=i,this.scrolledRight=a,this.refreshChildrenConfig()),this.useVirtualScroll&&!e&&(e=!0,requestAnimationFrame((()=>{e=!1,this.propagateVirtualUpdate()})))},this.scrollContainer=t,t.addEventListener("scroll",this.onScroll,{passive:!0}),this.onScroll(),this.useVirtualScroll&&this.propagateVirtualUpdate()}))}disconnectedCallback(){this.scrollContainer&&this.onScroll&&this.scrollContainer.removeEventListener("scroll",this.onScroll)}pushRowsToChildren(t){const e=this.el.querySelector("sd-tbody");e&&(e.rows=t);const s=this.el.querySelector("sd-thead");s&&(s.rows=t)}handleStructureSlotChange=()=>{Array.isArray(this.rows)&&this.pushRowsToChildren(this.rows),this.refreshChildrenConfig()};refreshChildrenSelection(){const t=this.el.querySelector("sd-thead"),e=this.el.querySelectorAll("sd-tr");t?.refreshSelection?.(),e.forEach((t=>t?.refreshSelection?.()))}refreshChildrenConfig(){const t=this.el.querySelector("sd-thead"),e=this.el.querySelectorAll("sd-tr");t?.refreshConfig?.(),e.forEach((t=>t?.refreshConfig?.()))}maybeEmitVirtualReachEnd(t,e){const s=Math.max(1,this.virtualEndThreshold);e>=Math.max(0,this.rowCount-s)&&this.lastReachEndNotifiedRowCount!==this.rowCount&&(this.lastReachEndNotifiedRowCount=this.rowCount,this.sdVirtualReachEnd.emit({from:t,to:e,rowCount:this.rowCount,threshold:s}))}propagateVirtualUpdate(t=!1){if(!this.scrollContainer||!this.useVirtualScroll)return;const e=this.toFiniteNumber(this.scrollContainer.scrollTop,0),s=this.toFiniteNumber(this.scrollContainer.clientHeight,0),{start:i,end:a}=this.calculateVisibleRange(e,s);if(!Number.isFinite(i)||!Number.isFinite(a))return;const h=this.vsStart!==i||this.vsEnd!==a;if(!h&&!t)return;this.vsStart=i,this.vsEnd=a;const n=i*this.rowHeight,l=Math.max(0,(this.rowCount-a)*this.rowHeight),o=this.el.querySelector("sd-tbody");o?.setSpacersSync?.(n,l),h&&this.sdVirtualUpdate.emit({from:i,to:a}),this.maybeEmitVirtualReachEnd(i,a)}getVirtualScrollConfigSync(){return{useVirtualScroll:this.useVirtualScroll,rowHeight:this.rowHeight,virtualBuffer:this.virtualBuffer,vsStart:this.vsStart,vsEnd:this.vsEnd,rowCount:this.rowCount}}getConfigSync(){return{columns:this.columns,selectable:this.selectable,resizable:this.resizable,stickyColumn:this.stickyColumn,stickyHeader:this.stickyHeader,scrolledLeft:this.scrolledLeft,scrolledRight:this.scrolledRight,columnWidths:this.columnWidths}}isRowSelectedSync(t){return Array.from(this.innerSelected).some((e=>e[this.rowKey]===t[this.rowKey]))}async isRowSelected(t){return this.isRowSelectedSync(t)}updateRowSelectSync(t){const e=Array.from(this.innerSelected),s=this.isRowSelectedSync(t)?e.filter((e=>e[this.rowKey]!==t[this.rowKey])):[...e,t];s.length!==e.length&&(this.innerSelected=new Set(s),this.selected=Array.from(this.innerSelected),this.sdSelectChange.emit(Array.from(this.innerSelected)),this.refreshChildrenSelection())}async updateRowSelect(t){this.updateRowSelectSync(t)}toggleSelectAllSync(t,e){if(t){const t=new Set([...e]);this.innerSelected=new Set([...this.innerSelected,...t])}else{const t=e.map((t=>t[this.rowKey]));this.innerSelected=new Set([...this.innerSelected].filter((e=>!t.includes(e[this.rowKey]))))}this.selected=Array.from(this.innerSelected),this.sdSelectChange.emit(Array.from(this.innerSelected)),this.refreshChildrenSelection()}async toggleSelectAll(t,e){this.toggleSelectAllSync(t,e)}getIsAllCheckedSync(t){const e=t.length,s=t.filter((t=>Array.from(this.innerSelected).some((e=>e[this.rowKey]===t[this.rowKey])))).length;return 0!==s&&(s===e||null)}async getIsAllChecked(t){return this.getIsAllCheckedSync(t)}changePage(t){this.useInternalPagination?(this.currentPage=t,this.sdPageChange.emit(this.currentPage),this.updateRowsVisibility()):this.sdPageChange.emit(t)}updateRowsVisibility(){this.el.querySelectorAll("sd-tr").forEach((t=>t?.updateVisibility?.()))}changeRowsPerPage(t){const e=t?Number(t):0;if(!this.useInternalPagination)return void this.sdRowsPerPageChange.emit(e);this.innerRowsPerPage=e;const s=Math.max(1,Math.ceil(this.rowCount/e));this.currentPage>s&&(this.currentPage=s),this.sdRowsPerPageChange.emit(e),this.updateRowsVisibility()}get lastPageNumber(){if(this.useInternalPagination)return Math.max(1,Math.ceil(this.rowCount/this.innerRowsPerPage));const{lastPage:t,rowsPerPage:e=10}=this.pagination||{};return t??Math.max(1,Math.ceil(this.rowCount/e))}handleResize(t,e,s=!1){if("undefined"==typeof document)return;const i=e.clientX,a=this.columnWidths[t],h=e=>{const h=this.columns[t];if(!h)return;const n=h.maxWidth||9999,l=e.clientX-i,o=Math.min(Math.max(a+(s?-l:l),h.minWidth||50),n);this.columnWidths=this.columnWidths.map(((e,s)=>s===t?o:e));const r=this.el.querySelector("sd-thead"),d=this.el.querySelectorAll("sd-tr");r?.setColumnWidths?.(this.columnWidths),d.forEach((t=>t?.setColumnWidths?.(this.columnWidths)));const c=this.stickyColumn?.right||0,b=this.columns.filter((t=>!1!==t.visible)).length;c>0&&t===b-c&&requestAnimationFrame((()=>{this.onScroll?.()}))},n=()=>{document.removeEventListener("mousemove",h),document.removeEventListener("mouseup",n)};document.addEventListener("mousemove",h),document.addEventListener("mouseup",n)}getStickyStyleSync(t){return{"--sticky-left-offset":this.columnWidths.slice(0,t).reduce(((t,e)=>t+e),this.selectable?52:0)+"px","--sticky-right-offset":this.columnWidths.filter(((e,s)=>s>=this.columns.filter((t=>!1!==t.visible)).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"}}async getStickyStyle(t){return this.getStickyStyleSync(t)}setRowCountSync(t){const e=Math.max(0,Math.floor(this.toFiniteNumber(t,0)));e!==this.rowCount&&(this.lastReachEndNotifiedRowCount=-1),this.rowCount=e,this.useVirtualScroll&&this.propagateVirtualUpdate(!0)}async setRowCount(t){this.setRowCountSync(t)}calculateVisibleRange(t,e){const s=Math.max(1,this.toFiniteNumber(this.rowHeight,40)),i=Math.max(0,Math.floor(this.toFiniteNumber(this.virtualBuffer,5))),a=Math.max(0,this.toFiniteNumber(t,0)),h=Math.max(0,this.toFiniteNumber(e,0)),n=Math.max(0,Math.floor(this.toFiniteNumber(this.rowCount,0))),l=Math.floor(a/s),o=Math.ceil(h/s);return{start:Math.max(0,l-i),end:Math.min(n,l+o+i)}}getPaginationInfoSync(){if(!this.useInternalPagination||!this.pagination)return null;const t=(this.currentPage-1)*this.innerRowsPerPage;return{startIndex:t,endIndex:t+this.innerRowsPerPage,currentPage:this.currentPage,rowsPerPage:this.innerRowsPerPage}}async getPaginationInfo(){return this.getPaginationInfoSync()}getVirtualScrollRangeSync(){return this.useVirtualScroll&&this.vsEnd>0?{from:this.vsStart,to:this.vsEnd}:null}get tableClasses(){return["sd-table",this.stickyHeader&&"sd-table--sticky-header",this.selectable&&"sd-table--selectable",this.resizable&&"sd-table--resizable",(this.selectable||(this.stickyColumn?.left??0)>0||(this.stickyColumn?.right??0)>0)&&"sd-table--sticky-column",this.scrolledLeft&&"sd-table--scrolled-left",this.scrolledRight&&"sd-table--scrolled-right",0===this.rowCount&&!this.isLoading&&"sd-table--no-data"].filter(Boolean).join(" ")}render(){const t=this.getResolvedTableId();return a(h,{key:"d2a43d075579bf4ffc53949fb074afaf9987113d"},a("div",{key:"3e6b69b3ab38281c1763ab779d66b0916b2cb295",class:"sd-table__container",style:{"--table-width":this.width,"--table-height":this.height,"--table-container-height":`calc(${this.height||"100%"} - ${this.pagination&&this.rowCount>0&&!this.useVirtualScroll?48:0}px)`}},a("div",{key:"60ac7f5d53cdfbb0225dd3ed57be4788e6b7ff2b",class:{"sd-table__clip":!0,"sd-table__clip--has-pagination":!(!(this.pagination&&this.pagination.rowsPerPage>0&&this.rowCount>0)||this.useVirtualScroll)}},a("div",{key:"ea4144995650e283bf62de067fe792e1b7d90eb1",class:{"sd-table__wrapper":!0,"sd-table__wrapper--loading":this.isLoading,"sd-table__wrapper--no-data":0===this.rowCount&&!this.isLoading}},this.isLoading&&a("div",{key:"36fd919bbf313d4d5a62d657223ce7e68bd7678d",class:"sd-table__loading",style:{top:this.loadingScrollTop+"px"}},a("sd-circle-progress",{key:"5854fbf9090072e1caf5d4a497fe35403c4c8c21",indeterminate:!0})),0===this.rowCount&&!this.isLoading&&a("div",{key:"210bc0045bacd05d4134f96716f74c5893c494dd",class:"sd-table__no-data"},a("slot",{key:"a2aabac27057d00a6352230d23a9c776a99818b5",name:"no-data"},a("span",{key:"d030f9abc7bc3afd8cb70433513a8875ae3eecb2"},this.resolvedNoDataLabel))),a("table",{key:"731208435f8e018b74f2a0670e4c4f68f4c7fd58",class:this.tableClasses},a("slot",{key:"d12bbe4ed17e9c0d781c50c6b4161c7bddec3480",name:t+"-head",onSlotchange:this.handleStructureSlotChange}),a("slot",{key:"555d63d8f0ad56d49bcc09451b893e05cc7110cd",name:t+"-body",onSlotchange:this.handleStructureSlotChange})))),this.pagination&&this.pagination.rowsPerPage>0&&this.rowCount>0&&!this.useVirtualScroll&&a("div",{key:"83b1c554f574013c8a93707f99d4224c581d485c",class:"sd-table__pagination"},a("sd-pagination",{key:"425c036f79001e4d7f012dc528d2c2ecec25ed9b",currentPage:this.useInternalPagination?this.currentPage:this.pagination.page,lastPage:this.useInternalPagination?this.lastPageNumber:this.pagination.lastPage,onSdPageChange:t=>this.changePage(t.detail)}),this.useRowsPerPageSelect&&a("sd-select-v2",{key:"1c7c6ddacdd24cfa0cef627cd8ba06fe2466d415",value:this.useInternalPagination?this.innerRowsPerPage:this.pagination.rowsPerPage,options:this.rowsPerPageOption,width:"128px",emitValue:!0,onSdUpdate:t=>{this.isRowsPerPageValue(t.detail)&&this.changeRowsPerPage(t.detail)}}))))}static get watchers(){return{isLoading:[{handleIsLoadingChange:0}],useVirtualScroll:[{handleUseVirtualScrollChange:0}],columns:[{handleColumnsChange:0}],rows:[{handleRowsChange:0}],tableId:[{handleTableIdChange:0}],noDataLabel:[{handleNoDataLabelChange:0}],selectable:[{handleConfigChange:0}],resizable:[{handleConfigChange:0}],stickyColumn:[{handleConfigChange:0}],stickyHeader:[{handleConfigChange:0}],selected:[{handleSelectedChange:0}],pagination:[{handlePaginationChange:0}]}}static get style(){return"sd-table,:host{display:block;width:100%;max-width:100%;min-width:0}sd-table *,:host *{box-sizing:border-box}.sd-table__container{height:var(--table-height, auto);width:var(--table-width, 100%);max-width:100%;min-width:0;color:#222222;display:flex;flex-direction:column}.sd-table__clip{width:100%;min-width:0;height:var(--table-container-height, 400px);border:1px solid #E1E1E1;border-radius:8px;overflow:hidden}.sd-table__clip--has-pagination{border-radius:8px 8px 0 0}.sd-table__wrapper{width:100%;height:100%;display:flex;flex-direction:column;position:relative;font-size:12px;overflow:auto;background:#FFFFFF}.sd-table__wrapper--loading{overflow:hidden !important;pointer-events:none}.sd-table__wrapper--no-data{overflow:hidden;pointer-events:none}.sd-table__no-data{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#888888;pointer-events:none;z-index:200;background:rgba(255, 255, 255, 0.6)}.sd-table__loading{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.6);z-index:200;display:flex;align-items:center;justify-content:center;pointer-events:none}.sd-table{background-color:white;display:table;width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.sd-table--selectable sd-thead,.sd-table--selectable sd-tbody{--selectable:true}.sd-table--sticky-header sd-thead thead{position:sticky;top:0;z-index:120}.sd-table--sticky-column sd-thead,.sd-table--sticky-column sd-tbody{--sticky-column:true}.sd-table--scrolled-left sd-thead,.sd-table--scrolled-left sd-tbody{--scrolled-left:true}.sd-table--scrolled-right sd-thead,.sd-table--scrolled-right sd-tbody{--scrolled-right:true}.sd-table--resizable sd-thead{--resizable:true}.sd-table--no-data sd-thead{opacity:0.4}.sd-table__pagination{position:relative;background:#F9F9F9;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #E1E1E1;border-top:none;border-radius:0 0 8px 8px}.sd-table__pagination sd-select-v2{position:absolute;right:10px;top:50%;transform:translateY(-50%)}"}},[769,"sd-table",{tableId:[513,"table-id"],columns:[16],rows:[16],selected:[1040],rowKey:[1,"row-key"],selectable:[4],resizable:[4],width:[1],height:[1],stickyHeader:[4,"sticky-header"],stickyColumn:[16],noDataLabel:[1,"no-data-label"],isLoading:[4,"is-loading"],pagination:[16],useInternalPagination:[4,"use-internal-pagination"],useRowsPerPageSelect:[4,"use-rows-per-page-select"],useVirtualScroll:[4,"use-virtual-scroll"],rowHeight:[2,"row-height"],virtualBuffer:[2,"virtual-buffer"],virtualEndThreshold:[2,"virtual-end-threshold"],rowsPerPageOption:[16],resolvedNoDataLabel:[32],currentPage:[32],innerRowsPerPage:[32],innerSelected:[32],columnWidths:[32],scrolledLeft:[32],scrolledRight:[32],rowCount:[32],loadingScrollTop:[32],isRowSelected:[64],updateRowSelect:[64],toggleSelectAll:[64],getIsAllChecked:[64],getStickyStyle:[64],setRowCount:[64],getPaginationInfo:[64]},void 0,{isLoading:[{handleIsLoadingChange:0}],useVirtualScroll:[{handleUseVirtualScrollChange:0}],columns:[{handleColumnsChange:0}],rows:[{handleRowsChange:0}],tableId:[{handleTableIdChange:0}],noDataLabel:[{handleNoDataLabelChange:0}],selectable:[{handleConfigChange:0}],resizable:[{handleConfigChange:0}],stickyColumn:[{handleConfigChange:0}],stickyHeader:[{handleConfigChange:0}],selected:[{handleSelectedChange:0}],pagination:[{handlePaginationChange:0}]}]),x=v,_=function(){"undefined"!=typeof customElements&&["sd-table","sd-button","sd-checkbox","sd-circle-progress","sd-field","sd-floating-portal","sd-icon","sd-pagination","sd-portal","sd-select-v2","sd-select-v2-list-item","sd-select-v2-list-item-search","sd-select-v2-listbox","sd-select-v2-trigger","sd-tooltip"].forEach((t=>{switch(t){case"sd-table":customElements.get(n(t))||customElements.define(n(t),v);break;case"sd-button":customElements.get(n(t))||o();break;case"sd-checkbox":customElements.get(n(t))||r();break;case"sd-circle-progress":customElements.get(n(t))||d();break;case"sd-field":customElements.get(n(t))||c();break;case"sd-floating-portal":customElements.get(n(t))||b();break;case"sd-icon":customElements.get(n(t))||u();break;case"sd-pagination":customElements.get(n(t))||g();break;case"sd-portal":customElements.get(n(t))||p();break;case"sd-select-v2":customElements.get(n(t))||f();break;case"sd-select-v2-list-item":customElements.get(n(t))||m();break;case"sd-select-v2-list-item-search":customElements.get(n(t))||y();break;case"sd-select-v2-listbox":customElements.get(n(t))||C();break;case"sd-select-v2-trigger":customElements.get(n(t))||w();break;case"sd-tooltip":customElements.get(n(t))||k()}}))};export{x as SdTable,_ as defineCustomElement}

package/dist/components/sd-tabs.js

@@ -1 +1 @@
-import{p as s,H as t,c as e,h as a,t as b}from"./p-DuYi4aqj.js";import{d as o}from"./p-CGssy8eb.js";import{d}from"./p-CGXwtYAv.js";const i=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.update=e(this,"sdUpdate",7)}value;tabs=[];size="md";isSub=!1;update;componentWillLoad(){null!=this.value&&(this.value=this.value)}valueChanged(s){this.value=s}handleTabClick=s=>{this.value=s,this.update.emit(s)};isTabSelected(s){return this.value===s.value}getTabClasses(s){return["sd-tabs__tab",this.isTabSelected(s)?"sd-tabs__tab--selected":"sd-tabs__tab--unselected"].join(" ")}getContainerClasses(){const s=["sd-tabs","sd-tabs--"+this.size];return this.isSub&&s.push("sd-tabs--sub"),s.join(" ")}getBadgeName(s){return"square_xs_"+(this.isTabSelected(s)?"blue":"grey")}render(){return a("div",{key:"3ac46ee8a763ba5a4a566fb25d4e32366ff8288b",class:this.getContainerClasses()},this.tabs.map(((s,t)=>{const e=this.getBadgeName(s);return a("div",{key:"tab-"+t,class:this.getTabClasses(s),"aria-label":s.label||"tab",onClick:()=>this.handleTabClick(s.value)},a("span",{"data-label":s.label,class:"sd-tabs__label"},s.label),s.badge&&a("sd-tag",{name:e,label:""+s.badge}))})))}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return'sd-tabs{display:inline-block;width:100%}sd-tabs .sd-tabs{display:flex;flex-direction:row;gap:4px;border-bottom:1px solid #0075FF}sd-tabs .sd-tabs__tab{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid #CCCCCC;border-bottom:none;border-radius:4px 4px 0 0;background-color:#F6F6F6;color:#888888;font-weight:400;transition:all 0.2s ease;position:relative;user-select:none}sd-tabs .sd-tabs__tab::before{content:"";position:absolute;inset:0;opacity:0;transition:all 0.3s}sd-tabs .sd-tabs__tab--selected{border-color:#0075FF;color:#0075FF;background-color:white}sd-tabs .sd-tabs__tab--selected .sd-tabs__label::before{font-weight:700}sd-tabs .sd-tabs__tab--selected:hover::before{background-color:#0075FF;opacity:0.15}sd-tabs .sd-tabs__tab--unselected:hover::before{background-color:#888888;opacity:0.15}sd-tabs .sd-tabs__label{user-select:none;font-weight:700;visibility:hidden;position:relative;white-space:nowrap}sd-tabs .sd-tabs__label::before{content:attr(data-label);visibility:visible;position:absolute;inset:0;font-weight:400;transition:font-weight 0.2s ease}sd-tabs .sd-tabs--md .sd-tabs__tab{padding:12px 32px;font-size:12px;line-height:20px}sd-tabs .sd-tabs--sm .sd-tabs__tab{padding:8px 20px;font-size:12px;line-height:16px}sd-tabs .sd-tabs--sub{gap:32px;border-bottom:none}sd-tabs .sd-tabs--sub .sd-tabs__tab{border:none;border-radius:0;background-color:transparent;color:#222222;font-weight:400;padding:0 0 2px 0;position:relative}sd-tabs .sd-tabs--sub .sd-tabs__tab::before{content:"";position:absolute;top:100%;left:0;right:0;height:1px;width:100%;background-color:#0075FF;opacity:0;transition:opacity 0.2s ease}sd-tabs .sd-tabs--sub .sd-tabs__tab::after{font-weight:400}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected{color:#0075FF;background-color:transparent}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected::before{opacity:1}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected::after{font-weight:700}'}},[512,"sd-tabs",{value:[1537],tabs:[1040],size:[513],isSub:[516,"is-sub"]},void 0,{value:[{valueChanged:0}]}]),n=i,r=function(){"undefined"!=typeof customElements&&["sd-tabs","sd-icon","sd-tag"].forEach((s=>{switch(s){case"sd-tabs":customElements.get(b(s))||customElements.define(b(s),i);break;case"sd-icon":customElements.get(b(s))||o();break;case"sd-tag":customElements.get(b(s))||d()}}))};export{n as SdTabs,r as defineCustomElement}
+import{p as s,H as t,c as e,h as a,t as b}from"./p-C0VkfKIA.js";import{d as o}from"./p-YgnF5oje.js";import{d}from"./p-CX0V7awA.js";const i=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.update=e(this,"sdUpdate",7)}value;tabs=[];size="md";isSub=!1;update;componentWillLoad(){null!=this.value&&(this.value=this.value)}valueChanged(s){this.value=s}handleTabClick=s=>{this.value=s,this.update.emit(s)};isTabSelected(s){return this.value===s.value}getTabClasses(s){return["sd-tabs__tab",this.isTabSelected(s)?"sd-tabs__tab--selected":"sd-tabs__tab--unselected"].join(" ")}getContainerClasses(){const s=["sd-tabs","sd-tabs--"+this.size];return this.isSub&&s.push("sd-tabs--sub"),s.join(" ")}getBadgeName(s){return"square_xs_"+(this.isTabSelected(s)?"blue":"grey")}render(){return a("div",{key:"62ace36515932f8889fc35121b6a8cf98fd9a314",class:this.getContainerClasses()},this.tabs.map(((s,t)=>{const e=this.getBadgeName(s);return a("div",{key:"tab-"+t,class:this.getTabClasses(s),"aria-label":s.label||"tab",onClick:()=>this.handleTabClick(s.value)},a("span",{"data-label":s.label,class:"sd-tabs__label"},s.label),s.badge&&a("sd-tag",{name:e,label:""+s.badge}))})))}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return'sd-tabs{display:inline-block;width:100%}sd-tabs .sd-tabs{display:flex;flex-direction:row;gap:4px;border-bottom:1px solid #0075FF}sd-tabs .sd-tabs__tab{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid #CCCCCC;border-bottom:none;border-radius:4px 4px 0 0;background-color:#F6F6F6;color:#888888;font-weight:400;transition:all 0.2s ease;position:relative;user-select:none}sd-tabs .sd-tabs__tab::before{content:"";position:absolute;inset:0;opacity:0;transition:all 0.3s}sd-tabs .sd-tabs__tab--selected{border-color:#0075FF;color:#0075FF;background-color:white}sd-tabs .sd-tabs__tab--selected .sd-tabs__label::before{font-weight:700}sd-tabs .sd-tabs__tab--selected:hover::before{background-color:#0075FF;opacity:0.15}sd-tabs .sd-tabs__tab--unselected:hover::before{background-color:#888888;opacity:0.15}sd-tabs .sd-tabs__label{user-select:none;font-weight:700;visibility:hidden;position:relative;white-space:nowrap}sd-tabs .sd-tabs__label::before{content:attr(data-label);visibility:visible;position:absolute;inset:0;font-weight:400;transition:font-weight 0.2s ease}sd-tabs .sd-tabs--md .sd-tabs__tab{padding:12px 32px;font-size:12px;line-height:20px}sd-tabs .sd-tabs--sm .sd-tabs__tab{padding:8px 20px;font-size:12px;line-height:16px}sd-tabs .sd-tabs--sub{gap:32px;border-bottom:none}sd-tabs .sd-tabs--sub .sd-tabs__tab{border:none;border-radius:0;background-color:transparent;color:#222222;font-weight:400;padding:0 0 2px 0;position:relative}sd-tabs .sd-tabs--sub .sd-tabs__tab::before{content:"";position:absolute;top:100%;left:0;right:0;height:1px;width:100%;background-color:#0075FF;opacity:0;transition:opacity 0.2s ease}sd-tabs .sd-tabs--sub .sd-tabs__tab::after{font-weight:400}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected{color:#0075FF;background-color:transparent}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected::before{opacity:1}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected::after{font-weight:700}'}},[512,"sd-tabs",{value:[1537],tabs:[1040],size:[513],isSub:[516,"is-sub"]},void 0,{value:[{valueChanged:0}]}]),n=i,r=function(){"undefined"!=typeof customElements&&["sd-tabs","sd-icon","sd-tag"].forEach((s=>{switch(s){case"sd-tabs":customElements.get(b(s))||customElements.define(b(s),i);break;case"sd-icon":customElements.get(b(s))||o();break;case"sd-tag":customElements.get(b(s))||d()}}))};export{n as SdTabs,r as defineCustomElement}

package/dist/components/sd-tag.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-CGXwtYAv.js";const t=o,p=s;export{t as SdTag,p as defineCustomElement}
+import{S as o,d as s}from"./p-CX0V7awA.js";const a=o,p=s;export{a as SdTag,p as defineCustomElement}

package/dist/components/sd-tbody.js

@@ -1 +1 @@
-import{p as t,H as s,h as e,d as o,t as a}from"./p-DuYi4aqj.js";import{T as d}from"./p-sZMi_32I.js";const i=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get el(){return this}rows=[];tableId="";topSpacerHeight=0;bottomSpacerHeight=0;tableEl=null;handleRowsChange(t){const s=t??[];this.tableEl?.setRowCountSync&&this.tableEl.setRowCountSync(s.length)}componentWillLoad(){this.syncTableContext(),this.rows=this.rows??[],this.tableEl?.setRowCountSync&&this.tableEl.setRowCountSync(this.rows.length),this.el.setSpacersSync=(t,s)=>{this.topSpacerHeight=t,this.bottomSpacerHeight=s}}componentDidLoad(){this.syncTableContext()}syncTableContext(){const t=this.el.closest("sd-table");this.tableEl=t;const s=t?.getTableIdSync?.(),e=t?.getAttribute(d),o=(s&&"undefined"!==s?s:null)??(e&&"undefined"!==e?e:null)??"";o&&o!==this.tableId&&(this.tableId=o)}render(){const t=this.rows.length>0;return e(o,{key:"aaa6a5a3ae24728e004c769f8652c838f852aefc",slot:this.tableId+"-body"},e("tbody",{key:"de2909b4fe23293abd69778aed02abdab4ee8120",class:{tbody:!0,"tbody--empty":!t}},t?[this.topSpacerHeight>0&&e("tr",{key:"spacer-top",class:"tbody__spacer",style:{height:this.topSpacerHeight+"px",display:"block"}}),e("slot",null),this.bottomSpacerHeight>0&&e("tr",{key:"spacer-bottom",class:"tbody__spacer",style:{height:this.bottomSpacerHeight+"px",display:"block"}})]:e("tr",{class:"tbody__no-data-row"},e("td",{class:"tbody__no-data-cell",colSpan:100},e("slot",{name:"no-data"})))))}static get watchers(){return{rows:[{handleRowsChange:0}]}}static get style(){return":host{display:contents}:host *{box-sizing:border-box}.tbody{display:table-row-group}.tbody--empty .tbody__no-data-row{display:table-row}.tbody--empty .tbody__no-data-cell{display:table-cell;padding:0;border-bottom:none}"}},[769,"sd-tbody",{rows:[16],tableId:[32],topSpacerHeight:[32],bottomSpacerHeight:[32]},void 0,{rows:[{handleRowsChange:0}]}]),l=i,n=function(){"undefined"!=typeof customElements&&["sd-tbody"].forEach((t=>{"sd-tbody"===t&&(customElements.get(a(t))||customElements.define(a(t),i))}))};export{l as SdTbody,n as defineCustomElement}
+import{p as t,H as s,h as o,d as e,t as d}from"./p-C0VkfKIA.js";import{T as a}from"./p-sZMi_32I.js";const l=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get el(){return this}rows=[];tableId="";topSpacerHeight=0;bottomSpacerHeight=0;tableEl=null;handleRowsChange(t){const s=t??[];this.tableEl?.setRowCountSync&&this.tableEl.setRowCountSync(s.length)}componentWillLoad(){this.syncTableContext(),this.rows=this.rows??[],this.tableEl?.setRowCountSync&&this.tableEl.setRowCountSync(this.rows.length),this.el.setSpacersSync=(t,s)=>{this.topSpacerHeight=t,this.bottomSpacerHeight=s}}componentDidLoad(){this.syncTableContext()}syncTableContext(){const t=this.el.closest("sd-table");this.tableEl=t;const s=t?.getTableIdSync?.(),o=t?.getAttribute(a),e=(s&&"undefined"!==s?s:null)??(o&&"undefined"!==o?o:null)??"";e&&e!==this.tableId&&(this.tableId=e)}render(){const t=this.rows.length>0;return o(e,{key:"82a437ddf0cb3c34877b9dbcb47b5406c20a0c0e",slot:this.tableId+"-body"},o("tbody",{key:"0f0257720491c781eda0479fb0c08d7dffc4f734",class:{tbody:!0,"tbody--empty":!t}},t?[this.topSpacerHeight>0&&o("tr",{key:"spacer-top",class:"tbody__spacer",style:{height:this.topSpacerHeight+"px",display:"block"}}),o("slot",null),this.bottomSpacerHeight>0&&o("tr",{key:"spacer-bottom",class:"tbody__spacer",style:{height:this.bottomSpacerHeight+"px",display:"block"}})]:o("tr",{class:"tbody__no-data-row"},o("td",{class:"tbody__no-data-cell",colSpan:100},o("slot",{name:"no-data"})))))}static get watchers(){return{rows:[{handleRowsChange:0}]}}static get style(){return":host{display:contents}:host *{box-sizing:border-box}.tbody{display:table-row-group}.tbody--empty .tbody__no-data-row{display:table-row}.tbody--empty .tbody__no-data-cell{display:table-cell;padding:0;border-bottom:none}"}},[769,"sd-tbody",{rows:[16],tableId:[32],topSpacerHeight:[32],bottomSpacerHeight:[32]},void 0,{rows:[{handleRowsChange:0}]}]),i=l,n=function(){"undefined"!=typeof customElements&&["sd-tbody"].forEach((t=>{"sd-tbody"===t&&(customElements.get(d(t))||customElements.define(d(t),l))}))};export{i as SdTbody,n as defineCustomElement}

package/dist/components/sd-td.js

@@ -1 +1 @@
-import{p as e,H as t,f as s,h as d,d as n,t as i}from"./p-DuYi4aqj.js";import{T as l}from"./p-sZMi_32I.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}get el(){return this}field;rowKey;align;handleFieldChange(){this.syncSlotName()}handleRowKeyChange(){this.syncSlotName()}componentWillLoad(){this.syncSlotName();const e=this.el.parentElement;"sd-tr"===e?.tagName?.toLowerCase()&&s(e)}componentDidLoad(){this.syncSlotName()}syncSlotName(){const e=this.el.closest("sd-table"),t=e?.getTableIdSync?.(),s=e?.getAttribute(l),d=(t&&"undefined"!==t?t:null)??(s&&"undefined"!==s?s:null)??"";this.field&&void 0!==this.rowKey&&d&&this.el.setAttribute("slot",`${d}-${this.field}-${this.rowKey}`)}render(){return d(n,{key:"9fdf1f552785399ec47244f1d534d49070dd6fa1",class:{["align-"+this.align]:!!this.align}},d("slot",{key:"845eddc0d15fd8bb2f2f93e146aa8fa1eb9d194f"}))}static get watchers(){return{field:[{handleFieldChange:0}],rowKey:[{handleRowKeyChange:0}]}}static get style(){return"sd-td *{box-sizing:border-box}sd-td{display:contents}sd-td.align-left{text-align:left}sd-td.align-center{text-align:center}sd-td.align-right{text-align:right}"}},[772,"sd-td",{field:[1],rowKey:[1,"row-key"],align:[1]},void 0,{field:[{handleFieldChange:0}],rowKey:[{handleRowKeyChange:0}]}]),o=a,r=function(){"undefined"!=typeof customElements&&["sd-td"].forEach((e=>{"sd-td"===e&&(customElements.get(i(e))||customElements.define(i(e),a))}))};export{o as SdTd,r as defineCustomElement}
+import{p as e,H as t,f as s,h as n,d,t as i}from"./p-C0VkfKIA.js";import{T as a}from"./p-sZMi_32I.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}get el(){return this}field;rowKey;align;handleFieldChange(){this.syncSlotName()}handleRowKeyChange(){this.syncSlotName()}componentWillLoad(){this.syncSlotName();const e=this.el.parentElement;"sd-tr"===e?.tagName?.toLowerCase()&&s(e)}componentDidLoad(){this.syncSlotName()}syncSlotName(){const e=this.el.closest("sd-table"),t=e?.getTableIdSync?.(),s=e?.getAttribute(a),n=(t&&"undefined"!==t?t:null)??(s&&"undefined"!==s?s:null)??"";this.field&&void 0!==this.rowKey&&n&&this.el.setAttribute("slot",`${n}-${this.field}-${this.rowKey}`)}render(){return n(d,{key:"c6ddb546268b573694b827509ebdfe74fff8a15a",class:{["align-"+this.align]:!!this.align}},n("slot",{key:"0b59fb8a0cfa1ef628f50496af96aa2f39fdc89a"}))}static get watchers(){return{field:[{handleFieldChange:0}],rowKey:[{handleRowKeyChange:0}]}}static get style(){return"sd-td *{box-sizing:border-box}sd-td{display:contents}sd-td.align-left{text-align:left}sd-td.align-center{text-align:center}sd-td.align-right{text-align:right}"}},[772,"sd-td",{field:[1],rowKey:[1,"row-key"],align:[1]},void 0,{field:[{handleFieldChange:0}],rowKey:[{handleRowKeyChange:0}]}]),o=l,r=function(){"undefined"!=typeof customElements&&["sd-td"].forEach((e=>{"sd-td"===e&&(customElements.get(i(e))||customElements.define(i(e),l))}))};export{o as SdTd,r as defineCustomElement}

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-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}
+import{p as e,H as t,c as s,h as i,t as n}from"./p-C0VkfKIA.js";import{d as l}from"./p-YgnF5oje.js";var a={textLink:{gap:"4",size:{icon:"16"},typography:{default:{textDecoration:"none"},underline:{textDecoration:"underline"}},content:{disabled:"#888888"},icon:{default:"#006AC1",disabled:"#BBBBBB"}}};const o={gap:a.textLink.gap,iconSize:Number(a.textLink.size.icon),arrowFrame:16,arrowIconSize:12,arrowColor:"#888888"},d={default:a.textLink.typography.default,underline:a.textLink.typography.underline},c={content:a.textLink.content,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?d.underline:d.default,t=["sd-text-link__label",this.labelClass].filter(Boolean).join(" "),s=this.disabled?c.icon.disabled:o.arrowColor,n={"--sd-text-link-gap":o.gap+"px","--sd-text-link-text-decoration":e.textDecoration,...this.disabled?{"--sd-text-link-color":c.content.disabled}:{}};return i("span",{key:"c485091d0a9d7f8aa946ac54d96baab50bcaa3c7",class:{"sd-text-link":!0,"sd-text-link--disabled":this.disabled},style:n,onClick:this.handleClick},this.icon&&i("sd-icon",{key:"98a2df9a2ba9b5d77eb73c0989cdf38383cfcd15",name:this.icon,size:o.iconSize,color:this.disabled?c.icon.disabled:this.iconColor||c.icon.default,class:"sd-text-link__icon"}),i("span",{key:"3c6867611e0d970855897b06f7e9368a8588ff76",class:t},this.label),this.useArrow&&i("span",{key:"460bebf92782560d64e41b47ea9ef42b66cc08c0",class:"sd-text-link__arrow",style:{width:o.arrowFrame+"px",height:o.arrowFrame+"px",display:"inline-flex",alignItems:"center",justifyContent:"center"}},i("sd-icon",{key:"fee7c74359e683829ad3fa802191b651aa9e94da",name:"chevronRight",size:o.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-DuYi4aqj.js";import{n as r}from"./p-CCwNgVmC.js";import{i as l}from"./p-CJwbBrt5.js";import{d}from"./p-BLC3AWW8.js";import{d as o}from"./p-HsTw_qYU.js";import{d as n}from"./p-DXtyg5eK.js";import{d as h}from"./p-CGssy8eb.js";import{d as c}from"./p-Cc7ZBscb.js";const u={paddingX:l.textinput.sm.paddingX,paddingY:l.textinput.sm.paddingY,radius:l.textinput.sm.radius,fontSize:l.textinput.sm.typography.fontSize,lineHeight:l.textinput.sm.typography.lineHeight,fontWeight:l.textinput.sm.typography.fontWeight},p={text:l.textinput.text,bg:l.textinput.bg,border:l.textinput.border,resizer:l.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))||d();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}
+import{p as e,H as t,c as s,h as a,t as i}from"./p-C0VkfKIA.js";import{n as r}from"./p-CCwNgVmC.js";import{i as d}from"./p-ByhWX2NK.js";import{d as l}from"./p-Csfk-CtX.js";import{d as o}from"./p-DWW5xr6r.js";import{d as n}from"./p-Diis5oCN.js";import{d as h}from"./p-YgnF5oje.js";import{d as c}from"./p-z9MoRjYX.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:"4c93d887429d6790d2d49c951be64e4be1496fd4",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:"b64aa1b2f02c1f68db57e5e36e0a7146257629e1",class:"sd-textarea__content"},a("textarea",{key:"b2baff1d99b9c2347f0b0bb751fc51268d2c48c7",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.js

@@ -1 +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-DXtyg5eK.js";import{d as c}from"./p-CGssy8eb.js";import{d as a}from"./p-Cc7ZBscb.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}
+import{p as t,H as e,h as s,d as i,t as o}from"./p-C0VkfKIA.js";import{T as l}from"./p-sZMi_32I.js";import{d as h}from"./p-Csfk-CtX.js";import{d as n}from"./p-D6C4-apu.js";import{d as r}from"./p-Diis5oCN.js";import{d as c}from"./p-YgnF5oje.js";import{d as a}from"./p-z9MoRjYX.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:"97badde9634e2e7363eace5a402fc49a587459c3",slot:this.tableId+"-head"},s("thead",{key:"d1ce731f6082679d8d61f4b74ac122f28f344909",class:{thead:!0,"thead--sticky":this._stickyHeader}},s("tr",{key:"d0f8b1e8b8a7174cc9b39fabf782eddf2e2accaa",class:"tr"},this._selectable&&s("th",{key:"c422f5bd9f9a045785d2d91dd9e2dee6e8f91185",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:"32cea740457b21d4d6fd53a8f1c10b505a24a481",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-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}
+import{p as t,H as s,c as e,h as i,t as n}from"./p-C0VkfKIA.js";import{d as o}from"./p-D21iKAp7.js";import{d as a}from"./p-YgnF5oje.js";import{d as r}from"./p-BFd54Imz.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=999;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??999),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:"4660dd2f2626d391bbcca7da59e16e6c4204d80d",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-D9FDutsj.js";const t=s,p=o;export{t as SdToast,p as defineCustomElement}
+import{S as o,d as s}from"./p-BFd54Imz.js";const m=o,p=s;export{m as SdToast,p as defineCustomElement}

package/dist/components/sd-toggle.js

@@ -1 +1 @@
-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}
+import{p as e,H as t,c as o,h as d,t as l}from"./p-C0VkfKIA.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:"1e0864450b0447ec08643290d1050e4d0ee0c4a4",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:"7e44e8569de24839c41e8c28f579923e3a837366",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 s,d as o}from"./p-Cc7ZBscb.js";const c=s,p=o;export{c as SdTooltip,p as defineCustomElement}
+import{S as o,d as s}from"./p-z9MoRjYX.js";const p=o,r=s;export{p as SdTooltip,r as defineCustomElement}

package/dist/components/sd-tr.js

@@ -1 +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}
+import{p as t,H as e,h as s,d as i,t as o}from"./p-C0VkfKIA.js";import{T as l}from"./p-sZMi_32I.js";import{d as n}from"./p-D6C4-apu.js";import{d as r}from"./p-YgnF5oje.js";const c=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:"3bc910f3afa801d7824eee2e73456ef152c7dc93",style:{display:this.isVisible?"":"none"}},s("tr",{key:"93b1f4113ae63aa1c0cf79addaa9e8d15c9e8287",class:"tr"},this._selectable&&s("td",{key:"0caba47c216126f4b7407dfe26afb9f0c75f6450",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:"2e41b3902f489877b624266e588221698aaa8f12",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]}]),h=c,d=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),c);break;case"sd-checkbox":customElements.get(o(t))||n();break;case"sd-icon":customElements.get(o(t))||r()}}))};export{h as SdTr,d as defineCustomElement}

package/dist/components/table-test.js

@@ -1 +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}
+import{p as e,H as t,c as a,h as s,t as d}from"./p-C0VkfKIA.js";const r=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 d=t[e.field],r=this.cellRenderers.get(e.field);if(r){const n=r({field:e.field,value:d,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:d,row:t,rowIndex:a});return s("span",{class:"cell-content",innerHTML:e})}return s("span",{class:"cell-content"},d)}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:"eb6246d49bb46a1c2b2b9d93cff90e7c0d6788b4",class:"table-wrapper"},s("table",{key:"584d752e51f252f2dd7a29868ae4300b55c47065",class:{"data-table":!0,bordered:this.bordered,striped:this.striped}},s("thead",{key:"fd35de9ad1cb79cf77ab9f7a806d2d7258d8b11b"},s("tr",{key:"39a42d9fc76571aa5ef6073ec554471d5fd1b4c1"},this.columns.map((e=>s("th",{key:e.field,style:{width:e.width}},this.renderHeaderContent(e)))))),s("tbody",{key:"5c3a2b5853f619666b20145e0f7a221c75969071"},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:"bbbd15c2d1b517774340dbcdfb59338f260df21b",class:"templates-slot",hidden:!0},s("slot",{key:"28733f09dd4a90976d9bb60102039981c736cf87"})))}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=r,l=function(){"undefined"!=typeof customElements&&["table-test"].forEach((e=>{"table-test"===e&&(customElements.get(d(e))||customElements.define(d(e),r))}))};export{n as TableTest,l as defineCustomElement}