bromcom-ui 2.8.1 → 2.9.0-rc.0

package/dist/bromcom-ui/{p-2fc1ab9a.entry.js → p-ab55def1.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,c as s,h as i,H as h,g as e}from"./p-da1055cb.js";import{C as o}from"./p-843905c8.js";import"./p-626a65e9.js";import{G as a}from"./p-d3cb8d25.js";import"./p-80a43b79.js";import{S as r}from"./p-8d0ca8c2.js";import"./p-b94fa326.js";import"./p-7e44e6b5.js";import{a as c}from"./p-a429e85b.js";import{d as n}from"./p-8c018ae0.js";import{F as w}from"./p-b60bcecf.js";import"./p-436364c8.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";class l{constructor({content:t,message:s,targetId:i,placement:h="top",color:e="slate-700",trigger:c="none",openDelay:l=0,closeDelay:p=0,autoHide:d=!1,emitShow:m=(()=>{}),emitHide:b=(()=>{})}){this.destroy=()=>{this.el=document.getElementById(this.id),this.el&&(this.el.remove(),this.emitHide()),this.removeListener()},this.bgColor=()=>o.twColor(this.color,700),this.exepcitonColors={white:"slate-300",black:"slate-700"},this.target=()=>document.getElementById(this.targetId),this.init=()=>{const t=`<div class="tw-z-[1] tw-rounded tw-py-2 tw-bg-${this.bgColor()}">\n            ${this.message?`<div class="tw-font-medium tw-w-full tw-pb-1 tw-px-4">${r.trim(this.message)}</div>`:""}\n            ${this.content?`<div class="tw-font-normal tw-px-4">${r.trim(this.content)}</div>`:""}\n        </div>`;this.el=a.createElement("div",{id:`${this.targetId}-popover-box`,class:`\n            tw-whitespace-normal tw-break-words tw-block tw-font-sans tw-pointer-events-none tw-max-w-[256px] tw-rounded tw-bg-${this.bgColor()} tw-text-white tw-text-3 tw-absolute tw-top-0 tw-left-0 tw-z-tooltip tw-opacity-0 tw-transition-opacity tw-duration-300\n            tw-shadow`,role:"popover","aria-hidden":"true",style:`color: ${o.twColorReverse(this.bgColor())}`,innerHTML:t})},this.update=()=>{this.el=document.getElementById(this.id),this.el&&(this.hide(),this.show())},this.listener=()=>{if(window.addEventListener("resize",this.calculatePosition.bind(this)),window.addEventListener("scroll",this.calculatePosition.bind(this),!0),window.addEventListener("wheel",this.calculatePosition.bind(this)),this.trigger&&this.target())switch(this.trigger){case"click":this.target().addEventListener("click",this.toggle.bind(this)),this.autoHide&&this.target().addEventListener("mouseleave",this.hide.bind(this));break;case"hover":this.target().addEventListener("mouseenter",this.show.bind(this)),this.target().addEventListener("mouseleave",this.hide.bind(this));break;case"focus":this.target().addEventListener("focus",this.show.bind(this),!0),this.target().addEventListener("blur",this.hide.bind(this),!0)}this.calculatePosition()},this.removeListener=()=>{window.removeEventListener("resize",this.calculatePosition.bind(this)),window.removeEventListener("scroll",this.calculatePosition.bind(this),!0),window.removeEventListener("wheel",this.calculatePosition.bind(this)),this.target()&&(this.target().removeEventListener("click",this.toggle.bind(this)),this.target().removeEventListener("mouseenter",this.show.bind(this)),this.target().removeEventListener("mouseleave",this.hide.bind(this)),this.target().removeEventListener("focus",this.show.bind(this),!0),this.target().removeEventListener("blur",this.hide.bind(this),!0))},this.calculatePosition=()=>{this.el=document.getElementById(this.id),this.el&&w({ref:this.target(),floating:this.el,placement:this.placement,offset:8,arrow:!0,arrowColor:`tw-bg-${this.bgColor()}`})},this.show=async()=>{this.message?(this.init(),await n(this.openDelay),this.calculatePosition(),this.emitShow()):this.hide()},this.hide=async()=>{this.el=document.getElementById(this.id),this.el&&(await n(this.closeDelay),this.el.remove(),this.emitHide())},this.toggle=()=>{this.el=document.getElementById(this.id),this.el?this.hide():this.show()},this.content=t,this.message=s,this.targetId=i,this.placement=h,this.color=e,this.trigger=c,this.id=i+"-popover-box",this.openDelay=l,this.closeDelay=p,this.autoHide=d,this.emitShow=m,this.emitHide=b}}const p=class{constructor(i){t(this,i),this.bcmPopoverShow=s(this,"bcmPopoverShow",7),this.bcmPopoverHide=s(this,"bcmPopoverHide",7),this._id=a.UID(),this.message="",this.content="",this.placement=c.Placement.top,this.trigger=c.TriggerType.click,this.open=!1,this.color="white",this.openDelay=0,this.closeDelay=0,this.autoHide=!1,this.targetId=void 0,this.popover=void 0}emitShow(){this.bcmPopoverShow.emit()}emitHide(){this.bcmPopoverHide.emit()}connectedCallback(){this.popover=new l({targetId:this.targetId||this._id,content:this.content,message:this.message,placement:this.placement,color:this.color,trigger:this.trigger,openDelay:this.openDelay,closeDelay:this.closeDelay,autoHide:this.autoHide,emitShow:()=>this.emitShow(),emitHide:()=>this.emitHide()})}componentDidLoad(){this.popover.listener()}componentDidRender(){const{content:t,message:s,placement:i,color:h,trigger:e}=this;this.popover.content=t,this.popover.message=s,this.popover.placement=i,this.popover.color=h,this.popover.trigger=e,this.popover.openDelay=this.openDelay,this.popover.closeDelay=this.closeDelay,this.popover.autoHide=this.autoHide,this.popover.update()}disconnectedCallback(){this.popover.destroy()}async show(){this.popover.show()}async hide(){this.popover.hide()}async toggle(){this.popover.toggle()}render(){return i(h,{"aria-describedby":"popover",class:"tw-inline-flex tw-h-fit tw-w-fit"},i("slot",null))}get el(){return e(this)}};export{p as bcm_popover}
+import{r as t,c as s,h as i,H as h,g as e}from"./p-da1055cb.js";import{C as o}from"./p-843905c8.js";import"./p-626a65e9.js";import{G as a}from"./p-d3cb8d25.js";import"./p-80a43b79.js";import{S as r}from"./p-8d0ca8c2.js";import"./p-b94fa326.js";import"./p-7e44e6b5.js";import{B as c}from"./p-a429e85b.js";import{d as n}from"./p-8c018ae0.js";import{F as w}from"./p-b60bcecf.js";import"./p-436364c8.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";class l{constructor({content:t,message:s,targetId:i,placement:h="top",color:e="slate-700",trigger:c="none",openDelay:l=0,closeDelay:p=0,autoHide:d=!1,emitShow:m=(()=>{}),emitHide:b=(()=>{})}){this.destroy=()=>{this.el=document.getElementById(this.id),this.el&&(this.el.remove(),this.emitHide()),this.removeListener()},this.bgColor=()=>o.twColor(this.color,700),this.exepcitonColors={white:"slate-300",black:"slate-700"},this.target=()=>document.getElementById(this.targetId),this.init=()=>{const t=`<div class="tw-z-[1] tw-rounded tw-py-2 tw-bg-${this.bgColor()}">\n            ${this.message?`<div class="tw-font-medium tw-w-full tw-pb-1 tw-px-4">${r.trim(this.message)}</div>`:""}\n            ${this.content?`<div class="tw-font-normal tw-px-4">${r.trim(this.content)}</div>`:""}\n        </div>`;this.el=a.createElement("div",{id:`${this.targetId}-popover-box`,class:`\n            tw-whitespace-normal tw-break-words tw-block tw-font-sans tw-pointer-events-none tw-max-w-[256px] tw-rounded tw-bg-${this.bgColor()} tw-text-white tw-text-3 tw-absolute tw-top-0 tw-left-0 tw-z-tooltip tw-opacity-0 tw-transition-opacity tw-duration-300\n            tw-shadow`,role:"popover","aria-hidden":"true",style:`color: ${o.twColorReverse(this.bgColor())}`,innerHTML:t})},this.update=()=>{this.el=document.getElementById(this.id),this.el&&(this.hide(),this.show())},this.listener=()=>{if(window.addEventListener("resize",this.calculatePosition.bind(this)),window.addEventListener("scroll",this.calculatePosition.bind(this),!0),window.addEventListener("wheel",this.calculatePosition.bind(this)),this.trigger&&this.target())switch(this.trigger){case"click":this.target().addEventListener("click",this.toggle.bind(this)),this.autoHide&&this.target().addEventListener("mouseleave",this.hide.bind(this));break;case"hover":this.target().addEventListener("mouseenter",this.show.bind(this)),this.target().addEventListener("mouseleave",this.hide.bind(this));break;case"focus":this.target().addEventListener("focus",this.show.bind(this),!0),this.target().addEventListener("blur",this.hide.bind(this),!0)}this.calculatePosition()},this.removeListener=()=>{window.removeEventListener("resize",this.calculatePosition.bind(this)),window.removeEventListener("scroll",this.calculatePosition.bind(this),!0),window.removeEventListener("wheel",this.calculatePosition.bind(this)),this.target()&&(this.target().removeEventListener("click",this.toggle.bind(this)),this.target().removeEventListener("mouseenter",this.show.bind(this)),this.target().removeEventListener("mouseleave",this.hide.bind(this)),this.target().removeEventListener("focus",this.show.bind(this),!0),this.target().removeEventListener("blur",this.hide.bind(this),!0))},this.calculatePosition=()=>{this.el=document.getElementById(this.id),this.el&&w({ref:this.target(),floating:this.el,placement:this.placement,offset:8,arrow:!0,arrowColor:`tw-bg-${this.bgColor()}`})},this.show=async()=>{this.message?(this.init(),await n(this.openDelay),this.calculatePosition(),this.emitShow()):this.hide()},this.hide=async()=>{this.el=document.getElementById(this.id),this.el&&(await n(this.closeDelay),this.el.remove(),this.emitHide())},this.toggle=()=>{this.el=document.getElementById(this.id),this.el?this.hide():this.show()},this.content=t,this.message=s,this.targetId=i,this.placement=h,this.color=e,this.trigger=c,this.id=i+"-popover-box",this.openDelay=l,this.closeDelay=p,this.autoHide=d,this.emitShow=m,this.emitHide=b}}const p=class{constructor(i){t(this,i),this.bcmPopoverShow=s(this,"bcmPopoverShow",7),this.bcmPopoverHide=s(this,"bcmPopoverHide",7),this._id=a.UID(),this.message="",this.content="",this.placement=c.Placement.top,this.trigger=c.TriggerType.click,this.open=!1,this.color="white",this.openDelay=0,this.closeDelay=0,this.autoHide=!1,this.targetId=void 0,this.popover=void 0}emitShow(){this.bcmPopoverShow.emit()}emitHide(){this.bcmPopoverHide.emit()}connectedCallback(){this.popover=new l({targetId:this.targetId||this._id,content:this.content,message:this.message,placement:this.placement,color:this.color,trigger:this.trigger,openDelay:this.openDelay,closeDelay:this.closeDelay,autoHide:this.autoHide,emitShow:()=>this.emitShow(),emitHide:()=>this.emitHide()})}componentDidLoad(){this.popover.listener()}componentDidRender(){const{content:t,message:s,placement:i,color:h,trigger:e}=this;this.popover.content=t,this.popover.message=s,this.popover.placement=i,this.popover.color=h,this.popover.trigger=e,this.popover.openDelay=this.openDelay,this.popover.closeDelay=this.closeDelay,this.popover.autoHide=this.autoHide,this.popover.update()}disconnectedCallback(){this.popover.destroy()}async show(){this.popover.show()}async hide(){this.popover.hide()}async toggle(){this.popover.toggle()}render(){return i(h,{"aria-describedby":"popover",class:"tw-inline-flex tw-h-fit tw-w-fit"},i("slot",null))}get el(){return e(this)}};export{p as bcm_popover}

package/dist/bromcom-ui/p-b60bcecf.js

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{a as t}from"./p-a429e85b.js";function e(t){return t.split("-")[1]}function n(t){return"y"===t?"height":"width"}function o(t){return t.split("-")[0]}function r(t){return["top","bottom"].includes(o(t))?"x":"y"}function i(t,i,a){let{reference:l,floating:c}=t;const s=l.x+l.width/2-c.width/2,f=l.y+l.height/2-c.height/2,u=r(i),d=n(u),m=l[d]/2-c[d]/2,p="x"===u;let y;switch(o(i)){case"top":y={x:s,y:l.y-c.height};break;case"bottom":y={x:s,y:l.y+l.height};break;case"right":y={x:l.x+l.width,y:f};break;case"left":y={x:l.x-c.width,y:f};break;default:y={x:l.x,y:l.y}}switch(e(i)){case"start":y[u]-=m*(a&&p?-1:1);break;case"end":y[u]+=m*(a&&p?-1:1)}return y}function a(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}}function l(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function c(t,e){var n;void 0===e&&(e={});const{x:o,y:r,platform:i,rects:c,elements:s,strategy:f}=t,{boundary:u="clippingAncestors",rootBoundary:d="viewport",elementContext:m="floating",altBoundary:p=!1,padding:y=0}=e,h=a(y),g=s[p?"floating"===m?"reference":"floating":m],w=l(await i.getClippingRect({element:null==(n=await(null==i.isElement?void 0:i.isElement(g)))||n?g:g.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(s.floating)),boundary:u,rootBoundary:d,strategy:f})),x="floating"===m?{...c.floating,x:o,y:r}:c.reference,b=await(null==i.getOffsetParent?void 0:i.getOffsetParent(s.floating)),v=await(null==i.isElement?void 0:i.isElement(b))&&await(null==i.getScale?void 0:i.getScale(b))||{x:1,y:1},A=l(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({rect:x,offsetParent:b,strategy:f}):x);return{top:(w.top-A.top+h.top)/v.y,bottom:(A.bottom-w.bottom+h.bottom)/v.y,left:(w.left-A.left+h.left)/v.x,right:(A.right-w.right+h.right)/v.x}}const s=Math.min,f=Math.max;function u(t,e,n){return f(t,s(e,n))}const d=["top","right","bottom","left"],m={left:"right",right:"left",bottom:"top",top:"bottom"};function p(t){return t.replace(/left|right|bottom|top/g,(t=>m[t]))}const y={start:"end",end:"start"};function h(t){return t.replace(/start|end/g,(t=>y[t]))}const g=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(i){var a;const{placement:l,middlewareData:s,rects:f,initialPlacement:u,platform:d,elements:m}=i,{mainAxis:y=!0,crossAxis:g=!0,fallbackPlacements:w,fallbackStrategy:x="bestFit",fallbackAxisSideDirection:b="none",flipAlignment:v=!0,...A}=t,H=o(l),k=o(u)===u,O=await(null==d.isRTL?void 0:d.isRTL(m.floating)),R=w||(k||!v?[p(u)]:function(t){const e=p(t);return[h(t),e,h(e)]}(u));w||"none"===b||R.push(...function(t,n,r,i){const a=e(t);let l=function(t,e,n){const o=["left","right"],r=["right","left"],i=["top","bottom"],a=["bottom","top"];switch(t){case"top":case"bottom":return n?e?r:o:e?o:r;case"left":case"right":return e?i:a;default:return[]}}(o(t),"start"===r,i);return a&&(l=l.map((t=>t+"-"+a)),n&&(l=l.concat(l.map(h)))),l}(u,v,b,O));const $=[u,...R],j=await c(i,A),M=[];let P=(null==(a=s.flip)?void 0:a.overflows)||[];if(y&&M.push(j[H]),g){const{main:t,cross:o}=function(t,o,i){void 0===i&&(i=!1);const a=e(t),l=r(t),c=n(l);let s="x"===l?a===(i?"end":"start")?"right":"left":"start"===a?"bottom":"top";return o.reference[c]>o.floating[c]&&(s=p(s)),{main:s,cross:p(s)}}(l,f,O);M.push(j[t],j[o])}if(P=[...P,{placement:l,overflows:M}],!M.every((t=>t<=0))){var C,D;const t=((null==(C=s.flip)?void 0:C.index)||0)+1,e=$[t];if(e)return{data:{index:t,overflows:P},reset:{placement:e}};let n=null==(D=P.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:D.placement;if(!n)switch(x){case"bestFit":{var F;const t=null==(F=P.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:F[0];t&&(n=t);break}case"initialPlacement":n=u}if(l!==n)return{reset:{placement:n}}}return{}}}};function w(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function x(t){return d.some((e=>t[e]>=0))}function b(t){var e;return(null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function v(t){return b(t).getComputedStyle(t)}function A(t){return t instanceof b(t).Node}function H(t){return A(t)?(t.nodeName||"").toLowerCase():""}let k;function O(){if(k)return k;const t=navigator.userAgentData;return t&&Array.isArray(t.brands)?(k=t.brands.map((t=>t.brand+"/"+t.version)).join(" "),k):navigator.userAgent}function R(t){return t instanceof b(t).HTMLElement}function $(t){return t instanceof b(t).Element}function j(t){return"undefined"!=typeof ShadowRoot&&(t instanceof b(t).ShadowRoot||t instanceof ShadowRoot)}function M(t){const{overflow:e,overflowX:n,overflowY:o,display:r}=v(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!["inline","contents"].includes(r)}function P(t){return["table","td","th"].includes(H(t))}function C(t){const e=/firefox/i.test(O()),n=v(t),o=n.backdropFilter||n.WebkitBackdropFilter;return"none"!==n.transform||"none"!==n.perspective||!!o&&"none"!==o||e&&"filter"===n.willChange||e&&!!n.filter&&"none"!==n.filter||["transform","perspective"].some((t=>n.willChange.includes(t)))||["paint","layout","strict","content"].some((t=>{const e=n.contain;return null!=e&&e.includes(t)}))}function D(){return/^((?!chrome|android).)*safari/i.test(O())}function F(t){return["html","body","#document"].includes(H(t))}const S=Math.min,B=Math.max,T=Math.round;function L(t){const e=v(t);let n=parseFloat(e.width),o=parseFloat(e.height);const r=R(t),i=r?t.offsetWidth:n,a=r?t.offsetHeight:o,l=T(n)!==i||T(o)!==a;return l&&(n=i,o=a),{width:n,height:o,fallback:l}}function E(t){return $(t)?t:t.contextElement}const z={x:1,y:1};function N(t){const e=E(t);if(!R(e))return z;const n=e.getBoundingClientRect(),{width:o,height:r,fallback:i}=L(e);let a=(i?T(n.width):n.width)/o,l=(i?T(n.height):n.height)/r;return a&&Number.isFinite(a)||(a=1),l&&Number.isFinite(l)||(l=1),{x:a,y:l}}function W(t,e,n,o){var r,i;void 0===e&&(e=!1),void 0===n&&(n=!1);const a=t.getBoundingClientRect(),c=E(t);let s=z;e&&(o?$(o)&&(s=N(o)):s=N(t));const f=c?b(c):window,u=D()&&n;let d=(a.left+(u&&(null==(r=f.visualViewport)?void 0:r.offsetLeft)||0))/s.x,m=(a.top+(u&&(null==(i=f.visualViewport)?void 0:i.offsetTop)||0))/s.y,p=a.width/s.x,y=a.height/s.y;if(c){const t=b(c),e=o&&$(o)?b(o):o;let n=t.frameElement;for(;n&&o&&e!==t;){const t=N(n),e=n.getBoundingClientRect(),o=getComputedStyle(n);e.x+=(n.clientLeft+parseFloat(o.paddingLeft))*t.x,e.y+=(n.clientTop+parseFloat(o.paddingTop))*t.y,d*=t.x,m*=t.y,p*=t.x,y*=t.y,d+=e.x,m+=e.y,n=b(n).frameElement}}return l({width:p,height:y,x:d,y:m})}function V(t){return((A(t)?t.ownerDocument:t.document)||window.document).documentElement}function X(t){return $(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function Y(t){return W(V(t)).left+X(t).scrollLeft}function _(t){if("html"===H(t))return t;const e=t.assignedSlot||t.parentNode||j(t)&&t.host||V(t);return j(e)?e.host:e}function q(t){const e=_(t);return F(e)?e.ownerDocument.body:R(e)&&M(e)?e:q(e)}function G(t,e){var n;void 0===e&&(e=[]);const o=q(t),r=o===(null==(n=t.ownerDocument)?void 0:n.body),i=b(o);return r?e.concat(i,i.visualViewport||[],M(o)?o:[]):e.concat(o,G(o))}function I(t,e,n){let o;if("viewport"===e)o=function(t,e){const n=b(t),o=V(t),r=n.visualViewport;let i=o.clientWidth,a=o.clientHeight,l=0,c=0;if(r){i=r.width,a=r.height;const t=D();(!t||t&&"fixed"===e)&&(l=r.offsetLeft,c=r.offsetTop)}return{width:i,height:a,x:l,y:c}}(t,n);else if("document"===e)o=function(t){const e=V(t),n=X(t),o=t.ownerDocument.body,r=B(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),i=B(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight);let a=-n.scrollLeft+Y(t);const l=-n.scrollTop;return"rtl"===v(o).direction&&(a+=B(e.clientWidth,o.clientWidth)-r),{width:r,height:i,x:a,y:l}}(V(t));else if($(e))o=function(t,e){const n=W(t,!0,"fixed"===e),o=n.top+t.clientTop,r=n.left+t.clientLeft,i=R(t)?N(t):{x:1,y:1};return{width:t.clientWidth*i.x,height:t.clientHeight*i.y,x:r*i.x,y:o*i.y}}(e,n);else{const n={...e};if(D()){var r,i;const e=b(t);n.x-=(null==(r=e.visualViewport)?void 0:r.offsetLeft)||0,n.y-=(null==(i=e.visualViewport)?void 0:i.offsetTop)||0}o=n}return l(o)}function J(t,e){return R(t)&&"fixed"!==v(t).position?e?e(t):t.offsetParent:null}function K(t,e){const n=b(t);if(!R(t))return n;let o=J(t,e);for(;o&&P(o)&&"static"===v(o).position;)o=J(o,e);return o&&("html"===H(o)||"body"===H(o)&&"static"===v(o).position&&!C(o))?n:o||function(t){let e=_(t);for(;R(e)&&!F(e);){if(C(e))return e;e=_(e)}return null}(t)||n}function Q(t,e,n){const o=R(e),r=V(e),i=W(t,!0,"fixed"===n,e);let a={scrollLeft:0,scrollTop:0};const l={x:0,y:0};if(o||!o&&"fixed"!==n)if(("body"!==H(e)||M(r))&&(a=X(e)),R(e)){const t=W(e,!0);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else r&&(l.x=Y(r));return{x:i.left+a.scrollLeft-l.x,y:i.top+a.scrollTop-l.y,width:i.width,height:i.height}}const U={getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:o,strategy:r}=t;const i=[..."clippingAncestors"===n?function(t,e){const n=e.get(t);if(n)return n;let o=G(t).filter((t=>$(t)&&"body"!==H(t))),r=null;const i="fixed"===v(t).position;let a=i?_(t):t;for(;$(a)&&!F(a);){const t=v(a),e=C(a);"fixed"===t.position?r=null:(i?e||r:e||"static"!==t.position||!r||!["absolute","fixed"].includes(r.position))?r=t:o=o.filter((t=>t!==a)),a=_(a)}return e.set(t,o),o}(e,this._c):[].concat(n),o],a=i.reduce(((t,n)=>{const o=I(e,n,r);return t.top=B(o.top,t.top),t.right=S(o.right,t.right),t.bottom=S(o.bottom,t.bottom),t.left=B(o.left,t.left),t}),I(e,i[0],r));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:n,strategy:o}=t;const r=R(n),i=V(n);if(n===i)return e;let a={scrollLeft:0,scrollTop:0},l={x:1,y:1};const c={x:0,y:0};if((r||!r&&"fixed"!==o)&&(("body"!==H(n)||M(i))&&(a=X(n)),R(n))){const t=W(n);l=N(n),c.x=t.x+n.clientLeft,c.y=t.y+n.clientTop}return{width:e.width*l.x,height:e.height*l.y,x:e.x*l.x-a.scrollLeft*l.x+c.x,y:e.y*l.y-a.scrollTop*l.y+c.y}},isElement:$,getDimensions:function(t){return L(t)},getOffsetParent:K,getDocumentElement:V,getScale:N,async getElementRects(t){let{reference:e,floating:n,strategy:o}=t;const r=this.getOffsetParent||K,i=this.getDimensions;return{reference:Q(e,await r(n),o),floating:{x:0,y:0,...await i(n)}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===v(t).direction},Z=l=>{const{ref:d,floating:m,placement:p=t.Placement.bottom,offset:y=0,arrow:h=!1,arrowColor:b="tw-bg-slate-700",autoHidden:v=!0,autoSize:A=!1,style:H={}}=l;let k=[(O=y,void 0===O&&(O=0),{name:"offset",options:O,async fn(t){const{x:n,y:i}=t,a=await async function(t,n){const{placement:i,platform:a,elements:l}=t,c=await(null==a.isRTL?void 0:a.isRTL(l.floating)),s=o(i),f=e(i),u="x"===r(i),d=["left","top"].includes(s)?-1:1,m=c&&u?-1:1,p="function"==typeof n?n(t):n;let{mainAxis:y,crossAxis:h,alignmentAxis:g}="number"==typeof p?{mainAxis:p,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...p};return f&&"number"==typeof g&&(h="end"===f?-1*g:g),u?{x:h*m,y:y*d}:{x:y*d,y:h*m}}(t,O);return{x:n+a.x,y:i+a.y,data:a}}}),g(),(R={padding:5},void 0===R&&(R={}),{name:"shift",options:R,async fn(t){const{x:e,y:n,placement:i}=t,{mainAxis:a=!0,crossAxis:l=!1,limiter:s={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...f}=R,d={x:e,y:n},m=await c(t,f),p=r(o(i)),y="x"===p?"y":"x";let h=d[p],g=d[y];a&&(h=u(h+m["y"===p?"top":"left"],h,h-m["y"===p?"bottom":"right"])),l&&(g=u(g+m["y"===y?"top":"left"],g,g-m["y"===y?"bottom":"right"]));const w=s.fn({...t,[p]:h,[y]:g});return{...w,data:{x:w.x-e,y:w.y-n}}}})];var O,R;v&&k.push(function(t){return void 0===t&&(t={}),{name:"hide",options:t,async fn(e){const{strategy:n="referenceHidden",...o}=t,{rects:r}=e;switch(n){case"referenceHidden":{const t=w(await c(e,{...o,elementContext:"reference"}),r.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:x(t)}}}case"escaped":{const t=w(await c(e,{...o,altBoundary:!0}),r.floating);return{data:{escapedOffsets:t,escaped:x(t)}}}default:return{}}}}}({padding:10})),H&&Object.assign(m.style,Object.assign(Object.assign({},H.height&&{height:H.height}),H.minHeight&&{minHeight:H.minHeight}));const $=["auto","100%","100vh","100vw","inherit","initial","unset",void 0].some((t=>t==(null==H?void 0:H.height)));A&&$&&k.push(function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(n){const{placement:i,rects:a,platform:l,elements:u}=n,{apply:d=(()=>{}),...m}=t,p=await c(n,m),y=o(i),h=e(i),g="x"===r(i),{width:w,height:x}=a.floating;let b,v;"top"===y||"bottom"===y?(b=y,v=h===(await(null==l.isRTL?void 0:l.isRTL(u.floating))?"start":"end")?"left":"right"):(v=y,b="end"===h?"top":"bottom");const A=x-p[b],H=w-p[v];let k=A,O=H;if(g?O=s(w-p.right-p.left,H):k=s(x-p.bottom-p.top,A),!n.middlewareData.shift&&!h){const t=f(p.left,0),e=f(p.right,0),n=f(p.top,0),o=f(p.bottom,0);g?O=w-2*(0!==t||0!==e?t+e:f(p.left,p.right)):k=x-2*(0!==n||0!==o?n+o:f(p.top,p.bottom))}await d({...n,availableWidth:O,availableHeight:k});const R=await l.getDimensions(u.floating);return w!==R.width||x!==R.height?{reset:{rects:!0}}:{}}}}({apply({availableHeight:t}){const e=`${t>window.innerHeight?window.innerHeight-10:t}px`;Object.assign(m.style,{maxHeight:`${H.maxHeight&&e>=H.maxHeight?H.maxHeight:e}`})},padding:5}));let j=document.getElementById(`${m.id}-arrow`);h&&(j||(j=document.createElement("div"),j.setAttribute("id",`${m.id}-arrow`)),j.setAttribute("class",`tw-absolute tw-w-2 tw-h-2 ${b} tw-transform tw-z-[-1] tw-opacity-0 tw-transition-opacity tw-duration-300 \n            tw-shadow \n        `),m.prepend(j),k.push((t=>({name:"arrow",options:t,async fn(o){const{element:i,padding:l=0}=t||{},{x:c,y:s,placement:f,rects:d,platform:m,elements:p}=o;if(null==i)return{};const y=a(l),h={x:c,y:s},g=r(f),w=n(g),x=await m.getDimensions(i),b="y"===g,v=b?"top":"left",A=b?"bottom":"right",H=b?"clientHeight":"clientWidth",k=d.reference[w]+d.reference[g]-h[g]-d.floating[w],O=h[g]-d.reference[g],R=await(null==m.getOffsetParent?void 0:m.getOffsetParent(i));let $=R?R[H]:0;$&&await(null==m.isElement?void 0:m.isElement(R))||($=p.floating[H]||d.floating[w]);const j=y[v],M=$-x[w]-y[A],P=$/2-x[w]/2+(k/2-O/2),C=u(j,P,M),D=null!=e(f)&&P!=C&&d.reference[w]/2-(P<j?y[v]:y[A])-x[w]/2<0;return{[g]:h[g]-(D?P<j?j-P:M-P:0),data:{[g]:C,centerOffset:P-C}}}}))({element:j,padding:4}))),((t,e,n)=>{const o=new Map,r={platform:U,...n},a={...r.platform,_c:o};return(async(t,e,n)=>{const{placement:o="bottom",strategy:r="absolute",middleware:a=[],platform:l}=n,c=a.filter(Boolean),s=await(null==l.isRTL?void 0:l.isRTL(e));let f=await l.getElementRects({reference:t,floating:e,strategy:r}),{x:u,y:d}=i(f,o,s),m=o,p={},y=0;for(let n=0;n<c.length;n++){const{name:a,fn:h}=c[n],{x:g,y:w,data:x,reset:b}=await h({x:u,y:d,initialPlacement:o,placement:m,strategy:r,middlewareData:p,rects:f,platform:l,elements:{reference:t,floating:e}});u=null!=g?g:u,d=null!=w?w:d,p={...p,[a]:{...p[a],...x}},b&&y<=50&&(y++,"object"==typeof b&&(b.placement&&(m=b.placement),b.rects&&(f=!0===b.rects?await l.getElementRects({reference:t,floating:e,strategy:r}):b.rects),({x:u,y:d}=i(f,m,s))),n=-1)}return{x:u,y:d,placement:m,strategy:r,middlewareData:p}})(t,e,{...r,platform:a})})(d,m,{placement:p,middleware:k}).then((({x:t,y:e,placement:n,middlewareData:o})=>{const{referenceHidden:r}=v?o.hide:{referenceHidden:!1};if(Object.assign(m.style,{top:"0",left:"0",transform:`translate(${Math.round(t)}px,${Math.round(e)}px)`,opacity:r?"0":"1",visibility:r?"hidden":"visible"}),r){const t=new CustomEvent("bcm-floating-is-hide",{detail:{id:m.id}});document.dispatchEvent(t),"true"!==m.getAttribute("outside-of-the-screen")&&m.setAttribute("outside-of-the-screen","true")}else"true"===m.getAttribute("outside-of-the-screen")&&m.removeAttribute("outside-of-the-screen");if(h){const{x:t,y:e}=o.arrow,i={top:"bottom",right:"left",bottom:"top",left:"right"}[n.split("-")[0]],a={top:"rotate(45deg)",right:"rotate(135deg)",bottom:"rotate(-135deg)",left:"rotate(-45deg)"}[n.split("-")[0]];Object.assign(j.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[i]:"-4px",opacity:1,visibility:r?"hidden":"visible",transform:a})}}))};export{Z as F}
+import{B as t}from"./p-a429e85b.js";function e(t){return t.split("-")[1]}function n(t){return"y"===t?"height":"width"}function o(t){return t.split("-")[0]}function r(t){return["top","bottom"].includes(o(t))?"x":"y"}function i(t,i,a){let{reference:l,floating:c}=t;const s=l.x+l.width/2-c.width/2,f=l.y+l.height/2-c.height/2,u=r(i),d=n(u),m=l[d]/2-c[d]/2,p="x"===u;let y;switch(o(i)){case"top":y={x:s,y:l.y-c.height};break;case"bottom":y={x:s,y:l.y+l.height};break;case"right":y={x:l.x+l.width,y:f};break;case"left":y={x:l.x-c.width,y:f};break;default:y={x:l.x,y:l.y}}switch(e(i)){case"start":y[u]-=m*(a&&p?-1:1);break;case"end":y[u]+=m*(a&&p?-1:1)}return y}function a(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}}function l(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function c(t,e){var n;void 0===e&&(e={});const{x:o,y:r,platform:i,rects:c,elements:s,strategy:f}=t,{boundary:u="clippingAncestors",rootBoundary:d="viewport",elementContext:m="floating",altBoundary:p=!1,padding:y=0}=e,h=a(y),g=s[p?"floating"===m?"reference":"floating":m],w=l(await i.getClippingRect({element:null==(n=await(null==i.isElement?void 0:i.isElement(g)))||n?g:g.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(s.floating)),boundary:u,rootBoundary:d,strategy:f})),x="floating"===m?{...c.floating,x:o,y:r}:c.reference,b=await(null==i.getOffsetParent?void 0:i.getOffsetParent(s.floating)),v=await(null==i.isElement?void 0:i.isElement(b))&&await(null==i.getScale?void 0:i.getScale(b))||{x:1,y:1},A=l(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({rect:x,offsetParent:b,strategy:f}):x);return{top:(w.top-A.top+h.top)/v.y,bottom:(A.bottom-w.bottom+h.bottom)/v.y,left:(w.left-A.left+h.left)/v.x,right:(A.right-w.right+h.right)/v.x}}const s=Math.min,f=Math.max;function u(t,e,n){return f(t,s(e,n))}const d=["top","right","bottom","left"],m={left:"right",right:"left",bottom:"top",top:"bottom"};function p(t){return t.replace(/left|right|bottom|top/g,(t=>m[t]))}const y={start:"end",end:"start"};function h(t){return t.replace(/start|end/g,(t=>y[t]))}const g=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(i){var a;const{placement:l,middlewareData:s,rects:f,initialPlacement:u,platform:d,elements:m}=i,{mainAxis:y=!0,crossAxis:g=!0,fallbackPlacements:w,fallbackStrategy:x="bestFit",fallbackAxisSideDirection:b="none",flipAlignment:v=!0,...A}=t,H=o(l),k=o(u)===u,O=await(null==d.isRTL?void 0:d.isRTL(m.floating)),R=w||(k||!v?[p(u)]:function(t){const e=p(t);return[h(t),e,h(e)]}(u));w||"none"===b||R.push(...function(t,n,r,i){const a=e(t);let l=function(t,e,n){const o=["left","right"],r=["right","left"],i=["top","bottom"],a=["bottom","top"];switch(t){case"top":case"bottom":return n?e?r:o:e?o:r;case"left":case"right":return e?i:a;default:return[]}}(o(t),"start"===r,i);return a&&(l=l.map((t=>t+"-"+a)),n&&(l=l.concat(l.map(h)))),l}(u,v,b,O));const $=[u,...R],j=await c(i,A),M=[];let P=(null==(a=s.flip)?void 0:a.overflows)||[];if(y&&M.push(j[H]),g){const{main:t,cross:o}=function(t,o,i){void 0===i&&(i=!1);const a=e(t),l=r(t),c=n(l);let s="x"===l?a===(i?"end":"start")?"right":"left":"start"===a?"bottom":"top";return o.reference[c]>o.floating[c]&&(s=p(s)),{main:s,cross:p(s)}}(l,f,O);M.push(j[t],j[o])}if(P=[...P,{placement:l,overflows:M}],!M.every((t=>t<=0))){var B,C;const t=((null==(B=s.flip)?void 0:B.index)||0)+1,e=$[t];if(e)return{data:{index:t,overflows:P},reset:{placement:e}};let n=null==(C=P.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:C.placement;if(!n)switch(x){case"bestFit":{var D;const t=null==(D=P.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:D[0];t&&(n=t);break}case"initialPlacement":n=u}if(l!==n)return{reset:{placement:n}}}return{}}}};function w(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function x(t){return d.some((e=>t[e]>=0))}function b(t){var e;return(null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function v(t){return b(t).getComputedStyle(t)}function A(t){return t instanceof b(t).Node}function H(t){return A(t)?(t.nodeName||"").toLowerCase():""}let k;function O(){if(k)return k;const t=navigator.userAgentData;return t&&Array.isArray(t.brands)?(k=t.brands.map((t=>t.brand+"/"+t.version)).join(" "),k):navigator.userAgent}function R(t){return t instanceof b(t).HTMLElement}function $(t){return t instanceof b(t).Element}function j(t){return"undefined"!=typeof ShadowRoot&&(t instanceof b(t).ShadowRoot||t instanceof ShadowRoot)}function M(t){const{overflow:e,overflowX:n,overflowY:o,display:r}=v(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!["inline","contents"].includes(r)}function P(t){return["table","td","th"].includes(H(t))}function B(t){const e=/firefox/i.test(O()),n=v(t),o=n.backdropFilter||n.WebkitBackdropFilter;return"none"!==n.transform||"none"!==n.perspective||!!o&&"none"!==o||e&&"filter"===n.willChange||e&&!!n.filter&&"none"!==n.filter||["transform","perspective"].some((t=>n.willChange.includes(t)))||["paint","layout","strict","content"].some((t=>{const e=n.contain;return null!=e&&e.includes(t)}))}function C(){return/^((?!chrome|android).)*safari/i.test(O())}function D(t){return["html","body","#document"].includes(H(t))}const F=Math.min,S=Math.max,T=Math.round;function L(t){const e=v(t);let n=parseFloat(e.width),o=parseFloat(e.height);const r=R(t),i=r?t.offsetWidth:n,a=r?t.offsetHeight:o,l=T(n)!==i||T(o)!==a;return l&&(n=i,o=a),{width:n,height:o,fallback:l}}function E(t){return $(t)?t:t.contextElement}const z={x:1,y:1};function N(t){const e=E(t);if(!R(e))return z;const n=e.getBoundingClientRect(),{width:o,height:r,fallback:i}=L(e);let a=(i?T(n.width):n.width)/o,l=(i?T(n.height):n.height)/r;return a&&Number.isFinite(a)||(a=1),l&&Number.isFinite(l)||(l=1),{x:a,y:l}}function W(t,e,n,o){var r,i;void 0===e&&(e=!1),void 0===n&&(n=!1);const a=t.getBoundingClientRect(),c=E(t);let s=z;e&&(o?$(o)&&(s=N(o)):s=N(t));const f=c?b(c):window,u=C()&&n;let d=(a.left+(u&&(null==(r=f.visualViewport)?void 0:r.offsetLeft)||0))/s.x,m=(a.top+(u&&(null==(i=f.visualViewport)?void 0:i.offsetTop)||0))/s.y,p=a.width/s.x,y=a.height/s.y;if(c){const t=b(c),e=o&&$(o)?b(o):o;let n=t.frameElement;for(;n&&o&&e!==t;){const t=N(n),e=n.getBoundingClientRect(),o=getComputedStyle(n);e.x+=(n.clientLeft+parseFloat(o.paddingLeft))*t.x,e.y+=(n.clientTop+parseFloat(o.paddingTop))*t.y,d*=t.x,m*=t.y,p*=t.x,y*=t.y,d+=e.x,m+=e.y,n=b(n).frameElement}}return l({width:p,height:y,x:d,y:m})}function V(t){return((A(t)?t.ownerDocument:t.document)||window.document).documentElement}function X(t){return $(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function Y(t){return W(V(t)).left+X(t).scrollLeft}function _(t){if("html"===H(t))return t;const e=t.assignedSlot||t.parentNode||j(t)&&t.host||V(t);return j(e)?e.host:e}function q(t){const e=_(t);return D(e)?e.ownerDocument.body:R(e)&&M(e)?e:q(e)}function G(t,e){var n;void 0===e&&(e=[]);const o=q(t),r=o===(null==(n=t.ownerDocument)?void 0:n.body),i=b(o);return r?e.concat(i,i.visualViewport||[],M(o)?o:[]):e.concat(o,G(o))}function I(t,e,n){let o;if("viewport"===e)o=function(t,e){const n=b(t),o=V(t),r=n.visualViewport;let i=o.clientWidth,a=o.clientHeight,l=0,c=0;if(r){i=r.width,a=r.height;const t=C();(!t||t&&"fixed"===e)&&(l=r.offsetLeft,c=r.offsetTop)}return{width:i,height:a,x:l,y:c}}(t,n);else if("document"===e)o=function(t){const e=V(t),n=X(t),o=t.ownerDocument.body,r=S(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),i=S(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight);let a=-n.scrollLeft+Y(t);const l=-n.scrollTop;return"rtl"===v(o).direction&&(a+=S(e.clientWidth,o.clientWidth)-r),{width:r,height:i,x:a,y:l}}(V(t));else if($(e))o=function(t,e){const n=W(t,!0,"fixed"===e),o=n.top+t.clientTop,r=n.left+t.clientLeft,i=R(t)?N(t):{x:1,y:1};return{width:t.clientWidth*i.x,height:t.clientHeight*i.y,x:r*i.x,y:o*i.y}}(e,n);else{const n={...e};if(C()){var r,i;const e=b(t);n.x-=(null==(r=e.visualViewport)?void 0:r.offsetLeft)||0,n.y-=(null==(i=e.visualViewport)?void 0:i.offsetTop)||0}o=n}return l(o)}function J(t,e){return R(t)&&"fixed"!==v(t).position?e?e(t):t.offsetParent:null}function K(t,e){const n=b(t);if(!R(t))return n;let o=J(t,e);for(;o&&P(o)&&"static"===v(o).position;)o=J(o,e);return o&&("html"===H(o)||"body"===H(o)&&"static"===v(o).position&&!B(o))?n:o||function(t){let e=_(t);for(;R(e)&&!D(e);){if(B(e))return e;e=_(e)}return null}(t)||n}function Q(t,e,n){const o=R(e),r=V(e),i=W(t,!0,"fixed"===n,e);let a={scrollLeft:0,scrollTop:0};const l={x:0,y:0};if(o||!o&&"fixed"!==n)if(("body"!==H(e)||M(r))&&(a=X(e)),R(e)){const t=W(e,!0);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else r&&(l.x=Y(r));return{x:i.left+a.scrollLeft-l.x,y:i.top+a.scrollTop-l.y,width:i.width,height:i.height}}const U={getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:o,strategy:r}=t;const i=[..."clippingAncestors"===n?function(t,e){const n=e.get(t);if(n)return n;let o=G(t).filter((t=>$(t)&&"body"!==H(t))),r=null;const i="fixed"===v(t).position;let a=i?_(t):t;for(;$(a)&&!D(a);){const t=v(a),e=B(a);"fixed"===t.position?r=null:(i?e||r:e||"static"!==t.position||!r||!["absolute","fixed"].includes(r.position))?r=t:o=o.filter((t=>t!==a)),a=_(a)}return e.set(t,o),o}(e,this._c):[].concat(n),o],a=i.reduce(((t,n)=>{const o=I(e,n,r);return t.top=S(o.top,t.top),t.right=F(o.right,t.right),t.bottom=F(o.bottom,t.bottom),t.left=S(o.left,t.left),t}),I(e,i[0],r));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:n,strategy:o}=t;const r=R(n),i=V(n);if(n===i)return e;let a={scrollLeft:0,scrollTop:0},l={x:1,y:1};const c={x:0,y:0};if((r||!r&&"fixed"!==o)&&(("body"!==H(n)||M(i))&&(a=X(n)),R(n))){const t=W(n);l=N(n),c.x=t.x+n.clientLeft,c.y=t.y+n.clientTop}return{width:e.width*l.x,height:e.height*l.y,x:e.x*l.x-a.scrollLeft*l.x+c.x,y:e.y*l.y-a.scrollTop*l.y+c.y}},isElement:$,getDimensions:function(t){return L(t)},getOffsetParent:K,getDocumentElement:V,getScale:N,async getElementRects(t){let{reference:e,floating:n,strategy:o}=t;const r=this.getOffsetParent||K,i=this.getDimensions;return{reference:Q(e,await r(n),o),floating:{x:0,y:0,...await i(n)}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===v(t).direction},Z=l=>{const{ref:d,floating:m,placement:p=t.Placement.bottom,offset:y=0,arrow:h=!1,arrowColor:b="tw-bg-slate-700",autoHidden:v=!0,autoSize:A=!1,style:H={}}=l;let k=[(O=y,void 0===O&&(O=0),{name:"offset",options:O,async fn(t){const{x:n,y:i}=t,a=await async function(t,n){const{placement:i,platform:a,elements:l}=t,c=await(null==a.isRTL?void 0:a.isRTL(l.floating)),s=o(i),f=e(i),u="x"===r(i),d=["left","top"].includes(s)?-1:1,m=c&&u?-1:1,p="function"==typeof n?n(t):n;let{mainAxis:y,crossAxis:h,alignmentAxis:g}="number"==typeof p?{mainAxis:p,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...p};return f&&"number"==typeof g&&(h="end"===f?-1*g:g),u?{x:h*m,y:y*d}:{x:y*d,y:h*m}}(t,O);return{x:n+a.x,y:i+a.y,data:a}}}),g(),(R={padding:5},void 0===R&&(R={}),{name:"shift",options:R,async fn(t){const{x:e,y:n,placement:i}=t,{mainAxis:a=!0,crossAxis:l=!1,limiter:s={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...f}=R,d={x:e,y:n},m=await c(t,f),p=r(o(i)),y="x"===p?"y":"x";let h=d[p],g=d[y];a&&(h=u(h+m["y"===p?"top":"left"],h,h-m["y"===p?"bottom":"right"])),l&&(g=u(g+m["y"===y?"top":"left"],g,g-m["y"===y?"bottom":"right"]));const w=s.fn({...t,[p]:h,[y]:g});return{...w,data:{x:w.x-e,y:w.y-n}}}})];var O,R;v&&k.push(function(t){return void 0===t&&(t={}),{name:"hide",options:t,async fn(e){const{strategy:n="referenceHidden",...o}=t,{rects:r}=e;switch(n){case"referenceHidden":{const t=w(await c(e,{...o,elementContext:"reference"}),r.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:x(t)}}}case"escaped":{const t=w(await c(e,{...o,altBoundary:!0}),r.floating);return{data:{escapedOffsets:t,escaped:x(t)}}}default:return{}}}}}({padding:10})),H&&Object.assign(m.style,Object.assign(Object.assign({},H.height&&{height:H.height}),H.minHeight&&{minHeight:H.minHeight}));const $=["auto","100%","100vh","100vw","inherit","initial","unset",void 0].some((t=>t==(null==H?void 0:H.height)));A&&$&&k.push(function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(n){const{placement:i,rects:a,platform:l,elements:u}=n,{apply:d=(()=>{}),...m}=t,p=await c(n,m),y=o(i),h=e(i),g="x"===r(i),{width:w,height:x}=a.floating;let b,v;"top"===y||"bottom"===y?(b=y,v=h===(await(null==l.isRTL?void 0:l.isRTL(u.floating))?"start":"end")?"left":"right"):(v=y,b="end"===h?"top":"bottom");const A=x-p[b],H=w-p[v];let k=A,O=H;if(g?O=s(w-p.right-p.left,H):k=s(x-p.bottom-p.top,A),!n.middlewareData.shift&&!h){const t=f(p.left,0),e=f(p.right,0),n=f(p.top,0),o=f(p.bottom,0);g?O=w-2*(0!==t||0!==e?t+e:f(p.left,p.right)):k=x-2*(0!==n||0!==o?n+o:f(p.top,p.bottom))}await d({...n,availableWidth:O,availableHeight:k});const R=await l.getDimensions(u.floating);return w!==R.width||x!==R.height?{reset:{rects:!0}}:{}}}}({apply({availableHeight:t}){const e=`${t>window.innerHeight?window.innerHeight-10:t}px`;Object.assign(m.style,{maxHeight:`${H.maxHeight&&e>=H.maxHeight?H.maxHeight:e}`})},padding:5}));let j=document.getElementById(`${m.id}-arrow`);h&&(j||(j=document.createElement("div"),j.setAttribute("id",`${m.id}-arrow`)),j.setAttribute("class",`tw-absolute tw-w-2 tw-h-2 ${b} tw-transform tw-z-[-1] tw-opacity-0 tw-transition-opacity tw-duration-300 \n            tw-shadow \n        `),m.prepend(j),k.push((t=>({name:"arrow",options:t,async fn(o){const{element:i,padding:l=0}=t||{},{x:c,y:s,placement:f,rects:d,platform:m,elements:p}=o;if(null==i)return{};const y=a(l),h={x:c,y:s},g=r(f),w=n(g),x=await m.getDimensions(i),b="y"===g,v=b?"top":"left",A=b?"bottom":"right",H=b?"clientHeight":"clientWidth",k=d.reference[w]+d.reference[g]-h[g]-d.floating[w],O=h[g]-d.reference[g],R=await(null==m.getOffsetParent?void 0:m.getOffsetParent(i));let $=R?R[H]:0;$&&await(null==m.isElement?void 0:m.isElement(R))||($=p.floating[H]||d.floating[w]);const j=y[v],M=$-x[w]-y[A],P=$/2-x[w]/2+(k/2-O/2),B=u(j,P,M),C=null!=e(f)&&P!=B&&d.reference[w]/2-(P<j?y[v]:y[A])-x[w]/2<0;return{[g]:h[g]-(C?P<j?j-P:M-P:0),data:{[g]:B,centerOffset:P-B}}}}))({element:j,padding:4}))),((t,e,n)=>{const o=new Map,r={platform:U,...n},a={...r.platform,_c:o};return(async(t,e,n)=>{const{placement:o="bottom",strategy:r="absolute",middleware:a=[],platform:l}=n,c=a.filter(Boolean),s=await(null==l.isRTL?void 0:l.isRTL(e));let f=await l.getElementRects({reference:t,floating:e,strategy:r}),{x:u,y:d}=i(f,o,s),m=o,p={},y=0;for(let n=0;n<c.length;n++){const{name:a,fn:h}=c[n],{x:g,y:w,data:x,reset:b}=await h({x:u,y:d,initialPlacement:o,placement:m,strategy:r,middlewareData:p,rects:f,platform:l,elements:{reference:t,floating:e}});u=null!=g?g:u,d=null!=w?w:d,p={...p,[a]:{...p[a],...x}},b&&y<=50&&(y++,"object"==typeof b&&(b.placement&&(m=b.placement),b.rects&&(f=!0===b.rects?await l.getElementRects({reference:t,floating:e,strategy:r}):b.rects),({x:u,y:d}=i(f,m,s))),n=-1)}return{x:u,y:d,placement:m,strategy:r,middlewareData:p}})(t,e,{...r,platform:a})})(d,m,{placement:p,middleware:k}).then((({x:t,y:e,placement:n,middlewareData:o})=>{const{referenceHidden:r}=v?o.hide:{referenceHidden:!1};if(Object.assign(m.style,{top:"0",left:"0",transform:`translate(${Math.round(t)}px,${Math.round(e)}px)`,opacity:r?"0":"1",visibility:r?"hidden":"visible"}),r){const t=new CustomEvent("bcm-floating-is-hide",{detail:{id:m.id}});document.dispatchEvent(t),"true"!==m.getAttribute("outside-of-the-screen")&&m.setAttribute("outside-of-the-screen","true")}else"true"===m.getAttribute("outside-of-the-screen")&&m.removeAttribute("outside-of-the-screen");if(h){const{x:t,y:e}=o.arrow,i={top:"bottom",right:"left",bottom:"top",left:"right"}[n.split("-")[0]],a={top:"rotate(45deg)",right:"rotate(135deg)",bottom:"rotate(-135deg)",left:"rotate(-45deg)"}[n.split("-")[0]];Object.assign(j.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[i]:"-4px",opacity:1,visibility:r?"hidden":"visible",transform:a})}}))};export{Z as F}

package/dist/bromcom-ui/{p-a8a4460a.entry.js → p-c9b10de5.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,c as e,h as i,H as s,g as n}from"./p-da1055cb.js";import{c as r}from"./p-d65a1e21.js";import{G as a}from"./p-d3cb8d25.js";import{B as o}from"./p-a429e85b.js";import{d as h}from"./p-8c018ae0.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.js";const c=class{constructor(i){t(this,i),this.change=e(this,"bcm-change",7),this._id=a.UID(),this.min=0,this.max=10,this.step=1,this.value=0,this.height="326px",this.name=void 0,this.direction=o.Direction.horizontal,this._prefix=void 0,this._suffix=void 0,this.multiple=!1,this.leftValue=void 0,this.rightValue=void 0,this.leftMin=void 0}connectedCallback(){const t=JSON.parse(this.value);this.value="number"==typeof t?[t]:t,this.value.length>1?(this.leftValue=this.value[0],this.rightValue=this.value[1],this.leftMin=this.min,this.multiple=!0):(this.rightValue=this.value,this.leftMin=this.min-this.step,this.leftValue=this.leftMin,this.multiple=!1),a.createComponent("bcm-tooltip-box",{id:"box-"+this._id,placement:this.direction===o.Direction.horizontal?o.Placement.top:o.Placement.left,color:"blue"},null)}componentDidLoad(){this.setThumbPosition("right"),this.setThumbPosition("left"),this.multiple||this.hiddenLeftThumb()}async setValue(t){return this.value=t,this.handleChange(),t}async setClear(){return this.value=this.multiple?[this.min,this.max]:this.min,await h(10),Promise.resolve()}async resetCaption(){return await h(10),await h(10),Promise.resolve()}async getValue(){return this.value}syncValues(t,e){const i=e.target.valueAsNumber,s="left"===t?this.rightValue:this.leftValue;"left"===t?(this.leftValue=i>=s?s-1:i,this.getInput(t).valueAsNumber=this.leftValue,this.setThumbPosition("left")):(this.rightValue=i<=s?s+1:i,this.getInput(t).valueAsNumber=this.rightValue,this.setThumbPosition("right"))}handleChange(){this.multiple?(this.getInput("left").valueAsNumber=this.leftValue,this.getInput("right").valueAsNumber=this.rightValue,this.value=[this.leftValue,this.rightValue]):(this.getInput("right").valueAsNumber=this.rightValue,this.value=this.rightValue),this.change.emit(this.value)}setThumbPosition(t){const{min:e,max:i}=this,s=this.el.querySelector("#bcm-range__thumb-range");let n;n=(this.getInput(t).valueAsNumber-e)/(i-e)*100,n=("left"===t?n:100-n)+"%",this.getThumb(t).style[t]=n,s.style[t]=n}hiddenLeftThumb(){const t=this.getThumb("left"),e=this.el.querySelector("#bcm-range__thumb-range");t.classList.add("hidden"),e.style.left=0}getTooltip(t){const e=document.querySelector(`bcm-tooltip-box[id="box-${this._id}"]`);return e.setAttribute("target-id","bcm-range__thumb-"+t+"-"+this._id),e.setAttribute("message",this.getInput(t).valueAsNumber),e}getThumb(t){return this.el.querySelector("#bcm-range__thumb-"+t+"-"+this._id)}getInput(t){return this.el.querySelector("#input-"+t+"-"+this._id)}touchToMove(t){const e=this.multiple&&Math.abs(t-this.leftValue)<Math.abs(t-this.rightValue)?"left":"right";this.getInput(e).valueAsNumber=t,this.syncValues(e,{target:{valueAsNumber:t}}),this.handleChange()}hoverTick(t,e){this.el.querySelector(`#tick-${t}`).classList.toggle("hover",e)}render(){const{min:t,max:e,step:n,leftMin:a,direction:h,height:c}=this,p=r("bcm-range",h);return i(s,{class:p,style:h==o.Direction.vertical&&{height:c}},i("div",{class:"bcm-range__container",style:h==o.Direction.vertical&&{height:"100%",width:c}},i("input",{type:"range",id:`input-left-${this._id}`,min:a,max:e,step:n,onChange:t=>{this.syncValues("left",t),this.handleChange()},onInput:t=>{this.syncValues("left",t),this.getTooltip("left").hide(),this.getTooltip("left").show()},onMouseOver:()=>{this.getThumb("left").classList.add("hover"),this.getTooltip("left").show()},onMouseOut:()=>{this.getThumb("left").classList.remove("hover"),this.getTooltip("left").hide()},value:this.leftValue,class:{single:!this.multiple}}),i("input",{type:"range",id:`input-right-${this._id}`,min:t,max:e,onChange:t=>{this.syncValues("right",t),this.handleChange()},onInput:t=>{this.syncValues("right",t),this.getTooltip("right").hide(),this.getTooltip("right").show()},onMouseOver:()=>{this.getThumb("right").classList.add("hover"),this.getTooltip("right").show()},onMouseOut:()=>{this.getThumb("right").classList.remove("hover"),this.getTooltip("right").hide()},step:n,value:this.rightValue}),i("div",{class:"bcm-range__container-bar"},i("div",{class:"ticks"},i((()=>{const{min:t,max:e,step:s,_prefix:n,_suffix:r}=this,a=[];for(let o=t;o<=e;o+=s)a.push(i("span",{id:"tick-"+o,class:"tick size-1"},i("span",{class:"tick-text",onMouseOver:()=>this.hoverTick(o,!0),onMouseOut:()=>this.hoverTick(o,!1),onClick:()=>this.touchToMove(o)},n,o,r)));return a}),null)),i("div",{class:"bcm-range__container-bar-track"}),i("div",{class:"bcm-range__container-bar-range",id:"bcm-range__thumb-range"}),i("div",{class:"bcm-range__container-bar-thumb left",id:`bcm-range__thumb-left-${this._id}`},i("span",null)),i("div",{class:"bcm-range__container-bar-thumb right",id:`bcm-range__thumb-right-${this._id}`},i("span",null))),i("div",{class:"touch"},i((()=>{const{min:t,max:e,step:s}=this,n=[];for(let r=t;r<=e;r+=s)n.push(i("span",{onMouseOver:()=>this.hoverTick(r,!0),onMouseOut:()=>this.hoverTick(r,!1),onClick:()=>this.touchToMove(r),class:"touch-point"}));return n}),null))))}get el(){return n(this)}};c.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-range{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;width:100%;position:relative;display:block;margin:16px 0}.bcm-range input[type=range]{position:absolute;pointer-events:none;-webkit-appearance:none;z-index:4;height:30px;width:100%;top:-17px;opacity:0}.bcm-range input[type=range].single{display:none}.bcm-range input[type=range]::-webkit-slider-thumb{pointer-events:all;width:30px;height:30px;border-radius:0;border:0 none;background-color:red;-webkit-appearance:none;cursor:pointer}.bcm-range__container-bar{width:calc(100% - 24px);left:12px;position:relative}.bcm-range__container-bar-track{position:absolute;top:-2px;width:100%;height:4px;background-color:var(--bcm-new-ds-color-slate-300);z-index:1}.bcm-range__container-bar-range{position:absolute;top:-2px;left:22.22%;right:22.22%;height:4px;background-color:var(--bcm-new-ds-color-blue-500);z-index:2}.bcm-range__container-bar-thumb{position:absolute;top:0;width:16px;height:16px;background-color:var(--bcm-new-ds-color-blue-500);border-radius:50%;z-index:3;transition:box-shadow 0.2s ease-in-out;display:flex;align-items:center;justify-content:center}.bcm-range__container-bar-thumb>span{display:flex;width:100%;height:100%}.bcm-range__container-bar-thumb.hover{box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1), 0px 3px 1px rgba(0, 0, 0, 0.05), 0px 1px 5px rgba(0, 0, 0, 0.1);cursor:pointer}.bcm-range__container-bar-thumb.hidden{display:none}.bcm-range__container-bar-thumb.left{left:22.22222%;transform:translate(-8px, -8px)}.bcm-range__container-bar-thumb.right{right:0%;transform:translate(8px, -8px)}.bcm-range .ticks{position:absolute;z-index:0;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:4px 0;user-select:none}.bcm-range .tick{position:relative;display:flex;justify-content:center;width:1px;color:var(--bcm-new-ds-color-slate-300);cursor:pointer;height:8px;line-height:32px;margin-bottom:8px;z-index:-1;transition:color 0.1s ease-in-out}.bcm-range .tick::before,.bcm-range .tick::after{content:" ";position:absolute;width:1px;height:8px;background-color:var(--bcm-new-ds-color-slate-300);z-index:-1;transition:background-color 0.1s ease-in-out}.bcm-range .tick::before{top:-16px}.bcm-range .tick::after{top:0}.bcm-range .tick.hover{color:var(--bcm-new-ds-color-slate-400)}.bcm-range .tick.hover::before,.bcm-range .tick.hover::after{background-color:var(--bcm-new-ds-color-slate-400)}.bcm-range .touch{position:absolute;width:calc(100% + 48px);left:-24px;top:-17px;opacity:0;height:45px;z-index:2;background-color:transparent;display:flex;flex-direction:row;justify-content:space-between}.bcm-range .touch-point{cursor:pointer;flex:1;border:1px solid var(--bcm-new-ds-color-slate-300);box-sizing:border-box;background-color:var(--bcm-new-ds-color-slate-300)}.bcm-range .touch-point:hover{border-color:var(--bcm-new-ds-color-blue-500);background-color:var(--bcm-new-ds-color-blue-500)}.bcm-range .touch::after,.bcm-range .touch::before{content:"";position:absolute;width:24px;height:100%;top:0}.bcm-range .touch::before{left:0}.bcm-range .touch::after{right:0}.bcm-range.vertical{margin:0 16px;padding:12px 0}.bcm-range.vertical .touch{width:calc(100% + 12px);left:-6px;top:-17px}.bcm-range.vertical .touch::after,.bcm-range.vertical .touch::before{width:12px}.bcm-range.vertical .bcm-range__container{transform:rotate(270deg)}.bcm-range.vertical .bcm-range__container .ticks .tick-text{position:absolute;top:0px;width:100%;transform:rotate(90deg)}';export{c as bcm_range}
+import{r as t,c as e,h as i,H as s,g as n}from"./p-da1055cb.js";import{c as r}from"./p-d65a1e21.js";import{G as a}from"./p-d3cb8d25.js";import{a as o}from"./p-a429e85b.js";import{d as h}from"./p-8c018ae0.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.js";const c=class{constructor(i){t(this,i),this.change=e(this,"bcm-change",7),this._id=a.UID(),this.min=0,this.max=10,this.step=1,this.value=0,this.height="326px",this.name=void 0,this.direction=o.Direction.horizontal,this._prefix=void 0,this._suffix=void 0,this.multiple=!1,this.leftValue=void 0,this.rightValue=void 0,this.leftMin=void 0}connectedCallback(){const t=JSON.parse(this.value);this.value="number"==typeof t?[t]:t,this.value.length>1?(this.leftValue=this.value[0],this.rightValue=this.value[1],this.leftMin=this.min,this.multiple=!0):(this.rightValue=this.value,this.leftMin=this.min-this.step,this.leftValue=this.leftMin,this.multiple=!1),a.createComponent("bcm-tooltip-box",{id:"box-"+this._id,placement:this.direction===o.Direction.horizontal?o.Placement.top:o.Placement.left,color:"blue"},null)}componentDidLoad(){this.setThumbPosition("right"),this.setThumbPosition("left"),this.multiple||this.hiddenLeftThumb()}async setValue(t){return this.value=t,this.handleChange(),t}async setClear(){return this.value=this.multiple?[this.min,this.max]:this.min,await h(10),Promise.resolve()}async resetCaption(){return await h(10),await h(10),Promise.resolve()}async getValue(){return this.value}syncValues(t,e){const i=e.target.valueAsNumber,s="left"===t?this.rightValue:this.leftValue;"left"===t?(this.leftValue=i>=s?s-1:i,this.getInput(t).valueAsNumber=this.leftValue,this.setThumbPosition("left")):(this.rightValue=i<=s?s+1:i,this.getInput(t).valueAsNumber=this.rightValue,this.setThumbPosition("right"))}handleChange(){this.multiple?(this.getInput("left").valueAsNumber=this.leftValue,this.getInput("right").valueAsNumber=this.rightValue,this.value=[this.leftValue,this.rightValue]):(this.getInput("right").valueAsNumber=this.rightValue,this.value=this.rightValue),this.change.emit(this.value)}setThumbPosition(t){const{min:e,max:i}=this,s=this.el.querySelector("#bcm-range__thumb-range");let n;n=(this.getInput(t).valueAsNumber-e)/(i-e)*100,n=("left"===t?n:100-n)+"%",this.getThumb(t).style[t]=n,s.style[t]=n}hiddenLeftThumb(){const t=this.getThumb("left"),e=this.el.querySelector("#bcm-range__thumb-range");t.classList.add("hidden"),e.style.left=0}getTooltip(t){const e=document.querySelector(`bcm-tooltip-box[id="box-${this._id}"]`);return e.setAttribute("target-id","bcm-range__thumb-"+t+"-"+this._id),e.setAttribute("message",this.getInput(t).valueAsNumber),e}getThumb(t){return this.el.querySelector("#bcm-range__thumb-"+t+"-"+this._id)}getInput(t){return this.el.querySelector("#input-"+t+"-"+this._id)}touchToMove(t){const e=this.multiple&&Math.abs(t-this.leftValue)<Math.abs(t-this.rightValue)?"left":"right";this.getInput(e).valueAsNumber=t,this.syncValues(e,{target:{valueAsNumber:t}}),this.handleChange()}hoverTick(t,e){this.el.querySelector(`#tick-${t}`).classList.toggle("hover",e)}render(){const{min:t,max:e,step:n,leftMin:a,direction:h,height:c}=this,p=r("bcm-range",h);return i(s,{class:p,style:h==o.Direction.vertical&&{height:c}},i("div",{class:"bcm-range__container",style:h==o.Direction.vertical&&{height:"100%",width:c}},i("input",{type:"range",id:`input-left-${this._id}`,min:a,max:e,step:n,onChange:t=>{this.syncValues("left",t),this.handleChange()},onInput:t=>{this.syncValues("left",t),this.getTooltip("left").hide(),this.getTooltip("left").show()},onMouseOver:()=>{this.getThumb("left").classList.add("hover"),this.getTooltip("left").show()},onMouseOut:()=>{this.getThumb("left").classList.remove("hover"),this.getTooltip("left").hide()},value:this.leftValue,class:{single:!this.multiple}}),i("input",{type:"range",id:`input-right-${this._id}`,min:t,max:e,onChange:t=>{this.syncValues("right",t),this.handleChange()},onInput:t=>{this.syncValues("right",t),this.getTooltip("right").hide(),this.getTooltip("right").show()},onMouseOver:()=>{this.getThumb("right").classList.add("hover"),this.getTooltip("right").show()},onMouseOut:()=>{this.getThumb("right").classList.remove("hover"),this.getTooltip("right").hide()},step:n,value:this.rightValue}),i("div",{class:"bcm-range__container-bar"},i("div",{class:"ticks"},i((()=>{const{min:t,max:e,step:s,_prefix:n,_suffix:r}=this,a=[];for(let o=t;o<=e;o+=s)a.push(i("span",{id:"tick-"+o,class:"tick size-1"},i("span",{class:"tick-text",onMouseOver:()=>this.hoverTick(o,!0),onMouseOut:()=>this.hoverTick(o,!1),onClick:()=>this.touchToMove(o)},n,o,r)));return a}),null)),i("div",{class:"bcm-range__container-bar-track"}),i("div",{class:"bcm-range__container-bar-range",id:"bcm-range__thumb-range"}),i("div",{class:"bcm-range__container-bar-thumb left",id:`bcm-range__thumb-left-${this._id}`},i("span",null)),i("div",{class:"bcm-range__container-bar-thumb right",id:`bcm-range__thumb-right-${this._id}`},i("span",null))),i("div",{class:"touch"},i((()=>{const{min:t,max:e,step:s}=this,n=[];for(let r=t;r<=e;r+=s)n.push(i("span",{onMouseOver:()=>this.hoverTick(r,!0),onMouseOut:()=>this.hoverTick(r,!1),onClick:()=>this.touchToMove(r),class:"touch-point"}));return n}),null))))}get el(){return n(this)}};c.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-range{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;width:100%;position:relative;display:block;margin:16px 0}.bcm-range input[type=range]{position:absolute;pointer-events:none;-webkit-appearance:none;z-index:4;height:30px;width:100%;top:-17px;opacity:0}.bcm-range input[type=range].single{display:none}.bcm-range input[type=range]::-webkit-slider-thumb{pointer-events:all;width:30px;height:30px;border-radius:0;border:0 none;background-color:red;-webkit-appearance:none;cursor:pointer}.bcm-range__container-bar{width:calc(100% - 24px);left:12px;position:relative}.bcm-range__container-bar-track{position:absolute;top:-2px;width:100%;height:4px;background-color:var(--bcm-new-ds-color-slate-300);z-index:1}.bcm-range__container-bar-range{position:absolute;top:-2px;left:22.22%;right:22.22%;height:4px;background-color:var(--bcm-new-ds-color-blue-500);z-index:2}.bcm-range__container-bar-thumb{position:absolute;top:0;width:16px;height:16px;background-color:var(--bcm-new-ds-color-blue-500);border-radius:50%;z-index:3;transition:box-shadow 0.2s ease-in-out;display:flex;align-items:center;justify-content:center}.bcm-range__container-bar-thumb>span{display:flex;width:100%;height:100%}.bcm-range__container-bar-thumb.hover{box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1), 0px 3px 1px rgba(0, 0, 0, 0.05), 0px 1px 5px rgba(0, 0, 0, 0.1);cursor:pointer}.bcm-range__container-bar-thumb.hidden{display:none}.bcm-range__container-bar-thumb.left{left:22.22222%;transform:translate(-8px, -8px)}.bcm-range__container-bar-thumb.right{right:0%;transform:translate(8px, -8px)}.bcm-range .ticks{position:absolute;z-index:0;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:4px 0;user-select:none}.bcm-range .tick{position:relative;display:flex;justify-content:center;width:1px;color:var(--bcm-new-ds-color-slate-300);cursor:pointer;height:8px;line-height:32px;margin-bottom:8px;z-index:-1;transition:color 0.1s ease-in-out}.bcm-range .tick::before,.bcm-range .tick::after{content:" ";position:absolute;width:1px;height:8px;background-color:var(--bcm-new-ds-color-slate-300);z-index:-1;transition:background-color 0.1s ease-in-out}.bcm-range .tick::before{top:-16px}.bcm-range .tick::after{top:0}.bcm-range .tick.hover{color:var(--bcm-new-ds-color-slate-400)}.bcm-range .tick.hover::before,.bcm-range .tick.hover::after{background-color:var(--bcm-new-ds-color-slate-400)}.bcm-range .touch{position:absolute;width:calc(100% + 48px);left:-24px;top:-17px;opacity:0;height:45px;z-index:2;background-color:transparent;display:flex;flex-direction:row;justify-content:space-between}.bcm-range .touch-point{cursor:pointer;flex:1;border:1px solid var(--bcm-new-ds-color-slate-300);box-sizing:border-box;background-color:var(--bcm-new-ds-color-slate-300)}.bcm-range .touch-point:hover{border-color:var(--bcm-new-ds-color-blue-500);background-color:var(--bcm-new-ds-color-blue-500)}.bcm-range .touch::after,.bcm-range .touch::before{content:"";position:absolute;width:24px;height:100%;top:0}.bcm-range .touch::before{left:0}.bcm-range .touch::after{right:0}.bcm-range.vertical{margin:0 16px;padding:12px 0}.bcm-range.vertical .touch{width:calc(100% + 12px);left:-6px;top:-17px}.bcm-range.vertical .touch::after,.bcm-range.vertical .touch::before{width:12px}.bcm-range.vertical .bcm-range__container{transform:rotate(270deg)}.bcm-range.vertical .bcm-range__container .ticks .tick-text{position:absolute;top:0px;width:100%;transform:rotate(90deg)}';export{c as bcm_range}

package/dist/bromcom-ui/{p-160ef457.entry.js → p-cad8f786.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,c as i,h as s,H as a,g as o}from"./p-da1055cb.js";import"./p-843905c8.js";import"./p-626a65e9.js";import{G as e}from"./p-d3cb8d25.js";import"./p-80a43b79.js";import"./p-8d0ca8c2.js";import"./p-b94fa326.js";import"./p-7e44e6b5.js";import{d as l}from"./p-8c018ae0.js";import{a as r}from"./p-a429e85b.js";import{C as h}from"./p-c8e13fd7.js";import{c}from"./p-d65a1e21.js";import"./p-3fac58f7.js";import"./p-2e73d572.js";import{I as d}from"./p-c23b6240.js";import"./p-436364c8.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const n=class{constructor(s){t(this,s),this.change=i(this,"bcm-change",7),this._id=e.UID(),this.label=void 0,this.name=void 0,this.value=null,this.defaultValue=void 0,this.size=r.Size.medium,this.disabled=void 0,this.hidden=!1,this.required=!1,this.gap=void 0,this.direction=r.Direction.horizontal,this.fullWidth=!1,this.items=[],this.caption=void 0,this.noCaption=!1,this.captionError=void 0,this.captionType=r.Status.default,this.captionCache=void 0,this.captionTypeCache=void 0}get radios(){return Array.from(this.el.querySelectorAll("bcm-radio"))}get Items(){return this.items}connectedCallback(){this.captionCache=this.caption,this.captionTypeCache=this.captionType}updateValue(){var t,i,s;this.value=null!==(s=null===(i=null===(t=this.radios)||void 0===t?void 0:t.find((t=>t.checked)))||void 0===i?void 0:i.value)&&void 0!==s?s:null}setRadioUpdate(){var t;null===(t=this.radios)||void 0===t||t.forEach((t=>{t.disabled=this.disabled||t.disabled,t.size=this.size,this.defaultValue&&(t.checked=t.value==this.defaultValue)}))}watchDisabled(t,i){var s;null===(s=this.radios)||void 0===s||s.forEach((i=>i.disabled=t))}watchDefaultValue(t,i){var s;null===(s=this.radios)||void 0===s||s.forEach((i=>i.checked=i.value==t)),this.updateValue(),this.change.emit(this.value)}componentWillLoad(){this.setRadioUpdate(),this.updateValue()}handleChange(t){var i,s;t.stopPropagation(),t.preventDefault();const a=null!==(i=t.target.checked)&&void 0!==i&&i;null===(s=this.radios)||void 0===s||s.forEach((i=>{i.checked=i.id==t.target.id&&!a})),this.updateValue(),this.change.emit(this.value)}async setClear(){var t;this.value=null,null===(t=this.radios)||void 0===t||t.forEach((t=>{t.checked=!1}))}async resetCaption(){return await l(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await l(10),Promise.resolve()}async check(t,i=!0){var s;null===(s=this.radios)||void 0===s||s.forEach((s=>{s.checked=(s.id==t||s.value==t)&&i})),this.updateValue(),this.change.emit(this.value)}async get(){return this.value}async set(t){await this.check(t)}async getValue(){return this.value}render(){var t,i;const{direction:o,fullWidth:e,gap:l,label:d,size:n,required:p,disabled:u,caption:v,captionError:m,captionType:f,noCaption:b}=this;return s(a,{role:"radio-group",class:"tw-mb-2 tw-flex tw-flex-col"},d&&s("bcm-label",{type:f,value:d,required:p}),s("div",{class:c("tw-flex tw-flex-wrap",o==r.Direction.horizontal?"tw-flex-row":"tw-flex-col",e&&"tw-w-full"),style:{gap:l}},s("slot",null),(null===(t=this.Items)||void 0===t?void 0:t.length)>0&&(null===(i=this.Items)||void 0===i?void 0:i.map((t=>s("bcm-radio",{id:t.id,value:t.value,disabled:u||t.disabled,checked:t.checked,color:t.color,size:n},t.label))))),s(h,{noCaption:b,captionType:f,captionError:m,caption:v}))}get el(){return o(this)}static get watchers(){return{disabled:["watchDisabled"],defaultValue:["watchDefaultValue"]}}};!function(t,i,s,a){var o,e=arguments.length,l=e<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,s):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,i,s,a);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(l=(e<3?o(l):e>3?o(i,s,l):o(i,s))||l);e>3&&l&&Object.defineProperty(i,s,l)}([d()],n.prototype,"el",void 0);export{n as bcm_radio_group}
+import{r as t,c as i,h as s,H as a,g as o}from"./p-da1055cb.js";import"./p-843905c8.js";import"./p-626a65e9.js";import{G as e}from"./p-d3cb8d25.js";import"./p-80a43b79.js";import"./p-8d0ca8c2.js";import"./p-b94fa326.js";import"./p-7e44e6b5.js";import{d as l}from"./p-8c018ae0.js";import{B as r}from"./p-a429e85b.js";import{C as h}from"./p-c8e13fd7.js";import{c}from"./p-d65a1e21.js";import"./p-3fac58f7.js";import"./p-2e73d572.js";import{I as d}from"./p-c23b6240.js";import"./p-436364c8.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const n=class{constructor(s){t(this,s),this.change=i(this,"bcm-change",7),this._id=e.UID(),this.label=void 0,this.name=void 0,this.value=null,this.defaultValue=void 0,this.size=r.Size.medium,this.disabled=void 0,this.hidden=!1,this.required=!1,this.gap=void 0,this.direction=r.Direction.horizontal,this.fullWidth=!1,this.items=[],this.caption=void 0,this.noCaption=!1,this.captionError=void 0,this.captionType=r.Status.default,this.captionCache=void 0,this.captionTypeCache=void 0}get radios(){return Array.from(this.el.querySelectorAll("bcm-radio"))}get Items(){return this.items}connectedCallback(){this.captionCache=this.caption,this.captionTypeCache=this.captionType}updateValue(){var t,i,s;this.value=null!==(s=null===(i=null===(t=this.radios)||void 0===t?void 0:t.find((t=>t.checked)))||void 0===i?void 0:i.value)&&void 0!==s?s:null}setRadioUpdate(){var t;null===(t=this.radios)||void 0===t||t.forEach((t=>{t.disabled=this.disabled||t.disabled,t.size=this.size,this.defaultValue&&(t.checked=t.value==this.defaultValue)}))}watchDisabled(t,i){var s;null===(s=this.radios)||void 0===s||s.forEach((i=>i.disabled=t))}watchDefaultValue(t,i){var s;null===(s=this.radios)||void 0===s||s.forEach((i=>i.checked=i.value==t)),this.updateValue(),this.change.emit(this.value)}componentWillLoad(){this.setRadioUpdate(),this.updateValue()}handleChange(t){var i,s;t.stopPropagation(),t.preventDefault();const a=null!==(i=t.target.checked)&&void 0!==i&&i;null===(s=this.radios)||void 0===s||s.forEach((i=>{i.checked=i.id==t.target.id&&!a})),this.updateValue(),this.change.emit(this.value)}async setClear(){var t;this.value=null,null===(t=this.radios)||void 0===t||t.forEach((t=>{t.checked=!1}))}async resetCaption(){return await l(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await l(10),Promise.resolve()}async check(t,i=!0){var s;null===(s=this.radios)||void 0===s||s.forEach((s=>{s.checked=(s.id==t||s.value==t)&&i})),this.updateValue(),this.change.emit(this.value)}async get(){return this.value}async set(t){await this.check(t)}async getValue(){return this.value}render(){var t,i;const{direction:o,fullWidth:e,gap:l,label:d,size:n,required:p,disabled:u,caption:v,captionError:m,captionType:f,noCaption:b}=this;return s(a,{role:"radio-group",class:"tw-mb-2 tw-flex tw-flex-col"},d&&s("bcm-label",{type:f,value:d,required:p}),s("div",{class:c("tw-flex tw-flex-wrap",o==r.Direction.horizontal?"tw-flex-row":"tw-flex-col",e&&"tw-w-full"),style:{gap:l}},s("slot",null),(null===(t=this.Items)||void 0===t?void 0:t.length)>0&&(null===(i=this.Items)||void 0===i?void 0:i.map((t=>s("bcm-radio",{id:t.id,value:t.value,disabled:u||t.disabled,checked:t.checked,color:t.color,size:n},t.label))))),s(h,{noCaption:b,captionType:f,captionError:m,caption:v}))}get el(){return o(this)}static get watchers(){return{disabled:["watchDisabled"],defaultValue:["watchDefaultValue"]}}};!function(t,i,s,a){var o,e=arguments.length,l=e<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,s):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,i,s,a);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(l=(e<3?o(l):e>3?o(i,s,l):o(i,s))||l);e>3&&l&&Object.defineProperty(i,s,l)}([d()],n.prototype,"el",void 0);export{n as bcm_radio_group}

package/dist/bromcom-ui/{p-140b10d1.entry.js → p-e008411a.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,c as i,f as s,h as e,H as a,g as r}from"./p-da1055cb.js";import"./p-843905c8.js";import"./p-626a65e9.js";import{G as o}from"./p-d3cb8d25.js";import"./p-80a43b79.js";import"./p-8d0ca8c2.js";import"./p-b94fa326.js";import"./p-7e44e6b5.js";import{d as h}from"./p-8c018ae0.js";import{a as c}from"./p-a429e85b.js";import"./p-436364c8.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const n=class{constructor(s){t(this,s),this.tabChange=i(this,"bcm-tab-change",7),this._id=o.UID(),this.active="1",this.color="blue",this.size=c.Size.medium}get tabItems(){return this.el.querySelectorAll("bcm-tab-item")}get tabItemHeaders(){return this.el.querySelectorAll("bcm-tab-item-header")}setTabAttributes(){this.tabItems.forEach(((t,i)=>{const s=!!t.hasAttribute("active"),e=!!t.hasAttribute("disabled"),a=i+1;t.setAttribute("index",`${a}`),t.setAttribute("size",this.size),t.setAttribute("color",this.color),t.removeAttribute("active"),t.removeAttribute("disabled"),s&&(t.setAttribute("active",""),this.active=a.toString()),e&&t.setAttribute("disabled","")})),Array.from(this.tabItems).some((t=>t.hasAttribute("active")))||this.tabItems[0].setAttribute("active","")}componentWillLoad(){this.setTabAttributes()}handleTabClick(t){var i,s;t&&(this.active=t.toString()),(null===(i=this.tabItems)||void 0===i?void 0:i.length)&&this.tabItems.forEach((t=>{t.removeAttribute("active"),t.setAttribute("size",this.size),t.setAttribute("color",this.color),t.getAttribute("index")==this.active&&t.setAttribute("active","")})),(null===(s=this.tabItemHeaders)||void 0===s?void 0:s.length)&&this.tabItemHeaders.forEach((t=>{t.removeAttribute("active"),t.setAttribute("size",this.size),t.setAttribute("color",this.color),t.getAttribute("index")==this.active&&t.setAttribute("active","")})),this.tabChange.emit(this.active)}componentDidRender(){this.inkBarControl(),this.handleTabClick()}componentDidLoad(){this.inkBarControl(),this.observeTabItem()}async setActive(t){t>0&&t<=this.tabItems.length&&t!=+this.active&&this.handleTabClick(t)}async refresh(){await h(100),s(this)}inkBarControl(){var t;const i=this.el.querySelector("#ink-bar");if(i&&(null===(t=this.tabItemHeaders)||void 0===t?void 0:t.length))for(let t=0;t<this.tabItemHeaders.length;t++){const s=this.tabItemHeaders[t];s.getAttribute("index")===this.active&&(i.style.width=`${s.offsetWidth}px`,i.style.transform=`translateX(${s.offsetLeft}px)`)}}activeChanged(t,i){var s;(null===(s=this.tabItems)||void 0===s?void 0:s.length)&&(Array.from(this.tabItems).some((i=>i.getAttribute("index")==t))||(this.active="1"))}observeTabItem(){this.observer=new MutationObserver((t=>{for(const i of t)if("childList"===i.type)for(const t of i.removedNodes)"BCM-TAB-ITEM"===t.nodeName&&((null==t?void 0:t.active)&&(this.active="1"),this.tabProcess())})),this.observer.observe(this.el,{childList:!0})}tabProcess(){this.updateTabHeaders(),this.regenerateIndex(),this.refresh(),this.inkBarControl()}updateTabHeaders(){const t=Array.from(this.tabItems).map((t=>t.getAttribute("id"))),i=Array.from(this.el.querySelector("#tab-header").querySelectorAll("bcm-tab-item-header"));t.length!==i.length&&i.forEach((i=>{const s=i.getAttribute("tab-id");t.includes(s)||i.remove()}))}regenerateIndex(){this.tabItems.forEach(((t,i)=>{const s=i+1;t.setAttribute("index",`${s}`);const e=this.el.querySelector(`bcm-tab-item-header[tab-id="${t.getAttribute("id")}"]`);e&&(e.setAttribute("index",`${s}`),e.style.order=`${s}`)}))}render(){const{color:t}=this;return e(a,{role:"tablist","aria-label":"Tab Group",class:"tw-flex tw-w-full tw-flex-col tw-items-center tw-font-sans"},e("div",{class:"tw-relative tw-flex tw-w-full tw-flex-row tw-items-end tw-justify-between",id:"tab-header"},e("div",{id:"ink-bar",class:`tw-bg-${t}-500 tw-absolute tw-bottom-0 tw-left-0 tw-mt-[-2px] tw-h-[2px] tw-rounded-sm tw-transition-transform`})),e("slot",null))}get el(){return r(this)}static get watchers(){return{active:["activeChanged"]}}};export{n as bcm_tab_group}
+import{r as t,c as i,f as s,h as e,H as a,g as r}from"./p-da1055cb.js";import"./p-843905c8.js";import"./p-626a65e9.js";import{G as o}from"./p-d3cb8d25.js";import"./p-80a43b79.js";import"./p-8d0ca8c2.js";import"./p-b94fa326.js";import"./p-7e44e6b5.js";import{d as h}from"./p-8c018ae0.js";import{B as c}from"./p-a429e85b.js";import"./p-436364c8.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const n=class{constructor(s){t(this,s),this.tabChange=i(this,"bcm-tab-change",7),this._id=o.UID(),this.active="1",this.color="blue",this.size=c.Size.medium}get tabItems(){return this.el.querySelectorAll("bcm-tab-item")}get tabItemHeaders(){return this.el.querySelectorAll("bcm-tab-item-header")}setTabAttributes(){this.tabItems.forEach(((t,i)=>{const s=!!t.hasAttribute("active"),e=!!t.hasAttribute("disabled"),a=i+1;t.setAttribute("index",`${a}`),t.setAttribute("size",this.size),t.setAttribute("color",this.color),t.removeAttribute("active"),t.removeAttribute("disabled"),s&&(t.setAttribute("active",""),this.active=a.toString()),e&&t.setAttribute("disabled","")})),Array.from(this.tabItems).some((t=>t.hasAttribute("active")))||this.tabItems[0].setAttribute("active","")}componentWillLoad(){this.setTabAttributes()}handleTabClick(t){var i,s;t&&(this.active=t.toString()),(null===(i=this.tabItems)||void 0===i?void 0:i.length)&&this.tabItems.forEach((t=>{t.removeAttribute("active"),t.setAttribute("size",this.size),t.setAttribute("color",this.color),t.getAttribute("index")==this.active&&t.setAttribute("active","")})),(null===(s=this.tabItemHeaders)||void 0===s?void 0:s.length)&&this.tabItemHeaders.forEach((t=>{t.removeAttribute("active"),t.setAttribute("size",this.size),t.setAttribute("color",this.color),t.getAttribute("index")==this.active&&t.setAttribute("active","")})),this.tabChange.emit(this.active)}componentDidRender(){this.inkBarControl(),this.handleTabClick()}componentDidLoad(){this.inkBarControl(),this.observeTabItem()}async setActive(t){t>0&&t<=this.tabItems.length&&t!=+this.active&&this.handleTabClick(t)}async refresh(){await h(100),s(this)}inkBarControl(){var t;const i=this.el.querySelector("#ink-bar");if(i&&(null===(t=this.tabItemHeaders)||void 0===t?void 0:t.length))for(let t=0;t<this.tabItemHeaders.length;t++){const s=this.tabItemHeaders[t];s.getAttribute("index")===this.active&&(i.style.width=`${s.offsetWidth}px`,i.style.transform=`translateX(${s.offsetLeft}px)`)}}activeChanged(t,i){var s;(null===(s=this.tabItems)||void 0===s?void 0:s.length)&&(Array.from(this.tabItems).some((i=>i.getAttribute("index")==t))||(this.active="1"))}observeTabItem(){this.observer=new MutationObserver((t=>{for(const i of t)if("childList"===i.type)for(const t of i.removedNodes)"BCM-TAB-ITEM"===t.nodeName&&((null==t?void 0:t.active)&&(this.active="1"),this.tabProcess())})),this.observer.observe(this.el,{childList:!0})}tabProcess(){this.updateTabHeaders(),this.regenerateIndex(),this.refresh(),this.inkBarControl()}updateTabHeaders(){const t=Array.from(this.tabItems).map((t=>t.getAttribute("id"))),i=Array.from(this.el.querySelector("#tab-header").querySelectorAll("bcm-tab-item-header"));t.length!==i.length&&i.forEach((i=>{const s=i.getAttribute("tab-id");t.includes(s)||i.remove()}))}regenerateIndex(){this.tabItems.forEach(((t,i)=>{const s=i+1;t.setAttribute("index",`${s}`);const e=this.el.querySelector(`bcm-tab-item-header[tab-id="${t.getAttribute("id")}"]`);e&&(e.setAttribute("index",`${s}`),e.style.order=`${s}`)}))}render(){const{color:t}=this;return e(a,{role:"tablist","aria-label":"Tab Group",class:"tw-flex tw-w-full tw-flex-col tw-items-center tw-font-sans"},e("div",{class:"tw-relative tw-flex tw-w-full tw-flex-row tw-items-end tw-justify-between",id:"tab-header"},e("div",{id:"ink-bar",class:`tw-bg-${t}-500 tw-absolute tw-bottom-0 tw-left-0 tw-mt-[-2px] tw-h-[2px] tw-rounded-sm tw-transition-transform`})),e("slot",null))}get el(){return r(this)}static get watchers(){return{active:["activeChanged"]}}};export{n as bcm_tab_group}

package/dist/bromcom-ui/p-e0f440b4.js

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{h as n}from"./p-da1055cb.js";import{d as e}from"./p-3fac58f7.js";import{B as s}from"./p-a429e85b.js";import{c as a}from"./p-d65a1e21.js";import{s as t}from"./p-d3cb8d25.js";const i=({elementType:i,rows:o,id:c,internalId:r,type:l,placeholder:p,value:u,size:f,pattern:d,unit:b,unitPrefix:m,maxLength:x,disabled:w,clearable:h,focused:y,readonly:v,isPasswordVisible:C,passwordToggle:g,noDefaultIcon:j,inValid:_,captionType:k,resize:z,autocomplete:I,_suffix:T,_prefix:L,changePasswordVisibility:B,handleClear:D,steps:O,ref:P,handleBlur:V,handleFocus:F,handleInput:H,handleChange:M,isEyeDropperSupported:E,eyeDropper:S})=>{const q=s.HtmlElementType[i]||s.HtmlElementType.input;l="password"===l&&C?"text":l,u=t((()=>u),""),u=y?u:u+(u&&(null==b?void 0:b.length)>0?" "+b:"");const A="color"===(l=(null==b?void 0:b.length)>0&&!y?"text":l);l="color"===l?"text":l;var G=a("bcm-input__container",q===s.HtmlElementType.textarea&&a("bcm-input__textarea","textarea-size-"+s.Size[f],"resize-"+z,"textarea-"+f),q===s.HtmlElementType.input&&a("input-size-"+s.Size[f]),{focused:y,clearable:h,disabled:w,readonly:v,invalid:_,unit:(null==b?void 0:b.length)>0,error:"error"===k});const J=a("caret-container",{unit:(null==b?void 0:b.length)>0,disabled:w||v||_}),K="bcm-input__container--"+f,N=a(K,"unit-prefix");return n("div",{class:G,id:c+"-container"},n("span",{hidden:!0},n("slot",null)),n("span",{class:"input-prefix"},n("slot",{name:"prefix"}),L&&L.length>0&&n("span",{innerHTML:L}),m&&n("span",{class:N},m),A&&n("i",{class:"tw-flex tw-h-4 tw-w-4 tw-items-center tw-justify-center tw-rounded-full tw-border tw-border-slate-300",style:{backgroundColor:u}})),n(q,Object.assign({tabindex:"0",id:c+"-input","bcm-internal-id":r,class:"bcm-input-element "+K},q===s.HtmlElementType.input&&{type:l,autocomplete:I?"on":"off",pattern:d},q===s.HtmlElementType.textarea&&{rows:o,resize:z},{value:u,maxLength:x,placeholder:p,disabled:w,readOnly:v,ref:n=>P(n),onBlur:n=>(n=>{n.target.parentElement.classList.remove("focused"),V(n)})(n),onFocus:n=>(n=>{n.target.parentElement.classList.add("focused"),F(n)})(n),onInput:n=>H(n),onChange:n=>M(n)})),n("span",{class:"input-suffix-content"},h&&!w&&!v&&n("span",{class:"input-suffix input-suffix-button input-clear-button",onClick:n=>D(n)},n("bcm-icon",{icon:"far fa-times"}))),n("span",{class:"input-suffix-content"},("password"===l||"text"===l)&&g&&n("span",{class:"input-suffix input-suffix-button",onClick:()=>B()},n("bcm-icon",{icon:C?"far fa-eye-slash":"far fa-eye"}))),n("span",{class:"input-suffix-content"},Object.keys(e).includes(l)&&!j&&n("span",{class:"input-suffix"},n("bcm-icon",{icon:e[l]}))),n("span",{class:"input-suffix-content"},"number"===l&&n("div",{class:J},n("span",{class:"bcm-input-caret",onClick:()=>O("up")},n("bcm-icon",{icon:"fas fa-caret-up"})),n("span",{class:"bcm-input-caret",onClick:()=>O("down")},n("bcm-icon",{icon:"fas fa-caret-down"})))),n("span",{class:"input-suffix-content"},"number"!==l&&n("span",{class:"input-suffix"},n("slot",{name:"suffix"}),T&&T.length>0&&n("span",{innerHTML:T})),A&&E()&&n("span",{class:"input-suffix"},n("span",null,n("i",{class:"far fa-eye-dropper",onClick:()=>S()})))))};export{i as I}
+import{h as n}from"./p-da1055cb.js";import{d as e}from"./p-3fac58f7.js";import{a as s}from"./p-a429e85b.js";import{c as a}from"./p-d65a1e21.js";import{s as t}from"./p-d3cb8d25.js";const i=({elementType:i,rows:o,id:c,internalId:r,type:l,placeholder:p,value:u,size:f,pattern:d,unit:b,unitPrefix:m,maxLength:x,disabled:w,clearable:h,focused:y,readonly:v,isPasswordVisible:C,passwordToggle:g,noDefaultIcon:j,inValid:_,captionType:k,resize:z,autocomplete:I,_suffix:T,_prefix:L,changePasswordVisibility:D,handleClear:O,steps:P,ref:V,handleBlur:B,handleFocus:F,handleInput:H,handleChange:M,isEyeDropperSupported:E,eyeDropper:S})=>{const q=s.HtmlElementType[i]||s.HtmlElementType.input;l="password"===l&&C?"text":l,u=t((()=>u),""),u=y?u:u+(u&&(null==b?void 0:b.length)>0?" "+b:"");const A="color"===(l=(null==b?void 0:b.length)>0&&!y?"text":l);l="color"===l?"text":l;var G=a("bcm-input__container",q===s.HtmlElementType.textarea&&a("bcm-input__textarea","textarea-size-"+s.Size[f],"resize-"+z,"textarea-"+f),q===s.HtmlElementType.input&&a("input-size-"+s.Size[f]),{focused:y,clearable:h,disabled:w,readonly:v,invalid:_,unit:(null==b?void 0:b.length)>0,error:"error"===k});const J=a("caret-container",{unit:(null==b?void 0:b.length)>0,disabled:w||v||_}),K="bcm-input__container--"+f,N=a(K,"unit-prefix");return n("div",{class:G,id:c+"-container"},n("span",{hidden:!0},n("slot",null)),n("span",{class:"input-prefix"},n("slot",{name:"prefix"}),L&&L.length>0&&n("span",{innerHTML:L}),m&&n("span",{class:N},m),A&&n("i",{class:"tw-flex tw-h-4 tw-w-4 tw-items-center tw-justify-center tw-rounded-full tw-border tw-border-slate-300",style:{backgroundColor:u}})),n(q,Object.assign({tabindex:"0",id:c+"-input","bcm-internal-id":r,class:"bcm-input-element "+K},q===s.HtmlElementType.input&&{type:l,autocomplete:I?"on":"off",pattern:d},q===s.HtmlElementType.textarea&&{rows:o,resize:z},{value:u,maxLength:x,placeholder:p,disabled:w,readOnly:v,ref:n=>V(n),onBlur:n=>(n=>{n.target.parentElement.classList.remove("focused"),B(n)})(n),onFocus:n=>(n=>{n.target.parentElement.classList.add("focused"),F(n)})(n),onInput:n=>H(n),onChange:n=>M(n)})),n("span",{class:"input-suffix-content"},h&&!w&&!v&&n("span",{class:"input-suffix input-suffix-button input-clear-button",onClick:n=>O(n)},n("bcm-icon",{icon:"far fa-times"}))),n("span",{class:"input-suffix-content"},("password"===l||"text"===l)&&g&&n("span",{class:"input-suffix input-suffix-button",onClick:()=>D()},n("bcm-icon",{icon:C?"far fa-eye-slash":"far fa-eye"}))),n("span",{class:"input-suffix-content"},Object.keys(e).includes(l)&&!j&&n("span",{class:"input-suffix"},n("bcm-icon",{icon:e[l]}))),n("span",{class:"input-suffix-content"},"number"===l&&n("div",{class:J},n("span",{class:"bcm-input-caret",onClick:()=>P("up")},n("bcm-icon",{icon:"fas fa-caret-up"})),n("span",{class:"bcm-input-caret",onClick:()=>P("down")},n("bcm-icon",{icon:"fas fa-caret-down"})))),n("span",{class:"input-suffix-content"},"number"!==l&&n("span",{class:"input-suffix"},n("slot",{name:"suffix"}),T&&T.length>0&&n("span",{innerHTML:T})),A&&E()&&n("span",{class:"input-suffix"},n("span",null,n("i",{class:"far fa-eye-dropper",onClick:()=>S()})))))};export{i as I}

package/dist/bromcom-ui/{p-c15e0e77.entry.js → p-e3cafc0d.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,h as s,H as r,g as i}from"./p-da1055cb.js";import{c as t}from"./p-d65a1e21.js";import{C as o}from"./p-843905c8.js";import{G as c}from"./p-d3cb8d25.js";import{B as l}from"./p-a429e85b.js";import"./p-6f56f8ca.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-4aa0e6b1.js";const n={small:{textSize:"size-3",iconSize:22,circleSize:80,radius:36},medium:{textSize:"size-5",iconSize:30,circleSize:120,radius:52}},a=class{constructor(s){e(this,s),this._id=c.UID(),this.value=0,this.max=100,this.size=l.Size.medium,this.type="line-rounded",this.info=null,this.error=!1,this.hidden=!1,this.fullWidth=!1,this.color="blue",this.isCompleted=!1}connectedCallback(){this.maxPercent(this.value)}componentDidRender(){const e=this.el.querySelector("#circle");if(e){const s=2*e.r.baseVal.value*Math.PI,r=s-this.value/this.max*s;e.style.strokeDasharray=`${s} ${s}`,e.style.strokeDashoffset=`${s}`,e.style.strokeDashoffset=`${r}`}}componentShouldUpdate(e,s,r){"value"===r&&e!==s&&this.handlePercent(e),"max"===r&&e!==s&&this.value>e&&(this.value=e)}maxPercent(e){e>=this.max&&(this.value=this.max,this.isCompleted=!0),e<this.max&&(this.isCompleted=!1),e<=0&&(this.value=0)}async increment(e){this.handlePercent(+e,"increment")}async decrement(e){this.handlePercent(+e,"decrement")}async set(e){this.handlePercent(+e,"set")}handlePercent(e,s="set"){if(!e&&0!=e||"number"!=typeof e)this.error=!0;else{switch(s){case"increment":this.value+=e;break;case"decrement":this.value-=e;break;case"set":this.value=e}this.maxPercent(this.value),this.error=!1}}getIcon(e="line"){if(this.error||"icon"===this.info&&this.isCompleted)return s("bcm-icon",{icon:"far fa-"+(this.error?"times":"check")+("line"===e?"-circle":"")})}render(){const{type:e,hidden:i,error:c,size:l,isCompleted:a,value:p,fullWidth:h}=this,m="icon"===this.info,{circleSize:g,radius:d,textSize:x}=n[this.size],b=+g/2,u=t({completed:m&&a,error:c}),z=t("bcm-progress__line-progress",l,e,u),_=t("bcm-progress__circle-circle","bar",u),f={width:`${g}px`,height:`${g}px`},w=t("bcm-progress",{hidden:i,"full-width":h});return s(r,{class:w,style:{"--bcm-progress-color":o.dsColor(this.color)}},s("circle"===e?()=>s("div",{class:"bcm-progress__circle",style:f},s("svg",{width:g,height:g},s("circle",{r:d,cx:b,cy:b,class:"bcm-progress__circle-circle"}),s("circle",{r:d,cx:b,cy:b,class:_,id:"circle"}),this.info&&"icon"!=this.info&&!this.error&&s("text",{x:b,y:b,"text-anchor":"middle",class:x,"alignment-baseline":"middle"},"value-max"===this.info&&p+"/"+this.max,"value"===this.info&&{value:p},"percent"===this.info&&100/this.max*+p+"%")),this.getIcon("circle")):()=>s("div",{class:"bcm-progress__line"},s("progress",{class:z,value:p,max:this.max}),"value-max"===this.info&&s("span",{class:"value"},p,"/",this.max," "),"value"===this.info&&s("span",{class:"value"},p," "),"percent"===this.info&&s("span",{class:"value"},100/this.max*+p,"%"),"icon"===this.info&&s("span",{class:"value"},this.getIcon("line"))),null))}get el(){return i(this)}};a.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-progress{--bcm-progress-color:var(--bcm-new-ds-color-blue-500);display:inline-block;min-width:50px;width:100%;max-width:256px;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400}.bcm-progress.full-width{width:100%;max-width:100%;min-width:auto}.bcm-progress__line{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;min-height:8px}.bcm-progress__line .value{margin-left:8px;color:var(--bcm-new-ds-color-slate-500);min-width:32px;font-size:14px;min-height:calc(14px + 8px);font-weight:500}.bcm-progress__line-progress{width:100%;flex:1;height:8px;border:0 none;background:var(--bcm-new-ds-color-slate-200);appearance:none}.bcm-progress__line-progress.small{height:6px}.bcm-progress__line-progress.line-rounded,.bcm-progress__line-progress.line-rounded::-webkit-progress-value{border-radius:8px}.bcm-progress__line-progress.line-rounded::-moz-progress-bar{border-radius:8px}.bcm-progress__line-progress.completed::-webkit-progress-value{background-color:var(--bcm-progress-color)}.bcm-progress__line-progress.completed::-moz-progress-bar{background-color:var(--bcm-progress-color)}.bcm-progress__line-progress.error::-webkit-progress-value{background-color:var(--bcm-new-ds-color-red-500)}.bcm-progress__line-progress.error::-moz-progress-bar{background-color:var(--bcm-new-ds-color-red-500)}.bcm-progress__line-progress.error .value{color:var(--bcm-new-ds-color-red-500)}.bcm-progress__line-progress::-webkit-progress-bar{background:transparent}.bcm-progress__line-progress::-webkit-progress-value{background-color:var(--bcm-progress-color);transition:0.3s}.bcm-progress__line-progress::-moz-progress-bar{background-color:var(--bcm-progress-color);transition:0.3s}.bcm-progress__circle{position:relative}.bcm-progress__circle bcm-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.bcm-progress__circle text{fill:var(--bcm-new-ds-color-slate-500);font-size:18px;line-height:calc(18px + 8px);font-weight:500}.bcm-progress__circle-circle{transition:0.35s stroke-dashoffset, 0.1s stroke;transform:rotate(-90deg);transform-origin:50% 50%;stroke:#F5F5F5;stroke-width:6px;fill:transparent}.bcm-progress__circle-circle.bar{stroke:var(--bcm-progress-color)}.bcm-progress__circle-circle.completed{stroke:var(--bcm-new-ds-color-emerald-500)}.bcm-progress__circle-circle.error{stroke:var(--bcm-new-ds-color-red-500)}';export{a as bcm_progress}
+import{r as e,h as s,H as r,g as i}from"./p-da1055cb.js";import{c as t}from"./p-d65a1e21.js";import{C as o}from"./p-843905c8.js";import{G as c}from"./p-d3cb8d25.js";import{a as l}from"./p-a429e85b.js";import"./p-6f56f8ca.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-4aa0e6b1.js";const n={small:{textSize:"size-3",iconSize:22,circleSize:80,radius:36},medium:{textSize:"size-5",iconSize:30,circleSize:120,radius:52}},a=class{constructor(s){e(this,s),this._id=c.UID(),this.value=0,this.max=100,this.size=l.Size.medium,this.type="line-rounded",this.info=null,this.error=!1,this.hidden=!1,this.fullWidth=!1,this.color="blue",this.isCompleted=!1}connectedCallback(){this.maxPercent(this.value)}componentDidRender(){const e=this.el.querySelector("#circle");if(e){const s=2*e.r.baseVal.value*Math.PI,r=s-this.value/this.max*s;e.style.strokeDasharray=`${s} ${s}`,e.style.strokeDashoffset=`${s}`,e.style.strokeDashoffset=`${r}`}}componentShouldUpdate(e,s,r){"value"===r&&e!==s&&this.handlePercent(e),"max"===r&&e!==s&&this.value>e&&(this.value=e)}maxPercent(e){e>=this.max&&(this.value=this.max,this.isCompleted=!0),e<this.max&&(this.isCompleted=!1),e<=0&&(this.value=0)}async increment(e){this.handlePercent(+e,"increment")}async decrement(e){this.handlePercent(+e,"decrement")}async set(e){this.handlePercent(+e,"set")}handlePercent(e,s="set"){if(!e&&0!=e||"number"!=typeof e)this.error=!0;else{switch(s){case"increment":this.value+=e;break;case"decrement":this.value-=e;break;case"set":this.value=e}this.maxPercent(this.value),this.error=!1}}getIcon(e="line"){if(this.error||"icon"===this.info&&this.isCompleted)return s("bcm-icon",{icon:"far fa-"+(this.error?"times":"check")+("line"===e?"-circle":"")})}render(){const{type:e,hidden:i,error:c,size:l,isCompleted:a,value:p,fullWidth:h}=this,m="icon"===this.info,{circleSize:g,radius:d,textSize:x}=n[this.size],b=+g/2,u=t({completed:m&&a,error:c}),z=t("bcm-progress__line-progress",l,e,u),_=t("bcm-progress__circle-circle","bar",u),f={width:`${g}px`,height:`${g}px`},w=t("bcm-progress",{hidden:i,"full-width":h});return s(r,{class:w,style:{"--bcm-progress-color":o.dsColor(this.color)}},s("circle"===e?()=>s("div",{class:"bcm-progress__circle",style:f},s("svg",{width:g,height:g},s("circle",{r:d,cx:b,cy:b,class:"bcm-progress__circle-circle"}),s("circle",{r:d,cx:b,cy:b,class:_,id:"circle"}),this.info&&"icon"!=this.info&&!this.error&&s("text",{x:b,y:b,"text-anchor":"middle",class:x,"alignment-baseline":"middle"},"value-max"===this.info&&p+"/"+this.max,"value"===this.info&&{value:p},"percent"===this.info&&100/this.max*+p+"%")),this.getIcon("circle")):()=>s("div",{class:"bcm-progress__line"},s("progress",{class:z,value:p,max:this.max}),"value-max"===this.info&&s("span",{class:"value"},p,"/",this.max," "),"value"===this.info&&s("span",{class:"value"},p," "),"percent"===this.info&&s("span",{class:"value"},100/this.max*+p,"%"),"icon"===this.info&&s("span",{class:"value"},this.getIcon("line"))),null))}get el(){return i(this)}};a.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-progress{--bcm-progress-color:var(--bcm-new-ds-color-blue-500);display:inline-block;min-width:50px;width:100%;max-width:256px;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400}.bcm-progress.full-width{width:100%;max-width:100%;min-width:auto}.bcm-progress__line{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;min-height:8px}.bcm-progress__line .value{margin-left:8px;color:var(--bcm-new-ds-color-slate-500);min-width:32px;font-size:14px;min-height:calc(14px + 8px);font-weight:500}.bcm-progress__line-progress{width:100%;flex:1;height:8px;border:0 none;background:var(--bcm-new-ds-color-slate-200);appearance:none}.bcm-progress__line-progress.small{height:6px}.bcm-progress__line-progress.line-rounded,.bcm-progress__line-progress.line-rounded::-webkit-progress-value{border-radius:8px}.bcm-progress__line-progress.line-rounded::-moz-progress-bar{border-radius:8px}.bcm-progress__line-progress.completed::-webkit-progress-value{background-color:var(--bcm-progress-color)}.bcm-progress__line-progress.completed::-moz-progress-bar{background-color:var(--bcm-progress-color)}.bcm-progress__line-progress.error::-webkit-progress-value{background-color:var(--bcm-new-ds-color-red-500)}.bcm-progress__line-progress.error::-moz-progress-bar{background-color:var(--bcm-new-ds-color-red-500)}.bcm-progress__line-progress.error .value{color:var(--bcm-new-ds-color-red-500)}.bcm-progress__line-progress::-webkit-progress-bar{background:transparent}.bcm-progress__line-progress::-webkit-progress-value{background-color:var(--bcm-progress-color);transition:0.3s}.bcm-progress__line-progress::-moz-progress-bar{background-color:var(--bcm-progress-color);transition:0.3s}.bcm-progress__circle{position:relative}.bcm-progress__circle bcm-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.bcm-progress__circle text{fill:var(--bcm-new-ds-color-slate-500);font-size:18px;line-height:calc(18px + 8px);font-weight:500}.bcm-progress__circle-circle{transition:0.35s stroke-dashoffset, 0.1s stroke;transform:rotate(-90deg);transform-origin:50% 50%;stroke:#F5F5F5;stroke-width:6px;fill:transparent}.bcm-progress__circle-circle.bar{stroke:var(--bcm-progress-color)}.bcm-progress__circle-circle.completed{stroke:var(--bcm-new-ds-color-emerald-500)}.bcm-progress__circle-circle.error{stroke:var(--bcm-new-ds-color-red-500)}';export{a as bcm_progress}

package/dist/bromcom-ui/{p-0d693b8b.entry.js → p-e606c42b.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,h as e,H as i,g as s}from"./p-da1055cb.js";import{c as a}from"./p-d65a1e21.js";import{I as h}from"./p-c23b6240.js";import{D as n}from"./p-626a65e9.js";import{G as p}from"./p-d3cb8d25.js";import{B as r}from"./p-a429e85b.js";import{d as l}from"./p-8c018ae0.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.js";const o=class{constructor(e){t(this,e),this._id=p.UID(),this.date=new Date,this.value=void 0,this.endDate=null,this.range=!1,this.hidden=!1,this.name=void 0,this.fullWidth=!1,this.required=!1,this.label=void 0,this.placeholder=void 0,this.disabledDates="",this.disabled=!1,this.noCaption=!1,this.caption="",this.captionError=void 0,this.captionType="default",this.alignment=void 0,this._internal_id=(4*Math.random()).toString(16).replace(".",""),this.placement=r.Placement["bottom-start"],this.linkedComponent=void 0,this.clearable=!1,this.stateStartDate=null,this.stateEndDate=null}handleStartDateChange(){this.handleDate()}handleEndDateChange(){this.handleDate()}handlePickerLoad(){this.value=this.picker.value}handlePickerChange(t){this.value=t.detail}async set(t){return this.picker.set(t)}async get(){var t;return(null===(t=this.value)||void 0===t?void 0:t.timestamp)||null}async setDisabled(t){this.disabled=t}async setClear(){return await this.picker.setClear(),await l(10),Promise.resolve()}async setStartDate(t){t?(t=n.convertTimeStampToDate(new Date(t).getTime()),this.stateStartDate=t):this.setClear()}async setEndDate(t){t?(t=n.convertTimeStampToDate(new Date(t).getTime()),this.stateEndDate=t):this.setClear()}handleDate(){this.range?this.stateStartDate&&this.stateEndDate&&this.set(this.stateStartDate+"-"+this.stateEndDate):this.set(this.stateStartDate)}async getInput(){return await this.picker.getInput()}async open(){return await this.picker.open()}async getValue(){return this.value}async isValid(){return await this.picker.isValid()}async resetCaption(){return await l(10),await this.picker.resetCaption(),this.captionType="default",this.captionError=null,await l(10),Promise.resolve()}render(){const t=a(this.hidden?"hidden":null,{"full-width":this.fullWidth,"linked-component":this.linkedComponent});return e(i,{class:t},e("bcm-datetime-picker",{"linked-component":this.linkedComponent,id:this._id,name:this.name,type:this.range?"range":"date",date:this.date,placeholder:this.placeholder,fullWidth:this.fullWidth,ref:t=>this.picker=t,required:this.required,clearable:this.clearable,label:this.label,"end-date":this.endDate,disabled:this.disabled,disabledDates:this.disabledDates,"on-bcm-load":()=>this.handlePickerLoad(),"on-bcm-change":t=>this.handlePickerChange(t),noCaption:this.noCaption,caption:this.caption,captionError:this.captionError,captionType:this.captionType,alignment:this.alignment,placement:this.placement}))}get el(){return s(this)}static get watchers(){return{stateStartDate:["handleStartDateChange"],stateEndDate:["handleEndDateChange"]}}};(function(t,e,i,s){var a,h=arguments.length,n=h<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var p=t.length-1;p>=0;p--)(a=t[p])&&(n=(h<3?a(n):h>3?a(e,i,n):a(e,i))||n);h>3&&n&&Object.defineProperty(e,i,n)})([h()],o.prototype,"el",void 0),o.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:inline-block;width:100%;max-width:256px}:host(.full-width){max-width:100%}:host(.hidden){display:none}:host(.linked-component){display:none}';export{o as bcm_date_picker}
+import{r as t,h as e,H as i,g as s}from"./p-da1055cb.js";import{c as a}from"./p-d65a1e21.js";import{I as h}from"./p-c23b6240.js";import{D as n}from"./p-626a65e9.js";import{G as p}from"./p-d3cb8d25.js";import{a as r}from"./p-a429e85b.js";import{d as l}from"./p-8c018ae0.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.js";const o=class{constructor(e){t(this,e),this._id=p.UID(),this.date=new Date,this.value=void 0,this.endDate=null,this.range=!1,this.hidden=!1,this.name=void 0,this.fullWidth=!1,this.required=!1,this.label=void 0,this.placeholder=void 0,this.disabledDates="",this.disabled=!1,this.noCaption=!1,this.caption="",this.captionError=void 0,this.captionType="default",this.alignment=void 0,this._internal_id=(4*Math.random()).toString(16).replace(".",""),this.placement=r.Placement["bottom-start"],this.linkedComponent=void 0,this.clearable=!1,this.stateStartDate=null,this.stateEndDate=null}handleStartDateChange(){this.handleDate()}handleEndDateChange(){this.handleDate()}handlePickerLoad(){this.value=this.picker.value}handlePickerChange(t){this.value=t.detail}async set(t){return this.picker.set(t)}async get(){var t;return(null===(t=this.value)||void 0===t?void 0:t.timestamp)||null}async setDisabled(t){this.disabled=t}async setClear(){return await this.picker.setClear(),await l(10),Promise.resolve()}async setStartDate(t){t?(t=n.convertTimeStampToDate(new Date(t).getTime()),this.stateStartDate=t):this.setClear()}async setEndDate(t){t?(t=n.convertTimeStampToDate(new Date(t).getTime()),this.stateEndDate=t):this.setClear()}handleDate(){this.range?this.stateStartDate&&this.stateEndDate&&this.set(this.stateStartDate+"-"+this.stateEndDate):this.set(this.stateStartDate)}async getInput(){return await this.picker.getInput()}async open(){return await this.picker.open()}async getValue(){return this.value}async isValid(){return await this.picker.isValid()}async resetCaption(){return await l(10),await this.picker.resetCaption(),this.captionType="default",this.captionError=null,await l(10),Promise.resolve()}render(){const t=a(this.hidden?"hidden":null,{"full-width":this.fullWidth,"linked-component":this.linkedComponent});return e(i,{class:t},e("bcm-datetime-picker",{"linked-component":this.linkedComponent,id:this._id,name:this.name,type:this.range?"range":"date",date:this.date,placeholder:this.placeholder,fullWidth:this.fullWidth,ref:t=>this.picker=t,required:this.required,clearable:this.clearable,label:this.label,"end-date":this.endDate,disabled:this.disabled,disabledDates:this.disabledDates,"on-bcm-load":()=>this.handlePickerLoad(),"on-bcm-change":t=>this.handlePickerChange(t),noCaption:this.noCaption,caption:this.caption,captionError:this.captionError,captionType:this.captionType,alignment:this.alignment,placement:this.placement}))}get el(){return s(this)}static get watchers(){return{stateStartDate:["handleStartDateChange"],stateEndDate:["handleEndDateChange"]}}};(function(t,e,i,s){var a,h=arguments.length,n=h<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var p=t.length-1;p>=0;p--)(a=t[p])&&(n=(h<3?a(n):h>3?a(e,i,n):a(e,i))||n);h>3&&n&&Object.defineProperty(e,i,n)})([h()],o.prototype,"el",void 0),o.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:inline-block;width:100%;max-width:256px}:host(.full-width){max-width:100%}:host(.hidden){display:none}:host(.linked-component){display:none}';export{o as bcm_date_picker}

package/dist/bromcom-ui/{p-86b8672d.entry.js → p-e66821e5.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{h as s,r as t,c as i,g as e}from"./p-da1055cb.js";import{G as c}from"./p-d3cb8d25.js";import{B as o}from"./p-a429e85b.js";import{c as h}from"./p-d65a1e21.js";import{N as a}from"./p-80a43b79.js";import{e as r}from"./p-8c018ae0.js";import{C as l}from"./p-436364c8.js";import{C as n}from"./p-2e73d572.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const d=({_id:t,color:i,customStyle:e,size:c,checked:d,hidden:m,value:p,type:b,onDismiss:u,onSelect:f})=>{!c&&(c=o.FontSize["size-1"]);const k=h(((s,t=!1)=>(a.isNumber(s)&&(s=o.FontSize["size-"+s]||o.FontSize["size-4"]),t?+(o.FontSizeValue[s]||o.FontSizeValue["size-4"])+2:s))(c),"bcm-tag__content",b),g=h("bcm-tag",{hidden:m});return s("div",{id:t,class:h(g,{checked:d})},s("span",{hidden:!0},s("slot",null)),s("span",{class:k,style:(s=>{if((b===o.TagType.basic||b==o.TagType.dismissable)&&n[s])return{color:r(l,n[s]+"-6"),borderColor:r(l,n[s]+"-3"),backgroundColor:r(l,n[s]+"-1")}})(i),onClick:s=>f(s)},b===o.TagType.add&&s("span",{class:"left"},s("bcm-icon",{icon:"far fa-plus"})),b===o.TagType.checkable&&s("input",{type:"checkbox",checked:d}),s("span",{class:"value",style:e},p),b===o.TagType.dismissable&&s("span",{class:"right close-button",onClick:s=>u(s)},s("bcm-icon",{icon:"fal fa-times"}))))},m=class{constructor(s){t(this,s),this.change=i(this,"bcm-change",7),this.tagDismissable=i(this,"bcm-tag-dismissable",7),this.bcmTagSelect=i(this,"bcm-tag-select",7),this._id=c.UID(),this._internal_id=c.UID(),this.hidden=!1,this.value="",this.type=o.TagType.basic,this.checked=!1,this.color=void 0,this.customStyle=void 0,this.itemObject=void 0,this.size=o.FontSize["size-1"],this.closeFunc=s=>s,this.selectFunc=s=>s}handleClick(){this.type===o.TagType.checkable&&this.handleChecked()}handleClose(){this.tagDismissable.emit(this.el)}handleChecked(){this.checked=!this.checked,this.change.emit(this.checked)}render(){const{type:t,color:i,value:e,customStyle:c,size:h,hidden:a,checked:r}=this;return s(d,{size:h,hidden:a,color:i,customStyle:c,checked:r,value:e,type:o.TagType[t],onSelect:s=>{this.bcmTagSelect.emit(s),this.selectFunc({event:s,id:this._id})},onDismiss:s=>{this.handleClose(),this.closeFunc(s)}})}get el(){return e(this)}};export{m as bcm_tag}
+import{h as s,r as t,c as i,g as e}from"./p-da1055cb.js";import{G as c}from"./p-d3cb8d25.js";import{a as o}from"./p-a429e85b.js";import{c as h}from"./p-d65a1e21.js";import{N as a}from"./p-80a43b79.js";import{e as r}from"./p-8c018ae0.js";import{C as l}from"./p-436364c8.js";import{C as n}from"./p-2e73d572.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const d=({_id:t,color:i,customStyle:e,size:c,checked:d,hidden:m,value:p,type:b,onDismiss:u,onSelect:f})=>{!c&&(c=o.FontSize["size-1"]);const k=h(((s,t=!1)=>(a.isNumber(s)&&(s=o.FontSize["size-"+s]||o.FontSize["size-4"]),t?+(o.FontSizeValue[s]||o.FontSizeValue["size-4"])+2:s))(c),"bcm-tag__content",b),g=h("bcm-tag",{hidden:m});return s("div",{id:t,class:h(g,{checked:d})},s("span",{hidden:!0},s("slot",null)),s("span",{class:k,style:(s=>{if((b===o.TagType.basic||b==o.TagType.dismissable)&&n[s])return{color:r(l,n[s]+"-6"),borderColor:r(l,n[s]+"-3"),backgroundColor:r(l,n[s]+"-1")}})(i),onClick:s=>f(s)},b===o.TagType.add&&s("span",{class:"left"},s("bcm-icon",{icon:"far fa-plus"})),b===o.TagType.checkable&&s("input",{type:"checkbox",checked:d}),s("span",{class:"value",style:e},p),b===o.TagType.dismissable&&s("span",{class:"right close-button",onClick:s=>u(s)},s("bcm-icon",{icon:"fal fa-times"}))))},m=class{constructor(s){t(this,s),this.change=i(this,"bcm-change",7),this.tagDismissable=i(this,"bcm-tag-dismissable",7),this.bcmTagSelect=i(this,"bcm-tag-select",7),this._id=c.UID(),this._internal_id=c.UID(),this.hidden=!1,this.value="",this.type=o.TagType.basic,this.checked=!1,this.color=void 0,this.customStyle=void 0,this.itemObject=void 0,this.size=o.FontSize["size-1"],this.closeFunc=s=>s,this.selectFunc=s=>s}handleClick(){this.type===o.TagType.checkable&&this.handleChecked()}handleClose(){this.tagDismissable.emit(this.el)}handleChecked(){this.checked=!this.checked,this.change.emit(this.checked)}render(){const{type:t,color:i,value:e,customStyle:c,size:h,hidden:a,checked:r}=this;return s(d,{size:h,hidden:a,color:i,customStyle:c,checked:r,value:e,type:o.TagType[t],onSelect:s=>{this.bcmTagSelect.emit(s),this.selectFunc({event:s,id:this._id})},onDismiss:s=>{this.handleClose(),this.closeFunc(s)}})}get el(){return e(this)}};export{m as bcm_tag}

package/dist/cjs/{bcm-634604e3.js → bcm-ab921827.js}

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-exports.Bcm$1 = void 0;
+exports.Bcm = void 0;
 (function (Bcm) {
   (function (HtmlElementType) {
     HtmlElementType["div"] = "div";
@@ -443,7 +443,7 @@ exports.Bcm$1 = void 0;
     ListType["select"] = "select";
     ListType["autocomplete"] = "autocomplete";
   })(Bcm.ListType || (Bcm.ListType = {}));
-})(exports.Bcm$1 || (exports.Bcm$1 = {}));
-const Bcm = exports.Bcm$1;
+})(exports.Bcm || (exports.Bcm = {}));
+const Bcm = exports.Bcm;
 
-exports.Bcm = Bcm;
+exports.Bcm$1 = Bcm;

package/dist/cjs/bcm-alert.cjs.entry.js

@@ -10,10 +10,10 @@ const index$1 = require('./index-ddfd6d8f.js');
 const generate = require('./generate-21143214.js');
 const index$2 = require('./index-fdbf5226.js');
 const index = require('./index-4506fcd7.js');
-const stringHelper = require('./string-helper-45cffee0.js');
+const stringHelper = require('./string-helper-d681e5c7.js');
 require('./colors-e1d142ad.js');
 require('./_commonjsHelpers-bd20f4c0.js');
-require('./bcm-634604e3.js');
+require('./bcm-ab921827.js');
 
 const { state } = index.createStore({
   value: new Map(),