@prolibu-suite/cobalt-core 0.11.6 → 0.11.7

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

@@ -1 +1 @@
-import{t as e,p as i,H as t,c as a,h as s}from"./index.js";import{R as o}from"./p-CWneqh4n.js";import{F as r}from"./p-C4U2tbRp.js";import{d as c}from"./p-KK2vAKs-.js";const n=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coChange=a(this,"coChange",7),this.coInput=a(this,"coInput",7),this.coClear=a(this,"coClear",7),this.coFocus=a(this,"coFocus",7),this.coBlur=a(this,"coBlur",7),this.value="[]",this.placeholder="",this.required=!1,this.disabled=!1,this.readonly=!1,this.clearable=!0,this.allowDuplicates=!1,this.invalid=!1,this.layout="vertical",this.size="md",this.draft="",this.editingIndex=null,this.editingDraft="",this.hasFocus=!1,this.handleClearAll=()=>{var e;this.hasValue&&(this.commit([]),this.coClear.emit(),null===(e=this.inputEl)||void 0===e||e.focus())},this.handleInput=e=>{this.draft=e.target.value,this.coInput.emit(this.draft)},this.handleKeyDown=e=>{"Enter"!==e.key&&"Tab"!==e.key&&","!==e.key?"Backspace"===e.key&&""===this.draft&&this.hasValue&&(e.preventDefault(),this.removeTag(this.tags.length-1)):this.draft.trim()&&(e.preventDefault(),this.addTag())},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.draft.trim()&&this.addTag(),this.hasFocus=!1,this.coBlur.emit()},this.handleEditKeyDown=e=>{"Enter"===e.key?(e.preventDefault(),this.saveEdit()):"Escape"===e.key&&(e.preventDefault(),this.cancelEdit())},this.handleFieldClick=()=>{var e;this.disabled||this.readonly||null===this.editingIndex&&(null===(e=this.inputEl)||void 0===e||e.focus())}}onEditingIndexChange(e){null!==e&&requestAnimationFrame((()=>{var e;return null===(e=this.editEl)||void 0===e?void 0:e.focus()}))}get tags(){if(Array.isArray(this.value))return this.value.map((e=>e+""));if("string"==typeof this.value&&this.value.trim())try{const e=JSON.parse(this.value);if(Array.isArray(e))return e.map((e=>e+""))}catch(e){}return[]}get hasValue(){return this.tags.length>0}get isInvalid(){return this.invalid}get atCapacity(){return"number"==typeof this.maxTags&&this.tags.length>=this.maxTags}commit(e){this.value=JSON.stringify(e),this.coChange.emit(e)}addTag(){const e=this.draft.trim();if(this.draft="",!e||this.atCapacity)return;const i=this.tags;!this.allowDuplicates&&i.includes(e)||this.commit([...i,e])}removeTag(e){const i=this.tags.filter(((i,t)=>t!==e));this.commit(i)}startEdit(e){var i;this.disabled||this.readonly||(this.editingIndex=e,this.editingDraft=null!==(i=this.tags[e])&&void 0!==i?i:"")}saveEdit(){if(null===this.editingIndex)return;const e=this.editingIndex,i=this.editingDraft.trim(),t=this.tags;if(this.editingIndex=null,this.editingDraft="",!i)return void this.commit(t.filter(((i,t)=>t!==e)));if(!this.allowDuplicates&&t.some(((t,a)=>a!==e&&t===i)))return void this.commit(t.filter(((i,t)=>t!==e)));const a=[...t];a[e]=i,this.commit(a)}cancelEdit(){this.editingIndex=null,this.editingDraft=""}render(){const e=this.tags,i=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly,t=this.isInvalid?this.errorMessage:this.helperText,a=!this.readonly&&!this.atCapacity;return s("div",{key:"81725f6d5bd9c22fa799825abf44d1e71a34b33a",class:{"co-tags-field":!0,"co-tags-field--disabled":this.disabled,"co-tags-field--focused":this.hasFocus,"co-tags-field--filled":this.hasValue,"co-tags-field--invalid":this.isInvalid,["co-tags-field--"+this.size]:!0},part:"wrapper"},this.label&&s("div",{key:"c5c913633aa37306acccbd0ca15abb3e265a60cd",class:"co-tags-field__labels"},s("label",{key:"5898720b85700f9d6f3567c1399806bfa3e28d2d",class:"co-tags-field__label",part:"label"},this.label,s(o,{key:"c95129fbedfa41a2d735bc4f912f4a98b83c796f",required:this.required}))),s("div",{key:"940a2cd420b5b2e1cb981c21ff2df0957b7c39d6",class:"co-tags-field__field-row"},s("div",{key:"a100b3644ac42d71034d99be426d594b37275e71",class:"co-tags-field__field",part:"field",onClick:this.handleFieldClick},s("div",{key:"3eac2458a1cf8e4bdbad67c57f323cfa4d7a5c85",class:"co-tags-field__input-wrapper"},e.map(((e,i)=>this.editingIndex===i?s("input",{key:"edit-"+i,ref:e=>this.editEl=e,class:"co-tags-field__edit",type:"text",value:this.editingDraft,onInput:e=>this.editingDraft=e.target.value,onKeyDown:this.handleEditKeyDown,onBlur:()=>this.saveEdit()}):s(r,{key:`chip-${i}-${e}`,baseClass:"co-tags-field__chip",label:e,title:e,onChipDblClick:()=>this.startEdit(i),onRemove:this.disabled||this.readonly?void 0:e=>{e.stopPropagation(),this.removeTag(i)}}))),a&&s("input",{key:"4bda12b201fd72a40a3b6edd900373890d2d84be",ref:e=>this.inputEl=e,class:"co-tags-field__native",type:"text",autocomplete:"off",value:this.draft,placeholder:0===e.length?this.placeholder:"",disabled:this.disabled,required:this.required&&0===e.length,"aria-invalid":this.isInvalid?"true":"false","aria-label":this.label?void 0:"Tags",onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"})),this.clearable&&s("button",{key:"1dedc650b5688bdd820e5253bad57c5a6c5a1725",class:{"co-tags-field__clear":!0,"co-tags-field__clear--hidden":!i},type:"button",tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:this.handleClearAll,"aria-label":"Clear all",part:"clear"},s("co-icon",{key:"21dcfc3fe3e72ba8d1557fcd9a9c3d4c774e942e",name:"x-circle",size:16,weight:"fill"})))),this.name&&s("input",{key:"7f829d899b73f76f8a66ce5766e0906756ebb5fa",type:"hidden",name:this.name,value:JSON.stringify(e)}),t&&s("div",{key:"c5a053f84171586ca0902815996430359647aadf",class:{"co-tags-field__helper":!0,"co-tags-field__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&s("co-icon",{key:"fcdb85825b3b54b126ed055832bd1e509901ca87",name:"warning-circle",size:14,class:"co-tags-field__helper-icon"}),s("span",{key:"8f6845e58e30c2f5a62f715b7e9b4b12566c4402",class:"co-tags-field__helper-text"},t)))}get el(){return this}static get watchers(){return{editingIndex:[{onEditingIndexChange: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-tags-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-tags-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-tags-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-tags-field__field-row{display:flex;align-items:stretch}.co-tags-field__field{display:flex;align-items:flex-start;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out);min-height:40px;box-sizing:border-box;flex:1;min-width:0;cursor:text}.co-tags-field__input-wrapper{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--co-spacing-sm);min-width:0;min-height:22px;padding:0}.co-tags-field--s .co-tags-field__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-tags-field--sm .co-tags-field__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-tags-field--lg .co-tags-field__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-tags-field__chip{display:inline-flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm) var(--co-spacing-sm2);background:var(--co-semantic-surface-hover);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-14);line-height:1;max-width:240px;cursor:pointer;user-select:none}.co-tags-field__chip-label{color:var(--co-semantic-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-tags-field__chip-remove{display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out);flex-shrink:0}.co-tags-field__chip-remove:hover{color:var(--co-semantic-text-default)}.co-tags-field__native{flex:1;min-width:80px;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-tags-field__native::placeholder{color:var(--co-semantic-text-muted)}.co-tags-field__edit{border:1px solid var(--co-semantic-border-focus);border-radius:var(--co-border-radius-xxs);outline:none;background:var(--co-semantic-surface-page);font-family:inherit;font-size:var(--co-font-size-12);line-height:1;color:var(--co-semantic-text-default);padding:var(--co-spacing-xxs) var(--co-spacing-xs);margin:0;min-width:60px}.co-tags-field__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;padding:0;margin:var(--co-spacing-xxs) 0 0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-tags-field__clear--hidden{visibility:hidden;pointer-events:none}.co-tags-field__clear:hover{color:var(--co-semantic-text-default)}.co-tags-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-tags-field__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-tags-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-tags-field--focused .co-tags-field__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-tags-field--disabled{opacity:0.6;pointer-events:none}.co-tags-field--disabled .co-tags-field__labels .co-tags-field__label{color:var(--co-semantic-text-disabled)}.co-tags-field--disabled .co-tags-field__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-tags-field--invalid .co-tags-field__field{border-color:var(--co-semantic-status-error)}.co-tags-field--invalid.co-tags-field--focused .co-tags-field__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-tags-field__helper--error .co-tags-field__helper-icon,.co-tags-field__helper--error .co-tags-field__helper-text{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-tags-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-tags-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-tags-field__label{white-space:normal}:host([layout='horizontal']) .co-tags-field>:not(.co-tags-field__labels){grid-column:2;min-width:0}"}},[1,"co-tags-field",{value:[1025],label:[1],placeholder:[1],name:[1],required:[4],disabled:[4],readonly:[4],clearable:[4],maxTags:[2,"max-tags"],allowDuplicates:[4,"allow-duplicates"],invalid:[4],errorMessage:[1,"error-message"],helperText:[1,"helper-text"],layout:[513],size:[513],draft:[32],editingIndex:[32],editingDraft:[32],hasFocus:[32]},void 0,{editingIndex:[{onEditingIndexChange:0}]}]);function l(){"undefined"!=typeof customElements&&["co-tags-field","co-icon"].forEach((i=>{switch(i){case"co-tags-field":customElements.get(e(i))||customElements.define(e(i),n);break;case"co-icon":customElements.get(e(i))||c()}}))}l();const d=n,h=l;export{d as CoTagsField,h as defineCustomElement}
+import{t as e,p as t,H as i,c as a,h as s}from"./index.js";import{R as o}from"./p-CWneqh4n.js";import{F as r}from"./p-CaAdnjC6.js";import{d as c}from"./p-qMNHMnvI.js";const n=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coChange=a(this,"coChange",7),this.coInput=a(this,"coInput",7),this.coClear=a(this,"coClear",7),this.coFocus=a(this,"coFocus",7),this.coBlur=a(this,"coBlur",7),this.value="[]",this.placeholder="",this.required=!1,this.disabled=!1,this.readonly=!1,this.clearable=!0,this.allowDuplicates=!1,this.invalid=!1,this.layout="vertical",this.size="md",this.draft="",this.editingIndex=null,this.editingDraft="",this.hasFocus=!1,this.handleClearAll=()=>{var e;this.hasValue&&(this.commit([]),this.coClear.emit(),null===(e=this.inputEl)||void 0===e||e.focus())},this.handleInput=e=>{this.draft=e.target.value,this.coInput.emit(this.draft)},this.handleKeyDown=e=>{"Enter"!==e.key&&"Tab"!==e.key&&","!==e.key?"Backspace"===e.key&&""===this.draft&&this.hasValue&&(e.preventDefault(),this.removeTag(this.tags.length-1)):this.draft.trim()&&(e.preventDefault(),this.addTag())},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.draft.trim()&&this.addTag(),this.hasFocus=!1,this.coBlur.emit()},this.handleEditKeyDown=e=>{"Enter"===e.key?(e.preventDefault(),this.saveEdit()):"Escape"===e.key&&(e.preventDefault(),this.cancelEdit())},this.handleFieldClick=()=>{var e;this.disabled||this.readonly||null===this.editingIndex&&(null===(e=this.inputEl)||void 0===e||e.focus())}}onEditingIndexChange(e){null!==e&&requestAnimationFrame((()=>{var e;return null===(e=this.editEl)||void 0===e?void 0:e.focus()}))}get tags(){if(Array.isArray(this.value))return this.value.map((e=>e+""));if("string"==typeof this.value&&this.value.trim())try{const e=JSON.parse(this.value);if(Array.isArray(e))return e.map((e=>e+""))}catch(e){}return[]}get hasValue(){return this.tags.length>0}get isInvalid(){return this.invalid}get atCapacity(){return"number"==typeof this.maxTags&&this.tags.length>=this.maxTags}commit(e){this.value=JSON.stringify(e),this.coChange.emit(e)}addTag(){const e=this.draft.trim();if(this.draft="",!e||this.atCapacity)return;const t=this.tags;!this.allowDuplicates&&t.includes(e)||this.commit([...t,e])}removeTag(e){const t=this.tags.filter(((t,i)=>i!==e));this.commit(t)}startEdit(e){var t;this.disabled||this.readonly||(this.editingIndex=e,this.editingDraft=null!==(t=this.tags[e])&&void 0!==t?t:"")}saveEdit(){if(null===this.editingIndex)return;const e=this.editingIndex,t=this.editingDraft.trim(),i=this.tags;if(this.editingIndex=null,this.editingDraft="",!t)return void this.commit(i.filter(((t,i)=>i!==e)));if(!this.allowDuplicates&&i.some(((i,a)=>a!==e&&i===t)))return void this.commit(i.filter(((t,i)=>i!==e)));const a=[...i];a[e]=t,this.commit(a)}cancelEdit(){this.editingIndex=null,this.editingDraft=""}render(){const e=this.tags,t=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly,i=this.isInvalid?this.errorMessage:this.helperText,a=!this.readonly&&!this.atCapacity;return s("div",{key:"fd91a99e457cbf54c88d423be8af54c566f3066c",class:{"co-tags-field":!0,"co-tags-field--disabled":this.disabled,"co-tags-field--focused":this.hasFocus,"co-tags-field--filled":this.hasValue,"co-tags-field--invalid":this.isInvalid,["co-tags-field--"+this.size]:!0},part:"wrapper"},this.label&&s("div",{key:"49bfcb174303ee8660e5acc4f98217aaf66f40ac",class:"co-tags-field__labels"},s("label",{key:"79762edec0be8829ccaca058eba30a3bde927254",class:"co-tags-field__label",part:"label"},this.label,s(o,{key:"c70bec9252eb1921c481ecd61d8b6fe63a3d6c10",required:this.required}))),s("div",{key:"32a0647964bd4acc982a2a790647c93a40801c36",class:"co-tags-field__field-row"},s("div",{key:"4e8368806c1f672c72eb02331f113669db4cf8d1",class:"co-tags-field__field",part:"field",onClick:this.handleFieldClick},s("div",{key:"4ad6a373fd8c05ee5aac5bff758ce2fbe4312dc8",class:"co-tags-field__input-wrapper"},e.map(((e,t)=>this.editingIndex===t?s("input",{key:"edit-"+t,ref:e=>this.editEl=e,class:"co-tags-field__edit",type:"text",value:this.editingDraft,onInput:e=>this.editingDraft=e.target.value,onKeyDown:this.handleEditKeyDown,onBlur:()=>this.saveEdit()}):s(r,{key:`chip-${t}-${e}`,baseClass:"co-tags-field__chip",label:e,title:e,onChipDblClick:()=>this.startEdit(t),onRemove:this.disabled||this.readonly?void 0:e=>{e.stopPropagation(),this.removeTag(t)}}))),a&&s("input",{key:"f225a29c660941323b3e83344cf4b5524bbd72a2",ref:e=>this.inputEl=e,class:"co-tags-field__native",type:"text",autocomplete:"off",value:this.draft,placeholder:0===e.length?this.placeholder:"",disabled:this.disabled,required:this.required&&0===e.length,"aria-invalid":this.isInvalid?"true":"false","aria-label":this.label?void 0:"Tags",onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"})),this.clearable&&s("button",{key:"37317b91ff4f58ca30ae13d7d639fcc79efaeb3b",class:{"co-tags-field__clear":!0,"co-tags-field__clear--hidden":!t},type:"button",tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:this.handleClearAll,"aria-label":"Clear all",part:"clear"},s("co-icon",{key:"f29e8727db13e9ce6b6fc72e38786aeb619a51b1",name:"x-circle",size:16,weight:"fill"})))),this.name&&s("input",{key:"592bcd5ecd3f552ac6c8adb87fbd9dab04ec0e40",type:"hidden",name:this.name,value:JSON.stringify(e)}),i&&s("div",{key:"7402a33a90484fdce495df229b7325d6e6527991",class:{"co-tags-field__helper":!0,"co-tags-field__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&s("co-icon",{key:"8b9116529e02f275ef957e23ad98adb8d726b375",name:"warning-circle",size:14,class:"co-tags-field__helper-icon"}),s("span",{key:"5f952c6feb9b82b46552bb8e8faeb5aaeb4abc29",class:"co-tags-field__helper-text"},i)))}get el(){return this}static get watchers(){return{editingIndex:[{onEditingIndexChange: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-tags-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-tags-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-tags-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-semantic-text-error, 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-tags-field__field-row{display:flex;align-items:stretch}.co-tags-field__field{display:flex;align-items:flex-start;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out);min-height:40px;box-sizing:border-box;flex:1;min-width:0;cursor:text}.co-tags-field__input-wrapper{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--co-spacing-sm);min-width:0;min-height:22px;padding:0}.co-tags-field--s .co-tags-field__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-tags-field--sm .co-tags-field__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-tags-field--lg .co-tags-field__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-tags-field__chip{display:inline-flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm) var(--co-spacing-sm2);background:var(--co-semantic-surface-hover);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-14);line-height:1;max-width:240px;cursor:pointer;user-select:none}.co-tags-field__chip-label{color:var(--co-semantic-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-tags-field__chip-remove{display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out);flex-shrink:0}.co-tags-field__chip-remove:hover{color:var(--co-semantic-text-default)}.co-tags-field__native{flex:1;min-width:80px;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-tags-field__native::placeholder{color:var(--co-semantic-text-muted)}.co-tags-field__edit{border:1px solid var(--co-semantic-border-focus);border-radius:var(--co-border-radius-xxs);outline:none;background:var(--co-semantic-surface-page);font-family:inherit;font-size:var(--co-font-size-12);line-height:1;color:var(--co-semantic-text-default);padding:var(--co-spacing-xxs) var(--co-spacing-xs);margin:0;min-width:60px}.co-tags-field__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;padding:0;margin:var(--co-spacing-xxs) 0 0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-tags-field__clear--hidden{visibility:hidden;pointer-events:none}.co-tags-field__clear:hover{color:var(--co-semantic-text-default)}.co-tags-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-tags-field__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-tags-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-tags-field--focused .co-tags-field__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-tags-field--disabled{opacity:0.6;pointer-events:none}.co-tags-field--disabled .co-tags-field__labels .co-tags-field__label{color:var(--co-semantic-text-disabled)}.co-tags-field--disabled .co-tags-field__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-tags-field--invalid .co-tags-field__field{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error))}.co-tags-field--invalid.co-tags-field--focused .co-tags-field__field{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error));box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-error, var(--co-semantic-status-error)) 12%, transparent)}.co-tags-field__helper--error .co-tags-field__helper-icon,.co-tags-field__helper--error .co-tags-field__helper-text{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}:host([layout='horizontal']) .co-tags-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-tags-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-tags-field__label{white-space:normal}:host([layout='horizontal']) .co-tags-field>:not(.co-tags-field__labels){grid-column:2;min-width:0}"}},[1,"co-tags-field",{value:[1025],label:[1],placeholder:[1],name:[1],required:[4],disabled:[4],readonly:[4],clearable:[4],maxTags:[2,"max-tags"],allowDuplicates:[4,"allow-duplicates"],invalid:[4],errorMessage:[1,"error-message"],helperText:[1,"helper-text"],layout:[513],size:[513],draft:[32],editingIndex:[32],editingDraft:[32],hasFocus:[32]},void 0,{editingIndex:[{onEditingIndexChange:0}]}]);function l(){"undefined"!=typeof customElements&&["co-tags-field","co-icon"].forEach((t=>{switch(t){case"co-tags-field":customElements.get(e(t))||customElements.define(e(t),n);break;case"co-icon":customElements.get(e(t))||c()}}))}l();const d=n,h=l;export{d as CoTagsField,h as defineCustomElement}

package/dist/components/co-textarea.js

@@ -1 +1 @@
-import{t as e,p as t,H as a,c as o,h as r}from"./index.js";import{R as c}from"./p-CWneqh4n.js";import{d as i}from"./p-KK2vAKs-.js";const s=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coInput=o(this,"coInput",7),this.coChange=o(this,"coChange",7),this.coFocus=o(this,"coFocus",7),this.coBlur=o(this,"coBlur",7),this.coClear=o(this,"coClear",7),this.value="",this.placeholder="",this.required=!1,this.disabled=!1,this.readonly=!1,this.rows=4,this.status="default",this.layout="vertical",this.size="md",this.variant="default",this.clearable=!1,this.resize="vertical",this.hasFocus=!1,this.handleInput=e=>{this.value=e.target.value,this.coInput.emit(this.value)},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.hasFocus=!1,this.coChange.emit(this.value),this.coBlur.emit()},this.handleClear=()=>{var e;this.value="",this.coClear.emit(),this.coInput.emit(""),null===(e=this.textareaEl)||void 0===e||e.focus()}}get hasValue(){return null!=this.value&&""!==this.value}get charCount(){var e;return(null!==(e=this.value)&&void 0!==e?e:"").length}render(){const e=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly,t=null!=this.maxLength&&this.charCount>this.maxLength,a="default"!==this.status?"co-textarea--"+this.status:"";return r("div",{key:"e5e01322a905a357de6f2d509b7aca83cea49047",class:{"co-textarea":!0,"co-textarea--disabled":this.disabled,"co-textarea--focused":this.hasFocus,"co-textarea--filled":this.hasValue,"co-textarea--over-limit":t,["co-textarea--"+this.size]:!0,[a]:!!a,"co-textarea--flat":"flat"===this.variant},part:"wrapper"},(this.label||this.secondaryLabel)&&r("div",{key:"62466350843dafc15c75c6e4c29b13faec7b5639",class:"co-textarea__labels"},this.label&&r("label",{key:"06059b9f859cc62b7f7673c354577d504a2c2b45",class:"co-textarea__label",part:"label"},this.label,r(c,{key:"2a48d38ac6b87dfd158eb0d7d9b1b3b2b1f95b5d",required:this.required})),this.secondaryLabel&&r("span",{key:"b24adbb11cf6ec84250ff3ce7552a9a519d53c3e",class:"co-textarea__secondary-label"},this.secondaryLabel)),r("div",{key:"115cbef3d79afead80004feffde7b2ad7cc48f2d",class:"co-textarea__field",part:"field"},r("textarea",{key:"a77b4842c08dc16e36cdb900aa35ddecb4663b57",ref:e=>this.textareaEl=e,class:{"co-textarea__native":!0,["co-textarea__native--resize-"+this.resize]:!0},rows:this.rows,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,"aria-invalid":"error"===this.status||t?"true":"false",onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,part:"input"}),e&&r("button",{key:"bcd4b99d6be969a6a8e9d8b8be5ab9f5f70ad872",class:"co-textarea__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},r("co-icon",{key:"1c5feae936fb38feb4476074f0b440f44f7baad8",name:"x-circle",size:16,weight:"fill"}))),(this.helperText||null!=this.maxLength)&&r("div",{key:"6bdef97075337ced6529246ca7aa367c4e79e031",class:"co-textarea__footer"},this.helperText&&r("div",{key:"b72d17d0ceede08590afe947b0b99c789c91305e",class:{"co-textarea__helper":!0,"co-textarea__helper--error":"error"===this.status},part:"helper"},"error"===this.status&&r("co-icon",{key:"446fc7cd38b8bd6f65c4695c3b600b5a9ae9919e",name:"warning-circle",size:14,class:"co-textarea__helper-icon"}),r("span",{key:"52035f4b099e808c0318205060492749a161a426",class:"co-textarea__helper-text"},this.helperText)),null!=this.maxLength&&r("span",{key:"176b97555fad8ce83a38ee2af66b68edf0b26319",class:{"co-textarea__counter":!0,"co-textarea__counter--over":t},part:"counter"},this.charCount,"/",this.maxLength)))}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-textarea{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-textarea__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-textarea__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-textarea__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-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-textarea__field{position:relative;display:flex;background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out);box-sizing:border-box;overflow:hidden}.co-textarea--flat .co-textarea__field{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:transparent}.co-textarea__native{width:100%;border:none;outline:none;background:transparent;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);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}.co-textarea__native::placeholder{color:var(--co-semantic-text-muted)}.co-textarea--s .co-textarea__native{padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-textarea--sm .co-textarea__native{padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-textarea--lg .co-textarea__native{padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-textarea__native--resize-vertical{resize:vertical}.co-textarea__native--resize-none{resize:none}.co-textarea__native--resize-both{resize:both}.co-textarea__clear{position:absolute;top:var(--co-spacing-sm2);right:var(--co-spacing-sm2);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:var(--co-border-radius-xxs);background:transparent;color:var(--co-semantic-text-muted);cursor:pointer;padding:0;transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out), background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-textarea__clear:hover{color:var(--co-semantic-text-default);background:var(--co-semantic-surface-hover)}.co-textarea__footer{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-md)}.co-textarea__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);flex:1;min-width:0}.co-textarea__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-textarea__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-textarea__counter{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12, 12px);font-weight:400;line-height:1;white-space:nowrap;flex-shrink:0}.co-textarea__counter--over{color:var(--co-color-status-error);font-weight:500}.co-textarea--focused .co-textarea__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-textarea--disabled{opacity:0.6;pointer-events:none}.co-textarea--disabled .co-textarea__field{background:var(--co-semantic-surface-disabled);border-color:transparent}.co-textarea--error .co-textarea__field{border-color:var(--co-semantic-status-error)}.co-textarea--error.co-textarea--focused .co-textarea__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-textarea--error .co-textarea__helper-icon,.co-textarea--error .co-textarea__helper-text{color:var(--co-semantic-status-error)}.co-textarea--success .co-textarea__field{border-color:var(--co-semantic-status-success)}.co-textarea--success.co-textarea--focused .co-textarea__field{border-color:var(--co-semantic-status-success);box-shadow:0 0 0 2px rgba(10, 119, 36, 0.12)}.co-textarea--warning .co-textarea__field{border-color:var(--co-semantic-status-warning)}.co-textarea--warning.co-textarea--focused .co-textarea__field{border-color:var(--co-semantic-status-warning);box-shadow:0 0 0 2px rgba(253, 191, 0, 0.12)}.co-textarea--over-limit .co-textarea__field{border-color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-textarea{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-textarea__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-textarea__label{white-space:normal}:host([layout='horizontal']) .co-textarea>:not(.co-textarea__labels){grid-column:2;min-width:0}"}},[1,"co-textarea",{value:[1025],label:[1],secondaryLabel:[1,"secondary-label"],placeholder:[1],name:[1],required:[4],disabled:[4],readonly:[4],rows:[2],maxLength:[2,"max-length"],status:[1],helperText:[1,"helper-text"],layout:[513],size:[513],variant:[513],clearable:[4],resize:[1],hasFocus:[32]}]);function n(){"undefined"!=typeof customElements&&["co-textarea","co-icon"].forEach((t=>{switch(t){case"co-textarea":customElements.get(e(t))||customElements.define(e(t),s);break;case"co-icon":customElements.get(e(t))||i()}}))}n();const l=s,d=n;export{l as CoTextarea,d as defineCustomElement}
+import{t as e,p as t,H as a,c as r,h as o}from"./index.js";import{R as c}from"./p-CWneqh4n.js";import{d as i}from"./p-qMNHMnvI.js";const s=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coInput=r(this,"coInput",7),this.coChange=r(this,"coChange",7),this.coFocus=r(this,"coFocus",7),this.coBlur=r(this,"coBlur",7),this.coClear=r(this,"coClear",7),this.value="",this.placeholder="",this.required=!1,this.disabled=!1,this.readonly=!1,this.rows=4,this.status="default",this.layout="vertical",this.size="md",this.variant="default",this.clearable=!1,this.resize="vertical",this.hasFocus=!1,this.handleInput=e=>{this.value=e.target.value,this.coInput.emit(this.value)},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.hasFocus=!1,this.coChange.emit(this.value),this.coBlur.emit()},this.handleClear=()=>{var e;this.value="",this.coClear.emit(),this.coInput.emit(""),null===(e=this.textareaEl)||void 0===e||e.focus()}}get hasValue(){return null!=this.value&&""!==this.value}get charCount(){var e;return(null!==(e=this.value)&&void 0!==e?e:"").length}render(){const e=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly,t=null!=this.maxLength&&this.charCount>this.maxLength,a="default"!==this.status?"co-textarea--"+this.status:"";return o("div",{key:"83ba9b546aafdd51bcd45a9028cd344c72b2e34c",class:{"co-textarea":!0,"co-textarea--disabled":this.disabled,"co-textarea--focused":this.hasFocus,"co-textarea--filled":this.hasValue,"co-textarea--over-limit":t,["co-textarea--"+this.size]:!0,[a]:!!a,"co-textarea--flat":"flat"===this.variant},part:"wrapper"},(this.label||this.secondaryLabel)&&o("div",{key:"12527c009c32f5937c6036c726db5ef813acd14c",class:"co-textarea__labels"},this.label&&o("label",{key:"1db33924205a7f36ed9b6ef3cf6c65b9370e5b2c",class:"co-textarea__label",part:"label"},this.label,o(c,{key:"28ee5a526fd254194b59a024159a6131e3778957",required:this.required})),this.secondaryLabel&&o("span",{key:"72eabbd1a11d81d704515cd6954936a04c971f10",class:"co-textarea__secondary-label"},this.secondaryLabel)),o("div",{key:"a35c69ff044866ba72fbe3f167196b9226801daa",class:"co-textarea__field",part:"field"},o("textarea",{key:"f72b550b747592bbed8e5348f1ba7fbfb6cde153",ref:e=>this.textareaEl=e,class:{"co-textarea__native":!0,["co-textarea__native--resize-"+this.resize]:!0},rows:this.rows,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,"aria-invalid":"error"===this.status||t?"true":"false",onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,part:"input"}),e&&o("button",{key:"75c339ff7f805a0982e4662d4584a9d8c187d47f",class:"co-textarea__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},o("co-icon",{key:"1df2b361fa5e5b7436cb1f5f08c89571663cc2b1",name:"x-circle",size:16,weight:"fill"}))),(this.helperText||null!=this.maxLength)&&o("div",{key:"9e386d088cef6678ed80eb0d693eea4c9d6f93cc",class:"co-textarea__footer"},this.helperText&&o("div",{key:"5701602f224670cf59ae0bd410e44ed462030615",class:{"co-textarea__helper":!0,"co-textarea__helper--error":"error"===this.status},part:"helper"},"error"===this.status&&o("co-icon",{key:"7e5d0173f5c9f82272b5e57b220715fc178edc2c",name:"warning-circle",size:14,class:"co-textarea__helper-icon"}),o("span",{key:"ef184483745654568a57ab5aa56c457205eff33c",class:"co-textarea__helper-text"},this.helperText)),null!=this.maxLength&&o("span",{key:"f5fa0e53edd03a7dffe065c22857b858b726ae58",class:{"co-textarea__counter":!0,"co-textarea__counter--over":t},part:"counter"},this.charCount,"/",this.maxLength)))}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-textarea{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-textarea__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-textarea__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-textarea__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-field-required{margin-left:2px;color:var(--co-semantic-text-error, 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-textarea__field{position:relative;display:flex;background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out);box-sizing:border-box;overflow:hidden}.co-textarea--flat .co-textarea__field{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:transparent}.co-textarea__native{width:100%;border:none;outline:none;background:transparent;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);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}.co-textarea__native::placeholder{color:var(--co-semantic-text-muted)}.co-textarea--s .co-textarea__native{padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-textarea--sm .co-textarea__native{padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-textarea--lg .co-textarea__native{padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-textarea__native--resize-vertical{resize:vertical}.co-textarea__native--resize-none{resize:none}.co-textarea__native--resize-both{resize:both}.co-textarea__clear{position:absolute;top:var(--co-spacing-sm2);right:var(--co-spacing-sm2);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:var(--co-border-radius-xxs);background:transparent;color:var(--co-semantic-text-muted);cursor:pointer;padding:0;transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out), background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-textarea__clear:hover{color:var(--co-semantic-text-default);background:var(--co-semantic-surface-hover)}.co-textarea__footer{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-md)}.co-textarea__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);flex:1;min-width:0}.co-textarea__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-textarea__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-textarea__counter{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12, 12px);font-weight:400;line-height:1;white-space:nowrap;flex-shrink:0}.co-textarea__counter--over{color:var(--co-semantic-text-error, var(--co-color-status-error));font-weight:500}.co-textarea--focused .co-textarea__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-textarea--disabled{opacity:0.6;pointer-events:none}.co-textarea--disabled .co-textarea__field{background:var(--co-semantic-surface-disabled);border-color:transparent}.co-textarea--error .co-textarea__field{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error))}.co-textarea--error.co-textarea--focused .co-textarea__field{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error));box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-error, var(--co-semantic-status-error)) 12%, transparent)}.co-textarea--error .co-textarea__helper-icon,.co-textarea--error .co-textarea__helper-text{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}.co-textarea--success .co-textarea__field{border-color:var(--co-semantic-status-success)}.co-textarea--success.co-textarea--focused .co-textarea__field{border-color:var(--co-semantic-status-success);box-shadow:0 0 0 2px rgba(10, 119, 36, 0.12)}.co-textarea--warning .co-textarea__field{border-color:var(--co-semantic-status-warning)}.co-textarea--warning.co-textarea--focused .co-textarea__field{border-color:var(--co-semantic-status-warning);box-shadow:0 0 0 2px rgba(253, 191, 0, 0.12)}.co-textarea--over-limit .co-textarea__field{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error))}:host([layout='horizontal']) .co-textarea{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-textarea__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-textarea__label{white-space:normal}:host([layout='horizontal']) .co-textarea>:not(.co-textarea__labels){grid-column:2;min-width:0}"}},[1,"co-textarea",{value:[1025],label:[1],secondaryLabel:[1,"secondary-label"],placeholder:[1],name:[1],required:[4],disabled:[4],readonly:[4],rows:[2],maxLength:[2,"max-length"],status:[1],helperText:[1,"helper-text"],layout:[513],size:[513],variant:[513],clearable:[4],resize:[1],hasFocus:[32]}]);function n(){"undefined"!=typeof customElements&&["co-textarea","co-icon"].forEach((t=>{switch(t){case"co-textarea":customElements.get(e(t))||customElements.define(e(t),s);break;case"co-icon":customElements.get(e(t))||i()}}))}n();const l=s,d=n;export{l as CoTextarea,d as defineCustomElement}

package/dist/components/co-tile.js

@@ -1 +1 @@
-import{t,p as e,H as i,h as o,a as s}from"./index.js";import{d as n}from"./p-KK2vAKs-.js";const c=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.label="",this.iconSize=32,this.disabled=!1,this.spaceArmed=!1,this.handleKeyDown=t=>{this.ownsKeyEvent(t)&&("Enter"===t.key?this.el.click():" "===t.key&&(t.preventDefault(),this.spaceArmed=!0))},this.handleKeyUp=t=>{if(" "!==t.key)return;const e=this.spaceArmed;this.spaceArmed=!1,e&&this.ownsKeyEvent(t)&&(t.preventDefault(),this.el.click())},this.handleBlur=()=>{this.spaceArmed=!1}}ownsKeyEvent(t){return!this.disabled&&t.target===this.el}render(){return o(s,{key:"407cbb0c7c2f76d206f17233450ad4f7148d4860",role:"button",tabindex:this.disabled?void 0:0,"aria-disabled":this.disabled?"true":void 0,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,onBlur:this.handleBlur},o("div",{key:"73b397c1f2a4bd4f5a964b223ced9809f9c5f19c",class:"co-tile",part:"tile"},o("slot",{key:"e4b5b8a6855e838d51efd2d503cb893d68d6c2d3",name:"icon"},this.icon?o("co-icon",{name:this.icon,size:this.iconSize}):null),o("span",{key:"3b356385347ea64b2a80289b592fa4f1244e60af",class:"co-tile__label",part:"label"},this.label)))}get el(){return this}static get style(){return":host{display:block;width:100%;outline:none}:host([disabled]){pointer-events:none}:host(:focus-visible) .co-tile{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px}.co-tile{box-sizing:border-box;width:100%;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--co-spacing-sm2, 8px);padding-inline:var(--co-spacing-md, 12px);background:transparent;border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-sm);cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}:host(:not([disabled])) .co-tile:hover{background:var(--co-semantic-surface-hover)}:host([disabled]) .co-tile{cursor:not-allowed;opacity:0.4}.co-tile__label{font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);font-weight:var(--co-font-weight-regular, 400);line-height:1.3;color:var(--co-semantic-text-default);text-align:center;white-space:pre-line}"}},[257,"co-tile",{label:[1],icon:[1],iconSize:[2,"icon-size"],disabled:[516]}]);function a(){"undefined"!=typeof customElements&&["co-tile","co-icon"].forEach((e=>{switch(e){case"co-tile":customElements.get(t(e))||customElements.define(t(e),c);break;case"co-icon":customElements.get(t(e))||n()}}))}a();const r=c,l=a;export{r as CoTile,l as defineCustomElement}
+import{t,p as e,H as i,h as o,a as s}from"./index.js";import{d as n}from"./p-qMNHMnvI.js";const a=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.label="",this.iconSize=32,this.disabled=!1,this.spaceArmed=!1,this.handleKeyDown=t=>{this.ownsKeyEvent(t)&&("Enter"===t.key?this.el.click():" "===t.key&&(t.preventDefault(),this.spaceArmed=!0))},this.handleKeyUp=t=>{if(" "!==t.key)return;const e=this.spaceArmed;this.spaceArmed=!1,e&&this.ownsKeyEvent(t)&&(t.preventDefault(),this.el.click())},this.handleBlur=()=>{this.spaceArmed=!1}}ownsKeyEvent(t){return!this.disabled&&t.target===this.el}render(){return o(s,{key:"261a2e475fc44a1f003f85807a46d4a0365f272a",role:"button",tabindex:this.disabled?void 0:0,"aria-disabled":this.disabled?"true":void 0,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,onBlur:this.handleBlur},o("div",{key:"d85fd1aae282a41a4555a5e580694a2b4a8c6ab8",class:"co-tile",part:"tile"},o("slot",{key:"65c674f0ae7cb098d89df7bb9b9c214084e0bf6d",name:"icon"},this.icon?o("co-icon",{name:this.icon,size:this.iconSize}):null),o("span",{key:"6fb4ad0eeb044422ef9bfae0917daf237f07468c",class:"co-tile__label",part:"label"},this.label)))}get el(){return this}static get style(){return":host{display:block;width:100%;outline:none}:host([disabled]){pointer-events:none}:host(:focus-visible) .co-tile{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px}.co-tile{box-sizing:border-box;width:100%;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--co-spacing-sm2, 8px);padding-inline:var(--co-spacing-md, 12px);background:transparent;border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-sm);cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}:host(:not([disabled])) .co-tile:hover{background:var(--co-semantic-surface-hover)}:host([disabled]) .co-tile{cursor:not-allowed;opacity:0.4}.co-tile__label{font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);font-weight:var(--co-font-weight-regular, 400);line-height:1.3;color:var(--co-semantic-text-default);text-align:center;white-space:pre-line}"}},[257,"co-tile",{label:[1],icon:[1],iconSize:[2,"icon-size"],disabled:[516]}]);function r(){"undefined"!=typeof customElements&&["co-tile","co-icon"].forEach((e=>{switch(e){case"co-tile":customElements.get(t(e))||customElements.define(t(e),a);break;case"co-icon":customElements.get(t(e))||n()}}))}r();const c=a,l=r;export{c as CoTile,l as defineCustomElement}

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

@@ -1 +1 @@
-import{C as o,d as r}from"./p-Dn2wblrA.js";const s=o,p=r;export{s as CoTimeField,p as defineCustomElement}
+import{C as o,d as s}from"./p-CO12CK0t.js";const t=o,p=s;export{t as CoTimeField,p as defineCustomElement}

package/dist/components/co-toast.js

@@ -1 +1 @@
-import{t as o,p as t,H as s,c as a,h as c}from"./index.js";import{d as r}from"./p-KK2vAKs-.js";const e={success:"info",error:"info",warning:"info",info:"info",neutral:null},i=["error","warning"],n=t(class extends s{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coDismiss=a(this,"coDismiss",7),this.entered=!1,this.message="",this.dismissible=!0,this.actionsLayout="inline",this.variant="neutral"}componentDidLoad(){requestAnimationFrame((()=>{this.entered=!0}))}render(){var o;const t=!!this.description,s="stacked"===this.actionsLayout,a=null!=this.progress,r=a?Math.max(0,Math.min(100,this.progress)):0,n="success"===this.variant&&!this.icon&&!a,l=n?null:null!==(o=this.icon)&&void 0!==o?o:a?"upload-simple":e[this.variant],d=i.includes(this.variant)?"alert":"status",u={"co-toast":!0,["co-toast--"+this.variant]:!0,"co-toast--multiline":t,"co-toast--stacked":s,"co-toast--progress":a,"co-toast--in":this.entered},f=c("div",{key:"77bab740efb16eb862d74d3a072baa0399ac5cdc",class:"co-toast__content"},c("span",{key:"5677e36f94c873b634e211aa7918ed44ace21b34",class:"co-toast__message"},this.message),t&&c("span",{key:"ca564a3e80564ac91a260d288f38a2ce28db66bb",class:"co-toast__description"},this.description));return c("div",{key:"d065c88d1d5e6465dab56a2fd59849051e0682d8",class:u,part:"toast",role:d},(n||l)&&c("span",{key:"ee73223250c29067ee3e1a40140a3f8ef44aed4f",class:"co-toast__icon"},l?c("co-icon",{name:l,size:20}):c("svg",{class:"co-toast__check",viewBox:"0 0 16 16",width:"20",height:"20","aria-hidden":"true"},c("path",{d:"M3.5 8.5l3 3 6-6.5",pathLength:"1",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),c("div",{key:"5aad9debc4e7b0a319e50b0f75ef10ac0b903a73",class:"co-toast__body"},a?c("div",{class:"co-toast__progress"},c("div",{class:"co-toast__progress-header"},f,c("span",{class:"co-toast__percent"},r,"%")),c("div",{class:"co-toast__track",part:"track",role:"progressbar","aria-valuenow":r,"aria-valuemin":0,"aria-valuemax":100},c("span",{class:"co-toast__fill",part:"fill",style:{width:r+"%"}}))):f,s&&c("div",{key:"f7b7332e1dd67f2f4b1a2d5b97785f8f9593f14f",class:"co-toast__actions"},c("slot",{key:"c4238c8ee27dc2211419f0c8af77021cb7a35ec2",name:"action"}))),!s&&c("div",{key:"06b844a254ecd51dcb21c9cf84f2a7e5094a08bc",class:"co-toast__actions"},c("slot",{key:"c15f765d10ae12b38d081f3ad4b403c98ecd54c5",name:"action"})),this.dismissible&&c("button",{key:"52482f3d953e68c7b6108bdedb889aa136739316",class:"co-toast__dismiss",type:"button","aria-label":"Dismiss",onClick:()=>this.coDismiss.emit()},c("co-icon",{key:"9c92e6bcc6ef0bc346a1f9104d382af5bf50c3a6",name:"x",size:16})))}static get style(){return":host{display:block;--co-toast-bg:var(--co-semantic-surface-page);--co-toast-border:var(--co-semantic-border-subtle);--co-toast-text:var(--co-semantic-text-default);--co-toast-text-secondary:var(--co-semantic-text-secondary);--co-toast-icon:var(--co-semantic-text-default);--co-toast-dismiss-bg:var(--co-semantic-surface-disabled);--co-toast-dismiss-color:var(--co-semantic-text-default)}.co-toast{display:flex;align-items:center;gap:var(--co-spacing-md);padding:var(--co-spacing-lg);background:var(--co-toast-bg);border:1px solid var(--co-toast-border);border-radius:var(--co-border-radius-sm);font-family:var(--co-font-family-primary);box-sizing:border-box;width:100%;min-width:320px;max-width:458px}.co-toast--multiline,.co-toast--stacked,.co-toast--progress{align-items:flex-start}.co-toast__icon{display:inline-flex;flex-shrink:0;color:var(--co-toast-icon)}.co-toast--multiline .co-toast__icon,.co-toast--progress .co-toast__icon{padding-top:2px}.co-toast--progress .co-toast__icon{color:var(--co-color-primary-azul, #2563eb)}.co-toast__body{display:flex;flex-direction:column;flex:1;min-width:0;gap:var(--co-spacing-md)}.co-toast__content{display:flex;flex-direction:column;gap:var(--co-spacing-xs);min-width:0}.co-toast__message{font-size:var(--co-font-size-14);font-weight:400;line-height:1.25;letter-spacing:var(--co-font-letter-spacing-body);color:var(--co-toast-text)}.co-toast__description{font-size:var(--co-font-size-12);font-weight:400;line-height:1.4;letter-spacing:var(--co-font-letter-spacing-body);color:var(--co-toast-text-secondary)}.co-toast__actions{display:flex;align-items:center;gap:var(--co-spacing-sm2);flex-shrink:0}.co-toast__actions:empty{display:none}.co-toast--stacked .co-toast__actions{justify-content:flex-end;width:100%}.co-toast__dismiss{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;margin:0;border:none;border-radius:var(--co-border-radius-full);background:var(--co-toast-dismiss-bg);color:var(--co-toast-dismiss-color);cursor:pointer;flex-shrink:0;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out);-webkit-font-smoothing:antialiased}.co-toast__dismiss:hover{opacity:0.88}.co-toast__dismiss:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px}.co-toast--success{--co-toast-bg:var(--co-color-status-bg-success);--co-toast-border:var(--co-color-status-bg-success);--co-toast-text:var(--co-color-status-success);--co-toast-text-secondary:var(--co-color-status-success);--co-toast-icon:var(--co-color-status-success);--co-toast-dismiss-bg:var(--co-color-status-success);--co-toast-dismiss-color:var(--co-color-base-blanco)}.co-toast--error{--co-toast-bg:var(--co-color-status-bg-error);--co-toast-border:var(--co-color-status-bg-error);--co-toast-text:var(--co-color-status-error);--co-toast-text-secondary:var(--co-color-status-error);--co-toast-icon:var(--co-color-status-error);--co-toast-dismiss-bg:var(--co-color-status-error);--co-toast-dismiss-color:var(--co-color-base-blanco)}.co-toast--warning{--co-toast-bg:var(--co-color-status-bg-review);--co-toast-border:var(--co-color-status-bg-review);--co-toast-text:var(--co-color-status-review);--co-toast-text-secondary:var(--co-color-status-review);--co-toast-icon:var(--co-color-status-review);--co-toast-dismiss-bg:var(--co-color-status-review);--co-toast-dismiss-color:var(--co-color-base-blanco)}.co-toast--info{--co-toast-bg:var(--co-color-status-bg-progress);--co-toast-border:var(--co-color-status-bg-progress);--co-toast-text:var(--co-color-status-progress);--co-toast-text-secondary:var(--co-color-status-progress);--co-toast-icon:var(--co-color-status-progress);--co-toast-dismiss-bg:var(--co-color-status-progress);--co-toast-dismiss-color:var(--co-color-base-blanco)}.co-toast__progress{min-width:0}.co-toast__progress-header{display:flex;align-items:center;gap:var(--co-spacing-md);min-width:0}.co-toast__progress-header .co-toast__content{flex:1;min-width:0}.co-toast__percent{flex-shrink:0;font-size:var(--co-font-size-12, 12px);font-weight:400;line-height:1.25;letter-spacing:var(--co-font-letter-spacing-body);color:var(--co-color-gray-500, #888888);font-variant-numeric:tabular-nums}.co-toast__track{width:100%;height:6px;margin-top:9px;border-radius:9999px;background:var(--co-color-gray-100, #f6f6f6);overflow:hidden}.co-toast__fill{display:block;height:100%;border-radius:inherit;background:var(--co-color-primary-azul, #2563eb);transition:width 0.3s ease}.co-toast{opacity:0;transform:translateY(16px) scale(0.97);filter:blur(var(--co-motion-blur-sm))}.co-toast--in{opacity:1;transform:none;filter:none;transition:opacity var(--co-motion-duration-slow) var(--co-motion-ease-out),     transform var(--co-motion-duration-slow) var(--co-motion-ease-out),     filter var(--co-motion-duration-slow) var(--co-motion-ease-out)}.co-toast--in.co-toast--success{transition:opacity var(--co-motion-duration-slow) var(--co-motion-ease-out),     filter var(--co-motion-duration-slow) var(--co-motion-ease-out),     transform var(--co-motion-duration-slow) var(--co-motion-ease-spring)}.co-toast__check path{stroke-dasharray:1;stroke-dashoffset:1}.co-toast--in .co-toast__check path{stroke-dashoffset:0;transition:stroke-dashoffset var(--co-motion-duration-slow)     var(--co-motion-ease-out) var(--co-motion-duration-fast)}"}},[257,"co-toast",{message:[1],description:[1],icon:[1],dismissible:[4],actionsLayout:[1,"actions-layout"],variant:[1],progress:[2],entered:[32]}]);function l(){"undefined"!=typeof customElements&&["co-toast","co-icon"].forEach((t=>{switch(t){case"co-toast":customElements.get(o(t))||customElements.define(o(t),n);break;case"co-icon":customElements.get(o(t))||r()}}))}l();const d=n,u=l;export{d as CoToast,u as defineCustomElement}
+import{t as o,p as t,H as s,c as a,h as c}from"./index.js";import{d as r}from"./p-qMNHMnvI.js";const e={success:"info",error:"info",warning:"info",info:"info",neutral:null},i=["error","warning"],n=t(class extends s{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coDismiss=a(this,"coDismiss",7),this.entered=!1,this.message="",this.dismissible=!0,this.actionsLayout="inline",this.variant="neutral"}componentDidLoad(){requestAnimationFrame((()=>{this.entered=!0}))}render(){var o;const t=!!this.description,s="stacked"===this.actionsLayout,a=null!=this.progress,r=a?Math.max(0,Math.min(100,this.progress)):0,n="success"===this.variant&&!this.icon&&!a,l=n?null:null!==(o=this.icon)&&void 0!==o?o:a?"upload-simple":e[this.variant],d=i.includes(this.variant)?"alert":"status",m={"co-toast":!0,["co-toast--"+this.variant]:!0,"co-toast--multiline":t,"co-toast--stacked":s,"co-toast--progress":a,"co-toast--in":this.entered},u=c("div",{key:"77bab740efb16eb862d74d3a072baa0399ac5cdc",class:"co-toast__content"},c("span",{key:"5677e36f94c873b634e211aa7918ed44ace21b34",class:"co-toast__message"},this.message),t&&c("span",{key:"ca564a3e80564ac91a260d288f38a2ce28db66bb",class:"co-toast__description"},this.description));return c("div",{key:"d065c88d1d5e6465dab56a2fd59849051e0682d8",class:m,part:"toast",role:d},(n||l)&&c("span",{key:"ee73223250c29067ee3e1a40140a3f8ef44aed4f",class:"co-toast__icon"},l?c("co-icon",{name:l,size:20}):c("svg",{class:"co-toast__check",viewBox:"0 0 16 16",width:"20",height:"20","aria-hidden":"true"},c("path",{d:"M3.5 8.5l3 3 6-6.5",pathLength:"1",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),c("div",{key:"5aad9debc4e7b0a319e50b0f75ef10ac0b903a73",class:"co-toast__body"},a?c("div",{class:"co-toast__progress"},c("div",{class:"co-toast__progress-header"},u,c("span",{class:"co-toast__percent"},r,"%")),c("div",{class:"co-toast__track",part:"track",role:"progressbar","aria-valuenow":r,"aria-valuemin":0,"aria-valuemax":100},c("span",{class:"co-toast__fill",part:"fill",style:{width:r+"%"}}))):u,s&&c("div",{key:"f7b7332e1dd67f2f4b1a2d5b97785f8f9593f14f",class:"co-toast__actions"},c("slot",{key:"c4238c8ee27dc2211419f0c8af77021cb7a35ec2",name:"action"}))),!s&&c("div",{key:"06b844a254ecd51dcb21c9cf84f2a7e5094a08bc",class:"co-toast__actions"},c("slot",{key:"c15f765d10ae12b38d081f3ad4b403c98ecd54c5",name:"action"})),this.dismissible&&c("button",{key:"52482f3d953e68c7b6108bdedb889aa136739316",class:"co-toast__dismiss",type:"button","aria-label":"Dismiss",onClick:()=>this.coDismiss.emit()},c("co-icon",{key:"9c92e6bcc6ef0bc346a1f9104d382af5bf50c3a6",name:"x",size:16})))}static get style(){return":host{display:block;--co-toast-bg:var(--co-semantic-surface-page);--co-toast-border:var(--co-semantic-border-subtle);--co-toast-text:var(--co-semantic-text-default);--co-toast-text-secondary:var(--co-semantic-text-secondary);--co-toast-icon:var(--co-semantic-text-default);--co-toast-dismiss-bg:var(--co-semantic-surface-disabled);--co-toast-dismiss-color:var(--co-semantic-text-default)}.co-toast{display:flex;align-items:center;gap:var(--co-spacing-md);padding:var(--co-spacing-lg);background:var(--co-toast-bg);border:1px solid var(--co-toast-border);border-radius:var(--co-border-radius-sm);font-family:var(--co-font-family-primary);box-sizing:border-box;width:100%;min-width:320px;max-width:458px}.co-toast--multiline,.co-toast--stacked,.co-toast--progress{align-items:flex-start}.co-toast__icon{display:inline-flex;flex-shrink:0;color:var(--co-toast-icon)}.co-toast--multiline .co-toast__icon,.co-toast--progress .co-toast__icon{padding-top:2px}.co-toast--progress .co-toast__icon{color:var(--co-semantic-text-link, var(--co-color-primary-azul, #2563eb))}.co-toast__body{display:flex;flex-direction:column;flex:1;min-width:0;gap:var(--co-spacing-md)}.co-toast__content{display:flex;flex-direction:column;gap:var(--co-spacing-xs);min-width:0}.co-toast__message{font-size:var(--co-font-size-14);font-weight:400;line-height:1.25;letter-spacing:var(--co-font-letter-spacing-body);color:var(--co-toast-text)}.co-toast__description{font-size:var(--co-font-size-12);font-weight:400;line-height:1.4;letter-spacing:var(--co-font-letter-spacing-body);color:var(--co-toast-text-secondary)}.co-toast__actions{display:flex;align-items:center;gap:var(--co-spacing-sm2);flex-shrink:0}.co-toast__actions:empty{display:none}.co-toast--stacked .co-toast__actions{justify-content:flex-end;width:100%}.co-toast__dismiss{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;margin:0;border:none;border-radius:var(--co-border-radius-full);background:var(--co-toast-dismiss-bg);color:var(--co-toast-dismiss-color);cursor:pointer;flex-shrink:0;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out);-webkit-font-smoothing:antialiased}.co-toast__dismiss:hover{opacity:0.88}.co-toast__dismiss:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px}.co-toast--success{--co-toast-bg:var(--co-semantic-surface-success, var(--co-color-status-bg-success));--co-toast-border:var(--co-semantic-surface-success, var(--co-color-status-bg-success));--co-toast-text:var(--co-semantic-text-success, var(--co-color-status-success));--co-toast-text-secondary:var(--co-semantic-text-success, var(--co-color-status-success));--co-toast-icon:var(--co-semantic-text-success, var(--co-color-status-success));--co-toast-dismiss-bg:var(--co-color-status-success);--co-toast-dismiss-color:var(--co-color-base-blanco)}.co-toast--error{--co-toast-bg:var(--co-semantic-surface-error, var(--co-color-status-bg-error));--co-toast-border:var(--co-semantic-surface-error, var(--co-color-status-bg-error));--co-toast-text:var(--co-semantic-text-error, var(--co-color-status-error));--co-toast-text-secondary:var(--co-semantic-text-error, var(--co-color-status-error));--co-toast-icon:var(--co-semantic-text-error, var(--co-color-status-error));--co-toast-dismiss-bg:var(--co-color-status-error);--co-toast-dismiss-color:var(--co-color-base-blanco)}.co-toast--warning{--co-toast-bg:var(--co-semantic-surface-warning, var(--co-color-status-bg-review));--co-toast-border:var(--co-semantic-surface-warning, var(--co-color-status-bg-review));--co-toast-text:var(--co-semantic-text-warning, var(--co-color-status-review));--co-toast-text-secondary:var(--co-semantic-text-warning, var(--co-color-status-review));--co-toast-icon:var(--co-semantic-text-warning, var(--co-color-status-review));--co-toast-dismiss-bg:var(--co-color-status-review);--co-toast-dismiss-color:var(--co-color-base-blanco)}.co-toast--info{--co-toast-bg:var(--co-semantic-surface-info, var(--co-color-status-bg-progress));--co-toast-border:var(--co-semantic-surface-info, var(--co-color-status-bg-progress));--co-toast-text:var(--co-semantic-text-info, var(--co-color-status-progress));--co-toast-text-secondary:var(--co-semantic-text-info, var(--co-color-status-progress));--co-toast-icon:var(--co-semantic-text-info, var(--co-color-status-progress));--co-toast-dismiss-bg:var(--co-color-status-progress);--co-toast-dismiss-color:var(--co-color-base-blanco)}.co-toast__progress{min-width:0}.co-toast__progress-header{display:flex;align-items:center;gap:var(--co-spacing-md);min-width:0}.co-toast__progress-header .co-toast__content{flex:1;min-width:0}.co-toast__percent{flex-shrink:0;font-size:var(--co-font-size-12, 12px);font-weight:400;line-height:1.25;letter-spacing:var(--co-font-letter-spacing-body);color:var(--co-semantic-text-muted, var(--co-color-gray-500, #888888));font-variant-numeric:tabular-nums}.co-toast__track{width:100%;height:6px;margin-top:9px;border-radius:9999px;background:var(--co-semantic-surface-control, var(--co-color-gray-100, #f6f6f6));overflow:hidden}.co-toast__fill{display:block;height:100%;border-radius:inherit;background:var(--co-color-primary-azul, #2563eb);transition:width 0.3s ease}.co-toast{opacity:0;transform:translateY(16px) scale(0.97);filter:blur(var(--co-motion-blur-sm))}.co-toast--in{opacity:1;transform:none;filter:none;transition:opacity var(--co-motion-duration-slow) var(--co-motion-ease-out),     transform var(--co-motion-duration-slow) var(--co-motion-ease-out),     filter var(--co-motion-duration-slow) var(--co-motion-ease-out)}.co-toast--in.co-toast--success{transition:opacity var(--co-motion-duration-slow) var(--co-motion-ease-out),     filter var(--co-motion-duration-slow) var(--co-motion-ease-out),     transform var(--co-motion-duration-slow) var(--co-motion-ease-spring)}.co-toast__check path{stroke-dasharray:1;stroke-dashoffset:1}.co-toast--in .co-toast__check path{stroke-dashoffset:0;transition:stroke-dashoffset var(--co-motion-duration-slow)     var(--co-motion-ease-out) var(--co-motion-duration-fast)}"}},[257,"co-toast",{message:[1],description:[1],icon:[1],dismissible:[4],actionsLayout:[1,"actions-layout"],variant:[1],progress:[2],entered:[32]}]);function l(){"undefined"!=typeof customElements&&["co-toast","co-icon"].forEach((t=>{switch(t){case"co-toast":customElements.get(o(t))||customElements.define(o(t),n);break;case"co-icon":customElements.get(o(t))||r()}}))}l();const d=n,m=l;export{d as CoToast,m as defineCustomElement}

package/dist/components/co-toggle-button-group.js

@@ -1 +1 @@
-import{t,p as o,H as g,c as r,h as e}from"./index.js";const c=o(class extends g{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coChange=r(this,"coChange",7),this.value="",this.multiple=!1,this.size="m",this.disabled=!1,this.direction="row",this.fullWidth=!1,this.variant="connected"}get selectedValues(){if(this.multiple){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(t){return this.value?[this.value]:[]}return this.value}return"string"==typeof this.value&&this.value?[this.value]:[]}syncChildren(){this.updateChildStates()}syncVariant(){this.updateChildStates()}componentDidLoad(){this.updateChildStates()}handleToggle(t){t.stopPropagation();const{value:o}=t.detail;if(this.multiple){const t=[...this.selectedValues],g=t.indexOf(o);g>=0?t.splice(g,1):t.push(o),this.value=JSON.stringify(t),this.coChange.emit(t)}else this.value=o,this.coChange.emit(o);this.updateChildStates()}updateChildStates(){const t=this.selectedValues;this.el.querySelectorAll("co-toggle-button").forEach((o=>{o.selected=t.includes(o.value),o.variant=this.variant}))}render(){return e("div",{key:"876d581e3c53b790f1e89ba3917325ccc7b5e8ba",class:{"co-toggle-button-group":!0,["co-toggle-button-group--"+this.direction]:!0,["co-toggle-button-group--"+this.variant]:!0,"co-toggle-button-group--xs":"xs"===this.size,"co-toggle-button-group--disabled":this.disabled,"co-toggle-button-group--full":this.fullWidth},role:"group"},e("slot",{key:"9e791ede02a818a5fbe0bf571cc185cc3ea609a6"}))}get el(){return this}static get watchers(){return{value:[{syncChildren:0}],variant:[{syncVariant:0}]}}static get style(){return":host{display:inline-flex}.co-toggle-button-group{display:inline-flex;gap:0}.co-toggle-button-group--row{flex-direction:row}.co-toggle-button-group--column{flex-direction:column}:host([full-width]){display:flex;width:100%}.co-toggle-button-group--full{display:flex;width:100%}.co-toggle-button-group--full.co-toggle-button-group--row ::slotted(co-toggle-button){flex:1 1 0;--co-toggle-button-width:100%}.co-toggle-button-group--row ::slotted(co-toggle-button){--co-tbr-tl:0;--co-tbr-tr:0;--co-tbr-br:0;--co-tbr-bl:0}.co-toggle-button-group--row ::slotted(co-toggle-button:first-child){--co-tbr-tl:var(--co-toggle-button-radius);--co-tbr-bl:var(--co-toggle-button-radius)}.co-toggle-button-group--row ::slotted(co-toggle-button:last-child){--co-tbr-tr:var(--co-toggle-button-radius);--co-tbr-br:var(--co-toggle-button-radius)}.co-toggle-button-group--column ::slotted(co-toggle-button){--co-tbr-tl:0;--co-tbr-tr:0;--co-tbr-br:0;--co-tbr-bl:0;width:100%}.co-toggle-button-group--column ::slotted(co-toggle-button:first-child){--co-tbr-tl:var(--co-toggle-button-radius);--co-tbr-tr:var(--co-toggle-button-radius)}.co-toggle-button-group--column ::slotted(co-toggle-button:last-child){--co-tbr-bl:var(--co-toggle-button-radius);--co-tbr-br:var(--co-toggle-button-radius)}.co-toggle-button-group--row ::slotted(co-toggle-button:not(:first-child)){margin-left:-1px}.co-toggle-button-group--column ::slotted(co-toggle-button:not(:first-child)){margin-top:-1px}.co-toggle-button-group--disabled{opacity:0.4;pointer-events:none}.co-toggle-button-group--track{display:inline-flex;gap:var(--co-toggle-track-gap, 2px);padding:var(--co-toggle-track-padding, 3px);box-sizing:border-box;border-radius:var(--co-toggle-track-radius, 10px);background:var(--co-toggle-track-bg, var(--co-semantic-surface-muted));box-shadow:var(--co-toggle-track-ring, inset 0 0 0 1px var(--co-semantic-border-subtle))}.co-toggle-button-group--track ::slotted(co-toggle-button){margin:0 !important}.co-toggle-button-group--track.co-toggle-button-group--xs{gap:var(--co-toggle-track-gap, var(--co-spacing-xxs));padding:var(--co-toggle-track-padding, var(--co-spacing-xxs));border-radius:var(--co-toggle-track-radius, var(--co-border-radius-xxs))}.co-toggle-button-group--soft{gap:var(--co-spacing-sm2)}.co-toggle-button-group--soft ::slotted(co-toggle-button){margin:0 !important}"}},[257,"co-toggle-button-group",{value:[1025],multiple:[4],size:[1],disabled:[4],direction:[1],fullWidth:[516,"full-width"],variant:[513]},[[0,"coToggle","handleToggle"]],{value:[{syncChildren:0}],variant:[{syncVariant:0}]}]);function l(){"undefined"!=typeof customElements&&["co-toggle-button-group"].forEach((o=>{"co-toggle-button-group"===o&&(customElements.get(t(o))||customElements.define(t(o),c))}))}l();const n=c,s=l;export{n as CoToggleButtonGroup,s as defineCustomElement}
+import{t,p as o,H as g,c as r,h as e}from"./index.js";const l=o(class extends g{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coChange=r(this,"coChange",7),this.value="",this.multiple=!1,this.size="m",this.disabled=!1,this.direction="row",this.fullWidth=!1,this.variant="connected"}get selectedValues(){if(this.multiple){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(t){return this.value?[this.value]:[]}return this.value}return"string"==typeof this.value&&this.value?[this.value]:[]}syncChildren(){this.updateChildStates()}syncVariant(){this.updateChildStates()}componentDidLoad(){this.updateChildStates()}handleToggle(t){t.stopPropagation();const{value:o}=t.detail;if(this.multiple){const t=[...this.selectedValues],g=t.indexOf(o);g>=0?t.splice(g,1):t.push(o),this.value=JSON.stringify(t),this.coChange.emit(t)}else this.value=o,this.coChange.emit(o);this.updateChildStates()}updateChildStates(){const t=this.selectedValues;this.el.querySelectorAll("co-toggle-button").forEach((o=>{o.selected=t.includes(o.value),o.variant=this.variant}))}render(){return e("div",{key:"5603238d8329580cec8916147854b8316e118882",class:{"co-toggle-button-group":!0,["co-toggle-button-group--"+this.direction]:!0,["co-toggle-button-group--"+this.variant]:!0,"co-toggle-button-group--xs":"xs"===this.size,"co-toggle-button-group--disabled":this.disabled,"co-toggle-button-group--full":this.fullWidth},role:"group"},e("slot",{key:"d9cf50452f22dff3f076d9b1cb3126a2924030e1"}))}get el(){return this}static get watchers(){return{value:[{syncChildren:0}],variant:[{syncVariant:0}]}}static get style(){return":host{display:inline-flex}.co-toggle-button-group{display:inline-flex;gap:0}.co-toggle-button-group--row{flex-direction:row}.co-toggle-button-group--column{flex-direction:column}:host([full-width]){display:flex;width:100%}.co-toggle-button-group--full{display:flex;width:100%}.co-toggle-button-group--full.co-toggle-button-group--row ::slotted(co-toggle-button){flex:1 1 0;--co-toggle-button-width:100%}.co-toggle-button-group--row ::slotted(co-toggle-button){--co-tbr-tl:0;--co-tbr-tr:0;--co-tbr-br:0;--co-tbr-bl:0}.co-toggle-button-group--row ::slotted(co-toggle-button:first-child){--co-tbr-tl:var(--co-toggle-button-radius);--co-tbr-bl:var(--co-toggle-button-radius)}.co-toggle-button-group--row ::slotted(co-toggle-button:last-child){--co-tbr-tr:var(--co-toggle-button-radius);--co-tbr-br:var(--co-toggle-button-radius)}.co-toggle-button-group--column ::slotted(co-toggle-button){--co-tbr-tl:0;--co-tbr-tr:0;--co-tbr-br:0;--co-tbr-bl:0;width:100%}.co-toggle-button-group--column ::slotted(co-toggle-button:first-child){--co-tbr-tl:var(--co-toggle-button-radius);--co-tbr-tr:var(--co-toggle-button-radius)}.co-toggle-button-group--column ::slotted(co-toggle-button:last-child){--co-tbr-bl:var(--co-toggle-button-radius);--co-tbr-br:var(--co-toggle-button-radius)}.co-toggle-button-group--row ::slotted(co-toggle-button:not(:first-child)){margin-left:-1px}.co-toggle-button-group--column ::slotted(co-toggle-button:not(:first-child)){margin-top:-1px}.co-toggle-button-group--disabled{opacity:0.4;pointer-events:none}.co-toggle-button-group--track{display:inline-flex;gap:var(--co-toggle-track-gap, 2px);padding:var(--co-toggle-track-padding, 3px);box-sizing:border-box;border-radius:var(--co-toggle-track-radius, 10px);background:var(--co-toggle-track-bg, var(--co-semantic-surface-muted));box-shadow:var(--co-toggle-track-ring, inset 0 0 0 1px var(--co-semantic-border-subtle))}.co-toggle-button-group--track ::slotted(co-toggle-button){margin:0 !important}.co-toggle-button-group--track.co-toggle-button-group--xs{gap:var(--co-toggle-track-gap, var(--co-spacing-xxs));padding:var(--co-toggle-track-padding, var(--co-spacing-xxs));border-radius:var(--co-toggle-track-radius, var(--co-border-radius-xxs))}.co-toggle-button-group--soft{gap:var(--co-spacing-sm2)}.co-toggle-button-group--soft ::slotted(co-toggle-button){margin:0 !important}.co-toggle-button-group--pill{gap:var(--co-spacing-md);flex-wrap:wrap}.co-toggle-button-group--pill ::slotted(co-toggle-button){margin:0 !important}"}},[257,"co-toggle-button-group",{value:[1025],multiple:[4],size:[1],disabled:[4],direction:[1],fullWidth:[516,"full-width"],variant:[513]},[[0,"coToggle","handleToggle"]],{value:[{syncChildren:0}],variant:[{syncVariant:0}]}]);function c(){"undefined"!=typeof customElements&&["co-toggle-button-group"].forEach((o=>{"co-toggle-button-group"===o&&(customElements.get(t(o))||customElements.define(t(o),l))}))}c();const n=l,s=c;export{n as CoToggleButtonGroup,s as defineCustomElement}

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

@@ -1 +1 @@
-import{t as o,p as t,H as e,c as r,h as a}from"./index.js";import{d as c}from"./p-KK2vAKs-.js";const s=new Set(["l","m","s","xs"]),n=t(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coToggle=r(this,"coToggle",7),this.selected=!1,this.value="",this.size="m",this.disabled=!1,this.variant="connected",this.handleClick=()=>{this.disabled||(this.selected=!this.selected,this.coToggle.emit({value:this.value,selected:this.selected}))}}componentWillLoad(){this.adoptGroupSize()}adoptGroupSize(){var o,t;if(this.el.hasAttribute("size")||null!=this.size&&"m"!==this.size)return;const e=this.el.closest("co-toggle-button-group");if(!e)return;const r=null!==(o=e.variant)&&void 0!==o?o:e.getAttribute("variant"),a=null!==(t=e.size)&&void 0!==t?t:e.getAttribute("size");((o,t)=>s.has(null!=t?t:"")&&("soft"===o||"track"===o&&"xs"===t))(r,a)&&(this.size=a)}render(){const o="track"===this.variant?"xs"===this.size?14:18:"l"===this.size?20:"xs"===this.size?14:16,t=this.selected&&this.selectedIconWeight?this.selectedIconWeight:void 0;return a("button",{key:"a0b0aa7d128e4ee66a91a223851b126684d8e997",part:"button",class:{"co-toggle-button":!0,"co-toggle-button--selected":this.selected,["co-toggle-button--"+this.size]:!0,"co-toggle-button--disabled":this.disabled,"co-toggle-button--icon-only":!(this.label||!this.iconLeft&&!this.iconRight)},type:"button",disabled:this.disabled,"aria-pressed":this.selected+"",onClick:this.handleClick},a("slot",{key:"d683a91a68fb3820a01b8bd91dc3b81b8d8994f0",name:"leading"}),this.iconLeft&&a("co-icon",{key:"6894633951caa68a614824af931a33dc46a552ab",name:this.iconLeft,size:o,weight:t}),this.label&&a("span",{key:"96d902f0f28a8ea8a810425cf775ff6a9437be4d",class:"co-toggle-button__label"},this.label),this.iconRight&&a("co-icon",{key:"4e5db3f34af24fffce2ec95e4a7767c82768db39",name:this.iconRight,size:o,weight:t}))}get el(){return this}static get style(){return":host{display:inline-flex;--co-toggle-button-radius:var(--co-border-radius-sm)}:host([size='l']){--co-toggle-button-radius:var(--co-border-radius-lg)}:host([size='m']){--co-toggle-button-radius:var(--co-border-radius-sm)}:host([size='s']){--co-toggle-button-radius:var(--co-border-radius-xs)}:host([size='xs']){--co-toggle-button-radius:var(--co-border-radius-xs)}.co-toggle-button{display:inline-flex;width:var(--co-toggle-button-width, auto);align-items:center;justify-content:center;gap:var(--co-spacing-sm2);border:1px solid var(--co-semantic-border-subtle);border-top-left-radius:var(--co-tbr-tl, var(--co-toggle-button-radius));border-top-right-radius:var(--co-tbr-tr, var(--co-toggle-button-radius));border-bottom-right-radius:var(--co-tbr-br, var(--co-toggle-button-radius));border-bottom-left-radius:var(--co-tbr-bl, var(--co-toggle-button-radius));background:color-mix(in srgb, var(--co-semantic-surface-secondary) 35%, transparent);-webkit-backdrop-filter:var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)));backdrop-filter:var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)));color:var(--co-toggle-button-color, var(--co-semantic-text-default));font-family:var(--co-font-family-primary);font-weight:500;cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out);white-space:nowrap;box-sizing:border-box;line-height:1}.co-toggle-button--l{height:48px;padding:0 var(--co-spacing-lg);font-size:var(--co-toggle-button-font-size, var(--co-font-size-16))}.co-toggle-button--m{height:40px;padding:0 var(--co-spacing-md);font-size:var(--co-toggle-button-font-size, var(--co-font-size-14))}.co-toggle-button--s{height:32px;padding:0 var(--co-spacing-sm2);font-size:var(--co-toggle-button-font-size, var(--co-font-size-14))}.co-toggle-button--xs{height:24px;padding:0 var(--co-spacing-sm);font-size:var(--co-toggle-button-font-size, var(--co-font-size-12))}.co-toggle-button--icon-only.co-toggle-button--l{width:48px;padding:0}.co-toggle-button--icon-only.co-toggle-button--m{width:40px;padding:0}.co-toggle-button--icon-only.co-toggle-button--s{width:32px;padding:0}.co-toggle-button--icon-only.co-toggle-button--xs{width:24px;padding:0}.co-toggle-button:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-toggle-button--selected{background:var(--co-color-base-negro, #1f1c1b);color:var(--co-toggle-button-color-selected, var(--co-color-base-blanco, #fff));border-color:var(--co-color-base-negro, #1f1c1b)}.co-toggle-button--selected:hover:not(:disabled){background:var(--co-color-gray-800, #0a0a0a);border-color:var(--co-color-gray-800, #0a0a0a)}.co-toggle-button--disabled{opacity:0.4;cursor:not-allowed}.co-toggle-button:focus-visible{outline:2px solid var(--co-semantic-text-default);outline-offset:-3px}.co-toggle-button--selected:focus-visible{outline-color:currentColor}.co-toggle-button__label{line-height:1}@supports not (background: color-mix(in srgb, red, transparent)){.co-toggle-button{background:var(--co-semantic-surface-secondary)}}:host([variant='track']) .co-toggle-button{height:var(--co-toggle-pill-height, 30px);border-radius:var(--co-toggle-pill-radius, 8px);border-color:transparent;background:transparent;color:var(--co-toggle-button-color, var(--co-semantic-text-secondary));box-shadow:none;padding:0 12px;-webkit-backdrop-filter:none;backdrop-filter:none}:host([variant='track']) .co-toggle-button.co-toggle-button--icon-only{width:34px;padding:0}:host([variant='track']) .co-toggle-button:hover:not(:disabled){background:var(--co-semantic-surface-hover);color:var(--co-toggle-button-color-hover, var(--co-semantic-text-default))}:host([variant='track']) .co-toggle-button--selected{background:var(--co-semantic-surface-page);color:var(--co-toggle-button-color-selected, var(--co-semantic-text-default));border-color:var(--co-toggle-pill-border, var(--co-semantic-border-default));box-shadow:var(--co-toggle-pill-shadow, var(--co-shadow-sm, 0 1px 2px 0 rgba(26, 26, 26, 0.04)))}:host([variant='track']) .co-toggle-button--selected:hover:not(:disabled){background:var(--co-semantic-surface-page);color:var(--co-toggle-button-color-selected, var(--co-semantic-text-default));border-color:var(--co-toggle-pill-border, var(--co-semantic-border-default))}:host([variant='track'][size='xs']) .co-toggle-button{height:var(--co-toggle-pill-height, 20px);border-radius:var(--co-toggle-pill-radius, var(--co-border-radius-xxs))}:host([variant='track'][size='xs']) .co-toggle-button:not(.co-toggle-button--selected){color:var(--co-toggle-button-color, var(--co-semantic-text-default))}:host([variant='track'][size='xs']) .co-toggle-button:not(.co-toggle-button--selected):hover:not(:disabled){color:var(--co-toggle-button-color-hover, var(--co-semantic-text-default))}:host([variant='track'][size='xs']) .co-toggle-button.co-toggle-button--icon-only{width:20px}:host([variant='track'][size='xs']) .co-toggle-button--selected{box-shadow:var(--co-toggle-pill-shadow, none)}:host([variant='soft']) .co-toggle-button{height:24px;border-radius:var(--co-border-radius-xxs);border-color:transparent;background:var(--co-semantic-surface-control, #f6f6f6);color:var(--co-toggle-button-color, var(--co-semantic-text-default));font-size:var(--co-font-size-12);font-weight:var(--co-font-weight-regular);padding:0 calc(var(--co-spacing-sm2) - 1px);gap:var(--co-spacing-sm2);-webkit-backdrop-filter:none;backdrop-filter:none}:host([variant='soft']) .co-toggle-button:hover:not(:disabled){background:var(--co-semantic-surface-control, #f6f6f6)}:host([variant='soft']) .co-toggle-button--selected{background:var(--co-color-celeste-100);color:var(--co-toggle-button-color-selected, var(--co-color-primary-azul));border-color:transparent}:host([variant='soft']) .co-toggle-button--selected:hover:not(:disabled){background:var(--co-color-celeste-100)}"}},[257,"co-toggle-button",{selected:[1540],value:[1],label:[1],iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],size:[513],disabled:[4],variant:[513],selectedIconWeight:[1,"selected-icon-weight"]}]);function i(){"undefined"!=typeof customElements&&["co-toggle-button","co-icon"].forEach((t=>{switch(t){case"co-toggle-button":customElements.get(o(t))||customElements.define(o(t),n);break;case"co-icon":customElements.get(o(t))||c()}}))}i();const l=n,g=i;export{l as CoToggleButton,g as defineCustomElement}
+import{t as o,p as t,H as e,c as r,h as a}from"./index.js";import{d as c}from"./p-qMNHMnvI.js";const s=new Set(["l","m","s","xs"]),n=t(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coToggle=r(this,"coToggle",7),this.selected=!1,this.value="",this.size="m",this.disabled=!1,this.variant="connected",this.handleClick=()=>{this.disabled||(this.selected=!this.selected,this.coToggle.emit({value:this.value,selected:this.selected}))}}componentWillLoad(){this.adoptGroupSize()}adoptGroupSize(){var o,t;if(this.el.hasAttribute("size")||null!=this.size&&"m"!==this.size)return;const e=this.el.closest("co-toggle-button-group");if(!e)return;const r=null!==(o=e.variant)&&void 0!==o?o:e.getAttribute("variant"),a=null!==(t=e.size)&&void 0!==t?t:e.getAttribute("size");((o,t)=>s.has(null!=t?t:"")&&("soft"===o||"track"===o&&"xs"===t))(r,a)&&(this.size=a)}render(){const o="track"===this.variant?"xs"===this.size?14:18:"l"===this.size?20:"xs"===this.size?14:16,t=this.selected&&this.selectedIconWeight?this.selectedIconWeight:void 0;return a("button",{key:"8294ac8c49a0c36c9b88192db084bacbce1b7a15",part:"button",class:{"co-toggle-button":!0,"co-toggle-button--selected":this.selected,["co-toggle-button--"+this.size]:!0,"co-toggle-button--disabled":this.disabled,"co-toggle-button--icon-only":!(this.label||!this.iconLeft&&!this.iconRight)},type:"button",disabled:this.disabled,"aria-pressed":this.selected+"",onClick:this.handleClick},a("slot",{key:"9430df624ac0477d9942f321676360e5fd0cf697",name:"leading"}),this.iconLeft&&a("co-icon",{key:"78c8f2c1abcbbcae86e13712eeb8da7587ce7dd3",name:this.iconLeft,size:o,weight:t}),this.label&&a("span",{key:"8d2c2281ff3afe0b7a998c128718f3b9b3d700fe",class:"co-toggle-button__label"},this.label),this.iconRight&&a("co-icon",{key:"9219240493081a502ccaca2f8b3f252f652872ef",name:this.iconRight,size:o,weight:t}))}get el(){return this}static get style(){return":host{display:inline-flex;--co-toggle-button-radius:var(--co-border-radius-sm)}:host([size='l']){--co-toggle-button-radius:var(--co-border-radius-lg)}:host([size='m']){--co-toggle-button-radius:var(--co-border-radius-sm)}:host([size='s']){--co-toggle-button-radius:var(--co-border-radius-xs)}:host([size='xs']){--co-toggle-button-radius:var(--co-border-radius-xs)}.co-toggle-button{display:inline-flex;width:var(--co-toggle-button-width, auto);align-items:center;justify-content:center;gap:var(--co-spacing-sm2);border:1px solid var(--co-semantic-border-subtle);border-top-left-radius:var(--co-tbr-tl, var(--co-toggle-button-radius));border-top-right-radius:var(--co-tbr-tr, var(--co-toggle-button-radius));border-bottom-right-radius:var(--co-tbr-br, var(--co-toggle-button-radius));border-bottom-left-radius:var(--co-tbr-bl, var(--co-toggle-button-radius));background:color-mix(in srgb, var(--co-semantic-surface-secondary) 35%, transparent);-webkit-backdrop-filter:var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)));backdrop-filter:var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)));color:var(--co-toggle-button-color, var(--co-semantic-text-default));font-family:var(--co-font-family-primary);font-weight:500;cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out);white-space:nowrap;box-sizing:border-box;line-height:1}.co-toggle-button--l{height:48px;padding:0 var(--co-spacing-lg);font-size:var(--co-toggle-button-font-size, var(--co-font-size-16))}.co-toggle-button--m{height:40px;padding:0 var(--co-spacing-md);font-size:var(--co-toggle-button-font-size, var(--co-font-size-14))}.co-toggle-button--s{height:32px;padding:0 var(--co-spacing-sm2);font-size:var(--co-toggle-button-font-size, var(--co-font-size-14))}.co-toggle-button--xs{height:24px;padding:0 var(--co-spacing-sm);font-size:var(--co-toggle-button-font-size, var(--co-font-size-12))}.co-toggle-button--icon-only.co-toggle-button--l{width:48px;padding:0}.co-toggle-button--icon-only.co-toggle-button--m{width:40px;padding:0}.co-toggle-button--icon-only.co-toggle-button--s{width:32px;padding:0}.co-toggle-button--icon-only.co-toggle-button--xs{width:24px;padding:0}.co-toggle-button:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-toggle-button--selected{background:var(--co-color-base-negro, #1f1c1b);color:var(--co-toggle-button-color-selected, var(--co-color-base-blanco, #fff));border-color:var(--co-color-base-negro, #1f1c1b)}.co-toggle-button--selected:hover:not(:disabled){background:var(--co-color-gray-800, #0a0a0a);border-color:var(--co-color-gray-800, #0a0a0a)}.co-toggle-button--disabled{opacity:0.4;cursor:not-allowed}.co-toggle-button:focus-visible{outline:2px solid var(--co-semantic-text-default);outline-offset:-3px}.co-toggle-button--selected:focus-visible{outline-color:currentColor}.co-toggle-button__label{line-height:1}@supports not (background: color-mix(in srgb, red, transparent)){.co-toggle-button{background:var(--co-semantic-surface-secondary)}}:host([variant='track']) .co-toggle-button{height:var(--co-toggle-pill-height, 30px);border-radius:var(--co-toggle-pill-radius, 8px);border-color:transparent;background:transparent;color:var(--co-toggle-button-color, var(--co-semantic-text-secondary));box-shadow:none;padding:0 12px;-webkit-backdrop-filter:none;backdrop-filter:none}:host([variant='track']) .co-toggle-button.co-toggle-button--icon-only{width:34px;padding:0}:host([variant='track']) .co-toggle-button:hover:not(:disabled){background:var(--co-semantic-surface-hover);color:var(--co-toggle-button-color-hover, var(--co-semantic-text-default))}:host([variant='track']) .co-toggle-button--selected{background:var(--co-semantic-surface-page);color:var(--co-toggle-button-color-selected, var(--co-semantic-text-default));border-color:var(--co-toggle-pill-border, var(--co-semantic-border-default));box-shadow:var(--co-toggle-pill-shadow, var(--co-shadow-sm, 0 1px 2px 0 rgba(26, 26, 26, 0.04)))}:host([variant='track']) .co-toggle-button--selected:hover:not(:disabled){background:var(--co-semantic-surface-page);color:var(--co-toggle-button-color-selected, var(--co-semantic-text-default));border-color:var(--co-toggle-pill-border, var(--co-semantic-border-default))}:host([variant='track'][size='xs']) .co-toggle-button{height:var(--co-toggle-pill-height, 20px);border-radius:var(--co-toggle-pill-radius, var(--co-border-radius-xxs))}:host([variant='track'][size='xs']) .co-toggle-button:not(.co-toggle-button--selected){color:var(--co-toggle-button-color, var(--co-semantic-text-default))}:host([variant='track'][size='xs']) .co-toggle-button:not(.co-toggle-button--selected):hover:not(:disabled){color:var(--co-toggle-button-color-hover, var(--co-semantic-text-default))}:host([variant='track'][size='xs']) .co-toggle-button.co-toggle-button--icon-only{width:20px}:host([variant='track'][size='xs']) .co-toggle-button--selected{box-shadow:var(--co-toggle-pill-shadow, none)}:host([variant='soft']) .co-toggle-button{height:24px;border-radius:var(--co-border-radius-xxs);border-color:transparent;background:var(--co-semantic-surface-control, #f6f6f6);color:var(--co-toggle-button-color, var(--co-semantic-text-default));font-size:var(--co-font-size-12);font-weight:var(--co-font-weight-regular);padding:0 calc(var(--co-spacing-sm2) - 1px);gap:var(--co-spacing-sm2);-webkit-backdrop-filter:none;backdrop-filter:none}:host([variant='soft']) .co-toggle-button:hover:not(:disabled){background:var(--co-semantic-surface-control, #f6f6f6)}:host([variant='soft']) .co-toggle-button--selected{background:var(--co-color-celeste-100);color:var(--co-toggle-button-color-selected, var(--co-color-primary-azul));border-color:transparent}:host([variant='soft']) .co-toggle-button--selected:hover:not(:disabled){background:var(--co-color-celeste-100)}:host([variant='pill']) .co-toggle-button{height:40px;padding:0 var(--co-spacing-lg);border-radius:var(--co-border-radius-full);border-color:transparent;background:var(--co-semantic-surface-control);color:var(--co-toggle-button-color, var(--co-semantic-text-default));font-size:var(--co-toggle-button-font-size, var(--co-font-size-14));font-weight:var(--co-font-weight-regular);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}:host([variant='pill']) .co-toggle-button:hover:not(:disabled){background:var(--co-semantic-surface-hover)}:host([variant='pill']) .co-toggle-button--selected{background:var(--co-semantic-surface-primary);color:var(--co-toggle-button-color-selected, var(--co-semantic-on-primary))}:host([variant='pill']) .co-toggle-button--selected:hover:not(:disabled){background:var(--co-semantic-surface-primary);color:var(--co-toggle-button-color-selected, var(--co-semantic-on-primary))}@supports (color: light-dark(white, black)){:host([variant='soft']) .co-toggle-button--selected{color:var(--co-toggle-button-color-selected, var(--co-semantic-text-link, var(--co-color-primary-azul)))}:host([variant='soft']) .co-toggle-button--selected,:host([variant='soft']) .co-toggle-button--selected:hover:not(:disabled){background:light-dark(var(--co-color-celeste-100), color-mix(in srgb, var(--co-semantic-text-link, var(--co-color-primary-azul)) 18%, var(--co-semantic-surface-page)))}}"}},[257,"co-toggle-button",{selected:[1540],value:[1],label:[1],iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],size:[513],disabled:[4],variant:[513],selectedIconWeight:[1,"selected-icon-weight"]}]);function i(){"undefined"!=typeof customElements&&["co-toggle-button","co-icon"].forEach((t=>{switch(t){case"co-toggle-button":customElements.get(o(t))||customElements.define(o(t),n);break;case"co-icon":customElements.get(o(t))||c()}}))}i();const l=n,g=i;export{l as CoToggleButton,g as defineCustomElement}

package/dist/components/co-tooltip.js

@@ -1 +1 @@
-import{C as o,d as s}from"./p-V7HYy0VO.js";const p=o,r=s;export{p as CoTooltip,r as defineCustomElement}
+import{C as o,d as s}from"./p-B5F93Ujt.js";const t=o,p=s;export{t as CoTooltip,p as defineCustomElement}

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

@@ -1 +1 @@
-import{t as r,p as o,H as e,c as a,h as s}from"./index.js";import{i as t}from"./p-DqyWGweA.js";import{d as i}from"./p-KK2vAKs-.js";const l=o(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.coChange=a(this,"coChange",7),this.leftTitle="Available",this.rightTitle="Selected",this.options="[]",this.value="[]",this.disabled=!1,this.status="default",this.leftChecked=new Set,this.rightChecked=new Set,this.osInstances=[],this.toggleLeftCheck=r=>{const o=new Set(this.leftChecked);o.has(r)?o.delete(r):o.add(r),this.leftChecked=o},this.toggleRightCheck=r=>{const o=new Set(this.rightChecked);o.has(r)?o.delete(r):o.add(r),this.rightChecked=o},this.moveRight=()=>{if(0===this.leftChecked.size)return;const r=[...this.selectedValues,...this.leftChecked];this.value=JSON.stringify(r),this.leftChecked=new Set,this.coChange.emit(r)},this.moveLeft=()=>{if(0===this.rightChecked.size)return;const r=this.selectedValues.filter((r=>!this.rightChecked.has(r)));this.value=JSON.stringify(r),this.rightChecked=new Set,this.coChange.emit(r)},this.moveAllRight=()=>{const r=this.parsedOptions.filter((r=>!r.disabled)).map((r=>r.value));this.value=JSON.stringify(r),this.leftChecked=new Set,this.coChange.emit(r)},this.moveAllLeft=()=>{this.value="[]",this.rightChecked=new Set,this.coChange.emit([])}}get parsedOptions(){let r=this.options;if("string"==typeof r)try{r=JSON.parse(r)}catch(r){return[]}return Array.isArray(r)?r.map((r=>"string"==typeof r?{label:r,value:r}:r)):[]}get selectedValues(){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(r){return[]}return this.value}get leftItems(){const r=new Set(this.selectedValues);return this.parsedOptions.filter((o=>!r.has(o.value)))}get rightItems(){return this.selectedValues.map((r=>this.parsedOptions.find((o=>o.value===r)))).filter(Boolean)}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}renderList(r,o,e,a){return s("div",{class:"co-transfer-list__panel"},s("div",{class:"co-transfer-list__panel-header"},s("span",{class:"co-transfer-list__panel-title"},a),s("span",{class:"co-transfer-list__panel-count"},r.length)),s("div",{class:"co-transfer-list__panel-body"},s("div",{class:"co-transfer-list__panel-scroll"},0===r.length?s("div",{class:"co-transfer-list__empty"},"No items"):r.map((r=>s("div",{class:{"co-transfer-list__item":!0,"co-transfer-list__item--checked":o.has(r.value),"co-transfer-list__item--disabled":!!r.disabled},onClick:()=>!r.disabled&&e(r.value)},s("span",{class:{"co-transfer-list__checkbox":!0,"co-transfer-list__checkbox--checked":o.has(r.value)}},o.has(r.value)&&s("co-icon",{name:"check",size:12})),s("span",{class:"co-transfer-list__item-label"},r.label)))))))}componentDidLoad(){var r;const o=null===(r=this.el.shadowRoot)||void 0===r?void 0:r.querySelectorAll(".co-transfer-list__panel-body");null==o||o.forEach((r=>this.osInstances.push(t(r))))}disconnectedCallback(){this.osInstances.forEach((r=>r.destroy())),this.osInstances=[]}render(){return s("div",{key:"31890d6f8b8201b20c286448098ba96b84313192",class:{"co-transfer-list":!0,"co-transfer-list--disabled":this.disabled,["co-transfer-list--"+this.status]:"default"!==this.status}},this.label&&s("label",{key:"03682912da82bb6590d6c3cd4a070dc8d4214744",class:"co-transfer-list__label"},this.label),s("div",{key:"33562c5fc6372f8cbee86751f593959f0b851466",class:"co-transfer-list__body"},this.renderList(this.leftItems,this.leftChecked,this.toggleLeftCheck,this.leftTitle),s("div",{key:"1f4125394ac963351e08f7722dc7f73fa86ccfc9",class:"co-transfer-list__actions"},s("button",{key:"b070ea660c6997f2281a3a3dcdf15764665408ee",class:"co-transfer-list__btn",disabled:this.disabled,onClick:this.moveAllRight,"aria-label":"Move all right"},s("co-icon",{key:"a46764f1308c49ff1cfcaeeab8b60434c4347b72",name:"caret-double-right",size:16})),s("button",{key:"f57ef7e0a56e1f257277407d7eb47d28830d60fb",class:"co-transfer-list__btn",disabled:this.disabled||0===this.leftChecked.size,onClick:this.moveRight,"aria-label":"Move selected right"},s("co-icon",{key:"3dc5c8df4936dd79c9c7947f1f669cf12c2d785e",name:"caret-right",size:16})),s("button",{key:"76ffe11208d14d89683a558d2004fb831fdc3ebf",class:"co-transfer-list__btn",disabled:this.disabled||0===this.rightChecked.size,onClick:this.moveLeft,"aria-label":"Move selected left"},s("co-icon",{key:"31565d71c489ccbe4b58edd89c867210a7077870",name:"caret-left",size:16})),s("button",{key:"af464a61aa1a553b5e8218d14fdd62b5618e4d0e",class:"co-transfer-list__btn",disabled:this.disabled,onClick:this.moveAllLeft,"aria-label":"Move all left"},s("co-icon",{key:"86ebbd7639f1d56c4073e55792a397213ed7b426",name:"caret-double-left",size:16}))),this.renderList(this.rightItems,this.rightChecked,this.toggleRightCheck,this.rightTitle)),this.helperText&&s("div",{key:"769fc2d953ad3c24a1fbaaafd2054376e8c452b3",class:"co-transfer-list__helper co-transfer-list__helper--"+this.status},this.statusIcon&&s("co-icon",{key:"62d8663352ece7628a569a9b6808d4e9f921649d",name:this.statusIcon,size:14,weight:"fill",class:"co-transfer-list__helper-icon"}),s("span",{key:"9480ee4c4fdc4c9ee62836ad33e555fe550650b6",class:"co-transfer-list__helper-text"},this.helperText)))}get el(){return this}static get style(){return'.os-size-observer,.os-size-observer-listener{scroll-behavior:auto !important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(0.1)}.os-size-observer::before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(calc(1 / 0.1))}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty::before{content:"";width:100%;height:100%}.os-size-observer-listener:empty::before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{from{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{overflow:visible;margin:0}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch !important;flex-direction:row !important;flex-wrap:nowrap !important;scroll-behavior:auto !important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;position:relative;flex:auto;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden !important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible !important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x:hidden;--os-viewport-overflow-y:hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x:visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x:hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x:scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y:visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y:hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y:scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x) !important;overflow-y:var(--os-viewport-overflow-y) !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0 !important;line-height:0 !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*:not(#osFakeId){display:none !important;position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto !important;scroll-snap-type:none !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden !important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto !important;width:auto !important}@property --os-scroll-percent{syntax:"<number>";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:"<number>";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc(     var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) *       var(--os-scroll-direction)   )}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none !important}.os-scrollbar-track{position:relative;padding:0 !important;border:none !important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none !important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0 !important;transition:none !important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translateX(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type: size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{right:auto;left:0}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none !important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}.os-theme-dark{--os-handle-bg:rgba(0, 0, 0, 0.44);--os-handle-bg-hover:rgba(0, 0, 0, 0.55);--os-handle-bg-active:rgba(0, 0, 0, 0.66)}.os-theme-light{--os-handle-bg:rgba(255, 255, 255, 0.44);--os-handle-bg-hover:rgba(255, 255, 255, 0.55);--os-handle-bg-active:rgba(255, 255, 255, 0.66)}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{-webkit-appearance:none !important;appearance:none !important;display:none !important;width:0 !important;height:0 !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}:host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);line-height:1}.co-transfer-list{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-transfer-list__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;cursor:default;padding:0 var(--co-spacing-xs)}.co-transfer-list--disabled .co-transfer-list__label{color:var(--co-semantic-text-disabled)}.co-transfer-list__body{display:flex;align-items:stretch;gap:var(--co-spacing-sm2)}.co-transfer-list__panel{flex:1;min-width:0;border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);background:var(--co-semantic-surface-secondary);display:flex;flex-direction:column;overflow:hidden}.co-transfer-list__panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--co-spacing-sm2) var(--co-spacing-md);border-bottom:1px solid var(--co-semantic-border-subtle);background:var(--co-semantic-surface-muted)}.co-transfer-list__panel-title{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);font-weight:500}.co-transfer-list__panel-count{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12)}.co-transfer-list__panel-body{flex:1;overflow-y:auto;max-height:240px;padding:var(--co-spacing-xs)}.os-scrollbar.os-theme-co{--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-bg:transparent;--os-handle-border-radius:var(--co-border-radius-full);--os-handle-bg:var(--co-color-opacity-negro-16);--os-handle-bg-hover:var(--co-color-opacity-negro-25);--os-handle-bg-active:var(--co-color-opacity-negro-50);--os-handle-min-size:24px}.co-transfer-list__item{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-sm2);border-radius:var(--co-border-radius-xxs, 4px);cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-transfer-list__item:hover{background:var(--co-semantic-surface-hover)}.co-transfer-list__item--checked{background:var(--co-semantic-surface-muted)}.co-transfer-list__item--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-transfer-list__checkbox{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--co-border-radius-xxs, 4px);border:1px solid var(--co-semantic-border-default);background:transparent;flex-shrink:0;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out);color:var(--co-semantic-on-primary)}.co-transfer-list__checkbox--checked{background:var(--co-semantic-surface-primary);border-color:var(--co-semantic-surface-primary)}.co-transfer-list__item-label{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);line-height:1}.co-transfer-list__empty{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-lg);color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14)}.co-transfer-list__actions{display:flex;flex-direction:column;justify-content:center;gap:var(--co-spacing-xs)}.co-transfer-list__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);cursor:pointer;padding:0;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-transfer-list__btn:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-transfer-list__btn:disabled{opacity:0.3;cursor:not-allowed}.co-transfer-list__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-transfer-list__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-transfer-list__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-transfer-list__helper--error .co-transfer-list__helper-icon,.co-transfer-list__helper--error .co-transfer-list__helper-text{color:var(--co-semantic-status-error)}.co-transfer-list__helper--success .co-transfer-list__helper-icon,.co-transfer-list__helper--success .co-transfer-list__helper-text{color:var(--co-semantic-status-success)}.co-transfer-list__helper--warning .co-transfer-list__helper-icon,.co-transfer-list__helper--warning .co-transfer-list__helper-text{color:var(--co-color-status-review)}.co-transfer-list__helper--info .co-transfer-list__helper-icon,.co-transfer-list__helper--info .co-transfer-list__helper-text{color:var(--co-semantic-status-info)}.co-transfer-list--disabled .co-transfer-list__panel{opacity:0.5;pointer-events:none}.co-transfer-list--disabled .co-transfer-list__actions{pointer-events:none}.co-transfer-list--error .co-transfer-list__panel{border-color:var(--co-semantic-status-error)}.co-transfer-list--success .co-transfer-list__panel{border-color:var(--co-semantic-status-success)}.co-transfer-list--warning .co-transfer-list__panel{border-color:var(--co-color-status-review)}.co-transfer-list--info .co-transfer-list__panel{border-color:var(--co-semantic-status-info)}'}},[1,"co-transfer-list",{label:[1],leftTitle:[1,"left-title"],rightTitle:[1,"right-title"],options:[1],value:[1025],disabled:[4],helperText:[1,"helper-text"],status:[1],leftChecked:[32],rightChecked:[32]}]);function n(){"undefined"!=typeof customElements&&["co-transfer-list","co-icon"].forEach((o=>{switch(o){case"co-transfer-list":customElements.get(r(o))||customElements.define(r(o),l);break;case"co-icon":customElements.get(r(o))||i()}}))}n();const c=l,d=n;export{c as CoTransferList,d as defineCustomElement}
+import{t as r,p as o,H as e,c as a,h as s}from"./index.js";import{i as t}from"./p-DqyWGweA.js";import{d as i}from"./p-qMNHMnvI.js";const l=o(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.coChange=a(this,"coChange",7),this.leftTitle="Available",this.rightTitle="Selected",this.options="[]",this.value="[]",this.disabled=!1,this.status="default",this.leftChecked=new Set,this.rightChecked=new Set,this.osInstances=[],this.toggleLeftCheck=r=>{const o=new Set(this.leftChecked);o.has(r)?o.delete(r):o.add(r),this.leftChecked=o},this.toggleRightCheck=r=>{const o=new Set(this.rightChecked);o.has(r)?o.delete(r):o.add(r),this.rightChecked=o},this.moveRight=()=>{if(0===this.leftChecked.size)return;const r=[...this.selectedValues,...this.leftChecked];this.value=JSON.stringify(r),this.leftChecked=new Set,this.coChange.emit(r)},this.moveLeft=()=>{if(0===this.rightChecked.size)return;const r=this.selectedValues.filter((r=>!this.rightChecked.has(r)));this.value=JSON.stringify(r),this.rightChecked=new Set,this.coChange.emit(r)},this.moveAllRight=()=>{const r=this.parsedOptions.filter((r=>!r.disabled)).map((r=>r.value));this.value=JSON.stringify(r),this.leftChecked=new Set,this.coChange.emit(r)},this.moveAllLeft=()=>{this.value="[]",this.rightChecked=new Set,this.coChange.emit([])}}get parsedOptions(){let r=this.options;if("string"==typeof r)try{r=JSON.parse(r)}catch(r){return[]}return Array.isArray(r)?r.map((r=>"string"==typeof r?{label:r,value:r}:r)):[]}get selectedValues(){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(r){return[]}return this.value}get leftItems(){const r=new Set(this.selectedValues);return this.parsedOptions.filter((o=>!r.has(o.value)))}get rightItems(){return this.selectedValues.map((r=>this.parsedOptions.find((o=>o.value===r)))).filter(Boolean)}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}renderList(r,o,e,a){return s("div",{class:"co-transfer-list__panel"},s("div",{class:"co-transfer-list__panel-header"},s("span",{class:"co-transfer-list__panel-title"},a),s("span",{class:"co-transfer-list__panel-count"},r.length)),s("div",{class:"co-transfer-list__panel-body"},s("div",{class:"co-transfer-list__panel-scroll"},0===r.length?s("div",{class:"co-transfer-list__empty"},"No items"):r.map((r=>s("div",{class:{"co-transfer-list__item":!0,"co-transfer-list__item--checked":o.has(r.value),"co-transfer-list__item--disabled":!!r.disabled},onClick:()=>!r.disabled&&e(r.value)},s("span",{class:{"co-transfer-list__checkbox":!0,"co-transfer-list__checkbox--checked":o.has(r.value)}},o.has(r.value)&&s("co-icon",{name:"check",size:12})),s("span",{class:"co-transfer-list__item-label"},r.label)))))))}componentDidLoad(){var r;const o=null===(r=this.el.shadowRoot)||void 0===r?void 0:r.querySelectorAll(".co-transfer-list__panel-body");null==o||o.forEach((r=>this.osInstances.push(t(r))))}disconnectedCallback(){this.osInstances.forEach((r=>r.destroy())),this.osInstances=[]}render(){return s("div",{key:"31890d6f8b8201b20c286448098ba96b84313192",class:{"co-transfer-list":!0,"co-transfer-list--disabled":this.disabled,["co-transfer-list--"+this.status]:"default"!==this.status}},this.label&&s("label",{key:"03682912da82bb6590d6c3cd4a070dc8d4214744",class:"co-transfer-list__label"},this.label),s("div",{key:"33562c5fc6372f8cbee86751f593959f0b851466",class:"co-transfer-list__body"},this.renderList(this.leftItems,this.leftChecked,this.toggleLeftCheck,this.leftTitle),s("div",{key:"1f4125394ac963351e08f7722dc7f73fa86ccfc9",class:"co-transfer-list__actions"},s("button",{key:"b070ea660c6997f2281a3a3dcdf15764665408ee",class:"co-transfer-list__btn",disabled:this.disabled,onClick:this.moveAllRight,"aria-label":"Move all right"},s("co-icon",{key:"a46764f1308c49ff1cfcaeeab8b60434c4347b72",name:"caret-double-right",size:16})),s("button",{key:"f57ef7e0a56e1f257277407d7eb47d28830d60fb",class:"co-transfer-list__btn",disabled:this.disabled||0===this.leftChecked.size,onClick:this.moveRight,"aria-label":"Move selected right"},s("co-icon",{key:"3dc5c8df4936dd79c9c7947f1f669cf12c2d785e",name:"caret-right",size:16})),s("button",{key:"76ffe11208d14d89683a558d2004fb831fdc3ebf",class:"co-transfer-list__btn",disabled:this.disabled||0===this.rightChecked.size,onClick:this.moveLeft,"aria-label":"Move selected left"},s("co-icon",{key:"31565d71c489ccbe4b58edd89c867210a7077870",name:"caret-left",size:16})),s("button",{key:"af464a61aa1a553b5e8218d14fdd62b5618e4d0e",class:"co-transfer-list__btn",disabled:this.disabled,onClick:this.moveAllLeft,"aria-label":"Move all left"},s("co-icon",{key:"86ebbd7639f1d56c4073e55792a397213ed7b426",name:"caret-double-left",size:16}))),this.renderList(this.rightItems,this.rightChecked,this.toggleRightCheck,this.rightTitle)),this.helperText&&s("div",{key:"769fc2d953ad3c24a1fbaaafd2054376e8c452b3",class:"co-transfer-list__helper co-transfer-list__helper--"+this.status},this.statusIcon&&s("co-icon",{key:"62d8663352ece7628a569a9b6808d4e9f921649d",name:this.statusIcon,size:14,weight:"fill",class:"co-transfer-list__helper-icon"}),s("span",{key:"9480ee4c4fdc4c9ee62836ad33e555fe550650b6",class:"co-transfer-list__helper-text"},this.helperText)))}get el(){return this}static get style(){return'.os-size-observer,.os-size-observer-listener{scroll-behavior:auto !important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(0.1)}.os-size-observer::before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(calc(1 / 0.1))}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty::before{content:"";width:100%;height:100%}.os-size-observer-listener:empty::before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{from{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{overflow:visible;margin:0}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch !important;flex-direction:row !important;flex-wrap:nowrap !important;scroll-behavior:auto !important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;position:relative;flex:auto;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden !important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible !important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x:hidden;--os-viewport-overflow-y:hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x:visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x:hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x:scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y:visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y:hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y:scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x) !important;overflow-y:var(--os-viewport-overflow-y) !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0 !important;line-height:0 !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*:not(#osFakeId){display:none !important;position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto !important;scroll-snap-type:none !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden !important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto !important;width:auto !important}@property --os-scroll-percent{syntax:"<number>";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:"<number>";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc(     var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) *       var(--os-scroll-direction)   )}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none !important}.os-scrollbar-track{position:relative;padding:0 !important;border:none !important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none !important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0 !important;transition:none !important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translateX(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type: size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{right:auto;left:0}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none !important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}.os-theme-dark{--os-handle-bg:rgba(0, 0, 0, 0.44);--os-handle-bg-hover:rgba(0, 0, 0, 0.55);--os-handle-bg-active:rgba(0, 0, 0, 0.66)}.os-theme-light{--os-handle-bg:rgba(255, 255, 255, 0.44);--os-handle-bg-hover:rgba(255, 255, 255, 0.55);--os-handle-bg-active:rgba(255, 255, 255, 0.66)}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{-webkit-appearance:none !important;appearance:none !important;display:none !important;width:0 !important;height:0 !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}:host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);line-height:1}.co-transfer-list{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-transfer-list__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;cursor:default;padding:0 var(--co-spacing-xs)}.co-transfer-list--disabled .co-transfer-list__label{color:var(--co-semantic-text-disabled)}.co-transfer-list__body{display:flex;align-items:stretch;gap:var(--co-spacing-sm2)}.co-transfer-list__panel{flex:1;min-width:0;border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);background:var(--co-semantic-surface-secondary);display:flex;flex-direction:column;overflow:hidden}.co-transfer-list__panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--co-spacing-sm2) var(--co-spacing-md);border-bottom:1px solid var(--co-semantic-border-subtle);background:var(--co-semantic-surface-muted)}.co-transfer-list__panel-title{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);font-weight:500}.co-transfer-list__panel-count{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12)}.co-transfer-list__panel-body{flex:1;overflow-y:auto;max-height:240px;padding:var(--co-spacing-xs)}.os-scrollbar.os-theme-co{--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-bg:transparent;--os-handle-border-radius:var(--co-border-radius-full);--os-handle-bg:var(--co-semantic-border-default);--os-handle-bg-hover:var(--co-semantic-border-field);--os-handle-bg-active:var(--co-semantic-border-strong);--os-handle-min-size:24px}.co-transfer-list__item{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-sm2);border-radius:var(--co-border-radius-xxs, 4px);cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-transfer-list__item:hover{background:var(--co-semantic-surface-hover)}.co-transfer-list__item--checked{background:var(--co-semantic-surface-muted)}.co-transfer-list__item--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-transfer-list__checkbox{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--co-border-radius-xxs, 4px);border:1px solid var(--co-semantic-border-default);background:transparent;flex-shrink:0;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out);color:var(--co-semantic-on-primary)}.co-transfer-list__checkbox--checked{background:var(--co-semantic-surface-primary);border-color:var(--co-semantic-surface-primary)}.co-transfer-list__item-label{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);line-height:1}.co-transfer-list__empty{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-lg);color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14)}.co-transfer-list__actions{display:flex;flex-direction:column;justify-content:center;gap:var(--co-spacing-xs)}.co-transfer-list__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);cursor:pointer;padding:0;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-transfer-list__btn:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-transfer-list__btn:disabled{opacity:0.3;cursor:not-allowed}.co-transfer-list__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-transfer-list__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-transfer-list__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-transfer-list__helper--error .co-transfer-list__helper-icon,.co-transfer-list__helper--error .co-transfer-list__helper-text{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}.co-transfer-list__helper--success .co-transfer-list__helper-icon,.co-transfer-list__helper--success .co-transfer-list__helper-text{color:var(--co-semantic-text-success, var(--co-semantic-status-success))}.co-transfer-list__helper--warning .co-transfer-list__helper-icon,.co-transfer-list__helper--warning .co-transfer-list__helper-text{color:var(--co-semantic-text-warning, var(--co-color-status-review))}.co-transfer-list__helper--info .co-transfer-list__helper-icon,.co-transfer-list__helper--info .co-transfer-list__helper-text{color:var(--co-semantic-text-info, var(--co-semantic-status-info))}.co-transfer-list--disabled .co-transfer-list__panel{opacity:0.5;pointer-events:none}.co-transfer-list--disabled .co-transfer-list__actions{pointer-events:none}.co-transfer-list--error .co-transfer-list__panel{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error))}.co-transfer-list--success .co-transfer-list__panel{border-color:var(--co-semantic-status-success)}.co-transfer-list--warning .co-transfer-list__panel{border-color:var(--co-color-status-review)}.co-transfer-list--info .co-transfer-list__panel{border-color:var(--co-semantic-status-info)}'}},[1,"co-transfer-list",{label:[1],leftTitle:[1,"left-title"],rightTitle:[1,"right-title"],options:[1],value:[1025],disabled:[4],helperText:[1,"helper-text"],status:[1],leftChecked:[32],rightChecked:[32]}]);function n(){"undefined"!=typeof customElements&&["co-transfer-list","co-icon"].forEach((o=>{switch(o){case"co-transfer-list":customElements.get(r(o))||customElements.define(r(o),l);break;case"co-icon":customElements.get(r(o))||i()}}))}n();const c=l,d=n;export{c as CoTransferList,d as defineCustomElement}

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

@@ -1 +1 @@
-import{t as e,p as t,H as o,c as r,h as i,a as c}from"./index.js";import{l as a}from"./p-jYd9gu_c.js";import{d as s}from"./p-KK2vAKs-.js";const n={es:{expand:"Expandir",collapse:"Contraer"},en:{expand:"Expand",collapse:"Collapse"},pt:{expand:"Expandir",collapse:"Recolher"}},l=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coToggle=r(this,"coToggle",7),this.label="",this.depth=0,this.expandable=!1,this.expanded=!1,this.selection="none",this.size="s",this.disabled=!1,this.locale="es",this.hasChildren=!1,this.syncHasChildren=()=>{const e=Array.from(this.el.childNodes).some((e=>{var t;return 1===e.nodeType&&!e.hasAttribute("slot")||3===e.nodeType&&!!(null===(t=e.textContent)||void 0===t?void 0:t.trim())}));e!==this.hasChildren&&(this.hasChildren=e)},this.handleCaretClick=e=>{e.stopPropagation(),this.disabled||this.coToggle.emit(!this.expanded)},this.handleCaretMouseDown=e=>{e.preventDefault()}}componentWillLoad(){this.syncHasChildren()}componentWillRender(){this.syncHasChildren()}render(){var e,t,o,r;const s=null!==(e=this.depth)&&void 0!==e?e:0,l=null!==(t=this.size)&&void 0!==t?t:"s",d=null!==(o=this.selection)&&void 0!==o?o:"none",m=!!this.expandable,h=m&&!!this.expanded,p=h&&this.hasChildren,b=function(e){return n[a(e)]}(null!==(r=this.locale)&&void 0!==r?r:"es");return i(c,{key:"09547858bbf035d5b70b95bdf480a58378532ae3",role:"treeitem","aria-level":s+1+"","aria-expanded":m?h?"true":"false":void 0,"aria-selected":"none"!==d?"true":"false","aria-disabled":this.disabled?"true":void 0},i("div",{key:"1c720c317936faa2b01c6cdab61d339d4a3d40f0",class:{"co-tree-item":!0,"co-tree-item--xs":"xs"===l,"co-tree-item--soft":"soft"===d,"co-tree-item--solid":"solid"===d,"co-tree-item--expanded":h,"co-tree-item--group":p,"co-tree-item--disabled":!!this.disabled}},i("div",{key:"e20c131f702d8de43901f12963da75949e3a9e6e",class:"co-tree-item__row",part:"row",style:{paddingLeft:`calc(8px + ${s} * var(--co-tree-item-indent, 24px))`}},m?i("button",{type:"button",class:"co-tree-item__caret",part:"caret",tabindex:"-1","aria-label":h?b.collapse:b.expand,"aria-disabled":this.disabled?"true":void 0,onMouseDown:this.handleCaretMouseDown,onClick:this.handleCaretClick},i("co-icon",{name:h?"caret-down":"caret-right",size:8,weight:"fill"})):i("span",{class:"co-tree-item__caret-space","aria-hidden":"true"}),i("slot",{key:"313110e0f4b6b3d81faf1ecd63a56d40ebadc40f",name:"prefix"}),this.icon&&i("span",{key:"e099db0908ccce9bea71fff6c58081126308277a",class:"co-tree-item__icon",part:"icon"},i("co-icon",{key:"0ca917bbfcb13285d364b5b6c07ba52165df7c0b",name:this.icon,size:12})),i("span",{key:"48d8b98d0af58627c6510a57b8d3a05c1c58452f",class:"co-tree-item__label",part:"label"},i("slot",{key:"a8c7dcfae8c5e4d7f2782b81d96a2f2924dc889c",name:"label"},this.label)),i("span",{key:"8221cd9578dc226545e86e588d5e60fa75cd06f5",class:"co-tree-item__suffix",part:"suffix"},i("slot",{key:"256ca2c9cc0b7f6249be0dd23b4dc14def735db9",name:"suffix"}))),i("div",{key:"246a9968d7443f2e9ab4cc37669861a6a89de546",class:"co-tree-item__children",part:"children",role:"group"},i("slot",{key:"4726dadaf4b78766eea244866c97a2664e35c93c",onSlotchange:this.syncHasChildren}))))}get el(){return this}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}.co-tree-item{display:block}.co-tree-item__row{display:flex;align-items:center;box-sizing:border-box;height:28px;padding-right:8px;border-radius:6px;color:var(--co-semantic-text-default);cursor:pointer;user-select:none;transition:background-color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-tree-item--xs>.co-tree-item__row{height:24px}.co-tree-item__row:hover{background-color:var(--co-tree-item-hover-bg, var(--co-semantic-surface-hover))}.co-tree-item--soft>.co-tree-item__row{background-color:var(--co-tree-item-selected-soft-bg, var(--co-color-celeste-100))}.co-tree-item--soft>.co-tree-item__row:hover{background-image:linear-gradient(     var(--co-tree-item-hover-bg, var(--co-semantic-surface-hover)),     var(--co-tree-item-hover-bg, var(--co-semantic-surface-hover))   )}.co-tree-item--solid>.co-tree-item__row,.co-tree-item--solid>.co-tree-item__row:hover{background-color:var(--co-tree-item-selected-bg, var(--co-semantic-accent));background-image:none;color:var(--co-tree-item-selected-color, var(--co-semantic-on-accent))}:host(:focus-visible){outline:none}:host(:focus-visible) .co-tree-item__row{box-shadow:inset 0 0 0 2px var(--co-semantic-border-focus)}.co-tree-item__caret{flex:none;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin:0 0 0 -4px;padding:0;border:0;background:transparent;border-radius:4px;color:var(--co-semantic-text-muted);cursor:pointer;font:inherit;transition:background-color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-tree-item__caret:hover{background-color:var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-tree-item__caret:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:-2px}.co-tree-item--solid .co-tree-item__caret{color:inherit}.co-tree-item--solid .co-tree-item__caret:hover{background-color:color-mix(in srgb, currentColor 16%, transparent)}.co-tree-item__caret-space{flex:none;width:var(--co-tree-item-caret-space, 0px)}slot[name='prefix']::slotted(*){flex:none;margin-right:8px}.co-tree-item__icon{flex:none;display:inline-flex;align-items:center;margin-right:8px;color:inherit}slot[name='label']::slotted(*){user-select:text}.co-tree-item__label{flex:1 1 auto;min-width:0;font-size:var(--co-font-size-12, 12px);font-weight:var(--co-font-weight-regular, 400);line-height:1;letter-spacing:var(--co-font-letter-spacing-body, -0.03em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-tree-item__suffix{flex:none;display:inline-flex;align-items:center}slot[name='suffix']::slotted(*){flex:none;margin-left:8px}.co-tree-item__children{display:none}.co-tree-item--expanded>.co-tree-item__children{display:block}.co-tree-item--group>.co-tree-item__row{border-radius:6px 6px 0 0}.co-tree-item--group>.co-tree-item__children{background-color:var(     --co-tree-item-group-bg,     color-mix(in srgb, var(--co-color-celeste-100) 50%, transparent)   );border-radius:0 0 6px 6px}.co-tree-item--disabled>.co-tree-item__row{opacity:0.4;cursor:not-allowed}.co-tree-item--disabled>.co-tree-item__row:hover{background-color:transparent;background-image:none}.co-tree-item--disabled.co-tree-item--soft>.co-tree-item__row:hover{background-color:var(--co-tree-item-selected-soft-bg, var(--co-color-celeste-100))}.co-tree-item--disabled.co-tree-item--solid>.co-tree-item__row:hover{background-color:var(--co-tree-item-selected-bg, var(--co-semantic-accent))}.co-tree-item--disabled .co-tree-item__caret{cursor:not-allowed}.co-tree-item--disabled .co-tree-item__caret:hover{background-color:transparent}"}},[257,"co-tree-item",{label:[1],icon:[1],depth:[2],expandable:[516],expanded:[516],selection:[513],size:[513],disabled:[516],locale:[1],hasChildren:[32]}]);function d(){"undefined"!=typeof customElements&&["co-tree-item","co-icon"].forEach((t=>{switch(t){case"co-tree-item":customElements.get(e(t))||customElements.define(e(t),l);break;case"co-icon":customElements.get(e(t))||s()}}))}d();const m=l,h=d;export{m as CoTreeItem,h as defineCustomElement}
+import{t as e,p as t,H as o,c as r,h as i,a as c}from"./index.js";import{l as a}from"./p-jYd9gu_c.js";import{d as s}from"./p-qMNHMnvI.js";const n={es:{expand:"Expandir",collapse:"Contraer"},en:{expand:"Expand",collapse:"Collapse"},pt:{expand:"Expandir",collapse:"Recolher"}},l=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coToggle=r(this,"coToggle",7),this.label="",this.depth=0,this.expandable=!1,this.expanded=!1,this.selection="none",this.size="s",this.disabled=!1,this.locale="es",this.hasChildren=!1,this.syncHasChildren=()=>{const e=Array.from(this.el.childNodes).some((e=>{var t;return 1===e.nodeType&&!e.hasAttribute("slot")||3===e.nodeType&&!!(null===(t=e.textContent)||void 0===t?void 0:t.trim())}));e!==this.hasChildren&&(this.hasChildren=e)},this.handleCaretClick=e=>{e.stopPropagation(),this.disabled||this.coToggle.emit(!this.expanded)},this.handleCaretMouseDown=e=>{e.preventDefault()}}componentWillLoad(){this.syncHasChildren()}componentWillRender(){this.syncHasChildren()}render(){var e,t,o,r;const s=null!==(e=this.depth)&&void 0!==e?e:0,l=null!==(t=this.size)&&void 0!==t?t:"s",d=null!==(o=this.selection)&&void 0!==o?o:"none",m=!!this.expandable,h=m&&!!this.expanded,p=h&&this.hasChildren,b=function(e){return n[a(e)]}(null!==(r=this.locale)&&void 0!==r?r:"es");return i(c,{key:"09547858bbf035d5b70b95bdf480a58378532ae3",role:"treeitem","aria-level":s+1+"","aria-expanded":m?h?"true":"false":void 0,"aria-selected":"none"!==d?"true":"false","aria-disabled":this.disabled?"true":void 0},i("div",{key:"1c720c317936faa2b01c6cdab61d339d4a3d40f0",class:{"co-tree-item":!0,"co-tree-item--xs":"xs"===l,"co-tree-item--soft":"soft"===d,"co-tree-item--solid":"solid"===d,"co-tree-item--expanded":h,"co-tree-item--group":p,"co-tree-item--disabled":!!this.disabled}},i("div",{key:"e20c131f702d8de43901f12963da75949e3a9e6e",class:"co-tree-item__row",part:"row",style:{paddingLeft:`calc(8px + ${s} * var(--co-tree-item-indent, 24px))`}},m?i("button",{type:"button",class:"co-tree-item__caret",part:"caret",tabindex:"-1","aria-label":h?b.collapse:b.expand,"aria-disabled":this.disabled?"true":void 0,onMouseDown:this.handleCaretMouseDown,onClick:this.handleCaretClick},i("co-icon",{name:h?"caret-down":"caret-right",size:8,weight:"fill"})):i("span",{class:"co-tree-item__caret-space","aria-hidden":"true"}),i("slot",{key:"313110e0f4b6b3d81faf1ecd63a56d40ebadc40f",name:"prefix"}),this.icon&&i("span",{key:"e099db0908ccce9bea71fff6c58081126308277a",class:"co-tree-item__icon",part:"icon"},i("co-icon",{key:"0ca917bbfcb13285d364b5b6c07ba52165df7c0b",name:this.icon,size:12})),i("span",{key:"48d8b98d0af58627c6510a57b8d3a05c1c58452f",class:"co-tree-item__label",part:"label"},i("slot",{key:"a8c7dcfae8c5e4d7f2782b81d96a2f2924dc889c",name:"label"},this.label)),i("span",{key:"8221cd9578dc226545e86e588d5e60fa75cd06f5",class:"co-tree-item__suffix",part:"suffix"},i("slot",{key:"256ca2c9cc0b7f6249be0dd23b4dc14def735db9",name:"suffix"}))),i("div",{key:"246a9968d7443f2e9ab4cc37669861a6a89de546",class:"co-tree-item__children",part:"children",role:"group"},i("slot",{key:"4726dadaf4b78766eea244866c97a2664e35c93c",onSlotchange:this.syncHasChildren}))))}get el(){return this}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}.co-tree-item{display:block}.co-tree-item__row{display:flex;align-items:center;box-sizing:border-box;height:28px;padding-right:8px;border-radius:6px;color:var(--co-semantic-text-default);cursor:pointer;user-select:none;transition:background-color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-tree-item--xs>.co-tree-item__row{height:24px}.co-tree-item__row:hover{background-color:var(--co-tree-item-hover-bg, var(--co-semantic-surface-hover))}.co-tree-item--soft>.co-tree-item__row{background-color:var(--co-tree-item-selected-soft-bg, var(--co-color-celeste-100))}.co-tree-item--soft>.co-tree-item__row:hover{background-image:linear-gradient(     var(--co-tree-item-hover-bg, var(--co-semantic-surface-hover)),     var(--co-tree-item-hover-bg, var(--co-semantic-surface-hover))   )}.co-tree-item--solid>.co-tree-item__row,.co-tree-item--solid>.co-tree-item__row:hover{background-color:var(--co-tree-item-selected-bg, var(--co-semantic-accent));background-image:none;color:var(--co-tree-item-selected-color, var(--co-semantic-on-accent))}:host(:focus-visible){outline:none}:host(:focus-visible) .co-tree-item__row{box-shadow:inset 0 0 0 2px var(--co-semantic-border-focus)}.co-tree-item__caret{flex:none;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin:0 0 0 -4px;padding:0;border:0;background:transparent;border-radius:4px;color:var(--co-semantic-text-muted);cursor:pointer;font:inherit;transition:background-color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-tree-item__caret:hover{background-color:var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-tree-item__caret:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:-2px}.co-tree-item--solid .co-tree-item__caret{color:inherit}.co-tree-item--solid .co-tree-item__caret:hover{background-color:color-mix(in srgb, currentColor 16%, transparent)}.co-tree-item__caret-space{flex:none;width:var(--co-tree-item-caret-space, 0px)}slot[name='prefix']::slotted(*){flex:none;margin-right:8px}.co-tree-item__icon{flex:none;display:inline-flex;align-items:center;margin-right:8px;color:inherit}slot[name='label']::slotted(*){user-select:text}.co-tree-item__label{flex:1 1 auto;min-width:0;font-size:var(--co-font-size-12, 12px);font-weight:var(--co-font-weight-regular, 400);line-height:1;letter-spacing:var(--co-font-letter-spacing-body, -0.03em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-tree-item__suffix{flex:none;display:inline-flex;align-items:center}slot[name='suffix']::slotted(*){flex:none;margin-left:8px}.co-tree-item__children{display:none}.co-tree-item--expanded>.co-tree-item__children{display:block}.co-tree-item--group>.co-tree-item__row{border-radius:6px 6px 0 0}.co-tree-item--group>.co-tree-item__children{background-color:var(     --co-tree-item-group-bg,     color-mix(in srgb, var(--co-color-celeste-100) 50%, transparent)   );border-radius:0 0 6px 6px}.co-tree-item--disabled>.co-tree-item__row{opacity:0.4;cursor:not-allowed}.co-tree-item--disabled>.co-tree-item__row:hover{background-color:transparent;background-image:none}.co-tree-item--disabled.co-tree-item--soft>.co-tree-item__row:hover{background-color:var(--co-tree-item-selected-soft-bg, var(--co-color-celeste-100))}.co-tree-item--disabled.co-tree-item--solid>.co-tree-item__row:hover{background-color:var(--co-tree-item-selected-bg, var(--co-semantic-accent))}.co-tree-item--disabled .co-tree-item__caret{cursor:not-allowed}.co-tree-item--disabled .co-tree-item__caret:hover{background-color:transparent}"}},[257,"co-tree-item",{label:[1],icon:[1],depth:[2],expandable:[516],expanded:[516],selection:[513],size:[513],disabled:[516],locale:[1],hasChildren:[32]}]);function d(){"undefined"!=typeof customElements&&["co-tree-item","co-icon"].forEach((t=>{switch(t){case"co-tree-item":customElements.get(e(t))||customElements.define(e(t),l);break;case"co-icon":customElements.get(e(t))||s()}}))}d();const m=l,h=d;export{m as CoTreeItem,h as defineCustomElement}

package/dist/components/co-video.js

@@ -1 +1 @@
-import{C as o,d as s}from"./p-DymSqdlK.js";const m=o,p=s;export{m as CoVideo,p as defineCustomElement}
+import{C as o,d as s}from"./p-COCcx0DN.js";const p=o,r=s;export{p as CoVideo,r as defineCustomElement}

package/dist/components/{p-CxWo3qDo.js → p-4Y3YkFf1.js}

@@ -1 +1 @@
-import{t as e,p as o,H as t,h as c}from"./index.js";import{d as i}from"./p-KK2vAKs-.js";const a={pdf:"pdf",doc:"doc",docx:"doc",odt:"doc",txt:"txt",md:"txt",xls:"sheet",xlsx:"sheet",csv:"sheet",ods:"sheet",ppt:"slides",pptx:"slides",key:"slides",png:"image",jpg:"image",jpeg:"image",gif:"image",svg:"image",webp:"image",mp4:"video",mov:"video",webm:"video",fig:"design",ai:"design",psd:"design",sketch:"design",zip:"zip",rar:"zip",eml:"mail",msg:"mail"},s={pdf:{icon:"file-pdf",accent:"var(--co-color-secondary-rojo-100)",tint:"rgb(255,236,236)"},doc:{icon:"file-text",accent:"var(--co-color-primary-azul)",tint:"var(--co-color-azul-100)"},sheet:{icon:"table",accent:"var(--co-color-status-success)",tint:"var(--co-color-verde-100)"},slides:{icon:"presentation-chart",accent:"var(--co-color-secondary-guinda-100)",tint:"var(--co-color-secondary-guinda-25)"},image:{icon:"image",accent:"var(--co-color-secondary-violeta-100)",tint:"rgb(233,232,255)"},video:{icon:"broadcast",accent:"var(--co-color-secondary-naranja-100)",tint:"rgb(255,236,220)"},txt:{icon:"text-align-left",accent:"var(--co-color-gray-600)",tint:"var(--co-color-gray-100)"},design:{icon:"sparkle",accent:"var(--co-color-primary-rosado)",tint:"var(--co-color-rosado-100)"},zip:{icon:"package",accent:"var(--co-color-status-pending)",tint:"var(--co-color-status-bg-pending)"},mail:{icon:"envelope-simple",accent:"var(--co-color-secondary-turquesa-100)",tint:"var(--co-color-secondary-turquesa-25)"},file:{icon:"file",accent:"var(--co-color-gray-600)",tint:"var(--co-color-gray-100)"}},r=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size=44,this.radius=11,this.colorTags=!0}render(){const e=function(e){var o;const t=(null!=e?e:"").trim().toLowerCase().replace(/^\./,"");return null!==(o=a[t])&&void 0!==o?o:"file"}(this.ext),o=s[e],t=Math.round(.5*this.size),i=this.colorTags?o.tint:"var(--co-color-gray-100)",r=this.colorTags?o.accent:"var(--co-color-gray-600)";return c("span",{key:"da0b0b3e48e1847bd7c74e32bec23abc074f53a7",class:{"co-file-type-tile":!0,[`co-file-type-tile--${e}`]:!0,"co-file-type-tile--mono":!this.colorTags},part:"tile",style:{width:`${this.size}px`,height:`${this.size}px`,borderRadius:`${this.radius}px`,background:i,color:r}},c("co-icon",{key:"70034ff2279181498ba2481fb3709cae3016901d",name:o.icon,size:t,weight:"fill"}))}static get style(){return":host{display:inline-flex}.co-file-type-tile{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box}"}},[1,"co-file-type-tile",{ext:[1],size:[2],radius:[2],colorTags:[4,"color-tags"]}]);function n(){"undefined"!=typeof customElements&&["co-file-type-tile","co-icon"].forEach((o=>{switch(o){case"co-file-type-tile":customElements.get(e(o))||customElements.define(e(o),r);break;case"co-icon":customElements.get(e(o))||i()}}))}n();export{r as C,n as d}
+import{t as e,p as o,H as c,h as t}from"./index.js";import{d as i}from"./p-qMNHMnvI.js";const a={pdf:"pdf",doc:"doc",docx:"doc",odt:"doc",txt:"txt",md:"txt",xls:"sheet",xlsx:"sheet",csv:"sheet",ods:"sheet",ppt:"slides",pptx:"slides",key:"slides",png:"image",jpg:"image",jpeg:"image",gif:"image",svg:"image",webp:"image",mp4:"video",mov:"video",webm:"video",fig:"design",ai:"design",psd:"design",sketch:"design",zip:"zip",rar:"zip",eml:"mail",msg:"mail"},s={pdf:{icon:"file-pdf",accent:"var(--co-color-secondary-rojo-100)",tint:"rgb(255,236,236)"},doc:{icon:"file-text",accent:"var(--co-color-primary-azul)",tint:"var(--co-color-azul-100)"},sheet:{icon:"table",accent:"var(--co-color-status-success)",tint:"var(--co-color-verde-100)"},slides:{icon:"presentation-chart",accent:"var(--co-color-secondary-guinda-100)",tint:"var(--co-color-secondary-guinda-25)"},image:{icon:"image",accent:"var(--co-color-secondary-violeta-100)",tint:"rgb(233,232,255)"},video:{icon:"broadcast",accent:"var(--co-color-secondary-naranja-100)",tint:"rgb(255,236,220)"},txt:{icon:"text-align-left",accent:"var(--co-color-gray-600)",tint:"var(--co-color-gray-100)"},design:{icon:"sparkle",accent:"var(--co-color-primary-rosado)",tint:"var(--co-color-rosado-100)"},zip:{icon:"package",accent:"var(--co-color-status-pending)",tint:"var(--co-color-status-bg-pending)"},mail:{icon:"envelope-simple",accent:"var(--co-color-secondary-turquesa-100)",tint:"var(--co-color-secondary-turquesa-25)"},file:{icon:"file",accent:"var(--co-color-gray-600)",tint:"var(--co-color-gray-100)"}},r=o(class extends c{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size=44,this.radius=11,this.colorTags=!0}render(){const e=function(e){var o;const c=(null!=e?e:"").trim().toLowerCase().replace(/^\./,"");return null!==(o=a[c])&&void 0!==o?o:"file"}(this.ext),o=s[e],c=Math.round(.5*this.size),i=this.colorTags?o.tint:"var(--co-color-gray-100)",r=this.colorTags?o.accent:"var(--co-color-gray-600)";return t("span",{key:"9c08b899dcf809c6c5dffe9eef70d277cdbdc37d",class:{"co-file-type-tile":!0,[`co-file-type-tile--${e}`]:!0,"co-file-type-tile--mono":!this.colorTags},part:"tile",style:{width:`${this.size}px`,height:`${this.size}px`,borderRadius:`${this.radius}px`,background:i,color:r}},t("co-icon",{key:"0b20a29e58d1b63951cd314838f54dc98fd3c3f8",name:o.icon,size:c,weight:"fill"}))}static get style(){return":host{display:inline-flex}.co-file-type-tile{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box}"}},[1,"co-file-type-tile",{ext:[1],size:[2],radius:[2],colorTags:[4,"color-tags"]}]);function n(){"undefined"!=typeof customElements&&["co-file-type-tile","co-icon"].forEach((o=>{switch(o){case"co-file-type-tile":customElements.get(e(o))||customElements.define(e(o),r);break;case"co-icon":customElements.get(e(o))||i()}}))}n();export{r as C,n as d}

package/dist/components/{p-V7HYy0VO.js → p-B5F93Ujt.js}

@@ -1 +1 @@
-import{t,p as o,H as i,h as s}from"./index.js";import{c as e,g as a,f as r}from"./p-BtliEQAT.js";import{d as n}from"./p-KK2vAKs-.js";import{d as l}from"./p-8XzG8pzY.js";const c=o(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.content="",this.placement="top",this.offset=8,this.showDelay=80,this.hideDelay=100,this.disabled=!1,this.arrow=!0,this.flip=!0,this.maxWidth="280px",this.block=!1,this.variant="default",this.tone="default",this.visible=!1,this.actualPlacement="top",this.closing=!1,this.suppressed=!1,this.scrollParents=[],this.cachedOffsetAncestor=null,this.offsetAncestorComputed=!1,this.scheduleShow=()=>{this.disabled||!this.content||this.suppressed||(this.clearHideTimeout(),this.visible||(this.showTimeout=setTimeout((()=>{this.visible=!0}),this.showDelay)))},this.scheduleHide=()=>{this.clearShowTimeout(),this.visible&&(this.hideTimeout=setTimeout((()=>{this.visible=!1}),this.hideDelay))},this.hideImmediate=()=>{this.clearTimers(),this.visible=!1},this.finishClose=()=>{clearTimeout(this.closeFallbackTimer),this.visible||(this.closing=!1,this.panelEl=void 0)},this.handlePanelTransitionEnd=t=>{!this.visible&&this.closing&&t.target===this.panelEl&&"opacity"===t.propertyName&&this.finishClose()},this.handleMouseEnter=()=>{this.scheduleShow()},this.handleMouseLeave=()=>{this.suppressed=!1,this.scheduleHide()},this.handlePointerDown=()=>{this.suppressed=!0,this.hideImmediate()},this.handleFocusIn=()=>{this.scheduleShow()},this.handleFocusOut=()=>{this.suppressed=!1,this.scheduleHide()},this.handleKeyDown=t=>{"Escape"===t.key&&this.visible&&this.hideImmediate()},this.updatePosition=()=>{if(!this.visible||!this.triggerEl||!this.panelEl)return;const t=this.triggerEl.getBoundingClientRect(),o=this.panelEl.getBoundingClientRect();if(0===o.width&&0===o.height)return;const{top:i,left:s,actualPlacement:r}=e(t,o,{placement:this.placement,offset:this.offset,flip:this.flip});this.actualPlacement=r;let n=i,l=s;if(!this.panelEl.matches(":popover-open")&&(this.offsetAncestorComputed||(this.cachedOffsetAncestor=a(this.panelEl),(this.cachedOffsetAncestor||this.panelEl.isConnected)&&(this.offsetAncestorComputed=!0)),this.cachedOffsetAncestor)){const t=this.cachedOffsetAncestor.getBoundingClientRect();n-=t.top,l-=t.left}this.panelEl&&(this.panelEl.style.top=`${n}px`,this.panelEl.style.left=`${l}px`,this.panelEl.classList.add("co-tooltip__panel--positioned"))},this.scheduleUpdate=()=>{this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame(this.updatePosition)}}disconnectedCallback(){this.clearTimers(),this.cleanupListeners(),clearTimeout(this.closeFallbackTimer),this.closing=!1}onVisibleChange(t){t?(this.closing=!1,clearTimeout(this.closeFallbackTimer),this.scheduleUpdate(),requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.updatePosition()}))})),this.addScrollListeners()):(this.cleanupListeners(),this.cachedOffsetAncestor=null,this.offsetAncestorComputed=!1,this.closing=!0,clearTimeout(this.closeFallbackTimer),this.closeFallbackTimer=setTimeout((()=>this.finishClose()),250))}onDisabledChange(t){t&&this.visible&&(this.visible=!1,this.clearTimers())}clearShowTimeout(){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=void 0)}clearHideTimeout(){this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=void 0)}clearTimers(){this.clearShowTimeout(),this.clearHideTimeout()}promotePanel(){const t=this.panelEl;if(t&&"function"==typeof t.showPopover)try{t.matches(":popover-open")||t.showPopover()}catch(t){}}addScrollListeners(){window.addEventListener("resize",this.scheduleUpdate,{passive:!0}),window.addEventListener("scroll",this.scheduleUpdate,{passive:!0,capture:!0}),this.scrollParents=r(this.el);for(const t of this.scrollParents)t.addEventListener("scroll",this.scheduleUpdate,{passive:!0})}cleanupListeners(){this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=void 0),window.removeEventListener("resize",this.scheduleUpdate),window.removeEventListener("scroll",this.scheduleUpdate,{capture:!0});for(const t of this.scrollParents)t.removeEventListener("scroll",this.scheduleUpdate);this.scrollParents=[]}render(){const t=this.actualPlacement.split("-")[0];return s("div",{key:"53c8dbd21619fd8caa4105b86b4b1765c2361252",class:"co-tooltip"},s("div",{key:"f9e5e3b352b37c69a67538c6db3d10f9fc945976",class:"co-tooltip__trigger",ref:t=>this.triggerEl=t,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onPointerDown:this.handlePointerDown,onFocusin:this.handleFocusIn,onFocusout:this.handleFocusOut,onKeyDown:this.handleKeyDown,"aria-describedby":this.visible?"tooltip-panel":void 0},s("slot",{key:"067ac53e5b491c7990acfa7c236ae2090a6657fc"})),(this.visible||this.closing)&&this.content&&s("div",{key:"42436edfbd802bfd8c23dea5b8cfdd290fa150c7",id:"tooltip-panel",class:{"co-tooltip__panel":!0,[`co-tooltip__panel--${t}`]:!0,"co-tooltip__panel--closing":this.closing,"co-tooltip__panel--label":"label"===this.variant,"co-tooltip__panel--tone-error":"error"===this.tone,"co-tooltip__panel--with-shortcut":!!this.shortcut},role:"tooltip",popover:"manual",part:"panel",onTransitionEnd:this.handlePanelTransitionEnd,ref:t=>{t&&t!==this.panelEl&&(this.panelEl=t,this.promotePanel(),this.scheduleUpdate())},style:{maxWidth:this.maxWidth}},this.arrow&&s("div",{key:"7520aaa3245fea55a7fcac31f33c56247b1fb5d8",class:`co-tooltip__arrow co-tooltip__arrow--${t}`}),s("span",{key:"d3797d1c3a31c64cb30d4d8f448204e3a9f8c017",class:"co-tooltip__content"},this.content),this.shortcut&&s("co-kbd",{key:"01354b1fd110de3000d48ad9eaef0e3329a64e48",keys:this.shortcut,surface:"dark",size:"xs"})))}get el(){return this}static get watchers(){return{visible:[{onVisibleChange:0}],disabled:[{onDisabledChange:0}]}}static get style(){return":host{display:inline-block;position:relative}.co-tooltip{display:inline-block}.co-tooltip__trigger{display:inline-block}:host([block]){display:block;width:100%;min-width:0}:host([block]) .co-tooltip,:host([block]) .co-tooltip__trigger{display:block;width:100%;min-width:0}.co-tooltip__panel{position:fixed;inset:auto;top:0;left:0;margin:0;border:0;max-height:none;overflow:visible;z-index:10000;visibility:hidden;opacity:0;pointer-events:none;--co-tooltip-surface:var(--co-color-base-negro, #1f1c1b);background:var(--co-tooltip-surface);color:var(--co-color-base-blanco, #fff);font-family:var(--co-font-family-primary, 'Geist', sans-serif);font-size:var(--co-font-size-12, 12px);line-height:1.4;font-weight:400;text-transform:none;letter-spacing:var(--co-font-letter-spacing-body, normal);padding:var(--co-spacing-xs, 4px) var(--co-spacing-sm, 8px);border-radius:var(--co-border-radius-xxs, 4px);box-shadow:0 4px 12px rgba(31, 28, 27, 0.12);white-space:normal;word-wrap:break-word;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-tooltip__panel--positioned{visibility:visible;opacity:1}.co-tooltip__panel--closing{visibility:visible;opacity:0;transition:opacity var(--co-motion-duration-instant) var(--co-motion-ease-in),     transform var(--co-motion-duration-instant) var(--co-motion-ease-in)}.co-tooltip__panel--top{transform:translateY(4px)}.co-tooltip__panel--top.co-tooltip__panel--positioned{transform:translateY(0)}.co-tooltip__panel--bottom{transform:translateY(-4px)}.co-tooltip__panel--bottom.co-tooltip__panel--positioned{transform:translateY(0)}.co-tooltip__panel--left{transform:translateX(4px)}.co-tooltip__panel--left.co-tooltip__panel--positioned{transform:translateX(0)}.co-tooltip__panel--right{transform:translateX(-4px)}.co-tooltip__panel--right.co-tooltip__panel--positioned{transform:translateX(0)}.co-tooltip__arrow{position:absolute;width:0;height:0;border:5px solid transparent}.co-tooltip__arrow--top{bottom:-10px;left:50%;transform:translateX(-50%);border-top-color:var(--co-tooltip-surface);border-bottom:none}.co-tooltip__arrow--bottom{top:-5px;left:50%;transform:translateX(-50%);border-bottom-color:var(--co-tooltip-surface);border-top:none}.co-tooltip__arrow--left{right:-10px;top:50%;transform:translateY(-50%);border-left-color:var(--co-tooltip-surface);border-right:none}.co-tooltip__arrow--right{left:-5px;top:50%;transform:translateY(-50%);border-right-color:var(--co-tooltip-surface);border-left:none}.co-tooltip__panel--tone-error{--co-tooltip-surface:var(--co-semantic-status-error, #aa2e1b)}.co-tooltip__content{display:block}.co-tooltip__panel--label{padding:4px 8px;border-radius:var(--co-border-radius-xs, 8px);font-weight:var(--co-font-weight-medium, 500);line-height:1;box-shadow:none}.co-tooltip__panel--label .co-tooltip__arrow{display:none}.co-tooltip__panel--with-shortcut{display:flex;align-items:center;gap:6px}.co-tooltip__panel--with-shortcut:not(.co-tooltip__panel--label){padding-right:10px;}.co-tooltip__panel--label.co-tooltip__panel--with-shortcut{padding-right:4px}"}},[257,"co-tooltip",{content:[1],placement:[1],offset:[2],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],disabled:[4],arrow:[4],flip:[4],maxWidth:[1,"max-width"],block:[516],variant:[1],tone:[1],shortcut:[1],visible:[32],actualPlacement:[32],closing:[32]},void 0,{visible:[{onVisibleChange:0}],disabled:[{onDisabledChange:0}]}]);function h(){"undefined"!=typeof customElements&&["co-tooltip","co-icon","co-kbd"].forEach((o=>{switch(o){case"co-tooltip":customElements.get(t(o))||customElements.define(t(o),c);break;case"co-icon":customElements.get(t(o))||n();break;case"co-kbd":customElements.get(t(o))||l()}}))}h();export{c as C,h as d}
+import{t,p as o,H as i,h as s}from"./index.js";import{c as e,g as a,f as r}from"./p-BtliEQAT.js";import{d as n}from"./p-qMNHMnvI.js";import{d as l}from"./p-DldA2IL3.js";const c=o(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.content="",this.placement="top",this.offset=8,this.showDelay=80,this.hideDelay=100,this.disabled=!1,this.arrow=!0,this.flip=!0,this.maxWidth="280px",this.block=!1,this.variant="default",this.tone="default",this.visible=!1,this.actualPlacement="top",this.closing=!1,this.suppressed=!1,this.scrollParents=[],this.cachedOffsetAncestor=null,this.offsetAncestorComputed=!1,this.scheduleShow=()=>{this.disabled||!this.content||this.suppressed||(this.clearHideTimeout(),this.visible||(this.showTimeout=setTimeout((()=>{this.visible=!0}),this.showDelay)))},this.scheduleHide=()=>{this.clearShowTimeout(),this.visible&&(this.hideTimeout=setTimeout((()=>{this.visible=!1}),this.hideDelay))},this.hideImmediate=()=>{this.clearTimers(),this.visible=!1},this.finishClose=()=>{clearTimeout(this.closeFallbackTimer),this.visible||(this.closing=!1,this.panelEl=void 0)},this.handlePanelTransitionEnd=t=>{!this.visible&&this.closing&&t.target===this.panelEl&&"opacity"===t.propertyName&&this.finishClose()},this.handleMouseEnter=()=>{this.scheduleShow()},this.handleMouseLeave=()=>{this.suppressed=!1,this.scheduleHide()},this.handlePointerDown=()=>{this.suppressed=!0,this.hideImmediate()},this.handleFocusIn=()=>{this.scheduleShow()},this.handleFocusOut=()=>{this.suppressed=!1,this.scheduleHide()},this.handleKeyDown=t=>{"Escape"===t.key&&this.visible&&this.hideImmediate()},this.updatePosition=()=>{if(!this.visible||!this.triggerEl||!this.panelEl)return;const t=this.triggerEl.getBoundingClientRect(),o=this.panelEl.getBoundingClientRect();if(0===o.width&&0===o.height)return;const{top:i,left:s,actualPlacement:r}=e(t,o,{placement:this.placement,offset:this.offset,flip:this.flip});this.actualPlacement=r;let n=i,l=s;if(!this.panelEl.matches(":popover-open")&&(this.offsetAncestorComputed||(this.cachedOffsetAncestor=a(this.panelEl),(this.cachedOffsetAncestor||this.panelEl.isConnected)&&(this.offsetAncestorComputed=!0)),this.cachedOffsetAncestor)){const t=this.cachedOffsetAncestor.getBoundingClientRect();n-=t.top,l-=t.left}this.panelEl&&(this.panelEl.style.top=`${n}px`,this.panelEl.style.left=`${l}px`,this.panelEl.classList.add("co-tooltip__panel--positioned"))},this.scheduleUpdate=()=>{this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame(this.updatePosition)}}disconnectedCallback(){this.clearTimers(),this.cleanupListeners(),clearTimeout(this.closeFallbackTimer),this.closing=!1}onVisibleChange(t){t?(this.closing=!1,clearTimeout(this.closeFallbackTimer),this.scheduleUpdate(),requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.updatePosition()}))})),this.addScrollListeners()):(this.cleanupListeners(),this.cachedOffsetAncestor=null,this.offsetAncestorComputed=!1,this.closing=!0,clearTimeout(this.closeFallbackTimer),this.closeFallbackTimer=setTimeout((()=>this.finishClose()),250))}onDisabledChange(t){t&&this.visible&&(this.visible=!1,this.clearTimers())}clearShowTimeout(){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=void 0)}clearHideTimeout(){this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=void 0)}clearTimers(){this.clearShowTimeout(),this.clearHideTimeout()}promotePanel(){const t=this.panelEl;if(t&&"function"==typeof t.showPopover)try{t.matches(":popover-open")||t.showPopover()}catch(t){}}addScrollListeners(){window.addEventListener("resize",this.scheduleUpdate,{passive:!0}),window.addEventListener("scroll",this.scheduleUpdate,{passive:!0,capture:!0}),this.scrollParents=r(this.el);for(const t of this.scrollParents)t.addEventListener("scroll",this.scheduleUpdate,{passive:!0})}cleanupListeners(){this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=void 0),window.removeEventListener("resize",this.scheduleUpdate),window.removeEventListener("scroll",this.scheduleUpdate,{capture:!0});for(const t of this.scrollParents)t.removeEventListener("scroll",this.scheduleUpdate);this.scrollParents=[]}render(){const t=this.actualPlacement.split("-")[0];return s("div",{key:"3764a4c115b507187115cbd30f0400deb374df09",class:"co-tooltip"},s("div",{key:"50b0c6325f1254e156f07eebe07e1abc81d8955f",class:"co-tooltip__trigger",ref:t=>this.triggerEl=t,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onPointerDown:this.handlePointerDown,onFocusin:this.handleFocusIn,onFocusout:this.handleFocusOut,onKeyDown:this.handleKeyDown,"aria-describedby":this.visible?"tooltip-panel":void 0},s("slot",{key:"d38c1723c6429912c66174a8885fa7062d2294b6"})),(this.visible||this.closing)&&this.content&&s("div",{key:"ee7495acdb7bc60c922c6dd3e2719fac3d818034",id:"tooltip-panel",class:{"co-tooltip__panel":!0,[`co-tooltip__panel--${t}`]:!0,"co-tooltip__panel--closing":this.closing,"co-tooltip__panel--label":"label"===this.variant,"co-tooltip__panel--tone-error":"error"===this.tone,"co-tooltip__panel--with-shortcut":!!this.shortcut},role:"tooltip",popover:"manual",part:"panel",onTransitionEnd:this.handlePanelTransitionEnd,ref:t=>{t&&t!==this.panelEl&&(this.panelEl=t,this.promotePanel(),this.scheduleUpdate())},style:{maxWidth:this.maxWidth}},this.arrow&&s("div",{key:"97cfb106fdc759401fefafe9990aa9388bc8aed5",class:`co-tooltip__arrow co-tooltip__arrow--${t}`}),s("span",{key:"81856efa759cfdc905ca23d7982c9469622bf89b",class:"co-tooltip__content"},this.content),this.shortcut&&s("co-kbd",{key:"2a1b2bf4728c9e085e0e198c93a4057dacf6381c",keys:this.shortcut,surface:"dark",size:"xs"})))}get el(){return this}static get watchers(){return{visible:[{onVisibleChange:0}],disabled:[{onDisabledChange:0}]}}static get style(){return":host{display:inline-block;position:relative}.co-tooltip{display:inline-block}.co-tooltip__trigger{display:inline-block}:host([block]){display:block;width:100%;min-width:0}:host([block]) .co-tooltip,:host([block]) .co-tooltip__trigger{display:block;width:100%;min-width:0}.co-tooltip__panel{position:fixed;inset:auto;top:0;left:0;margin:0;border:0;max-height:none;overflow:visible;z-index:10000;visibility:hidden;opacity:0;pointer-events:none;--co-tooltip-surface:var(--co-color-base-negro, #1f1c1b);background:var(--co-tooltip-surface);color:var(--co-color-base-blanco, #fff);font-family:var(--co-font-family-primary, 'Geist', sans-serif);font-size:var(--co-font-size-12, 12px);line-height:1.4;font-weight:400;text-transform:none;letter-spacing:var(--co-font-letter-spacing-body, normal);padding:var(--co-spacing-xs, 4px) var(--co-spacing-sm, 8px);border-radius:var(--co-border-radius-xxs, 4px);box-shadow:0 4px 12px rgba(31, 28, 27, 0.12);white-space:normal;word-wrap:break-word;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-tooltip__panel--positioned{visibility:visible;opacity:1}.co-tooltip__panel--closing{visibility:visible;opacity:0;transition:opacity var(--co-motion-duration-instant) var(--co-motion-ease-in),     transform var(--co-motion-duration-instant) var(--co-motion-ease-in)}.co-tooltip__panel--top{transform:translateY(4px)}.co-tooltip__panel--top.co-tooltip__panel--positioned{transform:translateY(0)}.co-tooltip__panel--bottom{transform:translateY(-4px)}.co-tooltip__panel--bottom.co-tooltip__panel--positioned{transform:translateY(0)}.co-tooltip__panel--left{transform:translateX(4px)}.co-tooltip__panel--left.co-tooltip__panel--positioned{transform:translateX(0)}.co-tooltip__panel--right{transform:translateX(-4px)}.co-tooltip__panel--right.co-tooltip__panel--positioned{transform:translateX(0)}.co-tooltip__arrow{position:absolute;width:0;height:0;border:5px solid transparent}.co-tooltip__arrow--top{bottom:-10px;left:50%;transform:translateX(-50%);border-top-color:var(--co-tooltip-surface);border-bottom:none}.co-tooltip__arrow--bottom{top:-5px;left:50%;transform:translateX(-50%);border-bottom-color:var(--co-tooltip-surface);border-top:none}.co-tooltip__arrow--left{right:-10px;top:50%;transform:translateY(-50%);border-left-color:var(--co-tooltip-surface);border-right:none}.co-tooltip__arrow--right{left:-5px;top:50%;transform:translateY(-50%);border-right-color:var(--co-tooltip-surface);border-left:none}.co-tooltip__panel--tone-error{--co-tooltip-surface:var(--co-semantic-status-error, #aa2e1b)}.co-tooltip__content{display:block}.co-tooltip__panel--label{padding:4px 8px;border-radius:var(--co-border-radius-xs, 8px);font-weight:var(--co-font-weight-medium, 500);line-height:1;box-shadow:none}.co-tooltip__panel--label .co-tooltip__arrow{display:none}.co-tooltip__panel--with-shortcut{display:flex;align-items:center;gap:6px}.co-tooltip__panel--with-shortcut:not(.co-tooltip__panel--label){padding-right:10px;}.co-tooltip__panel--label.co-tooltip__panel--with-shortcut{padding-right:4px}"}},[257,"co-tooltip",{content:[1],placement:[1],offset:[2],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],disabled:[4],arrow:[4],flip:[4],maxWidth:[1,"max-width"],block:[516],variant:[1],tone:[1],shortcut:[1],visible:[32],actualPlacement:[32],closing:[32]},void 0,{visible:[{onVisibleChange:0}],disabled:[{onDisabledChange:0}]}]);function h(){"undefined"!=typeof customElements&&["co-tooltip","co-icon","co-kbd"].forEach((o=>{switch(o){case"co-tooltip":customElements.get(t(o))||customElements.define(t(o),c);break;case"co-icon":customElements.get(t(o))||n();break;case"co-kbd":customElements.get(t(o))||l()}}))}h();export{c as C,h as d}

package/dist/components/p-B70R6xWE.js

@@ -0,0 +1 @@
+import{t as o,p as t,H as c,h as i}from"./index.js";import{d as n}from"./p-qMNHMnvI.js";const r=t(class extends c{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.variant="filled",this.surface="light",this.shape="rounded",this.size="md",this.disabled=!1,this.label="",this.toggled=!1,this.iconWeight="regular",this.selected=!1,this.fluid=!1,this.caret=!1}render(){var o,t;const c=null!==(o=this.iconSize)&&void 0!==o?o:null!==(t={xl:32,lg:28,md:24,sm:20,xs:16,xxs:16}[this.size])&&void 0!==t?t:24,n=null!=this.boxSize?{width:`${this.caret?this.boxSize+8:this.boxSize}px`,height:`${this.boxSize}px`,borderRadius:`var(--co-icon-button-radius, ${"square"===this.shape?"var(--co-border-radius-xs, 8px)":"var(--co-border-radius-full)"})`}:void 0,r=this.icon?n:Object.assign(Object.assign({},null!=n?n:{}),{"--co-icon-button-glyph-size":`${c}px`});return i("button",{key:"c83227eb38cf7d3573e5490c7dff2130402e8a09",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--dark":"dark"===this.surface,"co-icon-button--selected":this.selected,"co-icon-button--caret":this.caret,"co-icon-button--disabled":this.disabled},style:r,disabled:this.disabled,"aria-label":this.label||(this.toggled&&this.toggleIcon?this.toggleIcon:this.icon),"aria-pressed":this.selected?"true":void 0,part:"button"},this.icon&&this.toggleIcon?i("span",{class:{"co-icon-button__swap":!0,"co-icon-button__swap--toggled":this.toggled},"aria-hidden":"true"},i("co-icon",{name:this.icon,weight:this.iconWeight,size:c}),i("co-icon",{name:this.toggleIcon,weight:this.iconWeight,size:c})):this.icon?i("co-icon",{name:this.icon,weight:this.iconWeight,size:c}):i("slot",null),this.caret&&i("co-icon",{key:"a70e77a1b2c2db11dfa0a0e0f5629c3ea2829754",class:"co-icon-button__caret",name:"caret-down",size:8}))}static get style(){return":host{display:inline-flex}:host([disabled]){pointer-events:none}:host([fluid]){flex:1 1 0;min-width:0}:host([fluid]) .co-icon-button{width:100%}.co-icon-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;outline:none;padding:0;flex-shrink:0;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out),     background var(--co-motion-duration-fast) var(--co-motion-ease-out),     transform var(--co-motion-duration-fast) var(--co-motion-ease-out);box-sizing:border-box;-webkit-font-smoothing:antialiased;-webkit-backdrop-filter:var(--co-icon-button-backdrop-filter, var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate))));backdrop-filter:var(--co-icon-button-backdrop-filter, var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate))))}.co-icon-button--filled{background:color-mix(in srgb, var(--co-semantic-surface-primary) 78%, transparent);color:var(--co-semantic-on-primary);border-color:color-mix(in srgb, var(--co-semantic-on-primary) 28%, transparent)}.co-icon-button--outlined{background:color-mix(in srgb, var(--co-icon-button-bg, var(--co-semantic-surface-secondary)) 55%, transparent);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;-webkit-backdrop-filter:none;backdrop-filter:none}.co-icon-button--ghost:hover:not(:disabled){background:var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-icon-button--soft{background:var(--co-semantic-surface-control);color:var(--co-icon-button-color, var(--co-semantic-text-default));border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.co-icon-button--soft:hover:not(:disabled){background:color-mix(in srgb, var(--co-semantic-surface-control), var(--co-semantic-surface-hover))}.co-icon-button--dark{color:var(--co-icon-button-color, var(--co-surface-dark-ink, var(--co-color-base-blanco, #fff)))}.co-icon-button--dark.co-icon-button--ghost:hover:not(:disabled){background:color-mix(in srgb, var(--co-surface-dark-ink, var(--co-color-base-blanco, #fff)) 16%, transparent)}.co-icon-button--selected,.co-icon-button--selected:hover:not(:disabled),.co-icon-button--dark.co-icon-button--selected:hover:not(:disabled){background:var(--co-icon-button-selected-bg, var(--co-semantic-accent));color:var(--co-icon-button-selected-color, var(--co-semantic-on-accent))}.co-icon-button--rounded.co-icon-button--xl{width:80px;height:80px;border-radius:var(--co-icon-button-radius, var(--co-border-radius-full))}.co-icon-button--rounded.co-icon-button--lg{width:64px;height:64px;border-radius:var(--co-icon-button-radius, var(--co-border-radius-full))}.co-icon-button--rounded.co-icon-button--md{width:56px;height:56px;border-radius:var(--co-icon-button-radius, var(--co-border-radius-full))}.co-icon-button--rounded.co-icon-button--sm{width:48px;height:48px;border-radius:var(--co-icon-button-radius, var(--co-border-radius-full))}.co-icon-button--rounded.co-icon-button--xs{width:32px;height:32px;border-radius:var(--co-icon-button-radius, var(--co-border-radius-full))}.co-icon-button--rounded.co-icon-button--xxs{width:24px;height:24px;border-radius:var(--co-icon-button-radius, var(--co-border-radius-full))}.co-icon-button--square.co-icon-button--xl{width:80px;height:80px;border-radius:var(--co-icon-button-radius, var(--co-border-radius-xl));}.co-icon-button--square.co-icon-button--lg{width:64px;height:64px;border-radius:var(--co-icon-button-radius, var(--co-border-radius-lg));}.co-icon-button--square.co-icon-button--md{width:56px;height:56px;border-radius:var(--co-icon-button-radius, var(--co-border-radius-lg));}.co-icon-button--square.co-icon-button--sm{width:48px;height:48px;border-radius:var(--co-icon-button-radius, var(--co-border-radius-sm));}.co-icon-button--square.co-icon-button--xs{width:32px;height:32px;border-radius:var(--co-icon-button-radius, var(--co-border-radius-xs));}.co-icon-button--square.co-icon-button--xxs{width:24px;height:24px;border-radius:var(--co-icon-button-radius, var(--co-spacing-sm));}::slotted(*){width:var(--co-icon-button-glyph-size);height:var(--co-icon-button-glyph-size);flex-shrink:0}.co-icon-button--caret{gap:4px}.co-icon-button--caret.co-icon-button--xl{width:calc(80px + 8px)}.co-icon-button--caret.co-icon-button--lg{width:calc(64px + 8px)}.co-icon-button--caret.co-icon-button--md{width:calc(56px + 8px)}.co-icon-button--caret.co-icon-button--sm{width:calc(48px + 8px)}.co-icon-button--caret.co-icon-button--xs{width:calc(32px + 8px)}.co-icon-button--caret.co-icon-button--xxs{width:calc(24px + 8px)}.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}.co-icon-button:focus-visible{outline:none;border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus)}.co-icon-button--dark:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--co-surface-dark-ink, var(--co-color-base-blanco, #fff)) 45%, transparent)}.co-icon-button:active:not(:disabled){transform:scale(0.97);transition-duration:var(--co-motion-duration-instant)}@supports not (background: color-mix(in srgb, red, transparent)){.co-icon-button--filled{background:var(--co-semantic-surface-primary)}.co-icon-button--outlined{background:var(--co-icon-button-bg, var(--co-semantic-surface-secondary))}}.co-icon-button__swap{display:inline-grid}.co-icon-button__swap>co-icon{grid-area:1 / 1;transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-in-out),     transform var(--co-motion-duration-base) var(--co-motion-ease-in-out),     filter var(--co-motion-duration-base) var(--co-motion-ease-in-out)}.co-icon-button__swap>co-icon:last-child{opacity:0;transform:scale(0.25);filter:blur(var(--co-motion-blur-sm))}.co-icon-button__swap--toggled>co-icon:first-child{opacity:0;transform:scale(0.25);filter:blur(var(--co-motion-blur-sm))}.co-icon-button__swap--toggled>co-icon:last-child{opacity:1;transform:scale(1);filter:blur(0)}"}},[257,"co-icon-button",{variant:[1],surface:[1],shape:[513],size:[1],boxSize:[2,"box-size"],iconSize:[2,"icon-size"],disabled:[516],label:[1],icon:[1],toggleIcon:[1,"toggle-icon"],toggled:[4],iconWeight:[1,"icon-weight"],selected:[516],fluid:[516],caret:[4]}]);function a(){"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))||n()}}))}a();export{r as C,a as d}

package/dist/components/p-BSt2t5Fy.js

@@ -0,0 +1 @@
+import{t as c,p as o,H as i,c as a,h as e}from"./index.js";import{d as t}from"./p-qMNHMnvI.js";const r=o(class extends i{constructor(c){super(),!1!==c&&this.__registerHost(),this.__attachShadow(),this.coRemove=a(this,"coRemove",7),this.coClick=a(this,"coClick",7),this.shape="rounded",this.size="large",this.iconMode="none",this.variant="filled",this.color="default",this.iconWeight="regular",this.removable=!1,this.dot=!1,this.clickable=!1,this.disabled=!1,this.selected=!1,this.handleClick=()=>{this.disabled||this.clickable&&this.coClick.emit()},this.handleRemove=c=>{c.stopPropagation(),this.disabled||this.coRemove.emit()}}render(){const c="left"===this.iconMode||"both"===this.iconMode,o="both"===this.iconMode&&!this.removable,i="large"===this.size?16:10,a="large"===this.size?16:10,t="filter"===this.variant?13:i,r=c||!!this.iconLeft||this.dot,s=o||!!this.iconRight||this.removable||!!this.trailingIcon;let n;return n=r&&s?"both":r?"left":s?"right":"none",e(this.clickable?"button":"div",{key:"a0fef13e5a67b2d8c1ac96576d1f75f5187c70cb",class:{"co-chip":!0,[`co-chip--${this.shape}`]:!0,[`co-chip--${this.size}`]:!0,[`co-chip--icon-${n}`]:!0,[`co-chip--${this.variant}`]:!0,[`co-chip--${this.color}`]:"default"!==this.color,"co-chip--clickable":this.clickable,"co-chip--disabled":this.disabled,"co-chip--selected":this.selected},part:"chip",type:this.clickable?"button":void 0,disabled:this.clickable?this.disabled:void 0,onClick:this.handleClick},this.dot&&e("span",{key:"cac1c98fa890bae489af9b3efb4fb3ec0a06d1ca",class:"co-chip__dot",part:"dot",style:this.dotColor?{color:this.dotColor}:void 0},e("co-icon",{key:"545dba15817d7375447a0adb1d472b2accf7b878",name:"circle",size:i,weight:"fill"})),this.iconLeft&&!c&&e("span",{key:"a54ecde8516125b1670716ebd8555d3ac6ca24be",class:"co-chip__icon-left",part:"icon-left"},e("co-icon",{key:"0e3174abeb9761a8a2abca7bbd9ebec0bd3e9dea",name:this.iconLeft,size:i,weight:this.iconWeight})),c&&e("span",{key:"cf7a72c01e63140bc22bde8d87841cbb79bb4f4a",class:"co-chip__icon-left",part:"icon-left"},e("slot",{key:"f2398a1b9bb41f1f2dc039303ec0a6b8c8ccfada",name:"icon-left"})),e("span",{key:"de70419bb5a522cd5425096f6da19752736d14b8",class:"co-chip__label"},e("slot",{key:"6bf611ee5235e60514eb2b3f37040183f7e0032c"},this.label),null!=this.valueLabel&&""!==this.valueLabel&&e("span",{key:"bc36276493cd3ff26ce131c85094125b27791028",class:"co-chip__value",part:"value"},`: ${this.valueLabel}`)),this.iconRight&&!o&&!this.removable&&e("span",{key:"8d20d206a23ed7109c5cc40b2beb278fd0e89614",class:"co-chip__icon-right",part:"icon-right"},e("co-icon",{key:"28cdb555b65fefcf3e3471aea46fe4ec0d2aad18",name:this.iconRight,size:i,weight:this.iconWeight})),o&&e("span",{key:"009206c164ae5d378481e8512fe8e63c921bb57e",class:"co-chip__icon-right",part:"icon-right"},e("slot",{key:"8397bf2f3add45386d34b61964fe6ea5ecb05f70",name:"icon-right"})),this.removable&&e("span",{key:"bb95705bdb89959b8bc64a5d692d54dcc2387e0b",class:"co-chip__remove",part:"remove",role:"button",tabIndex:this.disabled?-1:0,onClick:this.handleRemove,"aria-label":"Remove"},e("co-icon",{key:"a616ebe4d69c08be3bb908e7da1dcdd15a4c257a",name:"x-circle",size:a,weight:"fill"})),this.trailingIcon&&e("span",{key:"3302ddb23482eaeff3a4ba2de38282f423768b2c",class:"co-chip__trailing",part:"trailing"},e("co-icon",{key:"34a716149f174722d7b7a5549821a80ee7cdad63",name:this.trailingIcon,size:t,weight:this.iconWeight})))}static get style(){return":host{display:inline-flex;max-width:var(--co-chip-max-width, none)}.co-chip{display:inline-flex;align-items:center;justify-content:center;font-family:var(--co-font-family-primary);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;box-sizing:border-box;-webkit-font-smoothing:antialiased;max-width:100%;overflow:hidden;border:1px solid transparent;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out);cursor:default;margin:0;padding:0}button.co-chip{cursor:pointer;outline:none}button.co-chip:focus-visible{box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-chip__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.co-chip__value{color:var(--co-chip-value-color, var(--co-semantic-text-muted, #888888))}.co-chip--filled{background:var(--co-chip-bg, var(--co-semantic-surface-muted));color:var(--co-chip-color, var(--co-semantic-text-default));border-color:var(--co-chip-border, transparent)}.co-chip--filled.co-chip--clickable:hover:not(.co-chip--disabled){background:var(--co-semantic-surface-hover)}.co-chip--filled.co-chip--clickable:active:not(.co-chip--disabled){opacity:0.85}.co-chip--filled.co-chip--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary)}.co-chip--filled.co-chip--primary.co-chip--clickable:hover:not(.co-chip--disabled){background:var(--co-semantic-surface-primary);opacity:0.85}.co-chip--filled.co-chip--success{background:var(--co-semantic-status-success);color:#fff}.co-chip--filled.co-chip--error{background:var(--co-semantic-status-error);color:#fff}.co-chip--filled.co-chip--warning{background:var(--co-color-status-review);color:#fff}.co-chip--filled.co-chip--info{background:var(--co-semantic-status-info);color:#fff}.co-chip--filled.co-chip--pending{background:var(--co-color-status-pending);color:#fff}.co-chip--filled.co-chip--progress{background:var(--co-color-status-progress);color:#fff}.co-chip--filled.co-chip--review{background:var(--co-color-status-review);color:#fff}.co-chip--filled.co-chip--submitted{background:var(--co-color-status-submitted);color:#fff}.co-chip--outlined{background:transparent;color:var(--co-semantic-text-default);border-color:var(--co-semantic-border-default)}.co-chip--outlined.co-chip--clickable:hover:not(.co-chip--disabled){background:var(--co-semantic-surface-hover)}.co-chip--outlined.co-chip--clickable:active:not(.co-chip--disabled){background:var(--co-semantic-surface-muted)}.co-chip--outlined.co-chip--primary{color:var(--co-semantic-surface-primary);border-color:var(--co-semantic-surface-primary)}.co-chip--outlined.co-chip--success{color:var(--co-semantic-text-success, var(--co-semantic-status-success));border-color:var(--co-semantic-status-success)}.co-chip--outlined.co-chip--error{color:var(--co-semantic-text-error, var(--co-semantic-status-error));border-color:var(--co-semantic-status-error)}.co-chip--outlined.co-chip--warning{color:var(--co-semantic-text-warning, var(--co-color-status-review));border-color:var(--co-color-status-review)}.co-chip--outlined.co-chip--info{color:var(--co-semantic-text-info, var(--co-semantic-status-info));border-color:var(--co-semantic-status-info)}.co-chip--filled.co-chip--selected{box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.3)}.co-chip--outlined.co-chip--selected{background:var(--co-semantic-surface-muted);border-width:2px}.co-chip--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}button.co-chip--disabled{pointer-events:auto;}.co-chip--large{font-size:var(--co-font-size-12)}.co-chip--large.co-chip--icon-none{padding:var(--co-spacing-sm) var(--co-spacing-sm2);gap:0}.co-chip--large.co-chip--icon-left{padding:var(--co-spacing-xs) var(--co-spacing-sm2) var(--co-spacing-xs) var(--co-spacing-sm);gap:var(--co-spacing-sm)}.co-chip--large.co-chip--icon-right{padding:var(--co-spacing-xs) var(--co-spacing-xs) var(--co-spacing-xs) var(--co-spacing-sm2);gap:var(--co-spacing-sm)}.co-chip--large.co-chip--icon-both{padding:var(--co-spacing-xs);gap:var(--co-spacing-sm)}.co-chip--small{font-size:var(--co-font-size-10)}.co-chip--small.co-chip--icon-none{padding:var(--co-spacing-xs) var(--co-spacing-sm);gap:0}.co-chip--small.co-chip--icon-left{padding:var(--co-spacing-xs) var(--co-spacing-sm) var(--co-spacing-xs) var(--co-spacing-xs);gap:var(--co-spacing-xs)}.co-chip--small.co-chip--icon-right{padding:var(--co-spacing-xs) var(--co-spacing-xs) var(--co-spacing-xs) var(--co-spacing-sm);gap:var(--co-spacing-xs)}.co-chip--small.co-chip--icon-both{padding:var(--co-spacing-xs);gap:var(--co-spacing-xs)}.co-chip--rounded{border-radius:var(--co-chip-radius, var(--co-border-radius-full))}.co-chip--square{border-radius:var(--co-chip-radius, var(--co-spacing-sm))}.co-chip__icon-left,.co-chip__icon-right,.co-chip__dot,.co-chip__trailing{display:inline-flex;flex-shrink:0;align-items:center}.co-chip__trailing{color:var(--co-chip-trailing-color, currentColor)}.co-chip--large .co-chip__icon-left,.co-chip--large .co-chip__icon-right,.co-chip--large .co-chip__dot{width:16px;height:16px}.co-chip--small .co-chip__icon-left,.co-chip--small .co-chip__icon-right,.co-chip--small .co-chip__dot{width:10px;height:10px}.co-chip__remove{display:inline-flex;flex-shrink:0;align-items:center;cursor:pointer;opacity:1;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out);border:none;background:transparent;padding:0;color:inherit}.co-chip__remove:hover{opacity:0.7}.co-chip--large .co-chip__remove{width:16px;height:16px}.co-chip--small .co-chip__remove{width:10px;height:10px}::slotted(*){display:inline-flex;width:100%;height:100%}.co-chip.co-chip--filter{height:34px;padding:0 12px;gap:7px;font-size:13.5px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-page, #fff);color:var(--co-semantic-text-default, #1f1c1b);border-color:transparent;box-shadow:inset 0 0 0 1px var(--co-semantic-border-default, rgba(0, 0, 0, 0.16))}.co-chip--filter .co-chip__icon-left{color:var(--co-semantic-text-muted, #888888)}.co-chip--filter .co-chip__trailing{color:var(--co-semantic-text-muted, #888888)}.co-chip--filter.co-chip--clickable:hover:not(.co-chip--disabled){box-shadow:inset 0 0 0 1px var(--co-semantic-border-field, rgba(0, 0, 0, 0.25))}.co-chip--filter.co-chip--clickable:active:not(.co-chip--disabled){background:var(--co-semantic-surface-disabled, #f6f6f6)}.co-chip--filter.co-chip--selected{background:var(--co-semantic-surface-disabled, #f6f6f6)}"}},[257,"co-chip",{shape:[1],size:[1],iconMode:[1,"icon-mode"],variant:[1],color:[1],label:[1],iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],iconWeight:[1,"icon-weight"],valueLabel:[1,"value-label"],trailingIcon:[1,"trailing-icon"],removable:[516],dot:[516],dotColor:[513,"dot-color"],clickable:[4],disabled:[4],selected:[1540]}]);function s(){"undefined"!=typeof customElements&&["co-chip","co-icon"].forEach((o=>{switch(o){case"co-chip":customElements.get(c(o))||customElements.define(c(o),r);break;case"co-icon":customElements.get(c(o))||t()}}))}s();export{r as C,s as d}