@prolibu-suite/cobalt-core 0.1.2 → 0.2.0

package/dist/components/co-data-table.js

@@ -1 +1 @@
-import{t,p as e,H as a,c as o,h as i}from"./index.js";import{d as s}from"./p-Cr8Yc0zj.js";import{d as c}from"./p-wwWquAtm.js";const l=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.coSort=o(this,"coSort",7),this.coRowSelect=o(this,"coRowSelect",7),this.coSelectAll=o(this,"coSelectAll",7),this.coColumnResize=o(this,"coColumnResize",7),this.coColumnPin=o(this,"coColumnPin",7),this.coRowDblClick=o(this,"coRowDblClick",7),this.coRowClick=o(this,"coRowClick",7),this.columns="[]",this.rows="[]",this.rowKey="_id",this.loading=!1,this.skeletonRows=10,this.emptyTitle="",this.emptyMessage="No records found",this.emptyIcon="magnifying-glass",this.sortField="",this.sortOrder="",this.selectable=!1,this.selectedKeys="[]",this.resizable=!0,this.parsedColumns=[],this.parsedRows=[],this.parsedSelectedKeys=new Set,this.columnWidths=new Map,this.resizingColumn=null,this.resizeStartX=0,this.resizeStartWidth=0}parseColumns(){try{const t="string"==typeof this.columns?JSON.parse(this.columns):this.columns;this.parsedColumns=t,t.forEach((t=>{t.width&&!this.columnWidths.has(t.field)&&this.columnWidths.set(t.field,t.width)}))}catch(t){this.parsedColumns=[]}}parseRows(){try{this.parsedRows="string"==typeof this.rows?JSON.parse(this.rows):this.rows}catch(t){this.parsedRows=[]}}parseSelectedKeys(){try{const t="string"==typeof this.selectedKeys?JSON.parse(this.selectedKeys):this.selectedKeys;this.parsedSelectedKeys=new Set(t)}catch(t){this.parsedSelectedKeys=new Set}}componentWillLoad(){this.parseColumns(),this.parseRows(),this.parseSelectedKeys()}handleSort(t){let e;e=this.sortField===t&&"asc"===this.sortOrder?"desc":"asc",this.sortField=t,this.sortOrder=e,this.coSort.emit({field:t,order:e})}isAllSelected(){return 0!==this.parsedRows.length&&this.parsedRows.every((t=>this.parsedSelectedKeys.has(t[this.rowKey]+"")))}isSomeSelected(){if(0===this.parsedRows.length)return!1;const t=this.parsedRows.filter((t=>this.parsedSelectedKeys.has(t[this.rowKey]+""))).length;return t>0&&t<this.parsedRows.length}handleSelectAll(){const t=!this.isAllSelected()&&!this.isSomeSelected();this.coSelectAll.emit({selected:!this.isAllSelected()||t})}handleRowSelect(t){const e=t[this.rowKey]+"",a=!this.parsedSelectedKeys.has(e);this.coRowSelect.emit({key:e,selected:a})}handleResizeStart(t,e){e.preventDefault(),e.stopPropagation(),this.resizingColumn=t,this.resizeStartX=e.clientX,this.resizeStartWidth=this.columnWidths.get(t)||150;const a=t=>{var e;if(!this.resizingColumn)return;const a=t.clientX-this.resizeStartX,o=(null===(e=this.parsedColumns.find((t=>t.field===this.resizingColumn)))||void 0===e?void 0:e.minWidth)||80;this.columnWidths=new Map(this.columnWidths.set(this.resizingColumn,Math.max(o,this.resizeStartWidth+a)))},o=()=>{if(this.resizingColumn){const t=this.columnWidths.get(this.resizingColumn)||150;this.coColumnResize.emit({field:this.resizingColumn,width:t})}this.resizingColumn=null,document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",o)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",o)}handleRowClick(t,e){this.coRowClick.emit({row:t,index:e})}handleRowDblClick(t,e){this.coRowDblClick.emit({row:t,index:e})}handleColumnPin(t,e){e.stopPropagation(),this.coColumnPin.emit({field:t})}formatCellValue(t){if(null==t)return"";if("boolean"==typeof t)return t?"Yes":"No";if("string"==typeof t){if(/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}/.test(t))try{const e=new Date(t);if(!isNaN(e.getTime()))return e.toLocaleDateString("es",{year:"numeric",month:"short",day:"numeric"})+" "+e.toLocaleTimeString("es",{hour:"2-digit",minute:"2-digit"})}catch(t){}return t}return"number"==typeof t?t+"":Array.isArray(t)?t.map((t=>this.formatCellValue(t))).join(", "):"object"==typeof t?t.firstName||t.lastName?[t.firstName,t.lastName].filter(Boolean).join(" "):t.name?t.name+"":t.title?t.title+"":t.label?t.label+"":t.stageName?t.stageName+"":t.companyName?t.companyName+"":t.dealName?t.dealName+"":t._id&&Object.keys(t).length<=3?t._id+"":JSON.stringify(t):t+""}getColumnStyle(t){return Object.assign({},t.sticky?{left:this.selectable?"48px":"0px"}:{})}getColumnWidth(t){return this.columnWidths.get(t.field)||t.width||t.minWidth||150}getTableWidth(){let t=this.selectable?48:0;for(const e of this.parsedColumns)t+=this.getColumnWidth(e);return t}renderColgroup(){return i("colgroup",null,this.selectable&&i("col",{style:{width:"48px"}}),this.parsedColumns.map((t=>i("col",{style:{width:this.getColumnWidth(t)+"px",minWidth:(t.minWidth||80)+"px"}}))))}renderHeader(){return i("thead",{class:"co-data-table__head"},i("tr",{class:"co-data-table__header-row"},this.selectable&&i("th",{class:"co-data-table__th co-data-table__th--checkbox co-data-table__th--sticky",style:{left:"0px"}},i("co-checkbox",{size:"small",checked:this.isAllSelected(),indeterminate:this.isSomeSelected(),onCoChange:()=>this.handleSelectAll()})),this.parsedColumns.map(((t,e)=>i("th",{class:{"co-data-table__th":!0,"co-data-table__th--sticky":!!t.sticky,"co-data-table__th--sortable":!!t.sortable,"co-data-table__th--sorted":this.sortField===t.field,["co-data-table__th--align-"+(t.align||"left")]:!0},style:this.getColumnStyle(t),onClick:()=>t.sortable&&this.handleSort(t.field)},i("span",{class:"co-data-table__th-content"},i("span",{class:{"co-data-table__pin-icon":!0,"co-data-table__pin-icon--active":!!t.sticky},title:t.sticky?"Unpin column":"Pin column",onClick:e=>this.handleColumnPin(t.field,e)},i("co-icon",{name:"push-pin",size:14,weight:t.sticky?"fill":"regular"})),i("span",{class:"co-data-table__th-label"},t.label),t.sortable&&i("span",{class:{"co-data-table__sort-icon":!0,"co-data-table__sort-icon--active":this.sortField===t.field}},i("co-icon",{name:"caret-up-down",size:16,weight:this.sortField===t.field?"fill":"regular"}))),this.resizable&&e<this.parsedColumns.length-1&&i("span",{class:{"co-data-table__resize-handle":!0,"co-data-table__resize-handle--active":this.resizingColumn===t.field},onMouseDown:e=>this.handleResizeStart(t.field,e)}))))))}renderBody(){return this.loading?i("tbody",{class:"co-data-table__body"},Array.from({length:this.skeletonRows}).map(((t,e)=>i("tr",{class:"co-data-table__row co-data-table__row--skeleton",key:"skeleton-"+e},this.selectable&&i("td",{class:"co-data-table__td co-data-table__td--checkbox co-data-table__td--sticky",style:{left:"0px"}},i("div",{class:"co-data-table__skeleton co-data-table__skeleton--checkbox"})),this.parsedColumns.map((t=>i("td",{class:{"co-data-table__td":!0,"co-data-table__td--sticky":!!t.sticky},style:Object.assign({},this.getColumnStyle(t))},i("div",{class:"co-data-table__skeleton"})))))))):i("slot",null)}renderEmpty(){return this.loading||this.parsedRows.length>0?null:i("div",{class:"co-data-table__empty",part:"empty"},i("div",{class:"co-data-table__empty-icon"},i("co-icon",{name:this.emptyIcon,size:32,weight:"regular"})),this.emptyTitle&&i("h3",{class:"co-data-table__empty-title"},this.emptyTitle),this.emptyMessage&&i("p",{class:"co-data-table__empty-message"},this.emptyMessage),i("div",{class:"co-data-table__empty-action"},i("slot",{name:"empty-action"})))}render(){return i("div",{key:"98c9ac2234b00d8c69095f9d9bcd4633d79265a8",class:{"co-data-table":!0,"co-data-table--resizing":null!==this.resizingColumn,"co-data-table--loading":this.loading,"co-data-table--empty":!this.loading&&0===this.parsedRows.length}},i("div",{key:"0e40f9c3b536d58cabe9e61d2beb425337e3391a",class:"co-data-table__scroll"},i("table",{key:"96ee1fce70ab168c2ba40b6e748c0c11cbcccd89",class:"co-data-table__table",style:{width:this.getTableWidth()+"px",minWidth:"100%"}},this.renderColgroup(),this.renderHeader(),this.renderBody())),this.renderEmpty())}get el(){return this}static get watchers(){return{columns:[{parseColumns:0}],rows:[{parseRows:0}],selectedKeys:[{parseSelectedKeys:0}]}}static get style(){return"co-data-table{display:block;flex:1;min-height:0;overflow:hidden}.co-data-table{position:relative;font-family:var(--co-font-family-primary);background:var(--co-color-base-blanco);display:flex;flex-direction:column;height:100%}.co-data-table--resizing{cursor:col-resize;user-select:none}.co-data-table__scroll{flex:1;overflow-x:auto;overflow-y:auto;min-height:0}.co-data-table__table{min-width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.co-data-table__head{position:sticky;top:0;z-index:2}.co-data-table__header-row{height:40px}.co-data-table__th{position:relative;padding:var(--co-spacing-md);background:var(--co-color-base-blanco);border-bottom:1px solid var(--co-color-opacity-negro-8);border-right:1px solid var(--co-color-opacity-negro-8);text-align:left;vertical-align:middle;font-size:var(--co-font-size-14);font-weight:500;color:var(--co-semantic-text-default);letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;overflow:hidden;box-sizing:border-box}.co-data-table__th:last-child{border-right:none}.co-data-table__th--sortable{cursor:pointer}.co-data-table__th--sortable:hover{background:var(--co-semantic-surface-hover)}.co-data-table__th-content{display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm)}.co-data-table__pin-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-300);cursor:pointer;opacity:0;transition:opacity 0.15s ease, color 0.15s ease}.co-data-table__pin-icon--active{opacity:1;color:var(--co-semantic-text-default)}.co-data-table__th:hover .co-data-table__pin-icon{opacity:1}.co-data-table__pin-icon:hover{color:var(--co-semantic-text-default)}.co-data-table__th-label{flex:1;overflow:hidden;text-overflow:ellipsis}.co-data-table__sort-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-400);transition:color 0.15s ease}.co-data-table__sort-icon--active{color:var(--co-semantic-text-default)}.co-data-table__th--checkbox,.co-data-table__td--checkbox{width:48px;min-width:48px;max-width:48px;padding:var(--co-spacing-md);text-align:center}.co-data-table__th--sticky,.co-data-table__td--sticky{position:sticky;z-index:1;background:var(--co-color-base-blanco)}.co-data-table__th--sticky{z-index:3}.co-data-table__td--sticky::after,.co-data-table__th--sticky::after{content:'';position:absolute;top:0;right:-4px;bottom:0;width:4px;pointer-events:none;opacity:0;background:linear-gradient(to right, var(--co-color-opacity-negro-8), transparent);transition:opacity 0.15s ease}.co-data-table__resize-handle{position:absolute;top:0;right:-2px;width:5px;height:100%;cursor:col-resize;z-index:1}.co-data-table__resize-handle:hover{background:var(--co-color-primary-azul);opacity:0.3}.co-data-table__resize-handle--active{background:var(--co-color-primary-azul);opacity:0.3}.co-data-table__row{height:48px;transition:background-color 0.15s ease;content-visibility:auto;contain-intrinsic-size:auto 48px}.co-data-table__row:hover{background:var(--co-semantic-surface-hover)}.co-data-table__row--selected{background:var(--co-color-opacity-negro-4)}.co-data-table__row--selected:hover{background:var(--co-color-opacity-negro-8)}.co-data-table__td{padding:var(--co-spacing-md);background:inherit;border-bottom:1px solid var(--co-color-opacity-negro-8);border-right:1px solid var(--co-color-opacity-negro-8);vertical-align:middle;font-size:var(--co-font-size-12);color:var(--co-semantic-text-default);letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.co-data-table__td:last-child{border-right:none}.co-data-table__th--align-center,.co-data-table__td--align-center{text-align:center}.co-data-table__th--align-right,.co-data-table__td--align-right{text-align:right}.co-data-table__cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.co-data-table--empty .co-data-table__scroll{flex:0 0 auto;overflow:hidden}.co-data-table__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;min-height:280px;padding:var(--co-spacing-3xl) var(--co-spacing-lg);gap:var(--co-spacing-sm)}.co-data-table__empty-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-muted);color:var(--co-semantic-text-secondary);margin-bottom:var(--co-spacing-sm)}.co-data-table__empty-title{font-size:var(--co-font-size-16);font-weight:600;color:var(--co-semantic-text-default);letter-spacing:-0.03em;margin:0}.co-data-table__empty-message{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);margin:0;max-width:360px}.co-data-table__empty-action{margin-top:var(--co-spacing-md);display:inline-flex}.co-data-table__empty-action:empty{display:none}.co-data-table__skeleton{height:14px;border-radius:var(--co-border-radius-xxs);background:var(--co-color-gray-100);animation:co-dt-shimmer 1.5s ease-in-out infinite;width:70%}.co-data-table__skeleton--checkbox{width:16px;height:16px;margin:0 auto}@keyframes co-dt-shimmer{0%,100%{opacity:1}50%{opacity:0.4}}.co-data-table__row--skeleton{pointer-events:none;content-visibility:visible}.co-data-table__row--flash-create{animation:co-dt-flash-create 1s ease-out}.co-data-table__row--flash-update{animation:co-dt-flash-update 1s ease-out}.co-data-table__row--flash-delete{animation:co-dt-flash-delete 0.5s ease-out forwards}@keyframes co-dt-flash-create{0%{background-color:rgba(2, 162, 112, 0.15)}100%{background-color:transparent}}@keyframes co-dt-flash-update{0%{background-color:rgba(37, 99, 235, 0.15)}100%{background-color:transparent}}@keyframes co-dt-flash-delete{0%{opacity:1;background-color:rgba(170, 46, 27, 0.1)}100%{opacity:0;height:0;padding:0;overflow:hidden}}"}},[260,"co-data-table",{columns:[1],rows:[1],rowKey:[1,"row-key"],loading:[4],skeletonRows:[2,"skeleton-rows"],emptyTitle:[1,"empty-title"],emptyMessage:[1,"empty-message"],emptyIcon:[1,"empty-icon"],sortField:[1537,"sort-field"],sortOrder:[1537,"sort-order"],selectable:[4],selectedKeys:[1025,"selected-keys"],resizable:[4],parsedColumns:[32],parsedRows:[32],parsedSelectedKeys:[32],columnWidths:[32],resizingColumn:[32],resizeStartX:[32],resizeStartWidth:[32]},void 0,{columns:[{parseColumns:0}],rows:[{parseRows:0}],selectedKeys:[{parseSelectedKeys:0}]}]);function r(){"undefined"!=typeof customElements&&["co-data-table","co-checkbox","co-icon"].forEach((e=>{switch(e){case"co-data-table":customElements.get(t(e))||customElements.define(t(e),l);break;case"co-checkbox":customElements.get(t(e))||s();break;case"co-icon":customElements.get(t(e))||c()}}))}r();const n=l,d=r;export{n as CoDataTable,d as defineCustomElement}
+import{t,p as e,H as a,c as o,h as i}from"./index.js";import{d as s}from"./p-jDjfGZJp.js";import{d as c}from"./p-DPi_U-Kl.js";const l=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.coSort=o(this,"coSort",7),this.coRowSelect=o(this,"coRowSelect",7),this.coSelectAll=o(this,"coSelectAll",7),this.coColumnResize=o(this,"coColumnResize",7),this.coColumnPin=o(this,"coColumnPin",7),this.coRowDblClick=o(this,"coRowDblClick",7),this.coRowClick=o(this,"coRowClick",7),this.columns="[]",this.rows="[]",this.rowKey="_id",this.loading=!1,this.skeletonRows=10,this.emptyTitle="",this.emptyMessage="No records found",this.emptyIcon="magnifying-glass",this.sortField="",this.sortOrder="",this.selectable=!1,this.selectedKeys="[]",this.resizable=!0,this.parsedColumns=[],this.parsedRows=[],this.parsedSelectedKeys=new Set,this.columnWidths=new Map,this.resizingColumn=null,this.resizeStartX=0,this.resizeStartWidth=0,this.suppressNextSort=!1}parseColumns(){try{const t="string"==typeof this.columns?JSON.parse(this.columns):this.columns;this.parsedColumns=t,t.forEach((t=>{t.width&&!this.columnWidths.has(t.field)&&this.columnWidths.set(t.field,t.width)}))}catch(t){this.parsedColumns=[]}}parseRows(){try{this.parsedRows="string"==typeof this.rows?JSON.parse(this.rows):this.rows}catch(t){this.parsedRows=[]}}parseSelectedKeys(){try{const t="string"==typeof this.selectedKeys?JSON.parse(this.selectedKeys):this.selectedKeys;this.parsedSelectedKeys=new Set(t)}catch(t){this.parsedSelectedKeys=new Set}}componentWillLoad(){this.parseColumns(),this.parseRows(),this.parseSelectedKeys()}handleSort(t){if(this.suppressNextSort)return void(this.suppressNextSort=!1);let e;e=this.sortField===t&&"asc"===this.sortOrder?"desc":"asc",this.sortField=t,this.sortOrder=e,this.coSort.emit({field:t,order:e})}isAllSelected(){return 0!==this.parsedRows.length&&this.parsedRows.every((t=>this.parsedSelectedKeys.has(t[this.rowKey]+"")))}isSomeSelected(){if(0===this.parsedRows.length)return!1;const t=this.parsedRows.filter((t=>this.parsedSelectedKeys.has(t[this.rowKey]+""))).length;return t>0&&t<this.parsedRows.length}handleSelectAll(){const t=!this.isAllSelected()&&!this.isSomeSelected();this.coSelectAll.emit({selected:!this.isAllSelected()||t})}handleRowSelect(t){const e=t[this.rowKey]+"",a=!this.parsedSelectedKeys.has(e);this.coRowSelect.emit({key:e,selected:a})}handleResizeStart(t,e){e.preventDefault(),e.stopPropagation(),this.resizingColumn=t,this.resizeStartX=e.clientX,this.resizeStartWidth=this.columnWidths.get(t)||150;const a=t=>{var e;if(!this.resizingColumn)return;const a=t.clientX-this.resizeStartX,o=(null===(e=this.parsedColumns.find((t=>t.field===this.resizingColumn)))||void 0===e?void 0:e.minWidth)||80;this.columnWidths=new Map(this.columnWidths.set(this.resizingColumn,Math.max(o,this.resizeStartWidth+a)))},o=()=>{if(this.resizingColumn){const t=this.columnWidths.get(this.resizingColumn)||150;this.coColumnResize.emit({field:this.resizingColumn,width:t}),this.suppressNextSort=!0}this.resizingColumn=null,document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",o)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",o)}handleRowClick(t,e){this.coRowClick.emit({row:t,index:e})}handleRowDblClick(t,e){this.coRowDblClick.emit({row:t,index:e})}handleColumnPin(t,e){e.stopPropagation(),this.coColumnPin.emit({field:t})}formatCellValue(t){if(null==t)return"";if("boolean"==typeof t)return t?"Yes":"No";if("string"==typeof t){if(/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}/.test(t))try{const e=new Date(t);if(!isNaN(e.getTime()))return e.toLocaleDateString("es",{year:"numeric",month:"short",day:"numeric"})+" "+e.toLocaleTimeString("es",{hour:"2-digit",minute:"2-digit"})}catch(t){}return t}return"number"==typeof t?t+"":Array.isArray(t)?t.map((t=>this.formatCellValue(t))).join(", "):"object"==typeof t?t.firstName||t.lastName?[t.firstName,t.lastName].filter(Boolean).join(" "):t.name?t.name+"":t.title?t.title+"":t.label?t.label+"":t.stageName?t.stageName+"":t.companyName?t.companyName+"":t.dealName?t.dealName+"":t._id&&Object.keys(t).length<=3?t._id+"":JSON.stringify(t):t+""}getColumnStyle(t){return Object.assign({},t.sticky?{left:this.selectable?"48px":"0px"}:{})}getColumnWidth(t){return this.columnWidths.get(t.field)||t.width||t.minWidth||150}getTableWidth(){let t=this.selectable?48:0;for(const e of this.parsedColumns)t+=this.getColumnWidth(e);return t}renderColgroup(){return i("colgroup",null,this.selectable&&i("col",{style:{width:"48px"}}),this.parsedColumns.map((t=>i("col",{style:{width:this.getColumnWidth(t)+"px",minWidth:(t.minWidth||80)+"px"}}))))}renderHeader(){return i("thead",{class:"co-data-table__head"},i("tr",{class:"co-data-table__header-row"},this.selectable&&i("th",{class:"co-data-table__th co-data-table__th--checkbox co-data-table__th--sticky",style:{left:"0px"}},i("co-checkbox",{size:"small",checked:this.isAllSelected(),indeterminate:this.isSomeSelected(),onCoChange:()=>this.handleSelectAll()})),this.parsedColumns.map(((t,e)=>i("th",{class:{"co-data-table__th":!0,"co-data-table__th--sticky":!!t.sticky,"co-data-table__th--sortable":!!t.sortable,"co-data-table__th--sorted":this.sortField===t.field,["co-data-table__th--align-"+(t.align||"left")]:!0},style:this.getColumnStyle(t),onClick:()=>t.sortable&&this.handleSort(t.field)},i("span",{class:"co-data-table__th-content"},i("span",{class:{"co-data-table__pin-icon":!0,"co-data-table__pin-icon--active":!!t.sticky},title:t.sticky?"Unpin column":"Pin column",onClick:e=>this.handleColumnPin(t.field,e)},i("co-icon",{name:"push-pin",size:14,weight:t.sticky?"fill":"regular"})),i("span",{class:"co-data-table__th-label"},t.label),t.sortable&&i("span",{class:{"co-data-table__sort-icon":!0,"co-data-table__sort-icon--active":this.sortField===t.field}},i("co-icon",{name:"caret-up-down",size:16,weight:this.sortField===t.field?"fill":"regular"}))),this.resizable&&e<this.parsedColumns.length-1&&i("span",{class:{"co-data-table__resize-handle":!0,"co-data-table__resize-handle--active":this.resizingColumn===t.field},onMouseDown:e=>this.handleResizeStart(t.field,e),onClick:t=>t.stopPropagation()}))))))}renderBody(){return this.loading?i("tbody",{class:"co-data-table__body"},Array.from({length:this.skeletonRows}).map(((t,e)=>i("tr",{class:"co-data-table__row co-data-table__row--skeleton",key:"skeleton-"+e},this.selectable&&i("td",{class:"co-data-table__td co-data-table__td--checkbox co-data-table__td--sticky",style:{left:"0px"}},i("div",{class:"co-data-table__skeleton co-data-table__skeleton--checkbox"})),this.parsedColumns.map((t=>i("td",{class:{"co-data-table__td":!0,"co-data-table__td--sticky":!!t.sticky},style:Object.assign({},this.getColumnStyle(t))},i("div",{class:"co-data-table__skeleton"})))))))):i("slot",null)}renderEmpty(){return this.loading||this.parsedRows.length>0?null:i("div",{class:"co-data-table__empty",part:"empty"},i("div",{class:"co-data-table__empty-icon"},i("co-icon",{name:this.emptyIcon,size:32,weight:"regular"})),this.emptyTitle&&i("h3",{class:"co-data-table__empty-title"},this.emptyTitle),this.emptyMessage&&i("p",{class:"co-data-table__empty-message"},this.emptyMessage),i("div",{class:"co-data-table__empty-action"},i("slot",{name:"empty-action"})))}render(){return i("div",{key:"a5c4cb6afafe73264b5b6643c762867a449bcf1f",class:{"co-data-table":!0,"co-data-table--resizing":null!==this.resizingColumn,"co-data-table--loading":this.loading,"co-data-table--empty":!this.loading&&0===this.parsedRows.length}},i("div",{key:"22f664b7c45ab3882665c45bb398f7e41bad331d",class:"co-data-table__scroll"},i("table",{key:"6cc6e81e405f4d560800aa983b193902eb8ecb5c",class:"co-data-table__table",style:{width:this.getTableWidth()+"px",minWidth:"100%"}},this.renderColgroup(),this.renderHeader(),this.renderBody())),this.renderEmpty())}get el(){return this}static get watchers(){return{columns:[{parseColumns:0}],rows:[{parseRows:0}],selectedKeys:[{parseSelectedKeys:0}]}}static get style(){return"co-data-table{display:block;flex:1;min-height:0;overflow:hidden}.co-data-table{position:relative;font-family:var(--co-font-family-primary);background:var(--co-color-base-blanco);display:flex;flex-direction:column;height:100%}.co-data-table--resizing{cursor:col-resize;user-select:none}.co-data-table__scroll{flex:1;overflow-x:auto;overflow-y:auto;min-height:0}.co-data-table__table{min-width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.co-data-table__head{position:sticky;top:0;z-index:2}.co-data-table__header-row{height:40px}.co-data-table__th{position:relative;padding:var(--co-spacing-md);background:var(--co-color-base-blanco);border-bottom:1px solid var(--co-color-opacity-negro-8);border-right:1px solid var(--co-color-opacity-negro-8);text-align:left;vertical-align:middle;font-size:var(--co-font-size-14);font-weight:500;color:var(--co-semantic-text-default);letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;overflow:hidden;box-sizing:border-box}.co-data-table__th:last-child{border-right:none}.co-data-table__th--sortable{cursor:pointer}.co-data-table__th--sortable:hover{background:var(--co-semantic-surface-hover)}.co-data-table__th-content{display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm)}.co-data-table__pin-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-300);cursor:pointer;opacity:0;transition:opacity 0.15s ease, color 0.15s ease}.co-data-table__pin-icon--active{opacity:1;color:var(--co-semantic-text-default)}.co-data-table__th:hover .co-data-table__pin-icon{opacity:1}.co-data-table__pin-icon:hover{color:var(--co-semantic-text-default)}.co-data-table__th-label{flex:1;overflow:hidden;text-overflow:ellipsis}.co-data-table__sort-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-400);transition:color 0.15s ease}.co-data-table__sort-icon--active{color:var(--co-semantic-text-default)}.co-data-table__th--checkbox,.co-data-table__td--checkbox{width:48px;min-width:48px;max-width:48px;padding:var(--co-spacing-md);text-align:center}.co-data-table__th--sticky,.co-data-table__td--sticky{position:sticky;z-index:1;background:var(--co-color-base-blanco)}.co-data-table__th--sticky{z-index:3}.co-data-table__td--sticky::after,.co-data-table__th--sticky::after{content:'';position:absolute;top:0;right:-4px;bottom:0;width:4px;pointer-events:none;opacity:0;background:linear-gradient(to right, var(--co-color-opacity-negro-8), transparent);transition:opacity 0.15s ease}.co-data-table__resize-handle{position:absolute;top:0;right:-2px;width:5px;height:100%;cursor:col-resize;z-index:1}.co-data-table__resize-handle:hover{background:var(--co-color-primary-azul);opacity:0.3}.co-data-table__resize-handle--active{background:var(--co-color-primary-azul);opacity:0.3}.co-data-table__row{height:48px;transition:background-color 0.15s ease;content-visibility:auto;contain-intrinsic-size:auto 48px}.co-data-table__row:hover{background:var(--co-semantic-surface-hover)}.co-data-table__row--selected{background:var(--co-color-opacity-negro-4)}.co-data-table__row--selected:hover{background:var(--co-color-opacity-negro-8)}.co-data-table__td{padding:var(--co-spacing-xs);background:inherit;border-bottom:1px solid var(--co-color-opacity-negro-8);border-right:1px solid var(--co-color-opacity-negro-8);vertical-align:middle;font-size:var(--co-font-size-12);color:var(--co-semantic-text-default);letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.co-data-table__td:last-child{border-right:none}.co-data-table__th--align-center,.co-data-table__td--align-center{text-align:center}.co-data-table__th--align-right,.co-data-table__td--align-right{text-align:right}.co-data-table__cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.co-data-table--empty .co-data-table__scroll{flex:0 0 auto;overflow:hidden}.co-data-table__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;min-height:280px;padding:var(--co-spacing-3xl) var(--co-spacing-lg);gap:var(--co-spacing-sm)}.co-data-table__empty-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-muted);color:var(--co-semantic-text-secondary);margin-bottom:var(--co-spacing-sm)}.co-data-table__empty-title{font-size:var(--co-font-size-16);font-weight:600;color:var(--co-semantic-text-default);letter-spacing:-0.03em;margin:0}.co-data-table__empty-message{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);margin:0;max-width:360px}.co-data-table__empty-action{margin-top:var(--co-spacing-md);display:inline-flex}.co-data-table__empty-action:empty{display:none}.co-data-table__skeleton{height:14px;border-radius:var(--co-border-radius-xxs);background:var(--co-color-gray-100);animation:co-dt-shimmer 1.5s ease-in-out infinite;width:70%}.co-data-table__skeleton--checkbox{width:16px;height:16px;margin:0 auto}@keyframes co-dt-shimmer{0%,100%{opacity:1}50%{opacity:0.4}}.co-data-table__row--skeleton{pointer-events:none;content-visibility:visible}.co-data-table__row--flash-create{animation:co-dt-flash-create 1s ease-out}.co-data-table__row--flash-update{animation:co-dt-flash-update 1s ease-out}.co-data-table__row--flash-delete{animation:co-dt-flash-delete 0.5s ease-out forwards}@keyframes co-dt-flash-create{0%{background-color:rgba(2, 162, 112, 0.15)}100%{background-color:transparent}}@keyframes co-dt-flash-update{0%{background-color:rgba(37, 99, 235, 0.15)}100%{background-color:transparent}}@keyframes co-dt-flash-delete{0%{opacity:1;background-color:rgba(170, 46, 27, 0.1)}100%{opacity:0;height:0;padding:0;overflow:hidden}}"}},[260,"co-data-table",{columns:[1],rows:[1],rowKey:[1,"row-key"],loading:[4],skeletonRows:[2,"skeleton-rows"],emptyTitle:[1,"empty-title"],emptyMessage:[1,"empty-message"],emptyIcon:[1,"empty-icon"],sortField:[1537,"sort-field"],sortOrder:[1537,"sort-order"],selectable:[4],selectedKeys:[1025,"selected-keys"],resizable:[4],parsedColumns:[32],parsedRows:[32],parsedSelectedKeys:[32],columnWidths:[32],resizingColumn:[32],resizeStartX:[32],resizeStartWidth:[32]},void 0,{columns:[{parseColumns:0}],rows:[{parseRows:0}],selectedKeys:[{parseSelectedKeys:0}]}]);function r(){"undefined"!=typeof customElements&&["co-data-table","co-checkbox","co-icon"].forEach((e=>{switch(e){case"co-data-table":customElements.get(t(e))||customElements.define(t(e),l);break;case"co-checkbox":customElements.get(t(e))||s();break;case"co-icon":customElements.get(t(e))||c()}}))}r();const n=l,d=r;export{n as CoDataTable,d as defineCustomElement}

package/dist/components/co-date-field.d.ts

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

package/dist/components/co-date-field.js

@@ -0,0 +1 @@
+import{C as o,d as r}from"./p-o8hrDIKe.js";const s=o,p=r;export{s as CoDateField,p as defineCustomElement}

package/dist/components/co-date-picker.d.ts

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

package/dist/components/co-date-picker.js

@@ -0,0 +1 @@
+import{t,p as e,H as i,c as s,h as o}from"./index.js";import{R as a}from"./p-CWneqh4n.js";import{g as r}from"./p-C1DCLOEl.js";import{d as c}from"./p-C9tHLXKS.js";import{d as h}from"./p-o8hrDIKe.js";import{d as l}from"./p-DBhNS7JD.js";import{d as n}from"./p-DPi_U-Kl.js";import{d}from"./p-OGpfa9Yd.js";import{d as p}from"./p-MiSJXuBx.js";import{d as m}from"./p-BXdfh__-.js";const u=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coInput=s(this,"coInput",7),this.coChange=s(this,"coChange",7),this.coInvalid=s(this,"coInvalid",7),this.coClear=s(this,"coClear",7),this.coFocus=s(this,"coFocus",7),this.coBlur=s(this,"coBlur",7),this.coOpen=s(this,"coOpen",3),this.coClose=s(this,"coClose",3),this.value=null,this.locale="es-CO",this.displayFormat="d MMM yyyy",this.firstDayOfWeek=1,this.size="md",this.disabled=!1,this.readonly=!1,this.required=!1,this.clearable=!0,this.invalid=!1,this.layout="vertical",this.placement="bottom-start",this.closeOnSelect=!0,this.open=!1,this.mobileBreakpoint=600,this.isMobile=!1,this.internalInvalid=!1,this.pendingFocusGrid=!1,this.pendingFocusField=!1,this.mqlHandler=t=>{this.isMobile=t.matches},this.onFieldChange=t=>{this.value=t.detail,this.internalInvalid=!1,this.coChange.emit(t.detail)},this.onFieldInput=t=>{this.coInput.emit(t.detail)},this.onFieldInvalid=t=>{this.internalInvalid=!0,this.coInvalid.emit(t.detail)},this.onFieldClear=()=>{this.value=null,this.internalInvalid=!1,this.coClear.emit()},this.onFieldKeyDown=t=>{"ArrowDown"===t.key&&(t.preventDefault(),this.open||this.setOpen(!0),this.pendingFocusGrid=!0,this.calendarEl&&this.focusGridSoon())},this.onCalendarSelect=t=>{this.value=t.detail,this.internalInvalid=!1,this.coChange.emit(t.detail),this.closeOnSelect&&(this.setOpen(!1),this.pendingFocusField=!0)},this.onPopoverOpen=()=>{this.open||(this.open=!0,this.coOpen.emit())},this.onPopoverClose=()=>{this.open&&(this.open=!1,this.coClose.emit())},this.onRootKeyDown=t=>{"Escape"===t.key&&this.open&&(t.stopPropagation(),this.setOpen(!1),this.pendingFocusField=!0)}}connectedCallback(){this.mql=window.matchMedia(`(max-width: ${this.mobileBreakpoint}px)`),this.isMobile=this.mql.matches,this.mql.addEventListener("change",this.mqlHandler)}disconnectedCallback(){var t;null===(t=this.mql)||void 0===t||t.removeEventListener("change",this.mqlHandler)}get isInvalid(){return this.invalid||this.internalInvalid}setOpen(t){this.open!==t&&(this.open=t,t?this.coOpen.emit():this.coClose.emit())}focusGridSoon(){requestAnimationFrame((()=>{var t,e;null===(e=null===(t=this.calendarEl)||void 0===t?void 0:t.focusGrid)||void 0===e||e.call(t)}))}componentDidRender(){var t,e;this.pendingFocusGrid&&this.open&&this.calendarEl&&(this.pendingFocusGrid=!1,this.focusGridSoon()),this.pendingFocusField&&(this.pendingFocusField=!1,null===(e=null===(t=this.fieldEl)||void 0===t?void 0:t.focusInput)||void 0===e||e.call(t))}renderField(){return o("co-date-field",{ref:t=>this.fieldEl=t,value:this.value,min:this.min,max:this.max,disabledDates:this.disabledDates,disabledDaysOfWeek:this.disabledDaysOfWeek,locale:this.locale,displayFormat:this.displayFormat,placeholder:this.placeholder,size:this.size,name:this.name,disabled:this.disabled,readonly:this.readonly,required:this.required,clearable:this.clearable,invalid:this.isInvalid,onCoChange:this.onFieldChange,onCoInput:this.onFieldInput,onCoInvalid:this.onFieldInvalid,onCoClear:this.onFieldClear,onCoFocus:()=>this.coFocus.emit(),onCoBlur:()=>this.coBlur.emit()})}renderCalendar(t){return o("co-calendar",{ref:t=>this.calendarEl=t,"data-touch":t?"":void 0,value:this.value,min:this.min,max:this.max,disabledDates:this.disabledDates,disabledDaysOfWeek:this.disabledDaysOfWeek,locale:this.locale,firstDayOfWeek:this.firstDayOfWeek,onCoSelect:this.onCalendarSelect})}renderHelper(){const t=this.isInvalid?this.errorMessage:this.helperText;return t?o("div",{class:{"co-date-picker__helper":!0,"co-date-picker__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&o("co-icon",{name:"warning-circle",size:14}),o("span",null,t)):null}render(){if(this.isMobile){const t=r(this.locale);return o("div",{class:"co-date-picker co-date-picker--mobile",onKeyDown:this.onRootKeyDown},this.label&&o("label",{class:"co-date-picker__label",part:"label"},this.label,o(a,{required:this.required})),o("div",{class:"co-date-picker__trigger",onClick:()=>!this.disabled&&this.setOpen(!0)},this.renderField()),o("co-drawer",{position:"bottom",open:this.open,heading:t.selectDate,onCoClose:()=>this.setOpen(!1)},o("div",{class:"co-date-picker__sheet"},this.renderCalendar(!0))),this.renderHelper())}return o("div",{class:"co-date-picker",onKeyDown:this.onRootKeyDown},this.label&&o("label",{class:"co-date-picker__label",part:"label"},this.label,o(a,{required:this.required})),o("co-popover",{open:this.open,placement:this.placement,offset:4,closeOnEscape:!1,onCoOpen:this.onPopoverOpen,onCoClose:this.onPopoverClose},o("div",{slot:"trigger",class:"co-date-picker__trigger",onKeyDown:this.onFieldKeyDown},this.renderField()),this.open&&o("div",{class:"co-date-picker__panel"},this.renderCalendar(!1))),this.renderHelper())}get el(){return this}static get style(){return":host{display:block;font-family:var(--co-font-family-primary)}.co-date-picker{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-date-picker__label{padding:0 var(--co-spacing-xs);color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-date-picker__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs);color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-date-picker__helper--error{color:var(--co-semantic-status-error)}.co-date-picker co-popover{display:block;width:100%}.co-date-picker__trigger{display:block;width:100%;cursor:text}.co-date-picker__panel{padding:var(--co-spacing-md)}.co-date-picker__sheet{display:flex;justify-content:center;padding:var(--co-spacing-sm) 0 var(--co-spacing-lg)}:host([layout='horizontal']) .co-date-picker{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-date-picker__label{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-date-picker__label{white-space:normal}:host([layout='horizontal']) .co-date-picker>:not(.co-date-picker__label){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}"}},[1,"co-date-picker",{value:[1025],min:[1],max:[1],disabledDates:[1,"disabled-dates"],disabledDaysOfWeek:[1,"disabled-days-of-week"],locale:[1],displayFormat:[1,"display-format"],firstDayOfWeek:[2,"first-day-of-week"],label:[1],placeholder:[1],size:[513],name:[1],disabled:[4],readonly:[4],required:[4],clearable:[4],invalid:[4],errorMessage:[1,"error-message"],helperText:[1,"helper-text"],layout:[513],placement:[1],closeOnSelect:[4,"close-on-select"],open:[1540],mobileBreakpoint:[2,"mobile-breakpoint"],isMobile:[32],internalInvalid:[32]}]);function f(){"undefined"!=typeof customElements&&["co-date-picker","co-calendar","co-date-field","co-drawer","co-icon","co-loader","co-overlay","co-popover"].forEach((e=>{switch(e){case"co-date-picker":customElements.get(t(e))||customElements.define(t(e),u);break;case"co-calendar":customElements.get(t(e))||c();break;case"co-date-field":customElements.get(t(e))||h();break;case"co-drawer":customElements.get(t(e))||l();break;case"co-icon":customElements.get(t(e))||n();break;case"co-loader":customElements.get(t(e))||d();break;case"co-overlay":customElements.get(t(e))||p();break;case"co-popover":customElements.get(t(e))||m()}}))}f();const g=u,v=f;export{g as CoDatePicker,v as defineCustomElement}

package/dist/components/co-date-range-picker.d.ts

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

package/dist/components/co-date-range-picker.js

@@ -0,0 +1 @@
+import{C as o,d as p}from"./p-BeWXpX8I.js";const s=o,r=p;export{s as CoDateRangePicker,r as defineCustomElement}

package/dist/components/co-date-range.js

@@ -1 +1 @@
-import{t as e,p as t,H as a,c as r,h as s}from"./index.js";import{d as o}from"./p-wwWquAtm.js";const i=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coChange=r(this,"coChange",7),this.coClear=r(this,"coClear",7),this.value="",this.label="",this.placeholder="Select range",this.disabled=!1,this.clearable=!0,this.presets=!0,this.status="default",this.helperText="",this.locale="es",this.presetTodayLabel="Today",this.presetThisWeekLabel="This week",this.presetThisMonthLabel="This month",this.presetLast30DaysLabel="Last 30 days",this.presetLast90DaysLabel="Last 90 days",this.presetThisYearLabel="This year",this.applyLabel="Apply",this.clearLabel="Clear",this.isOpen=!1,this.draftFrom=null,this.draftTo=null,this.hoverDay=null,this.viewMonth=(new Date).getMonth(),this.viewYear=(new Date).getFullYear(),this.handleTriggerClick=()=>{this.disabled||(this.isOpen=!this.isOpen)},this.handleDocumentClick=e=>{this.isOpen&&(e.composedPath().includes(this.el)||(e.stopPropagation(),this.handleCancel()))},this.handleCancel=()=>{this.isOpen=!1;const e=this.parseValue();this.draftFrom=e.from,this.draftTo=e.to},this.handleDayClick=e=>{if(!this.draftFrom||this.draftFrom&&this.draftTo)return this.draftFrom=e,void(this.draftTo=null);this.draftFrom&&!this.draftTo&&(e<this.draftFrom?(this.draftTo=this.draftFrom,this.draftFrom=e):this.draftTo=e)},this.handleDayHover=e=>{this.hoverDay=e},this.handlePresetClick=e=>{const t=new Date;t.setHours(0,0,0,0);let a=null,r=null;if("today"===e)a=t,r=t;else if("thisWeek"===e){const e=0===t.getDay()?7:t.getDay();a=new Date(t),a.setDate(t.getDate()-(e-1)),r=new Date(a),r.setDate(a.getDate()+6)}else"thisMonth"===e?(a=new Date(t.getFullYear(),t.getMonth(),1),r=new Date(t.getFullYear(),t.getMonth()+1,0)):"last30Days"===e?(r=t,a=new Date(t),a.setDate(t.getDate()-29)):"last90Days"===e?(r=t,a=new Date(t),a.setDate(t.getDate()-89)):"thisYear"===e&&(a=new Date(t.getFullYear(),0,1),r=new Date(t.getFullYear(),11,31));a&&r&&(this.draftFrom=this.formatISO(a),this.draftTo=this.formatISO(r),this.viewYear=a.getFullYear(),this.viewMonth=a.getMonth())},this.handleApply=()=>{this.value=JSON.stringify({from:this.draftFrom,to:this.draftTo}),this.coChange.emit({from:this.draftFrom,to:this.draftTo}),this.isOpen=!1},this.handleClear=()=>{this.draftFrom=null,this.draftTo=null,this.value="",this.coClear.emit(),this.coChange.emit({from:null,to:null}),this.isOpen=!1},this.prevMonth=()=>{0===this.viewMonth?(this.viewMonth=11,this.viewYear--):this.viewMonth--},this.nextMonth=()=>{11===this.viewMonth?(this.viewMonth=0,this.viewYear++):this.viewMonth++}}onValueChange(){const e=this.parseValue();this.draftFrom=e.from,this.draftTo=e.to}componentWillLoad(){const e=this.parseValue();if(this.draftFrom=e.from,this.draftTo=e.to,e.from){const t=new Date(e.from);this.viewMonth=t.getMonth(),this.viewYear=t.getFullYear()}}connectedCallback(){document.addEventListener("click",this.handleDocumentClick,!0)}disconnectedCallback(){document.removeEventListener("click",this.handleDocumentClick,!0)}parseValue(){if(!this.value)return{from:null,to:null};try{const e=JSON.parse(this.value);return{from:e.from||null,to:e.to||null}}catch(e){return{from:null,to:null}}}formatISO(e){return`${e.getFullYear()}-${(e.getMonth()+1+"").padStart(2,"0")}-${(e.getDate()+"").padStart(2,"0")}`}renderTriggerLabel(){return this.draftFrom||this.draftTo?this.draftFrom&&this.draftTo?`${this.draftFrom} → ${this.draftTo}`:this.draftFrom?this.draftFrom+" → …":this.placeholder:this.placeholder}inRange(e){return!(!e||!this.draftFrom)&&(this.draftFrom&&this.draftTo?e>=this.draftFrom&&e<=this.draftTo:!(!this.draftFrom||!this.hoverDay)&&(e>=(this.draftFrom<this.hoverDay?this.draftFrom:this.hoverDay)&&e<=(this.draftFrom<this.hoverDay?this.hoverDay:this.draftFrom)))}renderCalendar(){const e=new Intl.DateTimeFormat(this.locale,{month:"long",year:"numeric"}).format(new Date(this.viewYear,this.viewMonth,1)),t=new Date(this.viewYear,this.viewMonth,1),a=0===t.getDay()?6:t.getDay()-1,r=new Date(this.viewYear,this.viewMonth+1,0).getDate(),o=new Date(this.viewYear,this.viewMonth,1);for(;1!==o.getDay();)o.setDate(o.getDate()-1);const i=[];for(let e=0;e<7;e++){const t=new Date(o);t.setDate(o.getDate()+e);const a=new Intl.DateTimeFormat(this.locale,{weekday:"short"}).format(t);i.push(a.charAt(0).toUpperCase()+a.slice(1,2))}const c=[];for(let e=0;e<a;e++)c.push(null);for(let e=1;e<=r;e++)c.push(this.formatISO(new Date(this.viewYear,this.viewMonth,e)));for(;c.length%7!=0;)c.push(null);return s("div",{class:"co-date-range__calendar"},s("div",{class:"co-date-range__cal-header"},s("button",{class:"co-date-range__nav",type:"button",onClick:this.prevMonth,"aria-label":"Previous month"},s("co-icon",{name:"caret-left",size:16})),s("span",{class:"co-date-range__month-label"},e),s("button",{class:"co-date-range__nav",type:"button",onClick:this.nextMonth,"aria-label":"Next month"},s("co-icon",{name:"caret-right",size:16}))),s("div",{class:"co-date-range__dow"},i.map(((e,t)=>s("span",{key:t},e)))),s("div",{class:"co-date-range__days"},c.map(((e,t)=>{if(!e)return s("span",{class:"co-date-range__day co-date-range__day--empty",key:t});const a=e===this.draftFrom,r=e===this.draftTo,o=this.inRange(e);return s("button",{key:t,type:"button",class:{"co-date-range__day":!0,"co-date-range__day--start":a,"co-date-range__day--end":r,"co-date-range__day--in-range":o&&!a&&!r},onClick:()=>this.handleDayClick(e),onMouseEnter:()=>this.handleDayHover(e),onMouseLeave:()=>this.handleDayHover(null)},parseInt(e.split("-")[2],10))}))))}renderPresets(){return this.presets?s("div",{class:"co-date-range__presets"},[{id:"today",label:this.presetTodayLabel},{id:"thisWeek",label:this.presetThisWeekLabel},{id:"thisMonth",label:this.presetThisMonthLabel},{id:"last30Days",label:this.presetLast30DaysLabel},{id:"last90Days",label:this.presetLast90DaysLabel},{id:"thisYear",label:this.presetThisYearLabel}].map((e=>s("button",{key:e.id,type:"button",class:"co-date-range__preset",onClick:()=>this.handlePresetClick(e.id)},e.label)))):null}render(){const e=!(!this.draftFrom&&!this.draftTo);return s("div",{key:"d7045dc55fad85c14ea8ed05278f11a91c894e8b",class:"co-date-range",part:"root"},this.label&&s("label",{key:"9a48cd7d9498138ccb1acac2ac8b664c5543b6d1",class:"co-date-range__label",part:"label"},this.label),s("div",{key:"09379d7ac693bce51da6e131cb60c61d3d16d226",class:{"co-date-range__trigger":!0,"co-date-range__trigger--open":this.isOpen,"co-date-range__trigger--disabled":this.disabled,["co-date-range__trigger--"+this.status]:"default"!==this.status},onClick:this.handleTriggerClick,part:"trigger",tabIndex:this.disabled?-1:0,role:"button"},s("co-icon",{key:"8f0cf20d2e9e39eb625112bd31b13e03e9723fa3",name:"calendar",size:16,class:"co-date-range__icon"}),s("span",{key:"394050d776116d98e3f585bb2521b726308cd57c",class:{"co-date-range__trigger-text":!0,"co-date-range__trigger-text--placeholder":!e}},this.renderTriggerLabel()),this.clearable&&e&&!this.disabled&&s("button",{key:"6af816bd7d5e1e677943692b2540d5cc1547d230",class:"co-date-range__clear",type:"button",onClick:e=>{e.stopPropagation(),this.handleClear()},"aria-label":"Clear"},s("co-icon",{key:"aeb54016fc5b9616e2c4c9656cde0a07cc784d99",name:"x-circle",weight:"fill",size:16})),s("co-icon",{key:"474e9a4b815f977ffaf444f6c568c6adbce393dd",name:"caret-down",size:14,class:"co-date-range__caret"})),this.helperText&&s("span",{key:"afc70e80268864a59c7c93623db3542560a08ca7",class:{"co-date-range__helper":!0,["co-date-range__helper--"+this.status]:"default"!==this.status},part:"helper"},this.helperText),this.isOpen&&s("div",{key:"fbfdaf36083d09423e22a578ccead616a7bab704",class:"co-date-range__popover",part:"popover"},s("div",{key:"43275ecd90419bc6625c9bd59b3fde2fb58f2fb0",class:"co-date-range__popover-body"},this.renderPresets(),this.renderCalendar()),s("div",{key:"b32a4217c1f15860ae2f767a1135f35e5f9e4bb8",class:"co-date-range__footer"},s("button",{key:"c0c07ad3017a318184bcae0011c3713b6924b16c",type:"button",class:"co-date-range__btn co-date-range__btn--ghost",onClick:this.handleClear},this.clearLabel),s("button",{key:"234d87a5de1e7c04cad86b50130081bcf9fa17b1",type:"button",class:"co-date-range__btn co-date-range__btn--primary",onClick:this.handleApply,disabled:!this.draftFrom||!this.draftTo},this.applyLabel))))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return":host{display:inline-block;position:relative;font-family:var(--co-font-family-primary)}.co-date-range{position:relative;display:flex;flex-direction:column;gap:var(--co-spacing-xs)}.co-date-range__label{font-size:var(--co-font-size-12);font-weight:500;color:var(--co-semantic-text-default);text-transform:uppercase;letter-spacing:0.04em}.co-date-range__trigger{display:inline-flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm) var(--co-spacing-md);height:40px;min-width:240px;background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-xs);cursor:pointer;font-size:var(--co-font-size-14);color:var(--co-semantic-text-default);transition:border-color 0.15s ease, box-shadow 0.15s ease;user-select:none}.co-date-range__trigger:hover:not(.co-date-range__trigger--disabled){border-color:var(--co-semantic-text-default)}.co-date-range__trigger--open{border-color:var(--co-color-primary-azul);box-shadow:0 0 0 3px rgba(37, 99, 235, 0.12)}.co-date-range__trigger--disabled{opacity:0.5;cursor:not-allowed}.co-date-range__trigger--error{border-color:var(--co-color-status-error)}.co-date-range__trigger--success{border-color:var(--co-color-status-success)}.co-date-range__icon{color:var(--co-semantic-text-muted);flex-shrink:0}.co-date-range__caret{color:var(--co-semantic-text-muted);flex-shrink:0}.co-date-range__trigger-text{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-date-range__trigger-text--placeholder{color:var(--co-semantic-text-muted)}.co-date-range__clear{background:none;border:0;padding:0;cursor:pointer;color:var(--co-semantic-text-muted);display:inline-flex;align-items:center;flex-shrink:0}.co-date-range__clear:hover{color:var(--co-semantic-text-default)}.co-date-range__helper{font-size:var(--co-font-size-12);color:var(--co-semantic-text-muted)}.co-date-range__helper--error{color:var(--co-color-status-error)}.co-date-range__helper--success{color:var(--co-color-status-success)}.co-date-range__popover{position:absolute;top:calc(100% + 4px);left:0;background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-xs);box-shadow:0 8px 24px rgba(0, 0, 0, 0.12);z-index:1000;display:flex;flex-direction:column;width:320px}.co-date-range__popover-body{display:flex;flex-direction:column;gap:var(--co-spacing-md);padding:var(--co-spacing-md)}.co-date-range__presets{display:flex;flex-wrap:wrap;gap:var(--co-spacing-xs)}.co-date-range__preset{background:var(--co-semantic-surface-hover);border:0;padding:4px var(--co-spacing-sm);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-12);font-family:inherit;color:var(--co-semantic-text-default);cursor:pointer;transition:background 0.15s ease}.co-date-range__preset:hover{background:var(--co-color-opacity-negro-8, rgba(0, 0, 0, 0.08))}.co-date-range__calendar{display:flex;flex-direction:column;gap:var(--co-spacing-xs)}.co-date-range__cal-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs)}.co-date-range__month-label{font-size:var(--co-font-size-14);font-weight:500;text-transform:capitalize}.co-date-range__nav{background:none;border:0;cursor:pointer;padding:4px;border-radius:var(--co-border-radius-xxs);display:inline-flex;color:var(--co-semantic-text-default)}.co-date-range__nav:hover{background:var(--co-semantic-surface-hover)}.co-date-range__dow{display:grid;grid-template-columns:repeat(7, 1fr);gap:2px;text-align:center;font-size:10px;font-weight:600;color:var(--co-semantic-text-muted);text-transform:uppercase;letter-spacing:0.04em}.co-date-range__days{display:grid;grid-template-columns:repeat(7, 1fr);gap:2px}.co-date-range__day{background:none;border:0;padding:0;height:32px;border-radius:var(--co-border-radius-xxs);font-size:var(--co-font-size-12);font-family:inherit;cursor:pointer;color:var(--co-semantic-text-default);transition:background 0.1s ease, color 0.1s ease}.co-date-range__day--empty{background:transparent;cursor:default;pointer-events:none}.co-date-range__day:not(.co-date-range__day--empty):hover{background:var(--co-semantic-surface-hover)}.co-date-range__day--in-range{background:rgba(37, 99, 235, 0.12);border-radius:0;color:var(--co-color-primary-azul)}.co-date-range__day--start,.co-date-range__day--end{background:var(--co-color-primary-azul);color:var(--co-color-base-blanco, #fff);font-weight:600}.co-date-range__day--start{border-top-right-radius:0;border-bottom-right-radius:0}.co-date-range__day--end{border-top-left-radius:0;border-bottom-left-radius:0}.co-date-range__footer{display:flex;justify-content:flex-end;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm) var(--co-spacing-md);border-top:1px solid var(--co-semantic-border-default)}.co-date-range__btn{padding:6px var(--co-spacing-md);border-radius:var(--co-border-radius-xs);font-size:var(--co-font-size-12);font-family:inherit;font-weight:500;cursor:pointer;border:0}.co-date-range__btn--ghost{background:transparent;color:var(--co-semantic-text-default)}.co-date-range__btn--ghost:hover{background:var(--co-semantic-surface-hover)}.co-date-range__btn--primary{background:var(--co-color-primary-azul);color:var(--co-color-base-blanco, #fff)}.co-date-range__btn--primary:disabled{opacity:0.5;cursor:not-allowed}"}},[1,"co-date-range",{value:[1025],label:[1],placeholder:[1],disabled:[4],clearable:[4],presets:[4],status:[1],helperText:[1,"helper-text"],locale:[1],presetTodayLabel:[1,"preset-today-label"],presetThisWeekLabel:[1,"preset-this-week-label"],presetThisMonthLabel:[1,"preset-this-month-label"],presetLast30DaysLabel:[1,"preset-last-3-0-days-label"],presetLast90DaysLabel:[1,"preset-last-9-0-days-label"],presetThisYearLabel:[1,"preset-this-year-label"],applyLabel:[1,"apply-label"],clearLabel:[1,"clear-label"],isOpen:[32],draftFrom:[32],draftTo:[32],hoverDay:[32],viewMonth:[32],viewYear:[32]},void 0,{value:[{onValueChange:0}]}]);function c(){"undefined"!=typeof customElements&&["co-date-range","co-icon"].forEach((t=>{switch(t){case"co-date-range":customElements.get(e(t))||customElements.define(e(t),i);break;case"co-icon":customElements.get(e(t))||o()}}))}c();const n=i,d=c;export{n as CoDateRange,d as defineCustomElement}
+import{t as e,p as s,H as t,c as a,h as o}from"./index.js";import{d as c}from"./p-C9tHLXKS.js";import{d as r}from"./p-o8hrDIKe.js";import{d as l}from"./p-BeWXpX8I.js";import{d as i}from"./p-DBhNS7JD.js";import{d as p}from"./p-DPi_U-Kl.js";import{d}from"./p-OGpfa9Yd.js";import{d as h}from"./p-MiSJXuBx.js";import{d as n}from"./p-BXdfh__-.js";const m=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coChange=a(this,"coChange",7),this.coClear=a(this,"coClear",7),this.value="",this.label="",this.placeholder="Select range",this.disabled=!1,this.clearable=!0,this.presets=!0,this.helperText="",this.locale="es",this.warned=!1,this.handleApply=e=>{this.value=JSON.stringify(e.detail),this.coChange.emit(e.detail)}}connectedCallback(){this.warned||(this.warned=!0,console.warn("[cobalt] <co-date-range> is deprecated — use <co-date-range-picker>."))}render(){return o("co-date-range-picker",{key:"52a80ab59ff863209e62f5dcddbc674ea32a662c",value:this.value,label:this.label,placeholder:this.placeholder,disabled:this.disabled,clearable:this.clearable,presets:this.presets,helperText:this.helperText,locale:this.locale,applyLabel:this.applyLabel,clearLabel:this.clearLabel,onCoApply:this.handleApply,onCoClear:()=>this.coClear.emit()})}get el(){return this}static get style(){return":host{display:block}"}},[1,"co-date-range",{value:[1025],label:[1],placeholder:[1],disabled:[4],clearable:[4],presets:[4],helperText:[1,"helper-text"],locale:[1],applyLabel:[1,"apply-label"],clearLabel:[1,"clear-label"]}]);function b(){"undefined"!=typeof customElements&&["co-date-range","co-calendar","co-date-field","co-date-range-picker","co-drawer","co-icon","co-loader","co-overlay","co-popover"].forEach((s=>{switch(s){case"co-date-range":customElements.get(e(s))||customElements.define(e(s),m);break;case"co-calendar":customElements.get(e(s))||c();break;case"co-date-field":customElements.get(e(s))||r();break;case"co-date-range-picker":customElements.get(e(s))||l();break;case"co-drawer":customElements.get(e(s))||i();break;case"co-icon":customElements.get(e(s))||p();break;case"co-loader":customElements.get(e(s))||d();break;case"co-overlay":customElements.get(e(s))||h();break;case"co-popover":customElements.get(e(s))||n()}}))}b();const u=m,f=b;export{u as CoDateRange,f as defineCustomElement}

package/dist/components/co-drawer.js

@@ -1 +1 @@
-import{t as e,p as r,H as a,c as o,h as t}from"./index.js";import{d as c}from"./p-wwWquAtm.js";import{d}from"./p-OGpfa9Yd.js";import{d as s}from"./p-cpdUXBiS.js";const i=r(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coClose=o(this,"coClose",7),this.coOpen=o(this,"coOpen",7),this.coAfterOpen=o(this,"coAfterOpen",7),this.coAfterClose=o(this,"coAfterClose",7),this.open=!1,this.position="right",this.size="md",this.heading="",this.closable=!0,this.closeOnOverlay=!0,this.closeOnEscape=!0,this.loading=!1,this.handleOverlayClose=()=>{this.closeOnOverlay&&this.coClose.emit()},this.handleCloseClick=()=>{this.coClose.emit()},this.stopPropagation=e=>{e.stopPropagation()},this.handleTransitionEnd=e=>{"transform"===e.propertyName&&(this.open?this.coAfterOpen.emit():this.coAfterClose.emit())}}onOpenChange(e,r){e&&!r&&this.coOpen.emit()}handleKey(e){this.open&&this.closeOnEscape&&"Escape"===e.key&&this.coClose.emit()}render(){return t("co-overlay",{key:"7f8f76010bc12983c86d0d38bbdb2f73d4f9a30f",open:this.open,onCoClose:this.handleOverlayClose},t("aside",{key:"690c564145cf4b6dcad6f2fd69837f215cc9dff1",class:{"co-drawer":!0,"co-drawer--open":this.open,["co-drawer--"+this.position]:!0,["co-drawer--"+this.size]:!0},part:"drawer",role:"dialog","aria-modal":"true","aria-labelledby":"co-drawer-heading",onClick:this.stopPropagation,onTransitionEnd:this.handleTransitionEnd},t("header",{key:"25bde1a909e3193f58b69b51a96ddc7047b127ad",class:"co-drawer__header",part:"header"},t("div",{key:"8275159a2f5014beeccfa91e3f38e4553a8d4767",class:"co-drawer__header-content"},t("slot",{key:"c2c820b841b5db2967a33d14a95e17a4ab81c85a",name:"header"},t("h2",{key:"9dd5bc6c6e5a7f82693a44b5ce3b325bf46df2d5",class:"co-drawer__heading",id:"co-drawer-heading"},this.heading))),this.closable&&t("button",{key:"e9f45d205e7ebf8518b7648b4173d265a781f692",class:"co-drawer__close",type:"button","aria-label":"Close",onClick:this.handleCloseClick},t("co-icon",{key:"35f4e707c886934c2bbc197e82e9962d0a0239ac",name:"x",size:20}))),t("div",{key:"7aa4cb9b859aead97347f2a9b2a95f905fee2c8d",class:"co-drawer__tabs",part:"tabs"},t("slot",{key:"76337250192da2fac77af76c0ea05d16acb6ea80",name:"tabs"})),t("div",{key:"7ed67e52ee496ab545d40c0869a427a50fc1b4d5",class:"co-drawer__body",part:"body"},t("slot",{key:"433ba3a19c5a8b534907c2ca366b05e63fcf3e20"}),t("co-loader",{key:"0e0c33ca5205450f700e35e5664fb0d55c8ec0a6",overlay:!0,visible:this.loading,part:"loader"})),t("footer",{key:"88e2e9a8f5fc3b8e8fc4875d0eaf5a0953000f01",class:"co-drawer__footer",part:"footer"},t("slot",{key:"edf5528718a7ddd392776241efc248af028bbecf",name:"footer"}))))}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return":host{display:contents}.co-drawer{position:fixed;background:var(--co-semantic-surface-page);display:flex;flex-direction:column;font-family:var(--co-font-family-primary);transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;will-change:transform;z-index:1}.co-drawer--right{top:0;right:0;margin:6px;height:100vh;height:-webkit-fill-available;border-radius:24px;transform:translateX(calc(100% + 12px));box-shadow:0 4px 24px rgba(0, 0, 0, 0.12)}.co-drawer--right.co-drawer--open{transform:translateX(0)}.co-drawer--left{top:0;left:0;margin:6px;height:100vh;height:-webkit-fill-available;border-radius:24px;transform:translateX(calc(-100% - 12px));box-shadow:0 4px 24px rgba(0, 0, 0, 0.12)}.co-drawer--left.co-drawer--open{transform:translateX(0)}.co-drawer--bottom{bottom:0;left:0;right:0;margin:6px;width:auto;transform:translateY(calc(100% + 12px));box-shadow:0 -4px 24px rgba(0, 0, 0, 0.12);border-radius:24px}.co-drawer--bottom.co-drawer--open{transform:translateY(0)}.co-drawer--right.co-drawer--sm,.co-drawer--left.co-drawer--sm{width:400px;max-width:100vw}.co-drawer--right.co-drawer--md,.co-drawer--left.co-drawer--md{width:520px;max-width:100vw}.co-drawer--right.co-drawer--lg,.co-drawer--left.co-drawer--lg{width:720px;max-width:100vw}.co-drawer--right.co-drawer--xl,.co-drawer--left.co-drawer--xl{width:960px;max-width:100vw}.co-drawer--right.co-drawer--full,.co-drawer--left.co-drawer--full{width:100vw}.co-drawer--bottom.co-drawer--sm{height:40vh}.co-drawer--bottom.co-drawer--md{height:60vh}.co-drawer--bottom.co-drawer--lg{height:80vh}.co-drawer--bottom.co-drawer--xl{height:95vh}.co-drawer--bottom.co-drawer--full{height:100vh}.co-drawer__header{display:flex;align-items:center;gap:var(--co-spacing-md);padding:var(--co-spacing-lg) var(--co-spacing-xl);border-bottom:1px solid var(--co-semantic-border-default);flex-shrink:0}.co-drawer__header-content{flex:1;min-width:0}.co-drawer__heading{margin:0;font-size:var(--co-font-size-18);font-weight:600;color:var(--co-semantic-text-default);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-drawer__close{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-xs);margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);border-radius:var(--co-border-radius-sm);transition:background 0.1s ease;flex-shrink:0}.co-drawer__close:hover{background:var(--co-semantic-surface-hover)}.co-drawer__close:focus-visible{outline:2px solid var(--co-color-primary-azul);outline-offset:2px}.co-drawer__tabs{flex-shrink:0;border-bottom:1px solid var(--co-semantic-border-default)}.co-drawer__tabs:empty{display:none}.co-drawer__body{flex:1;overflow-y:auto;padding:var(--co-spacing-xl);position:relative}.co-drawer__footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--co-spacing-md);padding:var(--co-spacing-lg) var(--co-spacing-xl);border-top:1px solid var(--co-semantic-border-default);flex-shrink:0}.co-drawer__footer:empty{display:none}@media (max-width: 600px){.co-drawer--right,.co-drawer--left{width:100vw !important}}"}},[257,"co-drawer",{open:[1540],position:[513],size:[513],heading:[1],closable:[4],closeOnOverlay:[4,"close-on-overlay"],closeOnEscape:[4,"close-on-escape"],loading:[4]},[[4,"keydown","handleKey"]],{open:[{onOpenChange:0}]}]);function n(){"undefined"!=typeof customElements&&["co-drawer","co-icon","co-loader","co-overlay"].forEach((r=>{switch(r){case"co-drawer":customElements.get(e(r))||customElements.define(e(r),i);break;case"co-icon":customElements.get(e(r))||c();break;case"co-loader":customElements.get(e(r))||d();break;case"co-overlay":customElements.get(e(r))||s()}}))}n();const l=i,h=n;export{l as CoDrawer,h as defineCustomElement}
+import{C as o,d as s}from"./p-DBhNS7JD.js";const p=o,r=s;export{p as CoDrawer,r as defineCustomElement}

package/dist/components/co-empty-state.js

@@ -1 +1 @@
-import{t,p as e,H as c,h as a}from"./index.js";import{d as s}from"./p-wwWquAtm.js";const o=e(class extends c{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return a("div",{key:"d414a4b9c7336d6f7cdd467a25be8287cbc61688",class:"co-empty-state",part:"empty-state"},this.icon&&a("div",{key:"482eac0c4337a7b8eba92018a8a8f898f44793e1",class:"co-empty-state__icon"},a("co-icon",{key:"8cb46703a9c8f34277fffd95ffbb1b14c0e89366",name:this.icon,size:40,weight:"light"})),this.heading&&a("div",{key:"2517c9b2524aef5db6516908d63c8c9b4287a53d",class:"co-empty-state__heading"},this.heading),this.description&&a("div",{key:"a4793896bc598d7fbe92b367b8412f18d2643595",class:"co-empty-state__description"},this.description),a("div",{key:"c68653bbc2012b6b8a967400ce3e49e29bc9ef9f",class:"co-empty-state__actions"},a("slot",{key:"665dccd15ed54b78a0d3f13a94dcd8e65720c8c5"})))}static get style(){return":host{display:block}.co-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--co-spacing-2xl) var(--co-spacing-xl);font-family:var(--co-font-family-primary);max-width:492px;margin:0 auto}.co-empty-state__icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:var(--co-semantic-surface-subtle);color:var(--co-semantic-text-muted);margin-bottom:var(--co-spacing-xl)}.co-empty-state__heading{font-size:var(--co-font-size-20);font-weight:600;color:var(--co-semantic-text-default);margin-bottom:var(--co-spacing-sm)}.co-empty-state__description{font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted);line-height:1.5;margin-bottom:var(--co-spacing-xl)}.co-empty-state__actions{display:flex;gap:var(--co-spacing-md);flex-wrap:wrap;justify-content:center}.co-empty-state__actions:empty{display:none}"}},[257,"co-empty-state",{icon:[1],heading:[1],description:[1]}]);function i(){"undefined"!=typeof customElements&&["co-empty-state","co-icon"].forEach((e=>{switch(e){case"co-empty-state":customElements.get(t(e))||customElements.define(t(e),o);break;case"co-icon":customElements.get(t(e))||s()}}))}i();const n=o,r=i;export{n as CoEmptyState,r as defineCustomElement}
+import{t,p as e,H as c,h as a}from"./index.js";import{d as s}from"./p-DPi_U-Kl.js";const o=e(class extends c{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return a("div",{key:"6ceb9e648d3afd9d00d235be09c062b2271abf81",class:"co-empty-state",part:"empty-state"},this.icon&&a("div",{key:"126201691f3b95f58c2e1e6a299bd76c6e2469a8",class:"co-empty-state__icon"},a("co-icon",{key:"60e803bec3cac493264240203003f0b76a58b751",name:this.icon,size:40,weight:"light"})),this.heading&&a("div",{key:"9b3a6fc68f92680fe93af4e17defd01979117e92",class:"co-empty-state__heading"},this.heading),this.description&&a("div",{key:"b78224486e9c3b12bb6c4ecccf937f613cc9853e",class:"co-empty-state__description"},this.description),a("div",{key:"b7c66fe9a617b553244f33d35ec515b2c00511ff",class:"co-empty-state__actions"},a("slot",{key:"6e5cf479c0ecc6ccb0c718d5a062fbbc0836e6d8"})))}static get style(){return":host{display:block}.co-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--co-spacing-2xl) var(--co-spacing-xl);font-family:var(--co-font-family-primary);max-width:492px;margin:0 auto}.co-empty-state__icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:var(--co-semantic-surface-subtle);color:var(--co-semantic-text-muted);margin-bottom:var(--co-spacing-xl)}.co-empty-state__heading{font-size:var(--co-font-size-20);font-weight:600;color:var(--co-semantic-text-default);margin-bottom:var(--co-spacing-sm)}.co-empty-state__description{font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted);line-height:1.5;margin-bottom:var(--co-spacing-xl)}.co-empty-state__actions{display:flex;gap:var(--co-spacing-md);flex-wrap:wrap;justify-content:center}.co-empty-state__actions:empty{display:none}"}},[257,"co-empty-state",{icon:[1],heading:[1],description:[1]}]);function i(){"undefined"!=typeof customElements&&["co-empty-state","co-icon"].forEach((e=>{switch(e){case"co-empty-state":customElements.get(t(e))||customElements.define(t(e),o);break;case"co-icon":customElements.get(t(e))||s()}}))}i();const n=o,r=i;export{n as CoEmptyState,r as defineCustomElement}

package/dist/components/co-fab.js

@@ -1 +1 @@
-import{t as o,p as a,H as e,c as t,h as i}from"./index.js";import{d as s}from"./p-wwWquAtm.js";const c=a(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coClick=t(this,"coClick",7),this.icon="plus",this.variant="primary",this.size="m",this.disabled=!1,this.position="none",this.handleClick=()=>{this.disabled||this.coClick.emit()}}render(){const o="l"===this.size?24:"s"===this.size?18:20,a=!!this.label;return i("button",{key:"d013eaa32fce0e86c428695f172cec6a268452cc",class:{"co-fab":!0,["co-fab--"+this.variant]:!0,["co-fab--"+this.size]:!0,"co-fab--extended":a,"co-fab--disabled":this.disabled,["co-fab--"+this.position]:"none"!==this.position},type:"button",disabled:this.disabled,onClick:this.handleClick,"aria-label":this.label||this.icon},i("co-icon",{key:"1fa1468cf3a1087a4bc4facc8a29553fe1073812",name:this.icon,size:o}),this.label&&i("span",{key:"0c2417e1af3a944dc13a879f39e4d0dd1d1f5e41",class:"co-fab__label"},this.label))}static get style(){return":host{display:inline-flex;font-family:var(--co-font-family-primary);line-height:1}.co-fab{display:inline-flex;align-items:center;justify-content:center;gap:var(--co-spacing-sm2);border:none;border-radius:var(--co-border-radius-full);cursor:pointer;font-family:inherit;font-weight:500;white-space:nowrap;box-sizing:border-box;transition:background 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;box-shadow:0 4px 12px rgba(31, 28, 27, 0.15)}.co-fab--l{width:56px;height:56px;font-size:var(--co-font-size-16)}.co-fab--m{width:48px;height:48px;font-size:var(--co-font-size-14)}.co-fab--s{width:40px;height:40px;font-size:var(--co-font-size-14)}.co-fab--extended{width:auto;border-radius:var(--co-border-radius-lg)}.co-fab--extended.co-fab--l{padding:0 var(--co-spacing-xl)}.co-fab--extended.co-fab--m{padding:0 var(--co-spacing-lg)}.co-fab--extended.co-fab--s{padding:0 var(--co-spacing-md)}.co-fab--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary)}.co-fab--primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(31, 28, 27, 0.2);transform:translateY(-1px)}.co-fab--secondary{background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-subtle)}.co-fab--secondary:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-fab--stroke{background:transparent;color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-default)}.co-fab--stroke:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-fab:active:not(:disabled){transform:translateY(0) scale(0.96)}.co-fab--disabled{opacity:0.4;cursor:not-allowed;box-shadow:none}.co-fab--bottom-right{position:fixed;bottom:24px;right:24px;z-index:1000}.co-fab--bottom-left{position:fixed;bottom:24px;left:24px;z-index:1000}.co-fab--top-right{position:fixed;top:24px;right:24px;z-index:1000}.co-fab--top-left{position:fixed;top:24px;left:24px;z-index:1000}.co-fab__label{line-height:1}"}},[1,"co-fab",{icon:[1],label:[1],variant:[1],size:[1],disabled:[4],position:[1]}]);function r(){"undefined"!=typeof customElements&&["co-fab","co-icon"].forEach((a=>{switch(a){case"co-fab":customElements.get(o(a))||customElements.define(o(a),c);break;case"co-icon":customElements.get(o(a))||s()}}))}r();const n=c,d=r;export{n as CoFab,d as defineCustomElement}
+import{t as o,p as a,H as e,c as t,h as i}from"./index.js";import{d as s}from"./p-DPi_U-Kl.js";const c=a(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coClick=t(this,"coClick",7),this.icon="plus",this.variant="primary",this.size="m",this.disabled=!1,this.position="none",this.handleClick=()=>{this.disabled||this.coClick.emit()}}render(){const o="l"===this.size?24:"s"===this.size?18:20,a=!!this.label;return i("button",{key:"90ffc7d273a4aca5bbe3214d9f6ba3a8c5d063da",class:{"co-fab":!0,["co-fab--"+this.variant]:!0,["co-fab--"+this.size]:!0,"co-fab--extended":a,"co-fab--disabled":this.disabled,["co-fab--"+this.position]:"none"!==this.position},type:"button",disabled:this.disabled,onClick:this.handleClick,"aria-label":this.label||this.icon},i("co-icon",{key:"29745cdc0f20d21d4d5a130d523f7a6839a9927c",name:this.icon,size:o}),this.label&&i("span",{key:"9314aa4e634e2bb3280bc9015e6a60b265afca43",class:"co-fab__label"},this.label))}static get style(){return":host{display:inline-flex;font-family:var(--co-font-family-primary);line-height:1}.co-fab{display:inline-flex;align-items:center;justify-content:center;gap:var(--co-spacing-sm2);border:none;border-radius:var(--co-border-radius-full);cursor:pointer;font-family:inherit;font-weight:500;white-space:nowrap;box-sizing:border-box;transition:background 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;box-shadow:0 4px 12px rgba(31, 28, 27, 0.15)}.co-fab--l{width:56px;height:56px;font-size:var(--co-font-size-16)}.co-fab--m{width:48px;height:48px;font-size:var(--co-font-size-14)}.co-fab--s{width:40px;height:40px;font-size:var(--co-font-size-14)}.co-fab--extended{width:auto;border-radius:var(--co-border-radius-lg)}.co-fab--extended.co-fab--l{padding:0 var(--co-spacing-xl)}.co-fab--extended.co-fab--m{padding:0 var(--co-spacing-lg)}.co-fab--extended.co-fab--s{padding:0 var(--co-spacing-md)}.co-fab--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary)}.co-fab--primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(31, 28, 27, 0.2);transform:translateY(-1px)}.co-fab--secondary{background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-subtle)}.co-fab--secondary:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-fab--stroke{background:transparent;color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-default)}.co-fab--stroke:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-fab:active:not(:disabled){transform:translateY(0) scale(0.96)}.co-fab--disabled{opacity:0.4;cursor:not-allowed;box-shadow:none}.co-fab--bottom-right{position:fixed;bottom:24px;right:24px;z-index:1000}.co-fab--bottom-left{position:fixed;bottom:24px;left:24px;z-index:1000}.co-fab--top-right{position:fixed;top:24px;right:24px;z-index:1000}.co-fab--top-left{position:fixed;top:24px;left:24px;z-index:1000}.co-fab__label{line-height:1}"}},[1,"co-fab",{icon:[1],label:[1],variant:[1],size:[1],disabled:[4],position:[1]}]);function r(){"undefined"!=typeof customElements&&["co-fab","co-icon"].forEach((a=>{switch(a){case"co-fab":customElements.get(o(a))||customElements.define(o(a),c);break;case"co-icon":customElements.get(o(a))||s()}}))}r();const n=c,d=r;export{n as CoFab,d as defineCustomElement}

package/dist/components/co-file-field.d.ts

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

package/dist/components/co-file-field.js

@@ -0,0 +1 @@
+import{t as e,p as i,H as o,c as t,h as r}from"./index.js";import{R as a}from"./p-CWneqh4n.js";import{d as s}from"./p-DPi_U-Kl.js";import{d as l}from"./p-DObrQi5F.js";const c={es:{uploadButton:"Cargar archivo",dropHint:"Arrastra y suelta archivos aquí",helperBoth:"Puedes subir hasta {n} archivos, cada uno hasta {x}",helperFiles:"Puedes subir hasta {n} archivos",helperBytes:"Cada archivo hasta {x}",uploadedTitle:"Archivos subidos",removeFile:"Eliminar archivo",copyUrl:"Copiar enlace",copied:"Copiado",dragToReorder:"Arrastra para reordenar",openPreview:"Abrir vista previa",errInvalidFormat:"Formato no permitido: .{x}",errTooLarge:"Archivo demasiado grande: {x}",errMaxFiles:"Puedes subir hasta {n} archivos"},en:{uploadButton:"Upload file",dropHint:"Drag and drop files here",helperBoth:"You can upload up to {n} files, each up to {x}",helperFiles:"You can upload up to {n} files",helperBytes:"Each file up to {x}",uploadedTitle:"Uploaded files",removeFile:"Remove file",copyUrl:"Copy link",copied:"Copied",dragToReorder:"Drag to reorder",openPreview:"Open preview",errInvalidFormat:"Invalid format: .{x}",errTooLarge:"File too large: {x}",errMaxFiles:"You can upload up to {n} files"},pt:{uploadButton:"Carregar arquivo",dropHint:"Arraste e solte arquivos aqui",helperBoth:"Você pode enviar até {n} arquivos, cada um até {x}",helperFiles:"Você pode enviar até {n} arquivos",helperBytes:"Cada arquivo até {x}",uploadedTitle:"Arquivos enviados",removeFile:"Remover arquivo",copyUrl:"Copiar link",copied:"Copiado",dragToReorder:"Arraste para reordenar",openPreview:"Abrir pré-visualização",errInvalidFormat:"Formato inválido: .{x}",errTooLarge:"Arquivo muito grande: {x}",errMaxFiles:"Você pode enviar até {n} arquivos"}};function n(e,i){var o,t;return e.replace("{n}",(null!==(o=i.n)&&void 0!==o?o:"")+"").replace("{x}",null!==(t=i.x)&&void 0!==t?t:"")}function d(e){if(null==e||isNaN(e))return"";if(e<1024)return e+" B";const i=e=>e.toFixed(2).replace(/\.?0+$/,"");return e<1048576?i(e/1024)+" KB":i(e/1048576)+" MB"}const f=new Set(["png","jpg","jpeg","gif","webp","svg","avif","bmp"]);function h(e){const i=(e.name||e.url||"").split("?")[0],o=i.lastIndexOf(".");return o>=0&&f.has(i.slice(o+1).toLowerCase())}function p(e){return"done"===e.status&&(!(!e.thumbnail&&!e.url)&&(!!e.thumbnail||h(e)))}function u(e){return h(e)?e.url||e.thumbnail:e.thumbnail||e.url}const v=i(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coFilesSelected=t(this,"coFilesSelected",3),this.coRemove=t(this,"coRemove",3),this.coClear=t(this,"coClear",3),this.coReorder=t(this,"coReorder",3),this.coCopy=t(this,"coCopy",3),this.coPreviewOpen=t(this,"coPreviewOpen",3),this.disabled=!1,this.readonly=!1,this.required=!1,this.multiple=!1,this.maxFiles=100,this.status="default",this.layout="vertical",this.reorderable=!0,this.files="[]",this.dragOver=!1,this.localError="",this.copiedKey="",this.armedKey="",this.dragKey="",this.overKey="",this.failedPreviews=new Set,this.tempSeq=0,this.lastFilesStr="",this.lastParsed=[],this.handleDragOver=e=>{this.disabled||this.readonly||this.dragKey||(e.preventDefault(),this.dragOver=!0)},this.handleDragLeave=e=>{const i=e.relatedTarget;i&&e.currentTarget instanceof Node&&e.currentTarget.contains(i)||(this.dragOver=!1)},this.handleDrop=e=>{var i;e.preventDefault(),this.dragOver=!1,this.dragKey||(null===(i=e.dataTransfer)||void 0===i?void 0:i.files)&&this.handleFiles(e.dataTransfer.files)},this.handleBrowse=e=>{var i;this.disabled||this.readonly||e&&this.fromActionsSlot(e)||null===(i=this.inputEl)||void 0===i||i.click()},this.handleInputChange=e=>{const i=e.target;i.files&&this.handleFiles(i.files),i.value=""},this.disarmDrag=()=>{this.armedKey&&!this.dragKey&&(this.armedKey="")},this.handleRowDragEnd=()=>{this.resetDragState()}}connectedCallback(){window.addEventListener("mouseup",this.disarmDrag)}disconnectedCallback(){window.removeEventListener("mouseup",this.disarmDrag),clearTimeout(this.copiedTimer),this.closeLightbox()}get parsedFiles(){const e=this.files;if("string"!=typeof e||!e.trim())return[];if(e===this.lastFilesStr)return this.lastParsed;let i=[];try{const o=JSON.parse(e);Array.isArray(o)&&(i=o)}catch(e){}return this.lastFilesStr=e,this.lastParsed=i,i}get strings(){return function(e){return c[function(e){const i=(e||"").toLowerCase();return i.startsWith("es")?"es":i.startsWith("pt")?"pt":"en"}(e)]}(this.locale)}get acceptList(){const e=this.accept;if(!e)return[];let i=[];try{const o=JSON.parse(e);Array.isArray(o)&&(i=o.map(String))}catch(o){i=e.split(",")}return i.map((e=>e.trim().toLowerCase().replace(/^\./,""))).filter((e=>e&&"*"!==e))}get isInvalid(){return"error"===this.status||!!this.localError}get inputAccept(){const e=this.acceptList;if(e.length)return e.map((e=>e.includes("/")?e:"."+e)).join(",")}extOf(e){const i=e.lastIndexOf(".");return i>=0?e.slice(i+1).toLowerCase():""}validate(e){const i=this.acceptList;if(i.length){const o=this.extOf(e.name),t=i.includes(o),r=i.some((i=>i.includes("/")&&e.type===i));if(!t&&!r)return n(this.strings.errInvalidFormat,{x:o})}return this.maxBytes&&e.size>this.maxBytes?n(this.strings.errTooLarge,{x:d(e.size)}):null}handleFiles(e){if(this.disabled||this.readonly)return;this.localError="";const i=Array.from(e);if(!i.length)return;const o=this.multiple?i:i.slice(0,1);if(this.multiple){const e=this.maxFiles-this.parsedFiles.length;if(e<=0)return void(this.localError=n(this.strings.errMaxFiles,{n:this.maxFiles}));o.length>e&&(o.length=e)}const t=[],r=[];for(const e of o){const i=this.validate(e);i?this.localError=i:(t.push(e),r.push(`tmp-${Date.now()}-${this.tempSeq++}`))}t.length&&this.coFilesSelected.emit({files:t,tempIds:r})}fromActionsSlot(e){return e.composedPath().some((e=>{var i,o;return"actions"===(null===(o=(i=e).getAttribute)||void 0===o?void 0:o.call(i,"slot"))}))}keyFor(e){var i;return e.id||e.tempId||`${e.name}:${null!==(i=e.size)&&void 0!==i?i:""}`}handleCopy(e){var i;const o=e.url||"";if(!o)return;const t=this.keyFor(e);this.coCopy.emit({id:t,url:o}),(null===(i=navigator.clipboard)||void 0===i?void 0:i.writeText)&&navigator.clipboard.writeText(o).then((()=>{this.copiedKey=t,clearTimeout(this.copiedTimer),this.copiedTimer=setTimeout((()=>this.copiedKey=""),1500)})).catch((()=>{}))}handlePreviewOpen(e){const i=e.url||e.thumbnail;if(!i)return;this.coPreviewOpen.emit({id:this.keyFor(e),url:i});const o=this.parsedFiles.filter((e=>p(e)&&!this.failedPreviews.has(this.keyFor(e)))),t=o.map((e=>({src:u(e),thumbnail:e.thumbnail,alt:e.name}))),r=Math.max(0,o.findIndex((i=>this.keyFor(i)===this.keyFor(e))));this.closeLightbox();const a=document.createElement("co-lightbox");a.images=JSON.stringify(t),a.startIndex=r,this.locale&&(a.locale=this.locale),a.addEventListener("coClose",(()=>this.closeLightbox())),document.body.appendChild(a),this.lightboxEl=a,requestAnimationFrame((()=>{a.open=!0}))}closeLightbox(){const e=this.lightboxEl;this.lightboxEl=void 0,e&&(e.open=!1,setTimeout((()=>e.remove()),220))}handlePreviewError(e){this.failedPreviews=new Set([...this.failedPreviews,this.keyFor(e)])}handleRowDragStart(e,i){this.armedKey===i?(this.dragKey=i,e.dataTransfer&&(e.dataTransfer.effectAllowed="move",e.dataTransfer.setData("text/plain",i))):e.preventDefault()}handleRowDragOver(e,i){this.dragKey&&this.dragKey!==i&&(e.preventDefault(),e.dataTransfer&&(e.dataTransfer.dropEffect="move"),this.overKey=i)}handleRowDrop(e,i){e.preventDefault(),e.stopPropagation();const o=this.parsedFiles.map((e=>this.keyFor(e))),t=o.indexOf(this.dragKey),r=o.indexOf(i);this.resetDragState(),t<0||r<0||t===r||(o.splice(r,0,...o.splice(t,1)),this.coReorder.emit(o))}resetDragState(){this.armedKey="",this.dragKey="",this.overKey=""}capacityHint(e){const i=this.maxBytes?d(this.maxBytes):"";return this.multiple&&this.maxBytes?n(e.helperBoth,{n:this.maxFiles,x:i}):this.multiple?n(e.helperFiles,{n:this.maxFiles}):this.maxBytes?n(e.helperBytes,{x:i}):""}render(){const e=this.strings,i=this.parsedFiles,o=this.localError||this.helperText,t=!(this.readonly||(this.multiple?this.multiple&&i.length>=this.maxFiles:0!==i.length)),s="default"!==this.status?"co-file-field--"+this.status:"",l=i.filter((e=>p(e)&&!this.failedPreviews.has(this.keyFor(e)))),c=this.reorderable&&this.multiple&&!this.disabled&&!this.readonly&&i.length>1,n=this.capacityHint(e);return r("div",{key:"ec349a2beeea1fb9195d9e117056270c125dce4c",class:{"co-file-field":!0,"co-file-field--disabled":this.disabled,"co-file-field--invalid":this.isInvalid,[s]:!!s},part:"wrapper"},this.label&&r("div",{key:"e89a935967628ef58775a1449a44b19dea35bfe4",class:"co-file-field__labels"},r("label",{key:"e24cccf041b29fc39706dacb8d3eb3c06fd8ee9d",class:"co-file-field__label",part:"label"},this.label,r(a,{key:"ae32e17c9411158e0f69cd508f12e56bd56ed7a4",required:this.required}))),t&&r("div",{key:"6216f8858dc7195dfe3999a8ac636409ef12eb3d",class:{"co-file-field__dropzone":!0,"co-file-field__dropzone--drag":this.dragOver},part:"dropzone",role:"button",tabIndex:this.disabled?-1:0,onClick:this.handleBrowse,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||this.fromActionsSlot(e)||(e.preventDefault(),this.handleBrowse())},onDragOver:this.handleDragOver,onDragLeave:this.handleDragLeave,onDrop:this.handleDrop},r("button",{key:"ee667570d661b19a8fbd43f8673fc4817c95c6db",class:"co-file-field__upload-btn",part:"upload-button",type:"button",tabIndex:-1},r("co-icon",{key:"8f6663547642c9005f706e8f7289ffe58f6226c5",name:"file-arrow-up",size:18}),r("span",{key:"39e1d8c2a875b9e6249138d4b4b9ce0d2dbf4ad4"},this.uploadButtonText||e.uploadButton)),r("span",{key:"2f317b69e38a99ec24d661145efbdb9d77ff2f67",class:"co-file-field__dropzone-text"},this.dropText||e.dropHint),n&&r("span",{key:"ba3c34747e83aa42e3eb0a821ed49dd4b27457b1",class:"co-file-field__dropzone-hint"},n),r("div",{key:"b44d49306d37ec6569ee85047b57298dbf97bf96",class:"co-file-field__actions",part:"actions"},r("slot",{key:"36a17ecbc89b70cc140045ce1b2c6b251d5363e7",name:"actions"})),r("input",{key:"07d10d77c3673fd8f92b5eacadf342469400c1cb",ref:e=>this.inputEl=e,class:"co-file-field__input",type:"file",multiple:this.multiple,accept:this.inputAccept,disabled:this.disabled,onChange:this.handleInputChange,"aria-hidden":"true",tabIndex:-1})),i.length>0&&r("div",{key:"5fb766f14920218f0cc3cfa80256af8542dbc44e",class:"co-file-field__uploaded"},this.multiple&&r("div",{key:"a133328f198a7d7947cbfb1e77b822f70310ec1a",class:"co-file-field__uploaded-title",part:"uploaded-title"},`${this.uploadedTitle||e.uploadedTitle} (${i.length})`),l.length>0&&r("div",{key:"cef939986d1f70d907dcb6f3f048b4fb1fe5156d",class:"co-file-field__previews",part:"previews"},l.map((i=>r("button",{class:"co-file-field__preview",part:"preview",type:"button",key:"prev-"+this.keyFor(i),title:i.name,"aria-label":e.openPreview,onClick:()=>this.handlePreviewOpen(i)},r("img",{src:i.thumbnail||i.url,alt:i.name,loading:"lazy",onError:()=>this.handlePreviewError(i)}))))),r("ul",{key:"db43db11520f245328ee76de839112d7a4c766e5",class:"co-file-field__list",part:"list"},i.map((i=>{const o=this.keyFor(i),t=c&&"done"===i.status;return r("li",{class:{"co-file-field__row":!0,["co-file-field__row--"+i.status]:!0,"co-file-field__row--dragging":this.dragKey===o,"co-file-field__row--drop-target":this.overKey===o},part:"row",key:o,draggable:this.armedKey===o,onDragStart:e=>this.handleRowDragStart(e,o),onDragOver:e=>this.handleRowDragOver(e,o),onDrop:e=>this.handleRowDrop(e,o),onDragEnd:this.handleRowDragEnd},t?r("span",{class:"co-file-field__drag-handle",part:"drag-handle",title:e.dragToReorder,onMouseDown:()=>this.armedKey=o},r("co-icon",{name:"list",size:18})):r("co-icon",{name:"error"===i.status?"warning-circle":"uploading"===i.status?"spinner-gap":"file",size:18,class:{"co-file-field__row-icon":!0,"co-file-field__row-icon--spin":"uploading"===i.status}}),r("div",{class:"co-file-field__row-body"},r("span",{class:"co-file-field__row-name",title:i.name},function(e,i=35){return!e||e.length<=i?e:"..."+e.slice(-i)}(i.name)),"uploading"===i.status&&r("div",{class:"co-file-field__progress"},r("div",{class:"co-file-field__progress-bar",style:"number"==typeof i.progress?{width:i.progress+"%"}:void 0})),"error"===i.status&&i.error&&r("span",{class:"co-file-field__row-error"},i.error)),null!=i.size&&r("span",{class:"co-file-field__row-size"},d(i.size)),"done"===i.status&&!!i.url&&r("button",{class:{"co-file-field__action":!0,"co-file-field__action--copied":this.copiedKey===o},type:"button",tabIndex:-1,title:this.copiedKey===o?e.copied:e.copyUrl,"aria-label":e.copyUrl,onClick:()=>this.handleCopy(i)},r("co-icon",{name:this.copiedKey===o?"check":"copy",size:18})),!this.disabled&&!this.readonly&&r("button",{class:"co-file-field__action",type:"button",tabIndex:-1,title:e.removeFile,"aria-label":e.removeFile,onClick:()=>this.coRemove.emit(o)},r("co-icon",{name:"trash",size:18})))})))),o&&r("div",{key:"ce339d27da1fd8a224bebd1a7d7ed16a3571cfec",class:{"co-file-field__helper":!0,"co-file-field__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&r("co-icon",{key:"691ff2e82d45ee55e8087dd86c4389f05ecee268",name:"warning-circle",size:14,class:"co-file-field__helper-icon"}),r("span",{key:"0f35c1734cbfd2bae2be1d85948fcca8ad92e5c2",class:"co-file-field__helper-text"},o)))}get el(){return this}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-file-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-file-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs)}.co-file-field__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;cursor:default}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-file-field__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--co-spacing-md);padding:var(--co-spacing-4xl) var(--co-spacing-2xl);background:var(--co-semantic-surface-hover);border:1px dashed var(--co-semantic-border-default);border-radius:var(--co-border-radius-sm);cursor:pointer;text-align:center;transition:border-color 0.15s ease, background 0.15s ease}.co-file-field__dropzone:hover{border-color:var(--co-semantic-border-focus)}.co-file-field__dropzone--drag{border-color:var(--co-semantic-border-focus);background:var(--co-semantic-surface-hover)}.co-file-field__upload-btn{display:inline-flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-md) var(--co-spacing-xl);margin-bottom:var(--co-spacing-xs);background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);border:none;border-radius:var(--co-border-radius-full);box-shadow:var(--co-shadow-lg);font-family:inherit;font-size:var(--co-font-size-16);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;cursor:pointer;transition:box-shadow 0.15s ease, transform 0.15s ease}.co-file-field__upload-btn:hover{box-shadow:var(--co-shadow-xl, var(--co-shadow-lg));transform:translateY(-1px)}.co-file-field__upload-btn co-icon{display:inline-flex;flex-shrink:0}.co-file-field__dropzone-text{color:var(--co-semantic-text-default);font-size:var(--co-font-size-18);line-height:1.25}.co-file-field__dropzone-hint{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);line-height:1.25}.co-file-field__actions{display:contents}.co-file-field__input{display:none}.co-file-field__uploaded{display:flex;flex-direction:column;gap:var(--co-spacing-lg);margin-top:var(--co-spacing-sm2)}.co-file-field__uploaded-title{color:var(--co-semantic-text-default);font-size:var(--co-font-size-22);font-weight:500;letter-spacing:-0.03em;line-height:1.25}.co-file-field__previews{display:grid;grid-template-columns:repeat(auto-fill, minmax(240px, 282px));gap:var(--co-spacing-md)}.co-file-field__preview{padding:0;border:none;border-radius:var(--co-border-radius-sm);overflow:hidden;aspect-ratio:3 / 2;background:var(--co-semantic-surface-hover);cursor:pointer}.co-file-field__preview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 0.2s ease}.co-file-field__preview:hover img{transform:scale(1.02)}.co-file-field__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-file-field__row{display:flex;align-items:center;gap:var(--co-spacing-lg);padding:var(--co-spacing-xl);background:var(--co-semantic-surface-hover);border:1px solid transparent;border-radius:var(--co-border-radius-sm)}.co-file-field__row--error{border-color:var(--co-semantic-status-error)}.co-file-field__row--dragging{opacity:0.5}.co-file-field__row--drop-target{border-color:var(--co-semantic-border-focus);background:var(--co-semantic-surface-hover)}.co-file-field__drag-handle{flex-shrink:0;display:flex;align-items:center;color:var(--co-semantic-text-secondary);cursor:grab}.co-file-field__drag-handle:active{cursor:grabbing}.co-file-field__row-icon{flex-shrink:0;color:var(--co-semantic-text-secondary);display:flex;align-items:center}.co-file-field__row--error .co-file-field__row-icon{color:var(--co-semantic-status-error)}.co-file-field__row-icon--spin{animation:co-file-spin 0.8s linear infinite}@keyframes co-file-spin{to{transform:rotate(360deg)}}.co-file-field__row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--co-spacing-xs)}.co-file-field__row-name{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-file-field__row-error{color:var(--co-semantic-status-error);font-size:var(--co-font-size-12)}.co-file-field__row-size{flex-shrink:0;color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);line-height:1;white-space:nowrap}.co-file-field__progress{position:relative;height:4px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-hover);overflow:hidden}.co-file-field__progress-bar{position:absolute;inset:0;width:40%;border-radius:var(--co-border-radius-full);background:var(--co-semantic-border-focus);transition:width 0.2s ease}.co-file-field__progress-bar:not([style]){animation:co-file-indeterminate 1.2s ease-in-out infinite}@keyframes co-file-indeterminate{0%{left:-40%}100%{left:100%}}.co-file-field__action{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-secondary);transition:color 0.15s ease}.co-file-field__action:hover{color:var(--co-semantic-text-default)}.co-file-field__action--copied,.co-file-field__action--copied:hover{color:var(--co-color-primary-verde)}.co-file-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-file-field__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-file-field__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);line-height:1}.co-file-field--disabled{opacity:0.6;pointer-events:none}.co-file-field--invalid .co-file-field__dropzone,.co-file-field--error .co-file-field__dropzone{border-color:var(--co-semantic-status-error)}.co-file-field__helper--error .co-file-field__helper-icon,.co-file-field__helper--error .co-file-field__helper-text{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-file-field{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-file-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-file-field__label{white-space:normal}:host([layout='horizontal']) .co-file-field>:not(.co-file-field__labels){grid-column:2;min-width:0}"}},[257,"co-file-field",{label:[1],disabled:[4],readonly:[4],required:[4],multiple:[4],accept:[1],maxFiles:[2,"max-files"],maxBytes:[2,"max-bytes"],status:[1],helperText:[1,"helper-text"],layout:[513],locale:[1],uploadButtonText:[1,"upload-button-text"],dropText:[1,"drop-text"],uploadedTitle:[1,"uploaded-title"],reorderable:[4],files:[1],dragOver:[32],localError:[32],copiedKey:[32],armedKey:[32],dragKey:[32],overKey:[32],failedPreviews:[32]}]);function g(){"undefined"!=typeof customElements&&["co-file-field","co-icon","co-lightbox"].forEach((i=>{switch(i){case"co-file-field":customElements.get(e(i))||customElements.define(e(i),v);break;case"co-icon":customElements.get(e(i))||s();break;case"co-lightbox":customElements.get(e(i))||l()}}))}g();const _=v,m=g;export{_ as CoFileField,m as defineCustomElement}

package/dist/components/co-helper-text.js

@@ -1 +1 @@
-import{t as e,p as t,H as c,h as s}from"./index.js";import{d as o}from"./p-wwWquAtm.js";const r=t(class extends c{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.status="default",this.STATUS_ICON={default:"info",error:"x-circle",success:"check-circle",warning:"warning",info:"info"}}render(){return s("div",{key:"7c37f65d89a2798c881edec0ea153c92cbf83f50",class:{"co-helper-text":!0,["co-helper-text--"+this.status]:!0},part:"helper-text"},s("co-icon",{key:"f8ccbc185bb0ba35eba8b3b6ef8b18ee71b9929a",name:this.STATUS_ICON[this.status],size:14,weight:"fill",class:"co-helper-text__icon"}),s("span",{key:"589978fd28f922d3f62e101c8090cea005839ece",class:"co-helper-text__message"},s("slot",{key:"b59d0b6cf58c97a6ab4950b1cc7de1c1c9fe4f03"},this.message)))}static get style(){return":host{display:block}.co-helper-text{display:flex;align-items:center;gap:var(--co-spacing-xs);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);line-height:1.4}.co-helper-text__icon{flex-shrink:0}.co-helper-text--default{color:var(--co-semantic-text-muted)}.co-helper-text--error{color:var(--co-semantic-status-error)}.co-helper-text--success{color:var(--co-semantic-status-success)}.co-helper-text--warning{color:var(--co-semantic-status-warning)}.co-helper-text--info{color:var(--co-semantic-status-info)}"}},[257,"co-helper-text",{status:[1],message:[1]}]);function a(){"undefined"!=typeof customElements&&["co-helper-text","co-icon"].forEach((t=>{switch(t){case"co-helper-text":customElements.get(e(t))||customElements.define(e(t),r);break;case"co-icon":customElements.get(e(t))||o()}}))}a();const i=r,n=a;export{i as CoHelperText,n as defineCustomElement}
+import{t as e,p as t,H as c,h as s}from"./index.js";import{d as o}from"./p-DPi_U-Kl.js";const r=t(class extends c{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.status="default",this.STATUS_ICON={default:"info",error:"x-circle",success:"check-circle",warning:"warning",info:"info"}}render(){return s("div",{key:"730e2f2657f5656ea6992bff86be3903615c51d1",class:{"co-helper-text":!0,["co-helper-text--"+this.status]:!0},part:"helper-text"},s("co-icon",{key:"8612481e2e111104047506dc8ca93980723ed6b2",name:this.STATUS_ICON[this.status],size:14,weight:"fill",class:"co-helper-text__icon"}),s("span",{key:"9842f85b0f184f4d5e05c989535add23d4c423cc",class:"co-helper-text__message"},s("slot",{key:"940cf28c1c0f5033c16970ac469029d1ebb1e5e4"},this.message)))}static get style(){return":host{display:block}.co-helper-text{display:flex;align-items:center;gap:var(--co-spacing-xs);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);line-height:1.4}.co-helper-text__icon{flex-shrink:0}.co-helper-text--default{color:var(--co-semantic-text-muted)}.co-helper-text--error{color:var(--co-semantic-status-error)}.co-helper-text--success{color:var(--co-semantic-status-success)}.co-helper-text--warning{color:var(--co-semantic-status-warning)}.co-helper-text--info{color:var(--co-semantic-status-info)}"}},[257,"co-helper-text",{status:[1],message:[1]}]);function i(){"undefined"!=typeof customElements&&["co-helper-text","co-icon"].forEach((t=>{switch(t){case"co-helper-text":customElements.get(e(t))||customElements.define(e(t),r);break;case"co-icon":customElements.get(e(t))||o()}}))}i();const a=r,n=i;export{a as CoHelperText,n as defineCustomElement}

package/dist/components/co-icon-button.js

@@ -1 +1 @@
-import{t as o,p as t,H as i,h as n}from"./index.js";import{d as c}from"./p-wwWquAtm.js";const r=t(class extends i{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.variant="filled",this.shape="rounded",this.size="md",this.disabled=!1,this.label="",this.iconWeight="regular"}render(){var o;const t=null!==(o={xl:32,lg:28,md:24,sm:20,xs:16,xxs:12}[this.size])&&void 0!==o?o:24;return n("button",{key:"4a72c9edd929fee74c568a3e899ebf06df546736",class:{"co-icon-button":!0,["co-icon-button--"+this.variant]:!0,["co-icon-button--"+this.shape]:!0,["co-icon-button--"+this.size]:!0,"co-icon-button--disabled":this.disabled},disabled:this.disabled,"aria-label":this.label||this.icon,part:"button"},this.icon?n("co-icon",{name:this.icon,weight:this.iconWeight,size:t}):null)}static get style(){return":host{display:inline-flex}.co-icon-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;outline:none;padding:0;flex-shrink:0;transition:opacity 0.15s ease;box-sizing:border-box;-webkit-font-smoothing:antialiased;backdrop-filter:var(--co-icon-button-backdrop-filter, none);-webkit-backdrop-filter:var(--co-icon-button-backdrop-filter, none)}.co-icon-button--filled{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary)}.co-icon-button--outlined{background:var(--co-icon-button-bg, var(--co-semantic-surface-secondary));color:var(--co-icon-button-color, var(--co-semantic-on-secondary));border:1px solid var(--co-icon-button-border, var(--co-semantic-border-subtle))}.co-icon-button--rounded.co-icon-button--xl{width:80px;height:80px;border-radius:var(--co-border-radius-full)}.co-icon-button--rounded.co-icon-button--lg{width:64px;height:64px;border-radius:var(--co-border-radius-full)}.co-icon-button--rounded.co-icon-button--md{width:56px;height:56px;border-radius:var(--co-border-radius-full)}.co-icon-button--rounded.co-icon-button--sm{width:48px;height:48px;border-radius:var(--co-border-radius-full)}.co-icon-button--rounded.co-icon-button--xs{width:32px;height:32px;border-radius:var(--co-border-radius-full)}.co-icon-button--rounded.co-icon-button--xxs{width:24px;height:24px;border-radius:var(--co-border-radius-full)}.co-icon-button--square.co-icon-button--xl{width:80px;height:80px;border-radius:var(--co-border-radius-xl);}.co-icon-button--square.co-icon-button--lg{width:64px;height:64px;border-radius:var(--co-border-radius-lg);}.co-icon-button--square.co-icon-button--md{width:56px;height:56px;border-radius:var(--co-border-radius-lg);}.co-icon-button--square.co-icon-button--sm{width:48px;height:48px;border-radius:var(--co-border-radius-sm);}.co-icon-button--square.co-icon-button--xs{width:32px;height:32px;border-radius:var(--co-border-radius-xs);}.co-icon-button--square.co-icon-button--xxs{width:24px;height:24px;border-radius:var(--co-spacing-sm);}.co-icon-button--xl ::slotted(*){width:32px;height:32px}.co-icon-button--lg ::slotted(*){width:24px;height:24px}.co-icon-button--md ::slotted(*){width:20px;height:20px}.co-icon-button--sm ::slotted(*){width:18px;height:18px}.co-icon-button--xs ::slotted(*){width:16px;height:16px}.co-icon-button--xxs ::slotted(*){width:12px;height:12px}.co-icon-button--disabled,.co-icon-button:disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-icon-button:hover:not(:disabled){opacity:0.88}"}},[1,"co-icon-button",{variant:[1],shape:[1],size:[1],disabled:[4],label:[1],icon:[1],iconWeight:[1,"icon-weight"]}]);function e(){"undefined"!=typeof customElements&&["co-icon-button","co-icon"].forEach((t=>{switch(t){case"co-icon-button":customElements.get(o(t))||customElements.define(o(t),r);break;case"co-icon":customElements.get(o(t))||c()}}))}e();const d=r,s=e;export{d as CoIconButton,s as defineCustomElement}
+import{t as o,p as t,H as i,h as n}from"./index.js";import{d as c}from"./p-DPi_U-Kl.js";const r=t(class extends i{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.variant="filled",this.shape="rounded",this.size="md",this.disabled=!1,this.label="",this.iconWeight="regular"}render(){var o;const t=null!==(o={xl:32,lg:28,md:24,sm:20,xs:16,xxs:16}[this.size])&&void 0!==o?o:24;return n("button",{key:"d21f938003cb69f4747b94566a2054e4e2af4a04",class:{"co-icon-button":!0,["co-icon-button--"+this.variant]:!0,["co-icon-button--"+this.shape]:!0,["co-icon-button--"+this.size]:!0,"co-icon-button--disabled":this.disabled},disabled:this.disabled,"aria-label":this.label||this.icon,part:"button"},this.icon?n("co-icon",{name:this.icon,weight:this.iconWeight,size:t}):null)}static get style(){return":host{display:inline-flex}.co-icon-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;outline:none;padding:0;flex-shrink:0;transition:opacity 0.15s ease;box-sizing:border-box;-webkit-font-smoothing:antialiased;backdrop-filter:var(--co-icon-button-backdrop-filter, none);-webkit-backdrop-filter:var(--co-icon-button-backdrop-filter, none)}.co-icon-button--filled{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary)}.co-icon-button--outlined{background:var(--co-icon-button-bg, var(--co-semantic-surface-secondary));color:var(--co-icon-button-color, var(--co-semantic-on-secondary));border:1px solid var(--co-icon-button-border, var(--co-semantic-border-subtle))}.co-icon-button--ghost{background:transparent;color:var(--co-icon-button-color, var(--co-semantic-text-default));border:none}.co-icon-button--ghost:hover:not(:disabled){background:var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.04))}.co-icon-button--rounded.co-icon-button--xl{width:80px;height:80px;border-radius:var(--co-border-radius-full)}.co-icon-button--rounded.co-icon-button--lg{width:64px;height:64px;border-radius:var(--co-border-radius-full)}.co-icon-button--rounded.co-icon-button--md{width:56px;height:56px;border-radius:var(--co-border-radius-full)}.co-icon-button--rounded.co-icon-button--sm{width:48px;height:48px;border-radius:var(--co-border-radius-full)}.co-icon-button--rounded.co-icon-button--xs{width:32px;height:32px;border-radius:var(--co-border-radius-full)}.co-icon-button--rounded.co-icon-button--xxs{width:24px;height:24px;border-radius:var(--co-border-radius-full)}.co-icon-button--square.co-icon-button--xl{width:80px;height:80px;border-radius:var(--co-border-radius-xl);}.co-icon-button--square.co-icon-button--lg{width:64px;height:64px;border-radius:var(--co-border-radius-lg);}.co-icon-button--square.co-icon-button--md{width:56px;height:56px;border-radius:var(--co-border-radius-lg);}.co-icon-button--square.co-icon-button--sm{width:48px;height:48px;border-radius:var(--co-border-radius-sm);}.co-icon-button--square.co-icon-button--xs{width:32px;height:32px;border-radius:var(--co-border-radius-xs);}.co-icon-button--square.co-icon-button--xxs{width:24px;height:24px;border-radius:var(--co-spacing-sm);}.co-icon-button--xl ::slotted(*){width:32px;height:32px}.co-icon-button--lg ::slotted(*){width:24px;height:24px}.co-icon-button--md ::slotted(*){width:20px;height:20px}.co-icon-button--sm ::slotted(*){width:18px;height:18px}.co-icon-button--xs ::slotted(*){width:16px;height:16px}.co-icon-button--xxs ::slotted(*){width:12px;height:12px}.co-icon-button--disabled,.co-icon-button:disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-icon-button:hover:not(:disabled){opacity:0.88}"}},[1,"co-icon-button",{variant:[1],shape:[1],size:[1],disabled:[4],label:[1],icon:[1],iconWeight:[1,"icon-weight"]}]);function e(){"undefined"!=typeof customElements&&["co-icon-button","co-icon"].forEach((t=>{switch(t){case"co-icon-button":customElements.get(o(t))||customElements.define(o(t),r);break;case"co-icon":customElements.get(o(t))||c()}}))}e();const s=r,d=e;export{s as CoIconButton,d as defineCustomElement}

package/dist/components/co-icon.js

@@ -1 +1 @@
-import{C as o,d as s}from"./p-wwWquAtm.js";const t=o,m=s;export{t as CoIcon,m as defineCustomElement}
+import{C as o,d as s}from"./p-DPi_U-Kl.js";const p=o,r=s;export{p as CoIcon,r as defineCustomElement}

package/dist/components/co-input.js

@@ -1 +1 @@
-import{t as e,p as t,H as i,c,h as o}from"./index.js";import{d as a}from"./p-wwWquAtm.js";const s=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coInput=c(this,"coInput",7),this.coChange=c(this,"coChange",7),this.coClear=c(this,"coClear",7),this.coFocus=c(this,"coFocus",7),this.coBlur=c(this,"coBlur",7),this.coAction=c(this,"coAction",7),this.placeholder="Placeholder",this.value="",this.disabled=!1,this.readonly=!1,this.clearable=!1,this.layout="vertical",this.type="text",this.required=!1,this.status="default",this.hasFocus=!1,this.handleInput=e=>{this.value=e.target.value,this.coInput.emit(this.value)},this.handleChange=()=>{this.coChange.emit(this.value)},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.hasFocus=!1,this.coBlur.emit()},this.handleKeyDown=e=>{if("Enter"===e.key){const e=this.el.closest("form");e&&e.requestSubmit()}},this.handleClear=()=>{var e;this.value="",this.coClear.emit(),this.coInput.emit(""),null===(e=this.inputEl)||void 0===e||e.focus()},this.handleAction=()=>{this.coAction.emit()}}get hasAction(){return!(!this.actionLabel&&!this.actionIcon)}get hasValue(){return null!=this.value&&""!==this.value}get statusFieldIcon(){switch(this.status){case"success":return"check";case"error":case"warning":return"warning";case"info":return"info";default:return null}}get helperIcon(){switch(this.status){case"error":case"warning":return"warning-circle";case"success":return"check-circle";default:return"info"}}render(){const e=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly;return o("div",{key:"adf9b30a1e30c80aadd40cda78aa58aab550c8eb",class:{"co-input":!0,["co-input--"+this.layout]:!0,"co-input--disabled":this.disabled,"co-input--focused":this.hasFocus,"co-input--filled":this.hasValue,["co-input--"+this.status]:"default"!==this.status,"co-input--has-action":this.hasAction},part:"wrapper"},(this.label||this.secondaryLabel)&&o("div",{key:"04141c6c3bb90aed8ef85eff89223d881867f297",class:"co-input__labels"},this.label&&o("label",{key:"36cb0df1fd33f24bb71cbb4327907e51678eaab6",class:"co-input__label",part:"label"},this.label),this.secondaryLabel&&o("span",{key:"c9ad30c7e1808025c20da30d8e179fdc714c3652",class:"co-input__secondary-label",part:"secondary-label"},this.secondaryLabel)),o("div",{key:"2f0c9f1af58883225fa72148cef2f1998c0e71bc",class:"co-input__field-row"},o("div",{key:"1cc1787860143d83c4f77f026ad50df7a257e975",class:"co-input__field",part:"field"},this.iconLeft&&o("co-icon",{key:"b6aa8992ea42362499c3f414e3762ec93405e37a",name:this.iconLeft,size:16,class:"co-input__icon co-input__icon--left"}),o("slot",{key:"45b2cac795f8e7bc4299cfc6a9349b4ea69f271e",name:"chips"}),o("div",{key:"8f429d3dcaaea5dc722bfdbe2c2d319946e42b8c",class:"co-input__input-wrapper"},o("input",{key:"2e1c80fd93686f6ce541847483e0b3d75098c0b1",ref:e=>this.inputEl=e,class:"co-input__native",type:this.type,name:this.name,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,autoComplete:this.autocomplete,onInput:this.handleInput,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"})),this.clearable&&o("button",{key:"d17166364b0ee3509d72679200aae3ade43e9c62",class:{"co-input__clear":!0,"co-input__clear--hidden":!e},type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear input",part:"clear"},o("co-icon",{key:"1bab39f254dc2dfb7457236ba6e56240fa223c0d",name:"x-circle",size:16,weight:"fill"})),this.iconRight&&o("co-icon",{key:"8163a8a31350015fe18de0443984f96a12f0bfa0",name:this.iconRight,size:16,class:"co-input__icon co-input__icon--right"}),this.statusFieldIcon&&o("co-icon",{key:"d5444649632af9239e38d3585aa97a24df3ff7ad",name:this.statusFieldIcon,size:16,class:"co-input__status-icon"}),o("slot",{key:"a70abffe4a46e4400fe6bce5ec2f5bbadff07ee3",name:"suffix"}),o("slot",{key:"4c86167514a4cccfe6cbd002ecae42e718ce51bb"}),o("slot",{key:"de44689baa43be6835c133465b74555fc8b2ec1a",name:"action"})),this.hasAction&&o("button",{key:"79fa0c13fdefb809023b2372d2bbd33b8bfbb8fe",class:"co-input__action",type:"button",onClick:this.handleAction,disabled:this.disabled,part:"action"},this.actionIcon&&o("co-icon",{key:"d4382b393ed71a1f1964a04bface66b8c6df1918",name:this.actionIcon,size:16,class:"co-input__action-icon"}),this.actionLabel&&o("span",{key:"117d048c07cf0c043638aac4f0e3f29140013ec4",class:"co-input__action-label"},this.actionLabel))),this.helperText&&o("div",{key:"1ec10258065fb8fbab2dbe823899a77c6f5ac62d",class:"co-input__helper co-input__helper--"+this.status,part:"helper"},o("co-icon",{key:"82ff0fb23e25ab4caef0a34511f8f7281ae4e342",name:this.helperIcon,size:14,class:"co-input__helper-icon"}),o("span",{key:"de48de86e89c5cebd5c54a7d89716b17987bba91",class:"co-input__helper-text"},this.helperText)))}get el(){return this}static get style(){return':host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-input{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-input--horizontal{flex-direction:row;align-items:flex-start}.co-input--horizontal .co-input__labels{flex-shrink:0;padding-top:var(--co-spacing-sm2);min-width:0}.co-input--horizontal .co-input__field-row{flex:1;min-width:0}.co-input__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-input__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-input__secondary-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;text-align:right}.co-input__field-row{display:flex;align-items:stretch}.co-input__field{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);transition:border-color 0.15s ease, box-shadow 0.15s ease;min-height:40px;box-sizing:border-box;overflow:hidden;flex:1;min-width:0}.co-input--has-action .co-input__field{border-radius:var(--co-border-radius-xs) 0 0 var(--co-border-radius-xs);border-right:none}.co-input__field ::slotted([slot="action"]){margin-left:auto;margin-right:calc(-1 * var(--co-spacing-md));margin-top:calc(-1 * var(--co-spacing-sm2));margin-bottom:calc(-1 * var(--co-spacing-sm2));border-radius:0 var(--co-border-radius-xs) var(--co-border-radius-xs) 0;flex-shrink:0}.co-input__field ::slotted([slot="chips"]){display:flex;gap:var(--co-spacing-xxs);align-items:center;flex-wrap:wrap;min-width:0}.co-input__input-wrapper{flex:1;display:flex;align-items:center;min-width:0;min-height:24px;padding:var(--co-spacing-xxs) 0}.co-input__native{width:100%;border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;color:var(--co-semantic-text-default);padding:0;margin:0}.co-input__native::placeholder{color:var(--co-semantic-text-muted)}.co-input__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-input__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-input__clear--hidden{visibility:hidden;pointer-events:none}.co-input__clear:hover{color:var(--co-semantic-text-default)}.co-input__action{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm2) var(--co-spacing-md) var(--co-spacing-sm2) var(--co-spacing-sm2);background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);border:none;border-radius:0 var(--co-border-radius-xs) var(--co-border-radius-xs) 0;cursor:pointer;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;flex-shrink:0;transition:opacity 0.15s ease;box-sizing:border-box}.co-input__action:hover{opacity:0.85}.co-input__action:disabled{opacity:0.4;cursor:not-allowed}.co-input__action-icon{display:flex;align-items:center;flex-shrink:0}.co-input__action-label{display:flex;align-items:center}.co-input__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-input__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-input__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body)}.co-input--focused .co-input__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-input--disabled .co-input__labels .co-input__label,.co-input--disabled .co-input__labels .co-input__secondary-label{color:var(--co-semantic-text-disabled)}.co-input--disabled .co-input__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-input--disabled .co-input__native{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-input--disabled .co-input__native::placeholder{color:var(--co-semantic-text-disabled)}.co-input--disabled .co-input__icon{color:var(--co-semantic-text-disabled)}.co-input__status-icon{flex-shrink:0;display:flex;align-items:center}.co-input--success .co-input__status-icon{color:var(--co-semantic-status-success)}.co-input--error .co-input__status-icon{color:var(--co-semantic-status-error)}.co-input--warning .co-input__status-icon{color:var(--co-color-status-review)}.co-input--info .co-input__status-icon{color:var(--co-semantic-status-info)}.co-input--error .co-input__field{border-color:var(--co-semantic-status-error)}.co-input--error.co-input--focused .co-input__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-input__helper--error .co-input__helper-icon,.co-input__helper--error .co-input__helper-text{color:var(--co-semantic-status-error)}.co-input--success .co-input__field{border-color:var(--co-semantic-status-success)}.co-input--success.co-input--focused .co-input__field{border-color:var(--co-semantic-status-success);box-shadow:0 0 0 2px rgba(10, 119, 36, 0.12)}.co-input__helper--success .co-input__helper-icon,.co-input__helper--success .co-input__helper-text{color:var(--co-semantic-status-success)}.co-input--warning .co-input__field{border-color:var(--co-color-status-review)}.co-input--warning.co-input--focused .co-input__field{border-color:var(--co-color-status-review);box-shadow:0 0 0 2px rgba(133, 87, 31, 0.12)}.co-input__helper--warning .co-input__helper-icon,.co-input__helper--warning .co-input__helper-text{color:var(--co-color-status-review)}.co-input--info .co-input__field{border-color:var(--co-semantic-status-info)}.co-input--info.co-input--focused .co-input__field{border-color:var(--co-semantic-status-info);box-shadow:0 0 0 2px rgba(45, 108, 197, 0.12)}.co-input__helper--info .co-input__helper-icon,.co-input__helper--info .co-input__helper-text{color:var(--co-semantic-status-info)}'}},[257,"co-input",{label:[1],secondaryLabel:[1,"secondary-label"],placeholder:[1],value:[1025],helperText:[1,"helper-text"],disabled:[4],readonly:[4],clearable:[4],iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],layout:[1],type:[1],name:[1],required:[4],autocomplete:[1],status:[1],actionLabel:[1,"action-label"],actionIcon:[1,"action-icon"],hasFocus:[32]}]);function n(){"undefined"!=typeof customElements&&["co-input","co-icon"].forEach((t=>{switch(t){case"co-input":customElements.get(e(t))||customElements.define(e(t),s);break;case"co-icon":customElements.get(e(t))||a()}}))}n();const r=s,l=n;export{r as CoInput,l as defineCustomElement}
+import{t as i,p as t,H as e,c as o,h as c}from"./index.js";import{R as a}from"./p-CWneqh4n.js";import{d as n}from"./p-DPi_U-Kl.js";const s=t(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.coInput=o(this,"coInput",7),this.coChange=o(this,"coChange",7),this.coClear=o(this,"coClear",7),this.coFocus=o(this,"coFocus",7),this.coBlur=o(this,"coBlur",7),this.coAction=o(this,"coAction",7),this.placeholder="",this.value="",this.disabled=!1,this.readonly=!1,this.clearable=!1,this.layout="vertical",this.type="text",this.required=!1,this.status="default",this.size="md",this.hasFocus=!1,this.handleInput=i=>{this.value=i.target.value,this.coInput.emit(this.value)},this.handleChange=()=>{this.coChange.emit(this.value)},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.hasFocus=!1,this.coBlur.emit()},this.handleKeyDown=i=>{if("Enter"===i.key){const i=this.el.closest("form");i&&i.requestSubmit()}},this.handleClear=()=>{var i;this.value="",this.coClear.emit(),this.coInput.emit(""),null===(i=this.inputEl)||void 0===i||i.focus()},this.handleAction=()=>{this.coAction.emit()}}get hasAction(){return!(!this.actionLabel&&!this.actionIcon)}get hasValue(){return null!=this.value&&""!==this.value}get statusFieldIcon(){switch(this.status){case"success":return"check";case"error":case"warning":return"warning";case"info":return"info";default:return null}}get helperIcon(){switch(this.status){case"error":case"warning":return"warning-circle";case"success":return"check-circle";case"info":return"info";default:return null}}render(){const i=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly;return c("div",{key:"ea8acfc26e68ae3fb1af4f7de1bcbd2acd4e7ac7",class:{"co-input":!0,["co-input--"+this.layout]:!0,["co-input--"+this.size]:!0,"co-input--disabled":this.disabled,"co-input--focused":this.hasFocus,"co-input--filled":this.hasValue,["co-input--"+this.status]:"default"!==this.status,"co-input--has-action":this.hasAction},part:"wrapper"},(this.label||this.secondaryLabel)&&c("div",{key:"95a64f4c0139c5d5dac014f5a23f9a04b262329f",class:"co-input__labels"},this.label&&c("label",{key:"dca544199d539ba2ebc7f554edc92211fe6b5c31",class:"co-input__label",part:"label"},this.label,c(a,{key:"d3a156e415e060f506e48acc36dc243118afd7ca",required:this.required})),this.secondaryLabel&&c("span",{key:"8f15c42b9112f8fc35f60f43bb57552847354a71",class:"co-input__secondary-label",part:"secondary-label"},this.secondaryLabel)),c("div",{key:"1ede7a8c1e233dbbf418009585f70c8656c037cb",class:"co-input__field-row"},c("div",{key:"8c02baab4dd1515e95ad5a4dfff5f48f55a7d63c",class:"co-input__field",part:"field"},this.iconLeft&&c("co-icon",{key:"6f1bc645fc200a045e032c7d35692db442b88646",name:this.iconLeft,size:16,class:"co-input__icon co-input__icon--left"}),c("slot",{key:"bd5a9c82550358db4b150d4051552d37a9301af7",name:"chips"}),c("div",{key:"9ff10025bcae287a709719fd3dfae516404775b6",class:"co-input__input-wrapper"},c("input",{key:"9c739fd0c317e5a9d90a1333323f6d2a866b1814",ref:i=>this.inputEl=i,class:"co-input__native",type:this.type,name:this.name,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,autoComplete:this.autocomplete,onInput:this.handleInput,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"})),this.clearable&&c("button",{key:"484e731b13fca8a9c5ce61fe72ddf6e48bb534a1",class:{"co-input__clear":!0,"co-input__clear--hidden":!i},type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear input",part:"clear"},c("co-icon",{key:"538191d5ef59bd4774b770a8607fd5d1974d1d94",name:"x-circle",size:16,weight:"fill"})),this.iconRight&&c("co-icon",{key:"35a708d4fbb3e6a555870624639e508ec3fbcc55",name:this.iconRight,size:16,class:"co-input__icon co-input__icon--right"}),this.statusFieldIcon&&c("co-icon",{key:"a752b406a2bca43f7f97f6105182e8284e627d05",name:this.statusFieldIcon,size:16,class:"co-input__status-icon"}),c("slot",{key:"064462000405431972bedc978973b720f72942fe",name:"suffix"}),c("slot",{key:"990b12d2673dff2d95cd90d0965a4c4bd651814e"}),c("slot",{key:"123cdc8ca7fe31edc41aa3d5c22ff04d1715267b",name:"action"})),this.hasAction&&c("button",{key:"37884d459ba4b9381f76423a30b94875522155ae",class:"co-input__action",type:"button",onClick:this.handleAction,disabled:this.disabled,part:"action"},this.actionIcon&&c("co-icon",{key:"ff2d4309ba5fd1115e7055eeea0cd3ba5ccb7ca4",name:this.actionIcon,size:16,class:"co-input__action-icon"}),this.actionLabel&&c("span",{key:"7b7d08e859dbadaf44f27fad2c447034476ce47d",class:"co-input__action-label"},this.actionLabel))),this.helperText&&c("div",{key:"5027ce06cacf8a9bef2b1ec59afce48b4a641494",class:"co-input__helper co-input__helper--"+this.status,part:"helper"},this.helperIcon&&c("co-icon",{key:"17a437667dfc378c997349c06cb25f0df0f34b58",name:this.helperIcon,size:14,class:"co-input__helper-icon"}),c("span",{key:"c3361adf7357c3de5c52f034e248fb9050f73b20",class:"co-input__helper-text"},this.helperText)))}get el(){return this}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-input{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-input{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-input__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-input__label{white-space:normal}:host([layout='horizontal']) .co-input>:not(.co-input__labels){grid-column:2;min-width:0}.co-input__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-input__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-input__secondary-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;text-align:right}.co-input__field-row{display:flex;align-items:stretch}.co-input__field{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);transition:border-color 0.15s ease, box-shadow 0.15s ease;min-height:40px;box-sizing:border-box;overflow:hidden;flex:1;min-width:0}.co-input--s .co-input__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-input--sm .co-input__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-input--lg .co-input__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-input--has-action .co-input__field{border-radius:var(--co-border-radius-xs) 0 0 var(--co-border-radius-xs);border-right:none}.co-input__field ::slotted([slot=\"action\"]){margin-left:auto;margin-right:calc(-1 * var(--co-spacing-md));margin-top:calc(-1 * var(--co-spacing-sm2));margin-bottom:calc(-1 * var(--co-spacing-sm2));border-radius:0 var(--co-border-radius-xs) var(--co-border-radius-xs) 0;flex-shrink:0}.co-input__field ::slotted([slot=\"chips\"]){display:flex;gap:var(--co-spacing-xxs);align-items:center;flex-wrap:wrap;min-width:0}.co-input__input-wrapper{flex:1;display:flex;align-items:center;min-width:0;min-height:24px;padding:var(--co-spacing-xxs) 0}.co-input__native{width:100%;border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;color:var(--co-semantic-text-default);padding:0;margin:0}.co-input__native::placeholder{color:var(--co-semantic-text-muted)}.co-input__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-input__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-input__clear--hidden{visibility:hidden;pointer-events:none}.co-input__clear:hover{color:var(--co-semantic-text-default)}.co-input__action{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm2) var(--co-spacing-md) var(--co-spacing-sm2) var(--co-spacing-sm2);background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);border:none;border-radius:0 var(--co-border-radius-xs) var(--co-border-radius-xs) 0;cursor:pointer;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;flex-shrink:0;transition:opacity 0.15s ease;box-sizing:border-box}.co-input__action:hover{opacity:0.85}.co-input__action:disabled{opacity:0.4;cursor:not-allowed}.co-input__action-icon{display:flex;align-items:center;flex-shrink:0}.co-input__action-label{display:flex;align-items:center}.co-input__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-input__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-input__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body)}.co-input--focused .co-input__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-input--disabled .co-input__labels .co-input__label,.co-input--disabled .co-input__labels .co-input__secondary-label{color:var(--co-semantic-text-disabled)}.co-input--disabled .co-input__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-input--disabled .co-input__native{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-input--disabled .co-input__native::placeholder{color:var(--co-semantic-text-disabled)}.co-input--disabled .co-input__icon{color:var(--co-semantic-text-disabled)}.co-input__status-icon{flex-shrink:0;display:flex;align-items:center}.co-input--success .co-input__status-icon{color:var(--co-semantic-status-success)}.co-input--error .co-input__status-icon{color:var(--co-semantic-status-error)}.co-input--warning .co-input__status-icon{color:var(--co-color-status-review)}.co-input--info .co-input__status-icon{color:var(--co-semantic-status-info)}.co-input--error .co-input__field{border-color:var(--co-semantic-status-error)}.co-input--error.co-input--focused .co-input__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-input__helper--error .co-input__helper-icon,.co-input__helper--error .co-input__helper-text{color:var(--co-semantic-status-error)}.co-input--success .co-input__field{border-color:var(--co-semantic-status-success)}.co-input--success.co-input--focused .co-input__field{border-color:var(--co-semantic-status-success);box-shadow:0 0 0 2px rgba(10, 119, 36, 0.12)}.co-input__helper--success .co-input__helper-icon,.co-input__helper--success .co-input__helper-text{color:var(--co-semantic-status-success)}.co-input--warning .co-input__field{border-color:var(--co-color-status-review)}.co-input--warning.co-input--focused .co-input__field{border-color:var(--co-color-status-review);box-shadow:0 0 0 2px rgba(133, 87, 31, 0.12)}.co-input__helper--warning .co-input__helper-icon,.co-input__helper--warning .co-input__helper-text{color:var(--co-color-status-review)}.co-input--info .co-input__field{border-color:var(--co-semantic-status-info)}.co-input--info.co-input--focused .co-input__field{border-color:var(--co-semantic-status-info);box-shadow:0 0 0 2px rgba(45, 108, 197, 0.12)}.co-input__helper--info .co-input__helper-icon,.co-input__helper--info .co-input__helper-text{color:var(--co-semantic-status-info)}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}"}},[257,"co-input",{label:[1],secondaryLabel:[1,"secondary-label"],placeholder:[1],value:[1025],helperText:[1,"helper-text"],disabled:[4],readonly:[4],clearable:[4],iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],layout:[513],type:[1],name:[1],required:[4],autocomplete:[1],status:[1],size:[513],actionLabel:[1,"action-label"],actionIcon:[1,"action-icon"],hasFocus:[32]}]);function r(){"undefined"!=typeof customElements&&["co-input","co-icon"].forEach((t=>{switch(t){case"co-input":customElements.get(i(t))||customElements.define(i(t),s);break;case"co-icon":customElements.get(i(t))||n()}}))}r();const l=s,p=r;export{l as CoInput,p as defineCustomElement}

package/dist/components/co-json-field.d.ts

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

package/dist/components/co-json-field.js

@@ -0,0 +1 @@
+import{t as e,p as o,H as i,c as s,h as t}from"./index.js";import{R as a}from"./p-CWneqh4n.js";import{d as r}from"./p-DPi_U-Kl.js";const c=o(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coInput=s(this,"coInput",7),this.coChange=s(this,"coChange",7),this.coValidity=s(this,"coValidity",7),this.coFocus=s(this,"coFocus",7),this.coBlur=s(this,"coBlur",7),this.value="",this.placeholder="{ }",this.required=!1,this.disabled=!1,this.readonly=!1,this.rows=8,this.status="default",this.invalidMessage="Invalid JSON",this.layout="vertical",this.draft="",this.internalInvalid=!1,this.hasFocus=!1,this.handleInput=e=>{this.draft=e.target.value,this.validate(!0),this.coInput.emit(this.draft)},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.hasFocus=!1,this.value=this.draft,this.coChange.emit(this.draft),this.coBlur.emit()}}componentWillLoad(){var e;this.draft=null!==(e=this.value)&&void 0!==e?e:"",this.validate(!1)}onValueChange(){var e;this.hasFocus||(this.draft=null!==(e=this.value)&&void 0!==e?e:"",this.validate(!1))}get isInvalid(){return"error"===this.status||this.internalInvalid}validate(e){const o=this.draft.trim(),i=""===o||this.tryParse(o);return!i!==this.internalInvalid&&(this.internalInvalid=!i,e&&this.coValidity.emit({valid:i,message:i?void 0:this.invalidMessage})),i}tryParse(e){try{return JSON.parse(e),!0}catch(e){return!1}}render(){const e=this.internalInvalid?this.invalidMessage:this.helperText,o="default"!==this.status?"co-json-field--"+this.status:"";return t("div",{key:"90ec8c329801fb0b4ace08669d6b502037dfa16b",class:{"co-json-field":!0,"co-json-field--disabled":this.disabled,"co-json-field--focused":this.hasFocus,"co-json-field--invalid":this.isInvalid,[o]:!!o},part:"wrapper"},this.label&&t("div",{key:"a701737ea2c5b108dec90091566f2d3a397ec3b7",class:"co-json-field__labels"},t("label",{key:"d1b7d6b5f683fe9bf8e644ba4deb3bfba0d93040",class:"co-json-field__label",part:"label"},this.label,t(a,{key:"249e52050171e00b27a7fd9751a3595440371cc0",required:this.required}))),t("div",{key:"4c6453d7e4670124e4a48cb449b3bae639ee3b1f",class:"co-json-field__field",part:"field"},t("textarea",{key:"bcccb3efa34a50aa1a7a6f0c3db2e5431a0dafde",class:"co-json-field__native",rows:this.rows,spellcheck:!1,autocomplete:"off",value:this.draft,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,"aria-invalid":this.isInvalid?"true":"false","aria-label":this.label?void 0:"JSON",onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,part:"input"})),this.name&&t("input",{key:"5cf1f53f4b77532d6473fcfa964985509c57e782",type:"hidden",name:this.name,value:this.draft}),e&&t("div",{key:"b906abdf2335b84df2d3976cde5eb7018ed549d3",class:{"co-json-field__helper":!0,"co-json-field__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&t("co-icon",{key:"0111116f0dc1a4608ac18ed5db04a6bd1342f6a6",name:"warning-circle",size:14,class:"co-json-field__helper-icon"}),t("span",{key:"54b8b02fcf03b53105e9254c69e3ea5228e882c2",class:"co-json-field__helper-text"},e)))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-json-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-json-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-json-field__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-json-field__field{display:flex;background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);transition:border-color 0.15s ease, box-shadow 0.15s ease;box-sizing:border-box;overflow:hidden}.co-json-field__native{width:100%;resize:vertical;border:none;outline:none;background:transparent;font-family:var(--co-font-family-mono, monospace);font-size:var(--co-font-size-13, 13px);font-weight:400;line-height:1.5;color:var(--co-semantic-text-default);padding:var(--co-spacing-sm2) var(--co-spacing-md);margin:0;box-sizing:border-box;tab-size:2}.co-json-field__native::placeholder{color:var(--co-semantic-text-muted)}.co-json-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-json-field__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-json-field__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body)}.co-json-field--focused .co-json-field__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-json-field--disabled{opacity:0.6;pointer-events:none}.co-json-field--disabled .co-json-field__field{background:var(--co-semantic-surface-disabled);border-color:transparent}.co-json-field--invalid .co-json-field__field,.co-json-field--error .co-json-field__field{border-color:var(--co-semantic-status-error)}.co-json-field--invalid.co-json-field--focused .co-json-field__field,.co-json-field--error.co-json-field--focused .co-json-field__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-json-field__helper--error .co-json-field__helper-icon,.co-json-field__helper--error .co-json-field__helper-text{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-json-field{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-json-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-json-field__label{white-space:normal}:host([layout='horizontal']) .co-json-field>:not(.co-json-field__labels){grid-column:2;min-width:0}"}},[1,"co-json-field",{value:[1025],label:[1],placeholder:[1],name:[1],required:[4],disabled:[4],readonly:[4],rows:[2],status:[1],helperText:[1,"helper-text"],invalidMessage:[1,"invalid-message"],layout:[513],draft:[32],internalInvalid:[32],hasFocus:[32]},void 0,{value:[{onValueChange:0}]}]);function n(){"undefined"!=typeof customElements&&["co-json-field","co-icon"].forEach((o=>{switch(o){case"co-json-field":customElements.get(e(o))||customElements.define(e(o),c);break;case"co-icon":customElements.get(e(o))||r()}}))}n();const l=c,d=n;export{l as CoJsonField,d as defineCustomElement}

package/dist/components/co-lightbox.d.ts

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

package/dist/components/co-lightbox.js

@@ -0,0 +1 @@
+import{C as o,d as r}from"./p-DObrQi5F.js";const s=o,p=r;export{s as CoLightbox,p as defineCustomElement}

package/dist/components/co-list-item.js

@@ -1 +1 @@
-import{t as e,p as i,H as t,c as s,h as c}from"./index.js";import{d as o}from"./p-wwWquAtm.js";const a=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coSelect=s(this,"coSelect",7),this.selected=!1,this.disabled=!1,this.dense=!1,this.handleClick=()=>{this.disabled||this.coSelect.emit()}}render(){return c("div",{key:"d33007d04b1c3d85465715cf0d8899f565db8a55",class:{"co-list-item":!0,"co-list-item--selected":this.selected,"co-list-item--disabled":this.disabled,"co-list-item--dense":this.dense,"co-list-item--has-description":!!this.description},part:"item",role:"option","aria-selected":this.selected?"true":"false",onClick:this.handleClick},c("span",{key:"6c75c653a89cd7a32ec0b942e1960b71e5fa0d8f",class:"co-list-item__prefix"},this.icon&&c("co-icon",{key:"bcfff961805fe5637a7ae21b9b81f90338a8903f",name:this.icon,size:18}),c("slot",{key:"271b3820399dc30e6401b679302e23b4fe02452a",name:"prefix"})),c("div",{key:"0fd1a2012e58309619586e2aaaca0020ed1acf6e",class:"co-list-item__content"},this.label&&c("span",{key:"a0d4b2f9c0fbdbcd845839dac939bda59c3b100f",class:"co-list-item__label"},this.label),this.description&&c("span",{key:"f674f27bf5ac21a8cb92843bf80045014d86cf2d",class:"co-list-item__description"},this.description),c("slot",{key:"ee35575016ff414f343255dd652d1a1cf5c01a5d"})),c("span",{key:"348369d7f90b489bf098520c5ddc5135dc6b3c37",class:"co-list-item__suffix"},c("slot",{key:"bed7564f82ac2198b04459d777019b7f722b22f3",name:"suffix"})))}static get style(){return":host{display:block}.co-list-item{display:flex;align-items:center;gap:var(--co-spacing-md);padding:var(--co-spacing-md) var(--co-spacing-lg);font-family:var(--co-font-family-primary);cursor:pointer;border-radius:var(--co-border-radius-sm);transition:background 0.1s ease;box-sizing:border-box;min-height:40px}.co-list-item--dense{gap:var(--co-spacing-sm);padding:6px var(--co-spacing-sm);border-radius:var(--co-border-radius-xxs);min-height:32px}.co-list-item--dense .co-list-item__label{font-size:var(--co-font-size-14)}.co-list-item:hover:not(.co-list-item--disabled){background:var(--co-semantic-surface-hover)}.co-list-item--selected{background:var(--co-semantic-surface-muted)}.co-list-item--disabled{opacity:0.4;cursor:not-allowed}.co-list-item__prefix,.co-list-item__suffix{display:flex;align-items:center;gap:var(--co-spacing-sm);flex-shrink:0;color:var(--co-semantic-text-muted)}.co-list-item__prefix:empty,.co-list-item__suffix:empty{display:none}.co-list-item__content{display:flex;flex-direction:column;flex:1;min-width:0}.co-list-item__label{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-default);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-list-item__description{font-size:var(--co-font-size-12);color:var(--co-semantic-text-muted);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}"}},[257,"co-list-item",{label:[1],description:[1],icon:[1],selected:[516],disabled:[4],dense:[516]}]);function l(){"undefined"!=typeof customElements&&["co-list-item","co-icon"].forEach((i=>{switch(i){case"co-list-item":customElements.get(e(i))||customElements.define(e(i),a);break;case"co-icon":customElements.get(e(i))||o()}}))}l();const n=a,d=l;export{n as CoListItem,d as defineCustomElement}
+import{t as e,p as i,H as t,c as s,h as c}from"./index.js";import{d as o}from"./p-DPi_U-Kl.js";const a=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coSelect=s(this,"coSelect",7),this.selected=!1,this.disabled=!1,this.dense=!1,this.handleClick=()=>{this.disabled||this.coSelect.emit()},this.handleKeyDown=e=>{this.disabled||"Enter"!==e.key&&" "!==e.key&&"Spacebar"!==e.key||(e.preventDefault(),this.coSelect.emit())}}render(){return c("div",{key:"c20c81d99d5377684e95422ef24edc7349b56d78",class:{"co-list-item":!0,"co-list-item--selected":this.selected,"co-list-item--disabled":this.disabled,"co-list-item--dense":this.dense,"co-list-item--has-description":!!this.description},part:"item",role:"option",tabindex:this.disabled?-1:0,"aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":"false",onClick:this.handleClick,onKeyDown:this.handleKeyDown},c("span",{key:"763f88155a5c3f29a44cfd4d49da29636c590bde",class:"co-list-item__prefix"},this.icon&&c("co-icon",{key:"da92fc7a6b988eb204a5f3bfd267ebd79fcf1230",name:this.icon,size:18}),c("slot",{key:"e00510cf206ce0f863f993bd0ad57bc6d8af2a0d",name:"prefix"})),c("div",{key:"3b5ad6d35640d57d9019e4a020effeef66b16c32",class:"co-list-item__content"},this.label&&c("span",{key:"c745840c3b94ef786c8efd34567506eab39e969d",class:"co-list-item__label"},this.label),this.description&&c("span",{key:"0988768cf7fde689ed1e995efaefd4168ca17af0",class:"co-list-item__description"},this.description),c("slot",{key:"bf6c9f3d55980b433a4d858c58c799f7c3e2898e"})),c("span",{key:"6fb267f7ac2fae4b57efff3a3b6cd2b5f4161d79",class:"co-list-item__suffix"},c("slot",{key:"9ed7454c37b83cde16a66ce990cad1cf3368e3d9",name:"suffix"})))}static get style(){return":host{display:block}.co-list-item{display:flex;align-items:center;gap:var(--co-spacing-md);padding:var(--co-spacing-md) var(--co-spacing-lg);font-family:var(--co-font-family-primary);cursor:pointer;border-radius:var(--co-border-radius-sm);transition:background 0.1s ease;box-sizing:border-box;min-height:40px}.co-list-item--dense{gap:var(--co-spacing-sm);padding:6px var(--co-spacing-sm);border-radius:var(--co-border-radius-xxs);min-height:32px}.co-list-item--dense .co-list-item__label{font-size:var(--co-font-size-14)}.co-list-item:hover:not(.co-list-item--disabled){background:var(--co-semantic-surface-hover)}.co-list-item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--co-semantic-border-focus)}.co-list-item--selected{background:var(--co-semantic-surface-muted)}.co-list-item--disabled{opacity:0.4;cursor:not-allowed}.co-list-item__prefix,.co-list-item__suffix{display:flex;align-items:center;gap:var(--co-spacing-sm);flex-shrink:0;color:var(--co-semantic-text-muted)}.co-list-item__prefix:empty,.co-list-item__suffix:empty{display:none}.co-list-item__content{display:flex;flex-direction:column;flex:1;min-width:0}.co-list-item__label{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-default);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-list-item__description{font-size:var(--co-font-size-12);color:var(--co-semantic-text-muted);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}"}},[257,"co-list-item",{label:[1],description:[1],icon:[1],selected:[516],disabled:[4],dense:[516]}]);function l(){"undefined"!=typeof customElements&&["co-list-item","co-icon"].forEach((i=>{switch(i){case"co-list-item":customElements.get(e(i))||customElements.define(e(i),a);break;case"co-icon":customElements.get(e(i))||o()}}))}l();const d=a,n=l;export{d as CoListItem,n as defineCustomElement}

package/dist/components/co-menu-divider.js

@@ -1 +1 @@
-import{t as e,p as r,H as s,h as t}from"./index.js";const o=r(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return t("hr",{key:"50dcc97db96c79c6ce7398d627e991750a0f05ac",class:"co-menu-divider",role:"separator"})}static get style(){return":host{display:block}.co-menu-divider{border:0;border-top:1px solid var(--co-semantic-border-subtle, rgba(31, 28, 27, 0.08));margin:var(--co-spacing-xs, 4px) 0}"}},[1,"co-menu-divider"]);function c(){"undefined"!=typeof customElements&&["co-menu-divider"].forEach((r=>{"co-menu-divider"===r&&(customElements.get(e(r))||customElements.define(e(r),o))}))}c();const d=o,n=c;export{d as CoMenuDivider,n as defineCustomElement}
+import{t as e,p as r,H as s,h as t}from"./index.js";const o=r(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return t("hr",{key:"6e4378c89e42bfa38073213cb7a27dfb3401f663",class:"co-menu-divider",role:"separator"})}static get style(){return":host{display:block}.co-menu-divider{border:0;border-top:1px solid var(--co-semantic-border-subtle, rgba(31, 28, 27, 0.08));margin:var(--co-spacing-xs, 4px) 0}"}},[1,"co-menu-divider"]);function c(){"undefined"!=typeof customElements&&["co-menu-divider"].forEach((r=>{"co-menu-divider"===r&&(customElements.get(e(r))||customElements.define(e(r),o))}))}c();const n=o,i=c;export{n as CoMenuDivider,i as defineCustomElement}

package/dist/components/co-menu-item.js

@@ -1 +1 @@
-import{t as e,p as i,H as t,c as s,h as o}from"./index.js";import{d as n}from"./p-wwWquAtm.js";import{d as r}from"./p-FBICWTuN.js";const c=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coSelect=s(this,"coSelect",7),this.coMenuSelect=s(this,"coMenuSelect",7),this.dense=!1,this.disabled=!1,this.variant="default",this.hasSubmenu=!1,this.submenuOpen=!1,this.handleClick=e=>{if(!this.disabled){if(this.hasSubmenu)return e.stopPropagation(),void this.openSubmenu();this.coSelect.emit(),this.coMenuSelect.emit()}},this.handleKeydown=e=>{var i;this.disabled||("Enter"===e.key||" "===e.key?(e.preventDefault(),this.handleClick(e)):"ArrowRight"===e.key&&this.hasSubmenu?(e.preventDefault(),this.openSubmenu(),requestAnimationFrame((()=>{var e;const i=this.el.querySelector("co-menu-item");null===(e=null==i?void 0:i.focusItem)||void 0===e||e.call(i)}))):"ArrowLeft"===e.key&&this.submenuOpen&&(e.preventDefault(),this.submenuOpen=!1,null===(i=this.rowEl)||void 0===i||i.focus()))},this.handleMouseEnter=()=>{!this.disabled&&this.hasSubmenu&&(this.cancelClose(),this.openSubmenu())},this.handleMouseLeave=()=>{this.hasSubmenu&&this.scheduleClose()}}async focusItem(){var e;null===(e=this.rowEl)||void 0===e||e.focus()}componentWillLoad(){this.hasSubmenu=this.detectSubmenu()}disconnectedCallback(){this.cancelClose()}detectSubmenu(){for(const e of Array.from(this.el.children)){const i=e.tagName.toLowerCase();if("co-menu-item"===i||"co-menu-divider"===i)return!0}return!1}openSubmenu(){this.submenuOpen=!0}scheduleClose(){this.cancelClose(),this.closeTimer=window.setTimeout((()=>{this.submenuOpen=!1}),200)}cancelClose(){this.closeTimer&&(window.clearTimeout(this.closeTimer),this.closeTimer=void 0)}render(){const e=o("button",{ref:e=>this.rowEl=e,class:{"co-menu-item":!0,"co-menu-item--dense":this.dense,"co-menu-item--disabled":this.disabled,"co-menu-item--danger":"danger"===this.variant,"co-menu-item--submenu":this.hasSubmenu,"co-menu-item--submenu-open":this.hasSubmenu&&this.submenuOpen},type:"button",role:"menuitem","aria-haspopup":this.hasSubmenu?"menu":void 0,"aria-expanded":this.hasSubmenu?this.submenuOpen?"true":"false":void 0,disabled:this.disabled,onClick:this.handleClick,onKeyDown:this.handleKeydown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},this.icon&&o("span",{class:"co-menu-item__icon"},o("co-icon",{name:this.icon,size:16})),o("span",{class:"co-menu-item__label"},this.label,o("slot",{name:"label"})),o("span",{class:"co-menu-item__suffix"},o("slot",{name:"suffix"}),this.hasSubmenu&&o("co-icon",{name:"caret-right",size:14})));return this.hasSubmenu?o("div",{class:"co-menu-item__wrap co-menu-item__wrap--submenu",onMouseEnter:this.cancelClose,onMouseLeave:this.handleMouseLeave},o("co-popover",{placement:"right-start",offset:4,open:this.submenuOpen,onCoOpen:()=>{this.submenuOpen=!0},onCoClose:()=>{this.submenuOpen=!1}},o("div",{slot:"trigger",class:"co-menu-item__trigger-wrap"},e),o("div",{class:"co-menu-item__submenu",role:"menu"},o("slot",null)))):o("div",{class:"co-menu-item__wrap"},e)}get el(){return this}static get style(){return":host{display:block}.co-menu-item__wrap{display:block}.co-menu-item{width:100%;display:flex;align-items:center;gap:var(--co-spacing-sm, 8px);padding:var(--co-spacing-sm, 8px) var(--co-spacing-md, 12px);background:transparent;border:0;border-radius:var(--co-border-radius-xs, 8px);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-default);text-align:left;cursor:pointer;transition:background 0.1s ease, color 0.1s ease;min-height:36px;box-sizing:border-box}.co-menu-item--dense{padding:var(--co-spacing-xs, 4px) var(--co-spacing-md, 12px);min-height:32px}.co-menu-item:hover,.co-menu-item--submenu-open{background:var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.04))}.co-menu-item:focus-visible{outline:2px solid var(--co-semantic-border-focus, #2563eb);outline-offset:-2px}.co-menu-item--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.co-menu-item--danger{color:var(--co-color-status-error, #aa2e1b)}.co-menu-item--danger:hover{background:var(--co-color-status-error-bg, rgba(170, 46, 27, 0.08))}.co-menu-item__icon{display:inline-flex;align-items:center;flex-shrink:0;color:currentColor}.co-menu-item__label{flex:1;display:inline-flex;align-items:center;gap:var(--co-spacing-xs, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-menu-item__suffix{display:inline-flex;align-items:center;gap:var(--co-spacing-xs, 4px);flex-shrink:0;color:var(--co-semantic-text-muted)}.co-menu-item--submenu-open .co-menu-item__suffix{color:var(--co-semantic-text-default)}.co-menu-item__trigger-wrap{display:block}.co-menu-item__submenu{background:var(--co-semantic-surface-secondary, #fff);border:1px solid var(--co-semantic-border-subtle, rgba(31, 28, 27, 0.08));border-radius:var(--co-border-radius-sm, 12px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.08),     0 1px 3px rgba(0, 0, 0, 0.04);padding:var(--co-spacing-xs, 4px);min-width:180px;display:flex;flex-direction:column;gap:2px}"}},[257,"co-menu-item",{icon:[1],label:[1],dense:[4],disabled:[4],variant:[1],hasSubmenu:[32],submenuOpen:[32],focusItem:[64]}]);function a(){"undefined"!=typeof customElements&&["co-menu-item","co-icon","co-popover"].forEach((i=>{switch(i){case"co-menu-item":customElements.get(e(i))||customElements.define(e(i),c);break;case"co-icon":customElements.get(e(i))||n();break;case"co-popover":customElements.get(e(i))||r()}}))}a();const m=c,u=a;export{m as CoMenuItem,u as defineCustomElement}
+import{t as e,p as i,H as s,c as t,h as o}from"./index.js";import{d as n}from"./p-DPi_U-Kl.js";import{d as r}from"./p-BXdfh__-.js";const c=i(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coSelect=t(this,"coSelect",7),this.coMenuSelect=t(this,"coMenuSelect",7),this.dense=!1,this.disabled=!1,this.variant="default",this.hasSubmenu=!1,this.submenuOpen=!1,this.handleClick=e=>{if(!this.disabled){if(this.hasSubmenu)return e.stopPropagation(),void this.openSubmenu();this.coSelect.emit(),this.coMenuSelect.emit()}},this.handleKeydown=e=>{var i;this.disabled||("Enter"===e.key||" "===e.key?(e.preventDefault(),this.handleClick(e)):"ArrowRight"===e.key&&this.hasSubmenu?(e.preventDefault(),this.openSubmenu(),requestAnimationFrame((()=>{var e;const i=this.el.querySelector("co-menu-item");null===(e=null==i?void 0:i.focusItem)||void 0===e||e.call(i)}))):"ArrowLeft"===e.key&&this.submenuOpen&&(e.preventDefault(),this.submenuOpen=!1,null===(i=this.rowEl)||void 0===i||i.focus()))},this.handleMouseEnter=()=>{!this.disabled&&this.hasSubmenu&&(this.cancelClose(),this.openSubmenu())},this.handleMouseLeave=()=>{this.hasSubmenu&&this.scheduleClose()}}async focusItem(){var e;null===(e=this.rowEl)||void 0===e||e.focus()}componentWillLoad(){this.hasSubmenu=this.detectSubmenu()}disconnectedCallback(){this.cancelClose()}detectSubmenu(){for(const e of Array.from(this.el.children)){const i=e.tagName.toLowerCase();if("co-menu-item"===i||"co-menu-divider"===i)return!0}return!1}openSubmenu(){this.submenuOpen=!0}scheduleClose(){this.cancelClose(),this.closeTimer=window.setTimeout((()=>{this.submenuOpen=!1}),200)}cancelClose(){this.closeTimer&&(window.clearTimeout(this.closeTimer),this.closeTimer=void 0)}render(){const e=o("button",{ref:e=>this.rowEl=e,class:{"co-menu-item":!0,"co-menu-item--dense":this.dense,"co-menu-item--disabled":this.disabled,"co-menu-item--danger":"danger"===this.variant,"co-menu-item--submenu":this.hasSubmenu,"co-menu-item--submenu-open":this.hasSubmenu&&this.submenuOpen},type:"button",role:"menuitem","aria-haspopup":this.hasSubmenu?"menu":void 0,"aria-expanded":this.hasSubmenu?this.submenuOpen?"true":"false":void 0,disabled:this.disabled,onClick:this.handleClick,onKeyDown:this.handleKeydown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},this.icon&&o("span",{class:"co-menu-item__icon"},o("co-icon",{name:this.icon,size:16})),o("span",{class:"co-menu-item__label"},this.label,o("slot",{name:"label"})),o("span",{class:"co-menu-item__suffix"},o("slot",{name:"suffix"}),this.hasSubmenu&&o("co-icon",{name:"caret-right",size:14})));return this.hasSubmenu?o("div",{class:"co-menu-item__wrap co-menu-item__wrap--submenu",onMouseEnter:this.cancelClose,onMouseLeave:this.handleMouseLeave},o("co-popover",{placement:"right-start",offset:4,open:this.submenuOpen,onCoOpen:()=>{this.submenuOpen=!0},onCoClose:()=>{this.submenuOpen=!1}},o("div",{slot:"trigger",class:"co-menu-item__trigger-wrap"},e),o("div",{class:"co-menu-item__submenu",role:"menu"},o("slot",null)))):o("div",{class:"co-menu-item__wrap"},e)}get el(){return this}static get style(){return":host{display:block}.co-menu-item__wrap{display:block}.co-menu-item{width:100%;display:flex;align-items:center;gap:var(--co-spacing-sm, 8px);padding:var(--co-spacing-sm, 8px) var(--co-spacing-md, 12px);background:transparent;border:0;border-radius:var(--co-border-radius-xs, 8px);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-default);text-align:left;cursor:pointer;transition:background 0.1s ease, color 0.1s ease;min-height:36px;box-sizing:border-box}.co-menu-item--dense{padding:var(--co-spacing-xs, 4px) var(--co-spacing-md, 12px);min-height:32px}.co-menu-item:hover,.co-menu-item--submenu-open{background:var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.04))}.co-menu-item:focus-visible{outline:2px solid var(--co-semantic-border-focus, #2563eb);outline-offset:-2px}.co-menu-item--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.co-menu-item--danger{color:var(--co-color-status-error, #aa2e1b)}.co-menu-item--danger:hover{background:var(--co-color-status-error-bg, rgba(170, 46, 27, 0.08))}.co-menu-item__icon{display:inline-flex;align-items:center;flex-shrink:0;color:currentColor}.co-menu-item__label{flex:1;display:inline-flex;align-items:center;gap:var(--co-spacing-xs, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-menu-item__suffix{display:inline-flex;align-items:center;gap:var(--co-spacing-xs, 4px);flex-shrink:0;color:var(--co-semantic-text-muted)}.co-menu-item--submenu-open .co-menu-item__suffix{color:var(--co-semantic-text-default)}.co-menu-item__trigger-wrap{display:block}.co-menu-item__submenu{background:var(--co-semantic-surface-secondary, #fff);border:1px solid var(--co-semantic-border-subtle, rgba(31, 28, 27, 0.08));border-radius:var(--co-border-radius-sm, 12px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.08),     0 1px 3px rgba(0, 0, 0, 0.04);padding:var(--co-spacing-xs, 4px);min-width:180px;display:flex;flex-direction:column;gap:2px}"}},[257,"co-menu-item",{icon:[1],label:[1],dense:[4],disabled:[4],variant:[1],hasSubmenu:[32],submenuOpen:[32],focusItem:[64]}]);function a(){"undefined"!=typeof customElements&&["co-menu-item","co-icon","co-popover"].forEach((i=>{switch(i){case"co-menu-item":customElements.get(e(i))||customElements.define(e(i),c);break;case"co-icon":customElements.get(e(i))||n();break;case"co-popover":customElements.get(e(i))||r()}}))}a();const m=c,u=a;export{m as CoMenuItem,u as defineCustomElement}

package/dist/components/co-menu.js

@@ -1 +1 @@
-import{t as e,p as t,H as o,c as s,h as n}from"./index.js";import{d as c}from"./p-FBICWTuN.js";const i=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coOpen=s(this,"coOpen",3),this.coClose=s(this,"coClose",3),this.placement="bottom-end",this.offset=4,this.autoClose=!0,this.open=!1,this.handleKeydown=e=>{if(this.open)switch(e.key){case"Escape":e.preventDefault(),e.stopPropagation(),this.open=!1;break;case"ArrowDown":case"ArrowUp":e.preventDefault(),this.moveFocus("ArrowDown"===e.key?1:-1)}},this.handlePopoverOpen=()=>{this.open=!0,this.coOpen.emit()},this.handlePopoverClose=()=>{this.open=!1,this.coClose.emit()}}handleMenuSelect(){this.autoClose&&(this.open=!1)}onOpenChange(e){e?(document.addEventListener("keydown",this.handleKeydown,!0),requestAnimationFrame((()=>this.focusFirstItem()))):document.removeEventListener("keydown",this.handleKeydown,!0)}disconnectedCallback(){document.removeEventListener("keydown",this.handleKeydown,!0)}async focusFirstItem(){var e,t;null===(t=null===(e=this.getMenuItems()[0])||void 0===e?void 0:e.focusItem)||void 0===t||t.call(e)}getMenuItems(){return Array.from(this.el.querySelectorAll("co-menu-item"))}moveFocus(e){var t,o;const s=this.getMenuItems().filter((e=>!e.disabled));if(0===s.length)return;const n=document.activeElement;let c=s.findIndex((e=>e===n||e.contains(n)));-1===c&&(c=e>0?-1:s.length),null===(o=null===(t=s[(c+e+s.length)%s.length])||void 0===t?void 0:t.focusItem)||void 0===o||o.call(t)}render(){return n("co-popover",{key:"b3c7932fb6c4574e66ddb3ccbc139ebcd86cce41",placement:this.placement,offset:this.offset,open:this.open,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},n("slot",{key:"aa6546808d38973f71d12575ac62106a4e4c2c1f",name:"trigger",slot:"trigger"}),n("div",{key:"376d8202add51e08dd9361fa4fd6d4840c1d61ce",class:"co-menu",role:"menu"},n("slot",{key:"2e1df74c20f44e98dc51474b9009e8dc12f9b403"})))}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return":host{display:contents}.co-menu{background:var(--co-semantic-surface-secondary, #fff);border:1px solid var(--co-semantic-border-subtle, rgba(31, 28, 27, 0.08));border-radius:var(--co-border-radius-sm, 12px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.08),     0 1px 3px rgba(0, 0, 0, 0.04);padding:var(--co-spacing-xs, 4px);min-width:200px;display:flex;flex-direction:column;gap:2px;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-default)}"}},[257,"co-menu",{placement:[1],offset:[2],autoClose:[4,"auto-close"],open:[1540],focusFirstItem:[64]},[[0,"coMenuSelect","handleMenuSelect"]],{open:[{onOpenChange:0}]}]);function r(){"undefined"!=typeof customElements&&["co-menu","co-popover"].forEach((t=>{switch(t){case"co-menu":customElements.get(e(t))||customElements.define(e(t),i);break;case"co-popover":customElements.get(e(t))||c()}}))}r();const a=i,d=r;export{a as CoMenu,d as defineCustomElement}
+import{t as e,p as t,H as o,c as s,h as n}from"./index.js";import{d as c}from"./p-BXdfh__-.js";const i=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coOpen=s(this,"coOpen",3),this.coClose=s(this,"coClose",3),this.placement="bottom-end",this.offset=4,this.autoClose=!0,this.open=!1,this.handleKeydown=e=>{if(this.open)switch(e.key){case"Escape":e.preventDefault(),e.stopPropagation(),this.open=!1;break;case"ArrowDown":case"ArrowUp":e.preventDefault(),this.moveFocus("ArrowDown"===e.key?1:-1)}},this.handlePopoverOpen=()=>{this.open=!0,this.coOpen.emit()},this.handlePopoverClose=()=>{this.open=!1,this.coClose.emit()}}handleMenuSelect(){this.autoClose&&(this.open=!1)}onOpenChange(e){e?(document.addEventListener("keydown",this.handleKeydown,!0),requestAnimationFrame((()=>this.focusFirstItem()))):document.removeEventListener("keydown",this.handleKeydown,!0)}disconnectedCallback(){document.removeEventListener("keydown",this.handleKeydown,!0)}async focusFirstItem(){var e,t;null===(t=null===(e=this.getMenuItems()[0])||void 0===e?void 0:e.focusItem)||void 0===t||t.call(e)}getMenuItems(){return Array.from(this.el.querySelectorAll("co-menu-item"))}moveFocus(e){var t,o;const s=this.getMenuItems().filter((e=>!e.disabled));if(0===s.length)return;const n=document.activeElement;let c=s.findIndex((e=>e===n||e.contains(n)));-1===c&&(c=e>0?-1:s.length),null===(o=null===(t=s[(c+e+s.length)%s.length])||void 0===t?void 0:t.focusItem)||void 0===o||o.call(t)}render(){return n("co-popover",{key:"dcdcbba45a201fbd121c94fa10cfbfe9c5d3792b",placement:this.placement,offset:this.offset,open:this.open,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},n("slot",{key:"44d999a9fad8f6950ded890c97b047733aff4080",name:"trigger",slot:"trigger"}),n("div",{key:"d4ea139be0a26e84e50207f332c2e4f00126d717",class:"co-menu",role:"menu"},n("slot",{key:"c00f197bae58f3e8e0fe56fda4489fe7878fd995"})))}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return":host{display:contents}.co-menu{background:var(--co-semantic-surface-secondary, #fff);border:1px solid var(--co-semantic-border-subtle, rgba(31, 28, 27, 0.08));border-radius:var(--co-border-radius-sm, 12px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.08),     0 1px 3px rgba(0, 0, 0, 0.04);padding:var(--co-spacing-xs, 4px);min-width:200px;display:flex;flex-direction:column;gap:2px;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-default)}"}},[257,"co-menu",{placement:[1],offset:[2],autoClose:[4,"auto-close"],open:[1540],focusFirstItem:[64]},[[0,"coMenuSelect","handleMenuSelect"]],{open:[{onOpenChange:0}]}]);function r(){"undefined"!=typeof customElements&&["co-menu","co-popover"].forEach((t=>{switch(t){case"co-menu":customElements.get(e(t))||customElements.define(e(t),i);break;case"co-popover":customElements.get(e(t))||c()}}))}r();const a=i,d=r;export{a as CoMenu,d as defineCustomElement}