@ajuarezso/sui-stencil 0.0.0-stage → 0.1.0

package/dist/components/sui-inline-select.js

@@ -0,0 +1 @@
+import{p as i,H as e,c as s,h as t,d as n,t as l}from"./p-BwhKFYtu.js";import{d as a}from"./p-Dqbb1Ddy.js";import{d as o}from"./p-CmfWN05h.js";const c=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.clicked=s(this,"clicked"),this.selectedChange=s(this,"selectedChange"),this.type="icon",this.value="",this.icon=null,this.flag=null,this.items=[],this.disabled=!1,this.open=!1,this.selected=null,this.highlightedIndex=-1,this.flipUp=!1,this.onHostClick=i=>{if(this.disabled)return i.preventDefault(),void i.stopPropagation();const e=i.target;(null==e?void 0:e.closest(".sui-inline-select__menu"))||(this.clicked.emit(i),this.hasItems&&this.toggleMenu())},this.onHostKeydown=i=>{if(!this.disabled){if("Enter"===i.key||" "===i.key||"Spacebar"===i.key){if(this.open&&this.highlightedIndex>=0){i.preventDefault();const e=this.items[this.highlightedIndex];return void(e&&this.selectItem(e))}return i.preventDefault(),this.clicked.emit(i),void(this.hasItems&&this.toggleMenu())}this.hasItems&&("ArrowDown"===i.key?(i.preventDefault(),this.open||this.openMenu(),this.moveHighlight(1)):"ArrowUp"===i.key?(i.preventDefault(),this.open||this.openMenu(),this.moveHighlight(-1)):"Escape"===i.key?this.open&&(i.preventDefault(),this.closeMenu()):"Home"===i.key&&this.open?(i.preventDefault(),this.highlightedIndex=this.firstEnabledIndex()):"End"===i.key&&this.open&&(i.preventDefault(),this.highlightedIndex=this.lastEnabledIndex()))}},this.onOptionClick=(i,e)=>{i.stopPropagation(),this.selectItem(e)}}componentWillLoad(){this.el.removeAttribute("title"),this.updateSelected()}onValueChange(){this.updateSelected()}onItemsChange(){this.updateSelected()}onDisabledChange(i){i&&this.open&&this.closeMenu()}updateSelected(){const i=this.value;if(""===i||null==i)return void(this.selected=null);const e=this.items.find((e=>e.value===i));this.selected=e||null}get hasItems(){return this.items.length>0}get arrowIcon(){return this.open?"arrow-up-s-line":"arrow-down-s-line"}get displayValue(){var i,e,s;return null!==(s=null!==(e=null===(i=this.selected)||void 0===i?void 0:i.label)&&void 0!==e?e:this.value)&&void 0!==s?s:""}get displayIcon(){var i,e,s;return null!==(s=null!==(e=null===(i=this.selected)||void 0===i?void 0:i.icon)&&void 0!==e?e:this.icon)&&void 0!==s?s:null}get displayFlag(){var i,e,s;return null!==(s=null!==(e=null===(i=this.selected)||void 0===i?void 0:i.flag)&&void 0!==e?e:this.flag)&&void 0!==s?s:null}onTouchStart(){}onTouchEnd(i){const e=i.target,s=null==e?void 0:e.closest(".sui-inline-select__option");s?s.blur():this.el.blur()}moveHighlight(i){var e;const s=this.items.length;if(0===s)return;let t=this.highlightedIndex;for(let n=0;n<s;n++)if(t=(t+i+s)%s,t<0&&(t=s-1),!(null===(e=this.items[t])||void 0===e?void 0:e.disabled))return void(this.highlightedIndex=t)}firstEnabledIndex(){return this.items.findIndex((i=>!i.disabled))}lastEnabledIndex(){var i;for(let e=this.items.length-1;e>=0;e--)if(!(null===(i=this.items[e])||void 0===i?void 0:i.disabled))return e;return-1}onDocumentClick(i){if(!this.open)return;const e=i.target;e&&!this.el.contains(e)&&this.closeMenu()}onDocumentKeydown(i){this.open&&"Escape"===i.key&&this.closeMenu()}onWindowScroll(){this.open&&requestAnimationFrame((()=>this.flipIfClipped()))}onWindowResize(){this.open&&requestAnimationFrame((()=>this.flipIfClipped()))}async openMenu(){if(this.disabled||!this.hasItems||this.open)return;this.open=!0;const i=this.selected?this.items.findIndex((i=>i.value===this.selected.value)):-1;this.highlightedIndex=i>=0?i:this.firstEnabledIndex(),requestAnimationFrame((()=>this.flipIfClipped()))}async closeMenu(){this.open&&(this.open=!1,this.highlightedIndex=-1,this.flipUp=!1)}async toggleMenu(){this.open?await this.closeMenu():await this.openMenu()}async isOpen(){return this.open}selectItem(i){i.disabled||(this.value=i.value,this.selected=i,this.selectedChange.emit(i),this.closeMenu())}flipIfClipped(){const i=this.el.querySelector(".sui-inline-select__menu");if(!i)return;const e=this.el.getBoundingClientRect(),s=window.innerHeight-e.bottom,t=s<i.offsetHeight+8&&e.top>s;t!==this.flipUp&&(this.flipUp=t)}renderLeading(){if("country"===this.type){const i=this.displayFlag;return i?t("sui-flag",{class:"sui-inline-select__flag",name:i,size:"xs"}):null}if("icon"===this.type){const i=this.displayIcon;return i?t("sui-icon",{class:"sui-inline-select__icon",name:i,size:20}):null}return null}renderOption(i,e){const s=!!this.selected&&i.value===this.selected.value;return t("div",{class:{"sui-inline-select__option":!0,"sui-inline-select__option--selected":s,"sui-inline-select__option--highlighted":e===this.highlightedIndex&&!s,"sui-inline-select__option--disabled":!!i.disabled},role:"option","aria-selected":s?"true":"false","aria-disabled":i.disabled?"true":void 0,"data-sui-selected":s?"":void 0,tabindex:i.disabled?-1:0,onClick:e=>this.onOptionClick(e,i),onMouseEnter:()=>{i.disabled||(this.highlightedIndex=e)}},t("span",{class:"sui-inline-select__option-leading"},i.flag?t("sui-flag",{name:i.flag,size:"sm"}):i.icon?t("sui-icon",{name:i.icon,size:20}):null),t("span",{class:"sui-inline-select__option-text"},t("span",{class:"sui-inline-select__option-label"},i.label),i.sublabel&&t("span",{class:"sui-inline-select__option-sublabel"},i.sublabel)),s&&t("sui-icon",{class:"sui-inline-select__option-check",name:"check-line",size:20}))}render(){return t(n,{key:"deabbfd766f692f16bfced93c211c2d37a78f527",role:"button",tabindex:this.disabled?-1:0,"data-sui-type":this.type,"data-sui-disabled":this.disabled?"":null,"data-sui-open":this.open?"":null,"data-sui-flip":this.flipUp?"":null,"aria-disabled":this.disabled?"true":null,"aria-expanded":this.open?"true":"false","aria-haspopup":this.hasItems?"listbox":null,onClick:this.onHostClick,onKeyDown:this.onHostKeydown},this.renderLeading(),t("span",{key:"46b815db2fc1f900c4e40604d46553dc27678625",class:"sui-inline-select__text"},t("span",{key:"abbb24225d4133fd5b7409d19c64394374c17a10",class:"sui-inline-select__value"},this.displayValue),t("sui-icon",{key:"206df618c0a91d08e08af3ddd5d80cf1957e5dad",class:"sui-inline-select__arrow",name:this.arrowIcon,size:20})),this.open&&this.hasItems&&t("div",{key:"58f7ab527cf3ca479045c2d5339e16f8dfe353b2",class:"sui-inline-select__menu",role:"listbox",onClick:i=>i.stopPropagation()},this.items.map(((i,e)=>this.renderOption(i,e)))))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}],items:[{onItemsChange:0}],disabled:[{onDisabledChange:0}]}}static get style(){return'@charset "UTF-8";.sc-sui-inline-select-h{display:inline-flex;align-items:center;flex-shrink:0;position:relative;background:transparent;cursor:pointer;user-select:none;outline:none;vertical-align:middle;font-family:var(--sui-font-sans, sans-serif);font-size:14px;font-weight:400;line-height:20px;letter-spacing:-0.006em;font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;transition:color 100ms ease}[data-sui-type=country].sc-sui-inline-select-h{gap:6px}[data-sui-type=icon].sc-sui-inline-select-h{gap:4px}[data-sui-type=icon].sc-sui-inline-select-h:not(:hover):not(:focus):not([data-sui-open]):not([data-sui-disabled]){color:var(--sui-text-sub-600, #5c5c5c)}[data-sui-type=icon].sc-sui-inline-select-h:hover:not([data-sui-disabled]),[data-sui-type=icon].sc-sui-inline-select-h:focus:not([data-sui-disabled]),[data-sui-type=icon][data-sui-open].sc-sui-inline-select-h:not([data-sui-disabled]){color:var(--sui-text-strong-950, #171717)}[data-sui-type=country].sc-sui-inline-select-h:not([data-sui-disabled]){color:var(--sui-text-strong-950, #171717)}[data-sui-disabled].sc-sui-inline-select-h{color:var(--sui-text-disabled-300, #d1d1d1);cursor:not-allowed;pointer-events:none}[data-sui-disabled].sc-sui-inline-select-h .sui-inline-select__flag.sc-sui-inline-select{opacity:0.48}.sui-inline-select__flag.sc-sui-inline-select,.sui-inline-select__icon.sc-sui-inline-select,.sui-inline-select__arrow.sc-sui-inline-select{flex-shrink:0}.sui-inline-select__text.sc-sui-inline-select{display:inline-flex;align-items:center;gap:2px;min-width:0}.sui-inline-select__icon.sc-sui-inline-select,.sui-inline-select__arrow.sc-sui-inline-select{color:inherit}.sui-inline-select__value.sc-sui-inline-select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-sui-inline-select-h:focus{outline:none}.sui-inline-select__menu.sc-sui-inline-select{position:absolute;top:calc(100% + 4px);left:0;z-index:50;box-sizing:border-box;min-width:200px;width:max-content;max-width:min(320px, 100vw - 16px);max-height:min(320px, 100vh - 32px);overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:8px;background:var(--sui-bg-white-0, #fff);border:1px solid var(--sui-stroke-soft-200, #ebebeb);border-radius:var(--sui-radius-16, 16px);box-shadow:var(--sui-regular-shadow-medium, 0 16px 32px -12px rgba(14, 18, 27, 0.1019607843));cursor:default;color:var(--sui-text-strong-950, #171717);font-weight:400;font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;animation:sui-inline-select-in 120ms ease-out}[data-sui-flip].sc-sui-inline-select-h .sui-inline-select__menu.sc-sui-inline-select{top:auto;bottom:calc(100% + 4px)}@keyframes sui-inline-select-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.sui-inline-select__menu.sc-sui-inline-select{animation:none}}@media (max-width: 767px){.sui-inline-select__menu.sc-sui-inline-select{scrollbar-width:none}.sui-inline-select__menu.sc-sui-inline-select::-webkit-scrollbar{display:none}}.sui-inline-select__option.sc-sui-inline-select{display:flex;align-items:center;gap:8px;min-height:36px;padding:8px;border-radius:var(--sui-radius-8, 8px);background:var(--sui-bg-white-0, #fff);cursor:pointer;outline:none;box-sizing:border-box;transition:background 100ms ease-out, box-shadow 100ms ease-out}.sui-inline-select__option.sc-sui-inline-select:active:not(.sui-inline-select__option--disabled),.sui-inline-select__option.sc-sui-inline-select:focus-visible{box-shadow:0 0 0 2px var(--sui-bg-white-0, #fff), 0 0 0 4px var(--sui-primary-alpha-10, rgba(250, 115, 25, 0.1019607843))}.sui-inline-select__option--highlighted.sc-sui-inline-select{background:var(--sui-bg-weak-50, #f7f7f7)}.sui-inline-select__option--selected.sc-sui-inline-select{background:var(--sui-primary-alpha-10, rgba(250, 115, 25, 0.1019607843))}.sui-inline-select__option--selected.sc-sui-inline-select .sui-inline-select__option-label.sc-sui-inline-select,.sui-inline-select__option--selected.sc-sui-inline-select .sui-inline-select__option-sublabel.sc-sui-inline-select,.sui-inline-select__option--selected.sc-sui-inline-select .sui-inline-select__option-check.sc-sui-inline-select{color:var(--sui-primary-base, #fa7319)}.sui-inline-select__option--selected.sc-sui-inline-select:hover{background:var(--sui-primary-alpha-16, rgba(250, 115, 25, 0.1607843137))}.sui-inline-select__option--disabled.sc-sui-inline-select{opacity:0.5;cursor:not-allowed;pointer-events:none}.sui-inline-select__option-leading.sc-sui-inline-select{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.sui-inline-select__option-leading.sc-sui-inline-select:empty{display:none}.sui-inline-select__option-text.sc-sui-inline-select{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:4px}.sui-inline-select__option-label.sc-sui-inline-select{font-size:var(--sui-type-paragraph-sm-size, 14px);line-height:var(--sui-type-paragraph-sm-line, 20px);letter-spacing:var(--sui-type-paragraph-sm-spacing, -0.006em);font-weight:var(--sui-type-paragraph-sm-weight, 400);color:var(--sui-text-strong-950, #171717);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sui-inline-select__option-sublabel.sc-sui-inline-select{font-size:var(--sui-type-paragraph-xs-size, 12px);line-height:var(--sui-type-paragraph-xs-line, 16px);letter-spacing:var(--sui-type-paragraph-xs-spacing, 0);font-weight:var(--sui-type-paragraph-xs-weight, 400);color:var(--sui-text-soft-400, #a3a3a3);flex-shrink:0}.sui-inline-select__option-check.sc-sui-inline-select{width:20px;height:20px;flex-shrink:0;color:var(--sui-primary-base, #fa7319)}'}},[2,"sui-inline-select",{type:[513],value:[1025],icon:[1],flag:[1],items:[16],disabled:[516],open:[32],selected:[32],highlightedIndex:[32],flipUp:[32],openMenu:[64],closeMenu:[64],toggleMenu:[64],isOpen:[64]},[[1,"touchstart","onTouchStart"],[1,"touchend","onTouchEnd"],[6,"click","onDocumentClick"],[4,"keydown","onDocumentKeydown"],[11,"scroll","onWindowScroll"],[9,"resize","onWindowResize"]],{value:[{onValueChange:0}],items:[{onItemsChange:0}],disabled:[{onDisabledChange:0}]}]),u=c,r=function(){"undefined"!=typeof customElements&&["sui-inline-select","sui-flag","sui-icon"].forEach((i=>{switch(i){case"sui-inline-select":customElements.get(l(i))||customElements.define(l(i),c);break;case"sui-flag":customElements.get(l(i))||a();break;case"sui-icon":customElements.get(l(i))||o()}}))};export{u as SuiInlineSelect,r as defineCustomElement}

package/dist/components/sui-input.d.ts

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

package/dist/components/sui-input.js

@@ -0,0 +1 @@
+import{p as i,H as t,c as s,h as n,d as u,t as e}from"./p-BwhKFYtu.js";import{d as a}from"./p-D5V4Py3v.js";import{d as r}from"./p-D1OVW8SW.js";import{d as o}from"./p-CmfWN05h.js";import{d as l}from"./p-tfpKWTqB.js";import{d as p}from"./p-cD-ncf5D.js";function d(i){var t;return(null!==(t=i.match(/.{1,4}/g))&&void 0!==t?t:[]).join(" ")}function c(i){let t=i.replace(/[^0-9.]/g,"");if(!t)return"";const s=t.split(".");s.length>2&&(t=s.join(""));const n=t.lastIndexOf("."),u=n>-1?t.slice(0,n):t;let e=n>-1?t.slice(n+1):"";return e=e.length>2?parseFloat(`${u}.${e}`).toFixed(2).split(".")[1]:(e+"00").slice(0,2),`${u.replace(/\B(?=(\d{3})+(?!\d))/g,",")}.${e}`}let h=0;const _=i(class i extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.valueChange=s(this,"valueChange"),this.suiBlur=s(this,"suiBlur"),this.suiFocus=s(this,"suiFocus"),this.size="medium",this.type="text",this.placeholder="",this.disabled=!1,this.readonly=!1,this.fullRadius=!1,this.error=!1,this.errorMessage=null,this.label=null,this.hint=null,this.hintIcon=null,this.autocomplete=null,this.inputmode=null,this.enterkeyhint=null,this.sublabel=null,this.required=!1,this.tooltip=null,this.value="",this.maxlength=null,this.min=null,this.max=null,this.paste=!0,this.inputPrefix=null,this.showClear=!1,this.icon=null,this.iconPosition="left",this.closeOnOutsideClick=!0,this.leadingDivider=!1,this.trailingDivider=!1,this.leadingControl=!1,this.trailingControl=!1,this.showPassword=!1,this.displayAmount="",this.displayCard="",this.controlId="sui-input-"+ ++h,this.hintId="sui-input-hint-"+h,this.boundOutsideTap=i=>this.onDocumentTap(i),this.onInput=i=>{if(this.disabled)return;if("amount"===this.type)return this.formatAmountOnInput(i);if("card"===this.type)return this.formatCardOnInput(i);const t=i.target.value;this.value=t,this.valueChange.emit(t)},this.onBlur=()=>{"amount"===this.type&&this.applyAmountBlur(),this.suiBlur.emit()},this.onFocus=()=>{this.suiFocus.emit()},this.onKeydown=i=>{const t=this.type;"number"===t||"card"===t?this.onlyNumbers(i):"amount"===t?this.onlyNumbersAndPoints(i):"tel"===t&&this.onlyTel(i)},this.onPaste=i=>{var t,s;const n=this.type;if(("number"===n||"amount"===n)&&!this.paste)return void i.preventDefault();const u=null!==(s=null===(t=i.clipboardData)||void 0===t?void 0:t.getData("text"))&&void 0!==s?s:"";if("number"===n&&isNaN(+u)&&i.preventDefault(),"amount"===n){i.preventDefault();const t=c(u);i.target.value=t,this.displayAmount=t,this.value=t.replace(/,/g,""),this.valueChange.emit(this.value)}if("card"===n){i.preventDefault();const t=u.replace(/\D/g,"").slice(0,16),s=d(t);i.target.value=s,this.displayCard=s,this.value=t,this.valueChange.emit(t)}},this.togglePassword=()=>{this.showPassword=!this.showPassword},this.onClearClick=()=>{this.clearValue()}}get nativeType(){const i=this.type;return"password-toggle"===i?this.showPassword?"text":"password":"amount"===i||"card"===i||"number"===i||"tel"===i||"button"===i?"text":i}get inputModeAuto(){switch(this.type){case"number":case"card":return"numeric";case"amount":return"decimal";case"tel":return"tel";case"email":return"email";case"url":return"url";default:return null}}get resolvedInputMode(){var i;return null!==(i=this.inputmode)&&void 0!==i?i:this.inputModeAuto}get resolvedEnterKeyHint(){var i;return null!==(i=this.enterkeyhint)&&void 0!==i?i:"search"===this.type?"search":null}get displayValue(){return"amount"===this.type?this.displayAmount:"card"===this.type?this.displayCard:this.value}get effectiveMaxlength(){var i;return"card"===this.type?null!==(i=this.maxlength)&&void 0!==i?i:19:this.maxlength}get clearPx(){switch(this.size){case"xsmall":return 12;case"small":return 14;case"large":return 18;case"xlarge":return 20;default:return 16}}get labelSize(){const i=this.size;return"large"===i||"xlarge"===i?"medium":i}get hintMessage(){return this.error?this.errorMessage:this.hint}get hasLeadingDivider(){return this.leadingDivider||this.leadingControl}get hasTrailingDivider(){return this.trailingDivider||this.trailingControl||"button"===this.type}componentWillLoad(){this.syncDisplayFromValue()}connectedCallback(){document.addEventListener("pointerdown",this.boundOutsideTap),document.addEventListener("touchstart",this.boundOutsideTap,{passive:!0}),document.addEventListener("mousedown",this.boundOutsideTap)}disconnectedCallback(){document.removeEventListener("pointerdown",this.boundOutsideTap),document.removeEventListener("touchstart",this.boundOutsideTap),document.removeEventListener("mousedown",this.boundOutsideTap)}onValueChange(){this.inputEl&&document.activeElement===this.inputEl||this.syncDisplayFromValue()}onTypeChange(){this.syncDisplayFromValue()}syncDisplayFromValue(){var i;const t=null!==(i=this.value)&&void 0!==i?i:"";if("amount"!==this.type)if("card"!==this.type)this.displayAmount="",this.displayCard="";else{const i=t.replace(/\D/g,"").slice(0,16);if(this.displayCard.replace(/\D/g,"")===i)return;this.displayCard=d(i)}else{if(!t)return void(this.displayAmount="");const i=this.displayAmount.replace(/,/g,"");if(parseFloat(i)===parseFloat(t)&&""!==this.displayAmount)return;this.displayAmount=c(t+"")}}async clearValue(){this.value="",this.displayAmount="",this.displayCard="",this.valueChange.emit(""),this.inputEl&&(this.inputEl.value="",this.inputEl.focus())}onDocumentTap(i){var t,s;if(!this.closeOnOutsideClick)return;const n=this.el,u=i.target;if(!u||n.contains(u))return;if(function(i){let t=i instanceof HTMLElement?i:i.parentElement;for(;t;){const i=t.tagName;if("TEXTAREA"===i)return!0;if("INPUT"===i&&!t.readOnly)return!0;if(t.isContentEditable)return!0;if("SUI-INPUT"===i||"SUI-TEXTAREA"===i)return!0;t=t.parentElement}return!1}(u))return;if(null===(t=u.contains)||void 0===t?void 0:t.call(u,n))return;const e=null===(s=document.getSelection)||void 0===s?void 0:s.call(document);if(e&&!e.isCollapsed)return;const a=document.activeElement;a&&n.contains(a)&&a.blur()}onlyNumbers(t){i.CONTROL_KEYS.includes(t.key)||t.ctrlKey||t.metaKey||/^\d$/.test(t.key)||t.preventDefault()}onlyTel(t){const s=t.key;i.CONTROL_KEYS.includes(s)||t.ctrlKey||t.metaKey||("+"!==s?" "!==s&&"-"!==s&&(/^\d$/.test(s)||t.preventDefault()):0!==t.target.selectionStart&&t.preventDefault())}onlyNumbersAndPoints(t){const s=t.key;i.CONTROL_KEYS.includes(s)||t.ctrlKey||t.metaKey||("."!==s?/\d/.test(s)||t.preventDefault():t.target.value.includes(".")&&t.preventDefault())}calcAmountCursorPos(i,t,s){const n=(i,t)=>{var s;return(null!==(s=i.slice(0,t).match(/,/g))&&void 0!==s?s:[]).length},u=n(s,t)-n(i,t);let e=t+u;return u<0&&","===s[e]?e-=1:u>0&&","===s[e-1]&&(e+=1),e>0&&","===s[e-1]&&(e-=1),e}formatAmountOnInput(i){var t,s;const n=i.target,u=n.value,e=null!==(t=n.selectionStart)&&void 0!==t?t:u.length,a=function(i){const t=i.replace(/[^0-9.]/g,""),s=t.indexOf("."),n=(-1===s?t:t.slice(0,s)).replace(/\B(?=(\d{3})+(?!\d))/g,","),u=-1===s?"":t.slice(s+1).replace(/\./g,"");return""===u&&t.includes(".")?n+".":`${n}${u?"."+u.slice(0,2):""}`}(u);n.value=a;const r=this.calcAmountCursorPos(u,e,a);null===(s=n.setSelectionRange)||void 0===s||s.call(n,r,r);const o=a.replace(/,/g,"");this.displayAmount=a,this.value=o,this.valueChange.emit(o)}applyAmountBlur(){const i=this.inputEl;if(!i)return;const t=function(i){var t;const s=i.trim();if(!s||"."===s||/^\.\d*$/.test(s))return"";const n=s.replace(/,/g,"").split(".");return`${n[0].replace(/\B(?=(\d{3})+(?!\d))/g,",")}.${(null!==(t=n[1])&&void 0!==t?t:"").padEnd(2,"0").slice(0,2)}`}(i.value);i.value=t;const s=t.replace(/,/g,"");this.displayAmount=t,this.value=s,this.valueChange.emit(s)}formatCardOnInput(i){var t,s;const n=i.target,u=n.value,e=null!==(t=n.selectionStart)&&void 0!==t?t:u.length,a=u.replace(/\D/g,"").slice(0,16),r=d(a);n.value=r;const o=this.calcCardCursorPos(u,e,r);null===(s=n.setSelectionRange)||void 0===s||s.call(n,o,o),this.displayCard=r,this.value=a,this.valueChange.emit(a)}calcCardCursorPos(i,t,s){const n=(i,t)=>{var s;return(null!==(s=i.slice(0,t).match(/ /g))&&void 0!==s?s:[]).length},u=n(s,t)-n(i,t);let e=t+u;return e>0&&" "===s[e-1]&&u>0&&(e+=1),Math.max(0,Math.min(e,s.length))}render(){var i,t,s,e,a;const r=this.showClear&&!!this.value&&!this.disabled&&!this.readonly,o="password-toggle"===this.type&&!this.disabled,l=this.hasLeadingDivider,p=this.hasTrailingDivider,d=this.hintMessage;return n(u,{key:"ef7b9261efd9117f520c43b2cb8bf8635d9fa02c","data-sui-size":this.size,"data-sui-type":this.type,"data-sui-error":this.error?"":null,"data-sui-disabled":this.disabled?"":null,"data-sui-readonly":this.readonly?"":null,"data-sui-full-radius":this.fullRadius?"":null,"data-sui-leading-divider":l?"":null,"data-sui-trailing-divider":p?"":null,"data-sui-leading-control":this.leadingControl?"":null,"data-sui-trailing-control":this.trailingControl?"":null},this.label&&n("sui-form-label",{key:"59caa13dc7f588d1f12b504daf3e899d67a61afc",class:"sui-input__label-host",label:this.label,sublabel:this.sublabel,required:this.required,tooltip:this.tooltip,size:this.labelSize,disabled:this.disabled,htmlFor:this.controlId}),n("div",{key:"bdc04ba494b4c5855897ed869020cae8205efd1b",class:{"sui-input__field":!0,"sui-input__field--error":this.error,"sui-input__field--disabled":this.disabled,"sui-input__field--readonly":this.readonly,"sui-input__field--split":l||p,"sui-input__field--split-leading":l,"sui-input__field--split-trailing":p,"sui-input__field--button":"button"===this.type}},n("slot",{key:"d3a8c37f3a8972c3155f1723e76934f15e9a1823",name:"start"}),n("div",{key:"caf43cafdd42999b3cdde308949414bea473779d",class:"sui-input__inner"},this.icon&&"left"===this.iconPosition&&n("span",{key:"5230e90a1ef8a19e9c9db858532c4ce115258193",class:"sui-input__icon sui-input__icon--left"},n("sui-icon",{key:"b416ec6f498da47b5b2925763cca9aaa8ce170c7",name:this.icon,size:20})),this.inputPrefix&&n("span",{key:"4a7743dfb0224df755750abf46eef03d5413cd56",class:"sui-input__prefix"},this.inputPrefix),n("input",{key:"4f39854344aa12c149c19c0faf052bcfb19fcbcc",class:"sui-input__control",id:this.controlId,ref:i=>this.inputEl=i,"aria-invalid":this.error?"true":null,"aria-describedby":d?this.hintId:null,type:this.nativeType,inputmode:null!==(i=this.resolvedInputMode)&&void 0!==i?i:void 0,enterkeyhint:null!==(t=this.resolvedEnterKeyHint)&&void 0!==t?t:void 0,value:this.displayValue,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,autocomplete:null!==(s=this.autocomplete)&&void 0!==s?s:void 0,maxLength:null!==(e=this.effectiveMaxlength)&&void 0!==e?e:void 0,min:"number"===this.type&&null!=this.min?this.min:void 0,max:"number"===this.type&&null!=this.max?this.max:void 0,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,onKeyDown:this.onKeydown,onPaste:this.onPaste})),n("slot",{key:"c08b1e70af62aeb12425b5585ebcbb18e83fb421",name:"end"}),r&&n("button",{key:"fcf2d3693af5f3861f384d68c8d4b2a5e1f20260",type:"button",class:"sui-input__clear","aria-label":"Limpiar",onClick:this.onClearClick},n("sui-icon",{key:"b5a9e7b603b0533fd41126ae3ee2157464ac7cf4",name:"close-circle-line",size:this.clearPx})),o&&n("button",{key:"bcccf5157a41002aff508ca03a541690208413d5",type:"button",class:"sui-input__eye","aria-label":this.showPassword?"Ocultar contraseña":"Mostrar contraseña",onClick:this.togglePassword},n("sui-icon",{key:"6b1a594a60f12dadf720386903a2f412ec356709",name:this.showPassword?"eye-off-line":"eye-line",size:20})),this.icon&&"right"===this.iconPosition&&n("span",{key:"d82694c6cc82684515496584b8c34c169263a660",class:"sui-input__icon sui-input__icon--right"},n("sui-icon",{key:"69ffa07e53dbf12bd3e50bb21d1df2afeff1bfc0",name:this.icon,size:20}))),d&&n("sui-form-hint",{key:"868ce0f162002aa77b76acc1b41e47052195a6a7",id:this.hintId,class:"sui-input__hint-host",message:d,variant:this.error?"error":"neutral",icon:this.error?void 0:null!==(a=this.hintIcon)&&void 0!==a?a:void 0}))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}],type:[{onTypeChange:0}]}}static get style(){return'@charset "UTF-8";.sc-sui-input-h{display:block;font-family:var(--sui-font-sans)}.sui-input__label-host.sc-sui-input{display:block;margin-bottom:4px}.sui-input__field.sc-sui-input{display:flex;align-items:center;width:100%;box-sizing:border-box;background:var(--sui-bg-white-0);border:1px solid var(--sui-stroke-soft-200);box-shadow:var(--sui-regular-shadow-x-small);transition:border-color var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out), box-shadow var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out)}[data-sui-size=xsmall].sc-sui-input-h .sui-input__field.sc-sui-input{gap:6px;padding:5px 6px 5px 8px;border-radius:var(--sui-radius-8);min-height:32px}[data-sui-size=small].sc-sui-input-h .sui-input__field.sc-sui-input{gap:8px;padding:7px 8px 7px 10px;border-radius:var(--sui-radius-8);min-height:36px}[data-sui-size=medium].sc-sui-input-h .sui-input__field.sc-sui-input,.sc-sui-input-h:not([data-sui-size]) .sui-input__field.sc-sui-input{gap:8px;padding:9px 10px 9px 12px;border-radius:var(--sui-radius-10);min-height:40px}[data-sui-size=large].sc-sui-input-h .sui-input__field.sc-sui-input{gap:10px;padding:11px 12px 11px 14px;border-radius:var(--sui-radius-12);min-height:48px}[data-sui-size=xlarge].sc-sui-input-h .sui-input__field.sc-sui-input{gap:10px;padding:13px 14px 13px 16px;border-radius:var(--sui-radius-12);min-height:52px}[data-sui-full-radius].sc-sui-input-h .sui-input__field.sc-sui-input{border-radius:999px}.sui-input__field.sc-sui-input:not(.sui-input__field--disabled):not(.sui-input__field--error):not(.sui-input__field--readonly):hover{border-color:var(--sui-stroke-sub-300)}.sui-input__field.sc-sui-input:not(.sui-input__field--disabled):not(.sui-input__field--error):not(.sui-input__field--readonly):focus-within{border-color:var(--sui-stroke-strong-950);box-shadow:0 0 0 2px var(--sui-bg-white-0), 0 0 0 4px var(--sui-slate-alpha-16)}.sui-input__field--error.sc-sui-input{border-color:var(--sui-state-error-base);box-shadow:none}.sui-input__field--error.sc-sui-input:not(.sui-input__field--disabled):hover{border-color:var(--sui-state-error-base)}.sui-input__field--error.sc-sui-input:not(.sui-input__field--disabled):focus-within{border-color:var(--sui-state-error-base);box-shadow:0 0 0 3px var(--sui-red-alpha-10)}.sui-input__field--disabled.sc-sui-input{background:var(--sui-bg-weak-50);border-color:transparent;box-shadow:none;cursor:not-allowed;pointer-events:none}.sui-input__field--readonly.sc-sui-input{background:var(--sui-bg-weak-50);border-color:var(--sui-stroke-soft-200);box-shadow:none}.sui-input__field.sc-sui-input-s>[slot=start],.sui-input__field .sc-sui-input-s>[slot=start],.sui-input__field.sc-sui-input-s>[slot=end],.sui-input__field .sc-sui-input-s>[slot=end]{display:inline-flex;align-items:center;flex-shrink:0;width:var(--sui-icon-size-md);height:var(--sui-icon-size-md);color:var(--sui-icon-sub-600);pointer-events:none}.sc-sui-input-h[data-sui-leading-control] .sui-input__field.sc-sui-input-s>[slot=start],.sui-input__field .sc-sui-input-s>[slot=start],.sc-sui-input-h[data-sui-trailing-control] .sui-input__field.sc-sui-input-s>[slot=end],.sui-input__field .sc-sui-input-s>[slot=end]{width:auto;height:auto;align-self:stretch;pointer-events:auto}.sui-input__inner.sc-sui-input{display:contents}.sui-input__field--split.sc-sui-input{align-items:stretch;overflow:hidden;padding:0 !important;gap:0 !important}.sui-input__field--split.sc-sui-input .sui-input__inner.sc-sui-input{display:flex;flex:1 1 auto;min-width:0;align-items:center;box-sizing:border-box}[data-sui-size=xsmall].sc-sui-input-h .sui-input__field--split.sc-sui-input .sui-input__inner.sc-sui-input{gap:6px;padding:5px 6px 5px 8px}[data-sui-size=small].sc-sui-input-h .sui-input__field--split.sc-sui-input .sui-input__inner.sc-sui-input{gap:8px;padding:7px 8px 7px 10px}[data-sui-size=medium].sc-sui-input-h .sui-input__field--split.sc-sui-input .sui-input__inner.sc-sui-input,.sc-sui-input-h:not([data-sui-size]) .sui-input__field--split.sc-sui-input .sui-input__inner.sc-sui-input{gap:8px;padding:9px 10px 9px 12px}[data-sui-size=large].sc-sui-input-h .sui-input__field--split.sc-sui-input .sui-input__inner.sc-sui-input{gap:10px;padding:11px 12px 11px 14px}[data-sui-size=xlarge].sc-sui-input-h .sui-input__field--split.sc-sui-input .sui-input__inner.sc-sui-input{gap:10px;padding:13px 14px 13px 16px}.sui-input__field--split-trailing.sc-sui-input .sui-input__inner.sc-sui-input{border-right:1px solid var(--sui-stroke-soft-200)}.sui-input__field--split-trailing.sui-input__field--error.sc-sui-input .sui-input__inner.sc-sui-input{border-right-color:var(--sui-state-error-base)}.sui-input__field--split-trailing.sui-input__field--disabled.sc-sui-input .sui-input__inner.sc-sui-input{border-right-color:transparent}.sui-input__field--split-trailing.sc-sui-input-s>[slot=end],.sui-input__field--split-trailing .sc-sui-input-s>[slot=end]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:auto;height:auto;align-self:stretch;color:var(--sui-icon-sub-600);pointer-events:auto}.sc-sui-input-h[data-sui-size=xsmall] .sui-input__field--split-trailing.sc-sui-input-s>[slot=end],.sui-input__field--split-trailing .sc-sui-input-s>[slot=end]{padding:6px}.sc-sui-input-h[data-sui-size=small] .sui-input__field--split-trailing.sc-sui-input-s>[slot=end],.sui-input__field--split-trailing .sc-sui-input-s>[slot=end]{padding:8px}.sc-sui-input-h[data-sui-size=medium] .sui-input__field--split-trailing.sc-sui-input-s>[slot=end],.sui-input__field--split-trailing .sc-sui-input-s>[slot=end],.sc-sui-input-h:not([data-sui-size]) .sui-input__field--split-trailing.sc-sui-input-s>[slot=end]{padding:10px}.sc-sui-input-h[data-sui-size=large] .sui-input__field--split-trailing.sc-sui-input-s>[slot=end],.sui-input__field--split-trailing .sc-sui-input-s>[slot=end]{padding:12px}.sc-sui-input-h[data-sui-size=xlarge] .sui-input__field--split-trailing.sc-sui-input-s>[slot=end],.sui-input__field--split-trailing .sc-sui-input-s>[slot=end]{padding:14px}.sui-input__field--split-leading.sc-sui-input .sui-input__inner.sc-sui-input{border-left:1px solid var(--sui-stroke-soft-200)}.sui-input__field--split-leading.sui-input__field--error.sc-sui-input .sui-input__inner.sc-sui-input{border-left-color:var(--sui-state-error-base)}.sui-input__field--split-leading.sui-input__field--disabled.sc-sui-input .sui-input__inner.sc-sui-input{border-left-color:transparent}.sc-sui-input-h:not([data-sui-leading-control])[data-sui-size=xsmall] .sui-input__field--split-leading.sc-sui-input-s>[slot=start],.sc-sui-input-h:not([data-sui-leading-control])[data-sui-size=xsmall] .sui-input__field--split-leading .sc-sui-input-s>[slot=start]{padding:6px 6px 6px 8px;box-sizing:content-box}.sc-sui-input-h:not([data-sui-leading-control])[data-sui-size=small] .sui-input__field--split-leading.sc-sui-input-s>[slot=start],.sc-sui-input-h:not([data-sui-leading-control])[data-sui-size=small] .sui-input__field--split-leading .sc-sui-input-s>[slot=start]{padding:8px 8px 8px 10px;box-sizing:content-box}.sc-sui-input-h:not([data-sui-leading-control])[data-sui-size=medium] .sui-input__field--split-leading.sc-sui-input-s>[slot=start],.sc-sui-input-h:not([data-sui-leading-control])[data-sui-size=medium] .sui-input__field--split-leading .sc-sui-input-s>[slot=start],.sc-sui-input-h:not([data-sui-leading-control]):not([data-sui-size]) .sui-input__field--split-leading.sc-sui-input-s>[slot=start],.sc-sui-input-h:not([data-sui-leading-control]):not([data-sui-size]) .sui-input__field--split-leading .sc-sui-input-s>[slot=start]{padding:10px 8px 10px 10px;box-sizing:content-box}.sc-sui-input-h:not([data-sui-leading-control])[data-sui-size=large] .sui-input__field--split-leading.sc-sui-input-s>[slot=start],.sc-sui-input-h:not([data-sui-leading-control])[data-sui-size=large] .sui-input__field--split-leading .sc-sui-input-s>[slot=start]{padding:12px 10px 12px 12px;box-sizing:content-box}.sc-sui-input-h:not([data-sui-leading-control])[data-sui-size=xlarge] .sui-input__field--split-leading.sc-sui-input-s>[slot=start],.sc-sui-input-h:not([data-sui-leading-control])[data-sui-size=xlarge] .sui-input__field--split-leading .sc-sui-input-s>[slot=start]{padding:14px 10px 14px 14px;box-sizing:content-box}.sui-input__prefix.sc-sui-input{flex-shrink:0;font-family:var(--sui-font-sans);font-size:var(--sui-type-paragraph-sm-size);font-weight:var(--sui-type-paragraph-sm-weight);line-height:var(--sui-type-paragraph-sm-line);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;color:var(--sui-text-sub-600);user-select:none;pointer-events:none}[data-sui-size=large].sc-sui-input-h .sui-input__prefix.sc-sui-input,[data-sui-size=xlarge].sc-sui-input-h .sui-input__prefix.sc-sui-input{font-size:var(--sui-type-paragraph-md-size, 16px);font-weight:var(--sui-type-paragraph-md-weight, 400);line-height:var(--sui-type-paragraph-md-line, 24px)}@media (max-width: 767px){.sui-input__prefix.sc-sui-input{font-size:16px}}.sui-input__icon.sc-sui-input{display:inline-flex;align-items:center;flex-shrink:0;width:var(--sui-icon-size-md);height:var(--sui-icon-size-md);color:var(--sui-icon-sub-600);pointer-events:none}[data-sui-disabled].sc-sui-input-h .sui-input__icon.sc-sui-input{color:var(--sui-icon-disabled-300)}[data-sui-size=xsmall].sc-sui-input-h .sui-input__clear.sc-sui-input{width:12px;height:12px}[data-sui-size=small].sc-sui-input-h .sui-input__clear.sc-sui-input{width:14px;height:14px}[data-sui-size=large].sc-sui-input-h .sui-input__clear.sc-sui-input{width:18px;height:18px}[data-sui-size=xlarge].sc-sui-input-h .sui-input__clear.sc-sui-input{width:20px;height:20px}.sui-input__clear.sc-sui-input{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;min-height:0;min-width:0;padding:0;border:none;background:transparent;color:var(--sui-icon-sub-600);cursor:pointer;opacity:0.7;line-height:0;transition:opacity var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out)}.sui-input__clear.sc-sui-input:hover{opacity:1;color:var(--sui-text-strong-950)}.sui-input__clear.sc-sui-input:focus{outline:none}.sui-input__eye.sc-sui-input{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;min-height:0;min-width:0;padding:0;border:none;background:transparent;color:var(--sui-icon-sub-600);cursor:pointer;line-height:0;transition:color var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out)}.sui-input__eye.sc-sui-input:hover{color:var(--sui-text-strong-950)}.sui-input__eye.sc-sui-input:focus{outline:none}.sui-input__clear.sc-sui-input,.sui-input__eye.sc-sui-input{position:relative}@media (max-width: 767px){.sui-input__clear.sc-sui-input::before,.sui-input__eye.sc-sui-input::before{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%, -50%)}}.sui-input__control.sc-sui-input{flex:1 1 auto;min-width:0;border:none;outline:none;background:transparent;padding:0;margin:0;font-family:var(--sui-font-sans);font-size:var(--sui-type-paragraph-sm-size);font-weight:var(--sui-type-paragraph-sm-weight);line-height:var(--sui-type-paragraph-sm-line);letter-spacing:var(--sui-type-paragraph-sm-spacing);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;color:var(--sui-text-strong-950);-webkit-appearance:none;appearance:none;box-sizing:border-box}.sui-input__control[type=date].sc-sui-input,.sui-input__control[type=time].sc-sui-input,.sui-input__control[type=datetime-local].sc-sui-input,.sui-input__control[type=month].sc-sui-input,.sui-input__control[type=week].sc-sui-input{-webkit-appearance:none;appearance:none;min-height:1.25em}.sui-input__control[type=date].sc-sui-input::-webkit-date-and-time-value,.sui-input__control[type=time].sc-sui-input::-webkit-date-and-time-value,.sui-input__control[type=datetime-local].sc-sui-input::-webkit-date-and-time-value,.sui-input__control[type=month].sc-sui-input::-webkit-date-and-time-value,.sui-input__control[type=week].sc-sui-input::-webkit-date-and-time-value{text-align:left;margin:0}.sui-input__control[type=date].sc-sui-input::-webkit-calendar-picker-indicator,.sui-input__control[type=time].sc-sui-input::-webkit-calendar-picker-indicator,.sui-input__control[type=datetime-local].sc-sui-input::-webkit-calendar-picker-indicator,.sui-input__control[type=month].sc-sui-input::-webkit-calendar-picker-indicator,.sui-input__control[type=week].sc-sui-input::-webkit-calendar-picker-indicator{margin-left:auto;opacity:0.55;cursor:pointer}[data-sui-size=large].sc-sui-input-h .sui-input__control.sc-sui-input,[data-sui-size=xlarge].sc-sui-input-h .sui-input__control.sc-sui-input{font-size:var(--sui-type-paragraph-md-size, 16px);font-weight:var(--sui-type-paragraph-md-weight, 400);line-height:var(--sui-type-paragraph-md-line, 24px);letter-spacing:var(--sui-type-paragraph-md-spacing, -0.011em)}@media (max-width: 767px){.sui-input__control.sc-sui-input{font-size:16px}}.sui-input__control.sc-sui-input::placeholder{color:var(--sui-text-soft-400);opacity:1}.sui-input__control.sc-sui-input:disabled{color:var(--sui-text-disabled-300);cursor:not-allowed;-webkit-text-fill-color:var(--sui-text-disabled-300)}.sui-input__control[readonly].sc-sui-input{color:var(--sui-text-sub-600);cursor:default}.sui-input__control.sc-sui-input:focus{outline:none}.sui-input__control[type=number].sc-sui-input{-moz-appearance:textfield}.sui-input__control[type=number].sc-sui-input::-webkit-inner-spin-button,.sui-input__control[type=number].sc-sui-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sui-input__control[type=search].sc-sui-input::-webkit-search-decoration,.sui-input__control[type=search].sc-sui-input::-webkit-search-cancel-button{-webkit-appearance:none}.sui-input__hint-host.sc-sui-input{display:block;margin-top:4px}'}},[262,"sui-input",{size:[513],type:[513],placeholder:[1],disabled:[516],readonly:[516],fullRadius:[4,"full-radius"],error:[516],errorMessage:[1,"error-message"],label:[1],hint:[1],hintIcon:[1,"hint-icon"],autocomplete:[1],inputmode:[1],enterkeyhint:[1],sublabel:[1],required:[4],tooltip:[1],value:[1025],maxlength:[2],min:[2],max:[2],paste:[4],inputPrefix:[1,"input-prefix"],showClear:[4,"show-clear"],icon:[1],iconPosition:[1,"icon-position"],closeOnOutsideClick:[4,"close-on-outside-click"],leadingDivider:[4,"leading-divider"],trailingDivider:[4,"trailing-divider"],leadingControl:[4,"leading-control"],trailingControl:[4,"trailing-control"],showPassword:[32],displayAmount:[32],displayCard:[32],clearValue:[64]},void 0,{value:[{onValueChange:0}],type:[{onTypeChange:0}]}]);_.CONTROL_KEYS=["Backspace","Delete","Tab","ArrowLeft","ArrowRight","Home","End"];const f=_,g=function(){"undefined"!=typeof customElements&&["sui-input","sui-form-hint","sui-form-label","sui-icon","sui-link-button","sui-tooltip"].forEach((i=>{switch(i){case"sui-input":customElements.get(e(i))||customElements.define(e(i),_);break;case"sui-form-hint":customElements.get(e(i))||a();break;case"sui-form-label":customElements.get(e(i))||r();break;case"sui-icon":customElements.get(e(i))||o();break;case"sui-link-button":customElements.get(e(i))||l();break;case"sui-tooltip":customElements.get(e(i))||p()}}))};export{f as SuiInput,g as defineCustomElement}

package/dist/components/sui-integration-switch.d.ts

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

package/dist/components/sui-integration-switch.js

@@ -0,0 +1 @@
+import{p as i,H as t,c as s,h as e,d as a,t as n}from"./p-BwhKFYtu.js";import{s as r}from"./p-BKJeFTmQ.js";import{d as c}from"./p-BQAUBvyx.js";import{d as o}from"./p-CmfWN05h.js";import{d as h}from"./p-DPAMsJ8Y.js";let l=0;const d=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.activeChange=s(this,"activeChange"),this.manageClick=s(this,"manageClick"),this.type="horizontal",this.appearance="card",this.componentTitle="",this.description=null,this.brandIconSrc=null,this.brandIcon=null,this.badge=null,this.manage=!0,this.size="medium",this.showToggle=!0,this.active=!1,this.disabled=!1,this.titleId="sui-integration-switch-"+ ++l,this.descriptionId=this.titleId+"-desc",this.onSwitchChange=i=>{if(i.stopPropagation(),this.disabled)return;const t=i.detail;t!==this.active&&this.activeChange.emit(t)},this.onManageClick=i=>{i.stopPropagation(),this.disabled?i.preventDefault():this.manageClick.emit(i)}}componentWillLoad(){this.el.removeAttribute("title")}get badgeCfg(){const i=this.badge;return i?"string"==typeof i?{label:i}:i:null}get manageCfg(){var i,t;const s=this.manage;if(!1===s||null===s||"false"===s)return null;const e=!0===s||""===s?{}:"string"==typeof s?{label:s}:s;return{label:null!==(i=e.label)&&void 0!==i?i:"Administrar",icon:null!==(t=e.icon)&&void 0!==t?t:"settings-2-line"}}alTocar(){}alSoltar(i){r(i,".sui-integration-switch__manage")}get hasBrandSlot(){return!!this.el.querySelector('[slot="brand"]')}render(){var i,t,s,n;const r="list"===this.appearance?32:24,c=!this.hasBrandSlot,o=this.badgeCfg,h=this.manageCfg;return e(a,{key:"3d5a54c89f5f66dcaa60bef084c59c01fb94c174","data-sui-type":this.type,"data-sui-appearance":this.appearance,"data-sui-size":this.size,"data-sui-disabled":this.disabled?"":null},e("div",{key:"df2a75be442dc6803304b665e5f9e4bef77f2dc7",class:"sui-integration-switch__brand","aria-hidden":"true"},e("slot",{key:"a3c1bbf5158a7965256c718735c5edd40e69b8f6",name:"brand"}),c&&this.brandIconSrc?e("img",{src:null!==(i=this.brandIconSrc)&&void 0!==i?i:void 0,alt:"",class:"sui-integration-switch__brand-img"}):c&&this.brandIcon?e("sui-icon",{name:this.brandIcon,size:r}):null),e("div",{key:"454d8425495cacc28a1fee18c6c22e99aae8bba4",class:"sui-integration-switch__text"},e("div",{key:"34a1fcd117df41dd68120f9809e9b86ec1917f86",class:"sui-integration-switch__title-row"},e("span",{key:"fd31e6f7ee9a54c53ddff13c9aa83e76a9933851",class:"sui-integration-switch__title",id:this.titleId},this.componentTitle),o&&e("sui-badge",{key:"16b1de03ef9b93f937b6992a530c2e236e02c61c",class:"sui-integration-switch__badge",color:null!==(t=o.color)&&void 0!==t?t:"orange",variant:null!==(s=o.variant)&&void 0!==s?s:"light",size:null!==(n=o.size)&&void 0!==n?n:"small"},o.label)),this.description&&e("p",{key:"431fd709cd4d637b6e699d641b54355caa412588",class:"sui-integration-switch__description",id:this.descriptionId},this.description)),h&&e("button",{key:"7d65b5f7de5f1b75548368da59055be256b87def",type:"button",class:"sui-integration-switch__manage","aria-label":h.label,disabled:this.disabled,onClick:this.onManageClick},e("sui-icon",{key:"354f1419720c221dfd030ef61d49bbfad22c74c4",name:h.icon,size:20}),e("span",{key:"2234bcbed312a9dc555e5ec6b03be19ffd42c687",class:"sui-integration-switch__manage-label"},h.label)),this.showToggle&&e("sui-switch",{key:"4f9c974e6fa066d8c6c7bb4df0191319513ed2da",class:"sui-integration-switch__toggle",size:"medium",checked:this.active,disabled:this.disabled,"aria-labelledby":this.titleId,"aria-describedby":this.description?this.descriptionId:null,onCheckedChange:this.onSwitchChange}))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-integration-switch-h{position:relative;display:flex;box-sizing:border-box;width:100%;font-family:var(--sui-font-sans, "Inter", system-ui, sans-serif);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}[data-sui-type=horizontal].sc-sui-integration-switch-h{flex-direction:row;align-items:center;gap:14px}[data-sui-type=vertical].sc-sui-integration-switch-h{flex-direction:column;align-items:flex-start;gap:14px}[data-sui-appearance=card].sc-sui-integration-switch-h{padding:16px;background:var(--sui-bg-white-0);border:1px solid var(--sui-stroke-soft-200);border-radius:12px;box-shadow:var(--sui-shadow-x-small, 0 1px 2px 0 rgba(10, 13, 20, 0.03))}[data-sui-appearance=list].sc-sui-integration-switch-h{padding:0;background:transparent;border:0}.sui-integration-switch__brand.sc-sui-integration-switch{box-sizing:border-box;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:8px;background:var(--sui-bg-white-0);border:1px solid var(--sui-stroke-soft-200);border-radius:999px;box-shadow:var(--sui-shadow-x-small, 0 1px 2px 0 rgba(10, 13, 20, 0.03));overflow:hidden}[data-sui-appearance=card].sc-sui-integration-switch-h .sui-integration-switch__brand.sc-sui-integration-switch{width:40px;height:40px}[data-sui-appearance=list].sc-sui-integration-switch-h .sui-integration-switch__brand.sc-sui-integration-switch{width:48px;height:48px}.sui-integration-switch__brand-img.sc-sui-integration-switch{width:100%;height:100%;object-fit:contain;display:block}.sui-integration-switch__text.sc-sui-integration-switch{flex:1 0 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.sui-integration-switch__title-row.sc-sui-integration-switch{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.sui-integration-switch__title.sc-sui-integration-switch{color:var(--sui-text-strong-950);font-weight:500;word-break:break-word}[data-sui-appearance=card].sc-sui-integration-switch-h .sui-integration-switch__title.sc-sui-integration-switch{font-size:14px;line-height:20px;letter-spacing:-0.006em}[data-sui-appearance=list].sc-sui-integration-switch-h .sui-integration-switch__title.sc-sui-integration-switch{font-size:16px;line-height:24px;letter-spacing:-0.011em}.sui-integration-switch__description.sc-sui-integration-switch{margin:0;color:var(--sui-text-sub-600);font-weight:400;word-break:break-word}[data-sui-appearance=card].sc-sui-integration-switch-h .sui-integration-switch__description.sc-sui-integration-switch{font-size:12px;line-height:16px}[data-sui-appearance=list].sc-sui-integration-switch-h .sui-integration-switch__description.sc-sui-integration-switch{font-size:14px;line-height:20px;letter-spacing:-0.006em}.sui-integration-switch__badge.sc-sui-integration-switch{flex-shrink:0}.sui-integration-switch__manage.sc-sui-integration-switch{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:8px;background:var(--sui-bg-white-0);border:1px solid var(--sui-stroke-soft-200);border-radius:8px;box-shadow:var(--sui-shadow-x-small, 0 1px 2px 0 rgba(10, 13, 20, 0.03));color:var(--sui-text-sub-600);font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color 0.15s ease, transform 0.12s ease}.sui-integration-switch__manage.sc-sui-integration-switch:hover:not(:disabled){background:var(--sui-bg-weak-50)}.sui-integration-switch__manage.sc-sui-integration-switch:active:not(:disabled){transform:scale(0.97)}.sui-integration-switch__manage.sc-sui-integration-switch:focus-visible{outline:2px solid var(--sui-primary-base);outline-offset:2px}.sui-integration-switch__manage.sc-sui-integration-switch:disabled{opacity:0.4;cursor:not-allowed}.sui-integration-switch__manage-label.sc-sui-integration-switch{padding:0 4px;font-size:14px;font-weight:500;line-height:20px;letter-spacing:-0.006em}[data-sui-size=large].sc-sui-integration-switch-h .sui-integration-switch__manage.sc-sui-integration-switch{padding:9px 8px;min-height:44px;box-sizing:border-box}[data-sui-size=large].sc-sui-integration-switch-h .sui-integration-switch__manage-label.sc-sui-integration-switch{font-size:var(--sui-type-label-md-size, 16px);line-height:var(--sui-type-label-md-line, 24px);letter-spacing:var(--sui-type-label-md-spacing, -0.011em)}[data-sui-type=vertical].sc-sui-integration-switch-h .sui-integration-switch__manage.sc-sui-integration-switch{width:100%}.sui-integration-switch__toggle.sc-sui-integration-switch{flex-shrink:0}[data-sui-type=vertical].sc-sui-integration-switch-h .sui-integration-switch__toggle.sc-sui-integration-switch{position:absolute;top:19px;right:19px}[data-sui-type=vertical][data-sui-appearance=list].sc-sui-integration-switch-h .sui-integration-switch__toggle.sc-sui-integration-switch{top:12px;right:12px}[data-sui-disabled].sc-sui-integration-switch-h{opacity:0.5;pointer-events:none}'}},[262,"sui-integration-switch",{type:[513],appearance:[513],componentTitle:[1,"component-title"],description:[1],brandIconSrc:[1,"brand-icon-src"],brandIcon:[1,"brand-icon"],badge:[1],manage:[8],size:[513],showToggle:[4,"show-toggle"],active:[516],disabled:[516]},[[1,"touchstart","alTocar"],[1,"touchend","alSoltar"]]]),u=d,g=function(){"undefined"!=typeof customElements&&["sui-integration-switch","sui-badge","sui-icon","sui-switch"].forEach((i=>{switch(i){case"sui-integration-switch":customElements.get(n(i))||customElements.define(n(i),d);break;case"sui-badge":customElements.get(n(i))||c();break;case"sui-icon":customElements.get(n(i))||o();break;case"sui-switch":customElements.get(n(i))||h()}}))};export{u as SuiIntegrationSwitch,g as defineCustomElement}

package/dist/components/sui-kbd.d.ts

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

package/dist/components/sui-kbd.js

@@ -0,0 +1 @@
+import{S as o,d as s}from"./p-DvZItJET.js";const t=o,p=s;export{t as SuiKbd,p as defineCustomElement}

package/dist/components/sui-key-icon.d.ts

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

package/dist/components/sui-key-icon.js

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

package/dist/components/sui-link-button.d.ts

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

package/dist/components/sui-link-button.js

@@ -0,0 +1 @@
+import{S as o,d as p}from"./p-tfpKWTqB.js";const s=o,t=p;export{s as SuiLinkButton,t as defineCustomElement}

package/dist/components/sui-logo.d.ts

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

package/dist/components/sui-logo.js

@@ -0,0 +1 @@
+import{p as e,H as a,h as t,d as s,t as o}from"./p-BwhKFYtu.js";const C={xs:16,sm:20,md:24,lg:32,xl:40,"2xl":48},i=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.orientation="horizontal",this.markOnly=!1,this.size="md",this.height=null,this.markColor="var(--sui-primary-base)",this.textColor="var(--sui-text-strong-950)",this.decorative=!1,this.ariaLabel="Master Pedidos"}get heightCss(){var e;const a=this.height;return null==a||""===a?(null!==(e=C[this.size])&&void 0!==e?e:C.md)+"px":"number"==typeof a||/^\d+(\.\d+)?$/.test(a)?a+"px":a}componentWillLoad(){this.el.removeAttribute("title")}render(){const e=!this.markOnly&&"stacked"===this.orientation,a=e?"translate(0,309.299) scale(0.55765) translate(39.626,0.082)":"matrix(1,0,0,1,311.359985,40.32)",o=e?"translate(0,309.299) scale(0.55765) translate(0.3,110.402)":"matrix(1,0,0,1,312.480011,150.639999)";return t(s,{key:"8d59b652179da809f5480d0c015f694685eb9a0e","data-sui-orientation":this.markOnly?"mark":this.orientation,"data-sui-size":this.size,style:{"--sui-logo-height":this.heightCss,"--sui-logo-mark-color":this.markColor,"--sui-logo-text-color":this.textColor}},t("svg",{key:"dae6361de70969a07eea5d4bd445f69b1d2cb2dd",class:"sui-logo__svg",viewBox:this.markOnly?"0.218 3.987 257.897 266.421":e?"-0.266 0.109 257.897 420.55":"0.218 3.987 773.623 266.421",role:this.decorative?void 0:"img","aria-label":this.decorative?void 0:this.ariaLabel,"aria-hidden":this.decorative?"true":void 0,focusable:"false",xmlns:"http://www.w3.org/2000/svg"},t("g",{key:"399e514ab1b89653f2dc19d828788b7b08dcbe3a",class:"sui-logo__mark",transform:e?"translate(-0.484,-3.878)":void 0,"fill-rule":"nonzero"},t("polygon",{key:"b56ce24176f764540e9414ee24e3b5c0a3df0bf1",points:"21.2352 84.0784 57.3384 84.0784 60.3288 66.472 24.1752 66.472"}),t("polygon",{key:"08c0a9da6cb06f249283d840666085b2c74de153",points:"30.072 31.0744 27.132 48.6976 63.3528 48.6976 66.3432 31.0744"}),t("path",{key:"4b45281f95edad2751a9d9556b16d6610a211be8",d:"M219.8112,31.0744 L145.8072,137.2336 C145.6392,137.5528 145.32,137.872 145.152,138.04 C144.6648,138.5272 144.0264,138.8464 143.3712,138.8464 C142.2456,138.8464 141.4392,138.208 140.952,137.2336 L104.5968,31.0744 L66.2088,31.0744 L63.0672,49.6888 L60.3288,66.4552 L60.2448,66.4552 L56.7672,87.0688 L54.348,101.8528 L54.2808,101.8528 L44.6544,158.8888 C42.7224,166.8016 35.9352,172.6312 27.5184,172.6312 L6.5184,172.6312 L0.2184,210.448 L45.6288,210.448 C61.7904,210.448 75.0456,199.2928 78.5904,184.2736 L79.0776,181.3672 L80.6904,172.648 L81.4968,167.9608 L92.3328,103.4824 L124.8072,193.3288 C124.9752,193.984 125.1264,194.6224 125.4624,195.2608 C126.924,198.3352 129.9816,200.4352 133.5432,200.4352 C135.9624,200.4352 138.2304,199.4608 139.8432,197.848 C139.8432,197.68 140.0112,197.5288 140.1624,197.5288 L141.288,195.748 L207.6984,102.1888 L179.256,270.4072 L217.56,270.4072 L258.1152,31.0912 L219.8112,31.0912 L219.8112,31.0744 Z"}),t("circle",{key:"ae00f51af0a008ba62f829cccf8934ee09034092",cx:"161.175613",cy:"31.0350292",r:"27.0484118"}),t("polygon",{key:"9c506b73075668cc41dbcfcccd7f598d896fddc0",points:"12.3816 137.2504 9.4416 154.8568 45.3264 154.8568 48.3168 137.2504"}),t("polygon",{key:"91cc4968d82ea620f9a3c60efcf993812fc903dd",points:"15.3384 119.476 51.3408 119.476 54.3312 101.8528 18.2784 101.8528"})),!this.markOnly&&t("g",{key:"9a2a8311cc7afa7c132aa17faaaff10305764d48",class:"sui-logo__word",transform:a,"fill-rule":"nonzero"},t("path",{key:"781c648c9a83f07694b17eb894ac89f9000d0076",d:"M18.4912,86.296 L0.1456,86.296 L0.1456,0.1288 L27.5464,0.1288 L43.6912,68.6728 L59.3488,0.1288 L87.0016,0.1288 L87.0016,86.296 L68.656,86.296 L68.656,19.1632 L54.9808,77.3584 C53.7544,82.6 49.0672,86.3128 43.6912,86.3128 L43.6912,86.3128 C38.3152,86.3128 33.6616,82.6336 32.4016,77.4088 L18.508,19.18 L18.508,86.296 L18.4912,86.296 Z"}),t("path",{key:"4d95c8432a3ac2b1e6ba57b85a87a52d4a4b0171",d:"M157.9816,86.296 L139.384,86.296 C137.8048,84.3976 137.4352,83.2216 137.4352,79.912 C131.32,86.0608 124.7176,89.0176 117.376,89.0176 C105.2632,89.0176 97.3168,81.34 97.3168,69.8656 C97.3168,58.3912 103.6672,51.8896 116.7712,49.7728 L123.6256,48.5968 C132.0592,47.3032 132.0592,47.3032 134.3944,46.1272 C136.2424,45.0688 137.3344,43.288 137.3344,41.1544 C137.3344,36.904 134.0248,34.7704 127.4224,34.7704 C118.9888,34.7704 116.1664,36.904 115.3096,43.5232 L98.7952,43.5232 C99.904,28.7392 109.1944,21.4144 127.036,21.4144 C144.8776,21.4144 154.0672,28.0336 154.0672,41.0368 L154.0672,76.5016 C154.0672,79.6936 155.0416,81.5752 157.9816,84.2968 L157.9816,86.296 Z M137.3176,56.1568 C135.352,57.0976 134.6296,57.3328 130.0936,58.1728 L124.2136,59.2312 C117.124,60.6592 114.436,63.0112 114.436,67.984 C114.436,72.7216 117.9808,75.6616 123.7264,75.6616 C132.412,75.6616 137.3008,70.2184 137.3008,60.6592 L137.3008,56.1568 L137.3176,56.1568 Z"}),t("path",{key:"3c0333935ebdbd29480faf008824ea17fa1a89de",d:"M206.8696,43.036 C206.752,37.24 202.72,34.4008 194.5216,34.4008 C188.524,34.4008 184.6096,36.7696 184.6096,40.3144 C184.6096,42.9184 185.836,43.8592 190.6072,45.2704 L212.2624,51.3016 C220.948,53.788 225.232,59.1136 225.232,67.3792 C225.232,73.6456 222.292,79.5592 217.4032,83.3392 C212.5144,87.1192 205.5424,89.0008 196.3696,89.0008 C176.3104,89.0008 165.676,81.7936 165.1888,67.732 L181.9384,67.732 C182.6776,71.1592 183.4168,72.4528 185.248,73.7632 C187.4488,75.3088 190.876,76.0144 195.3952,76.0144 C203.3584,76.0144 208.1128,73.6456 208.1128,69.748 C208.1128,67.1608 206.6344,65.8504 202.3672,64.5568 L181.9384,58.408 C175.588,56.4088 173.5048,55.3336 171.1696,53.0992 C168.8512,50.6128 167.4904,46.9504 167.4904,42.7 C167.4904,29.5792 177.8896,21.4312 194.6392,21.4312 C212.38,21.4312 223.132,29.5792 223.384,43.0696 L206.8696,43.0696 L206.8696,43.036 Z"}),t("path",{key:"3ea4753ff96c8e5d30c7808654940b6dd5460fb4",d:"M266.2744,34.7704 L256.732,34.7704 L256.732,69.5128 C256.732,75.1744 257.8408,76.4848 262.36,76.4848 C263.704,76.4848 264.5608,76.3672 266.2744,76.132 L266.2744,87.724 C263.0992,88.6648 260.2768,89.0176 256.3624,89.0176 C245.1064,89.0176 239.6128,84.0616 239.6128,73.9984 L239.6128,34.7536 L231.1792,34.7536 L231.1792,23.7496 L239.6128,23.7496 L239.6128,6.6136 L256.732,6.6136 L256.732,23.7496 L266.2744,23.7496 L266.2744,34.7704 L266.2744,34.7704 Z"}),t("path",{key:"16dace5cc3a5b8c7067e24e21ac08743436afb79",d:"M289.492,59.6008 C289.744,65.632 290.3488,68.4544 291.9448,70.8232 C294.3808,74.368 298.2952,76.384 303.2008,76.384 C309.4336,76.384 314.2048,73.4272 316.288,68.3536 L333.172,68.3536 C329.3752,81.004 317.3968,89.0344 302.596,89.0344 C283.8808,89.0344 272.3896,76.5016 272.3896,56.056 C272.3896,34.6528 284.0152,21.4312 302.9656,21.4312 C316.3048,21.4312 326.9392,28.4032 331.3408,39.9784 C332.9368,44.4808 333.9112,50.3776 333.9112,56.7616 C333.9112,57.5848 333.9112,58.1896 333.7936,59.6008 L289.492,59.6008 L289.492,59.6008 Z M316.036,48.5968 C315.1792,39.1384 310.5256,34.0648 302.6968,34.0648 C295.1032,34.0648 290.836,38.8024 289.7272,48.5968 L316.036,48.5968 Z"}),t("path",{key:"2f81979c88c837325953832a37f398a83a4e1760",d:"M362.4712,22.4728 L362.4712,35.0056 C366.268,26.3704 372.988,21.4144 380.8168,21.4144 C381.556,21.4144 381.9256,21.4144 382.9,21.532 L382.9,38.3152 C380.5816,37.9624 379.3552,37.8448 377.5072,37.8448 C367.4776,37.8448 362.4712,42.6832 362.4712,52.3768 L362.4712,86.296 L345.352,86.296 L345.352,22.4728 L362.4712,22.4728 L362.4712,22.4728 Z"})),!this.markOnly&&t("g",{key:"43b33005eb397393130bcd0dde9e03b6ccdb6611",class:"sui-logo__word",transform:o,"fill-rule":"nonzero"},t("path",{key:"9098ede131c79d8565e86c8052fe9e0b83d6d6b6",d:"M18.8328,86.5704 L0.4872,86.5704 L0.4872,0.4032 L39.8664,0.4032 C58.4472,0.4032 68.6112,9.8616 68.6112,27.1152 C68.6112,44.604 58.0944,55.8432 41.6976,55.8432 L18.8328,55.8432 L18.8328,86.5704 Z M35.952,41.0592 C45.7464,41.0592 50.2656,36.9264 50.2656,28.056 C50.2656,19.3032 45.7464,15.1704 35.952,15.1704 L18.8328,15.1704 L18.8328,41.0592 L35.952,41.0592 Z"}),t("path",{key:"50fc71688d9448693fae9f53c3403fc073172535",d:"M89.7624,59.8584 C90.0144,65.8896 90.6192,68.712 92.2152,71.0808 C94.6512,74.6256 98.5656,76.6416 103.4712,76.6416 C109.704,76.6416 114.4752,73.6848 116.5584,68.6112 L133.4424,68.6112 C129.6456,81.2616 117.6672,89.292 102.8664,89.292 C84.1512,89.292 72.66,76.7592 72.66,56.3136 C72.66,34.9104 84.2856,21.6888 103.236,21.6888 C116.5752,21.6888 127.2096,28.6608 131.6112,40.236 C133.2072,44.7384 134.1816,50.6352 134.1816,57.0192 C134.1816,57.8424 134.1816,58.4472 134.064,59.8584 L89.7624,59.8584 L89.7624,59.8584 Z M116.3064,48.8544 C115.4496,39.396 110.796,34.3224 102.9672,34.3224 C95.3736,34.3224 91.1064,39.06 89.9976,48.8544 L116.3064,48.8544 Z"}),t("path",{key:"9ea665eee4e105f1957210929a7943e40652178a",d:"M189.252,80.0688 C184.968,86.4528 179.34,89.292 171.024,89.292 C162.96,89.292 154.8792,85.3944 150.36,79.128 C145.9584,72.9792 143.2704,64.2432 143.2704,55.608 C143.2704,36.3384 155.2656,21.6888 171.0408,21.6888 C179.3568,21.6888 184.9848,24.6456 189.2688,31.0296 L189.2688,0.42 L206.388,0.42 L206.388,86.5872 L189.2688,86.5872 L189.2688,80.0688 L189.252,80.0688 Z M160.3896,55.608 C160.3896,67.3008 166.2528,75.4656 174.8208,75.4656 C183.372,75.4656 189.252,67.4352 189.252,55.8432 C189.252,43.5456 183.4896,35.5151741 174.8208,35.5151741 C166.2528,35.4984 160.3896,43.6632 160.3896,55.608 Z"}),t("rect",{key:"37fccbee3bf5c6d0a856599a15bc02280831fb9c",x:"222.6",y:"22.7472",width:"17.1192",height:"63.8232"}),t("path",{key:"402b6c8e499a06297a6d5e546ca6c244bbcecc12",d:"M297.9144,80.0688 C293.6304,86.4528 288.0024,89.292 279.6864,89.292 C271.6224,89.292 263.5416,85.3944 259.0224,79.128 C254.6208,72.9792 251.9328,64.2432 251.9328,55.608 C251.9328,36.3384 263.928,21.6888 279.7032,21.6888 C288.0192,21.6888 293.6472,24.6456 297.9312,31.0296 L297.9312,0.42 L315.0504,0.42 L315.0504,86.5872 L297.9312,86.5872 L297.9312,80.0688 L297.9144,80.0688 Z M269.052,55.608 C269.052,67.3008 274.9152,75.4656 283.4832,75.4656 C292.0344,75.4656 297.9144,67.4352 297.9144,55.8432 C297.9144,43.5456 292.152,35.5151741 283.4832,35.5151741 C274.9152,35.4984 269.052,43.6632 269.052,55.608 Z"}),t("path",{key:"8dce194ec90261d0691df26411f3b8d581d72862",d:"M392.6664,55.944 C392.6664,76.5072 380.2008,89.2752 360.0072,89.2752 C339.7128,89.2752 327.348,76.5072 327.348,55.4736 C327.348,34.5576 339.696,21.672 359.8728,21.672 C380.5536,21.672 392.6664,34.3224 392.6664,55.944 Z M344.4672,55.4736 C344.4672,67.7712 350.7,75.9192 360.0072,75.9192 C369.18,75.9192 375.5472,67.6536 375.5472,55.7088 C375.5472,43.176 369.432,35.028 360.0072,35.028 C350.7168,35.028 344.4672,43.1928 344.4672,55.4736 Z"}),t("path",{key:"c77fff03b6430a97884b8baad86f9686a877e44f",d:"M442.9992,43.3104 C442.8816,37.5144 438.8328,34.6752 430.6512,34.6752 C424.6536,34.6752 420.7392,37.044 420.7392,40.5888 C420.7392,43.1928 421.9656,44.1336 426.7368,45.5448 L448.392,51.576 C457.0776,54.0624 461.3616,59.388 461.3616,67.6536 C461.3616,73.92 458.4216,79.8336 453.5328,83.6136 C448.644,87.3936 441.672,89.2752 432.4992,89.2752 C412.44,89.2752 401.8056,82.068 401.3184,68.0064 L418.068,68.0064 C418.8072,71.4336 419.5464,72.7272 421.3776,74.0376 C423.5784,75.5832 427.0056,76.2888 431.5248,76.2888 C439.488,76.2888 444.2424,73.92 444.2424,70.0224 C444.2424,67.4352 442.7808,66.1248 438.4968,64.8312 L418.068,58.6824 C411.7176,56.6832 409.6344,55.608 407.2992,53.3736 C404.9808,50.8872 403.6368,47.2248 403.6368,42.9744 C403.6368,29.8536 414.036,21.7056 430.7856,21.7056 C448.5264,21.7056 459.2784,29.8536 459.5304,43.344 L442.9992,43.344 L442.9992,43.3104 Z"}),t("ellipse",{key:"c14f360d24cf949ce6c89c5350903bb54c219e63",cx:"231.168",cy:"8.6688",rx:"8.5512",ry:"8.2656"}))))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-logo-h{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;height:var(--sui-logo-height);width:auto;flex-shrink:0}.sui-logo__svg.sc-sui-logo{display:block;height:100%;width:auto;overflow:visible}.sui-logo__mark.sc-sui-logo{fill:var(--sui-logo-mark-color)}.sui-logo__word.sc-sui-logo{fill:var(--sui-logo-text-color)}'}},[2,"sui-logo",{orientation:[1],markOnly:[4,"mark-only"],size:[1],height:[8],markColor:[1,"mark-color"],textColor:[1,"text-color"],decorative:[4],ariaLabel:[1,"aria-label"]}]),c=i,L=function(){"undefined"!=typeof customElements&&["sui-logo"].forEach((e=>{"sui-logo"===e&&(customElements.get(o(e))||customElements.define(o(e),i))}))};export{c as SuiLogo,L as defineCustomElement}

package/dist/components/sui-modal-footer.d.ts

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

package/dist/components/sui-modal-footer.js

@@ -0,0 +1 @@
+import{p as t,H as o,c as s,h as e,d as i,t as a}from"./p-BwhKFYtu.js";import{d as r}from"./p-BVOaN0aw.js";import{d as l}from"./p-CmfWN05h.js";const u=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.primaryClick=s(this,"primaryClick"),this.secondaryClick=s(this,"secondaryClick"),this.primaryButton=null,this.secondaryButton=null,this.stretch=!1,this.buttonSize=null,this.hasAux=!1}componentWillLoad(){this.hasAux=Array.from(this.el.childNodes).some((t=>{var o;return 1===t.nodeType||3===t.nodeType&&!!(null===(o=t.textContent)||void 0===o?void 0:o.trim())}))}cfg(t){if(!t)return null;const o="string"==typeof t?{label:t}:t;return o.label?o:null}render(){var t,o,s,a;const r=this.cfg(this.primaryButton),l=this.cfg(this.secondaryButton),u=null!==(t=this.buttonSize)&&void 0!==t?t:"large";return e(i,{key:"838b5b4008a9e1559d658cefe4b88a7c432cb7be","data-sui-stretch":this.stretch?"":null,"data-has-aux":this.hasAux?"":null},e("div",{key:"b535a008ec654e09e920b0e8146f1ccba846c587",class:"sui-modal-footer__aux"},e("slot",{key:"afe4ec613faf4d6a2839a6ec3586f13961243893"})),e("div",{key:"0a8ef7576012958a369aef4ffed154497f68a99d",class:"sui-modal-footer__actions"},l&&e("sui-button",{key:"d9cfdef0ef615988e7357321691b94c29c55cc73",variant:"stroke",color:"neutral",size:u,type:"button",disabled:null!==(o=l.disabled)&&void 0!==o&&o,onClick:()=>!l.disabled&&this.secondaryClick.emit()},l.label),r&&e("sui-button",{key:"8044143b06234e36afa70def2e34bf9cfce958bb",variant:"filled",size:u,type:"button",color:null!==(s=r.color)&&void 0!==s?s:"primary",disabled:null!==(a=r.disabled)&&void 0!==a&&a,onClick:()=>!r.disabled&&this.primaryClick.emit()},r.label)))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-modal-footer-h{display:flex;align-items:center;gap:12px;padding:16px 20px;box-sizing:border-box;background:var(--sui-bg-white-0);border-top:1px solid var(--sui-stroke-soft-200)}.sui-modal-footer__aux.sc-sui-modal-footer{flex:1 1 0;min-width:0;display:flex;align-items:center}.sui-modal-footer__actions.sc-sui-modal-footer{display:flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0}.sui-modal__footer.sc-sui-modal-footer-h,.sui-modal__footer .sc-sui-modal-footer-h{flex:1 1 auto;min-width:0;padding:0;border-top:0;background:transparent}[data-sui-stretch].sc-sui-modal-footer-h .sui-modal-footer__aux.sc-sui-modal-footer{display:none}[data-sui-stretch].sc-sui-modal-footer-h .sui-modal-footer__actions.sc-sui-modal-footer{flex:1 1 0;min-width:0;margin-left:0}[data-sui-stretch].sc-sui-modal-footer-h .sui-modal-footer__actions.sc-sui-modal-footer sui-button.sc-sui-modal-footer{flex:1 1 0;min-width:0}[data-sui-stretch][data-has-aux].sc-sui-modal-footer-h .sui-modal-footer__aux.sc-sui-modal-footer{display:grid;align-items:center}'}},[262,"sui-modal-footer",{primaryButton:[1,"primary-button"],secondaryButton:[1,"secondary-button"],stretch:[516],buttonSize:[1,"button-size"],hasAux:[32]}]),n=u,d=function(){"undefined"!=typeof customElements&&["sui-modal-footer","sui-button","sui-icon"].forEach((t=>{switch(t){case"sui-modal-footer":customElements.get(a(t))||customElements.define(a(t),u);break;case"sui-button":customElements.get(a(t))||r();break;case"sui-icon":customElements.get(a(t))||l()}}))};export{n as SuiModalFooter,d as defineCustomElement}

package/dist/components/sui-modal-header.d.ts

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

package/dist/components/sui-modal-header.js

@@ -0,0 +1 @@
+import{p as a,H as e,c as s,h as i,d as t,t as r}from"./p-BwhKFYtu.js";import{d as o}from"./p-BQGB46HG.js";import{d as l}from"./p-CmfWN05h.js";const d={info:"information-fill",success:"checkbox-circle-fill",warning:"alert-fill",error:"error-warning-fill"},n=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.closed=s(this,"closed"),this.heading="",this.description=null,this.size="medium",this.iconVariant=null,this.icon=null,this.showClose=!0,this.titleId=null,this.descriptionId=null,this.closeAriaLabel="Cerrar"}componentDidRender(){this.el.removeAttribute("title")}render(){var a,e;const s=this.icon||(this.iconVariant?d[this.iconVariant]:null);return i(t,{key:"421bb3a6ba4af0c5c47cf61ee7ff1fe870644f7f","data-sui-size":this.size,"data-has-icon":s?"":null},s&&i("span",{key:"e2072ab3bcee96ac76313cbe3509a6667d1baf23",class:"sui-modal-header__icon","data-variant":this.icon?"neutral":this.iconVariant,"aria-hidden":"true"},i("sui-icon",{key:"fe0c0322e9accdcb555c0630ae091a958d38f6d7",name:s,size:"small"===this.size?24:20})),i("div",{key:"427e5fe21d4794e3001c09d86b87b46b7125f458",class:"sui-modal-header__titles"},this.heading&&i("h2",{key:"122f895f0ac267bdde1d96ca1fa49aaf80d436cc",class:"sui-modal-header__title",id:null!==(a=this.titleId)&&void 0!==a?a:void 0},this.heading),this.description&&i("p",{key:"b13531f27e071c6b9c8d1bcfd7fde3f93e64a7f0",class:"sui-modal-header__description",id:null!==(e=this.descriptionId)&&void 0!==e?e:void 0},this.description)),this.showClose&&i("sui-compact-button",{key:"cb8df4f714901b6abbb9b1fc6a91dd8c08b2d4bd",class:"sui-modal-header__close",icon:"close-line",variantStyle:"ghost",size:"large",ariaLabel:this.closeAriaLabel,onClicked:()=>this.closed.emit()}))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-modal-header-h{display:flex;align-items:center;flex-shrink:0;gap:16px;padding:16px 56px 16px 20px;min-height:80px;background:var(--sui-bg-white-0);border-bottom:1px solid var(--sui-stroke-soft-200);position:relative;overflow:hidden;box-sizing:border-box}[data-sui-size=small].sc-sui-modal-header-h{min-height:56px;gap:12px}[data-has-icon].sc-sui-modal-header-h{gap:14px}.sui-modal-header__icon.sc-sui-modal-header{display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:flex-start;padding:10px;border-radius:var(--sui-radius-full)}.sui-modal-header__icon[data-variant=error].sc-sui-modal-header{background:var(--sui-state-error-lighter);color:var(--sui-state-error-base)}.sui-modal-header__icon[data-variant=warning].sc-sui-modal-header{background:var(--sui-state-warning-lighter);color:var(--sui-state-warning-base)}.sui-modal-header__icon[data-variant=success].sc-sui-modal-header{background:var(--sui-state-success-lighter);color:var(--sui-state-success-base)}.sui-modal-header__icon[data-variant=info].sc-sui-modal-header{background:var(--sui-state-information-lighter);color:var(--sui-state-information-base)}.sui-modal-header__icon[data-variant=neutral].sc-sui-modal-header{background:var(--sui-bg-weak-50);color:var(--sui-icon-sub-600)}[data-sui-size=small].sc-sui-modal-header-h .sui-modal-header__icon.sc-sui-modal-header{padding:0;background:transparent;align-self:center}.sui-modal-header__titles.sc-sui-modal-header{display:block;flex:1 1 auto;min-width:0}.sui-modal-header__title.sc-sui-modal-header{margin:0;font-family:var(--sui-font-sans);font-size:var(--sui-type-label-sm-size);font-weight:var(--sui-type-label-sm-weight);line-height:var(--sui-type-label-sm-line);letter-spacing:var(--sui-type-label-sm-spacing);color:var(--sui-text-strong-950);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;word-break:break-word}.sui-modal-header__description.sc-sui-modal-header{margin:4px 0 0 0;font-family:var(--sui-font-sans);font-size:var(--sui-type-paragraph-xs-size);font-weight:var(--sui-type-paragraph-xs-weight);line-height:var(--sui-type-paragraph-xs-line);letter-spacing:0;color:var(--sui-text-sub-600);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}.sui-modal-header__description.sc-sui-modal-header:first-child{margin-top:0}.sui-modal-header__close.sc-sui-modal-header{position:absolute;top:16px;right:16px;flex-shrink:0}@media (max-width: 767px){.sui-modal-header__close.sc-sui-modal-header::before{content:"";position:absolute;inset:calc((100% - 44px) / 2)}}'}},[2,"sui-modal-header",{heading:[1],description:[1],size:[513],iconVariant:[1,"icon-variant"],icon:[1],showClose:[4,"show-close"],titleId:[1,"title-id"],descriptionId:[1,"description-id"],closeAriaLabel:[1,"close-aria-label"]}]),c=n,u=function(){"undefined"!=typeof customElements&&["sui-modal-header","sui-compact-button","sui-icon"].forEach((a=>{switch(a){case"sui-modal-header":customElements.get(r(a))||customElements.define(r(a),n);break;case"sui-compact-button":customElements.get(r(a))||o();break;case"sui-icon":customElements.get(r(a))||l()}}))};export{c as SuiModalHeader,u as defineCustomElement}

package/dist/components/sui-modal-sheet.d.ts

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

package/dist/components/sui-modal-sheet.js

@@ -0,0 +1 @@
+import{p as t,H as s,c as i,h as e,d as h,t as o}from"./p-BwhKFYtu.js";import{l as n,u as r}from"./p-BuB1VRm0.js";const a=t(class t extends s{constructor(s){super(),!1!==s&&this.__registerHost(),this.openChange=i(this,"openChange"),this.closed=i(this,"closed"),this.breakpointChange=i(this,"breakpointChange"),this.open=!1,this.breakpoints=[0,1],this.initialBreakpoint=1,this.backdropBreakpoint=0,this.showHandle=!0,this.closeOnBackdrop=!0,this.closeOnEscape=!0,this.fullBody=!1,this.currentBreakpoint=0,this.restProgress=0,this.dragging=!1,this.sheetHeight=0,this.viewportHeight=0,this.dragStartY=0,this.dragStartProgress=0,this.pointerId=null,this.lastMoveTime=0,this.lastMoveY=0,this.velocityY=0,this.pendingProgress=null,this.frameId=null,this.bodyDragArmed=!1,this.bodyDragTarget=null,this.touchTarget=null,this.wasOpen=!1,this.previousFocus=null,this.closeTimer=null,this.touchStartY=0,this.onPointerDown=t=>{var s;if(t.isPrimary&&this.measure()){this.beginDrag(t);try{null===(s=this.handleEl)||void 0===s||s.setPointerCapture(t.pointerId)}catch(t){}t.preventDefault()}},this.onPointerMove=t=>{var s;if(this.pointerId!==t.pointerId||!this.dragging)return;const i=null!==(s=this.breakpoints[0])&&void 0!==s?s:0;this.scheduleFrame(Math.max(i,Math.min(1,this.dragStartProgress-(t.clientY-this.dragStartY)/this.viewportHeight)));const e=performance.now(),h=e-this.lastMoveTime;h>0&&(this.velocityY=(t.clientY-this.lastMoveY)/h),this.lastMoveY=t.clientY,this.lastMoveTime=e},this.onPointerUp=s=>{var i,e,h;if(this.pointerId!==s.pointerId)return;const o=this.dragging;this.pointerId=null,this.bodyDragArmed=!1;try{null===(i=this.handleEl)||void 0===i||i.releasePointerCapture(s.pointerId)}catch(t){}try{null===(e=this.bodyEl)||void 0===e||e.releasePointerCapture(s.pointerId)}catch(t){}if(!o)return;const n=null!==(h=this.pendingProgress)&&void 0!==h?h:this.progressFromDom();this.cancelFrame();const r=this.yFor(n),a=this.closestBreakpointByY(Math.max(0,Math.min(this.sheetHeight,r+this.velocityY*t.VELOCITY_LOOKAHEAD_MS)));this.dragging=!1,this.snapTo(a,!0,n,Math.abs(this.velocityY))},this.onPointerCancel=t=>{var s;if(this.pointerId!==t.pointerId)return;const i=this.dragging;this.pointerId=null,this.bodyDragArmed=!1;const e=i?null!==(s=this.pendingProgress)&&void 0!==s?s:this.progressFromDom():this.currentBreakpoint;this.cancelFrame(),this.dragging=!1,this.snapTo(this.currentBreakpoint,!0,e)},this.onBodyPointerDown=t=>{if(!t.isPrimary)return;const s=t.target;this.shouldIgnoreBodyDrag(s)||this.measure()&&(this.bodyDragArmed=!0,this.bodyDragTarget=s,this.pointerId=t.pointerId,this.dragStartY=t.clientY,this.lastMoveY=t.clientY,this.lastMoveTime=performance.now(),this.velocityY=0)},this.onBodyPointerMove=s=>{if(this.pointerId!==s.pointerId)return;if(this.dragging)return void this.onPointerMove(s);if(!this.bodyDragArmed)return;const i=s.clientY-this.dragStartY;if(Math.abs(i)<t.BODY_DRAG_THRESHOLD_PX)return;const e=performance.now(),h=e-this.lastMoveTime;h>0&&(this.velocityY=(s.clientY-this.lastMoveY)/h),this.lastMoveY=s.clientY,this.lastMoveTime=e;const o=this.bodyEl;if(this.atMaxBreakpoint&&o){const t=this.scrollersDe(this.bodyDragTarget);if(t.length>0){if(t.some((t=>t.scrollTop>0)))return;if(i<=0)return}}this.bodyDragArmed=!1,this.beginDrag(s);try{null==o||o.setPointerCapture(s.pointerId)}catch(t){}s.preventDefault()},this.onBackdropClick=()=>{this.closeOnBackdrop&&this.backdropInteractive&&this.snapTo(0,!0)}}componentWillLoad(){this.open&&(this.wasOpen=!0,this.onOpen())}disconnectedCallback(){this.removeEscapeHandler(),this.detachTouchSuppressor(),this.stopObservingSize(),this.cancelPendingClose(),this.cancelFrame(),this.unlockBodyScroll(),this.initialTimer&&clearTimeout(this.initialTimer)}onOpenWatch(t){t&&!this.wasOpen?this.onOpen():!t&&this.wasOpen&&this.onClose(),this.wasOpen=t}async setCurrentBreakpoint(t,s=!0){this.breakpoints.includes(t)?this.snapTo(t,s):console.warn(`[sui-modal-sheet] Breakpoint ${t} no esta en el array`)}async close(){this.setOpen(!1)}setOpen(t){this.open!==t&&(this.open=t,this.openChange.emit(t))}onOpen(){this.previousFocus=document.activeElement,this.lockBodyScroll(),this.attachEscapeHandler(),this.initialTimer=setTimeout((()=>{this.snapTo(this.initialBreakpoint,!0),this.attachTouchSuppressor(),this.observeSize()}),0)}onClose(){var t,s;this.initialTimer&&clearTimeout(this.initialTimer),this.removeEscapeHandler(),this.detachTouchSuppressor(),this.stopObservingSize(),this.cancelPendingClose(),this.cancelFrame(),this.unlockBodyScroll(),this.pointerId=null,this.bodyDragArmed=!1,this.dragging=!1,null===(s=null===(t=this.previousFocus)||void 0===t?void 0:t.focus)||void 0===s||s.call(t),this.previousFocus=null,this.restProgress=0,this.currentBreakpoint=0,this.closed.emit()}get backdropInteractive(){return this.restProgress>this.backdropBreakpoint}get maxBreakpoint(){const t=this.breakpoints;return t&&t.length?Math.max(...t):1}get maxHeightCss(){return`min(${100*this.maxBreakpoint}dvh, calc(100dvh - env(safe-area-inset-top, 0px) - 16px))`}get atMaxBreakpoint(){return!(!this.breakpoints||0===this.breakpoints.length)&&this.currentBreakpoint>=this.maxBreakpoint}attachTouchSuppressor(){const t=this.bodyEl;t&&!this.touchMoveHandler&&(this.touchStartHandler=t=>{var s,i;this.touchStartY=null!==(i=null===(s=t.touches[0])||void 0===s?void 0:s.clientY)&&void 0!==i?i:0,this.touchTarget=t.target},this.touchMoveHandler=t=>{var s,i;const e=(null!==(i=null===(s=t.touches[0])||void 0===s?void 0:s.clientY)&&void 0!==i?i:0)-this.touchStartY;this.dragging?t.cancelable&&t.preventDefault():this.atMaxBreakpoint&&e>0&&t.cancelable&&(this.scrollersDe(this.touchTarget).some((t=>t.scrollTop>0))||t.preventDefault())},t.addEventListener("touchstart",this.touchStartHandler,{passive:!0}),t.addEventListener("touchmove",this.touchMoveHandler,{passive:!1}))}detachTouchSuppressor(){const t=this.bodyEl;t&&(this.touchStartHandler&&t.removeEventListener("touchstart",this.touchStartHandler),this.touchMoveHandler&&t.removeEventListener("touchmove",this.touchMoveHandler)),this.touchStartHandler=void 0,this.touchMoveHandler=void 0}measure(){var t;const s=this.containerEl,i=null===(t=this.el.ownerDocument)||void 0===t?void 0:t.defaultView;return!(!s||!i)&&(this.sheetHeight=s.offsetHeight,this.viewportHeight=i.innerHeight||this.el.ownerDocument.documentElement.clientHeight,this.sheetHeight>0&&this.viewportHeight>0)}yFor(t){return t<=0?this.sheetHeight:Math.max(0,this.sheetHeight-t*this.viewportHeight)}translateFor(s){return s<=0?t.TRANSLATE_CLOSED:`0 ${this.yFor(s)}px`}effectiveProgress(t){if(0===this.viewportHeight)return t;const s=(this.sheetHeight-this.yFor(t))/this.viewportHeight;return Math.max(0,Math.min(1,s))}progressFromDom(){var t,s;const i=this.effectiveProgress(this.currentBreakpoint),e=this.panelEl,h=null===(t=this.el.ownerDocument)||void 0===t?void 0:t.defaultView;if(!e||!h||0===this.viewportHeight)return i;const o=h.getComputedStyle(e).translate,n=o?o.trim().split(/\s+/):[],r=null!==(s=n[1])&&void 0!==s?s:n[0];if(!r||!r.endsWith("px"))return i;const a=parseFloat(r);return Number.isFinite(a)?Math.max(0,Math.min(1,(this.sheetHeight-a)/this.viewportHeight)):i}writeTranslate(t){var s;null===(s=this.panelEl)||void 0===s||s.style.setProperty("translate",this.translateFor(t))}writeBackdropOpacity(t){var s;null===(s=this.backdropEl)||void 0===s||s.style.setProperty("opacity",this.computeBackdropOpacity(t)+"")}setTransitionDuration(t){var s,i;null===(s=this.panelEl)||void 0===s||s.style.setProperty("transition-duration",t+"ms"),null===(i=this.backdropEl)||void 0===i||i.style.setProperty("transition-duration",t+"ms")}setDraggingClasses(s){var i,e;const h=s?"add":"remove";null===(i=this.panelEl)||void 0===i||i.classList[h](t.CLASS_PANEL_DRAGGING),null===(e=this.backdropEl)||void 0===e||e.classList[h](t.CLASS_BACKDROP_DRAGGING)}scheduleFrame(t){var s;if(this.pendingProgress=t,null!==this.frameId)return;const i=null===(s=this.el.ownerDocument)||void 0===s?void 0:s.defaultView;i&&"function"==typeof i.requestAnimationFrame?this.frameId=i.requestAnimationFrame((()=>{this.frameId=null,this.flushFrame()})):this.flushFrame()}flushFrame(){if(null===this.pendingProgress)return;const t=this.pendingProgress;this.pendingProgress=null,this.writeTranslate(t),this.writeBackdropOpacity(t)}cancelFrame(){var t,s;null!==this.frameId&&(null===(s=null===(t=this.el.ownerDocument)||void 0===t?void 0:t.defaultView)||void 0===s||s.cancelAnimationFrame(this.frameId),this.frameId=null),this.pendingProgress=null}observeSize(){var t;const s=this.containerEl,i=null===(t=this.el.ownerDocument)||void 0===t?void 0:t.defaultView;s&&i&&("undefined"==typeof ResizeObserver||this.resizeObserver||(this.resizeObserver=new ResizeObserver((()=>this.onSizeChange())),this.resizeObserver.observe(s)),this.windowResizeHandler||(this.windowResizeHandler=()=>this.onSizeChange(),i.addEventListener("resize",this.windowResizeHandler,{passive:!0})))}stopObservingSize(){var t,s,i;null===(t=this.resizeObserver)||void 0===t||t.disconnect(),this.resizeObserver=void 0,this.windowResizeHandler&&(null===(i=null===(s=this.el.ownerDocument)||void 0===s?void 0:s.defaultView)||void 0===i||i.removeEventListener("resize",this.windowResizeHandler),this.windowResizeHandler=void 0)}onSizeChange(){if(this.dragging||!this.open)return;const t=this.sheetHeight,s=this.viewportHeight;if(!this.measure())return;if(t===this.sheetHeight&&s===this.viewportHeight)return;const i=this.restProgress;i<=0||(this.setTransitionDuration(0),this.writeTranslate(i),this.writeBackdropOpacity(i))}beginDrag(t){this.cancelPendingClose(),this.cancelFrame(),this.pointerId=t.pointerId,this.dragStartY=t.clientY,this.dragStartProgress=this.progressFromDom(),this.lastMoveY=t.clientY,this.lastMoveTime=performance.now(),this.velocityY=0,this.setDraggingClasses(!0),this.writeTranslate(this.dragStartProgress),this.writeBackdropOpacity(this.dragStartProgress),this.dragging=!0}shouldIgnoreBodyDrag(t){var s;if(!t)return!1;const i=t.tagName;return"INPUT"===i||"TEXTAREA"===i||"SELECT"===i||"OPTION"===i||!!(null===(s=t.closest)||void 0===s?void 0:s.call(t,"[data-sui-no-sheet-drag]"))}scrollersDe(t){var i;const e=this.bodyEl;if(!e)return[];const h=[],o=null===(i=this.el.ownerDocument)||void 0===i?void 0:i.defaultView;let n=t instanceof s&&e.contains(t)?t:null;for(;n&&n!==e;){if(n.scrollHeight>n.clientHeight||n.scrollTop>0){const t=null==o?void 0:o.getComputedStyle(n).overflowY;"auto"!==t&&"scroll"!==t||h.push(n)}n=n.parentElement}return(e.scrollHeight>e.clientHeight||e.scrollTop>0)&&h.push(e),h}snapDuration(s,i){return Math.round(Math.max(t.SNAP_MIN_MS,Math.min(t.SNAP_MAX_MS,s/Math.max(i,.5))))}snapTo(t,s,i,e=0){this.cancelPendingClose(),this.cancelFrame();const h=this.measure(),o=null!=i?i:this.restProgress,n=h?Math.abs(this.yFor(t)-this.yFor(o)):0,r=s?this.snapDuration(n,e):0;this.setDraggingClasses(!1),this.setTransitionDuration(r),this.writeTranslate(t),this.writeBackdropOpacity(t),this.restProgress=t,0!==t?this.currentBreakpoint!==t&&(this.currentBreakpoint=t,this.breakpointChange.emit(t)):this.scheduleClose(r)}scheduleClose(t){const s=()=>{this.cancelPendingClose(),this.currentBreakpoint=0,this.setOpen(!1)},i=this.panelEl;t>0&&i&&(this.closeTransitionHandler=t=>{t.target===i&&"translate"===t.propertyName&&s()},i.addEventListener("transitionend",this.closeTransitionHandler)),this.closeTimer=setTimeout(s,t>0?t+80:0)}cancelPendingClose(){var t;null!==this.closeTimer&&(clearTimeout(this.closeTimer),this.closeTimer=null),this.closeTransitionHandler&&(null===(t=this.panelEl)||void 0===t||t.removeEventListener("transitionend",this.closeTransitionHandler),this.closeTransitionHandler=void 0)}closestBreakpointByY(t){var s;const i=this.breakpoints,e=this.currentBreakpoint;let h=null!==(s=i[0])&&void 0!==s?s:0,o=1/0;for(const s of i){const i=Math.abs(this.yFor(s)-t);i<o-.5?(h=s,o=i):Math.abs(i-o)<=.5&&(s===e||h!==e&&s>h)&&(h=s)}return h}computeBackdropOpacity(t){const s=this.backdropBreakpoint;return s>=1?0:Math.max(0,Math.min(1,1/(1-s)*(t-s)))}lockBodyScroll(){n(this.el)}unlockBodyScroll(){r(this.el)}attachEscapeHandler(){this.escapeHandler||(this.escapeHandler=t=>{"Escape"===t.key&&this.open&&this.closeOnEscape&&this.snapTo(0,!0)},document.addEventListener("keydown",this.escapeHandler))}removeEscapeHandler(){this.escapeHandler&&(document.removeEventListener("keydown",this.escapeHandler),this.escapeHandler=void 0)}onTouchStart(){}onTouchEnd(t){var s,i;const e=null===(i=null===(s=t.target)||void 0===s?void 0:s.closest)||void 0===i?void 0:i.call(s,"button");e&&e.blur()}render(){return e(h,{key:"7045910b00cbb1f757d173dc210e7d1bbaa435ad","data-sui-sheet-open":this.open?"":void 0,"data-sui-sheet-dragging":this.dragging?"":void 0},this.open&&[e("div",{key:"e4123a218d8f21a1a3dea6d50a72c4a06272c6e7",class:"sui-sheet__backdrop",style:{pointerEvents:this.backdropInteractive?"auto":"none"},onClick:this.onBackdropClick,"aria-hidden":"true",ref:t=>this.backdropEl=t}),e("div",{key:"5e0dea9344e60cb6fcba53d8356cc05106f48043",class:"sui-sheet",role:"dialog","aria-modal":"true",style:{maxHeight:this.maxHeightCss,"--sheet-progress":this.restProgress+""},ref:t=>this.containerEl=t},e("div",{key:"541848a7e3528ddf70cb0a5448be695678076178",class:"sui-sheet__panel",ref:t=>this.panelEl=t},this.showHandle&&e("div",{key:"12d82d4e55b0cc7af89764d44821ae034df344b7",class:"sui-sheet__handle",onPointerDown:this.onPointerDown,onPointerMove:this.onPointerMove,onPointerUp:this.onPointerUp,onPointerCancel:this.onPointerCancel,ref:t=>this.handleEl=t},e("div",{key:"a55610f692e1fac40852575f46985a2d6509bf1e",class:"sui-sheet__handle-pill"})),e("div",{key:"82496f311e71088e1ee3d3f3b28fc181dd0569bc",class:{"sui-sheet__body":!0,"sui-sheet__body--full":this.fullBody,"sui-sheet__body--scrollable":this.atMaxBreakpoint},onPointerDown:this.onBodyPointerDown,onPointerMove:this.onBodyPointerMove,onPointerUp:this.onPointerUp,onPointerCancel:this.onPointerCancel,ref:t=>this.bodyEl=t},e("slot",{key:"57972eff6047acbe7a3cb1144d407ce20fc3d5ee"}))))])}get el(){return this}static get watchers(){return{open:[{onOpenWatch:0}]}}static get style(){return'@charset "UTF-8";.sc-sui-modal-sheet-h{display:contents}.sui-sheet__backdrop.sc-sui-modal-sheet{position:fixed;inset:0;z-index:1000;background-color:rgba(51, 51, 51, 0.24);opacity:0;will-change:opacity;transition-property:opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.32, 0.72, 0, 1)}.sui-sheet__backdrop--dragging.sc-sui-modal-sheet{transition:none}.sui-sheet.sc-sui-modal-sheet{position:fixed;bottom:8px;left:8px;right:8px;z-index:1001;display:flex;flex-direction:column;box-sizing:border-box;height:max-content;pointer-events:none;border-radius:36px 36px 54px 54px;corner-shape:squircle}@supports (clip-path: shape(from 0 0, close)){.sui-sheet.sc-sui-modal-sheet{--sq-t:45px;--sq-b:68px;clip-path:shape(from 0 var(--sq-t), curve to var(--sq-t) 0 with 0 0/0 0, hline to calc(100% - var(--sq-t)), curve to 100% var(--sq-t) with 100% 0/100% 0, vline to calc(100% - var(--sq-b)), curve to calc(100% - var(--sq-b)) 100% with 100% 100%/100% 100%, hline to var(--sq-b), curve to 0 calc(100% - var(--sq-b)) with 0 100%/0 100%, close);box-shadow:none !important;filter:none}}.sui-sheet.sc-sui-modal-sheet{box-shadow:none;overflow:hidden;contain:layout paint}html.platform-android.sc-sui-modal-sheet-h .sui-sheet.sc-sui-modal-sheet,html.platform-android .sc-sui-modal-sheet-h .sui-sheet.sc-sui-modal-sheet{border-radius:var(--sui-radius-20, 20px);--sq-t:25px;--sq-b:25px}.sui-sheet__panel.sc-sui-modal-sheet{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;box-sizing:border-box;pointer-events:auto;background:var(--sui-bg-white-0, #ffffff);border-radius:36px 36px 0 0;corner-shape:squircle}@supports (clip-path: shape(from 0 0, close)){.sui-sheet__panel.sc-sui-modal-sheet{--sq-t:45px;clip-path:shape(from 0 var(--sq-t), curve to var(--sq-t) 0 with 0 0/0 0, hline to calc(100% - var(--sq-t)), curve to 100% var(--sq-t) with 100% 0/100% 0, vline to 100%, hline to 0, close)}}.sui-sheet__panel.sc-sui-modal-sheet{overflow:hidden;overscroll-behavior:contain;translate:0 100%;will-change:transform, translate;transition-property:translate;transition-duration:350ms;transition-timing-function:cubic-bezier(0.32, 0.72, 0, 1)}.sui-sheet__panel--dragging.sc-sui-modal-sheet{transition:none}html.platform-android.sc-sui-modal-sheet-h .sui-sheet__panel.sc-sui-modal-sheet,html.platform-android .sc-sui-modal-sheet-h .sui-sheet__panel.sc-sui-modal-sheet{border-radius:var(--sui-radius-20, 20px) var(--sui-radius-20, 20px) 0 0;--sq-t:25px}.sui-sheet__handle.sc-sui-modal-sheet{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:12px 0 8px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.sui-sheet__handle.sc-sui-modal-sheet:active{cursor:grabbing}.sui-sheet__handle-pill.sc-sui-modal-sheet{width:36px;height:5px;border-radius:999px;background:var(--sui-bg-soft-200, #d4d4d8)}.sui-sheet__body.sc-sui-modal-sheet{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:none;padding:0 20px 20px}.sui-sheet__body--scrollable.sc-sui-modal-sheet{touch-action:pan-y;overscroll-behavior-y:contain}.sui-sheet__body--full.sc-sui-modal-sheet{padding:0}@media (max-width: 767px){.sui-sheet__body.sc-sui-modal-sheet{scrollbar-width:none}.sui-sheet__body.sc-sui-modal-sheet::-webkit-scrollbar{display:none}}'}},[262,"sui-modal-sheet",{open:[1540],breakpoints:[16],initialBreakpoint:[2,"initial-breakpoint"],backdropBreakpoint:[2,"backdrop-breakpoint"],showHandle:[4,"show-handle"],closeOnBackdrop:[4,"close-on-backdrop"],closeOnEscape:[4,"close-on-escape"],fullBody:[4,"full-body"],currentBreakpoint:[32],restProgress:[32],dragging:[32],setCurrentBreakpoint:[64],close:[64]},[[1,"touchstart","onTouchStart"],[1,"touchend","onTouchEnd"]],{open:[{onOpenWatch:0}]}]);a.BODY_DRAG_THRESHOLD_PX=5,a.VELOCITY_LOOKAHEAD_MS=80,a.SNAP_MIN_MS=180,a.SNAP_MAX_MS=350,a.CLASS_PANEL_DRAGGING="sui-sheet__panel--dragging",a.CLASS_BACKDROP_DRAGGING="sui-sheet__backdrop--dragging",a.TRANSLATE_CLOSED="0 100%";const l=a,c=function(){"undefined"!=typeof customElements&&["sui-modal-sheet"].forEach((t=>{"sui-modal-sheet"===t&&(customElements.get(o(t))||customElements.define(o(t),a))}))};export{l as SuiModalSheet,c as defineCustomElement}

package/dist/components/sui-modal.d.ts

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

package/dist/components/sui-modal.js

@@ -0,0 +1 @@
+import{p as s,H as i,c as a,h as t,d as o,t as e}from"./p-BwhKFYtu.js";import{l,u as r}from"./p-BuB1VRm0.js";import{s as n}from"./p-BKJeFTmQ.js";import{E as d}from"./p-BeNpQCjm.js";import{d as u}from"./p-CmfWN05h.js";const c=s(class s extends i{constructor(i){super(),!1!==i&&this.__registerHost(),this.openChange=a(this,"openChange"),this.closed=a(this,"closed"),this._uid=++s._nextId,this.titleId="sui-modal-title-"+this._uid,this.descId="sui-modal-desc-"+this._uid,this._previousFocus=null,this.open=!1,this.size="medium",this.heading=null,this.description=null,this.closeOnBackdrop=!0,this.closeOnEscape=!0,this.showClose=!0,this.iconVariant=null,this.headerIcon=null,this.statusAlignment=null,this.backdropBlur=!0,this.fullscreen="auto",this.fullBody=!1,this.scrollActive=!1,this.hasFooterSlot=!1,this.enAppAlNacer=function(){if("undefined"==typeof document)return!1;const s=document.documentElement.classList;return s.contains("platform-ios")||s.contains("platform-android")}(),this.onBackdropClick=()=>{this.closeOnBackdrop&&this.close()}}get esFullscreen(){const s=this.fullscreen;return"auto"===s||null==s?this.enAppAlNacer:!0===s||""===s||"true"===s}componentWillLoad(){this.hasFooterSlot=!!this.el.querySelector('[slot="footer"]');const s=this.el.getAttribute("title");null!==s&&(null==this.heading&&(this.heading=s),this.el.removeAttribute("title"))}componentDidLoad(){this._escapeHandler=s=>{"Escape"===s.key&&this.open&&this.closeOnEscape&&this.close(),"Tab"===s.key&&this.open&&this._trapTab(s)},document.addEventListener("keydown",this._escapeHandler),this.open&&this._onOpened()}disconnectedCallback(){this._escapeHandler&&(document.removeEventListener("keydown",this._escapeHandler),this._escapeHandler=void 0),this._unlockScroll(),this._unbindScrollDetection()}onOpenChange(s,i){s!==i&&(this.openChange.emit(s),s?this._onOpened():this._onClosed())}_onOpened(){this._previousFocus=document.activeElement,this._lockScroll(),setTimeout((()=>{this._focusFirst(),this._bindScrollDetection()}),50)}_onClosed(){this._unbindScrollDetection(),this._unlockScroll(),this.closed.emit(),this._previousFocus&&this._previousFocus.focus&&this._previousFocus.focus()}alTocar(){}alSoltar(s){n(s,".sui-modal__close, .sui-modal__close-floating")}async close(){this.open=!1}_lockScroll(){l(this.el)}_unlockScroll(){r(this.el)}_bindScrollDetection(){const s=this.bodyRef;if(!s)return;const i=()=>{this.scrollActive=s.scrollHeight>s.clientHeight&&s.scrollTop+s.clientHeight<s.scrollHeight-1};this._bodyScrollListener=i,s.addEventListener("scroll",i,{passive:!0}),"undefined"!=typeof ResizeObserver&&(this._bodyResizeObserver=new ResizeObserver(i),this._bodyResizeObserver.observe(s)),i()}_unbindScrollDetection(){var s;const i=this.bodyRef;i&&this._bodyScrollListener&&i.removeEventListener("scroll",this._bodyScrollListener),this._bodyScrollListener=void 0,null===(s=this._bodyResizeObserver)||void 0===s||s.disconnect(),this._bodyResizeObserver=void 0,this.scrollActive=!1}_trapTab(s){const i=this.containerRef,a=document.activeElement;if(!i||!a||!i.contains(a))return;const t=Array.from(i.querySelectorAll(d));if(!t.length)return void s.preventDefault();const o=t[0],e=t[t.length-1];!s.shiftKey||a!==o&&a!==i?s.shiftKey||a!==e||(s.preventDefault(),o.focus()):(s.preventDefault(),e.focus())}_focusFirst(){var s;null===(s=this.containerRef)||void 0===s||s.focus({preventScroll:!0})}get iconName(){const s=this.headerIcon;if(s)return s;switch(this.iconVariant){case"error":return"error-warning-fill";case"warning":return"alert-fill";case"success":return"checkbox-circle-fill";default:return"information-fill"}}get hasHeaderIcon(){return!!this.headerIcon||!!this.iconVariant}get resolvedIconVariant(){var s;return null!==(s=this.iconVariant)&&void 0!==s?s:this.headerIcon?"neutral":"info"}get isStatus(){return null!=this.statusAlignment&&this.hasHeaderIcon}get isStatusVertical(){return this.isStatus&&"vertical"===this.statusAlignment}get isStatusHorizontal(){return this.isStatus&&"horizontal"===this.statusAlignment}get isCompactHeader(){return!this.description}renderClose(s){return t("button",{type:"button",class:{"sui-modal__close":!0,[null!=s?s:""]:!!s},"aria-label":"Cerrar",onClick:()=>this.close()},t("sui-icon",{name:"close-line",size:20}))}render(){if(!this.open)return t(o,null);const s=this.isStatus,i=!s&&(!!this.heading||this.showClose),a=this.esFullscreen;return t(o,{"data-sui-modal-fullscreen":a?"":void 0},t("div",{class:{"sui-modal__backdrop":!0,"sui-modal__backdrop--no-blur":!this.backdropBlur},onClick:this.onBackdropClick,role:"presentation","aria-hidden":"true"}),t("div",{class:"sui-modal",role:"dialog","aria-modal":"true","aria-labelledby":this.heading?this.titleId:void 0,"aria-describedby":this.description?this.descId:void 0},t("div",{class:{"sui-modal__container":!0,"sui-modal__container--scroll-active":this.scrollActive,"sui-modal__container--fullscreen":a,"sui-modal__container--status-vertical":this.isStatusVertical},"data-sui-size":this.size,tabindex:-1,ref:s=>this.containerRef=s},s&&this.showClose&&this.renderClose("sui-modal__close-floating"),i&&t("header",{class:{"sui-modal__header":!0,"sui-modal__header--with-icon":this.hasHeaderIcon,"sui-modal__header--compact":this.isCompactHeader}},this.hasHeaderIcon&&t("div",{class:"sui-modal__icon","data-variant":this.resolvedIconVariant},t("sui-icon",{name:this.iconName,size:this.isCompactHeader?24:20})),t("div",{class:"sui-modal__titles"},this.heading&&t("h2",{id:this.titleId,class:"sui-modal__title"},this.heading),this.description&&t("p",{id:this.descId,class:"sui-modal__description"},this.description)),this.showClose&&this.renderClose()),t("div",{class:{"sui-modal__body":!0,"sui-modal__body--full":this.fullBody,"sui-modal__body--status":s},ref:s=>this.bodyRef=s},s&&t("div",{class:{"sui-modal__status":!0,"sui-modal__status--row":this.isStatusHorizontal}},t("div",{class:"sui-modal__icon","data-variant":this.resolvedIconVariant},t("sui-icon",{name:this.iconName,size:24})),(this.heading||this.description)&&t("div",{class:"sui-modal__status-text"},this.heading&&t("h2",{id:this.titleId,class:"sui-modal__status-title"},this.heading),this.description&&t("p",{id:this.descId,class:"sui-modal__status-description"},this.description))),t("slot",null)),this.hasFooterSlot&&t("div",{class:"sui-modal__footer"},t("slot",{name:"footer"})))))}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return'.sc-sui-modal-h{display:contents}.sui-modal__backdrop.sc-sui-modal{position:fixed;inset:0;z-index:1000;background-color:rgba(51, 51, 51, 0.24);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:sui-modal-backdrop-in var(--sui-motion-duration-fast, 200ms) var(--sui-motion-ease-out, cubic-bezier(0, 0, 0.2, 1)) both}.sui-modal__backdrop--no-blur.sc-sui-modal{backdrop-filter:none;-webkit-backdrop-filter:none}.sui-modal.sc-sui-modal{position:fixed;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;pointer-events:none}.sui-modal__container.sc-sui-modal{position:relative;display:flex;flex-direction:column;overflow:hidden;pointer-events:auto;background:var(--sui-bg-white-0, #ffffff);border:1px solid var(--sui-stroke-soft-200, #ebebeb);border-radius:var(--sui-radius-20, 20px);box-shadow:var(--sui-regular-shadow-medium, 0 16px 32px -12px rgba(14, 18, 27, 0.1));width:100%;margin-inline:auto;max-height:calc(100dvh - 32px);overflow-y:auto;animation:sui-modal-container-in 180ms cubic-bezier(0.16, 1, 0.3, 1) both;will-change:transform, opacity}.sui-modal__container.sc-sui-modal:focus{outline:none}.sui-modal__container[data-sui-size=small].sc-sui-modal{max-width:400px}.sui-modal__container[data-sui-size=medium].sc-sui-modal{max-width:440px}.sui-modal__container[data-sui-size=large].sc-sui-modal{max-width:560px}.sui-modal__container[data-sui-size=xlarge].sc-sui-modal{max-width:720px}.sui-modal__header.sc-sui-modal{display:flex;align-items:center;flex-shrink:0;gap:16px;padding:16px 56px 16px 20px;border-bottom:1px solid var(--sui-stroke-soft-200, #ebebeb);background:var(--sui-bg-white-0, #ffffff);position:relative;overflow:hidden;box-sizing:border-box;min-height:80px;height:auto}.sui-modal__header.sui-modal__header--with-icon.sc-sui-modal{gap:14px}.sui-modal__header.sui-modal__header--compact.sc-sui-modal{min-height:56px;gap:12px}.sui-modal__header.sui-modal__header--compact.sui-modal__header--with-icon.sc-sui-modal{gap:14px}.sui-modal__header.sui-modal__header--close-only.sc-sui-modal{min-height:0;padding:0;border-bottom:none;background:transparent}.sui-modal__icon.sc-sui-modal{display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:flex-start;padding:10px;border-radius:var(--sui-radius-full, 999px);box-sizing:border-box}.sui-modal__icon[data-variant=error].sc-sui-modal{background:var(--sui-state-error-lighter, #ffebec);color:var(--sui-state-error-base, #fb3748)}.sui-modal__icon[data-variant=warning].sc-sui-modal{background:var(--sui-state-warning-lighter, #fff3eb);color:var(--sui-state-warning-base, #fa7319)}.sui-modal__icon[data-variant=success].sc-sui-modal{background:var(--sui-state-success-lighter, #e3f7ec);color:var(--sui-state-success-base, #1fc16b)}.sui-modal__icon[data-variant=info].sc-sui-modal{background:var(--sui-state-information-lighter, #ebf1ff);color:var(--sui-state-information-base, #335cff)}.sui-modal__icon[data-variant=neutral].sc-sui-modal{background:var(--sui-bg-weak-50, #f7f7f7);color:var(--sui-text-sub-600, #5c5c5c)}.sui-modal__header--compact.sc-sui-modal .sui-modal__icon.sc-sui-modal{padding:0;background:transparent;align-self:center}.sui-modal__titles.sc-sui-modal{display:block;flex:1 1 auto;min-width:0}.sui-modal__title.sc-sui-modal{margin:0;font-family:var(--sui-font-sans);font-size:var(--sui-type-label-sm-size, 14px);font-weight:var(--sui-type-label-sm-weight, 500);line-height:var(--sui-type-label-sm-line, 20px);letter-spacing:var(--sui-type-label-sm-spacing, -0.006em);color:var(--sui-text-strong-950, #171717);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;word-break:break-word}.sui-modal__description.sc-sui-modal{margin:4px 0 0 0;font-family:var(--sui-font-sans);font-size:var(--sui-type-paragraph-xs-size, 12px);font-weight:var(--sui-type-paragraph-xs-weight, 400);line-height:var(--sui-type-paragraph-xs-line, 16px);letter-spacing:0;color:var(--sui-text-sub-600, #5c5c5c);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}.sui-modal__title.sc-sui-modal+.sui-modal__description.sc-sui-modal{margin-top:4px}.sui-modal__description.sc-sui-modal:first-child{margin-top:0}.sui-modal__close.sc-sui-modal{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;padding:2px;border:none;background:transparent;border-radius:var(--sui-radius-6, 6px);cursor:pointer;color:var(--sui-icon-sub-600, #5c5c5c);box-sizing:border-box;transition:background-color var(--sui-motion-duration-x-fast, 100ms) var(--sui-motion-ease-out), color var(--sui-motion-duration-x-fast, 100ms) var(--sui-motion-ease-out);position:absolute;top:16px;right:16px}.sui-modal__close.sc-sui-modal:hover{background:var(--sui-bg-weak-50, #f7f7f7);color:var(--sui-text-strong-950, #171717)}.sui-modal__close.sc-sui-modal:focus{outline:none}.sui-modal__close.sc-sui-modal:focus-visible{outline:none;background:var(--sui-bg-weak-50, #f7f7f7);color:var(--sui-text-strong-950, #171717)}.sui-modal__body.sc-sui-modal{display:flex;flex-direction:column;gap:20px;padding:20px;flex:1 1 auto;background:var(--sui-bg-white-0, #ffffff);overflow-y:auto;max-height:calc(100dvh - 200px);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.sui-modal__body.sc-sui-modal:empty{display:none}.sui-modal__body--full.sc-sui-modal{padding:0;gap:0}.sui-modal__close-floating.sc-sui-modal{z-index:1}.sui-modal__status.sc-sui-modal{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.sui-modal__status.sc-sui-modal .sui-modal__icon.sc-sui-modal{align-self:center;padding:8px;border-radius:var(--sui-radius-10, 10px)}.sui-modal__status--row.sc-sui-modal{flex-direction:row;align-items:flex-start;text-align:left}.sui-modal__status--row.sc-sui-modal .sui-modal__icon.sc-sui-modal{align-self:flex-start}.sui-modal__status--row.sc-sui-modal .sui-modal__status-text.sc-sui-modal{align-items:flex-start}.sui-modal__status-text.sc-sui-modal{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.sui-modal__status-title.sc-sui-modal{margin:0;font-family:var(--sui-font-sans);font-size:var(--sui-type-label-md-size, 16px);font-weight:var(--sui-type-label-md-weight, 500);line-height:var(--sui-type-label-md-line, 24px);letter-spacing:var(--sui-type-label-md-spacing, -0.011em);color:var(--sui-text-strong-950, #171717);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}.sui-modal__status-description.sc-sui-modal{margin:0;font-family:var(--sui-font-sans);font-size:var(--sui-type-paragraph-sm-size, 14px);font-weight:var(--sui-type-paragraph-sm-weight, 400);line-height:var(--sui-type-paragraph-sm-line, 20px);letter-spacing:var(--sui-type-paragraph-sm-spacing, -0.006em);color:var(--sui-text-sub-600, #5c5c5c);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}.sui-modal__footer.sc-sui-modal{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 20px;box-sizing:border-box;border-top:1px solid var(--sui-stroke-soft-200, #ebebeb);background:var(--sui-bg-white-0, #ffffff);flex-shrink:0;position:relative;transition:box-shadow var(--sui-motion-duration-x-fast, 100ms) var(--sui-motion-ease-out)}.sui-modal__container--scroll-active.sc-sui-modal .sui-modal__footer.sc-sui-modal{box-shadow:0 -4px 8px 0 rgba(14, 18, 27, 0.06)}@keyframes sui-modal-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes sui-modal-container-in{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.sui-modal.sc-sui-modal{align-items:center;justify-content:center;padding:max(16px, env(safe-area-inset-top, 16px)) max(16px, env(safe-area-inset-right, 16px)) max(16px, env(safe-area-inset-bottom, 16px)) max(16px, env(safe-area-inset-left, 16px));box-sizing:border-box}.sui-modal__container.sc-sui-modal{width:100%;max-width:100%;max-height:calc(50dvh - 16px);overflow:hidden;display:flex;flex-direction:column}.sui-modal__body.sc-sui-modal{overflow-y:auto;flex:1 1 auto;max-height:calc(50dvh - 100px);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.sui-modal__header.sc-sui-modal,.sui-modal__footer.sc-sui-modal{flex-shrink:0}.sui-modal.sc-sui-modal:has(.sui-modal__container--fullscreen){align-items:stretch;justify-content:stretch;padding:calc(env(safe-area-inset-top, 0px) + 8px) 8px 8px}html.platform-android.sc-sui-modal-h .sui-modal.sc-sui-modal:has(.sui-modal__container--fullscreen),html.platform-android .sc-sui-modal-h .sui-modal.sc-sui-modal:has(.sui-modal__container--fullscreen){padding-bottom:calc(var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)) + 8px)}.sui-modal__container--fullscreen.sc-sui-modal .sui-modal__footer.sc-sui-modal{border-top:none}.sui-modal__container--fullscreen.sc-sui-modal,.sui-modal__container--fullscreen[data-sui-size=small].sc-sui-modal,.sui-modal__container--fullscreen[data-sui-size=medium].sc-sui-modal,.sui-modal__container--fullscreen[data-sui-size=large].sc-sui-modal,.sui-modal__container--fullscreen[data-sui-size=xlarge].sc-sui-modal{width:100%;max-width:100%;border:none;transform:translateZ(0);height:calc(100dvh - env(safe-area-inset-top, 0px) - 16px - var(--sui-keyboard-h, 0px));max-height:calc(100dvh - env(safe-area-inset-top, 0px) - 16px - var(--sui-keyboard-h, 0px));border-radius:36px 36px 54px 54px;corner-shape:squircle}@supports (clip-path: shape(from 0 0, close)){.sui-modal__container--fullscreen.sc-sui-modal,.sui-modal__container--fullscreen[data-sui-size=small].sc-sui-modal,.sui-modal__container--fullscreen[data-sui-size=medium].sc-sui-modal,.sui-modal__container--fullscreen[data-sui-size=large].sc-sui-modal,.sui-modal__container--fullscreen[data-sui-size=xlarge].sc-sui-modal{--sq-t:45px;--sq-b:68px;clip-path:shape(from 0 var(--sq-t), curve to var(--sq-t) 0 with 0 0/0 0, hline to calc(100% - var(--sq-t)), curve to 100% var(--sq-t) with 100% 0/100% 0, vline to calc(100% - var(--sq-b)), curve to calc(100% - var(--sq-b)) 100% with 100% 100%/100% 100%, hline to var(--sq-b), curve to 0 calc(100% - var(--sq-b)) with 0 100%/0 100%, close);box-shadow:none;filter:drop-shadow(0 16px 32px rgba(14, 18, 27, 0.1))}}.sui-modal__container--fullscreen.sc-sui-modal,.sui-modal__container--fullscreen[data-sui-size=small].sc-sui-modal,.sui-modal__container--fullscreen[data-sui-size=medium].sc-sui-modal,.sui-modal__container--fullscreen[data-sui-size=large].sc-sui-modal,.sui-modal__container--fullscreen[data-sui-size=xlarge].sc-sui-modal{transition:height 0.22s ease, max-height 0.22s ease}html.platform-android.sc-sui-modal-h .sui-modal__container--fullscreen.sc-sui-modal,html.platform-android .sc-sui-modal-h .sui-modal__container--fullscreen.sc-sui-modal,html.platform-android.sc-sui-modal-h .sui-modal__container--fullscreen[data-sui-size=small].sc-sui-modal,html.platform-android .sc-sui-modal-h .sui-modal__container--fullscreen[data-sui-size=small].sc-sui-modal,html.platform-android.sc-sui-modal-h .sui-modal__container--fullscreen[data-sui-size=medium].sc-sui-modal,html.platform-android .sc-sui-modal-h .sui-modal__container--fullscreen[data-sui-size=medium].sc-sui-modal,html.platform-android.sc-sui-modal-h .sui-modal__container--fullscreen[data-sui-size=large].sc-sui-modal,html.platform-android .sc-sui-modal-h .sui-modal__container--fullscreen[data-sui-size=large].sc-sui-modal,html.platform-android.sc-sui-modal-h .sui-modal__container--fullscreen[data-sui-size=xlarge].sc-sui-modal,html.platform-android .sc-sui-modal-h .sui-modal__container--fullscreen[data-sui-size=xlarge].sc-sui-modal{border-radius:var(--sui-radius-20, 20px);--sq-t:25px;--sq-b:25px;height:calc(100dvh - env(safe-area-inset-top, 0px) - var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)) - 16px);max-height:calc(100dvh - env(safe-area-inset-top, 0px) - var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)) - 16px)}.sui-modal__body.sc-sui-modal{scrollbar-width:none}.sui-modal__body.sc-sui-modal::-webkit-scrollbar{display:none}.sui-modal__container--fullscreen.sc-sui-modal .sui-modal__body.sc-sui-modal{max-height:none;flex:1 1 auto;min-height:0;overflow-y:auto}}@media (max-width: 767px){.sui-modal__close.sc-sui-modal::before{content:"";position:absolute;inset:calc((100% - 44px) / 2)}}'}},[262,"sui-modal",{open:[1540],size:[513],heading:[1025],description:[1],closeOnBackdrop:[4,"close-on-backdrop"],closeOnEscape:[4,"close-on-escape"],showClose:[4,"show-close"],iconVariant:[1,"icon-variant"],headerIcon:[1,"header-icon"],statusAlignment:[1,"status-alignment"],backdropBlur:[4,"backdrop-blur"],fullscreen:[8],fullBody:[4,"full-body"],scrollActive:[32],hasFooterSlot:[32],close:[64]},[[1,"touchstart","alTocar"],[1,"touchend","alSoltar"]],{open:[{onOpenChange:0}]}]);c._nextId=0;const m=c,h=function(){"undefined"!=typeof customElements&&["sui-modal","sui-icon"].forEach((s=>{switch(s){case"sui-modal":customElements.get(e(s))||customElements.define(e(s),c);break;case"sui-icon":customElements.get(e(s))||u()}}))};export{m as SuiModal,h as defineCustomElement}

package/dist/components/sui-notification-footer.d.ts

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

package/dist/components/sui-notification-footer.js

@@ -0,0 +1 @@
+import{p as e,H as t,c as i,h as s,d as n,t as o}from"./p-BwhKFYtu.js";import{d as a}from"./p-CmfWN05h.js";import{d as f}from"./p-DvZItJET.js";import{d as r}from"./p-tfpKWTqB.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.manageClick=i(this,"manageClick"),this.usePrefix="Usa",this.useSuffix="para moverte",this.manage=!0}get manageCfg(){var e;const t=this.manage;if(null==t||!1===t||"false"===t)return null;const i=!0===t||"true"===t||""===t?{label:"Administrar notificaciones"}:"string"==typeof t?{label:t}:t;return i.label?Object.assign(Object.assign({},i),{rel:null!==(e=i.rel)&&void 0!==e?e:"_blank"===i.target?"noopener noreferrer":void 0}):null}componentWillLoad(){this.el.removeAttribute("title")}render(){var e,t,i;const o=this.manageCfg;return s(n,{key:"71868b998e29b51d64490d9230dc045389a2d827"},s("div",{key:"0d206d2a0925daf013aac617aa80142061b6bce0",class:"sui-notif-footer__navigate"},s("span",{key:"6023fde00100cc64307be0fa7c64c6ecbb87ded7",class:"sui-notif-footer__label"},this.usePrefix),s("sui-kbd",{key:"489eef8587e4689aefcd8defd5eeaca6f4db1d91",variant:"subtle"},s("sui-icon",{key:"c60c8932f72099f171cbf8b1b373b8a370ed4049",name:"arrow-up-line",size:16})),s("sui-kbd",{key:"2d6df5632adcf81824b3895eb9a6be2f1c57df98",variant:"subtle"},s("sui-icon",{key:"06258285a86c32a44a43f0df99a870a55719b8f4",name:"arrow-down-line",size:16})),s("span",{key:"cc0517f685eeb4f3b4324052bbb6673d444f0817",class:"sui-notif-footer__label"},this.useSuffix)),o&&s("sui-link-button",{key:"0b859369ccef5b14145b25b03b3d01d240d10b2c",class:"sui-notif-footer__manage",variant:"gray",size:"small",leftIcon:"settings-2-line",href:null!==(e=o.href)&&void 0!==e?e:null,target:null!==(t=o.target)&&void 0!==t?t:null,rel:null!==(i=o.rel)&&void 0!==i?i:null,onClicked:e=>this.manageClick.emit(e.detail)},o.label))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-notification-footer-h{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;padding:14px 20px;background:var(--sui-bg-white-0, #ffffff);box-sizing:border-box;overflow:clip}.sui-notif-footer__navigate.sc-sui-notification-footer{display:flex;align-items:center;gap:8px;flex:1 0 0;min-width:1px}.sui-notif-footer__label.sc-sui-notification-footer{font-family:var(--sui-font-sans, sans-serif);font-size:12px;font-weight:400;line-height:16px;color:var(--sui-text-sub-600, #5c5c5c);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;white-space:nowrap}.sui-notif-footer__manage.sc-sui-notification-footer{flex-shrink:0}'}},[2,"sui-notification-footer",{usePrefix:[1,"use-prefix"],useSuffix:[1,"use-suffix"],manage:[8]}]),l=c,u=function(){"undefined"!=typeof customElements&&["sui-notification-footer","sui-icon","sui-kbd","sui-link-button"].forEach((e=>{switch(e){case"sui-notification-footer":customElements.get(o(e))||customElements.define(o(e),c);break;case"sui-icon":customElements.get(o(e))||a();break;case"sui-kbd":customElements.get(o(e))||f();break;case"sui-link-button":customElements.get(o(e))||r()}}))};export{l as SuiNotificationFooter,u as defineCustomElement}

package/dist/components/sui-notification-tab-menu.d.ts

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

package/dist/components/sui-notification-tab-menu.js

@@ -0,0 +1 @@
+import{p as t,H as i,c as s,h as a,d as e,t as n}from"./p-BwhKFYtu.js";import{s as o}from"./p-Dl8gag--.js";import{s as r}from"./p-BKJeFTmQ.js";import{d as u}from"./p-BQAUBvyx.js";import{d as l}from"./p-BQGB46HG.js";import{d as c}from"./p-CmfWN05h.js";const m=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.tabChange=s(this,"tabChange"),this.filterClick=s(this,"filterClick"),this.tabs=[],this.showFilter=!0,this.filterLabel="Filtrar",this.onKeydown=t=>{var i;const s=this.tabs,a=this.tabStopIndex,e=o(t.key,a,s.length,"horizontal");null!==e&&(t.preventDefault(),e!==a&&this.select(s[e]),null===(i=this.el.querySelectorAll(".sui-ntm__tab")[e])||void 0===i||i.focus())},this.onFilter=t=>{this.filterClick.emit(t.detail)}}alTocar(){}alSoltar(t){r(t,".sui-ntm__tab")}get tabStopIndex(){return Math.max(0,this.tabs.findIndex((t=>t.value===this.active)))}isActive(t){return this.active===t.value}select(t){this.active=t.value,this.tabChange.emit(t.value)}render(){const t=this.tabStopIndex;return a(e,{key:"6f1290a7dc3d1590c9d1b88146c5d6e2aa2b4e82"},a("div",{key:"f689b51bfc6731a70feeddd6cd0f3f7ff4d7ea85",class:"sui-ntm__tabs",role:"tablist",onKeyDown:this.onKeydown},this.tabs.map(((i,s)=>{const e=this.isActive(i);return[i.dividerBefore?a("span",{class:"sui-ntm__divider","aria-hidden":"true"}):void 0,a("button",{type:"button",class:{"sui-ntm__tab":!0,"sui-ntm__tab--active":e},role:"tab","aria-selected":e?"true":"false",tabindex:t===s?0:-1,onClick:()=>this.select(i)},a("span",{class:"sui-ntm__text"},a("span",{class:"sui-ntm__label"},i.label),i.badge?a("sui-badge",{color:"red",variant:"filled",type:"number",size:"small"},i.badge):void 0))]}))),this.showFilter?a("sui-compact-button",{class:"sui-ntm__filter",icon:"filter-3-fill",variantStyle:"ghost",size:"large",fullRadius:!0,ariaLabel:this.filterLabel,onClicked:this.onFilter}):void 0)}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-notification-tab-menu-h{position:relative;display:flex;align-items:center;gap:20px;padding:14px 20px;border-bottom:1px solid var(--sui-stroke-soft-200);background:var(--sui-bg-white-0);box-sizing:border-box;width:100%}.sui-ntm__tabs.sc-sui-notification-tab-menu{display:flex;align-items:center;align-self:stretch;gap:20px}.sui-ntm__tab.sc-sui-notification-tab-menu{position:relative;display:inline-flex;align-items:center;flex-shrink:0;padding:0;border:none;border-radius:var(--sui-radius-4, 4px);background:transparent;cursor:pointer;font-family:var(--sui-font-sans);font-size:var(--sui-type-label-sm-size);font-weight:var(--sui-type-label-sm-weight);line-height:var(--sui-type-label-sm-line);letter-spacing:var(--sui-type-label-sm-spacing);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;font-optical-sizing:auto;color:var(--sui-text-sub-600);text-align:center;white-space:nowrap;transition:color var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out)}.sui-ntm__tab.sc-sui-notification-tab-menu .sui-ntm__text.sc-sui-notification-tab-menu{display:inline-flex;align-items:center;gap:4px;min-width:0}.sui-ntm__tab.sc-sui-notification-tab-menu::after{content:"";position:absolute;bottom:-14px;left:0;right:0;height:2px;background:transparent;transition:background var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out)}.sui-ntm__tab.sc-sui-notification-tab-menu:hover:not(.sui-ntm__tab--active){color:var(--sui-text-strong-950)}.sui-ntm__tab.sc-sui-notification-tab-menu:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sui-bg-white-0), 0 0 0 4px var(--sui-primary-alpha-10)}.sui-ntm__tab--active.sc-sui-notification-tab-menu{color:var(--sui-text-strong-950)}.sui-ntm__tab--active.sc-sui-notification-tab-menu::after{background:var(--sui-primary-base)}.sui-ntm__divider.sc-sui-notification-tab-menu{display:block;flex-shrink:0;align-self:stretch;width:1px;background:var(--sui-stroke-soft-200)}.sui-ntm__filter.sc-sui-notification-tab-menu{position:absolute;right:12px;top:50%;transform:translateY(-50%)}'}},[2,"sui-notification-tab-menu",{tabs:[16],active:[1537],showFilter:[516,"show-filter"],filterLabel:[1,"filter-label"]},[[1,"touchstart","alTocar"],[1,"touchend","alSoltar"]]]),b=m,f=function(){"undefined"!=typeof customElements&&["sui-notification-tab-menu","sui-badge","sui-compact-button","sui-icon"].forEach((t=>{switch(t){case"sui-notification-tab-menu":customElements.get(n(t))||customElements.define(n(t),m);break;case"sui-badge":customElements.get(n(t))||u();break;case"sui-compact-button":customElements.get(n(t))||l();break;case"sui-icon":customElements.get(n(t))||c()}}))};export{b as SuiNotificationTabMenu,f as defineCustomElement}

package/dist/components/sui-notification.d.ts

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

package/dist/components/sui-notification.js

@@ -0,0 +1 @@
+import{p as i,H as t,c as s,h as a,d as o,t as n}from"./p-BwhKFYtu.js";import{d as c}from"./p-BQGB46HG.js";import{d as e}from"./p-CmfWN05h.js";const u=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.dismissed=s(this,"dismissed"),this.moreClicked=s(this,"moreClicked"),this.variant="default",this.variantStyle="stroke",this.heading=null,this.description=null,this.timestamp=null,this.avatar=null,this.showIcon=!0,this.dismissible=!1,this.unread=!1,this.type="basic",this.showMore=!1,this.active=!1,this.unreadLabel="No leído",this.moreLabel="Más opciones",this.closeLabel="Cerrar",this.onDismiss=()=>{this.dismissed.emit()},this.onMore=i=>{i.stopPropagation(),this.moreClicked.emit(i)}}get iconName(){return{info:"information-fill",success:"checkbox-circle-fill",warning:"alert-fill",error:"error-warning-fill",feature:"sparkling-fill",default:"notification-3-line"}[this.variant]}get avatarCfg(){const i=this.avatar;return i?"string"==typeof i?{src:i}:i:null}get hasAvatar(){const i=this.avatarCfg;return!(!i||!i.src&&!i.initials)}componentWillLoad(){const i=this.el.getAttribute("title");null!==i&&(null==this.heading&&(this.heading=i),this.el.removeAttribute("title"))}get showLeadingIcon(){return!this.hasAvatar&&this.showIcon&&"default"!==this.variant}get rootRole(){return this.hasAvatar?"article":"status"}get rootAriaLive(){return this.hasAvatar?null:"polite"}render(){var i;const t=this.hasAvatar,s="basic"===this.type,n=!!this.timestamp&&(!s||t),c=!!this.description||n||!s,e=this.avatarCfg;return a(o,{key:"790e96d90cf46921764ff51bd8926a546d31934b","data-sui-variant":this.variant,"data-sui-show-more":this.showMore?"":void 0},a("div",{key:"d35da21274a784a174901b85e790aeaf1619fc79",class:{"sui-notification":!0,"sui-notification--hoverable":this.showMore,"sui-notification--active":this.active,"sui-notification--has-avatar":t},"data-sui-variant":this.variant,"data-sui-style":this.variantStyle,"data-sui-type":this.type,role:this.rootRole,"aria-live":null!==(i=this.rootAriaLive)&&void 0!==i?i:void 0},t?a("div",{class:"sui-notification__avatar","aria-hidden":"true"},e.src?a("img",{src:e.src,alt:""}):a("span",{class:"sui-notification__avatar-initials"},e.initials)):this.showLeadingIcon?a("div",{class:"sui-notification__icon","aria-hidden":"true"},a("sui-icon",{name:this.iconName,size:20})):null,a("div",{key:"5b929f5f91e962c5f6ef9692b35c9818aeeec206",class:"sui-notification__content"},a("div",{key:"6d119550f2723c9e769fe0bbd0cf3e498ad06ba3",class:"sui-notification__header"},this.heading&&a("p",{key:"98a604cb47419a398fe436d5cddb5a8531496eb4",class:"sui-notification__title"},this.heading),this.unread&&a("span",{key:"a21fab89b270a91e378714b91bc152680a66ad05",class:"sui-notification__dot","aria-label":this.unreadLabel}),this.timestamp&&s&&!t&&a("span",{key:"4138eec21bef490aa2fbf2c2992c034459f262f3",class:"sui-notification__time"},this.timestamp)),c&&a("p",{key:"3c7ef9f19cb608a92d697ccdd570d3ce4790753b",class:"sui-notification__description"},n&&[a("span",{key:"bba7a831ed2278c9f08bf24f451b09616d79b8b1",class:"sui-notification__meta-time"},this.timestamp),a("span",{key:"46f7813377ca5e1226babe96e9e67cc8fb3f4a12",class:"sui-notification__sep","aria-hidden":"true"},"∙")],a("span",{key:"dfbb9a69076ca3b2e0cb10642a82094a2c6bef69",class:"sui-notification__company-logo"},a("slot",{key:"802854134be6d383646eca90b90497976cc0f02f",name:"company-logo"})),this.description&&a("span",{key:"30080a63cfa8ab3791f56262668f8d1177c29f59",class:"sui-notification__desc-text"},this.description)),"file"===this.type&&a("div",{key:"8ea2b5ccdcd42868929210226dcebaf737931d8b",class:"sui-notification__file"},a("sui-icon",{key:"aeb69a31f9f23e4de6e0ec6f22c17c6e0cdb6712",class:"sui-notification__file-icon",name:"attachment-line",size:16,"aria-hidden":"true"}),a("slot",{key:"ab9354e083c2611d98c45f8e85775392469071ae",name:"file"})),"message"===this.type&&a("div",{key:"d4dcd3472767ca8071dc6b215226fd5aa0296c7a",class:"sui-notification__bubble"},a("slot",{key:"3ea8a22ed1f30ed9762261305829ffe83dc421d9",name:"message"})),a("slot",{key:"f4953832ebd0a6176fa3d40e32b75d81eb4fa590"}),a("div",{key:"e6dd3729fcd7fd63af3a751a9916f84d8e3aff18",class:"sui-notification__actions"},a("slot",{key:"6cf47627ce3dd43bde7fe864e2cdfdca4fe2e324",name:"actions"}))),this.showMore&&a("sui-compact-button",{key:"be74fc250fd3f02fb5aaf25cbaa2c50834df3e0c",class:"sui-notification__more",icon:"more-2-line",variantStyle:"ghost",size:"large",ariaLabel:this.moreLabel,onClick:this.onMore}),this.dismissible&&a("sui-compact-button",{key:"5edd9ba557f1411acd79c2e6d362a06578699e97",class:"sui-notification__close",icon:"close-line",variantStyle:"modifiable",size:"medium",ariaLabel:this.closeLabel,onClick:this.onDismiss})))}get el(){return this}static get style(){return'@charset "UTF-8";.sc-sui-notification-h{display:block}.sui-notification.sc-sui-notification{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:var(--sui-radius-12);overflow:hidden;border:1px solid transparent;box-sizing:border-box}.sui-notification.sui-notification--has-avatar.sc-sui-notification{padding:12px;gap:15px;border:none}.sui-notification[data-sui-style=filled].sc-sui-notification{border:none;box-shadow:var(--sui-custom-shadow-small)}.sui-notification[data-sui-style=filled].sc-sui-notification .sui-notification__title.sc-sui-notification,.sui-notification[data-sui-style=filled].sc-sui-notification .sui-notification__description.sc-sui-notification{color:var(--sui-static-white)}.sui-notification[data-sui-style=filled].sc-sui-notification .sui-notification__icon.sc-sui-notification{color:var(--sui-static-white)}.sui-notification[data-sui-style=filled].sc-sui-notification .sui-notification__time.sc-sui-notification{color:var(--sui-static-white);opacity:0.72}.sui-notification[data-sui-style=filled].sc-sui-notification .sui-notification__close.sc-sui-notification{color:var(--sui-static-white);opacity:0.72}.sui-notification[data-sui-style=filled].sc-sui-notification .sui-notification__dot.sc-sui-notification{background:var(--sui-static-white)}.sui-notification[data-sui-style=filled][data-sui-variant=info].sc-sui-notification{background:var(--sui-state-information-base)}.sui-notification[data-sui-style=filled][data-sui-variant=success].sc-sui-notification{background:var(--sui-state-success-base)}.sui-notification[data-sui-style=filled][data-sui-variant=warning].sc-sui-notification{background:var(--sui-state-warning-base)}.sui-notification[data-sui-style=filled][data-sui-variant=error].sc-sui-notification{background:var(--sui-state-error-base)}.sui-notification[data-sui-style=filled][data-sui-variant=feature].sc-sui-notification{background:var(--sui-state-feature-base)}.sui-notification[data-sui-style=filled][data-sui-variant=default].sc-sui-notification{background:var(--sui-bg-strong-950)}.sui-notification[data-sui-style=filled][data-sui-variant=default].sc-sui-notification .sui-notification__title.sc-sui-notification,.sui-notification[data-sui-style=filled][data-sui-variant=default].sc-sui-notification .sui-notification__description.sc-sui-notification,.sui-notification[data-sui-style=filled][data-sui-variant=default].sc-sui-notification .sui-notification__time.sc-sui-notification,.sui-notification[data-sui-style=filled][data-sui-variant=default].sc-sui-notification .sui-notification__close.sc-sui-notification{color:var(--sui-text-white-0)}.sui-notification[data-sui-style=filled][data-sui-variant=default].sc-sui-notification .sui-notification__icon.sc-sui-notification{color:var(--sui-icon-white-0)}.sui-notification[data-sui-style=filled][data-sui-variant=default].sc-sui-notification .sui-notification__dot.sc-sui-notification{background:var(--sui-text-white-0)}.sui-notification[data-sui-style=light].sc-sui-notification{border:none}.sui-notification[data-sui-style=light].sc-sui-notification .sui-notification__title.sc-sui-notification,.sui-notification[data-sui-style=light].sc-sui-notification .sui-notification__description.sc-sui-notification{color:var(--sui-text-strong-950)}.sui-notification[data-sui-style=light].sc-sui-notification .sui-notification__close.sc-sui-notification{opacity:0.4;color:var(--sui-text-strong-950)}.sui-notification[data-sui-style=light][data-sui-variant=info].sc-sui-notification{background:var(--sui-state-information-light)}.sui-notification[data-sui-style=light][data-sui-variant=info].sc-sui-notification .sui-notification__icon.sc-sui-notification{color:var(--sui-state-information-base)}.sui-notification[data-sui-style=light][data-sui-variant=success].sc-sui-notification{background:var(--sui-state-success-light)}.sui-notification[data-sui-style=light][data-sui-variant=success].sc-sui-notification .sui-notification__icon.sc-sui-notification{color:var(--sui-state-success-base)}.sui-notification[data-sui-style=light][data-sui-variant=warning].sc-sui-notification{background:var(--sui-state-warning-light)}.sui-notification[data-sui-style=light][data-sui-variant=warning].sc-sui-notification .sui-notification__icon.sc-sui-notification{color:var(--sui-state-warning-base)}.sui-notification[data-sui-style=light][data-sui-variant=error].sc-sui-notification{background:var(--sui-state-error-light)}.sui-notification[data-sui-style=light][data-sui-variant=error].sc-sui-notification .sui-notification__icon.sc-sui-notification{color:var(--sui-state-error-base)}.sui-notification[data-sui-style=light][data-sui-variant=feature].sc-sui-notification{background:var(--sui-state-feature-light)}.sui-notification[data-sui-style=light][data-sui-variant=feature].sc-sui-notification .sui-notification__icon.sc-sui-notification{color:var(--sui-state-feature-base)}.sui-notification[data-sui-style=light][data-sui-variant=default].sc-sui-notification{background:var(--sui-bg-weak-50)}.sui-notification[data-sui-style=lighter].sc-sui-notification .sui-notification__title.sc-sui-notification{color:var(--sui-text-strong-950)}.sui-notification[data-sui-style=lighter].sc-sui-notification .sui-notification__description.sc-sui-notification{color:var(--sui-text-strong-950);opacity:0.72}.sui-notification[data-sui-style=lighter].sc-sui-notification .sui-notification__close.sc-sui-notification{opacity:0.4;color:var(--sui-text-strong-950)}.sui-notification[data-sui-style=lighter][data-sui-variant=info].sc-sui-notification{background:var(--sui-state-information-lighter)}.sui-notification[data-sui-style=lighter][data-sui-variant=info].sc-sui-notification .sui-notification__icon.sc-sui-notification{color:var(--sui-state-information-base)}.sui-notification[data-sui-style=lighter][data-sui-variant=success].sc-sui-notification{background:var(--sui-state-success-lighter)}.sui-notification[data-sui-style=lighter][data-sui-variant=success].sc-sui-notification .sui-notification__icon.sc-sui-notification{color:var(--sui-state-success-base)}.sui-notification[data-sui-style=lighter][data-sui-variant=warning].sc-sui-notification{background:var(--sui-state-warning-lighter)}.sui-notification[data-sui-style=lighter][data-sui-variant=warning].sc-sui-notification .sui-notification__icon.sc-sui-notification{color:var(--sui-state-warning-base)}.sui-notification[data-sui-style=lighter][data-sui-variant=error].sc-sui-notification{background:var(--sui-state-error-lighter)}.sui-notification[data-sui-style=lighter][data-sui-variant=error].sc-sui-notification .sui-notification__icon.sc-sui-notification{color:var(--sui-state-error-base)}.sui-notification[data-sui-style=lighter][data-sui-variant=feature].sc-sui-notification{background:var(--sui-state-feature-lighter)}.sui-notification[data-sui-style=lighter][data-sui-variant=feature].sc-sui-notification .sui-notification__icon.sc-sui-notification{color:var(--sui-state-feature-base)}.sui-notification[data-sui-style=lighter][data-sui-variant=default].sc-sui-notification{background:var(--sui-bg-weak-50);border-color:var(--sui-stroke-soft-200)}.sui-notification.sc-sui-notification:not([data-sui-style]):not(.sui-notification--has-avatar),.sui-notification[data-sui-style=stroke].sc-sui-notification:not(.sui-notification--has-avatar){background:var(--sui-bg-white-0);border-color:var(--sui-stroke-soft-200);box-shadow:var(--sui-custom-shadow-small)}.sui-notification.sc-sui-notification:not([data-sui-style]) .sui-notification__title.sc-sui-notification,.sui-notification[data-sui-style=stroke].sc-sui-notification .sui-notification__title.sc-sui-notification{color:var(--sui-text-strong-950)}.sui-notification.sc-sui-notification:not([data-sui-style]) .sui-notification__description.sc-sui-notification,.sui-notification[data-sui-style=stroke].sc-sui-notification .sui-notification__description.sc-sui-notification{color:var(--sui-text-sub-600)}.sui-notification.sc-sui-notification:not([data-sui-style]) .sui-notification__close.sc-sui-notification,.sui-notification[data-sui-style=stroke].sc-sui-notification .sui-notification__close.sc-sui-notification{opacity:0.4;color:var(--sui-text-strong-950)}.sui-notification.sc-sui-notification:not([data-sui-style])[data-sui-variant=info] .sui-notification__icon.sc-sui-notification,.sui-notification[data-sui-style=stroke][data-sui-variant=info].sc-sui-notification .sui-notification__icon.sc-sui-notification{color:var(--sui-state-information-base)}.sui-notification.sc-sui-notification:not([data-sui-style])[data-sui-variant=success] .sui-notification__icon.sc-sui-notification,.sui-notification[data-sui-style=stroke][data-sui-variant=success].sc-sui-notification .sui-notification__icon.sc-sui-notification{color:var(--sui-state-success-base)}.sui-notification.sc-sui-notification:not([data-sui-style])[data-sui-variant=warning] .sui-notification__icon.sc-sui-notification,.sui-notification[data-sui-style=stroke][data-sui-variant=warning].sc-sui-notification .sui-notification__icon.sc-sui-notification{color:var(--sui-state-warning-base)}.sui-notification.sc-sui-notification:not([data-sui-style])[data-sui-variant=error] .sui-notification__icon.sc-sui-notification,.sui-notification[data-sui-style=stroke][data-sui-variant=error].sc-sui-notification .sui-notification__icon.sc-sui-notification{color:var(--sui-state-error-base)}.sui-notification.sc-sui-notification:not([data-sui-style])[data-sui-variant=feature] .sui-notification__icon.sc-sui-notification,.sui-notification[data-sui-style=stroke][data-sui-variant=feature].sc-sui-notification .sui-notification__icon.sc-sui-notification{color:var(--sui-state-feature-base)}.sui-notification__avatar.sc-sui-notification{flex-shrink:0;width:40px;height:40px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--sui-bg-strong-950)}.sui-notification__avatar.sc-sui-notification img.sc-sui-notification{width:100%;height:100%;object-fit:cover;display:block}.sui-notification__avatar-initials.sc-sui-notification{font-family:var(--sui-font-sans);font-size:14px;font-weight:600;line-height:1;color:var(--sui-text-white-0);text-transform:uppercase;letter-spacing:0.02em;user-select:none}.sui-notification__icon.sc-sui-notification{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-top:2px}.sui-notification__content.sc-sui-notification{display:flex;flex:1 0 0;flex-direction:column;gap:4px;min-width:0}.sui-notification__header.sc-sui-notification{display:flex;align-items:center;gap:6px;min-width:0}.sui-notification__title.sc-sui-notification{margin:0;flex:1 0 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--sui-font-sans);font-size:var(--sui-type-label-sm-size);font-weight:var(--sui-type-label-sm-weight);line-height:var(--sui-type-label-sm-line);letter-spacing:var(--sui-type-label-sm-spacing);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;font-optical-sizing:auto}.sui-notification__dot.sc-sui-notification{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--sui-primary-base)}[data-sui-show-more].sc-sui-notification-h .sui-notification__time.sc-sui-notification{margin-right:32px}.sui-notification__time.sc-sui-notification{flex-shrink:0;margin-left:auto;font-family:var(--sui-font-sans);font-size:12px;font-weight:400;line-height:16px;letter-spacing:0;color:var(--sui-text-soft-400);white-space:nowrap}.sui-notification__description.sc-sui-notification{margin:0;font-family:var(--sui-font-sans);font-size:var(--sui-type-paragraph-sm-size);font-weight:var(--sui-type-paragraph-sm-weight);line-height:var(--sui-type-paragraph-sm-line);letter-spacing:var(--sui-type-paragraph-sm-spacing);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;font-optical-sizing:auto}.sui-notification__actions.sc-sui-notification{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.sui-notification__actions.sc-sui-notification:empty{display:none}.sui-notification__close.sc-sui-notification{flex-shrink:0;transition:opacity var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out)}.sui-notification__close.sc-sui-notification:hover{opacity:1 !important}.sui-notification__close.sc-sui-notification{position:relative}.sui-notification__close.sc-sui-notification::before{content:"";position:absolute;inset:-10px}@media (max-width: 767px){.sui-notification__close.sc-sui-notification::before{inset:calc((100% - 44px) / 2)}}.sui-notification--hoverable.sc-sui-notification{cursor:pointer;transition:background-color var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out)}.sui-notification--hoverable.sc-sui-notification .sui-notification__more.sc-sui-notification{opacity:0;pointer-events:none;transition:opacity var(--sui-motion-duration-x-fast) var(--sui-motion-ease-out)}.sui-notification--hoverable.sc-sui-notification:hover,.sui-notification--hoverable.sc-sui-notification:focus-within,.sui-notification--hoverable.sui-notification--active.sc-sui-notification{background:var(--sui-bg-weak-50)}.sui-notification--hoverable.sc-sui-notification:hover .sui-notification__more.sc-sui-notification,.sui-notification--hoverable.sc-sui-notification:focus-within .sui-notification__more.sc-sui-notification,.sui-notification--hoverable.sui-notification--active.sc-sui-notification .sui-notification__more.sc-sui-notification{opacity:1;pointer-events:auto}.sui-notification__description.sc-sui-notification{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.sui-notification__meta-time.sc-sui-notification{flex-shrink:0;color:var(--sui-text-soft-400)}.sui-notification__sep.sc-sui-notification{flex-shrink:0;color:var(--sui-text-soft-400);user-select:none}.sui-notification__company-logo.sc-sui-notification{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sui-notification__company-logo.sc-sui-notification:empty{display:none}.sui-notification__company-logo.sc-sui-notification-s>img,.sui-notification__company-logo .sc-sui-notification-s>img,.sui-notification__company-logo.sc-sui-notification-s>svg,.sui-notification__company-logo .sc-sui-notification-s>svg{width:16px;height:16px;border-radius:var(--sui-radius-full);object-fit:cover;display:block}.sui-notification__desc-text.sc-sui-notification{min-width:0}.sui-notification__file.sc-sui-notification{align-self:flex-start;max-width:100%;display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:8px 10px;border-radius:var(--sui-radius-8);border:1px solid var(--sui-stroke-soft-200);background:var(--sui-bg-white-0);box-shadow:var(--sui-regular-shadow-x-small);box-sizing:border-box;font-family:var(--sui-font-sans);font-size:var(--sui-type-paragraph-sm-size);font-weight:var(--sui-type-paragraph-sm-weight);line-height:var(--sui-type-paragraph-sm-line);letter-spacing:var(--sui-type-paragraph-sm-spacing);color:var(--sui-text-strong-950);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}.sui-notification__file.sc-sui-notification-s>.sui-notification__file-size,.sui-notification__file .sc-sui-notification-s>.sui-notification__file-size{color:var(--sui-text-soft-400)}.sui-notification__file-icon.sc-sui-notification{flex-shrink:0;color:var(--sui-text-sub-600)}.sui-notification__bubble.sc-sui-notification{align-self:flex-start;max-width:100%;margin-top:8px;padding:8px 12px;background:var(--sui-bg-white-0);border:1px solid var(--sui-stroke-soft-200);box-shadow:var(--sui-regular-shadow-x-small);border-radius:4px 8px 10px 8px;box-sizing:border-box;font-family:var(--sui-font-sans);font-size:var(--sui-type-paragraph-sm-size);font-weight:var(--sui-type-paragraph-sm-weight);line-height:var(--sui-type-paragraph-sm-line);letter-spacing:var(--sui-type-paragraph-sm-spacing);color:var(--sui-text-sub-600);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0}.sui-notification__bubble.sc-sui-notification:empty{display:none}.sui-notification__more.sc-sui-notification{position:absolute;top:12px;right:12px;flex-shrink:0}@media (max-width: 767px){.sui-notification__more.sc-sui-notification::before{content:"";position:absolute;inset:calc((100% - 44px) / 2)}}'}},[262,"sui-notification",{variant:[513],variantStyle:[1,"variant-style"],heading:[1025],description:[1],timestamp:[1],avatar:[1],showIcon:[4,"show-icon"],dismissible:[4],unread:[516],type:[513],showMore:[516,"show-more"],active:[516],unreadLabel:[1,"unread-label"],moreLabel:[1,"more-label"],closeLabel:[1,"close-label"]}]),r=u,f=function(){"undefined"!=typeof customElements&&["sui-notification","sui-compact-button","sui-icon"].forEach((i=>{switch(i){case"sui-notification":customElements.get(n(i))||customElements.define(n(i),u);break;case"sui-compact-button":customElements.get(n(i))||c();break;case"sui-icon":customElements.get(n(i))||e()}}))};export{r as SuiNotification,f as defineCustomElement}

package/dist/components/sui-otp-input.d.ts

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

package/dist/components/sui-otp-input.js

@@ -0,0 +1 @@
+import{p as t,H as i,c as s,h as e,d as o,t as r}from"./p-BwhKFYtu.js";const a=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.valueChange=s(this,"valueChange"),this.completed=s(this,"completed"),this.length=6,this.size="large",this.type="number",this.disabled=!1,this.error=!1,this.ariaLabel="Código de verificación",this.value="",this.cells=[],this.onCellInput=(t,i)=>{const s=i.target,e=this.filterChars(s.value),o=e.length>0?e[e.length-1]:"",r=[...this.cells];r[t]=o,this.cells=r,s.value=o,this.emit(),o&&t<this.length-1&&this.focusCell(t+1)},this.onCellKeydown=(t,i)=>{const s=i.key;if("Backspace"!==s)return"ArrowLeft"===s&&t>0?(i.preventDefault(),void this.focusCell(t-1)):"ArrowRight"===s&&t<this.length-1?(i.preventDefault(),void this.focusCell(t+1)):void("number"!==this.type||1!==s.length||i.ctrlKey||i.metaKey||/\d/.test(s)||i.preventDefault());{const s=this.cells;if(s[t]){const i=[...s];i[t]="",this.cells=i,this.emit()}else if(t>0){const i=[...s];i[t-1]="",this.cells=i,this.emit(),this.focusCell(t-1)}i.preventDefault()}},this.onCellPaste=(t,i)=>{var s,e;i.preventDefault();const o=this.filterChars(null!==(e=null===(s=i.clipboardData)||void 0===s?void 0:s.getData("text"))&&void 0!==e?e:"");if(!o)return;const r=[...this.cells];let a=t;for(const t of o){if(a>=this.length)break;r[a]=t,a++}this.cells=r,this.emit(),this.focusCell(Math.min(a,this.length-1))},this.onCellFocus=t=>{t.target.select()}}componentWillLoad(){var t;this.el.removeAttribute("title"),this.cells=this.normalize(null!==(t=this.value)&&void 0!==t?t:"",this.length)}onValueChange(t){const i=this.normalize(null!=t?t:"",this.length);this.cells.join("")===i.join("")&&this.cells.length===this.length||(this.cells=i)}onLengthChange(){this.cells=this.normalize(this.cells.join(""),this.length)}normalize(t,i){const s=this.filterChars(t).slice(0,i),e=Array(i).fill("");for(let t=0;t<s.length;t++)e[t]=s[t];return e}filterChars(t){return t.replace("number"===this.type?/\D/g:/\s/g,"")}get inputMode(){return"number"===this.type?"numeric":"text"}emit(){const t=this.cells.join("");this.value=t,this.valueChange.emit(t),t.length===this.length&&!this.cells.includes("")&&this.completed.emit(t)}cellEls(){return Array.from(this.el.querySelectorAll("input.sui-otp-input__cell"))}focusCell(t){const i=this.cellEls()[t];i&&(i.focus(),i.select())}get indices(){return Array.from({length:this.length},((t,i)=>i))}render(){return e(o,{key:"6772e2d2b67040a7f70b536e93197ce5ee1e99fe",role:"group","aria-label":this.ariaLabel,"aria-disabled":this.disabled?"true":void 0,"data-sui-size":this.size},this.indices.map((t=>{var i;return e("input",{key:t,class:{"sui-otp-input__cell":!0,"sui-otp-input__cell--error":this.error},type:"text",inputmode:this.inputMode,autoComplete:0===t?"one-time-code":"off",maxLength:1,"aria-label":"Dígito "+(t+1),value:null!==(i=this.cells[t])&&void 0!==i?i:"",disabled:this.disabled,onInput:i=>this.onCellInput(t,i),onKeyDown:i=>this.onCellKeydown(t,i),onPaste:i=>this.onCellPaste(t,i),onFocus:this.onCellFocus})})))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}],length:[{onLengthChange:0}]}}static get style(){return'@charset "UTF-8";.sc-sui-otp-input-h{display:inline-flex;align-items:flex-start;gap:8px;max-width:100%}.sui-otp-input__cell.sc-sui-otp-input{box-sizing:border-box;width:80px;height:64px;padding:16px 8px;margin:0;flex:0 1 auto;min-width:0;border:1px solid var(--sui-stroke-soft-200);border-radius:var(--sui-radius-10);background-color:var(--sui-bg-white-0);box-shadow:var(--sui-regular-shadow-x-small);outline:none;font-family:var(--sui-font-sans);font-size:var(--sui-type-title-h5-size);font-weight:var(--sui-type-title-h5-weight);line-height:var(--sui-type-title-h5-line);letter-spacing:var(--sui-type-title-h5-spacing);font-feature-settings:"ss11" 1, "calt" 0, "liga" 0;text-align:center;color:var(--sui-text-strong-950);caret-color:var(--sui-text-strong-950);transition:border-color var(--sui-motion-duration-x-fast, 100ms) var(--sui-motion-ease-out, ease-out), background-color var(--sui-motion-duration-x-fast, 100ms) var(--sui-motion-ease-out, ease-out), box-shadow var(--sui-motion-duration-x-fast, 100ms) var(--sui-motion-ease-out, ease-out)}.sui-otp-input__cell.sc-sui-otp-input:hover:not(:focus):not(:disabled):not(.sui-otp-input__cell--error){background-color:var(--sui-bg-weak-50);border-color:transparent;box-shadow:none}.sui-otp-input__cell.sc-sui-otp-input:focus{border-color:var(--sui-stroke-strong-950);background-color:var(--sui-bg-white-0);box-shadow:0 0 0 2px var(--sui-bg-white-0), 0 0 0 4px var(--sui-slate-alpha-16)}.sui-otp-input__cell--error.sc-sui-otp-input{border-color:var(--sui-state-error-base)}.sui-otp-input__cell--error.sc-sui-otp-input:focus{border-color:var(--sui-state-error-base);box-shadow:0 0 0 2px var(--sui-bg-white-0), 0 0 0 4px var(--sui-red-alpha-16)}.sui-otp-input__cell.sc-sui-otp-input:disabled{background-color:var(--sui-bg-weak-50);border-color:transparent;box-shadow:none;color:var(--sui-text-disabled-300);cursor:not-allowed}.sui-otp-input__cell.sc-sui-otp-input::placeholder{color:transparent}[data-sui-size=medium].sc-sui-otp-input-h .sui-otp-input__cell.sc-sui-otp-input{width:52px;height:56px;padding:12px 4px}[data-sui-size=small].sc-sui-otp-input-h .sui-otp-input__cell.sc-sui-otp-input{width:44px;height:48px;padding:10px 4px;border-radius:var(--sui-radius-8);font-size:var(--sui-type-title-h6-size);font-weight:var(--sui-type-title-h6-weight);line-height:var(--sui-type-title-h6-line);letter-spacing:var(--sui-type-title-h6-spacing)}'}},[2,"sui-otp-input",{length:[514],size:[1],type:[513],disabled:[516],error:[516],ariaLabel:[1,"aria-label"],value:[1025],cells:[32]},void 0,{value:[{onValueChange:0}],length:[{onLengthChange:0}]}]),n=a,u=function(){"undefined"!=typeof customElements&&["sui-otp-input"].forEach((t=>{"sui-otp-input"===t&&(customElements.get(r(t))||customElements.define(r(t),a))}))};export{n as SuiOtpInput,u as defineCustomElement}

package/dist/components/sui-page-header.d.ts

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