@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-83282.1 → 0.0.0-bugfix-dev-KB-84596.0

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

@@ -0,0 +1 @@
+import{r as t,c as e,h as n,H as i,g as o}from"./p-23a36bb6.js";import{StringUtils as r,ElementIDUtils as a}from"@sankhyalabs/core";const c=class{constructor(n){t(this,n),this.ezClick=e(this,"ezClick",7),this.item=void 0,this.enableKey=!0,this.compacted=!1}componentWillRender(){this.createDetailList()}componentDidLoad(){var t,e;const n={id:r.toCamelCase((null===(t=this.item)||void 0===t?void 0:t.key)||(null===(e=this.item)||void 0===e?void 0:e.title)||"")};a.addIDInfo(this._element,null,n)}createDetailList(){var t,e,n;this._details={detailsLeft:[],detailsRight:[]};let i=0;if(null===(t=this.item)||void 0===t?void 0:t.details)for(const t in this.item.details)i<3?this._details.detailsLeft.push({label:t,value:null===(e=this.item.details[t])||void 0===e?void 0:e.toString()}):this._details.detailsRight.push({label:t,value:null===(n=this.item.details[t])||void 0===n?void 0:n.toString()}),i++}buildDetailContentTitle(t){var e,n;if(null!=(null==t?void 0:t.label)||null!=(null==t?void 0:t.value))return`${null===(e=r.replaceAccentuatedCharsHtmlEntities(null==t?void 0:t.label))||void 0===e?void 0:e.replace(/<[^>]*>/g,"")}: ${null===(n=r.replaceAccentuatedCharsHtmlEntities(null==t?void 0:t.value))||void 0===n?void 0:n.replace(/<[^>]*>/g,"")}`}buildDetailContent(t){return n("div",{class:"card-item__detail "+(this.compacted?"":"card-item__detail-default"),title:this.buildDetailContentTitle(t)},n("label",{class:"card-item__detail-label "+(this.compacted?"card-item__detail-label-compacted":"")},`${t.label}: `)," ",n("label",{class:"card-item__detail-value "+(this.compacted?"card-item__detail-value-compacted":""),innerHTML:t.value}))}render(){return n(i,null,this.item&&n("div",{class:`card-item ${this.compacted?"card-item__compacted":"card-item__expanded"} `,onClick:()=>{this.ezClick.emit(this.item)}},n("div",{class:"ez-row card-item__content"},n("div",{class:"ez-col ez-col--sd-11 card-item__details"},n("label",{class:"card-item__title "+(this.compacted?"card-item__title-compacted":"")},this.enableKey&&n("span",{class:"card-item__key",innerHTML:this.item.key}),n("span",{innerHTML:this.item.title})),n("div",{class:this.compacted?"card-item__details-container_compacted":"card-item__details-container_default"},n("div",{class:"card-item__details-container__left "+(this.compacted?"card-item__details-container__left-compacted":"")},this._details.detailsLeft.map((t=>this.buildDetailContent(t)))),n("div",{class:"card-item__details-container__right "+(this.compacted?"card-item__details-container__right-compacted":"")},this._details.detailsRight.map((t=>this.buildDetailContent(t)))))),n("div",{class:"ez-col ez-col--sd-1 card-item__details-slot"},n("slot",{name:"rightSlot"})))))}get _element(){return o(this)}};c.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(--text-weight--medium, 400);\n\n  /*@doc Define o peso da fonte do title do componente.*/\n  --ez-card-item--font-weight-large: var(--text-weight--large, 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 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: var(--opacity--soft);\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}\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}";const l=Math.min,s=Math.max,d=Math.round,f=t=>({x:t,y:t}),h={left:"right",right:"left",bottom:"top",top:"bottom"},u={start:"end",end:"start"};function p(t,e,n){return s(t,l(e,n))}function m(t,e){return"function"==typeof t?t(e):t}function _(t){return t.split("-")[0]}function v(t){return t.split("-")[1]}function x(t){return"x"===t?"y":"x"}function g(t){return"y"===t?"height":"width"}function b(t){return["top","bottom"].includes(_(t))?"y":"x"}function y(t){return x(b(t))}function w(t){return t.replace(/start|end/g,(t=>u[t]))}function z(t){return t.replace(/left|right|bottom|top/g,(t=>h[t]))}function k(t){const{x:e,y:n,width:i,height:o}=t;return{width:i,height:o,top:n,left:e,right:e+i,bottom:n+o,x:e,y:n}}function D(t,e,n){let{reference:i,floating:o}=t;const r=b(e),a=y(e),c=g(a),l=_(e),s="y"===r,d=i.x+i.width/2-o.width/2,f=i.y+i.height/2-o.height/2,h=i[c]/2-o[c]/2;let u;switch(l){case"top":u={x:d,y:i.y-o.height};break;case"bottom":u={x:d,y:i.y+i.height};break;case"right":u={x:i.x+i.width,y:f};break;case"left":u={x:i.x-o.width,y:f};break;default:u={x:i.x,y:i.y}}switch(v(e)){case"start":u[a]-=h*(n&&s?-1:1);break;case"end":u[a]+=h*(n&&s?-1:1)}return u}async function P(t,e){var n;void 0===e&&(e={});const{x:i,y:o,platform:r,rects:a,elements:c,strategy:l}=t,{boundary:s="clippingAncestors",rootBoundary:d="viewport",elementContext:f="floating",altBoundary:h=!1,padding:u=0}=m(e,t),p=function(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}(u),_=c[h?"floating"===f?"reference":"floating":f],v=k(await r.getClippingRect({element:null==(n=await(null==r.isElement?void 0:r.isElement(_)))||n?_:_.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(c.floating)),boundary:s,rootBoundary:d,strategy:l})),x="floating"===f?{x:i,y:o,width:a.floating.width,height:a.floating.height}:a.reference,g=await(null==r.getOffsetParent?void 0:r.getOffsetParent(c.floating)),b=await(null==r.isElement?void 0:r.isElement(g))&&await(null==r.getScale?void 0:r.getScale(g))||{x:1,y:1},y=k(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:x,offsetParent:g,strategy:l}):x);return{top:(v.top-y.top+p.top)/b.y,bottom:(y.bottom-v.bottom+p.bottom)/b.y,left:(v.left-y.left+p.left)/b.x,right:(y.right-v.right+p.right)/b.x}}function A(){return"undefined"!=typeof window}function L(t){return S(t)?(t.nodeName||"").toLowerCase():"#document"}function O(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function R(t){var e;return null==(e=(S(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function S(t){return!!A()&&(t instanceof Node||t instanceof O(t).Node)}function C(t){return!!A()&&(t instanceof Element||t instanceof O(t).Element)}function T(t){return!!A()&&(t instanceof HTMLElement||t instanceof O(t).HTMLElement)}function F(t){return!(!A()||"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot||t instanceof O(t).ShadowRoot)}function E(t){const{overflow:e,overflowX:n,overflowY:i,display:o}=G(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+n)&&!["inline","contents"].includes(o)}function $(t){return["table","td","th"].includes(L(t))}function M(t){return[":popover-open",":modal"].some((e=>{try{return t.matches(e)}catch(t){return!1}}))}function j(t){const e=B(),n=C(t)?G(t):t;return["transform","translate","scale","rotate","perspective"].some((t=>!!n[t]&&"none"!==n[t]))||!!n.containerType&&"normal"!==n.containerType||!e&&!!n.backdropFilter&&"none"!==n.backdropFilter||!e&&!!n.filter&&"none"!==n.filter||["transform","translate","scale","rotate","perspective","filter"].some((t=>(n.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(n.contain||"").includes(t)))}function B(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function H(t){return["html","body","#document"].includes(L(t))}function G(t){return O(t).getComputedStyle(t)}function N(t){return C(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function V(t){if("html"===L(t))return t;const e=t.assignedSlot||t.parentNode||F(t)&&t.host||R(t);return F(e)?e.host:e}function W(t){const e=V(t);return H(e)?t.ownerDocument?t.ownerDocument.body:t.body:T(e)&&E(e)?e:W(e)}function U(t,e,n){var i;void 0===e&&(e=[]),void 0===n&&(n=!0);const o=W(t),r=o===(null==(i=t.ownerDocument)?void 0:i.body),a=O(o);if(r){const t=X(a);return e.concat(a,a.visualViewport||[],E(o)?o:[],t&&n?U(t):[])}return e.concat(o,U(o,[],n))}function X(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function Y(t){const e=G(t);let n=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const o=T(t),r=o?t.offsetWidth:n,a=o?t.offsetHeight:i,c=d(n)!==r||d(i)!==a;return c&&(n=r,i=a),{width:n,height:i,$:c}}function q(t){return C(t)?t:t.contextElement}function I(t){const e=q(t);if(!T(e))return f(1);const n=e.getBoundingClientRect(),{width:i,height:o,$:r}=Y(e);let a=(r?d(n.width):n.width)/i,c=(r?d(n.height):n.height)/o;return a&&Number.isFinite(a)||(a=1),c&&Number.isFinite(c)||(c=1),{x:a,y:c}}const J=f(0);function K(t){const e=O(t);return B()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:J}function Q(t,e,n,i){void 0===e&&(e=!1),void 0===n&&(n=!1);const o=t.getBoundingClientRect(),r=q(t);let a=f(1);e&&(i?C(i)&&(a=I(i)):a=I(t));const c=function(t,e,n){return void 0===e&&(e=!1),!(!n||e&&n!==O(t))&&e}(r,n,i)?K(r):f(0);let l=(o.left+c.x)/a.x,s=(o.top+c.y)/a.y,d=o.width/a.x,h=o.height/a.y;if(r){const t=O(r),e=i&&C(i)?O(i):i;let n=t,o=X(n);for(;o&&i&&e!==n;){const t=I(o),e=o.getBoundingClientRect(),i=G(o),r=e.left+(o.clientLeft+parseFloat(i.paddingLeft))*t.x,a=e.top+(o.clientTop+parseFloat(i.paddingTop))*t.y;l*=t.x,s*=t.y,d*=t.x,h*=t.y,l+=r,s+=a,n=O(o),o=X(n)}}return k({width:d,height:h,x:l,y:s})}function Z(t,e){const n=N(t).scrollLeft;return e?e.left+n:Q(R(t)).left+n}function tt(t,e,n){void 0===n&&(n=!1);const i=t.getBoundingClientRect();return{x:i.left+e.scrollLeft-(n?0:Z(t,i)),y:i.top+e.scrollTop}}function et(t,e,n){let i;if("viewport"===e)i=function(t,e){const n=O(t),i=R(t),o=n.visualViewport;let r=i.clientWidth,a=i.clientHeight,c=0,l=0;if(o){r=o.width,a=o.height;const t=B();(!t||t&&"fixed"===e)&&(c=o.offsetLeft,l=o.offsetTop)}return{width:r,height:a,x:c,y:l}}(t,n);else if("document"===e)i=function(t){const e=R(t),n=N(t),i=t.ownerDocument.body,o=s(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),r=s(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let a=-n.scrollLeft+Z(t);const c=-n.scrollTop;return"rtl"===G(i).direction&&(a+=s(e.clientWidth,i.clientWidth)-o),{width:o,height:r,x:a,y:c}}(R(t));else if(C(e))i=function(t,e){const n=Q(t,!0,"fixed"===e),i=n.top+t.clientTop,o=n.left+t.clientLeft,r=T(t)?I(t):f(1);return{width:t.clientWidth*r.x,height:t.clientHeight*r.y,x:o*r.x,y:i*r.y}}(e,n);else{const n=K(t);i={x:e.x-n.x,y:e.y-n.y,width:e.width,height:e.height}}return k(i)}function nt(t,e){const n=V(t);return!(n===e||!C(n)||H(n))&&("fixed"===G(n).position||nt(n,e))}function it(t,e,n){const i=T(e),o=R(e),r="fixed"===n,a=Q(t,!0,r,e);let c={scrollLeft:0,scrollTop:0};const l=f(0);if(i||!i&&!r)if(("body"!==L(e)||E(o))&&(c=N(e)),i){const t=Q(e,!0,r,e);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else o&&(l.x=Z(o));const s=!o||i||r?f(0):tt(o,c);return{x:a.left+c.scrollLeft-l.x-s.x,y:a.top+c.scrollTop-l.y-s.y,width:a.width,height:a.height}}function ot(t){return"static"===G(t).position}function rt(t,e){if(!T(t)||"fixed"===G(t).position)return null;if(e)return e(t);let n=t.offsetParent;return R(t)===n&&(n=n.ownerDocument.body),n}function at(t,e){const n=O(t);if(M(t))return n;if(!T(t)){let e=V(t);for(;e&&!H(e);){if(C(e)&&!ot(e))return e;e=V(e)}return n}let i=rt(t,e);for(;i&&$(i)&&ot(i);)i=rt(i,e);return i&&H(i)&&ot(i)&&!j(i)?n:i||function(t){let e=V(t);for(;T(e)&&!H(e);){if(j(e))return e;if(M(e))return null;e=V(e)}return null}(t)||n}const ct={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:n,offsetParent:i,strategy:o}=t;const r="fixed"===o,a=R(i),c=!!e&&M(e.floating);if(i===a||c&&r)return n;let l={scrollLeft:0,scrollTop:0},s=f(1);const d=f(0),h=T(i);if((h||!h&&!r)&&(("body"!==L(i)||E(a))&&(l=N(i)),T(i))){const t=Q(i);s=I(i),d.x=t.x+i.clientLeft,d.y=t.y+i.clientTop}const u=!a||h||r?f(0):tt(a,l,!0);return{width:n.width*s.x,height:n.height*s.y,x:n.x*s.x-l.scrollLeft*s.x+d.x+u.x,y:n.y*s.y-l.scrollTop*s.y+d.y+u.y}},getDocumentElement:R,getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:i,strategy:o}=t;const r=[..."clippingAncestors"===n?M(e)?[]:function(t,e){const n=e.get(t);if(n)return n;let i=U(t,[],!1).filter((t=>C(t)&&"body"!==L(t))),o=null;const r="fixed"===G(t).position;let a=r?V(t):t;for(;C(a)&&!H(a);){const e=G(a),n=j(a);n||"fixed"!==e.position||(o=null),(r?!n&&!o:!n&&"static"===e.position&&o&&["absolute","fixed"].includes(o.position)||E(a)&&!n&&nt(t,a))?i=i.filter((t=>t!==a)):o=e,a=V(a)}return e.set(t,i),i}(e,this._c):[].concat(n),i],a=r.reduce(((t,n)=>{const i=et(e,n,o);return t.top=s(i.top,t.top),t.right=l(i.right,t.right),t.bottom=l(i.bottom,t.bottom),t.left=s(i.left,t.left),t}),et(e,r[0],o));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},getOffsetParent:at,getElementRects:async function(t){const e=this.getOffsetParent||at,n=this.getDimensions,i=await n(t.floating);return{reference:it(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:n}=Y(t);return{width:e,height:n}},getScale:I,isElement:C,isRTL:function(t){return"rtl"===G(t).direction}},lt=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:i,placement:o}=e,{mainAxis:r=!0,crossAxis:a=!1,limiter:c={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...l}=m(t,e),s={x:n,y:i},d=await P(e,l),f=b(_(o)),h=x(f);let u=s[h],v=s[f];r&&(u=p(u+d["y"===h?"top":"left"],u,u-d["y"===h?"bottom":"right"])),a&&(v=p(v+d["y"===f?"top":"left"],v,v-d["y"===f?"bottom":"right"]));const g=c.fn({...e,[h]:u,[f]:v});return{...g,data:{x:g.x-n,y:g.y-i,enabled:{[h]:r,[f]:a}}}}}},st=class{constructor(n){t(this,n),this.ezVisibilityChange=e(this,"ezVisibilityChange",7),this.TIME_DEBOUNCE=500,this.autoClose=!0,this.boxWidth="fit-content",this.opened=!1,this.overlayType="light",this.anchorElement=void 0,this.options={horizontalGap:0,verticalGap:0,fromRight:!1},this.useAnchorSize=!1,this.minWidth=150}observeOpened(t,e){t!==e&&(t?this.openPopover():this.hidePopover())}async updatePosition(t,e){this.updateOptionPosition(t,e),await this.updatePositionPopover()}async show(t,e){this.updateOptionPosition(t,e),this.opened=!0}async showUnder(t,e){e&&(this.options=e),this.anchorElement=t,this.opened=!0}async hide(){this.opened=!1}async setOptions(t){Object.assign(this.options,t)}async setAnchorElement(t){this.anchorElement=t}parseSizePixel(t,e){return t?"string"==typeof t?Number(t.replace("px","")):null!=t?t:0:null!=e?e:0}updateOptionPosition(t,e){Object.assign(this.options,{horizontalGap:this.parseSizePixel(e,this.options.horizontalGap),verticalGap:this.parseSizePixel(t,this.options.verticalGap)})}getElement(t){return"string"==typeof t?document.getElementById(t):t}getAnchorElement(){if(!this.anchorElement)return this._host;if(Array.isArray(this.anchorElement))for(const t of this.anchorElement){const e=this.getElement(t);if(e)return e}return this.getElement(this.anchorElement)}async updatePositionPopover(){if(!this._box||!this.opened)return;const t=this.getAnchorElement();if(this.useAnchorSize){const e=t.getBoundingClientRect().width;this._box.style.width=`${e<this.minWidth?this.minWidth:e}px`}var e;await((t,e,n)=>{const i=new Map,o={platform:ct,...n},r={...o.platform,_c:i};return(async(t,e,n)=>{const{placement:i="bottom",strategy:o="absolute",middleware:r=[],platform:a}=n,c=r.filter(Boolean),l=await(null==a.isRTL?void 0:a.isRTL(e));let s=await a.getElementRects({reference:t,floating:e,strategy:o}),{x:d,y:f}=D(s,i,l),h=i,u={},p=0;for(let n=0;n<c.length;n++){const{name:r,fn:m}=c[n],{x:_,y:v,data:x,reset:g}=await m({x:d,y:f,initialPlacement:i,placement:h,strategy:o,middlewareData:u,rects:s,platform:a,elements:{reference:t,floating:e}});d=null!=_?_:d,f=null!=v?v:f,u={...u,[r]:{...u[r],...x}},g&&p<=50&&(p++,"object"==typeof g&&(g.placement&&(h=g.placement),g.rects&&(s=!0===g.rects?await a.getElementRects({reference:t,floating:e,strategy:o}):g.rects),({x:d,y:f}=D(s,h,l))),n=-1)}return{x:d,y:f,placement:h,strategy:o,middlewareData:u}})(t,e,{...o,platform:r})})(t,this._box,{placement:this.options.fromRight?"bottom-end":"bottom-start",middleware:[(void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var n,i;const{placement:o,middlewareData:r,rects:a,initialPlacement:c,platform:l,elements:s}=t,{mainAxis:d=!0,crossAxis:f=!0,fallbackPlacements:h,fallbackStrategy:u="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:x=!0,...k}=m(e,t);if(null!=(n=r.arrow)&&n.alignmentOffset)return{};const D=_(o),A=b(c),L=_(c)===c,O=await(null==l.isRTL?void 0:l.isRTL(s.floating)),R=h||(L||!x?[z(c)]:function(t){const e=z(t);return[w(t),e,w(e)]}(c)),S="none"!==p;!h&&S&&R.push(...function(t,e,n,i){const o=v(t);let r=function(t,e,n){const i=["left","right"],o=["right","left"],r=["top","bottom"],a=["bottom","top"];switch(t){case"top":case"bottom":return n?e?o:i:e?i:o;case"left":case"right":return e?r:a;default:return[]}}(_(t),"start"===n,i);return o&&(r=r.map((t=>t+"-"+o)),e&&(r=r.concat(r.map(w)))),r}(c,x,p,O));const C=[c,...R],T=await P(t,k),F=[];let E=(null==(i=r.flip)?void 0:i.overflows)||[];if(d&&F.push(T[D]),f){const t=function(t,e,n){void 0===n&&(n=!1);const i=v(t),o=y(t),r=g(o);let a="x"===o?i===(n?"end":"start")?"right":"left":"start"===i?"bottom":"top";return e.reference[r]>e.floating[r]&&(a=z(a)),[a,z(a)]}(o,a,O);F.push(T[t[0]],T[t[1]])}if(E=[...E,{placement:o,overflows:F}],!F.every((t=>t<=0))){var $,M;const t=((null==($=r.flip)?void 0:$.index)||0)+1,e=C[t];if(e)return{data:{index:t,overflows:E},reset:{placement:e}};let n=null==(M=E.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:M.placement;if(!n)switch(u){case"bestFit":{var j;const t=null==(j=E.filter((t=>{if(S){const e=b(t.placement);return e===A||"y"===e}return!0})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:j[0];t&&(n=t);break}case"initialPlacement":n=c}if(o!==n)return{reset:{placement:n}}}return{}}}),lt({padding:5})],strategy:"fixed"}).then((({x:t,y:e,placement:n})=>{const i=n.includes("bottom")?e+this.options.verticalGap:e-this.options.verticalGap,o=n.includes("start")?t+this.options.horizontalGap:t-this.options.horizontalGap;Object.assign(this._box.style,{top:`${i}px`,left:`${o}px`})}))}hidePopover(){this._box&&(this._box.style.display="",this.hideOverlay(),this.ezVisibilityChange.emit(!1))}async openPopover(){this._box&&this.opened&&(this._box.style.display="flex",this._box.style.visibility="hidden",await this.updatePositionPopover(),this.openOverlay(),this.ezVisibilityChange.emit(!0),this._box.style.visibility="visible")}openOverlay(){this._overlay&&this._overlayIsActive&&(this._overlay.style.display="block")}hideOverlay(){this._overlay&&(this._overlay.style.display="none")}checkStatusOverlay(){return"none"!==this.overlayType||!("none"!==this.overlayType||!this.autoClose)}updatePositionDebounce(){this.opened&&(clearTimeout(this._timeoutDebounce),this._timeoutDebounce=setTimeout((()=>{this.updatePositionPopover()}),this.TIME_DEBOUNCE))}componentWillLoad(){window.addEventListener("scroll",this.updatePositionDebounce.bind(this),!0),window.addEventListener("resize",this.updatePositionDebounce.bind(this),!0)}componentDidLoad(){this._overlayIsActive=this.checkStatusOverlay(),this._resizeObserver=new ResizeObserver(this.updatePositionPopover.bind(this)),this._resizeObserver.observe(this._box),this.openPopover()}disconnectedCallback(){window.removeEventListener("scroll",this.updatePositionDebounce.bind(this),!0),window.removeEventListener("resize",this.updatePositionDebounce.bind(this),!0),this._resizeObserver.disconnect()}render(){return n(i,null,n("div",{ref:t=>this._overlay=t,onClick:()=>this.hide(),class:`popover__overlay popover__overlay--${this.overlayType}`}),n("section",{ref:t=>this._box=t,class:{popover__box:!0,"popover__box--fit-content":"fit-content"===this.boxWidth,"popover__box--full-width":"fit-content"!==this.boxWidth}},n("slot",null)))}get _host(){return o(this)}static get watchers(){return{opened:["observeOpened"]}}};st.style=":host{--ez-popover__box--border-radius:var(--border--radius-medium, 12px);--ez-popover__box--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-popover__box--background-color:var(--background--xlight, #fff);--ez-popover__box--z-index:var(--elevation--100, 100);position:relative;display:flex;user-select:none}.popover__overlay{display:none;position:fixed;padding:0;top:0px;left:0px;width:100%;height:100vh;box-sizing:border-box;z-index:var(--elevation--24, 24)}.popover__overlay--light{background-color:rgba(var(--rgb-background--overlay), var(--opacity--bright))}.popover__overlay--medium{background-color:rgba(var(--rgb-background--overlay), var(--opacity--soft));backdrop-filter:blur(var(--background-blur--medium))}.popover__box{display:none;position:fixed;top:0;left:0;z-index:var(--ez-popover__box--z-index);flex-direction:column;height:fit-content;background-color:var(--ez-popover__box--background-color);border-radius:var(--ez-popover__box--border-radius);box-shadow:var(--ez-popover__box--box-shadow)}.popover__box--fit-content{width:fit-content}.popover__box--full-width{width:calc(100% - 10px)}";export{c as ez_card_item,st as ez_popover_core}

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

@@ -0,0 +1 @@
+import{r as t,c as i,h as e,H as s,g as n}from"./p-23a36bb6.js";import{DateUtils as o,TimeFormatter as a,ElementIDUtils as h}from"@sankhyalabs/core";import{C as r}from"./p-ec7db713.js";const l=class{constructor(e){t(this,e),this.ezChange=i(this,"ezChange",7),this.ezStartChange=i(this,"ezStartChange",7),this.ezCancelWaitingChange=i(this,"ezCancelWaitingChange",7),this._changePending=!1,this._focused=!1,this._valuePromiseCallbacks=[],this.label=void 0,this.value=void 0,this.enabled=!0,this.errorMessage=void 0,this.showSeconds=!1,this.mode="regular",this.canShowError=!0,this.autoFocus=!1}observeLabel(){this._textInput&&(this._textInput.label=this.label)}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){const e=o.validateDate(t,!0),s=o.validateDate(i,!0);if((null==e?void 0:e.getTime())!==(null==s?void 0:s.getTime())){const t=this.getTextValue(e)||"";!this.getParsedDateTime(t)&&this._focused||(this._textInput.value||"")===t||(this._textInput.value=t,this._focused=!1,this.errorMessage=""),this.ezChange.emit(null===e?void 0:e)}}this._changePending=!1}async setFocus(t){this._textInput.setFocus(t)}async setBlur(){this._textInput.setBlur()}async isInvalid(){return"string"==typeof this.errorMessage&&""!==this.errorMessage.trim()}async getValueAsync(){return this._changePending?new Promise((t=>{this._valuePromiseCallbacks.push(t)})):Promise.resolve(this.value)}handleKeyDown(t){const i=this._textInput.shadowRoot.querySelector("input");if(t.shiftKey&&"Tab"===t.key){if(i.selectionStart>0){let e=i.value.lastIndexOf(" ",i.selectionStart);-1!==e&&(i.setSelectionRange(0,e),t.preventDefault())}}else if("Tab"===t.key&&i.value.length!==i.selectionEnd){let e=i.value.indexOf(" ",i.selectionEnd);e=-1===e?i.selectionEnd:e+1,i.setSelectionRange(e,i.value.length),t.preventDefault()}}handleFocus(){const t=this._textInput.shadowRoot.querySelector("input");if(t.selectionStart!==t.selectionEnd){let i=t.value.indexOf(" ",t.selectionStart);i=-1===i?t.value.length:i,t.setSelectionRange(0,i)}}handleClick(){const t=this._textInput.shadowRoot.querySelector("input");let i=t.value.lastIndexOf(" ",t.selectionEnd);i=-1===i?0:i+1,i=i>t.selectionEnd?0:i;let e=0===i?t.value.indexOf(" "):t.value.length;t.setSelectionRange(i,e)}changeValue(t){const i=o.validateDate(this.value,!0),e=o.validateDate(t,!0);(null==i?void 0:i.getTime())!==(null==e?void 0:e.getTime())&&(this.value=e)}hideCalendar(){this.changeValue(this._calendar.value),this._popover.hide()}getParsedDateTime(t){var i,e;if(void 0===t&&(t=(null===(e=null===(i=this._textInput)||void 0===i?void 0:i.value)||void 0===e?void 0:e.trim())||""),!t)return;const s=t.split(" "),n=s.length>0?s[0]:t,h=a.prepareValue(s[1]?s[1]:"",this.showSeconds);return o.strToDate(n+(h&&" "+h))}handleBlur(){var t,i;if(this._changePending)try{const e=(null===(i=null===(t=this._textInput)||void 0===t?void 0:t.value)||void 0===i?void 0:i.trim())||"",s=this.getParsedDateTime();if(s||!e){this.errorMessage="";const t=o.validateDate(this.value,!0),i=o.validateDate(s,!0);(null==t?void 0:t.getTime())===(null==i?void 0:i.getTime())?(i&&(this._textInput.value=this.getTextValue(i)||"",this._focused=!1),this.ezCancelWaitingChange.emit()):this.changeValue(i)}else this.changeValue(void 0),this.ezCancelWaitingChange.emit(),this.errorMessage="O valor digitado não é uma data válida"}finally{for(const t of this._valuePromiseCallbacks)t(this.value);this._valuePromiseCallbacks=[]}}getTextValue(t){if(t)return o.formatDateTime(t,this.showSeconds)}handleInput(t){const i=this.getParsedDateTime(),e=o.validateDate(this.value,!0),s=o.validateDate(i,!0);(null==e?void 0:e.getTime())!==(null==s?void 0:s.getTime())&&(this._changePending=!0,this._focused=!0,this.ezStartChange.emit({waitmessage:"",blocking:!1})),"H"!==t.data&&"h"!==t.data||this.changeValue(new Date)}setInputValue(){const t=this.getTextValue(this.value)||"";(this._textInput.value||"")!==t&&(this._textInput.value=t)}disconnectedCallback(){this.hideCalendar()}componentDidLoad(){r.applyVarsTextInput(this._elem,this._textInput),this.setInputValue(),this.autoFocus&&requestAnimationFrame((()=>{this.setFocus({selectText:!0})}))}render(){return h.addIDInfoIfNotExists(this._elem,"input"),e(s,null,e("ez-text-input",{"data-element-id":h.getInternalIDInfo("textInput"),ref:t=>this._textInput=t,"data-slave-mode":"true",label:this.label,restrict:"0123456789/: ",enabled:this.enabled,errorMessage:this.errorMessage,mode:this.mode,onKeyDown:t=>{this.handleKeyDown(t)},onBlur:()=>this.handleBlur(),onInput:t=>this.handleInput(t),onFocus:()=>this.handleFocus(),onClick:()=>this.handleClick(),canShowError:this.canShowError},e("button",{disabled:!this.enabled,tabindex:-1,class:"btn-open-cal",onClick:()=>{var t;return null===(t=this._popover)||void 0===t?void 0:t.showUnder(this._textInput)},slot:"leftIcon"})),e("ez-popover-plus",{ref:t=>this._popover=t,anchorElement:this._textInput,autoClose:!0,boxWidth:"fit-content",overlayType:"none"},e("ez-calendar",{ref:t=>this._calendar=t,"data-element-id":h.getInternalIDInfo("calendar"),onEzChange:t=>{this.hideCalendar(),t.stopPropagation()},time:!0,showSeconds:this.showSeconds})))}get _elem(){return n(this)}static get watchers(){return{label:["observeLabel"],errorMessage:["observeErrorMessage"],value:["observeValue"]}}};l.style=':host{display:block;width:100%;--ez-date-input__input--background-color:var(--background--medium, #e0e0e0);--ez-date-input__input--border-color:var(--ez-date-input__input--background-color);--ez-date-input__calendar-image:url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="16px" width="15px"><path d="M 3.171875,5.25 C 2.6485088,5.25 2.21875,5.6797588 2.21875,6.203125 2.21875,6.7264912 2.6485088,7.15625 3.171875,7.15625 3.6952412,7.15625 4.125,6.7264912 4.125,6.203125 4.125,5.6797588 3.6952412,5.25 3.171875,5.25 Z m 2.875,0 C 5.5235088,5.25 5.09375,5.6797588 5.09375,6.203125 5.09375,6.7264912 5.5235088,7.15625 6.046875,7.15625 6.5702412,7.15625 7,6.7264912 7,6.203125 7,5.6797588 6.5702412,5.25 6.046875,5.25 Z m 2.875,0 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.953125 0.953125,0.953125 0.5233662,0 0.9511719,-0.4297588 0.9511719,-0.953125 C 9.8730469,5.6797588 9.4452412,5.25 8.921875,5.25 Z m 2.873047,0 c -0.523366,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.429759,0.953125 0.953125,0.953125 0.523366,0 0.953125,-0.4297588 0.953125,-0.953125 C 12.748047,5.6797588 12.318288,5.25 11.794922,5.25 Z M 3.171875,8.1230469 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.9531251 0.953125,0.9531251 0.5233662,0 0.953125,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.875,0 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.9531251 0.953125,0.9531251 C 6.5702412,10.029297 7,9.5995381 7,9.0761719 7,8.5528057 6.5702412,8.1230469 6.046875,8.1230469 Z m 2.8554688,0 c -0.5233663,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297587,0.9531251 0.953125,0.9531251 0.5233661,0 0.9531249,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.9003902,0 c -0.523366,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.429759,0.9531251 0.953125,0.9531251 0.523367,0 0.953125,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.429758,-0.953125 -0.953125,-0.953125 z M 3.171875,10.998047 c -0.5233662,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297588,0.953125 0.953125,0.953125 0.5233662,0 0.953125,-0.429759 0.953125,-0.953125 0,-0.523366 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.875,0 c -0.5233662,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297588,0.953125 0.953125,0.953125 C 6.5702412,12.904297 7,12.474538 7,11.951172 7,11.427806 6.5702412,10.998047 6.046875,10.998047 Z m 2.8554688,0 c -0.5233663,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297587,0.953125 0.953125,0.953125 0.5233661,0 0.9531249,-0.429759 0.953125,-0.953125 0,-0.523366 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.9003902,0 c -0.523366,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.429759,0.953125 0.953125,0.953125 0.523367,0 0.953125,-0.429759 0.953125,-0.953125 0,-0.523366 -0.429758,-0.953125 -0.953125,-0.953125 z M 3.5,0 c -0.554,0 -1,0.446 -1,1 v 0.050781 C 1.0853217,1.2909766 0,2.5186658 0,4 v 9 c 0,1.652487 1.3475134,3 3,3 h 9 c 1.652487,0 3,-1.347513 3,-3 V 4 C 15,2.5186658 13.914678,1.2909766 12.5,1.0507812 V 1 c 0,-0.554 -0.446,-1 -1,-1 -0.554,0 -1,0.446 -1,1 h -2 c 0,-0.554 -0.446,-1 -1,-1 -0.554,0 -1,0.446 -1,1 h -2 C 4.5,0.446 4.054,0 3.5,0 Z m 1,2.0996094 h 2 v 0.640625 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 v -0.640625 h 2 v 0.640625 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 V 2.1738281 C 13.311725,2.3905225 13.900391,3.11278 13.900391,4 v 9 c 0,1.062113 -0.838278,1.900391 -1.900391,1.900391 H 3 C 1.9378864,14.900391 1.0996094,14.062113 1.0996094,13 V 4 C 1.0996094,3.11278 1.6882747,2.3905225 2.5,2.1738281 v 0.5664063 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 z"/></svg>\')}.btn-open-cal{outline:none;border:none;background-color:unset;cursor:pointer}.btn-open-cal:disabled{cursor:not-allowed}.btn-open-cal::after{content:\'\';display:flex;background-color:var(--text--primary, #008561);width:15px;height:16px;-webkit-mask-image:var(--ez-date-input__calendar-image);mask-image:var(--ez-date-input__calendar-image)}.btn-open-cal:disabled:after{background-color:var(--text--disable, #AFB6C0)}.btn-open-cal:enabled:hover::after{background-color:var(--color--primary, #4e4e4e)}ez-text-input{--text-input__input--background-color:var(--ez-date-input__input--background-color, #FFFFFF);--text-input__input--border-color:var(--ez-date-input__input--border-color, #DCE0E8)}';export{l as ez_date_time_input}

package/dist/ezui/{p-17be134a.entry.js → p-e06a9886.entry.js}

@@ -1 +1 @@
-import{r as e,c as l,h as a,g as r}from"./p-23a36bb6.js";import{ElementIDUtils as i}from"@sankhyalabs/core";const o=class{constructor(a){e(this,a),this.valueChange=l(this,"valueChange",7),this.removeChip=l(this,"removeChip",7),this.actionClick=l(this,"actionClick",7),this.label=void 0,this.enabled=!0,this.removePosition=void 0,this.mode=void 0,this.value=!1,this.showNativeTooltip=!0}async setFocus(){this._containerElem.focus()}async setBlur(){this._containerElem.blur()}handleSlotChange(e){e.target.assignedElements()[0].style.setProperty("--ez-icon--color","var(--ez-icon--color)")}handleValueChange(){this.swichState(),this.valueChange.emit(this.value)}handleClick(e){const l=e.target;if(this.enabled)return"action"===this.mode?this.actionClick.emit():"ez-icon"!==l.tagName.toLowerCase()?this.handleValueChange():l.classList.contains("btn-close")?this.removeChip.emit():void 0}swichState(){this.enabled&&(this.value=!this.value)}formatLabel(){return this.label.length>t.CHAR_LIMIT?this.label.substring(0,t.CHAR_LIMIT)+"...":this.label}observeValue(){this.value&&"action"!==this.mode?this._containerElem.classList.add("label__container--active"):this._containerElem.classList.remove("label__container--active")}observeEnabled(){this.enabled?(this._containerElem.classList.remove("label__container--disabled"),this._labelElem.classList.remove("lbl--disabled"),this._labelElem.classList.remove("cursor-disable")):(this._containerElem.classList.add("label__container--disabled"),this._labelElem.classList.add("lbl--disabled"),this._labelElem.classList.add("cursor-disable"))}componentDidLoad(){this._element&&i.addIDInfo(this._element,"ezChip"),this._containerElem&&(this.observeValue(),this.observeEnabled(),this._containerElem.setAttribute(i.DATA_ELEMENT_ID_ATTRIBUTE_NAME,i.getInternalIDInfo("button")))}render(){const e=this.showNativeTooltip?this.label:void 0;return a("button",{onClick:e=>this.handleClick(e),class:"label__container"+("left"===this.removePosition?" label__container--row-reverse":""),ref:e=>this._containerElem=e},a("div",{class:"label__content"},a("slot",{name:"leftIcon",onSlotchange:e=>{this.handleSlotChange(e)}}),a("label",{class:"lbl "+(this.value?"lbl--active ":""),ref:e=>this._labelElem=e,title:e},this.formatLabel()),a("slot",{name:"rightIcon",onSlotchange:e=>{this.handleSlotChange(e)}})),"action"!==this.mode&&this.removePosition&&a("ez-icon",{class:"btn-close",size:"small","icon-name":"close"}))}get _element(){return r(this)}static get watchers(){return{value:["observeValue"],enabled:["observeEnabled"]}}};var t;!function(e){e[e.CHAR_LIMIT=28]="CHAR_LIMIT"}(t||(t={})),o.style=":host{--ez-label-chip--height:30px;--ez-label-chip__label--font-size:var(--text--medium, 14px);--ez-label-chip__label--font-family:var(--font-pattern, Arial);--ez-label-chip__label--font-weight:var(--text-weight--medium, 400);--ez-label-chip__label--space--medium:var(--space--medium, 12px);--ez-label-chip__label--title--primary:var(--title--primary, #2B3A54);--ez-label-chip__label--text--primary:var(--text--primary, #626e82);--ez-label-chip__label__container--border-radius:var(--border--radius-large, 24px);--ez-label-chip__label__container--border:1px solid;--ez-label-chip__label__container--border-color-strokes:var(--color--strokes, #DCE0E8);--ez-label-chip__label__container--color-primary:var(--color--primary, #008561);--ez-label-chip__label__container-color--disable-secondary:var(--color--disable-secondary, #F2F5F8);--ez-label-chip__label__container--background-color:var(--color--primary-300);--ez-label-chip__label__container--border-color:#0085610F;--ez-label-chip__label__container--default--border-color--active:var(--color--primary, #007a5a);--ez-label-chip__label__container--default--background-color--hover:var(--color--primary-300, #f2faf8);--ez-label-chip__label__container--default--color--hover:var(--color--primary, #f2faf8);--ez-label-chip__label__container--text--disabled:var(--text--disable, #AFB6C0);--ez-label-chip__label__container--default--border-color--active:var(--color--primary)}.lbl{display:flex;white-space:nowrap;align-items:center;cursor:pointer;user-select:none;color:var(--ez-label-chip__label--title--primary);height:var(--ez-label-chip--height);font-family:var(--ez-label-chip__label--font-family);font-size:var(--ez-label-chip__label--font-size);font-weight:var(--ez-label-chip__label--font-weight)}.lbl--active{color:var(--ez-label-chip__label__container--default--color--hover)}.lbl--disabled{color:var(--ez-label-chip__label__container--text--disabled)}.label__container{cursor:pointer;width:max-content;display:flex;flex-wrap:wrap;align-items:center;background-color:#FFFFFF;color:var(--ez-label-chip__label--text--primary);fill:var(--ez-label-chip__label--text--primary);--ez-icon--color:var(--ez-label-chip__label--text--primary);border:var(--ez-label-chip__label__container--border);border-radius:var(--ez-label-chip__label__container--border-radius);border-color:var(--ez-label-chip__label__container--border-color-strokes);padding-right:var(--ez-label-chip__label--space--medium);padding-left:var(--ez-label-chip__label--space--medium);outline-color:var(--ez-label-chip__label__container--default--border-color--active)}.label__content{display:flex;align-items:center;flex-wrap:wrap;--ez-icon--color:var(--ez-label-chip__label--text--primary)}.label__container--disabled{cursor:default;border-color:var(--ez-label-chip__label__container-color--disable-secondary);background-color:var(--ez-label-chip__label__container-color--disable-secondary);fill:var(--ez-label-chip__label__container--text--disabled);color:var(--ez-label-chip__label__container--text--disabled);--ez-icon--color:var(--ez-label-chip__label__container--text--disabled)}.label__container--active{border-color:var(--ez-label-chip__label__container--default--background-color--hover);background-color:var(--ez-label-chip__label__container--default--background-color--hover);color:var(--ez-label-chip__label__container--default--color--hover);fill:var(--ez-label-chip__label__container--default--color--hover);--ez-icon--color:var(--ez-label-chip__label__container--default--color--hover)}.label__container:hover{border-color:var(--ez-label-chip__label__container--default--border-color--active)}.label__container:focus{outline:var(--border--medium) var(--ez-label-chip__label__container--default--border-color--active)}.label__container--disabled:hover{cursor:default;border:var(--ez-label-chip__label__container--border);border-color:var(--ez-label-chip__label__container-color--disable-secondary);background-color:var(--ez-label-chip__label__container-color--disable-secondary);fill:var(--ez-label-chip__label__container--text--disabled);color:var(--ez-label-chip__label__container--text--disabled);--ez-icon--color:var(--ez-label-chip__label__container--text--disabled)}.label__content__icon{display:flex;cursor:pointer;color:var(--ez-label-chip__label--text--primary);fill:var(--ez-label-chip__label--text--primary);--ez-icon--color:var(--ez-label-chip__label--text--primary)}.label__container--row-reverse{flex-direction:row-reverse}.label__container .btn-close{padding:0px 0px 0px 8px}.label__container--row-reverse .btn-close{padding:0px 8px 0px 0px}.cursor-disable{cursor:default}ez-icon{--ez-icon--color:inherit}";export{o as ez_chip}
+import{r as e,c as l,h as a,g as r}from"./p-23a36bb6.js";import{ElementIDUtils as i}from"@sankhyalabs/core";const o=class{constructor(a){e(this,a),this.valueChange=l(this,"valueChange",7),this.removeChip=l(this,"removeChip",7),this.actionClick=l(this,"actionClick",7),this.label=void 0,this.enabled=!0,this.removePosition=void 0,this.mode=void 0,this.value=!1,this.showNativeTooltip=!0}async setFocus(){this._containerElem.focus()}async setBlur(){this._containerElem.blur()}handleSlotChange(e){e.target.assignedElements()[0].style.setProperty("--ez-icon--color","var(--ez-icon--color)")}handleValueChange(){this.swichState(),this.valueChange.emit(this.value)}handleClick(e){const l=e.target;if(this.enabled)return"action"===this.mode?this.actionClick.emit():"ez-icon"!==l.tagName.toLowerCase()?this.handleValueChange():l.classList.contains("btn-close")?this.removeChip.emit():void 0}swichState(){this.enabled&&(this.value=!this.value)}formatLabel(){return this.label.length>t.CHAR_LIMIT?this.label.substring(0,t.CHAR_LIMIT)+"...":this.label}observeValue(){this.value&&"action"!==this.mode?this._containerElem.classList.add("label__container--active"):this._containerElem.classList.remove("label__container--active")}observeEnabled(){this.enabled?(this._containerElem.classList.remove("label__container--disabled"),this._labelElem.classList.remove("lbl--disabled"),this._labelElem.classList.remove("cursor-disable")):(this._containerElem.classList.add("label__container--disabled"),this._labelElem.classList.add("lbl--disabled"),this._labelElem.classList.add("cursor-disable"))}componentDidLoad(){this._element&&i.addIDInfo(this._element,"ezChip"),this._containerElem&&(this.observeValue(),this.observeEnabled(),this._containerElem.setAttribute(i.DATA_ELEMENT_ID_ATTRIBUTE_NAME,i.getInternalIDInfo("button")))}render(){const e=this.showNativeTooltip?this.label:void 0;return a("button",{onClick:e=>this.handleClick(e),class:"label__container"+("left"===this.removePosition?" label__container--row-reverse":""),ref:e=>this._containerElem=e},a("div",{class:"label__content"},a("slot",{name:"leftIcon",onSlotchange:e=>{this.handleSlotChange(e)}}),a("label",{class:"lbl "+(this.value?"lbl--active ":""),ref:e=>this._labelElem=e,title:e},this.formatLabel()),a("slot",{name:"rightIcon",onSlotchange:e=>{this.handleSlotChange(e)}})),"action"!==this.mode&&this.removePosition&&a("ez-icon",{class:"btn-close",size:"small","icon-name":"close"}))}get _element(){return r(this)}static get watchers(){return{value:["observeValue"],enabled:["observeEnabled"]}}};var t;!function(e){e[e.CHAR_LIMIT=28]="CHAR_LIMIT"}(t||(t={})),o.style=":host{--ez-label-chip--height:30px;--ez-label-chip__label--font-size:var(--text--medium, 14px);--ez-label-chip__label--font-family:var(--font-pattern, Arial);--ez-label-chip__label--font-weight:var(--text-weight--medium, 400);--ez-label-chip__label--space--medium:var(--space--medium, 12px);--ez-label-chip__label--title--primary:var(--title--primary, #2B3A54);--ez-label-chip__label--text--primary:var(--text--primary, #626e82);--ez-label-chip__label__container--border-radius:var(--border--radius-large, 24px);--ez-label-chip__label__container--border:1px solid;--ez-label-chip__label__container--border-color-strokes:var(--color--strokes, #DCE0E8);--ez-label-chip__label__container--color-primary:var(--color--primary, #008561);--ez-label-chip__label__container-color--disable-secondary:var(--color--disable-secondary, #F2F5F8);--ez-label-chip__label__container--background-color:var(--color--primary-300);--ez-label-chip__label__container--border-color:#0085610F;--ez-label-chip__label__container--default--border-color--active:var(--color--primary, #007a5a);--ez-label-chip__label__container--default--background-color--hover:var(--color--primary-300, #f2faf8);--ez-label-chip__label__container--default--color--hover:var(--color--primary, #f2faf8);--ez-label-chip__label__container--text--disabled:var(--text--disable, #AFB6C0);--ez-label-chip__label__container--default--border-color--active:var(--color--primary);--ez-label-chip__label__container--default--margin-top:var(--space-extra-small, 3px)}.lbl{display:flex;white-space:nowrap;align-items:center;cursor:pointer;user-select:none;color:var(--ez-label-chip__label--title--primary);height:var(--ez-label-chip--height);font-family:var(--ez-label-chip__label--font-family);font-size:var(--ez-label-chip__label--font-size);font-weight:var(--ez-label-chip__label--font-weight)}.lbl--active{color:var(--ez-label-chip__label__container--default--color--hover)}.lbl--disabled{color:var(--ez-label-chip__label__container--text--disabled)}.label__container{cursor:pointer;width:max-content;display:flex;flex-wrap:wrap;align-items:center;background-color:#FFFFFF;color:var(--ez-label-chip__label--text--primary);fill:var(--ez-label-chip__label--text--primary);--ez-icon--color:var(--ez-label-chip__label--text--primary);border:var(--ez-label-chip__label__container--border);border-radius:var(--ez-label-chip__label__container--border-radius);border-color:var(--ez-label-chip__label__container--border-color-strokes);padding-right:var(--ez-label-chip__label--space--medium);padding-left:var(--ez-label-chip__label--space--medium);outline-color:var(--ez-label-chip__label__container--default--border-color--active);margin-top:var(--ez-label-chip__label__container--default--margin-top)}.label__content{display:flex;align-items:center;flex-wrap:wrap;--ez-icon--color:var(--ez-label-chip__label--text--primary)}.label__container--disabled{cursor:default;border-color:var(--ez-label-chip__label__container-color--disable-secondary);background-color:var(--ez-label-chip__label__container-color--disable-secondary);fill:var(--ez-label-chip__label__container--text--disabled);color:var(--ez-label-chip__label__container--text--disabled);--ez-icon--color:var(--ez-label-chip__label__container--text--disabled)}.label__container--active{border-color:var(--ez-label-chip__label__container--default--background-color--hover);background-color:var(--ez-label-chip__label__container--default--background-color--hover);color:var(--ez-label-chip__label__container--default--color--hover);fill:var(--ez-label-chip__label__container--default--color--hover);--ez-icon--color:var(--ez-label-chip__label__container--default--color--hover)}.label__container:hover{border-color:var(--ez-label-chip__label__container--default--border-color--active)}.label__container:focus{outline:none;box-shadow:0 0 0 2px var(--ez-label-chip__label__container--default--border-color--active)}.label__container--disabled:hover{cursor:default;border:var(--ez-label-chip__label__container--border);border-color:var(--ez-label-chip__label__container-color--disable-secondary);background-color:var(--ez-label-chip__label__container-color--disable-secondary);fill:var(--ez-label-chip__label__container--text--disabled);color:var(--ez-label-chip__label__container--text--disabled);--ez-icon--color:var(--ez-label-chip__label__container--text--disabled)}.label__content__icon{display:flex;cursor:pointer;color:var(--ez-label-chip__label--text--primary);fill:var(--ez-label-chip__label--text--primary);--ez-icon--color:var(--ez-label-chip__label--text--primary)}.label__container--row-reverse{flex-direction:row-reverse}.label__container .btn-close{padding:0px 0px 0px 8px}.label__container--row-reverse .btn-close{padding:0px 8px 0px 0px}.cursor-disable{cursor:default}ez-icon{--ez-icon--color:inherit}";export{o as ez_chip}

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

@@ -0,0 +1 @@
+import{r as e,h as a,H as t,g as i}from"./p-23a36bb6.js";import{ElementIDUtils as d}from"@sankhyalabs/core";var s;!function(e){e.EXTRA_LARGE="extra-large",e.LARGE="large",e.MEDIUM="medium",e.SMALL_MEDIUM="small-medium",e.SMALL="small",e.EXTRA_SMALL="extra-small"}(s||(s={}));const n=class{constructor(a){e(this,a),this._sizes={[s.EXTRA_LARGE]:{sufix:"xl"},[s.LARGE]:{sufix:"lg"},[s.MEDIUM]:{sufix:"md"},[s.SMALL_MEDIUM]:{sufix:"sm"},[s.SMALL]:{sufix:"xs"},[s.EXTRA_SMALL]:{sufix:"2xs"}},this.hasSlot=!1,this.size="small",this.label=void 0,this.iconLeft=void 0,this.iconRight=void 0,this.position={horizontal:"right",vertical:"top"},this.alignItems="center"}getIconSize(){switch(this.size){case"large":return"large";case"medium":case"small-medium":return"small";case"small":return"x-small";default:return null}}getAlignItemsClass(){switch(this.alignItems){case"flex-end":return"end";case"flex-start":return"start";default:return"center"}}componentDidLoad(){this._element&&d.addIDInfo(this._element),this._badge&&d.addIDInfo(this._badge,"ezBadge",{id:"embedded"})}handleSlotChange(){this.hasSlot=!0}validateIconLeft(){return this.iconLeft&&""!==this.iconLeft.trim()}validateIconRight(){return this.iconRight&&""!==this.iconRight.trim()}validateLabel(){return this.label&&""!==this.label.trim()}createContainerClassName(){let e=this._sizes[this.size].sufix,a=["badge__content","badge__content--icon-align-"+this.getAlignItemsClass()];return this.hasSlot&&(a.push("badge__content--fill-"+e),"bottom"==this.position.vertical&&"right"==this.position.horizontal&&a.push("badge__content--fill-bottom-right"),"bottom"==this.position.vertical&&"left"==this.position.horizontal&&a.push("badge__content--fill-bottom-left"),"top"==this.position.vertical&&"right"==this.position.horizontal&&a.push("badge__content--fill-top-right"),"top"==this.position.vertical&&"left"==this.position.horizontal&&a.push("badge__content--fill-top-left")),a.push(this.label?"badge__content--text-"+e:this.iconLeft||this.iconRight?"badge__content--icon-"+e:"badge__content--fill-"+e),a.join(" ")}render(){return a(t,null,a("div",{class:"badge"},a("div",null,a("slot",{name:"child-badge",onSlotchange:()=>{this.handleSlotChange()}})),a("div",{class:this.createContainerClassName(),ref:e=>this._badge=e},this.validateIconLeft()&&a("ez-icon",{class:"icon",iconName:this.iconLeft,size:this.getIconSize()}),this.validateLabel()&&a("label",{title:this.label},this.label),this.validateIconRight()&&a("ez-icon",{class:"icon",iconName:this.iconRight,size:this.getIconSize()}))))}get _element(){return i(this)}};n.style=":host{--ez-badge--size-2xs:var(--space--2xs, 8px);--ez-badge--size-xs:var(--space--xs, 12px);--ez-badge--size-sm:var(--space--sm, 16px);--ez-badge--size-md:var(--space--md, 20px);--ez-badge--size-lg:var(--space--lg, 24px);--ez-badge--size-xl:var(--space--xl, 32px);--ez-badge--padding-2xs:0;--ez-badge--padding-xs:var(--space--nano, 2px);--ez-badge--padding-sm:calc(var(--space--nano, 2px) + 1px);--ez-badge--padding-md:var(--space--3xs, 4px);--ez-badge--padding-lg:calc(var(--space--3xs, 4px) + 2px);--ez-badge--padding-xl:var(--space--2xs);--ez-badge--border-radius:calc(var(--border--radius-medium, 12px) + 8px);--ez-badge--font-family:var(--font-pattern, Roboto);--ez-badge--font-weight-medium:var(--text-weight--medium, 400);--ez-badge--background-color:var(--color--primary, #008561);--ez-badge--border-none:0;--ez-badge--color:var(--text--inverted, #ffffff);--ez-badge--gap:calc(var(--ez-badge--padding-xs) + 1px);--ez-badge--font-size-md:var(--text--medium);--ez-badge--font-size-sm:var(--text--medium);--ez-badge--font-size-xs:var(--text--small)}ez-icon{--ez-icon--color:inherit}.badge{display:flex;justify-content:center;align-items:center;position:relative}.badge__content{font-family:var(--ez-badge--font-family, Roboto);font-weight:var(--ez-badge--font-weight-medium, 400);background-color:var(--ez-badge--background-color, #008561);border:var(--ez-badge--border-none, 0);color:var(--ez-badge--color, #ffffff);border-radius:var(--ez-badge--border-radius, 20px);gap:var(--ez-badge--gap, 3px);display:flex;justify-content:center}.badge__content--fill-xs{height:var(--ez-badge--size-xs, 12px);min-width:var(--ez-badge--size-xs, 12px)}.badge__content--fill-2xs{height:var(--ez-badge--size-2xs, 8px);min-width:var(--ez-badge--size-2xs, 8px)}.badge__content--text-md{height:calc(var(--ez-badge--size-md, 20px) - 2px);min-width:var(--ez-badge--size-sm, 20px);padding-top:var(--ez-badge--padding-sm);padding-bottom:var(--ez-badge--padding-sm);padding-right:var(--ez-badge--padding-xl);padding-left:var(--ez-badge--padding-xl);font-size:var(--ez-badge--font-size-md)}.badge__content--text-sm{height:calc(var(--ez-badge--size-sm, 16px) - 2px);min-width:var(--ez-badge--size-sm, 16px);padding-top:var(--ez-badge--padding-sm);padding-bottom:var(--ez-badge--padding-sm);padding-right:var(--ez-badge--padding-xl);padding-left:var(--ez-badge--padding-xl);font-size:var(--ez-badge--font-size-sm)}.badge__content--text-xs{height:var(--ez-badge--size-sm, 16px);min-width:var(--ez-badge--size-sm, 16px);padding-top:var(--ez-badge--padding-2xs);padding-bottom:var(--ez-badge--padding-2xs);padding-right:var(--ez-badge--padding-lg);padding-left:var(--ez-badge--padding-lg);font-size:var(--ez-badge--font-size-xs)}.badge__content--icon-lg{height:var(--ez-badge--size-lg, 24px);min-width:var(--ez-badge--size-lg, 24px);padding:var(--ez-badge--padding-md)}.badge__content--icon-md{height:var(--ez-badge--size-sm, 16px);min-width:var(--ez-badge--size-sm, 16px);padding:var(--ez-badge--padding-md)}.badge__content--icon-sm{height:var(--ez-badge--size-sm, 16px);min-width:var(--ez-badge--size-sm, 16px);padding:var(--ez-badge--padding-xs)}.badge__content--icon-xs{height:var(--ez-badge--size-xs, 12px);min-width:var(--ez-badge--size-xs, 12px);padding:var(--ez-badge--padding-xs)}.badge__content--icon-align-center{align-items:center}.badge__content--icon-align-start{align-items:flex-start}.badge__content--icon-align-end{align-items:flex-end}.badge__content--fill{position:absolute;top:0;inset-inline-end:0;z-index:var(--most-visible, 2)}.badge__content--fill-top-right{transform:translate(50%, -50%);position:absolute;top:0;right:0}.badge__content--fill-top-left{transform:translate(-50%, -50%);position:absolute;top:0;left:0}.badge__content--fill-bottom-left{transform:translate(-50%, 50%);position:absolute;bottom:0;left:0}.badge__content--fill-bottom-right{transform:translate(50%, 50%);position:absolute;bottom:0;right:0}";export{n as ez_badge}

package/dist/types/components/ez-badge/ez-badge.d.ts

@@ -24,7 +24,12 @@ export declare class EzBadge {
    * Define a posição do ícone em relação ao elemento filho.
    */
   position: IPosition;
+  /**
+   * Define a posição do ícone em relação ao elemento.
+   */
+  alignItems: "center" | "flex-end" | "flex-start";
   private getIconSize;
+  private getAlignItemsClass;
   componentDidLoad(): void;
   private handleSlotChange;
   private validateIconLeft;

package/dist/types/components/ez-calendar/ez-calendar.d.ts

@@ -3,13 +3,13 @@ export declare class EzCalendar {
   private _container;
   private _box;
   private _floatingID;
-  private _firstRender;
+  private _calendarHeight;
+  private _calendarWidth;
   private _currentPosition;
+  private _firstRender;
   private _todayLabel;
   private _weekDayLabels;
   private _monthLabels;
-  private _calendarHeight;
-  private _calendarWidth;
   private _hoursLabel;
   private _minutosLabel;
   private _hoursSelect;

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

@@ -7,6 +7,7 @@ export declare class EzDateInput {
   private _changePending;
   private _focused;
   private _valuePromiseCallbacks;
+  private _popover;
   private _elem;
   /**
    * Emitido quando acontece a alteração de valor do campo.
@@ -65,13 +66,12 @@ export declare class EzDateInput {
   isInvalid(): Promise<boolean>;
   getValueAsync(): Promise<Date>;
   private changeValue;
-  private showCalendar;
   private hideCalendar;
   private handleBlur;
   private getTextValue;
   private handleInput;
   private setInputValue;
-  private isFixed;
+  disconnectedCallback(): void;
   componentDidLoad(): void;
   render(): any;
 }

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

@@ -7,6 +7,7 @@ export declare class EzDateTimeInput {
   private _changePending;
   private _focused;
   private _valuePromiseCallbacks;
+  private _popover;
   private _elem;
   /**
    * Emitido quando acontece a alteração de valor do campo.
@@ -72,14 +73,13 @@ export declare class EzDateTimeInput {
   private handleFocus;
   private handleClick;
   private changeValue;
-  private showCalendar;
   private hideCalendar;
   private getParsedDateTime;
   private handleBlur;
   private getTextValue;
   private handleInput;
   private setInputValue;
-  private isFixed;
+  disconnectedCallback(): void;
   componentDidLoad(): void;
   render(): any;
 }

package/dist/types/components/ez-grid/controller/ag-grid/AgGridController.d.ts

@@ -13,6 +13,7 @@ export default class AgGridController implements EzGridController, SortingProvid
   private readonly RECORD_ARCHIVE_COL_ID;
   private readonly BLOCK_LOAD_DEBOUNCE;
   private readonly DEFAULT_FONT_SIZE;
+  private readonly DEFAULT_FONT_SIZE_HTML5;
   private readonly DEFAULT_ICON_SIZE;
   private readonly DEFAULT_MAX_SIZE;
   private readonly DOC_WIDTH;

package/dist/types/components/ez-grid/utils/ColumnFilterManager.d.ts

@@ -4,6 +4,6 @@ import { IMultiSelectionOption } from "../../ez-multi-selection-list/interfaces/
 export declare class ColumnFilterManager {
   static getColumnFilters(filters: Array<Filter>, fieldName: string): Map<string, IColumnFilter>;
   static getFilterFunction(dataUnit: DataUnit, filters?: Array<IColumnFilter>): (record: Record) => boolean;
-  private static recordMatchesFilter;
   static compileDistinct(fieldName: string, dataUnit: DataUnit): Array<IMultiSelectionOption>;
+  static compileDistinctFromArray(fieldName: string, dataUnit: DataUnit, records: Array<Record>): Array<IMultiSelectionOption>;
 }

package/dist/types/components/ez-grid/utils/InMemoryFilterColumnDataSource.d.ts

@@ -4,8 +4,11 @@ import { DataUnit } from '@sankhyalabs/core';
 export default class InMemoryFilterColumnDataSource implements IMultiSelectionListDataSource {
   private dataUnit;
   private originalRecords;
+  private lastAppliedFilters;
+  private readonly FILTER_COLUMN_TERM;
   constructor(dataUnit: DataUnit);
   onDataUnitAction: (action: any) => void;
+  private getAppliedFilterNames;
   getStaticOptions(fieldName: string): Promise<Array<IMultiSelectionOption>>;
   fetchData(filterTerm: string, fieldName: string): Promise<Array<IMultiSelectionOption>>;
   sortItems(fieldName: string, items: IMultiSelectionOption[]): IMultiSelectionOption[];

package/dist/types/components/ez-popover-plus/ez-popover-plus.d.ts

@@ -21,18 +21,23 @@ export declare class EzPopoverPlus {
   /**
    * Define o elemento de ancoragem.
    */
-  anchorElement: HTMLElement | string;
+  anchorElement: Array<HTMLElement | string> | HTMLElement | string;
   /**
    * Define as opções do elemento.
    */
   options: IEzPopoverAnchorOptions;
+  /**
+   * Define se o elemento manterá o mesmo tamanho do componente de ancora.
+   */
+  useAnchorSize: boolean;
+  /**
+   * Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira).
+   */
+  minWidth: number;
   /**
    * Emitido quando acontece a alteração de estado do componente.
    */
   ezVisibilityChange: EventEmitter<boolean>;
-  listenerEzVisibilityChange({ detail }: {
-    detail: any;
-  }): void;
   observeOpened(newValue: boolean): Promise<void>;
   /**
    * Atualiza a posição do popover.

package/dist/types/components/ez-popover-plus/subcomponent/ez-popover-core.d.ts

@@ -8,7 +8,7 @@ export declare class EzPopoverCore {
   private TIME_DEBOUNCE;
   _host: HTMLElement;
   /**
-   * Define que será fechado automaticamente quando o usuário clicar fora do conteúdo.
+   * Define se será fechado automaticamente quando o usuário clicar fora do conteúdo.
    */
   autoClose: boolean;
   /**
@@ -26,16 +26,24 @@ export declare class EzPopoverCore {
   /**
    * Define o elemento de ancoragem.
    */
-  anchorElement: HTMLElement | string;
+  anchorElement: Array<HTMLElement | string> | HTMLElement | string;
   /**
    * Define as opções do elemento.
    */
   options: IEzPopoverAnchorOptions;
+  /**
+   * Define se o elemento manterá o mesmo tamanho do componente de ancora.
+   */
+  useAnchorSize: boolean;
+  /**
+   * Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira).
+   */
+  minWidth: number;
   /**
    * Emitido quando acontece a alteração de estado do componente.
    */
   ezVisibilityChange: EventEmitter<boolean>;
-  observeOpened(newValue: boolean, oldValue: boolean): Promise<void>;
+  observeOpened(newValue: boolean, oldValue: boolean): void;
   /**
    * Atualiza a posição do popover.
    */
@@ -62,6 +70,8 @@ export declare class EzPopoverCore {
   setAnchorElement(anchor: HTMLElement | string): Promise<void>;
   private parseSizePixel;
   private updateOptionPosition;
+  private getElement;
+  private getAnchorElement;
   private updatePositionPopover;
   private hidePopover;
   private openPopover;

package/dist/types/components/ez-search/ez-search.d.ts

@@ -3,11 +3,10 @@ import { IEzCheckBoxListPosition } from '../ez-combo-box/ez-combo-box';
 import { TFocusOptions } from "../ez-text-input/ez-text-input";
 export declare class EzSearch {
   private _textInput;
+  private _searchList;
   private _optionsList;
-  private _listContainer;
-  private _listWrapper;
+  private _ezPopOverPlusElement;
   private _itemValueBasis;
-  private _floatingID;
   private _source;
   private _changeDeboucingTimeout;
   private _limitCharsToSearch;
@@ -138,30 +137,20 @@ export declare class EzSearch {
    * Limpa o valor do campo de pesquisa
    */
   clearValue(): Promise<void>;
-  scrollListener(): void;
   private handleValueAsString;
-  private updateListPosition;
-  private getListPosition;
   private isDifferentValues;
   private getFormattedText;
   private getText;
-  private replaceQuotes;
   private getSelectedOption;
   private updateVisibleOptions;
   private getMaxWidthValue;
   private getWidthValue;
-  private createOption;
-  private buildItem;
   private showOptions;
   private hideOptions;
   private isOptionsVisible;
-  private nextOption;
-  private previousOption;
-  private scrollToOption;
   private selectCurrentOption;
   private updateSource;
   private clearSource;
-  private replaceHighlight;
   private selectOption;
   private loadOptions;
   private cancelPreselection;
@@ -190,6 +179,7 @@ export declare class EzSearch {
   private onTextInputFocusOutHandler;
   private canShowListOptions;
   private canShowLoadSpinDescription;
+  private onChangePreSelection;
   render(): any;
 }
 export interface IOption {

package/dist/types/components/ez-search/subcomponent/search-list/search-list.d.ts

@@ -0,0 +1,23 @@
+import { EventEmitter } from '../../../../stencil-public-runtime';
+import { IOption } from '../../ez-search';
+export declare class SearchList {
+  private _startHighlightTag;
+  private _endHighlightTag;
+  private _optionsList;
+  showLoading: boolean;
+  visibleOptions: Array<IOption>;
+  textEmptyList: string;
+  canShowListOptions: boolean;
+  value: IOption | string;
+  showOptionValue: boolean;
+  preSelection: number;
+  changeValue: EventEmitter<IOption>;
+  changePreSelection: EventEmitter<number>;
+  nextOption(): Promise<void>;
+  previousOption(): Promise<void>;
+  private selectOption;
+  private createOption;
+  private scrollToOption;
+  private buildItem;
+  render(): any;
+}

package/dist/types/components/ez-search/utils/searchFormatters.d.ts

@@ -0,0 +1,2 @@
+export declare function replaceHighlight(value: string): string;
+export declare function replaceQuotes(text: string): string;

package/dist/types/components.d.ts

@@ -47,6 +47,7 @@ import { ITreeItem } from "./components/ez-tree/interfaces/ITreeItem";
 import { Node } from "./components/ez-tree/types/Node";
 import { EzFile } from "./components/ez-upload/ez-upload";
 import { IAppliedFilterColumnOptions, IFilterColumnConfigs } from "./components/ez-grid/subcomponents/filter-column";
+import { IOption as IOption3 } from "./components/ez-search/ez-search";
 export namespace Components {
     interface EzActionsButton {
         /**
@@ -133,6 +134,10 @@ export namespace Components {
     interface EzApplication {
     }
     interface EzBadge {
+        /**
+          * Define a posição do ícone em relação ao elemento.
+         */
+        "alignItems": "center" | "flex-end" | "flex-start";
         /**
           * Define o ícone a ser usado no lado esquerdo do badge: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html)
          */
@@ -1392,9 +1397,9 @@ export namespace Components {
         /**
           * Define o elemento de ancoragem.
          */
-        "anchorElement": HTMLElement | string;
+        "anchorElement": Array<HTMLElement | string> | HTMLElement | string;
         /**
-          * Define que será fechado automaticamente quando o usuário clicar fora do conteúdo.
+          * Define se será fechado automaticamente quando o usuário clicar fora do conteúdo.
          */
         "autoClose": boolean;
         /**
@@ -1405,6 +1410,10 @@ export namespace Components {
           * Oculta o ez-popover.
          */
         "hide": () => Promise<void>;
+        /**
+          * Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira).
+         */
+        "minWidth": number;
         /**
           * Define se o ez-popover está aberto.
          */
@@ -1437,12 +1446,16 @@ export namespace Components {
           * Atualiza a posição do popover.
          */
         "updatePosition": (top?: string, left?: string) => Promise<void>;
+        /**
+          * Define se o elemento manterá o mesmo tamanho do componente de ancora.
+         */
+        "useAnchorSize": boolean;
     }
     interface EzPopoverPlus {
         /**
           * Define o elemento de ancoragem.
          */
-        "anchorElement": HTMLElement | string;
+        "anchorElement": Array<HTMLElement | string> | HTMLElement | string;
         /**
           * Define que será fechado automaticamente quando o usuário clicar fora do conteúdo.
          */
@@ -1455,6 +1468,10 @@ export namespace Components {
           * Oculta o ez-popover.
          */
         "hide": () => Promise<void>;
+        /**
+          * Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira).
+         */
+        "minWidth": number;
         /**
           * Define se o ez-popover está aberto.
          */
@@ -1487,6 +1504,10 @@ export namespace Components {
           * Atualiza a posição do popover.
          */
         "updatePosition": (top?: string, left?: string) => Promise<void>;
+        /**
+          * Define se o elemento manterá o mesmo tamanho do componente de ancora.
+         */
+        "useAnchorSize": boolean;
     }
     interface EzPopup {
         /**
@@ -2189,6 +2210,17 @@ export namespace Components {
     interface MultiSelectionBoxMessage {
         "message": string;
     }
+    interface SearchList {
+        "canShowListOptions": boolean;
+        "nextOption": () => Promise<void>;
+        "preSelection": number;
+        "previousOption": () => Promise<void>;
+        "showLoading": boolean;
+        "showOptionValue": boolean;
+        "textEmptyList": string;
+        "value": IOption3 | string;
+        "visibleOptions": Array<IOption3>;
+    }
 }
 export interface EzActionsButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -2366,6 +2398,10 @@ export interface FilterColumnCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLFilterColumnElement;
 }
+export interface SearchListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSearchListElement;
+}
 declare global {
     interface HTMLEzActionsButtonElement extends Components.EzActionsButton, HTMLStencilElement {
     }
@@ -2721,6 +2757,12 @@ declare global {
         prototype: HTMLMultiSelectionBoxMessageElement;
         new (): HTMLMultiSelectionBoxMessageElement;
     };
+    interface HTMLSearchListElement extends Components.SearchList, HTMLStencilElement {
+    }
+    var HTMLSearchListElement: {
+        prototype: HTMLSearchListElement;
+        new (): HTMLSearchListElement;
+    };
     interface HTMLElementTagNameMap {
         "ez-actions-button": HTMLEzActionsButtonElement;
         "ez-alert": HTMLEzAlertElement;
@@ -2781,6 +2823,7 @@ declare global {
         "ez-view-stack": HTMLEzViewStackElement;
         "filter-column": HTMLFilterColumnElement;
         "multi-selection-box-message": HTMLMultiSelectionBoxMessageElement;
+        "search-list": HTMLSearchListElement;
     }
 }
 declare namespace LocalJSX {
@@ -2873,6 +2916,10 @@ declare namespace LocalJSX {
         "onApplicationLoaded"?: (event: EzApplicationCustomEvent<boolean>) => void;
     }
     interface EzBadge {
+        /**
+          * Define a posição do ícone em relação ao elemento.
+         */
+        "alignItems"?: "center" | "flex-end" | "flex-start";
         /**
           * Define o ícone a ser usado no lado esquerdo do badge: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html)
          */
@@ -4024,15 +4071,19 @@ declare namespace LocalJSX {
         /**
           * Define o elemento de ancoragem.
          */
-        "anchorElement"?: HTMLElement | string;
+        "anchorElement"?: Array<HTMLElement | string> | HTMLElement | string;
         /**
-          * Define que será fechado automaticamente quando o usuário clicar fora do conteúdo.
+          * Define se será fechado automaticamente quando o usuário clicar fora do conteúdo.
          */
         "autoClose"?: boolean;
         /**
           * Ajusta o comportamento da largura do popover.
          */
         "boxWidth"?: "full-width" | "fit-content";
+        /**
+          * Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira).
+         */
+        "minWidth"?: number;
         /**
           * Emitido quando acontece a alteração de estado do componente.
          */
@@ -4049,12 +4100,16 @@ declare namespace LocalJSX {
           * Define o tipo de overlay do popover.
          */
         "overlayType"?: "medium" | "light" | "none";
+        /**
+          * Define se o elemento manterá o mesmo tamanho do componente de ancora.
+         */
+        "useAnchorSize"?: boolean;
     }
     interface EzPopoverPlus {
         /**
           * Define o elemento de ancoragem.
          */
-        "anchorElement"?: HTMLElement | string;
+        "anchorElement"?: Array<HTMLElement | string> | HTMLElement | string;
         /**
           * Define que será fechado automaticamente quando o usuário clicar fora do conteúdo.
          */
@@ -4063,6 +4118,10 @@ declare namespace LocalJSX {
           * Ajusta o comportamento da largura do popover.
          */
         "boxWidth"?: "full-width" | "fit-content";
+        /**
+          * Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira).
+         */
+        "minWidth"?: number;
         /**
           * Emitido quando acontece a alteração de estado do componente.
          */
@@ -4079,6 +4138,10 @@ declare namespace LocalJSX {
           * Define o tipo de overlay do popover.
          */
         "overlayType"?: "medium" | "light" | "none";
+        /**
+          * Define se o elemento manterá o mesmo tamanho do componente de ancora.
+         */
+        "useAnchorSize"?: boolean;
     }
     interface EzPopup {
         /**
@@ -4712,6 +4775,17 @@ declare namespace LocalJSX {
     interface MultiSelectionBoxMessage {
         "message"?: string;
     }
+    interface SearchList {
+        "canShowListOptions"?: boolean;
+        "onChangePreSelection"?: (event: SearchListCustomEvent<number>) => void;
+        "onChangeValue"?: (event: SearchListCustomEvent<IOption3>) => void;
+        "preSelection"?: number;
+        "showLoading"?: boolean;
+        "showOptionValue"?: boolean;
+        "textEmptyList"?: string;
+        "value"?: IOption3 | string;
+        "visibleOptions"?: Array<IOption3>;
+    }
     interface IntrinsicElements {
         "ez-actions-button": EzActionsButton;
         "ez-alert": EzAlert;
@@ -4772,6 +4846,7 @@ declare namespace LocalJSX {
         "ez-view-stack": EzViewStack;
         "filter-column": FilterColumn;
         "multi-selection-box-message": MultiSelectionBoxMessage;
+        "search-list": SearchList;
     }
 }
 export { LocalJSX as JSX };
@@ -4837,6 +4912,7 @@ declare module "@stencil/core" {
             "ez-view-stack": LocalJSX.EzViewStack & JSXBase.HTMLAttributes<HTMLEzViewStackElement>;
             "filter-column": LocalJSX.FilterColumn & JSXBase.HTMLAttributes<HTMLFilterColumnElement>;
             "multi-selection-box-message": LocalJSX.MultiSelectionBoxMessage & JSXBase.HTMLAttributes<HTMLMultiSelectionBoxMessageElement>;
+            "search-list": LocalJSX.SearchList & JSXBase.HTMLAttributes<HTMLSearchListElement>;
         }
     }
 }