@sankhyalabs/ezui 7.3.5-dev.1 → 7.3.5

package/dist/ezui/p-d393677b.entry.js

@@ -1 +0,0 @@
-import{r,h as e,H as o,c as t,g as l}from"./p-23a36bb6.js";import{JSUtils as s,ElementIDUtils as a}from"@sankhyalabs/core";import{i}from"./p-638a30d0.js";import{E as n}from"./p-98bb8b16.js";var c;!function(r){r.SCROLLBAR="scrollbar",r.BUTTONS="buttons"}(c||(c={}));const h=class{constructor(e){r(this,e),this._shadowStart="ez-scroller__wrapper--shadow-start",this._shadowEnd="ez-scroller__wrapper--shadow-end",this._startHidden=void 0,this._endHidden=void 0,this.isActive=!1,this.direction=void 0,this.locked=!1,this.activeShadow=!1,this.navigationMode=c.SCROLLBAR,this.scrollAmount=200}scrollToPrevious(){if(!this._container)return;const r={behavior:"smooth"};this.direction===n.HORIZONTAL?r.left=Math.max(0,this._container.scrollLeft-this.scrollAmount):this.direction===n.VERTICAL&&(r.top=Math.max(0,this._container.scrollTop-this.scrollAmount)),this._container.scrollTo(r)}scrollToNext(){if(!this._container)return;const r={behavior:"smooth"};this.direction===n.HORIZONTAL?r.left=this._container.scrollLeft+this.scrollAmount:this.direction===n.VERTICAL&&(r.top=this._container.scrollTop+this.scrollAmount),this._container.scrollTo(r)}getContainerClass(){return`ez-scroller__container ez-scroller__container--${this.direction}\n      ${this.locked||!this.isActive?" ez-scroller__container--locked":""}\n      ${this.navigationMode===c.BUTTONS?" ez-scroller__container--buttons-mode":""}\n    `}getWrapperClass(){return`ez-scroller__wrapper ez-scroller__wrapper--${this.direction}\n      ${this.navigationMode===c.BUTTONS?" ez-scroller__wrapper--buttons-mode":""}\n    `}finishDrag(){this._controller&&this._container.classList.remove("dragging")}updateScroller(){const r=this._container;if(null==r)return;let e;if(this.direction===n.HORIZONTAL){const{scrollWidth:o,clientWidth:t,scrollLeft:l}=r;e=o-t-Math.ceil(l),this._startHidden=r.scrollLeft>0}else if(this.direction===n.VERTICAL){const{scrollHeight:o,clientHeight:t,scrollTop:l}=r;e=o-t-Math.ceil(l),this._startHidden=r.scrollTop>0}this._endHidden=e>0,this.isActive=this._startHidden||this._endHidden||this.isActiveScroller(),this.updateShadow()}updateShadow(){if(!this.activeShadow)return;const r=this.navigationMode===c.BUTTONS?this._container:this._wrapper;if(null==r)return;const e=["","start","end","middle"][Number(this._startHidden)|Number(this._endHidden)<<1];"start"===e?(r.classList.add(this._shadowStart),r.classList.remove(this._shadowEnd)):"end"===e?(r.classList.remove(this._shadowStart),r.classList.add(this._shadowEnd)):"middle"===e?(r.classList.add(this._shadowStart),r.classList.add(this._shadowEnd)):(r.classList.remove(this._shadowStart),r.classList.remove(this._shadowEnd))}configResize(){const r=this._container;null!=r&&(null!=this._resizeObserver&&this._resizeObserver.unobserve(r),this._resizeObserver=new ResizeObserver(s.debounce(this.updateScroller.bind(this),200)),this._resizeObserver.observe(r))}getContainerElement(){return e("div",{ref:r=>this._container=r,class:this.getContainerClass()},e("slot",null))}isActiveScroller(){return null!=this._container&&(this._container.scrollWidth>this._container.clientWidth||this._container.scrollHeight>this._container.clientHeight)}renderNavigationButtons(){if(this.navigationMode!==c.BUTTONS||this.direction===n.BOTH)return null;const r=this.direction===n.HORIZONTAL,o=r?"arrow_back":"arrow-up",t=r?"arrow-forward":"arrow-down";return{previousButton:this._startHidden?e("ez-button",{class:"ez-scroller__nav-button ez-scroller__nav-button--previous",onClick:()=>this.scrollToPrevious(),title:this.i18n("ez-scroller.previousButton"),"aria-label":this.i18n("ez-scroller.previousButton"),type:"button",variant:"tertiary",mode:"icon",suppressAnimation:!0,iconName:o},e("ez-icon",{iconName:o})):null,nextButton:this._endHidden?e("ez-button",{class:"ez-scroller__nav-button ez-scroller__nav-button--next",onClick:()=>this.scrollToNext(),title:this.i18n("ez-scroller.nextButton"),"aria-label":this.i18n("ez-scroller.nextButton"),type:"button",variant:"tertiary",mode:"icon",suppressAnimation:!0,iconName:t},e("ez-icon",{iconName:t})):null}}clickListener(r){this._controller&&this._controller.didScroll()&&(r.preventDefault(),r.stopPropagation(),r.stopImmediatePropagation())}mouseDownHandler(r){this.locked?this.finishDrag():(this._controller||(this._controller=new b(this._container)),this._controller.startDragg(r),this._container.classList.add("dragging"))}mouseUpHandler(){this.finishDrag()}mouseMoveHandler(r){this.locked?this.finishDrag():this._controller&&(0===r.buttons?this.finishDrag():this._controller.doScroll(r))}async componentWillLoad(){this.i18n=await i()}componentDidRender(){var r,e;if(null!=this._container){if(this.direction===n.BOTH)return null===(r=this._wrapper)||void 0===r||r.classList.remove(this._shadowStart),null===(e=this._wrapper)||void 0===e||e.classList.remove(this._shadowEnd),void(this.isActive=this.isActiveScroller());this._container.onscroll=this.updateScroller.bind(this),this.configResize(),this.updateScroller()}}render(){const r=this.navigationMode===c.BUTTONS?this.renderNavigationButtons():null;return e(o,null,this.activeShadow||this.navigationMode===c.BUTTONS?e("div",{ref:r=>this._wrapper=r,class:this.getWrapperClass()},null==r?void 0:r.previousButton,this.getContainerElement(),null==r?void 0:r.nextButton):this.getContainerElement())}};class b{constructor(r){this.scrollablePanel=r}startDragg(r){this.startX=this.measureX(r),this.startY=this.measureY(r),this.scrollWidth=0,this.scrollHeight=0}measureX(r){return r.pageX-this.scrollablePanel.offsetLeft}measureY(r){return r.pageY-this.scrollablePanel.offsetTop}doScroll(r){const e=this.measureX(r),o=this.measureY(r);if(e!=this.startX||o!=this.startY){const r=e-this.startX,t=o-this.startY;this.startX+=r,this.startY+=t,this.scrollWidth+=Math.abs(r),this.scrollHeight+=Math.abs(t),this.scrollablePanel.scrollLeft=Math.max(0,this.scrollablePanel.scrollLeft-r),this.scrollablePanel.scrollTop=Math.max(0,this.scrollablePanel.scrollTop-t)}}didScroll(){return this.scrollHeight>5||this.scrollWidth>5}}h.style=':host{--ez-scroller--box-shadow-color:var(--background--body, #fafcff);--ez-scroller__nav-button--spacing:var(--space--8, 8px);--ez-scroller__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-scroller__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-scroller__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-scroller__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-scroller__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-scroller__scrollbar--width:var(--space--small, 6px);--ez-scroller__max-height:unset;--ez-scroller__scrollbar--padding-right:var(--space-extra-small, 3px);display:flex;cursor:grab;width:100%;overflow:hidden}.dragging{cursor:grabbing}.ez-scroller__container{display:flex;overflow-y:hidden;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent}.ez-scroller__container--both:not(.ez-scroller__container--locked),.ez-scroller__container:not(.ez-scroller__container--locked):hover{scrollbar-color:var(--ez-scroller__scrollbar--color-clicked) var(--ez-scroller__scrollbar--color-background)}.ez-scroller__container--both{overflow-y:scroll;overflow-x:scroll;flex-wrap:wrap}.ez-scroller__container--horizontal{overflow-x:scroll;flex-direction:row;padding-right:var(--ez-scroller__scrollbar--padding-right)}.ez-scroller__container--vertical{overflow-y:scroll;flex-direction:column;width:100%;max-height:var(--ez-scroller__max-height)}.ez-scroller__container::-webkit-scrollbar{background-color:transparent;width:var(--ez-scroller__scrollbar--width);height:var(--ez-scroller__scrollbar--width);max-width:var(--ez-scroller__scrollbar--width);min-width:var(--ez-scroller__scrollbar--width)}.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar{background-color:var(--ez-scroller__scrollbar--color-background)}.ez-scroller__container::-webkit-scrollbar-track{visibility:hidden;background-color:transparent;border-radius:var(--ez-scroller__scrollbar--border-radius)}.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar-track,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar-track{background-color:var(--ez-scroller__scrollbar--color-background)}.ez-scroller__container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--ez-scroller__scrollbar--border-radius)}.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar-thumb,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar-thumb{background-color:var(--ez-scroller__scrollbar--color-default)}.ez-scroller__container::-webkit-scrollbar-thumb:vertical:hover,.ez-scroller__container::-webkit-scrollbar-thumb:horizontal:hover{background-color:transparent}.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar-thumb:vertical:hover,.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar-thumb:horizontal:hover,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar-thumb:vertical:hover,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-scroller__scrollbar--color-hover)}.ez-scroller__container::-webkit-scrollbar-thumb:vertical:active,.ez-scroller__container::-webkit-scrollbar-thumb:horizontal:active{background-color:transparent}.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar-thumb:vertical:active,.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar-thumb:horizontal:active,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar-thumb:vertical:active,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-scroller__scrollbar--color-clicked)}.ez-scroller__wrapper{display:flex;position:relative;width:100%;height:auto}.ez-scroller__wrapper--horizontal{flex-direction:row;align-items:center;gap:var(--ez-scroller__nav-button--spacing)}.ez-scroller__wrapper--vertical{flex-direction:column;align-items:center;gap:var(--ez-scroller__nav-button--spacing)}.ez-scroller__wrapper--buttons-mode{display:flex}.ez-scroller__wrapper--buttons-mode.ez-scroller__wrapper--horizontal{flex-direction:row}.ez-scroller__wrapper--buttons-mode.ez-scroller__wrapper--vertical{flex-direction:column}.ez-scroller__wrapper:not(.ez-scroller__wrapper--buttons-mode).ez-scroller__wrapper--shadow-start::before,.ez-scroller__wrapper:not(.ez-scroller__wrapper--buttons-mode).ez-scroller__wrapper--shadow-end::after{content:"";display:flex;position:absolute;z-index:1}.ez-scroller__wrapper--horizontal:not(.ez-scroller__wrapper--buttons-mode).ez-scroller__wrapper--shadow-start::before,.ez-scroller__wrapper--horizontal:not(.ez-scroller__wrapper--buttons-mode).ez-scroller__wrapper--shadow-end::after{width:24px;min-height:calc(100% - 10px)}.ez-scroller__wrapper--horizontal:not(.ez-scroller__wrapper--buttons-mode).ez-scroller__wrapper--shadow-start::before{left:0;background:linear-gradient(to right, var(--ez-scroller--box-shadow-color) 20%, transparent 80%)}.ez-scroller__wrapper--horizontal:not(.ez-scroller__wrapper--buttons-mode).ez-scroller__wrapper--shadow-end::after{right:0;background:linear-gradient(to left, var(--ez-scroller--box-shadow-color) 20%, transparent 80%)}.ez-scroller__wrapper--vertical:not(.ez-scroller__wrapper--buttons-mode).ez-scroller__wrapper--shadow-start::before,.ez-scroller__wrapper--vertical:not(.ez-scroller__wrapper--buttons-mode).ez-scroller__wrapper--shadow-end::after{min-width:calc(100% - 10px);height:24px}.ez-scroller__wrapper--vertical:not(.ez-scroller__wrapper--buttons-mode).ez-scroller__wrapper--shadow-start::before{top:0;background:linear-gradient(to bottom, var(--ez-scroller--box-shadow-color) 20%, transparent 80%)}.ez-scroller__wrapper--vertical:not(.ez-scroller__wrapper--buttons-mode).ez-scroller__wrapper--shadow-end::after{bottom:0;background:linear-gradient(to top, var(--ez-scroller--box-shadow-color) 20%, transparent 80%)}.ez-scroller__container--buttons-mode::-webkit-scrollbar{display:none}.ez-scroller__container--buttons-mode{scrollbar-width:none;flex:1;min-width:0;position:relative}.ez-scroller__nav-button{--ez-scroller__nav-button--size:var(--space--32, 32px);--ez-scroller__nav-button--border-radius:var(--border--radius-24, 24px);--ez-scroller__nav-button--gradient-width:40px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;flex-shrink:0;position:relative;z-index:2;width:var(--ez-scroller__nav-button--size);height:var(--ez-scroller__nav-button--size);border-radius:var(--ez-scroller__nav-button--border-radius)}.ez-scroller__nav-button--previous::after{content:"";position:absolute;z-index:-1;pointer-events:none}.ez-scroller__wrapper--horizontal .ez-scroller__nav-button--previous::after{left:100%;top:0;bottom:0;width:var(--ez-scroller__nav-button--gradient-width);background:linear-gradient(to left, transparent 0%, var(--ez-scroller--box-shadow-color, #fafcff) 100%)}.ez-scroller__wrapper--vertical .ez-scroller__nav-button--previous::after{top:100%;left:0;right:0;height:var(--ez-scroller__nav-button--gradient-width);background:linear-gradient(to top, transparent 0%, var(--ez-scroller--box-shadow-color, #fafcff) 100%)}.ez-scroller__nav-button--next::before{content:"";position:absolute;z-index:-1;pointer-events:none}.ez-scroller__wrapper--horizontal .ez-scroller__nav-button--next::before{right:100%;top:0;bottom:0;width:var(--ez-scroller__nav-button--gradient-width);background:linear-gradient(to right, transparent 0%, var(--ez-scroller--box-shadow-color, #fafcff) 100%)}.ez-scroller__wrapper--vertical .ez-scroller__nav-button--next::before{bottom:100%;left:0;right:0;height:var(--ez-scroller__nav-button--gradient-width);background:linear-gradient(to bottom, transparent 0%, var(--ez-scroller--box-shadow-color, #fafcff) 100%)}.ez-scroller__nav-button ez-icon{pointer-events:none}';const d=class{constructor(e){r(this,e),this.ezClick=t(this,"ezClick",7)}componentDidLoad(){this._element&&a.addIDInfo(this._element),this._button&&a.addIDInfo(this._button,"button",{id:"embedded"})}render(){return e("button",{type:"button",onClick:()=>{this.ezClick.emit()},ref:r=>this._button=r},e("span",null),e("ez-icon",{iconName:"chevron-right",size:"small"}))}get _element(){return l(this)}};d.style=":host{position:relative;--ez-sidebar-button--width:6px;--ez-sidebar-button--hover--width:12px;--ez-sidebar-button--height:96px;--ez-sidebar-navigator-button--z-index:var(--elevation--20, 20);--ez-sidebar-button--background-color--xlight:var(--background--xlight, #fff);--ez-sidebar-button--background-color--primary:var(--color--primary);--ez-sidebar-button--space--small:var(--space--small, 6px);--ez-sidebar-button--space--medium:var(--space--medium, 12px);--ez-sidebar-button--box-shadow:var(--shadow--small, 0px 0px 16px rgba(0, 38, 111, 0.07));--ez-sidebar-button--hover--box-shadow:var(--shadow--hard, 0px 0px 16px rgba(43, 58, 84, 0.24));--ez-sidebar-button--border--radius-small:var(--border--radius-small);--ez-sidebar-button--border--radius-medium:var(--border--radius-medium)}button{z-index:var(--ez-sidebar-navigator-button--z-index);position:absolute;display:flex;background:var(--ez-sidebar-button--background-color--xlight);border:0;border-radius:0 var(--ez-sidebar-button--border--radius-medium) var(--ez-sidebar-button--border--radius-medium) 0;box-shadow:var(--ez-sidebar-button--box-shadow);padding:0;cursor:pointer;align-items:center}span{width:var(--ez-sidebar-button--width);height:var(--ez-sidebar-button--height);margin:var(--ez-sidebar-button--space--medium) 0 var(--ez-sidebar-button--space--medium) 0;background:var(--ez-sidebar-button--background-color--primary);border-radius:0 var(--ez-sidebar-button--border--radius-small) var(--ez-sidebar-button--border--radius-small) 0}ez-icon{--ez-icon--color:var(--ez-sidebar-button--background-color--primary)}button:hover{box-shadow:var(--ez-sidebar-button--hover--box-shadow)}button:hover span{width:var(--ez-sidebar-button--hover--width);margin:var(--ez-sidebar-button--space--medium) 0 var(--ez-sidebar-button--space--medium) 0}";export{h as ez_scroller,d as ez_sidebar_button}

package/dist/ezui/p-d6f50207.entry.js

@@ -1 +0,0 @@
-import{r as e,c as n,h as t,H as i,g as a}from"./p-23a36bb6.js";import{StringUtils as o,ElementIDUtils as d}from"@sankhyalabs/core";const r=class{constructor(t){e(this,t),this.ezClick=n(this,"ezClick",7),this.item=void 0,this.enableKey=!0,this.compacted=!1}componentWillRender(){this.createDetailList()}componentDidLoad(){var e,n;const t={id:o.toCamelCase((null===(e=this.item)||void 0===e?void 0:e.key)||(null===(n=this.item)||void 0===n?void 0:n.title)||"")};d.addIDInfo(this._element,null,t)}createDetailList(){var e,n,t;this._details={detailsLeft:[],detailsRight:[]};let i=0;if(null===(e=this.item)||void 0===e?void 0:e.details)for(const e in this.item.details)i<3?this._details.detailsLeft.push({label:e,value:null===(n=this.item.details[e])||void 0===n?void 0:n.toString()}):this._details.detailsRight.push({label:e,value:null===(t=this.item.details[e])||void 0===t?void 0:t.toString()}),i++}buildDetailContentTitle(e){var n,t;if(null!=(null==e?void 0:e.label)||null!=(null==e?void 0:e.value))return`${null===(n=o.replaceAccentuatedCharsHtmlEntities(null==e?void 0:e.label))||void 0===n?void 0:n.replace(/<[^>]*>/g,"")}: ${null===(t=o.replaceAccentuatedCharsHtmlEntities(null==e?void 0:e.value))||void 0===t?void 0:t.replace(/<[^>]*>/g,"")}`}buildDetailContent(e){return t("div",{class:"card-item__detail "+(this.compacted?"":"card-item__detail-default"),title:this.buildDetailContentTitle(e)},t("label",{class:"card-item__detail-label "+(this.compacted?"card-item__detail-label-compacted":"")},`${e.label}: `)," ",t("label",{class:"card-item__detail-value "+(this.compacted?"card-item__detail-value-compacted":""),innerHTML:e.value}))}render(){return t(i,null,this.item&&t("div",{class:`card-item ${this.compacted?"card-item__compacted":"card-item__expanded"} `,onClick:()=>{this.ezClick.emit(this.item)}},t("div",{class:"ez-row card-item__content"},t("div",{class:"ez-col ez-col--sd-11 card-item__details"},t("label",{class:"card-item__title "+(this.compacted?"card-item__title-compacted":"")},this.enableKey&&t("span",{class:"card-item__key",innerHTML:this.item.key}),t("span",{innerHTML:this.item.title})),t("div",{class:this.compacted?"card-item__details-container_compacted":"card-item__details-container_default"},t("div",{class:"card-item__details-container__left "+(this.compacted?"card-item__details-container__left-compacted":"")},this._details.detailsLeft.map((e=>this.buildDetailContent(e)))),t("div",{class:"card-item__details-container__right "+(this.compacted?"card-item__details-container__right-compacted":"")},this._details.detailsRight.map((e=>this.buildDetailContent(e)))))),t("div",{class:"ez-col ez-col--sd-1 card-item__details-slot"},t("slot",{name:"rightSlot"})))))}get _element(){return a(this)}};r.style=":host {  \n  /*@doc Define o tamanho da fonte do componente.*/\n  --ez-card-item--font-size: var(--text--medium, 14px);\n\n  /*@doc Define o tamanho da fonte do componente no modo compacto.*/\n  --ez-card-item--font-size-compacted: var(--text--extra-small, 10px);\n\n  /*@doc Define a família da fonte do componente.*/\n  --ez-card-item--font-family: var(--font-pattern, Arial);\n\n  /*@doc Define o peso da fonte do componente.*/\n  --ez-card-item--font-weight: var(--font-weight--semi-bold, 600);\n\n  /*@doc Define o peso da fonte do title do componente.*/\n  --ez-card-item--font-weight-large: var(--font-weight--semi-bold, 600);\n\n  /*@doc Define a cor da fonte do componente.*/\n  --ez-card-item--color: var(--text--primary, #626e82);\n\n  /*@doc Define a cor da fonte da key do componente.*/\n  --ez-card-item__key--color: var(--text--primary, #626e82);\n\n  /*@doc Define a cor da fonte do label do detalhe do componente.*/\n  --ez-card-item__detail-label--color: var(--text--secondary, #A2ABB9);\n\n  /*@doc Define a cor da fonte do valor do detalhe do componente.*/\n  --ez-card-item__detail-value--color: var(--color--petroleum-500, #404E65);\n\n  /*@doc Define o espaçamento inferior dos detalhes do componente.*/\n  --ez-card-item__detail--padding-bottom: var(--space--extra-small, 3px);\n\n  /*@doc Define o espaçamento inferior do title do componente.*/\n  --ez-card-item__title--padding-bottom: var(--space--extra-small, 3px);\n\n  /*@doc Define a cor do highlight / marcação nos textos do componente.*/\n  --ez-card-item__highlight--color: var(--color--primary-300, #E2F4EF);\n\n   /*@doc Define o peso da fonte do componente.*/\n   --ez-card-item--detail-label--font-weight: var(--text-weight--large, 400);\n\n  width: 100%;\n  display: flex;\n  cursor: pointer;\n}\n\n.card-item {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  cursor: pointer;\n  z-index: 0;\n  position: relative;\n  container-type: inline-size;\n  container-name: box;\n  white-space: pre-line;\n}\n\n.card-item__detail{\n  display: inline-block;\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  opacity: 0.95;\n}\n\n\n\n.card-item__expanded {\n  padding: var(--space--medium);\n}\n\n.card-item:hover {\n  background: #F0F3F7;\n  border-radius: 12px;\n}\n\n.card-item__title {\n  display: flex;\n  align-items: center;\n  line-height: 18px;\n  cursor: pointer;\n\n  /*public*/\n  font-size: var(--ez-card-item--font-size);\n  font-family: var(--ez-card-item--font-family);\n  font-weight: var(--ez-card-item--font-weight-large);\n  color: var(--ez-card-item--color);\n  padding-bottom: var(--ez-card-item__title--padding-bottom);\n  gap: var(--space--small, 6px);\n}\n\n.card-item__key {\n  /*public*/\n  color: var(--ez-card-item__key--color);\n}\n\n.card-item__details {\n  display: flex;\n  flex-direction: column;\n  cursor: pointer;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.card-item__details-container__left {\n  display: flex;\n  flex-direction: column;\n  white-space: pre-line;\n  cursor: pointer;\n  width: 50%;\n}\n\n.card-item__details-container__right {\n  display: flex;\n  flex-direction: column;\n  white-space: pre-line;\n  width: 50%;\n  cursor: pointer;\n}\n\n.card-item__detail{\n  cursor: pointer;\n}\n\n.card-item__detail-default:not(:last-child) {\n  padding-bottom: var(--ez-card-item__detail--padding-bottom);\n}\n\n.card-item__detail-label {\n  cursor: pointer;\n\n  /*public*/\n  font-size: var(--ez-card-item--font-size);\n  font-family: var(--ez-card-item--font-family);\n  font-weight: var(--ez-card-item--detail-label--font-weight);\n}\n\n.card-item__detail-value {\n  cursor: pointer;\n  line-break: anywhere;\n\n  /*public*/\n  font-size: var(--ez-card-item--font-size);\n  font-family: var(--ez-card-item--font-family);\n  font-weight: var(--ez-card-item--font-weight);\n  color: var(--ez-card-item__detail-value--color);\n}\n\n.card-item__highlight {\n  position: relative;\n  border-radius: 8px;\n  z-index: -1;\n\n  /*public*/\n  background-color: var(--ez-card-item__highlight--color);\n  outline: 2px solid var(--ez-card-item__highlight--color);\n  box-shadow: -4px 0px 0px 0px var(--ez-card-item__highlight--color), \n               4px 0px 0px 0px var(--ez-card-item__highlight--color);\n}\n\n.card-item__content{\n  display: flex;\n  align-items: center;\n}\n\n.card-item__details-container_default{\n  display: flex;\n}\n\n.card-item__details-slot{\n  margin-left: auto;\n}\n\n/* Modo compacto */\n.card-item__compacted {\n  padding: var(--space--2xs) var(--space--small);\n}\n\n.card-item__detail-label-compacted {\n  font-size: var(--ez-card-item--font-size-compacted);\n}\n\n.card-item__detail-value-compacted {\n  font-size: var(--ez-card-item--font-size-compacted);\n}\n\n.card-item__title-compacted {\n  font-size: var(--ez-card-item--font-size-compacted);\n}\n\n.card-item__details-container__left-compacted{\n  width: 100%;\n}\n\n.card-item__details-container__right-compacted {\n  width: 100%;\n}\n\n\n@container box (max-width: 550px) {\n  .card-item__details {\n    flex-direction: column;\n  }\n\n  .card-item__details-container__left {\n    width: 100%;\n  }\n  \n  .card-item__details-container__right {\n    width: 100%;\n  }\n}\n\n@container box (max-width: 200px) {\n  .card-item__title {\n    font-size: 10px;\n  }\n\n  .card-item__detail-label {\n    font-size: 10px;\n  }\n\n  .card-item__detail-value {\n    font-size: 10px;\n  }\n\n}";export{r as ez_card_item}

package/dist/ezui/p-df1cb82b.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as o,H as n,g as s}from"./p-23a36bb6.js";import{FloatingManager as e,ElementIDUtils as a}from"@sankhyalabs/core";import"./p-d878fb19.js";import{C as c}from"./p-ec7db713.js";import"./p-ab574d59.js";import"./p-b853763b.js";import"./p-638a30d0.js";import"./p-5895e687.js";import"./p-47e4a8ce.js";const r=class{constructor(o){t(this,o),this.ezAction=i(this,"ezAction",7),this.ezPopoverOpen=i(this,"ezPopoverOpen",7),this.ezDisconnectedActionButtons=i(this,"ezDisconnectedActionButtons",7),this._arrowOffset=5,this.innerClickCheck=(t,i)=>{var o;if(i&&t){if(i===t)return!0;const n=t.children;for(let t=0;t<n.length;t++)if(null===(o=n[t].shadowRoot)||void 0===o?void 0:o.contains(i))return!0;do{if(t.contains(i))return!0;i=i.offsetParent}while(null!=i&&i!=document.getRootNode())}return!1},this._selectedAction=void 0,this.enabled=!0,this.actions=void 0,this.size="medium",this.showLabel=!1,this.displayIcon=void 0,this.checkOption=!1,this.value=void 0,this.isTransparent=!1,this.arrowActive=!1}async hideActions(){null!=this._floatingID&&e.close(this._floatingID),this._floatingID=void 0}async showActions(){if(!this.enabled)return;const t=this.getFloatOptions();this._floatingID=e.float(this._actionsList,this._listContainer,t);const i=this.getSideLimit();null!=i&&(t.left=i,e.updateFloatPosition(this._actionsList,this._listContainer,t)),window.requestAnimationFrame((()=>{this._actionsList.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})})),this.ezPopoverOpen.emit(this._actionsList)}async isOpened(){return null!=this._floatingID}getFloatOptions(){return{autoClose:!0,innerClickTest:this.innerClickCheck,isFixed:!0,top:this.getPositionTop(),left:this.getPositionLeft(),backClickListener:()=>this._floatingID=void 0}}getSideLimit(){var t;const i=document.body.clientWidth,o=null===(t=this._actionsList)||void 0===t?void 0:t.getBoundingClientRect(),n=i-this._button.getBoundingClientRect().right;if((null==o?void 0:o.right)>=i||(null==o?void 0:o.right)===i-n)return i-o.width-n+"px"}updatePosition(){if(!this.enabled||null==this._floatingID)return;const t=this.getFloatOptions(),i=this.getSideLimit();null!=i&&(t.left=i),e.updateFloatPosition(this._actionsList,this._listContainer,t)}getPositionTop(){var t;const i=null===(t=this._element)||void 0===t?void 0:t.getBoundingClientRect();return null==i?null:i.y+i.height+"px"}getBoundingLeft(){var t;const i=null===(t=this._element)||void 0===t?void 0:t.getBoundingClientRect();return null==i?null:i.x-(this.arrowActive?this._arrowOffset:0)+"px"}getPositionLeft(){return this.getBoundingLeft()||(this.arrowActive?`-${this._arrowOffset}px`:null)}hasLabelOrCheckOption(){var t;return(this.showLabel||this.checkOption)&&(null===(t=this.actions)||void 0===t?void 0:t.length)>0}hasIconName(){var t;return null===(t=this.actions)||void 0===t?void 0:t.some((t=>null!=t.iconName))}controlScrollPage(){window.removeEventListener("scroll",this.updatePosition.bind(this)),window.addEventListener("scroll",this.updatePosition.bind(this))}handlerButtonClick(){this.showActions()}actionClick(t){this._selectedAction=t,this.hideActions(),this.ezAction.emit(t)}componentWillLoad(){if(null==this.actions){this.actions=[];const t=this._element.querySelectorAll("action");t&&t.forEach((t=>{let i=t.innerText,o=t.getAttribute("value"),n=!("false"===t.getAttribute("enabled"));o||(o=i),this.actions.push({label:i,value:o,enabled:n}),t.hidden=!0}))}}disconnectedCallback(){this.ezDisconnectedActionButtons.emit()}componentDidLoad(){c.applyVarsButton(this._element,this._button),a.addIDInfo(this._element),this.controlScrollPage()}componentDidRender(){var t;null==this._floatingID&&(null===(t=this._actionsList)||void 0===t||t.remove()),this.hasLabelOrCheckOption()&&(this.value?this._selectedAction=this.actions.find((t=>t.value===this.value)):this._selectedAction||(this._selectedAction=this.actions[0]))}buildActionElement(t){var i;if(t){if(null!=t.itemBuilder){const i=t.itemBuilder(this._element,t);return"string"==typeof i?o("div",{class:"ez-actions-button__btn-action",innerHTML:i}):i}return o("ez-button",{size:"small",label:t.label,onClick:()=>this.actionClick(t),enabled:t.enabled,class:"ez-actions-button__btn-action"+(this.checkOption||this.hasIconName()?" ez-actions-button__btn-action--spaced":"")},this.checkOption&&(null===(i=this._selectedAction)||void 0===i?void 0:i.value)===t.value&&o("ez-icon",{class:"ez-actions-button__icon-check",slot:"leftIcon",size:"small",iconName:"check"}),!this.checkOption&&t.iconName&&o("ez-icon",{class:"ez-actions-button__icon-item",slot:"leftIcon",size:"small",iconName:t.iconName}))}}render(){var t;return o(n,null,o("ez-button",{ref:t=>this._button=t,class:(this.isTransparent?"ez-actions-button__btn-transparent":"")+(this.showLabel?" ez-actions-button__btn-label":""),label:this.showLabel&&(null===(t=this._selectedAction)||void 0===t?void 0:t.label),enabled:this.enabled,mode:this.showLabel?void 0:"icon",iconName:this.showLabel?"":this.displayIcon||"dots-vertical",size:this.size,onClick:()=>this.handlerButtonClick()},this.showLabel&&o("ez-icon",{class:"ez-actions-button__icon-right",slot:"rightIcon",iconName:this.displayIcon||"dots-vertical"})),o("section",{class:"ez-actions-button__list-container",ref:t=>this._listContainer=t},this.arrowActive&&o("div",{class:"ez-actions-button__arrow ez-actions-button__arrow--"+(this.size||"small")+(this.isTransparent?" ez-actions-button__arrow--upped":"")}),o("div",{ref:t=>this._actionsList=t,class:"ez-actions-button__actions-list ez-actions-button__actions-list--max-height"+(this.arrowActive&&!this.isTransparent?" ez-actions-button__actions-list--lowered":"")},this.actions.map((t=>this.buildActionElement(t))))))}get _element(){return s(this)}};r.style=":host{--ez-actions-button__actions-list--border-radius:var(--border--radius-medium, 12px);--ez-actions-button__actions-list--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-actions-button__actions-list--background-color:var(--background--xlight, #fff);--ez-actions-button__actions-list--padding:var(--space--small, 6px);--ez-actions-button__actions-list--top-margin:var(--space-small, 6px);--ez-actions-button__actions-list--z-index:var(--ez-elevation--8, 8);--ez-actions-button__actions-max-height:415px;--ez-actions-button__btn-action--min-width:'auto';--ez-actions-button__btn-action--background-color:var(--background--xlight, #fff);display:flex;flex-direction:column;height:fit-content;user-select:none}.ez-actions-button__actions-list{display:flex;flex-direction:column;position:fixed;width:fit-content;height:fit-content;overflow-y:auto;scrollbar-width:thin;z-index:var(--ez-actions-button__actions-list--z-index);padding:var(--ez-actions-button__actions-list--padding);margin-top:var(--ez-actions-button__actions-list--top-margin);background-color:var(--ez-actions-button__actions-list--background-color);border-radius:var(--ez-actions-button__actions-list--border-radius);box-shadow:var(--ez-actions-button__actions-list--box-shadow)}.ez-actions-button__actions-list--max-height{max-height:var(--ez-actions-button__actions-max-height)}.ez-actions-button__actions-list--lowered{margin-top:calc(var(--ez-actions-button__actions-list--top-margin) + 6px)}.ez-actions-button__btn-action{--ez-button--justify-content:flex-start;--ez-button--width:100%;--ez-button--min-width:var(--ez-actions-button__btn-action--min-width);--ez-button--background-color:var(--ez-actions-button__btn-action--background-color);--ez-button--font-weight:var(--text-weight--medium, 400);--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px);--ez-button--border:none}.ez-actions-button__btn-action--spaced{--ez-button--padding-left:calc(var(--space--medium, 12px) + 24px)}.ez-actions-button__icon-right{margin-left:var(--space--small, 6px)}.ez-actions-button__icon-check,.ez-actions-button__icon-item{position:absolute;left:var(--space--medium, 12px)}.ez-actions-button__icon-check{color:var(--ez-button--hover-color)}.ez-actions-button__arrow{position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;width:0;height:0;z-index:calc(var(--ez-actions-button__actions-list--z-index) + 1);border-bottom:15px solid var(--ez-actions-button__btn-action--background-color)}.ez-actions-button__arrow--upped{margin-top:calc((var(--ez-actions-button__actions-list--top-margin) + 2px) * -1)}.ez-actions-button__arrow--small{margin-left:6px}.ez-actions-button__arrow--medium{margin-left:11px}.ez-actions-button__arrow--large{margin-left:13px}.ez-actions-button__arrow:only-child{display:none}.ez-actions-button__btn-transparent{--ez-button--background-color:transparent;--ez-button--hover--background-color:transparent;--ez-button--active--background-color:transparent;--ez-button--focus--border:none;--ez-button--border:none}.ez-actions-button__btn-label{--ez-button--padding-left:var(--space--medium, 12px);--ez-button--padding-right:var(--space--medium, 12px)}.ez-actions-button__list-container{position:relative}.ez-actions-button--bottom-padding{padding-bottom:var(--space--small, 6px)}";export{r as ez_actions_button}

package/dist/ezui/p-df539dd1.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as a,H as n,g as e}from"./p-23a36bb6.js";import{i as o}from"./p-638a30d0.js";import{Action as s,ElementIDUtils as r}from"@sankhyalabs/core";const l="ez-grid-pagination:ask-cancel",c=class{constructor(a){i(this,a),this.pageChange=t(this,"pageChange",7),this._dataUnitInitialized=!1,this._pendingResolve=null,this._collapseTimeout=null,this._suppressedUntilNextAsk=!1,this._hoverEnabled=!1,this.handleLoadAllChange=i=>{this.loadAll=i.target.checked},this.handleAskCancelPagination=i=>{const t=i.detail;if(!t||!this.dataUnit)return;if(t.dataUnitName!==this.dataUnit.name)return;this.resolvePending("CONTINUE"),this._pendingResolve=t.resolve,this._suppressedUntilNextAsk=!1,this._hoverEnabled=!0,this.loadAll=!1;const a=this._cancelPaginationPopoverElement;a&&!a.opened&&"function"==typeof a.showAbove&&a.showAbove({bottom:"4px",right:"4px"})},this.paginationInfo=void 0,this.leftButtonDisabled=void 0,this.rightButtonDisabled=void 0,this.expanded=!1,this.loadAll=!1,this.paginationCounterMode="auto",this.dataUnit=void 0,this.paginationTextPosition="left",this.buttonsSize="large"}async previousPage(){this.dataUnit&&(await this.dataUnit.previousPage(),this.handlePageChange("previous"))}async nextPage(){this.dataUnit&&(await this.dataUnit.nextPage(),this.handlePageChange("next"))}async firstPage(){this.dataUnit&&(await this.dataUnit.gotoPage(0),this.handlePageChange("previous"))}async lastPage(){this.dataUnit&&(await this.dataUnit.gotoPage(this.getTotalPages()-1),this.handlePageChange("next"))}onDataUnitChange(){this.initializeDataUnit()}shouldPresentPaginationLabel(){return"hidden"!==this.paginationCounterMode}getRemainingPageLabel(){var i;return this.paginationInfo?`${null==this.paginationInfo.total?this.i18n("ez-grid-pagination.remainingPageLabel",{count:(null!==(i=this.paginationInfo.count)&&void 0!==i?i:0)+1}):this.i18n("ez-grid-pagination.remainingTotalLabel",{total:this.paginationInfo.total,count:this.paginationInfo.count})}`:""}getActualPageLabel(){var i,t;return this.paginationInfo?`${null!==(i=this.paginationInfo.firstRecord)&&void 0!==i?i:0} - ${null!==(t=this.paginationInfo.lastRecord)&&void 0!==t?t:0}`:"0-0"}getPaginationCount(){var i;if(!this.paginationInfo||!this.dataUnit)return"0-0";const t=(null!==(i=this.paginationInfo.currentPage)&&void 0!==i?i:0)+1;let a=this.getTotalPages();return this.i18n("ez-grid-pagination.pageCounter",{currentPage:t,totalPages:a})}getTotalPages(){var i;return void 0!==this.paginationInfo.total?Math.ceil(this.paginationInfo.total/this.dataUnit.pageSize):Math.ceil((null!==(i=this.paginationInfo.count)&&void 0!==i?i:0)/this.dataUnit.pageSize)}handlePageChange(i){this.setPaginationInfo(),this.setStatusButtonPagination(),this.pageChange.emit(i)}resolvePending(i){if(!this._pendingResolve)return;const t=this._pendingResolve;this._pendingResolve=null,t(i)}async handleCancelAction(){if(!this.dataUnit)return;this.dataUnit.cancelPagination=!0,this.resolvePending("CANCEL"),this._suppressedUntilNextAsk=!0,this.collapse();const i=this._cancelPaginationPopoverElement;i&&"function"==typeof i.hide&&await i.hide()}async handleContinueAction(){this.resolvePending(this.loadAll?"LOAD_ALL":"CONTINUE"),this._suppressedUntilNextAsk=!0,this.loadAll=!1,this.collapse();const i=this._cancelPaginationPopoverElement;i&&"function"==typeof i.hide&&await i.hide()}handleShowCancelPagination(){const i=this._cancelPaginationPopoverElement;if(!this.hasToShowCancelPagination()){if(this._pendingResolve)return;return i&&"function"==typeof i.hide&&i.hide(),this._hoverEnabled=!1,void this.collapse()}this._suppressedUntilNextAsk||(null==i?void 0:i.opened)||i&&"function"==typeof i.showAbove&&i.showAbove({bottom:"4px",right:"4px"})}hasToShowCancelPagination(){return!(!this.dataUnit||!this.paginationInfo)&&(!this.dataUnit.cancelPagination&&void 0===this.paginationInfo.total&&this.paginationInfo.count>this.dataUnit.pageSize)}expand(){this._hoverEnabled&&(this._collapseTimeout&&(clearTimeout(this._collapseTimeout),this._collapseTimeout=null),this.expanded=!0)}collapse(){this._collapseTimeout&&(clearTimeout(this._collapseTimeout),this._collapseTimeout=null),this.expanded=!1}scheduleCollapse(){this._collapseTimeout&&clearTimeout(this._collapseTimeout),this._collapseTimeout=setTimeout((()=>{this._collapseTimeout=null,this.expanded=!1}),120)}setPaginationInfo(){this.paginationInfo=this.dataUnit&&this.dataUnit.getPaginationInfo()||null}dataUnitObserver(i){switch(i.type){case s.PAGINATION_UPDATED:this.setPaginationInfo(),this.setStatusButtonPagination(),this.handleShowCancelPagination();break;case s.DATA_LOADED:this.setPaginationInfo()}}getLeftButtonDisabledStatus(){var i,t;return!this.dataUnit||(null!==(t=null===(i=this.paginationInfo)||void 0===i?void 0:i.currentPage)&&void 0!==t?t:0)<=0}getRightButtonDisabledStatus(){var i;return!this.dataUnit||!(null===(i=this.paginationInfo)||void 0===i?void 0:i.hasMore)}setStatusButtonPagination(){this.leftButtonDisabled=this.getLeftButtonDisabledStatus(),this.rightButtonDisabled=this.getRightButtonDisabledStatus()}initializeDataUnit(){this.dataUnit&&!this._dataUnitInitialized&&(this.setPaginationInfo(),this.setStatusButtonPagination(),this._dataUnitObserverBound=this.dataUnitObserver.bind(this),this.dataUnit.subscribe(this._dataUnitObserverBound),this._dataUnitInitialized=!0)}addInfoId(){this._element&&r.addIDInfo(this._element)}renderCollapsedTrigger(){return a("div",{class:"cancel-pagination__trigger"},a("ez-icon",{iconName:"sync",size:"x-large",class:"spin"}),a("span",{class:"cancel-pagination__label"},this.i18n("ez-grid-pagination.paginationLabel")))}renderExpandedContent(){return a("div",{class:"cancel-pagination__expanded",role:"group","aria-label":this.i18n("ez-grid-pagination.paginationLabel")},a("div",{class:"cancel-pagination__trigger cancel-pagination__trigger--expanded"},a("ez-icon",{iconName:"ellipsis-circle",size:"large",class:"spin"}),a("span",{class:"cancel-pagination__label"},this.i18n("ez-grid-pagination.paginationLabel"))),a("hr",{class:"cancel-pagination__divider","aria-hidden":"true"}),a("p",{class:"cancel-pagination__message"},this.i18n("ez-grid-pagination.largeLoad.line1")),a("p",{class:"cancel-pagination__message"},this.i18n("ez-grid-pagination.largeLoad.line2")),a("p",{class:"cancel-pagination__question"},this.i18n("ez-grid-pagination.largeLoad.line3")),a("label",{class:"cancel-pagination__checkbox"},a("input",{type:"checkbox",checked:this.loadAll,onChange:this.handleLoadAllChange}),a("span",null,this.i18n("ez-grid-pagination.largeLoad.loadAll"))),a("div",{class:"cancel-pagination__actions"},a("ez-button",{class:"cancel-pagination__continue-btn",label:this.i18n("ez-grid-pagination.largeLoad.continue"),size:"small",onClick:()=>this.handleContinueAction()}),a("ez-button",{class:"cancel-pagination__cancel-btn ez-button--primary",label:this.i18n("ez-grid-pagination.largeLoad.cancel"),size:"small",onClick:()=>this.handleCancelAction()})))}renderCancelPagination(){return a("ez-popover",{class:"cancel-pagination__popover",ref:i=>this._cancelPaginationPopoverElement=i,"overlay-type":"none",autoClose:!1},a("div",{class:{"cancel-pagination":!0,"cancel-pagination--expanded":this.expanded},onMouseEnter:()=>this.expand(),onMouseLeave:()=>this.scheduleCollapse()},this.expanded?this.renderExpandedContent():this.renderCollapsedTrigger()))}async connectedCallback(){this._askCancelListenerBound=this.handleAskCancelPagination.bind(this),document.addEventListener(l,this._askCancelListenerBound),this.i18n=await o(),this.initializeDataUnit()}componentDidLoad(){this.addInfoId()}disconnectedCallback(){this._askCancelListenerBound&&(document.removeEventListener(l,this._askCancelListenerBound),this._askCancelListenerBound=void 0),this._collapseTimeout&&(clearTimeout(this._collapseTimeout),this._collapseTimeout=null),this.resolvePending("CONTINUE"),this.dataUnit&&this._dataUnitInitialized&&this._dataUnitObserverBound&&this.dataUnit.unsubscribe(this._dataUnitObserverBound)}render(){return a(n,null,a("div",{id:"grid-pagination--container",class:{pagination__container:!0,"pagination-expanded":"hidden"!==this.paginationCounterMode,"pagination-contracted":"hidden"===this.paginationCounterMode,"pagination-text-right":"right"===this.paginationTextPosition}},a("div",{id:"grid-pagination--page-navigator",class:"pagination__page-navigator"},a("div",{id:"grid-pagination--row-summary-panel",class:"pagination__row-summary-panel"},a("span",{class:"pagination__label","aria-live":"polite","aria-atomic":"true",title:`${this.getActualPageLabel()} ${this.getRemainingPageLabel()}`},this.shouldPresentPaginationLabel()&&this.getActualPageLabel(),this.shouldPresentPaginationLabel()&&this.getRemainingPageLabel())),this.renderCancelPagination(),a("div",{id:"grid-pagination--page-summary-panel",class:{"pagination__page-summary-panel":!0,pagination__container:!0,"pagination-expanded":"hidden"!==this.paginationCounterMode,"pagination-contracted":"hidden"===this.paginationCounterMode,"pagination-text-right":"right"===this.paginationTextPosition}},a("div",{id:"grid-pagination--first-tooltip",class:{"pagination__buttons-container":!0,disabled:this.leftButtonDisabled}},a("ez-tooltip",{message:this.i18n("ez-grid-pagination.firstPage")},a("ez-icon",{size:this.buttonsSize,iconName:"dual-chevron-left",onClick:()=>!this.leftButtonDisabled&&this.firstPage()}))),a("div",{id:"grid-pagination--previous-tooltip",class:{"pagination__buttons-container":!0,disabled:this.leftButtonDisabled}},a("ez-tooltip",{message:this.i18n("ez-grid-pagination.previousPage")},a("ez-icon",{size:this.buttonsSize,iconName:"chevron-left",onClick:()=>!this.leftButtonDisabled&&this.previousPage()}))),a("div",{class:"pagination__container-label"},a("span",{class:"pagination__label","aria-live":"polite","aria-atomic":"true",title:`${this.getActualPageLabel()} ${this.getRemainingPageLabel()}`},this.shouldPresentPaginationLabel()&&this.getPaginationCount())),a("div",{id:"grid-pagination--next-tooltip",class:{"pagination__buttons-container":!0,disabled:this.rightButtonDisabled}},a("ez-tooltip",{message:this.i18n("ez-grid-pagination.nextPage")},a("ez-icon",{size:this.buttonsSize,iconName:"chevron-right",onClick:()=>!this.rightButtonDisabled&&this.nextPage()}))),a("div",{id:"grid-pagination--last-tooltip",class:{"pagination__buttons-container":!0,disabled:this.rightButtonDisabled}},a("ez-tooltip",{message:this.i18n("ez-grid-pagination.lastPage")},a("ez-icon",{size:this.buttonsSize,iconName:"dual-chevron-right",onClick:()=>!this.rightButtonDisabled&&this.lastPage()})))))))}get _element(){return e(this)}static get watchers(){return{dataUnit:["onDataUnitChange"]}}};c.style=":host{display:block}.pagination__container{display:flex;align-items:center;flex-grow:1;flex-shrink:1;flex-wrap:nowrap;justify-content:flex-end;position:relative}ez-popover.cancel-pagination__popover{position:absolute;right:0;bottom:100%;width:0;height:0}.pagination__buttons-container{display:flex;border-radius:50%;background-color:var(--color--ocean-green-90, #E1E2E5);cursor:pointer}.pagination__buttons-container ez-icon{--ez-icon--color:var(--color--ocean-green-600, #008561)}.pagination__buttons-container.disabled{background-color:#DEDEDE;cursor:not-allowed;pointer-events:auto}.pagination__buttons-container.disabled ez-icon{--ez-icon--color:var(--color--petroleum-300, #848D9C);pointer-events:none}.pagination__page-navigator{display:flex;align-items:center}.pagination__row-summary-panel{font-size:var(--font-size--default, 14px);font-family:var(--font--pattern, 'Roboto');color:var(--color--petroleum-300, #848D9C);font-weight:var(--font-weight--regular, 400);padding:var(--space--8, 8px) var(--space--16, 16px)}.pagination__page-summary-panel{display:flex;align-items:center;padding:var(--space--8, 8px) var(--space--16, 16px);gap:var(--space--4, 4px)}.pagination__container-label{margin:0 var(--space--8, 8px)}.pagination-contracted{width:100px}.pagination-expanded{min-width:150px}.pagination__label{font-family:var(--font--pattern, 'Roboto');color:var(--color--petroleum-300, #848D9C);font-weight:var(--font-weight--regular, 400);width:100%;white-space:nowrap}.cancel-pagination{display:flex;flex-direction:column;padding:var(--space--12, 12px);gap:var(--space--16, 16px);min-width:304px;max-width:180px;transition:min-width 220ms cubic-bezier(0.4, 0, 0.2, 1),\n              max-width 220ms cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}.cancel-pagination--expanded{min-width:304px}.cancel-pagination__expanded{animation:cancel-pagination-fade-in 220ms cubic-bezier(0.4, 0, 0.2, 1) 60ms both}@keyframes cancel-pagination-fade-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.cancel-pagination__trigger{display:flex;flex-direction:row;align-items:center;gap:var(--space--16, 16px);padding:var(--space--4, 4px);border-radius:var(--border-radius--small, 4px);cursor:pointer;outline:none}.cancel-pagination__trigger:focus-visible{box-shadow:0 0 0 2px var(--color--ocean-green-600, #008561)}.cancel-pagination__trigger--expanded{cursor:default;padding-bottom:var(--space--4, 4px)}.cancel-pagination__divider{border:0;border-top:1px solid var(--color--petroleum-100, #C8CCD3);width:100%}.cancel-pagination__label{color:var(--color--petroleum-700, #2E3742);font-size:var(--font-size--medium, 16px);font-weight:var(--font-weight--semi-bold, 600);font-family:var(--font--pattern, 'Roboto');white-space:nowrap}.cancel-pagination__expanded{display:flex;flex-direction:column;gap:var(--space--8, 8px)}.cancel-pagination__message{color:var(--color--petroleum-500, #4A5567);font-size:var(--font-size--default, 14px);font-family:var(--font--pattern, 'Roboto');font-weight:var(--font-weight--regular, 400);margin:0;line-height:1.4}.cancel-pagination__question{color:var(--color--petroleum-700, #2E3742);font-size:var(--font-size--default, 14px);font-family:var(--font--pattern, 'Roboto');font-weight:var(--font-weight--semi-bold, 600);margin-top:16px;margin-bottom:8px}.cancel-pagination__checkbox{display:flex;flex-direction:row;align-items:center;gap:var(--space--8, 8px);color:var(--color--petroleum-700, #2E3742);font-size:var(--font-size--default, 14px);font-family:var(--font--pattern, 'Roboto');cursor:pointer}.cancel-pagination__checkbox input[type=\"checkbox\"]{cursor:pointer;accent-color:var(--color--ocean-green-600, #008561)}.cancel-pagination__actions{display:flex;flex-direction:row;justify-content:flex-end;gap:var(--space--8, 8px);padding-top:var(--space--4, 4px)}.spin{animation-name:spin;animation-duration:5000ms;animation-iteration-count:infinite;animation-timing-function:linear;--ez-icon--color:var(--color--ocean-green-600, #008561)}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.pagination-text-right{flex-direction:row-reverse}";export{c as ez_grid_pagination}

package/dist/ezui/p-df6173c8.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as s,H as e,g as r}from"./p-23a36bb6.js";import{ElementIDUtils as o,MaskFormatter as a}from"@sankhyalabs/core";class n{constructor(t){this.mask=t,this.maskChars={"#":t=>/\d/.test(t),U:t=>/[a-zA-Z]/.test(t),L:t=>/[a-zA-Z]/.test(t),A:t=>/[a-zA-Z0-9]/.test(t),Z:t=>/[a-zA-Z0-9]/.test(t),"?":t=>/[a-zA-Z]/.test(t),"*":()=>!0}}format(t){if(!t||!this.mask)return t;const i=this.removeIncompatibleChars(t);let s="",e=0,r=0;for(;r<this.mask.length&&e<i.length;){const t=this.mask[r],o=i[e];if("'"!==t){if(this.maskChars[t]){if(!this.maskChars[t](o)){e++;continue}s+="U"===t||"Z"===t?o.toUpperCase():"L"===t?o.toLowerCase():o,e++}else s+=t,o===t&&e++;r++}else r++,r<this.mask.length&&(s+=this.mask[r],r++)}return s}removeIncompatibleChars(t){let i="";for(let s=0;s<t.length;s++){const e=t[s];let r=!1;for(const t in this.maskChars)if(this.maskChars[t](e)){r=!0;break}if(!r)for(let t=0;t<this.mask.length;t++)if(this.mask[t]===e&&!this.maskChars[this.mask[t]]){r=!0;break}r&&(i+=e)}return i}removeMask(t){if(!t||!this.mask)return t;let i="",s=0,e=0;for(;s<t.length&&e<this.mask.length;){const r=this.mask[e],o=t[s];"'"!==r?(this.maskChars[r]?(this.maskChars[r](o)&&(i+=o),s++):o===r&&s++,e++):(e++,e<this.mask.length&&(o===this.mask[e]&&s++,e++))}for(;s<t.length;){const e=t[s];/[a-zA-Z0-9]/.test(e)&&(i+=e),s++}return i}getMask(){return this.mask}generatePlaceholder(){if(!this.mask)return"";let t="",i=0;for(;i<this.mask.length;){const s=this.mask[i];if("'"!==s){if(this.maskChars[s])switch(s){case"#":case"~":t+="0";break;case"U":case"L":case"?":case"A":t+="A";break;default:t+="_"}else t+=s;i++}else i++,i<this.mask.length&&(t+=this.mask[i],i++)}return t}}const c=class{constructor(s){t(this,s),this.ezChange=i(this,"ezChange",7),this.ezBlur=i(this,"ezBlur",7),this.ezFocus=i(this,"ezFocus",7),this.iconClick=i(this,"iconClick",7),this._internalValueChange=!1,this.type="text",this.value=void 0,this.label=void 0,this.helpText=void 0,this.errorMessage=void 0,this.placeholder=void 0,this.enabled=!0,this.readonly=!1,this.required=!1,this.name=void 0,this.size="default",this.minlength=void 0,this.maxlength=void 0,this.leftIconName=void 0,this.rightIconName=void 0,this.rightIconTooltip=void 0,this.leftIconTooltip=void 0,this.state="default",this.leftIconClickable=!1,this.rightIconClickable=!1,this.mask=void 0,this.emitMaskedValue=!1}async setFocus(t){(null==t?void 0:t.selectText)&&this._inputElem.select(),(null==t?void 0:t.preventScroll)||this._inputElem.scrollIntoView({behavior:"smooth",block:"center"}),this._inputElem.focus({preventScroll:!0})}async setBlur(){this._inputElem.blur()}async syncValue(){if(this._internalValueChange)this._internalValueChange=!1;else if(this.value&&this._maskFormatter&&this._inputElem){const t=this._maskFormatter.format(this.value);this._inputElem.value=t}else this._inputElem&&(this._inputElem.value=this.value||"")}async observeErrorMessage(t){this.state=t&&""!==t.trim()?"error":"default"}onInput(t){try{const i=t.target,s=i.value;if(this._maskFormatter){const{formattedValue:t,cleanValue:e}=this.processInputWithMask(s);this.updateInputValue(i,t,e)}else this.updateInputValueWithoutMask(s)}catch(t){console.error("Error processing input event:",t)}}processInputWithMask(t){return"cgc_cpf"===this.mask?this.processCgcCpfMask(t):this.processRegularMask(t)}processCgcCpfMask(t){const i=t.replace(/\D/g,"");return 11===i.length||14===i.length?(this._maskFormatter=new n(11===i.length?a.DEFAULT_MASKS.cpf:a.DEFAULT_MASKS.cnpj),{formattedValue:this._maskFormatter.format(i),cleanValue:i}):{formattedValue:i,cleanValue:i}}processRegularMask(t){const i=this._maskFormatter.format(t);return{formattedValue:i,cleanValue:this._maskFormatter.removeMask(i)}}isDataChar(t){return/[a-zA-Z0-9]/.test(t)}countDataCharsBefore(t,i){let s=0;for(let e=0;e<i&&e<t.length;e++)this.isDataChar(t[e])&&s++;return s}skipLeadingSeparators(t,i){for(;i<t.length&&!this.isDataChar(t[i]);)i++;return i}findPositionAfterDataChars(t,i){let s=0;for(let e=0;e<=t.length;e++){if(s===i)return this.skipLeadingSeparators(t,e);e<t.length&&this.isDataChar(t[e])&&s++}return t.length}getCursorPositionAfterFormat(t,i,s){const e=this.countDataCharsBefore(t,s);return this.findPositionAfterDataChars(i,e)}restoreCursorSelection(t,i,s,e,r){const o=this.getCursorPositionAfterFormat(i,s,e),a=e===r?o:this.getCursorPositionAfterFormat(i,s,r);t.setSelectionRange(o,a)}updateInputValue(t,i,s){const e=t.value,r=t.selectionStart,o=t.selectionEnd;t.value=i,null!==r&&null!==o&&this.restoreCursorSelection(t,e,i,r,o),this._internalValueChange=!0,this.value=s,this.ezChange.emit(this.emitMaskedValue?i:s)}updateInputValueWithoutMask(t){this._internalValueChange=!0,this.value=t,this.ezChange.emit(t)}onBlur(){this.ezBlur.emit(this.value)}onFocus(){this.ezFocus.emit(this.value)}handleIconClick(t,i){this.enabled&&("left"===i&&!this.leftIconClickable||"right"===i&&!this.rightIconClickable?this.setFocus({preventScroll:!0}):(t.stopPropagation(),this.iconClick.emit({icon:i})))}addInfoId(){this._element&&o.addIDInfo(this._element),this._inputElem&&o.addIDInfo(this._inputElem,"classic-input",{id:"embedded"})}buildPlaceholder(){!this.placeholder&&this._maskFormatter&&(this.placeholder=this._maskFormatter.generatePlaceholder())}buildMaskFormatter(){if(this.mask&&(!this._maskFormatter||"cgc_cpf"===this.mask)){const t=this.getMaskToBuilder();this._maskFormatter=t?new n(t):void 0}}getMaskToBuilder(){return"cgc_cpf"===this.mask?this.getCGCCpfMask():"phone"===this.mask?this.getPhoneMask():this.mask in a.DEFAULT_MASKS?a.DEFAULT_MASKS[this.mask]:this.mask}getPhoneMask(){return this.value&&10===this.value.length?n.DEFAULT_MASKS?n.DEFAULT_MASKS.phone:void 0:this.value&&11===this.value.length&&n.DEFAULT_MASKS?n.DEFAULT_MASKS.phone_mobile:void 0}getCGCCpfMask(){var t,i;return 11===(null===(t=this.value)||void 0===t?void 0:t.length)?a.DEFAULT_MASKS.cpf:14===(null===(i=this.value)||void 0===i?void 0:i.length)?a.DEFAULT_MASKS.cnpj:void 0}componentDidRender(){this.buildMaskFormatter(),this.buildPlaceholder(),this.syncValue()}componentDidLoad(){this.syncValue(),this.addInfoId()}render(){return s(e,null,s("label",{title:this.label,htmlFor:this.name},this.label,this.required&&s("span",{class:"required-indicator"},"*")),s("div",{class:"input-container "+(this.size?`input-container--${this.size}`:""),"data-state":this.state,"data-disabled":(!this.enabled).toString(),onClick:()=>this.setFocus({preventScroll:!0})},this.leftIconName&&s("ez-icon",{iconName:this.leftIconName,title:this.leftIconTooltip,onClick:t=>this.handleIconClick(t,"left"),class:{"icon-clickable":this.leftIconClickable}}),s("input",{ref:t=>this._inputElem=t,id:this.name,type:this.type,title:this.value,placeholder:this.placeholder,disabled:!this.enabled,readonly:this.readonly,name:this.name,minlength:this.minlength,maxlength:this.maxlength,onInput:t=>this.onInput(t),onBlur:this.onBlur.bind(this),onFocus:this.onFocus.bind(this)}),this.rightIconName&&s("ez-icon",{iconName:this.rightIconName,title:this.rightIconTooltip,onClick:t=>this.handleIconClick(t,"right"),class:{"icon-clickable":this.rightIconClickable}})),(this.helpText||this.errorMessage)&&s("span",{id:"input_helpText",title:this.errorMessage||this.helpText},this.errorMessage||this.helpText))}get _element(){return r(this)}static get watchers(){return{value:["syncValue"],errorMessage:["observeErrorMessage"]}}};c.style=':host{display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;font-family:var(--font--pattern, Arial, sans-serif);font-size:var(--font-size--default, 14px);color:var(--color--ocean-green-1000, #00281D);border:none;padding:0;padding-inline:var(--space--2, 2px);width:100%;--ez-classic-input--label-color:var(--color--ocean-green-1000, #00281D);--ez-classic-input--border-color-default:var(--color--gray-200, #D2D2D3);--ez-classic-input--border-color-focus:var(--color--gray-300, #A4A5A7);--ez-classic-input--border-color-success:var(--color--green-600, #157A00);--ez-classic-input--border-color-error:var(--color--red-600, #BD0025);--ez-classic-input--border-color-warning:var(--color--yellow-600, #EFB103);--ez-classic-input--background-color:var(--color--gray-70, #FFFFFF);--ez-classic-input--background-color-disabled:var(--color--gray-90, #EAEAEA);--ez-classic-input--text-color:var(--color--ocean-green-1000, #00281D);--ez-classic-input--placeholder-color:#bdbdbd;--ez-classic-input--icon-color:var(--color--gray-400, #77777A);--ez-classic-input--helptext-color:var(--color--ocean-green-1000, #00281D);--ez-classic-input--height:var(--space--56, 56px);--ez-classic-input--height-small:var(--space--48, 48px);--ez-classic-input--height-xsmall:var(--space--40, 40px);--ez-classic-input--gap:var(--space--10, 10px);--ez-classic-input--padding-inline:var(--space--16, 16px)}.input-container{display:flex;flex-direction:row;align-items:center;width:100%;border:none;border-radius:var(--border--radius-8, 8px);padding-inline:var(--ez-classic-input--padding-inline);box-sizing:border-box;gap:var(--ez-classic-input--gap);margin-block:var(--space--4, 4px);transition:box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);height:var(--ez-classic-input--height);background-color:var(--ez-classic-input--background-color)}.input-container--small{height:var(--ez-classic-input--height-small)}.input-container--xsmall{height:var(--ez-classic-input--height-xsmall)}.input-container,.input-container[data-state="default"]{box-shadow:0 0 0 1px var(--ez-classic-input--border-color-default)}.input-container[data-state="success"]{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-input--border-color-success)}.input-container[data-state="error"]{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-input--border-color-error)}.input-container[data-state="warning"]{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-input--border-color-warning)}.input-container:focus-within{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-input--border-color-focus)}ez-icon{min-width:var(--space--24, 24px);color:var(--ez-classic-input--icon-color)}input{flex:1;border:none;outline:none;background:transparent;height:100%;width:100%;padding:0;font-family:var(--font--pattern, Arial, sans-serif);font-size:var(--font-size--default, 14px);color:var(--color--ocean-green-1000, #00281D);text-overflow:ellipsis;color:var(--ez-classic-input--text-color)}input::placeholder{color:var(--ez-classic-input--placeholder-color)}.input-container[data-disabled="true"]{cursor:not-allowed;background:var(--ez-classic-input--background-color-disabled);border-color:var(--ez-classic-input--border-color-default)}.input-container[data-disabled="true"]>*{cursor:not-allowed}.input-container input:read-only{cursor:default}@keyframes ez-helptext-fadein{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}span{font-size:var(--font-size--xsmall, 10px);line-height:var(--line-height--16, 16px);overflow:hidden;text-overflow:ellipsis;animation:ez-helptext-fadein 0.3s ease;color:var(--ez-classic-input--helptext-color)}label{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-classic-input--label-color)}.icon-clickable{cursor:pointer}.required-indicator{font-size:var(--font--size--default, 14px);font-family:var(--font--pattern, \'Roboto\');color:var(--color--red-600, #BD0025);margin-left:var(--space--4, 4px);vertical-align:top}';export{c as ez_classic_input}

package/dist/ezui/p-e25a7874.entry.js

@@ -1 +0,0 @@
-import{r as t,c as d,h as i,H as o,g as l}from"./p-23a36bb6.js";import{FloatingManager as e,KeyboardManager as a}from"@sankhyalabs/core";import{i as n}from"./p-638a30d0.js";const s=class{constructor(i){t(this,i),this.ezCloseModal=d(this,"ezCloseModal",7),this.ezOpenModal=d(this,"ezOpenModal",7),this.ezModalAction=d(this,"ezModalAction",7),this.modalSize=void 0,this.align=void 0,this.heightMode="regular",this.opened=!0,this.closeEsc=!1,this.closeOutsideClick=!1,this.closeOutsideLeave=!1,this.scrim="medium"}observeOpened(){this.opened?this._overlayId=e.subscribeOverlayControl(this._modalRef):e.unsubscribeOverlayControl(this._modalRef||this._overlayId)}closeModal(){this.opened=!1,this.ezCloseModal.emit(this.opened)}async componentWillLoad(){this.i18n=await n()}componentDidLoad(){this.observeOpened(),this._keyboardManager=new a({propagate:!1,element:this._element,enableShadowDom:!0}).bind("Enter",this.ezModalAction.emit.bind("OK")).bind("Escape",(()=>this.closeModal())).bind("Esc",(()=>this.closeModal()))}componentDidRender(){this.modalFocus()}disconnectedCallback(){var t;null===(t=this._keyboardManager)||void 0===t||t.unbindAllShortcutKeys()}modalFocus(){this.opened&&requestAnimationFrame((()=>{const t=this._element.shadowRoot.querySelector("ez-modal-container");this._modalRef&&null===t&&this._modalRef.focus()}))}onMouseDownHandler(t){this.closeOutsideClick&&t.target===this._overlay&&this.closeModal()}onMouseLeaveHandler(){this.closeOutsideLeave&&this.closeModal()}render(){const t="left"===this.align?"left":"right",d="regular"===this.heightMode?`modal__content--${t}`:"";return i(o,null,this.opened?i("div",{ref:t=>this._modalRef=t,class:`modal modal__screen-${this.scrim} ${"regular"===this.heightMode?"modal__vertical-padding":""}`,onMouseDown:t=>this.onMouseDownHandler(t),tabIndex:-1,"aria-label":this.i18n("ez-modal.close")},i("div",{class:`modal__container modal__container--${t}`,ref:t=>this._overlay=t},i("div",{onMouseLeave:()=>this.onMouseLeaveHandler(),class:`modal__content ${d} ${this.modalSize}`},i("slot",null)))):void 0)}get _element(){return l(this)}static get watchers(){return{opened:["observeOpened"]}}};s.style=":host{--ez-modal-z-index:var(--elevation--22, 22);--ez-modal-vertical-padding:var(--space--large, 24px);--ez-modal-content-padding:24px;display:block;--ez-modal-content-min-width:auto}.modal{position:fixed;display:flex;top:0px;z-index:var(--ez-modal-z-index);left:0px;width:100%;box-sizing:border-box;height:100vh;outline:none}.modal__screen-light{background:rgba(0, 4, 12, 0.1)}.modal__screen-none{background:none}.modal__screen-medium{backdrop-filter:blur(4px);background:rgba(0, 4, 12, 0.4)}.modal__vertical-padding{padding:var(--ez-modal-vertical-padding) 0}@keyframes expand-modal--left{from{transform:translate(-100%)}}@keyframes expand-modal--right{from{transform:translate(100%)}}.modal__container{display:flex;flex-wrap:wrap;height:100%;box-sizing:border-box;width:100%;align-items:flex-start}.modal__container--right{animation:expand-modal--right .2s ease-in-out 1;justify-content:flex-end}.modal__container--left{animation:expand-modal--left .2s ease-in-out 1;justify-content:flex-start}.modal__content{display:flex;flex-wrap:wrap;box-sizing:border-box;max-height:100%;min-width:var(--ez-modal-content-min-width);height:100%;overflow-y:auto;background-color:rgb(255, 255, 255);padding:var(--ez-modal-content-padding);box-shadow:rgb(0 38 111 / 12%) 0px 0px 16px 0px}.modal__content--right{border-radius:12px 0px 0px 12px}.modal__content--left{border-radius:0px 12px 12px 0px}.modal__box__container{display:flex;flex-wrap:wrap;background-color:#fff;width:100%;border-radius:12px}.row{width:100%;display:flex;flex-wrap:wrap}.col{display:flex;flex-wrap:wrap;align-self:flex-start;box-sizing:border-box}.col--stretch{align-self:stretch}.col--undefined{width:unset}.col--nowrap{flex-wrap:nowrap}@media screen and (min-width: 320px){.col--sd-1{width:8.33333%}.col--sd-2{width:16.66667%}.col--sd-3{width:25%}.col--sd-4{width:33.33333%}.col--sd-5{width:41.66667%}.col--sd-6{width:50%}.col--sd-7{width:58.33333%}.col--sd-8{width:66.66667%}.col--sd-9{width:75%}.col--sd-10{width:83.33333%}.col--sd-11{width:91.66667%}.col--sd-12{width:100%}}@media screen and (min-width: 480px){.col--pn-1{width:8.33333%}.col--pn-2{width:16.66667%}.col--pn-3{width:25%}.col--pn-4{width:33.33333%}.col--pn-5{width:41.66667%}.col--pn-6{width:50%}.col--pn-7{width:58.33333%}.col--pn-8{width:66.66667%}.col--pn-9{width:75%}.col--pn-10{width:83.33333%}.col--pn-11{width:91.66667%}.col--pn-12{width:100%}}@media screen and (min-width: 768px){.col--tb-1{width:8.33333%}.col--tb-2{width:16.66667%}.col--tb-3{width:25%}.col--tb-4{width:33.33333%}.col--tb-5{width:41.66667%}.col--tb-6{width:50%}.col--tb-7{width:58.33333%}.col--tb-8{width:66.66667%}.col--tb-9{width:75%}.col--tb-10{width:83.33333%}.col--tb-11{width:91.66667%}.col--tb-12{width:100%}}@media screen and (min-width: 992px){.col--md-1{width:8.33333%}.col--md-2{width:16.66667%}.col--md-3{width:25%}.col--md-4{width:33.33333%}.col--md-5{width:41.66667%}.col--md-6{width:50%}.col--md-7{width:58.33333%}.col--md-8{width:66.66667%}.col--md-9{width:75%}.col--md-10{width:83.33333%}.col--md-11{width:91.66667%}.col--md-12{width:100%}}@media screen and (min-width: 1200px){.col--ld-1{width:8.33333%}.col--ld-2{width:16.66667%}.col--ld-3{width:25%}.col--ld-4{width:33.33333%}.col--ld-5{width:41.66667%}.col--ld-6{width:50%}.col--ld-7{width:58.33333%}.col--ld-8{width:66.66667%}.col--ld-9{width:75%}.col--ld-10{width:83.33333%}.col--ld-11{width:91.66667%}.col--ld-12{width:100%}}";export{s as ez_modal}

package/dist/ezui/p-ea184272.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as s,H as o,g as e}from"./p-23a36bb6.js";import{ObjectUtils as h,ElementIDUtils as r}from"@sankhyalabs/core";import"./p-d878fb19.js";import{C as n}from"./p-ec7db713.js";import"./p-ab574d59.js";import"./p-b853763b.js";import{i as a}from"./p-638a30d0.js";import"./p-5895e687.js";import"./p-47e4a8ce.js";const l=class{constructor(s){t(this,s),this.ezChange=i(this,"ezChange",7),this.ezVisibilityChange=i(this,"ezVisibilityChange",7),this._changeDeboucingTimeout=null,this._deboucingTime=300,this._maxWidthValue=0,this._tabPressed=!1,this._lookupMode=!1,this.isOpen=!1,this._preSelection=void 0,this._visibleOptions=void 0,this._startLoading=!1,this._showLoading=!0,this._criteria=void 0,this.limitCharsToSearch=3,this.value=void 0,this.label=void 0,this.enabled=!0,this.options=void 0,this.errorMessage=void 0,this.showSelectedValue=!1,this.showOptionValue=!1,this.suppressSearch=!1,this.optionLoader=void 0,this.suppressEmptyOption=!1,this.stopPropagateEnterKeyEvent=!0,this.canShowError=!0,this.mode="regular",this.hideErrorOnFocusOut=!0,this.listOptionsPosition=void 0,this.isTextSearch=!1,this.autoFocus=!1,this.preventAutoFocus=!1,this.alternativePlaceholder=void 0,this.textEmptyOption=void 0}observeErrorMessage(){var t;this._textInput&&(this._textInput.errorMessage=this.errorMessage,(null===(t=this.errorMessage)||void 0===t?void 0:t.trim())||this.setInputValue())}observeValue(t,i){if(this._textInput&&t!=i)try{if("string"==typeof t)return void this.setInputValue();const s=this.getSelectedOption(t),o=this.getSelectedOption(i),e=this.getSelectedOption(this.value);this.isDifferentValues(e,s)&&(this.value=s),this.isDifferentValues(s,o)&&(this.setInputValue(),this._lookupMode||this.ezChange.emit(null===s?void 0:s)),this.resetOptions()}finally{this._lookupMode=!1}}observeOptions(t,i){h.equals(t,i)||this.loadOptions(d.PRELOAD)}async getValueAsync(){return new Promise(this._showLoading?t=>{let i=setInterval((()=>{this._showLoading||(clearInterval(i),t(this.sanitizeValue(this.value)))}),100)}:t=>t(this.sanitizeValue(this.value)))}async setFocus(t){this._textInput&&this._textInput.setFocus(t)}async setBlur(){this._textInput&&this._textInput.setBlur()}async isInvalid(){return"string"==typeof this.errorMessage&&""!==this.errorMessage.trim()}async clearValue(){this.clearSearch()}isDifferentValues(t,i){return h.objectToString(t||{})!==h.objectToString(i||{})}getFormattedText(t){if(null!=t)return this.showSelectedValue&&null!=t.value?t.label?`${t.value} - ${t.label}`:t.value:t.label}getText(){const t=this.getSelectedOption(this.sanitizeValue(this.value)),i=this.getFormattedText(t);if(null!=i)return String(i).replace(/&amp;/g,"&").replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/&quot;/g,'"')}getSelectedOption(t){return"string"==typeof t||t instanceof String?this._visibleOptions.find((i=>i.value===t)):t}updateVisibleOptions(){let t=this._source||[];if(this._criteria){const i=this._criteria.toUpperCase();t=t.filter((t=>t.label.toLocaleUpperCase().indexOf(i)>-1))}this.hasToAddEmptyoption(t)&&(t=[{value:void 0,label:this.textEmptyOption||this.i18n("ez-combo-box.placeholder")}].concat(t)),this._visibleOptions=t,this._maxWidthValue=this.getMaxWidthValue()}hasToAddEmptyoption(t){return!this.suppressEmptyOption&&!t.filter((t=>!t.value)).length}getMaxWidthValue(){var t;if(this.showOptionValue){const i=[];return null===(t=this._visibleOptions)||void 0===t||t.forEach((t=>{const s=this.getWidthValue(t.value);i.includes(s)||i.push(s)})),i.length>1?Math.max(...i):0}return 0}getWidthValue(t){if(null!=this._itemValueBasis){const i=this._itemValueBasis;if(null!=t)return i.innerHTML=t,i.clientWidth>0?i.clientWidth+2:0;i.innerHTML=""}return 0}async showOptions(){var t,i;if(!this.enabled)return;await this.openPopover();const s=null!==(i=null===(t=this.value)||void 0===t?void 0:t.value)&&void 0!==i?i:this.value,o=this._visibleOptions.findIndex((t=>t.value===s));this._preSelection=-1===o?0:o,this._resizeObserver&&this._resizeObserver.observe(this._textInput),this.preventAutoFocus||await this.setFocus()}hideOptions(){var t;null===(t=this._popover)||void 0===t||t.hide(),this._resizeObserver&&this._resizeObserver.unobserve(this._textInput)}updateSource(t){this._startLoading=!1,t instanceof Promise?(this._showLoading=!0,t.then((t=>{this._showLoading=!1,this.updateSource(t)})).catch((()=>this._showLoading=!1)),this.updateVisibleOptions()):(this._showLoading=!1,Array.isArray(t)?(this._source=t,this.updateVisibleOptions(),this._tabPressed&&(this._tabPressed=!1)):this.selectOption(t))}selectOption(t,i=!0){var s,o,e;const h=this.getSelectedOption(this.value);(null===(s=null==h?void 0:h.value)||void 0===s?void 0:s.toString())!==(null===(o=null==t?void 0:t.value)||void 0===o?void 0:o.toString())||null==h&&null!=t&&"value"in t?(this.value=(null==t?void 0:t.value)?t:void 0,null===(e=this._popover)||void 0===e||e.hide()):this.resetOptions(),i&&setTimeout((()=>{this.setFocus()}),0)}loadOptions(t,i=""){this._criteria=i,this._startLoading=!0,this.updateSource(this.optionLoader?this.optionLoader({mode:t,argument:i}):this.options)}cancelPreselection(){!this._textInput.value&&this.sanitizeValue(this.value)?this.selectOption(void 0):window.setTimeout((()=>{this.setInputValue(!1),void 0!==this._criteria&&(this._criteria=void 0,this._preSelection=void 0,this.updateVisibleOptions())}),this._deboucingTime)}setInputValue(t=!0){const i=this.getText();(this._textInput.value||"")!==i&&(this._textInput.value=i,t&&(this.errorMessage=null))}clearSearch(){this.value=null}resetOptions(){this.hideOptions(),this._criteria=void 0,this._preSelection=void 0,this.updateVisibleOptions()}sanitizeValue(t){if("undefined"!==t&&"null"!==t)return t}async componentWillLoad(){if(this.i18n=await a(),void 0===this.options){this.options=[];const t=this.el.querySelectorAll("option");t&&t.forEach((t=>{let i=t.innerText,s=t.getAttribute("value");s||(s=i),this.options.push({label:i,value:s}),t.hidden=!0}))}this.loadOptions(d.PRELOAD)}setResizeObserver(){this._resizeObserver=new ResizeObserver((t=>{window.requestAnimationFrame((()=>{Array.isArray(t)&&t.length&&this._textInput&&this._comboBoxList&&(this._comboBoxList.width=this._textInput.clientWidth)}))}))}connectedCallback(){this._resizeObserver||this.setResizeObserver()}componentDidLoad(){n.applyVarsTextInput(this.el,this._textInput),this.setInputValue(!1),this.setResizeObserver(),this.autoFocus&&requestAnimationFrame((()=>{this.setFocus({selectText:!0})}))}disconnectedCallback(){var t;null===(t=this._popover)||void 0===t||t.remove(),this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null)}handlerIconClick(){this.showOptions()}onTextInputChangeHandler(t){var i;if(this.clearDeboucingTimeout(),this._startLoading)return void(this._changeDeboucingTimeout=window.setTimeout((()=>{this.onTextInputChangeHandler(t)}),this._deboucingTime));const s=null===(i=t.target.value)||void 0===i?void 0:i.trim();this._criteria||(this._textInput.value=t.data||s),this._criteria=s,s?(this.updateVisibleOptions(),this.showOptions()):(this._preSelection=void 0,this.updateVisibleOptions())}clearDeboucingTimeout(){this._changeDeboucingTimeout&&(window.clearTimeout(this._changeDeboucingTimeout),this._changeDeboucingTimeout=null)}onTextInputClickHandler(){this.showOptions()}keyDownHandler(t){var i,s,o,e,h,r;if(t.ctrlKey&&("f"===t.key||"F"===t.key))return this.loadOptions(d.ADVANCED),t.preventDefault(),void t.stopPropagation();switch(t.key){case"ArrowDown":t.preventDefault(),this.canShowListOptions()&&(this.showOptions(),null===(i=this._comboBoxList)||void 0===i||i.nextOption());break;case"ArrowUp":t.preventDefault(),this.canShowListOptions()&&(this.showOptions(),null===(s=this._comboBoxList)||void 0===s||s.previousOption());break;case"Enter":this.isOpen&&(t.preventDefault(),null===(o=this._comboBoxList)||void 0===o||o.selectCurrentOption());break;case"Escape":this.isOpen&&(t.preventDefault(),null===(e=this._popover)||void 0===e||e.hide());break;case"Tab":this._tabPressed=!0,this.isOpen&&(null===(h=this._comboBoxList)||void 0===h||h.selectCurrentOption(),null===(r=this._popover)||void 0===r||r.hide())}}onTextInputFocusOutHandler(){this.hideErrorOnFocusOut&&this.cancelPreselection()}canShowListOptions(){return!this._showLoading&&this._visibleOptions.length>0}async openPopover(){var t;this.isOpen=!0,await(null===(t=this._popover)||void 0===t?void 0:t.showUnder(this._textInput))}render(){var t;return r.addIDInfoIfNotExists(this.el,"input"),s(o,null,s("ez-text-input",{"data-element-id":r.getInternalIDInfo("textInput"),class:"text-input-slot-container "+(this.suppressSearch?"suppressed-search-input":""),ref:t=>this._textInput=t,"data-slave-mode":"true",enabled:this.enabled&&!this.suppressSearch,onInput:t=>this.onTextInputChangeHandler(t),onClick:()=>this.onTextInputClickHandler(),onFocusout:()=>this.onTextInputFocusOutHandler(),onKeyDown:t=>this.keyDownHandler(t),label:this.label,canShowError:this.canShowError,errorMessage:this.errorMessage,mode:this.mode,alternativePlaceholder:this.alternativePlaceholder||this.i18n("ez-combo-box.placeholder")},s("button",{class:"btn",slot:"rightIcon",disabled:!this.enabled,tabindex:-1,onClick:()=>this.handlerIconClick()},s("ez-icon",{iconName:"chevron-down"}))),s("ez-popover-plus",{ref:t=>this._popover=t,anchorElement:this._textInput,autoClose:!0,boxWidth:"fit-content",overlayType:"none",onEzVisibilityChange:t=>this.isOpen=t.detail,"data-element-id":this.el.getAttribute("data-element-id")},s("ez-combo-box-list",{ref:t=>this._comboBoxList=t,showLoading:this._showLoading,visibleOptions:this._visibleOptions,textEmptyList:this.i18n("ez-combo-box.noResults"),showOptionValue:this.showOptionValue,preSelection:this._preSelection,maxWidth:this._maxWidthValue,width:null===(t=this._textInput)||void 0===t?void 0:t.clientWidth,onOptionSelect:t=>this.selectOption(t),onOptionHover:t=>this._preSelection=t})))}get el(){return e(this)}static get watchers(){return{errorMessage:["observeErrorMessage"],value:["observeValue"],options:["observeOptions"]}}};var d;!function(t){t.ADVANCED="ADVANCED",t.PRELOAD="PRELOAD",t.PREDICTIVE="PREDICTIVE"}(d||(d={})),l.style=":host{--ez-combo-box--height:42px;--ez-combo-box--width:100%;--ez-combo-box--border-radius:var(--border--radius-medium, 12px);--ez-combo-box--font-size:var(--text--medium, 14px);--ez-combo-box--font-family:var(--font-pattern, Arial);--ez-combo-box--background-color--xlight:var(--background--xlight, #fff);--ez-combo-box__input--background-color:var(--background--medium, #e0e0e0);--ez-combo-box__input--border:var(--border--medium, 2px solid);--ez-combo-box__input--border-color:var(--ez-combo-box__input--background-color);--ez-combo-box__input--focus--border-color:var(--color--primary, #008561);--ez-combo-box__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--ez-combo-box__input--disabled--color:var(--text--disable, #AFB6C0);--ez-combo-box__btn--color:var(--title--primary, #2B3A54);--ez-combo-box__btn-disabled--color:var(--text--disable, #AFB6C0);--ez-combo-box__btn-hover--color:var(--color--primary, #4e4e4e);width:var(--ez-combo-box--width)}ez-icon{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.suppressed-search-input{--ez-text-input__input--border-color:var(--color--strokes, #dce0e8);--ez-text-input__input--disabled--background-color:var(--background--xlight, #fff);--ez-text-input__input--disabled--color:var(--title--primary, #2B3A54)}.btn{outline:none;border:none;background:none;cursor:pointer;padding:0px;color:var(--ez-combo-box__btn--color)}.btn:disabled{cursor:unset;color:var(--ez-combo-box__btn-disabled--color)}.btn:disabled:hover{cursor:not-allowed;color:var(--ez-combo-box__btn-disabled--color)}.btn:hover{color:var(--ez-combo-box__btn-hover--color)}.btn__close{visibility:hidden}ez-text-input:hover .btn__close,ez-text-input:focus .btn__close{visibility:visible}.text-input-slot-container{--ez-text-input__icon--width:32px;--ez-text-input__min-width:var(--ez-combo-box__min-width);--ez-text-input__max-width:var(--ez-combo-box__max-width)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";export{l as ez_combo_box}

package/dist/ezui/p-f60a6b1f.js

@@ -1 +0,0 @@
-import{h as e}from"./p-23a36bb6.js";const a="ctrl+f",n=240,o=(a,n,o)=>e("ez-search",{class:"ez-padding--medium",style:{"--ez-search--min-width":"240px"},canShowError:!1,showSelectedValue:!1,showOptionValue:!1,suppressEmptyOption:!0,label:a.label,value:null,optionLoader:n,onEzChange:e=>{window.dispatchEvent(new CustomEvent("ezCloseSplitButtonDropdown",{detail:{action:a,value:e.detail}})),requestAnimationFrame((()=>{o(e.detail)}))},ignoreLimitCharsToSearch:!0}),t=async e=>{requestAnimationFrame((async()=>{if(e){const a=e.o;if(!a)return;a.value=null,await a.setFocus()}}))};export{a as S,n as a,o as b,t as f}

package/dist/types/components/ez-classic-date-input/ez-classic-date-input.d.ts

@@ -1,91 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { WaitingChange } from '@sankhyalabs/core';
-import { TFocusOptions } from '../ez-classic-input/ez-classic-input';
-export declare class EzClassicDateInput {
-  private _calendar;
-  private _textInput;
-  private _changePending;
-  private _focused;
-  private _valuePromiseCallbacks;
-  private _popover;
-  private i18n;
-  private _elem;
-  /**
-   * Emitido quando acontece a alteração de valor do campo.
-   */
-  ezChange: EventEmitter<Date>;
-  /**
-   * Emitido ao iniciar a alteração (digitação incompleta).
-   */
-  ezStartChange: EventEmitter<WaitingChange>;
-  /**
-   * Emitido quando não foi possível completar a alteração entre o evento ezStartChange e ezChange.
-   */
-  ezCancelWaitingChange: EventEmitter<void>;
-  /**
-   * Emitido quando o usuário digita uma data válida no campo.
-   */
-  ezInput: EventEmitter<Date>;
-  /**
-   * Texto a ser apresentado como título do campo.
-   */
-  label: string;
-  /**
-   * Define o valor do campo.
-   */
-  value: Date;
-  /**
-   * Se false o usuário não pode interagir com o campo.
-   */
-  enabled: boolean;
-  /**
-   * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
-   */
-  errorMessage: string;
-  /**
-   * Define o tamanho do campo.
-   */
-  mode: "slim" | "regular";
-  /** Tamanho do input */
-  size?: "default" | "small" | "xsmall";
-  /** Define se o campo é obrigatório */
-  required?: boolean;
-  /**
-   * Se false deixa de exibir a mensagem de erro dentro do campo.
-   */
-  canShowError: boolean;
-  /**
-   * Se true o campo de texto receberá o foco ao ser renderizado.
-   */
-  autoFocus: boolean;
-  /**
-   * Texto alternativo ser apresentado como título do campo.
-   */
-  alternativePlaceholder: string;
-  observeLabel(): void;
-  observeErrorMessage(): void;
-  observeValue(newValue: Date, oldValue: Date): void;
-  /**
-   * Aplica o foco no campo.
-   */
-  setFocus(options?: TFocusOptions): Promise<void>;
-  /**
-   * Remove o foco do campo.
-   */
-  setBlur(): Promise<void>;
-  /**
-   * Retorna se o conteúdo é inválido.
-   */
-  isInvalid(): Promise<boolean>;
-  getValueAsync(): Promise<Date>;
-  private changeValue;
-  private handleChangeCalendar;
-  private handleBlur;
-  private getTextValue;
-  private handleInput;
-  private setInputValue;
-  disconnectedCallback(): void;
-  componentWillLoad(): Promise<void>;
-  componentDidLoad(): void;
-  render(): any;
-}

package/dist/types/components/ez-classic-date-time-input/ez-classic-date-time-input.d.ts

@@ -1,95 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { WaitingChange } from '@sankhyalabs/core';
-import { OptionsSetFocus } from '../ez-classic-input/interfaces/optionsSetFocus';
-export declare class EzClassicDateTimeInput {
-  private _calendar;
-  private _textInput;
-  private _changePending;
-  private _focused;
-  private _valuePromiseCallbacks;
-  private _popover;
-  private i18n;
-  private _elem;
-  /**
-   * Emitido quando acontece a alteração de valor do campo.
-   */
-  ezChange: EventEmitter<Date>;
-  /**
-   * Emitido ao iniciar a alteração (digitação incompleta).
-   */
-  ezStartChange: EventEmitter<WaitingChange>;
-  /**
-   * Emitido quando não foi possível completar a alteração entre o evento ezStartChange e ezChange.
-   */
-  ezCancelWaitingChange: EventEmitter<void>;
-  /**
-   * Texto a ser apresentado como título do campo.
-   */
-  label: string;
-  /**
-   * Define o valor do campo.
-   */
-  value: Date;
-  /**
-   * Se false o usuário não pode interagir com o campo.
-   */
-  enabled: boolean;
-  /**
-   * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
-   */
-  errorMessage: string;
-  /**
-   * Se true considera segundos.
-   */
-  showSeconds: boolean;
-  /**
-   * Define o tamanho do campo.
-   */
-  mode: "slim" | "regular";
-  /** Tamanho do input */
-  size?: "default" | "small" | "xsmall";
-  /** Define se o campo é obrigatório */
-  required?: boolean;
-  /**
-   * Se false deixa de exibir a mensagem de erro dentro do campo.
-   */
-  canShowError: boolean;
-  /**
-   * Se true o campo de texto receberá o foco ao ser renderizado.
-   */
-  autoFocus: boolean;
-  /**
-   * Texto alternativo ser apresentado como título do campo.
-   */
-  alternativePlaceholder: string;
-  observeLabel(): void;
-  observeErrorMessage(): void;
-  observeValue(newValue: Date, oldValue: Date): void;
-  /**
-   * Aplica o foco no campo.
-   */
-  setFocus(options?: OptionsSetFocus): Promise<void>;
-  /**
-   * Remove o foco do campo.
-   */
-  setBlur(): Promise<void>;
-  /**
-   * Retorna se o conteúdo é inválido.
-   */
-  isInvalid(): Promise<boolean>;
-  getValueAsync(): Promise<Date>;
-  private handleKeyDown;
-  private handleFocus;
-  private handleClick;
-  private changeValue;
-  private hideCalendar;
-  private getParsedDateTime;
-  private handleBlur;
-  private getTextValue;
-  private handleInput;
-  private setInputValue;
-  disconnectedCallback(): void;
-  componentWillLoad(): Promise<void>;
-  componentDidLoad(): void;
-  render(): any;
-}

package/dist/types/components/ez-classic-number-input/ez-classic-number-input.d.ts

@@ -1,101 +0,0 @@
-import { WaitingChange } from "@sankhyalabs/core";
-import { EventEmitter } from "../../stencil-public-runtime";
-import { OptionsSetFocus } from "../ez-classic-input/interfaces/optionsSetFocus";
-export declare class EzClassicNumberInput {
-  private _textInput;
-  private _focused;
-  private _changePending;
-  private _valuePromiseCallbacks;
-  private i18n;
-  private _elem;
-  private _value;
-  /**
-   * Emitido quando acontece a alteração de valor do campo.
-   */
-  ezChange: EventEmitter<number>;
-  /**
-   * Emitido ao iniciar a alteração (digitação incompleta).
-   */
-  ezStartChange: EventEmitter<WaitingChange>;
-  /**
-   * Emitido quando não foi possível completar a alteração entre o evento ezStartChange e ezChange.
-   */
-  ezCancelWaitingChange: EventEmitter<void>;
-  /**
-  * Texto a ser apresentado como título do campo.
-  */
-  label: string;
-  /**
-   * Define o valor do campo.
-   */
-  value: number;
-  /**
-   * Se false, o usuário não pode interagir com o campo.
-   */
-  enabled: boolean;
-  /** Define se o input é obrigatório (visualmente) */
-  required?: boolean;
-  /**
-   * Se false deixa de exibir a mensagem de erro dentro do campo.
-   */
-  canShowError: boolean;
-  /**
-   * Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
-   */
-  errorMessage: string;
-  /**
-   * Se false, o input não aceitará números negativos.
-   */
-  allowNegative: boolean;
-  /**
-   * Define quantas casas decimais serão exibidas. Caso haja mais casas haverá arredondamento.
-   */
-  precision: number;
-  /**
-   * Define qual é o mínimo de casas depois da vírgula.
-   * Exemplo: 1,1 será exibido como 1,1000 quando `prettyPrecision = 4`.
-   */
-  prettyPrecision: number;
-  /**
-   * Define o tamanho do campo.
-   */
-  mode: "slim" | "regular";
-  /** Tamanho do input */
-  size?: "default" | "small" | "xsmall";
-  /**   * Se true o campo de texto receberá o foco ao ser renderizado.
-  */
-  autoFocus: boolean;
-  /**
-   * Texto alternativo a ser apresentado como título do campo.
-   */
-  alternativePlaceholder: string;
-  /**
-   * Aplica o foco no campo.
-   */
-  setFocus(options?: OptionsSetFocus): Promise<void>;
-  /**
-   * Remove o foco do campo.
-   */
-  setBlur(): Promise<void>;
-  /**
-   * Retorna se o conteúdo é inválido.
-   */
-  isInvalid(): Promise<boolean>;
-  getValueAsync(): Promise<number>;
-  observeLabel(): void;
-  observeErrorMessage(): void;
-  observeValue(newValue: number, oldValue: number): void;
-  observePrecision(): void;
-  private handleNewValue;
-  private validateValue;
-  private getTextValue;
-  private changeValue;
-  private setError;
-  private handleBlur;
-  private handleInput;
-  private getParsedNumber;
-  private setInputValue;
-  componentWillLoad(): Promise<void>;
-  componentDidLoad(): void;
-  render(): any;
-}